@kitnai/chat 0.6.0 → 0.8.0

package/dist/custom-elements.json

@@ -9,8 +9,144 @@
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-attachments",
-          "name": "KitnAttachmentsElement",
+          "tagName": "kc-artifact",
+          "name": "KcArtifactElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "URL the preview iframe frames. Consumer-controlled.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "files",
+              "type": {
+                "text": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]"
+              },
+              "description": "Files for the Code tab tree + each file's preview `url`. Set as a JS property (array).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tab",
+              "type": {
+                "text": "undefined | \"preview\" | \"code\""
+              },
+              "description": "Active tab: `preview` (default) or `code`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "activeFile",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Selected file path — syncs the tree highlight, Code source, and preview.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sandbox",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "iframe `sandbox` override. Secure default `allow-scripts allow-forms` (NOT `allow-same-origin`).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "iframeTitle",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Accessible title for the preview iframe.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "src",
+              "fieldName": "src",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "URL the preview iframe frames. Consumer-controlled."
+            },
+            {
+              "name": "tab",
+              "fieldName": "tab",
+              "type": {
+                "text": "undefined | \"preview\" | \"code\""
+              },
+              "description": "Active tab: `preview` (default) or `code`."
+            },
+            {
+              "name": "active-file",
+              "fieldName": "activeFile",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Selected file path — syncs the tree highlight, Code source, and preview."
+            },
+            {
+              "name": "sandbox",
+              "fieldName": "sandbox",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "iframe `sandbox` override. Secure default `allow-scripts allow-forms` (NOT `allow-same-origin`)."
+            },
+            {
+              "name": "iframe-title",
+              "fieldName": "iframeTitle",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Accessible title for the preview iframe."
+            }
+          ],
+          "events": [
+            {
+              "name": "fileselect",
+              "type": {
+                "text": "CustomEvent<{ path: string }>"
+              },
+              "description": "Fired when a file is selected. `detail.path`."
+            },
+            {
+              "name": "navigate",
+              "type": {
+                "text": "CustomEvent<{ url: string }>"
+              },
+              "description": "Fired when the preview navigates. `detail.url` = the new location."
+            },
+            {
+              "name": "tabchange",
+              "type": {
+                "text": "CustomEvent<{ tab: \"preview\" | \"code\" }>"
+              },
+              "description": "Fired when the Preview|Code tab changes. `detail.tab`."
+            }
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-attachments",
+          "name": "KcAttachmentsElement",
           "description": "",
           "members": [
             {
@@ -125,13 +261,102 @@
               },
               "description": "A remove button was clicked."
             }
-          ]
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-card",
+          "name": "KcCardElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Supporting text under the heading. Attribute: `description`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "errorMessage",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "When set, the card renders its inline error state instead of the body. Attribute: `error-message`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "dense",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Compact spacing for dense lists. Attribute: `dense`.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "heading",
+              "fieldName": "heading",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`."
+            },
+            {
+              "name": "description",
+              "fieldName": "description",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Supporting text under the heading. Attribute: `description`."
+            },
+            {
+              "name": "error-message",
+              "fieldName": "errorMessage",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "When set, the card renders its inline error state instead of the body. Attribute: `error-message`."
+            },
+            {
+              "name": "dense",
+              "fieldName": "dense",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Compact spacing for dense lists. Attribute: `dense`."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-chain-of-thought",
-          "name": "KitnChainOfThoughtElement",
+          "tagName": "kc-chain-of-thought",
+          "name": "KcChainOfThoughtElement",
           "description": "",
           "members": [
             {
@@ -153,13 +378,14 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-chat",
-          "name": "KitnChatElement",
+          "tagName": "kc-chat",
+          "name": "KcChatElement",
           "description": "",
           "members": [
             {
@@ -451,93 +677,103 @@
             {
               "name": "messageaction",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }>"
               },
-              "description": ""
+              "description": "An action button on a message was clicked."
             },
             {
               "name": "modelchange",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ modelId: string }>"
               },
-              "description": ""
+              "description": "The header model switcher changed."
             },
             {
               "name": "search",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<Record<string, never>>"
               },
-              "description": ""
+              "description": "The Search button was clicked."
             },
             {
               "name": "slashselect",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }>"
               },
-              "description": ""
+              "description": "A slash command was chosen from the palette."
             },
             {
               "name": "submit",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ value: string; attachments: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }>"
               },
-              "description": ""
+              "description": "User submitted a message."
             },
             {
               "name": "suggestionclick",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ value: string }>"
               },
-              "description": ""
+              "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`)."
             },
             {
               "name": "valuechange",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ value: string }>"
               },
-              "description": ""
+              "description": "Fired on every input change."
             },
             {
               "name": "voice",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<Record<string, never>>"
               },
-              "description": ""
+              "description": "The Mic / voice button was clicked."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-chat-scope-picker",
-          "name": "KitnChatScopePickerElement",
+          "tagName": "kc-checkpoint",
+          "name": "KcCheckpointElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "availableAuthors",
+              "name": "label",
               "type": {
-                "text": "string[]"
+                "text": "undefined | string"
               },
-              "description": "Authors to offer as scope filters. Set as a JS property.",
+              "description": "Optional text beside the icon.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "availableTags",
+              "name": "tooltip",
               "type": {
-                "text": "string[]"
+                "text": "undefined | string"
               },
-              "description": "Tags to offer as scope filters. Set as a JS property.",
+              "description": "Tooltip on hover.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "currentLabel",
+              "name": "variant",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
               },
-              "description": "The label shown on the trigger for the active scope.",
+              "description": "Visual button style.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+              },
+              "description": "Button size (use an `icon*` size for an icon-only checkpoint).",
               "privacy": "public"
             }
           ],
