@kitn.ai/ui 0.28.0 → 0.30.0

package/dist/components/builder-workspace-variants.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from 'solid-js';
+export type WorkspaceVariantId = 'artifactPreview' | 'appPreview';
+export interface WorkspaceVariant {
+    id: WorkspaceVariantId;
+    name: string;
+    description: string;
+}
+export declare const WORKSPACE_VARIANTS: readonly WorkspaceVariant[];
+export interface WorkspaceVariantPickerProps {
+    value?: WorkspaceVariantId;
+    onSelect: (id: WorkspaceVariantId) => void;
+    onBack: () => void;
+    class?: string;
+}
+/**
+ * `WorkspaceVariantPicker` — the Workspace family's second screen: two
+ * function-named variant cards (smaller-scale `Card`s, reusing `Builder
+ * Start`'s own pattern) plus a back affordance to the template picker.
+ * Selection fires `onSelect` with the variant id the same click-to-advance
+ * shape `BuilderStart` itself uses (T-7's own reasoning: nothing a second
+ * "Continue" step would add here that the click doesn't already mean).
+ */
+export declare function WorkspaceVariantPicker(props: WorkspaceVariantPickerProps): JSX.Element;

package/dist/components/captions.d.ts

@@ -0,0 +1,66 @@
+import { JSX } from 'solid-js';
+/**
+ * `Captions` — live closed-captioning: the text shown WHILE someone (the
+ * user or the agent) is speaking, distinct from a scrollback transcript.
+ * Built for the Voice template (`elements/builder-voice.stories.tsx`) but
+ * kept generic — any voice surface that wants a caption line can use this
+ * directly.
+ *
+ * - Driven by `segments`, oldest first — the LAST entry is the current
+ *   line. Everything else is history, only rendered by `stacked`.
+ * - `variant` picks the chrome: `'lower-third'` (a semi-opaque bar, the
+ *   broadcast-caption look), `'floating'` (a card that floats above a
+ *   visualizer, `kai-elevation`), `'minimal'` (bare text, no chrome — the
+ *   original shape this component shipped with), `'stacked'` (the last two
+ *   lines of history fade in behind the current line, which stays full
+ *   strength). Default `'minimal'`.
+ * - Speaker-aware via `data-speaker` + a small uppercase label ("You" /
+ *   "Assistant") — NOT a color swap. Accent stays reserved for the
+ *   visualizer per the owner's Voice-round instruction, so the distinction
+ *   lives in the label and a subtle weight difference, both drawn from the
+ *   muted/foreground tiers, never `text-primary`.
+ * - Interim (`final: false`) text renders `text-muted-foreground` / a hair
+ *   lighter than a finalized line's `text-foreground`, so a caption visibly
+ *   "settles" the moment the model (or the ASR) commits it.
+ * - Undefined/empty `segments`, or a current segment whose `text` is empty
+ *   or whitespace-only, renders NOTHING — a real `<Show>` around a presence
+ *   gate, not a hidden/zero-opacity node left in the DOM.
+ * - One `role="status"`/`aria-live="polite"` region, wrapping ONLY the
+ *   current line — `stacked`'s history lines sit outside it
+ *   (`aria-hidden="true"`) so they don't get re-announced every time the
+ *   region's content changes. This mirrors `toast.tsx`'s
+ *   `role="region"`/`aria-live="polite"` pattern (the kit's other
+ *   speech-adjacent live region) rather than inventing a second policy, and
+ *   is the ONLY live region this component renders — it says nothing about
+ *   history, so it can't double-announce anything a transcript component
+ *   elsewhere on the page is already announcing.
+ * - Appear/update reuses the kit's real exit-animation primitive,
+ *   `createPresence` (`ui/overlay.tsx`), for the whole component's
+ *   mount/unmount, and a keyed `<For>` around the current line so a NEW
+ *   segment object (the same "new object per changed item" contract the
+ *   rest of the kit's reactive props follow) retriggers its own
+ *   `animate-in` rather than being silently patched in place. Both use the
+ *   same already-compiled `animate-in ... data-[closed]:animate-out ...`
+ *   Tailwind-animate classes `DropdownContent`/`DialogContent`/
+ *   `HoverCardContent` use, and both carry `motion-reduce:animate-none` (the
+ *   same pattern `screen.tsx`/`dialog.tsx` use) so `prefers-reduced-motion:
+ *   reduce` turns the animation off entirely — the text still appears,
+ *   updates and disappears, just without motion.
+ */
+export interface CaptionSegment {
+    /** Whose speech this line represents. */
+    speaker: 'user' | 'assistant';
+    /** The line's text. Empty/whitespace on the CURRENT segment renders nothing. */
+    text: string;
+    /** Whether ASR/the model has committed this line. Default `true`. */
+    final?: boolean;
+}
+export type CaptionsVariant = 'lower-third' | 'floating' | 'minimal' | 'stacked';
+export interface CaptionsProps {
+    /** Caption lines, oldest first. The last entry is the current line. */
+    segments?: CaptionSegment[];
+    /** Which visual treatment to render. Default `'minimal'`. */
+    variant?: CaptionsVariant;
+    class?: string;
+}
+export declare function Captions(props: CaptionsProps): JSX.Element;

package/dist/{composer-sQ0HcvyG.js → composer-DMI85B6j.js}

