@cueplusplus/ui 0.8.0 → 0.10.0

package/manifest/components/table.json

@@ -56,14 +56,20 @@
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "The row responds to a pointer and to focus: the row-hover wash, a pointer\ncursor across the whole row, and an inset focus ring. Defaults to `false`.\n\nOpt-in rather than automatic, because a table of figures nobody can click\nthat lit up under the pointer would be promising an interaction it does not\nhave. Wiring the row up to actually do something — a click handler, a\nkeyboard path to the same thing — stays the caller's job; this is the paint.\n\n**The focus ring ships with it, because the caller's half is what makes the\nrow focusable.** A `<tr>` cannot take focus on its own, so the moment a\ncaller gives one a `tabIndex` to run\n{@link activateRowFromKeyDown } against, a keyboard user can reach and\nactivate a row that shows nothing — a WCAG 2.4.7 failure the pointer user\nnever sees. The ring is *inset* (`-outline-offset-2`), the same ruling as\n`Row` and `DataRow.Root`: these tables live in clipped panes and scroll\nregions, where an outset ring on the first or last row is cut off by the\npane's own rim. `outline-solid` rides along with every `outline-<n>` here\nbecause Tailwind v4 leaves `--tw-outline-style` unset otherwise and the\nring never paints — `test/focus-ring.test.ts` is what keeps the pair\ntogether."
+          "description": "The row responds to a pointer and to focus: the row-hover wash, a pointer\ncursor across the whole row, and an inset focus ring. Defaults to `false`.\n\nOpt-in rather than automatic, because a table of figures nobody can click\nthat lit up under the pointer would be promising an interaction it does not\nhave. Wiring the row up to actually do something — a click handler, a\nkeyboard path to the same thing — stays the caller's job; this is the paint.\n\n**The focus ring ships with it, because the caller's half is what makes the\nrow focusable.** A `<tr>` cannot take focus on its own, so the moment a\ncaller gives one a `tabIndex` to run\n{@link activateRowFromKeyDown } against, a keyboard user can reach and\nactivate a row that shows nothing — a WCAG 2.4.7 failure the pointer user\nnever sees. The ring is *inset* (`-outline-offset-2`), the same ruling as\n`Row` and `DataRow.Root`: these tables live in clipped panes and scroll\nregions, where an outset ring on the first or last row is cut off by the\npane's own rim. `outline-solid` rides along with every `outline-<n>` here\nbecause Tailwind v4 leaves `--tw-outline-style` unset otherwise and the\nring never paints — `test/focus-ring.test.ts` is what keeps the pair\ntogether.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "selected",
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Draw the row as picked out of the table. Defaults to `false`.\n\nSets `data-selected`, which is what the tint and the hover-revealed\n`DataRow.Actions` inside the row both key off — so a hand-written\n`<tr data-selected>` in a data-driven body gets exactly the same treatment."
+          "description": "Draw the row as picked out of the table. Defaults to `false`.\n\nSets `data-selected`, which is what the tint and the hover-revealed\n`DataRow.Actions` inside the row both key off — so a hand-written\n`<tr data-selected>` in a data-driven body gets exactly the same treatment.",
+          "control": {
+            "kind": "boolean"
+          }
         }
       ],
       "typeReferences": [
@@ -80,42 +86,70 @@
           "type": "number",
           "required": true,
           "defaultValue": null,
-          "description": "How many columns the divider spans. Required: it must equal the table's\ncolumn count, or the group's cell stops covering the row and the columns\nbelow it shift by one."
+          "description": "How many columns the divider spans. Required: it must equal the table's\ncolumn count, or the group's cell stops covering the row and the columns\nbelow it shift by one.",
+          "control": {
+            "kind": "number"
+          }
         },
         {
           "name": "label",
           "type": "ReactNode",
           "required": true,
           "defaultValue": null,
-          "description": "What the group is called."
+          "description": "What the group is called.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
         },
         {
           "name": "headingLevel",
           "type": "4 | 2 | 3 | 5 | 6",
           "required": false,
           "defaultValue": null,
-          "description": "Make the label slot a real heading element. Defaults to `undefined` — no\nheading, and the label stays the `<span>` it has always been.\n\n**Set this rather than passing a heading as `label`.** The label slot wraps\nwhatever it is given, so an `<h2>` handed in as `label` lands *inside* a\n`<span>` — which renders, and exposes the heading, and does not validate: a\n`<span>` is phrasing content and may not contain a heading. With this prop\nthe wrapper *is* the heading (`<h2 data-slot=\"table-group-label\">`), so\nthere is nothing to nest.\n\nA heading inside a `<th>` is valid — `<th>` takes flow content — and it is\nuseful: a screen-reader user navigates a long grouped table by heading, and\nwithout one the group names are reachable only by walking the rows. The\n`scope=\"rowgroup\"` association is untouched either way; this adds the\ndivider to the document outline, it does not change what the cell heads.\n\nLevels run `2`–`6` because the outline has to describe the real nesting of\nthe page the table sits in, not the table's own idea of itself — the same\nruling as {@link LedgerTierProps.headingLevel }. There is no `1`: a group\ndivider is never the title of the document."
+          "description": "Make the label slot a real heading element. Defaults to `undefined` — no\nheading, and the label stays the `<span>` it has always been.\n\n**Set this rather than passing a heading as `label`.** The label slot wraps\nwhatever it is given, so an `<h2>` handed in as `label` lands *inside* a\n`<span>` — which renders, and exposes the heading, and does not validate: a\n`<span>` is phrasing content and may not contain a heading. With this prop\nthe wrapper *is* the heading (`<h2 data-slot=\"table-group-label\">`), so\nthere is nothing to nest.\n\nA heading inside a `<th>` is valid — `<th>` takes flow content — and it is\nuseful: a screen-reader user navigates a long grouped table by heading, and\nwithout one the group names are reachable only by walking the rows. The\n`scope=\"rowgroup\"` association is untouched either way; this adds the\ndivider to the document outline, it does not change what the cell heads.\n\nLevels run `2`–`6` because the outline has to describe the real nesting of\nthe page the table sits in, not the table's own idea of itself — the same\nruling as {@link LedgerTierProps.headingLevel }. There is no `1`: a group\ndivider is never the title of the document.",
+          "control": {
+            "kind": "enum",
+            "members": [
+              4,
+              2,
+              3,
+              5,
+              6
+            ],
+            "min": 2,
+            "max": 6
+          }
         },
         {
           "name": "count",
           "type": "number",
           "required": false,
           "defaultValue": null,
-          "description": "How many rows the group holds, printed beside its name."
+          "description": "How many rows the group holds, printed beside its name.",
+          "control": {
+            "kind": "number"
+          }
         },
         {
           "name": "sticky",
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Dock the divider under the header band while the group's rows scroll past.\nDefaults to `false`.\n\nThe offset is the custom property `--cue-table-group-top` (default `0`):\nhow far down the divider docks is the rendered height of the sticky header\nabove it, which depends on the density and type the caller configured. Set\nit on the table — `className=\"[--cue-table-group-top:2rem]\"` — rather than\nmeasuring at runtime."
+          "description": "Dock the divider under the header band while the group's rows scroll past.\nDefaults to `false`.\n\nThe offset is the custom property `--cue-table-group-top` (default `0`):\nhow far down the divider docks is the rendered height of the sticky header\nabove it, which depends on the density and type the caller configured. Set\nit on the table — `className=\"[--cue-table-group-top:2rem]\"` — rather than\nmeasuring at runtime.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "className",
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Classes for the divider's *cell*, not its row.\n\nThe `<tr>` paints nothing — the ground, the type and the sticky offset all\nlive on the `<th>` that spans it, and a background on the row would sit\nbehind the cell's own. Every other prop, and the ref, go to the row."
+          "description": "Classes for the divider's *cell*, not its row.\n\nThe `<tr>` paints nothing — the ground, the type and the sticky offset all\nlive on the `<th>` that spans it, and a background on the row would sit\nbehind the cell's own. Every other prop, and the ref, go to the row.",
+          "control": {
+            "kind": "string"
+          }
         }
       ],
       "typeReferences": [
@@ -132,14 +166,20 @@
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Right-align this column and set it in tabular figures."
+          "description": "Right-align this column and set it in tabular figures.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "sticky",
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Dock the header band to the top of the scroll container while the rows\nscroll under it. Defaults to `false`.\n\nSet it on the cells, not on the `<tr>`: sticky on a table row is honoured\ninconsistently across engines, and the cell is the reliable baseline\neverywhere."
+          "description": "Dock the header band to the top of the scroll container while the rows\nscroll under it. Defaults to `false`.\n\nSet it on the cells, not on the `<tr>`: sticky on a table row is honoured\ninconsistently across engines, and the cell is the reliable baseline\neverywhere.",
+          "control": {
+            "kind": "boolean"
+          }
         }
       ],
       "typeReferences": [
@@ -156,7 +196,10 @@
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Right-align this cell and set it in tabular figures."
+          "description": "Right-align this cell and set it in tabular figures.",
+          "control": {
+            "kind": "boolean"
+          }
         }
       ],
       "typeReferences": [

package/manifest/components/tabs.json

@@ -25,7 +25,10 @@
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the tabs frame."
+          "description": "Extra classes for the tabs frame.",
+          "control": {
+            "kind": "string"
+          }
         }
       ],
       "typeReferences": [
@@ -42,7 +45,10 @@
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the strip."
+          "description": "Extra classes for the strip.",
+          "control": {
+            "kind": "string"
+          }
         }
       ],
       "typeReferences": [
@@ -59,7 +65,10 @@
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the tab button."
+          "description": "Extra classes for the tab button.",
+          "control": {
+            "kind": "string"
+          }
         }
       ],
       "typeReferences": [
@@ -76,7 +85,10 @@
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the panel."
+          "description": "Extra classes for the panel.",
+          "control": {
+            "kind": "string"
+          }
         }
       ],
       "typeReferences": [
@@ -89,7 +101,6 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-border",
-    "--cue-chrome-toolbar",
     "--cue-control-md",
     "--cue-edge-fade",
     "--cue-fg",

package/manifest/components/tags-input.json

@@ -12,119 +12,181 @@
       "type": "readonly string[]",
       "required": false,
       "defaultValue": null,
-      "description": "The tags. Use with `onValueChange` for a controlled field."
+      "description": "The tags. Use with `onValueChange` for a controlled field.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "defaultValue",
       "type": "readonly string[]",
       "required": false,
       "defaultValue": null,
-      "description": "Initial tags for an uncontrolled field."
+      "description": "Initial tags for an uncontrolled field.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "onValueChange",
       "type": "((value: string[]) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called with the full list after every add or remove."
+      "description": "Called with the full list after every add or remove.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "suggestions",
       "type": "readonly string[]",
       "required": false,
       "defaultValue": null,
-      "description": "Optional known tags, offered in a popup as the user types. Free-form entry\nworks with or without them — a suggestion is a shortcut, never a constraint."
+      "description": "Optional known tags, offered in a popup as the user types. Free-form entry\nworks with or without them — a suggestion is a shortcut, never a constraint.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "placeholder",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Shown while there are no tags."
+      "description": "Shown while there are no tags.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": "md",
-      "description": "Rung of the control ladder. Defaults to `\"md\"`."
+      "description": "Rung of the control ladder. Defaults to `\"md\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     },
     {
       "name": "separators",
       "type": "readonly string[]",
       "required": false,
       "defaultValue": "[\",\"]",
-      "description": "Extra keys that commit the pending tag, on top of Enter. Defaults to `[\",\"]`\n— the separator every \"type a list\" field in the wild accepts."
+      "description": "Extra keys that commit the pending tag, on top of Enter. Defaults to `[\",\"]`\n— the separator every \"type a list\" field in the wild accepts.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "max",
       "type": "number",
       "required": false,
       "defaultValue": null,
-      "description": "Refuse further tags past this many."
+      "description": "Refuse further tags past this many.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "disabled",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Prevent entry and grey the field out."
+      "description": "Prevent entry and grey the field out.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "name",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Name for the hidden input, when the field is part of a form."
+      "description": "Name for the hidden input, when the field is part of a form.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "id",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Id forwarded to the text input."
+      "description": "Id forwarded to the text input.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "aria-label",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Accessible name for the input, when no {@link FieldLabel } names it."
+      "description": "Accessible name for the input, when no {@link FieldLabel } names it.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "aria-labelledby",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Id of the element naming the input."
+      "description": "Id of the element naming the input.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "removeLabel",
       "type": "((tag: string) => string)",
       "required": false,
       "defaultValue": "(tag) => `Remove ${tag}`",
-      "description": "Accessible name for a tag's remove button. Defaults to\n``(tag) => `Remove ${tag}` ``."
+      "description": "Accessible name for a tag's remove button. Defaults to\n``(tag) => `Remove ${tag}` ``.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "className",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the field."
+      "description": "Extra classes for the field.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "popupClassName",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the popup surface."
+      "description": "Extra classes for the popup surface.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "sideOffset",
       "type": "number",
       "required": false,
       "defaultValue": "4",
-      "description": "Distance in px between the field and the popup. Defaults to `4`."
+      "description": "Distance in px between the field and the popup. Defaults to `4`.",
+      "control": {
+        "kind": "number"
+      }
     }
   ],
   "typeReferences": [],

