@pstdio/ui 0.0.3 → 0.1.0

package/dist/chat-ui.js

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