@@ -550,263 +786,299 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "current-label",
-              "fieldName": "currentLabel",
+              "name": "label",
+              "fieldName": "label",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "The label shown on the trigger for the active scope."
+              "description": "Optional text beside the icon."
+            },
+            {
+              "name": "tooltip",
+              "fieldName": "tooltip",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Tooltip on hover."
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "type": {
+                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+              },
+              "description": "Visual button style."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+              },
+              "description": "Button size (use an `icon*` size for an icon-only checkpoint)."
             }
           ],
           "events": [
             {
-              "name": "scopechange",
+              "name": "select",
               "type": {
-                "text": "CustomEvent<{ filters: undefined | { tags?: undefined | string[]; authors?: undefined | string[]; contentType?: undefined | \"transcript\" | \"markdown\"; dateRange?: undefined | { from: string; to: string } } }>"
+                "text": "CustomEvent"
               },
-              "description": "A scope was chosen (`undefined` filters = \"All Content\")."
+              "description": "The checkpoint was clicked."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-chat-workspace",
-          "name": "KitnChatWorkspaceElement",
+          "tagName": "kc-code-block",
+          "name": "KcCodeBlockElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "groups",
+              "name": "code",
               "type": {
-                "text": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]"
-              },
-              "description": "Pre-bucketed conversation groups for the sidebar. Set as a JS property.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "conversations",
-              "type": {
-                "text": "{ 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 }[]"
+                "text": "string"
               },
-              "description": "Flat conversation list (auto-bucketed if `groups` is empty). Set as a JS property.",
+              "description": "The source code to render.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "activeId",
+              "name": "language",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Id of the open conversation, highlighted in the sidebar.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "messages",
-              "type": {
-                "text": "{ 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\")[] }[]"
-              },
-              "description": "The active conversation's message thread, newest last. Set as a JS property.",
+              "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "codeTheme",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "",
+              "description": "Shiki theme name.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "codeHighlight",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "",
+              "description": "Disable syntax highlighting (renders plain text, no Shiki).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "proseSize",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
               },
-              "description": "",
+              "description": "Code text sizing.",
               "privacy": "public"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "suggestions",