package/manifest/components/tail-status.json

@@ -14,56 +14,85 @@
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "What is happening, in two or three words: `Running commands`,\n`Searching the codebase`. `TAIL_ACTIONS` is the shipped vocabulary and this\nprop is a plain string, so a product with its own verbs is not stuck with\nthese ten."
+      "description": "What is happening, in two or three words: `Running commands`,\n`Searching the codebase`. `TAIL_ACTIONS` is the shipped vocabulary and this\nprop is a plain string, so a product with its own verbs is not stuck with\nthese ten.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "detail",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "The thing the action is happening to — a path, a query, a topic. Truncates\non its own so the action never has to; a sidebar transcript is 280px wide\nand a status line that elides its verb has said nothing."
+      "description": "The thing the action is happening to — a path, a query, a topic. Truncates\non its own so the action never has to; a sidebar transcript is 280px wide\nand a status line that elides its verb has said nothing.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "active",
       "type": "boolean",
       "required": false,
       "defaultValue": "true",
-      "description": "Whether the action is still going. `true` by default, because this row is\nthe live one; turn it off for `Idle`, `Interrupted` and `Aborted`, which\nstops the sweep and empties the spinner's slot without moving the text."
+      "description": "Whether the action is still going. `true` by default, because this row is\nthe live one; turn it off for `Idle`, `Interrupted` and `Aborted`, which\nstops the sweep and empties the spinner's slot without moving the text.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "updatesInPlace",
       "type": "boolean",
       "required": false,
       "defaultValue": "true",
