@pstdio/ui 0.2.1 → 0.2.2

package/dist/chat-ui.js

@@ -1,10 +1,11 @@
-import { jsx as l, jsxs as x, Fragment as Me } from "react/jsx-runtime";
+import { jsx as i, jsxs as x, Fragment as Le } from "react/jsx-runtime";
 import { c as y } from "react/compiler-runtime";
-import { chakra as Ge, AbsoluteCenter as ht, IconButton as Ye, defineSlotRecipe as gt, createSlotRecipeContext as bt, Text as ne, Code as He, Button as Fe, HStack as Je, Box as k, Flex as ge, Tooltip as he, Portal as xt, Kbd as yt, Spacer as St, Timeline as kt, Span as ae, Avatar as re, Card as E, Link as Xe, Stack as Qe, Spinner as Tt } from "@chakra-ui/react";
-import { ArrowDownIcon as wt, ShieldX as Ct, ShieldCheck as Pt, Square as _t, ArrowUp as It, Move as Rt, FileDown as Bt, FileUp as Dt, FileDiff as vt, Trash2 as At, FilePen as Ft, FileText as $t, ListTree as zt, Terminal as Ze, File as Mt, Globe as Ot, Search as Lt, AlertTriangle as Wt, DotIcon as Et, ChevronUpIcon as Ht, MessageCircleIcon as Nt } from "lucide-react";
-import { StickToBottom as et, useStickToBottomContext as tt } from "use-stick-to-bottom";
-import { useRef as $e, useEffect as ze, useState as ce } from "react";
-import { f as De, P as jt, g as Ut, R as nt, h as Vt } from "./rich-message-B2gxL8oy.js";
+import { chakra as gt, AbsoluteCenter as bt, IconButton as Ye, defineSlotRecipe as xt, createSlotRecipeContext as yt, Text as te, Code as Ue, Button as $e, HStack as Qe, Box as k, Flex as be, Tooltip as ge, Portal as St, Kbd as kt, Spacer as Tt, Timeline as wt, Span as ae, Avatar as ne, Card as N, Link as Ze, Stack as et, Spinner as Ct } from "@chakra-ui/react";
+import { ArrowDownIcon as Pt, ShieldX as _t, ShieldCheck as Rt, Square as It, ArrowUp as Bt, Move as Dt, FileDown as At, FileUp as vt, FileDiff as Ft, Trash2 as zt, FilePen as $t, FileText as Mt, ListTree as Ot, Terminal as tt, File as Lt, Globe as Wt, Search as Et, AlertTriangle as Ht, DotIcon as Nt, ChevronUpIcon as jt, MessageCircleIcon as Ut } from "lucide-react";
+import { StickToBottom as Vt, useStickToBottomContext as We } from "use-stick-to-bottom";
+import { S as nt, D as qt, a as Kt, E as Gt } from "./scroll-area-DZs-GiIp.js";
+import { useRef as Me, useEffect as Oe, useState as ce } from "react";
+import { f as Ae, P as Jt, g as Xt, R as rt, h as Yt } from "./rich-message-C0_i-4Ux.js";
 import "@lexical/react/LexicalCollaborationContext";
 import "@lexical/react/LexicalCollaborationPlugin";
 import "@lexical/react/LexicalComposer";
@@ -29,43 +30,56 @@ import "@lexical/react/LexicalAutoFocusPlugin";
 import "@lexical/react/LexicalHistoryPlugin";
 import "@lexical/react/LexicalOnChangePlugin";
 import "@lexical/react/LexicalTreeView";
