Catalog

Sheet UI surface catalog.

Canonical inventory of the current `@ljoukov/sheet` surfaces. Each preview renders the actual exported component or the underlying sheet renderer, not a static mock.

Catalogued surfaces

Question input types

Feedback / runtime states

Adjacent surfaces

src/lib/Sheet.sveltesrc/lib/SheetFeedbackCard.sveltesrc/lib/SheetFeedbackThread.sveltesrc/lib/components/sheet/paper-sheet.sveltesrc/lib/components/sheet/paper-sheet-question-feedback.sveltesrc/lib/components/sheet/paper-sheet-feedback-chat.svelte

Sheet root

Sheet

Full worksheet surface that owns numbering, theming, section state, answer state, and optional review overlays.

Required inputs

document.iddocument.subjectdocument.leveldocument.titledocument.subtitledocument.colordocument.accentdocument.lightdocument.borderdocument.sections[]

Optional inputs

seedAnswersreviewmockReviewfeedbackThreadsfeedbackStatemodeallowRepliesshowFooter

Over 2,000 years ago, one of the greatest empires the world has ever seen stretched across three continents. The Romans built mighty armies, beautiful cities, and roads that still exist today. But how did they end up in Britain — and what did they leave behind?

The Roman Empire was ruled from the city of Rome in Italy. At its peak, it covered parts of Europe, North Africa, and western Asia. The Romans first tried to invade Britain in 55 BC under Julius Caesar, but the full conquest came in 43 AD under Emperor Claudius. Roman soldiers were called legionaries and were among the best-trained soldiers in the ancient world.

[1m]

The Romans first attempted to invade Britain in under Julius Caesar.

[1m]

The successful Roman conquest of Britain happened in under Emperor Claudius.

[1m]

What were Roman soldiers called?

[1m]

From which city was the Roman Empire ruled?

In 122 AD, Emperor Hadrian visited Britain and ordered a massive wall to be built across the north of England. It stretched 73 miles (117 km) from coast to coast. The wall marked the northern frontier of the Roman Empire and kept out tribes from modern-day Scotland, called the Picts. Soldiers lived in forts along the wall and watched for attacks.

Fast Fact

Hadrian’s Wall took about 6 years to build and required thousands of soldiers and workers. Parts of it still stand today!

[1m]

Hadrian's Wall was built in .

[1m]

The wall stretched from coast to coast.

[1m]

Which group of people did the wall keep out?

[2m]

Explain why you think the Romans built Hadrian’s Wall rather than continuing to conquer further north. Give at least one reason.

The Romans changed Britain dramatically. They built straight roads to move armies quickly — many modern roads follow the same routes. They built bathhouses where people washed and socialised. Wealthy Romans lived in large country houses called villas, with mosaic floors and underfloor heating called a hypocaust. They introduced new foods like apples, pears, and even cats!

[2m]

Match each Roman word to its correct meaning. (Click a term, then click its meaning)

[1m]

Why did the Romans build straight roads?

[3m]

Describe THREE ways the Romans changed life in Britain. Use evidence from the theory above.

By 410 AD, the Roman Empire was struggling. Tribes called the Visigoths attacked Rome itself, and the Emperor told the people of Britain they would have to defend themselves. After nearly 400 years, Roman rule in Britain came to an end. The Romans left, but their language, buildings, and ideas stayed behind — shaping Britain forever.

[1m]

Roman rule in Britain ended in .

[1m]

The Romans ruled Britain for nearly years.

[1m]

Which group attacked Rome and contributed to the empire's collapse?

[3m]

Do you think the Roman invasion of Britain was good or bad for the people living here? Use what you have learned to explain your answer.

Review summary

Sheet

Top-level grading banner that communicates marks, grading message, and whether teacher-review marks remain open.

Required inputs

review.score.gotreview.score.totalreview.labelreview.messagereview.notereview.questions

Optional inputs

review.objectiveQuestionCountreview.teacherReviewMarksreview.teacherReviewQuestionCount

Sample worksheet seeded from the Hamilton 2023 combined grading file. Each section shows the original problem statement with Andrew Hamilton's transcribed notebook submission prefilled, including [unclear] markers where the source image was faint.

Susie thinks of a positive integer $n$ . She notices that, when she divides $2023$ by $n$ , she is left with a remainder of $43$ . Find how many possible values of $n$ there are.

[10m]

Student solution transcript

Since the remainder is $43$ , $n > 44$ and

2023 - 43 = 1980

