@cueplusplus/ui 0.10.0 → 0.11.1

package/manifest/components/comparison-card.json

@@ -27,7 +27,8 @@
       "defaultValue": null,
       "description": "Two or three options. More than that wants a table, not a comparison.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "knowledge.fixture-options"
       }
     },
     {

package/manifest/components/composer-attachment-chip.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "The file this chip stands for.",
       "control": {
-        "kind": "opaque"
+        "kind": "opaque",
+        "fixture": "composer.attachment"
       }
     },
     {

package/manifest/components/composer-context.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Where the window has gone, and how big it is.",
       "control": {
-        "kind": "opaque"
+        "kind": "opaque",
+        "fixture": "composer.usage"
       }
     }
   ],

package/manifest/components/composer-model-item.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "The model this row offers.",
       "control": {
-        "kind": "opaque"
+        "kind": "opaque",
+        "fixture": "composer.model"
       }
     },
     {

package/manifest/components/composer-person-item.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "The person this row would mention.",
       "control": {
-        "kind": "opaque"
+        "kind": "opaque",
+        "fixture": "composer.person"
       }
     },
     {

package/manifest/components/computer-use.json

@@ -26,7 +26,8 @@
       "defaultValue": null,
       "description": "Actions taken, in order. Each carries the coordinates the cursor moved to.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.clicks"
       }
     },
     {

package/manifest/components/confidence-marker.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "The answer split into claims. Each is underlined according to how well it is\nsupported.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "knowledge.claims"
       }
     },
     {

package/manifest/components/context-breakdown.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "What is occupying the window, in stacking order. Headroom is derived, not passed.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.context"
       }
     },
     {

package/manifest/components/context-usage.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "What is occupying the window, in the order it stacks in the bar. Headroom\nis derived from the limit, never passed.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.window"
       }
     },
     {

package/manifest/components/conversation-search.json

@@ -26,7 +26,8 @@
       "defaultValue": null,
       "description": "Matches in document order. Each carries its own surrounding text so no lookup is\nneeded to render the preview.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.hits"
       }
     },
     {

package/manifest/components/cost-meter.json

@@ -34,7 +34,8 @@
       "defaultValue": null,
       "description": "Per-model breakdown, ordered largest first so the bar reads left to right.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.costs"
       }
     }
   ],

package/manifest/components/day-separator.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Turns in order. A separator is inserted wherever day changes from the previous\nmessage, so grouping needs no pre-processing.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "thread.days"
       }
     }
   ],

package/manifest/components/document-reference.json

@@ -36,7 +36,8 @@
       "defaultValue": null,
       "description": "The passages the answer drew on, each pinned to a page.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "knowledge.anchors"
       }
     },
     {

package/manifest/components/elements-command-palette.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Everything runnable. Groups are derived from the entries and keep first-seen order.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.palette"
       }
     },
     {

package/manifest/components/elements-timeline.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Events in chronological order, past and scheduled together.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.events"
       }
     },
     {

package/manifest/components/elicitation-form.json

@@ -36,7 +36,8 @@
       "defaultValue": null,
       "description": "The schema the server sent, already resolved to display values.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.fields"
       }
     },
     {

package/manifest/components/file-tree.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Flat list in display order. Nesting comes from each node's depth, not from\nchildren arrays.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agent.touched-files"
       }
     },
     {

package/manifest/components/flow-graph.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Every node with its grid position. Layout is explicit; the element runs no solver.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.flow-nodes"
       }
     },
     {
@@ -24,7 +25,8 @@
       "defaultValue": null,
       "description": "Connections by node id. An edge dims until both of its ends are visible.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.flow-edges"
       }
     },
     {

package/manifest/components/frac.json

@@ -58,7 +58,7 @@
         "Sub",
         "Sup"
       ],
