@veevarts/design-system 2.0.0-alpha.62 → 2.0.0-alpha.63

package/dist/assistant.js

@@ -1,9 +1,10 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { useId as q, useState as H, useRef as M, useLayoutEffect as Y, useEffect as P, useCallback as G } from "react";
-import { h as L, I as F, a as te, s as le, B as R } from "./hasContent-BCRxiry-.js";
-import { cn as l, Accordion as oe, AccordionItem as ce, Chip as de, Alert as ue, Spinner as fe, Textarea as pe, ScrollShadow as me } from "@heroui/react";
+import { jsx as n, jsxs as f, Fragment as me } from "react/jsx-runtime";
+import { useId as G, useState as q, useRef as F, useLayoutEffect as re, useEffect as Z, useCallback as X, useMemo as he, Fragment as U, createElement as Se, forwardRef as _e, useImperativeHandle as ke, Children as Le } from "react";
+import { h as D, I as R, a as le, s as be, B as z, b as Me } from "./hasContent-BCRxiry-.js";
+import { cn as u, Accordion as ge, AccordionItem as xe, Chip as Ee, Alert as Fe, Spinner as we, Textarea as Re, ScrollShadow as Oe, Card as je, CardHeader as De, CardBody as Ue, CardFooter as We } from "@heroui/react";
 import "lucide-react";
