@kitn.ai/ui 0.26.0 → 0.27.0

package/dist/components/form.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from 'solid-js';
 import { CardHost, CardResolution } from '../primitives/card-contract.js';
+import { FieldSemanticType } from '../primitives/field-semantics.js';
 import { FormDefinition, FormField } from '../primitives/card-data-types.js';
 export type { FormCardEnvelope, FormDefinition, FormField, } from '../primitives/card-data-types.js';
 /** The internal widget identifiers `widgetFor` resolves to. */
@@ -8,6 +9,49 @@ export declare const DEFAULT_INLINE_MAX = 4;
 /** Resolve the widget for a field. An explicit valid `x-kai-widget` always wins;
  *  otherwise the type/format/enum/constraint combination selects the widget. */
 export declare function widgetFor(field: FormField, inlineMax: number): WidgetKind;
+/**
+ * What one field's `x-kai-*` format hints resolve to.
+ *
+ * The three props on the left are `Input`'s masking surface verbatim;
+ * `hint` is the TEXT statement of the expected format, which `FieldRow` renders and
+ * links through its EXISTING `aria-describedby` chain (no third channel).
+ * Every field is `undefined` when the field carries no hints, which is what "byte for
+ * byte the behavior of today" means here.
+ */
+export interface FieldMaskHint {
+    /** The compiled-clean mask pattern handed to `Input`'s `format`. */
+    format?: string;
+    /** An explicit, aligned display guide. Absent = the pattern derives its own. */
+    guide?: string;
+    /** The tier-1 semantic type: `inputmode`, `autocomplete`, and the canonical form. */
+    semantic?: FieldSemanticType;
+    /** The expected format, stated in text for the description chain. */
+    hint?: string;
+    /**
+     * Everything that was ignored and why, as DATA rather than as a side effect.
+     *
+     * Resolution runs inside a memo on a render path, so it must never throw and must
+     * not warn twice for the same reason on a re-render. Returning the messages lets
+     * `FieldRow` own the once-per-row discipline and lets the pure tests assert the
+     * wording without a console spy.
+     */
+    warnings: string[];
+}
+/** The resolution of a field with no format hints: shared, frozen, and the default
+ *  every non-text widget carries so the prop bag has one shape. */
+export declare const EMPTY_MASK_HINT: FieldMaskHint;
+/**
+ * Resolve a field's `x-kai-format` / `x-kai-mask` / `x-kai-mask-guide` into the
+ * masking props `Input` takes, or into nothing at all.
+ *
+ * EVERY INPUT HERE IS MODEL OUTPUT and therefore untrusted. The hints are
+ * display-only — they produce text and caret positions, never HTML, a URL or an
+ * attribute on a navigable element — so this is about denial of service and
+ * confusion, not injection: an unknown token, a pattern the engine refuses and a
+ * misaligned guide each degrade to the largest thing that still works, and say so.
+ * A THROW here would take out the whole card, including the fields that were fine.
+ */
+export declare function resolveFieldMask(field: FormField, fieldKey?: string): FieldMaskHint;
 /** Humanize a camelCase / snake_case property key into a label. */
 export declare function humanize(key: string): string;
 /** Field order: `x-kai-order` (filtered to known keys, missing appended) if
@@ -122,10 +166,11 @@ interface FieldRowProps {
  * signal behind the prop it read. The object identity is constant, so the
  * `WidgetSwitch` prop below never changes either.
  */
