@cueplusplus/ui 0.13.0

package/manifest/components/turn-footer.json

@@ -0,0 +1,133 @@
+{
+  "name": "TurnFooter",
+  "slug": "turn-footer",
+  "group": "elements",
+  "importPath": "@cueplusplus/ui/elements",
+  "peerDependencies": [
+    "lucide-react"
+  ],
+  "clientOnly": true,
+  "description": "The row under a finished turn: copy, reply, fork, and when it happened.\n\nEvery control is opt-in — passing no handler draws no button — because the\nfour are not one set. A read-only shared transcript has a copy button and\nnothing else; a console with branching has all four. A footer that drew\ndisabled controls for the ones a product does not have would be a row of\nthings nobody can press.\n\nThe controls are drawn plainly rather than revealed on hover. Revealing them\nis a decision about the *turn*, not about this row: Cursor keys it off the\nturn's own hover state and Cline's stylesheet explains why the reveal must be\ninstant — \"a fade on hover chrome reads as lag, not polish\" — and float over\nwhat follows rather than reserving space. Both are two lines of CSS on the\nturn, and neither is something this component can decide from inside itself.",
+  "props": [
+    {
+      "name": "onCopy",
+      "type": "(() => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Copy the turn. The control exists only when this is given.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "copied",
+      "type": "boolean",
+      "required": false,
+      "defaultValue": "false",
+      "description": "Whether the clipboard has it: the copy glyph crossfades to a check.",
+      "control": {
+        "kind": "boolean"
+      }
+    },
+    {
+      "name": "onReply",
+      "type": "(() => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Quote this turn into the composer. The control exists only when this is given.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "onFork",
+      "type": "(() => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Branch the conversation from this turn. The control exists only when this is given.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "onMore",
+      "type": "(() => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Open the overflow menu — Cursor hangs \"Copy request ID\" off it.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "timestamp",
+      "type": "TurnTimestamp",
+      "required": false,
+      "defaultValue": null,
+      "description": "When the turn happened and how long it took. See {@link TurnTimestamp}.",
+      "control": {
+        "kind": "opaque"
+      }
+    },
+    {
+      "name": "labels",
+      "type": "Partial<TurnActionLabels>",
+      "required": false,
+      "defaultValue": null,
+      "description": "The accessible names of the four controls, merged over\n`TURN_ACTION_LABELS`. Partial on purpose: a console localising two of them\nshould not have to restate the other three.",
+      "control": {
+        "kind": "opaque"
+      }
+    },
+    {
+      "name": "label",
+      "type": "string",
+      "required": false,
+      "defaultValue": "Turn actions",
+      "description": "What the group of controls is called. Defaults to `Turn actions`.",
+      "control": {
+        "kind": "string"
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-fg-subtle",
+    "--cue-ok"
+  ],
+  "summary": "The row under a finished turn: copy, reply, fork, and when it happened.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "import { TurnFooter } from \"@cueplusplus/ui/elements\";\n\n<TurnFooter\n  onCopy={copy}\n  copied={copied}\n  onReply={quote}\n  onFork={branch}\n  timestamp={{ label: \"2m ago\", title: \"Today at 2:14 PM\", subtitle: \"Worked for 2m 15s\" }}\n/>\n// A shared transcript: one control, and the time it was written.\n<TurnFooter onCopy={copy} timestamp={{ label: \"14 March\" }} />",
+      "language": "tsx"
+    }
+  ],
+  "status": "todo-docs",
+  "url": "/docs/components/turn-footer",
+  "mdUrl": "/docs/components/turn-footer.md",
+  "jsonUrl": "/r/components/turn-footer.json",
+  "specimens": [
+    {
+      "title": "TurnFooter",
+      "group": "elements-thread",
+      "components": [
+        "TurnFooter"
+      ],
+      "code": "<Specimens>\n  <Specimen label=\"all four, three-level timestamp\" wide>\n    <div className=\"w-full max-w-md\">\n      <TurnFooter\n        onCopy={() => setTurnCopied((current) => !current)}\n        copied={turnCopied}\n        onReply={() => {}}\n        onFork={() => {}}\n        onMore={() => {}}\n        timestamp={{\n          label: \"2m ago\",\n          title: \"Today at 2:14 PM\",\n          subtitle: \"Worked for 2m 15s\",\n        }}\n      />\n    </div>\n  </Specimen>\n  <Specimen label=\"a shared transcript: copy only\" wide>\n    <div className=\"w-full max-w-md\">\n      <TurnFooter onCopy={() => {}} timestamp={{ label: \"14 March\" }} />\n    </div>\n  </Specimen>\n  <Specimen label=\"relabelled\" wide>\n    <div className=\"w-full max-w-md\">\n      <TurnFooter\n        onCopy={() => {}}\n        onFork={() => {}}\n        labels={{ fork: \"Branch\" }}\n        timestamp={{ label: \"2m ago\" }}\n      />\n    </div>\n  </Specimen>\n</Specimens>",
+      "note": "The row under a finished turn: copy, reply, fork, and when it happened. Every control is opt-in, because the four are not one set — a read-only shared transcript has a copy button and nothing else, and a footer that drew disabled controls would be a row of things nobody can press. The timestamp is three levels at once: 2m ago at a glance, the exact time on the title where it costs nothing, and how long the work took beside it, which is the only one of the three that is about the agent rather than the clock.",
+      "interaction": "four named icon buttons; copy crossfades to a check in place and renames itself Copied. The four names come from TURN_ACTION_LABELS and a partial override merges over it, so localising two of them does not mean restating the other three."
+    }
+  ],
+  "todo": true
+}