-const x = {
+import Pe from "markdown-it";
+const S = {
   base: "flex w-full min-w-0 flex-col gap-1.5",
   baseUser: "items-end",
   baseAssistant: "items-start",
@@ -27,118 +28,118 @@ const x = {
   userLabel: "sr-only",
   /** The default status word when `statusLabel` is empty, for screen readers only: the icon shows it. */
   statusFallback: "sr-only"
-}, he = {
+}, ze = {
   stopped: "text-default-600",
   error: "text-danger-600 dark:text-danger-500"
-}, ge = {
+}, Ie = {
   stopped: "solar:stop-circle-linear",
   error: "solar:danger-circle-linear"
-}, xe = "solar:stars-minimalistic-linear", be = {
+}, Be = "solar:stars-minimalistic-linear", He = {
   stopped: "Stopped",
   error: "Failed"
 };
-function ae(t) {
-  return typeof t == "string" ? t.trim() !== "" : Array.isArray(t) ? t.some(ae) : L(t);
+function ve(e) {
+  return typeof e == "string" ? e.trim() !== "" : Array.isArray(e) ? e.some(ve) : D(e);
 }
-function we({
-  author: t,
-  authorLabel: o,
-  children: b,
-  status: u = "complete",
-  statusLabel: f,
-  meta: c,
-  actions: y,
-  icon: p = xe,
-  className: v,
-  classNames: n = {},
-  "data-testid": m = "assistant-message"
+function Ke({
+  author: e,
+  authorLabel: t,
+  children: a,
+  status: r = "complete",
+  statusLabel: s,
+  meta: l,
+  actions: d,
+  icon: x = Be,
+  className: p,
+  classNames: o = {},
+  "data-testid": w = "assistant-message"
 }) {
-  const h = q(), r = t === "user", d = u === "complete" ? null : u === "stopped" ? "stopped" : "error", S = L(c) ? /* @__PURE__ */ e("span", { "data-testid": `${m}-meta`, className: l(x.meta, n.meta), children: c }) : null;
-  return /* @__PURE__ */ N(
+  const b = G(), g = e === "user", i = r === "complete" ? null : r === "stopped" ? "stopped" : "error", v = D(l) ? /* @__PURE__ */ n("span", { "data-testid": `${w}-meta`, className: u(S.meta, o.meta), children: l }) : null;
+  return /* @__PURE__ */ f(
     "article",
     {
-      "aria-labelledby": h,
-      "data-author": t,
-      "data-status": u,
-      "data-testid": m,
-      className: l(
-        x.base,
-        r ? x.baseUser : x.baseAssistant,
-        v,
-        n.base
+      "aria-labelledby": b,
+      "data-author": e,
+      "data-status": r,
+      "data-testid": w,
+      className: u(
+        S.base,
+        g ? S.baseUser : S.baseAssistant,
+        p,
+        o.base
       ),
       children: [
-        r ? /* @__PURE__ */ e("span", { id: h, className: x.userLabel, children: o }) : /* @__PURE__ */ N(
+        g ? /* @__PURE__ */ n("span", { id: b, className: S.userLabel, children: t }) : /* @__PURE__ */ f(
           "header",
           {
-            "data-testid": `${m}-header`,
-            className: l(x.header, n.header),
+            "data-testid": `${w}-header`,
+            className: u(S.header, o.header),
             children: [
-              p ? /* @__PURE__ */ e(
+              x ? /* @__PURE__ */ n(
                 "span",
                 {
                   "aria-hidden": "true",
-                  "data-testid": `${m}-mark`,
-                  className: x.mark,
-                  children: /* @__PURE__ */ e(F, { icon: p, width: 14, height: 14 })
+                  "data-testid": `${w}-mark`,
+                  className: S.mark,
+                  children: /* @__PURE__ */ n(R, { icon: x, width: 14, height: 14 })
                 }
               ) : null,
-              /* @__PURE__ */ e("span", { id: h, "data-testid": `${m}-author`, className: x.author, children: o }),
-              S
+              /* @__PURE__ */ n("span", { id: b, "data-testid": `${w}-author`, className: S.author, children: t }),
+              v
             ]
           }
         ),
-        L(b) ? /* @__PURE__ */ e(
+        D(a) ? /* @__PURE__ */ n(
           "div",
           {
-            "data-testid": `${m}-body`,
-            className: l(
-              x.body,
-              r ? x.bodyUser : x.bodyAssistant,
-              typeof b == "string" && x.plain,
-              n.body
+            "data-testid": `${w}-body`,
+            className: u(
+              S.body,
+              g ? S.bodyUser : S.bodyAssistant,
+              typeof a == "string" && S.plain,
+              o.body
             ),
-            children: b
+            children: a
           }
         ) : null,
-        d ? /* @__PURE__ */ N(
+        i ? /* @__PURE__ */ f(
           "p",
           {
-            "data-testid": `${m}-status`,
-            className: l(
-              x.status,
-              he[d],
-              n.status
+            "data-testid": `${w}-status`,
+            className: u(
+              S.status,
+              ze[i],
+              o.status
             ),
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "span",
                 {
                   "aria-hidden": "true",
-                  "data-testid": `${m}-status-icon`,
-                  className: x.statusIcon,
-                  children: /* @__PURE__ */ e(F, { icon: ge[d], width: 14, height: 14 })
+                  "data-testid": `${w}-status-icon`,
+                  className: S.statusIcon,
+                  children: /* @__PURE__ */ n(R, { icon: Ie[i], width: 14, height: 14 })
                 }
               ),
-              ae(f) ? /* @__PURE__ */ e("span", { children: f }) : /* @__PURE__ */ e("span", { className: x.statusFallback, children: be[d] })
+              ve(s) ? /* @__PURE__ */ n("span", { children: s }) : /* @__PURE__ */ n("span", { className: S.statusFallback, children: He[i] })
             ]
           }
         ) : null,
-        r ? S : null,
-        L(y) ? /* @__PURE__ */ e(
+        g ? v : null,
+        D(d) ? /* @__PURE__ */ n(
           "div",
           {
-            "data-testid": `${m}-actions`,
-            className: l(x.actions, n.actions),
-            children: y
+            "data-testid": `${w}-actions`,
+            className: u(S.actions, o.actions),
+            children: d
           }
         ) : null
       ]
     }
   );
 }
-we.displayName = "AssistantMessage";
-const A = {
+Ke.displayName = "AssistantMessage";
+const E = {
   base: "w-full px-0",
   item: "shadow-none",
   trigger: "gap-2 py-1.5",
@@ -159,113 +160,113 @@ const A = {
   duration: "mt-px flex-none text-xs tabular-nums text-default-500",
   /** "Done:" before a done row, for screen readers only. */
   stateLabel: "sr-only"
-}, ye = {
+}, Te = {
   done: { icon: "solar:check-circle-linear", className: "text-success-600" },
   failed: { icon: "solar:close-circle-linear", className: "text-danger-600" }
 };
-function ve(t) {
-  if (!Number.isFinite(t) || t < 0) return "";
-  if (t < 1e3) return `${Math.floor(t)} ms`;
-  if (t < 1e4) return `${(Math.floor(t / 100) / 10).toFixed(1)} s`;
-  const o = Math.floor(t / 1e3);
-  return o < 60 ? `${o} s` : `${Math.floor(o / 60)} min ${String(o % 60).padStart(2, "0")} s`;
+function qe(e) {
+  if (!Number.isFinite(e) || e < 0) return "";
+  if (e < 1e3) return `${Math.floor(e)} ms`;
+  if (e < 1e4) return `${(Math.floor(e / 100) / 10).toFixed(1)} s`;
+  const t = Math.floor(e / 1e3);
+  return t < 60 ? `${t} s` : `${Math.floor(t / 60)} min ${String(t % 60).padStart(2, "0")} s`;
 }
-const J = "activity", Ne = { done: "Done", failed: "Failed" };
-function Se({
-  items: t,
-  title: o,
-  titleText: b,
-  isExpanded: u,
-  defaultExpanded: f = !0,
-  onExpandedChange: c,
-  stateLabels: y,
-  formatDuration: p = ve,
-  className: v,
-  "data-testid": n = "assistant-activity"
+const ee = "activity", Ge = { done: "Done", failed: "Failed" };
+function Ve({
+  items: e,
+  title: t,
+  titleText: a,
+  isExpanded: r,
+  defaultExpanded: s = !0,
+  onExpandedChange: l,
+  stateLabels: d,
+  formatDuration: x = qe,
+  className: p,
+  "data-testid": o = "assistant-activity"
 }) {
-  const [m, h] = H(f), r = te(), d = u ?? m, S = { ...Ne, ...y };
-  return t.length === 0 ? null : /* @__PURE__ */ e(
-    oe,
+  const [w, b] = q(s), g = le(), i = r ?? w, v = { ...Ge, ...d };
+  return e.length === 0 ? null : /* @__PURE__ */ n(
+    ge,
     {
-      "data-testid": n,
-      disableAnimation: r,
-      selectedKeys: d ? /* @__PURE__ */ new Set([J]) : /* @__PURE__ */ new Set(),
-      onSelectionChange: (a) => {
-        const $ = a === "all" || a.has(J);
-        u === void 0 && h($), c?.($);
+      "data-testid": o,
+      disableAnimation: g,
+      selectedKeys: i ? /* @__PURE__ */ new Set([ee]) : /* @__PURE__ */ new Set(),
+      onSelectionChange: (m) => {
+        const C = m === "all" || m.has(ee);
+        r === void 0 && b(C), l?.(C);
       },
-      className: l(A.base, v),
-      children: /* @__PURE__ */ e(
-        ce,
+      className: u(E.base, p),
+      children: /* @__PURE__ */ n(
+        xe,
         {
-          "data-testid": `${n}-group`,
-          title: o,
-          textValue: typeof o == "string" ? o : b,
+          "data-testid": `${o}-group`,
+          title: t,
+          textValue: typeof t == "string" ? t : a,
           classNames: {
-            base: A.item,
-            trigger: A.trigger,
-            title: A.title,
-            indicator: A.indicator,
-            content: A.content
+            base: E.item,
+            trigger: E.trigger,
+            title: E.title,
+            indicator: E.indicator,
+            content: E.content
           },
-          children: /* @__PURE__ */ e("ol", { "data-testid": `${n}-list`, className: A.list, children: t.map((a) => {
-            const $ = ye[a.state], D = `${n}-item-${a.id}`;
-            return /* @__PURE__ */ N(
+          children: /* @__PURE__ */ n("ol", { "data-testid": `${o}-list`, className: E.list, children: e.map((m) => {
+            const C = Te[m.state], A = `${o}-item-${m.id}`;
+            return /* @__PURE__ */ f(
               "li",
               {
-                "data-testid": D,
-                "data-state": a.state,
-                className: A.row,
+                "data-testid": A,
+                "data-state": m.state,
+                className: E.row,
                 children: [
-                  /* @__PURE__ */ e(
-                    F,
+                  /* @__PURE__ */ n(
+                    R,
                     {
-                      icon: $.icon,
+                      icon: C.icon,
                       width: 16,
                       height: 16,
                       "aria-hidden": "true",
-                      className: l(A.icon, $.className)
+                      className: u(E.icon, C.className)
                     }
                   ),
-                  /* @__PURE__ */ N("span", { className: A.label, children: [
-                    a.state === "done" ? /* @__PURE__ */ N("span", { className: A.stateLabel, children: [
-                      S.done,
+                  /* @__PURE__ */ f("span", { className: E.label, children: [
+                    m.state === "done" ? /* @__PURE__ */ f("span", { className: E.stateLabel, children: [
+                      v.done,
                       ": "
                     ] }) : null,
-                    a.label
+                    m.label
                   ] }),
-                  a.state === "failed" ? /* @__PURE__ */ e(
-                    de,
+                  m.state === "failed" ? /* @__PURE__ */ n(
+                    Ee,
                     {
                       size: "sm",
                       variant: "flat",
                       color: "danger",
-                      "data-testid": `${D}-failed`,
-                      className: A.failed,
-                      children: S.failed
+                      "data-testid": `${A}-failed`,
+                      className: E.failed,
+                      children: v.failed
                     }
                   ) : null,
-                  a.durationMs !== void 0 ? /* @__PURE__ */ e(
+                  m.durationMs !== void 0 ? /* @__PURE__ */ n(
                     "span",
                     {
-                      "data-testid": `${D}-duration`,
-                      className: A.duration,
-                      children: p(a.durationMs)
+                      "data-testid": `${A}-duration`,
+                      className: E.duration,
+                      children: x(m.durationMs)
                     }
                   ) : null
                 ]
               },
-              a.id
+              m.id
             );
           }) })
         },
-        J
+        ee
       )
     }
   );
 }
-Se.displayName = "AssistantActivity";
-const V = "dark:bg-default-100", Ae = {
+Ve.displayName = "AssistantActivity";
+const te = "dark:bg-default-100", Ye = {
   thinking: {
     color: "default",
     base: "bg-ai-fill dark:bg-ai-fill",
@@ -282,7 +283,7 @@ const V = "dark:bg-default-100", Ae = {
   },
   empty: {
     color: "default",
-    base: V,
+    base: te,
     title: "text-foreground",
     description: "text-default-600",
     icon: "solar:chat-round-line-linear"
@@ -303,19 +304,19 @@ const V = "dark:bg-default-100", Ae = {
   },
   offline: {
     color: "default",
-    base: V,
+    base: te,
     title: "text-foreground",
     description: "text-default-600",
     icon: "solar:cloud-cross-linear"
   },
   blocked: {
     color: "default",
-    base: V,
+    base: te,
     title: "text-foreground",
     description: "text-default-600",
     icon: "solar:lock-keyhole-minimalistic-linear"
   }
-}, w = {
+}, k = {
   /** Alert centres a body with no title prop; the copy here is children, so pin it to the top-left. */
   base: "items-start gap-x-3 px-4 py-3",
   mainWrapper: "ms-0 min-h-0 min-w-0 items-start justify-start gap-0.5",
@@ -346,10 +347,10 @@ const V = "dark:bg-default-100", Ae = {
   action: "mt-2 flex flex-wrap items-center gap-2",
   detailsToggle: "-ms-1.5 h-7 min-w-0 gap-1 px-1.5 text-xs font-medium text-current",
   detailsWrapper: "w-full min-w-0",
-  detailsChevron: `transition-transform ${le}`,
+  detailsChevron: `transition-transform ${be}`,
   detailsChevronOpen: "rotate-180",
   details: "mt-1 max-h-48 overflow-auto whitespace-pre-wrap rounded-md bg-content1 p-2 font-mono text-xs text-foreground [overflow-wrap:anywhere]"
-}, $e = {
+}, Je = {
   thinking: "status",
   info: "status",
   empty: "status",
@@ -358,157 +359,157 @@ const V = "dark:bg-default-100", Ae = {
   offline: "status",
   blocked: "status"
 };
-function Ce({
-  kind: t,
-  title: o,
-  description: b,
-  elapsed: u,
-  action: f,
-  details: c,
-  detailsLabel: y = "Details",
-  icon: p,
-  role: v = $e[t],
-  ariaLive: n = v === "alert" ? "assertive" : "polite",
-  className: m,
-  classNames: h = {},
-  "data-testid": r = "assistant-notice"
+function Ze({
+  kind: e,
+  title: t,
+  description: a,
+  elapsed: r,
+  action: s,
+  details: l,
+  detailsLabel: d = "Details",
+  icon: x,
+  role: p = Je[e],
+  ariaLive: o = p === "alert" ? "assertive" : "polite",
+  className: w,
+  classNames: b = {},
+  "data-testid": g = "assistant-notice"
 }) {
-  const d = Ae[t], S = u != null && u !== !1, a = p === void 0 ? d.icon : p, $ = t === "thinking" && p === void 0 ? /* @__PURE__ */ e(fe, { size: "sm", color: "current" }) : a ? /* @__PURE__ */ e(F, { icon: a, width: 20, height: 20 }) : null;
-  return /* @__PURE__ */ N(
-    ue,
+  const i = Ye[e], v = r != null && r !== !1, m = x === void 0 ? i.icon : x, C = e === "thinking" && x === void 0 ? /* @__PURE__ */ n(we, { size: "sm", color: "current" }) : m ? /* @__PURE__ */ n(R, { icon: m, width: 20, height: 20 }) : null;
+  return /* @__PURE__ */ f(
+    Fe,
     {
       role: "none",
-      "data-kind": t,
-      "data-testid": r,
-      color: d.color,
+      "data-kind": e,
+      "data-testid": g,
+      color: i.color,
       variant: "flat",
       hideIcon: !0,
-      startContent: $ ? /* @__PURE__ */ e(
+      startContent: C ? /* @__PURE__ */ n(
         "span",
         {
           "aria-hidden": "true",
-          "data-testid": `${r}-icon`,
-          className: l(w.icon, d.title),
-          children: $
+          "data-testid": `${g}-icon`,
+          className: u(k.icon, i.title),
+          children: C
         }
       ) : void 0,
       classNames: {
-        base: l(w.base, d.base, m, h.base),
-        mainWrapper: w.mainWrapper
+        base: u(k.base, i.base, w, b.base),
+        mainWrapper: k.mainWrapper
       },
       children: [
-        /* @__PURE__ */ N("div", { className: l(w.text, S && w.textWithClock), children: [
-          /* @__PURE__ */ N(
+        /* @__PURE__ */ f("div", { className: u(k.text, v && k.textWithClock), children: [
+          /* @__PURE__ */ f(
             "div",
             {
-              role: v,
-              "aria-live": n,
+              role: p,
+              "aria-live": o,
               "aria-atomic": "true",
-              "data-testid": `${r}-live`,
-              className: w.live,
+              "data-testid": `${g}-live`,
+              className: k.live,
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ n(
                   "p",
                   {
-                    "data-testid": `${r}-title`,
-                    className: l(w.title, d.title, h.title),
-                    children: o
+                    "data-testid": `${g}-title`,
+                    className: u(k.title, i.title, b.title),
+                    children: t
                   }
                 ),
-                b != null && b !== !1 ? /* @__PURE__ */ e(
+                a != null && a !== !1 ? /* @__PURE__ */ n(
                   "p",
                   {
-                    "data-testid": `${r}-description`,
-                    className: l(w.description, d.description, h.description),
-                    children: b
+                    "data-testid": `${g}-description`,
+                    className: u(k.description, i.description, b.description),
+                    children: a
                   }
                 ) : null
               ]
             }
           ),
-          S ? /* @__PURE__ */ e(
+          v ? /* @__PURE__ */ n(
             "span",
             {
               "aria-hidden": "true",
-              "data-testid": `${r}-elapsed`,
-              className: l(w.elapsed, d.title),
-              children: u
+              "data-testid": `${g}-elapsed`,
+              className: u(k.elapsed, i.title),
+              children: r
             }
           ) : null
         ] }),
-        f != null && f !== !1 ? /* @__PURE__ */ e(
+        s != null && s !== !1 ? /* @__PURE__ */ n(
           "div",
           {
-            "data-testid": `${r}-action`,
-            className: l(w.action, h.action),
-            children: f
+            "data-testid": `${g}-action`,
+            className: u(k.action, b.action),
+            children: s
           }
         ) : null,
-        c != null && c !== !1 ? /* @__PURE__ */ e(
-          ke,
+        l != null && l !== !1 ? /* @__PURE__ */ n(
+          Qe,
           {
-            label: y,
-            toneClass: d.description,
-            className: h.details,
-            dataTestId: r,
-            children: c
+            label: d,
+            toneClass: i.description,
+            className: b.details,
+            dataTestId: g,
+            children: l
           }
         ) : null
       ]
     }
   );
 }
-function ke({
-  label: t,
-  toneClass: o,
-  className: b,
-  dataTestId: u,
-  children: f
+function Qe({
+  label: e,
+  toneClass: t,
+  className: a,
+  dataTestId: r,
+  children: s
 }) {
-  const [c, y] = H(!1), p = q();
-  return /* @__PURE__ */ N("div", { className: w.detailsWrapper, children: [
-    /* @__PURE__ */ e(
-      R,
+  const [l, d] = q(!1), x = G();
+  return /* @__PURE__ */ f("div", { className: k.detailsWrapper, children: [
+    /* @__PURE__ */ n(
+      z,
       {
         size: "sm",
         variant: "light",
         color: "default",
         radius: "sm",
-        "aria-expanded": c,
-        "aria-controls": p,
-        onPress: () => y((v) => !v),
-        testId: `${u}-details-toggle`,
-        className: l(w.detailsToggle, o),
-        endContent: /* @__PURE__ */ e(
-          F,
+        "aria-expanded": l,
+        "aria-controls": x,
+        onPress: () => d((p) => !p),
+        testId: `${r}-details-toggle`,
+        className: u(k.detailsToggle, t),
+        endContent: /* @__PURE__ */ n(
+          R,
           {
             icon: "solar:alt-arrow-down-linear",
             width: 14,
             height: 14,
             "aria-hidden": "true",
-            className: l(
-              w.detailsChevron,
-              c && w.detailsChevronOpen
+            className: u(
+              k.detailsChevron,
+              l && k.detailsChevronOpen
             )
           }
         ),
-        children: t
+        children: e
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ n(
       "div",
       {
-        id: p,
-        hidden: !c,
-        "data-testid": `${u}-details`,
-        className: l(w.details, b),
-        children: f
+        id: x,
+        hidden: !l,
+        "data-testid": `${r}-details`,
+        className: u(k.details, a),
+        children: s
       }
     )
   ] });
 }
-Ce.displayName = "AssistantNotice";
-const k = {
+Ze.displayName = "AssistantNotice";
+const O = {
   base: "flex w-full min-w-0 flex-col gap-2",
   suggestions: "flex flex-wrap gap-2",
   /**
@@ -537,254 +538,910 @@ const k = {
   count: "ms-auto flex-none tabular-nums",
   button: "flex-none"
 };
-function Ee({
-  value: t,
-  onValueChange: o,
-  onSubmit: b,
-  onStop: u,
-  isRunning: f = !1,
-  isStopDisabled: c = !1,
-  isDisabled: y = !1,
-  label: p,
-  placeholder: v,
-  description: n,
-  sendLabel: m = "Send",
-  stopLabel: h = "Stop",
-  suggestions: r,
-  suggestionsLabel: d = "Suggestions",
-  onSuggestionSelect: S,
-  maxLength: a,
-  minRows: $ = 2,
-  maxRows: D = 8,
-  className: T,
-  "data-testid": E = "assistant-composer"
+function Xe({
+  value: e,
+  onValueChange: t,
+  onSubmit: a,
+  onStop: r,
+  isRunning: s = !1,
+  isStopDisabled: l = !1,
+  isDisabled: d = !1,
+  label: x,
+  placeholder: p,
+  description: o,
+  sendLabel: w = "Send",
+  stopLabel: b = "Stop",
+  suggestions: g,
+  suggestionsLabel: i = "Suggestions",
+  onSuggestionSelect: v,
+  maxLength: m,
+  minRows: C = 2,
+  maxRows: A = 8,
+  className: W,
+  "data-testid": M = "assistant-composer"
 }) {
-  const C = M(null), _ = q(), j = t.trim(), B = a === void 0 || t.length <= a, W = !y && !f && j.length > 0 && B, s = f && u !== void 0, g = () => {
-    W && b(j);
-  }, U = () => C.current?.focus(), se = (i) => {
-    i.target === C.current && (i.key !== "Enter" || i.shiftKey || i.nativeEvent.isComposing || i.keyCode === 229 || (i.preventDefault(), g()));
-  }, ne = (i) => {
-    i.preventDefault(), g(), U();
-  }, z = M(!1), I = M(s);
-  Y(() => {
-    I.current && !s && z.current && (z.current = !1, C.current?.focus()), I.current = s;
-  }, [s]), Y(() => {
-    c && z.current && (z.current = !1, C.current?.focus());
-  }, [c]);
-  const re = () => {
-    U(), u?.();
-  }, ie = (i) => {
-    const X = i.prompt ?? i.label;
-    o(a === void 0 ? X : X.slice(0, a)), C.current?.focus(), S?.(i);
-  }, K = a !== void 0 ? `${t.length}/${a}` : null, Q = L(n) || K ? /* @__PURE__ */ N("p", { id: _, "data-testid": `${E}-helper`, className: k.helper, children: [
-    L(n) ? /* @__PURE__ */ e("span", { children: n }) : null,
-    K ? /* @__PURE__ */ e("span", { "data-testid": `${E}-count`, className: k.count, children: K }) : null
+  const _ = F(null), j = G(), $ = e.trim(), B = m === void 0 || e.length <= m, h = !d && !s && $.length > 0 && B, c = s && r !== void 0, N = () => {
+    h && a($);
+  }, L = () => _.current?.focus(), H = (y) => {
+    y.target === _.current && (y.key !== "Enter" || y.shiftKey || y.nativeEvent.isComposing || y.keyCode === 229 || (y.preventDefault(), N()));
+  }, V = (y) => {
+    y.preventDefault(), N(), L();
+  }, P = F(!1), ie = F(c);
+  re(() => {
+    ie.current && !c && P.current && (P.current = !1, _.current?.focus()), ie.current = c;
+  }, [c]), re(() => {
+    l && P.current && (P.current = !1, _.current?.focus());
+  }, [l]);
+  const Ce = () => {
+    L(), r?.();
+  }, Ae = (y) => {
+    const ce = y.prompt ?? y.label;
+    t(m === void 0 ? ce : ce.slice(0, m)), _.current?.focus(), v?.(y);
+  }, Q = m !== void 0 ? `${e.length}/${m}` : null, oe = D(o) || Q ? /* @__PURE__ */ f("p", { id: j, "data-testid": `${M}-helper`, className: O.helper, children: [
+    D(o) ? /* @__PURE__ */ n("span", { children: o }) : null,
+    Q ? /* @__PURE__ */ n("span", { "data-testid": `${M}-count`, className: O.count, children: Q }) : null
   ] }) : null;
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ f(
     "form",
     {
       noValidate: !0,
-      "data-testid": E,
-      "data-running": f || void 0,
-      onSubmit: ne,
-      onKeyDown: se,
-      className: l(k.base, T),
+      "data-testid": M,
+      "data-running": s || void 0,
+      onSubmit: V,
+      onKeyDown: H,
+      className: u(O.base, W),
       children: [
-        r && r.length > 0 ? /* @__PURE__ */ e(
+        g && g.length > 0 ? /* @__PURE__ */ n(
           "div",
           {
             role: "group",
-            "aria-label": d,
-            "data-testid": `${E}-suggestions`,
-            className: k.suggestions,
-            children: r.map((i) => /* @__PURE__ */ e(
-              R,
+            "aria-label": i,
+            "data-testid": `${M}-suggestions`,
+            className: O.suggestions,
+            children: g.map((y) => /* @__PURE__ */ n(
+              z,
               {
                 type: "button",
                 size: "sm",
                 variant: "flat",
                 color: "default",
-                isDisabled: y,
-                onPress: () => ie(i),
-                testId: `${E}-suggestion-${i.key}`,
-                className: k.suggestion,
-                children: i.label
+                isDisabled: d,
+                onPress: () => Ae(y),
+                testId: `${M}-suggestion-${y.key}`,
+                className: O.suggestion,
+                children: y.label
               },
-              i.key
+              y.key
             ))
           }
         ) : null,
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: k.row,
-            onMouseDown: (i) => {
-              i.target === i.currentTarget && i.preventDefault();
+            className: O.row,
+            onMouseDown: (y) => {
+              y.target === y.currentTarget && y.preventDefault();
             },
             children: [
-              /* @__PURE__ */ e(
-                pe,
+              /* @__PURE__ */ n(
+                Re,
                 {
-                  ref: C,
-                  "aria-label": p,
-                  placeholder: v,
-                  value: t,
-                  onValueChange: o,
-                  isDisabled: y,
-                  maxLength: a,
-                  minRows: $,
-                  maxRows: D,
+                  ref: _,
+                  "aria-label": x,
+                  placeholder: p,
+                  value: e,
+                  onValueChange: t,
+                  isDisabled: d,
+                  maxLength: m,
+                  minRows: C,
+                  maxRows: A,
                   variant: "bordered",
-                  "aria-describedby": Q ? _ : void 0,
-                  "data-testid": `${E}-field`,
-                  className: k.field,
+                  "aria-describedby": oe ? j : void 0,
+                  "data-testid": `${M}-field`,
+                  className: O.field,
                   classNames: {
-                    inputWrapper: k.inputWrapper,
-                    input: k.input
+                    inputWrapper: O.inputWrapper,
+                    input: O.input
                   }
                 }
               ),
-              s ? /* @__PURE__ */ e(
-                R,
+              c ? /* @__PURE__ */ n(
+                z,
                 {
                   type: "button",
                   isIconOnly: !0,
                   color: "default",
                   variant: "flat",
-                  "aria-label": h,
-                  isDisabled: c,
-                  onPress: re,
+                  "aria-label": b,
+                  isDisabled: l,
+                  onPress: Ce,
                   onFocus: () => {
-                    z.current = !0;
+                    P.current = !0;
                   },
-                  onBlur: (i) => {
-                    i.target.disabled || (z.current = !1);
+                  onBlur: (y) => {
+                    y.target.disabled || (P.current = !1);
                   },
-                  testId: `${E}-stop`,
-                  className: k.button,
-                  children: /* @__PURE__ */ e(F, { icon: "solar:stop-bold", width: 18, height: 18, "aria-hidden": "true" })
+                  testId: `${M}-stop`,
+                  className: O.button,
+                  children: /* @__PURE__ */ n(R, { icon: "solar:stop-bold", width: 18, height: 18, "aria-hidden": "true" })
                 },
                 "stop"
-              ) : /* @__PURE__ */ e(
-                R,
+              ) : /* @__PURE__ */ n(
+                z,
                 {
                   type: "submit",
                   isIconOnly: !0,
                   color: "primary",
-                  "aria-label": m,
-                  isDisabled: !W,
-                  testId: `${E}-send`,
-                  className: k.button,
-                  children: /* @__PURE__ */ e(F, { icon: "solar:arrow-up-linear", width: 18, height: 18, "aria-hidden": "true" })
+                  "aria-label": w,
+                  isDisabled: !h,
+                  testId: `${M}-send`,
+                  className: O.button,
+                  children: /* @__PURE__ */ n(R, { icon: "solar:arrow-up-linear", width: 18, height: 18, "aria-hidden": "true" })
                 },
                 "send"
               )
             ]
           }
         ),
-        Q
+        oe
       ]
     }
   );
 }
-Ee.displayName = "AssistantComposer";
-const O = {
+Xe.displayName = "AssistantComposer";
+const K = {
   base: "relative flex min-h-0 w-full flex-col",
   scroller: "min-h-0 flex-1 overflow-y-auto overscroll-contain rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ai-focus",
   content: "min-w-0",
   jumpBar: "pointer-events-none absolute inset-x-0 bottom-3 flex justify-center",
   jump: "pointer-events-auto border border-divider bg-content1 text-foreground shadow-medium"
-}, Z = (t, o) => t.scrollHeight - t.scrollTop - t.clientHeight <= o, ee = (t) => t.clientHeight > 0;
-function Me({
-  children: t,
-  label: o,
-  followKey: b,
-  jumpLabel: u = "Jump to newest",
-  onFollowChange: f,
-  threshold: c = 32,
-  className: y,
-  classNames: p = {},
-  "data-testid": v = "scroll-to-latest"
+}, de = (e, t) => e.scrollHeight - e.scrollTop - e.clientHeight <= t, ue = (e) => e.clientHeight > 0;
+function et({
+  children: e,
+  label: t,
+  followKey: a,
+  jumpLabel: r = "Jump to newest",
+  onFollowChange: s,
+  threshold: l = 32,
+  className: d,
+  classNames: x = {},
+  "data-testid": p = "scroll-to-latest"
 }) {
-  const n = M(null), m = M(null), h = M(!0), r = M(0), d = M(f), S = M(c), [a, $] = H(!0), [D, T] = H(!1), E = te();
-  P(() => {
-    d.current = f;
-  }, [f]), P(() => {
-    S.current = c;
-  }, [c]);
-  const C = G((s) => {
-    h.current !== s && (h.current = s, $(s), d.current?.(s));
-  }, []), _ = G(() => {
-    const s = n.current;
-    s && (T(s.scrollHeight > s.clientHeight), ee(s) && Z(s, S.current) && C(!0));
-  }, [C]), j = G((s) => {
-    const g = n.current;
-    g && (typeof g.scrollTo == "function" ? g.scrollTo({ top: g.scrollHeight, behavior: s }) : g.scrollTop = g.scrollHeight, r.current = g.scrollTop);
+  const o = F(null), w = F(null), b = F(!0), g = F(0), i = F(s), v = F(l), [m, C] = q(!0), [A, W] = q(!1), M = le();
+  Z(() => {
+    i.current = s;
+  }, [s]), Z(() => {
+    v.current = l;
+  }, [l]);
+  const _ = X((c) => {
+    b.current !== c && (b.current = c, C(c), i.current?.(c));
+  }, []), j = X(() => {
+    const c = o.current;
+    c && (W(c.scrollHeight > c.clientHeight), ue(c) && de(c, v.current) && _(!0));
+  }, [_]), $ = X((c) => {
+    const N = o.current;
+    N && (typeof N.scrollTo == "function" ? N.scrollTo({ top: N.scrollHeight, behavior: c }) : N.scrollTop = N.scrollHeight, g.current = N.scrollTop);
   }, []);
-  Y(() => {
-    h.current && j("auto"), _();
-  }, [b, j, _]), P(() => {
-    const s = m.current, g = n.current;
-    if (!s || !g || typeof ResizeObserver > "u") return;
-    const U = new ResizeObserver(() => {
-      h.current && j("auto"), _();
+  re(() => {
+    b.current && $("auto"), j();
+  }, [a, $, j]), Z(() => {
+    const c = w.current, N = o.current;
+    if (!c || !N || typeof ResizeObserver > "u") return;
+    const L = new ResizeObserver(() => {
+      b.current && $("auto"), j();
     });
-    return U.observe(s), U.observe(g), () => U.disconnect();
-  }, [j, _]);
+    return L.observe(c), L.observe(N), () => L.disconnect();
+  }, [$, j]);
   const B = () => {
-    const s = n.current;
-    if (!s || !ee(s)) return;
-    const g = s.scrollTop;
-    Z(s, c) ? C(!0) : g < r.current - 1 && C(!1), r.current = g, _();
-  }, W = () => {
-    C(!0), j(E ? "auto" : "smooth"), n.current?.focus({ preventScroll: !0 });
+    const c = o.current;
+    if (!c || !ue(c)) return;
+    const N = c.scrollTop;
+    de(c, l) ? _(!0) : N < g.current - 1 && _(!1), g.current = N, j();
+  }, h = () => {
+    _(!0), $(M ? "auto" : "smooth"), o.current?.focus({ preventScroll: !0 });
   };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ f(
     "div",
     {
-      "data-testid": v,
-      "data-following": a,
-      className: l(O.base, y, p.base),
+      "data-testid": p,
+      "data-following": m,
+      className: u(K.base, d, x.base),
       children: [
-        /* @__PURE__ */ e(
-          me,
+        /* @__PURE__ */ n(
+          Oe,
           {
-            ref: n,
+            ref: o,
             role: "region",
-            "aria-label": o,
+            "aria-label": t,
             tabIndex: 0,
             size: 24,
             onScroll: B,
-            "data-testid": `${v}-scroller`,
-            className: l(O.scroller, p.scroller),
-            children: /* @__PURE__ */ e("div", { ref: m, className: l(O.content, p.content), children: t })
+            "data-testid": `${p}-scroller`,
+            className: u(K.scroller, x.scroller),
+            children: /* @__PURE__ */ n("div", { ref: w, className: u(K.content, x.content), children: e })
           }
         ),
-        !a && D ? /* @__PURE__ */ e("div", { className: O.jumpBar, children: /* @__PURE__ */ e(
-          R,
+        !m && A ? /* @__PURE__ */ n("div", { className: K.jumpBar, children: /* @__PURE__ */ n(
+          z,
           {
             type: "button",
             size: "sm",
             radius: "full",
             color: "default",
             variant: "solid",
-            onPress: W,
-            testId: `${v}-jump`,
-            startContent: /* @__PURE__ */ e(F, { icon: "solar:arrow-down-linear", width: 16, height: 16, "aria-hidden": "true" }),
-            className: l(O.jump, p.jump),
-            children: u
+            onPress: h,
+            testId: `${p}-jump`,
+            startContent: /* @__PURE__ */ n(R, { icon: "solar:arrow-down-linear", width: 16, height: 16, "aria-hidden": "true" }),
+            className: u(K.jump, x.jump),
+            children: r
           }
         ) }) : null
       ]
     }
   );
 }
-Me.displayName = "ScrollToLatest";
+et.displayName = "ScrollToLatest";
+const I = {
+  root: "min-w-0 space-y-3 text-sm leading-relaxed text-foreground [overflow-wrap:anywhere]",
+  paragraph: "m-0",
+  heading: {
+    1: "m-0 text-xl font-bold",
+    2: "m-0 text-lg font-semibold",
+    3: "m-0 text-base font-semibold",
+    4: "m-0 text-sm font-semibold",
+    5: "m-0 text-sm font-semibold",
+    6: "m-0 text-sm font-medium"
+  },
+  bulletList: "m-0 list-disc space-y-1 ps-5",
+  orderedList: "m-0 list-decimal space-y-1 ps-5",
+  listItem: "ps-1 [&>ol]:mt-1 [&>ul]:mt-1",
+  /** Quoted third-party text (an email, a call note): set apart, never styled as the assistant's own words. */
+  blockquote: "m-0 space-y-2 border-s-2 border-default-300 ps-3 text-default-600",
+  code: "rounded bg-default-100 px-1 py-0.5 font-mono text-[0.8125em]",
+  /** The code block's scroll box: named and focusable like the table's, so a long line can be scrolled by keyboard in every browser. */
+  codeWrap: "max-w-full overflow-x-auto rounded-md bg-default-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ai-focus",
+  pre: "m-0 whitespace-pre p-3 font-mono text-xs [overflow-wrap:normal]",
+  rule: "my-3 border-0 border-t border-divider",
+  tableWrap: "max-w-full overflow-x-auto rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ai-focus",
+  table: "w-full border-collapse text-sm",
+  /**
+   * Cells break between words only (the root's `overflow-wrap: anywhere`
+   * would split them mid-word and squeeze a wide table to fit), and headers
+   * stay on one line, so a wide table scrolls inside its box instead.
+   */
+  headerCell: "whitespace-nowrap border-b border-divider px-2 py-1.5 font-semibold",
+  cell: "border-b border-divider px-2 py-1.5 align-top [overflow-wrap:normal]",
+  align: { left: "text-start", center: "text-center", right: "text-end" },
+  link: "text-ai-accent underline underline-offset-2 hover:no-underline",
+  /**
+   * `inline-block` keeps the link's underline off the domain. `isolate`
+   * keeps a bidi control in the link's text from changing how the domain
+   * reads, even if the box stops being an inline-block.
+   */
+  linkDomain: "inline-block text-default-500 [unicode-bidi:isolate]",
+  srOnly: "sr-only"
+}, tt = [
+  "reference",
+  "autolink",
+  "html_block",
+  "html_inline",
+  "strikethrough",
+  "replacements",
+  "smartquotes",
+  "linkify",
+  "text_join"
+];
+let Y = null;
+function nt() {
+  return Y || (Y = new Pe("default", { html: !1, linkify: !1, typographer: !1, breaks: !1 }), Y.disable(tt, !0)), Y;
+}
+function rt(e) {
+  let t = 0, a = e.length;
+  for (; t < a && e.charCodeAt(t) <= 32; ) t += 1;
+  for (; a > t && e.charCodeAt(a - 1) <= 32; ) a -= 1;
+  return e.slice(t, a).replace(/[\t\n\r]/g, "");
+}
+const at = /^([a-z][a-z\d+.-]*):/i, st = /[\p{Cc}\p{Cf}\p{Z}]/u;
+function Ne(e) {
+  let t;
+  try {
+    t = decodeURIComponent(e.pathname);
+  } catch {
+    return null;
+  }
+  return t && !st.test(t) ? t : null;
+}
+function lt(e) {
+  const t = e.indexOf("=");
+  if (t < 0) return !1;
+  let a, r;
+  try {
+    a = decodeURIComponent(e.slice(0, t)).toLowerCase(), r = decodeURIComponent(e.slice(t + 1));
+  } catch {
+    return !1;
+  }
+  return r.includes("&") ? !1 : a === "body" ? !0 : a === "subject" && !new RegExp("\\p{Cc}", "u").test(r);
+}
+function it(e) {
+  if (!Ne(e)) return null;
+  const t = e.search.slice(1).split("&").filter(lt);
+  return `mailto:${e.pathname}${t.length > 0 ? `?${t.join("&")}` : ""}`;
+}
+function ae(e) {
+  const t = rt(e), a = at.exec(t)?.[1].toLowerCase();
+  if (a === "http" || a === "https") {
+    if (!/^https?:\/\//i.test(t)) return null;
+    try {
+      return new URL(t).href;
+    } catch {
+      return null;
+    }
+  }
+  if (a === "mailto")
+    try {
+      return it(new URL(t));
+    } catch {
+      return null;
+    }
+  return a || /^[/\\]{2}/.test(t) ? null : e;
+}
+const ot = (e) => {
+  if (/^https?:/i.test(e)) return ae(e);
+  if (/^mailto:/i.test(e)) {
+    const t = e.slice(7).split(/[?#]/)[0];
+    return t ? ae(`mailto:${t}`) : null;
+  }
+  return null;
+};
+function ct(e) {
+  try {
+    const t = new URL(e);
+    return t.protocol === "http:" || t.protocol === "https:" ? t.hostname.replace(/^www\./, "") : t.protocol === "mailto:" ? Ne(t) ?? "" : "";
+  } catch {
+    return "";
+  }
+}
+function se(e) {
+  const t = [], a = [t];
+  for (const r of e) {
+    const s = a[a.length - 1];
+    if (r.nesting === 1) {
+      const l = { token: r, children: [] };
+      s.push(l), a.push(l.children);
+    } else r.nesting === -1 ? a.length > 1 && a.pop() : s.push({ token: r, children: [] });
+  }
+  return t;
+}
+const fe = /(\[[1-9]\d{0,2}\])/;
+function dt(e, t, a) {
+  return !t.renderCitation || t.inLink || !fe.test(e) ? e : /* @__PURE__ */ n(U, { children: e.split(fe).map((r, s) => {
+    const l = /^\[([1-9]\d{0,2})\]$/.exec(r);
+    return l ? /* @__PURE__ */ n(U, { children: t.renderCitation?.(Number(l[1])) }, s) : r;
+  }) }, a);
+}
+function ut(e, t, a, r) {
+  const s = a.linkPolicy(e.attrGet("href") ?? ""), l = s ? ae(s) : null;
+  if (!l) return /* @__PURE__ */ n(U, { children: t }, r);
+  const d = ct(l);
+  return /* @__PURE__ */ f(
+    "a",
+    {
+      href: l,
+      target: "_blank",
+      rel: "noopener noreferrer nofollow",
+      "data-testid": `${a.dataTestId}-link`,
+      className: I.link,
+      children: [
+        t,
+        d ? /* @__PURE__ */ f("span", { className: I.linkDomain, children: [
+          " (",
+          d,
+          ")"
+        ] }) : null,
+        /* @__PURE__ */ f("span", { className: I.srOnly, children: [
+          " (",
+          a.newTabLabel,
+          ")"
+        ] })
+      ]
+    },
+    r
+  );
+}
+function pe(e) {
+  const t = /text-align:\s*(left|center|right)/.exec(e.attrGet("style") ?? "");
+  return t ? I.align[t[1]] : void 0;
+}
+function T(e, t, a) {
+  return e.map((r, s) => ft(r, t, `${a}.${s}`));
+}
+function ft({ token: e, children: t }, a, r) {
+  const s = () => T(t, a, r), l = I;
+  switch (e.type) {
+    case "paragraph_open":
+      return e.hidden ? /* @__PURE__ */ n(U, { children: s() }, r) : /* @__PURE__ */ n("p", { className: l.paragraph, children: s() }, r);
+    case "heading_open": {
+      const d = Math.min(6, Math.max(1, Number(e.tag.slice(1)) + a.headingOffset));
+      return Se(`h${d}`, { key: r, className: l.heading[d] }, s());
+    }
+    case "bullet_list_open":
+      return /* @__PURE__ */ n("ul", { className: l.bulletList, children: s() }, r);
+    case "ordered_list_open": {
+      const d = Number(e.attrGet("start") ?? 1);
+      return /* @__PURE__ */ n("ol", { start: d === 1 ? void 0 : d, className: l.orderedList, children: s() }, r);
+    }
+    case "list_item_open":
+      return /* @__PURE__ */ n("li", { className: l.listItem, children: s() }, r);
+    case "blockquote_open":
+      return /* @__PURE__ */ n("blockquote", { className: l.blockquote, children: s() }, r);
+    case "table_open":
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          role: "group",
+          "aria-label": a.tableLabel,
+          tabIndex: 0,
+          "data-testid": `${a.dataTestId}-table`,
+          className: l.tableWrap,
+          children: /* @__PURE__ */ n("table", { className: l.table, children: s() })
+        },
+        r
+      );
+    case "thead_open":
+      return /* @__PURE__ */ n("thead", { children: s() }, r);
+    case "tbody_open":
+      return /* @__PURE__ */ n("tbody", { children: s() }, r);
+    case "tr_open":
+      return /* @__PURE__ */ n("tr", { children: s() }, r);
+    case "th_open":
+      return /* @__PURE__ */ n("th", { scope: "col", className: u(l.headerCell, pe(e) ?? l.align.left), children: s() }, r);
+    case "td_open":
+      return /* @__PURE__ */ n("td", { className: u(l.cell, pe(e)), children: s() }, r);
+    case "strong_open":
+      return /* @__PURE__ */ n("strong", { children: s() }, r);
+    case "em_open":
+      return /* @__PURE__ */ n("em", { children: s() }, r);
+    case "link_open":
+      return ut(e, T(t, { ...a, inLink: !0 }, r), a, r);
+    case "inline":
+      return /* @__PURE__ */ n(U, { children: T(se(e.children ?? []), a, r) }, r);
+    case "text":
+      return dt(e.content, a, r);
+    case "text_special":
+      return e.content;
+    case "softbreak":
+      return `
+`;
+    case "hardbreak":
+      return /* @__PURE__ */ n("br", {}, r);
+    case "code_inline":
+      return /* @__PURE__ */ n("code", { className: l.code, children: e.content }, r);
+    case "code_block":
+    case "fence":
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          role: "group",
+          "aria-label": a.codeLabel,
+          tabIndex: 0,
+          "data-testid": `${a.dataTestId}-code`,
+          className: l.codeWrap,
+          children: /* @__PURE__ */ n("pre", { className: l.pre, children: /* @__PURE__ */ n("code", { children: e.content }) })
+        },
+        r
+      );
+    case "hr":
+      return /* @__PURE__ */ n("hr", { className: l.rule }, r);
+    case "image":
+      return /* @__PURE__ */ n(U, { children: T(se(e.children ?? []), a, r) }, r);
+    default:
+      return t.length > 0 ? /* @__PURE__ */ n(U, { children: s() }, r) : e.content ? /* @__PURE__ */ n(U, { children: e.content }, r) : null;
+  }
+}
+function pt({
+  source: e,
+  linkPolicy: t = ot,
+  headingOffset: a = 2,
+  renderCitation: r,
+  newTabLabel: s = "opens in a new tab",
+  tableLabel: l = "Table",
+  codeLabel: d = "Code",
+  className: x,
+  "data-testid": p = "assistant-markdown"
+}) {
+  const o = he(() => se(nt().parse(e, {})), [e]), w = {
+    // A whole number of levels: `1.5` or `NaN` would make an `h2.5` or `hNaN` element.
+    headingOffset: Number.isFinite(a) ? Math.trunc(a) : 2,
+    linkPolicy: t,
+    renderCitation: r,
+    newTabLabel: s,
+    tableLabel: l,
+    codeLabel: d,
+    dataTestId: p,
+    inLink: !1
+  };
+  return /* @__PURE__ */ n("div", { "data-testid": p, className: u(I.root, x), children: T(o, w, "md") });
+}
+pt.displayName = "AssistantMarkdown";
+const ye = "inline-flex items-center rounded border border-ai-border bg-ai-fill px-1 text-[0.6875rem] font-semibold leading-4 tabular-nums text-ai-accent", J = {
+  /**
+   * Inline in a sentence: baseline-aligned, a left margin only (a right one
+   * would strand the punctuation after it), no fixed height.
+   */
+  base: `ms-0.5 align-baseline ${ye}`,
+  interactive: "cursor-pointer transition-colors hover:border-ai-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ai-focus motion-reduce:transition-none",
+  srOnly: "sr-only"
+};
+function mt({
+  index: e,
+  label: t,
+  onSelect: a,
+  "data-testid": r = `citation-marker-${e}`
+}) {
+  return a ? /* @__PURE__ */ f(
+    "button",
+    {
+      type: "button",
+      "aria-label": t,
+      onClick: a,
+      "data-testid": r,
+      className: u(J.base, J.interactive),
+      children: [
+        "[",
+        e,
+        "]"
+      ]
+    }
+  ) : /* @__PURE__ */ f("span", { "data-testid": r, className: J.base, children: [
+    /* @__PURE__ */ f("span", { "aria-hidden": "true", children: [
+      "[",
+      e,
+      "]"
+    ] }),
+    /* @__PURE__ */ n("span", { className: J.srOnly, children: t })
+  ] });
+}
+mt.displayName = "CitationMarker";
+const ht = {
+  base: "inline-flex h-auto min-h-8 min-w-0 max-w-full items-center justify-start gap-1.5 rounded-full border border-default-200 bg-content1 px-2.5 py-1 text-xs text-foreground",
+  interactive: "data-[hover=true]:bg-default-100 data-[focus-visible=true]:outline-none data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-ai-focus",
+  disabled: "border-dashed",
+  /** The same badge as `CitationMarker`, so `[n]` in the text and on the pill match. */
+  marker: `flex-none ${ye}`,
+  srOnly: "sr-only",
+  icon: "flex-none text-default-600",
+  kind: "flex-none font-semibold",
+  title: "min-w-0 truncate",
+  date: "flex-none tabular-nums text-default-600",
+  reason: "flex flex-none items-center gap-1 text-default-600",
+  separator: "flex-none text-default-600"
+};
+function $e({
+  kindLabel: e,
+  title: t,
+  date: a,
+  icon: r,
+  marker: s,
+  onOpen: l,
+  isDisabled: d = !1,
+  disabledReason: x,
+  "data-testid": p = "source-pill"
+}) {
+  const o = ht, w = /* @__PURE__ */ f(me, { children: [
+    s !== void 0 && (d || !l) ? /* @__PURE__ */ f("span", { className: o.srOnly, children: [
+      "[",
+      s,
+      "], "
+    ] }) : null,
+    s !== void 0 ? /* @__PURE__ */ n("span", { "aria-hidden": "true", "data-testid": `${p}-marker`, className: o.marker, children: s }) : null,
+    r ? /* @__PURE__ */ n(R, { icon: r, width: 14, height: 14, "aria-hidden": "true", className: o.icon }) : null,
+    /* @__PURE__ */ n("span", { className: o.kind, children: e }),
+    /* @__PURE__ */ n("span", { "aria-hidden": "true", className: o.separator, children: "·" }),
+    /* @__PURE__ */ n("span", { "data-testid": `${p}-title`, className: o.title, children: t }),
+    a ? /* @__PURE__ */ n("span", { className: o.date, children: a }) : null
+  ] });
+  return d || !l ? /* @__PURE__ */ f(
+    "span",
+    {
+      "data-testid": p,
+      "data-disabled": d || void 0,
+      title: t,
+      className: u(o.base, d && o.disabled),
+      children: [
+        w,
+        d && x ? /* @__PURE__ */ f("span", { "data-testid": `${p}-reason`, className: o.reason, children: [
+          /* @__PURE__ */ n(R, { icon: "solar:unlink-minimalistic-linear", width: 14, height: 14, "aria-hidden": "true" }),
+          x
+        ] }) : null
+      ]
+    }
+  ) : /* @__PURE__ */ n(
+    z,
+    {
+      variant: "light",
+      color: "default",
+      radius: "full",
+      onPress: l,
+      title: t,
+      "aria-label": [s !== void 0 ? `[${s}]` : null, e, t, a].filter(Boolean).join(", "),
+      testId: p,
+      className: u(o.base, o.interactive),
+      children: w
+    }
+  );
+}
+$e.displayName = "SourcePill";
+const bt = {
+  base: "w-full px-0",
+  item: "shadow-none",
+  trigger: `gap-2 py-1.5 ${be}`,
+  title: "text-sm font-medium text-default-700",
+  count: "ms-1 tabular-nums text-default-600",
+  indicator: "text-default-500",
+  content: "pb-2 pt-0",
+  groups: "flex flex-col gap-3",
+  group: "flex flex-col gap-1.5",
+  groupLabel: "m-0 text-xs font-semibold uppercase tracking-wide text-default-600",
+  list: "m-0 flex list-none flex-wrap gap-1.5 p-0",
+  /**
+   * The item takes focus only from `reveal()`, a script focus that follows a
+   * mouse click as often as a key, and `:focus-visible` would not match the
+   * click. So the ring is on `:focus`: the revealed source is marked either way.
+   */
+  listItem: "max-w-full rounded-full outline-none focus:ring-2 focus:ring-ai-focus"
+}, ne = "sources", gt = 1e3, xt = 700;
+function wt(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const a of e) {
+    const r = t.get(a.groupKey) ?? { key: a.groupKey, label: a.groupLabel, items: [] };
+    r.items.push(a), t.set(a.groupKey, r);
+  }
+  return [...t.values()];
+}
+const Et = /* @__PURE__ */ Object.assign(
+  /* @__PURE__ */ _e(function({
+    items: t,
+    title: a,
+    titleText: r,
+    isExpanded: s,
+    defaultExpanded: l = !1,
+    onExpandedChange: d,
+    className: x,
+    "data-testid": p = "source-list"
+  }, o) {
+    const [w, b] = q(l), g = F(/* @__PURE__ */ new Map()), i = F(null), v = F(null), m = G(), C = le(), A = s ?? w, W = (h) => {
+      s === void 0 && b(h), d?.(h);
+    }, M = (h, c) => h.scrollIntoView?.({ block: "nearest", behavior: c ? "smooth" : "auto" }), _ = (h, c) => {
+      if (h.focus({ preventScroll: !0 }), v.current) {
+        v.current = h;
+        return;
+      }
+      if (!c || C) {
+        M(h, !C);
+        return;
+      }
+      v.current = h, window.setTimeout(() => {
+        const N = v.current;
+        N && (v.current = null, M(N, !0));
+      }, xt);
+    }, j = he(
+      () => ({
+        onAnimationComplete: (h) => {
+          const c = v.current;
+          h !== "enter" || !c || (v.current = null, c.scrollIntoView?.({ block: "nearest", behavior: "smooth" }));
+        }
+      }),
+      []
+    );
+    if (Z(() => {
+      A || (i.current = null, v.current = null);
+    }, [A]), ke(o, () => ({
+      reveal: (h) => {
+        if (!t.some((N) => N.id === h)) return;
+        const c = g.current.get(h);
+        if (A && c) {
+          _(c, !1);
+          return;
+        }
+        i.current = { id: h, at: Date.now() }, A || W(!0);
+      }
+    })), t.length === 0) return null;
+    const $ = bt, B = wt(t);
+    return /* @__PURE__ */ n(
+      ge,
+      {
+        "data-testid": p,
+        disableAnimation: C,
+        selectedKeys: A ? /* @__PURE__ */ new Set([ne]) : /* @__PURE__ */ new Set(),
+        onSelectionChange: (h) => W(h === "all" || h.has(ne)),
+        className: u($.base, x),
+        children: /* @__PURE__ */ n(
+          xe,
+          {
+            "data-testid": `${p}-group`,
+            motionProps: j,
+            title: /* @__PURE__ */ f(me, { children: [
+              a,
+              /* @__PURE__ */ f("span", { className: $.count, children: [
+                "(",
+                t.length,
+                ")"
+              ] })
+            ] }),
+            textValue: `${typeof a == "string" ? a : r ?? ""} (${t.length})`,
+            classNames: {
+              base: $.item,
+              trigger: $.trigger,
+              title: $.title,
+              indicator: $.indicator,
+              content: $.content
+            },
+            children: /* @__PURE__ */ n("div", { className: $.groups, onFocus: (h) => h.stopPropagation(), children: B.map((h, c) => {
+              const N = `${m}-group-${c}`;
+              return /* @__PURE__ */ f(
+                "div",
+                {
+                  role: "group",
+                  "aria-labelledby": N,
+                  "data-testid": `${p}-kind-${h.key}`,
+                  className: $.group,
+                  children: [
+                    /* @__PURE__ */ f("p", { id: N, className: $.groupLabel, children: [
+                      h.label,
+                      " (",
+                      h.items.length,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ n("ul", { className: $.list, children: h.items.map((L) => /* @__PURE__ */ n(
+                      "li",
+                      {
+                        tabIndex: -1,
+                        ref: (H) => {
+                          if (!H) {
+                            g.current.delete(L.id);
+                            return;
+                          }
+                          g.current.set(L.id, H);
+                          const V = i.current;
+                          V?.id === L.id && (i.current = null, Date.now() - V.at <= gt && _(H, !0));
+                        },
+                        "data-testid": `${p}-item-${L.id}`,
+                        className: $.listItem,
+                        children: /* @__PURE__ */ n($e, { ...L, "data-testid": `${p}-pill-${L.id}` })
+                      },
+                      L.id
+                    )) })
+                  ]
+                },
+                h.key
+              );
+            }) })
+          },
+          ne
+        )
+      }
+    );
+  }),
+  { displayName: "SourceList" }
+), vt = {
+  base: "w-full border border-default-200 bg-content1 shadow-none",
+  deleted: "border-dashed",
+  header: "flex flex-col items-start gap-1 px-4 pb-0 pt-3",
+  kindRow: "flex min-w-0 flex-wrap items-center gap-2 text-xs text-default-600",
+  kind: "inline-flex items-center gap-1.5 font-medium",
+  badge: "inline-flex items-center gap-1 rounded-md border border-default-300 bg-default-100 px-1.5 py-0.5 text-[0.6875rem] font-semibold uppercase tracking-wide text-default-700",
+  title: "m-0 min-w-0 text-sm font-semibold text-foreground [overflow-wrap:anywhere]",
+  titleDeleted: "text-default-600",
+  meta: "text-xs tabular-nums text-default-600 [overflow-wrap:anywhere]",
+  body: "min-w-0 px-4 py-3",
+  skeleton: "flex flex-col gap-2",
+  skeletonLine: "h-3 rounded-md",
+  /** Three lines of a preview that has not arrived yet. */
+  skeletonWidths: ["w-3/4", "w-full", "w-2/3"],
+  footer: "flex flex-wrap items-center justify-between gap-2 border-t border-divider px-4 py-2.5",
+  status: "flex min-w-0 items-center gap-1.5 text-xs font-medium [overflow-wrap:anywhere]",
+  /** HeroUI's small spinner is 20px; sized to the 14px status icons so the footer keeps its height when the save ends. */
+  spinner: "size-3.5",
+  actions: "flex flex-wrap items-center gap-1.5"
+}, Nt = {
+  saving: "text-default-600",
+  saved: "text-success-700",
+  failed: "text-danger-700",
+  deleted: "text-default-600"
+}, yt = {
+  saved: "solar:check-circle-linear",
+  failed: "solar:danger-triangle-linear",
+  deleted: "solar:trash-bin-minimalistic-linear"
+};
+function $t(e) {
+  return Le.toArray(e).some((t) => t !== "");
+}
+function Ct({
+  title: e,
+  kindLabel: t,
+  icon: a,
+  status: r = "saved",
+  statusLabel: s,
+  meta: l,
+  badge: d,
+  children: x,
+  actions: p,
+  titleAs: o = "p",
+  className: w,
+  "data-testid": b = "artifact-card"
+}) {
+  const g = G(), i = vt, v = r === "deleted", m = $t(x), C = !v && (m || r === "saving");
+  return /* @__PURE__ */ f(
+    je,
+    {
+      as: "article",
+      "aria-labelledby": g,
+      shadow: "none",
+      radius: "lg",
+      "data-status": r,
+      "data-testid": b,
+      className: u(i.base, v && i.deleted, w),
+      children: [
+        /* @__PURE__ */ f(De, { className: i.header, children: [
+          /* @__PURE__ */ f("div", { className: i.kindRow, children: [
+            /* @__PURE__ */ f("span", { "data-testid": `${b}-kind`, className: i.kind, children: [
+              a ? /* @__PURE__ */ n(R, { icon: a, width: 16, height: 16, "aria-hidden": "true" }) : null,
+              t
+            ] }),
+            D(d) ? /* @__PURE__ */ n("span", { "data-testid": `${b}-badge`, className: i.badge, children: d }) : null
+          ] }),
+          /* @__PURE__ */ n(
+            o,
+            {
+              id: g,
+              "data-testid": `${b}-title`,
+              className: u(i.title, v && i.titleDeleted),
+              children: e
+            }
+          ),
+          D(l) ? /* @__PURE__ */ n("div", { "data-testid": `${b}-meta`, className: i.meta, children: l }) : null
+        ] }),
+        C ? /* @__PURE__ */ n(Ue, { "data-testid": `${b}-body`, className: i.body, children: m ? x : /* @__PURE__ */ n("div", { "aria-hidden": "true", "data-testid": `${b}-skeleton`, className: i.skeleton, children: i.skeletonWidths.map((A) => /* @__PURE__ */ n(Me, { className: u(i.skeletonLine, A) }, A)) }) }) : null,
+        /* @__PURE__ */ f(We, { className: i.footer, children: [
+          /* @__PURE__ */ f(
+            "div",
+            {
+              role: "status",
+              "aria-live": "polite",
+              "data-testid": `${b}-status`,
+              className: u(i.status, Nt[r]),
+              children: [
+                r === "saving" ? /* @__PURE__ */ n(
+                  we,
+                  {
+                    size: "sm",
+                    color: "current",
+                    "aria-hidden": "true",
+                    classNames: { base: i.spinner, wrapper: i.spinner }
+                  }
+                ) : /* @__PURE__ */ n(R, { icon: yt[r], width: 14, height: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ n("span", { children: s })
+              ]
+            }
+          ),
+          D(p) ? /* @__PURE__ */ n("div", { "data-testid": `${b}-actions`, className: i.actions, children: p }) : null
+        ] })
+      ]
+    }
+  );
+}
+Ct.displayName = "ArtifactCard";
 export {
-  Se as AssistantActivity,
-  Ee as AssistantComposer,
-  we as AssistantMessage,
-  Ce as AssistantNotice,
-  Me as ScrollToLatest,
-  ve as formatAssistantDuration
+  Ct as ArtifactCard,
+  Ve as AssistantActivity,
+  Xe as AssistantComposer,
+  pt as AssistantMarkdown,
+  Ke as AssistantMessage,
+  Ze as AssistantNotice,
+  mt as CitationMarker,
+  et as ScrollToLatest,
+  Et as SourceList,
+  $e as SourcePill,
+  ot as defaultAssistantLinkPolicy,
+  qe as formatAssistantDuration
 };