@kitnai/chat 0.7.0 → 0.8.1

package/src/elements/element-meta.json

@@ -1,7 +1,92 @@
 [
   {
-    "tag": "kitn-attachments",
-    "className": "KitnAttachmentsElement",
+    "tag": "kc-artifact",
+    "className": "KcArtifactElement",
+    "props": [
+      {
+        "name": "src",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "URL the preview iframe frames. Consumer-controlled.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "files",
+        "type": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Files for the Code tab tree + each file's preview `url`. Set as a JS property (array).",
+        "default": "[]",
+        "displayType": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]"
+      },
+      {
+        "name": "tab",
+        "type": "undefined | \"preview\" | \"code\"",
+        "optional": true,
+        "scalar": true,
+        "description": "Active tab: `preview` (default) or `code`.",
+        "default": "'preview'",
+        "displayType": "undefined | \"preview\" | \"code\""
+      },
+      {
+        "name": "activeFile",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Selected file path — syncs the tree highlight, Code source, and preview.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "sandbox",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "iframe `sandbox` override. Secure default `allow-scripts allow-forms` (NOT `allow-same-origin`).",
+        "default": "'allow-scripts allow-forms'",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "iframeTitle",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Accessible title for the preview iframe.",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [
+      {
+        "name": "fileselect",
+        "detail": "{ path: string }",
+        "description": "Fired when a file is selected. `detail.path`.",
+        "displayDetail": "{ path: string }"
+      },
+      {
+        "name": "navigate",
+        "detail": "{ url: string }",
+        "description": "Fired when the preview navigates. `detail.url` = the new location.",
+        "displayDetail": "{ url: string }"
+      },
+      {
+        "name": "tabchange",
+        "detail": "{ tab: \"preview\" | \"code\" }",
+        "description": "Fired when the Preview|Code tab changes. `detail.tab`.",
+        "displayDetail": "{ tab: \"preview\" | \"code\" }"
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "Artifact",
+        "group": "Components",
+        "storyId": "components-artifact--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-attachments",
+    "className": "KcAttachmentsElement",
     "props": [
       {
         "name": "items",
@@ -9,7 +94,8 @@
         "optional": false,
         "scalar": false,
         "description": "The attachments to render. Set as a JS property (array).",
-        "default": "[]"
+        "default": "[]",
+        "displayType": "AttachmentData[]"
       },
       {
         "name": "variant",
@@ -17,7 +103,8 @@
         "optional": true,
         "scalar": true,
         "description": "Layout: `grid` = visual tiles, `inline` = icon + label chips, `list` = rows.",
-        "default": "'grid'"
+        "default": "'grid'",
+        "displayType": "undefined | \"grid\" | \"inline\" | \"list\""
       },
       {
         "name": "hoverCard",
@@ -25,7 +112,8 @@
         "optional": true,
         "scalar": true,
         "description": "Wrap each item in a hover card that previews its details.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "removable",
@@ -33,7 +121,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show a remove button per item; clicking it fires a `remove` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "showMediaType",
@@ -41,21 +130,24 @@
         "optional": true,
         "scalar": true,
         "description": "Also show the media type beneath the filename (non-grid variants).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "emptyText",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Text shown when `items` is empty."
+        "description": "Text shown when `items` is empty.",
+        "displayType": "undefined | string"
       }
     ],
     "events": [
       {
         "name": "remove",
         "detail": "{ id: string }",
-        "description": "A remove button was clicked."
+        "description": "A remove button was clicked.",
+        "displayDetail": "{ id: string }"
       }
     ],
     "composedFrom": [
@@ -108,8 +200,56 @@
     "tokens": []
   },
   {
-    "tag": "kitn-chain-of-thought",
-    "className": "KitnChainOfThoughtElement",
+    "tag": "kc-card",
+    "className": "KcCardElement",
+    "props": [
+      {
+        "name": "heading",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "description",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Supporting text under the heading. Attribute: `description`.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "errorMessage",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "When set, the card renders its inline error state instead of the body. Attribute: `error-message`.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "dense",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "Compact spacing for dense lists. Attribute: `dense`.",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
+      {
+        "name": "Card",
+        "group": "Components",
+        "storyId": "components-card--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-chain-of-thought",
+    "className": "KcChainOfThoughtElement",
     "props": [
       {
         "name": "steps",
@@ -117,7 +257,8 @@
         "optional": false,
         "scalar": false,
         "description": "The reasoning steps. Set as a JS property. Compound sub-parts collapse to this one data model (Route 1).",
-        "default": "[]"
+        "default": "[]",
+        "displayType": "{ label: string; content?: undefined | string }[]"
       }
     ],
     "events": [],
@@ -151,8 +292,8 @@
     "tokens": []
   },
   {
-    "tag": "kitn-chat",
-    "className": "KitnChatElement",
+    "tag": "kc-chat",
+    "className": "KcChatElement",
     "props": [
       {
         "name": "messages",
@@ -160,14 +301,16 @@
         "optional": false,
         "scalar": false,
         "description": "The full message thread to render, newest last. Each entry carries its role, content, and optional reasoning/tools/attachments/actions. Set as a JS property (`el.messages = [...]`).",
-        "default": "[]"
+        "default": "[]",
+        "displayType": "ChatMessage[]"
       },
       {
         "name": "value",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Controlled value of the input. When set, the host owns the input text and must update it on `valuechange`; leave unset for uncontrolled behavior."
+        "description": "Controlled value of the input. When set, the host owns the input text and must update it on `valuechange`; leave unset for uncontrolled behavior.",
+        "displayType": "undefined | string"
       },
       {
         "name": "placeholder",
@@ -175,7 +318,8 @@
         "optional": true,
         "scalar": true,
         "description": "Placeholder text shown in the empty input.",
-        "default": "'Send a message...'"
+        "default": "'Send a message...'",
+        "displayType": "undefined | string"
       },
       {
         "name": "loading",
@@ -183,14 +327,16 @@
         "optional": true,
         "scalar": true,
         "description": "When true, shows the loading/streaming state and disables submit (use while awaiting the assistant's reply).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "suggestions",
         "type": "undefined | string[]",
         "optional": true,
         "scalar": false,
-        "description": "Starter prompts shown above the input when the thread is empty. Clicking one follows `suggestionMode`. Set as a JS property."
+        "description": "Starter prompts shown above the input when the thread is empty. Clicking one follows `suggestionMode`. Set as a JS property.",
+        "displayType": "undefined | string[]"
       },
       {
         "name": "suggestionMode",
@@ -198,7 +344,8 @@
         "optional": true,
         "scalar": true,
         "description": "What clicking a suggestion does: `'submit'` (default) sends it immediately as if typed and submitted; `'fill'` just places it in the input.",
-        "default": "'submit'"
+        "default": "'submit'",
+        "displayType": "undefined | \"submit\" | \"fill\""
       },
       {
         "name": "proseSize",
@@ -206,7 +353,8 @@
         "optional": true,
         "scalar": true,
         "description": "Body/prose font scale for rendered markdown (`'xs' | 'sm' | 'base' | 'lg'`). Defaults to `'sm'`.",
-        "default": "'sm'"
+        "default": "'sm'",
+        "displayType": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
       },
       {
         "name": "codeTheme",
@@ -214,7 +362,8 @@
         "optional": true,
         "scalar": true,
         "description": "Shiki theme name for syntax-highlighted code blocks (e.g. `'github-dark-dimmed'`).",
-        "default": "'github-dark-dimmed'"
+        "default": "'github-dark-dimmed'",
+        "displayType": "undefined | string"
       },
       {
         "name": "codeHighlight",
@@ -222,35 +371,40 @@
         "optional": true,
         "scalar": true,
         "description": "Enable Shiki syntax highlighting in code blocks. Turn off to render plain `<pre>` blocks (lighter, no highlighter load). Default true.",
-        "default": "true"
+        "default": "true",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "chatTitle",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Optional header title shown on the left of the header."
+        "description": "Optional header title shown on the left of the header.",
+        "displayType": "undefined | string"
       },
       {
         "name": "models",
         "type": "undefined | { id: string; name: string; provider?: undefined | string }[]",
         "optional": true,
         "scalar": false,
-        "description": "Optional model list. When set (>1 model) a ModelSwitcher is shown in the header and a `modelchange` event fires on selection."
+        "description": "Optional model list. When set (>1 model) a ModelSwitcher is shown in the header and a `modelchange` event fires on selection.",
+        "displayType": "ModelOption[] | undefined"
       },
       {
         "name": "currentModel",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "The currently selected model id (pairs with `models`)."
+        "description": "The currently selected model id (pairs with `models`).",
+        "displayType": "undefined | string"
       },
       {
         "name": "context",
         "type": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; estimatedCost?: undefined | number }",
         "optional": true,
         "scalar": false,
-        "description": "Optional context-window token usage. When set, a Context token meter is shown in the header."
+        "description": "Optional context-window token usage. When set, a Context token meter is shown in the header.",
+        "displayType": "ContextData | undefined"
       },
       {
         "name": "scrollButton",
@@ -258,7 +412,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show the scroll-to-bottom button inside the scroll area. Default true.",
-        "default": "true"
+        "default": "true",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "search",
@@ -266,7 +421,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show a Search (Globe) button in the input toolbar; fires a `search` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "voice",
@@ -274,21 +430,24 @@
         "optional": true,
         "scalar": true,
         "description": "Show a Voice (Mic) button in the input toolbar; fires a `voice` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "slashCommands",
         "type": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]",
         "optional": true,
         "scalar": false,
-        "description": "Slash commands — when set, typing `/` in the input opens the command palette and fires `slashselect`. Set as a JS property."
+        "description": "Slash commands — when set, typing `/` in the input opens the command palette and fires `slashselect`. Set as a JS property.",
+        "displayType": "SlashCommandItem[] | undefined"
       },
       {
         "name": "slashActiveIds",
         "type": "undefined | string[]",
         "optional": true,
         "scalar": false,
-        "description": "Command ids to highlight as active in the palette."
+        "description": "Command ids to highlight as active in the palette.",
+        "displayType": "undefined | string[]"
       },
       {
         "name": "slashCompact",
@@ -296,49 +455,58 @@
         "optional": true,
         "scalar": true,
         "description": "Single-line palette rows.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [
       {
         "name": "messageaction",
         "detail": "{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }",
-        "description": "An action button on a message was clicked."
+        "description": "An action button on a message was clicked.",
+        "displayDetail": "{ messageId: string; action: ChatMessageAction }"
       },
       {
         "name": "modelchange",
         "detail": "{ modelId: string }",
-        "description": "The header model switcher changed."
+        "description": "The header model switcher changed.",
+        "displayDetail": "{ modelId: string }"
       },
       {
         "name": "search",
         "detail": "Record<string, never>",
-        "description": "The Search button was clicked."
+        "description": "The Search button was clicked.",
+        "displayDetail": "Record<string, never>"
       },
       {
         "name": "slashselect",
         "detail": "{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }",
-        "description": "A slash command was chosen from the palette."
+        "description": "A slash command was chosen from the palette.",
+        "displayDetail": "{ command: SlashCommandItem }"
       },
       {
         "name": "submit",
         "detail": "{ value: string; attachments: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }",
-        "description": "User submitted a message."
+        "description": "User submitted a message.",
+        "displayDetail": "{ value: string; attachments: AttachmentData[] }"
       },
       {
         "name": "suggestionclick",
         "detail": "{ value: string }",
-        "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`)."
+        "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`).",
+        "displayDetail": "{ value: string }"
       },
       {
         "name": "valuechange",
         "detail": "{ value: string }",
-        "description": "Fired on every input change."
+        "description": "Fired on every input change.",
+        "displayDetail": "{ value: string }"
       },
       {
         "name": "voice",
         "detail": "Record<string, never>",
-        "description": "The Mic / voice button was clicked."
+        "description": "The Mic / voice button was clicked.",
+        "displayDetail": "Record<string, never>"
       }
     ],
     "composedFrom": [
@@ -351,790 +519,678 @@
     "tokens": []
   },
   {
-    "tag": "kitn-chat-scope-picker",
-    "className": "KitnChatScopePickerElement",
+    "tag": "kc-checkpoint",
+    "className": "KcCheckpointElement",
     "props": [
       {
-        "name": "availableAuthors",
-        "type": "string[]",
-        "optional": false,
-        "scalar": false,
-        "description": "Authors to offer as scope filters. Set as a JS property.",
-        "default": "[]"
+        "name": "label",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Optional text beside the icon.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "availableTags",
-        "type": "string[]",
-        "optional": false,
-        "scalar": false,
-        "description": "Tags to offer as scope filters. Set as a JS property.",
-        "default": "[]"
+        "name": "tooltip",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Tooltip on hover.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "currentLabel",
-        "type": "undefined | string",
+        "name": "variant",
+        "type": "undefined | \"ghost\" | \"default\" | \"outline\"",
         "optional": true,
         "scalar": true,
-        "description": "The label shown on the trigger for the active scope.",
-        "default": "'All Content'"
+        "description": "Visual button style.",
+        "default": "'ghost'",
+        "displayType": "undefined | \"ghost\" | \"default\" | \"outline\""
+      },
+      {
+        "name": "size",
+        "type": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\"",
+        "optional": true,
+        "scalar": true,
+        "description": "Button size (use an `icon*` size for an icon-only checkpoint).",
+        "default": "'sm'",
+        "displayType": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
       }
     ],
     "events": [
       {
-        "name": "scopechange",
-        "detail": "{ filters: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }",
-        "description": "A scope was chosen (`undefined` filters = \"All Content\")."
+        "name": "select",
+        "detail": null,
+        "description": "The checkpoint was clicked.",
+        "displayDetail": null
       }
     ],
     "composedFrom": [
       {
-        "name": "ChatScopePicker",
+        "name": "Checkpoint",
         "group": "Components",
-        "storyId": "components-chatscopepicker--docs"
+        "storyId": "components-checkpoint--docs"
+      },
+      {
+        "name": "CheckpointIcon",
+        "group": "Components",
+        "storyId": "components-checkpointicon--docs"
+      },
+      {
+        "name": "CheckpointTrigger",
+        "group": "Components",
+        "storyId": "components-checkpointtrigger--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-chat-workspace",
-    "className": "KitnChatWorkspaceElement",
+    "tag": "kc-code-block",
+    "className": "KcCodeBlockElement",
     "props": [
       {
-        "name": "groups",
-        "type": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]",
-        "optional": false,
-        "scalar": false,
-        "description": "Pre-bucketed conversation groups for the sidebar. Set as a JS property.",
-        "default": "[]"
-      },
-      {
-        "name": "conversations",
-        "type": "{ id: string; title: string; groupId?: undefined | string; scope: { type: \"document\" | \"collection\"; documentId?: undefined | string; filters?: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }; messageCount: number; lastMessageAt: string; updatedAt: string }[]",
+        "name": "code",
+        "type": "string",
         "optional": false,
-        "scalar": false,
-        "description": "Flat conversation list (auto-bucketed if `groups` is empty). Set as a JS property.",
-        "default": "[]"
-      },
-      {
-        "name": "activeId",
-        "type": "undefined | string",
-        "optional": true,
         "scalar": true,
-        "description": "Id of the open conversation, highlighted in the sidebar."
-      },
-      {
-        "name": "messages",
-        "type": "{ id: string; role: \"user\" | \"assistant\"; content: string; reasoning?: undefined | { text: string; label?: undefined | string }; tools?: undefined | { type: string; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string }[]; attachments?: undefined | { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\")[] }[]",
-        "optional": false,
-        "scalar": false,
-        "description": "The active conversation's message thread, newest last. Set as a JS property.",
-        "default": "[]"
+        "description": "The source code to render.",
+        "default": "''",
+        "displayType": "string"
       },
       {
-        "name": "value",
+        "name": "language",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": ""
+        "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "placeholder",
+        "name": "codeTheme",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "",
-        "default": "'Send a message...'"
+        "description": "Shiki theme name.",
+        "default": "'github-dark-dimmed'",
+        "displayType": "undefined | string"
       },
       {
-        "name": "loading",
+        "name": "codeHighlight",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "",
-        "default": "false"
-      },
-      {
-        "name": "suggestions",
-        "type": "undefined | string[]",
-        "optional": true,
-        "scalar": false,
-        "description": ""
-      },
-      {
-        "name": "suggestionMode",
-        "type": "undefined | \"submit\" | \"fill\"",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "'submit'"
+        "description": "Disable syntax highlighting (renders plain text, no Shiki).",
+        "default": "true",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "proseSize",
         "type": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\"",
         "optional": true,
         "scalar": true,
-        "description": "",
-        "default": "'sm'"
-      },
+        "description": "Code text sizing.",
+        "default": "'sm'",
+        "displayType": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
+      }
+    ],
+    "events": [],
+    "composedFrom": [
       {
-        "name": "codeTheme",
-        "type": "undefined | string",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "'github-dark-dimmed'"
+        "name": "CodeBlock",
+        "group": "Components",
+        "storyId": "components-codeblock--docs"
       },
       {
-        "name": "codeHighlight",
-        "type": "undefined | false | true",
+        "name": "CodeBlockCode",
+        "group": "Components",
+        "storyId": "components-codeblockcode--docs"
+      }
+    ],
+    "tokens": [
+      "--color-code-foreground"
+    ]
+  },
+  {
+    "tag": "kc-confirm",
+    "className": "KcConfirmElement",
+    "props": [
+      {
+        "name": "data",
+        "type": "undefined | Record<string, unknown>",
         "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "true"
+        "scalar": false,
+        "description": "The confirm definition (the CardEnvelope.data). Set as a JS PROPERTY: `el.data = { body, tone, actions:[…] }`. Import `ConfirmCardData` from `@kitnai/chat` for the full shape.",
+        "displayType": "undefined | Record<string, unknown>"
       },
       {
-        "name": "chatTitle",
+        "name": "cardId",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": ""
+        "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "models",
-        "type": "undefined | { id: string; name: string; provider?: undefined | string }[]",
+        "name": "heading",
+        "type": "undefined | string",
         "optional": true,
-        "scalar": false,
-        "description": ""
+        "scalar": true,
+        "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "currentModel",
-        "type": "undefined | string",
+        "name": "autofocus",
+        "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": ""
-      },
+        "description": "Focus the default action on mount (off by default — no focus-stealing). Attribute: `autofocus`.",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
+      {
+        "name": "ConfirmCard",
+        "group": "Components",
+        "storyId": "components-confirmcard--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-context",
+    "className": "KcContextElement",
+    "props": [
       {
         "name": "context",
-        "type": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; estimatedCost?: undefined | number }",
+        "type": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; reasoningTokens?: undefined | number; cacheTokens?: undefined | number; estimatedCost?: undefined | number }",
         "optional": true,
         "scalar": false,
-        "description": ""
+        "description": "Token-usage data. Set as a JS property.",
+        "displayType": "ContextData | undefined"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
+      {
+        "name": "Context",
+        "group": "Components",
+        "storyId": "components-context--docs"
       },
       {
-        "name": "scrollButton",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "true"
+        "name": "ContextTrigger",
+        "group": "Components",
+        "storyId": "components-contexttrigger--docs"
       },
       {
-        "name": "search",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "false"
+        "name": "ContextContent",
+        "group": "Components",
+        "storyId": "components-contextcontent--docs"
       },
       {
-        "name": "voice",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "false"
-      },
-      {
-        "name": "slashCommands",
-        "type": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]",
-        "optional": true,
-        "scalar": false,
-        "description": ""
+        "name": "ContextContentHeader",
+        "group": "Components",
+        "storyId": "components-contextcontentheader--docs"
       },
       {
-        "name": "slashActiveIds",
-        "type": "undefined | string[]",
-        "optional": true,
-        "scalar": false,
-        "description": ""
+        "name": "ContextContentBody",
+        "group": "Components",
+        "storyId": "components-contextcontentbody--docs"
       },
       {
-        "name": "slashCompact",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "",
-        "default": "false"
+        "name": "ContextContentFooter",
+        "group": "Components",
+        "storyId": "components-contextcontentfooter--docs"
       },
       {
-        "name": "sidebarWidth",
-        "type": "undefined | number",
-        "optional": true,
-        "scalar": true,
-        "description": "Sidebar default width as a percent of the workspace (default 22).",
-        "default": "22"
+        "name": "ContextInputUsage",
+        "group": "Components",
+        "storyId": "components-contextinputusage--docs"
       },
       {
-        "name": "sidebarMinWidth",
-        "type": "undefined | number",
-        "optional": true,
-        "scalar": true,
-        "description": "Sidebar min width in px (default 200).",
-        "default": "200"
+        "name": "ContextOutputUsage",
+        "group": "Components",
+        "storyId": "components-contextoutputusage--docs"
       },
       {
-        "name": "sidebarMaxWidth",
-        "type": "undefined | number",
-        "optional": true,
-        "scalar": true,
-        "description": "Sidebar max width in px (default 420).",
-        "default": "420"
+        "name": "ContextReasoningUsage",
+        "group": "Components",
+        "storyId": "components-contextreasoningusage--docs"
       },
       {
-        "name": "sidebarCollapsed",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "Initial collapsed state of the sidebar (default false).",
-        "default": "false"
+        "name": "ContextCacheUsage",
+        "group": "Components",
+        "storyId": "components-contextcacheusage--docs"
       }
     ],
-    "events": [
+    "tokens": []
+  },
+  {
+    "tag": "kc-conversations",
+    "className": "KcConversationsElement",
+    "props": [
       {
-        "name": "conversationselect",
-        "detail": "{ id: string }",
-        "description": "A conversation was selected in the sidebar."
+        "name": "groups",
+        "type": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Pre-bucketed conversation groups (e.g. \"Today\", \"Yesterday\"), each with its own conversations. Use this when you want to control the grouping/headers yourself; otherwise pass a flat `conversations` array. Set as a JS property.",
+        "default": "[]",
+        "displayType": "ConversationGroup[]"
       },
       {
-        "name": "messageaction",
-        "detail": "{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }",
-        "description": "An action button on a message was clicked."
+        "name": "conversations",
+        "type": "{ id: string; title: string; groupId?: undefined | string; scope: { type: \"document\" | \"collection\"; documentId?: undefined | string; filters?: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }; messageCount: number; lastMessageAt: string; updatedAt: string }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "A flat list of conversation summaries; the component buckets them by recency for you. Ignored when `groups` is provided. Set as a JS property.",
+        "default": "[]",
+        "displayType": "ConversationSummary[]"
       },
       {
-        "name": "modelchange",
-        "detail": "{ modelId: string }",
-        "description": "The header model switcher changed."
-      },
+        "name": "activeId",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "The id of the currently-open conversation, highlighted in the list.",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [
       {
         "name": "newchat",
         "detail": "Record<string, never>",
-        "description": "The \"New chat\" button was clicked."
+        "description": "The \"New chat\" button was clicked.",
+        "displayDetail": "Record<string, never>"
       },
       {
-        "name": "search",
-        "detail": "Record<string, never>",
-        "description": "The Search button was clicked."
+        "name": "select",
+        "detail": "{ id: string }",
+        "description": "A conversation was selected.",
+        "displayDetail": "{ id: string }"
       },
       {
-        "name": "sidebartoggle",
-        "detail": "{ collapsed: false | true }",
-        "description": "The sidebar was collapsed or expanded."
-      },
+        "name": "togglesidebar",
+        "detail": "Record<string, never>",
+        "description": "The sidebar toggle was clicked.",
+        "displayDetail": "Record<string, never>"
+      }
+    ],
+    "composedFrom": [
       {
-        "name": "slashselect",
-        "detail": "{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }",
-        "description": "A slash command was chosen from the palette."
-      },
+        "name": "ConversationList",
+        "group": "Components",
+        "storyId": "components-conversationlist--docs"
+      }
+    ],
+    "tokens": [
+      "--color-sidebar",
+      "--color-scrollbar-thumb"
+    ]
+  },
+  {
+    "tag": "kc-embed",
+    "className": "KcEmbedElement",
+    "props": [
       {
-        "name": "submit",
-        "detail": "{ value: string; attachments: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }",
-        "description": "User submitted a message."
+        "name": "cardId",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Stable card id correlating every emitted event. Set as an attribute or property.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "suggestionclick",
-        "detail": "{ value: string }",
-        "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`)."
-      },
+        "name": "data",
+        "type": "undefined | { provider: \"youtube\" | \"vimeo\" | \"generic\"; id?: undefined | string; url?: undefined | string; title?: undefined | string; poster?: undefined | string; start?: undefined | number; aspectRatio?: undefined | \"16:9\" | \"4:3\" | \"1:1\" | \"9:16\" }",
+        "optional": true,
+        "scalar": false,
+        "description": "The embed payload (provider + id/url + options). Set as a JS **property** (object).",
+        "displayType": "undefined | { provider: \"youtube\" | \"vimeo\" | \"generic\"; id?: undefined | string; url?: undefined | string; title?: undefined | string; poster?: undefined | string; start?: undefined | number; aspectRatio?: undefined | \"16:9\" | \"4:3\" | \"1:1\" | \"9:16\" }"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
       {
-        "name": "valuechange",
-        "detail": "{ value: string }",
-        "description": "Fired on every input change."
+        "name": "Embed",
+        "group": "Components",
+        "storyId": "components-embed--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-empty",
+    "className": "KcEmptyElement",
+    "props": [
+      {
+        "name": "emptyTitle",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute).",
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
-        "name": "voice",
-        "detail": "Record<string, never>",
-        "description": "The Mic / voice button was clicked."
+        "name": "description",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Description text.",
+        "default": "''",
+        "displayType": "undefined | string"
       }
     ],
+    "events": [],
     "composedFrom": [
       {
-        "name": "ChatThread",
+        "name": "Empty",
         "group": "Components",
-        "storyId": "components-chatthread--docs"
+        "storyId": "components-empty--docs"
       },
       {
-        "name": "ConversationList",
+        "name": "EmptyHeader",
         "group": "Components",
-        "storyId": "components-conversationlist--docs"
+        "storyId": "components-emptyheader--docs"
       },
       {
-        "name": "ResizablePanelGroup",
-        "group": "UI",
-        "storyId": "ui-resizablepanelgroup--docs"
+        "name": "EmptyMedia",
+        "group": "Components",
+        "storyId": "components-emptymedia--docs"
       },
       {
-        "name": "ResizablePanel",
-        "group": "UI",
-        "storyId": "ui-resizablepanel--docs"
+        "name": "EmptyTitle",
+        "group": "Components",
+        "storyId": "components-emptytitle--docs"
       },
       {
-        "name": "ResizableHandle",
-        "group": "UI",
-        "storyId": "ui-resizablehandle--docs"
+        "name": "EmptyDescription",
+        "group": "Components",
+        "storyId": "components-emptydescription--docs"
       },
       {
-        "name": "Button",
-        "group": "UI",
-        "storyId": "ui-button--docs"
+        "name": "EmptyContent",
+        "group": "Components",
+        "storyId": "components-emptycontent--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-checkpoint",
-    "className": "KitnCheckpointElement",
+    "tag": "kc-feedback-bar",
+    "className": "KcFeedbackBarElement",
     "props": [
       {
-        "name": "label",
+        "name": "barTitle",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Optional text beside the icon."
+        "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute).",
+        "default": "'Was this helpful?'",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [
+      {
+        "name": "close",
+        "detail": null,
+        "description": "The user dismissed the banner.",
+        "displayDetail": null
       },
       {
-        "name": "tooltip",
-        "type": "undefined | string",
-        "optional": true,
-        "scalar": true,
-        "description": "Tooltip on hover."
+        "name": "helpful",
+        "detail": null,
+        "description": "The user clicked thumbs-up.",
+        "displayDetail": null
       },
       {
-        "name": "variant",
-        "type": "undefined | \"ghost\" | \"default\" | \"outline\"",
+        "name": "nothelpful",
+        "detail": null,
+        "description": "The user clicked thumbs-down.",
+        "displayDetail": null
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "FeedbackBar",
+        "group": "Components",
+        "storyId": "components-feedbackbar--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-file-tree",
+    "className": "KcFileTreeElement",
+    "props": [
+      {
+        "name": "files",
+        "type": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "The files to render. Set as a JS property (array of `{ path, url?, code?, language?, type? }`).",
+        "default": "[]",
+        "displayType": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]"
+      },
+      {
+        "name": "activeFile",
+        "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Visual button style.",
-        "default": "'ghost'"
+        "description": "Selected file path — highlighted in the tree.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "size",
-        "type": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\"",
+        "name": "defaultExpanded",
+        "type": "undefined | string[]",
         "optional": true,
-        "scalar": true,
-        "description": "Button size (use an `icon*` size for an icon-only checkpoint).",
-        "default": "'sm'"
+        "scalar": false,
+        "description": "Folder paths expanded initially. Omit to start with all folders open.",
+        "displayType": "undefined | string[]"
       }
     ],
     "events": [
       {
         "name": "select",
-        "detail": null,
-        "description": "The checkpoint was clicked."
+        "detail": "{ path: string }",
+        "description": "Fired when a file is selected. `detail.path` = the file's path.",
+        "displayDetail": "{ path: string }"
       }
     ],
     "composedFrom": [
       {
-        "name": "Checkpoint",
-        "group": "Components",
-        "storyId": "components-checkpoint--docs"
-      },
-      {
-        "name": "CheckpointIcon",
-        "group": "Components",
-        "storyId": "components-checkpointicon--docs"
-      },
-      {
-        "name": "CheckpointTrigger",
+        "name": "FileTree",
         "group": "Components",
-        "storyId": "components-checkpointtrigger--docs"
+        "storyId": "components-filetree--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-code-block",
-    "className": "KitnCodeBlockElement",
+    "tag": "kc-file-upload",
+    "className": "KcFileUploadElement",
     "props": [
       {
-        "name": "code",
-        "type": "string",
-        "optional": false,
+        "name": "multiple",
+        "type": "undefined | false | true",
+        "optional": true,
         "scalar": true,
-        "description": "The source code to render.",
-        "default": "''"
+        "description": "Allow selecting multiple files (default true).",
+        "default": "true",
+        "displayType": "undefined | false | true"
       },
       {
-        "name": "language",
+        "name": "accept",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`."
+        "description": "`accept` attribute for the file picker (e.g. `image/*`).",
+        "displayType": "undefined | string"
       },
       {
-        "name": "codeTheme",
-        "type": "undefined | string",
-        "optional": true,
-        "scalar": true,
-        "description": "Shiki theme name.",
-        "default": "'github-dark-dimmed'"
-      },
-      {
-        "name": "codeHighlight",
+        "name": "disabled",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Disable syntax highlighting (renders plain text, no Shiki).",
-        "default": "true"
+        "description": "Disable the dropzone — no clicking, no drag-and-drop.",
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
-        "name": "proseSize",
-        "type": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\"",
+        "name": "label",
+        "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Code text sizing.",
-        "default": "'sm'"
-      }
-    ],
-    "events": [],
-    "composedFrom": [
-      {
-        "name": "CodeBlock",
-        "group": "Components",
-        "storyId": "components-codeblock--docs"
-      },
-      {
-        "name": "CodeBlockCode",
-        "group": "Components",
-        "storyId": "components-codeblockcode--docs"
+        "description": "Default dropzone label (overridable via the default slot).",
+        "default": "'Click or drop files to upload'",
+        "displayType": "undefined | string"
       }
     ],
-    "tokens": [
-      "--color-code-foreground"
-    ]
-  },
-  {
-    "tag": "kitn-context-meter",
-    "className": "KitnContextMeterElement",
-    "props": [
+    "events": [
       {
-        "name": "context",
-        "type": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; reasoningTokens?: undefined | number; cacheTokens?: undefined | number; estimatedCost?: undefined | number }",
-        "optional": true,
-        "scalar": false,
-        "description": "Token-usage data. Set as a JS property."
+        "name": "filesadded",
+        "detail": "{ files: File[] }",
+        "description": "Files were picked or dropped.",
+        "displayDetail": "{ files: File[] }"
       }
     ],
-    "events": [],
     "composedFrom": [
       {
-        "name": "Context",
-        "group": "Components",
-        "storyId": "components-context--docs"
-      },
-      {
-        "name": "ContextTrigger",
-        "group": "Components",
-        "storyId": "components-contexttrigger--docs"
-      },
-      {
-        "name": "ContextContent",
-        "group": "Components",
-        "storyId": "components-contextcontent--docs"
-      },
-      {
-        "name": "ContextContentHeader",
-        "group": "Components",
-        "storyId": "components-contextcontentheader--docs"
-      },
-      {
-        "name": "ContextContentBody",
-        "group": "Components",
-        "storyId": "components-contextcontentbody--docs"
-      },
-      {
-        "name": "ContextContentFooter",
-        "group": "Components",
-        "storyId": "components-contextcontentfooter--docs"
-      },
-      {
-        "name": "ContextInputUsage",
-        "group": "Components",
-        "storyId": "components-contextinputusage--docs"
-      },
-      {
-        "name": "ContextOutputUsage",
-        "group": "Components",
-        "storyId": "components-contextoutputusage--docs"
-      },
-      {
-        "name": "ContextReasoningUsage",
+        "name": "FileUpload",
         "group": "Components",
-        "storyId": "components-contextreasoningusage--docs"
+        "storyId": "components-fileupload--docs"
       },
       {
-        "name": "ContextCacheUsage",
+        "name": "FileUploadTrigger",
         "group": "Components",
-        "storyId": "components-contextcacheusage--docs"
+        "storyId": "components-fileuploadtrigger--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-conversation-list",
-    "className": "KitnConversationListElement",
+    "tag": "kc-form",
+    "className": "KcFormElement",
     "props": [
       {
-        "name": "groups",
-        "type": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]",
-        "optional": false,
-        "scalar": false,
-        "description": "Pre-bucketed conversation groups (e.g. \"Today\", \"Yesterday\"), each with its own conversations. Use this when you want to control the grouping/headers yourself; otherwise pass a flat `conversations` array. Set as a JS property.",
-        "default": "[]"
-      },
-      {
-        "name": "conversations",
-        "type": "{ id: string; title: string; groupId?: undefined | string; scope: { type: \"document\" | \"collection\"; documentId?: undefined | string; filters?: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }; messageCount: number; lastMessageAt: string; updatedAt: string }[]",
-        "optional": false,
-        "scalar": false,
-        "description": "A flat list of conversation summaries; the component buckets them by recency for you. Ignored when `groups` is provided. Set as a JS property.",
-        "default": "[]"
-      },
-      {
-        "name": "activeId",
-        "type": "undefined | string",
+        "name": "data",
+        "type": "undefined | Record<string, unknown>",
         "optional": true,
-        "scalar": true,
-        "description": "The id of the currently-open conversation, highlighted in the list."
-      }
-    ],
-    "events": [
-      {
-        "name": "newchat",
-        "detail": "Record<string, never>",
-        "description": "The \"New chat\" button was clicked."
-      },
-      {
-        "name": "select",
-        "detail": "{ id: string }",
-        "description": "A conversation was selected."
+        "scalar": false,
+        "description": "The form definition — a JSON Schema (`type:'object'`) + `x-kc-*` UI hints (the CardEnvelope.data). Set as a JS PROPERTY: `el.data = { type:'object', properties:{…} }`. Import the `FormDefinition` type from `@kitnai/chat` for the full shape (it is self-referential, so the element types it loosely).",
+        "displayType": "undefined | Record<string, unknown>"
       },
       {
-        "name": "togglesidebar",
-        "detail": "Record<string, never>",
-        "description": "The sidebar toggle was clicked."
-      }
-    ],
-    "composedFrom": [
-      {
-        "name": "ConversationList",
-        "group": "Components",
-        "storyId": "components-conversationlist--docs"
-      }
-    ],
-    "tokens": [
-      "--color-sidebar",
-      "--color-scrollbar-thumb"
-    ]
-  },
-  {
-    "tag": "kitn-empty",
-    "className": "KitnEmptyElement",
-    "props": [
-      {
-        "name": "emptyTitle",
+        "name": "cardId",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute).",
-        "default": "''"
+        "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "description",
+        "name": "heading",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Description text.",
-        "default": "''"
+        "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+        "displayType": "undefined | string"
       }
     ],
     "events": [],
     "composedFrom": [
       {
-        "name": "Empty",
-        "group": "Components",
-        "storyId": "components-empty--docs"
-      },
-      {
-        "name": "EmptyHeader",
-        "group": "Components",
-        "storyId": "components-emptyheader--docs"
-      },
-      {
-        "name": "EmptyMedia",
-        "group": "Components",
-        "storyId": "components-emptymedia--docs"
-      },
-      {
-        "name": "EmptyTitle",
-        "group": "Components",
-        "storyId": "components-emptytitle--docs"
-      },
-      {
-        "name": "EmptyDescription",
-        "group": "Components",
-        "storyId": "components-emptydescription--docs"
-      },
-      {
-        "name": "EmptyContent",
+        "name": "Form",
         "group": "Components",
-        "storyId": "components-emptycontent--docs"
+        "storyId": "components-form--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-feedback-bar",
-    "className": "KitnFeedbackBarElement",
+    "tag": "kc-image",
+    "className": "KcImageElement",
     "props": [
       {
-        "name": "barTitle",
+        "name": "base64",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute).",
-        "default": "'Was this helpful?'"
-      }
-    ],
-    "events": [
-      {
-        "name": "close",
-        "detail": null,
-        "description": "The user dismissed the banner."
-      },
-      {
-        "name": "helpful",
-        "detail": null,
-        "description": "The user clicked thumbs-up."
+        "description": "Base64-encoded image data (pair with `media-type`).",
+        "displayType": "undefined | string"
       },
       {
-        "name": "nothelpful",
-        "detail": null,
-        "description": "The user clicked thumbs-down."
-      }
-    ],
-    "composedFrom": [
-      {
-        "name": "FeedbackBar",
-        "group": "Components",
-        "storyId": "components-feedbackbar--docs"
-      }
-    ],
-    "tokens": []
-  },
-  {
-    "tag": "kitn-file-upload",
-    "className": "KitnFileUploadElement",
-    "props": [
-      {
-        "name": "multiple",
-        "type": "undefined | false | true",
+        "name": "bytes",
+        "type": "undefined | Uint8Array<ArrayBufferLike>",
         "optional": true,
-        "scalar": true,
-        "description": "Allow selecting multiple files (default true).",
-        "default": "true"
+        "scalar": false,
+        "description": "Raw image bytes (set as a JS property).",
+        "displayType": "undefined | Uint8Array<ArrayBufferLike>"
       },
       {
-        "name": "accept",
+        "name": "alt",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "`accept` attribute for the file picker (e.g. `image/*`)."
-      },
-      {
-        "name": "disabled",
-        "type": "undefined | false | true",
-        "optional": true,
-        "scalar": true,
-        "description": "Disable the dropzone — no clicking, no drag-and-drop.",
-        "default": "false"
+        "description": "Alt text.",
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
-        "name": "label",
+        "name": "mediaType",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Default dropzone label (overridable via the default slot).",
-        "default": "'Click or drop files to upload'"
-      }
-    ],
-    "events": [
-      {
-        "name": "filesadded",
-        "detail": "{ files: File[] }",
-        "description": "Files were picked or dropped."
+        "description": "MIME type (default `image/png`).",
+        "displayType": "undefined | string"
       }
     ],
+    "events": [],
     "composedFrom": [
       {
-        "name": "FileUpload",
-        "group": "Components",
-        "storyId": "components-fileupload--docs"
-      },
-      {
-        "name": "FileUploadTrigger",
+        "name": "Image",
         "group": "Components",
-        "storyId": "components-fileuploadtrigger--docs"
+        "storyId": "components-image--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-image",
-    "className": "KitnImageElement",
+    "tag": "kc-link-card",
+    "className": "KcLinkCardElement",
     "props": [
       {
-        "name": "base64",
+        "name": "cardId",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Base64-encoded image data (pair with `media-type`)."
+        "description": "Stable card id correlating every emitted event. Set as an attribute or property.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "bytes",
-        "type": "undefined | Uint8Array<ArrayBufferLike>",
+        "name": "data",
+        "type": "undefined | { url: string; title?: undefined | string; description?: undefined | string; image?: undefined | string; imageAlt?: undefined | string; favicon?: undefined | string; domain?: undefined | string; siteName?: undefined | string }",
         "optional": true,
         "scalar": false,
-        "description": "Raw image bytes (set as a JS property)."
-      },
-      {
-        "name": "alt",
-        "type": "undefined | string",
-        "optional": true,
-        "scalar": true,
-        "description": "Alt text.",
-        "default": "''"
-      },
-      {
-        "name": "mediaType",
-        "type": "undefined | string",
-        "optional": true,
-        "scalar": true,
-        "description": "MIME type (default `image/png`)."
+        "description": "The link payload (OG metadata). Set as a JS **property** (object).",
+        "displayType": "undefined | { url: string; title?: undefined | string; description?: undefined | string; image?: undefined | string; imageAlt?: undefined | string; favicon?: undefined | string; domain?: undefined | string; siteName?: undefined | string }"
       }
     ],
     "events": [],
     "composedFrom": [
       {
-        "name": "Image",
+        "name": "LinkCard",
         "group": "Components",
-        "storyId": "components-image--docs"
+        "storyId": "components-linkcard--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-loader",
-    "className": "KitnLoaderElement",
+    "tag": "kc-loader",
+    "className": "KcLoaderElement",
     "props": [
       {
         "name": "variant",
@@ -1142,7 +1198,8 @@
         "optional": true,
         "scalar": true,
         "description": "The animation style: `'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots'`. Defaults to `'circular'`.",
-        "default": "'circular'"
+        "default": "'circular'",
+        "displayType": "LoaderVariant | undefined"
       },
       {
         "name": "size",
@@ -1150,14 +1207,16 @@
         "optional": true,
         "scalar": true,
         "description": "Loader size: `'sm' | 'md' | 'lg'`. Defaults to `'md'`.",
-        "default": "'md'"
+        "default": "'md'",
+        "displayType": "undefined | \"sm\" | \"lg\" | \"md\""
       },
       {
         "name": "text",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Label for the text-based variants."
+        "description": "Label for the text-based variants.",
+        "displayType": "undefined | string"
       }
     ],
     "events": [],
@@ -1171,8 +1230,8 @@
     "tokens": []
   },
   {
-    "tag": "kitn-markdown",
-    "className": "KitnMarkdownElement",
+    "tag": "kc-markdown",
+    "className": "KcMarkdownElement",
     "props": [
       {
         "name": "content",
@@ -1180,7 +1239,8 @@
         "optional": false,
         "scalar": true,
         "description": "The markdown source to render.",
-        "default": "''"
+        "default": "''",
+        "displayType": "string"
       },
       {
         "name": "proseSize",
@@ -1188,7 +1248,8 @@
         "optional": true,
         "scalar": true,
         "description": "Text/markdown sizing.",
-        "default": "'sm'"
+        "default": "'sm'",
+        "displayType": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
       },
       {
         "name": "codeTheme",
@@ -1196,7 +1257,8 @@
         "optional": true,
         "scalar": true,
         "description": "Shiki theme for fenced code blocks.",
-        "default": "'github-dark-dimmed'"
+        "default": "'github-dark-dimmed'",
+        "displayType": "undefined | string"
       },
       {
         "name": "codeHighlight",
@@ -1204,7 +1266,8 @@
         "optional": true,
         "scalar": true,
         "description": "Disable syntax highlighting (no Shiki loads).",
-        "default": "true"
+        "default": "true",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [],
@@ -1218,15 +1281,16 @@
     "tokens": []
   },
   {
-    "tag": "kitn-message",
-    "className": "KitnMessageElement",
+    "tag": "kc-message",
+    "className": "KcMessageElement",
     "props": [
       {
         "name": "message",
         "type": "undefined | { id: string; role: \"user\" | \"assistant\"; content: string; reasoning?: undefined | { text: string; label?: undefined | string }; tools?: undefined | { type: string; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string }[]; attachments?: undefined | { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\")[] }",
         "optional": true,
         "scalar": false,
-        "description": "The full message object. Set as a JS property."
+        "description": "The full message object. Set as a JS property.",
+        "displayType": "ChatMessage | undefined"
       },
       {
         "name": "role",
@@ -1234,21 +1298,24 @@
         "optional": true,
         "scalar": true,
         "description": "Convenience for simple cases when not passing a `message` object.",
-        "default": "'assistant'"
+        "default": "'assistant'",
+        "displayType": "undefined | \"user\" | \"assistant\""
       },
       {
         "name": "content",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Convenience content (used when `message` is not set)."
+        "description": "Convenience content (used when `message` is not set).",
+        "displayType": "undefined | string"
       },
       {
         "name": "markdown",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Force markdown on/off. Defaults to on for assistant, off for user."
+        "description": "Force markdown on/off. Defaults to on for assistant, off for user.",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "proseSize",
@@ -1256,7 +1323,8 @@
         "optional": true,
         "scalar": true,
         "description": "Text/markdown sizing for the message body.",
-        "default": "'sm'"
+        "default": "'sm'",
+        "displayType": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
       },
       {
         "name": "codeTheme",
@@ -1264,7 +1332,8 @@
         "optional": true,
         "scalar": true,
         "description": "Shiki theme name used for fenced code blocks in the content.",
-        "default": "'github-dark-dimmed'"
+        "default": "'github-dark-dimmed'",
+        "displayType": "undefined | string"
       },
       {
         "name": "codeHighlight",
@@ -1272,14 +1341,16 @@
         "optional": true,
         "scalar": true,
         "description": "Disable syntax highlighting for code blocks (no Shiki loads).",
-        "default": "true"
+        "default": "true",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [
       {
         "name": "messageaction",
         "detail": "{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }",
-        "description": "An action button was clicked."
+        "description": "An action button was clicked.",
+        "displayDetail": "{ messageId: string; action: ChatMessageAction }"
       }
     ],
     "composedFrom": [
@@ -1347,53 +1418,33 @@
     "tokens": []
   },
   {
-    "tag": "kitn-message-skills",
-    "className": "KitnMessageSkillsElement",
+    "tag": "kc-model-switcher",
+    "className": "KcModelSwitcherElement",
     "props": [
       {
-        "name": "skills",
-        "type": "{ id: string; name: string }[]",
-        "optional": false,
-        "scalar": false,
-        "description": "The active skills to badge. Set as a JS property.",
-        "default": "[]"
-      }
-    ],
-    "events": [],
-    "composedFrom": [
-      {
-        "name": "MessageSkills",
-        "group": "Components",
-        "storyId": "components-messageskills--docs"
-      }
-    ],
-    "tokens": []
-  },
-  {
-    "tag": "kitn-model-switcher",
-    "className": "KitnModelSwitcherElement",
-    "props": [
-      {
-        "name": "models",
-        "type": "{ id: string; name: string; provider?: undefined | string }[]",
+        "name": "models",
+        "type": "{ id: string; name: string; provider?: undefined | string }[]",
         "optional": false,
         "scalar": false,
         "description": "The selectable models. Set as a JS property (array).",
-        "default": "[]"
+        "default": "[]",
+        "displayType": "{ id: string; name: string; provider?: undefined | string }[]"
       },
       {
         "name": "currentModel",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "The currently-selected model id. Defaults to the first model."
+        "description": "The currently-selected model id. Defaults to the first model.",
+        "displayType": "undefined | string"
       }
     ],
     "events": [
       {
         "name": "modelchange",
         "detail": "{ modelId: string }",
-        "description": "A model was selected."
+        "description": "A model was selected.",
+        "displayDetail": "{ modelId: string }"
       }
     ],
     "composedFrom": [
@@ -1406,15 +1457,16 @@
     "tokens": []
   },
   {
-    "tag": "kitn-prompt-input",
-    "className": "KitnPromptInputElement",
+    "tag": "kc-prompt-input",
+    "className": "KcPromptInputElement",
     "props": [
       {
         "name": "value",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Controlled value of the input. When set, the host owns the text and must update it on `valuechange`; leave unset for uncontrolled behavior."
+        "description": "Controlled value of the input. When set, the host owns the text and must update it on `valuechange`; leave unset for uncontrolled behavior.",
+        "displayType": "undefined | string"
       },
       {
         "name": "placeholder",
@@ -1422,7 +1474,8 @@
         "optional": true,
         "scalar": true,
         "description": "Placeholder text shown in the empty input.",
-        "default": "'Send a message...'"
+        "default": "'Send a message...'",
+        "displayType": "undefined | string"
       },
       {
         "name": "disabled",
@@ -1430,7 +1483,8 @@
         "optional": true,
         "scalar": true,
         "description": "Disable the input and submit button entirely (non-interactive).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "loading",
@@ -1438,14 +1492,16 @@
         "optional": true,
         "scalar": true,
         "description": "Show the loading/streaming state and block submit (use while awaiting a reply).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "suggestions",
         "type": "undefined | string[]",
         "optional": true,
         "scalar": false,
-        "description": "Starter prompts shown above the input. Clicking one follows `suggestionMode`. Set as a JS property."
+        "description": "Starter prompts shown above the input. Clicking one follows `suggestionMode`. Set as a JS property.",
+        "displayType": "undefined | string[]"
       },
       {
         "name": "suggestionMode",
@@ -1453,21 +1509,24 @@
         "optional": true,
         "scalar": true,
         "description": "What clicking a suggestion does: `'submit'` (default) sends it immediately as if typed and submitted; `'fill'` just places it in the input.",
-        "default": "'submit'"
+        "default": "'submit'",
+        "displayType": "undefined | \"submit\" | \"fill\""
       },
       {
         "name": "slashCommands",
         "type": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]",
         "optional": true,
         "scalar": false,
-        "description": "Slash commands — when set, typing `/` opens the command palette. Set as a JS property."
+        "description": "Slash commands — when set, typing `/` opens the command palette. Set as a JS property.",
+        "displayType": "SlashCommandItem[] | undefined"
       },
       {
         "name": "slashActiveIds",
         "type": "undefined | string[]",
         "optional": true,
         "scalar": false,
-        "description": "Command ids to highlight as active."
+        "description": "Command ids to highlight as active.",
+        "displayType": "undefined | string[]"
       },
       {
         "name": "slashCompact",
@@ -1475,7 +1534,8 @@
         "optional": true,
         "scalar": true,
         "description": "Single-line palette rows.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "search",
@@ -1483,7 +1543,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show a Search (Globe) button in the left toolbar; clicking it fires a `search` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "voice",
@@ -1491,183 +1552,233 @@
         "optional": true,
         "scalar": true,
         "description": "Show a Voice (Mic) button in the left toolbar; clicking it fires a `voice` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "attachments",
         "type": "undefined | { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[]",
         "optional": true,
         "scalar": false,
-        "description": "Attachments to seed the input with (so a consumer can pre-populate staged files without an upload). Set as a JS property; the element then manages its own attachment state from there (add via the paperclip, remove per chip)."
+        "description": "Attachments to seed the input with (so a consumer can pre-populate staged files without an upload). Set as a JS property; the element then manages its own attachment state from there (add via the paperclip, remove per chip).",
+        "displayType": "AttachmentData[] | undefined"
       }
     ],
     "events": [
       {
         "name": "search",
         "detail": "Record<string, never>",
-        "description": "The Search (Globe) toolbar button was clicked."
+        "description": "The Search (Globe) toolbar button was clicked.",
+        "displayDetail": "Record<string, never>"
       },
       {
         "name": "slashselect",
         "detail": "{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }",
-        "description": "A slash command was chosen from the palette."
+        "description": "A slash command was chosen from the palette.",
+        "displayDetail": "{ command: SlashCommandItem }"
       },
       {
         "name": "submit",
         "detail": "{ value: string; attachments: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }",
-        "description": "The user submitted the prompt (Enter or send button) with its attachments."
+        "description": "The user submitted the prompt (Enter or send button) with its attachments.",
+        "displayDetail": "{ value: string; attachments: AttachmentData[] }"
       },
       {
         "name": "suggestionclick",
         "detail": "{ value: string }",
-        "description": "A suggestion was clicked while `suggestion-mode=\"fill\"`."
+        "description": "A suggestion was clicked while `suggestion-mode=\"fill\"`.",
+        "displayDetail": "{ value: string }"
       },
       {
         "name": "valuechange",
         "detail": "{ value: string }",
-        "description": "The input text changed (fires on every keystroke)."
+        "description": "The input text changed (fires on every keystroke).",
+        "displayDetail": "{ value: string }"
       },
       {
         "name": "voice",
         "detail": "Record<string, never>",
-        "description": "The Voice (Mic) toolbar button was clicked."
+        "description": "The Voice (Mic) toolbar button was clicked.",
+        "displayDetail": "Record<string, never>"
       }
     ],
     "composedFrom": [],
     "tokens": []
   },
   {
-    "tag": "kitn-prompt-suggestions",
-    "className": "KitnPromptSuggestionsElement",
+    "tag": "kc-reasoning",
+    "className": "KcReasoningElement",
     "props": [
       {
-        "name": "suggestions",
-        "type": "(string | { label: string; value?: undefined | string })[]",
+        "name": "text",
+        "type": "string",
         "optional": false,
-        "scalar": false,
-        "description": "The suggestions. Strings, or `{ label, value }` when the displayed text and the emitted value differ. Set as a JS property.",
-        "default": "[]"
+        "scalar": true,
+        "description": "The reasoning text to display.",
+        "default": "''",
+        "displayType": "string"
       },
       {
-        "name": "variant",
-        "type": "undefined | \"ghost\" | \"default\" | \"outline\"",
+        "name": "label",
+        "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled).",
-        "default": "'outline'"
+        "description": "Trigger label.",
+        "default": "'Reasoning'",
+        "displayType": "undefined | string"
       },
       {
-        "name": "size",
-        "type": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\"",
+        "name": "open",
+        "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Size preset for each chip. Defaults to the pill default (`'lg'`); pass `'sm'` for smaller pills (or `'md'`)."
+        "description": "Controlled open state — set as a property (`el.open = true`). Omit for uncontrolled (the trigger toggles it).",
+        "displayType": "undefined | false | true"
       },
       {
-        "name": "block",
+        "name": "streaming",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Full-width left-aligned rows instead of pills.",
-        "default": "false"
+        "description": "While true, auto-expands (and re-collapses when it flips false).",
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
-        "name": "highlight",
-        "type": "undefined | string",
+        "name": "markdown",
+        "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Substring to highlight within each suggestion."
+        "description": "Render `text` as markdown.",
+        "default": "true",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [
       {
-        "name": "select",
-        "detail": "{ value: string }",
-        "description": "A suggestion was clicked."
+        "name": "openchange",
+        "detail": "{ open: false | true }",
+        "description": "Open state changed (via the trigger or streaming auto-open).",
+        "displayDetail": "{ open: false | true }"
       }
     ],
     "composedFrom": [
       {
-        "name": "PromptSuggestion",
+        "name": "Reasoning",
         "group": "Components",
-        "storyId": "components-promptsuggestion--docs"
+        "storyId": "components-reasoning--docs"
+      },
+      {
+        "name": "ReasoningTrigger",
+        "group": "Components",
+        "storyId": "components-reasoningtrigger--docs"
+      },
+      {
+        "name": "ReasoningContent",
+        "group": "Components",
+        "storyId": "components-reasoningcontent--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-reasoning",
-    "className": "KitnReasoningElement",
+    "tag": "kc-resizable",
+    "className": "KcResizableElement",
     "props": [
       {
-        "name": "text",
-        "type": "string",
-        "optional": false,
+        "name": "orientation",
+        "type": "undefined | \"horizontal\" | \"vertical\"",
+        "optional": true,
         "scalar": true,
-        "description": "The reasoning text to display.",
-        "default": "''"
+        "description": "Layout axis: `horizontal` (row, default) or `vertical` (column).",
+        "default": "'horizontal'",
+        "displayType": "undefined | \"horizontal\" | \"vertical\""
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "detail": "{ sizes: number[] }",
+        "description": "Fired on drag-end / keyboard resize / visibility change. `detail.sizes` = panel sizes in percent.",
+        "displayDetail": "{ sizes: number[] }"
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "ResizableHandle",
+        "group": "UI",
+        "storyId": "ui-resizablehandle--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-resizable-item",
+    "className": "KcResizableItemElement",
+    "props": [
+      {
+        "name": "size",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Initial main-axis size: `\"280px\"` (fixed) or `\"25%\"`/`25` (percent). Omitted → flexible.",
+        "displayType": "undefined | string"
       },
       {
-        "name": "label",
+        "name": "min",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Trigger label.",
-        "default": "'Reasoning'"
+        "description": "Minimum size during resize (px or %).",
+        "displayType": "undefined | string"
       },
       {
-        "name": "open",
-        "type": "undefined | false | true",
+        "name": "max",
+        "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Controlled open state — set as a property (`el.open = true`). Omit for uncontrolled (the trigger toggles it)."
+        "description": "Maximum size during resize (px or %).",
+        "displayType": "undefined | string"
       },
       {
-        "name": "streaming",
+        "name": "locked",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "While true, auto-expands (and re-collapses when it flips false).",
-        "default": "false"
+        "description": "Fix this panel's size; adjacent dividers become non-draggable.",
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
-        "name": "markdown",
+        "name": "hidden",
         "type": "undefined | false | true",
         "optional": true,
         "scalar": true,
-        "description": "Render `text` as markdown.",
-        "default": "true"
+        "description": "Hide this panel; its divider is dropped and the rest reflow.",
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [
       {
-        "name": "openchange",
-        "detail": "{ open: false | true }",
-        "description": "Open state changed (via the trigger or streaming auto-open)."
+        "name": "change",
+        "detail": "unknown",
+        "description": "",
+        "displayDetail": "unknown"
       }
     ],
     "composedFrom": [
       {
-        "name": "Reasoning",
-        "group": "Components",
-        "storyId": "components-reasoning--docs"
-      },
-      {
-        "name": "ReasoningTrigger",
-        "group": "Components",
-        "storyId": "components-reasoningtrigger--docs"
-      },
-      {
-        "name": "ReasoningContent",
-        "group": "Components",
-        "storyId": "components-reasoningcontent--docs"
+        "name": "ResizableHandle",
+        "group": "UI",
+        "storyId": "ui-resizablehandle--docs"
       }
     ],
     "tokens": []
   },
   {
-    "tag": "kitn-response-stream",
-    "className": "KitnResponseStreamElement",
+    "tag": "kc-response-stream",
+    "className": "KcResponseStreamElement",
     "props": [
       {
         "name": "text",
@@ -1675,7 +1786,8 @@
         "optional": true,
         "scalar": false,
         "description": "Text to stream. A string, or an `AsyncIterable<string>` (set as a JS property — async iterables can't be HTML attributes).",
-        "default": "''"
+        "default": "''",
+        "displayType": "undefined | string | AsyncIterable<string>"
       },
       {
         "name": "mode",
@@ -1683,7 +1795,8 @@
         "optional": true,
         "scalar": true,
         "description": "Reveal animation.",
-        "default": "'typewriter'"
+        "default": "'typewriter'",
+        "displayType": "undefined | \"typewriter\" | \"fade\""
       },
       {
         "name": "speed",
@@ -1691,21 +1804,24 @@
         "optional": true,
         "scalar": true,
         "description": "Characters/segments per tick.",
-        "default": "20"
+        "default": "20",
+        "displayType": "undefined | number"
       },
       {
         "name": "as",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Element tag to render as."
+        "description": "Element tag to render as.",
+        "displayType": "undefined | string"
       }
     ],
     "events": [
       {
         "name": "complete",
         "detail": null,
-        "description": "Streaming finished."
+        "description": "Streaming finished.",
+        "displayDetail": null
       }
     ],
     "composedFrom": [
@@ -1718,8 +1834,81 @@
     "tokens": []
   },
   {
-    "tag": "kitn-source",
-    "className": "KitnSourceElement",
+    "tag": "kc-scope-picker",
+    "className": "KcScopePickerElement",
+    "props": [
+      {
+        "name": "availableAuthors",
+        "type": "string[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Authors to offer as scope filters. Set as a JS property.",
+        "default": "[]",
+        "displayType": "string[]"
+      },
+      {
+        "name": "availableTags",
+        "type": "string[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Tags to offer as scope filters. Set as a JS property.",
+        "default": "[]",
+        "displayType": "string[]"
+      },
+      {
+        "name": "currentLabel",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "The label shown on the trigger for the active scope.",
+        "default": "'All Content'",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [
+      {
+        "name": "scopechange",
+        "detail": "{ filters: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }",
+        "description": "A scope was chosen (`undefined` filters = \"All Content\").",
+        "displayDetail": "{ filters: SearchFilters | undefined }"
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "ChatScopePicker",
+        "group": "Components",
+        "storyId": "components-chatscopepicker--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-skills",
+    "className": "KcSkillsElement",
+    "props": [
+      {
+        "name": "skills",
+        "type": "{ id: string; name: string }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "The active skills to badge. Set as a JS property.",
+        "default": "[]",
+        "displayType": "{ id: string; name: string }[]"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
+      {
+        "name": "MessageSkills",
+        "group": "Components",
+        "storyId": "components-messageskills--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-source",
+    "className": "KcSourceElement",
     "props": [
       {
         "name": "href",
@@ -1727,14 +1916,16 @@
         "optional": true,
         "scalar": true,
         "description": "The URL this citation links to (the domain also seeds the default label/favicon).",
-        "default": "''"
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
         "name": "label",
         "type": "undefined | string",
         "optional": true,
         "scalar": true,
-        "description": "Trigger label (defaults to the domain)."
+        "description": "Trigger label (defaults to the domain).",
+        "displayType": "undefined | string"
       },
       {
         "name": "headline",
@@ -1742,7 +1933,8 @@
         "optional": true,
         "scalar": true,
         "description": "Hover-card headline. Attribute: `headline` (`title` is avoided — it's a global HTML attribute that reflects in a CE constructor and breaks it).",
-        "default": "''"
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
         "name": "description",
@@ -1750,7 +1942,8 @@
         "optional": true,
         "scalar": true,
         "description": "Hover-card body text describing the source.",
-        "default": "''"
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
         "name": "showFavicon",
@@ -1758,7 +1951,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show the source's favicon next to the trigger label.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [],
@@ -1787,8 +1981,8 @@
     "tokens": []
   },
   {
-    "tag": "kitn-source-list",
-    "className": "KitnSourceListElement",
+    "tag": "kc-sources",
+    "className": "KcSourcesElement",
     "props": [
       {
         "name": "sources",
@@ -1796,7 +1990,8 @@
         "optional": false,
         "scalar": false,
         "description": "The sources to render. Set as a JS property.",
-        "default": "[]"
+        "default": "[]",
+        "displayType": "SourceItem[]"
       },
       {
         "name": "showFavicon",
@@ -1804,7 +1999,8 @@
         "optional": true,
         "scalar": true,
         "description": "Show favicons on all items (per-item `showFavicon` overrides).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [],
@@ -1833,8 +2029,112 @@
     "tokens": []
   },
   {
-    "tag": "kitn-text-shimmer",
-    "className": "KitnTextShimmerElement",
+    "tag": "kc-suggestions",
+    "className": "KcSuggestionsElement",
+    "props": [
+      {
+        "name": "suggestions",
+        "type": "(string | { label: string; value?: undefined | string })[]",
+        "optional": false,
+        "scalar": false,
+        "description": "The suggestions. Strings, or `{ label, value }` when the displayed text and the emitted value differ. Set as a JS property.",
+        "default": "[]",
+        "displayType": "(string | { label: string; value?: undefined | string })[]"
+      },
+      {
+        "name": "variant",
+        "type": "undefined | \"ghost\" | \"default\" | \"outline\"",
+        "optional": true,
+        "scalar": true,
+        "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled).",
+        "default": "'outline'",
+        "displayType": "undefined | \"ghost\" | \"default\" | \"outline\""
+      },
+      {
+        "name": "size",
+        "type": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\"",
+        "optional": true,
+        "scalar": true,
+        "description": "Size preset for each chip. Defaults to the pill default (`'lg'`); pass `'sm'` for smaller pills (or `'md'`).",
+        "displayType": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+      },
+      {
+        "name": "block",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "Full-width left-aligned rows instead of pills.",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "highlight",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Substring to highlight within each suggestion.",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [
+      {
+        "name": "select",
+        "detail": "{ value: string }",
+        "description": "A suggestion was clicked.",
+        "displayDetail": "{ value: string }"
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "PromptSuggestion",
+        "group": "Components",
+        "storyId": "components-promptsuggestion--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-task-list",
+    "className": "KcTaskListElement",
+    "props": [
+      {
+        "name": "data",
+        "type": "undefined | Record<string, unknown>",
+        "optional": true,
+        "scalar": false,
+        "description": "The task-list definition (the CardEnvelope.data). Set as a JS PROPERTY: `el.data = { tasks:[…], selectAll, confirmLabel, … }`. Import `TaskListCardData` from `@kitnai/chat` for the full shape.",
+        "displayType": "undefined | Record<string, unknown>"
+      },
+      {
+        "name": "cardId",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "heading",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+        "displayType": "undefined | string"
+      }
+    ],
+    "events": [],
+    "composedFrom": [
+      {
+        "name": "TaskListCard",
+        "group": "Components",
+        "storyId": "components-tasklistcard--docs"
+      }
+    ],
+    "tokens": []
+  },
+  {
+    "tag": "kc-text-shimmer",
+    "className": "KcTextShimmerElement",
     "props": [
       {
         "name": "text",
@@ -1842,7 +2142,8 @@
         "optional": true,
         "scalar": true,
         "description": "The text to shimmer.",
-        "default": "''"
+        "default": "''",
+        "displayType": "undefined | string"
       },
       {
         "name": "as",
@@ -1850,7 +2151,8 @@
         "optional": true,
         "scalar": true,
         "description": "Element tag to render as (default `span`).",
-        "default": "'span'"
+        "default": "'span'",
+        "displayType": "undefined | string"
       },
       {
         "name": "duration",
@@ -1858,7 +2160,8 @@
         "optional": true,
         "scalar": true,
         "description": "Animation duration in seconds.",
-        "default": "4"
+        "default": "4",
+        "displayType": "undefined | number"
       },
       {
         "name": "spread",
@@ -1866,7 +2169,8 @@
         "optional": true,
         "scalar": true,
         "description": "Gradient spread (5–45).",
-        "default": "20"
+        "default": "20",
+        "displayType": "undefined | number"
       }
     ],
     "events": [],
@@ -1880,8 +2184,8 @@
     "tokens": []
   },
   {
-    "tag": "kitn-thinking-bar",
-    "className": "KitnThinkingBarElement",
+    "tag": "kc-thinking-bar",
+    "className": "KcThinkingBarElement",
     "props": [
       {
         "name": "text",
@@ -1889,7 +2193,8 @@
         "optional": true,
         "scalar": true,
         "description": "The shimmering label, e.g. \"Thinking…\".",
-        "default": "'Thinking'"
+        "default": "'Thinking'",
+        "displayType": "undefined | string"
       },
       {
         "name": "stoppable",
@@ -1897,7 +2202,8 @@
         "optional": true,
         "scalar": true,
         "description": "When true, show a \"stop\" affordance that fires a `stop` event.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       },
       {
         "name": "stopLabel",
@@ -1905,14 +2211,16 @@
         "optional": true,
         "scalar": true,
         "description": "Label for the stop affordance.",
-        "default": "'Answer now'"
+        "default": "'Answer now'",
+        "displayType": "undefined | string"
       }
     ],
     "events": [
       {
         "name": "stop",
         "detail": null,
-        "description": "The \"stop / answer now\" affordance was clicked."
+        "description": "The \"stop / answer now\" affordance was clicked.",
+        "displayDetail": null
       }
     ],
     "composedFrom": [
@@ -1925,15 +2233,16 @@
     "tokens": []
   },
   {
-    "tag": "kitn-tool",
-    "className": "KitnToolElement",
+    "tag": "kc-tool",
+    "className": "KcToolElement",
     "props": [
       {
         "name": "tool",
         "type": "undefined | { type: string; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string }",
         "optional": true,
         "scalar": false,
-        "description": "The tool-call to display. Set as a JS property."
+        "description": "The tool-call to display. Set as a JS property.",
+        "displayType": "ToolPart | undefined"
       },
       {
         "name": "open",
@@ -1941,7 +2250,8 @@
         "optional": true,
         "scalar": true,
         "description": "Start expanded.",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [],
@@ -1960,15 +2270,16 @@
     ]
   },
   {
-    "tag": "kitn-voice-input",
-    "className": "KitnVoiceInputElement",
+    "tag": "kc-voice-input",
+    "className": "KcVoiceInputElement",
     "props": [
       {
         "name": "transcribe",
         "type": "undefined | (audio: Blob) => Promise<string>",
         "optional": true,
         "scalar": false,
-        "description": "Transcriber the host supplies — records audio, returns the text. This is a **function-valued property** (`el.transcribe = async blob => '...'`) because a value-returning callback can't be modelled as a fire-and-forget event."
+        "description": "Transcriber the host supplies — records audio, returns the text. This is a **function-valued property** (`el.transcribe = async blob => '...'`) because a value-returning callback can't be modelled as a fire-and-forget event.",
+        "displayType": "undefined | (audio: Blob) => Promise<string>"
       },
       {
         "name": "disabled",
@@ -1976,19 +2287,22 @@
         "optional": true,
         "scalar": true,
         "description": "Disable the mic button (non-interactive).",
-        "default": "false"
+        "default": "false",
+        "displayType": "undefined | false | true"
       }
     ],
     "events": [
       {
         "name": "audiocaptured",
         "detail": "{ blob: Blob }",
-        "description": "Raw audio captured (before transcription) — for hosts that prefer to handle transcription themselves instead of via the `transcribe` property."
+        "description": "Raw audio captured (before transcription) — for hosts that prefer to handle transcription themselves instead of via the `transcribe` property.",
+        "displayDetail": "{ blob: Blob }"
       },
       {
         "name": "transcription",
         "detail": "{ text: string }",
-        "description": "Transcription completed (the `transcribe` property resolved)."
+        "description": "Transcription completed (the `transcribe` property resolved).",
+        "displayDetail": "{ text: string }"
       }
     ],
     "composedFrom": [
@@ -1999,5 +2313,337 @@
       }
     ],
     "tokens": []
+  },
+  {
+    "tag": "kc-workspace",
+    "className": "KcWorkspaceElement",
+    "props": [
+      {
+        "name": "groups",
+        "type": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Pre-bucketed conversation groups for the sidebar. Set as a JS property.",
+        "default": "[]",
+        "displayType": "ConversationGroup[]"
+      },
+      {
+        "name": "conversations",
+        "type": "{ id: string; title: string; groupId?: undefined | string; scope: { type: \"document\" | \"collection\"; documentId?: undefined | string; filters?: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }; messageCount: number; lastMessageAt: string; updatedAt: string }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "Flat conversation list (auto-bucketed if `groups` is empty). Set as a JS property.",
+        "default": "[]",
+        "displayType": "ConversationSummary[]"
+      },
+      {
+        "name": "activeId",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "Id of the open conversation, highlighted in the sidebar.",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "messages",
+        "type": "{ id: string; role: \"user\" | \"assistant\"; content: string; reasoning?: undefined | { text: string; label?: undefined | string }; tools?: undefined | { type: string; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string }[]; attachments?: undefined | { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\")[] }[]",
+        "optional": false,
+        "scalar": false,
+        "description": "The active conversation's message thread, newest last. Set as a JS property.",
+        "default": "[]",
+        "displayType": "ChatMessage[]"
+      },
+      {
+        "name": "value",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "placeholder",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "'Send a message...'",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "loading",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "suggestions",
+        "type": "undefined | string[]",
+        "optional": true,
+        "scalar": false,
+        "description": "",
+        "displayType": "undefined | string[]"
+      },
+      {
+        "name": "suggestionMode",
+        "type": "undefined | \"submit\" | \"fill\"",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "'submit'",
+        "displayType": "undefined | \"submit\" | \"fill\""
+      },
+      {
+        "name": "proseSize",
+        "type": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\"",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "'sm'",
+        "displayType": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
+      },
+      {
+        "name": "codeTheme",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "'github-dark-dimmed'",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "codeHighlight",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "true",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "chatTitle",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "models",
+        "type": "undefined | { id: string; name: string; provider?: undefined | string }[]",
+        "optional": true,
+        "scalar": false,
+        "description": "",
+        "displayType": "ModelOption[] | undefined"
+      },
+      {
+        "name": "currentModel",
+        "type": "undefined | string",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "displayType": "undefined | string"
+      },
+      {
+        "name": "context",
+        "type": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; estimatedCost?: undefined | number }",
+        "optional": true,
+        "scalar": false,
+        "description": "",
+        "displayType": "ContextData | undefined"
+      },
+      {
+        "name": "scrollButton",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "true",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "search",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "voice",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "slashCommands",
+        "type": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]",
+        "optional": true,
+        "scalar": false,
+        "description": "",
+        "displayType": "SlashCommandItem[] | undefined"
+      },
+      {
+        "name": "slashActiveIds",
+        "type": "undefined | string[]",
+        "optional": true,
+        "scalar": false,
+        "description": "",
+        "displayType": "undefined | string[]"
+      },
+      {
+        "name": "slashCompact",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      },
+      {
+        "name": "sidebarWidth",
+        "type": "undefined | number",
+        "optional": true,
+        "scalar": true,
+        "description": "Sidebar default width as a percent of the workspace (default 22).",
+        "default": "22",
+        "displayType": "undefined | number"
+      },
+      {
+        "name": "sidebarMinWidth",
+        "type": "undefined | number",
+        "optional": true,
+        "scalar": true,
+        "description": "Sidebar min width in px (default 200).",
+        "default": "200",
+        "displayType": "undefined | number"
+      },
+      {
+        "name": "sidebarMaxWidth",
+        "type": "undefined | number",
+        "optional": true,
+        "scalar": true,
+        "description": "Sidebar max width in px (default 420).",
+        "default": "420",
+        "displayType": "undefined | number"
+      },
+      {
+        "name": "sidebarCollapsed",
+        "type": "undefined | false | true",
+        "optional": true,
+        "scalar": true,
+        "description": "Initial collapsed state of the sidebar (default false).",
+        "default": "false",
+        "displayType": "undefined | false | true"
+      }
+    ],
+    "events": [
+      {
+        "name": "conversationselect",
+        "detail": "{ id: string }",
+        "description": "A conversation was selected in the sidebar.",
+        "displayDetail": "{ id: string }"
+      },
+      {
+        "name": "messageaction",
+        "detail": "{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }",
+        "description": "An action button on a message was clicked.",
+        "displayDetail": "{ messageId: string; action: ChatMessageAction }"
+      },
+      {
+        "name": "modelchange",
+        "detail": "{ modelId: string }",
+        "description": "The header model switcher changed.",
+        "displayDetail": "{ modelId: string }"
+      },
+      {
+        "name": "newchat",
+        "detail": "Record<string, never>",
+        "description": "The \"New chat\" button was clicked.",
+        "displayDetail": "Record<string, never>"
+      },
+      {
+        "name": "search",
+        "detail": "Record<string, never>",
+        "description": "The Search button was clicked.",
+        "displayDetail": "Record<string, never>"
+      },
+      {
+        "name": "sidebartoggle",
+        "detail": "{ collapsed: false | true }",
+        "description": "The sidebar was collapsed or expanded.",
+        "displayDetail": "{ collapsed: false | true }"
+      },
+      {
+        "name": "slashselect",
+        "detail": "{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }",
+        "description": "A slash command was chosen from the palette.",
+        "displayDetail": "{ command: SlashCommandItem }"
+      },
+      {
+        "name": "submit",
+        "detail": "{ value: string; attachments: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }",
+        "description": "User submitted a message.",
+        "displayDetail": "{ value: string; attachments: AttachmentData[] }"
+      },
+      {
+        "name": "suggestionclick",
+        "detail": "{ value: string }",
+        "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`).",
+        "displayDetail": "{ value: string }"
+      },
+      {
+        "name": "valuechange",
+        "detail": "{ value: string }",
+        "description": "Fired on every input change.",
+        "displayDetail": "{ value: string }"
+      },
+      {
+        "name": "voice",
+        "detail": "Record<string, never>",
+        "description": "The Mic / voice button was clicked.",
+        "displayDetail": "Record<string, never>"
+      }
+    ],
+    "composedFrom": [
+      {
+        "name": "ChatThread",
+        "group": "Components",
+        "storyId": "components-chatthread--docs"
+      },
+      {
+        "name": "ConversationList",
+        "group": "Components",
+        "storyId": "components-conversationlist--docs"
+      },
+      {
+        "name": "ResizablePanelGroup",
+        "group": "UI",
+        "storyId": "ui-resizablepanelgroup--docs"
+      },
+      {
+        "name": "ResizablePanel",
+        "group": "UI",
+        "storyId": "ui-resizablepanel--docs"
+      },
+      {
+        "name": "ResizableHandle",
+        "group": "UI",
+        "storyId": "ui-resizablehandle--docs"
+      },
+      {
+        "name": "Button",
+        "group": "UI",
+        "storyId": "ui-button--docs"
+      }
+    ],
+    "tokens": []
   }
 ]