-      "code": "<Specimens>\n  <Specimen label=\"worked through\" wide>\n    <MathBlock label=\"illuminance at the deck\" steps={MATH} visibleSteps={MATH.length} />\n  </Specimen>\n  <Specimen label=\"first step only\" wide>\n    <MathBlock steps={MATH} visibleSteps={1} />\n  </Specimen>\n</Specimens>",
+      "code": "<Specimens>\n  <Specimen label=\"worked through\" wide>\n    <MathBlock label=\"illuminance at the deck\" steps={MATH} visibleSteps={3} />\n  </Specimen>\n  <Specimen label=\"first step only\" wide>\n    <MathBlock steps={MATH} visibleSteps={1} />\n  </Specimen>\n</Specimens>",
       "note": "Maths with the working shown, a step at a time. The expressions are nodes rather than a string, so there is no parser and no KaTeX in the bundle — `Frac` stacks a numerator over a rule, `Sup` and `Sub` set an index upright inside the serif italic, and anything else is text.",
       "interaction": "none. Each step's note says what justified it, which is what turns three lines of algebra into an explanation."
     }

package/manifest/components/group-bar.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "The slices, in display order.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "instruments.patch-groups"
       }
     },
     {

package/manifest/components/inline-citation.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Sources attached to the numbered reference markers in the sentence.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "knowledge.citations"
       }
     },
     {

package/manifest/components/input.json

@@ -17,6 +17,16 @@
         "kind": "string"
       }
     },
+    {
+      "name": "aria-label",
+      "type": "string",
+      "required": false,
+      "defaultValue": null,
+      "description": "Accessible name for the input, when no `FieldLabel` names it. Declared here\nrather than left to the inherited attribute so the props table carries the\nrow: a bare input outside a `Field` has no other way to be named.",
+      "control": {
+        "kind": "string"
+      }
+    },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
@@ -31,6 +41,16 @@
           "lg"
         ]
       }