package/manifest/components/two-step-button.json

@@ -0,0 +1,150 @@
+{
+  "name": "TwoStepButton",
+  "slug": "two-step-button",
+  "group": "instruments",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "Arm, then confirm: a destructive action that takes two deliberate presses.\n\nThe most-reused interaction in the portfolio (fifteen call sites, three\nhand-rolled implementations) and the right shape for a destructive action\nthat is *routine* — deleting a cue, clearing a patch. A modal\n`AlertDialog` is the right shape for a rare and expensive one; putting a\ndialog in front of an action people take twenty times an hour just teaches\nthem to dismiss dialogs.\n\nFour ways out, because an armed button left lying around is a trap: Cancel,\nEscape, moving focus away, and a timeout. Focus lands on **Cancel** when the\npair arms, never on the destructive half — the same ruling as a destructive\ndialog's default button, and it means a stuck Enter key cannot walk through\nboth steps.",
+  "props": [
+    {
+      "name": "onConfirm",
+      "type": "() => void",
+      "required": true,
+      "defaultValue": null,
+      "description": "Fired once, when the *second* press lands.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "children",
+      "type": "ReactNode",
+      "required": true,
+      "defaultValue": null,
+      "description": "The idle label — name the action, not the button (\"Delete rig\", not \"Delete\").",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    },
+    {
+      "name": "confirmLabel",
+      "type": "ReactNode",
+      "required": false,
+      "defaultValue": "Confirm",
+      "description": "Label on the armed half. Defaults to `\"Confirm\"`.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    },
+    {
+      "name": "cancelLabel",
+      "type": "ReactNode",
+      "required": false,
+      "defaultValue": "Cancel",
+      "description": "Label on the escape hatch. Defaults to `\"Cancel\"`.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    },
+    {
+      "name": "tone",
+      "type": "\"danger\" | \"warn\"",
+      "required": false,
+      "defaultValue": "danger",
+      "description": "How severe this is. Defaults to `\"danger\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "danger",
+          "warn"
+        ]
+      }
+    },
+    {
+      "name": "timeout",
+      "type": "number",
+      "required": false,
+      "defaultValue": "4000",
+      "description": "ms before an untouched armed state disarms itself. `0` disables. Defaults to `4000`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "onArmedChange",
+      "type": "((armed: boolean) => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Called with the new armed state on every arm and disarm.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "render",
+      "type": "RenderProp<Record<string, unknown>>",
+      "required": false,
+      "defaultValue": null,
+      "description": "Replace the rendered element (Base UI render prop). Accepts an element —\n`render={<a href=\"/x\" />}` — or a function returning one. When set, the\ndefault `type=\"button\"` is dropped so non-button elements stay valid.",
+      "control": {
+        "kind": "opaque"
+      }
+    },
+    {
+      "name": "icon",
+      "type": "ElementType<any, keyof IntrinsicElements>",
+      "required": false,
+      "defaultValue": null,
+      "description": "Optional leading icon component (e.g. a lucide icon). Rendered\n`aria-hidden` and sized to the density icon token, so it tracks the density\nlevel without the caller passing a pixel size.",
+      "control": {
+        "kind": "opaque",
+        "fixture": "icon.play"
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<ButtonProps, \"onClick\" | \"variant\" | \"onConfirm\" | \"children\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-danger",
+    "--cue-danger-fg",
+    "--cue-space-2",
+    "--cue-warn",
+    "--cue-warn-fg"
+  ],
+  "summary": "Arm, then confirm: a destructive action that takes two deliberate presses.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<TwoStepButton onConfirm={() => deleteRig(id)}>Delete rig</TwoStepButton>\n<TwoStepButton tone=\"warn\" timeout={0} confirmLabel=\"Reset it\" onConfirm={reset}>\n  Reset patch\n</TwoStepButton>",
+      "language": "tsx"
+    }
+  ],
+  "status": "todo-docs",
+  "url": "/docs/components/two-step-button",
+  "mdUrl": "/docs/components/two-step-button.md",
+  "jsonUrl": "/r/components/two-step-button.json",
+  "specimens": [
+    {
+      "title": "TwoStepButton",
+      "group": "instruments",
+      "components": [
+        "TwoStepButton"
+      ],
+      "code": "<Specimens>\n  <Specimen label=\"danger\">\n    <TwoStepButton\n      tone=\"danger\"\n      onConfirm={() => setConfirmed((count) => count + 1)}\n      confirmLabel={COPY.destructive.action}\n    >\n      {COPY.destructive.action}\n    </TwoStepButton>\n  </Specimen>\n  <Specimen label=\"warn\">\n    <TwoStepButton tone=\"warn\" onConfirm={() => setConfirmed((count) => count + 1)}>\n      Reset patch\n    </TwoStepButton>\n  </Specimen>\n  <Specimen label=\"short timeout\">\n    <TwoStepButton timeout={2000} onConfirm={() => setConfirmed((count) => count + 1)}>\n      Unpatch all\n    </TwoStepButton>\n  </Specimen>\n  <Specimen label=\"disabled\">\n    <TwoStepButton disabled onConfirm={() => {}}>\n      Unpatch all\n    </TwoStepButton>\n  </Specimen>\n  <Specimen label=\"confirmed\">\n    <Chip tone={confirmed === 0 ? \"neutral\" : \"ok\"}>{confirmed} confirmed</Chip>\n  </Specimen>\n</Specimens>",
+      "note": "Arm, then confirm. The portfolio's most-reused interaction, unified from three upstream implementations.",
+      "interaction": "Escape, blur and the timeout all disarm; the armed state shows a visible Cancel next to a tone-solid confirm."
+    }
+  ],
+  "todo": true
+}