is a multiple of $n$ .

1980 = 2^2 \times 3^2 \times 5 \times 11.

This means its factors greater than $43$ are [partly unclear]

55, 60, 66, 90, 99, 110, 132, 165, 180, 198, 220, 330, 495, 990.

So there are $14$ possible $n$ 's.

The key observation is correct: $2023 - 43 = 1980$ must be divisible by $n$ . The issue is the count. The condition should be $n > 43$ , so $44$ is valid, and several larger factors are still missing from the list.

The two positive integers $a, b$ with $a > b$ are such that $a\%$ of $b\%$ of $a$ and $b\%$ of $a\%$ of $b$ differ by $0.003$ . Find all possible pairs $(a, b)$ .

[10m]

Student solution transcript

$\%$ is equivalent to multiplying by $\frac{1}{100}$ .

a\%\text{ of }b\%\text{ of }a = \frac{a}{100}\times\frac{b}{100}\times a = \frac{a^2b}{10^4}

and

b\%\text{ of }a\%\text{ of }b = \frac{b}{100}\times\frac{a}{100}\times b = \frac{ab^2}{10^4}.

Since they differ by

0.003 = \frac{3}{10^3} = \frac{30}{10^4},

and since $a > b$ ,

\frac{a^2b}{10^4} > \frac{ab^2}{10^4}

a^2b - ab^2 = 30

and hence

ab(a - b) = 30.

Since $a$ and $b$ are integers, $ab > a - b$ , and so

(ab, a - b) = (30, 1), (15, 2), (10, 3), (6, 5).

Case 1:

ab = 30,\ a - b = 1 \Rightarrow a = 6,\ b = 5.

Case 2:

ab = 15,\ a - b = 2 \Rightarrow a = 5,\ b = 3.

Case 3:

ab = 10,\ a - b = 3 \Rightarrow a = 5,\ b = 2.

Case 4:

ab = 6,\ a - b = 5 \Rightarrow a = 6,\ b = 1.

(a, b) = (6, 5), (5, 3), (5, 2), (6, 1).

This is essentially complete. You convert both percentage expressions correctly, reach $ab(a - b) = 30$ , and recover the right four solution pairs. The only missing piece is making the discarded negative roots explicit in each case.

The $n$ th term of a sequence is the first non-zero digit of the decimal expansion of $\frac{1}{\sqrt{n}}$ . How many of the first one million terms of the sequence are equal to $1$ ?

[10m]

Student solution transcript

Thus for this to be true:

1 \le \frac{1}{\sqrt{n}} < 2

0.1 \le \frac{1}{\sqrt{n}} < 0.2

0.01 \le \frac{1}{\sqrt{n}} < 0.02

or [continuation to the next place value].

Then [faint / partial interval work]

0.01 \le \frac{1}{\sqrt{n}} < 0.02

and [unclear continuation].

[No final count is visible on the photographed page.]

The starting idea is right: the first non-zero digit is $1$ exactly when $\frac{1}{\sqrt{n}}$ falls into intervals like $[1, 2)$ , $[0.1, 0.2)$ , and so on. The photographed work stops before those intervals are converted into full ranges for $n$ and counted.

In the parallelogram $ABCD$ , a line through $A$ meets $BD$ at $P$ , $CD$ at $Q$ and $BC$ extended at $R$ . Prove that $\frac{PQ}{PR} = \left(\frac{PD}{PB}\right)^2$ .

[10m]

Student solution transcript

Now since $ABCD$ is a parallelogram,

AD \parallel CB,\qquad CD \parallel AB.

This means that

\angle QDP = \angle ABP

and

\angle QPD = \angle BAP,

\triangle DPQ \sim \triangle BAP

and

\frac{PD}{PB} = \frac{PQ}{AP}.

Since $BR \parallel AQ$ [equivalently, using the same transversal / parallel structure],

\triangle DBR \sim \triangle ADP

and

\frac{PD}{PB} = \frac{AP}{PR}.

Therefore

\left(\frac{PD}{PB}\right)\left(\frac{PD}{PB}\right) = \left(\frac{PQ}{AP}\right)\left(\frac{AP}{PR}\right)

\left(\frac{PD}{PB}\right)^2 = \frac{PQ}{PR}.

Complete proof. You identify one similar-triangle pair to get $\frac{PD}{PB} = \frac{PQ}{AP}$ , a second pair to get $\frac{PD}{PB} = \frac{AP}{PR}$ , and then multiply the results to reach the required identity.