+    },
+    {
+      "name": "placeholder",
+      "type": "string",
+      "required": false,
+      "defaultValue": null,
+      "description": "An example of what goes in the field, shown while it is empty. Not a name:\nit disappears on the first keystroke, so pair it with `aria-label` or a\n`FieldLabel`. Declared for the props-table row, as `aria-label` is above.",
+      "control": {
+        "kind": "string"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/inspector.json

@@ -0,0 +1,199 @@
+{
+  "name": "Inspector",
+  "slug": "inspector",
+  "group": "chrome",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": false,
+  "description": "The shape a settings panel, a properties sidebar and a wrench menu share:\ntitled sections of label-and-control rows, with a footer.\n\nLayout and nothing else — the controls are the library's own. A section is\na group headed by a `SectionHeader`; a row is a label then its control, one\ncolumn in a narrow container and two from 18rem; the footer holds a quiet\nnote and one action.\n\n**Static markup — no hooks, no `\"use client\"`**, so a server page can draw\none. Labels are strings for the same reason: a row with no `htmlFor` lays its\nlabel on its control as `aria-label`, rather than pointing at an id nobody\nhas generated. The row itself carries no role.",
+  "props": [],
+  "typeReferences": [],
+  "subcomponents": [
+    "Root",
+    "Section",
+    "Row",
+    "Footer"
+  ],
+  "parts": [
+    {
+      "name": "Root",
+      "usage": "Inspector.Root",
+      "description": "The inspector's frame: a size container, so each row's columns follow the\ninspector's own width — a popover's, a sidebar's — and not the viewport's.\nIt holds the sections, then the footer.",
+      "props": [
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false,
+          "defaultValue": null,
+          "description": "The sections, then the footer.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
+        }
+      ],
+      "typeReferences": [
+        "React.ComponentPropsWithoutRef<\"div\">"
+      ]
+    },
+    {
+      "name": "Section",
+      "usage": "Inspector.Section",
+      "description": "One titled group of rows: a `SectionHeader` carrying its `label`, and a group named by the same words.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": true,
+          "defaultValue": null,
+          "description": "The section's title — \"Variants\", \"Stage\". Drawn by a `SectionHeader` and read as the group's name.",
+          "control": {
+            "kind": "string"
+          }
+        },
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false,
+          "defaultValue": null,
+          "description": "The section's rows.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
+        }
+      ],
+      "typeReferences": [
+        "React.ComponentPropsWithoutRef<\"div\">"
+      ]
+    },
+    {
+      "name": "Row",
+      "usage": "Inspector.Row",
+      "description": "One label and its control: one column in a narrow inspector, two from 18rem.\nWith `htmlFor` the label is a `<label>` for that control; without it the\nlabel is laid on the control as its `aria-label`, unless the control already\nnames itself. The row carries no role.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": true,
+          "defaultValue": null,
+          "description": "What the control sets — \"Size\", \"Theme\". Drawn before it, and read as its\nname: a `<label>` for it when `htmlFor` is given, and otherwise laid on\nthe control as `aria-label`, unless the control already names itself.",
+          "control": {
+            "kind": "string"
+          }
+        },
+        {
+          "name": "htmlFor",
+          "type": "string",
+          "required": false,
+          "defaultValue": null,
+          "description": "The control's `id`, when it takes one: the label then becomes a `<label>` for it.",
+          "control": {
+            "kind": "string"
+          }
+        },
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false,
+          "defaultValue": null,
+          "description": "The control — one element, any of the library's own. A row names a single control.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
+        }
+      ],
+      "typeReferences": [
+        "React.ComponentPropsWithoutRef<\"div\">"
+      ]
+    },
+    {
+      "name": "Footer",
+      "usage": "Inspector.Footer",
+      "description": "The inspector's closing strip: a quiet `note` on the left and one `action` on the right, each drawn only when given.",
+      "props": [
+        {
+          "name": "note",
+          "type": "ReactNode",
+          "required": false,
+          "defaultValue": null,
+          "description": "A quiet line on the left: which preset this is, or that none matches.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
+        },
+        {
+          "name": "action",
+          "type": "ReactNode",
+          "required": false,
+          "defaultValue": null,
+          "description": "The footer's one action, on the right — by convention a small `Button`.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
+        }
+      ],
+      "typeReferences": [
+        "React.ComponentPropsWithoutRef<\"div\">"
+      ]
+    }
+  ],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-border",
+    "--cue-fg-muted",
+    "--cue-fg-subtle",
+    "--cue-font-mono",
+    "--cue-space-2",
+    "--cue-space-3",
+    "--cue-space-4",
+    "--cue-text-label",
+    "--cue-text-ui"
+  ],
+  "summary": "Titled sections of label-and-control rows, with a footer: the layout of a settings panel, a properties sidebar or a wrench menu.",
+  "examples": [
+    {
+      "title": "A wrench menu",
+      "code": "<Inspector.Root>\n  <Inspector.Section label=\"Variants\">\n    <Inspector.Row label=\"Size\">\n      <SegmentedControl aria-label=\"Size\" items={sizes} defaultValue=\"md\" />\n    </Inspector.Row>\n    <Inspector.Row label=\"Label\" htmlFor=\"label\">\n      <Input id=\"label\" defaultValue=\"Take cue\" />\n    </Inspector.Row>\n  </Inspector.Section>\n  <Inspector.Footer note=\"preset · button-hero\" action={<Button size=\"sm\">Reset</Button>} />\n</Inspector.Root>",
+      "language": "tsx"
+    },
+    {
+      "title": "Usage",
+      "code": "<Inspector.Root>\n  <Inspector.Section label=\"Variants\">\n    <Inspector.Row label=\"Size\"><SegmentedControl items={sizes} /></Inspector.Row>\n    <Inspector.Row label=\"Label\" htmlFor=\"label\"><Input id=\"label\" /></Inspector.Row>\n  </Inspector.Section>\n  <Inspector.Footer note=\"preset · button-hero\" action={<Button size=\"sm\">Reset</Button>} />\n</Inspector.Root>",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/inspector",
+  "mdUrl": "/docs/components/inspector.md",
+  "jsonUrl": "/r/components/inspector.json",
+  "whenToUse": [
+    "A popover or sidebar that edits several properties of one thing, grouped under a few headings.",
+    "Any panel whose rows are a label and a control — the controls stay the library's own; this lays them out."
+  ],
+  "whenNotToUse": [
+    "A form someone submits. That is `Field` and its family, which carry validation and descriptions an inspector row does not.",
+    "A list of records. That is `Panel` with `Row`."
+  ],
+  "commonMistakes": [
+    "Leaving a text input's row without `htmlFor`. The row then lays its words on the input as `aria-label`, which names it but gives it no `<label>` to click — give the input an `id` and the row `htmlFor`.",
+    "Putting two controls in one row. A row names one control; two controls are two rows.",
+    "Nesting sections. An inspector is one level of headings; a section inside a section is a second panel."
+  ],
+  "specimens": [
+    {
+      "title": "Inspector",
+      "group": "chrome",
+      "components": [
+        "Inspector"
+      ],
+      "code": "<div className=\"w-full max-w-[20rem] rounded-(--radius-surface) border border-border bg-surface-2\">\n  <Inspector.Root>\n    {/*\n      Data first, Variants second: `seedFromSpecimen` (`@repo/docgen`)\n      takes each prop's first tag-order value across the whole bench,\n      per prop name and not per row, so `defaults@Inspector.Row`'s\n      `label` and `htmlFor` have to come off the same row to name a\n      coherent pair — and `htmlFor` is only ever set on this one, the\n      only row whose control is a single labelable element. Putting\n      it first makes it that row for both props at once. Reordering\n      Size and Icon ahead of it would seed `label: \"Size\"` (the first\n      `Inspector.Row` tag) beside this row's `htmlFor`, pointing a\n      `<label for>` at an id that scope's control never renders.\n    */}\n    <Inspector.Section label=\"Data\">\n      <Inspector.Row label=\"Label\" htmlFor=\"inspector-bench-label\">\n        <Input id=\"inspector-bench-label\" defaultValue=\"Take cue\" />\n      </Inspector.Row>\n    </Inspector.Section>\n    <Inspector.Section label=\"Variants\">\n      <Inspector.Row label=\"Size\">\n        <SegmentedControl\n          aria-label=\"Size\"\n          size=\"sm\"\n          items={[\n            { value: \"sm\", label: \"sm\" },\n            { value: \"md\", label: \"md\" },\n            { value: \"lg\", label: \"lg\" },\n          ]}\n          defaultValue=\"md\"\n        />\n      </Inspector.Row>\n      <Inspector.Row label=\"Icon\">\n        <Switch aria-label=\"Icon\" defaultChecked />\n      </Inspector.Row>\n    </Inspector.Section>\n    <Inspector.Footer\n      note=\"preset · button-hero\"\n      action={\n        <Button size=\"sm\" variant=\"secondary\">\n          Reset\n        </Button>\n      }\n    />\n  </Inspector.Root>\n</div>",
+      "note": "Titled sections of label-and-control rows, with a footer — the shape of a settings panel, a properties sidebar and the docs' wrench menu. Layout only: the controls are the ones you already use.",
+      "interaction": "nothing of its own takes focus. Each row's control is a real one: a row given `htmlFor` labels its control with a `<label>`, and one without lays its label on the control as `aria-label`. A row is never a group of its own."
+    }
+  ]
+}

package/manifest/components/job-progress.json

@@ -26,7 +26,8 @@
       "defaultValue": null,
       "description": "Stages with relative weights, so a long install does not read the same as a fast\nclone.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "agents.stages"
       }
     },
     {

package/manifest/components/log-viewer.json

@@ -17,7 +17,8 @@
       "defaultValue": null,
       "description": "The buffer, oldest first.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "instruments.art-net-log"
       }
     },
     {

package/manifest/components/map-answer.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Places in the answer, positioned as percentages so the element needs no tiles.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "knowledge.pins"
       }
     },
     {

package/manifest/components/math-block.json

@@ -74,7 +74,7 @@
         "Sub",
         "Sup"
       ],
