@kitn.ai/ui 0.29.0 → 0.31.0

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/components/chat-thread.d.ts

@@ -4,7 +4,7 @@ import { MessageActionDetail } from '../primitives/message-feedback.js';
 import { RejectedAttachment } from '../elements/default-input.js';
 import { MediaTypeFilter } from '../wire/media-types.js';
 import { TriggerDef } from './composer.js';
-import { ChatMessage } from '../elements/chat-types.js';
+import { ChatMessage, ChatMessageAction, CustomAction } from '../elements/chat-types.js';
 import { ProseSize } from '../primitives/chat-config.js';
 import { ModelOption, HomeConfig, HomeLinkEntry } from '../types.js';
 import { CardComponentMap } from '../primitives/card-registry.js';
@@ -230,6 +230,27 @@ export interface ChatThreadProps {
     /** Whether each message's action bar is always visible (`'always'`, default)
      *  or only revealed on hover of that message row (`'hover'`). */
     actionsReveal?: 'always' | 'hover';
+    /** Role-scoped DEFAULT action bars (B-7b): a user message with no `actions`
+     *  of its own gets `userActions`; an assistant message, `assistantActions`.
+     *  A per-message `m.actions` OVERRIDES the role default (replace, not
+     *  merge), so a message that sets `actions: []` renders NO action bar even
+     *  when a role default is set. Set as JS properties. */
+    userActions?: (ChatMessageAction | CustomAction)[];
+    /** See `userActions`, the assistant-role default. */
+    assistantActions?: (ChatMessageAction | CustomAction)[];
+    /** Hide the citations row consecutive `source` parts collapse into
+     *  (`part="citations"`, message.tsx). Named as a HIDE, not `sources:
+     *  boolean`, so absence-means-default stays unambiguous: absent/false is
+     *  today's rendering, byte-for-byte (B-8). */
+    hideSources?: boolean;
+    /** JSX rendered immediately BEFORE the composer region — the `emptyContent`
+     *  escape-hatch pattern verbatim (plain JSX handed down inside the same
+     *  tree, no Portal), for a caller composing ChatThread directly as a Solid
+     *  component (B-9). Not reachable through `<kai-chat>` (JSX has no
+     *  web-component consumer form — same boundary as `headerEndContent`). */
+    composerStart?: JSX.Element;
+    /** JSX rendered immediately AFTER the composer region (see composerStart). */
+    composerEnd?: JSX.Element;
     onValueChange?: (value: string) => void;
     onSubmit?: (detail: {
         value: string;
@@ -266,5 +287,10 @@ export interface ChatThreadController {
      *  `onOpenChange={(open) => !open && controller.closeConversationsList()}`
      *  at the call site covers all three with no per-path wiring. */
     closeConversationsList(): void;
+    /** Start a fresh conversation — the same path as the list view's "+ New
+     *  conversation" row: clears the active id, returns to the chat view,
+     *  and delivers `[]` through `onConversationLoad`. The imperative seam
+     *  the construct shell palette's "New conversation" entry drives (B-10). */
+    startNewConversation(): void;
 }
 export declare function ChatThread(props: ChatThreadProps): JSX.Element;

package/dist/components/construct-form-paths.d.ts

@@ -0,0 +1,54 @@
+import { z } from 'zod';
+import { Construct } from '../agent-tooling/construct/schema.js';
+export declare function getAtPath(construct: Construct, path: string): unknown;
+export declare function setAtPath(construct: Construct, path: string, value: unknown): Construct;
+export declare function deleteAtPath(construct: Construct, path: string): Construct;
+/** Registered copy of the schema's z.literal(true) leaves; the drift check
+ *  (derivePresenceBooleanPaths) fails a new presence-style key until it is
+ *  translated here. */
+export declare const PRESENCE_BOOLEAN_PATHS: readonly ["capabilities.conversations", "home.recentConversation", "shell.commandPalette"];
+export declare function readPresenceBoolean(c: Construct, path: string): boolean;
+export declare function writePresenceBoolean(c: Construct, path: string, on: boolean): Construct;
+export declare function derivePresenceBooleanPaths(): string[];
+export declare const ANCHORED_BOOLEAN_DEFAULTS: Record<string, boolean>;
+export declare function readAnchoredBoolean(c: Construct, path: string): boolean;
+export declare function writeAnchoredBoolean(c: Construct, path: string, next: boolean): Construct;
+export declare function unwrapSchema(node: z.ZodType): z.ZodType;
+export declare function schemaNodeAt(path: string): z.ZodType | undefined;
+export type ControlKind = {
+    kind: 'enum';
+    options: readonly string[];
+} | {
+    kind: 'boolean';
+} | {
+    kind: 'presence';
+} | {
+    kind: 'string';
+} | {
+    kind: 'string-list';
+} | {
+    kind: 'section';
+    keys: readonly string[];
+} | {
+    kind: 'complex';
+};
+export declare function controlKindFor(node: z.ZodType): ControlKind;
+export type RuleVisibility = {
+    treatment: 'hide-section';
+    section: string;
+} | {
+    treatment: 'disable-with-reason';
+    path: string;
+    reason: string;
+} | {
+    treatment: 'show-requires';
+    path: string;
+} | {
+    treatment: 'reject-only';
+};
+/** Keyed by CROSS_FIELD_RULES ids — the key-set-equality test in
+ *  construct-form-paths.test.ts fails a new superRefine rule until the
+ *  builder classifies it here (B-20's drift guard). `reject-only` means the
+ *  panel surfaces the rule only through validation problems (duplicates,
+ *  URL-scheme rejections — states the panel's own editors cannot produce). */
+export declare const RULE_VISIBILITY: Record<string, RuleVisibility>;

package/dist/components/message.d.ts

@@ -122,6 +122,11 @@ export interface MessageBodyProps {
     /** `'always'` (default) keeps the bar visible; `'hover'` reveals it on parent
      *  `.group` hover. */
     actionsReveal?: 'always' | 'hover';
+    /** Skip the citations row that consecutive `source` parts collapse into
+     *  (`part="citations"`). The parts STAY in `parts` — the wire encoder
+     *  still needs them, in order — only the rendering is skipped. Default
+     *  absent/false: today's rendering, byte-for-byte (B-8). */
+    hideSources?: boolean;
     /** Fired with the built-in name or custom id when an action is clicked. */
     onAction?: (id: string) => void;
     /** The currently-active feedback vote, so the bar can mark like/dislike and

package/dist/{composer-sQ0HcvyG.js → composer-B5IvgxAF.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-B3OpsIDE.js";import{c as P}from"./cn-DN5AWfiS.js";import{u as tt,c as nt,a as rt}from"./overlay-CDwKJtHN.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-B63pZIfG.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-B3OpsIDE.js";import{c as K}from"./cn-DN5AWfiS.js";import{B as D}from"./button-BM0YTTDQ.js";import{u as P,a as Q,C as x,D as V}from"./use-card-resolution-DILUvNyj.js";import{e as W}from"./card-routing-0YidER_3.js";import{t as X}from"./triangle-alert-CCtDUUmn.js";import{c as Y}from"./check-BG1VfYjm.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};