package/manifest/components/typing-indicator.json

@@ -0,0 +1,60 @@
+{
+  "name": "TypingIndicator",
+  "slug": "typing-indicator",
+  "group": "elements",
+  "importPath": "@cueplusplus/ui/elements",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "The classic three dots, tuned to read as presence rather than noise.",
+  "props": [
+    {
+      "name": "variant",
+      "type": "\"bubble\" | \"bare\"",
+      "required": false,
+      "defaultValue": "bubble",
+      "description": "bubble wraps the dots in a pill; bare renders only the three dots.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "bubble",
+          "bare"
+        ]
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<\n  ComponentProps<\"div\">,\n  \"children\" | \"variant\" | \"role\" | \"aria-label\"\n> & {\n  /** bubble wraps the dots in a pill; bare renders only the three dots. */\n  variant?: \"bubble\" | \"bare\";\n}"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-surface-3"
+  ],
+  "summary": "The classic three dots, tuned to read as presence rather than noise.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "import { TypingIndicator } from \"@cueplusplus/ui/elements\";\n\n<TypingIndicator />",
+      "language": "tsx"
+    }
+  ],
+  "status": "todo-docs",
+  "url": "/docs/components/typing-indicator",
+  "mdUrl": "/docs/components/typing-indicator.md",
+  "jsonUrl": "/r/components/typing-indicator.json",
+  "specimens": [
+    {
+      "title": "TypingIndicator",
+      "group": "elements-thread",
+      "components": [
+        "TypingIndicator"
+      ],
+      "code": "<Specimens>\n  <Specimen label=\"bubble\">\n    <TypingIndicator />\n  </Specimen>\n  <Specimen label=\"bare\">\n    <TypingIndicator variant=\"bare\" />\n  </Specimen>\n</Specimens>",
+      "note": "The gap between sending and the first token. Three dots that read as presence rather than noise — bare when the transcript has no bubbles, in a pill when it does.",
+      "interaction": "none. Both variants carry role='status' and a name, so the wait is announced once instead of animating silently."
+    }
+  ],
+  "todo": true
+}