Mickey writes down on a board $n$ consecutive whole numbers, the smallest of which is $2023$ . He repeatedly replaces the largest two numbers with their difference until only one number remains. For which values of $n$ is the last remaining number $0$ ?

[10m]

Student solution transcript

Now subtracting $2$ integers from each other and replacing by the difference doesn't change parity.

For final sum to be $0$ , sum must be even.

Now the largest $2$ numbers are consecutive and will be replaced by $1$ .

If $n$ is a multiple of $4$ , all larger numbers will have been replaced by [pairs of] $1$ 's and then $0$ 's [unclear wording], so final sum is $0$ .

If $n$ is $1$ more than a multiple of $4$ , [unclear continuation].

If $n$ is $3$ more than a multiple of $4$ , [unclear continuation; the photographed argument appears to continue but is not fully legible].

Two strong ideas are present: parity is preserved, and the largest consecutive numbers repeatedly collapse to $1$ . The missing part is the hard odd-case analysis, so the final set of valid $n$ values is not fully established from the visible work.

Find all triples $(m, n, p)$ which satisfy $p^n + 3600 = m^2$ , where $p$ is prime and $m, n$ are positive integers.

[10m]

Student solution transcript

Rearrange this equation, we get

p^n = (m + 60)(m - 60).

Now since $p$ is prime, $p^n$ is prime [power], and

p^a - p^b = 120.

This must be divisible by $p$ .

Now

120 = p^a - p^b

must be divisible by $p$ .

p = 2, 3, 5.

Now if $p = 2$ , for

p^a - p^b = 120

p^b(p^{a - b} - 1) = 120

so $p^b < 120$ and $p^a > 120$ .

For $p = 2$ ,

p^b = 2, 4, 8, 16, 32, 64, 128

[continuation].

We have

p^a = 128,\ p^b = 8.

m + 60 = 128 \text{ and } m - 60 = 8

m = 68.

This gives

(m, n, p) = (68, 10, 2).

If $p = 3$ , again $p^a > 120$ as then if $p^a - p^b \ge 2 \times 120$ , no solution.

p = 3, 9, 27, 81,

as $243 - 81 = 162 > 120$ .

Thus there is no solution.

If $p = 5$ , obviously only $5$ , $25$ and $125$ .

m + 60 = 125,\quad m - 60 = 5

m = 65

This gives

(m, n, p) = (65, 4, 5).

(m, n, p) = (68, 10, 2) \text{ or } (65, 4, 5).

The factorisation $p^n = (m + 60)(m - 60)$ is correct, and the casework for $p = 2, 3, 5$ is mostly good. The gap is the special case $m - 60 = 1$ , which produces the extra solution $(61, 2, 11)$ .

Fill in the blanks

Sheet

Inline sentence-completion row for short retrieval answers with one or two blank fields.

Required inputs

question.idquestion.type = "fill"question.marksquestion.promptquestion.blanks[]question.after

Optional inputs

question.conjunctionblank.placeholderblank.minWidth

Answer payload

answers[question.id] = Record<"0" | "1", string>

Focused demo of the fill question surface.

[1m]

The Romans first attempted to invade Britain in under Julius Caesar.

Multiple choice

Sheet

Single-select option row with roomy paper buttons and review-aware selection states.

Required inputs

question.idquestion.type = "mcq"question.marksquestion.promptquestion.options[]

Answer payload

answers[question.id] = string

Schema minimum is two options.

Focused demo of the multiple choice surface.

[1m]

What were Roman soldiers called?

Lines / extended response

Sheet

Freeform long-answer row that can stay as a ruled textarea or render locked markdown output.

Required inputs

question.idquestion.type = "lines"question.marksquestion.promptquestion.lines

Optional inputs

question.renderMode

Answer payload

answers[question.id] = string

`renderMode = "markdown"` switches locked output to rendered markdown.

Focused demo of the lines question surface.

Fast Fact

Hadrian’s Wall took about 6 years to build and required thousands of soldiers and workers. Parts of it still stand today!

[2m]

Explain why you think the Romans built Hadrian’s Wall rather than continuing to conquer further north. Give at least one reason.

Calculation row

Sheet

Compact numeric or symbolic answer row with a left label and a right-side unit.

Required inputs

question.idquestion.type = "calc"question.marksquestion.promptquestion.inputLabelquestion.unit

Optional inputs

question.hint

Answer payload

answers[question.id] = string

Focused demo of the calculation question surface.

