@pstdio/ui 0.0.4 → 0.1.0

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 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";
@@ -25,10 +25,48 @@ 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 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: {
@@ -134,214 +172,1195 @@ 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: 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: 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, {
+function Zt(t) {
+  const e = y(4), {
+    userMessageCount: n
+  } = t, {
     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;
+  } = 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 qt = (n) => {
-  const t = N(22);
-  let e, i, o, r;
-  t[0] !== n ? ({
-    title: r,
-    shortcut: o,
-    canInterrupt: e,
+const en = (t) => {
+  const e = y(22);
+  let n, i, r, o;
+  e[0] !== t ? ({
+    title: o,
+    shortcut: r,
+    canInterrupt: n,
     ...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;
+  } = 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;
-  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];
-  const u = a;
-  if (r) {
-    let h;
-    t[12] !== o || t[13] !== r ? (h = o ? /* @__PURE__ */ K(_t, { children: [
-      r,
+  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(xt, { fontSize: "xs", children: o })
-    ] }) : r, t[12] = o, t[13] = r, t[14] = h) : h = t[14];
-    const b = h;
+      /* @__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;
-    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] !== 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,
-      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,
+  return f;
+}, tn = (t) => {
+  const e = y(60), {
+    defaultState: n,
     onSubmit: i,
-    onInterrupt: o,
-    streaming: r,
-    attachedResources: d,
-    onClearAttachments: p,
-    isDisabled: x,
+    onInterrupt: r,
+    streaming: o,
+    attachedResources: s,
+    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;
+    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;
-  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)
+  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 (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,
-    boxShadow: "mid"
-  }, t[23] = Z, t[24] = y) : y = t[24];
+    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;
-  t[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (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"
-  }, 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];
-  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];
-  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,
-    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;
+  }, 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 Kt() {
+function nn() {
+}
+function rn(t) {
+  return t + 1;
 }
-function Nt(n) {
-  return n + 1;
+function on(t) {
+  return t + 1;
 }
-function Ut(n) {
-  return n + 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);
 }
-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
+  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