-import { D as qt, a as Kt, E as Gt } from "./empty-state-kQR0gd4j.js";
-const Yt = {
+const Qt = {
   "aria-roledescription": "conversation",
   initial: "instant",
   resize: "instant",
   role: "log"
-}, Jt = Ge(et, {
+}, Zt = gt(Vt, {
   base: {
     position: "relative",
     flex: 1,
-    overflowY: "auto",
+    overflow: "hidden",
     height: "full"
   }
 }, {
   forwardProps: ["resize"],
-  defaultProps: Yt
-}), Xt = Ge(et.Content, {
-  base: {
-    p: "0"
-  }
-}, {
-  defaultProps: {
+  defaultProps: Qt
+}), en = (t) => {
+  const e = y(9);
+  let n, r;
+  e[0] !== t ? ({
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = r) : (n = e[1], r = e[2]);
+  const {
+    contentRef: o,
+    scrollRef: s
+  } = We(), l = s, c = o;
+  let d;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    p: "sm",
     "aria-live": "polite",
     role: "list"
-  }
-}), Qt = (t) => {
+  }, e[3] = d) : d = e[3];
+  let a;
+  return e[4] !== n || e[5] !== r || e[6] !== l || e[7] !== c ? (a = /* @__PURE__ */ i(nt, { ...r, height: "full", width: "full", showHorizontalScrollbar: !1, viewportRef: l, contentRef: c, contentProps: d, children: n }), e[4] = n, e[5] = r, e[6] = l, e[7] = c, e[8] = a) : a = e[8], a;
+}, tn = {
+  axis: "horizontal",
+  bottom: "md",
+  zIndex: 2
+}, nn = (t) => {
   const e = y(4), {
     isAtBottom: n,
-    scrollToBottom: i
-  } = tt();
-  let r;
-  return e[0] !== n || e[1] !== t || e[2] !== i ? (r = !n && /* @__PURE__ */ l(ht, { axis: "horizontal", bottom: "md", children: /* @__PURE__ */ l(Ye, { rounded: "full", onClick: () => i(), variant: "outline", size: "xs", ...t, children: /* @__PURE__ */ l(wt, { size: 16 }) }) }), e[0] = n, e[1] = t, e[2] = i, e[3] = r) : r = e[3], r;
+    scrollToBottom: r
+  } = We();
+  let o;
+  return e[0] !== n || e[1] !== t || e[2] !== r ? (o = !n && /* @__PURE__ */ i(bt, { ...tn, children: /* @__PURE__ */ i(Ye, { rounded: "full", onClick: () => r(), variant: "outline", size: "xs", ...t, children: /* @__PURE__ */ i(Pt, { size: 16 }) }) }), e[0] = n, e[1] = t, e[2] = r, e[3] = o) : o = e[3], o;
 }, ve = {
-  Root: Jt,
-  Viewport: Xt,
-  ScrollToBottom: Qt
-}, Zt = gt({
+  Root: Zt,
+  Viewport: en,
+  ScrollToBottom: nn
+}, rn = xt({
   className: "ai-message",
   slots: ["root", "content"],
   base: {
@@ -74,7 +88,10 @@ const Yt = {
       width: "full",
       alignItems: "end",
       justifyContent: "end",
-      gap: "sm"
+      gap: "sm",
+      "&:has(+ [data-scope='ai-message'][data-part='root'])": {
+        mb: 0
+      }
     },
     content: {
       display: "flex",
@@ -89,13 +106,13 @@ const Yt = {
       user: {
         root: {
           mb: "md",
-          flexDirection: "row",
-          "& > div": {
-            marginLeft: "lg"
-          }
+          flexDirection: "row"
         },
         content: {
-          bg: "bg.muted",
+          border: "1px solid",
+          borderColor: "border.muted",
+          bg: "bg.subtle",
+          width: "full",
           borderBottomRightRadius: 0
         }
       },
@@ -103,10 +120,10 @@ const Yt = {
         root: {
           mb: "md",
           flexDirection: "row",
-          justifyContent: "start",
-          "& > div": {
-            marginRight: "lg"
-          }
+          justifyContent: "start"
+        },
+        content: {
+          width: "full"
         }
       },
       developer: {
@@ -150,7 +167,7 @@ const Yt = {
     shape: {
       rounded: {
         content: {
-          rounded: "lg"
+          rounded: "xs"
         }
       },
       pill: {
@@ -171,263 +188,267 @@ const Yt = {
     shape: "rounded"
   }
 }), {
-  withProvider: en,
-  withContext: tn
-} = bt({
-  recipe: Zt
-}), nn = en("div", "root"), rn = tn("div", "content"), Ne = {
-  Root: nn,
-  Content: rn
-}, on = (t) => {
+  withProvider: on,
+  withContext: sn
+} = yt({
+  recipe: rn
+}), ln = on("div", "root"), cn = sn("div", "content"), Ve = {
+  Root: ln,
+  Content: cn
+}, an = (t) => {
   if (t == null) return null;
   const e = typeof t == "string" ? t : JSON.stringify(t, null, 2);
   return e.length === 0 ? null : e.length > 200 ? `${e.slice(0, 200)}...` : e;
-}, ao = (t) => {
+}, ho = (t) => {
   const e = y(19), {
     toolName: n,
-    toolInput: i,
-    onApprove: r,
-    onDeny: o
+    toolInput: r,
+    onApprove: o,
+    onDeny: s
   } = t;
-  let s;
-  e[0] !== i ? (s = on(i), e[0] = i, e[1] = s) : s = e[1];
-  const c = s;
+  let l;
+  e[0] !== r ? (l = an(r), e[0] = r, e[1] = l) : l = e[1];
+  const c = l;
   let d;
-  e[2] !== n ? (d = /* @__PURE__ */ x(ne, { textStyle: "label/S/medium", color: "fg", children: [
+  e[2] !== n ? (d = /* @__PURE__ */ x(te, { textStyle: "label/S/medium", color: "fg", children: [
     "Allow ",
-    /* @__PURE__ */ l(He, { size: "sm", children: n }),
+    /* @__PURE__ */ i(Ue, { size: "sm", children: n }),
     "?"
   ] }), e[2] = n, e[3] = d) : d = e[3];
   let a;
-  e[4] !== c ? (a = c ? /* @__PURE__ */ l(He, { size: "sm", whiteSpace: "pre-wrap", maxH: "6rem", overflowY: "auto", children: c }) : null, e[4] = c, e[5] = a) : a = e[5];
+  e[4] !== c ? (a = c ? /* @__PURE__ */ i(Ue, { size: "sm", whiteSpace: "pre-wrap", maxH: "6rem", overflowY: "auto", children: c }) : null, e[4] = c, e[5] = a) : a = e[5];
   let u;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ l(Ct, { size: 14 }), e[6] = u) : u = e[6];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ i(_t, { size: 14 }), e[6] = u) : u = e[6];
   let f;
-  e[7] !== o ? (f = /* @__PURE__ */ x(Fe, { size: "xs", variant: "outline", onClick: o, children: [
+  e[7] !== s ? (f = /* @__PURE__ */ x($e, { size: "xs", variant: "outline", onClick: s, children: [
     u,
     "Deny"
-  ] }), e[7] = o, e[8] = f) : f = e[8];
+  ] }), e[7] = s, e[8] = f) : f = e[8];
   let p;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(Pt, { size: 14 }), e[9] = p) : p = e[9];
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ i(Rt, { size: 14 }), e[9] = p) : p = e[9];
   let m;
-  e[10] !== r ? (m = /* @__PURE__ */ x(Fe, { size: "xs", colorPalette: "green", onClick: r, children: [
+  e[10] !== o ? (m = /* @__PURE__ */ x($e, { size: "xs", colorPalette: "green", onClick: o, children: [
     p,
     "Allow"
-  ] }), e[10] = r, e[11] = m) : m = e[11];
+  ] }), e[10] = o, e[11] = m) : m = e[11];
   let h;
-  e[12] !== f || e[13] !== m ? (h = /* @__PURE__ */ x(Je, { gap: "xs", justifyContent: "flex-end", children: [
+  e[12] !== f || e[13] !== m ? (h = /* @__PURE__ */ x(Qe, { gap: "xs", justifyContent: "flex-end", children: [
     f,
     m
   ] }), e[12] = f, e[13] = m, e[14] = h) : h = e[14];
   let b;
-  return e[15] !== d || e[16] !== a || e[17] !== h ? (b = /* @__PURE__ */ l(k, { px: "sm", py: "xs", mx: "sm", borderWidth: "1px", borderColor: "border.warning", borderRadius: "lg", bg: "bg.warning", children: /* @__PURE__ */ x(ge, { direction: "column", gap: "xs", children: [
+  return e[15] !== d || e[16] !== a || e[17] !== h ? (b = /* @__PURE__ */ i(k, { px: "sm", py: "xs", mx: "sm", borderWidth: "1px", borderColor: "border.warning", borderRadius: "lg", bg: "bg.warning", children: /* @__PURE__ */ x(be, { direction: "column", gap: "xs", children: [
     d,
     a,
     h
   ] }) }), e[15] = d, e[16] = a, e[17] = h, e[18] = b) : b = e[18], b;
-}, sn = (t) => {
+}, dn = (t) => {
   const {
     previousUserMessageCount: e,
     userMessageCount: n
   } = t;
   return e === 0 ? !1 : n > e;
 };
-function ln(t) {
+function un(t) {
   const e = y(4), {
     userMessageCount: n
   } = t, {
-    scrollToBottom: i
-  } = tt(), r = $e(n);
-  let o, s;
-  return e[0] !== i || e[1] !== n ? (o = () => {
-    sn({
-      previousUserMessageCount: r.current,
+    scrollToBottom: r
+  } = We(), o = Me(n);
+  let s, l;
+  return e[0] !== r || e[1] !== n ? (s = () => {
+    dn({
+      previousUserMessageCount: o.current,
       userMessageCount: n
-    }) && i(), r.current = n;
-  }, s = [n, i], e[0] = i, e[1] = n, e[2] = o, e[3] = s) : (o = e[2], s = e[3]), ze(o, s), null;
+    }) && r(), o.current = n;
+  }, l = [n, r], e[0] = r, e[1] = n, e[2] = s, e[3] = l) : (s = e[2], l = e[3]), Oe(s, l), null;
 }
-const cn = (t) => {
+const fn = (t) => {
   const e = y(22);
-  let n, i, r, o;
+  let n, r, o, s;
   e[0] !== t ? ({
-    title: o,
-    shortcut: r,
+    title: s,
+    shortcut: o,
     canInterrupt: n,
-    ...i
-  } = t, e[0] = t, e[1] = n, e[2] = i, e[3] = r, e[4] = o) : (n = e[1], i = e[2], r = e[3], o = e[4]);
-  const s = i["aria-label"] ?? o;
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = r, e[3] = o, e[4] = s) : (n = e[1], r = e[2], o = e[3], s = e[4]);
+  const l = r["aria-label"] ?? s;
   let c;
-  e[5] !== n ? (c = n ? /* @__PURE__ */ l(_t, { size: 16, strokeWidth: 2, fill: "currentColor" }) : /* @__PURE__ */ l(It, { size: 16, strokeWidth: 2 }), e[5] = n, e[6] = c) : c = e[6];
+  e[5] !== n ? (c = n ? /* @__PURE__ */ i(It, { size: 16, strokeWidth: 2, fill: "currentColor" }) : /* @__PURE__ */ i(Bt, { size: 16, strokeWidth: 2 }), e[5] = n, e[6] = c) : c = e[6];
   const d = c;
   let a;
-  e[7] !== s || e[8] !== d || e[9] !== i || e[10] !== o ? (a = /* @__PURE__ */ l(Ye, { size: "sm", variant: "solid", borderRadius: "full", colorPalette: "primary", "aria-label": s, title: o, ...i, children: d }), e[7] = s, e[8] = d, e[9] = i, e[10] = o, e[11] = a) : a = e[11];
+  e[7] !== l || e[8] !== d || e[9] !== r || e[10] !== s ? (a = /* @__PURE__ */ i(Ye, { size: "sm", variant: "solid", borderRadius: "full", colorPalette: "primary", "aria-label": l, title: s, ...r, children: d }), e[7] = l, e[8] = d, e[9] = r, e[10] = s, e[11] = a) : a = e[11];
   const u = a;
-  if (o) {
+  if (s) {
     let f;
-    e[12] !== r || e[13] !== o ? (f = r ? /* @__PURE__ */ x(Me, { children: [
-      o,
+    e[12] !== o || e[13] !== s ? (f = o ? /* @__PURE__ */ x(Le, { children: [
+      s,
       " ",
-      /* @__PURE__ */ l(yt, { fontSize: "xs", children: r })
-    ] }) : o, e[12] = r, e[13] = o, e[14] = f) : f = e[14];
+      /* @__PURE__ */ i(kt, { fontSize: "xs", children: o })
+    ] }) : s, e[12] = o, e[13] = s, e[14] = f) : f = e[14];
     const p = f;
     let m;
-    e[15] !== u ? (m = /* @__PURE__ */ l(he.Trigger, { asChild: !0, children: u }), e[15] = u, e[16] = m) : m = e[16];
+    e[15] !== u ? (m = /* @__PURE__ */ i(ge.Trigger, { asChild: !0, children: u }), e[15] = u, e[16] = m) : m = e[16];
     let h;
-    e[17] !== p ? (h = /* @__PURE__ */ l(xt, { children: /* @__PURE__ */ l(he.Positioner, { children: /* @__PURE__ */ l(he.Content, { children: p }) }) }), e[17] = p, e[18] = h) : h = e[18];
+    e[17] !== p ? (h = /* @__PURE__ */ i(St, { children: /* @__PURE__ */ i(ge.Positioner, { children: /* @__PURE__ */ i(ge.Content, { children: p }) }) }), e[17] = p, e[18] = h) : h = e[18];
     let b;
-    return e[19] !== m || e[20] !== h ? (b = /* @__PURE__ */ x(he.Root, { closeDelay: 50, openDelay: 100, children: [
+    return e[19] !== m || e[20] !== h ? (b = /* @__PURE__ */ x(ge.Root, { closeDelay: 50, openDelay: 100, children: [
       m,
       h
     ] }), e[19] = m, e[20] = h, e[21] = b) : b = e[21], b;
   }
   return u;
-}, an = (t) => {
-  const e = y(62), {
+}, pn = (t) => {
+  const e = y(63), {
     defaultState: n,
-    onSubmit: i,
-    onInterrupt: r,
-    streaming: o,
-    attachedResources: s,
+    onSubmit: r,
+    onInterrupt: o,
+    streaming: s,
+    attachedResources: l,
     onClearAttachments: c,
     isDisabled: d,
     onChange: a,
     placeholder: u,
     attachmentList: f,
     actions: p
-  } = t, m = i === void 0 ? dn : i, h = o === void 0 ? !1 : o;
+  } = t, m = r === void 0 ? mn : r, h = s === void 0 ? !1 : s;
   let b;
-  e[0] !== s ? (b = s === void 0 ? [] : s, e[0] = s, e[1] = b) : b = e[1];
-  const S = b, T = d === void 0 ? !1 : d, [P, z] = ce(!1), [v, M] = ce(n), [A, O] = ce(0);
-  let _;
-  e[2] !== n ? (_ = () => De(n), e[2] = n, e[3] = _) : _ = e[3];
-  const [C, F] = ce(_), L = $e(null), $ = $e(a);
-  let W, I;
-  e[4] !== a ? (W = () => {
+  e[0] !== l ? (b = l === void 0 ? [] : l, e[0] = l, e[1] = b) : b = e[1];
+  const S = b, T = d === void 0 ? !1 : d, [P, M] = ce(!1), [v, O] = ce(n), [F, L] = ce(0);
+  let R;
+  e[2] !== n ? (R = () => Ae(n), e[2] = n, e[3] = R) : R = e[3];
+  const [C, z] = ce(R), W = Me(null), $ = Me(a);
+  let E, I;
+  e[4] !== a ? (E = () => {
     $.current = a;
-  }, I = [a], e[4] = a, e[5] = W, e[6] = I) : (W = e[5], I = e[6]), ze(W, I);
-  let R, B;
-  e[7] !== n ? (R = () => {
-    const w = De(n);
-    M(n), O(un), F(w), $.current?.(w);
-  }, B = [n], e[7] = n, e[8] = R, e[9] = B) : (R = e[8], B = e[9]), ze(R, B);
-  let D;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-    const w = L.current?.querySelector('[contenteditable="true"]');
+  }, I = [a], e[4] = a, e[5] = E, e[6] = I) : (E = e[5], I = e[6]), Oe(E, I);
+  let B, D;
+  e[7] !== n ? (B = () => {
+    const w = Ae(n);
+    O(n), L(hn), z(w), $.current?.(w);
+  }, D = [n], e[7] = n, e[8] = B, e[9] = D) : (B = e[8], D = e[9]), Oe(B, D);
+  let A;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+    const w = W.current?.querySelector('[contenteditable="true"]');
     w instanceof HTMLElement && w.focus();
-  }, e[10] = D) : D = e[10];
-  const j = D;
-  let H;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = () => {
-    z(!0), j();
-  }, e[11] = H) : H = e[11];
-  const Te = H;
-  let K;
-  e[12] !== n ? (K = (w) => {
-    const mt = w === void 0 ? !1 : w;
-    M(n), O(fn);
-    const Ee = De(n);
-    F(Ee), $.current?.(Ee), mt && requestAnimationFrame(() => {
-      j();
+  }, e[10] = A) : A = e[10];
+  const V = A;
+  let j;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = () => {
+    M(!0), V();
+  }, e[11] = j) : j = e[11];
+  const we = j;
+  let q;
+  e[12] !== n ? (q = (w) => {
+    const ht = w === void 0 ? !1 : w;
+    O(n), L(gn);
+    const je = Ae(n);
+    z(je), $.current?.(je), ht && requestAnimationFrame(() => {
+      V();
     });
-  }, e[12] = n, e[13] = K) : K = e[13];
-  const U = K;
-  let V;
-  e[14] !== S || e[15] !== T || e[16] !== c || e[17] !== r || e[18] !== m || e[19] !== U || e[20] !== h || e[21] !== C ? (V = () => {
+  }, e[12] = n, e[13] = q) : q = e[13];
+  const ie = q;
+  let K;
+  e[14] !== S || e[15] !== T || e[16] !== c || e[17] !== o || e[18] !== m || e[19] !== ie || e[20] !== h || e[21] !== C ? (K = () => {
     if (T)
       return;
     if (h) {
-      r?.();
+      o?.();
       return;
     }
     const w = C.trim();
-    w && (m(w, S), U(!0), c?.());
-  }, e[14] = S, e[15] = T, e[16] = c, e[17] = r, e[18] = m, e[19] = U, e[20] = h, e[21] = C, e[22] = V) : V = e[22];
-  const G = V, q = h && !!r;
+    w && (m(w, S), ie(!0), c?.());
+  }, e[14] = S, e[15] = T, e[16] = c, e[17] = o, e[18] = m, e[19] = ie, e[20] = h, e[21] = C, e[22] = K) : K = e[22];
+  const _ = K, H = h && !!o;
   let de;
-  e[23] !== u ? (de = u ? /* @__PURE__ */ l(ne, { textStyle: "label/M/regular", color: "fg.subtle", pointerEvents: "none", position: "absolute", top: "0", children: u }) : void 0, e[23] = u, e[24] = de) : de = e[24];
-  const we = de, Ce = P ? "blue.border" : "border.muted", Pe = P ? "mid" : "low", _e = P ? "blue.border" : "border";
-  let Y;
-  e[25] !== _e ? (Y = {
-    borderColor: _e,
+  e[23] !== u ? (de = u ? /* @__PURE__ */ i(te, { textStyle: "label/M/regular", color: "fg.subtle", pointerEvents: "none", position: "absolute", top: "0", children: u }) : void 0, e[23] = u, e[24] = de) : de = e[24];
+  const Ce = de, Pe = P ? "blue.border" : "border.muted", _e = P ? "mid" : "low", Re = P ? "blue.border" : "border";
+  let G;
+  e[25] !== Re ? (G = {
+    borderColor: Re,
     boxShadow: "mid"
-  }, e[25] = _e, e[26] = Y) : Y = e[26];
+  }, e[25] = Re, e[26] = G) : G = e[26];
   let ue;
   e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ue = {
     borderColor: "blue.border",
     boxShadow: "mid"
   }, e[27] = ue) : ue = e[27];
   let fe;
-  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fe = () => z(!1), e[28] = fe) : fe = e[28];
+  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fe = () => M(!1), e[28] = fe) : fe = e[28];
+  let pe;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = {
+    pr: "2xs"
+  }, e[29] = pe) : pe = e[29];
   const Ie = !T;
   let J;
-  e[29] !== a ? (J = (w) => {
-    F(w), a?.(w);
-  }, e[29] = a, e[30] = J) : J = e[30];
+  e[30] !== a ? (J = (w) => {
+    z(w), a?.(w);
+  }, e[30] = a, e[31] = J) : J = e[31];
   let X;
-  e[31] !== A || e[32] !== v || e[33] !== G || e[34] !== we || e[35] !== Ie || e[36] !== J ? (X = /* @__PURE__ */ l(k, { maxH: "10rem", overflowY: "auto", children: /* @__PURE__ */ l(jt, { defaultState: v, isEditable: Ie, placeholder: we, onChange: J, onSubmit: G }, A) }), e[31] = A, e[32] = v, e[33] = G, e[34] = we, e[35] = Ie, e[36] = J, e[37] = X) : X = e[37];
-  let pe;
-  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = /* @__PURE__ */ l(St, {}), e[38] = pe) : pe = e[38];
-  const Re = q ? "Stop Response" : "Message Sending", Be = h ? void 0 : "Enter";
+  e[32] !== F || e[33] !== v || e[34] !== _ || e[35] !== Ce || e[36] !== Ie || e[37] !== J ? (X = /* @__PURE__ */ i(nt, { maxH: "10rem", showHorizontalScrollbar: !1, contentProps: pe, children: /* @__PURE__ */ i(Jt, { defaultState: v, isEditable: Ie, placeholder: Ce, onChange: J, onSubmit: _ }, F) }), e[32] = F, e[33] = v, e[34] = _, e[35] = Ce, e[36] = Ie, e[37] = J, e[38] = X) : X = e[38];
+  let me;
+  e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (me = /* @__PURE__ */ i(Tt, {}), e[39] = me) : me = e[39];
+  const Be = H ? "Stop Response" : "Message Sending", De = h ? void 0 : "Enter";
+  let Y;
+  e[40] !== H || e[41] !== T || e[42] !== h || e[43] !== C ? (Y = h && !H || !h && !C.trim() || T, e[40] = H, e[41] = T, e[42] = h, e[43] = C, e[44] = Y) : Y = e[44];
   let Q;
-  e[39] !== q || e[40] !== T || e[41] !== h || e[42] !== C ? (Q = h && !q || !h && !C.trim() || T, e[39] = q, e[40] = T, e[41] = h, e[42] = C, e[43] = Q) : Q = e[43];
+  e[45] !== H || e[46] !== _ || e[47] !== Be || e[48] !== De || e[49] !== Y ? (Q = /* @__PURE__ */ i(fn, { canInterrupt: H, title: Be, shortcut: De, onClick: _, disabled: Y }), e[45] = H, e[46] = _, e[47] = Be, e[48] = De, e[49] = Y, e[50] = Q) : Q = e[50];
   let Z;
-  e[44] !== q || e[45] !== G || e[46] !== Re || e[47] !== Be || e[48] !== Q ? (Z = /* @__PURE__ */ l(cn, { canInterrupt: q, title: Re, shortcut: Be, onClick: G, disabled: Q }), e[44] = q, e[45] = G, e[46] = Re, e[47] = Be, e[48] = Q, e[49] = Z) : Z = e[49];
-  let ee;
-  e[50] !== p || e[51] !== Z ? (ee = /* @__PURE__ */ x(Je, { gap: "1", mt: "md", children: [
+  e[51] !== p || e[52] !== Q ? (Z = /* @__PURE__ */ x(Qe, { gap: "1", mt: "md", children: [
     p,
-    pe,
-    Z
-  ] }), e[50] = p, e[51] = Z, e[52] = ee) : ee = e[52];
-  let te;
-  e[53] !== f || e[54] !== X || e[55] !== ee ? (te = /* @__PURE__ */ x(ge, { direction: "column", color: "fg", children: [
+    me,
+    Q
+  ] }), e[51] = p, e[52] = Q, e[53] = Z) : Z = e[53];
+  let ee;
+  e[54] !== f || e[55] !== X || e[56] !== Z ? (ee = /* @__PURE__ */ x(be, { direction: "column", color: "fg", children: [
     f,
     X,
-    ee
-  ] }), e[53] = f, e[54] = X, e[55] = ee, e[56] = te) : te = e[56];
-  let me;
-  return e[57] !== Ce || e[58] !== Pe || e[59] !== Y || e[60] !== te ? (me = /* @__PURE__ */ l(k, { ref: L, width: "100%", paddingX: "lg", paddingY: "md", bg: "bg", borderRadius: "md", borderWidth: "1px", borderStyle: "solid", borderColor: Ce, boxShadow: Pe, transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: Y, _focusWithin: ue, onClick: Te, onBlur: fe, children: te }), e[57] = Ce, e[58] = Pe, e[59] = Y, e[60] = te, e[61] = me) : me = e[61], me;
+    Z
+  ] }), e[54] = f, e[55] = X, e[56] = Z, e[57] = ee) : ee = e[57];
+  let he;
+  return e[58] !== Pe || e[59] !== _e || e[60] !== G || e[61] !== ee ? (he = /* @__PURE__ */ i(k, { ref: W, width: "100%", paddingX: "lg", paddingY: "md", bg: "bg", borderRadius: "md", borderWidth: "1px", borderStyle: "solid", borderColor: Pe, boxShadow: _e, transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: G, _focusWithin: ue, onClick: we, onBlur: fe, children: ee }), e[58] = Pe, e[59] = _e, e[60] = G, e[61] = ee, e[62] = he) : he = e[62], he;
 };
-function dn() {
+function mn() {
 }
-function un(t) {
+function hn(t) {
   return t + 1;
 }
-function fn(t) {
+function gn(t) {
   return t + 1;
 }
-const pn = (t = "") => JSON.stringify(Ut(t)), mn = (t) => {
+const bn = (t = "") => JSON.stringify(Xt(t)), xn = (t) => {
   const e = y(8);
-  let n, i;
+  let n, r;
   e[0] !== t ? ({
     children: n,
-    ...i
-  } = t, e[0] = t, e[1] = n, e[2] = i) : (n = e[1], i = e[2]);
-  let r;
-  e[3] !== n ? (r = /* @__PURE__ */ l(nt, { defaultState: n }), e[3] = n, e[4] = r) : r = e[4];
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = r) : (n = e[1], r = e[2]);
   let o;
-  return e[5] !== i || e[6] !== r ? (o = /* @__PURE__ */ l(k, { ...i, children: r }), e[5] = i, e[6] = r, e[7] = o) : o = e[7], o;
-}, hn = mn, rt = {
-  shell: Ze,
-  ls: zt,
-  read_file: $t,
-  write_file: Ft,
-  delete_file: At,
-  patch: vt,
-  upload_files: Dt,
-  download_file: Bt,
-  move_file: Rt
-}, gn = {
-  dot: Et,
-  danger: Wt,
-  search: Lt,
-  browser: Ot,
-  file: Mt,
-  terminal: Ze,
-  ...rt
-}, je = "dot", bn = (t) => Object.hasOwn(rt, t), xn = (t) => gn[t], ot = (t) => {
-  if (!t) return je;
+  e[3] !== n ? (o = /* @__PURE__ */ i(rt, { defaultState: n, fullWidth: !0 }), e[3] = n, e[4] = o) : o = e[4];
+  let s;
+  return e[5] !== r || e[6] !== o ? (s = /* @__PURE__ */ i(k, { ...r, children: o }), e[5] = r, e[6] = o, e[7] = s) : s = e[7], s;
+}, yn = xn, ot = {
+  shell: tt,
+  ls: Ot,
+  read_file: Mt,
+  write_file: $t,
+  delete_file: zt,
+  patch: Ft,
+  upload_files: vt,
+  download_file: At,
+  move_file: Dt
+}, Sn = {
+  dot: Nt,
+  danger: Ht,
+  search: Et,
+  browser: Wt,
+  file: Lt,
+  terminal: tt,
+  ...ot
+}, qe = "dot", kn = (t) => Object.hasOwn(ot, t), Tn = (t) => Sn[t], st = (t) => {
+  if (!t) return qe;
   const e = t.replace(/^tool-/, "");
-  if (bn(e)) return e;
+  if (kn(e)) return e;
   switch (e) {
     case "read":
       return "file";
@@ -447,52 +468,52 @@ const pn = (t = "") => JSON.stringify(Ut(t)), mn = (t) => {
     case "file":
       return "file";
     default:
-      return je;
+      return qe;
   }
 };
-function Oe(t) {
+function Ee(t) {
   const e = t.lastIndexOf("/");
   return e >= 0 ? t.slice(e + 1) : t;
 }
-function be(t) {
+function xe(t) {
   if (!t) return null;
   const e = t.split("	")[0].trim();
   if (e === "/dev/null") return null;
   let n = e;
   return (n.startsWith("a/") || n.startsWith("b/")) && (n = n.slice(2)), n.replace(/^\/+/, "").replace(/\\/g, "/");
 }
-const ye = (t) => t.startsWith("--- "), Le = (t) => t.startsWith("+++ "), We = (t) => t.startsWith("@@"), yn = (t) => t.startsWith("+") && !(Le(t) || t === "+++"), Sn = (t) => t.startsWith("-") && !(ye(t) || t === "---"), kn = (t, e) => {
+const Se = (t) => t.startsWith("--- "), He = (t) => t.startsWith("+++ "), Ne = (t) => t.startsWith("@@"), wn = (t) => t.startsWith("+") && !(He(t) || t === "+++"), Cn = (t) => t.startsWith("-") && !(Se(t) || t === "---"), Pn = (t, e) => {
   t.has(e) || t.set(e, {
     additions: 0,
     deletions: 0
   });
-}, Tn = (t, e) => {
+}, _n = (t, e) => {
   const n = t.get(e);
   n && (n.additions += 1);
-}, wn = (t, e) => {
+}, Rn = (t, e) => {
   const n = t.get(e);
   n && (n.deletions += 1);
-}, Cn = (t, e, n) => {
-  if (ye(t))
+}, In = (t, e, n) => {
+  if (Se(t))
     return {
       ...e,
-      lastMinusHeader: be(t.slice(4)),
+      lastMinusHeader: xe(t.slice(4)),
       inHunk: !1
     };
-  if (Le(t)) {
-    const r = be(t.slice(4)) ?? e.lastMinusHeader;
-    return r && kn(n, r), {
+  if (He(t)) {
+    const o = xe(t.slice(4)) ?? e.lastMinusHeader;
+    return o && Pn(n, o), {
       ...e,
-      currentPath: r,
+      currentPath: o,
       inHunk: !1
     };
   }
-  return e.currentPath ? We(t) ? {
+  return e.currentPath ? Ne(t) ? {
     ...e,
     inHunk: !0
-  } : e.inHunk ? yn(t) ? (Tn(n, e.currentPath), e) : (Sn(t) && wn(n, e.currentPath), e) : e : e;
+  } : e.inHunk ? wn(t) ? (_n(n, e.currentPath), e) : (Cn(t) && Rn(n, e.currentPath), e) : e : e;
 };
-function it(t) {
+function lt(t) {
   if (!t || typeof t != "string") return [];
   const e = /* @__PURE__ */ new Map();
   let n = {
@@ -500,34 +521,34 @@ function it(t) {
     lastMinusHeader: null,
     inHunk: !1
   };
-  const i = t.split(/\r?\n/);
-  for (const r of i)
-    n = Cn(r, n, e);
-  return Array.from(e.entries()).map(([r, {
-    additions: o,
-    deletions: s
+  const r = t.split(/\r?\n/);
+  for (const o of r)
+    n = In(o, n, e);
+  return Array.from(e.entries()).map(([o, {
+    additions: s,
+    deletions: l
   }]) => ({
-    filePath: r,
-    additions: o,
-    deletions: s
+    filePath: o,
+    additions: s,
+    deletions: l
   }));
 }
-function Pn(t) {
-  return it(t).map((e) => ({
+function Bn(t) {
+  return lt(t).map((e) => ({
     kind: "diff",
-    fileName: Oe(e.filePath),
+    fileName: Ee(e.filePath),
     filePath: e.filePath,
     additions: e.additions,
     deletions: e.deletions
   }));
 }
-function _n(t) {
-  return it(t).map((e) => e.filePath);
+function Dn(t) {
+  return lt(t).map((e) => e.filePath);
 }
-const st = (t) => ye(t) || t.startsWith("diff --git "), In = (t) => t.startsWith(" ") || t.startsWith("+") || t.startsWith("-") ? !1 : t.trim() !== "", Rn = (t, e, n) => {
+const it = (t) => Se(t) || t.startsWith("diff --git "), An = (t) => t.startsWith(" ") || t.startsWith("+") || t.startsWith("-") ? !1 : t.trim() !== "", vn = (t, e, n) => {
   if (t.startsWith(" ")) {
-    const i = t.slice(1);
-    e.push(i), n.push(i);
+    const r = t.slice(1);
+    e.push(r), n.push(r);
     return;
   }
   if (t.startsWith("-")) {
@@ -535,294 +556,294 @@ const st = (t) => ye(t) || t.startsWith("diff --git "), In = (t) => t.startsWith
     return;
   }
   t.startsWith("+") && n.push(t.slice(1));
-}, Bn = (t, e, n, i) => {
-  let r = e;
-  for (; r < t.length; ) {
-    const o = t[r] || "";
-    if (st(o) || We(o) || In(o))
+}, Fn = (t, e, n, r) => {
+  let o = e;
+  for (; o < t.length; ) {
+    const s = t[o] || "";
+    if (it(s) || Ne(s) || An(s))
       break;
-    Rn(o, n, i), r += 1;
+    vn(s, n, r), o += 1;
   }
-  return (n.length > 0 || i.length > 0) && (n.push(""), i.push("")), r;
-}, Dn = (t, e) => {
-  const n = be((t[e] || "").slice(4)), i = t[e + 1] || "";
-  if (!Le(i)) return {
+  return (n.length > 0 || r.length > 0) && (n.push(""), r.push("")), o;
+}, zn = (t, e) => {
+  const n = xe((t[e] || "").slice(4)), r = t[e + 1] || "";
+  if (!He(r)) return {
     nextIndex: e + 1
   };
-  const o = be(i.slice(4)) ?? n ?? "", s = [], c = [];
+  const s = xe(r.slice(4)) ?? n ?? "", l = [], c = [];
   let d = e + 2;
   for (; d < t.length; ) {
     const a = t[d] || "";
-    if (st(a)) break;
-    if (!We(a)) {
+    if (it(a)) break;
+    if (!Ne(a)) {
       d += 1;
       continue;
     }
-    d = Bn(t, d + 1, s, c);
+    d = Fn(t, d + 1, l, c);
   }
   return {
     nextIndex: d,
     preview: {
-      filePath: o,
-      original: s.join(`
+      filePath: s,
+      original: l.join(`
 `),
       modified: c.join(`
 `)
     }
   };
 };
-function vn(t) {
+function $n(t) {
   if (!t || typeof t != "string") return [];
   const e = t.split(/\r?\n/), n = [];
-  let i = 0;
-  for (; i < e.length; ) {
-    const r = e[i] || "";
-    if (!ye(r)) {
-      i += 1;
+  let r = 0;
+  for (; r < e.length; ) {
+    const o = e[r] || "";
+    if (!Se(o)) {
+      r += 1;
       continue;
     }
     const {
-      nextIndex: o,
-      preview: s
-    } = Dn(e, i);
-    s && n.push(s), i = Math.max(o, i + 1);
+      nextIndex: s,
+      preview: l
+    } = zn(e, r);
+    l && n.push(l), r = Math.max(s, r + 1);
   }
   return n;
 }
-const An = {
+const Mn = {
   apply_patch: "Apply patch",
   read: "Read file",
   bash: "Run",
   grep: "Search files",
   glob: "Find files",
   skill: "Load skill"
-}, Ue = {
+}, Ke = {
   pending: "queued",
   error: "failed",
   "output-error": "failed",
   "input-streaming": "running",
   "input-available": "queued"
-}, lt = (t) => t.replace(/^tool-/, ""), Fn = (t) => t.split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), $n = (t) => lt(t.tool ?? "tool"), zn = (t) => {
-  const e = lt(t);
-  return An[e] ?? Fn(e.replace(/_/g, " "));
-}, Mn = (t) => !t || typeof t != "string" ? null : Ue[t] ? Ue[t] : t.includes("stream") ? "running" : null, ct = (t) => t === "error" || t === "output-error", oe = (t) => ct(t.state?.status) ? {
+}, ct = (t) => t.replace(/^tool-/, ""), On = (t) => t.split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), Ln = (t) => ct(t.tool ?? "tool"), Wn = (t) => {
+  const e = ct(t);
+  return Mn[e] ?? On(e.replace(/_/g, " "));
+}, En = (t) => !t || typeof t != "string" ? null : Ke[t] ? Ke[t] : t.includes("stream") ? "running" : null, at = (t) => t === "error" || t === "output-error", re = (t) => at(t.state?.status) ? {
   type: "icon",
   icon: "danger"
 } : {
   type: "icon",
-  icon: ot($n(t))
-}, ie = (t, e, n) => {
-  const r = [{
+  icon: st(Ln(t))
+}, oe = (t, e, n) => {
+  const o = [{
     kind: "text",
-    text: n ?? zn(t.tool ?? "tool"),
+    text: n ?? Wn(t.tool ?? "tool"),
     bold: !0
   }];
-  e && r.push({
+  e && o.push({
     kind: "text",
     text: e,
     muted: !0
   });
-  const o = Mn(t.state?.status);
-  return o && r.push({
+  const s = En(t.state?.status);
+  return s && o.push({
     kind: "text",
-    text: o,
+    text: s,
     muted: !0
-  }), r;
+  }), o;
 }, se = (t) => {
   const e = t.state?.input;
   return !e || typeof e != "object" || Array.isArray(e) ? null : e;
-}, Se = (t) => {
+}, ke = (t) => {
   const e = t.state?.output;
   return !e || typeof e != "object" || Array.isArray(e) ? null : e;
-}, g = (t) => typeof t == "string" && t.trim().length > 0 ? t : null, xe = (t) => !t || typeof t != "object" || Array.isArray(t) ? null : t, On = (t, e) => {
-  const n = xe(t.state);
-  return n ? xe(n[e]) : null;
-}, Ln = (t) => t.replace(/\\/g, "/").replace(/^\/+/, ""), Wn = (t) => t.includes("--- ") && t.includes("+++ ") && t.includes("@@"), at = (t) => {
-  const e = Se(t);
-  return [On(t, "metadata"), xe(e?.metadata)].filter(Boolean);
-}, En = (t) => {
-  const e = xe(t);
+}, g = (t) => typeof t == "string" && t.trim().length > 0 ? t : null, ye = (t) => !t || typeof t != "object" || Array.isArray(t) ? null : t, Hn = (t, e) => {
+  const n = ye(t.state);
+  return n ? ye(n[e]) : null;
+}, Nn = (t) => t.replace(/\\/g, "/").replace(/^\/+/, ""), jn = (t) => t.includes("--- ") && t.includes("+++ ") && t.includes("@@"), dt = (t) => {
+  const e = ke(t);
+  return [Hn(t, "metadata"), ye(e?.metadata)].filter(Boolean);
+}, Un = (t) => {
+  const e = ye(t);
   if (!e) return null;
   const n = g(e.filePath) ?? g(e.relativePath) ?? g(e.path);
   return n ? {
-    filePath: Ln(n),
+    filePath: Nn(n),
     additions: typeof e.additions == "number" ? e.additions : 0,
     deletions: typeof e.deletions == "number" ? e.deletions : 0,
     diff: g(e.diff) ?? void 0,
     before: g(e.before) ?? void 0,
     after: g(e.after) ?? void 0
   } : null;
-}, dt = (t) => {
+}, ut = (t) => {
   const e = [];
-  for (const n of at(t)) {
-    const i = Array.isArray(n.files) ? n.files : [];
-    for (const r of i) {
-      const o = En(r);
-      o && e.push(o);
+  for (const n of dt(t)) {
+    const r = Array.isArray(n.files) ? n.files : [];
+    for (const o of r) {
+      const s = Un(o);
+      s && e.push(s);
     }
   }
   return e;
-}, Hn = (t) => {
+}, Vn = (t) => {
   const e = se(t), n = g(e?.diff);
   if (n) return n;
-  for (const o of at(t)) {
-    const s = g(o.diff);
-    if (s) return s;
+  for (const s of dt(t)) {
+    const l = g(s.diff);
+    if (l) return l;
   }
-  const i = dt(t).map((o) => o.diff).filter((o) => !!o);
-  if (i.length > 0) return i.join(`
+  const r = ut(t).map((s) => s.diff).filter((s) => !!s);
+  if (r.length > 0) return r.join(`
 `);
-  const r = g(e?.patchText);
-  return r && Wn(r) ? r : null;
-}, Nn = (t) => {
+  const o = g(e?.patchText);
+  return o && jn(o) ? o : null;
+}, qn = (t) => {
   const e = /* @__PURE__ */ new Set(), n = [];
-  for (const i of t)
-    e.has(i.filePath) || (e.add(i.filePath), n.push({
+  for (const r of t)
+    e.has(r.filePath) || (e.add(r.filePath), n.push({
       kind: "diff",
-      fileName: Oe(i.filePath),
-      filePath: i.filePath,
-      additions: i.additions,
-      deletions: i.deletions
+      fileName: Ee(r.filePath),
+      filePath: r.filePath,
+      additions: r.additions,
+      deletions: r.deletions
     }));
   return n;
-}, jn = (t) => Array.from(new Set(t.map((e) => e.filePath))), ke = (t) => {
-  const e = Se(t);
+}, Kn = (t) => Array.from(new Set(t.map((e) => e.filePath))), Te = (t) => {
+  const e = ke(t);
   return g(t.state?.output) ?? g(e?.returnDisplay) ?? g(e?.preview) ?? g(e?.stdout);
-}, Un = (t) => {
+}, Gn = (t) => {
   const e = t.match(/<skill_content(?:\s+name="([^"]+)")?>([\s\S]*?)<\/skill_content>/);
   return e ? {
     skillName: g(e[1]) ?? void 0,
     content: g(e[2]) ?? ""
   } : null;
-}, Vn = (t) => {
+}, Jn = (t) => {
   const e = se(t);
   return g(e?.name) ?? g(e?.skillName) ?? g(e?.skill) ?? g(e?.skill_name) ?? void 0;
-}, qn = (t) => ({
+}, Xn = (t) => ({
   kind: "link",
-  text: Oe(t),
+  text: Ee(t),
   filePath: t
-}), le = (t, e) => !ct(t.state?.status) || !t.state?.errorText ? e : [{
+}), le = (t, e) => !at(t.state?.status) || !t.state?.errorText ? e : [{
   type: "comment",
   text: t.state.errorText
-}, ...e], Kn = (t) => {
-  const e = Hn(t), n = dt(t), i = ie(t, void 0, "Apply patch"), r = Pn(e ?? void 0);
-  r.length > 0 ? i.push(...r) : i.push(...Nn(n));
-  const o = [], s = vn(e ?? void 0);
-  for (const c of s)
-    o.push({
+}, ...e], Yn = (t) => {
+  const e = Vn(t), n = ut(t), r = oe(t, void 0, "Apply patch"), o = Bn(e ?? void 0);
+  o.length > 0 ? r.push(...o) : r.push(...qn(n));
+  const s = [], l = $n(e ?? void 0);
+  for (const c of l)
+    s.push({
       type: "diff",
       language: "diff",
       original: c.original,
       modified: c.modified,
       sideBySide: !1
     });
-  if (o.length === 0)
+  if (s.length === 0)
     for (const c of n)
-      !c.before && !c.after || o.push({
+      !c.before && !c.after || s.push({
         type: "diff",
         language: "diff",
         original: c.before ?? "",
         modified: c.after ?? "",
         sideBySide: !1
       });
-  if (o.length === 0) {
-    const c = _n(e ?? void 0);
-    c.length === 0 && c.push(...jn(n)), c.length > 0 && o.push({
+  if (s.length === 0) {
+    const c = Dn(e ?? void 0);
+    c.length === 0 && c.push(...Kn(n)), c.length > 0 && s.push({
       type: "references",
       references: c
     });
   }
   return {
-    indicator: oe(t),
-    title: i,
-    blocks: le(t, o)
-  };
-}, Gn = (t) => {
-  const e = se(t), n = Se(t), i = g(e?.filePath) ?? g(e?.file) ?? g(n?.filePath) ?? g(n?.file) ?? g(n?.path) ?? void 0, r = ie(t, void 0, "Read file");
-  return i && r.push(qn(i)), {
-    indicator: oe(t),
+    indicator: re(t),
     title: r,
+    blocks: le(t, s)
+  };
+}, Qn = (t) => {
+  const e = se(t), n = ke(t), r = g(e?.filePath) ?? g(e?.file) ?? g(n?.filePath) ?? g(n?.file) ?? g(n?.path) ?? void 0, o = oe(t, void 0, "Read file");
+  return r && o.push(Xn(r)), {
+    indicator: re(t),
+    title: o,
     blocks: le(t, [])
   };
-}, Yn = (t) => {
-  const e = se(t), n = Se(t), i = g(e?.command) ?? void 0, r = ie(t, i, "Run command"), o = [], s = ke(t);
-  s && o.push({
+}, Zn = (t) => {
+  const e = se(t), n = ke(t), r = g(e?.command) ?? void 0, o = oe(t, r, "Run command"), s = [], l = Te(t);
+  l && s.push({
     type: "code",
     language: "text",
-    code: s
+    code: l
   });
   const c = g(n?.stderr);
-  return c && c !== s && o.push({
+  return c && c !== l && s.push({
     type: "code",
     language: "text",
     code: c
-  }), typeof n?.exitCode == "number" && o.push({
+  }), typeof n?.exitCode == "number" && s.push({
     type: "text",
     text: `Exit code: ${n.exitCode}`
   }), {
-    indicator: oe(t),
-    title: r,
-    blocks: le(t, o)
+    indicator: re(t),
+    title: o,
+    blocks: le(t, s)
   };
-}, Jn = (t) => {
-  const e = se(t), n = ke(t), i = g(e?.pattern) ?? void 0, r = ie(t, i, "Search files"), o = n ? [{
+}, er = (t) => {
+  const e = se(t), n = Te(t), r = g(e?.pattern) ?? void 0, o = oe(t, r, "Search files"), s = n ? [{
     type: "code",
     language: "text",
     code: n
   }] : [];
   return {
-    indicator: oe(t),
-    title: r,
-    blocks: le(t, o)
+    indicator: re(t),
+    title: o,
+    blocks: le(t, s)
   };
-}, Xn = (t) => {
-  const e = se(t), n = ke(t), i = g(e?.pattern) ?? void 0, r = ie(t, i, "Find files"), o = [];
+}, tr = (t) => {
+  const e = se(t), n = Te(t), r = g(e?.pattern) ?? void 0, o = oe(t, r, "Find files"), s = [];
   if (n) {
-    const s = n.split(/\r?\n/).map((c) => c.trim()).filter((c) => c.length > 0);
-    s.length > 0 && o.push({
+    const l = n.split(/\r?\n/).map((c) => c.trim()).filter((c) => c.length > 0);
+    l.length > 0 && s.push({
       type: "references",
-      references: s
+      references: l
     });
   }
   return {
-    indicator: oe(t),
-    title: r,
-    blocks: le(t, o)
+    indicator: re(t),
+    title: o,
+    blocks: le(t, s)
   };
-}, Qn = (t) => {
-  const e = ke(t), n = e ? Un(e) : null, i = Vn(t) ?? n?.skillName, r = ie(t, i, "Load skill"), o = n?.content ?? e, s = o ? [{
+}, nr = (t) => {
+  const e = Te(t), n = e ? Gn(e) : null, r = Jn(t) ?? n?.skillName, o = oe(t, r, "Load skill"), s = n?.content ?? e, l = s ? [{
     type: "code",
     language: "markdown",
-    code: o
+    code: s
   }] : [];
   return {
-    indicator: oe(t),
-    title: r,
-    blocks: le(t, s)
+    indicator: re(t),
+    title: o,
+    blocks: le(t, l)
   };
-}, Ve = () => ({
-  apply_patch: Kn,
-  read: Gn,
-  bash: Yn,
-  grep: Jn,
-  glob: Xn,
-  skill: Qn
-}), qe = {
+}, Ge = () => ({
+  apply_patch: Yn,
+  read: Qn,
+  bash: Zn,
+  grep: er,
+  glob: tr,
+  skill: nr
+}), Je = {
   pending: "queued",
   error: "failed",
   "output-error": "failed",
   "input-streaming": "running",
   "input-available": "queued"
-}, ut = (t) => t.replace(/^tool-/, ""), Zn = (t) => t.split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), er = (t) => {
-  const e = ut(t ?? "tool").replace(/_/g, " ");
-  return Zn(e);
-}, ft = (t) => t === "error" || t === "output-error", tr = (t) => ft(t.state?.status) ? {
+}, ft = (t) => t.replace(/^tool-/, ""), rr = (t) => t.split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), or = (t) => {
+  const e = ft(t ?? "tool").replace(/_/g, " ");
+  return rr(e);
+}, pt = (t) => t === "error" || t === "output-error", sr = (t) => pt(t.state?.status) ? {
   type: "icon",
   icon: "danger"
 } : {
   type: "icon",
-  icon: ot(t.tool ?? "tool")
-}, nr = (t) => !t || typeof t != "string" ? null : qe[t] ? qe[t] : t.includes("stream") ? "running" : null, Ke = (t) => {
+  icon: st(t.tool ?? "tool")
+}, lr = (t) => !t || typeof t != "string" ? null : Je[t] ? Je[t] : t.includes("stream") ? "running" : null, Xe = (t) => {
   if (typeof t == "string") return t;
   if (t == null) return null;
   try {
@@ -830,94 +851,94 @@ const An = {
   } catch {
     return null;
   }
-}, rr = (t) => {
+}, ir = (t) => {
   const e = [];
-  ft(t.state?.status) && t.state?.errorText && e.push({
+  pt(t.state?.status) && t.state?.errorText && e.push({
     type: "comment",
     text: t.state.errorText
   });
-  const n = Ke(t.state?.input);
+  const n = Xe(t.state?.input);
   n && e.push({
     type: "code",
     language: "json",
     code: n
   });
-  const i = Ke(t.state?.output);
-  return i && e.push({
+  const r = Xe(t.state?.output);
+  return r && e.push({
     type: "code",
     language: "json",
-    code: i
+    code: r
   }), e;
-}, or = (t) => {
+}, cr = (t) => {
   const e = [{
     kind: "text",
-    text: er(t.tool),
+    text: or(t.tool),
     bold: !0
-  }], n = nr(t.state?.status);
+  }], n = lr(t.state?.status);
   return n && e.push({
     kind: "text",
     text: n,
     muted: !0
   }), {
-    indicator: tr(t),
+    indicator: sr(t),
     title: e,
-    blocks: rr(t)
+    blocks: ir(t)
   };
-}, ir = (t) => t ? {
-  ...Ve(),
+}, ar = (t) => t ? {
+  ...Ge(),
   ...t
-} : Ve(), sr = (t, e) => {
+} : Ge(), dr = (t, e) => {
   const n = t.tool ?? "tool";
-  return e[n] ?? e[ut(n)];
-}, lr = (t, e, n) => {
-  const i = sr(t, e);
-  if (i) {
-    const r = i(t, n);
-    if (r) return r;
+  return e[n] ?? e[ft(n)];
+}, ur = (t, e, n) => {
+  const r = dr(t, e);
+  if (r) {
+    const o = r(t, n);
+    if (o) return o;
   }
-  return or(t);
-}, cr = (t, e) => {
-  const n = ir(e?.toolRenderers);
+  return cr(t);
+}, fr = (t, e) => {
+  const n = ar(e?.toolRenderers);
   return {
-    items: t.map((r) => lr(r, n, e))
+    items: t.map((o) => ur(o, n, e))
   };
-}, N = kt, pt = (t, e, n, i = !1) => {
-  i && t.stopPropagation(), e.href || t.preventDefault(), e.filePath && n?.(e.filePath);
+}, U = wt, mt = (t, e, n, r = !1) => {
+  r && t.stopPropagation(), e.href || t.preventDefault(), e.filePath && n?.(e.filePath);
 };
-function ar(t) {
+function pr(t) {
   const e = y(6), {
     seg: n
   } = t;
-  let i;
-  e[0] !== n.alt || e[1] !== n.src ? (i = /* @__PURE__ */ l(re.Image, { src: n.src, alt: n.alt }), e[0] = n.alt, e[1] = n.src, e[2] = i) : i = e[2];
   let r;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ l(re.Fallback, {}), e[3] = r) : r = e[3];
+  e[0] !== n.alt || e[1] !== n.src ? (r = /* @__PURE__ */ i(ne.Image, { src: n.src, alt: n.alt }), e[0] = n.alt, e[1] = n.src, e[2] = r) : r = e[2];
   let o;
-  return e[4] !== i ? (o = /* @__PURE__ */ x(re.Root, { width: "1.5rem", height: "1.5rem", children: [
-    i,
-    r
-  ] }), e[4] = i, e[5] = o) : o = e[5], o;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(ne.Fallback, {}), e[3] = o) : o = e[3];
+  let s;
+  return e[4] !== r ? (s = /* @__PURE__ */ x(ne.Root, { width: "1.5rem", height: "1.5rem", children: [
+    r,
+    o
+  ] }), e[4] = r, e[5] = s) : s = e[5], s;
 }
-function dr(t) {
+function mr(t) {
   const e = y(9), {
     seg: n,
-    onOpenFile: i
-  } = t, r = n.additions ?? 0, o = n.deletions ?? 0;
-  let s;
-  e[0] !== i || e[1] !== n.fileName || e[2] !== n.filePath ? (s = () => {
+    onOpenFile: r
+  } = t, o = n.additions ?? 0, s = n.deletions ?? 0;
+  let l;
+  e[0] !== r || e[1] !== n.fileName || e[2] !== n.filePath ? (l = () => {
     const d = n.filePath ?? n.fileName;
-    i?.(d);
-  }, e[0] = i, e[1] = n.fileName, e[2] = n.filePath, e[3] = s) : s = e[3];
+    r?.(d);
+  }, e[0] = r, e[1] = n.fileName, e[2] = n.filePath, e[3] = l) : l = e[3];
   let c;
-  return e[4] !== n.fileName || e[5] !== r || e[6] !== o || e[7] !== s ? (c = /* @__PURE__ */ l(Kt, { fileName: n.fileName, additions: r, deletions: o, onClickFileLink: s }), e[4] = n.fileName, e[5] = r, e[6] = o, e[7] = s, e[8] = c) : c = e[8], c;
+  return e[4] !== n.fileName || e[5] !== o || e[6] !== s || e[7] !== l ? (c = /* @__PURE__ */ i(Kt, { fileName: n.fileName, additions: o, deletions: s, onClickFileLink: l }), e[4] = n.fileName, e[5] = o, e[6] = s, e[7] = l, e[8] = c) : c = e[8], c;
 }
-function ur(t) {
+function hr(t) {
   const e = y(13), {
     seg: n,
-    onOpenFile: i
-  } = t, r = n.bold ? "medium" : void 0, o = !!(n.href || n.filePath), s = n.href ?? "#", c = (n.muted, "fg.muted"), d = o ? "pointer" : "default";
+    onOpenFile: r
+  } = t, o = n.bold ? "medium" : void 0, s = !!(n.href || n.filePath), l = n.href ?? "#", c = (n.muted, "fg.muted"), d = s ? "pointer" : "default";
   let a;
-  e[0] !== i || e[1] !== n ? (a = (m) => pt(m, n, i, !0), e[0] = i, e[1] = n, e[2] = a) : a = e[2];
+  e[0] !== r || e[1] !== n ? (a = (m) => mt(m, n, r, !0), e[0] = r, e[1] = n, e[2] = a) : a = e[2];
   const u = n.muted ? "fg.muted" : "fg.blue-dark";
   let f;
   e[3] !== u ? (f = {
@@ -925,15 +946,15 @@ function ur(t) {
     color: u
   }, e[3] = u, e[4] = f) : f = e[4];
   let p;
-  return e[5] !== r || e[6] !== n.text || e[7] !== s || e[8] !== c || e[9] !== d || e[10] !== a || e[11] !== f ? (p = /* @__PURE__ */ l(Xe, { href: s, fontWeight: r, color: c, textDecoration: "none", cursor: d, onClick: a, _hover: f, children: n.text }), e[5] = r, e[6] = n.text, e[7] = s, e[8] = c, e[9] = d, e[10] = a, e[11] = f, e[12] = p) : p = e[12], p;
+  return e[5] !== o || e[6] !== n.text || e[7] !== l || e[8] !== c || e[9] !== d || e[10] !== a || e[11] !== f ? (p = /* @__PURE__ */ i(Ze, { href: l, fontWeight: o, color: c, textDecoration: "none", cursor: d, onClick: a, _hover: f, children: n.text }), e[5] = o, e[6] = n.text, e[7] = l, e[8] = c, e[9] = d, e[10] = a, e[11] = f, e[12] = p) : p = e[12], p;
 }
-function fr(t) {
+function gr(t) {
   const e = y(12), {
     seg: n,
-    onOpenFile: i
-  } = t, r = n.bold ? "medium" : void 0, o = n.href ?? "#", s = n.muted ? "fg.muted" : "accent.primary";
+    onOpenFile: r
+  } = t, o = n.bold ? "medium" : void 0, s = n.href ?? "#", l = n.muted ? "fg.muted" : "accent.primary";
   let c;
-  e[0] !== i || e[1] !== n ? (c = (f) => pt(f, n, i), e[0] = i, e[1] = n, e[2] = c) : c = e[2];
+  e[0] !== r || e[1] !== n ? (c = (f) => mt(f, n, r), e[0] = r, e[1] = n, e[2] = c) : c = e[2];
   const d = n.muted ? "fg.muted" : "accent.primary";
   let a;
   e[3] !== d ? (a = {
@@ -941,216 +962,221 @@ function fr(t) {
     textDecoration: "underline"
   }, e[3] = d, e[4] = a) : a = e[4];
   let u;
-  return e[5] !== r || e[6] !== n.text || e[7] !== o || e[8] !== s || e[9] !== c || e[10] !== a ? (u = /* @__PURE__ */ l(Xe, { href: o, fontWeight: r, color: s, textDecoration: "underline", onClick: c, _hover: a, children: n.text }), e[5] = r, e[6] = n.text, e[7] = o, e[8] = s, e[9] = c, e[10] = a, e[11] = u) : u = e[11], u;
+  return e[5] !== o || e[6] !== n.text || e[7] !== s || e[8] !== l || e[9] !== c || e[10] !== a ? (u = /* @__PURE__ */ i(Ze, { href: s, fontWeight: o, color: l, textDecoration: "underline", onClick: c, _hover: a, children: n.text }), e[5] = o, e[6] = n.text, e[7] = s, e[8] = l, e[9] = c, e[10] = a, e[11] = u) : u = e[11], u;
 }
-function pr(t) {
+function br(t) {
   const e = y(6), {
     seg: n,
-    isClickable: i
-  } = t, r = n.bold ? "medium" : void 0, o = i && !n.muted ? "fg" : "fg.muted";
-  let s;
-  e[0] !== o ? (s = {
-    color: o
-  }, e[0] = o, e[1] = s) : s = e[1];
+    isClickable: r
+  } = t, o = n.bold ? "medium" : void 0, s = r && !n.muted ? "fg" : "fg.muted";
+  let l;
+  e[0] !== s ? (l = {
+    color: s
+  }, e[0] = s, e[1] = l) : l = e[1];
   let c;
-  return e[2] !== n.text || e[3] !== r || e[4] !== s ? (c = /* @__PURE__ */ l(ae, { fontWeight: r, color: "fg.muted", _groupHover: s, children: n.text }), e[2] = n.text, e[3] = r, e[4] = s, e[5] = c) : c = e[5], c;
+  return e[2] !== n.text || e[3] !== o || e[4] !== l ? (c = /* @__PURE__ */ i(ae, { fontWeight: o, color: "fg.muted", _groupHover: l, children: n.text }), e[2] = n.text, e[3] = o, e[4] = l, e[5] = c) : c = e[5], c;
 }
-function mr(t) {
+function xr(t) {
   const e = y(11), {
     seg: n,
-    isClickable: i,
-    onOpenFile: r
+    isClickable: r,
+    onOpenFile: o
   } = t;
   switch (n.kind) {
     case "avatar": {
-      let o;
-      return e[0] !== n ? (o = /* @__PURE__ */ l(ar, { seg: n }), e[0] = n, e[1] = o) : o = e[1], o;
+      let s;
+      return e[0] !== n ? (s = /* @__PURE__ */ i(pr, { seg: n }), e[0] = n, e[1] = s) : s = e[1], s;
     }
     case "diff": {
-      let o;
-      return e[2] !== r || e[3] !== n ? (o = /* @__PURE__ */ l(dr, { seg: n, onOpenFile: r }), e[2] = r, e[3] = n, e[4] = o) : o = e[4], o;
+      let s;
+      return e[2] !== o || e[3] !== n ? (s = /* @__PURE__ */ i(mr, { seg: n, onOpenFile: o }), e[2] = o, e[3] = n, e[4] = s) : s = e[4], s;
     }
     case "link": {
-      let o;
-      return e[5] !== r || e[6] !== n ? (o = n.variant === "bubble" ? /* @__PURE__ */ l(ur, { seg: n, onOpenFile: r }) : /* @__PURE__ */ l(fr, { seg: n, onOpenFile: r }), e[5] = r, e[6] = n, e[7] = o) : o = e[7], o;
+      let s;
+      return e[5] !== o || e[6] !== n ? (s = n.variant === "bubble" ? /* @__PURE__ */ i(hr, { seg: n, onOpenFile: o }) : /* @__PURE__ */ i(gr, { seg: n, onOpenFile: o }), e[5] = o, e[6] = n, e[7] = s) : s = e[7], s;
     }
     case "text": {
-      let o;
-      return e[8] !== i || e[9] !== n ? (o = /* @__PURE__ */ l(pr, { seg: n, isClickable: i }), e[8] = i, e[9] = n, e[10] = o) : o = e[10], o;
+      let s;
+      return e[8] !== r || e[9] !== n ? (s = /* @__PURE__ */ i(br, { seg: n, isClickable: r }), e[8] = r, e[9] = n, e[10] = s) : s = e[10], s;
     }
     default:
       return null;
   }
 }
-function hr(t) {
+function yr(t) {
   const e = y(10), {
     ind: n
   } = t;
   if (!n || n.type === "none")
     return null;
   if (n.type === "icon") {
-    let s;
-    e[0] !== n.icon ? (s = xn(n.icon), e[0] = n.icon, e[1] = s) : s = e[1];
-    const c = s;
+    let l;
+    e[0] !== n.icon ? (l = Tn(n.icon), e[0] = n.icon, e[1] = l) : l = e[1];
+    const c = l;
     let d;
-    return e[2] !== c ? (d = /* @__PURE__ */ l(N.Indicator, { outline: "none", shadow: "none", border: "none", background: "bg", color: "fg", children: /* @__PURE__ */ l(ae, { display: "inline-flex", alignItems: "center", children: /* @__PURE__ */ l(c, { size: 14, strokeWidth: 1 }) }) }), e[2] = c, e[3] = d) : d = e[3], d;
+    return e[2] !== c ? (d = /* @__PURE__ */ i(U.Indicator, { outline: "none", shadow: "none", border: "none", background: "bg", color: "fg", children: /* @__PURE__ */ i(ae, { display: "inline-flex", alignItems: "center", children: /* @__PURE__ */ i(c, { size: 14, strokeWidth: 1 }) }) }), e[2] = c, e[3] = d) : d = e[3], d;
   }
-  let i;
-  e[4] !== n.alt || e[5] !== n.src ? (i = /* @__PURE__ */ l(re.Image, { src: n.src, alt: n.alt }), e[4] = n.alt, e[5] = n.src, e[6] = i) : i = e[6];
   let r;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ l(re.Fallback, {}), e[7] = r) : r = e[7];
+  e[4] !== n.alt || e[5] !== n.src ? (r = /* @__PURE__ */ i(ne.Image, { src: n.src, alt: n.alt }), e[4] = n.alt, e[5] = n.src, e[6] = r) : r = e[6];
   let o;
-  return e[8] !== i ? (o = /* @__PURE__ */ l(N.Indicator, { children: /* @__PURE__ */ x(re.Root, { boxSize: "full", children: [
-    i,
-    r
-  ] }) }), e[8] = i, e[9] = o) : o = e[9], o;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(ne.Fallback, {}), e[7] = o) : o = e[7];
+  let s;
+  return e[8] !== r ? (s = /* @__PURE__ */ i(U.Indicator, { children: /* @__PURE__ */ x(ne.Root, { boxSize: "full", children: [
+    r,
+    o
+  ] }) }), e[8] = r, e[9] = s) : s = e[9], s;
 }
-function gr(t) {
+function Sr(t) {
   const e = y(5), {
     code: n,
-    language: i
-  } = t, r = i ? `${i} code block` : "code block";
-  let o;
-  e[0] !== n ? (o = /* @__PURE__ */ l(k, { as: "code", children: n }), e[0] = n, e[1] = o) : o = e[1];
+    language: r
+  } = t, o = r ? `${r} code block` : "code block";
   let s;
-  return e[2] !== r || e[3] !== o ? (s = /* @__PURE__ */ l(k, { as: "pre", background: "bg.muted", color: "fg", borderRadius: "md", padding: "sm", fontFamily: "mono", fontSize: "xs", lineHeight: "shorter", overflowX: "auto", whiteSpace: "pre", "aria-label": r, children: o }), e[2] = r, e[3] = o, e[4] = s) : s = e[4], s;
+  e[0] !== n ? (s = /* @__PURE__ */ i(k, { as: "code", children: n }), e[0] = n, e[1] = s) : s = e[1];
+  let l;
+  return e[2] !== o || e[3] !== s ? (l = /* @__PURE__ */ i(k, { as: "pre", background: "bg.muted", color: "fg", borderRadius: "md", padding: "sm", fontFamily: "mono", fontSize: "xs", lineHeight: "shorter", overflowX: "auto", whiteSpace: "pre", "aria-label": o, children: s }), e[2] = o, e[3] = s, e[4] = l) : l = e[4], l;
 }
-function br(t) {
+function kr(t) {
   const e = y(26), {
     b: n,
-    onOpenFile: i
+    onOpenFile: r
   } = t;
   switch (n.type) {
     case "comment": {
-      let r;
-      e[0] !== n.text ? (r = /* @__PURE__ */ l(E.Body, { children: n.text }), e[0] = n.text, e[1] = r) : r = e[1];
       let o;
-      e[2] !== n.reactions ? (o = n.reactions?.clap ? /* @__PURE__ */ l(E.Footer, { children: /* @__PURE__ */ x(Fe, { children: [
+      e[0] !== n.text ? (o = /* @__PURE__ */ i(N.Body, { children: n.text }), e[0] = n.text, e[1] = o) : o = e[1];
+      let s;
+      e[2] !== n.reactions ? (s = n.reactions?.clap ? /* @__PURE__ */ i(N.Footer, { children: /* @__PURE__ */ x($e, { children: [
         "👏 ",
         n.reactions.clap
-      ] }) }) : null, e[2] = n.reactions, e[3] = o) : o = e[3];
-      let s;
-      return e[4] !== r || e[5] !== o ? (s = /* @__PURE__ */ x(E.Root, { children: [
-        r,
-        o
-      ] }), e[4] = r, e[5] = o, e[6] = s) : s = e[6], s;
+      ] }) }) : null, e[2] = n.reactions, e[3] = s) : s = e[3];
+      let l;
+      return e[4] !== o || e[5] !== s ? (l = /* @__PURE__ */ x(N.Root, { children: [
+        o,
+        s
+      ] }), e[4] = o, e[5] = s, e[6] = l) : l = e[6], l;
     }
     case "code": {
-      let r;
-      return e[7] !== n.code || e[8] !== n.language ? (r = /* @__PURE__ */ l(E.Root, { border: "0", padding: "0", children: /* @__PURE__ */ l(E.Body, { padding: "0", children: /* @__PURE__ */ l(gr, { language: n.language, code: n.code }) }) }), e[7] = n.code, e[8] = n.language, e[9] = r) : r = e[9], r;
+      let o;
+      return e[7] !== n.code || e[8] !== n.language ? (o = /* @__PURE__ */ i(N.Root, { border: "0", padding: "0", children: /* @__PURE__ */ i(N.Body, { padding: "0", children: /* @__PURE__ */ i(Sr, { language: n.language, code: n.code }) }) }), e[7] = n.code, e[8] = n.language, e[9] = o) : o = e[9], o;
     }
     case "diff": {
-      const r = n.sideBySide ?? !1;
-      let o;
-      return e[10] !== n.language || e[11] !== n.modified || e[12] !== n.original || e[13] !== r ? (o = /* @__PURE__ */ l(E.Root, { border: "0", padding: "0", children: /* @__PURE__ */ l(E.Body, { padding: "0", children: /* @__PURE__ */ l(k, { height: "240px", minW: "320px", overflow: "hidden", children: /* @__PURE__ */ l(qt, { original: n.original, modified: n.modified, language: n.language, sideBySide: r, disableScroll: !0 }) }) }) }), e[10] = n.language, e[11] = n.modified, e[12] = n.original, e[13] = r, e[14] = o) : o = e[14], o;
+      const o = n.sideBySide ?? !1;
+      let s;
+      return e[10] !== n.language || e[11] !== n.modified || e[12] !== n.original || e[13] !== o ? (s = /* @__PURE__ */ i(N.Root, { border: "0", padding: "0", children: /* @__PURE__ */ i(N.Body, { padding: "0", children: /* @__PURE__ */ i(k, { height: "240px", minW: "320px", overflow: "hidden", children: /* @__PURE__ */ i(qt, { original: n.original, modified: n.modified, language: n.language, sideBySide: o, disableScroll: !0 }) }) }) }), e[10] = n.language, e[11] = n.modified, e[12] = n.original, e[13] = o, e[14] = s) : s = e[14], s;
     }
     case "text": {
-      let r;
-      return e[15] !== n.text ? (r = /* @__PURE__ */ l(E.Root, { background: "transparent", children: /* @__PURE__ */ l(E.Body, { padding: "sm", children: /* @__PURE__ */ l(ne, { textStyle: "label/S/regular", children: n.text }) }) }), e[15] = n.text, e[16] = r) : r = e[16], r;
+      let o;
+      return e[15] !== n.text ? (o = /* @__PURE__ */ i(N.Root, { background: "transparent", children: /* @__PURE__ */ i(N.Body, { padding: "sm", children: /* @__PURE__ */ i(te, { textStyle: "label/S/regular", children: n.text }) }) }), e[15] = n.text, e[16] = o) : o = e[16], o;
     }
     case "references": {
-      let r;
-      e[17] !== n.references ? (r = n.references.map(xr), e[17] = n.references, e[18] = r) : r = e[18];
       let o;
-      return e[19] !== r ? (o = /* @__PURE__ */ l(Qe, { mt: "xs", gap: "xs", flexDir: "row", flexWrap: "wrap", children: r }), e[19] = r, e[20] = o) : o = e[20], o;
+      e[17] !== n.references ? (o = n.references.map(Tr), e[17] = n.references, e[18] = o) : o = e[18];
+      let s;
+      return e[19] !== o ? (s = /* @__PURE__ */ i(et, { mt: "xs", gap: "xs", flexDir: "row", flexWrap: "wrap", children: o }), e[19] = o, e[20] = s) : s = e[20], s;
     }
     case "component": {
-      let r;
-      e[21] !== n || e[22] !== i ? (r = n.render({
-        onOpenFile: i
-      }), e[21] = n, e[22] = i, e[23] = r) : r = e[23];
       let o;
-      return e[24] !== r ? (o = /* @__PURE__ */ l(Me, { children: r }), e[24] = r, e[25] = o) : o = e[25], o;
+      e[21] !== n || e[22] !== r ? (o = n.render({
+        onOpenFile: r
+      }), e[21] = n, e[22] = r, e[23] = o) : o = e[23];
+      let s;
+      return e[24] !== o ? (s = /* @__PURE__ */ i(Le, { children: o }), e[24] = o, e[25] = s) : s = e[25], s;
     }
   }
 }
-function xr(t) {
-  return /* @__PURE__ */ l(Vt, { fileName: t }, t);
+function Tr(t) {
+  return /* @__PURE__ */ i(Yt, { fileName: t }, t);
 }
-function yr(t) {
+function wr(t) {
   const e = y(22), {
     item: n,
-    itemKey: i,
-    isOpen: r,
-    canExpand: o,
-    hasBlocks: s,
+    itemKey: r,
+    isOpen: o,
+    canExpand: s,
+    hasBlocks: l,
     onToggle: c,
     onOpenFile: d
   } = t;
   let a;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(N.Separator, {}), e[0] = a) : a = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ i(U.Separator, {}), e[0] = a) : a = e[0];
   let u;
-  e[1] !== n.indicator ? (u = /* @__PURE__ */ x(N.Connector, { children: [
+  e[1] !== n.indicator ? (u = /* @__PURE__ */ x(U.Connector, { children: [
     a,
-    /* @__PURE__ */ l(hr, { ind: n.indicator })
+    /* @__PURE__ */ i(yr, { ind: n.indicator })
   ] }), e[1] = n.indicator, e[2] = u) : u = e[2];
   let f;
-  e[3] !== o || e[4] !== r || e[5] !== n.title || e[6] !== i || e[7] !== d || e[8] !== c ? (f = n.title.length > 0 && /* @__PURE__ */ l(N.Title, { className: "group", fontWeight: "normal", display: "flex", alignItems: "center", justifyContent: "space-between", cursor: o ? "pointer" : "default", onClick: o ? () => c(i) : void 0, children: /* @__PURE__ */ x(ae, { display: "inline-flex", alignItems: "center", gap: "sm", flexWrap: "wrap", children: [
-    /* @__PURE__ */ l(ae, { display: "inline-flex", alignItems: "center", gap: "xs", flexWrap: "wrap", children: n.title.map((b, S) => /* @__PURE__ */ l(mr, { seg: b, isClickable: o, onOpenFile: d }, S)) }),
-    o ? /* @__PURE__ */ l(ae, { display: "inline-flex", alignItems: "center", transition: "transform 200ms ease, color 200ms ease", transform: r ? "rotate(0deg)" : "rotate(-180deg)", color: "transparent", _groupHover: {
+  e[3] !== s || e[4] !== o || e[5] !== n.title || e[6] !== r || e[7] !== d || e[8] !== c ? (f = n.title.length > 0 && /* @__PURE__ */ i(U.Title, { className: "group", fontWeight: "normal", display: "flex", alignItems: "center", justifyContent: "space-between", cursor: s ? "pointer" : "default", onClick: s ? () => c(r) : void 0, children: /* @__PURE__ */ x(ae, { display: "inline-flex", alignItems: "center", gap: "sm", flexWrap: "wrap", children: [
+    /* @__PURE__ */ i(ae, { display: "inline-flex", alignItems: "center", gap: "xs", flexWrap: "wrap", children: n.title.map((b, S) => /* @__PURE__ */ i(xr, { seg: b, isClickable: s, onOpenFile: d }, S)) }),
+    s ? /* @__PURE__ */ i(ae, { display: "inline-flex", alignItems: "center", transition: "transform 200ms ease, color 200ms ease", transform: o ? "rotate(0deg)" : "rotate(-180deg)", color: "transparent", _groupHover: {
       color: "fg"
-    }, children: /* @__PURE__ */ l(Ht, { size: 12 }) }) : null
-  ] }) }), e[3] = o, e[4] = r, e[5] = n.title, e[6] = i, e[7] = d, e[8] = c, e[9] = f) : f = e[9];
+    }, children: /* @__PURE__ */ i(jt, { size: 12 }) }) : null
+  ] }) }), e[3] = s, e[4] = o, e[5] = n.title, e[6] = r, e[7] = d, e[8] = c, e[9] = f) : f = e[9];
   let p;
-  e[10] !== s || e[11] !== r || e[12] !== n.blocks || e[13] !== d ? (p = s ? /* @__PURE__ */ l(k, { display: "grid", gridTemplateRows: r ? "1fr" : "0fr", transition: "grid-template-rows 220ms ease", children: r ? /* @__PURE__ */ l(k, { overflow: "hidden", opacity: 1, transform: "translateY(0)", transition: "opacity 200ms ease, transform 200ms ease", children: n.blocks.map((b, S) => /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(br, { b, onOpenFile: d }) }, S)) }) : null }) : null, e[10] = s, e[11] = r, e[12] = n.blocks, e[13] = d, e[14] = p) : p = e[14];
+  e[10] !== l || e[11] !== o || e[12] !== n.blocks || e[13] !== d ? (p = l ? /* @__PURE__ */ i(k, { display: "grid", gridTemplateRows: o ? "1fr" : "0fr", transition: "grid-template-rows 220ms ease", children: o ? /* @__PURE__ */ i(k, { overflow: "hidden", opacity: 1, transform: "translateY(0)", transition: "opacity 200ms ease, transform 200ms ease", children: n.blocks.map((b, S) => /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(kr, { b, onOpenFile: d }) }, S)) }) : null }) : null, e[10] = l, e[11] = o, e[12] = n.blocks, e[13] = d, e[14] = p) : p = e[14];
   let m;
-  e[15] !== f || e[16] !== p ? (m = /* @__PURE__ */ x(N.Content, { pb: "xs", children: [
+  e[15] !== f || e[16] !== p ? (m = /* @__PURE__ */ x(U.Content, { pb: "xs", children: [
     f,
     p
   ] }), e[15] = f, e[16] = p, e[17] = m) : m = e[17];
   let h;
-  return e[18] !== i || e[19] !== u || e[20] !== m ? (h = /* @__PURE__ */ x(N.Item, { gap: "xs", children: [
+  return e[18] !== r || e[19] !== u || e[20] !== m ? (h = /* @__PURE__ */ x(U.Item, { gap: "xs", children: [
     u,
     m
-  ] }, i), e[18] = i, e[19] = u, e[20] = m, e[21] = h) : h = e[21], h;
+  ] }, r), e[18] = r, e[19] = u, e[20] = m, e[21] = h) : h = e[21], h;
 }
-function Sr(t) {
+function Cr(t) {
   const e = y(11), {
     data: n,
-    onOpenFile: i
+    onOpenFile: r
   } = t;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {}, e[0] = r) : r = e[0];
-  const [o, s] = ce(r), c = kr;
+  let o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {}, e[0] = o) : o = e[0];
+  const [s, l] = ce(o), c = Pr;
   let d;
   e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (p) => {
-    s((m) => ({
+    l((m) => ({
       ...m,
       [p]: !m[p]
     }));
   }, e[1] = d) : d = e[1];
   const a = d;
   let u;
-  if (e[2] !== n.items || e[3] !== o || e[4] !== i) {
+  if (e[2] !== n.items || e[3] !== s || e[4] !== r) {
     let p;
-    e[6] !== o || e[7] !== i ? (p = (m, h) => {
-      const b = c(m, h), S = (m.blocks?.length ?? 0) > 0, T = (m.expandable ?? !0) && S, P = T ? o[b] ?? !1 : S;
-      return /* @__PURE__ */ l(yr, { item: m, itemKey: b, isOpen: P, canExpand: T, hasBlocks: S, onToggle: a, onOpenFile: i }, b);
-    }, e[6] = o, e[7] = i, e[8] = p) : p = e[8], u = n.items.map(p), e[2] = n.items, e[3] = o, e[4] = i, e[5] = u;
+    e[6] !== s || e[7] !== r ? (p = (m, h) => {
+      const b = c(m, h), S = (m.blocks?.length ?? 0) > 0, T = (m.expandable ?? !0) && S, P = T ? s[b] ?? !1 : S;
+      return /* @__PURE__ */ i(wr, { item: m, itemKey: b, isOpen: P, canExpand: T, hasBlocks: S, onToggle: a, onOpenFile: r }, b);
+    }, e[6] = s, e[7] = r, e[8] = p) : p = e[8], u = n.items.map(p), e[2] = n.items, e[3] = s, e[4] = r, e[5] = u;
   } else
     u = e[5];
   let f;
-  return e[9] !== u ? (f = /* @__PURE__ */ l(N.Root, { children: u }), e[9] = u, e[10] = f) : f = e[10], f;
+  return e[9] !== u ? (f = /* @__PURE__ */ i(U.Root, { children: u }), e[9] = u, e[10] = f) : f = e[10], f;
 }
-function kr(t, e) {
+function Pr(t, e) {
   return t.id ? `id:${t.id}` : `idx:${e}`;
 }
-function Tr(t) {
+function _r(t) {
   const e = y(6), {
     invocations: n,
-    labeledBlocks: i,
-    onOpenFile: r
+    labeledBlocks: r,
+    onOpenFile: o
   } = t;
-  let o;
-  e[0] !== n || e[1] !== i ? (o = cr(n, {
-    labeledBlocks: i
-  }), e[0] = n, e[1] = i, e[2] = o) : o = e[2];
-  const s = o;
+  let s;
+  e[0] !== n || e[1] !== r ? (s = fr(n, {
+    labeledBlocks: r
+  }), e[0] = n, e[1] = r, e[2] = s) : s = e[2];
+  const l = s;
   let c;
-  return e[3] !== s || e[4] !== r ? (c = /* @__PURE__ */ l(Sr, { data: s, onOpenFile: r }), e[3] = s, e[4] = r, e[5] = c) : c = e[5], c;
+  return e[3] !== l || e[4] !== o ? (c = /* @__PURE__ */ i(Cr, { data: l, onOpenFile: o }), e[3] = l, e[4] = o, e[5] = c) : c = e[5], c;
 }
-const wr = (t) => t.type === "tool", Ae = (t) => t >= 1e3 ? `${(t / 1e3).toFixed(1)}k` : String(t), Cr = (t) => {
-  switch (t) {
+const Rr = (t) => t.type === "tool", Fe = (t) => t >= 1e3 ? `${(t / 1e3).toFixed(1)}k` : String(t), Ir = (t) => {
+  if (t.message && t.message.trim().length > 0)
+    return t.message;
+  const {
+    errorType: e
+  } = t;
+  switch (e) {
     case "timeout":
       return "Session timed out.";
     case "crash":
@@ -1160,75 +1186,75 @@ const wr = (t) => t.type === "tool", Ae = (t) => t >= 1e3 ? `${(t / 1e3).toFixed
     default:
       return "An error occurred.";
   }
-}, Pr = (t, e) => {
+}, Br = (t, e) => {
   const n = [];
-  let i = e;
-  for (; i < t.length; ) {
-    const r = t[i];
-    if (!wr(r)) break;
-    n.push(r), i += 1;
+  let r = e;
+  for (; r < t.length; ) {
+    const o = t[r];
+    if (!Rr(o)) break;
+    n.push(o), r += 1;
   }
   return {
     invocations: n,
-    nextIndex: i - 1
+    nextIndex: r - 1
   };
 };
-function _r(t) {
+function Dr(t) {
   const e = y(7), {
     message: n,
-    onOpenFile: i,
-    toolInvocationTimeline: r
-  } = t, o = r ?? Tr;
-  let s;
-  e[0] !== n.parts ? (s = n.parts ?? [], e[0] = n.parts, e[1] = s) : s = e[1];
-  const c = s;
+    onOpenFile: r,
+    toolInvocationTimeline: o
+  } = t, s = o ?? _r;
+  let l;
+  e[0] !== n.parts ? (l = n.parts ?? [], e[0] = n.parts, e[1] = l) : l = e[1];
+  const c = l;
   let d;
-  if (e[2] !== o || e[3] !== n.id || e[4] !== i || e[5] !== c) {
+  if (e[2] !== s || e[3] !== n.id || e[4] !== r || e[5] !== c) {
     const a = [];
     for (let u = 0; u < c.length; u = u + 1, u) {
       const f = c[u], p = `${n.id}-${u}`;
       e: switch (f.type) {
         case "text": {
-          a.push(/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(hn, { children: f.text }) }, p));
+          a.push(/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(yn, { children: f.text }) }, p));
           break e;
         }
         case "reasoning": {
-          a.push(/* @__PURE__ */ l(k, { padding: "0", css: {
+          a.push(/* @__PURE__ */ i(k, { padding: "0", css: {
             "& .rich-text, & .rich-text *": {
               color: "fg.subtle !important",
               fontSize: ".75rem !important",
               fontWeight: "normal !important"
             }
-          }, children: /* @__PURE__ */ l(nt, { defaultState: f.text }) }, p));
+          }, children: /* @__PURE__ */ i(rt, { defaultState: f.text, fullWidth: !0 }) }, p));
           break e;
         }
         case "tool": {
           const {
             invocations: m,
             nextIndex: h
-          } = Pr(c, u);
-          u = h, a.push(/* @__PURE__ */ l(k, { width: "full", children: /* @__PURE__ */ l(o, { invocations: m, labeledBlocks: !0, onOpenFile: i }) }, p));
+          } = Br(c, u);
+          u = h, a.push(/* @__PURE__ */ i(k, { width: "full", children: /* @__PURE__ */ i(s, { invocations: m, labeledBlocks: !0, onOpenFile: r }) }, p));
           break e;
         }
         case "loading": {
           a.push(/* @__PURE__ */ x(k, { display: "flex", alignItems: "center", gap: "2", py: "2", children: [
-            /* @__PURE__ */ l(Tt, { size: "sm" }),
-            /* @__PURE__ */ l(ne, { fontSize: "sm", color: "fg.muted", children: "Thinking..." })
+            /* @__PURE__ */ i(Ct, { size: "sm" }),
+            /* @__PURE__ */ i(te, { fontSize: "sm", color: "fg.muted", children: "Thinking..." })
           ] }, p));
           break e;
         }
         case "error": {
-          a.push(/* @__PURE__ */ l(k, { py: "2", children: /* @__PURE__ */ l(ne, { fontSize: "sm", color: "fg.error", children: Cr(f.errorType) }) }, p));
+          a.push(/* @__PURE__ */ i(k, { py: "2", children: /* @__PURE__ */ i(te, { fontSize: "sm", color: "fg.error", children: Ir(f) }) }, p));
           break e;
         }
         case "token_usage": {
-          a.push(/* @__PURE__ */ l(k, { py: "1", children: /* @__PURE__ */ x(ne, { fontSize: "xs", color: "fg.subtle", children: [
+          a.push(/* @__PURE__ */ i(k, { py: "1", children: /* @__PURE__ */ x(te, { fontSize: "xs", color: "fg.subtle", children: [
             "Tokens: ",
-            Ae(f.inputTokens),
+            Fe(f.inputTokens),
             " in / ",
-            Ae(f.outputTokens),
+            Fe(f.outputTokens),
             " out",
-            f.cacheReadTokens ? ` / ${Ae(f.cacheReadTokens)} cache read` : ""
+            f.cacheReadTokens ? ` / ${Fe(f.cacheReadTokens)} cache read` : ""
           ] }) }, p));
           break e;
         }
@@ -1236,20 +1262,20 @@ function _r(t) {
           a.push(null);
       }
     }
-    d = /* @__PURE__ */ l(Me, { children: a }), e[2] = o, e[3] = n.id, e[4] = i, e[5] = c, e[6] = d;
+    d = /* @__PURE__ */ i(Le, { children: a }), e[2] = s, e[3] = n.id, e[4] = r, e[5] = c, e[6] = d;
   } else
     d = e[6];
   return d;
 }
-const Ir = (t) => t === "user" || t === "assistant" || t === "developer" ? t : "assistant", Rr = (t) => {
+const Ar = (t) => t === "user" || t === "assistant" || t === "developer" ? t : "assistant", vr = (t) => {
   const e = t.parts ?? [];
-  return e.length === 0 || e.some((i) => i.type === "text" && "text" in i) ? !1 : e.some((i) => i.type === "reasoning" || i.type === "tool");
-}, Br = (t) => {
+  return e.length === 0 || e.some((r) => r.type === "text" && "text" in r) ? !1 : e.some((r) => r.type === "reasoning" || r.type === "tool");
+}, Fr = (t) => {
   const e = [];
   for (const n of t) {
-    const i = e[e.length - 1];
-    if (i && i.role === n.role && Rr(n)) {
-      i.parts = [...i.parts ?? [], ...n.parts ?? []];
+    const r = e[e.length - 1];
+    if (r && r.role === n.role && vr(n)) {
+      r.parts = [...r.parts ?? [], ...n.parts ?? []];
       continue;
     }
     e.push({
@@ -1258,13 +1284,27 @@ const Ir = (t) => t === "user" || t === "assistant" || t === "developer" ? t : "
     });
   }
   return e;
-}, uo = (t) => {
+}, zr = (t) => {
+  const e = [], n = [];
+  for (const r of t)
+    r.role === "user" ? e.push({
+      userMessage: r,
+      responses: []
+    }) : e.length > 0 ? e[e.length - 1].responses.push(r) : n.push(r);
+  return {
+    groups: e,
+    leadingResponses: n
+  };
+}, ze = (t, e) => {
+  const n = Ar(t.role);
+  return /* @__PURE__ */ i(Ve.Root, { from: n, children: /* @__PURE__ */ i(Ve.Content, { from: n, children: /* @__PURE__ */ i(Dr, { message: t, streaming: e }) }) }, t.id);
+}, go = (t) => {
   const e = y(47), {
     messages: n,
-    streaming: i,
-    emptyStateTitle: r,
-    emptyStateDescription: o,
-    chatInputPlaceholder: s,
+    streaming: r,
+    emptyStateTitle: o,
+    emptyStateDescription: s,
+    chatInputPlaceholder: l,
     chatInputDefaultValue: c,
     onSubmitMessage: d,
     onChatInputChange: a,
@@ -1274,51 +1314,57 @@ const Ir = (t) => t === "user" || t === "assistant" || t === "developer" ? t : "
     onClearAttachments: m,
     attachmentList: h,
     approvalPrompt: b
-  } = t, S = i === void 0 ? !1 : i, T = c === void 0 ? "" : c;
-  let P, z, v, M, A, O, _, C, F, L;
-  if (e[0] !== o || e[1] !== r || e[2] !== n || e[3] !== S) {
-    const H = Br(n), Te = H.length > 0, K = H.reduce(Dr, 0);
-    v = ge, O = "relative", _ = "column", C = "full", F = "full", L = "hidden", z = ve.Root, A = /* @__PURE__ */ l(ln, { userMessageCount: K }), P = ve.Viewport, M = Te ? /* @__PURE__ */ l(Qe, { gap: "sm", children: H.map((U) => {
-      const V = Ir(U.role);
-      return /* @__PURE__ */ l(Ne.Root, { from: V, children: /* @__PURE__ */ l(Ne.Content, { from: V, children: /* @__PURE__ */ l(_r, { message: U, streaming: S }) }) }, U.id);
-    }) }) : /* @__PURE__ */ l(Gt, { icon: /* @__PURE__ */ l(Nt, { size: 48, strokeWidth: 1.5 }), title: r, description: o }), e[0] = o, e[1] = r, e[2] = n, e[3] = S, e[4] = P, e[5] = z, e[6] = v, e[7] = M, e[8] = A, e[9] = O, e[10] = _, e[11] = C, e[12] = F, e[13] = L;
+  } = t, S = r === void 0 ? !1 : r, T = c === void 0 ? "" : c;
+  let P, M, v, O, F, L, R, C, z, W;
+  if (e[0] !== s || e[1] !== o || e[2] !== n || e[3] !== S) {
+    const j = Fr(n), we = j.length > 0, q = j.reduce($r, 0), {
+      groups: ie,
+      leadingResponses: K
+    } = zr(j);
+    v = be, L = "relative", R = "column", C = "full", z = "full", W = "hidden", M = ve.Root, F = /* @__PURE__ */ i(un, { userMessageCount: q }), P = ve.Viewport, O = we ? /* @__PURE__ */ x(et, { gap: "sm", children: [
+      K.map((_) => ze(_, S)),
+      ie.map((_) => /* @__PURE__ */ x(k, { children: [
+        /* @__PURE__ */ i(k, { position: "sticky", top: "0", zIndex: 1, children: ze(_.userMessage, S) }),
+        _.responses.map((H) => ze(H, S))
+      ] }, _.userMessage.id))
+    ] }) : /* @__PURE__ */ i(Gt, { icon: /* @__PURE__ */ i(Ut, { size: 48, strokeWidth: 1.5 }), title: o, description: s }), e[0] = s, e[1] = o, e[2] = n, e[3] = S, e[4] = P, e[5] = M, e[6] = v, e[7] = O, e[8] = F, e[9] = L, e[10] = R, e[11] = C, e[12] = z, e[13] = W;
   } else
-    P = e[4], z = e[5], v = e[6], M = e[7], A = e[8], O = e[9], _ = e[10], C = e[11], F = e[12], L = e[13];
+    P = e[4], M = e[5], v = e[6], O = e[7], F = e[8], L = e[9], R = e[10], C = e[11], z = e[12], W = e[13];
   let $;
-  e[14] !== P || e[15] !== M ? ($ = /* @__PURE__ */ l(P, { children: M }), e[14] = P, e[15] = M, e[16] = $) : $ = e[16];
-  let W;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ l(ve.ScrollToBottom, { "aria-label": "Scroll to latest message" }), e[17] = W) : W = e[17];
+  e[14] !== P || e[15] !== O ? ($ = /* @__PURE__ */ i(P, { children: O }), e[14] = P, e[15] = O, e[16] = $) : $ = e[16];
+  let E;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ i(ve.ScrollToBottom, { "aria-label": "Scroll to latest message" }), e[17] = E) : E = e[17];
   let I;
-  e[18] !== z || e[19] !== A || e[20] !== $ ? (I = /* @__PURE__ */ x(z, { children: [
-    A,
+  e[18] !== M || e[19] !== F || e[20] !== $ ? (I = /* @__PURE__ */ x(M, { children: [
+    F,
     $,
-    W
-  ] }), e[18] = z, e[19] = A, e[20] = $, e[21] = I) : I = e[21];
-  let R;
-  e[22] !== T ? (R = pn(T), e[22] = T, e[23] = R) : R = e[23];
+    E
+  ] }), e[18] = M, e[19] = F, e[20] = $, e[21] = I) : I = e[21];
   let B;
-  e[24] !== u || e[25] !== p || e[26] !== h || e[27] !== s || e[28] !== a || e[29] !== m || e[30] !== d || e[31] !== S || e[32] !== R ? (B = /* @__PURE__ */ l(k, { px: "sm", children: /* @__PURE__ */ l(an, { placeholder: s, defaultState: R, streaming: S, onSubmit: d, onChange: a, actions: u, attachedResources: p, onClearAttachments: m, attachmentList: h }) }), e[24] = u, e[25] = p, e[26] = h, e[27] = s, e[28] = a, e[29] = m, e[30] = d, e[31] = S, e[32] = R, e[33] = B) : B = e[33];
+  e[22] !== T ? (B = bn(T), e[22] = T, e[23] = B) : B = e[23];
   let D;
-  e[34] !== f ? (D = /* @__PURE__ */ l(ge, { p: "2xs", justifyContent: "flex-end", children: f }), e[34] = f, e[35] = D) : D = e[35];
-  let j;
-  return e[36] !== v || e[37] !== b || e[38] !== I || e[39] !== B || e[40] !== D || e[41] !== O || e[42] !== _ || e[43] !== C || e[44] !== F || e[45] !== L ? (j = /* @__PURE__ */ x(v, { position: O, direction: _, w: C, h: F, overflow: L, children: [
+  e[24] !== u || e[25] !== p || e[26] !== h || e[27] !== l || e[28] !== a || e[29] !== m || e[30] !== d || e[31] !== S || e[32] !== B ? (D = /* @__PURE__ */ i(k, { px: "sm", children: /* @__PURE__ */ i(pn, { placeholder: l, defaultState: B, streaming: S, onSubmit: d, onChange: a, actions: u, attachedResources: p, onClearAttachments: m, attachmentList: h }) }), e[24] = u, e[25] = p, e[26] = h, e[27] = l, e[28] = a, e[29] = m, e[30] = d, e[31] = S, e[32] = B, e[33] = D) : D = e[33];
+  let A;
+  e[34] !== f ? (A = /* @__PURE__ */ i(be, { p: "2xs", justifyContent: "flex-end", children: f }), e[34] = f, e[35] = A) : A = e[35];
+  let V;
+  return e[36] !== v || e[37] !== b || e[38] !== I || e[39] !== D || e[40] !== A || e[41] !== L || e[42] !== R || e[43] !== C || e[44] !== z || e[45] !== W ? (V = /* @__PURE__ */ x(v, { position: L, direction: R, w: C, h: z, overflow: W, children: [
     I,
     b,
-    B,
-    D
-  ] }), e[36] = v, e[37] = b, e[38] = I, e[39] = B, e[40] = D, e[41] = O, e[42] = _, e[43] = C, e[44] = F, e[45] = L, e[46] = j) : j = e[46], j;
+    D,
+    A
+  ] }), e[36] = v, e[37] = b, e[38] = I, e[39] = D, e[40] = A, e[41] = L, e[42] = R, e[43] = C, e[44] = z, e[45] = W, e[46] = V) : V = e[46], V;
 };
-function Dr(t, e) {
+function $r(t, e) {
   return t + (e.role === "user" ? 1 : 0);
 }
 export {
-  ao as ApprovalPrompt,
-  ln as AutoScroll,
-  an as ChatInput,
-  Ne as ChatMessage,
-  uo as ChatPanel,
+  ho as ApprovalPrompt,
+  un as AutoScroll,
+  pn as ChatInput,
+  Ve as ChatMessage,
+  go as ChatPanel,
   ve as ChatPrimitives,
-  cn as SendButton,
-  pn as createSerializedPromptState
+  fn as SendButton,
+  bn as createSerializedPromptState
 };
 //# sourceMappingURL=chat-ui.js.map