package/manifest/components/universe-grid.json

@@ -0,0 +1,155 @@
+{
+  "name": "UniverseGrid",
+  "slug": "universe-grid",
+  "group": "dmx",
+  "importPath": "@cueplusplus/ui/dmx",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "A universe as 512 slots of occupancy: who holds what, and where two fixtures\nwere given the same address.\n\nPorted from stagetool's patching panel, which is the only audited product with\na real patch model behind it. What it draws is deliberately not a table:\n\n- **Position is the address.** A block's left edge *is* channel `start`, so the\n  shape of a patch — the gaps, the drift, the fixture that starts at 497 —\n  reads without anyone counting.\n- **A one-channel fixture is still visible.** Blocks have a two-pixel floor,\n  which is the whole reason the bar can honestly claim to show everything\n  patched.\n- **A conflict is drawn twice.** Both offending blocks get a danger ring *and*\n  the contested slots get a band, because \"these two overlap\" and \"here is\n  where\" are two different questions.\n\nAccessibility follows the `GroupBar` rule: colour is never the only channel.\nWithout `onSelect` the bar is one `role=\"img\"` whose name spells the whole\npatch out; with it, each block becomes a named button and the bar becomes a\ngroup.",
+  "props": [
+    {
+      "name": "allocations",
+      "type": "readonly DmxAllocation[]",
+      "required": true,
+      "defaultValue": null,
+      "description": "The patch. Order is display order; overlaps are found, not assumed away.",
+      "control": {
+        "kind": "array",
+        "fixture": "dmx.universe-patch"
+      }
+    },
+    {
+      "name": "label",
+      "type": "string",
+      "required": false,
+      "defaultValue": null,
+      "description": "Which universe this is. Names the graphic; also the group label when selectable.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "slots",
+      "type": "number",
+      "required": false,
+      "defaultValue": "512",
+      "description": "Frame length. Defaults to a full universe of 512.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "height",
+      "type": "number",
+      "required": false,
+      "defaultValue": "18",
+      "description": "Bar height in px at the 16px root, emitted as `rem`. Defaults to `18`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "ruler",
+      "type": "boolean",
+      "required": false,
+      "defaultValue": "true",
+      "description": "Draw the address ruler. Defaults to `true`.",
+      "control": {
+        "kind": "boolean"
+      }
+    },
+    {
+      "name": "legend",
+      "type": "boolean",
+      "required": false,
+      "defaultValue": "true",
+      "description": "Draw the legend row. Defaults to `true`.",
+      "control": {
+        "kind": "boolean"
+      }
+    },
+    {
+      "name": "legendMax",
+      "type": "number",
+      "required": false,
+      "defaultValue": "6",
+      "description": "Legend entries before the tail collapses. Defaults to `6`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "onSelect",
+      "type": "((allocation: DmxAllocation) => void)",
+      "required": false,
+      "defaultValue": null,
+      "description": "Make the blocks buttons. Without it they are decoration inside one\n`role=\"img\"`, which is what keeps a 40-fixture patch from becoming 40 tab\nstops.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
+    },
+    {
+      "name": "emptyLabel",
+      "type": "string",
+      "required": false,
+      "defaultValue": "No patch assignments",
+      "description": "What to say when nothing is patched. Defaults to `\"No patch assignments\"`.",
+      "control": {
+        "kind": "string"
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\" | \"onSelect\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent",
+    "--cue-border",
+    "--cue-busy",
+    "--cue-danger",
+    "--cue-danger-soft",
+    "--cue-fg-muted",
+    "--cue-fg-subtle",
+    "--cue-font-mono",
+    "--cue-info",
+    "--cue-ok",
+    "--cue-radius-control",
+    "--cue-space-2",
+    "--cue-space-4",
+    "--cue-space-5",
+    "--cue-sunken",
+    "--cue-text-label",
+    "--cue-text-micro",
+    "--cue-warn"
+  ],
+  "summary": "A universe as 512 slots of occupancy: who holds what, and where two fixtures were given the same address.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<UniverseGrid\n  label=\"Universe 1\"\n  allocations={[\n    { label: \"wash\", start: 1, size: 24, tone: \"accent\" },\n    { label: \"movers\", start: 129, size: 32, tone: \"info\" },\n  ]}\n/>",
+      "language": "tsx"
+    }
+  ],
+  "status": "todo-docs",
+  "url": "/docs/components/universe-grid",
+  "mdUrl": "/docs/components/universe-grid.md",
+  "jsonUrl": "/r/components/universe-grid.json",
+  "specimens": [
+    {
+      "title": "UniverseGrid",
+      "group": "dmx",
+      "components": [
+        "UniverseGrid"
+      ],
+      "code": "<div className=\"flex w-full flex-col gap-(--cue-space-5)\">\n  <UniverseGrid allocations={ALLOCATIONS} label=\"Universe 1 patch\" />\n  <UniverseGrid\n    allocations={[\n      { label: \"Front truss\", start: 1, size: 48, tone: \"accent\" },\n      { label: \"Movers\", start: 40, size: 32, tone: \"info\" },\n    ]}\n    label=\"Universe 2 patch, with a conflict\"\n  />\n  <UniverseGrid allocations={[]} label=\"Universe 3 patch\" emptyLabel={COPY.empty.title} />\n  <UniverseGrid\n    allocations={ALLOCATIONS}\n    ruler={false}\n    legend={false}\n    height={10}\n    label=\"Universe 1 patch, bare\"\n  />\n</div>",
+      "note": "512 slots of occupancy: minimum 2px slivers so a two-channel fixture is still visible, a conflict ring where two allocations overlap, a tick ruler at 1/64/…/512 and a legend that folds to `+N more`.",
+      "interaction": "each block is a button; the accessible name spells the whole patch out, so the picture is not the only channel."
+    }
+  ],
+  "todo": true
+}

