@kitn.ai/ui 0.18.2 → 0.20.0

package/dist/react.js

@@ -1,34 +1,34 @@
 "use client";
-import { forwardRef as w, useRef as x, useImperativeHandle as M, useLayoutEffect as y, createElement as O, useState as T, useCallback as k, useMemo as R } from "react";
-const I = /* @__PURE__ */ new Set();
-function A(t, r) {
-  !r || I.has(t) || typeof window > "u" || typeof customElements > "u" || (I.add(t), !customElements.get(t) && r());
+import { forwardRef as M, useRef as y, useImperativeHandle as R, useLayoutEffect as T, createElement as O, useState as x, useCallback as k, useMemo as A } from "react";
+const w = /* @__PURE__ */ new Set();
+function E(t, r) {
+  !r || w.has(t) || typeof window > "u" || typeof customElements > "u" || (w.add(t), !customElements.get(t) && r());
 }
-function U() {
+function W() {
   if (!(typeof window > "u" || typeof customElements > "u"))
     return import("@kitn.ai/ui/elements");
 }
-function e(t, r, s, i) {
-  const l = Object.entries(s), d = w((o, n) => {
-    const a = x(null);
-    M(n, () => a.current, []);
-    const c = o, h = x({});
-    for (const u of Object.keys(s)) h.current[u] = c[u];
-    return y(() => {
+function e(t, r, s, n) {
+  const c = Object.entries(s), d = M((o, i) => {
+    const a = y(null);
+    R(i, () => a.current, []);
+    const l = o, h = y({});
+    for (const u of Object.keys(s)) h.current[u] = l[u];
+    return T(() => {
       const u = a.current;
       if (!u) return;
       const b = () => {
         for (const g of r)
-          g in c && c[g] !== void 0 && (u[g] = c[g]);
+          g in l && l[g] !== void 0 && (u[g] = l[g]);
       };
       b(), typeof customElements < "u" && !customElements.get(t) && customElements.whenDefined(t).then(b);
-    }), y(() => {
-      A(t, i);
-    }, []), y(() => {
+    }), T(() => {
+      E(t, n);
+    }, []), T(() => {
       const u = a.current;
       if (!u) return;
       const b = [];
-      for (const [g, f] of l) {
+      for (const [g, f] of c) {
         const v = (C) => {
           const S = h.current[g];
           typeof S == "function" && S(C);
@@ -40,136 +40,136 @@ function e(t, r, s, i) {
       t,
       {
         ref: a,
-        className: c.className,
-        style: c.style,
-        id: c.id
+        className: l.className,
+        style: l.style,
+        id: l.id
       },
       // Light-DOM children pass straight through to the element (slots).
-      c.children ?? null
+      l.children ?? null
     );
   });
   return d.displayName = t, d;
 }
-function E(t, r) {
+function V(t, r) {
   return [...t, r];
 }
-function V(t, r, s) {
+function D(t, r, s) {
   return t.map(
-    (i) => i.id === r ? typeof s == "function" ? s(i) : { ...i, ...s } : i
+    (n) => n.id === r ? typeof s == "function" ? s(n) : { ...n, ...s } : n
   );
 }
-function D(t, r) {
+function F(t, r) {
   return t.filter((s) => s.id !== r);
 }
-function F(t, r) {
+function B(t, r) {
   return t.includes(r) ? t.slice() : [...t, r];
 }
 function L(t, r) {
   return t.filter((s) => s !== r);
 }
-function B() {
+function P() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : "kai-" + Math.random().toString(36).slice(2);
 }
-function P(t, r = {}) {
-  const s = r.id ?? B(), i = { id: s, role: "assistant", content: "", ...r };
-  t((o) => [...o, i]);
-  const l = (o) => t((n) => n.map((a) => a.id === s ? o(a) : a)), d = {
+function H(t, r = {}) {
+  const s = r.id ?? P(), n = { id: s, role: "assistant", content: "", ...r };
+  t((o) => [...o, n]);
+  const c = (o) => t((i) => i.map((a) => a.id === s ? o(a) : a)), d = {
     id: s,
     appendText(o) {
-      return l((n) => ({ ...n, content: n.content + o })), d;
+      return c((i) => ({ ...i, content: i.content + o })), d;
     },
     setText(o) {
-      return l((n) => ({ ...n, content: o })), d;
+      return c((i) => ({ ...i, content: o })), d;
     },
-    appendReasoning(o, n) {
-      return l((a) => {
-        var c, h;
-        return { ...a, reasoning: { text: (((c = a.reasoning) == null ? void 0 : c.text) ?? "") + o, label: n ?? ((h = a.reasoning) == null ? void 0 : h.label) } };
+    appendReasoning(o, i) {
+      return c((a) => {
+        var l, h;
+        return { ...a, reasoning: { text: (((l = a.reasoning) == null ? void 0 : l.text) ?? "") + o, label: i ?? ((h = a.reasoning) == null ? void 0 : h.label) } };
       }), d;
     },
-    setReasoning(o, n) {
-      return l((a) => {
-        var c;
-        return { ...a, reasoning: { text: o, label: n ?? ((c = a.reasoning) == null ? void 0 : c.label) } };
+    setReasoning(o, i) {
+      return c((a) => {
+        var l;
+        return { ...a, reasoning: { text: o, label: i ?? ((l = a.reasoning) == null ? void 0 : l.label) } };
       }), d;
     },
     upsertTool(o) {
-      return l((n) => {
-        const a = n.tools ? n.tools.slice() : [], c = o.toolCallId != null ? a.findIndex((h) => h.toolCallId === o.toolCallId) : a.findIndex((h) => h.type === o.type);
-        return c === -1 ? a.push(o) : a[c] = o, { ...n, tools: a };
+      return c((i) => {
+        const a = i.tools ? i.tools.slice() : [], l = o.toolCallId != null ? a.findIndex((h) => h.toolCallId === o.toolCallId) : a.findIndex((h) => h.type === o.type);
+        return l === -1 ? a.push(o) : a[l] = o, { ...i, tools: a };
       }), d;
     },
-    updateTool(o, n) {
-      return l((a) => ({ ...a, tools: (a.tools ?? []).map((c) => c.toolCallId === o ? { ...c, ...n } : c) })), d;
+    updateTool(o, i) {
+      return c((a) => ({ ...a, tools: (a.tools ?? []).map((l) => l.toolCallId === o ? { ...l, ...i } : l) })), d;
     },
     patch(o) {
-      return l((n) => ({ ...n, ...o })), d;
+      return c((i) => ({ ...i, ...o })), d;
     },
     done(o) {
-      o && l((n) => ({ ...n, ...o }));
+      o && c((i) => ({ ...i, ...o }));
     },
     abort(o) {
-      o ? l((n) => ({ ...n, tools: (n.tools ?? []).map((a) => ({ ...a, state: "output-error", errorText: o })) })) : t((n) => n.filter((a) => a.id !== s));
+      o ? c((i) => ({ ...i, tools: (i.tools ?? []).map((a) => ({ ...a, state: "output-error", errorText: o })) })) : t((i) => i.filter((a) => a.id !== s));
     }
   };
   return d;
 }
-function H(t, r) {
+function N(t, r) {
   const s = {
     id: t.id,
-    appendText(i) {
-      return t.appendText(i), s;
+    appendText(n) {
+      return t.appendText(n), s;
     },
-    setText(i) {
-      return t.setText(i), s;
+    setText(n) {
+      return t.setText(n), s;
     },
-    appendReasoning(i, l) {
-      return t.appendReasoning(i, l), s;
+    appendReasoning(n, c) {
+      return t.appendReasoning(n, c), s;
     },
-    setReasoning(i, l) {
-      return t.setReasoning(i, l), s;
+    setReasoning(n, c) {
+      return t.setReasoning(n, c), s;
     },
-    upsertTool(i) {
-      return t.upsertTool(i), s;
+    upsertTool(n) {
+      return t.upsertTool(n), s;
     },
-    updateTool(i, l) {
-      return t.updateTool(i, l), s;
+    updateTool(n, c) {
+      return t.updateTool(n, c), s;
     },
-    patch(i) {
-      return t.patch(i), s;
+    patch(n) {
+      return t.patch(n), s;
     },
-    done(i) {
-      t.done(i), r();
+    done(n) {
+      t.done(n), r();
     },
-    abort(i) {
-      t.abort(i), r();
+    abort(n) {
+      t.abort(n), r();
     }
   };
   return s;
 }
-function W(t = {}) {
-  const [r, s] = T(() => [...t.initialMessages ?? []]), [i, l] = T(() => [...t.initialSuggestions ?? []]), [d, o] = T(!1), n = x(t.onSubmit);
-  n.current = t.onSubmit;
-  const a = k((m) => s(m), []), c = k((m) => a((p) => E(p, m)), [a]), h = k(
-    (m, p) => a((z) => V(z, m, p)),
+function j(t = {}) {
+  const [r, s] = x(() => [...t.initialMessages ?? []]), [n, c] = x(() => [...t.initialSuggestions ?? []]), [d, o] = x(!1), i = y(t.onSubmit);
+  i.current = t.onSubmit;
+  const a = k((m) => s(m), []), l = k((m) => a((p) => V(p, m)), [a]), h = k(
+    (m, p) => a((I) => D(I, m, p)),
     [a]
-  ), u = k((m) => a((p) => D(p, m)), [a]), b = k((m) => l((p) => F(p, m)), []), g = k((m) => l((p) => L(p, m)), []), f = k(() => l([]), []), v = k((m) => (o(!0), H(P(a, m), () => o(!1))), [a]), C = k(
+  ), u = k((m) => a((p) => F(p, m)), [a]), b = k((m) => c((p) => B(p, m)), []), g = k((m) => c((p) => L(p, m)), []), f = k(() => c([]), []), v = k((m) => (o(!0), N(H(a, m), () => o(!1))), [a]), C = k(
     (m) => {
       var p;
-      (p = n.current) == null || p.call(n, m.detail);
+      (p = i.current) == null || p.call(i, m.detail);
     },
     []
-  ), S = R(
-    () => ({ messages: r, loading: d, suggestions: i, onSubmit: C }),
-    [r, d, i, C]
+  ), S = A(
+    () => ({ messages: r, loading: d, suggestions: n, onSubmit: C }),
+    [r, d, n, C]
   );
   return {
     messages: r,
     setMessages: s,
-    suggestions: i,
-    setSuggestions: l,
+    suggestions: n,
+    setSuggestions: c,
     loading: d,
-    append: c,
+    append: l,
     update: h,
     remove: u,
     addSuggestion: b,
@@ -179,476 +179,505 @@ function W(t = {}) {
     bind: S
   };
 }
-const j = /* @__PURE__ */ e(
+function z() {
+  if (typeof window > "u") return;
+  const t = window;
+  return t.SpeechRecognition ?? t.webkitSpeechRecognition;
+}
+function q(t) {
+  const r = y(t);
+  r.current = t;
+  const s = z() !== void 0, n = k(() => {
+    const c = z();
+    if (!c) return;
+    const d = new c();
+    d.lang = "en-US", d.interimResults = !1, d.onresult = (o) => r.current(o.results[0][0].transcript), d.start();
+  }, []);
+  return { supported: s, start: n };
+}
+const G = /* @__PURE__ */ e(
   "kai-agent-card",
   ["theme", "name", "active", "needsAttention", "status"],
   { onActivate: "kai-activate", onMenu: "kai-menu" },
   () => import("@kitn.ai/ui/elements/agent-card")
-), q = /* @__PURE__ */ e(
+), K = /* @__PURE__ */ e(
   "kai-artifact",
   ["theme", "src", "files", "tab", "defaultTab", "activeFile", "sandbox", "iframeTitle", "maximized", "expandable", "openInTab", "noNav", "noReload", "noHome", "noPathField", "noTabs", "standalone", "readonlyPath", "displayUrl"],
   { onFileSelect: "kai-file-select", onMaximizeChange: "kai-maximize-change", onNavigate: "kai-navigate", onTabChange: "kai-tab-change" },
   () => import("@kitn.ai/ui/elements/artifact")
-), G = /* @__PURE__ */ e(
+), Q = /* @__PURE__ */ e(
   "kai-attachments",
   ["theme", "items", "variant", "hoverCard", "removable", "showMediaType", "emptyText"],
   { onRemove: "kai-remove" },
   () => import("@kitn.ai/ui/elements/attachments")
-), K = /* @__PURE__ */ e(
+), J = /* @__PURE__ */ e(
+  "kai-audio-visualizer",
+  ["theme", "variant", "state", "size", "barCount", "count", "radius", "spread", "interval", "color", "complexity", "label", "stream", "audioElement", "bands", "shader", "animateWhenNotVisible"],
+  {},
+  () => import("@kitn.ai/ui/elements/audio-visualizer")
+), X = /* @__PURE__ */ e(
   "kai-avatar",
   ["theme", "src", "alt", "fallback", "size"],
   {},
   () => import("@kitn.ai/ui/elements/avatar")
-), Q = /* @__PURE__ */ e(
+), Y = /* @__PURE__ */ e(
   "kai-badge",
   ["theme", "variant"],
   {},
   () => import("@kitn.ai/ui/elements/badge")
-), J = /* @__PURE__ */ e(
+), Z = /* @__PURE__ */ e(
   "kai-button",
   ["theme", "variant", "size", "icon", "iconTrailing", "label", "disabled", "full", "align", "type"],
   { onClick: "kai-click" },
   () => import("@kitn.ai/ui/elements/button")
-), X = /* @__PURE__ */ e(
+), _ = /* @__PURE__ */ e(
   "kai-card",
   ["theme", "appearance", "orientation", "collapse", "dense", "dismissible", "href", "target", "rel", "clickable"],
   { onCardClick: "kai-card-click", onDismiss: "kai-dismiss" },
   () => import("@kitn.ai/ui/elements/card")
-), Y = /* @__PURE__ */ e(
+), $ = /* @__PURE__ */ e(
   "kai-cards",
   ["theme", "cards", "types", "policy"],
   { onCardResolved: "kai-card-resolved" },
   () => import("@kitn.ai/ui/elements/cards")
-), Z = /* @__PURE__ */ e(
+), ee = /* @__PURE__ */ e(
   "kai-chain-of-thought",
   ["theme", "steps", "type", "value", "defaultValue"],
   { onValueChange: "kai-value-change" },
   () => import("@kitn.ai/ui/elements/chain-of-thought")
-), _ = /* @__PURE__ */ e(
+), te = /* @__PURE__ */ e(
   "kai-chat",
   ["theme", "messages", "value", "placeholder", "loading", "suggestions", "suggestionMode", "persistSuggestions", "proseSize", "codeTheme", "codeHighlight", "chatTitle", "models", "currentModel", "context", "scrollButton", "headerStart", "headerEnd", "headerFull", "sidebar", "empty", "composer", "composerActions", "footer", "search", "voice", "triggers", "kindIcons", "actionsReveal"],
   { onAttachmentsChange: "kai-attachments-change", onMessageAction: "kai-message-action", onModelChange: "kai-model-change", onSearch: "kai-search", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onValueChange: "kai-value-change", onVoice: "kai-voice" },
   () => import("@kitn.ai/ui/elements/chat")
-), $ = /* @__PURE__ */ e(
+), ae = /* @__PURE__ */ e(
   "kai-checkpoint",
   ["theme", "label", "tooltip", "variant", "size"],
   { onSelect: "kai-select" },
   () => import("@kitn.ai/ui/elements/checkpoint")
-), ee = /* @__PURE__ */ e(
+), oe = /* @__PURE__ */ e(
   "kai-choice",
   ["theme", "data", "cardId", "heading", "resolution", "value", "defaultValue", "disabled"],
   { onValueChange: "kai-value-change" },
   () => import("@kitn.ai/ui/elements/choice")
-), te = /* @__PURE__ */ e(
+), ne = /* @__PURE__ */ e(
   "kai-coachmark",
   ["theme", "open", "defaultOpen", "headline", "badge", "placement", "tone", "arrow"],
   { onDismiss: "kai-dismiss", onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/coachmark")
-), ae = /* @__PURE__ */ e(
+), ie = /* @__PURE__ */ e(
   "kai-code-block",
   ["theme", "code", "language", "codeTheme", "codeHighlight", "proseSize"],
   {},
   () => import("@kitn.ai/ui/elements/code-block")
-), oe = /* @__PURE__ */ e(
+), se = /* @__PURE__ */ e(
   "kai-command",
   ["theme", "items", "placeholder", "emptyLabel"],
   { onActiveChange: "kai-active-change", onQueryChange: "kai-query-change", onSelect: "kai-select" },
   () => import("@kitn.ai/ui/elements/command")
-), ne = /* @__PURE__ */ e(
+), re = /* @__PURE__ */ e(
   "kai-compare",
   ["theme", "data", "compareId", "selection", "layout", "proseSize", "codeTheme", "codeHighlight"],
   { onCompareSelect: "kai-compare-select", onError: "kai-error", onReady: "kai-ready" },
   () => import("@kitn.ai/ui/elements/compare")
-), ie = /* @__PURE__ */ e(
+), ce = /* @__PURE__ */ e(
   "kai-composer",
   ["theme", "value", "placeholder", "disabled", "loading", "maxHeight", "submitOnEnter", "triggers", "highlights", "kindIcons"],
   { onBlur: "kai-blur", onEntityAdd: "kai-entity-add", onEntityRemove: "kai-entity-remove", onFocus: "kai-focus", onSubmit: "kai-submit", onTrigger: "kai-trigger", onTriggerClose: "kai-trigger-close", onValueChange: "kai-value-change" },
   () => import("@kitn.ai/ui/elements/composer")
-), se = /* @__PURE__ */ e(
+), le = /* @__PURE__ */ e(
   "kai-confirm",
   ["theme", "data", "cardId", "heading", "autofocus", "resolution"],
   {},
   () => import("@kitn.ai/ui/elements/confirm-card")
-), re = /* @__PURE__ */ e(
+), de = /* @__PURE__ */ e(
   "kai-context",
   ["theme", "context", "warnThreshold", "dangerThreshold"],
   { onThresholdChange: "kai-threshold-change" },
   () => import("@kitn.ai/ui/elements/context-meter")
-), ce = /* @__PURE__ */ e(
+), me = /* @__PURE__ */ e(
   "kai-conversations",
   ["theme", "groups", "conversations", "activeId", "collapsed", "defaultCollapsed"],
   { onCollapseToggle: "kai-collapse-toggle", onConversationSelect: "kai-conversation-select", onNewChat: "kai-new-chat", onSearch: "kai-search", onToggleSidebar: "kai-toggle-sidebar" },
   () => import("@kitn.ai/ui/elements/conversation-list")
-), le = /* @__PURE__ */ e(
+), pe = /* @__PURE__ */ e(
   "kai-dialog",
   ["theme", "open", "defaultOpen"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/dialog")
-), de = /* @__PURE__ */ e(
+), he = /* @__PURE__ */ e(
   "kai-editable-label",
   ["theme", "value", "editing", "placeholder", "disabled"],
   { onCancel: "kai-cancel", onRename: "kai-rename" },
   () => import("@kitn.ai/ui/elements/editable-label")
-), me = /* @__PURE__ */ e(
+), ue = /* @__PURE__ */ e(
   "kai-embed",
   ["theme", "cardId", "data"],
   {},
   () => import("@kitn.ai/ui/elements/embed")
-), pe = /* @__PURE__ */ e(
+), ge = /* @__PURE__ */ e(
   "kai-empty",
   ["theme", "emptyTitle", "description"],
   {},
   () => import("@kitn.ai/ui/elements/empty")
-), he = /* @__PURE__ */ e(
+), ke = /* @__PURE__ */ e(
   "kai-feedback-bar",
   ["theme", "barTitle", "collectDetail", "categories", "detailTitle", "detailPlaceholder", "submitLabel", "thanksMessage"],
   { onClose: "kai-close", onFeedback: "kai-feedback", onFeedbackDetail: "kai-feedback-detail" },
   () => import("@kitn.ai/ui/elements/feedback-bar")
-), ue = /* @__PURE__ */ e(
+), be = /* @__PURE__ */ e(
   "kai-file-tree",
   ["theme", "files", "activeFile", "defaultExpanded", "summary"],
   { onSelect: "kai-select" },
   () => import("@kitn.ai/ui/elements/file-tree")
-), ge = /* @__PURE__ */ e(
+), fe = /* @__PURE__ */ e(
   "kai-file-upload",
   ["theme", "multiple", "accept", "disabled", "label"],
   { onFilesAdded: "kai-files-added" },
   () => import("@kitn.ai/ui/elements/file-upload")
-), ke = /* @__PURE__ */ e(
+), ve = /* @__PURE__ */ e(
   "kai-form",
   ["theme", "data", "cardId", "heading", "resolution", "values", "defaultValues", "disabled"],
   { onValuesChange: "kai-values-change" },
   () => import("@kitn.ai/ui/elements/form")
-), be = /* @__PURE__ */ e(
+), Ce = /* @__PURE__ */ e(
   "kai-hover-card",
   ["theme", "openDelay", "closeDelay", "placement", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/hover-card")
-), fe = /* @__PURE__ */ e(
+), Se = /* @__PURE__ */ e(
   "kai-icon",
   ["theme", "name", "size"],
   {},
   () => import("@kitn.ai/ui/elements/icon")
-), ve = /* @__PURE__ */ e(
+), ye = /* @__PURE__ */ e(
   "kai-image",
   ["theme", "base64", "bytes", "alt", "mediaType"],
   {},
   () => import("@kitn.ai/ui/elements/image")
-), Ce = /* @__PURE__ */ e(
+), Te = /* @__PURE__ */ e(
   "kai-input",
   ["theme", "type", "value", "placeholder", "label", "hint", "error", "size", "disabled", "readonly", "required", "invalid", "name", "autocomplete", "inputmode"],
   { onChange: "kai-change", onInput: "kai-input" },
   () => import("@kitn.ai/ui/elements/input")
-), Se = /* @__PURE__ */ e(
+), xe = /* @__PURE__ */ e(
   "kai-kbd",
   ["theme", "keys", "platform", "size"],
   {},
   () => import("@kitn.ai/ui/elements/kbd")
-), ye = /* @__PURE__ */ e(
+), we = /* @__PURE__ */ e(
   "kai-link-preview",
   ["theme", "cardId", "data"],
   {},
   () => import("@kitn.ai/ui/elements/link-preview")
-), Te = /* @__PURE__ */ e(
+), ze = /* @__PURE__ */ e(
   "kai-loader",
   ["theme", "variant", "size", "text"],
   {},
   () => import("@kitn.ai/ui/elements/loader")
-), xe = /* @__PURE__ */ e(
+), Ie = /* @__PURE__ */ e(
   "kai-markdown",
   ["theme", "content", "proseSize", "codeTheme", "codeHighlight"],
   {},
   () => import("@kitn.ai/ui/elements/markdown")
-), Ie = /* @__PURE__ */ e(
+), Me = /* @__PURE__ */ e(
   "kai-menu",
   ["theme", "items", "placement", "triggerIcon", "triggerLabel", "triggerIconTrailing", "label", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change", onSelect: "kai-select" },
   () => import("@kitn.ai/ui/elements/menu")
-), ze = /* @__PURE__ */ e(
+), Re = /* @__PURE__ */ e(
   "kai-message",
   ["theme", "message", "role", "content", "markdown", "proseSize", "codeTheme", "codeHighlight", "actionsReveal", "avatarSrc", "avatarFallback", "avatar"],
   { onMessageAction: "kai-message-action" },
   () => import("@kitn.ai/ui/elements/message")
-), we = /* @__PURE__ */ e(
+), Oe = /* @__PURE__ */ e(
   "kai-model-switcher",
   ["theme", "models", "currentModel", "open", "defaultOpen", "disabled"],
   { onModelChange: "kai-model-change", onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/model-switcher")
-), Me = /* @__PURE__ */ e(
+), Ae = /* @__PURE__ */ e(
   "kai-nav",
   ["theme", "items", "value", "defaultValue", "defaultCollapsed"],
   { onNavItemAction: "kai-nav-item-action", onNavItemClose: "kai-nav-item-close", onNavSelect: "kai-nav-select" },
   () => import("@kitn.ai/ui/elements/nav")
-), Oe = /* @__PURE__ */ e(
+), Ee = /* @__PURE__ */ e(
   "kai-notice",
   ["theme", "severity", "icon", "dismissible"],
   { onDismiss: "kai-dismiss" },
   () => import("@kitn.ai/ui/elements/notice")
-), Re = /* @__PURE__ */ e(
+), Ve = /* @__PURE__ */ e(
   "kai-pane",
   ["theme", "headline", "subtitle", "maximized", "focused", "showSplit", "showDock", "status"],
   { onClose: "kai-close", onDock: "kai-dock", onMaximize: "kai-maximize", onSplit: "kai-split" },
   () => import("@kitn.ai/ui/elements/pane")
-), Ae = /* @__PURE__ */ e(
+), De = /* @__PURE__ */ e(
   "kai-pane-group",
   ["theme", "tabs", "active", "focused"],
   { onTabChange: "kai-tab-change", onTabClose: "kai-tab-close", onTabMenu: "kai-tab-menu" },
   () => import("@kitn.ai/ui/elements/pane-group")
-), Ee = /* @__PURE__ */ e(
+), Fe = /* @__PURE__ */ e(
   "kai-popover",
   ["theme", "placement", "gutter", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/popover")
-), Ve = /* @__PURE__ */ e(
+), Be = /* @__PURE__ */ e(
   "kai-progress-bar",
   ["theme", "value", "max", "label", "tone"],
   {},
   () => import("@kitn.ai/ui/elements/progress-bar")
-), De = /* @__PURE__ */ e(
+), Le = /* @__PURE__ */ e(
   "kai-prompt-dock",
   ["theme", "frame", "appearance"],
   {},
   () => import("@kitn.ai/ui/elements/prompt-dock")
-), Fe = /* @__PURE__ */ e(
+), Pe = /* @__PURE__ */ e(
   "kai-prompt-input",
   ["theme", "value", "placeholder", "disabled", "loading", "suggestions", "suggestionMode", "search", "voice", "stoppable", "submit", "attach", "attachments", "triggers", "kindIcons"],
   { onAttachmentsChange: "kai-attachments-change", onSearch: "kai-search", onStop: "kai-stop", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onToolbarAction: "kai-toolbar-action", onValueChange: "kai-value-change", onVoice: "kai-voice" },
   () => import("@kitn.ai/ui/elements/prompt-input")
-), Le = /* @__PURE__ */ e(
+), He = /* @__PURE__ */ e(
   "kai-reasoning",
   ["theme", "text", "label", "open", "defaultOpen", "streaming", "markdown", "disabled"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/reasoning")
-), Be = /* @__PURE__ */ e(
+), Ne = /* @__PURE__ */ e(
   "kai-remote",
   ["theme", "src", "providerOrigin", "envelope", "policy"],
   {},
   () => import("@kitn.ai/ui/elements/remote")
-), Pe = /* @__PURE__ */ e(
+), Ue = /* @__PURE__ */ e(
   "kai-resizable",
-  ["theme", "orientation", "maximizedIndex"],
+  ["theme", "orientation", "maximizedIndex", "handle"],
   { onChange: "kai-change", onMaximizeChange: "kai-maximize-change" },
   () => import("@kitn.ai/ui/elements/resizable")
-), He = /* @__PURE__ */ e(
+), We = /* @__PURE__ */ e(
   "kai-resizable-item",
   ["theme", "size", "min", "max", "locked", "hidden", "collapsed"],
   { onChange: "kai-change", onMaximizeChange: "kai-maximize-change" },
   () => import("@kitn.ai/ui/elements/resizable")
-), Ne = /* @__PURE__ */ e(
+), je = /* @__PURE__ */ e(
   "kai-response-stream",
   ["theme", "text", "mode", "speed", "as"],
   { onComplete: "kai-complete" },
   () => import("@kitn.ai/ui/elements/response-stream")
-), Ue = /* @__PURE__ */ e(
+), qe = /* @__PURE__ */ e(
   "kai-scope-picker",
   ["theme", "availableAuthors", "availableTags", "currentLabel", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change", onScopeChange: "kai-scope-change" },
   () => import("@kitn.ai/ui/elements/chat-scope-picker")
-), We = /* @__PURE__ */ e(
+), Ge = /* @__PURE__ */ e(
   "kai-screen",
   ["theme", "open", "defaultOpen", "headline", "back", "noInert"],
   { onBack: "kai-back", onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/screen")
-), je = /* @__PURE__ */ e(
+), Ke = /* @__PURE__ */ e(
   "kai-scroll-area",
   ["theme", "orientation"],
   {},
   () => import("@kitn.ai/ui/elements/scroll-area")
-), qe = /* @__PURE__ */ e(
+), Qe = /* @__PURE__ */ e(
   "kai-scroll-button",
   ["theme", "for", "variant", "size"],
   { onScroll: "kai-scroll" },
   () => import("@kitn.ai/ui/elements/scroll-button")
-), Ge = /* @__PURE__ */ e(
+), Je = /* @__PURE__ */ e(
   "kai-search",
   ["theme", "value", "placeholder", "icon", "debounce", "loading", "shortcut"],
   { onChange: "kai-change", onSearch: "kai-search", onSubmit: "kai-submit" },
   () => import("@kitn.ai/ui/elements/search")
-), Ke = /* @__PURE__ */ e(
+), Xe = /* @__PURE__ */ e(
   "kai-segmented",
   ["theme", "options", "value", "size"],
   { onChange: "kai-change" },
   () => import("@kitn.ai/ui/elements/segmented")
-), Qe = /* @__PURE__ */ e(
+), Ye = /* @__PURE__ */ e(
   "kai-separator",
   ["theme", "orientation"],
   {},
   () => import("@kitn.ai/ui/elements/separator")
-), Je = /* @__PURE__ */ e(
+), Ze = /* @__PURE__ */ e(
   "kai-setting-item",
   ["theme", "label", "description"],
   {},
   () => import("@kitn.ai/ui/elements/setting-item")
-), Xe = /* @__PURE__ */ e(
+), _e = /* @__PURE__ */ e(
   "kai-settings-group",
   ["theme", "heading", "description"],
   {},
   () => import("@kitn.ai/ui/elements/settings-group")
-), Ye = /* @__PURE__ */ e(
+), $e = /* @__PURE__ */ e(
   "kai-skeleton",
   ["theme", "variant", "width", "height", "lines"],
   {},
   () => import("@kitn.ai/ui/elements/skeleton")
-), Ze = /* @__PURE__ */ e(
+), et = /* @__PURE__ */ e(
   "kai-skills",
   ["theme", "skills"],
   {},
   () => import("@kitn.ai/ui/elements/message-skills")
-), _e = /* @__PURE__ */ e(
+), tt = /* @__PURE__ */ e(
   "kai-source",
   ["theme", "href", "label", "headline", "description", "showFavicon"],
   {},
   () => import("@kitn.ai/ui/elements/source")
-), $e = /* @__PURE__ */ e(
+), at = /* @__PURE__ */ e(
   "kai-sources",
   ["theme", "sources", "showFavicon", "numbered"],
   {},
   () => import("@kitn.ai/ui/elements/source")
-), et = /* @__PURE__ */ e(
+), ot = /* @__PURE__ */ e(
   "kai-status",
   ["theme", "status", "pulse", "label", "size"],
   {},
   () => import("@kitn.ai/ui/elements/status")
-), tt = /* @__PURE__ */ e(
+), nt = /* @__PURE__ */ e(
   "kai-suggestions",
   ["theme", "suggestions", "variant", "size", "layout", "block", "highlight"],
   { onSelect: "kai-select" },
   () => import("@kitn.ai/ui/elements/prompt-suggestions")
-), at = /* @__PURE__ */ e(
+), it = /* @__PURE__ */ e(
   "kai-switch",
   ["theme", "checked", "defaultChecked", "disabled", "label", "name", "value"],
   { onChange: "kai-change" },
   () => import("@kitn.ai/ui/elements/switch")
-), ot = /* @__PURE__ */ e(
+), st = /* @__PURE__ */ e(
   "kai-tabs",
   ["theme", "items", "value", "defaultValue", "variant", "block", "disabled"],
   { onTabChange: "kai-tab-change" },
   () => import("@kitn.ai/ui/elements/tabs")
-), nt = /* @__PURE__ */ e(
+), rt = /* @__PURE__ */ e(
   "kai-tasks",
   ["theme", "data", "cardId", "heading", "resolution", "value", "defaultValue", "disabled", "readonly"],
   { onValueChange: "kai-value-change" },
   () => import("@kitn.ai/ui/elements/tasks")
-), it = /* @__PURE__ */ e(
+), ct = /* @__PURE__ */ e(
   "kai-text-shimmer",
   ["theme", "text", "as", "duration", "spread"],
   {},
   () => import("@kitn.ai/ui/elements/text-shimmer")
-), st = /* @__PURE__ */ e(
+), lt = /* @__PURE__ */ e(
   "kai-thinking-bar",
   ["theme", "text", "stoppable", "stopLabel"],
   { onStop: "kai-stop" },
   () => import("@kitn.ai/ui/elements/thinking-bar")
-), rt = /* @__PURE__ */ e(
+), dt = /* @__PURE__ */ e(
+  "kai-thread",
+  ["theme", "messages", "loading", "proseSize", "codeTheme", "codeHighlight", "actionsReveal", "scrollButton", "class"],
+  { onMessageAction: "kai-message-action" },
+  () => import("@kitn.ai/ui/elements/thread")
+), mt = /* @__PURE__ */ e(
   "kai-toast-region",
   ["theme", "toasts", "position", "max", "stack", "appearance", "inverse", "target"],
   { onAction: "kai-action", onDismiss: "kai-dismiss" },
   () => import("@kitn.ai/ui/elements/toast")
-), ct = /* @__PURE__ */ e(
+), pt = /* @__PURE__ */ e(
   "kai-tool",
   ["theme", "tool", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/tool")
-), lt = /* @__PURE__ */ e(
+), ht = /* @__PURE__ */ e(
   "kai-tooltip",
   ["theme", "content", "openDelay", "closeDelay", "placement", "open", "defaultOpen", "disabled"],
   { onOpenChange: "kai-open-change" },
   () => import("@kitn.ai/ui/elements/tooltip")
-), dt = /* @__PURE__ */ e(
+), ut = /* @__PURE__ */ e(
   "kai-voice-input",
   ["theme", "transcribe", "disabled", "recognitionLang", "interim"],
   { onAudioCaptured: "kai-audio-captured", onRecordingChange: "kai-recording-change", onTranscriptInterim: "kai-transcript-interim", onTranscription: "kai-transcription" },
   () => import("@kitn.ai/ui/elements/voice-input")
-), mt = /* @__PURE__ */ e(
+), gt = /* @__PURE__ */ e(
   "kai-voice-output",
   ["theme", "text", "autoplay", "synthesize", "disabled"],
   { onSpeakingChange: "kai-speaking-change", onSynthesized: "kai-synthesized" },
   () => import("@kitn.ai/ui/elements/voice-output")
-), pt = /* @__PURE__ */ e(
+), kt = /* @__PURE__ */ e(
   "kai-workspace",
   ["theme", "groups", "conversations", "activeId", "messages", "value", "placeholder", "loading", "suggestions", "suggestionMode", "proseSize", "codeTheme", "codeHighlight", "chatTitle", "models", "currentModel", "context", "scrollButton", "search", "voice", "triggers", "kindIcons", "sidebarWidth", "sidebarMinWidth", "sidebarMaxWidth", "sidebarCollapsed", "defaultSidebarCollapsed", "collapseBelow", "compact", "noConversations"],
   { onConversationSelect: "kai-conversation-select", onMessageAction: "kai-message-action", onModelChange: "kai-model-change", onNewChat: "kai-new-chat", onSearch: "kai-search", onSidebarToggle: "kai-sidebar-toggle", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onValueChange: "kai-value-change", onVoice: "kai-voice" },
   () => import("@kitn.ai/ui/elements/chat-workspace")
 );
 export {
-  j as AgentCard,
-  q as Artifact,
-  G as Attachments,
-  K as Avatar,
-  Q as Badge,
-  J as Button,
-  X as Card,
-  Y as Cards,
-  Z as ChainOfThought,
-  _ as Chat,
-  $ as Checkpoint,
-  ee as Choice,
-  te as Coachmark,
-  ae as CodeBlock,
-  oe as Command,
-  ne as Compare,
-  ie as Composer,
-  se as Confirm,
-  re as Context,
-  ce as Conversations,
-  le as Dialog,
-  de as EditableLabel,
-  me as Embed,
-  pe as Empty,
-  he as FeedbackBar,
-  ue as FileTree,
-  ge as FileUpload,
-  ke as Form,
-  be as HoverCard,
-  fe as Icon,
-  ve as Image,
-  Ce as Input,
-  Se as Kbd,
-  ye as LinkPreview,
-  Te as Loader,
-  xe as Markdown,
-  Ie as Menu,
-  ze as Message,
-  we as ModelSwitcher,
-  Me as Nav,
-  Oe as Notice,
-  Re as Pane,
-  Ae as PaneGroup,
-  Ee as Popover,
-  Ve as ProgressBar,
-  De as PromptDock,
-  Fe as PromptInput,
-  Le as Reasoning,
-  Be as Remote,
-  Pe as Resizable,
-  He as ResizableItem,
-  Ne as ResponseStream,
-  Ue as ScopePicker,
-  We as Screen,
-  je as ScrollArea,
-  qe as ScrollButton,
-  Ge as Search,
-  Ke as Segmented,
-  Qe as Separator,
-  Je as SettingItem,
-  Xe as SettingsGroup,
-  Ye as Skeleton,
-  Ze as Skills,
-  _e as Source,
-  $e as Sources,
-  et as Status,
-  tt as Suggestions,
-  at as Switch,
-  ot as Tabs,
-  nt as Tasks,
-  it as TextShimmer,
-  st as ThinkingBar,
-  rt as ToastRegion,
-  ct as Tool,
-  lt as Tooltip,
-  dt as VoiceInput,
-  mt as VoiceOutput,
-  pt as Workspace,
-  U as registerAll,
-  W as useKaiChat
+  G as AgentCard,
+  K as Artifact,
+  Q as Attachments,
+  J as AudioVisualizer,
+  X as Avatar,
+  Y as Badge,
+  Z as Button,
+  _ as Card,
+  $ as Cards,
+  ee as ChainOfThought,
+  te as Chat,
+  ae as Checkpoint,
+  oe as Choice,
+  ne as Coachmark,
+  ie as CodeBlock,
+  se as Command,
+  re as Compare,
+  ce as Composer,
+  le as Confirm,
+  de as Context,
+  me as Conversations,
+  pe as Dialog,
+  he as EditableLabel,
+  ue as Embed,
+  ge as Empty,
+  ke as FeedbackBar,
+  be as FileTree,
+  fe as FileUpload,
+  ve as Form,
+  Ce as HoverCard,
+  Se as Icon,
+  ye as Image,
+  Te as Input,
+  xe as Kbd,
+  we as LinkPreview,
+  ze as Loader,
+  Ie as Markdown,
+  Me as Menu,
+  Re as Message,
+  Oe as ModelSwitcher,
+  Ae as Nav,
+  Ee as Notice,
+  Ve as Pane,
+  De as PaneGroup,
+  Fe as Popover,
+  Be as ProgressBar,
+  Le as PromptDock,
+  Pe as PromptInput,
+  He as Reasoning,
+  Ne as Remote,
+  Ue as Resizable,
+  We as ResizableItem,
+  je as ResponseStream,
+  qe as ScopePicker,
+  Ge as Screen,
+  Ke as ScrollArea,
+  Qe as ScrollButton,
+  Je as Search,
+  Xe as Segmented,
+  Ye as Separator,
+  Ze as SettingItem,
+  _e as SettingsGroup,
+  $e as Skeleton,
+  et as Skills,
+  tt as Source,
+  at as Sources,
+  ot as Status,
+  nt as Suggestions,
+  it as Switch,
+  st as Tabs,
+  rt as Tasks,
+  ct as TextShimmer,
+  lt as ThinkingBar,
+  dt as Thread,
+  mt as ToastRegion,
+  pt as Tool,
+  ht as Tooltip,
+  ut as VoiceInput,
+  gt as VoiceOutput,
+  kt as Workspace,
+  W as registerAll,
+  j as useKaiChat,
+  q as useVoiceInput
 };