Iron is a strong, hard metal with a high melting point. It is magnetic, meaning it is attracted to magnets. Iron has a density of 7.88 g/cm³, which means it is much denser than water. These properties make iron ideal for making nails, girders, and machinery. Pure iron is actually quite soft — it is usually combined with carbon to make steel, which is much stronger.

[1m]

Iron has a density of 7.88 g/cm³. Calculate the mass of an iron nail with a volume of 2 cm³.

Hint: Mass = Density × Volume

Mass = g

Match pairs

Sheet

Two-column matching row where the student selects a term, then assigns the paired meaning.

Required inputs

question.idquestion.type = "match"question.marksquestion.promptquestion.pairs[]

Answer payload

answers[question.id] = Record<string, string>

Each pair needs both `term` and `match`.

Focused demo of the match question surface.

[2m]

Match each Roman word to its correct meaning. (Click a term, then click its meaning)

Spelling correction

Sheet

Correction list that shows the misspelled word and captures the repaired spelling inline.

Required inputs

question.idquestion.type = "spelling"question.marksquestion.promptquestion.words[]

Answer payload

answers[question.id] = Record<string, string>

Each word entry currently requires `wrong`.

Focused demo of the spelling question surface.

Many English words change form depending on how they are used in a sentence. A noun names a thing or idea. A verb shows action or being. An adjective describes a noun. Understanding root words helps you spell and understand new words — for example, 'determine' is the root of 'determined' and 'determination'.

[2m]

Correct the spelling of these words.

threatning →

deafning →

Question feedback note

SheetFeedbackCard

Review-note surface that combines a tutor note, optional thread, and inline reply composer.

Required inputs

review.statusreview.notequestionLabel

Optional inputs

threaddraftprocessingruntimeStatusthinkingTextassistantDraftTextshowComposershowFollowUpButtononDraftChangeonReply

Your setup is right, but the final count still misses some divisors. Recount the factors greater than 43 and explain where 44 fits.

I think I forgot 44 and some of the larger factor pairs.

That is the right place to check. Recount in order so the missing values stand out.

Feedback attachments

SheetFeedbackThread

Student or tutor turns can include image and file attachments alongside the threaded conversation.

Required inputs

thread.turns[].idthread.turns[].speakerthread.turns[].text or thread.turns[].attachments[]attachment.idattachment.filenameattachment.contentTypeattachment.sizeBytes

Optional inputs

attachment.url

Here is the part of my working where I recounted the factors.

Good. The image makes the missing values easier to see. Compare the written list against the factors above 43.

Runtime feedback progression

SheetFeedbackCard

The tutor note can represent pending, thinking, responding, and resolved states while the conversation progresses.

Required inputs

reviewquestionLabel

Optional inputs

thread.statusthread.turns[]processingruntimeStatusthinkingTextassistantDraftTextshowComposershowFollowUpButton

Your setup is right, but the final count still misses some divisors. Recount the factors greater than 43 and explain where 44 fits.

Can you check whether 44 should be included?

Thinking stream

I can keep the divisor idea and fix the count. The condition is n > 43, so 44 is allowed.

Your setup is right, but the final count still misses some divisors. Recount the factors greater than 43 and explain where 44 fits.

Please check the corrected count.

Response stream

Your setup is right: remainder 43 means n | 1980 and n > 43.

The missing factors are 44, 45, 396, 660, and 1980.

So there are 19 possible values of n.

The corrected count is complete and the conclusion now matches the divisor list.

I recounted the factors and there are 19 values.

Exactly. 44, 45, 396, 660, and 1980 were the missing values in the first list.

Markdown surface

Markdown

Standalone markdown renderer for prose, maths, tables, and fenced code blocks with theme-aware styling.

Required inputs

markdown

Optional inputs

inlineclass

Worked example

The remainder is 43, so we know:

2023 - 43 = 1980

That means n must divide 1980.

Strategy

Factorise 1980
List factors greater than 43
Check that each factor gives remainder 43

The cleanest final sentence is the one that repeats the corrected count.

const factors = [44, 45, 55, 60, 66];
console.log(factors.length);

Sheet UI surface catalog.

Sheet root

The Roman Empire

Review summary

Hamilton 2023

Fill in the blanks

Fill Question

Multiple choice

Multiple Choice

Lines / extended response

Lines Question

Calculation row

Calculation Question

Match pairs

Match Question

Spelling correction

Spelling Question

Question feedback note

Feedback attachments

Runtime feedback progression

Markdown surface

Worked example

Strategy