@kitn.ai/ui 0.27.0 → 0.28.0

package/dist/construct-cli.es.js

@@ -57,6 +57,21 @@ const ConstructSchema = z.object({
   theme: z.object({
     /** Any CSS color; becomes --kai-color-primary on the host. */
     accent: z.string().optional(),
+    /** Any CSS color; becomes --kai-color-unread on the host (owner
+     *  ruling, 2026-08-26 — the unread-indicator round). Same treatment
+     *  as `accent` in every way that matters for safety: construct-
+     *  authored/untrusted text, carried to the emitted facade via
+     *  `ctx.element.style.setProperty('--kai-color-unread',
+     *  JSON.stringify(...))` — never string-interpolated into CSS
+     *  text — so it can never break out into a new declaration or rule
+     *  (see emitElement's doc on why `accent` uses setProperty at all).
+     *  Unlike `accent`, this has no paired -foreground to compute: the
+     *  three surfaces that read --color-unread (the conversation-list
+     *  row dot, the header toggle's badge, Dock's own closed-launcher
+     *  badge) are all small filled dots with no text sitting ON them, so
+     *  there is nothing to contrast-pair — the value is set and used
+     *  as-is. */
+    unreadColor: z.string().optional(),
     mode: z.enum(["light", "dark", "system"]).default("system")
   }).strict().optional(),
   /** Construct-wide header chrome, valid on every layout (not layout-scoped
@@ -90,6 +105,30 @@ const ConstructSchema = z.object({
     description: z.string().min(1).optional(),
     icon: z.string().min(1).optional()
   }).strict().optional(),
+  /** Home screen (spec 2026-08-27, H-1..H-5): Intercom-style landing view behind
+   *  a Home/Messages tab bar. PRESENCE of `home` enables the tab chrome (H-4) —
+   *  no `enabled` boolean, like `header`/`empty`. Every sub-key optional;
+   *  `home: {}` still means "tabs on, defaults". Never requires another
+   *  capability (H-3): the recent card simply renders nothing without
+   *  `capabilities.conversations` (the CLI warns — see cli.ts). All strings are
+   *  construct-authored/untrusted: JSON.stringify'd at every emit site; hrefs
+   *  and URL-shaped icons through isSafeUrl in superRefine below. */
+  home: z.object({
+    greeting: z.object({ title: z.string().min(1).optional(), subtitle: z.string().min(1).optional() }).strict().optional(),
+    recentConversation: z.literal(true).optional(),
+    newConversation: z.object({ label: z.string().min(1).optional() }).strict().optional(),
+    links: z.array(
+      z.object({
+        label: z.string().min(1),
+        href: z.string().min(1).optional(),
+        description: z.string().min(1).optional(),
+        /** renderIcon name (e.g. 'book-open') or a safe URL — the icon NAME
+         *  list is renderIcon's own vocabulary, never restated here; unknown
+         *  names warn loudly at DEV runtime. */
+        icon: z.string().min(1).optional()
+      }).strict()
+    ).optional()
+  }).strict().optional(),
   // Capability vocabulary, widened one field at a time by later tasks.
   capabilities: z.object({
     /** Starter prompts shown on the empty thread; clicking one sends it.
@@ -143,7 +182,18 @@ const ConstructSchema = z.object({
      *  Meaningless when `reasoning` is `'compact'` (no expandable
      *  content exists) or `'off'` (nothing renders); rejected on both,
      *  loudly, below. */
-    reasoningOpen: z.boolean().optional()
+    reasoningOpen: z.boolean().optional(),
+    /** Turns on the prior-conversations list (C-1..C-9 of the
+     *  conversations design). `true` only — there is no `false` form,
+     *  matching this schema's other presence-only capability flags.
+     *  Requires `capabilities.history.persistence` to be `local` or
+     *  `endpoint` (superRefine below, loud): a conversation list with
+     *  nowhere to persist conversations is not a coherent construct.
+     *  WHAT persists (this field, plus history) stays construct
+     *  vocabulary; HOW it persists (the ConversationStore adapter,
+     *  localStorage vs. a fetch endpoint) is codegen's call, never
+     *  vocabulary here (C-3 — no transport-layer vocabulary). */
+    conversations: z.literal(true).optional()
   }).strict().optional(),
   /** Named generative-UI card definitions the model can emit as tool calls,
    *  rendered in the thread. Top-level (not a capability): a card is
@@ -253,6 +303,30 @@ const ConstructSchema = z.object({
     });
   }
   const history = construct.capabilities?.history;
+  if (construct.capabilities?.conversations && (!history || history.persistence === "none")) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ["capabilities", "conversations"],
+      message: '"conversations" requires capabilities.history.persistence to be "local" or "endpoint" — a conversation list needs somewhere to persist conversations'
+    });
+  }
+  const URL_SHAPED = /^[a-zA-Z][a-zA-Z0-9+.-]*:|^\/\//;
+  for (const [i, link] of (construct.home?.links ?? []).entries()) {
+    if (link.href && !isSafeUrl(link.href)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["home", "links", i, "href"],
+        message: "href must be an http(s)/mailto or relative URL — no javascript:/data: schemes"
+      });
+    }
+    if (link.icon && URL_SHAPED.test(link.icon) && !isSafeUrl(link.icon)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["home", "links", i, "icon"],
+        message: "icon must be a kit icon name or an http(s)/relative URL — no javascript:/data: schemes"
+      });
+    }
+  }
   if (!history) return;
   if (history.persistence === "endpoint" && !history.url) {
     ctx.addIssue({
@@ -564,11 +638,26 @@ function emitIndexHtml(c) {
 }
 function emitElement(c) {
   const accent = c.theme?.accent;
-  if (!accent) {
+  const unreadColor = c.theme?.unreadColor;
+  if (!accent && !unreadColor) {
     const facade2 = "() => <App />";
     return `import { defineWebComponent } from '@kitn.ai/ui/define';
 import { App } from './App';
 
+// The one facade. Interior stays pure Solid (no nested element registrations);
+// the kit CSS is injected into the shadow root by defineWebComponent itself.
+defineWebComponent('${c.name}', { theme: '${themeMode(c)}' as 'light' | 'dark' | 'auto' }, ${facade2});
+`;
+  }
+  const unreadColorSetProperty = unreadColor ? `
+  ctx.element.style.setProperty('--kai-color-unread', ${JSON.stringify(unreadColor)});` : "";
+  if (!accent) {
+    const facade2 = `(_props, ctx) => {${unreadColorSetProperty}
+  return <App />;
+}`;
+    return `import { defineWebComponent } from '@kitn.ai/ui/define';
+import { App } from './App';
+
 // The one facade. Interior stays pure Solid (no nested element registrations);
 // the kit CSS is injected into the shadow root by defineWebComponent itself.
 defineWebComponent('${c.name}', { theme: '${themeMode(c)}' as 'light' | 'dark' | 'auto' }, ${facade2});
@@ -589,7 +678,7 @@ defineWebComponent('${c.name}', { theme: '${themeMode(c)}' as 'light' | 'dark' |
   :host { --kai-color-primary-foreground: contrast-color(var(--kai-color-primary)); }
 }`;
   const facade = `(_props, ctx) => {
-  ctx.element.style.setProperty('--kai-color-primary', ${JSON.stringify(accent)});
+  ctx.element.style.setProperty('--kai-color-primary', ${JSON.stringify(accent)});${unreadColorSetProperty}
   return (
     <>
       <style>{${JSON.stringify(styleText)}}</style>
@@ -607,10 +696,11 @@ defineWebComponent('${c.name}', { theme: '${themeMode(c)}' as 'light' | 'dark' |
 }
 function emitApp(c) {
   if (c.layout === "custom") return emitCustomApp(c);
-  return `${emitSolidJsImport(c)}import { ChatThread, createKaiChat${emitLayoutImport(c)}${emitCardComponentImport(c)}${emitEmptyComponentImport(c)}${emitHeaderCloseImport(c)} } from '@kitn.ai/ui/solid';
-import type { AttachmentData${emitHistoryTypeImport(c)} } from '@kitn.ai/ui/solid';
+  return `${emitSolidJsImport(c)}${emitConversationsSignalsImport(c)}import { ChatThread, createKaiChat${emitLayoutImport(c)}${emitCardComponentImport(c)}${emitEmptyComponentImport(c)}${emitHeaderCloseImport(c)} } from '@kitn.ai/ui/solid';
+import type { AttachmentData${emitHistoryTypeImport(c)}${emitConversationsResetTypeImport(c)} } from '@kitn.ai/ui/solid';
 ${emitProviderImports(c)}
 ${emitCardsImport(c)}
+${emitConversationsImport(c)}
 
 ${emitProviderSetup(c)}
 ${emitHistorySetup(c)}
@@ -679,9 +769,26 @@ ${emitHistorySetup(c)}
 //     emitDockCloseVar/emitHeaderEndContentProp's docs. No header means no
 //     row for it to sit in, so that case is untouched and Dock's own built-in
 //     mobile X keeps covering it.
+//   - conversations (Task 5): gated via ChatThread's own \`conversations\`/
+//     \`store\` props (kit-owned end to end — the prior-conversations list,
+//     list/load/save, autosave on every \`chat.messages()\` change). Requires
+//     capabilities.history persistence \`local\` or \`endpoint\` (schema
+//     superRefine, C-4) and SUBSUMES this file's hand-rolled history effect
+//     when on — see emitHistorySetup's own doc for the persistence-ownership
+//     decision: the store prop is the ONLY persistence mechanism emitted,
+//     never both. ChatThread never mutates \`messages\` itself, so
+//     \`onConversationLoad\` is ALSO wired here (\`chat.setMessages(() =>
+//     messages)\`) — without it, select/new/mount-restore all update
+//     ChatThread's own internal view/list state while the rendered thread
+//     never changes (see emitConversationsProps's own doc for the Task 6
+//     live-browser bug this fixes).
+//   - conversations + widget (owner follow-up): closing the widget while its
+//     list view is open must not leave it there for the next open — see
+//     widgetHasConversationsChrome/emitDockOnOpenChangeProp's docs. Wired only
+//     for \`widget\`, the one layout with something that closes/reopens at all.
 export function App() {
-${emitDockCloseVar(c, "  ")}  return (
-${emitLayoutOpen(c)}${emitSlots(c.slots, "      ")}      <ChatThread messages={chat.messages()} loading={chat.loading()} placeholder="Ask anything" onSubmit={submit} webSearch={false} voice={false}${emitHeaderProp(c)}${emitHeaderEndContentProp(c)}${emitAttachProps(c)}${emitStartersProp(c)}${emitReasoningProp(c)}${emitReasoningOpenProp(c)}${emitEmptyContentProp(c)}${emitCardTypesProp(c)} />
+${emitDockCloseVar(c, "  ")}${emitChatControllerVar(c, "  ")}${emitConversationsSignalsVar(c, "  ")}  return (
+${emitLayoutOpen(c)}${emitSlots(c.slots, "      ")}      <ChatThread messages={chat.messages()} loading={chat.loading()} placeholder="Ask anything" onSubmit={submit} webSearch={false} voice={false}${emitHeaderProp(c)}${emitHeaderEndContentProp(c)}${emitAttachProps(c)}${emitStartersProp(c)}${emitReasoningProp(c)}${emitReasoningOpenProp(c)}${emitEmptyContentProp(c)}${emitCardTypesProp(c)}${emitHomeProp(c)}${emitConversationsProps(c)}${emitChatControllerRefProp(c)}${emitChatThreadUnreadProps(c)} />
 ${emitLayoutClose(c)}  );
 }
 `;
@@ -703,8 +810,8 @@ ${emitHistorySetup(c)}
 // layout: custom — minimal chrome, no ChatThread/Dock/PaneGroup. The bare
 // spine (Thread + PromptInput) plus the declared slots, positioned by hand so
 // YOU own the surrounding DOM. Capabilities beyond the spine (starters,
-// attachments, reasoning display-mode, reasoningOpen, header.title, empty)
-// are NOT wired here in v1 — this file is the eject artifact; add them the
+// attachments, reasoning display-mode, reasoningOpen, header.title, empty,
+// conversations) are NOT wired here in v1 — this file is the eject artifact; add them the
 // way ChatThread composes them (components/chat-thread.tsx in the kit's own
 // source) if this construct needs them on a custom layout.
 export function App() {
@@ -757,6 +864,40 @@ function emitEmptyComponentImport(c) {
 function widgetHasHeaderClose(c) {
   return c.layout === "widget" && !!c.header?.title;
 }
+function widgetHasConversationsChrome(c) {
+  return c.layout === "widget" && (!!c.capabilities?.conversations || !!c.home);
+}
+function emitChatControllerVar(c, indent) {
+  return widgetHasConversationsChrome(c) ? `${indent}let chatController: ChatThreadController | undefined;
+` : "";
+}
+function emitChatControllerRefProp(c) {
+  return widgetHasConversationsChrome(c) ? " controllerRef={(api) => (chatController = api)}" : "";
+}
+function emitDockOnOpenChangeProp(c) {
+  return widgetHasConversationsChrome(c) ? " onOpenChange={(open) => { setDockOpen(open); if (!open) chatController?.closeConversationsList(); }}" : "";
+}
+function emitConversationsResetTypeImport(c) {
+  return widgetHasConversationsChrome(c) ? ", ChatThreadController" : "";
+}
+function emitConversationsSignalsImport(c) {
+  return widgetHasConversationsChrome(c) ? `import { createSignal } from 'solid-js';
+` : "";
+}
+function emitConversationsSignalsVar(c, indent) {
+  if (!widgetHasConversationsChrome(c)) return "";
+  const w = c.layout === "widget" ? c.widget : void 0;
+  const defaultOpen = w?.defaultOpen === true ? "true" : "false";
+  return `${indent}const [dockOpen, setDockOpen] = createSignal(${defaultOpen});
+${indent}const [anyUnread, setAnyUnread] = createSignal(false);
+`;
+}
+function emitChatThreadUnreadProps(c) {
+  return widgetHasConversationsChrome(c) ? " hostOpen={dockOpen()} onUnreadChange={setAnyUnread}" : "";
+}
+function emitDockUnreadProp(c) {
+  return widgetHasConversationsChrome(c) ? " unread={anyUnread()}" : "";
+}
 function emitDockCloseVar(c, indent) {
   return widgetHasHeaderClose(c) ? `${indent}let dockClose: (() => void) | undefined;
 ` : "";
@@ -792,15 +933,30 @@ function emitReasoningProp(c) {
 function emitReasoningOpenProp(c) {
   return c.capabilities?.reasoningOpen === true ? " reasoningOpen={true}" : "";
 }
+function emitHomeProp(c) {
+  if (!c.home) return "";
+  return ` home={${JSON.stringify(c.home)}}`;
+}
+function emitConversationsProps(c) {
+  if (!c.capabilities?.conversations) return "";
+  const history = c.capabilities.history;
+  const storeCall = history?.persistence === "endpoint" ? `fetchStore(${JSON.stringify(history.url)}${c.userId ? `, ${JSON.stringify(c.userId)}` : ""})` : `localStorageStore('${c.name}'${c.userId ? `, ${JSON.stringify(c.userId)}` : ""})`;
+  return ` conversations={true} store={${storeCall}} onConversationLoad={(messages) => chat.setMessages(() => messages)}`;
+}
+function emitConversationsImport(c) {
+  if (!c.capabilities?.conversations) return "";
+  const name = c.capabilities.history?.persistence === "endpoint" ? "fetchStore" : "localStorageStore";
+  return `import { ${name} } from '@kitn.ai/ui/solid';`;
+}
 function emitSolidJsImport(c) {
   const history = c.capabilities?.history;
-  if (!history || history.persistence === "none") return "";
+  if (!history || history.persistence === "none" || c.layout !== "custom" && c.capabilities?.conversations) return "";
   return `import { createEffect } from 'solid-js';
 `;
 }
 function emitHistoryTypeImport(c) {
   const history = c.capabilities?.history;
-  if (!history || history.persistence === "none") return "";
+  if (!history || history.persistence === "none" || c.layout !== "custom" && c.capabilities?.conversations) return "";
   return ", ChatMessage";
 }
 function emitUserIdHeaderEntry(c) {
@@ -809,6 +965,7 @@ function emitUserIdHeaderEntry(c) {
 function emitHistorySetup(c) {
   const history = c.capabilities?.history;
   if (!history || history.persistence === "none") return "";
+  if (c.layout !== "custom" && c.capabilities?.conversations) return "";
   if (history.persistence === "local") {
     const key = JSON.stringify(c.userId ? `kai:${c.name}:${c.userId}:thread` : `kai:${c.name}:thread`);
     return `
@@ -947,7 +1104,7 @@ async function submit(detail: { value: string; attachments: AttachmentData[] })
 function emitLayoutImport(c) {
   switch (c.layout) {
     case "widget":
-      return ", Dock";
+      return `, Dock${hasLauncherIcon(c) ? ", DockLauncherImage" : ""}`;
     case "split":
       return ", WorkspaceShell";
     case "fullscreen":
@@ -966,10 +1123,13 @@ function emitDockPosition(c) {
   const w = c.layout === "widget" ? c.widget : void 0;
   return w?.position ? ` position="${w.position}"` : "";
 }
+function hasLauncherIcon(c) {
+  return c.layout === "widget" && !!c.widget?.launcherIcon;
+}
 function emitDockLauncher(c) {
   const w = c.layout === "widget" ? c.widget : void 0;
   if (!w?.launcherIcon) return "";
-  return ` launcher={<img src={${JSON.stringify(w.launcherIcon)}} alt="" style={{ width: '24px', height: '24px', 'border-radius': '9999px' }} />}`;
+  return ` launcher={<DockLauncherImage src={${JSON.stringify(w.launcherIcon)}} />}`;
 }
 function emitDockDefaultOpen(c) {
   const w = c.layout === "widget" ? c.widget : void 0;
@@ -978,7 +1138,7 @@ function emitDockDefaultOpen(c) {
 function emitLayoutOpen(c) {
   switch (c.layout) {
     case "widget":
-      return `    <Dock label="${c.name}"${emitDockPosition(c)}${emitDockLauncher(c)}${emitDockDefaultOpen(c)}${emitDockHideClose(c)}${emitDockControllerRef(c)}>
+      return `    <Dock label="${c.name}"${emitDockPosition(c)}${emitDockLauncher(c)}${emitDockDefaultOpen(c)}${emitDockHideClose(c)}${emitDockControllerRef(c)}${emitDockOnOpenChangeProp(c)}${emitDockUnreadProp(c)}>
 `;
     case "fullscreen":
       return `    <div style={{ height: '100dvh', display: 'flex', 'flex-direction': 'column' }}>
@@ -1058,6 +1218,12 @@ const USAGE = `usage: kai <command>
   kai dev <construct.json>               live preview with reload-on-edit (Task 5)
   kai compile <construct.json> [outDir]  one self-registering .js (Task 6)
 `;
+function homeRecentConversationWarning(construct) {
+  if (construct.home?.recentConversation && !construct.capabilities?.conversations) {
+    return "warning: home.recentConversation is set but capabilities.conversations is not — the recent-conversation card will render nothing without it.";
+  }
+  return null;
+}
 function loadConstruct(path, io) {
   const abs = resolve(path);
   let raw;
@@ -1095,6 +1261,8 @@ async function runCli(argv, io = defaultIo) {
       const construct = loadConstruct(rest[0] ?? "", io);
       if (!construct) return 1;
       io.log(`valid construct: <${construct.name}> (layout: ${construct.layout}, provider: ${construct.provider.mode})`);
+      const warning = homeRecentConversationWarning(construct);
+      if (warning) io.log(warning);
       return 0;
     }
     case "eject": {

package/dist/{context-BY8V-Nlp.js → context-0kg4ZX1J.js}

@@ -1 +1 @@
-import{k as o,c as n,S as a,i as s,a as d,b as f,B,G as N,t as u,d as j,m as P}from"./define-CGGX-7Vg.js";import{H as M,a as $,b as E}from"./hover-card-DaeiYrTA.js";import{c as h}from"./cn-DN5AWfiS.js";import{B as G}from"./button-BH6rN0U-.js";import{P as H}from"./progress-bar-BvYX0aoy.js";var O=u('<svg aria-label="Model context usage"height=20 role=img viewBox="0 0 24 24"width=20 style=color:currentcolor><circle cx=12 cy=12 fill=none opacity=0.25 r=10 stroke=currentColor stroke-width=2></circle><circle cx=12 cy=12 fill=none opacity=0.7 r=10 stroke=currentColor stroke-linecap=round stroke-width=2 style=transform:rotate(-90deg);transform-origin:center>'),R=u('<span class="font-medium text-muted-foreground">'),q=u('<div class="flex items-center justify-between gap-3 text-xs"><p></p><p class="font-mono text-muted-foreground"> / '),z=u("<div class=space-y-2>"),T=u("<div>"),A=u("<span class=text-muted-foreground>Total cost"),S=u("<span>"),J=u("<div><span class=text-muted-foreground>Input"),K=u("<div><span class=text-muted-foreground>Output"),L=u("<div><span class=text-muted-foreground>Reasoning"),Q=u("<div><span class=text-muted-foreground>Cache");const V=10,v=.7,b=.9;function W(e,t=v,r=b){return e>r?"danger":e>t?"warn":"ok"}const I=B();function g(){const e=N(I);if(!e)throw new Error("Context components must be used within Context");return e}const y=new Intl.NumberFormat("en-US",{notation:"compact"}),D=new Intl.NumberFormat("en-US",{maximumFractionDigits:1,style:"percent"}),_=new Intl.NumberFormat("en-US",{currency:"USD",style:"currency"});function X(e){const t=o(()=>({usedTokens:e.usedTokens,maxTokens:e.maxTokens,inputTokens:e.inputTokens,outputTokens:e.outputTokens,reasoningTokens:e.reasoningTokens,cacheTokens:e.cacheTokens,estimatedCost:e.estimatedCost,warnThreshold:e.warnThreshold??v,dangerThreshold:e.dangerThreshold??b}));return n(I.Provider,{get value(){return t()},get children(){return n(M,{openDelay:0,get children(){return e.children}})}})}function Y(){const e=g(),t=2*Math.PI*V,r=o(()=>e.usedTokens/e.maxTokens),c=o(()=>t*(1-r()));return(()=>{var i=O(),p=i.firstChild,k=p.nextSibling;return j(k,"stroke-dasharray",`${t} ${t}`),d(()=>j(k,"stroke-dashoffset",c())),i})()}function Z(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r()));return n($,{get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return n(G,{type:"button",variant:"ghost",get class(){return e.class},get children(){return[(()=>{var i=R();return s(i,c),i})(),n(Y,{})]}})}})}})}function ee(e){return n(E,{get class(){return h("min-w-60 divide-y divide-border overflow-hidden",e.class)},get children(){return e.children}})}function te(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r())),i=o(()=>y.format(t.usedTokens)),p=o(()=>y.format(t.maxTokens)),k=o(()=>{const l=r();return l>t.dangerThreshold?"danger":l>t.warnThreshold?"warn":"ok"}),F=o(()=>{const l=k();return l==="danger"?"error":l==="warn"?"warning":"primary"});return(()=>{var l=T();return s(l,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[(()=>{var m=q(),C=m.firstChild,w=C.nextSibling,U=w.firstChild;return s(C,c),s(w,i,U),s(w,p,null),m})(),(()=>{var m=z();return s(m,n(H,{get value(){return t.usedTokens},get max(){return t.maxTokens},get tone(){return F()},"aria-label":"Context usage"})),m})()]}})),d(()=>f(l,h("w-full space-y-2 p-3",e.class))),l})()}function re(e){return(()=>{var t=T();return s(t,()=>e.children),d(()=>f(t,h("w-full p-3",e.class))),t})()}function ne(e){const t=g(),r=o(()=>_.format(t.estimatedCost??0));return(()=>{var c=T();return s(c,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[A(),(()=>{var i=S();return s(i,r),i})()]}})),d(()=>f(c,h("flex w-full items-center justify-between gap-3 bg-muted p-3 text-xs",e.class))),c})()}function x(e){return(()=>{var t=S();return s(t,(()=>{var r=P(()=>e.tokens===void 0);return()=>r()?"\u2014":y.format(e.tokens)})()),t})()}function se(e){const t=g();return n(a,{get when(){return e.children||t.inputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=J();return r.firstChild,s(r,n(x,{get tokens(){return t.inputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function oe(e){const t=g();return n(a,{get when(){return e.children||t.outputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=K();return r.firstChild,s(r,n(x,{get tokens(){return t.outputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ae(e){const t=g();return n(a,{get when(){return e.children||t.reasoningTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=L();return r.firstChild,s(r,n(x,{get tokens(){return t.reasoningTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ue(e){const t=g();return n(a,{get when(){return e.children||t.cacheTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=Q();return r.firstChild,s(r,n(x,{get tokens(){return t.cacheTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}export{X as C,v as D,Z as a,ee as b,te as c,re as d,se as e,oe as f,ne as g,W as h,ae as i,ue as j,b as k};
+import{k as o,c as n,S as a,i as s,a as d,b as f,G as N,H as P,t as u,d as j,m as B}from"./define-By-uL588.js";import{H,a as M,b as $}from"./hover-card-BQbul9eq.js";import{c as h}from"./cn-DN5AWfiS.js";import{B as E}from"./button-DkuOnGLy.js";import{P as G}from"./progress-bar-jVAHvMUf.js";var O=u('<svg aria-label="Model context usage"height=20 role=img viewBox="0 0 24 24"width=20 style=color:currentcolor><circle cx=12 cy=12 fill=none opacity=0.25 r=10 stroke=currentColor stroke-width=2></circle><circle cx=12 cy=12 fill=none opacity=0.7 r=10 stroke=currentColor stroke-linecap=round stroke-width=2 style=transform:rotate(-90deg);transform-origin:center>'),R=u('<span class="font-medium text-muted-foreground">'),q=u('<div class="flex items-center justify-between gap-3 text-xs"><p></p><p class="font-mono text-muted-foreground"> / '),z=u("<div class=space-y-2>"),T=u("<div>"),A=u("<span class=text-muted-foreground>Total cost"),S=u("<span>"),J=u("<div><span class=text-muted-foreground>Input"),K=u("<div><span class=text-muted-foreground>Output"),L=u("<div><span class=text-muted-foreground>Reasoning"),Q=u("<div><span class=text-muted-foreground>Cache");const V=10,v=.7,b=.9;function W(e,t=v,r=b){return e>r?"danger":e>t?"warn":"ok"}const I=N();function g(){const e=P(I);if(!e)throw new Error("Context components must be used within Context");return e}const y=new Intl.NumberFormat("en-US",{notation:"compact"}),D=new Intl.NumberFormat("en-US",{maximumFractionDigits:1,style:"percent"}),_=new Intl.NumberFormat("en-US",{currency:"USD",style:"currency"});function X(e){const t=o(()=>({usedTokens:e.usedTokens,maxTokens:e.maxTokens,inputTokens:e.inputTokens,outputTokens:e.outputTokens,reasoningTokens:e.reasoningTokens,cacheTokens:e.cacheTokens,estimatedCost:e.estimatedCost,warnThreshold:e.warnThreshold??v,dangerThreshold:e.dangerThreshold??b}));return n(I.Provider,{get value(){return t()},get children(){return n(H,{openDelay:0,get children(){return e.children}})}})}function Y(){const e=g(),t=2*Math.PI*V,r=o(()=>e.usedTokens/e.maxTokens),c=o(()=>t*(1-r()));return(()=>{var i=O(),p=i.firstChild,k=p.nextSibling;return j(k,"stroke-dasharray",`${t} ${t}`),d(()=>j(k,"stroke-dashoffset",c())),i})()}function Z(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r()));return n(M,{get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return n(E,{type:"button",variant:"ghost",get class(){return e.class},get children(){return[(()=>{var i=R();return s(i,c),i})(),n(Y,{})]}})}})}})}function ee(e){return n($,{get class(){return h("min-w-60 divide-y divide-border overflow-hidden",e.class)},get children(){return e.children}})}function te(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r())),i=o(()=>y.format(t.usedTokens)),p=o(()=>y.format(t.maxTokens)),k=o(()=>{const l=r();return l>t.dangerThreshold?"danger":l>t.warnThreshold?"warn":"ok"}),F=o(()=>{const l=k();return l==="danger"?"error":l==="warn"?"warning":"primary"});return(()=>{var l=T();return s(l,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[(()=>{var m=q(),C=m.firstChild,w=C.nextSibling,U=w.firstChild;return s(C,c),s(w,i,U),s(w,p,null),m})(),(()=>{var m=z();return s(m,n(G,{get value(){return t.usedTokens},get max(){return t.maxTokens},get tone(){return F()},"aria-label":"Context usage"})),m})()]}})),d(()=>f(l,h("w-full space-y-2 p-3",e.class))),l})()}function re(e){return(()=>{var t=T();return s(t,()=>e.children),d(()=>f(t,h("w-full p-3",e.class))),t})()}function ne(e){const t=g(),r=o(()=>_.format(t.estimatedCost??0));return(()=>{var c=T();return s(c,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[A(),(()=>{var i=S();return s(i,r),i})()]}})),d(()=>f(c,h("flex w-full items-center justify-between gap-3 bg-muted p-3 text-xs",e.class))),c})()}function x(e){return(()=>{var t=S();return s(t,(()=>{var r=B(()=>e.tokens===void 0);return()=>r()?"\u2014":y.format(e.tokens)})()),t})()}function se(e){const t=g();return n(a,{get when(){return e.children||t.inputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=J();return r.firstChild,s(r,n(x,{get tokens(){return t.inputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function oe(e){const t=g();return n(a,{get when(){return e.children||t.outputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=K();return r.firstChild,s(r,n(x,{get tokens(){return t.outputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ae(e){const t=g();return n(a,{get when(){return e.children||t.reasoningTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=L();return r.firstChild,s(r,n(x,{get tokens(){return t.reasoningTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ue(e){const t=g();return n(a,{get when(){return e.children||t.cacheTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=Q();return r.firstChild,s(r,n(x,{get tokens(){return t.cacheTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}export{X as C,v as D,Z as a,ee as b,te as c,re as d,se as e,oe as f,ne as g,W as h,ae as i,ue as j,b as k};

package/dist/controllable-CnGpMF6r.js

@@ -0,0 +1 @@
+import{g as c}from"./define-By-uL588.js";function i(t,o){const[r,n]=c(o);return[()=>t()??r(),a=>n(a)]}export{i as c};

package/dist/conversation-item-BxwQLaFJ.js

@@ -0,0 +1 @@
+import{s as k,i as o,c as u,S as v,a as g,d,b as m,t as c,k as $,e as C}from"./define-By-uL588.js";import{c as l}from"./cn-DN5AWfiS.js";import{m as M}from"./message-square-BG6q6mlm.js";var S=c('<span part=leading class="flex shrink-0 items-center text-muted-foreground">'),D=c('<div part=meta class="mt-0.5 truncate text-xs text-muted-foreground">'),I=c('<span part=menu data-kai-item-menu class="ml-auto flex shrink-0 items-center">'),R=c('<div part=row><div part=body role=button data-kai-item-body class="flex min-w-0 flex-1 cursor-pointer items-center gap-2.5 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="min-w-0 flex-1"><div part=title>'),y=c('<span part=trailing class="ml-auto shrink-0 text-xs text-muted-foreground">'),j=c('<div class="flex items-center gap-2.5"><span>'),E=c("<button>"),q=c('<div class="flex items-center gap-2"><div>'),z=c("<div> messages");function N(s,t=Date.now()){if(!s)return"";const n=Date.parse(s);if(Number.isNaN(n))return"";const i=Math.max(0,Math.round((t-n)/1e3));if(i<60)return"just now";const r=Math.floor(i/60);if(r<60)return`${r}m ago`;const a=Math.floor(r/60);return a<24?`${a}h ago`:`${Math.floor(a/24)}d ago`}function B(s){if(!s.lastReadAt)return!1;const t=Date.parse(s.updatedAt),n=Date.parse(s.lastReadAt);return Number.isNaN(t)||Number.isNaN(n)?!1:t>n}function F(s){const[t]=k(s,["conversationId","active","compact","leading","meta","menu","children","hostSemantics","onActivate","class"]);return(()=>{var n=R(),i=n.firstChild,r=i.firstChild,a=r.firstChild;return i.$$keydown=e=>{t.onActivate&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t.onActivate())},i.$$click=()=>{var e;return(e=t.onActivate)==null?void 0:e.call(t)},o(i,u(v,{get when(){return t.leading},get children(){var e=S();return o(e,()=>t.leading),e}}),r),o(a,()=>t.children),o(r,u(v,{get when(){return t.meta},get children(){var e=D();return o(e,()=>t.meta),e}}),null),o(n,u(v,{get when(){return t.menu},get children(){var e=I();return o(e,()=>t.menu),e}}),null),g(e=>{var f=t.hostSemantics?"presentation":"listitem",x=t.active?"":void 0,p=t.conversationId,h=l("flex w-full items-center gap-2.5 rounded-lg text-left transition-colors",t.compact?"px-2.5 py-1.5":"px-2.5 py-2",t.active?"bg-muted":"hover:bg-muted/50",t.class),b=t.active?"true":"false",w=t.onActivate?0:void 0,A=l("truncate text-sm",t.active?"font-medium text-foreground":"text-foreground/80");return f!==e.e&&d(n,"role",e.e=f),x!==e.t&&d(n,"data-active",e.t=x),p!==e.a&&d(n,"data-conversation-id",e.a=p),h!==e.o&&m(n,e.o=h),b!==e.i&&d(i,"aria-current",e.i=b),w!==e.n&&d(i,"tabindex",e.n=w),A!==e.s&&m(a,e.s=A),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),n})()}function U(s){const[t]=k(s,["conversation","isActive","onSelect","compact","class"]),n=$(()=>t.conversation.trailing??N(t.conversation.updatedAt??t.conversation.lastMessageAt));return(()=>{var i=E();return i.$$click=()=>t.onSelect(t.conversation.id),o(i,u(v,{get when(){return t.compact},get fallback(){return[(()=>{var r=q(),a=r.firstChild;return o(a,()=>t.conversation.title),o(r,u(v,{get when(){return n()},get children(){var e=y();return o(e,n),e}}),null),g(()=>m(a,l("min-w-0 flex-1 truncate text-sm",t.isActive?"font-medium text-foreground":"text-foreground/80"))),r})(),(()=>{var r=z(),a=r.firstChild;return o(r,()=>t.conversation.messageCount,a),g(()=>m(r,l("mt-0.5 truncate text-xs",t.isActive?"text-foreground/70":"text-muted-foreground"))),r})()]},get children(){var r=j(),a=r.firstChild;return o(r,u(M,{get class(){return l("size-3.5 shrink-0",t.isActive?"text-foreground":"text-muted-foreground")}}),a),o(a,()=>t.conversation.title),o(r,u(v,{get when(){return n()},get children(){var e=y();return o(e,n),e}}),null),g(()=>m(a,l("min-w-0 flex-1 truncate text-sm",t.isActive?"font-medium text-foreground":"text-foreground/80"))),r}})),g(r=>{var a=t.conversation.id,e=t.isActive?"true":void 0,f=l("w-full rounded-lg text-left transition-colors",t.compact?"px-2.5 py-1.5":"px-2.5 py-2",t.isActive?"bg-muted":"hover:bg-muted/50",t.class);return a!==r.e&&d(i,"data-conversation-id",r.e=a),e!==r.t&&d(i,"aria-current",r.t=e),f!==r.a&&m(i,r.a=f),r},{e:void 0,t:void 0,a:void 0}),i})()}C(["click","keydown"]);export{U as C,F as S,B as i,N as r};

package/dist/conversation-list-BCfGN1JU.js

@@ -0,0 +1 @@
+import{c as a,q as M,s as z,g as N,k as x,o as O,i as h,S as f,u as T,a as k,F as C,m as j,b as q,t as d,d as K,e as L}from"./define-By-uL588.js";import{c as S}from"./cn-DN5AWfiS.js";import{a as P,b as R,C as U}from"./collapsible-B4DlWicL.js";import{B as I}from"./button-DkuOnGLy.js";import{B as F}from"./badge-CdEu_jn2.js";import{S as B}from"./scroll-area-BqLUo8ZZ.js";import{C as D}from"./conversation-item-BxwQLaFJ.js";import{I as H}from"./Icon-DObhsRtm.js";var G=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],J=i=>a(H,M(i,{name:"PanelLeftOpen",iconNode:G})),Q=J,V=d('<div class="px-3 pb-2"><div class="flex items-center gap-2 rounded-md bg-surface-strong px-2.5 py-1.5"><svg width=13 height=13 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=text-muted-foreground><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line></svg><input type=text placeholder="Search chats..."aria-label="Search chats"class="bg-transparent text-compact text-foreground placeholder:text-muted-foreground rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring w-full">'),W=d('<div role=list aria-label=Conversations part=items class="space-y-0.5 py-1">'),X=d('<div class="flex flex-1 flex-col items-center justify-center gap-1 p-6 text-center text-sm text-muted-foreground">No conversations match your search'),Y=d('<div class="space-y-0.5 py-1">'),Z=d('<div class="shrink-0 border-t border-border">'),_=d("<div>"),ee=d('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=3 y1=12 x2=21 y2=12></line><line x1=3 y1=6 x2=21 y2=6></line><line x1=3 y1=18 x2=21 y2=18>'),te=d('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=12 y1=5 x2=12 y2=19></line><line x1=5 y1=12 x2=19 y2=12>'),re=d('<div class="flex items-center justify-between p-3 pb-2"><div class="flex items-center gap-2"><span class="text-sm font-semibold text-foreground">Chats'),ne=d('<div class="flex flex-1 flex-col items-center justify-center gap-1 p-6 text-center text-sm text-muted-foreground">No conversations yet'),oe=d('<svg width=10 height=10 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="6 9 12 15 18 9">'),ae=d("<span>"),ie=d('<div class="pl-2 mt-0.5 space-y-0.5">');function le(i){return a(I,{variant:"ghost",size:"icon-sm","aria-label":"Open sidebar",get class(){return S("rounded-full bg-card/80 shadow-sm backdrop-blur",i.class)},get onClick(){return i.onExpand},get children(){return a(Q,{class:"size-4"})}})}function w(i){const e=i.conversationId;return typeof e=="string"&&e?e:i.getAttribute("conversation-id")??i.id}function ce(i){var e;return((e=i.parentElement)==null?void 0:e.localName)!=="kai-conversations"}function se(i){const e=n=>{const r=i.getItems();return n.composedPath().find(c=>r.includes(c))},p=n=>{var r;return((r=n.shadowRoot)==null?void 0:r.querySelector("[data-kai-item-body]"))??n},u=n=>n.composedPath().some(r=>r instanceof Element&&(r.hasAttribute("data-kai-item-menu")||r.getAttribute("slot")==="menu")),m=(n,r,c)=>{n.getAttribute(r)!==c&&n.setAttribute(r,c)},y=n=>{const r=new Map;for(const c of n){const s=p(c);s===c&&c.localName.includes("-")||r.set(c,s)}return r},v=(n,r)=>{for(const[c,s]of y(n))m(s,"tabindex",c===r?"0":"-1")};return{sync:()=>{const n=i.getItems(),r=i.getActiveId(),c=y(n);let s;for(const[o,t]of c){const l=r!==void 0&&w(o)===r;t.hasAttribute("role")||t.setAttribute("role","button"),m(t,"aria-current",l?"true":"false");const g=o;g.active!==l&&(g.active=l),l&&(s=o)}v(n,s??c.keys().next().value)},handleClick(n){const r=e(n);!r||u(n)||i.onSelect(w(r))},handleKeyDown(n){const r=i.getItems();if(r.length===0)return;const c=e(n);if(n.key==="Enter"||n.key===" "){if(!c||u(n))return;n.preventDefault(),i.onSelect(w(c));return}let s;const o=c?r.indexOf(c):r.findIndex(t=>p(t).getAttribute("tabindex")==="0");n.key==="ArrowDown"?s=r[Math.min(o+1,r.length-1)]:n.key==="ArrowUp"?s=r[Math.max(o-1,0)]:n.key==="Home"?s=r[0]:n.key==="End"&&(s=r[r.length-1]),s&&(n.preventDefault(),v(r,s),p(s).focus())}}}function ue(i){const[e]=z(i,["groups","conversations","activeId","onSelect","onNewChat","onToggleSidebar","header","footer","empty","compact","onSearchChange","controllerRef","items","itemsKeyDown","itemsClick","class"]),[p,u]=N(""),m=x(()=>e.items!=null),y=x(()=>e.conversations.length===0);let v;const n=o=>{var t;u(o),(t=e.onSearchChange)==null||t.call(e,o)};O(()=>{var o;(o=e.controllerRef)==null||o.call(e,{focus:t=>v?.focus(t),clearSearch:()=>n("")})});const r=x(()=>{const o=p().toLowerCase();return o?e.conversations.filter(t=>t.title.toLowerCase().includes(o)):e.conversations}),c=x(()=>{const o=new Map;for(const t of r()){const l=t.groupId;o.has(l)||o.set(l,[]),o.get(l).push(t)}return o}),s=x(()=>{const o=new Set((e.groups??[]).map(t=>t.id));return r().filter(t=>t.groupId==null||!o.has(t.groupId))});return(()=>{var o=_();return h(o,a(f,{get when(){return e.header},get fallback(){return(()=>{var t=re(),l=t.firstChild,g=l.firstChild;return h(l,a(I,{variant:"ghost",size:"icon-sm","aria-label":"Toggle sidebar",get onClick(){return e.onToggleSidebar},get children(){return ee()}}),g),h(t,a(I,{variant:"ghost",size:"icon-sm","aria-label":"New chat",get onClick(){return e.onNewChat},get children(){return te()}}),null),t})()},get children(){return e.header}}),null),h(o,a(f,{get when(){return m()||!y()},get children(){var t=V(),l=t.firstChild,g=l.firstChild,b=g.nextSibling;b.$$input=E=>n(E.currentTarget.value);var A=v;return typeof A=="function"?T(A,b):v=b,k(()=>b.value=p()),t}}),null),h(o,a(f,{get when(){return m()},get children(){return a(B,{class:"flex-1 px-2",get children(){var t=W();return t.$$click=l=>{var g;return(g=e.itemsClick)==null?void 0:g.call(e,l)},t.$$keydown=l=>{var g;return(g=e.itemsKeyDown)==null?void 0:g.call(e,l)},h(t,()=>e.items),t}})}}),null),h(o,a(f,{get when(){return j(()=>!m())()&&!y()},get fallback(){return a(f,{get when(){return!m()},get children(){return a(f,{get when(){return e.empty},get fallback(){return ne()},get children(){return e.empty}})}})},get children(){return[a(f,{get when(){return r().length===0},get children(){return X()}}),a(f,{get when(){return r().length>0},get children(){return a(B,{class:"flex-1 px-2",get children(){return[a(C,{get each(){return e.groups},children:t=>{const l=x(()=>c().get(t.id)??[]);return a(f,{get when(){return l().length>0},get children(){return a($,{get name(){return t.name},get count(){return l().length},get conversations(){return l()},get activeId(){return e.activeId},get onSelect(){return e.onSelect},get compact(){return e.compact}})}})}}),a(f,{get when(){return s().length>0},get children(){return a(f,{get when(){return e.compact},get fallback(){return a($,{name:"Ungrouped",get count(){return s().length},get conversations(){return s()},get activeId(){return e.activeId},get onSelect(){return e.onSelect}})},get children(){var t=Y();return h(t,a(C,{get each(){return s()},children:l=>a(D,{conversation:l,get isActive(){return l.id===e.activeId},get onSelect(){return e.onSelect},compact:!0})})),t}})}})]}})}})]}}),null),h(o,a(f,{get when(){return e.footer},get children(){var t=Z();return h(t,()=>e.footer),t}}),null),k(()=>q(o,S("flex flex-col h-full bg-sidebar",e.class))),o})()}function $(i){const[e,p]=N(!0);return a(U,{get open(){return e()},onOpenChange:p,get children(){return[a(P,{class:"flex items-center gap-1.5 w-full px-1.5 py-1 rounded-md text-compact text-muted-foreground font-medium hover:bg-muted/30 transition-colors cursor-pointer mt-1.5",get children(){return[(()=>{var u=oe();return k(()=>K(u,"class",S("transition-transform",!e()&&"-rotate-90"))),u})(),(()=>{var u=ae();return h(u,()=>i.name),u})(),a(F,{variant:"count",class:"ml-auto text-caption",get children(){return i.count}})]}}),a(R,{get children(){var u=ie();return h(u,a(C,{get each(){return i.conversations},children:m=>a(D,{conversation:m,get isActive(){return m.id===i.activeId},get onSelect(){return i.onSelect},get compact(){return i.compact}})})),u}})]}})}L(["input","keydown","click"]);export{ue as C,le as a,se as c,ce as i,w as r};

package/dist/{copy-B6DO4PqB.js → copy-n9u9rqpi.js}

@@ -1 +1 @@
-import{I as a}from"./Icon-BnFKqqtY.js";import{c as o,q as c}from"./define-CGGX-7Vg.js";var e=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],t=r=>o(a,c(r,{name:"Copy",iconNode:e})),i=t;export{i as c};
+import{I as a}from"./Icon-DObhsRtm.js";import{c as o,q as c}from"./define-By-uL588.js";var e=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],t=r=>o(a,c(r,{name:"Copy",iconNode:e})),i=t;export{i as c};

package/dist/{create-tween-CnMHviKB.js → create-tween-C-q-JCM-.js}

@@ -1,6 +1,6 @@
 import { ssr as Le, ssrAttribute as we, escape as ye } from "solid-js/web";
 import { createMemo as U, onCleanup as G, createEffect as ue, untrack as ve, createSignal as le } from "solid-js";
-import { c as Re } from "./solid-DFhsce3O.js";
+import { c as Re } from "./solid-DruVOXnf.js";
 var _e = ['<canvas part="canvas"', "></canvas>"];
 const Ce = "#1FD5F9";
 function Ie(e) {

package/dist/{create-tween-D1aiGZZh.js → create-tween-CRrJXxBd.js}

@@ -1,6 +1,6 @@
 import { effect as Le, className as ye, template as we, use as Re } from "solid-js/web";
 import { createMemo as U, onCleanup as z, createEffect as ue, untrack as ve, createSignal as le } from "solid-js";
-import { c as _e } from "./solid-BE5ui6sy.js";
+import { c as _e } from "./solid-BzCFdL25.js";
 var Ce = /* @__PURE__ */ we("<canvas part=canvas>");
 const Ie = "#1FD5F9";
 function Te(e) {

package/dist/{create-tween-BPzaefTp.js → create-tween-DZ3RRDHD.js}

@@ -1,4 +1,4 @@
-import{t as ye,u as Le,c as Re,f as Ie}from"./register-impl-C7rENvPK.js";import{c as N,o as j,h as ce,u as fe,d as _e,i as ue}from"./kai.es.js";var Pe=ye("<canvas part=canvas>");const me="#1FD5F9";function ve(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return ve(me);const[,o,i,l]=n;return[parseInt(o,16)/255,parseInt(i,16)/255,parseInt(l,16)/255]}const Ce={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},Te={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function ke(e){const n=Te[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function he(e){return e.arraySize??ke(e)}const Oe=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
+import{t as ye,u as Le,c as Re,f as Ie}from"./register-impl-B1hLkrI8.js";import{c as N,o as j,h as ce,u as fe,d as _e,i as ue}from"./kai.es.js";var Pe=ye("<canvas part=canvas>");const me="#1FD5F9";function ve(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return ve(me);const[,o,i,l]=n;return[parseInt(o,16)/255,parseInt(i,16)/255,parseInt(l,16)/255]}const Ce={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},Te={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function ke(e){const n=Te[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function he(e){return e.arraySize??ke(e)}const Oe=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
 `),De=`
 attribute vec3 aVertexPosition;
 void main() { gl_Position = vec4(aVertexPosition, 1.0); }

package/dist/{create-tween-DUSQUKpr.js → create-tween-uPkArjIG.js}

@@ -1,4 +1,4 @@
-import{k as N,h as U,j as ce,z as fe,a as ye,b as Le,t as Re,u as Ie,g as ue}from"./define-CGGX-7Vg.js";import{c as _e}from"./cn-DN5AWfiS.js";var Pe=Re("<canvas part=canvas>");const me="#1FD5F9";function ve(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return ve(me);const[,o,a,l]=n;return[parseInt(o,16)/255,parseInt(a,16)/255,parseInt(l,16)/255]}const ke={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},Ce={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function Te(e){const n=Ce[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function he(e){return e.arraySize??Te(e)}const Oe=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
+import{k as N,h as U,j as ce,z as fe,a as ye,b as Le,t as Re,u as Ie,g as ue}from"./define-By-uL588.js";import{c as _e}from"./cn-DN5AWfiS.js";var Pe=Re("<canvas part=canvas>");const me="#1FD5F9";function ve(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return ve(me);const[,o,a,l]=n;return[parseInt(o,16)/255,parseInt(a,16)/255,parseInt(l,16)/255]}const ke={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},Ce={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function Te(e){const n=Ce[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function he(e){return e.arraySize??Te(e)}const Oe=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
 `),De=`
 attribute vec3 aVertexPosition;
 void main() { gl_Position = vec4(aVertexPosition, 1.0); }

package/dist/custom-elements.json

@@ -1761,7 +1761,7 @@
               "kind": "field",
               "name": "policy",
               "type": {
-                "text": "undefined | { onSubmit?: undefined | ((cardId: string, data: unknown) => void); onAction?: undefined | ((cardId: string, action: string, payload?: unknown) => void); onSendPrompt?: undefined | ((text: string, opts: { mode: \"compose\" | \"send\"; context?: unknown; }) => void); onOpen?: undefined | ((url: string, target: \"tab\" | \"artifact\") => void); onState?: undefined | ((cardId: string, patch: unknown) => void); onDismiss?: undefined | ((cardId: string) => void); onReopen?: undefined | ((cardId: string) => void); onError?: undefined | ((cardId: string, message: string) => void); maxSendPromptMode?: undefined | \"compose\" | \"send\" }"
+                "text": "undefined | { onSubmit?: undefined | ((cardId: string, data: unknown) => void); onAction?: undefined | ((cardId: string, action: string, payload?: unknown) => void); onSendPrompt?: undefined | ((text: string, opts: { mode: \"compose\" | \"send\"; context?: unknown }) => void); onOpen?: undefined | ((url: string, target: \"tab\" | \"artifact\") => void); onState?: undefined | ((cardId: string, patch: unknown) => void); onDismiss?: undefined | ((cardId: string) => void); onReopen?: undefined | ((cardId: string) => void); onError?: undefined | ((cardId: string, message: string) => void); maxSendPromptMode?: undefined | \"compose\" | \"send\" }"
               },
               "description": "Optional CardPolicy handling child events. Property: `el.policy`.",
               "privacy": "public"
@@ -2320,6 +2320,33 @@
               "description": "JSON Schemas for the card types this app renders, keyed by envelope type. The companion of `cardTypes`, which says what DRAWS a card while this says what a VALID one looks like. An OBJECT, so it is a JS property only: `el.cardSchemas = { 'pricing-table': pricingSchema }`, never an attribute. `createCardRegistry(...).validationSchemas` is exactly this shape. Without it the kit validates its own seven built-ins and leaves your own card type, the one your app actually cares about, as the only unchecked thing on screen. A schema here WINS over a built-in of the same name. Typed `Record<string, object>` rather than `Record<string, JsonSchema>` deliberately: an imported `.json` schema widens `\"type\"` to `string`, and an authored one carries `$schema`/`title`/`description`/`additionalProperties`, so the tighter type would reject both of the normal ways to supply one.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "conversations",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Turns on the prior-conversations list (a list-toggle button in the header, plus a second list view sharing the panel, C-1). Attribute- settable like every other boolean flag on this element: `<kai-chat conversations>`. Requires `store`. A row select, \"new conversation,\" or the visitor's mount-time auto-restore all deliver their messages the same way: listen for `kai-conversation-load` and set `el.messages` from `event.detail.messages` (a fresh array): this element does not update `messages` for you. Set with no `store`, the underlying `ChatThread` decides loudly (one console.error) and stays visually off; this facade always supplies its own internal load handler (the `kai-conversation-load` dispatch below), so the second ChatThread guard, missing `onConversationLoad`, never trips here, even for a consumer who never listens for the event. Default false.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "store",
+              "type": {
+                "text": "undefined | { list: () => Promise<{ id: string; title: string; groupId?: undefined | string; scope?: undefined | { 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?: undefined | string; updatedAt: string; trailing?: undefined | string; lastReadAt?: undefined | string }[]>; load: (id: string) => Promise<{ id: string; role: \"user\" | \"assistant\"; parts: ({ type: \"text\"; text: string; raw?: undefined | { source: string; payload: unknown } } | { type: \"reasoning\"; text: string; label?: undefined | string; index?: undefined | number; streamId?: undefined | string; signature?: undefined | string; raw?: undefined | { source: string; payload: unknown } } | { type: \"tool\"; tool: { type: string; kind?: undefined | \"command\" | \"file-change\" | \"search\" | \"fetch\" | \"mcp\" | \"image\" | \"generic\"; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; rawInput?: undefined | string; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string; raw?: undefined | { source: string; payload: unknown } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"card\"; envelope: { type: string; id: string; data: unknown; title?: undefined | string; resolution?: undefined | { kind: \"action\"; action: string; payload?: unknown; at?: undefined | string } | { kind: \"submit\"; data: unknown; at?: undefined | string } | { kind: \"dismissed\"; at?: undefined | string } | { kind: \"expired\"; reason?: undefined | string; at?: undefined | string } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"source\"; source: { id?: undefined | string; url?: undefined | string; title?: undefined | string; snippet?: undefined | string; index?: undefined | number }; raw?: undefined | { source: string; payload: unknown } } | { type: \"file\"; attachment: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }; raw?: undefined | { source: string; payload: unknown } })[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" | { id: string; label: string; icon?: undefined | string; tooltip?: undefined | string })[]; avatar?: undefined | { src?: undefined | string; fallback?: undefined | string; alt?: undefined | string }; feedback?: undefined | \"like\" | \"dislike\" }[]>; save: (id: string, messages: { id: string; role: \"user\" | \"assistant\"; parts: ({ type: \"text\"; text: string; raw?: undefined | { source: string; payload: unknown } } | { type: \"reasoning\"; text: string; label?: undefined | string; index?: undefined | number; streamId?: undefined | string; signature?: undefined | string; raw?: undefined | { source: string; payload: unknown } } | { type: \"tool\"; tool: { type: string; kind?: undefined | \"command\" | \"file-change\" | \"search\" | \"fetch\" | \"mcp\" | \"image\" | \"generic\"; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; rawInput?: undefined | string; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string; raw?: undefined | { source: string; payload: unknown } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"card\"; envelope: { type: string; id: string; data: unknown; title?: undefined | string; resolution?: undefined | { kind: \"action\"; action: string; payload?: unknown; at?: undefined | string } | { kind: \"submit\"; data: unknown; at?: undefined | string } | { kind: \"dismissed\"; at?: undefined | string } | { kind: \"expired\"; reason?: undefined | string; at?: undefined | string } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"source\"; source: { id?: undefined | string; url?: undefined | string; title?: undefined | string; snippet?: undefined | string; index?: undefined | number }; raw?: undefined | { source: string; payload: unknown } } | { type: \"file\"; attachment: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }; raw?: undefined | { source: string; payload: unknown } })[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" | { id: string; label: string; icon?: undefined | string; tooltip?: undefined | string })[]; avatar?: undefined | { src?: undefined | string; fallback?: undefined | string; alt?: undefined | string }; feedback?: undefined | \"like\" | \"dislike\" }[]) => Promise<void>; markRead?: undefined | ((id: string) => Promise<void>) }"
+              },
+              "description": "The adapter this thread persists conversations through: an object of three functions (`list`/`load`/`save`; `ConversationStore`, exported from `@kitn.ai/ui`'s `primitives/conversation-store`). A JS PROPERTY ONLY: `el.store = myAdapter`. It can never be an attribute, since a function-bearing object has no HTML string form, the same reasoning that keeps `messages`/`cardSchemas` property-only (the kai- contract: array/object props are JS properties, never attributes). Two built-ins ship: `localStorageStore(name, userId?)` and `fetchStore(url, userId?)`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "home",
+              "type": {
+                "text": "undefined | { greeting?: undefined | { title?: undefined | string; subtitle?: undefined | string }; recentConversation?: undefined | false | true; newConversation?: undefined | { label?: undefined | string }; links?: undefined | { label: string; href?: undefined | string; description?: undefined | string; icon?: undefined | string }[] }"
+              },
+              "description": "Turns on the widget home screen (Intercom-pattern): the panel boots into a `home` view, with a greeting, most-recent-conversation card, a \"new conversation\" CTA, and host-defined links, plus a Home/Messages tab bar for switching back to the thread. An OBJECT, so it is a JS property only: `el.home = { greeting: { title: 'Hey' }, links: [...] }`, never an attribute (the kai- contract: array/object props are JS properties). A `links` entry with no `href` fires `kai-home-link` with that entry when tapped, rather than navigating; one WITH `href` opens it directly (only when the URL passes the kit's own scheme allowlist). Omit for the no-home widget (chat view only, unchanged).",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "focus",
@@ -2594,6 +2621,14 @@
                 "text": "undefined | string"
               },
               "description": "Which attachment media types the user may stage, in HTML `accept` syntax: `<kai-chat accept=\"image/*,application/pdf\">`. A plain string, so unlike `messages` it DOES work as an attribute. Omitted means no filter. MEDIA TYPES ONLY -- exact (`image/png`) or subtype wildcard (`text/*`). HTML allows a file extension here and this does not: `accept=\".py\"` THROWS with the entry named, rather than silently resolving to a picker that accepts nothing. It can only NARROW what the kit can already encode: `accept=\"image/*\"` resolves to the four image formats both APIs take, not to every image type the OS offers. Pass the SAME string to `toOpenAIMessages(msgs, { accept })` and the picker and the wire cannot disagree -- both resolve it through `resolveMediaPolicy` against one declaration. That declaration is readable as `encodableMediaTypes()` from `@kitn.ai/ui/wire`, if you would rather build your own picker than use this prop."
+            },
+            {
+              "name": "conversations",
+              "fieldName": "conversations",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Turns on the prior-conversations list (a list-toggle button in the header, plus a second list view sharing the panel, C-1). Attribute- settable like every other boolean flag on this element: `<kai-chat conversations>`. Requires `store`. A row select, \"new conversation,\" or the visitor's mount-time auto-restore all deliver their messages the same way: listen for `kai-conversation-load` and set `el.messages` from `event.detail.messages` (a fresh array): this element does not update `messages` for you. Set with no `store`, the underlying `ChatThread` decides loudly (one console.error) and stays visually off; this facade always supplies its own internal load handler (the `kai-conversation-load` dispatch below), so the second ChatThread guard, missing `onConversationLoad`, never trips here, even for a consumer who never listens for the event. Default false."
             }
           ],
           "events": [
@@ -2611,6 +2646,20 @@
               },
               "description": "One or more picked files were refused because `accept` excluded them. The element renders NO message of its own: it reports the facts (name, media type, whether the kit could have sent it) and what the user should see is the application's call. Only ever fires when `accept` is set."
             },
+            {
+              "name": "kai-conversation-load",
+              "type": {
+                "text": "CustomEvent<{ id: string | undefined; messages: { id: string; role: \"user\" | \"assistant\"; parts: ({ type: \"text\"; text: string; raw?: undefined | { source: string; payload: unknown } } | { type: \"reasoning\"; text: string; label?: undefined | string; index?: undefined | number; streamId?: undefined | string; signature?: undefined | string; raw?: undefined | { source: string; payload: unknown } } | { type: \"tool\"; tool: { type: string; kind?: undefined | \"command\" | \"file-change\" | \"search\" | \"fetch\" | \"mcp\" | \"image\" | \"generic\"; state: \"input-streaming\" | \"input-available\" | \"output-available\" | \"output-error\"; input?: undefined | Record<string, unknown>; rawInput?: undefined | string; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string; raw?: undefined | { source: string; payload: unknown } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"card\"; envelope: { type: string; id: string; data: unknown; title?: undefined | string; resolution?: undefined | { kind: \"action\"; action: string; payload?: unknown; at?: undefined | string } | { kind: \"submit\"; data: unknown; at?: undefined | string } | { kind: \"dismissed\"; at?: undefined | string } | { kind: \"expired\"; reason?: undefined | string; at?: undefined | string } }; raw?: undefined | { source: string; payload: unknown } } | { type: \"source\"; source: { id?: undefined | string; url?: undefined | string; title?: undefined | string; snippet?: undefined | string; index?: undefined | number }; raw?: undefined | { source: string; payload: unknown } } | { type: \"file\"; attachment: { id: string; type: \"file\" | \"source-document\"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }; raw?: undefined | { source: string; payload: unknown } })[]; actions?: undefined | (\"copy\" | \"like\" | \"dislike\" | \"regenerate\" | \"edit\" | { id: string; label: string; icon?: undefined | string; tooltip?: undefined | string })[]; avatar?: undefined | { src?: undefined | string; fallback?: undefined | string; alt?: undefined | string }; feedback?: undefined | \"like\" | \"dislike\" }[] }>"
+              },
+              "description": "A conversation's history loaded: a row tap in the list, \"new conversation,\" or the visitor's own mount-time auto-restore of their most recent thread (only fires when `conversations` is on and a `store` is set). `detail.id` is that conversation's id, `undefined` for the \"new conversation\" case (no id exists until the first message mints one, C-6). Set `el.messages = event.detail.messages` (already a fresh array) to actually render it, since this element does not do that for you; `messages` stays your own state like everywhere else on this element."
+            },
+            {
+              "name": "kai-home-link",
+              "type": {
+                "text": "CustomEvent<{ entry: { label: string; href?: undefined | string; description?: undefined | string; icon?: undefined | string } }>"
+              },
+              "description": "A `home.links` entry with no `href` was activated (tapped/clicked/Enter). Meaningful only when `home` is set."
+            },
             {
               "name": "kai-message-action",
               "type": {
@@ -4748,7 +4797,7 @@
               "kind": "field",
               "name": "conversations",
               "type": {
-                "text": "undefined | { id: string; title: string; groupId?: undefined | string; scope?: undefined | { 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?: undefined | string; updatedAt: string; trailing?: undefined | string }[]"
+                "text": "undefined | { id: string; title: string; groupId?: undefined | string; scope?: undefined | { 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?: undefined | string; updatedAt: string; trailing?: undefined | string; lastReadAt?: undefined | string }[]"
               },
               "description": "Every conversation the list renders, flat. Each one is filed under the group whose `id` equals its `groupId`; one with no `groupId`, or with a `groupId` matching no entry in `groups`, falls into a trailing \"Ungrouped\" section, so nothing you pass in is ever dropped. There is no recency bucketing. Set as a JS property. Omit to supply them as `<kai-conversation>` light-DOM children instead, or for the empty state. A search query that matches nothing shows a visible \"No conversations match your search\" state, distinct from the zero-conversations empty state. Slotted `<kai-conversation-item>` children switch the list into item mode instead: your own rows win and this array is not rendered.",
               "privacy": "public"