-      "description": "Whether a new `action` animates into the row that is already there, or\nsimply replaces the text.\n\nCursor's flag, and the reason it needs one: a narration line that changes\nevery few hundred milliseconds should read as one row being updated, while\na line that means something *different* should read as a new row. `true`\n(the default) keys the label on its own text so each new action fades in\nwhere the last one was; `false` leaves it unkeyed, and the words change\nwith no motion at all. A reduced-motion reader gets the second behaviour\neither way."
+      "description": "Whether a new `action` animates into the row that is already there, or\nsimply replaces the text.\n\nCursor's flag, and the reason it needs one: a narration line that changes\nevery few hundred milliseconds should read as one row being updated, while\na line that means something *different* should read as a new row. `true`\n(the default) keys the label on its own text so each new action fades in\nwhere the last one was; `false` leaves it unkeyed, and the words change\nwith no motion at all. A reduced-motion reader gets the second behaviour\neither way.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "priority",
       "type": "\"normal\" | \"attention\"",
       "required": false,
       "defaultValue": "normal",
-      "description": "How loudly this row is speaking. See {@link TailPriority}."
+      "description": "How loudly this row is speaking. See {@link TailPriority}.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "normal",
+          "attention"
+        ]
+      }
     },
     {
       "name": "onCancel",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Stop the run. The inline control exists only when this is given — Cursor's\nrule, and the right one: a Cancel that cannot cancel is worse than no\nCancel."
+      "description": "Stop the run. The inline control exists only when this is given — Cursor's\nrule, and the right one: a Cancel that cannot cancel is worse than no\nCancel.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "cancelLabel",
       "type": "string",
       "required": false,
       "defaultValue": "Cancel",
-      "description": "What the stop control is called. `Cancel` is Cursor's word; opencode uses\n`Interrupt` and `Stop` for the same button."
+      "description": "What the stop control is called. `Cancel` is Cursor's word; opencode uses\n`Interrupt` and `Stop` for the same button.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "announce",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Whether this row is a live region — whether a screen reader is told each\ntime the action changes.\n\n**Answers itself by default, and that default is the interesting part.**\nLeft alone the row speaks when it is the only thing that can, and goes\nquiet the moment a {@link LiveRegionAnnouncer } is mounted anywhere on the\npage: the announcer's table covers the same transitions this row narrates,\nso a console with both — the ordinary composition — would otherwise have\nevery state read out twice, out of step, because the two regions update at\ndifferent moments.\n\nThe row is the one that defers because the announcer is the better speaker:\nit is a queue, spaced and depth-limited and paused while the page is hidden\nor a modal has the reader, and it is mounted empty and left mounted, which\nis the only way a live region is reliably announced. This row changes\nseveral times a second and comes and goes with the run.\n\nSet it explicitly to overrule that — `true` for a console whose announcer\nis fed something other than these actions, `false` for one that narrates\nthe foot of the transcript some other way. An explicit answer always wins."
+      "description": "Whether this row is a live region — whether a screen reader is told each\ntime the action changes.\n\n**Answers itself by default, and that default is the interesting part.**\nLeft alone the row speaks when it is the only thing that can, and goes\nquiet the moment a {@link LiveRegionAnnouncer } is mounted anywhere on the\npage: the announcer's table covers the same transitions this row narrates,\nso a console with both — the ordinary composition — would otherwise have\nevery state read out twice, out of step, because the two regions update at\ndifferent moments.\n\nThe row is the one that defers because the announcer is the better speaker:\nit is a queue, spaced and depth-limited and paused while the page is hidden\nor a modal has the reader, and it is mounted empty and left mounted, which\nis the only way a live region is reliably announced. This row changes\nseveral times a second and comes and goes with the run.\n\nSet it explicitly to overrule that — `true` for a console whose announcer\nis fed something other than these actions, `false` for one that narrates\nthe foot of the transcript some other way. An explicit answer always wins.",
+      "control": {
+        "kind": "boolean"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/terminal-block.json

@@ -14,35 +14,55 @@
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Command string shown in the terminal header."
+      "description": "Command string shown in the terminal header.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "lines",
       "type": "readonly string[]",
       "required": true,
       "defaultValue": null,
-      "description": "Output lines available to stream into the body."
+      "description": "Output lines available to stream into the body.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "visibleCount",
       "type": "number",
       "required": true,
       "defaultValue": null,
-      "description": "How many output lines from the start are currently shown."
+      "description": "How many output lines from the start are currently shown.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "done",
       "type": "boolean",
       "required": true,
       "defaultValue": null,
-      "description": "When true the header shows exit 0; otherwise a spinner keeps spinning."
+      "description": "When true the header shows exit 0; otherwise a spinner keeps spinning.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "variant",
       "type": "\"paper\" | \"ink\"",
       "required": false,
       "defaultValue": "paper",
-      "description": "paper matches the surrounding surfaces; ink renders the classic dark terminal slab."
+      "description": "paper matches the surrounding surfaces; ink renders the classic dark terminal slab.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "paper",
+          "ink"
+        ]
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/terminal-frame.json

@@ -12,56 +12,82 @@
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Name above the transcript — a log file, a host, a task."
+      "description": "Name above the transcript — a log file, a host, a task.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "lines",
       "type": "readonly TerminalFrameLine[]",
       "required": false,
       "defaultValue": null,
-      "description": "Static transcript. Rendered as a preamble when `simulate` is also set."
+      "description": "Static transcript. Rendered as a preamble when `simulate` is also set.",
+      "control": {
+        "kind": "array"
+      }
     },
     {
       "name": "prompt",
       "type": "string",
       "required": false,
       "defaultValue": "$",
-      "description": "The prompt glyph in front of a command line. Defaults to `\"$\"`."
+      "description": "The prompt glyph in front of a command line. Defaults to `\"$\"`.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "copy",
       "type": "boolean",
       "required": false,
       "defaultValue": "false",
-      "description": "Show a `CopyButton` in the title bar for the commands in the transcript."
+      "description": "Show a `CopyButton` in the title bar for the commands in the transcript.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "copyValue",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "What the copy button puts on the clipboard. Defaults to the command lines, one per line."
+      "description": "What the copy button puts on the clipboard. Defaults to the command lines, one per line.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "simulate",
       "type": "TerminalScript",
       "required": false,
       "defaultValue": null,
-      "description": "Play the transcript out as a typed session.\n\nPass a stable reference (a module constant, or memoised) — the player\nrestarts whenever this prop changes identity. Under\n`prefers-reduced-motion` the finished transcript renders instantly and no\ntimer is ever scheduled."
+      "description": "Play the transcript out as a typed session.\n\nPass a stable reference (a module constant, or memoised) — the player\nrestarts whenever this prop changes identity. Under\n`prefers-reduced-motion` the finished transcript renders instantly and no\ntimer is ever scheduled.",
+      "control": {
+        "kind": "opaque"
+      }
     },
     {
       "name": "height",
       "type": "number",
       "required": false,
       "defaultValue": null,
-      "description": "Fixed body height in px at the 16px root. Leave unset to grow with the content."
+      "description": "Fixed body height in px at the 16px root. Leave unset to grow with the content.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "children",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Extra content under the transcript — an input row, a hint strip."
+      "description": "Extra content under the transcript — an input row, a hint strip.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     }
   ],
   "typeReferences": [