+              "name": "theme",
               "type": {
-                "text": "undefined | string[]"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "kind": "field",
-              "name": "suggestionMode",
+              "name": "code",
+              "fieldName": "code",
               "type": {
-                "text": "undefined | \"submit\" | \"fill\""
+                "text": "string"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "The source code to render."
             },
             {
-              "kind": "field",
-              "name": "proseSize",
+              "name": "language",
+              "fieldName": "language",
               "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
+                "text": "undefined | string"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`."
             },
             {
-              "kind": "field",
-              "name": "codeTheme",
+              "name": "code-theme",
+              "fieldName": "codeTheme",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Shiki theme name."
             },
             {
-              "kind": "field",
-              "name": "codeHighlight",
+              "name": "code-highlight",
+              "fieldName": "codeHighlight",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Disable syntax highlighting (renders plain text, no Shiki)."
             },
             {
-              "kind": "field",
-              "name": "chatTitle",
+              "name": "prose-size",
+              "fieldName": "proseSize",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
               },
-              "description": "",
-              "privacy": "public"
-            },
+              "description": "Code text sizing."
+            }
+          ],
+          "events": [],
+          "cssProperties": [
+            {
+              "name": "--color-code-foreground"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-confirm",
+          "name": "KcConfirmElement",
+          "description": "",
+          "members": [
             {
               "kind": "field",
-              "name": "models",
+              "name": "data",
               "type": {
-                "text": "undefined | { id: string; name: string; provider?: undefined | string }[]"
+                "text": "undefined | Record<string, unknown>"
               },
-              "description": "",
+              "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.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "currentModel",
+              "name": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "",
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "context",
+              "name": "heading",
               "type": {
-                "text": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; estimatedCost?: undefined | number }"
+                "text": "undefined | string"
               },
-              "description": "",
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "scrollButton",
+              "name": "autofocus",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "",
+              "description": "Focus the default action on mount (off by default — no focus-stealing). Attribute: `autofocus`.",
               "privacy": "public"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "search",
+              "name": "theme",
               "type": {
-                "text": "undefined | false | true"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "kind": "field",
-              "name": "voice",
+              "name": "card-id",
+              "fieldName": "cardId",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`."
             },
             {
-              "kind": "field",
-              "name": "slashCommands",
+              "name": "heading",
+              "fieldName": "heading",
               "type": {
-                "text": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]"
+                "text": "undefined | string"
               },
-              "description": "",
-              "privacy": "public"
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`."
             },
             {
-              "kind": "field",
-              "name": "slashActiveIds",
+              "name": "autofocus",
+              "fieldName": "autofocus",
               "type": {
-                "text": "undefined | string[]"
+                "text": "undefined | false | true"
               },
-              "description": "",
-              "privacy": "public"
-            },
+              "description": "Focus the default action on mount (off by default — no focus-stealing). Attribute: `autofocus`."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-context",
+          "name": "KcContextElement",
+          "description": "",
+          "members": [
             {
               "kind": "field",
-              "name": "slashCompact",
+              "name": "context",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; reasoningTokens?: undefined | number; cacheTokens?: undefined | number; estimatedCost?: undefined | number }"
               },
-              "description": "",
+              "description": "Token-usage data. Set as a JS property.",
               "privacy": "public"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "sidebarWidth",
+              "name": "theme",
               "type": {
-                "text": "undefined | number"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": "Sidebar default width as a percent of the workspace (default 22).",
-              "privacy": "public"
-            },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-conversations",
+          "name": "KcConversationsElement",
+          "description": "",
+          "members": [
             {
               "kind": "field",
-              "name": "sidebarMinWidth",
+              "name": "groups",
               "type": {
-                "text": "undefined | number"
+                "text": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]"
               },
-              "description": "Sidebar min width in px (default 200).",
+              "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.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "sidebarMaxWidth",
+              "name": "conversations",
               "type": {
-                "text": "undefined | number"
+                "text": "{ 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 }[]"
               },
-              "description": "Sidebar max width in px (default 420).",
+              "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.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "sidebarCollapsed",
+              "name": "activeId",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": "Initial collapsed state of the sidebar (default false).",
+              "description": "The id of the currently-open conversation, highlighted in the list.",
               "privacy": "public"
             }
           ],
@@ -824,266 +1096,304 @@
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Id of the open conversation, highlighted in the sidebar."
-            },
+              "description": "The id of the currently-open conversation, highlighted in the list."
+            }
+          ],
+          "events": [
             {
-              "name": "value",
-              "fieldName": "value",
+              "name": "newchat",
               "type": {
-                "text": "undefined | string"
+                "text": "CustomEvent<Record<string, never>>"
               },
-              "description": ""
+              "description": "The \"New chat\" button was clicked."
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
+              "name": "select",
               "type": {
-                "text": "undefined | string"
+                "text": "CustomEvent<{ id: string }>"
               },
-              "description": ""
+              "description": "A conversation was selected."
             },
             {
-              "name": "loading",
-              "fieldName": "loading",
+              "name": "togglesidebar",
               "type": {
-                "text": "undefined | false | true"
+                "text": "CustomEvent<Record<string, never>>"
               },
-              "description": ""
-            },
+              "description": "The sidebar toggle was clicked."
+            }
+          ],
+          "cssProperties": [
             {
-              "name": "suggestion-mode",
-              "fieldName": "suggestionMode",
-              "type": {
-                "text": "undefined | \"submit\" | \"fill\""
-              },
-              "description": ""
+              "name": "--color-sidebar"
             },
             {
-              "name": "prose-size",
-              "fieldName": "proseSize",
-              "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
-              },
-              "description": ""
-            },
+              "name": "--color-scrollbar-thumb"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-embed",
+          "name": "KcEmbedElement",
+          "description": "",
+          "members": [
             {
-              "name": "code-theme",
-              "fieldName": "codeTheme",
+              "kind": "field",
+              "name": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": ""
+              "description": "Stable card id correlating every emitted event. Set as an attribute or property.",
+              "privacy": "public"
             },
             {
-              "name": "code-highlight",
-              "fieldName": "codeHighlight",
+              "kind": "field",
+              "name": "data",
               "type": {
-                "text": "undefined | false | true"
+                "text": "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\" }"
               },
-              "description": ""
-            },
+              "description": "The embed payload (provider + id/url + options). Set as a JS **property** (object).",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
             {
-              "name": "chat-title",
-              "fieldName": "chatTitle",
+              "name": "theme",
               "type": {
-                "text": "undefined | string"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": ""
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "current-model",
-              "fieldName": "currentModel",
+              "name": "card-id",
+              "fieldName": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": ""
-            },
+              "description": "Stable card id correlating every emitted event. Set as an attribute or property."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-empty",
+          "name": "KcEmptyElement",
+          "description": "",
+          "members": [
             {
-              "name": "scroll-button",
-              "fieldName": "scrollButton",
+              "kind": "field",
+              "name": "emptyTitle",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": ""
+              "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute).",
+              "privacy": "public"
             },
             {
-              "name": "search",
-              "fieldName": "search",
+              "kind": "field",
+              "name": "description",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": ""
-            },
+              "description": "Description text.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
             {
-              "name": "voice",
-              "fieldName": "voice",
+              "name": "theme",
               "type": {
-                "text": "undefined | false | true"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": ""
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "slash-compact",
-              "fieldName": "slashCompact",
+              "name": "empty-title",
+              "fieldName": "emptyTitle",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": ""
+              "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute)."
             },
             {
-              "name": "sidebar-width",
-              "fieldName": "sidebarWidth",
+              "name": "description",
+              "fieldName": "description",
               "type": {
-                "text": "undefined | number"
+                "text": "undefined | string"
               },
-              "description": "Sidebar default width as a percent of the workspace (default 22)."
-            },
+              "description": "Description text."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-feedback-bar",
+          "name": "KcFeedbackBarElement",
+          "description": "",
+          "members": [
             {
-              "name": "sidebar-min-width",
-              "fieldName": "sidebarMinWidth",
+              "kind": "field",
+              "name": "barTitle",
               "type": {
-                "text": "undefined | number"
+                "text": "undefined | string"
               },
-              "description": "Sidebar min width in px (default 200)."
-            },
+              "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute).",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
             {
-              "name": "sidebar-max-width",
-              "fieldName": "sidebarMaxWidth",
+              "name": "theme",
               "type": {
-                "text": "undefined | number"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": "Sidebar max width in px (default 420)."
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "sidebar-collapsed",
-              "fieldName": "sidebarCollapsed",
+              "name": "bar-title",
+              "fieldName": "barTitle",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": "Initial collapsed state of the sidebar (default false)."
+              "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute)."
             }
           ],
           "events": [
             {
-              "name": "conversationselect",
-              "type": {
-                "text": "CustomEvent<unknown>"
-              },
-              "description": ""
-            },
-            {
-              "name": "messageaction",
-              "type": {
-                "text": "CustomEvent<unknown>"
-              },
-              "description": ""
-            },
-            {
-              "name": "modelchange",
+              "name": "close",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent"
               },
-              "description": ""
+              "description": "The user dismissed the banner."
             },
             {
-              "name": "newchat",
+              "name": "helpful",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent"
               },
-              "description": ""
+              "description": "The user clicked thumbs-up."
             },
             {
-              "name": "search",
+              "name": "nothelpful",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent"
               },
-              "description": ""
-            },
+              "description": "The user clicked thumbs-down."
+            }
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-file-tree",
+          "name": "KcFileTreeElement",
+          "description": "",
+          "members": [
             {
-              "name": "sidebartoggle",
+              "kind": "field",
+              "name": "files",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "{ path: string; url?: undefined | string; code?: undefined | string; language?: undefined | string; type?: undefined | \"html\" | \"pdf\" | \"image\" | \"other\" }[]"
               },
-              "description": ""
+              "description": "The files to render. Set as a JS property (array of `{ path, url?, code?, language?, type? }`).",
+              "privacy": "public"
             },
             {
-              "name": "slashselect",
+              "kind": "field",
+              "name": "activeFile",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "undefined | string"
               },
-              "description": ""
+              "description": "Selected file path — highlighted in the tree.",
+              "privacy": "public"
             },
             {
-              "name": "submit",
+              "kind": "field",
+              "name": "defaultExpanded",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "undefined | string[]"
               },
-              "description": ""
-            },
+              "description": "Folder paths expanded initially. Omit to start with all folders open.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
             {
-              "name": "suggestionclick",
+              "name": "theme",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "'light' | 'dark' | 'auto'"
               },
-              "description": ""
+              "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "valuechange",
+              "name": "active-file",
+              "fieldName": "activeFile",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "undefined | string"
               },
-              "description": ""
-            },
+              "description": "Selected file path — highlighted in the tree."
+            }
+          ],
+          "events": [
             {
-              "name": "voice",
+              "name": "select",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "CustomEvent<{ path: string }>"
               },
-              "description": ""
+              "description": "Fired when a file is selected. `detail.path` = the file's path."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-checkpoint",
-          "name": "KitnCheckpointElement",
+          "tagName": "kc-file-upload",
+          "name": "KcFileUploadElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "multiple",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Optional text beside the icon.",
+              "description": "Allow selecting multiple files (default true).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "tooltip",
+              "name": "accept",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Tooltip on hover.",
+              "description": "`accept` attribute for the file picker (e.g. `image/*`).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+                "text": "undefined | false | true"
               },
-              "description": "Visual button style.",
+              "description": "Disable the dropzone — no clicking, no drag-and-drop.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+                "text": "undefined | string"
               },
-              "description": "Button size (use an `icon*` size for an icon-only checkpoint).",
+              "description": "Default dropzone label (overridable via the default slot).",
               "privacy": "public"
             }
           ],
@@ -1096,98 +1406,81 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "label",
-              "fieldName": "label",
+              "name": "multiple",
+              "fieldName": "multiple",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Optional text beside the icon."
+              "description": "Allow selecting multiple files (default true)."
             },
             {
-              "name": "tooltip",
-              "fieldName": "tooltip",
+              "name": "accept",
+              "fieldName": "accept",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Tooltip on hover."
+              "description": "`accept` attribute for the file picker (e.g. `image/*`)."
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
+              "name": "disabled",
+              "fieldName": "disabled",
               "type": {
-                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+                "text": "undefined | false | true"
               },
-              "description": "Visual button style."
+              "description": "Disable the dropzone — no clicking, no drag-and-drop."
             },
             {
-              "name": "size",
-              "fieldName": "size",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+                "text": "undefined | string"
               },
-              "description": "Button size (use an `icon*` size for an icon-only checkpoint)."
+              "description": "Default dropzone label (overridable via the default slot)."
             }
           ],
           "events": [
             {
-              "name": "select",
+              "name": "filesadded",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<{ files: File[] }>"
               },
-              "description": "The checkpoint was clicked."
+              "description": "Files were picked or dropped."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-code-block",
-          "name": "KitnCodeBlockElement",
+          "tagName": "kc-form",
+          "name": "KcFormElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "code",
+              "name": "data",
               "type": {
-                "text": "string"
+                "text": "undefined | Record<string, unknown>"
               },
-              "description": "The source code to render.",
+              "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).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "language",
+              "name": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`.",
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "codeTheme",
+              "name": "heading",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Shiki theme name.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "codeHighlight",
-              "type": {
-                "text": "undefined | false | true"
-              },
-              "description": "Disable syntax highlighting (renders plain text, no Shiki).",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "proseSize",
-              "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
-              },
-              "description": "Code text sizing.",
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
               "privacy": "public"
             }
           ],
@@ -1200,108 +1493,66 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "code",
-              "fieldName": "code",
-              "type": {
-                "text": "string"
-              },
-              "description": "The source code to render."
-            },
-            {
-              "name": "language",
-              "fieldName": "language",
+              "name": "card-id",
+              "fieldName": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Language grammar (e.g. `js`, `python`). Defaults to `tsx`."
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`."
             },
             {
-              "name": "code-theme",
-              "fieldName": "codeTheme",
+              "name": "heading",
+              "fieldName": "heading",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Shiki theme name."
-            },
-            {
-              "name": "code-highlight",
-              "fieldName": "codeHighlight",
-              "type": {
-                "text": "undefined | false | true"
-              },
-              "description": "Disable syntax highlighting (renders plain text, no Shiki)."
-            },
-            {
-              "name": "prose-size",
-              "fieldName": "proseSize",
-              "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
-              },
-              "description": "Code text sizing."
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-context-meter",
-          "name": "KitnContextMeterElement",
+          "tagName": "kc-image",
+          "name": "KcImageElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "context",
+              "name": "base64",
               "type": {
-                "text": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; reasoningTokens?: undefined | number; cacheTokens?: undefined | number; estimatedCost?: undefined | number }"
+                "text": "undefined | string"
               },
-              "description": "Token-usage data. Set as a JS property.",
+              "description": "Base64-encoded image data (pair with `media-type`).",
               "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | 'auto'"
-              },
-              "description": "Color mode (auto follows prefers-color-scheme)."
-            }
-          ],
-          "events": []
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "kitn-conversation-list",
-          "name": "KitnConversationListElement",
-          "description": "",
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "groups",
+              "name": "bytes",
               "type": {
-                "text": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]"
+                "text": "undefined | Uint8Array<ArrayBufferLike>"
               },
-              "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.",
+              "description": "Raw image bytes (set as a JS property).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "conversations",
+              "name": "alt",
               "type": {
-                "text": "{ 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 }[]"
+                "text": "undefined | string"
               },
-              "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.",
+              "description": "Alt text.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "activeId",
+              "name": "mediaType",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "The id of the currently-open conversation, highlighted in the list.",
+              "description": "MIME type (default `image/png`).",
               "privacy": "public"
             }
           ],
@@ -1314,61 +1565,56 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "active-id",
-              "fieldName": "activeId",
+              "name": "base64",
+              "fieldName": "base64",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "The id of the currently-open conversation, highlighted in the list."
-            }
-          ],
-          "events": [
-            {
-              "name": "newchat",
-              "type": {
-                "text": "CustomEvent<unknown>"
-              },
-              "description": ""
+              "description": "Base64-encoded image data (pair with `media-type`)."
             },
             {
-              "name": "select",
+              "name": "alt",
+              "fieldName": "alt",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "undefined | string"
               },
-              "description": ""
+              "description": "Alt text."
             },
             {
-              "name": "togglesidebar",
+              "name": "media-type",
+              "fieldName": "mediaType",
               "type": {
-                "text": "CustomEvent<unknown>"
+                "text": "undefined | string"
               },
-              "description": ""
+              "description": "MIME type (default `image/png`)."
             }
-          ]
+          ],
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-empty",
-          "name": "KitnEmptyElement",
+          "tagName": "kc-link-card",
+          "name": "KcLinkCardElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "emptyTitle",
+              "name": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute).",
+              "description": "Stable card id correlating every emitted event. Set as an attribute or property.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "data",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | { url: string; title?: undefined | string; description?: undefined | string; image?: undefined | string; imageAlt?: undefined | string; favicon?: undefined | string; domain?: undefined | string; siteName?: undefined | string }"
               },
-              "description": "Description text.",
+              "description": "The link payload (OG metadata). Set as a JS **property** (object).",
               "privacy": "public"
             }
           ],
@@ -1381,38 +1627,49 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "empty-title",
-              "fieldName": "emptyTitle",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Title text. Attribute: `empty-title` (`title` is a global HTML attribute)."
-            },
-            {
-              "name": "description",
-              "fieldName": "description",
+              "name": "card-id",
+              "fieldName": "cardId",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Description text."
+              "description": "Stable card id correlating every emitted event. Set as an attribute or property."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-feedback-bar",
-          "name": "KitnFeedbackBarElement",
+          "tagName": "kc-loader",
+          "name": "KcLoaderElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "barTitle",
+              "name": "variant",
+              "type": {
+                "text": "undefined | \"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\""
+              },
+              "description": "The animation style: `'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots'`. Defaults to `'circular'`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "undefined | \"sm\" | \"lg\" | \"md\""
+              },
+              "description": "Loader size: `'sm' | 'md' | 'lg'`. Defaults to `'md'`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "text",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute).",
+              "description": "Label for the text-based variants.",
               "privacy": "public"
             }
           ],
@@ -1425,79 +1682,74 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "bar-title",
-              "fieldName": "barTitle",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "The banner label (e.g. \"Was this helpful?\"). Attribute: `bar-title` (`title` is avoided — it's a global HTML attribute)."
-            }
-          ],
-          "events": [
-            {
-              "name": "close",
+              "name": "variant",
+              "fieldName": "variant",
               "type": {
-                "text": "CustomEvent"
+                "text": "undefined | \"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\""
               },
-              "description": "The user dismissed the banner."
+              "description": "The animation style: `'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots'`. Defaults to `'circular'`."
             },
             {
-              "name": "helpful",
+              "name": "size",
+              "fieldName": "size",
               "type": {
-                "text": "CustomEvent"
+                "text": "undefined | \"sm\" | \"lg\" | \"md\""
               },
-              "description": "The user clicked thumbs-up."
+              "description": "Loader size: `'sm' | 'md' | 'lg'`. Defaults to `'md'`."
             },
             {
-              "name": "nothelpful",
+              "name": "text",
+              "fieldName": "text",
               "type": {
-                "text": "CustomEvent"
+                "text": "undefined | string"
               },
-              "description": "The user clicked thumbs-down."
+              "description": "Label for the text-based variants."
             }
-          ]
+          ],
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-file-upload",
-          "name": "KitnFileUploadElement",
+          "tagName": "kc-markdown",
+          "name": "KcMarkdownElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "content",
               "type": {
-                "text": "undefined | false | true"
+                "text": "string"
               },
-              "description": "Allow selecting multiple files (default true).",
+              "description": "The markdown source to render.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "accept",
+              "name": "proseSize",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
               },
-              "description": "`accept` attribute for the file picker (e.g. `image/*`).",
+              "description": "Text/markdown sizing.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "codeTheme",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": "Disable the dropzone — no clicking, no drag-and-drop.",
+              "description": "Shiki theme for fenced code blocks.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "codeHighlight",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Default dropzone label (overridable via the default slot).",
+              "description": "Disable syntax highlighting (no Shiki loads).",
               "privacy": "public"
             }
           ],
@@ -1510,289 +1762,46 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "multiple",
-              "fieldName": "multiple",
+              "name": "content",
+              "fieldName": "content",
               "type": {
-                "text": "undefined | false | true"
+                "text": "string"
               },
-              "description": "Allow selecting multiple files (default true)."
+              "description": "The markdown source to render."
             },
             {
-              "name": "accept",
-              "fieldName": "accept",
+              "name": "prose-size",
+              "fieldName": "proseSize",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
               },
-              "description": "`accept` attribute for the file picker (e.g. `image/*`)."
+              "description": "Text/markdown sizing."
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "code-theme",
+              "fieldName": "codeTheme",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "description": "Disable the dropzone — no clicking, no drag-and-drop."
+              "description": "Shiki theme for fenced code blocks."
             },
             {
-              "name": "label",
-              "fieldName": "label",
+              "name": "code-highlight",
+              "fieldName": "codeHighlight",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Default dropzone label (overridable via the default slot)."
+              "description": "Disable syntax highlighting (no Shiki loads)."
             }
           ],
-          "events": [
-            {
-              "name": "filesadded",
-              "type": {
-                "text": "CustomEvent<{ files: File[] }>"
-              },
-              "description": "Files were picked or dropped."
-            }
-          ]
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-image",
-          "name": "KitnImageElement",
-          "description": "",
-          "members": [
-            {
-              "kind": "field",
-              "name": "base64",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Base64-encoded image data (pair with `media-type`).",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "bytes",
-              "type": {
-                "text": "undefined | Uint8Array<ArrayBufferLike>"
-              },
-              "description": "Raw image bytes (set as a JS property).",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "alt",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Alt text.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "mediaType",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "MIME type (default `image/png`).",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | 'auto'"
-              },
-              "description": "Color mode (auto follows prefers-color-scheme)."
-            },
-            {
-              "name": "base64",
-              "fieldName": "base64",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Base64-encoded image data (pair with `media-type`)."
-            },
-            {
-              "name": "alt",
-              "fieldName": "alt",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Alt text."
-            },
-            {
-              "name": "media-type",
-              "fieldName": "mediaType",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "MIME type (default `image/png`)."
-            }
-          ],
-          "events": []
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "kitn-loader",
-          "name": "KitnLoaderElement",
-          "description": "",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "undefined | \"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\""
-              },
-              "description": "The animation style: `'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots'`. Defaults to `'circular'`.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\""
-              },
-              "description": "Loader size: `'sm' | 'md' | 'lg'`. Defaults to `'md'`.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Label for the text-based variants.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | 'auto'"
-              },
-              "description": "Color mode (auto follows prefers-color-scheme)."
-            },
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "type": {
-                "text": "undefined | \"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\""
-              },
-              "description": "The animation style: `'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots'`. Defaults to `'circular'`."
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\""
-              },
-              "description": "Loader size: `'sm' | 'md' | 'lg'`. Defaults to `'md'`."
-            },
-            {
-              "name": "text",
-              "fieldName": "text",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Label for the text-based variants."
-            }
-          ],
-          "events": []
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "kitn-markdown",
-          "name": "KitnMarkdownElement",
-          "description": "",
-          "members": [
-            {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "string"
-              },
-              "description": "The markdown source to render.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "proseSize",
-              "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
-              },
-              "description": "Text/markdown sizing.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "codeTheme",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Shiki theme for fenced code blocks.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "codeHighlight",
-              "type": {
-                "text": "undefined | false | true"
-              },
-              "description": "Disable syntax highlighting (no Shiki loads).",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | 'auto'"
-              },
-              "description": "Color mode (auto follows prefers-color-scheme)."
-            },
-            {
-              "name": "content",
-              "fieldName": "content",
-              "type": {
-                "text": "string"
-              },
-              "description": "The markdown source to render."
-            },
-            {
-              "name": "prose-size",
-              "fieldName": "proseSize",
-              "type": {
-                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
-              },
-              "description": "Text/markdown sizing."
-            },
-            {
-              "name": "code-theme",
-              "fieldName": "codeTheme",
-              "type": {
-                "text": "undefined | string"
-              },
-              "description": "Shiki theme for fenced code blocks."
-            },
-            {
-              "name": "code-highlight",
-              "fieldName": "codeHighlight",
-              "type": {
-                "text": "undefined | false | true"
-              },
-              "description": "Disable syntax highlighting (no Shiki loads)."
-            }
-          ],
-          "events": []
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "kitn-message",
-          "name": "KitnMessageElement",
+          "tagName": "kc-message",
+          "name": "KcMessageElement",
           "description": "",
           "members": [
             {
@@ -1924,41 +1933,14 @@
               },
               "description": "An action button was clicked."
             }
-          ]
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "kitn-message-skills",
-          "name": "KitnMessageSkillsElement",
-          "description": "",
-          "members": [
-            {
-              "kind": "field",
-              "name": "skills",
-              "type": {
-                "text": "{ id: string; name: string }[]"
-              },
-              "description": "The active skills to badge. Set as a JS property.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | 'auto'"
-              },
-              "description": "Color mode (auto follows prefers-color-scheme)."
-            }
           ],
-          "events": []
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-model-switcher",
-          "name": "KitnModelSwitcherElement",
+          "tagName": "kc-model-switcher",
+          "name": "KcModelSwitcherElement",
           "description": "",
           "members": [
             {
@@ -2005,13 +1987,14 @@
               },
               "description": "A model was selected."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-prompt-input",
-          "name": "KitnPromptInputElement",
+          "tagName": "kc-prompt-input",
+          "name": "KcPromptInputElement",
           "description": "",
           "members": [
             {
@@ -2200,7 +2183,7 @@
             {
               "name": "search",
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "CustomEvent<Record<string, never>>"
               },
               "description": "The Search (Globe) toolbar button was clicked."
             },
@@ -2235,62 +2218,63 @@
             {
               "name": "voice",
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "CustomEvent<Record<string, never>>"
               },
               "description": "The Voice (Mic) toolbar button was clicked."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-prompt-suggestions",
-          "name": "KitnPromptSuggestionsElement",
+          "tagName": "kc-reasoning",
+          "name": "KcReasoningElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "suggestions",
+              "name": "text",
               "type": {
-                "text": "(string | { label: string; value?: undefined | string })[]"
+                "text": "string"
               },
-              "description": "The suggestions. Strings, or `{ label, value }` when the displayed text and the emitted value differ. Set as a JS property.",
+              "description": "The reasoning text to display.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "label",
               "type": {
-                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+                "text": "undefined | string"
               },
-              "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled).",
+              "description": "Trigger label.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "open",
               "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+                "text": "undefined | false | 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).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "block",
+              "name": "streaming",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "Full-width left-aligned rows instead of pills.",
+              "description": "While true, auto-expands (and re-collapses when it flips false).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "highlight",
+              "name": "markdown",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Substring to highlight within each suggestion.",
+              "description": "Render `text` as markdown.",
               "privacy": "public"
             }
           ],
@@ -2303,98 +2287,152 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
+              "name": "text",
+              "fieldName": "text",
               "type": {
-                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+                "text": "string"
               },
-              "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled)."
+              "description": "The reasoning text to display."
             },
             {
-              "name": "size",
-              "fieldName": "size",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+                "text": "undefined | string"
               },
-              "description": "Size preset for each chip. Defaults to the pill default (`'lg'`); pass `'sm'` for smaller pills (or `'md'`)."
+              "description": "Trigger label."
             },
             {
-              "name": "block",
-              "fieldName": "block",
+              "name": "open",
+              "fieldName": "open",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "Full-width left-aligned rows instead of pills."
+              "description": "Controlled open state — set as a property (`el.open = true`). Omit for uncontrolled (the trigger toggles it)."
             },
             {
-              "name": "highlight",
-              "fieldName": "highlight",
+              "name": "streaming",
+              "fieldName": "streaming",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | false | true"
               },
-              "description": "Substring to highlight within each suggestion."
+              "description": "While true, auto-expands (and re-collapses when it flips false)."
+            },
+            {
+              "name": "markdown",
+              "fieldName": "markdown",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Render `text` as markdown."
             }
           ],
           "events": [
             {
-              "name": "select",
+              "name": "openchange",
               "type": {
-                "text": "CustomEvent<{ value: string }>"
+                "text": "CustomEvent<{ open: false | true }>"
               },
-              "description": "A suggestion was clicked."
+              "description": "Open state changed (via the trigger or streaming auto-open)."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-reasoning",
-          "name": "KitnReasoningElement",
+          "tagName": "kc-resizable",
+          "name": "KcResizableElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "undefined | \"horizontal\" | \"vertical\""
               },
-              "description": "The reasoning text to display.",
+              "description": "Layout axis: `horizontal` (row, default) or `vertical` (column).",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "type": {
+                "text": "undefined | \"horizontal\" | \"vertical\""
+              },
+              "description": "Layout axis: `horizontal` (row, default) or `vertical` (column)."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent<{ sizes: number[] }>"
+              },
+              "description": "Fired on drag-end / keyboard resize / visibility change. `detail.sizes` = panel sizes in percent."
+            }
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-resizable-item",
+          "name": "KcResizableItemElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Initial main-axis size: `\"280px\"` (fixed) or `\"25%\"`/`25` (percent). Omitted → flexible.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "min",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Trigger label.",
+              "description": "Minimum size during resize (px or %).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "max",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "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 %).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "streaming",
+              "name": "locked",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "While true, auto-expands (and re-collapses when it flips false).",
+              "description": "Fix this panel's size; adjacent dividers become non-draggable.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "markdown",
+              "name": "hidden",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "Render `text` as markdown.",
+              "description": "Hide this panel; its divider is dropped and the rest reflow.",
               "privacy": "public"
             }
           ],
@@ -2407,61 +2445,62 @@
               "description": "Color mode (auto follows prefers-color-scheme)."
             },
             {
-              "name": "text",
-              "fieldName": "text",
+              "name": "size",
+              "fieldName": "size",
               "type": {
-                "text": "string"
+                "text": "undefined | string"
               },
-              "description": "The reasoning text to display."
+              "description": "Initial main-axis size: `\"280px\"` (fixed) or `\"25%\"`/`25` (percent). Omitted → flexible."
             },
             {
-              "name": "label",
-              "fieldName": "label",
+              "name": "min",
+              "fieldName": "min",
               "type": {
                 "text": "undefined | string"
               },
-              "description": "Trigger label."
+              "description": "Minimum size during resize (px or %)."
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "max",
+              "fieldName": "max",
               "type": {
-                "text": "undefined | false | true"
+                "text": "undefined | string"
               },
-              "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 %)."
             },
             {
-              "name": "streaming",
-              "fieldName": "streaming",
+              "name": "locked",
+              "fieldName": "locked",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "While true, auto-expands (and re-collapses when it flips false)."
+              "description": "Fix this panel's size; adjacent dividers become non-draggable."
             },
             {
-              "name": "markdown",
-              "fieldName": "markdown",
+              "name": "hidden",
+              "fieldName": "hidden",
               "type": {
                 "text": "undefined | false | true"
               },
-              "description": "Render `text` as markdown."
+              "description": "Hide this panel; its divider is dropped and the rest reflow."
             }
           ],
           "events": [
             {
-              "name": "openchange",
+              "name": "change",
               "type": {
-                "text": "CustomEvent<{ open: false | true }>"
+                "text": "CustomEvent<unknown>"
               },
-              "description": "Open state changed (via the trigger or streaming auto-open)."
+              "description": ""
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-response-stream",
-          "name": "KitnResponseStreamElement",
+          "tagName": "kc-response-stream",
+          "name": "KcResponseStreamElement",
           "description": "",
           "members": [
             {
@@ -2542,13 +2581,106 @@
               },
               "description": "Streaming finished."
             }
-          ]
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-scope-picker",
+          "name": "KcScopePickerElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "availableAuthors",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Authors to offer as scope filters. Set as a JS property.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "availableTags",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Tags to offer as scope filters. Set as a JS property.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "currentLabel",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "The label shown on the trigger for the active scope.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "current-label",
+              "fieldName": "currentLabel",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "The label shown on the trigger for the active scope."
+            }
+          ],
+          "events": [
+            {
+              "name": "scopechange",
+              "type": {
+                "text": "CustomEvent<{ 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\")."
+            }
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-skills",
+          "name": "KcSkillsElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "skills",
+              "type": {
+                "text": "{ id: string; name: string }[]"
+              },
+              "description": "The active skills to badge. Set as a JS property.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-source",
-          "name": "KitnSourceElement",
+          "tagName": "kc-source",
+          "name": "KcSourceElement",
           "description": "",
           "members": [
             {
@@ -2646,13 +2778,14 @@
               "description": "Show the source's favicon next to the trigger label."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-source-list",
-          "name": "KitnSourceListElement",
+          "tagName": "kc-sources",
+          "name": "KcSourcesElement",
           "description": "",
           "members": [
             {
@@ -2691,47 +2824,216 @@
               "description": "Show favicons on all items (per-item `showFavicon` overrides)."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-text-shimmer",
-          "name": "KitnTextShimmerElement",
+          "tagName": "kc-suggestions",
+          "name": "KcSuggestionsElement",
           "description": "",
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "suggestions",
               "type": {
-                "text": "undefined | string"
+                "text": "(string | { label: string; value?: undefined | string })[]"
               },
-              "description": "The text to shimmer.",
+              "description": "The suggestions. Strings, or `{ label, value }` when the displayed text and the emitted value differ. Set as a JS property.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "as",
+              "name": "variant",
               "type": {
-                "text": "undefined | string"
+                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
               },
-              "description": "Element tag to render as (default `span`).",
+              "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "duration",
+              "name": "size",
               "type": {
-                "text": "undefined | number"
+                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
               },
-              "description": "Animation duration in seconds.",
+              "description": "Size preset for each chip. Defaults to the pill default (`'lg'`); pass `'sm'` for smaller pills (or `'md'`).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "spread",
+              "name": "block",
               "type": {
-                "text": "undefined | number"
+                "text": "undefined | false | true"
+              },
+              "description": "Full-width left-aligned rows instead of pills.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "highlight",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Substring to highlight within each suggestion.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "type": {
+                "text": "undefined | \"ghost\" | \"default\" | \"outline\""
+              },
+              "description": "Chip style: `'outline'` (default), `'ghost'`, or `'default'` (filled)."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "undefined | \"sm\" | \"lg\" | \"md\" | \"icon\" | \"icon-sm\""
+              },
+              "description": "Size preset for each chip. Defaults to the pill default (`'lg'`); pass `'sm'` for smaller pills (or `'md'`)."
+            },
+            {
+              "name": "block",
+              "fieldName": "block",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Full-width left-aligned rows instead of pills."
+            },
+            {
+              "name": "highlight",
+              "fieldName": "highlight",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Substring to highlight within each suggestion."
+            }
+          ],
+          "events": [
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent<{ value: string }>"
+              },
+              "description": "A suggestion was clicked."
+            }
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-task-list",
+          "name": "KcTaskListElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "undefined | Record<string, unknown>"
+              },
+              "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.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "cardId",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "card-id",
+              "fieldName": "cardId",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Stable card id correlating every emitted CardEvent. Attribute: `card-id`."
+            },
+            {
+              "name": "heading",
+              "fieldName": "heading",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Heading rendered in the card chrome (= CardEnvelope.title). Attribute: `heading`."
+            }
+          ],
+          "events": [],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-text-shimmer",
+          "name": "KcTextShimmerElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "The text to shimmer.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "as",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Element tag to render as (default `span`).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Animation duration in seconds.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "spread",
+              "type": {
+                "text": "undefined | number"
               },
               "description": "Gradient spread (5–45).",
               "privacy": "public"
@@ -2778,13 +3080,14 @@
               "description": "Gradient spread (5–45)."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-thinking-bar",
-          "name": "KitnThinkingBarElement",
+          "tagName": "kc-thinking-bar",
+          "name": "KcThinkingBarElement",
           "description": "",
           "members": [
             {
@@ -2856,13 +3159,14 @@
               },
               "description": "The \"stop / answer now\" affordance was clicked."
             }
-          ]
+          ],
+          "cssProperties": []
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-tool",
-          "name": "KitnToolElement",
+          "tagName": "kc-tool",
+          "name": "KcToolElement",
           "description": "",
           "members": [
             {
@@ -2901,13 +3205,27 @@
               "description": "Start expanded."
             }
           ],
-          "events": []
+          "events": [],
+          "cssProperties": [
+            {
+              "name": "--color-tool-blue"
+            },
+            {
+              "name": "--color-tool-amber"
+            },
+            {
+              "name": "--color-tool-green"
+            },
+            {
+              "name": "--color-tool-red"
+            }
+          ]
         },
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "kitn-voice-input",
-          "name": "KitnVoiceInputElement",
+          "tagName": "kc-voice-input",
+          "name": "KcVoiceInputElement",
           "description": "",
           "members": [
             {
@@ -2961,7 +3279,484 @@
               },
               "description": "Transcription completed (the `transcribe` property resolved)."
             }
-          ]
+          ],
+          "cssProperties": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kc-workspace",
+          "name": "KcWorkspaceElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "groups",
+              "type": {
+                "text": "{ id: string; userId?: undefined | string; teamId?: undefined | string; name: string; sortOrder: number; createdAt: string }[]"
+              },
+              "description": "Pre-bucketed conversation groups for the sidebar. Set as a JS property.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "conversations",
+              "type": {
+                "text": "{ 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 }[]"
+              },
+              "description": "Flat conversation list (auto-bucketed if `groups` is empty). Set as a JS property.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "activeId",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Id of the open conversation, highlighted in the sidebar.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{ 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\")[] }[]"
+              },
+              "description": "The active conversation's message thread, newest last. Set as a JS property.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "suggestions",
+              "type": {
+                "text": "undefined | string[]"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "suggestionMode",
+              "type": {
+                "text": "undefined | \"submit\" | \"fill\""
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "proseSize",
+              "type": {
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "codeTheme",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "codeHighlight",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "chatTitle",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "models",
+              "type": {
+                "text": "undefined | { id: string; name: string; provider?: undefined | string }[]"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "currentModel",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "context",
+              "type": {
+                "text": "undefined | { usedTokens: number; maxTokens: number; inputTokens?: undefined | number; outputTokens?: undefined | number; estimatedCost?: undefined | number }"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "scrollButton",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "search",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "voice",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "slashCommands",
+              "type": {
+                "text": "undefined | { id: string; label: string; description?: undefined | string; category?: undefined | string }[]"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "slashActiveIds",
+              "type": {
+                "text": "undefined | string[]"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "slashCompact",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sidebarWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar default width as a percent of the workspace (default 22).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sidebarMinWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar min width in px (default 200).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sidebarMaxWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar max width in px (default 420).",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sidebarCollapsed",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Initial collapsed state of the sidebar (default false).",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "active-id",
+              "fieldName": "activeId",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Id of the open conversation, highlighted in the sidebar."
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": ""
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": ""
+            },
+            {
+              "name": "loading",
+              "fieldName": "loading",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "suggestion-mode",
+              "fieldName": "suggestionMode",
+              "type": {
+                "text": "undefined | \"submit\" | \"fill\""
+              },
+              "description": ""
+            },
+            {
+              "name": "prose-size",
+              "fieldName": "proseSize",
+              "type": {
+                "text": "undefined | \"xs\" | \"sm\" | \"base\" | \"lg\""
+              },
+              "description": ""
+            },
+            {
+              "name": "code-theme",
+              "fieldName": "codeTheme",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": ""
+            },
+            {
+              "name": "code-highlight",
+              "fieldName": "codeHighlight",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "chat-title",
+              "fieldName": "chatTitle",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": ""
+            },
+            {
+              "name": "current-model",
+              "fieldName": "currentModel",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": ""
+            },
+            {
+              "name": "scroll-button",
+              "fieldName": "scrollButton",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "search",
+              "fieldName": "search",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "voice",
+              "fieldName": "voice",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "slash-compact",
+              "fieldName": "slashCompact",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": ""
+            },
+            {
+              "name": "sidebar-width",
+              "fieldName": "sidebarWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar default width as a percent of the workspace (default 22)."
+            },
+            {
+              "name": "sidebar-min-width",
+              "fieldName": "sidebarMinWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar min width in px (default 200)."
+            },
+            {
+              "name": "sidebar-max-width",
+              "fieldName": "sidebarMaxWidth",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Sidebar max width in px (default 420)."
+            },
+            {
+              "name": "sidebar-collapsed",
+              "fieldName": "sidebarCollapsed",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Initial collapsed state of the sidebar (default false)."
+            }
+          ],
+          "events": [
+            {
+              "name": "conversationselect",
+              "type": {
+                "text": "CustomEvent<{ id: string }>"
+              },
+              "description": "A conversation was selected in the sidebar."
+            },
+            {
+              "name": "messageaction",
+              "type": {
+                "text": "CustomEvent<{ messageId: string; action: \"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" }>"
+              },
+              "description": "An action button on a message was clicked."
+            },
+            {
+              "name": "modelchange",
+              "type": {
+                "text": "CustomEvent<{ modelId: string }>"
+              },
+              "description": "The header model switcher changed."
+            },
+            {
+              "name": "newchat",
+              "type": {
+                "text": "CustomEvent<Record<string, never>>"
+              },
+              "description": "The \"New chat\" button was clicked."
+            },
+            {
+              "name": "search",
+              "type": {
+                "text": "CustomEvent<Record<string, never>>"
+              },
+              "description": "The Search button was clicked."
+            },
+            {
+              "name": "sidebartoggle",
+              "type": {
+                "text": "CustomEvent<{ collapsed: false | true }>"
+              },
+              "description": "The sidebar was collapsed or expanded."
+            },
+            {
+              "name": "slashselect",
+              "type": {
+                "text": "CustomEvent<{ command: { id: string; label: string; description?: undefined | string; category?: undefined | string } }>"
+              },
+              "description": "A slash command was chosen from the palette."
+            },
+            {
+              "name": "submit",
+              "type": {
+                "text": "CustomEvent<{ 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": "suggestionclick",
+              "type": {
+                "text": "CustomEvent<{ value: string }>"
+              },
+              "description": "A suggestion chip was clicked (only in `suggestion-mode=\"fill\"`)."
+            },
+            {
+              "name": "valuechange",
+              "type": {
+                "text": "CustomEvent<{ value: string }>"
+              },
+              "description": "Fired on every input change."
+            },
+            {
+              "name": "voice",
+              "type": {
+                "text": "CustomEvent<Record<string, never>>"
+              },
+              "description": "The Mic / voice button was clicked."
+            }
+          ],
+          "cssProperties": []
         }
       ]
     }