-      "code": "<Specimens>\n  <Specimen label=\"worked through\" wide>\n    <MathBlock label=\"illuminance at the deck\" steps={MATH} visibleSteps={MATH.length} />\n  </Specimen>\n  <Specimen label=\"first step only\" wide>\n    <MathBlock steps={MATH} visibleSteps={1} />\n  </Specimen>\n</Specimens>",
+      "code": "<Specimens>\n  <Specimen label=\"worked through\" wide>\n    <MathBlock label=\"illuminance at the deck\" steps={MATH} visibleSteps={3} />\n  </Specimen>\n  <Specimen label=\"first step only\" wide>\n    <MathBlock steps={MATH} visibleSteps={1} />\n  </Specimen>\n</Specimens>",
       "note": "Maths with the working shown, a step at a time. The expressions are nodes rather than a string, so there is no parser and no KaTeX in the bundle — `Frac` stacks a numerator over a rule, `Sup` and `Sub` set an index upright inside the serif italic, and anything else is text.",
       "interaction": "none. Each step's note says what justified it, which is what turns three lines of algebra into an explanation."
     }

package/manifest/components/mcp-server-panel.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Every configured server, connected or not. The header counts how many are live.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.servers"
       }
     },
     {

package/manifest/components/memory-chips.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "What is remembered. Anything not marked existing is counted as new this turn and\ntinted.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.memory"
       }
     },
     {

package/manifest/components/message-actions.json

@@ -26,7 +26,8 @@
       "defaultValue": null,
       "description": "Active thumbs reaction, or null when none is selected.",
       "control": {
-        "kind": "opaque"
+        "kind": "opaque",
+        "fixture": "thread.reaction-up"
       }
     },
     {

package/manifest/components/message-attachments.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Files carried by the message. Images render as a thumbnail row, everything else as\na chip.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "thread.attachments"
       }
     },
     {

package/manifest/components/message-queue.json

@@ -26,7 +26,8 @@
       "defaultValue": null,
       "description": "Turns waiting to send, in the order they will drain once the run finishes.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "thread.queued"
       }
     },
     {

package/manifest/components/message-timing.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "Label and value pairs, pre-formatted. Show fewer while streaming and the full set\nonce the turn settles.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "thread.timing"
       }
     },
     {

package/manifest/components/meter.json

@@ -142,7 +142,7 @@
       "components": [
         "Meter"
       ],
-      "code": "<Panel className=\"w-full max-w-[36rem]\">\n  {CHANNELS.map((channel) => (\n    <Row key={channel.name} className=\"gap-(--cue-space-4)\">\n      <span className=\"w-[7rem] shrink-0 truncate\">{channel.name}</span>\n      <Meter percent={channel.level} tone={channel.tone} className=\"flex-1\" />\n      <span className=\"w-[3rem] shrink-0 text-right font-mono tabular-nums\">\n        {channel.level}%\n      </span>\n    </Row>\n  ))}\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Pace tick</span>\n    <Meter percent={64} paceTick={50} className=\"flex-1\" label=\"64% used, 50% of period elapsed\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Estimated</span>\n    <Meter percent={40} provenance=\"estimated\" className=\"flex-1\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Unbounded</span>\n    <Meter percent={0} provenance=\"unbounded\" className=\"flex-1\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">No data</span>\n    <Meter percent={0} empty className=\"flex-1\" />\n  </Row>\n</Panel>",
+      "code": "<Panel className=\"w-full max-w-[36rem]\">\n  {CHANNELS.map((channel) => (\n    <Row key={channel.name} className=\"gap-(--cue-space-4)\">\n      <span className=\"w-[7rem] shrink-0 truncate\">{channel.name}</span>\n      <Meter percent={channel.level} tone={channel.tone} className=\"flex-1\" />\n      <span className=\"w-[3rem] shrink-0 text-right font-mono tabular-nums\">\n        {channel.level}%\n      </span>\n    </Row>\n  ))}\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Pace tick</span>\n    <Meter percent={64} paceTick={0.6} className=\"flex-1\" label=\"64% used, 60% of period elapsed\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Estimated</span>\n    <Meter percent={40} provenance=\"estimated\" className=\"flex-1\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">Unbounded</span>\n    <Meter percent={0} provenance=\"unbounded\" className=\"flex-1\" />\n  </Row>\n  <Row className=\"gap-(--cue-space-4)\">\n    <span className=\"w-[7rem] shrink-0 truncate\">No data</span>\n    <Meter percent={0} empty className=\"flex-1\" />\n  </Row>\n</Panel>",
       "note": "Never invents a number: an unbounded meter draws no percentage, an empty one draws stripes rather than a zero, and an estimated ceiling is hatched so it cannot pass for a measurement.",
       "interaction": "the over-pace pulse stills under prefers-reduced-motion and stays readable as a data attribute."
     }

package/manifest/components/model-picker.json

@@ -16,7 +16,8 @@
       "defaultValue": null,
       "description": "Every model on offer. Families are derived from the entries and keep their\nfirst-seen order.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.models"
       }
     },
     {

package/manifest/components/multi-select.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "The rows, in display order. Base UI filters them against what is typed.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "forms.fixture-types"
       }
     },
     {

package/manifest/components/onboarding.json

@@ -14,7 +14,8 @@
       "defaultValue": null,
       "description": "What to teach, in order. Three is usually the limit before it is skipped.",
       "control": {
-        "kind": "array"
+        "kind": "array",
+        "fixture": "composer.onboarding"
       }
     },
     {