package/manifest/components/unread-divider.json

@@ -0,0 +1,58 @@
+{
+  "name": "UnreadDivider",
+  "slug": "unread-divider",
+  "group": "elements",
+  "importPath": "@cueplusplus/ui/elements",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "The rule that says \"you have read down to here\": an accented line with its\nlabel at the end.\n\nThe second row of Cursor's union that no catalogue ships, and the one with a\nrule of its own that is easy to get wrong: it marks where the reader *was*,\nso it does not move while they read. A divider that chased the last-seen\nmessage would vanish the moment it appeared, which is why this component\ntakes no messages, no counts and no scroll position — the caller decides\nwhere it goes and when it leaves, and the row is only ever the mark.\n\nAccented rather than neutral, and asymmetric rather than centred, so it can\nnever be mistaken for a {@link TimeBoundary} two rows above it.",
+  "props": [
+    {
+      "name": "label",
+      "type": "string",
+      "required": false,
+      "defaultValue": "New",
+      "description": "What the rule says. `New` by default — one word, because the row is a place\nmarker and not an announcement, and because the sentence a reader wants is\nthe one below the rule.",
+      "control": {
+        "kind": "string"
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent",
+    "--cue-border",
+    "--cue-fg-subtle"
+  ],
+  "summary": "The rule that says \"you have read down to here\": an accented line with its label at the end.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "import { UnreadDivider } from \"@cueplusplus/ui/elements\";\n\n<UnreadDivider />\n<UnreadDivider label=\"New since you left\" />",
+      "language": "tsx"
+    }
+  ],
+  "status": "todo-docs",
+  "url": "/docs/components/unread-divider",
+  "mdUrl": "/docs/components/unread-divider.md",
+  "jsonUrl": "/r/components/unread-divider.json",
+  "specimens": [
+    {
+      "title": "UnreadDivider",
+      "group": "elements-thread",
+      "components": [
+        "UnreadDivider"
+      ],
+      "code": "<Specimens>\n  <Specimen label=\"default\" wide>\n    <div className=\"w-full max-w-md\">\n      <UnreadDivider />\n    </div>\n  </Specimen>\n  <Specimen label=\"its own words\" wide>\n    <div className=\"w-full max-w-md\">\n      <UnreadDivider label=\"New since you left\" />\n    </div>\n  </Specimen>\n</Specimens>",
+      "note": "The second rule Cursor's row union has and no catalogue ships: where you had read down to. It takes no messages, no count and no scroll position, because the one rule it must obey is that it does not move while you read — a divider that chased the last-seen message would vanish the moment it appeared. Accented and asymmetric, so it can never be mistaken for a time boundary two rows above it.",
+      "interaction": "none, deliberately. The mark is the whole component; when it leaves is the caller's decision."
+    }
+  ],
+  "todo": true
+}