-export declare function fieldCommon(props: FieldRowProps, id: string, placeholder: () => string | undefined, label: () => string, describedBy?: () => string | undefined): ReturnType<FieldRowCommon>;
+export declare function fieldCommon(props: FieldRowProps, id: string, placeholder: () => string | undefined, label: () => string, describedBy?: () => string | undefined, mask?: () => FieldMaskHint, labelledBy?: () => string | undefined): ReturnType<FieldRowCommon>;
 type FieldRowCommon = () => {
     id: string;
     value: unknown;
+    mask: FieldMaskHint;
     field: FormField;
     disabled: boolean;
     placeholder?: string;
@@ -133,6 +178,8 @@ type FieldRowCommon = () => {
     invalid: boolean;
     describedBy?: string;
     label: string;
+    /** The id of the row's visible <label>, for widgets that name a GROUP. */
+    labelledBy?: string;
     onInput: (v: unknown) => void;
     onBlur: () => void;
 };

package/dist/components/message.d.ts

@@ -105,6 +105,12 @@ export interface MessageBodyProps {
      *  the kit checks its own seven built-ins and leaves your own card type
      *  unvalidated. A schema here WINS over a built-in of the same name. */
     cardSchemas?: CardSchemaMap;
+    /** The custom-element host node to emit card events off when no `CardProvider`
+     *  is above this body, forwarded to `CardRenderer` as `hostElement`. The
+     *  `<kai-chat>`/`<kai-message>`/`<kai-thread>` facades pass their own element,
+     *  so a `card` part's events leave as the bubbling `kai-card` CustomEvent
+     *  instead of being silently discarded. */
+    cardHostElement?: HTMLElement;
     /** Whether this is a user message (right-aligned bubble) vs an assistant
      *  message (full-width transparent). */
     isUser: boolean;
@@ -125,11 +131,27 @@ export interface MessageBodyProps {
     copied?: boolean;
     /** Whether this message is the one currently streaming. Forwarded to each
      *  reasoning part's `<Reasoning>` so the disclosure auto-opens while the
-     *  model is thinking and settles back once the stream ends (F-21: without it
-     *  the user watches a static collapsed "Reasoning" label for the whole
-     *  thinking window). The caller owns the definition of "streaming" — for
+     *  model is thinking and settles back once the stream ends. Without it the
+     *  user watches a static collapsed "Reasoning" label for the whole thinking
+     *  window. The caller owns the definition of "streaming" — for
      *  `ChatThread` that is `loading` + being the last assistant message. */
     isStreaming?: boolean;
+    /** How a `reasoning` part renders. `'full'` (default) is the current
+     *  behavior: the collapsible `<Reasoning>` disclosure, with the "Thinking…"
+     *  shimmer on its trigger while `isStreaming`. `'compact'` drops the
+     *  disclosure entirely and shows only a shimmer loader while the part is
+     *  streaming — nothing once it settles, so there is no expandable detail to
+     *  open. `'off'` renders the part not at all, in either state. Kit-decides-
+     *  HOW: this is a display-mode fact about the medium, not a per-message
+     *  toggle, so it applies uniformly to every reasoning part in the body. */
+    reasoningMode?: 'full' | 'compact' | 'off';
+    /** 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 `reasoningMode` is
+     *  `'compact'`/`'off'` (no disclosure exists to open). */
+    reasoningDefaultOpen?: boolean;
     /** INJECT slot projected at the TOP of the body — above the reasoning / tools /
      *  content. A per-message header: a model-name label, a role + timestamp line.
      *  In the `<kai-message>` shadow this is `<slot name="before-body" />`. */

package/dist/components/reasoning.d.ts

@@ -18,6 +18,12 @@ export interface ReasoningProps {
     disabled?: boolean;
     /** Receive the open controller (open accessor + setOpen) once mounted. */
     controllerRef?: (api: ReasoningController) => void;
+    /** Keep auto-opening while streaming and auto-closing when it settles (the
+     *  pre-Task-19f `full` behavior). Default false: the panel starts per
+     *  `defaultOpen` and stays exactly where the user leaves it — streaming only
+     *  changes the trigger's label (shimmer), never the open state, matching the
+     *  "closed chip, expand on click" default (owner ruling, 2026-08-26). */
+    openOnStream?: boolean;
 }
 declare function Reasoning(props: ReasoningProps): JSX.Element;
 export interface ReasoningTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/components/scroll-button.d.ts

@@ -2,6 +2,17 @@ export interface ScrollButtonProps {
     class?: string;
     variant?: 'outline' | 'ghost' | 'default';
     size?: 'sm' | 'md' | 'lg' | 'icon' | 'icon-sm';
+    /**
+     * The button's accessible name. Used whether or not the label is visible, so
+     * the announced text is always localisable. Defaults to `"Scroll to bottom"`.
+     */
+    label?: string;
+    /**
+     * Also render `label` visibly beside the icon. Defaults to `false` (icon
+     * only). When it is visible the text IS the accessible name, so nothing is
+     * announced twice.
+     */
+    showLabel?: boolean;
 }
 declare function ScrollButton(props: ScrollButtonProps): import("solid-js").JSX.Element;
 export { ScrollButton };

package/dist/components/thread.d.ts

@@ -27,6 +27,11 @@ export interface ThreadProps {
      *  the kit checks its own seven built-ins and leaves your own card type
      *  unvalidated. A schema here WINS over a built-in of the same name. */
     cardSchemas?: CardSchemaMap;
+    /** The custom-element host node to emit card events off when no `CardProvider`
+     *  is present, forwarded through `MessageBody` to `CardRenderer`. The
+     *  element facades pass their own host element so card events leave as the
+     *  bubbling `kai-card` CustomEvent. */
+    cardHostElement?: HTMLElement;
     /** Show a typing indicator on the pending assistant turn — use while awaiting
      *  the assistant's reply. */
     loading?: boolean;

package/dist/components/tool-types.d.ts

@@ -23,6 +23,15 @@ export interface ToolPart {
     type: string;
     /** Semantic classification for rendering. Derive with classifyTool(type). */
     kind?: ToolKind;
+    /** The call's lifecycle. A provider stream (real or `createMockResponder`)
+     *  only ever ANNOUNCES a call: arguments stream in (`input-streaming`), then
+     *  the part parks at `input-available` — and stays there. The kit parses and
+     *  renders the call; EXECUTING it and answering is the host's side of the
+     *  seam: after the read settles, run the tool and patch the part forward with
+     *  `stream.upsertTool(id, { state: 'output-available', output })` (or
+     *  `upsertToolPart`), or `output-error` + `errorText` on failure. The one
+     *  exception is a call the provider ran itself (`raw` carries the result and
+     *  the wire sets `output` directly) — never re-execute those. */
     state: 'input-streaming' | 'input-available' | 'output-available' | 'output-error';
     /** Last VALID parsed snapshot, fingerprint-deduped. The primary channel: this is
      *  what the kit renders. */

package/dist/composer-CjngLzal.js

@@ -0,0 +1,106 @@
+import{A as Ye,g as z,w as Je,k as Z,j as de,o as ue,x as De,h as Ze,i as N,u as Ne,a as H,d as O,b as Q,l as ee,c as $,F as Oe,S as G,t as S,O as Qe,e as et}from"./define-CGGX-7Vg.js";import{c as P}from"./cn-DN5AWfiS.js";import{u as tt,c as nt,a as rt}from"./overlay-C1od6LOz.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;
+          /* middle (not baseline): a flex pill's baseline differs with/without an
+             icon, which misaligns adjacent pills \u2014 middle aligns them consistently. */
+          vertical-align: middle; height: 1.5em;
+          /* Asymmetric margin: a roomier trailing gap (so typed text isn't flush
+             after a pill) + a smaller leading gap. */
+          margin: 0 0.3rem 0 0.1rem;
+          border-radius: 0.375rem;
+          font-weight: 500; white-space: nowrap; user-select: none; cursor: default;
+          box-sizing: border-box; line-height: 1;
+        }
+        /* Skills + agents: LIGHT \u2014 decorated inline text led by a sigil, NOT a
+           chip. A distinct colour per kind (overridable); the sigil is dimmer
+           than the label. (A GUI affords this richer-but-light look; a CLI can't.) */
+        .kai-composer-pill[data-kind="skill"],
+        .kai-composer-pill[data-kind="agent"] {
+          padding: 0 0.1rem; background: transparent;
+          /* Read like a command, not a title \u2014 lowercase the DISPLAY only; the
+             entity label + emitted payload keep the consumer's original casing. */
+          text-transform: lowercase;
+        }
+        .kai-composer-pill[data-kind="skill"] { color: var(--kai-pill-skill, #2563eb); }
+        .kai-composer-pill[data-kind="agent"] { color: var(--kai-pill-agent, #7c3aed); }
+        /* Brighter hues on dark so they don't muddy against a dark field. The
+           consumer's --kai-pill-* override still wins (it's the var value); only
+           the FALLBACK shifts per scheme.
+
+           Keyed on the kit's RESOLVED theme (the \`.dark\` wrapper an element
+           facade puts inside its shadow root, and the \`.dark\` class the docs /
+           Storybook put on &lt;html>) \u2014 NOT \`prefers-color-scheme\`. Those are
+           different questions: \`theme="light"\` on a machine whose OS is dark is
+           an ordinary, common configuration, and the media query answered the OS
+           while the surface under the pill answered the attribute. That painted
+           the DARK hue (#6ea8fe) on the LIGHT field: 2.33:1, under both the
+           4.5:1 text floor (SC 1.4.3) and even 3:1. Matched pairs looked fine,
+           which is why it survived \u2014 never scheme-match a colour whose backdrop
+           is chosen by the theme attribute. */
+        .dark .kai-composer-pill[data-kind="skill"] { color: var(--kai-pill-skill, #6ea8fe); }
+        .dark .kai-composer-pill[data-kind="agent"] { color: var(--kai-pill-agent, #c4a7fc); }
+        /* Dimmer than the label, but the sigil is what makes a pill read as
+           \`/skill\` vs \`@agent\`, so it is a meaningful glyph and owes 3:1
+           (SC 1.4.11). At 0.6 the light-mode composite was 2.52:1. */
+        .kai-composer-pill-sigil { opacity: 0.8; font-weight: 600; }
+        /* Plugins (and any other/unknown kind): the richer CHIP \u2014 background +
+           icon \u2014 so a composite bundle reads differently at a glance. */
+        .kai-composer-pill:not([data-kind="skill"]):not([data-kind="agent"]) {
+          padding: 0 0.4rem;
+          background-color: color-mix(in srgb, currentColor 10%, transparent);
+        }
+        /* Selected (caret arrowed onto the pill): a highlight box, like Claude
+           Code web. Tinted by the pill's own colour via currentColor. */
+        .kai-composer-pill[data-selected] {
+          background-color: color-mix(in srgb, currentColor 18%, transparent);
+          box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 30%, transparent);
+        }
+        /* Fixed height + an icon never taller than the box \u2192 iconed and iconless
+           pills are exactly the same height (no baseline shift in the line). */
+        .kai-composer-pill-icon { width: 1em; height: 1em; flex-shrink: 0; }
+        img.kai-composer-pill-icon { border-radius: 9999px; object-fit: cover; }
+        .kai-composer-pill-glyph { display: inline-flex; align-items: center; justify-content: center; opacity: 0.8; }
+        .kai-composer-pill-glyph svg { width: 1em; height: 1em; display: block; }
+        /* The editable is the containing block for the placeholder pseudo-element. */
+        [data-kai-composer-editable] { position: relative; }
+        /* While a pill is arrow-selected the pill IS the selection, so hide the text
+           caret so a blinking cursor doesn't sit beside the highlight box. Returns
+           the moment the pill selection clears (arrow off, type, click, backspace). */
+        [data-kai-composer-editable][data-pill-selected] { caret-color: transparent; }
+        /* Placeholder via pseudo-element \u2014 exempt from axe color-contrast like a
+           native &lt;textarea> placeholder. position:absolute (with auto offsets =
+           its static text-origin spot) takes it OUT of flow, so the caret sits at
+           the START of the field instead of after the placeholder text. */
+        [data-kai-composer-editable].kai-composer-empty::before {
+          content: attr(data-placeholder);
+          position: absolute;
+          color: var(--color-muted-foreground, #9ca3af);
+          pointer-events: none;
+        }
+      `),gt=S("<div class=relative><div data-kai-composer-editable role=textbox aria-multiline=true>"),mt=S("<div role=listbox aria-label=Suggestions style=position:fixed>"),kt=S('<div class="px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground select-none">'),yt=S('<span class="text-muted-foreground truncate min-w-0">'),vt=S('<button role=option><span class="font-medium whitespace-nowrap shrink-0">'),bt=S('<span class="kai-composer-pill-glyph w-4 h-4 shrink-0"aria-hidden=true>'),xt=S('<img alt class="w-4 h-4 rounded object-cover shrink-0">'),wt=S("<div>");function E(n){var l;const t=n.getRootNode();return typeof ShadowRoot<"u"&&t instanceof ShadowRoot&&typeof t.getSelection=="function"?t.getSelection():((l=n.ownerDocument)==null?void 0:l.getSelection())??null}function $e(n){let l="";const t=re(n);let i=t.nextNode();for(;i;)l+=(i.textContent??"").split(C).join(""),i=t.nextNode();return l}function ge(n){const l=E(n);if(!l||l.rangeCount===0)return 0;const t=l.getRangeAt(0);if(!t.collapsed)return 0;const{startContainer:i,startOffset:u}=t;let s=0;const h=re(n);let f=h.nextNode();for(;f;){if(f===i){const k=(f.textContent??"").slice(0,u);return s+=k.split(C).join("").length,s}s+=(f.textContent??"").split(C).join("").length,f=h.nextNode()}return s}function Ct(n){const l=n.ownerDocument,t=E(n);if(!t||t.rangeCount===0)return null;const i=t.getRangeAt(0).cloneRange();i.collapse(!0);const u=i.getClientRects();if(u.length>0&&(u[0].width>0||u[0].height>0))return u[0];const s=l.createElement("span");s.textContent="\u200B",s.style.position="absolute",s.style.visibility="hidden",i.insertNode(s);const h=s.getBoundingClientRect();return s.remove(),h.width>0||h.height>0?h:null}function Tt(n,l){const t=E(n);if(!t)return;const i=n.ownerDocument.createRange(),u=re(n);let s=l,h=u.nextNode(),f=!1;for(;h;){const k=h.textContent??"",x=k.split(C).join("").length;if(s<=x){let w=0,y=0;for(;w<k.length&&y<s;)k[w]!==C&&y++,w++;for(;w<k.length&&k[w]===C;)w++;i.setStart(h,w),f=!0;break}s-=x,h=u.nextNode()}f?i.collapse(!0):(i.selectNodeContents(n),i.collapse(!1)),t.removeAllRanges(),t.addRange(i)}function Rt(n){const l=Ye();let t;const[i,u]=z(),s=`kai-composer-highlight-${Je()}`,[h,f]=z(ne(M(n.value))),[k,x]=z(null),w=e=>{const r=k();r&&r!==e&&r.removeAttribute("data-selected"),e.setAttribute("data-selected",""),x(e)},y=()=>{const e=k();e&&(e.removeAttribute("data-selected"),x(null))},A=ht({doc:M(n.value),caret:0});let v=0;const b=500,[p,m]=z(null),[T,q]=z(0),R=Z(()=>{const e=p();if(!(e!=null&&e.def.items))return[];const r=new Set(he(L(t)).map(o=>`${o.kind}:${o.id}`)),a=e.query.toLowerCase();return e.def.items.filter(o=>{var c;const d=o.kind??e.def.kind;return r.has(`${d}:${o.id}`)?!1:a===""?!0:o.label.toLowerCase().includes(a)||(((c=o.description)==null?void 0:c.toLowerCase().includes(a))??!1)})}),Me=Z(()=>{const e=[];return R().forEach((r,a)=>{let o=e.find(c=>c.group===r.group);o||(o={group:r.group,items:[]},e.push(o)),o.items.push({item:r,index:a})}),e}),ie=Z(()=>R().length>0),me=e=>{var r;return e.kind??((r=p())==null?void 0:r.def.kind)??""},qe=e=>{var r;return e.icon??((r=n.kindIcons)==null?void 0:r[me(e)])};de(()=>{const e=R().length;T()>=e&&q(Math.max(0,e-1))});const Be=Z(()=>{const e=p();if(!e)return;const r=e.caretRect;return{getBoundingClientRect:()=>r}}),{pos:ke,hidden:Ke}=tt(Be,i,{placement:"bottom-start",gutter:4}),{present:je,state:He,setRef:Fe}=nt(ie);rt({enabled:ie,onDismiss:()=>B(),refs:()=>[t,i()]});function B(){var e;p()&&(m(null),(e=n.onTriggerClose)==null||e.call(n))}const K=()=>{const e=L(t);return{doc:e,text:te(e),entities:he(e)}};function X(){const e=n.highlights,r=e!=null&&e.length?st($e(t),e):[];ut(t,r,C,s)}ue(()=>{oe(t,M(n.value),t.ownerDocument,n.kindIcons),f(ne(L(t))),X(),A.reset({doc:L(t),caret:0})}),de(De(()=>n.value,e=>{te(M(e))!==te(L(t))&&(y(),oe(t,M(e),t.ownerDocument,n.kindIcons),f(ne(L(t))),X(),A.reset({doc:L(t),caret:0}))},{defer:!0})),de(De(()=>n.highlights,()=>X(),{defer:!0}));function ye(){var e;const r=n.triggers;if(!(r!=null&&r.length)){p()&&B();return}const a=$e(t),o=ge(t),c=at(a,o,r);if(c){const d=Ct(t);if(d){const g=p();m({def:c.def,query:c.query,start:c.start,caretRect:d}),(!g||g.def.char!==c.def.char||g.query!==c.query)&&((e=n.onTrigger)==null||e.call(n,{char:c.def.char,query:c.query,rect:d}))}}else p()&&B()}const W=e=>{var r;f(ne(e.doc)),(r=n.onChange)==null||r.call(n,e),ye(),X()},_e=()=>{y();const e=K();W(e);const r=Date.now();A.record({doc:e.doc,caret:ge(t)},r-v<b),v=r},ve=()=>{const e=K();W(e),A.record({doc:e.doc,caret:ge(t)},!1),v=0},be=e=>{y(),oe(t,e.doc,t.ownerDocument,n.kindIcons),Tt(t,e.caret),W(K()),v=0},ze=()=>{const e=A.undo();e&&be(e)},xe=()=>{const e=A.redo();e&&be(e)};let ae=!1;const Ge=e=>{var r;ae=!0,(r=n.onFocus)==null||r.call(n,e)},Pe=e=>{var r;ae=!1,y(),(r=n.onBlur)==null||r.call(n,e)};ue(()=>{const e=t.ownerDocument,r=()=>{ae&&ye()};e.addEventListener("selectionchange",r),Ze(()=>e.removeEventListener("selectionchange",r))}),ue(()=>{var e;(e=n.controllerRef)==null||e.call(n,{focus:r=>t.focus(r),blur:()=>t.blur(),clear:()=>{y(),oe(t,[],t.ownerDocument,n.kindIcons),W(K()),A.reset({doc:L(t),caret:0}),v=0},send:()=>{var r;return(r=n.onSubmit)==null?void 0:r.call(n,K())},insertEntity:r=>Ce(r)})});function we(e){const r=p();if(!r)return;const a={kind:e.kind??r.def.kind,id:e.id,label:e.label,icon:e.icon,promptText:e.promptText,data:e.data};Ce(a,{deleteBefore:1+r.query.length}),B()}const Ce=(e,r)=>{var a;const o=t.ownerDocument,c=E(t);if(!c||c.rangeCount===0)return;const d=c.getRangeAt(0);if(r!=null&&r.deleteBefore&&d.collapsed){let Y=r.deleteBefore,j=d.startContainer,_=d.startOffset;for(;Y>0&&j&&j.nodeType===3;){const Ve=j.textContent??"";for(;_>0&&Y>0;)_--,Ve[_]!==C&&Y--;if(Y>0){const J=j.previousSibling;if(J&&J.nodeType===3)j=J,_=(J.textContent??"").length;else break}}const ce=o.createRange();ce.setStart(j,_),ce.setEnd(d.startContainer,d.startOffset),ce.deleteContents()}const g=c.getRangeAt(0);g.collapsed||g.deleteContents();const I=Ie(o,e,n.kindIcons),D=o.createTextNode(C);g.insertNode(D),g.insertNode(I);const se=o.createRange();se.setStartAfter(D),se.collapse(!0),c.removeAllRanges(),c.addRange(se),(a=n.onEntityAdd)==null||a.call(n,e),ve()},V=e=>(e??"").split("").every(r=>r===C),F=e=>!!e&&e.nodeType===Node.TEXT_NODE&&V(e.textContent),Te=e=>{const{startContainer:r,startOffset:a}=e;if(r===t){let o=a-1;for(;F(t.childNodes[o]);)o--;const c=t.childNodes[o];return U(c)?c:null}if(r.nodeType===Node.TEXT_NODE){if(!V((r.textContent??"").slice(0,a)))return null;let o=r.previousSibling;for(;F(o);)o=o.previousSibling;return U(o)?o:null}return null},Re=e=>{const{startContainer:r,startOffset:a}=e;if(r===t){let o=a;for(;F(t.childNodes[o]);)o++;const c=t.childNodes[o];return U(c)?c:null}if(r.nodeType===Node.TEXT_NODE){if(!V((r.textContent??"").slice(a)))return null;let o=r.nextSibling;for(;F(o);)o=o.nextSibling;return U(o)?o:null}return null},Se=e=>{var r;const a=fe.get(e),o=e.nextSibling;o?.nodeType===Node.TEXT_NODE&&V(o.textContent)&&o.remove(),e.remove(),a&&((r=n.onEntityRemove)==null||r.call(n,a)),ve()},Ue=e=>{const r=E(t);if(!r)return;const a=t.ownerDocument.createRange();a.setStartBefore(e),a.collapse(!0),r.removeAllRanges(),r.addRange(a)},Ae=e=>{const r=E(t);if(!r)return;let a=e;for(;F(a.nextSibling);)a=a.nextSibling;const o=t.ownerDocument.createRange();o.setStartAfter(a),o.collapse(!0),r.removeAllRanges(),r.addRange(o)},Xe=e=>{var r;if((e.metaKey||e.ctrlKey)&&(e.key==="z"||e.key==="Z")){e.preventDefault(),e.shiftKey?xe():ze();return}if((e.metaKey||e.ctrlKey)&&(e.key==="y"||e.key==="Y")){e.preventDefault(),xe();return}if(ie()&&R().length>0){if(e.key==="ArrowDown"){e.preventDefault(),q(o=>(o+1)%R().length);return}if(e.key==="ArrowUp"){e.preventDefault(),q(o=>(o-1+R().length)%R().length);return}if(e.key==="Enter"||e.key==="Tab"){const o=R();if(o.length>0){e.preventDefault(),e.stopPropagation(),we(o[T()]);return}}if(e.key==="Escape"){e.preventDefault(),B();return}}else if(p()&&e.key==="Escape"){e.preventDefault(),B();return}const a=k();if(a&&a.isConnected){if(e.key==="ArrowLeft"){e.preventDefault(),Ue(a),y();return}if(e.key==="ArrowRight"){e.preventDefault(),Ae(a),y();return}if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault();const o=a.previousSibling;y(),Se(a);const c=E(t);if(c){const d=t.ownerDocument.createRange();o&&o.isConnected?d.setStartAfter(o):d.setStart(t,0),d.collapse(!0),c.removeAllRanges(),c.addRange(d)}return}if(e.key==="Escape"){e.preventDefault(),y();return}if(e.key==="Shift"||e.key==="Meta"||e.key==="Control"||e.key==="Alt")return;Ae(a),y()}if(!k()&&(e.key==="ArrowLeft"||e.key==="ArrowRight")&&!e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey){const o=E(t);if(o&&o.rangeCount>0){const c=o.getRangeAt(0);if(c.collapsed){const d=e.key==="ArrowLeft"?Te(c):Re(c);if(d){e.preventDefault(),w(d);return}}}}if(e.key==="Backspace"||e.key==="Delete"){const o=E(t);if(!o||o.rangeCount===0)return;const c=o.getRangeAt(0);if(!c.collapsed)return;const d=e.key==="Backspace"?Te(c):Re(c);if(d){e.preventDefault(),Se(d);return}}if(e.key==="Enter"&&!e.shiftKey&&n.submitOnEnter!==!1){if(e.preventDefault(),n.disabled||n.loading)return;(r=n.onSubmit)==null||r.call(n,K())}},le=()=>n.maxHeight??240,We=()=>n.editableClass??P("text-foreground min-h-[44px] w-full text-start overflow-y-auto whitespace-pre-wrap break-words",Qe(l.proseSize()),n.bare?"kai-focus-inset":"outline-none focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"),Ee=[(()=>{var e=pt();return N(e,`
+        /* MARKED text, not selected text. Reads --color-highlight (overridable via
+           --kai-color-highlight), a warm <mark> yellow. It used to be a 22% tint of
+           --color-primary with a #6366f1 indigo fallback \u2014 but the kit's
+           --color-primary is a NEUTRAL (near-black in light, near-white in dark),
+           so the indigo the fallback implied never appeared and the highlight
+           rendered plain grey in both themes.
+
+           NO \`prefers-color-scheme\` here, deliberately \u2014 the same trap that put
+           the pill hues below at 2.33:1. The OS scheme and the kit's RESOLVED
+           theme are different questions, and \`theme="light"\` on a dark-OS machine
+           is an ordinary configuration; a scheme-keyed value would paint the dark
+           amber on the light field. The pills answer this by scoping to \`.dark\`,
+           which is NOT available here: \`::highlight()\` names a document-registered
+           highlight, so there is no wrapper to hang a descendant selector on.
+
+           It does not need one. \`--color-highlight\` reaches this pseudo through
+           highlight inheritance from the ORIGINATING element \u2014 the text inside the
+           \`.dark\` wrapper \u2014 so the token already answers the resolved theme,
+           verified by rendering the dark amber under \`theme="dark"\` with only the
+           LIGHT literal below as a fallback. The literal is therefore reachable
+           only when no kit stylesheet is loaded at all, and it is deliberately the
+           light one: an unstyled page is a white page, and guessing from the OS is
+           exactly the failure above. */
+        ::highlight(${s}) { background-color: var(--color-highlight, hsl(45 96% 78%)); }
+      `),e})(),ft(),(()=>{var e=gt(),r=e.firstChild;return r.addEventListener("blur",Pe),r.addEventListener("focus",Ge),r.$$mousedown=y,r.$$keydown=Xe,r.$$input=_e,Ne(a=>{var o;t=a,(o=n.editableRef)==null||o.call(n,a)},r),H(a=>{var o=k()?"":void 0,c=n.placeholder??"",d=n.disabled?!1:"plaintext-only",g=n.ariaLabel||n.placeholder||"Message input",I=P(We(),h()&&n.placeholder?"kai-composer-empty":""),D=typeof le()=="number"?`${le()}px`:String(le());return o!==a.e&&O(r,"data-pill-selected",a.e=o),c!==a.t&&O(r,"data-placeholder",a.t=c),d!==a.a&&O(r,"contenteditable",a.a=d),g!==a.o&&O(r,"aria-label",a.o=g),I!==a.i&&Q(r,a.i=I),D!==a.n&&ee(r,"max-height",a.n=D),a},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),e})(),$(G,{get when(){return je()},get children(){var e=mt();return Ne(r=>{u(r),Fe(r)},e),N(e,$(Oe,{get each(){return Me()},children:r=>[$(G,{get when(){return r.group},get children(){var a=kt();return N(a,()=>r.group),a}}),$(Oe,{get each(){return r.items},children:a=>(()=>{var o=vt(),c=o.firstChild;return o.$$click=d=>{d.preventDefault(),we(a.item)},o.$$mousedown=d=>d.preventDefault(),o.addEventListener("mouseenter",()=>q(a.index)),N(o,$(G,{get when(){return qe(a.item)},get fallback(){return $(G,{get when(){return Le(me(a.item))},children:d=>(()=>{var g=bt();return H(()=>g.innerHTML=d()),g})()})},children:d=>(()=>{var g=xt();return H(()=>O(g,"src",d())),g})()}),c),N(c,()=>a.item.label),N(o,$(G,{get when(){return a.item.description},get children(){var d=yt();return N(d,()=>a.item.description),d}}),null),H(d=>{var g=T()===a.index,I=a.index,D=P("w-full flex items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors",T()===a.index?"bg-muted text-foreground":"text-foreground hover:bg-muted");return g!==d.e&&O(o,"aria-selected",d.e=g),I!==d.t&&O(o,"data-index",d.t=I),D!==d.a&&Q(o,d.a=D),d},{e:void 0,t:void 0,a:void 0}),o})()})]})),H(r=>{var a=He(),o=P("absolute z-50 min-w-[240px] max-w-[420px] max-h-[320px] overflow-y-auto rounded-lg bg-card shadow-lg py-1","border border-border"),c=`${ke().x}px`,d=`${ke().y}px`,g=Ke()?"hidden":"visible";return a!==r.e&&O(e,"data-state",r.e=a),o!==r.t&&Q(e,r.t=o),c!==r.a&&ee(e,"left",r.a=c),d!==r.o&&ee(e,"top",r.o=d),g!==r.i&&ee(e,"visibility",r.i=g),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),e}})];return n.bare?Ee:(()=>{var e=wt();return N(e,Ee),H(()=>Q(e,P("kai-composer relative rounded-xl bg-surface p-2","focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0",n.disabled&&"cursor-not-allowed opacity-60"))),e})()}et(["input","keydown","mousedown","click"]);export{Rt as C,he as e,M as n,te as s};

package/dist/confirm-card-DCx_A4bU.js

@@ -0,0 +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-CGGX-7Vg.js";import{c as K}from"./cn-DN5AWfiS.js";import{B as D}from"./button-BH6rN0U-.js";import{u as P,a as Q,C as x,D as V}from"./use-card-resolution-CJW4grFa.js";import{e as W}from"./card-routing-DifQgS7n.js";import{t as X}from"./triangle-alert-DHohDOCy.js";import{c as Y}from"./check-DPeeMUYx.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};