@@ -1,4 +1,4 @@
-import{A as Ye,g as z,w as Je,k as Q,j as de,o as ue,x as De,h as Qe,i as N,u as Ne,a as H,d as O,b as Z,l as ee,c as $,F as Oe,S as G,t as S,Q as Ze,e as et}from"./define-By-uL588.js";import{c as P}from"./cn-DN5AWfiS.js";import{u as tt,c as nt,a as rt}from"./overlay-Cb-MkyDa.js";function M(n){if(n==null)return[];if(typeof n=="string")return n.length?[{type:"text",text:n}]:[];const l=[];for(const t of n)if(t.type==="text"){if(!t.text)continue;const i=l[l.length-1];i&&i.type==="text"?l[l.length-1]={type:"text",text:i.text+t.text}:l.push({type:"text",text:t.text})}else l.push({type:"entity",entity:t.entity});return l}function te(n,l){let t="";for(const i of n)i.type==="text"?t+=i.text:t+=i.entity.promptText??i.entity.label;return t}function he(n){return n.filter(l=>l.type==="entity").map(l=>l.entity)}function ne(n){return n.every(l=>l.type==="text"&&l.text.length===0)}const C="\u200B",pe="data-kai-entity",fe=new WeakMap;function U(n){return!!n&&n.nodeType===1&&n.hasAttribute(pe)}function re(n){return n.ownerDocument.createTreeWalker(n,NodeFilter.SHOW_TEXT,{acceptNode(l){let t=l.parentElement;for(;t&&t!==n;){if(t.hasAttribute(pe))return NodeFilter.FILTER_REJECT;t=t.parentElement}return NodeFilter.FILTER_ACCEPT}})}function ot(n){switch(n){case"skill":return"/";case"agent":return"@";default:return""}}function Le(n){const l=t=>`<svg viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`;switch(n){case"agent":return l('<rect x="4" y="8" width="16" height="12" rx="3"/><path d="M12 4.5V8M9.5 13.5v1.5M14.5 13.5v1.5"/><circle cx="12" cy="3" r="1.2"/>');case"plugin":return l('<path d="M9 2v4M15 2v4M6 6h12v5a6 6 0 0 1-12 0zM12 17v5"/>');default:return""}}function Ie(n,l,t){const i=n.createElement("span");i.setAttribute(pe,""),i.setAttribute("contenteditable","false"),i.dataset.kind=l.kind,i.dataset.id=l.id,i.className="kai-composer-pill";const u=ot(l.kind);if(u){const s=n.createElement("span");s.className="kai-composer-pill-sigil",s.setAttribute("aria-hidden","true"),s.textContent=u,i.appendChild(s)}else{const s=l.icon??t?.[l.kind];if(s){const h=n.createElement("img");h.src=s,h.alt="",h.className="kai-composer-pill-icon",i.appendChild(h)}else{const h=Le(l.kind);if(h){const f=n.createElement("span");f.className="kai-composer-pill-icon kai-composer-pill-glyph",f.setAttribute("aria-hidden","true"),f.innerHTML=h,i.appendChild(f)}}}return i.appendChild(n.createTextNode(l.label)),fe.set(i,l),i}function L(n){const l=[],t=n.childNodes;return t.forEach((i,u)=>{if(U(i)){const s=fe.get(i),h=i;l.push({type:"entity",entity:s??{kind:h.dataset.kind??"",id:h.dataset.id??"",label:h.textContent??""}})}else if(i.nodeType===1&&i.tagName==="BR"){if(u===t.length-1)return;l.push({type:"text",text:`
+import{A as Ye,g as z,w as Je,k as Q,j as de,o as ue,x as De,h as Qe,i as N,u as Ne,a as H,d as O,b as Z,l as ee,c as $,F as Oe,S as G,t as S,Q as Ze,e as et}from"./define-CI0y3eE4.js";import{c as P}from"./cn-DN5AWfiS.js";import{u as tt,c as nt,a as rt}from"./overlay-DBMFXie6.js";function M(n){if(n==null)return[];if(typeof n=="string")return n.length?[{type:"text",text:n}]:[];const l=[];for(const t of n)if(t.type==="text"){if(!t.text)continue;const i=l[l.length-1];i&&i.type==="text"?l[l.length-1]={type:"text",text:i.text+t.text}:l.push({type:"text",text:t.text})}else l.push({type:"entity",entity:t.entity});return l}function te(n,l){let t="";for(const i of n)i.type==="text"?t+=i.text:t+=i.entity.promptText??i.entity.label;return t}function he(n){return n.filter(l=>l.type==="entity").map(l=>l.entity)}function ne(n){return n.every(l=>l.type==="text"&&l.text.length===0)}const C="\u200B",pe="data-kai-entity",fe=new WeakMap;function U(n){return!!n&&n.nodeType===1&&n.hasAttribute(pe)}function re(n){return n.ownerDocument.createTreeWalker(n,NodeFilter.SHOW_TEXT,{acceptNode(l){let t=l.parentElement;for(;t&&t!==n;){if(t.hasAttribute(pe))return NodeFilter.FILTER_REJECT;t=t.parentElement}return NodeFilter.FILTER_ACCEPT}})}function ot(n){switch(n){case"skill":return"/";case"agent":return"@";default:return""}}function Le(n){const l=t=>`<svg viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`;switch(n){case"agent":return l('<rect x="4" y="8" width="16" height="12" rx="3"/><path d="M12 4.5V8M9.5 13.5v1.5M14.5 13.5v1.5"/><circle cx="12" cy="3" r="1.2"/>');case"plugin":return l('<path d="M9 2v4M15 2v4M6 6h12v5a6 6 0 0 1-12 0zM12 17v5"/>');default:return""}}function Ie(n,l,t){const i=n.createElement("span");i.setAttribute(pe,""),i.setAttribute("contenteditable","false"),i.dataset.kind=l.kind,i.dataset.id=l.id,i.className="kai-composer-pill";const u=ot(l.kind);if(u){const s=n.createElement("span");s.className="kai-composer-pill-sigil",s.setAttribute("aria-hidden","true"),s.textContent=u,i.appendChild(s)}else{const s=l.icon??t?.[l.kind];if(s){const h=n.createElement("img");h.src=s,h.alt="",h.className="kai-composer-pill-icon",i.appendChild(h)}else{const h=Le(l.kind);if(h){const f=n.createElement("span");f.className="kai-composer-pill-icon kai-composer-pill-glyph",f.setAttribute("aria-hidden","true"),f.innerHTML=h,i.appendChild(f)}}}return i.appendChild(n.createTextNode(l.label)),fe.set(i,l),i}function L(n){const l=[],t=n.childNodes;return t.forEach((i,u)=>{if(U(i)){const s=fe.get(i),h=i;l.push({type:"entity",entity:s??{kind:h.dataset.kind??"",id:h.dataset.id??"",label:h.textContent??""}})}else if(i.nodeType===1&&i.tagName==="BR"){if(u===t.length-1)return;l.push({type:"text",text:`
 `})}else i.nodeType===3&&l.push({type:"text",text:(i.textContent??"").split(C).join("")})}),M(l)}function oe(n,l,t=document,i){n.textContent="";for(const u of l)u.type==="text"?n.appendChild(t.createTextNode(u.text)):(n.appendChild(Ie(t,u.entity,i)),n.appendChild(t.createTextNode(C)))}function it(n,l,t){if(l<0||l>n.length)return null;for(let i=l-1;i>=0;i--){const u=n[i];if(/\s/.test(u))return null;if(t.includes(u))return i===0||/\s/.test(n[i-1])?{char:u,query:n.slice(i+1,l),start:i}:null}return null}function at(n,l,t){if(!t.length)return null;const i=t.map(h=>h.char),u=it(n,l,i);if(!u)return null;const s=t.find(h=>h.char===u.char);return s?{def:s,query:u.query,start:u.start}:null}function lt(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function st(n,l){const t=[];for(const s of l){let h,f;typeof s=="string"?(h=new RegExp(lt(s),"gi"),f=void 0):(h=new RegExp(s.pattern,s.flags??"gi"),f=s.class),h.lastIndex=0;let k;for(;(k=h.exec(n))!==null;){const x=k.index,w=x+k[0].length;if(w===x){h.lastIndex=x+1;continue}t.push({start:x,end:w,class:f})}}t.sort((s,h)=>s.start-h.start);const i=[];let u=-1;for(const s of t)s.start>=u&&(i.push(s),u=s.end);return i}function ct(){try{return typeof CSS<"u"&&typeof CSS.highlights<"u"&&typeof Highlight<"u"}catch{return!1}}const dt="kai-composer-highlight";function ut(n,l,t,i=dt){if(!ct())return;const u=CSS.highlights;if(l.length===0){u.delete(i);return}const s=[];let h=0;const f=n.ownerDocument,k=re(n);let x=k.nextNode();for(;x;){const v=x.textContent??"",b=[];for(let p=0;p<v.length;p++)v[p]!==t&&b.push(p);if(b.length>0){const p=new Int32Array(b.length);for(let m=0;m<b.length;m++)p[m]=b[m];s.push({node:x,strippedStart:h,strippedToRaw:p}),h+=b.length}x=k.nextNode()}function w(v){let b=0,p=s.length-1;for(;b<=p;){const m=b+p>>1,T=s[m],q=T.strippedStart+T.strippedToRaw.length;if(v<T.strippedStart)p=m-1;else if(v>=q)b=m+1;else{const R=v-T.strippedStart;return{node:T.node,rawOffset:T.strippedToRaw[R]}}}if(s.length>0){const m=s[s.length-1];if(v-m.strippedStart===m.strippedToRaw.length)return{node:m.node,rawOffset:m.strippedToRaw[m.strippedToRaw.length-1]+1}}return null}const y=[];for(const v of l){const b=w(v.start),p=w(v.end);if(!b||!p)continue;const m=f.createRange();m.setStart(b.node,b.rawOffset),m.setEnd(p.node,p.rawOffset),y.push(m)}if(y.length===0){u.delete(i);return}const A=new Highlight(...y);u.set(i,A)}function ht(n,l=200){let t=[n],i=0;return{record(u,s){if(s&&i===t.length-1){t[i]=u;return}t=t.slice(0,i+1),t.push(u),t.length>l?t.shift():i++},undo(){return i===0?null:(i--,t[i])},redo(){return i>=t.length-1?null:(i++,t[i])},reset(u){t=[u],i=0},canUndo(){return i>0},canRedo(){return i<t.length-1},size(){return t.length}}}var pt=S("<style>"),ft=S(`<style>
         .kai-composer-pill {
           display: inline-flex; align-items: center; gap: 0.2rem;

package/dist/{confirm-card-rQWDQsnC.js → confirm-card-B0YIAwXp.js}

@@ -1 +1 @@
-import{q as L,s as N,k as v,j as T,x as O,o as H,c as d,E as U,S as f,i as l,a as $,b as F,d as q,F as G,u as A,t as h,e as J}from"./define-By-uL588.js";import{c as K}from"./cn-DN5AWfiS.js";import{B as D}from"./button-DkuOnGLy.js";import{u as P,a as Q,C as x,D as V}from"./use-card-resolution-DaZqAdWf.js";import{e as W}from"./card-routing-0YidER_3.js";import{t as X}from"./triangle-alert-DlQ68ppf.js";import{c as Y}from"./check-njkVdZu2.js";var Z=h('<div class="flex items-center gap-2 text-sm font-medium text-destructive dark:text-red-400"><span>Heads up'),_=h('<p class="text-sm font-semibold text-foreground">'),ee=h('<p class="text-sm text-muted-foreground">'),te=h("<div>"),re=h('<div class="flex w-full flex-wrap items-center justify-between gap-2"><div class="ml-auto flex flex-wrap items-center gap-2">'),ae=h('<div class="ml-auto flex items-center gap-2 text-sm font-medium text-foreground"><span>');const ne="confirm",ie=new Set(["primary","default","destructive"]);function de(o){switch(o){case"primary":return"default";case"destructive":return"destructive";case"default":case void 0:return"outline";default:return console.warn(`[kai-confirm] unknown action style "${o}"; using default`),"outline"}}function oe(o){if(!Array.isArray(o)||o.length===0)return{actions:[],error:"This card couldn't be displayed."};const c=new Set,r=[];for(const m of o){if(!m||typeof m!="object")continue;const i=m;if(typeof i.id!="string"||i.id.length===0||typeof i.label!="string"||i.label.length===0)continue;if(c.has(i.id)){console.warn(`[kai-confirm] duplicate action id "${i.id}" ignored`);continue}c.add(i.id);const g=ie.has(i.style)?i.style:void 0;i.style!==void 0&&g===void 0&&console.warn(`[kai-confirm] unknown action style "${String(i.style)}"; using default`),r.push({id:i.id,label:i.label,style:g,payload:i.payload,default:i.default===!0})}return r.length===0?{actions:[],error:"This card couldn't be displayed."}:{actions:r}}function se(o){var c;return(c=o.find(r=>r.default))==null?void 0:c.id}function le(o){const c=L({cardId:"kai-confirm",autofocus:!1},o),[r]=N(c,["data","cardId","heading","host","hostElement","autofocus","class","resolution","controllerRef"]),m=P(),i=e=>{const n=r.host??m;n?n.emit(e):r.hostElement&&W(r.hostElement,e)},g=v(()=>{var e;return oe((e=r.data)==null?void 0:e.actions)}),I=v(()=>g().error===void 0),C=v(()=>g().error??""),p=v(()=>g().actions),j=()=>{var e;return((e=r.data)==null?void 0:e.tone)??"default"},M=()=>j()==="danger",k=v(()=>se(p())),u=Q({prop:()=>r.resolution,data:()=>r.data}),z=v(()=>{const e=u.resolution();if(!e||e.kind!=="action")return;const n=p().find(t=>t.id===e.action);return{label:n?.label??e.action}});T(O(I,e=>{i(e?{kind:"ready",cardId:r.cardId}:{kind:"error",cardId:r.cardId,message:C()})}));const b=e=>{u.isResolved()||(i({kind:"action",cardId:r.cardId,action:e.id,...e.payload!==void 0?{payload:e.payload}:{}}),u.setLocal({kind:"action",action:e.id,...e.payload!==void 0?{payload:e.payload}:{}}))},E=()=>{u.isResolved()||(i({kind:"dismiss",cardId:r.cardId}),u.setLocal({kind:"dismissed"}))},R=()=>i({kind:"reopen",cardId:r.cardId});let S,y;const B=()=>y?y.querySelector('button[data-kai-default="true"]')??y.querySelector("button[data-action-id]"):null;return H(()=>{var e;(e=r.controllerRef)==null||e.call(r,{focus:n=>{var t;return(t=B())==null?void 0:t.focus(n)},confirm:n=>{const t=p(),a=n??k();if(a===void 0)return;const s=t.find(w=>w.id===a);s&&b(s)},dismiss:()=>E(),reopen:()=>R()})}),T(()=>{const e=r.hostElement;if(!e)return;const n=u.resolution();n&&n.kind==="action"?e.setAttribute("data-kai-resolved",n.action):e.removeAttribute("data-kai-resolved")}),d(f,{get when(){return I()},get fallback(){return d(x,{get heading(){return r.heading},get errorMessage(){return C()}})},get children(){return d(U,{fallback:()=>(i({kind:"error",cardId:r.cardId,message:"The card failed to render."}),d(x,{get heading(){return r.heading},errorMessage:"The card failed to render."})),get children(){return d(f,{get when(){return!u.isDeferred()},get fallback(){return d(V,{type:ne,get title(){return r.heading},onReopen:R})},get children(){return d(x,{get heading(){return r.heading},get actions(){return d(f,{get when(){return!u.isResolved()},get fallback(){return(()=>{var e=ae(),n=e.firstChild;return l(e,d(Y,{size:16,"aria-hidden":"true"}),n),l(n,()=>{var t;return(t=z())==null?void 0:t.label}),$(()=>q(e,"role",u.isOptimistic()?"status":void 0)),e})()},get children(){var e=re(),n=e.firstChild;l(e,d(f,{get when(){var a;return((a=r.data)==null?void 0:a.dismissible)===!0},get children(){return d(D,{type:"button",variant:"ghost","aria-label":"Dismiss",onClick:E,children:"Dismiss"})}}),n);var t=y;return typeof t=="function"?A(t,n):y=n,l(n,d(G,{get each(){return p()},children:a=>d(D,{type:"button",get variant(){return de(a.style)},get"data-action-id"(){return a.id},get"data-kai-default"(){return a.default?"true":void 0},ref:s=>{r.autofocus&&a.id===k()&&queueMicrotask(()=>s.focus())},onClick:()=>b(a),get children(){return a.label}})})),e}})},get children(){var e=te();e.$$keydown=t=>{if(t.key!=="Enter"||t.target.tagName==="BUTTON")return;const a=k();if(a===void 0)return;const s=p().find(w=>w.id===a);s&&b(s)};var n=S;return typeof n=="function"?A(n,e):S=e,l(e,d(f,{get when(){return M()},get children(){var t=Z(),a=t.firstChild;return l(t,d(X,{size:16,class:"shrink-0","aria-hidden":"true"}),a),t}}),null),l(e,d(f,{get when(){var t;return(t=r.data)==null?void 0:t.heading},get children(){var t=_();return l(t,()=>{var a;return(a=r.data)==null?void 0:a.heading}),t}}),null),l(e,d(f,{get when(){var t;return(t=r.data)==null?void 0:t.body},get children(){var t=ee();return l(t,()=>{var a;return(a=r.data)==null?void 0:a.body}),t}}),null),$(t=>{var a=K("flex flex-col gap-2",r.class),s=k()!==void 0?0:void 0;return a!==t.e&&F(e,t.e=a),s!==t.t&&q(e,"tabindex",t.t=s),t},{e:void 0,t:void 0}),e}})}})}})}})}J(["keydown"]);export{le as C};
+import{q as L,s as N,k as v,j as T,x as O,o as H,c as d,E as U,S as f,i as l,a as $,b as F,d as q,F as G,u as A,t as h,e as J}from"./define-CI0y3eE4.js";import{c as K}from"./cn-DN5AWfiS.js";import{B as D}from"./button-C_3te6fm.js";import{u as P,a as Q,C as x,D as V}from"./use-card-resolution-Zg0a08Z-.js";import{e as W}from"./card-routing-0YidER_3.js";import{t as X}from"./triangle-alert-CeHLWxhD.js";import{c as Y}from"./check-CiEOVnEN.js";var Z=h('<div class="flex items-center gap-2 text-sm font-medium text-destructive dark:text-red-400"><span>Heads up'),_=h('<p class="text-sm font-semibold text-foreground">'),ee=h('<p class="text-sm text-muted-foreground">'),te=h("<div>"),re=h('<div class="flex w-full flex-wrap items-center justify-between gap-2"><div class="ml-auto flex flex-wrap items-center gap-2">'),ae=h('<div class="ml-auto flex items-center gap-2 text-sm font-medium text-foreground"><span>');const ne="confirm",ie=new Set(["primary","default","destructive"]);function de(o){switch(o){case"primary":return"default";case"destructive":return"destructive";case"default":case void 0:return"outline";default:return console.warn(`[kai-confirm] unknown action style "${o}"; using default`),"outline"}}function oe(o){if(!Array.isArray(o)||o.length===0)return{actions:[],error:"This card couldn't be displayed."};const c=new Set,r=[];for(const m of o){if(!m||typeof m!="object")continue;const i=m;if(typeof i.id!="string"||i.id.length===0||typeof i.label!="string"||i.label.length===0)continue;if(c.has(i.id)){console.warn(`[kai-confirm] duplicate action id "${i.id}" ignored`);continue}c.add(i.id);const g=ie.has(i.style)?i.style:void 0;i.style!==void 0&&g===void 0&&console.warn(`[kai-confirm] unknown action style "${String(i.style)}"; using default`),r.push({id:i.id,label:i.label,style:g,payload:i.payload,default:i.default===!0})}return r.length===0?{actions:[],error:"This card couldn't be displayed."}:{actions:r}}function se(o){var c;return(c=o.find(r=>r.default))==null?void 0:c.id}function le(o){const c=L({cardId:"kai-confirm",autofocus:!1},o),[r]=N(c,["data","cardId","heading","host","hostElement","autofocus","class","resolution","controllerRef"]),m=P(),i=e=>{const n=r.host??m;n?n.emit(e):r.hostElement&&W(r.hostElement,e)},g=v(()=>{var e;return oe((e=r.data)==null?void 0:e.actions)}),I=v(()=>g().error===void 0),C=v(()=>g().error??""),p=v(()=>g().actions),j=()=>{var e;return((e=r.data)==null?void 0:e.tone)??"default"},M=()=>j()==="danger",k=v(()=>se(p())),u=Q({prop:()=>r.resolution,data:()=>r.data}),z=v(()=>{const e=u.resolution();if(!e||e.kind!=="action")return;const n=p().find(t=>t.id===e.action);return{label:n?.label??e.action}});T(O(I,e=>{i(e?{kind:"ready",cardId:r.cardId}:{kind:"error",cardId:r.cardId,message:C()})}));const b=e=>{u.isResolved()||(i({kind:"action",cardId:r.cardId,action:e.id,...e.payload!==void 0?{payload:e.payload}:{}}),u.setLocal({kind:"action",action:e.id,...e.payload!==void 0?{payload:e.payload}:{}}))},E=()=>{u.isResolved()||(i({kind:"dismiss",cardId:r.cardId}),u.setLocal({kind:"dismissed"}))},R=()=>i({kind:"reopen",cardId:r.cardId});let S,y;const B=()=>y?y.querySelector('button[data-kai-default="true"]')??y.querySelector("button[data-action-id]"):null;return H(()=>{var e;(e=r.controllerRef)==null||e.call(r,{focus:n=>{var t;return(t=B())==null?void 0:t.focus(n)},confirm:n=>{const t=p(),a=n??k();if(a===void 0)return;const s=t.find(w=>w.id===a);s&&b(s)},dismiss:()=>E(),reopen:()=>R()})}),T(()=>{const e=r.hostElement;if(!e)return;const n=u.resolution();n&&n.kind==="action"?e.setAttribute("data-kai-resolved",n.action):e.removeAttribute("data-kai-resolved")}),d(f,{get when(){return I()},get fallback(){return d(x,{get heading(){return r.heading},get errorMessage(){return C()}})},get children(){return d(U,{fallback:()=>(i({kind:"error",cardId:r.cardId,message:"The card failed to render."}),d(x,{get heading(){return r.heading},errorMessage:"The card failed to render."})),get children(){return d(f,{get when(){return!u.isDeferred()},get fallback(){return d(V,{type:ne,get title(){return r.heading},onReopen:R})},get children(){return d(x,{get heading(){return r.heading},get actions(){return d(f,{get when(){return!u.isResolved()},get fallback(){return(()=>{var e=ae(),n=e.firstChild;return l(e,d(Y,{size:16,"aria-hidden":"true"}),n),l(n,()=>{var t;return(t=z())==null?void 0:t.label}),$(()=>q(e,"role",u.isOptimistic()?"status":void 0)),e})()},get children(){var e=re(),n=e.firstChild;l(e,d(f,{get when(){var a;return((a=r.data)==null?void 0:a.dismissible)===!0},get children(){return d(D,{type:"button",variant:"ghost","aria-label":"Dismiss",onClick:E,children:"Dismiss"})}}),n);var t=y;return typeof t=="function"?A(t,n):y=n,l(n,d(G,{get each(){return p()},children:a=>d(D,{type:"button",get variant(){return de(a.style)},get"data-action-id"(){return a.id},get"data-kai-default"(){return a.default?"true":void 0},ref:s=>{r.autofocus&&a.id===k()&&queueMicrotask(()=>s.focus())},onClick:()=>b(a),get children(){return a.label}})})),e}})},get children(){var e=te();e.$$keydown=t=>{if(t.key!=="Enter"||t.target.tagName==="BUTTON")return;const a=k();if(a===void 0)return;const s=p().find(w=>w.id===a);s&&b(s)};var n=S;return typeof n=="function"?A(n,e):S=e,l(e,d(f,{get when(){return M()},get children(){var t=Z(),a=t.firstChild;return l(t,d(X,{size:16,class:"shrink-0","aria-hidden":"true"}),a),t}}),null),l(e,d(f,{get when(){var t;return(t=r.data)==null?void 0:t.heading},get children(){var t=_();return l(t,()=>{var a;return(a=r.data)==null?void 0:a.heading}),t}}),null),l(e,d(f,{get when(){var t;return(t=r.data)==null?void 0:t.body},get children(){var t=ee();return l(t,()=>{var a;return(a=r.data)==null?void 0:a.body}),t}}),null),$(t=>{var a=K("flex flex-col gap-2",r.class),s=k()!==void 0?0:void 0;return a!==t.e&&F(e,t.e=a),s!==t.t&&q(e,"tabindex",t.t=s),t},{e:void 0,t:void 0}),e}})}})}})}})}J(["keydown"]);export{le as C};

package/dist/construct-cli.es.js

@@ -1211,12 +1211,12 @@ function writeProject(files, dir) {
   return overwritten;
 }
 const defaultIo = { log: (s) => console.log(s), error: (s) => console.error(s) };
-const USAGE = `usage: kai <command>
+const USAGE = `usage: npx @kitn.ai/ui <command>   (or \`kai <command>\` once @kitn.ai/ui is installed)
 
   kai validate <construct.json>          check a construct, print problems with paths
   kai eject <construct.json> <outDir>    write the generated Solid project (it's yours)
-  kai dev <construct.json>               live preview with reload-on-edit (Task 5)
-  kai compile <construct.json> [outDir]  one self-registering .js (Task 6)
+  kai dev <construct.json>               live preview with reload-on-edit
+  kai compile <construct.json> [outDir]  one self-registering .js
 `;
 function homeRecentConversationWarning(construct) {
   if (construct.home?.recentConversation && !construct.capabilities?.conversations) {

package/dist/construct.d.ts

@@ -0,0 +1,5 @@
+// GENERATED by scripts/emit-subpath-dts.mjs — do not edit.
+// Sibling declarations for dist/construct.js, so that RELATIVE imports
+// of this bundle (which bypass package.json "exports") still resolve to types.
+// Without this, tsc resolves the path to the .js and reports TS7016.
+export * from './agent-tooling/construct/public.js';

package/dist/construct.js

@@ -0,0 +1,327 @@
+import { z as e } from "zod";
+const I = ["http:", "https:", "mailto:"];
+function v(t) {
+  try {
+    return new URL(t, "http://_invalid_base").protocol;
+  } catch {
+    return;
+  }
+}
+function r(t) {
+  const o = v(t);
+  return o !== void 0 && I.includes(o);
+}
+const k = "https://ui.kitn.ai/schemas/construct/v1.json", y = /^[a-z][a-z0-9]*-[a-z0-9-]+$/, w = e.discriminatedUnion("mode", [
+  e.object({ mode: e.literal("mock") }).strict(),
+  e.object({
+    mode: e.literal("endpoint"),
+    /** The CONSUMER's chat route. Kit parses, consumer fetches. */
+    url: e.string().min(1),
+    wire: e.enum(["openai", "anthropic"])
+  }).strict()
+]), j = e.object({
+  $schema: e.string().optional(),
+  /** The emitted tag: <acme-support>. Must satisfy customElements.define. */
+  name: e.string().regex(y, 'must be a valid custom-element tag: lowercase, with a hyphen (e.g. "acme-support")'),
+  // Widened progressively: fullscreen/aside/split landed in Task 12, custom in Task 13.
+  layout: e.enum(["widget", "fullscreen", "aside", "split", "custom"]),
+  provider: w,
+  /** Plain (unsigned) identity passthrough — no signing/auth infra (owner
+   *  ruling, 2026-08-26: signed JWT/HMAC identity is later additive
+   *  vocabulary, not this field). TOP-LEVEL, not nested under `provider`:
+   *  local history scoping (`capabilities.history.persistence: 'local'`)
+   *  needs userId independent of provider mode — nesting it inside the
+   *  provider union would make it silently inert for `mode: 'mock'` +
+   *  local history, a real and common combination. Threaded as the
+   *  `x-kai-user-id` header on every emitted fetch to the CONSUMER's own
+   *  backend (the endpoint provider's chat POST, history's endpoint
+   *  GET/PUT), and folded into the localStorage key for `local` history so
+   *  different users on the same browser profile don't share one thread.
+   *  Constrained to printable-ASCII (no CR/LF, no non-ISO-8859-1 code
+   *  points) beyond the usual construct-authored-text escaping: this value
+   *  reaches an HTTP HEADER VALUE, not just a JS string literal, and
+   *  `fetch()` throws at RUNTIME on a header value containing CR/LF or
+   *  outside ISO-8859-1 — a bad userId would surface as an opaque crash in
+   *  the CONSUMER's generated app, not a construct-validation error. Reject
+   *  loudly here instead, where the author gets a path + message. */
+  userId: e.string().min(1).regex(
+    /^[\x20-\x7E]+$/,
+    "must be printable ASCII with no line breaks (it becomes an HTTP header value)"
+  ).optional(),
+  theme: e.object({
+    /** Any CSS color; becomes --kai-color-primary on the host. */
+    accent: e.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: e.string().optional(),
+    mode: e.enum(["light", "dark", "system"]).default("system")
+  }).strict().optional(),
+  /** Construct-wide header chrome, valid on every layout (not layout-scoped
+   *  like `widget`, and not a capability toggle — a header is a construct-
+   *  wide fact, like `theme`). Rendered inside ChatThread's own built-in
+   *  header bar; a logo/icon projects through the kit's EXISTING
+   *  `header-start` named slot (`slots` vocabulary above), not a second
+   *  image-prop convention here. */
+  header: e.object({
+    /** Rendered in ChatThread's built-in header bar (left side). Construct-
+     *  authored/untrusted text, like theme.accent/provider.url — JSON.stringify'd
+     *  at its one emit site, never a raw JSX attribute string. */
+    title: e.string().min(1).optional()
+  }).strict().optional(),
+  /** Greeting shown while the thread is empty (no messages yet) — the
+   *  proven "welcome screen" pattern (Intercom-class): title + optional
+   *  description + optional icon above, with `capabilities.starters`'
+   *  chips and the composer still rendering below (ChatThread's `empty`
+   *  REPLACE slot only stands in for the empty MESSAGE LIST — see
+   *  chat-thread.tsx's own doc comment on `empty` — so the chips are
+   *  never lost). Construct-wide like `header`, not a capability: it's a
+   *  fact about the empty state, not a toggleable affordance.
+   *  `title`/`description` are construct-authored/untrusted text, like
+   *  `header.title`/`theme.accent`/`provider.url` — JSON.stringify'd at
+   *  their one emit site, never a raw JSX attribute string. `icon` is a
+   *  URL reaching an `<img src>` sink in emitted code, exactly like
+   *  `widget.launcherIcon` — same `isSafeUrl` policy, same superRefine
+   *  shape, below. */
+  empty: e.object({
+    title: e.string().min(1),
+    description: e.string().min(1).optional(),
+    icon: e.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: e.object({
+    greeting: e.object({ title: e.string().min(1).optional(), subtitle: e.string().min(1).optional() }).strict().optional(),
+    recentConversation: e.literal(!0).optional(),
+    newConversation: e.object({ label: e.string().min(1).optional() }).strict().optional(),
+    links: e.array(
+      e.object({
+        label: e.string().min(1),
+        href: e.string().min(1).optional(),
+        description: e.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: e.string().min(1).optional()
+      }).strict()
+    ).optional()
+  }).strict().optional(),
+  // Capability vocabulary, widened one field at a time by later tasks.
+  capabilities: e.object({
+    /** Starter prompts shown on the empty thread; clicking one sends it.
+     *  1-6 non-empty strings — construct-authored text, escaped like
+     *  `theme.accent`/`provider.url` at every emit interpolation site. */
+    starters: e.array(e.string().min(1)).min(1).max(6).optional(),
+    /** Enables the paperclip attach affordance; accept is a non-empty
+     *  list of media types/globs, e.g. ["image/*", "application/pdf"] —
+     *  WHETHER stays with the construct author (this field), HOW stays
+     *  with the kit (ChatThread's own attach/accept props, threaded
+     *  through by codegen). */
+    attachments: e.object({
+      /** Accept-list of media types/globs, e.g. ["image/*", "application/pdf"]. */
+      accept: e.array(e.string().min(1)).min(1)
+    }).strict().optional(),
+    /** Conversation persistence. `none` (default, nothing emitted): the
+     *  thread lives only in memory for the tab's lifetime. `local`:
+     *  persisted to this browser's localStorage, keyed by the construct's
+     *  tag — a mechanism decision (WHERE); what to retain and for how
+     *  long stays an app decision (component-scope-boundary), so no
+     *  retention count/quota lands here. `endpoint`: the CONSUMER's own
+     *  thread route (GET returns ChatMessage[], PUT stores them) —
+     *  requires `url`; `url` is rejected for any other persistence
+     *  (superRefine below, both directions loud). */
+    history: e.object({
+      persistence: e.enum(["none", "local", "endpoint"]),
+      /** endpoint persistence only: the CONSUMER's thread routes (GET returns
+       *  ChatMessage[], PUT stores them). Refined below. */
+      url: e.string().min(1).optional()
+    }).strict().optional(),
+    /** How the model's thinking (reasoning parts) renders. `'full'`
+     *  (the default when omitted — see codegen.ts's emitReasoningProp)
+     *  is the collapsible "Thinking" disclosure, shimmering while it
+     *  streams. `'compact'` shows only a shimmer/typing loader while
+     *  reasoning streams, with no expandable detail. `'off'` hides
+     *  reasoning entirely. This is HOW an existing medium fact (the
+     *  model's thinking) displays — the kit's call — so it maps straight
+     *  onto ChatThread's own `reasoning` prop; there is no app-layer
+     *  quota or retention decision hiding in it. Left `.optional()`
+     *  rather than `.default('full')`, matching every sibling field in
+     *  this object: a zod `.default()` here would make `reasoning`
+     *  REQUIRED on the inferred input type (z.infer is the output type),
+     *  breaking every `capabilities: {...}` object literal in this file
+     *  and its tests that doesn't mention it. */
+    reasoning: e.enum(["full", "compact", "off"]).optional(),
+    /** Seeds the reasoning disclosure open AND keeps it tracking the
+     *  stream (open while streaming, closes when it settles) — the
+     *  pre-Task-19f `full` behavior. Default false/absent: the panel
+     *  starts closed (just the "Thinking" shimmer chip) and only opens
+     *  on click — the current default (owner ruling, 2026-08-26).
+     *  Meaningless when `reasoning` is `'compact'` (no expandable
+     *  content exists) or `'off'` (nothing renders); rejected on both,
+     *  loudly, below. */
+    reasoningOpen: e.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: e.literal(!0).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
+   *  something the construct's model can DO at any point once a card is
+   *  declared, not a thread-affordance toggle like starters/attachments/
+   *  reasoning. Reuses the kit's own card-tool projection end to end
+   *  (`cardTools`/`toOpenAITools`/`toAnthropicTools`, `@kitn.ai/ui/schemas`)
+   *  — never a second one authored here. `schema` is validated structurally
+   *  only; deep card validation (incl. `x-kai-format` mask hints) is the
+   *  kit's own card contract at render time. */
+  cards: e.array(
+    e.object({
+      /** Tool-facing card name, e.g. "refund_approval". */
+      name: e.string().regex(/^[a-z][a-z0-9_]*$/),
+      /** The kit's card schema JSON (incl. x-kai-format mask hints).
+       *  Validated structurally here; deep card validation is the kit's
+       *  own card contract at render time. */
+      schema: e.record(e.string(), e.unknown())
+    }).strict()
+  ).min(1).optional(),
+  /** Named `<slot>` projection points the emitted web component exposes —
+   *  the format's ONLY escape hatch (named slots, no code-in-JSON). Each
+   *  name must be a valid HTML slot-attribute value AND a legible
+   *  identifier: kebab-case, starting with a letter (the same shape as a
+   *  CSS custom-ident) — `slot name="Header!"` is rejected, not sanitized,
+   *  matching the format's loud-rejection discipline everywhere else.
+   *  1-8 entries, no duplicates (superRefine below — a regex alone can't
+   *  see across array entries). `layout: 'custom'` requires at least one
+   *  declared slot (superRefine below): `custom` IS the slots grain — a
+   *  `custom` layout with nothing to project into is not meaningfully
+   *  different from `fullscreen`. */
+  slots: e.array(e.string().regex(/^[a-z][a-z0-9-]*$/, "slot names must be kebab-case, starting with a letter")).min(1).max(8).optional(),
+  /** Layout-scoped FAB chrome, `layout: 'widget'` only (superRefine below).
+   *  Purely additive sibling to `layout` (widen-never-restructure) — mirrors
+   *  Dock's own props verbatim, threaded through by codegen's emitLayoutOpen. */
+  widget: e.object({
+    /** Which corner. Mirrors Dock's own DockPosition enum verbatim — not a
+     *  new left/right binary. Omitted keeps Dock's own default (bottom-end). */
+    position: e.enum(["bottom-end", "bottom-start", "top-end", "top-start"]).optional(),
+    /** An image URL for the closed-state launcher glyph, replacing Dock's
+     *  built-in chat-bubble icon. Construct-authored/untrusted text, like
+     *  theme.accent and provider.url — escaped the same way at its one emit site. */
+    launcherIcon: e.string().min(1).optional(),
+    /** Seed Dock's open state at mount. Uncontrolled — never steals focus (Dock's
+     *  own focus contract, dock.tsx). Omitted keeps Dock's own default (closed). */
+    defaultOpen: e.boolean().optional()
+  }).strict().optional()
+}).strict().superRefine((t, o) => {
+  var c, p, d, m, u, h, g;
+  if (t.slots) {
+    const a = /* @__PURE__ */ new Set();
+    t.slots.forEach((s, b) => {
+      a.has(s) && o.addIssue({
+        code: e.ZodIssueCode.custom,
+        path: ["slots", b],
+        message: `duplicate slot name "${s}"`
+      }), a.add(s);
+    });
+  }
+  if (t.layout === "custom" && (!t.slots || t.slots.length === 0) && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["slots"],
+    message: '"custom" layout requires at least one declared slot — custom IS the slots grain'
+  }), t.layout === "split" && t.slots) {
+    const a = t.slots.indexOf("pane");
+    a !== -1 && o.addIssue({
+      code: e.ZodIssueCode.custom,
+      path: ["slots", a],
+      message: `"pane" collides with the "split" layout's own fixed <slot name="pane"> — choose a different slot name`
+    });
+  }
+  t.widget && t.layout !== "widget" && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["widget"],
+    message: '"widget" is only valid on layout: "widget"'
+  }), (c = t.widget) != null && c.launcherIcon && !r(t.widget.launcherIcon) && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["widget", "launcherIcon"],
+    message: "launcherIcon must be an http(s)/mailto or relative URL — no javascript:/data: schemes"
+  }), (p = t.empty) != null && p.icon && !r(t.empty.icon) && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["empty", "icon"],
+    message: "icon must be an http(s)/mailto or relative URL — no javascript:/data: schemes"
+  });
+  const i = (d = t.capabilities) == null ? void 0 : d.reasoning;
+  ((m = t.capabilities) == null ? void 0 : m.reasoningOpen) !== void 0 && (i === "compact" || i === "off") && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["capabilities", "reasoningOpen"],
+    message: '"reasoningOpen" only applies when reasoning is "full" or omitted — "compact"/"off" have no disclosure to open'
+  });
+  const n = (u = t.capabilities) == null ? void 0 : u.history;
+  (h = t.capabilities) != null && h.conversations && (!n || n.persistence === "none") && o.addIssue({
+    code: e.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 f = /^[a-zA-Z][a-zA-Z0-9+.-]*:|^\/\//;
+  for (const [a, s] of (((g = t.home) == null ? void 0 : g.links) ?? []).entries())
+    s.href && !r(s.href) && o.addIssue({
+      code: e.ZodIssueCode.custom,
+      path: ["home", "links", a, "href"],
+      message: "href must be an http(s)/mailto or relative URL — no javascript:/data: schemes"
+    }), s.icon && f.test(s.icon) && !r(s.icon) && o.addIssue({
+      code: e.ZodIssueCode.custom,
+      path: ["home", "links", a, "icon"],
+      message: "icon must be a kit icon name or an http(s)/relative URL — no javascript:/data: schemes"
+    });
+  n && (n.persistence === "endpoint" && !n.url && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["capabilities", "history", "url"],
+    message: '"endpoint" persistence requires a url'
+  }), n.persistence !== "endpoint" && n.url !== void 0 && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["capabilities", "history", "url"],
+    message: 'url is only valid with "endpoint" persistence'
+  }));
+});
+function S(t) {
+  const o = j.safeParse(t);
+  return o.success ? { ok: !0, construct: o.data } : {
+    ok: !1,
+    problems: o.error.issues.flatMap((i) => i.code === "unrecognized_keys" ? i.keys.map((l) => ({
+      path: [...i.path.map(String), l].join("."),
+      message: `"${l}" is not construct vocabulary`
+    })) : [
+      {
+        path: i.path.map(String).join("."),
+        message: i.message
+      }
+    ])
+  };
+}
+export {
+  k as CONSTRUCT_SCHEMA_URL,
+  j as ConstructSchema,
+  S as validateConstruct
+};

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

@@ -1 +1 @@
-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};
+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-CI0y3eE4.js";import{H,a as M,b as $}from"./hover-card-CWRkqm40.js";import{c as h}from"./cn-DN5AWfiS.js";import{B as E}from"./button-C_3te6fm.js";import{P as G}from"./progress-bar-CiBtxMWT.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-BagRpyHv.js

@@ -0,0 +1 @@
+import{g as c}from"./define-CI0y3eE4.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 → conversation-item-BsOsVGmT.js}

@@ -1 +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};
+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-CI0y3eE4.js";import{c as l}from"./cn-DN5AWfiS.js";import{m as M}from"./message-square-BLbsd9BJ.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 → conversation-list-aX3Vtc7L.js}

@@ -1 +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};
+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-CI0y3eE4.js";import{c as S}from"./cn-DN5AWfiS.js";import{a as P,b as R,C as U}from"./collapsible-Bhc636Cf.js";import{B as I}from"./button-C_3te6fm.js";import{B as F}from"./badge-Dh_vp8A5.js";import{S as B}from"./scroll-area-zRyXoLhI.js";import{C as D}from"./conversation-item-BsOsVGmT.js";import{I as H}from"./Icon-BzBET3E-.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-n9u9rqpi.js → copy-BmEwsNhJ.js}

@@ -1 +1 @@
-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};
+import{I as a}from"./Icon-BzBET3E-.js";import{c as o,q as c}from"./define-CI0y3eE4.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};