@pstdio/ui 0.0.4 → 0.1.1

package/dist/chat-ui.js

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