@ash-cloud/ash-ai 0.1.19 → 0.1.20

package/dist/playground.js

@@ -1,7 +1,7 @@
 var ct = Object.defineProperty;
 var dt = (e, n, r) => n in e ? ct(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
 var ve = (e, n, r) => dt(e, typeof n != "symbol" ? n + "" : n, r);
-import { createContext as be, lazy as ut, useContext as ke, useRef as D, useState as v, useCallback as A, useEffect as oe, useLayoutEffect as ht, useMemo as mt, Suspense as ft } from "react";
+import { createContext as ke, lazy as ut, useContext as Ne, useRef as z, useState as k, useCallback as $, useEffect as te, useLayoutEffect as ht, useMemo as mt, Suspense as ft } from "react";
 import { jsx as t, jsxs as o, Fragment as we } from "react/jsx-runtime";
 function De(e) {
   if (e.startsWith("mcp__")) {
@@ -228,7 +228,7 @@ function kt(e, n, r) {
   } else (a.action === "mcp_tool" || a.action === "generic_tool") && (a.result = wt(n));
   return s.actionType = a, s;
 }
-function En(e) {
+function An(e) {
   switch (e.action) {
     case "command_run":
       return "terminal";
@@ -258,7 +258,7 @@ function En(e) {
       return "tool";
   }
 }
-function $n(e) {
+function Rn(e) {
   switch (e.action) {
     case "command_run":
       return "Command";
@@ -303,15 +303,15 @@ function Nt(e) {
     return e;
   }
 }
-function An(e, n) {
+function jn(e, n) {
   return e.length <= n ? e : e.substring(0, n - 3) + "...";
 }
-function m(...e) {
+function h(...e) {
   return e.filter(Boolean).join(" ");
 }
-var Be = be(null);
+var Be = ke(null);
 function Oe() {
-  const e = ke(Be);
+  const e = Ne(Be);
   if (!e)
     throw new Error("useConversation must be used within a Conversation");
   return e;
@@ -326,41 +326,41 @@ function Ct({
   isLoadingMore: u = !1,
   loadMoreThreshold: d = 100
 }) {
-  const l = D(null), [f, h] = v(!1), [b, R] = v(r), E = D(0), N = D(!1), ee = A((J = "smooth") => {
+  const l = z(null), [N, f] = k(!1), [w, I] = k(r), A = z(0), K = z(!1), J = $((U = "smooth") => {
     l.current && l.current.scrollTo({
       top: l.current.scrollHeight,
-      behavior: J
+      behavior: U
     });
-  }, []), S = A(() => {
+  }, []), y = $(() => {
     if (!l.current) return;
-    const { scrollTop: J, scrollHeight: q, clientHeight: de } = l.current, U = q - J - de < s;
-    h(!U), U && !b && R(!0), J < d && i && !u && a && a();
-  }, [s, b, d, i, u, a]);
-  oe(() => {
-    u && !N.current && l.current && (E.current = l.current.scrollHeight), N.current = u;
+    const { scrollTop: U, scrollHeight: j, clientHeight: X } = l.current, he = j - U - X < s;
+    f(!he), he && !w && I(!0), U < d && i && !u && a && a();
+  }, [s, w, d, i, u, a]);
+  te(() => {
+    u && !K.current && l.current && (A.current = l.current.scrollHeight), K.current = u;
   }, [u]), ht(() => {
-    if (!u && E.current > 0 && l.current) {
-      const q = l.current.scrollHeight - E.current;
-      q > 0 && (l.current.scrollTop += q), E.current = 0;
+    if (!u && A.current > 0 && l.current) {
+      const j = l.current.scrollHeight - A.current;
+      j > 0 && (l.current.scrollTop += j), A.current = 0;
     }
-  }, [u]), oe(() => {
-    b && !f && ee("instant");
+  }, [u]), te(() => {
+    w && !N && J("instant");
   });
-  const L = {
+  const D = {
     containerRef: l,
-    scrollToBottom: ee,
-    isScrolledUp: f,
-    autoScroll: b,
-    setAutoScroll: R,
+    scrollToBottom: J,
+    isScrolledUp: N,
+    autoScroll: w,
+    setAutoScroll: I,
     hasMore: i,
     isLoadingMore: u
   };
-  return /* @__PURE__ */ t(Be.Provider, { value: L, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Be.Provider, { value: D, children: /* @__PURE__ */ t(
     "div",
     {
       ref: l,
-      onScroll: S,
-      className: m(
+      onScroll: y,
+      className: h(
         "ash-conversation flex flex-col overflow-y-auto",
         "ash-scrollbar",
         n
@@ -378,7 +378,7 @@ function Tt({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-conversation-content flex flex-col",
         "gap-[var(--ash-message-list-gap,0.25rem)]",
         "p-[var(--ash-spacing-md,0.75rem)]",
@@ -388,14 +388,14 @@ function Tt({
     }
   );
 }
-function Rn({
+function zn({
   children: e,
   className: n
 }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-conversation-empty flex flex-col items-center justify-center",
         "flex-1 min-h-[200px] text-center",
         "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
@@ -405,7 +405,7 @@ function Rn({
     }
   );
 }
-function jn({
+function Dn({
   className: e,
   label: n = "Scroll to bottom"
 }) {
@@ -414,7 +414,7 @@ function jn({
     "button",
     {
       onClick: () => s(),
-      className: m(
+      className: h(
         "ash-conversation-scroll-btn",
         "fixed bottom-20 left-1/2 -translate-x-1/2",
         "px-4 py-2 rounded-full",
@@ -457,7 +457,7 @@ function _t({
   return !n && !r ? null : /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-conversation-load-more flex items-center justify-center py-3",
         e
       ),
@@ -493,23 +493,23 @@ function _t({
     }
   );
 }
-var Mt = ut(() => import("./index-DJwpy-R5.js"));
+var It = ut(() => import("./index-DJwpy-R5.js"));
 function Ve({ children: e, fallback: n, components: r, className: s }) {
-  const [a, i] = v(!1);
-  oe(() => {
+  const [a, i] = k(!1);
+  te(() => {
     i(!0);
   }, []);
   const u = mt(() => {
     if (r)
       return r;
   }, [r]);
-  return a ? /* @__PURE__ */ t(ft, { fallback: /* @__PURE__ */ t("span", { className: s, children: n ?? e }), children: /* @__PURE__ */ t(Mt, { components: u, children: e }) }) : /* @__PURE__ */ t("span", { className: s, children: n ?? e });
+  return a ? /* @__PURE__ */ t(ft, { fallback: /* @__PURE__ */ t("span", { className: s, children: n ?? e }), children: /* @__PURE__ */ t(It, { components: u, children: e }) }) : /* @__PURE__ */ t("span", { className: s, children: n ?? e });
 }
-function St({ name: e, color: n, url: r }) {
+function Mt({ name: e, color: n, url: r }) {
   return /* @__PURE__ */ o(
     "span",
     {
-      className: m(
+      className: h(
         "ash-mention",
         "inline-flex items-center",
         "px-1.5 py-0.5 rounded",
@@ -535,13 +535,13 @@ function St({ name: e, color: n, url: r }) {
     }
   );
 }
-function It({
+function St({
   content: e,
   components: n,
   className: r
 }) {
-  const s = (n == null ? void 0 : n.mention) || St;
-  return /* @__PURE__ */ t("span", { className: m("ash-rich-content", r), children: e.map((a, i) => a.type === "text" ? /* @__PURE__ */ t(Ve, { components: n, children: a.content }, i) : a.type === "mention" ? /* @__PURE__ */ t(
+  const s = (n == null ? void 0 : n.mention) || Mt;
+  return /* @__PURE__ */ t("span", { className: h("ash-rich-content", r), children: e.map((a, i) => a.type === "text" ? /* @__PURE__ */ t(Ve, { components: n, children: a.content }, i) : a.type === "mention" ? /* @__PURE__ */ t(
     s,
     {
       name: a.name,
@@ -552,14 +552,14 @@ function It({
     i
   ) : null) });
 }
-var He = be(null);
-function Fe() {
-  const e = ke(He);
+var qe = ke(null);
+function Pe() {
+  const e = Ne(qe);
   if (!e)
     throw new Error("useMessage must be used within a Message");
   return e;
 }
-function Ne({
+function Ce({
   from: e,
   children: n,
   className: r,
@@ -576,10 +576,10 @@ function Ne({
     assistant: "assistant",
     system: "system"
   };
-  return /* @__PURE__ */ t(He.Provider, { value: u, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(qe.Provider, { value: u, children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message",
         "flex gap-[var(--ash-message-gap,0.5rem)]",
         e === "user" && "flex-row-reverse",
@@ -591,8 +591,8 @@ function Ne({
     }
   ) });
 }
-function zn({ src: e, fallback: n, className: r }) {
-  const { from: s } = Fe(), i = n || (s === "user" ? "U" : s === "assistant" ? "A" : "S"), u = {
+function Wn({ src: e, fallback: n, className: r }) {
+  const { from: s } = Pe(), i = n || (s === "user" ? "U" : s === "assistant" ? "A" : "S"), u = {
     user: "var(--ash-avatar-user-bg,rgba(255,255,255,0.1))",
     assistant: "var(--ash-avatar-assistant-bg,#10a37f)",
     system: "var(--ash-avatar-user-bg,rgba(255,255,255,0.1))"
@@ -600,7 +600,7 @@ function zn({ src: e, fallback: n, className: r }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-avatar flex-shrink-0",
         "w-[var(--ash-avatar-size,1.25rem)] h-[var(--ash-avatar-size,1.25rem)]",
         "rounded-full flex items-center justify-center",
@@ -620,19 +620,19 @@ function zn({ src: e, fallback: n, className: r }) {
     }
   );
 }
-function Dn({ children: e, className: n }) {
-  const { from: r } = Fe(), s = {
-    user: m(
+function Bn({ children: e, className: n }) {
+  const { from: r } = Pe(), s = {
+    user: h(
       "bg-[var(--ash-user-bg,#5B6EF5)]",
       "text-[var(--ash-user-text,#ffffff)]",
       "border-[var(--ash-user-border,transparent)]"
     ),
-    assistant: m(
+    assistant: h(
       "bg-[var(--ash-assistant-bg,#1a1a1a)]",
       "text-[var(--ash-assistant-text,rgba(255,255,255,0.9))]",
       "border-[var(--ash-assistant-border,rgba(255,255,255,0.08))]"
     ),
-    system: m(
+    system: h(
       "bg-[var(--ash-surface-elevated,#111111)]",
       "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
       "border-[var(--ash-border,rgba(255,255,255,0.08))]"
@@ -641,7 +641,7 @@ function Dn({ children: e, className: n }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-content",
         "flex-1 min-w-0",
         "rounded-[var(--ash-radius-lg,0.75rem)]",
@@ -666,19 +666,19 @@ function Me({
   return n && n.length > 0 ? /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-response",
         "font-[var(--ash-font-size-base,13px)]",
         "leading-relaxed",
         r && "animate-pulse",
         s
       ),
-      children: /* @__PURE__ */ t(It, { content: n, components: a })
+      children: /* @__PURE__ */ t(St, { content: n, components: a })
     }
   ) : e ? /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-response",
         "font-[var(--ash-font-size-base,13px)]",
         "leading-relaxed",
@@ -689,11 +689,11 @@ function Me({
     }
   ) : null;
 }
-function Wn({ children: e, className: n }) {
+function On({ children: e, className: n }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-actions",
         "flex items-center gap-1 mt-2",
         "opacity-0 group-hover:opacity-100 transition-opacity",
@@ -703,7 +703,7 @@ function Wn({ children: e, className: n }) {
     }
   );
 }
-function Bn({
+function Vn({
   icon: e,
   label: n,
   onClick: r,
@@ -713,7 +713,7 @@ function Bn({
     "button",
     {
       onClick: r,
-      className: m(
+      className: h(
         "ash-message-action",
         "p-1.5 rounded-md",
         "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
@@ -728,7 +728,7 @@ function Bn({
     }
   );
 }
-function On({ timestamp: e, className: n }) {
+function qn({ timestamp: e, className: n }) {
   const s = (typeof e == "string" ? new Date(e) : e).toLocaleTimeString(void 0, {
     hour: "numeric",
     minute: "2-digit"
@@ -736,7 +736,7 @@ function On({ timestamp: e, className: n }) {
   return /* @__PURE__ */ t(
     "span",
     {
-      className: m(
+      className: h(
         "ash-message-timestamp",
         "text-[var(--ash-font-size-xs,10px)]",
         "text-[var(--ash-text-faint,rgba(255,255,255,0.3))]",
@@ -760,7 +760,7 @@ function Lt({ status: e, size: n = "sm", className: r }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "rounded-full flex-shrink-0",
         s[n],
         a[e],
@@ -769,7 +769,7 @@ function Lt({ status: e, size: n = "sm", className: r }) {
     }
   );
 }
-function Vn({ className: e }) {
+function Pn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "5" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
@@ -785,16 +785,16 @@ function Vn({ className: e }) {
 function Hn({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
 }
-function qe({ className: e }) {
+function He({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Pe({ className: e }) {
+function Fe({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" }) });
 }
 function Fn({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
 }
-function qn({ className: e }) {
+function Kn({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "18 15 12 9 6 15" }) });
 }
 function Ke({ className: e }) {
@@ -855,7 +855,7 @@ function Dt({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "15", y1: "16", x2: "17", y2: "18" })
   ] });
 }
-function Pn({ className: e }) {
+function Jn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("polyline", { points: "16 18 22 12 16 6" }),
     /* @__PURE__ */ t("polyline", { points: "8 6 2 12 8 18" })
@@ -870,13 +870,13 @@ function Wt({ className: e }) {
 function Bt({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" }) });
 }
-function Kn({ className: e }) {
+function Un({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Jn({ className: e }) {
+function Gn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
@@ -902,14 +902,14 @@ function Vt({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] });
 }
-function Ht({ className: e }) {
+function qt({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
   ] });
 }
-function Ft({ className: e }) {
+function Pt({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("rect", { x: "8", y: "6", width: "8", height: "14", rx: "4" }),
     /* @__PURE__ */ t("path", { d: "M3 10h2" }),
@@ -920,51 +920,51 @@ function Ft({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M12 2v4" })
   ] });
 }
-function Un({ className: e }) {
+function Zn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("path", { d: "M9 12l2 2 4-4" })
   ] });
 }
-function Gn({ className: e }) {
+function Yn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ t("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] });
 }
-function Zn({ className: e }) {
+function Xn({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
     /* @__PURE__ */ t("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
   ] });
 }
-function Yn({ className: e }) {
+function Qn({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
 }
-function Xn({ className: e }) {
+function er({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("rect", { x: "9", y: "9", width: "6", height: "6" })
   ] });
 }
-function Qn({ className: e }) {
+function tr({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
 }
-function er({ className: e }) {
+function nr({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z" }),
     /* @__PURE__ */ t("path", { d: "M5 19l.5 1.5L7 21l-1.5.5L5 23l-.5-1.5L3 21l1.5-.5L5 19z" }),
     /* @__PURE__ */ t("path", { d: "M19 11l.5 1.5L21 13l-1.5.5L19 15l-.5-1.5L17 13l1.5-.5L19 11z" })
   ] });
 }
-function tr({ className: e }) {
+function rr({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 4.44-1.54" }),
     /* @__PURE__ */ t("path", { d: "M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-4.44-1.54" })
   ] });
 }
-function qt({ className: e }) {
+function Ht({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M12 8V4H8" }),
     /* @__PURE__ */ t("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2" }),
@@ -974,7 +974,7 @@ function qt({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M15 13v2" })
   ] });
 }
-function Pt({ className: e }) {
+function Ft({ className: e }) {
   return /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M10 6h11" }),
     /* @__PURE__ */ t("path", { d: "M10 12h11" }),
@@ -991,21 +991,21 @@ function Je({
   showLineNumbers: s = !1,
   className: a
 }) {
-  const [i, u] = v(!1), [d, l] = v(!1), f = e.split(`
-`), h = f.length > 10 || e.length > 500, b = A(async () => {
+  const [i, u] = k(!1), [d, l] = k(!1), N = e.split(`
+`), f = N.length > 10 || e.length > 500, w = $(async () => {
     try {
       await navigator.clipboard.writeText(e), l(!0), setTimeout(() => l(!1), 2e3);
-    } catch (R) {
-      console.error("Failed to copy:", R);
+    } catch (I) {
+      console.error("Failed to copy:", I);
     }
   }, [e]);
-  return /* @__PURE__ */ o("div", { className: m("relative rounded-lg overflow-hidden border border-white/10", a), children: [
+  return /* @__PURE__ */ o("div", { className: h("relative rounded-lg overflow-hidden border border-white/10", a), children: [
     /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-4 py-2 bg-[var(--ash-code-header-bg)] border-b border-white/10", children: [
       /* @__PURE__ */ t("span", { className: "text-xs text-white/60 font-medium", children: r || "code" }),
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: b,
+          onClick: w,
           className: "flex items-center gap-1.5 text-xs text-white/60 hover:text-white transition-colors",
           children: d ? /* @__PURE__ */ o(we, { children: [
             /* @__PURE__ */ t(Bt, { className: "w-3.5 h-3.5" }),
@@ -1020,19 +1020,19 @@ function Je({
     /* @__PURE__ */ t(
       "pre",
       {
-        className: m(
+        className: h(
           "text-xs font-mono text-white/90 p-4 bg-black/30 overflow-x-auto whitespace-pre-wrap break-words",
-          !i && h && "overflow-y-hidden"
+          !i && f && "overflow-y-hidden"
         ),
-        style: !i && h ? { maxHeight: n } : void 0,
+        style: !i && f ? { maxHeight: n } : void 0,
         "data-language": r,
-        children: s ? /* @__PURE__ */ t("code", { children: f.map((R, E) => /* @__PURE__ */ o("span", { className: "block", children: [
-          /* @__PURE__ */ t("span", { className: "inline-block w-8 text-white/30 select-none text-right pr-2", children: E + 1 }),
-          /* @__PURE__ */ t("span", { className: "text-white/80", children: R })
-        ] }, E)) }) : /* @__PURE__ */ t("code", { className: "text-white/80", children: e })
+        children: s ? /* @__PURE__ */ t("code", { children: N.map((I, A) => /* @__PURE__ */ o("span", { className: "block", children: [
+          /* @__PURE__ */ t("span", { className: "inline-block w-8 text-white/30 select-none text-right pr-2", children: A + 1 }),
+          /* @__PURE__ */ t("span", { className: "text-white/80", children: I })
+        ] }, A)) }) : /* @__PURE__ */ t("code", { className: "text-white/80", children: e })
       }
     ),
-    h && !i && /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-12 ash-truncate-fade flex items-end justify-center pb-2", children: /* @__PURE__ */ t(
+    f && !i && /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-12 ash-truncate-fade flex items-end justify-center pb-2", children: /* @__PURE__ */ t(
       "button",
       {
         onClick: () => u(!0),
@@ -1040,7 +1040,7 @@ function Je({
         children: "Show more"
       }
     ) }),
-    h && i && /* @__PURE__ */ t(
+    f && i && /* @__PURE__ */ t(
       "button",
       {
         onClick: () => u(!1),
@@ -1054,9 +1054,9 @@ function Ue({ value: e, maxHeight: n, className: r }) {
   const s = JSON.stringify(e, null, 2);
   return /* @__PURE__ */ t(Je, { maxHeight: n, className: r, children: s });
 }
-var Ge = be(null);
-function Le() {
-  const e = ke(Ge);
+var Ge = ke(null);
+function Ee() {
+  const e = Ne(Ge);
   if (!e)
     throw new Error("useTool must be used within a Tool");
   return e;
@@ -1068,23 +1068,23 @@ function Ze({
   defaultExpanded: s = !1,
   variant: a = "default"
 }) {
-  const [i, u] = v(s), l = {
+  const [i, u] = k(s), l = {
     toolInvocation: e,
     isExpanded: i,
-    toggleExpanded: () => u((b) => !b),
+    toggleExpanded: () => u((w) => !w),
     variant: a
-  }, f = e.state === "result" ? "success" : "pending", h = !!(e.result && typeof e.result == "object" && "error" in e.result);
+  }, N = e.state === "result" ? "success" : "pending", f = !!(e.result && typeof e.result == "object" && "error" in e.result);
   return /* @__PURE__ */ t(Ge.Provider, { value: l, children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-tool",
         "rounded-[var(--ash-radius-md,0.5rem)]",
         "border border-[var(--ash-border,rgba(255,255,255,0.08))]",
         "bg-[var(--ash-tool-bg,var(--ash-surface-dark,#0a0a0a))]",
         "overflow-hidden",
-        f === "pending" && "ash-tool-status-pending",
-        h && "border-red-500/30",
+        N === "pending" && "ash-tool-status-pending",
+        f && "border-red-500/30",
         r
       ),
       "data-tool-name": e.toolName,
@@ -1104,41 +1104,41 @@ function Kt({
   icon: n,
   showToggle: r = !0
 }) {
-  const { toolInvocation: s, isExpanded: a, toggleExpanded: i, variant: u } = Le(), d = u === "compact", l = s.state === "result" ? "success" : "pending", f = De(s.toolName), h = n, b = r && !d;
+  const { toolInvocation: s, isExpanded: a, toggleExpanded: i, variant: u } = Ee(), d = u === "compact", l = s.state === "result" ? "success" : "pending", N = De(s.toolName), f = n, w = r && !d;
   return /* @__PURE__ */ o(
     "button",
     {
-      onClick: b ? i : void 0,
-      className: m(
+      onClick: w ? i : void 0,
+      className: h(
         "ash-tool-header",
         "w-full flex items-center gap-2",
         d ? "px-2 py-1.5" : "px-3 py-2",
         "text-left",
-        b && "cursor-pointer hover:bg-white/[0.03] transition-colors",
-        !b && "cursor-default",
+        w && "cursor-pointer hover:bg-white/[0.03] transition-colors",
+        !w && "cursor-default",
         e
       ),
       children: [
         /* @__PURE__ */ t(Lt, { status: l, size: d ? "xs" : "sm" }),
-        h ? /* @__PURE__ */ t("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: h }) : /* @__PURE__ */ t("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: /* @__PURE__ */ o("svg", { className: d ? "w-3 h-3" : "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+        f ? /* @__PURE__ */ t("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: f }) : /* @__PURE__ */ t("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: /* @__PURE__ */ o("svg", { className: d ? "w-3 h-3" : "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
           /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
           /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
         ] }) }),
         /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               "flex-1 font-medium",
               d ? "text-[var(--ash-font-size-xs,10px)]" : "text-[var(--ash-font-size-sm,12px)]",
               "text-[var(--ash-text-primary,rgba(255,255,255,0.9))]"
             ),
-            children: f
+            children: N
           }
         ),
         /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               d ? "text-[9px]" : "text-[var(--ash-font-size-xs,10px)]",
               "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
               "truncate max-w-[200px]"
@@ -1146,10 +1146,10 @@ function Kt({
             children: Object.keys(s.args).length > 0 && `(${Object.keys(s.args).join(", ")})`
           }
         ),
-        b && /* @__PURE__ */ t(
+        w && /* @__PURE__ */ t(
           "svg",
           {
-            className: m(
+            className: h(
               "w-4 h-4 text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
               "transition-transform",
               a && "rotate-180"
@@ -1173,11 +1173,11 @@ function Kt({
   );
 }
 function Jt({ className: e, maxHeight: n = 200 }) {
-  const { toolInvocation: r } = Le();
+  const { toolInvocation: r } = Ee();
   return !r.args || Object.keys(r.args).length === 0 ? null : /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-tool-input",
         "border-t border-[var(--ash-border-subtle,rgba(255,255,255,0.04))]",
         e
@@ -1197,14 +1197,14 @@ function Jt({ className: e, maxHeight: n = 200 }) {
   );
 }
 function Ut({ className: e, maxHeight: n = 300 }) {
-  const { toolInvocation: r } = Le();
+  const { toolInvocation: r } = Ee();
   if (r.state !== "result" || !r.result)
     return null;
   const s = r.result, a = typeof s == "string", i = typeof s == "object" && s !== null && "error" in s;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-tool-output",
         "border-t border-[var(--ash-border-subtle,rgba(255,255,255,0.04))]",
         i && "bg-red-500/5",
@@ -1214,7 +1214,7 @@ function Ut({ className: e, maxHeight: n = 300 }) {
         /* @__PURE__ */ t(
           "div",
           {
-            className: m(
+            className: h(
               "ash-tool-section-header",
               i && "text-red-400"
             ),
@@ -1233,7 +1233,7 @@ function Ut({ className: e, maxHeight: n = 300 }) {
     }
   );
 }
-function nr({
+function sr({
   toolInvocations: e,
   className: n,
   defaultExpanded: r = !1,
@@ -1242,7 +1242,7 @@ function nr({
   return !e || e.length === 0 ? null : /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-tool-list",
         "flex flex-col",
         s === "compact" ? "gap-1" : "gap-2",
@@ -1260,9 +1260,9 @@ function nr({
     }
   );
 }
-var Ye = be(null);
+var Ye = ke(null);
 function Xe() {
-  const e = ke(Ye);
+  const e = Ne(Ye);
   if (!e)
     throw new Error("useReasoning must be used within a Reasoning");
   return e;
@@ -1275,29 +1275,29 @@ function Gt({
   autoCollapse: a = !0,
   initialDuration: i = 0
 }) {
-  const [u, d] = v(!1), [l, f] = v(i), h = D(null), b = D(null);
-  oe(() => (n && s && (d(!0), h.current = Date.now(), b.current = setInterval(() => {
-    h.current && f(Math.floor((Date.now() - h.current) / 1e3));
+  const [u, d] = k(!1), [l, N] = k(i), f = z(null), w = z(null);
+  te(() => (n && s && (d(!0), f.current = Date.now(), w.current = setInterval(() => {
+    f.current && N(Math.floor((Date.now() - f.current) / 1e3));
   }, 1e3)), () => {
-    b.current && (clearInterval(b.current), b.current = null);
-  }), [n, s]), oe(() => {
-    if (!n && a && h.current) {
-      const E = setTimeout(() => {
+    w.current && (clearInterval(w.current), w.current = null);
+  }), [n, s]), te(() => {
+    if (!n && a && f.current) {
+      const A = setTimeout(() => {
         d(!1);
       }, 500);
-      return h.current = null, b.current && (clearInterval(b.current), b.current = null), () => clearTimeout(E);
+      return f.current = null, w.current && (clearInterval(w.current), w.current = null), () => clearTimeout(A);
     }
   }, [n, a]);
-  const R = {
+  const I = {
     isOpen: u,
     setIsOpen: d,
     isStreaming: n,
     duration: l
   };
-  return /* @__PURE__ */ t(Ye.Provider, { value: R, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Ye.Provider, { value: I, children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-reasoning",
         "rounded-[var(--ash-radius-md,0.5rem)]",
         "border",
@@ -1311,21 +1311,21 @@ function Gt({
     }
   ) });
 }
-function rr({
+function Zt({
   className: e,
   label: n = "Thinking",
   showDuration: r = !0
 }) {
   const { isOpen: s, setIsOpen: a, isStreaming: i, duration: u } = Xe(), d = (l) => {
     if (l < 60) return `${l}s`;
-    const f = Math.floor(l / 60), h = l % 60;
-    return `${f}m ${h}s`;
+    const N = Math.floor(l / 60), f = l % 60;
+    return `${N}m ${f}s`;
   };
   return /* @__PURE__ */ o(
     "button",
     {
       onClick: () => a(!s),
-      className: m(
+      className: h(
         "ash-reasoning-trigger",
         "w-full flex items-center gap-2",
         "px-3 py-2",
@@ -1337,7 +1337,7 @@ function rr({
         /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               "w-4 h-4 flex items-center justify-center",
               i && "animate-pulse"
             ),
@@ -1392,7 +1392,7 @@ function rr({
         /* @__PURE__ */ o(
           "span",
           {
-            className: m(
+            className: h(
               "flex-1 font-medium",
               "text-[var(--ash-font-size-sm,12px)]",
               i ? "text-[var(--ash-thinking-text,rgb(196,181,253))]" : "text-[var(--ash-text-secondary,rgba(255,255,255,0.7))]"
@@ -1406,7 +1406,7 @@ function rr({
         r && u > 0 && /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               "text-[var(--ash-font-size-xs,10px)]",
               "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]"
             ),
@@ -1416,7 +1416,7 @@ function rr({
         /* @__PURE__ */ t(
           "svg",
           {
-            className: m(
+            className: h(
               "w-4 h-4 text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
               "transition-transform",
               s && "rotate-180"
@@ -1439,7 +1439,7 @@ function rr({
     }
   );
 }
-function sr({
+function Yt({
   children: e,
   className: n,
   maxHeight: r = 300
@@ -1448,7 +1448,7 @@ function sr({
   return s ? /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-reasoning-content",
         "border-t border-[var(--ash-border-subtle,rgba(255,255,255,0.04))]",
         "ash-accordion-content",
@@ -1457,7 +1457,7 @@ function sr({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: m(
+          className: h(
             "p-3 overflow-auto",
             "text-[var(--ash-font-size-sm,12px)]",
             "text-[var(--ash-text-secondary,rgba(255,255,255,0.7))]",
@@ -1479,7 +1479,7 @@ function ar({
   return e ? /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-thinking-indicator",
         "flex items-center gap-2",
         "px-3 py-2",
@@ -1498,26 +1498,26 @@ function ar({
     }
   ) : null;
 }
-var Qe = be(null);
+var Qe = ke(null);
 function et() {
-  const e = ke(Qe);
+  const e = Ne(Qe);
   if (!e)
     throw new Error("useTask must be used within a Task");
   return e;
 }
-function Zt({
+function Xt({
   children: e,
   defaultOpen: n = !1,
   className: r
 }) {
-  const [s, a] = v(n), i = {
+  const [s, a] = k(n), i = {
     isOpen: s,
     setIsOpen: a
   };
   return /* @__PURE__ */ t(Qe.Provider, { value: i, children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-task",
         "rounded-[var(--ash-radius-md,0.5rem)]",
         "border border-[var(--ash-border,rgba(255,255,255,0.08))]",
@@ -1529,13 +1529,13 @@ function Zt({
     }
   ) });
 }
-function Yt({ children: e, className: n }) {
+function Qt({ children: e, className: n }) {
   const { isOpen: r, setIsOpen: s } = et();
   return /* @__PURE__ */ o(
     "button",
     {
       onClick: () => s(!r),
-      className: m(
+      className: h(
         "ash-task-trigger",
         "w-full flex items-center gap-2",
         "px-3 py-2",
@@ -1565,7 +1565,7 @@ function Yt({ children: e, className: n }) {
         /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               "flex-1 font-medium",
               "text-[var(--ash-font-size-sm,12px)]",
               "text-[var(--ash-text-primary,rgba(255,255,255,0.9))]"
@@ -1576,7 +1576,7 @@ function Yt({ children: e, className: n }) {
         /* @__PURE__ */ t(
           "svg",
           {
-            className: m(
+            className: h(
               "w-4 h-4 text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
               "transition-transform",
               r && "rotate-180"
@@ -1599,12 +1599,12 @@ function Yt({ children: e, className: n }) {
     }
   );
 }
-function Xt({ children: e, className: n }) {
+function en({ children: e, className: n }) {
   const { isOpen: r } = et();
   return r ? /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-task-content",
         "border-t border-[var(--ash-border-subtle,rgba(255,255,255,0.04))]",
         "ash-accordion-content",
@@ -1614,7 +1614,7 @@ function Xt({ children: e, className: n }) {
     }
   ) : null;
 }
-function Qt({
+function tn({
   children: e,
   status: n,
   activeForm: r,
@@ -1686,7 +1686,7 @@ function Qt({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-task-item",
         "flex items-center gap-2",
         "px-2 py-1.5 rounded-md",
@@ -1699,7 +1699,7 @@ function Qt({
         /* @__PURE__ */ t(
           "span",
           {
-            className: m(
+            className: h(
               "flex-1",
               "text-[var(--ash-font-size-sm,12px)]",
               i[n]
@@ -1718,10 +1718,10 @@ function or({
   title: s
 }) {
   const a = e.filter((d) => d.status === "completed").length, i = e.length, u = s || `Tasks (${a}/${i})`;
-  return /* @__PURE__ */ o(Zt, { defaultOpen: n, className: r, children: [
-    /* @__PURE__ */ t(Yt, { children: u }),
-    /* @__PURE__ */ t(Xt, { children: e.map((d, l) => /* @__PURE__ */ t(
-      Qt,
+  return /* @__PURE__ */ o(Xt, { defaultOpen: n, className: r, children: [
+    /* @__PURE__ */ t(Qt, { children: u }),
+    /* @__PURE__ */ t(en, { children: e.map((d, l) => /* @__PURE__ */ t(
+      tn,
       {
         status: d.status,
         activeForm: d.activeForm,
@@ -1731,9 +1731,9 @@ function or({
     )) })
   ] });
 }
-var tt = be(null);
-function Ee() {
-  const e = ke(tt);
+var tt = ke(null);
+function $e() {
+  const e = Ne(tt);
   if (!e)
     throw new Error("useAttachment must be used within an Attachment");
   return e;
@@ -1746,7 +1746,7 @@ function ir({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-attachments",
         {
           grid: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2",
@@ -1775,7 +1775,7 @@ function lr({
   return /* @__PURE__ */ t(tt.Provider, { value: i, children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-attachment relative group",
         "rounded-[var(--ash-radius-sm,0.375rem)]",
         "border border-[var(--ash-border,rgba(255,255,255,0.08))]",
@@ -1787,23 +1787,23 @@ function lr({
       ),
       "data-file-type": e.type,
       children: n || /* @__PURE__ */ o(we, { children: [
-        /* @__PURE__ */ t(en, {}),
-        /* @__PURE__ */ t(tn, {}),
-        r && /* @__PURE__ */ t(nn, {})
+        /* @__PURE__ */ t(nn, {}),
+        /* @__PURE__ */ t(rn, {}),
+        r && /* @__PURE__ */ t(sn, {})
       ] })
     }
   ) });
 }
-function en({
+function nn({
   className: e,
   height: n = 80
 }) {
-  const { file: r } = Ee(), s = r.type.startsWith("image/"), a = "url" in r ? r.url : "base64" in r ? `data:${r.type};base64,${r.base64}` : void 0;
+  const { file: r } = $e(), s = r.type.startsWith("image/"), a = "url" in r ? r.url : "base64" in r ? `data:${r.type};base64,${r.base64}` : void 0;
   if (s && a)
     return /* @__PURE__ */ t(
       "div",
       {
-        className: m(
+        className: h(
           "ash-attachment-preview",
           "w-full bg-black/20 overflow-hidden",
           e
@@ -1826,7 +1826,7 @@ function en({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-attachment-preview",
         "w-full flex items-center justify-center",
         "bg-[var(--ash-surface-dark,#0a0a0a)]",
@@ -1838,15 +1838,15 @@ function en({
     }
   );
 }
-function tn({
+function rn({
   className: e,
   showSize: n = !0
 }) {
-  const { file: r } = Ee();
+  const { file: r } = $e();
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-attachment-info",
         "px-2 py-1.5",
         "truncate",
@@ -1856,7 +1856,7 @@ function tn({
         /* @__PURE__ */ t(
           "div",
           {
-            className: m(
+            className: h(
               "text-[var(--ash-font-size-xs,10px)]",
               "text-[var(--ash-text-primary,rgba(255,255,255,0.9))]",
               "truncate font-medium"
@@ -1868,7 +1868,7 @@ function tn({
         n && /* @__PURE__ */ t(
           "div",
           {
-            className: m(
+            className: h(
               "text-[var(--ash-font-size-xs,10px)]",
               "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]"
             ),
@@ -1879,15 +1879,15 @@ function tn({
     }
   );
 }
-function nn({ className: e }) {
-  const { onRemove: n, removable: r } = Ee();
+function sn({ className: e }) {
+  const { onRemove: n, removable: r } = $e();
   return !r || !n ? null : /* @__PURE__ */ t(
     "button",
     {
       onClick: (s) => {
         s.stopPropagation(), n();
       },
-      className: m(
+      className: h(
         "ash-attachment-remove",
         "absolute top-1 right-1",
         "w-5 h-5 rounded-full",
@@ -1913,7 +1913,7 @@ function cr({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-file-badge group inline-flex items-center gap-1.5",
         "px-2 py-1 rounded-md",
         "bg-[var(--ash-surface-elevated,#111111)]",
@@ -1931,7 +1931,7 @@ function cr({
             onClick: (i) => {
               i.stopPropagation(), r();
             },
-            className: m(
+            className: h(
               "ml-0.5 text-[var(--ash-text-muted)]",
               "hover:text-red-400 transition-colors",
               "opacity-0 group-hover:opacity-100"
@@ -1952,7 +1952,7 @@ function dr({
   return r ? /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-shimmer",
         "flex flex-col gap-2",
         n
@@ -1960,14 +1960,14 @@ function dr({
       role: "status",
       "aria-label": "Loading",
       children: e || /* @__PURE__ */ o(we, { children: [
-        /* @__PURE__ */ t(ye, { width: "100%" }),
-        /* @__PURE__ */ t(ye, { width: "80%" }),
-        /* @__PURE__ */ t(ye, { width: "60%" })
+        /* @__PURE__ */ t(be, { width: "100%" }),
+        /* @__PURE__ */ t(be, { width: "80%" }),
+        /* @__PURE__ */ t(be, { width: "60%" })
       ] })
     }
   ) : null;
 }
-function ye({
+function be({
   width: e = "100%",
   height: n = 16,
   className: r
@@ -1975,7 +1975,7 @@ function ye({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-shimmer-line",
         "rounded-md",
         "bg-gradient-to-r from-white/5 via-white/10 to-white/5",
@@ -1990,7 +1990,7 @@ function ye({
     }
   );
 }
-function rn({
+function an({
   width: e = "100%",
   height: n = 100,
   rounded: r = "md",
@@ -1999,7 +1999,7 @@ function rn({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: h(
         "ash-shimmer-block",
         {
           none: "rounded-none",
@@ -2027,7 +2027,7 @@ function ur({
   return /* @__PURE__ */ t(
     "span",
     {
-      className: m(
+      className: h(
         "ash-shimmer-text inline-block",
         "rounded",
         "bg-gradient-to-r from-white/5 via-white/10 to-white/5",
@@ -2043,7 +2043,7 @@ function ur({
     }
   );
 }
-function sn({
+function on({
   size: e = "md",
   className: n
 }) {
@@ -2055,7 +2055,7 @@ function sn({
   return /* @__PURE__ */ t(
     "span",
     {
-      className: m(
+      className: h(
         "ash-loading-dots inline-flex items-center",
         {
           sm: "gap-0.5",
@@ -2069,7 +2069,7 @@ function sn({
       children: [0, 1, 2].map((a) => /* @__PURE__ */ t(
         "span",
         {
-          className: m(
+          className: h(
             r[e],
             "rounded-full",
             "bg-current",
@@ -2089,7 +2089,7 @@ function hr({
   return /* @__PURE__ */ o(
     "svg",
     {
-      className: m(
+      className: h(
         "ash-loading-spinner animate-spin",
         {
           sm: "w-4 h-4",
@@ -2133,14 +2133,14 @@ function mr({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "ash-message-shimmer flex gap-2",
         e === "user" && "flex-row-reverse",
         n
       ),
       children: [
         /* @__PURE__ */ t(
-          rn,
+          an,
           {
             width: 20,
             height: 20,
@@ -2148,27 +2148,27 @@ function mr({
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex-1 space-y-2 max-w-[80%]", children: [
-          /* @__PURE__ */ t(ye, { width: "100%", height: 14 }),
-          /* @__PURE__ */ t(ye, { width: "85%", height: 14 }),
-          /* @__PURE__ */ t(ye, { width: "70%", height: 14 })
+          /* @__PURE__ */ t(be, { width: "100%", height: 14 }),
+          /* @__PURE__ */ t(be, { width: "85%", height: 14 }),
+          /* @__PURE__ */ t(be, { width: "70%", height: 14 })
         ] })
       ]
     }
   );
 }
-function an(e) {
+function ln(e) {
   switch (e) {
     case "info":
       return /* @__PURE__ */ t(Ot, { className: "w-3.5 h-3.5" });
     case "warn":
       return /* @__PURE__ */ t(Vt, { className: "w-3.5 h-3.5" });
     case "error":
-      return /* @__PURE__ */ t(Ht, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(qt, { className: "w-3.5 h-3.5" });
     case "debug":
-      return /* @__PURE__ */ t(Ft, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(Pt, { className: "w-3.5 h-3.5" });
   }
 }
-function on(e) {
+function cn(e) {
   switch (e) {
     case "info":
       return "text-blue-400";
@@ -2180,7 +2180,7 @@ function on(e) {
       return "text-white/50";
   }
 }
-function ln(e) {
+function dn(e) {
   switch (e) {
     case "info":
       return "bg-blue-900/20";
@@ -2192,7 +2192,7 @@ function ln(e) {
       return "bg-white/5";
   }
 }
-function cn(e) {
+function un(e) {
   switch (e) {
     case "setup":
       return "Setup";
@@ -2206,26 +2206,26 @@ function cn(e) {
       return "Startup";
   }
 }
-function dn({ log: e }) {
-  const [n, r] = v(!1), s = e.data && Object.keys(e.data).length > 0;
+function hn({ log: e }) {
+  const [n, r] = k(!1), s = e.data && Object.keys(e.data).length > 0;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "px-3 py-2 border-b border-white/10 last:border-b-0",
-        ln(e.level)
+        dn(e.level)
       ),
       children: [
         /* @__PURE__ */ o(
           "div",
           {
-            className: m("flex items-start gap-2", s && "cursor-pointer"),
+            className: h("flex items-start gap-2", s && "cursor-pointer"),
             onClick: () => s && r(!n),
             children: [
-              /* @__PURE__ */ t("div", { className: "w-4 flex-shrink-0 pt-0.5", children: s && (n ? /* @__PURE__ */ t(qe, { className: "w-3 h-3 text-white/40" }) : /* @__PURE__ */ t(Pe, { className: "w-3 h-3 text-white/40" })) }),
-              /* @__PURE__ */ t("div", { className: m("flex-shrink-0 pt-0.5", on(e.level)), children: an(e.level) }),
+              /* @__PURE__ */ t("div", { className: "w-4 flex-shrink-0 pt-0.5", children: s && (n ? /* @__PURE__ */ t(He, { className: "w-3 h-3 text-white/40" }) : /* @__PURE__ */ t(Fe, { className: "w-3 h-3 text-white/40" })) }),
+              /* @__PURE__ */ t("div", { className: h("flex-shrink-0 pt-0.5", cn(e.level)), children: ln(e.level) }),
               /* @__PURE__ */ t("span", { className: "text-xs text-white/40 font-mono flex-shrink-0 pt-0.5", children: Nt(e.timestamp) }),
-              /* @__PURE__ */ t("span", { className: "text-xs px-1.5 py-0.5 rounded bg-white/10 text-white/70 font-medium flex-shrink-0", children: cn(e.category) }),
+              /* @__PURE__ */ t("span", { className: "text-xs px-1.5 py-0.5 rounded bg-white/10 text-white/70 font-medium flex-shrink-0", children: un(e.category) }),
               /* @__PURE__ */ t("span", { className: "text-sm text-white/80 flex-1 break-words", children: e.message })
             ]
           }
@@ -2235,7 +2235,7 @@ function dn({ log: e }) {
     }
   );
 }
-function un({
+function mn({
   logs: e,
   title: n = "Logs",
   isLoading: r,
@@ -2243,11 +2243,11 @@ function un({
   maxHeight: a = 256,
   className: i
 }) {
-  const [u, d] = v(s), l = e.filter((h) => h.level === "error").length, f = e.filter((h) => h.level === "warn").length;
+  const [u, d] = k(s), l = e.filter((f) => f.level === "error").length, N = e.filter((f) => f.level === "warn").length;
   return e.length === 0 && !r ? null : /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: h(
         "border-t border-white/10 bg-[var(--ash-surface-dark,#0a0a0a)]",
         i
       ),
@@ -2271,14 +2271,14 @@ function un({
                   " error",
                   l > 1 ? "s" : ""
                 ] }),
-                f > 0 && /* @__PURE__ */ o("span", { className: "text-xs px-1.5 py-0.5 rounded bg-yellow-900/50 text-yellow-400 font-medium", children: [
-                  f,
+                N > 0 && /* @__PURE__ */ o("span", { className: "text-xs px-1.5 py-0.5 rounded bg-yellow-900/50 text-yellow-400 font-medium", children: [
+                  N,
                   " warning",
-                  f > 1 ? "s" : ""
+                  N > 1 ? "s" : ""
                 ] }),
                 r && /* @__PURE__ */ t("span", { className: "text-xs text-white/40 animate-pulse", children: "Loading..." })
               ] }),
-              u ? /* @__PURE__ */ t(Pe, { className: "w-4 h-4 text-white/40" }) : /* @__PURE__ */ t(qe, { className: "w-4 h-4 text-white/40" })
+              u ? /* @__PURE__ */ t(Fe, { className: "w-4 h-4 text-white/40" }) : /* @__PURE__ */ t(He, { className: "w-4 h-4 text-white/40" })
             ]
           }
         ),
@@ -2287,7 +2287,7 @@ function un({
           {
             className: "overflow-y-auto border-t border-white/10",
             style: { maxHeight: a },
-            children: e.length === 0 ? /* @__PURE__ */ t("div", { className: "px-4 py-6 text-center text-sm text-white/50", children: "No logs yet" }) : e.map((h, b) => /* @__PURE__ */ t(dn, { log: h }, `${h.timestamp}-${b}`))
+            children: e.length === 0 ? /* @__PURE__ */ t("div", { className: "px-4 py-6 text-center text-sm text-white/50", children: "No logs yet" }) : e.map((f, w) => /* @__PURE__ */ t(hn, { log: f }, `${f.timestamp}-${w}`))
           }
         )
       ]
@@ -2302,22 +2302,22 @@ function fr({
   label: a = "Environment Variables",
   helperText: i = "These environment variables will be available in the sandbox for new sessions."
 }) {
-  const [u, d] = v(!r), [l, f] = v(""), [h, b] = v(""), R = Object.keys(e).length > 0, E = A(() => {
-    const S = l.trim(), L = h.trim();
-    S && (n({ ...e, [S]: L }), f(""), b(""));
-  }, [e, l, h, n]), N = A(
-    (S) => {
-      const L = { ...e };
-      delete L[S], n(L);
+  const [u, d] = k(!r), [l, N] = k(""), [f, w] = k(""), I = Object.keys(e).length > 0, A = $(() => {
+    const y = l.trim(), D = f.trim();
+    y && (n({ ...e, [y]: D }), N(""), w(""));
+  }, [e, l, f, n]), K = $(
+    (y) => {
+      const D = { ...e };
+      delete D[y], n(D);
     },
     [e, n]
-  ), ee = A(
-    (S) => {
-      S.key === "Enter" && (S.preventDefault(), E());
+  ), J = $(
+    (y) => {
+      y.key === "Enter" && (y.preventDefault(), A());
     },
-    [E]
+    [A]
   );
-  return /* @__PURE__ */ o("div", { className: m("ash-env-vars-panel", s), children: [
+  return /* @__PURE__ */ o("div", { className: h("ash-env-vars-panel", s), children: [
     /* @__PURE__ */ o(
       "button",
       {
@@ -2329,7 +2329,7 @@ function fr({
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
-              className: m("ash-env-vars-chevron", u && "ash-env-vars-chevron-expanded"),
+              className: h("ash-env-vars-chevron", u && "ash-env-vars-chevron-expanded"),
               viewBox: "0 0 20 20",
               fill: "currentColor",
               children: /* @__PURE__ */ t(
@@ -2343,20 +2343,20 @@ function fr({
             }
           ),
           /* @__PURE__ */ t("span", { className: "ash-env-vars-label", children: a }),
-          R && !u && /* @__PURE__ */ t("span", { className: "ash-env-vars-badge", children: Object.keys(e).length })
+          I && !u && /* @__PURE__ */ t("span", { className: "ash-env-vars-badge", children: Object.keys(e).length })
         ]
       }
     ),
     u && /* @__PURE__ */ o("div", { className: "ash-env-vars-content", children: [
-      Object.entries(e).map(([S, L]) => /* @__PURE__ */ o("div", { className: "ash-env-vars-item", children: [
-        /* @__PURE__ */ t("span", { className: "ash-env-vars-key", children: S }),
+      Object.entries(e).map(([y, D]) => /* @__PURE__ */ o("div", { className: "ash-env-vars-item", children: [
+        /* @__PURE__ */ t("span", { className: "ash-env-vars-key", children: y }),
         /* @__PURE__ */ t("span", { className: "ash-env-vars-equals", children: "=" }),
-        /* @__PURE__ */ t("span", { className: "ash-env-vars-value", children: L || "(empty)" }),
+        /* @__PURE__ */ t("span", { className: "ash-env-vars-value", children: D || "(empty)" }),
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            onClick: () => N(S),
+            onClick: () => K(y),
             className: "ash-env-vars-remove",
             title: "Remove variable",
             children: /* @__PURE__ */ t(
@@ -2378,15 +2378,15 @@ function fr({
             )
           }
         )
-      ] }, S)),
+      ] }, y)),
       /* @__PURE__ */ o("div", { className: "ash-env-vars-add", children: [
         /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             value: l,
-            onChange: (S) => f(S.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
-            onKeyDown: ee,
+            onChange: (y) => N(y.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
+            onKeyDown: J,
             placeholder: "KEY",
             className: "ash-env-vars-input ash-env-vars-input-key"
           }
@@ -2396,9 +2396,9 @@ function fr({
           "input",
           {
             type: "text",
-            value: h,
-            onChange: (S) => b(S.target.value),
-            onKeyDown: ee,
+            value: f,
+            onChange: (y) => w(y.target.value),
+            onKeyDown: J,
             placeholder: "value",
             className: "ash-env-vars-input ash-env-vars-input-value"
           }
@@ -2407,7 +2407,7 @@ function fr({
           "button",
           {
             type: "button",
-            onClick: E,
+            onClick: A,
             disabled: !l.trim(),
             className: "ash-env-vars-add-button",
             children: "Add"
@@ -2419,13 +2419,13 @@ function fr({
   ] });
 }
 function pr({ options: e, onSelect: n, className: r }) {
-  return /* @__PURE__ */ t("div", { className: m("grid gap-2 mt-3", r), style: {
+  return /* @__PURE__ */ t("div", { className: h("grid gap-2 mt-3", r), style: {
     gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))"
   }, children: e.map((s) => /* @__PURE__ */ o(
     "button",
     {
       onClick: () => n(s),
-      className: m(
+      className: h(
         "flex items-start gap-3 p-3 rounded-xl text-left",
         "bg-white/5 border border-white/10",
         "hover:bg-[var(--ash-accent)]/10 hover:border-[var(--ash-accent)]/30",
@@ -2434,7 +2434,7 @@ function pr({ options: e, onSelect: n, className: r }) {
         "group"
       ),
       children: [
-        /* @__PURE__ */ t("span", { className: m(
+        /* @__PURE__ */ t("span", { className: h(
           "flex-shrink-0 w-6 h-6 rounded-lg",
           "bg-[var(--ash-accent)]/20 text-[var(--ash-accent)]",
           "flex items-center justify-center",
@@ -2449,7 +2449,7 @@ function pr({ options: e, onSelect: n, className: r }) {
         /* @__PURE__ */ t(
           "svg",
           {
-            className: m(
+            className: h(
               "w-4 h-4 text-white/30 flex-shrink-0 mt-0.5",
               "group-hover:text-[var(--ash-accent)] group-hover:translate-x-0.5",
               "transition-all duration-200"
@@ -2487,15 +2487,15 @@ function gr({ actionType: e, className: n = "w-4 h-4" }) {
     case "mcp_tool":
       return /* @__PURE__ */ t(jt, { className: n });
     case "todo_write":
-      return /* @__PURE__ */ t(Pt, { className: n });
+      return /* @__PURE__ */ t(Ft, { className: n });
     case "agent_tool":
-      return /* @__PURE__ */ t(qt, { className: n });
+      return /* @__PURE__ */ t(Ht, { className: n });
     case "generic_tool":
     default:
       return /* @__PURE__ */ t(zt, { className: n });
   }
 }
-var hn = {
+var fn = {
   slideUp: `
     @keyframes ash-slide-up {
       from { opacity: 0; transform: translateY(20px); }
@@ -2533,7 +2533,7 @@ var hn = {
     }
   `
 };
-Object.values(hn).join(`
+Object.values(fn).join(`
 `);
 function xr(e) {
   return e.action === "command_run";
@@ -2565,16 +2565,16 @@ function Tr(e) {
 function _r(e) {
   return e.action === "generic_tool";
 }
-function Mr(e) {
+function Ir(e) {
   return e.type === "tool_call";
 }
-function Sr(e) {
+function Mr(e) {
   return e.type === "error";
 }
 function je(e) {
   const { id: n, role: r, content: s, createdAt: a, toolInvocations: i, reasoning: u } = e, d = a == null ? void 0 : a.toISOString();
   if (i && i.length > 0) {
-    const l = i[0], f = {
+    const l = i[0], N = {
       id: l.toolCallId,
       toolName: l.toolName,
       actionType: {
@@ -2591,8 +2591,8 @@ function je(e) {
     return {
       id: n,
       timestamp: d,
-      entryType: { type: "tool_call", toolCall: f },
-      content: f.summary
+      entryType: { type: "tool_call", toolCall: N },
+      content: N.summary
     };
   }
   if (u)
@@ -2658,7 +2658,7 @@ function je(e) {
     content: s
   };
 }
-function mn(e) {
+function pn(e) {
   var r, s;
   const n = [];
   for (const a of e)
@@ -2729,7 +2729,7 @@ async function st(e, n) {
         console.error("[middleware] onComplete error:", s);
       }
 }
-async function Ce(e, n) {
+async function Te(e, n) {
   for (const r of e)
     if (r.onError)
       try {
@@ -2738,7 +2738,7 @@ async function Ce(e, n) {
         console.error("[middleware] onError error:", s);
       }
 }
-function Ir(e) {
+function Sr(e) {
   const {
     createStream: n,
     subscribeToSession: r,
@@ -2748,233 +2748,249 @@ function Ir(e) {
     onSessionEnd: u,
     onError: d,
     onSandboxLog: l,
-    onReconnect: f,
-    maxReconnectAttempts: h = 3,
-    reconnectBaseDelay: b = 1e3,
-    onBeforeSend: R,
-    onEvent: E,
-    middleware: N
-  } = e, [ee, S] = v(a), [L, J] = v([]), [q, de] = v(!1), [ie, U] = v(!1), [re, se] = v(null), [Y, xe] = v(s || null), j = D(null), B = D(""), O = D(null), me = D(/* @__PURE__ */ new Map()), le = D(!1), X = D(0), ue = D(0), x = D(Y), V = D([]), M = D(0);
-  oe(() => {
-    x.current = Y;
-  }, [Y]), oe(() => {
-    V.current = L;
-  }, [L]);
-  const H = [...ee, ...L], G = A((g) => {
-    J([...g]);
-  }, []), P = A((g, Z) => ({
-    id: g,
+    canUseTool: N,
+    resolveToolPermission: f,
+    onReconnect: w,
+    maxReconnectAttempts: I = 3,
+    reconnectBaseDelay: A = 1e3,
+    onBeforeSend: K,
+    onEvent: J,
+    middleware: y
+  } = e, [D, U] = k(a), [j, X] = k([]), [ne, he] = k(!1), [xe, H] = k(!1), [ae, Q] = k(null), [L, de] = k(s || null), Z = z(null), F = z(""), B = z(null), G = z(/* @__PURE__ */ new Map()), ge = z(!1), re = z(0), me = z(0), fe = z(L), v = z([]), W = z(0);
+  te(() => {
+    fe.current = L;
+  }, [L]), te(() => {
+    v.current = j;
+  }, [j]);
+  const M = [...D, ...j], S = $((m) => {
+    X([...m]);
+  }, []), g = $(async (m) => {
+    if (m.type !== "tool_permission" || !N || !m.requestId || !m.sessionId || !m.toolName) return;
+    const O = {
+      requestId: m.requestId,
+      sessionId: m.sessionId,
+      toolName: m.toolName,
+      input: m.input
+    }, R = await N(O);
+    if (!f) {
+      console.warn("[useAgentChat] resolveToolPermission not provided for tool permission response");
+      return;
+    }
+    await f(O, R);
+  }, [N, f]), x = $((m, O) => ({
+    id: m,
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
     entryType: { type: "assistant_message" },
-    content: Z
-  }), []), W = A(() => {
-    B.current = "", O.current = null, me.current.clear(), le.current = !1, J([]);
-  }, []), p = A((g, Z) => {
-    if (g.id) {
-      const k = parseInt(g.id, 10);
-      isNaN(k) || (M.current = k);
+    content: O
+  }), []), _ = $(() => {
+    F.current = "", B.current = null, G.current.clear(), ge.current = !1, X([]);
+  }, []), q = $((m, O) => {
+    if (m.id) {
+      const E = parseInt(m.id, 10);
+      isNaN(E) || (W.current = E);
     }
-    const C = [...Z];
-    switch (g.type) {
+    const R = [...O];
+    switch (m.type) {
       case "session_start":
-        g.sessionId && (xe(g.sessionId), i == null || i(g.sessionId));
+        m.sessionId && (de(m.sessionId), i == null || i(m.sessionId));
         break;
       case "text_delta":
-        if (g.delta)
-          if (le.current && O.current && (B.current = "", O.current = null, le.current = !1), B.current += g.delta, !O.current)
-            O.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, C.push(P(O.current, B.current));
+        if (m.delta)
+          if (ge.current && B.current && (F.current = "", B.current = null, ge.current = !1), F.current += m.delta, !B.current)
+            B.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, R.push(x(B.current, F.current));
           else {
-            const k = C.findIndex(($) => $.id === O.current);
-            k !== -1 && (C[k] = P(O.current, B.current));
+            const E = R.findIndex((P) => P.id === B.current);
+            E !== -1 && (R[E] = x(B.current, F.current));
           }
         break;
       case "tool_use":
-        if (g.toolId && g.toolName) {
-          B.current = "", O.current = null, le.current = !0;
-          const k = bt({
-            id: g.toolId,
-            name: g.toolName,
-            input: g.input
-          }), $ = {
-            id: g.toolId,
+        if (m.toolId && m.toolName) {
+          F.current = "", B.current = null, ge.current = !0;
+          const E = bt({
+            id: m.toolId,
+            name: m.toolName,
+            input: m.input
+          }), P = {
+            id: m.toolId,
             timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-            entryType: { type: "tool_call", toolCall: k },
-            content: k.summary
-          }, te = C.length;
-          C.push($), me.current.set(g.toolId, { entryIndex: te, toolCall: k });
+            entryType: { type: "tool_call", toolCall: E },
+            content: E.summary
+          }, Y = R.length;
+          R.push(P), G.current.set(m.toolId, { entryIndex: Y, toolCall: E });
         }
         break;
       case "tool_result":
-        if (g.toolId) {
-          const k = me.current.get(g.toolId);
-          if (k) {
-            const $ = kt(
-              k.toolCall,
-              g.toolResult,
-              g.isError
-            ), te = C[k.entryIndex];
-            te && te.entryType.type === "tool_call" && (C[k.entryIndex] = {
-              ...te,
-              entryType: { type: "tool_call", toolCall: $ }
-            }), me.current.delete(g.toolId);
+        if (m.toolId) {
+          const E = G.current.get(m.toolId);
+          if (E) {
+            const P = kt(
+              E.toolCall,
+              m.toolResult,
+              m.isError
+            ), Y = R[E.entryIndex];
+            Y && Y.entryType.type === "tool_call" && (R[E.entryIndex] = {
+              ...Y,
+              entryType: { type: "tool_call", toolCall: P }
+            }), G.current.delete(m.toolId);
           }
         }
         break;
       case "text":
-        g.text && !B.current && (O.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, B.current = g.text, C.push(P(O.current, B.current)));
+        m.text && !F.current && (B.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, F.current = m.text, R.push(x(B.current, F.current)));
         break;
       case "message":
-        if (g.content && !B.current) {
-          const k = g.content, $ = k == null ? void 0 : k.find((te) => te.type === "text");
-          $ != null && $.text && (O.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, B.current = $.text, C.push(P(O.current, B.current)));
+        if (m.content && !F.current) {
+          const E = m.content, P = E == null ? void 0 : E.find((Y) => Y.type === "text");
+          P != null && P.text && (B.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, F.current = P.text, R.push(x(B.current, F.current)));
         }
         break;
       case "sandbox_log":
-        g.entry && (l == null || l(g.entry));
+        m.entry && (l == null || l(m.entry));
         break;
       case "error":
-        g.error && (se(g.error), d == null || d(g.error), C.push({
+        m.error && (Q(m.error), d == null || d(m.error), R.push({
           id: `error-${Date.now()}-${Math.random().toString(36).slice(2)}`,
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          entryType: { type: "error", message: g.error, code: g.code },
-          content: g.error
+          entryType: { type: "error", message: m.error, code: m.code },
+          content: m.error
         }));
         break;
       case "session_end":
-        u == null || u(g.sessionId || Y || "", g.status || "completed");
+        u == null || u(m.sessionId || L || "", m.status || "completed");
         break;
       case "complete":
-        return C.length > 0 && S((k) => [...k, ...C]), W(), [];
+        return R.length > 0 && U((E) => [...E, ...R]), _(), [];
     }
-    return C;
-  }, [Y, i, u, d, l, P, W]), w = A(async (g, Z) => {
-    var te, ge;
+    return R;
+  }, [L, i, u, d, l, x, _]), ue = $(async (m, O) => {
+    var Y, pe;
     if (!r)
       return !1;
-    const C = X.current + 1;
-    if (C > h)
-      return console.warn(`[useAgentChat] Max reconnection attempts (${h}) exceeded`), !1;
-    X.current = C, U(!0), f == null || f(C, g);
-    const k = b * Math.pow(2, C - 1);
-    console.log(`[useAgentChat] Reconnection attempt ${C}/${h} in ${k}ms`), await new Promise((ne) => setTimeout(ne, k));
-    const $ = new AbortController();
-    j.current = $;
+    const R = re.current + 1;
+    if (R > I)
+      return console.warn(`[useAgentChat] Max reconnection attempts (${I}) exceeded`), !1;
+    re.current = R, H(!0), w == null || w(R, m);
+    const E = A * Math.pow(2, R - 1);
+    console.log(`[useAgentChat] Reconnection attempt ${R}/${I} in ${E}ms`), await new Promise((V) => setTimeout(V, E));
+    const P = new AbortController();
+    Z.current = P;
     try {
-      const ne = r(g, $.signal);
-      let ce = [...Z];
-      for await (const ae of ne) {
-        if ($.signal.aborted) break;
-        if (ue.current++, ce = p(ae, ce), G(ce), ae.type === "complete" || ae.type === "session_end" || ae.type === "error")
-          return X.current = 0, U(!1), ae.type === "complete" && ce.length > 0 && (S((y) => [...y, ...ce]), J([])), !0;
+      const V = r(m, P.signal);
+      let ee = [...O];
+      for await (const c of V) {
+        if (P.signal.aborted) break;
+        if (me.current++, await g(c), ee = q(c, ee), S(ee), c.type === "complete" || c.type === "session_end" || c.type === "error")
+          return re.current = 0, H(!1), c.type === "complete" && ee.length > 0 && (U((p) => [...p, ...ee]), X([])), !0;
       }
-      return X.current = 0, U(!1), ce.length > 0 && (S((ae) => [...ae, ...ce]), J([])), !0;
-    } catch (ne) {
-      if ((ne.name === "AbortError" || ((te = ne.message) == null ? void 0 : te.includes("aborted")) || ((ge = ne.message) == null ? void 0 : ge.includes("BodyStreamBuffer"))) && !$.signal.aborted)
-        return console.log("[useAgentChat] Reconnection stream interrupted, will retry..."), U(!1), w(g, V.current);
-      if (U(!1), !$.signal.aborted) {
-        const ae = ne instanceof Error ? ne.message : "Reconnection failed";
-        console.error("[useAgentChat] Reconnection failed:", ae);
+      return re.current = 0, H(!1), ee.length > 0 && (U((c) => [...c, ...ee]), X([])), !0;
+    } catch (V) {
+      if ((V.name === "AbortError" || ((Y = V.message) == null ? void 0 : Y.includes("aborted")) || ((pe = V.message) == null ? void 0 : pe.includes("BodyStreamBuffer"))) && !P.signal.aborted)
+        return console.log("[useAgentChat] Reconnection stream interrupted, will retry..."), H(!1), ue(m, v.current);
+      if (H(!1), !P.signal.aborted) {
+        const c = V instanceof Error ? V.message : "Reconnection failed";
+        console.error("[useAgentChat] Reconnection failed:", c);
       }
       return !1;
     }
-  }, [r, h, b, f, p, G]), z = A(async (g) => {
-    var ce, ae;
-    if (q) return;
-    let Z = g, C = {}, k;
-    if (R)
+  }, [r, I, A, w, q, S, g]), oe = $(async (m) => {
+    var ee, c;
+    if (ne) return;
+    let O = m, R = {}, E;
+    if (K)
       try {
-        const y = await R({
-          prompt: g,
-          sessionId: Y,
-          entries: [...ee, ...L]
+        const p = await K({
+          prompt: m,
+          sessionId: L,
+          entries: [...D, ...j]
         });
-        if (y != null && y.cancel)
+        if (p != null && p.cancel)
           return;
-        (y == null ? void 0 : y.prompt) !== void 0 && (Z = y.prompt), y != null && y.metadata && (C = y.metadata), y != null && y.sessionContext && (k = y.sessionContext);
-      } catch (y) {
-        const F = y instanceof Error ? y.message : "Send cancelled";
-        se(F), d == null || d(F);
+        (p == null ? void 0 : p.prompt) !== void 0 && (O = p.prompt), p != null && p.metadata && (R = p.metadata), p != null && p.sessionContext && (E = p.sessionContext);
+      } catch (p) {
+        const T = p instanceof Error ? p.message : "Send cancelled";
+        Q(T), d == null || d(T);
         return;
       }
-    if (N != null && N.length) {
-      const y = {
-        prompt: Z,
-        sessionId: Y,
-        metadata: C,
-        sessionContext: k
-      }, { request: F, error: c } = await nt(N, y);
-      if (c) {
-        se(c), d == null || d(c), await Ce(N, c);
+    if (y != null && y.length) {
+      const p = {
+        prompt: O,
+        sessionId: L,
+        metadata: R,
+        sessionContext: E
+      }, { request: T, error: b } = await nt(y, p);
+      if (b) {
+        Q(b), d == null || d(b), await Te(y, b);
         return;
       }
-      Z = F.prompt, C = F.metadata || {}, k = F.sessionContext;
+      O = T.prompt, R = T.metadata || {}, E = T.sessionContext;
     }
-    de(!0), se(null), X.current = 0, ue.current = 0;
-    const $ = {
+    he(!0), Q(null), re.current = 0, me.current = 0;
+    const P = {
       id: `user-${Date.now()}-${Math.random().toString(36).slice(2)}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       entryType: { type: "user_message" },
-      content: g
+      content: m
     };
-    S((y) => [...y, $]), W();
-    const te = new AbortController();
-    j.current = te;
-    let ge = [], ne = null;
+    U((p) => [...p, P]), _();
+    const Y = new AbortController();
+    Z.current = Y;
+    let pe = [], V = null;
     try {
-      const y = n(Z, Y || void 0, {
-        signal: te.signal,
-        metadata: Object.keys(C).length > 0 ? C : void 0,
-        sessionContext: k
+      const p = n(O, L || void 0, {
+        signal: Y.signal,
+        metadata: Object.keys(R).length > 0 ? R : void 0,
+        sessionContext: E
       });
-      for await (const F of y) {
-        if (te.signal.aborted) break;
-        if (ue.current++, F.type === "session_start" && F.sessionId && (ne = F.sessionId), E)
+      for await (const T of p) {
+        if (Y.signal.aborted) break;
+        if (me.current++, T.type === "session_start" && T.sessionId && (V = T.sessionId), J)
           try {
-            await E(F);
-          } catch (T) {
-            console.error("[useAgentChat] onEvent error:", T);
+            await J(T);
+          } catch (C) {
+            console.error("[useAgentChat] onEvent error:", C);
           }
-        let c = F;
-        N != null && N.length && (c = await rt(N, F)), c && (ge = p(c, ge), G(ge));
+        await g(T);
+        let b = T;
+        y != null && y.length && (b = await rt(y, T)), b && (pe = q(b, pe), S(pe));
       }
-      ge.length > 0 && (S((F) => [...F, ...ge]), J([])), X.current = 0, N != null && N.length && (ne || x.current) && await st(N, ne || x.current || "");
-    } catch (y) {
-      const F = y.name === "AbortError" || ((ce = y.message) == null ? void 0 : ce.includes("aborted")) || ((ae = y.message) == null ? void 0 : ae.includes("BodyStreamBuffer"));
-      if (F && !te.signal.aborted) {
-        const c = x.current, T = ue.current > 0;
-        if (console.log(`[useAgentChat] Stream interrupted. sessionId=${c}, events=${ue.current}`), c && T && r) {
-          if (console.log("[useAgentChat] Attempting auto-reconnection..."), await w(c, V.current))
+      pe.length > 0 && (U((T) => [...T, ...pe]), X([])), re.current = 0, y != null && y.length && (V || fe.current) && await st(y, V || fe.current || "");
+    } catch (p) {
+      const T = p.name === "AbortError" || ((ee = p.message) == null ? void 0 : ee.includes("aborted")) || ((c = p.message) == null ? void 0 : c.includes("BodyStreamBuffer"));
+      if (T && !Y.signal.aborted) {
+        const b = fe.current, C = me.current > 0;
+        if (console.log(`[useAgentChat] Stream interrupted. sessionId=${b}, events=${me.current}`), b && C && r) {
+          if (console.log("[useAgentChat] Attempting auto-reconnection..."), await ue(b, v.current))
             return;
-          const I = "Connection lost. Please try again.";
-          se(I), d == null || d(I), N != null && N.length && await Ce(N, I);
+          const ye = "Connection lost. Please try again.";
+          Q(ye), d == null || d(ye), y != null && y.length && await Te(y, ye);
         }
-      } else if (!F) {
-        const c = y instanceof Error ? y.message : "Unknown error";
-        se(c), d == null || d(c), N != null && N.length && await Ce(N, c);
+      } else if (!T) {
+        const b = p instanceof Error ? p.message : "Unknown error";
+        Q(b), d == null || d(b), y != null && y.length && await Te(y, b);
       }
     } finally {
-      de(!1), U(!1), j.current = null, W();
+      he(!1), H(!1), Z.current = null, _();
     }
-  }, [q, Y, ee, L, n, r, p, G, W, d, w, R, E, N]), K = A(() => {
-    X.current = h + 1, U(!1), j.current && j.current.abort();
-  }, [h]), fe = A(() => {
-    S([]), W(), xe(s || null), se(null), U(!1), X.current = 0, ue.current = 0;
-  }, [s, W]), pe = A((g) => {
-    W(), S(g);
-  }, [W]);
-  return oe(() => () => {
-    j.current && j.current.abort();
+  }, [ne, L, D, j, n, r, q, S, _, d, ue, K, J, y, g]), ie = $(() => {
+    re.current = I + 1, H(!1), Z.current && Z.current.abort();
+  }, [I]), le = $(() => {
+    U([]), _(), de(s || null), Q(null), H(!1), re.current = 0, me.current = 0;
+  }, [s, _]), se = $((m) => {
+    _(), U(m);
+  }, [_]);
+  return te(() => () => {
+    Z.current && Z.current.abort();
   }, []), {
-    entries: H,
-    isStreaming: q,
-    isReconnecting: ie,
-    error: re,
-    sessionId: Y,
-    send: z,
-    stop: K,
-    clear: fe,
-    setEntries: pe,
-    lastSequence: M.current
+    entries: M,
+    isStreaming: ne,
+    isReconnecting: xe,
+    error: ae,
+    sessionId: L,
+    send: oe,
+    stop: ie,
+    clear: le,
+    setEntries: se,
+    lastSequence: W.current
   };
 }
 function Se() {
@@ -2987,184 +3003,200 @@ function Lr(e) {
     initialSessionId: r,
     initialMessages: s = [],
     onToolCall: a,
-    onFinish: i,
-    onError: u,
-    onSessionStart: d,
-    maxReconnectAttempts: l = 3,
+    canUseTool: i,
+    resolveToolPermission: u,
+    onFinish: d,
+    onError: l,
+    onSessionStart: N,
+    maxReconnectAttempts: f = 3,
     // reconnectBaseDelay = 1000, // TODO: implement reconnection support
-    middleware: f
-  } = e, [h, b] = v(s), [R, E] = v(!1), [N, ee] = v(!1), [S, L] = v(void 0), [J, q] = v(r || null), [de, ie] = v(""), U = D(null), re = D(null), se = D(0), Y = D(J);
-  oe(() => {
-    Y.current = J;
-  }, [J]);
-  const xe = mn(h), j = A((x) => {
-    if (!re.current) return;
-    re.current = x(re.current);
-    const V = re.current;
-    b((M) => {
-      const H = M.length - 1, G = M[H];
-      return H >= 0 && G && V && G.id === V.id ? [...M.slice(0, H), V] : M;
+    middleware: w
+  } = e, [I, A] = k(s), [K, J] = k(!1), [y, D] = k(!1), [U, j] = k(void 0), [X, ne] = k(r || null), [he, xe] = k(""), H = z(null), ae = z(null), Q = z(0), L = z(X);
+  te(() => {
+    L.current = X;
+  }, [X]);
+  const de = pn(I), Z = $((v) => {
+    if (!ae.current) return;
+    ae.current = v(ae.current);
+    const W = ae.current;
+    A((M) => {
+      const S = M.length - 1, g = M[S];
+      return S >= 0 && g && W && g.id === W.id ? [...M.slice(0, S), W] : M;
     });
-  }, []), B = A((x) => {
-    var V;
-    switch (x.type) {
+  }, []), F = $(async (v) => {
+    if (v.type !== "tool_permission" || !i || !v.requestId || !v.sessionId || !v.toolName) return;
+    const W = {
+      requestId: v.requestId,
+      sessionId: v.sessionId,
+      toolName: v.toolName,
+      input: v.input
+    }, M = await i(W);
+    if (!u) {
+      console.warn("[useChat] resolveToolPermission not provided for tool permission response");
+      return;
+    }
+    await u(W, M);
+  }, [i, u]), B = $((v) => {
+    var W;
+    switch (v.type) {
       case "session_start":
-        x.sessionId && (q(x.sessionId), d == null || d(x.sessionId));
+        v.sessionId && (ne(v.sessionId), N == null || N(v.sessionId));
         break;
       case "text_delta":
-        x.delta && j((M) => ({
+        v.delta && Z((M) => ({
           ...M,
-          content: M.content + x.delta
+          content: M.content + v.delta
         }));
         break;
       case "tool_use":
-        if (x.toolId && x.toolName) {
+        if (v.toolId && v.toolName) {
           const M = {
             state: "call",
-            toolCallId: x.toolId,
-            toolName: x.toolName,
-            args: x.input || {}
+            toolCallId: v.toolId,
+            toolName: v.toolName,
+            args: v.input || {}
           };
-          j((H) => ({
-            ...H,
-            toolInvocations: [...H.toolInvocations || [], M]
+          Z((S) => ({
+            ...S,
+            toolInvocations: [...S.toolInvocations || [], M]
           })), a == null || a({ toolCall: M });
         }
         break;
       case "tool_result":
-        x.toolId && j((M) => {
-          var H;
+        v.toolId && Z((M) => {
+          var S;
           return {
             ...M,
-            toolInvocations: (H = M.toolInvocations) == null ? void 0 : H.map(
-              (G) => G.toolCallId === x.toolId ? { ...G, state: "result", result: x.toolResult } : G
+            toolInvocations: (S = M.toolInvocations) == null ? void 0 : S.map(
+              (g) => g.toolCallId === v.toolId ? { ...g, state: "result", result: v.toolResult } : g
             )
           };
         });
         break;
       case "text":
-        x.text && !((V = re.current) != null && V.content) && j((M) => ({
+        v.text && !((W = ae.current) != null && W.content) && Z((M) => ({
           ...M,
-          content: x.text || ""
+          content: v.text || ""
         }));
         break;
       case "error":
-        if (x.error) {
-          const M = new Error(x.error);
-          L(M), u == null || u(M);
+        if (v.error) {
+          const M = new Error(v.error);
+          j(M), l == null || l(M);
         }
         break;
       case "complete":
-        re.current && (i == null || i(re.current));
+        ae.current && (d == null || d(ae.current));
         break;
     }
-  }, [j, a, i, u, d]), O = A(async (x, V) => {
-    if (R) return null;
-    const M = typeof x == "string" ? {
+  }, [Z, a, d, l, N]), G = $(async (v, W) => {
+    if (K) return null;
+    const M = typeof v == "string" ? {
       id: Se(),
       role: "user",
-      content: x,
+      content: v,
       createdAt: /* @__PURE__ */ new Date()
     } : {
-      id: x.id || Se(),
-      role: x.role,
-      content: x.content,
-      toolInvocations: x.toolInvocations,
-      reasoning: x.reasoning,
+      id: v.id || Se(),
+      role: v.role,
+      content: v.content,
+      toolInvocations: v.toolInvocations,
+      reasoning: v.reasoning,
       createdAt: /* @__PURE__ */ new Date()
     };
-    b((P) => [...P, M]), E(!0), L(void 0), se.current = 0;
-    const H = {
+    A((x) => [...x, M]), J(!0), j(void 0), Q.current = 0;
+    const S = {
       id: Se(),
       role: "assistant",
       content: "",
       createdAt: /* @__PURE__ */ new Date()
     };
-    re.current = H, b((P) => [...P, H]);
-    const G = new AbortController();
-    U.current = G;
+    ae.current = S, A((x) => [...x, S]);
+    const g = new AbortController();
+    H.current = g;
     try {
-      let P = M.content, W = (V == null ? void 0 : V.body) || {};
-      if (f != null && f.length) {
-        const z = {
-          prompt: P,
-          sessionId: Y.current,
-          metadata: W
-        }, { request: K, error: fe } = await nt(f, z);
-        if (fe) {
-          const pe = new Error(fe);
-          return L(pe), u == null || u(pe), E(!1), null;
+      let x = M.content, _ = (W == null ? void 0 : W.body) || {};
+      if (w != null && w.length) {
+        const oe = {
+          prompt: x,
+          sessionId: L.current,
+          metadata: _
+        }, { request: ie, error: le } = await nt(w, oe);
+        if (le) {
+          const se = new Error(le);
+          return j(se), l == null || l(se), J(!1), null;
         }
-        P = K.prompt, W = K.metadata || {};
+        x = ie.prompt, _ = ie.metadata || {};
       }
-      const p = {
-        signal: G.signal,
-        metadata: Object.keys(W).length > 0 ? W : void 0
-      }, w = n(P, Y.current || void 0, p);
-      for await (const z of w) {
-        if (G.signal.aborted) break;
-        let K = z;
-        f != null && f.length && (K = await rt(f, z)), K && B(K);
+      const q = {
+        signal: g.signal,
+        metadata: Object.keys(_).length > 0 ? _ : void 0
+      }, ue = n(x, L.current || void 0, q);
+      for await (const oe of ue) {
+        if (g.signal.aborted) break;
+        await F(oe);
+        let ie = oe;
+        w != null && w.length && (ie = await rt(w, oe)), ie && B(ie);
       }
-      return f != null && f.length && Y.current && await st(f, Y.current), H.id;
-    } catch (P) {
-      if (!(P.name === "AbortError")) {
-        const p = P instanceof Error ? P : new Error(String(P));
-        L(p), u == null || u(p), f != null && f.length && await Ce(f, p.message);
+      return w != null && w.length && L.current && await st(w, L.current), S.id;
+    } catch (x) {
+      if (!(x.name === "AbortError")) {
+        const q = x instanceof Error ? x : new Error(String(x));
+        j(q), l == null || l(q), w != null && w.length && await Te(w, q.message);
       }
       return null;
     } finally {
-      E(!1), ee(!1), U.current = null, re.current = null;
+      J(!1), D(!1), H.current = null, ae.current = null;
     }
-  }, [R, n, B, f, u]), me = A(() => {
-    se.current = l + 1, ee(!1), U.current && U.current.abort();
-  }, [l]), le = A(async () => {
+  }, [K, n, B, w, l, F]), ge = $(() => {
+    Q.current = f + 1, D(!1), H.current && H.current.abort();
+  }, [f]), re = $(async () => {
     var M;
-    let x = -1;
-    for (let H = h.length - 1; H >= 0; H--)
-      if (((M = h[H]) == null ? void 0 : M.role) === "user") {
-        x = H;
+    let v = -1;
+    for (let S = I.length - 1; S >= 0; S--)
+      if (((M = I[S]) == null ? void 0 : M.role) === "user") {
+        v = S;
         break;
       }
-    if (x === -1) return null;
-    const V = h[x];
-    return V ? (b(h.slice(0, x + 1)), O(V)) : null;
-  }, [h, O]), X = A((x) => {
-    ie(x.target.value);
-  }, []), ue = A((x, V) => {
-    if (x == null || x.preventDefault(), !de.trim()) return;
-    const M = de;
-    ie(""), O(M, V);
-  }, [de, O]);
-  return oe(() => () => {
-    U.current && U.current.abort();
+    if (v === -1) return null;
+    const W = I[v];
+    return W ? (A(I.slice(0, v + 1)), G(W)) : null;
+  }, [I, G]), me = $((v) => {
+    xe(v.target.value);
+  }, []), fe = $((v, W) => {
+    if (v == null || v.preventDefault(), !he.trim()) return;
+    const M = he;
+    xe(""), G(M, W);
+  }, [he, G]);
+  return te(() => () => {
+    H.current && H.current.abort();
   }, []), {
-    messages: h,
-    isLoading: R,
-    error: S,
-    sessionId: J,
-    append: O,
-    stop: me,
-    setMessages: b,
-    reload: le,
-    input: de,
-    setInput: ie,
-    handleInputChange: X,
-    handleSubmit: ue,
-    isReconnecting: N,
-    entries: xe
+    messages: I,
+    isLoading: K,
+    error: U,
+    sessionId: X,
+    append: G,
+    stop: ge,
+    setMessages: A,
+    reload: re,
+    input: he,
+    setInput: xe,
+    handleInputChange: me,
+    handleSubmit: fe,
+    isReconnecting: y,
+    entries: de
   };
 }
-function fn({
+function gn({
   messages: e,
   loading: n,
   streamingContent: r
 }) {
-  const s = D(null), a = D(null);
-  return oe(() => {
+  const s = z(null), a = z(null);
+  return te(() => {
     a.current && a.current.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [e, r, n]), /* @__PURE__ */ o("div", { ref: s, className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
-    e.map((i) => /* @__PURE__ */ t(pn, { message: i }, i.id)),
+    e.map((i) => /* @__PURE__ */ t(xn, { message: i }, i.id)),
     r && /* @__PURE__ */ t("div", { className: "flex justify-start animate-fade-in", children: /* @__PURE__ */ o("div", { className: "max-w-[80%] card-glass rounded-2xl p-4", children: [
       /* @__PURE__ */ t("div", { className: "text-xs text-[#ccff00] mb-2 font-medium", children: "Assistant" }),
       /* @__PURE__ */ t("div", { className: "message-content prose prose-sm prose-invert max-w-none whitespace-pre-wrap", children: r })
@@ -3177,7 +3209,7 @@ function fn({
     /* @__PURE__ */ t("div", { ref: a })
   ] });
 }
-function pn({ message: e }) {
+function xn({ message: e }) {
   const n = e.role === "user", r = e.role === "tool";
   return /* @__PURE__ */ t("div", { className: `flex ${n ? "justify-end" : "justify-start"} animate-fade-in`, children: /* @__PURE__ */ o(
     "div",
@@ -3191,13 +3223,13 @@ function pn({ message: e }) {
             children: e.role.charAt(0).toUpperCase() + e.role.slice(1)
           }
         ),
-        /* @__PURE__ */ t("div", { className: `message-content ${n ? "" : "prose prose-sm prose-invert max-w-none"}`, children: e.content.map((a, i) => /* @__PURE__ */ t(gn, { block: a, isUser: n }, i)) }),
+        /* @__PURE__ */ t("div", { className: `message-content ${n ? "" : "prose prose-sm prose-invert max-w-none"}`, children: e.content.map((a, i) => /* @__PURE__ */ t(vn, { block: a, isUser: n }, i)) }),
         /* @__PURE__ */ t("div", { className: `text-xs mt-3 ${n ? "text-black/40" : "text-white/40"}`, children: new Date(e.createdAt).toLocaleTimeString() })
       ]
     }
   ) });
 }
-function gn({
+function vn({
   block: e,
   isUser: n
 }) {
@@ -3216,11 +3248,11 @@ function gn({
     /* @__PURE__ */ t("pre", { className: "text-sm overflow-x-auto text-emerald-300/80 font-mono", children: typeof e.content == "string" ? e.content : JSON.stringify(e.content, null, 2) })
   ] }) : null;
 }
-const xn = 5e3;
+const wn = 5e3;
 function ze(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function vn({
+function yn({
   onSend: e,
   disabled: n,
   loading: r,
@@ -3230,136 +3262,136 @@ function vn({
   sessionContext: u = "",
   onSessionContextChange: d,
   envVars: l = {},
-  onEnvVarsChange: f,
-  enableFileUpload: h = !0,
-  maxFileSize: b = 100 * 1024 * 1024,
+  onEnvVarsChange: N,
+  enableFileUpload: f = !0,
+  maxFileSize: w = 100 * 1024 * 1024,
   // 100MB
-  maxFiles: R = 10,
-  onStop: E,
-  canStop: N = !1,
-  enableLongTextConversion: ee = !0,
-  longTextThreshold: S = xn
+  maxFiles: I = 10,
+  onStop: A,
+  canStop: K = !1,
+  enableLongTextConversion: J = !0,
+  longTextThreshold: y = wn
 }) {
-  const [L, J] = v(""), [q, de] = v(!1), [ie, U] = v(!1), [re, se] = v(""), [Y, xe] = v(""), [j, B] = v([]), [O, me] = v(!1), [le, X] = v(null), [ue, x] = v(/* @__PURE__ */ new Map()), V = D(0), M = D(null), H = D(null), G = D(null), P = A((c) => {
-    const Q = new TextEncoder().encode(c);
-    let I = "";
-    for (let _ = 0; _ < Q.length; _++)
-      I += String.fromCharCode(Q[_]);
-    return btoa(I);
-  }, []), W = A((c) => {
-    if (!ee || !h) return;
-    const T = c.clipboardData.getData("text/plain");
-    if (T.length > S) {
-      if (c.preventDefault(), j.length >= R) {
-        console.warn(`Cannot convert text to attachment: maximum ${R} files reached`);
+  const [D, U] = k(""), [j, X] = k(!1), [ne, he] = k(!1), [xe, H] = k(""), [ae, Q] = k(""), [L, de] = k([]), [Z, F] = k(!1), [B, G] = k(null), [ge, re] = k(/* @__PURE__ */ new Map()), me = z(0), fe = z(null), v = z(null), W = z(null), M = $((c) => {
+    const T = new TextEncoder().encode(c);
+    let b = "";
+    for (let C = 0; C < T.length; C++)
+      b += String.fromCharCode(T[C]);
+    return btoa(b);
+  }, []), S = $((c) => {
+    if (!J || !f) return;
+    const p = c.clipboardData.getData("text/plain");
+    if (p.length > y) {
+      if (c.preventDefault(), L.length >= I) {
+        console.warn(`Cannot convert text to attachment: maximum ${I} files reached`);
         return;
       }
-      const Q = T.split(`
+      const T = p.split(`
 `).length;
-      V.current += 1;
-      const I = V.current, _ = `pasted-text-${I}-${Date.now()}.txt`, he = P(T), it = new TextEncoder().encode(T).length, lt = {
-        filename: _,
-        content: he,
+      me.current += 1;
+      const b = me.current, C = `pasted-text-${b}-${Date.now()}.txt`, ce = M(p), it = new TextEncoder().encode(p).length, lt = {
+        filename: C,
+        content: ce,
         mimeType: "text/plain",
         size: it
       };
-      x((_e) => {
-        const Ae = new Map(_e);
-        return Ae.set(_, { number: I, lineCount: Q }), Ae;
-      }), B((_e) => [..._e, lt]), X({
-        originalLength: T.length,
-        filename: _,
-        preview: T.slice(0, 100) + (T.length > 100 ? "..." : ""),
-        lineCount: Q
+      re((Ie) => {
+        const Ae = new Map(Ie);
+        return Ae.set(C, { number: b, lineCount: T }), Ae;
+      }), de((Ie) => [...Ie, lt]), G({
+        originalLength: p.length,
+        filename: C,
+        preview: p.slice(0, 100) + (p.length > 100 ? "..." : ""),
+        lineCount: T
       }), setTimeout(() => {
-        X(null);
+        G(null);
       }, 5e3);
     }
-  }, [ee, h, S, j.length, R, P]), p = () => {
-    const c = L.trim();
-    (c || j.length > 0) && !n && (e(c || "(files attached)", j.length > 0 ? j : void 0), J(""), B([]), x(/* @__PURE__ */ new Map()), M.current && (M.current.style.height = "auto"));
-  }, w = (c) => {
-    c.key === "Enter" && !c.shiftKey && (c.preventDefault(), p());
-  }, z = () => {
-    const c = M.current;
+  }, [J, f, y, L.length, I, M]), g = () => {
+    const c = D.trim();
+    (c || L.length > 0) && !n && (e(c || "(files attached)", L.length > 0 ? L : void 0), U(""), de([]), re(/* @__PURE__ */ new Map()), fe.current && (fe.current.style.height = "auto"));
+  }, x = (c) => {
+    c.key === "Enter" && !c.shiftKey && (c.preventDefault(), g());
+  }, _ = () => {
+    const c = fe.current;
     c && (c.style.height = "auto", c.style.height = `${Math.min(c.scrollHeight, 200)}px`);
-  }, K = async (c) => {
+  }, q = async (c) => {
     if (!c) return;
-    const T = [], Q = j.length;
-    for (let I = 0; I < c.length && Q + T.length < R; I++) {
-      const _ = c[I];
-      if (_.size > b) {
-        console.warn(`File ${_.name} exceeds maximum size of ${ze(b)}`);
+    const p = [], T = L.length;
+    for (let b = 0; b < c.length && T + p.length < I; b++) {
+      const C = c[b];
+      if (C.size > w) {
+        console.warn(`File ${C.name} exceeds maximum size of ${ze(w)}`);
         continue;
       }
       try {
-        const he = await fe(_);
-        T.push({
-          filename: _.name,
-          content: he,
-          mimeType: _.type || "application/octet-stream",
-          size: _.size
+        const ce = await ue(C);
+        p.push({
+          filename: C.name,
+          content: ce,
+          mimeType: C.type || "application/octet-stream",
+          size: C.size
         });
-      } catch (he) {
-        console.error(`Failed to read file ${_.name}:`, he);
+      } catch (ce) {
+        console.error(`Failed to read file ${C.name}:`, ce);
       }
     }
-    T.length > 0 && B((I) => [...I, ...T]);
-  }, fe = (c) => new Promise((T, Q) => {
-    const I = new FileReader();
-    I.onload = () => {
-      const he = I.result.split(",")[1];
-      T(he || "");
-    }, I.onerror = () => Q(I.error), I.readAsDataURL(c);
-  }), pe = (c) => {
-    K(c.target.files), G.current && (G.current.value = "");
-  }, g = (c) => {
-    c.preventDefault(), h && !n && me(!0);
-  }, Z = (c) => {
-    c.preventDefault(), me(!1);
-  }, C = (c) => {
-    c.preventDefault(), me(!1), h && !n && K(c.dataTransfer.files);
-  }, k = (c) => {
-    const T = j[c];
-    T && ue.has(T.filename) && x((Q) => {
-      const I = new Map(Q);
-      return I.delete(T.filename), I;
-    }), B((Q) => Q.filter((I, _) => _ !== c));
-  }, $ = a.length > 0;
-  r || $ && `${a.length}`;
-  const te = u.trim().length > 0, ge = Object.keys(l).length > 0, ne = !n && (L.trim() || j.length > 0), ce = () => {
-    const c = re.trim(), T = Y.trim();
-    c && f && (f({ ...l, [c]: T }), se(""), xe(""));
-  }, ae = (c) => {
-    if (f) {
-      const T = { ...l };
-      delete T[c], f(T);
+    p.length > 0 && de((b) => [...b, ...p]);
+  }, ue = (c) => new Promise((p, T) => {
+    const b = new FileReader();
+    b.onload = () => {
+      const ce = b.result.split(",")[1];
+      p(ce || "");
+    }, b.onerror = () => T(b.error), b.readAsDataURL(c);
+  }), oe = (c) => {
+    q(c.target.files), W.current && (W.current.value = "");
+  }, ie = (c) => {
+    c.preventDefault(), f && !n && F(!0);
+  }, le = (c) => {
+    c.preventDefault(), F(!1);
+  }, se = (c) => {
+    c.preventDefault(), F(!1), f && !n && q(c.dataTransfer.files);
+  }, m = (c) => {
+    const p = L[c];
+    p && ge.has(p.filename) && re((T) => {
+      const b = new Map(T);
+      return b.delete(p.filename), b;
+    }), de((T) => T.filter((b, C) => C !== c));
+  }, O = a.length > 0;
+  r || O && `${a.length}`;
+  const R = u.trim().length > 0, E = Object.keys(l).length > 0, P = !n && (D.trim() || L.length > 0), Y = () => {
+    const c = xe.trim(), p = ae.trim();
+    c && N && (N({ ...l, [c]: p }), H(""), Q(""));
+  }, pe = (c) => {
+    if (N) {
+      const p = { ...l };
+      delete p[c], N(p);
     }
-  }, y = (c) => {
-    c.key === "Enter" && (c.preventDefault(), ce());
+  }, V = (c) => {
+    c.key === "Enter" && (c.preventDefault(), Y());
   };
   return /* @__PURE__ */ o(
     "div",
     {
-      className: `border-t border-white/10 p-3 sm:p-4 glass-panel relative ${O ? "bg-[#ccff00]/5" : ""}`,
-      onDragOver: g,
-      onDragLeave: Z,
-      onDrop: C,
+      className: `border-t border-white/10 p-3 sm:p-4 glass-panel relative ${Z ? "bg-[#ccff00]/5" : ""}`,
+      onDragOver: ie,
+      onDragLeave: le,
+      onDrop: se,
       children: [
-        O && h && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-[#ccff00]/10 border-2 border-dashed border-[#ccff00]/50 rounded-xl flex items-center justify-center z-10 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "text-[#ccff00] font-medium", children: "Drop files here" }) }),
+        Z && f && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-[#ccff00]/10 border-2 border-dashed border-[#ccff00]/50 rounded-xl flex items-center justify-center z-10 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "text-[#ccff00] font-medium", children: "Drop files here" }) }),
         d && /* @__PURE__ */ o("div", { className: "mb-3", children: [
           /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => de(!q),
+              onClick: () => X(!j),
               className: "flex items-center gap-2 text-xs font-medium text-white/50 hover:text-white/80 transition-colors",
               children: [
                 /* @__PURE__ */ t(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
-                    className: `h-3 w-3 transition-transform ${q ? "rotate-90" : ""}`,
+                    className: `h-3 w-3 transition-transform ${j ? "rotate-90" : ""}`,
                     viewBox: "0 0 20 20",
                     fill: "currentColor",
                     children: /* @__PURE__ */ t(
@@ -3373,19 +3405,19 @@ function vn({
                   }
                 ),
                 /* @__PURE__ */ t("span", { className: "uppercase tracking-wide", children: "Session Context" }),
-                te && !q && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: "Active" })
+                R && !j && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: "Active" })
               ]
             }
           ),
-          q && /* @__PURE__ */ o("div", { className: "mt-2", children: [
+          j && /* @__PURE__ */ o("div", { className: "mt-2", children: [
             /* @__PURE__ */ t(
               "textarea",
               {
-                ref: H,
+                ref: v,
                 value: u,
                 onChange: (c) => d(c.target.value),
                 onInput: () => {
-                  const c = H.current;
+                  const c = v.current;
                   c && (c.style.height = "auto", c.style.height = `${Math.min(c.scrollHeight, 150)}px`);
                 },
                 placeholder: "Add context that will be injected into every request (e.g., current page, user selection, etc.)",
@@ -3396,19 +3428,19 @@ function vn({
             /* @__PURE__ */ t("p", { className: "text-xs text-white/40 mt-1", children: "This context is appended to the system prompt for each message sent." })
           ] })
         ] }),
-        f && /* @__PURE__ */ o("div", { className: "mb-3", children: [
+        N && /* @__PURE__ */ o("div", { className: "mb-3", children: [
           /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => U(!ie),
+              onClick: () => he(!ne),
               className: "flex items-center gap-2 text-xs font-medium text-white/50 hover:text-white/80 transition-colors",
               children: [
                 /* @__PURE__ */ t(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
-                    className: `h-3 w-3 transition-transform ${ie ? "rotate-90" : ""}`,
+                    className: `h-3 w-3 transition-transform ${ne ? "rotate-90" : ""}`,
                     viewBox: "0 0 20 20",
                     fill: "currentColor",
                     children: /* @__PURE__ */ t(
@@ -3422,23 +3454,23 @@ function vn({
                   }
                 ),
                 /* @__PURE__ */ t("span", { className: "uppercase tracking-wide", children: "Environment Variables" }),
-                ge && !ie && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: Object.keys(l).length })
+                E && !ne && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: Object.keys(l).length })
               ]
             }
           ),
-          ie && /* @__PURE__ */ o("div", { className: "mt-2 space-y-2", children: [
-            Object.entries(l).map(([c, T]) => /* @__PURE__ */ o(
+          ne && /* @__PURE__ */ o("div", { className: "mt-2 space-y-2", children: [
+            Object.entries(l).map(([c, p]) => /* @__PURE__ */ o(
               "div",
               {
                 className: "flex items-center gap-2 bg-white/5 border border-white/10 rounded-xl px-3 py-2 text-sm",
                 children: [
                   /* @__PURE__ */ t("span", { className: "text-[#ccff00] font-mono font-medium", children: c }),
                   /* @__PURE__ */ t("span", { className: "text-white/40", children: "=" }),
-                  /* @__PURE__ */ t("span", { className: "text-white/70 font-mono flex-1 truncate", children: T || "(empty)" }),
+                  /* @__PURE__ */ t("span", { className: "text-white/70 font-mono flex-1 truncate", children: p || "(empty)" }),
                   /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: () => ae(c),
+                      onClick: () => pe(c),
                       className: "text-white/40 hover:text-red-400 transition-colors",
                       title: "Remove variable",
                       children: /* @__PURE__ */ t(
@@ -3469,9 +3501,9 @@ function vn({
                 "input",
                 {
                   type: "text",
-                  value: re,
-                  onChange: (c) => se(c.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
-                  onKeyDown: y,
+                  value: xe,
+                  onChange: (c) => H(c.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
+                  onKeyDown: V,
                   placeholder: "KEY",
                   className: "input-glass text-sm font-mono flex-1 min-w-0 py-2"
                 }
@@ -3481,9 +3513,9 @@ function vn({
                 "input",
                 {
                   type: "text",
-                  value: Y,
-                  onChange: (c) => xe(c.target.value),
-                  onKeyDown: y,
+                  value: ae,
+                  onChange: (c) => Q(c.target.value),
+                  onKeyDown: V,
                   placeholder: "value",
                   className: "input-glass text-sm font-mono flex-[2] min-w-0 py-2"
                 }
@@ -3491,8 +3523,8 @@ function vn({
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: ce,
-                  disabled: !re.trim(),
+                  onClick: Y,
+                  disabled: !xe.trim(),
                   className: "px-3 py-2 text-sm bg-[#ccff00]/20 hover:bg-[#ccff00]/30 text-[#ccff00] rounded-xl transition-all duration-300 disabled:opacity-30 disabled:cursor-not-allowed",
                   children: "Add"
                 }
@@ -3501,7 +3533,7 @@ function vn({
             /* @__PURE__ */ t("p", { className: "text-xs text-white/40", children: "These environment variables will be available in the sandbox for new sessions." })
           ] })
         ] }),
-        le && /* @__PURE__ */ t("div", { className: "mb-3 p-3 bg-blue-500/10 border border-blue-500/30 rounded-xl", children: /* @__PURE__ */ o("div", { className: "flex items-start justify-between gap-3", children: [
+        B && /* @__PURE__ */ t("div", { className: "mb-3 p-3 bg-blue-500/10 border border-blue-500/30 rounded-xl", children: /* @__PURE__ */ o("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ o("div", { className: "flex items-start gap-2 min-w-0", children: [
             /* @__PURE__ */ t(
               "svg",
@@ -3525,18 +3557,18 @@ function vn({
             /* @__PURE__ */ o("div", { className: "min-w-0", children: [
               /* @__PURE__ */ t("p", { className: "text-sm text-blue-200 font-medium", children: "Long text converted to attachment" }),
               /* @__PURE__ */ o("p", { className: "text-xs text-blue-300/70 mt-1", children: [
-                le.originalLength.toLocaleString(),
+                B.originalLength.toLocaleString(),
                 " characters (",
-                le.lineCount,
+                B.lineCount,
                 " lines) saved as text attachment"
               ] }),
-              /* @__PURE__ */ t("p", { className: "text-xs text-white/50 mt-1 truncate font-mono", children: le.preview })
+              /* @__PURE__ */ t("p", { className: "text-xs text-white/50 mt-1 truncate font-mono", children: B.preview })
             ] })
           ] }),
           /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => X(null),
+              onClick: () => G(null),
               className: "text-blue-400/70 hover:text-blue-300 transition-colors shrink-0",
               title: "Dismiss",
               children: /* @__PURE__ */ t(
@@ -3559,20 +3591,20 @@ function vn({
             }
           )
         ] }) }),
-        j.length > 0 && /* @__PURE__ */ o("div", { className: "mb-3 space-y-2", children: [
+        L.length > 0 && /* @__PURE__ */ o("div", { className: "mb-3 space-y-2", children: [
           /* @__PURE__ */ o("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
             "Attached Files (",
-            j.length,
+            L.length,
             ")"
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: j.map((c, T) => {
-            const Q = ue.get(c.filename), I = !!Q;
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: L.map((c, p) => {
+            const T = ge.get(c.filename), b = !!T;
             return /* @__PURE__ */ o(
               "div",
               {
-                className: `flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm ${I ? "bg-purple-500/10 border border-purple-500/30" : "bg-white/5 border border-white/10"}`,
+                className: `flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm ${b ? "bg-purple-500/10 border border-purple-500/30" : "bg-white/5 border border-white/10"}`,
                 children: [
-                  I ? (
+                  b ? (
                     // Pasted text icon (document with lines)
                     /* @__PURE__ */ t(
                       "svg",
@@ -3615,11 +3647,11 @@ function vn({
                       }
                     )
                   ),
-                  I ? /* @__PURE__ */ o("span", { className: "text-purple-200 font-mono", title: c.filename, children: [
+                  b ? /* @__PURE__ */ o("span", { className: "text-purple-200 font-mono", title: c.filename, children: [
                     "[Pasted text #",
-                    Q.number,
+                    T.number,
                     " +",
-                    Q.lineCount,
+                    T.lineCount,
                     " lines]"
                   ] }) : /* @__PURE__ */ o(we, { children: [
                     /* @__PURE__ */ t("span", { className: "text-white/80 truncate max-w-[150px]", title: c.filename, children: c.filename }),
@@ -3628,8 +3660,8 @@ function vn({
                   /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: () => k(T),
-                      className: `hover:text-red-400 transition-colors ${I ? "text-purple-400/70" : "text-white/40"}`,
+                      onClick: () => m(p),
+                      className: `hover:text-red-400 transition-colors ${b ? "text-purple-400/70" : "text-white/40"}`,
                       title: "Remove file",
                       children: /* @__PURE__ */ t(
                         "svg",
@@ -3652,17 +3684,17 @@ function vn({
                   )
                 ]
               },
-              `${c.filename}-${T}`
+              `${c.filename}-${p}`
             );
           }) })
         ] }),
-        $ && /* @__PURE__ */ o("div", { className: "mb-3 space-y-2", children: [
+        O && /* @__PURE__ */ o("div", { className: "mb-3 space-y-2", children: [
           /* @__PURE__ */ o("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
             "Queued Messages (",
             a.length,
             ")"
           ] }),
-          /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto space-y-1", children: a.map((c, T) => /* @__PURE__ */ o(
+          /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto space-y-1", children: a.map((c, p) => /* @__PURE__ */ o(
             "div",
             {
               className: "flex items-center justify-between bg-yellow-500/10 border border-yellow-500/20 rounded-xl px-3 py-2 text-sm",
@@ -3670,7 +3702,7 @@ function vn({
                 /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
                   /* @__PURE__ */ o("span", { className: "text-yellow-400 font-medium shrink-0", children: [
                     "#",
-                    T + 1
+                    p + 1
                   ] }),
                   /* @__PURE__ */ t("span", { className: "text-white/80 truncate", children: c.text })
                 ] }),
@@ -3706,16 +3738,16 @@ function vn({
         ] }),
         /* @__PURE__ */ o("div", { className: "flex gap-3 items-end", children: [
           /* @__PURE__ */ o("div", { className: "flex-1 flex items-end bg-[#2f2f2f] rounded-2xl border border-white/10 overflow-hidden", children: [
-            h && /* @__PURE__ */ o(we, { children: [
+            f && /* @__PURE__ */ o(we, { children: [
               /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: G,
+                  ref: W,
                   type: "file",
                   multiple: !0,
-                  onChange: pe,
+                  onChange: oe,
                   className: "hidden",
-                  disabled: n || j.length >= R
+                  disabled: n || L.length >= I
                 }
               ),
               /* @__PURE__ */ t(
@@ -3724,11 +3756,11 @@ function vn({
                   type: "button",
                   onClick: () => {
                     var c;
-                    return (c = G.current) == null ? void 0 : c.click();
+                    return (c = W.current) == null ? void 0 : c.click();
                   },
-                  disabled: n || j.length >= R,
+                  disabled: n || L.length >= I,
                   className: "shrink-0 p-3 text-white/50 hover:text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-                  title: j.length >= R ? `Maximum ${R} files` : "Attach files",
+                  title: L.length >= I ? `Maximum ${I} files` : "Attach files",
                   children: /* @__PURE__ */ t(
                     "svg",
                     {
@@ -3754,12 +3786,12 @@ function vn({
             /* @__PURE__ */ t(
               "textarea",
               {
-                ref: M,
-                value: L,
-                onChange: (c) => J(c.target.value),
-                onKeyDown: w,
-                onInput: z,
-                onPaste: W,
+                ref: fe,
+                value: D,
+                onChange: (c) => U(c.target.value),
+                onKeyDown: x,
+                onInput: _,
+                onPaste: S,
                 placeholder: s,
                 disabled: n,
                 className: "flex-1 min-w-0 resize-none py-3 px-2 bg-transparent text-white placeholder-white/40 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed",
@@ -3798,8 +3830,8 @@ function vn({
               "button",
               {
                 type: "button",
-                onClick: p,
-                disabled: !ne,
+                onClick: g,
+                disabled: !P,
                 className: "shrink-0 p-3 text-white/50 hover:text-white transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
                 title: "Send message",
                 children: /* @__PURE__ */ o(
@@ -3819,10 +3851,10 @@ function vn({
               }
             )
           ] }),
-          r && N && E ? /* @__PURE__ */ o(
+          r && K && A ? /* @__PURE__ */ o(
             "button",
             {
-              onClick: E,
+              onClick: A,
               className: "shrink-0 px-4 py-3 bg-red-500/80 hover:bg-red-500 text-white rounded-2xl transition-all duration-300 flex items-center gap-2 border border-red-400/30 font-medium",
               title: "Stop generation",
               children: [
@@ -3833,22 +3865,22 @@ function vn({
           ) : /* @__PURE__ */ o(
             "button",
             {
-              onClick: p,
-              disabled: !ne,
-              className: `shrink-0 px-4 py-3 rounded-2xl font-medium transition-all duration-300 disabled:opacity-30 disabled:cursor-not-allowed ${$ ? "bg-yellow-500/80 hover:bg-yellow-500 text-black border border-yellow-400/30" : "bg-[#10a37f] hover:bg-[#0d8c6d] text-white"}`,
+              onClick: g,
+              disabled: !P,
+              className: `shrink-0 px-4 py-3 rounded-2xl font-medium transition-all duration-300 disabled:opacity-30 disabled:cursor-not-allowed ${O ? "bg-yellow-500/80 hover:bg-yellow-500 text-black border border-yellow-400/30" : "bg-[#10a37f] hover:bg-[#0d8c6d] text-white"}`,
               children: [
-                /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: $ ? `Queue (${a.length})` : "Execute" }),
-                /* @__PURE__ */ t("span", { className: "sm:hidden", children: r ? "..." : $ ? `+${a.length}` : "→" })
+                /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: O ? `Queue (${a.length})` : "Execute" }),
+                /* @__PURE__ */ t("span", { className: "sm:hidden", children: r ? "..." : O ? `+${a.length}` : "→" })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ o("div", { className: "text-xs text-white/40 mt-2 hidden sm:block", children: [
           "Press Enter to ",
-          r || $ ? "queue" : "send",
+          r || O ? "queue" : "send",
           ", Shift+Enter for new line",
-          h && " • Drag & drop files or click the attach button",
-          ee && h && ` • Long text (>${S.toLocaleString()} chars) auto-converts to attachment`
+          f && " • Drag & drop files or click the attach button",
+          J && f && ` • Long text (>${y.toLocaleString()} chars) auto-converts to attachment`
         ] })
       ]
     }
@@ -3862,204 +3894,204 @@ function Er({
   className: a = "",
   useBackendQueue: i = !1
 }) {
-  const [u, d] = v([]), [l, f] = v(n || null), [h, b] = v(r || null), [R, E] = v([]), [N, ee] = v(!1), [S, L] = v(""), [J, q] = v(null), [de, ie] = v([]), [U, re] = v([]), [se, Y] = v(""), [xe, j] = v({}), B = D(!1), O = D(se), me = D(xe), le = D(null);
-  oe(() => {
-    O.current = se;
-  }, [se]), oe(() => {
-    me.current = xe;
-  }, [xe]), oe(() => {
-    fetch(`${e}/agents`).then((p) => p.json()).then((p) => {
-      const w = p.agents || [];
-      d(w), !l && w.length > 0 && f(w[0].slug || w[0].name);
-    }).catch((p) => {
-      console.error("Failed to fetch agents:", p), q("Failed to load agents");
+  const [u, d] = k([]), [l, N] = k(n || null), [f, w] = k(r || null), [I, A] = k([]), [K, J] = k(!1), [y, D] = k(""), [U, j] = k(null), [X, ne] = k([]), [he, xe] = k([]), [H, ae] = k(""), [Q, L] = k({}), de = z(!1), Z = z(H), F = z(Q), B = z(null);
+  te(() => {
+    Z.current = H;
+  }, [H]), te(() => {
+    F.current = Q;
+  }, [Q]), te(() => {
+    fetch(`${e}/agents`).then((g) => g.json()).then((g) => {
+      const x = g.agents || [];
+      d(x), !l && x.length > 0 && N(x[0].slug || x[0].name);
+    }).catch((g) => {
+      console.error("Failed to fetch agents:", g), j("Failed to load agents");
     });
-  }, [e]), oe(() => {
-    h && ue(h);
-  }, [h]);
-  const X = A(async () => {
+  }, [e]), te(() => {
+    f && ge(f);
+  }, [f]);
+  const G = $(async () => {
     if (!(!i || !l))
       try {
-        const p = await fetch(
-          `${e}/queue/status/${l}?sessionId=${h || ""}`
+        const g = await fetch(
+          `${e}/queue/status/${l}?sessionId=${f || ""}`
         );
-        if (!p.ok) return;
-        const w = await p.json();
-        ee(w.isProcessing), re(w.nextItems || []), !w.isProcessing && N && (h && await ue(h), L(""));
-      } catch (p) {
-        console.error("Failed to fetch queue status:", p);
+        if (!g.ok) return;
+        const x = await g.json();
+        J(x.isProcessing), xe(x.nextItems || []), !x.isProcessing && K && (f && await ge(f), D(""));
+      } catch (g) {
+        console.error("Failed to fetch queue status:", g);
       }
-  }, [i, l, h, e, N]);
-  oe(() => {
+  }, [i, l, f, e, K]);
+  te(() => {
     if (i)
-      return le.current = setInterval(X, 1e3), () => {
-        le.current && (clearInterval(le.current), le.current = null);
+      return B.current = setInterval(G, 1e3), () => {
+        B.current && (clearInterval(B.current), B.current = null);
       };
-  }, [i, X]), oe(() => {
-    s == null || s(h);
-  }, [h, s]);
-  const ue = async (p) => {
+  }, [i, G]), te(() => {
+    s == null || s(f);
+  }, [f, s]);
+  const ge = async (g) => {
     try {
-      const w = await fetch(`${e}/sessions/${p}/messages`);
-      if (!w.ok) throw new Error("Failed to fetch messages");
-      const z = await w.json();
-      E(z.items || z.messages || []);
-    } catch (w) {
-      q(w instanceof Error ? w.message : "Failed to fetch messages");
+      const x = await fetch(`${e}/sessions/${g}/messages`);
+      if (!x.ok) throw new Error("Failed to fetch messages");
+      const _ = await x.json();
+      A(_.items || _.messages || []);
+    } catch (x) {
+      j(x instanceof Error ? x.message : "Failed to fetch messages");
     }
-  }, x = A(async (p, w, z) => {
-    var pe, g;
-    if (!l) return w;
-    ee(!0), q(null), L("");
-    const K = {
+  }, re = $(async (g, x, _) => {
+    var oe, ie;
+    if (!l) return x;
+    J(!0), j(null), D("");
+    const q = {
       id: `temp-${Date.now()}`,
       role: "user",
-      content: [{ type: "text", text: p }],
+      content: [{ type: "text", text: g }],
       createdAt: (/* @__PURE__ */ new Date()).toISOString()
     };
-    E((Z) => [...Z, K]);
-    let fe = w;
+    A((le) => [...le, q]);
+    let ue = x;
     try {
-      const Z = w ? `${e}/sessions/${w}/send` : `${e}/agents/${l}/run`, C = z == null ? void 0 : z.map((F) => ({
-        filename: F.filename,
-        content: F.content,
-        mimeType: F.mimeType
-      })), k = { prompt: p }, $ = O.current.trim();
-      $ && (k.sessionContext = $);
-      const te = me.current;
-      !w && Object.keys(te).length > 0 && (k.envVars = te), C && C.length > 0 && (k.files = C);
-      const ge = await fetch(Z, {
+      const le = x ? `${e}/sessions/${x}/send` : `${e}/agents/${l}/run`, se = _ == null ? void 0 : _.map((ee) => ({
+        filename: ee.filename,
+        content: ee.content,
+        mimeType: ee.mimeType
+      })), m = { prompt: g }, O = Z.current.trim();
+      O && (m.sessionContext = O);
+      const R = F.current;
+      !x && Object.keys(R).length > 0 && (m.envVars = R), se && se.length > 0 && (m.files = se);
+      const E = await fetch(le, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(k)
+        body: JSON.stringify(m)
       });
-      if (!ge.ok) throw new Error("Failed to send message");
-      const ne = (pe = ge.body) == null ? void 0 : pe.getReader(), ce = new TextDecoder();
-      let ae = "", y = "";
-      for (; ne; ) {
-        const { done: F, value: c } = await ne.read();
-        if (F) break;
-        ae += ce.decode(c, { stream: !0 });
-        const T = ae.split(`
+      if (!E.ok) throw new Error("Failed to send message");
+      const P = (oe = E.body) == null ? void 0 : oe.getReader(), Y = new TextDecoder();
+      let pe = "", V = "";
+      for (; P; ) {
+        const { done: ee, value: c } = await P.read();
+        if (ee) break;
+        pe += Y.decode(c, { stream: !0 });
+        const p = pe.split(`
 `);
-        ae = T.pop() || "";
-        for (const Q of T)
-          if (Q.startsWith("data:")) {
-            const I = Q.slice(5).trim();
-            if (!I) continue;
+        pe = p.pop() || "";
+        for (const T of p)
+          if (T.startsWith("data:")) {
+            const b = T.slice(5).trim();
+            if (!b) continue;
             try {
-              const _ = JSON.parse(I);
-              if (_.type === "session_start" && _.sessionId)
-                fe = _.sessionId, b(_.sessionId);
-              else if (_.type === "text_delta" && _.delta)
-                y += _.delta, L(y);
-              else if (_.type === "thinking_delta" && _.delta)
-                y += _.delta, L(y);
-              else if (_.type === "message" && _.message) {
-                const he = (g = _.message.content) == null ? void 0 : g.find(
-                  ($e) => $e.type === "text"
+              const C = JSON.parse(b);
+              if (C.type === "session_start" && C.sessionId)
+                ue = C.sessionId, w(C.sessionId);
+              else if (C.type === "text_delta" && C.delta)
+                V += C.delta, D(V);
+              else if (C.type === "thinking_delta" && C.delta)
+                V += C.delta, D(V);
+              else if (C.type === "message" && C.message) {
+                const ce = (ie = C.message.content) == null ? void 0 : ie.find(
+                  (ye) => ye.type === "text"
                 );
-                he != null && he.text && (y || (y = he.text, L(y)));
-              } else if (_.type === "tool_use")
-                y += `
+                ce != null && ce.text && (V || (V = ce.text, D(V)));
+              } else if (C.type === "tool_use")
+                V += `
 
-🔧 Using tool: ${_.name}
-`, L(y);
-              else if (_.type === "session_end") {
-                const he = w || _.sessionId;
-                he && await ue(he), L("");
-              } else _.type === "error" && q(_.error || "Unknown error");
+🔧 Using tool: ${C.name}
+`, D(V);
+              else if (C.type === "session_end") {
+                const ce = x || C.sessionId;
+                ce && await ge(ce), D("");
+              } else C.type === "error" && j(C.error || "Unknown error");
             } catch {
             }
           }
       }
-    } catch (Z) {
-      q(Z instanceof Error ? Z.message : "Unknown error"), E((C) => C.filter((k) => k.id !== K.id));
+    } catch (le) {
+      j(le instanceof Error ? le.message : "Unknown error"), A((se) => se.filter((m) => m.id !== q.id));
     } finally {
-      ee(!1);
+      J(!1);
     }
-    return fe;
-  }, [e, l]), V = A(async () => {
-    if (B.current) return;
-    B.current = !0;
-    let p = h;
+    return ue;
+  }, [e, l]), me = $(async () => {
+    if (de.current) return;
+    de.current = !0;
+    let g = f;
     for (; ; ) {
-      let w;
-      if (ie((z) => z.length === 0 ? z : (w = z[0], z.slice(1))), await new Promise((z) => setTimeout(z, 0)), !w) break;
-      p = await x(w.text, p, w.files);
+      let x;
+      if (ne((_) => _.length === 0 ? _ : (x = _[0], _.slice(1))), await new Promise((_) => setTimeout(_, 0)), !x) break;
+      g = await re(x.text, g, x.files);
     }
-    B.current = !1;
-  }, [h, x]);
-  oe(() => {
-    de.length > 0 && !B.current && V();
-  }, [de, V]);
-  const M = A(async (p, w) => {
+    de.current = !1;
+  }, [f, re]);
+  te(() => {
+    X.length > 0 && !de.current && me();
+  }, [X, me]);
+  const fe = $(async (g, x) => {
     if (!l) return;
-    const z = {
+    const _ = {
       id: `temp-${Date.now()}`,
       role: "user",
-      content: [{ type: "text", text: p }],
+      content: [{ type: "text", text: g }],
       createdAt: (/* @__PURE__ */ new Date()).toISOString()
     };
-    E((K) => [...K, z]);
+    A((q) => [...q, _]);
     try {
-      const K = w == null ? void 0 : w.map((C) => ({
-        filename: C.filename,
-        content: C.content,
-        mimeType: C.mimeType
-      })), fe = me.current, pe = !h && Object.keys(fe).length > 0 ? fe : void 0, g = await fetch(`${e}/queue`, {
+      const q = x == null ? void 0 : x.map((se) => ({
+        filename: se.filename,
+        content: se.content,
+        mimeType: se.mimeType
+      })), ue = F.current, oe = !f && Object.keys(ue).length > 0 ? ue : void 0, ie = await fetch(`${e}/queue`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           agentName: l,
-          sessionId: h,
-          prompt: p,
-          files: K,
-          sessionContext: O.current.trim() || void 0,
-          envVars: pe
+          sessionId: f,
+          prompt: g,
+          files: q,
+          sessionContext: Z.current.trim() || void 0,
+          envVars: oe
         })
       });
-      if (!g.ok)
+      if (!ie.ok)
         throw new Error("Failed to queue message");
-      const Z = await g.json();
-      !h && Z.id && setTimeout(async () => {
-        const k = await fetch(`${e}/queue/${Z.id}`);
-        if (k.ok) {
-          const $ = await k.json();
-          $.sessionId && b($.sessionId);
+      const le = await ie.json();
+      !f && le.id && setTimeout(async () => {
+        const m = await fetch(`${e}/queue/${le.id}`);
+        if (m.ok) {
+          const O = await m.json();
+          O.sessionId && w(O.sessionId);
         }
-      }, 500), await X();
-    } catch (K) {
-      q(K instanceof Error ? K.message : "Failed to queue message"), E((fe) => fe.filter((pe) => pe.id !== z.id));
+      }, 500), await G();
+    } catch (q) {
+      j(q instanceof Error ? q.message : "Failed to queue message"), A((ue) => ue.filter((oe) => oe.id !== _.id));
     }
-  }, [l, h, e, X]), H = A((p, w) => {
+  }, [l, f, e, G]), v = $((g, x) => {
     if (!l) return;
     if (i) {
-      M(p, w);
+      fe(g, x);
       return;
     }
-    const z = {
+    const _ = {
       id: `queue-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-      text: p,
-      files: w
+      text: g,
+      files: x
     };
-    N || B.current ? ie((K) => [...K, z]) : ie([z]);
-  }, [l, N, i, M]), G = A(async (p) => {
+    K || de.current ? ne((q) => [...q, _]) : ne([_]);
+  }, [l, K, i, fe]), W = $(async (g) => {
     if (i) {
       try {
-        await fetch(`${e}/queue/${p}/cancel`, {
+        await fetch(`${e}/queue/${g}/cancel`, {
           method: "POST"
-        }), await X();
-      } catch (w) {
-        console.error("Failed to cancel queue item:", w);
+        }), await G();
+      } catch (x) {
+        console.error("Failed to cancel queue item:", x);
       }
       return;
     }
-    ie((w) => w.filter((z) => z.id !== p));
-  }, [i, e, X]), P = A(() => {
-    b(null), E([]), L(""), q(null), re([]), ie([]);
-  }, []), W = u.find(
-    (p) => p.slug === l || p.name === l
+    ne((x) => x.filter((_) => _.id !== g));
+  }, [i, e, G]), M = $(() => {
+    w(null), A([]), D(""), j(null), xe([]), ne([]);
+  }, []), S = u.find(
+    (g) => g.slug === l || g.name === l
   );
   return /* @__PURE__ */ o("div", { className: `harness-playground flex flex-col h-full bg-[#0a0a0a] relative overflow-hidden ${a}`, children: [
     /* @__PURE__ */ t("div", { className: "ambient-glow ambient-glow-accent w-[40vw] h-[40vw] -top-[20%] -right-[10%] animate-pulse-slow" }),
@@ -4069,76 +4101,76 @@ function Er({
     /* @__PURE__ */ o("div", { className: "sticky top-0 flex items-center justify-between p-4 border-b border-white/10 glass-panel relative z-10", children: [
       /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ t("h1", { className: "text-xl font-semibold text-white", children: "Playground" }),
-        W && /* @__PURE__ */ t("p", { className: "text-sm text-white/50 mt-0.5", children: W.description || `Chat with ${W.name}` })
+        S && /* @__PURE__ */ t("p", { className: "text-sm text-white/50 mt-0.5", children: S.description || `Chat with ${S.name}` })
       ] }),
       /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ o(
           "select",
           {
             value: l || "",
-            onChange: (p) => {
-              f(p.target.value), P();
+            onChange: (g) => {
+              N(g.target.value), M();
             },
             className: "px-4 py-2.5 rounded-xl text-sm bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#ccff00]/50 transition-all duration-300",
             children: [
               u.length === 0 && /* @__PURE__ */ t("option", { value: "", children: "No agents" }),
-              u.map((p) => /* @__PURE__ */ t("option", { value: p.slug || p.name, className: "bg-[#0a0a0a]", children: p.name }, p.slug || p.name))
+              u.map((g) => /* @__PURE__ */ t("option", { value: g.slug || g.name, className: "bg-[#0a0a0a]", children: g.name }, g.slug || g.name))
             ]
           }
         ),
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: P,
+            onClick: M,
             className: "px-4 py-2.5 text-sm text-white/70 hover:text-white border border-white/10 rounded-xl hover:bg-white/10 hover:border-white/20 transition-all duration-300",
             children: "New Chat"
           }
         )
       ] })
     ] }),
-    J && /* @__PURE__ */ o("div", { className: "bg-red-500/10 border-b border-red-500/20 px-4 py-3 text-red-400 text-sm flex items-center justify-between relative z-10", children: [
-      /* @__PURE__ */ t("span", { children: J }),
+    U && /* @__PURE__ */ o("div", { className: "bg-red-500/10 border-b border-red-500/20 px-4 py-3 text-red-400 text-sm flex items-center justify-between relative z-10", children: [
+      /* @__PURE__ */ t("span", { children: U }),
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: () => q(null),
+          onClick: () => j(null),
           className: "text-red-400/70 hover:text-red-400 transition-colors",
           children: /* @__PURE__ */ t("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "flex-1 overflow-hidden relative z-10", children: R.length === 0 && !S ? /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "text-center animate-fade-in", children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-hidden relative z-10", children: I.length === 0 && !y ? /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "text-center animate-fade-in", children: [
       /* @__PURE__ */ t("div", { className: "w-16 h-16 mx-auto mb-4 rounded-2xl bg-[#ccff00]/10 border border-[#ccff00]/20 flex items-center justify-center", children: /* @__PURE__ */ t("svg", { className: "w-8 h-8 text-[#ccff00]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z" }) }) }),
       /* @__PURE__ */ t("p", { className: "text-lg text-white/80", children: "Start a conversation" }),
-      /* @__PURE__ */ t("p", { className: "text-sm mt-1 text-white/40", children: l ? `Chat with ${(W == null ? void 0 : W.name) || l}` : "Select an agent to begin" })
+      /* @__PURE__ */ t("p", { className: "text-sm mt-1 text-white/40", children: l ? `Chat with ${(S == null ? void 0 : S.name) || l}` : "Select an agent to begin" })
     ] }) }) : /* @__PURE__ */ t(
-      fn,
+      gn,
       {
-        messages: R,
-        loading: N,
-        streamingContent: S
+        messages: I,
+        loading: K,
+        streamingContent: y
       }
     ) }),
     /* @__PURE__ */ t("div", { className: "relative z-10", children: /* @__PURE__ */ t(
-      vn,
+      yn,
       {
-        onSend: H,
+        onSend: v,
         disabled: !l,
-        loading: N,
-        queue: i ? U.map((p) => ({ id: p.id, text: p.prompt })) : de,
-        onCancelQueued: G,
-        sessionContext: se,
-        onSessionContextChange: Y,
-        envVars: xe,
-        onEnvVarsChange: j,
-        placeholder: l ? `Message ${(W == null ? void 0 : W.name) || l}...` : "Select an agent to start chatting"
+        loading: K,
+        queue: i ? he.map((g) => ({ id: g.id, text: g.prompt })) : X,
+        onCancelQueued: W,
+        sessionContext: H,
+        onSessionContextChange: ae,
+        envVars: Q,
+        onEnvVarsChange: L,
+        placeholder: l ? `Message ${(S == null ? void 0 : S.name) || l}...` : "Select an agent to start chatting"
       }
     ) }),
-    h && /* @__PURE__ */ o("div", { className: "px-4 py-2 border-t border-white/10 text-xs text-white/40 glass-panel relative z-10 flex items-center gap-2", children: [
+    f && /* @__PURE__ */ o("div", { className: "px-4 py-2 border-t border-white/10 text-xs text-white/40 glass-panel relative z-10 flex items-center gap-2", children: [
       /* @__PURE__ */ t("span", { className: "w-1.5 h-1.5 rounded-full bg-[#ccff00]" }),
       /* @__PURE__ */ o("span", { className: "font-mono", children: [
         "Session: ",
-        h.slice(0, 8),
+        f.slice(0, 8),
         "..."
       ] })
     ] })
@@ -4158,11 +4190,14 @@ function $r({
     e.map((d) => {
       switch (d.entryType.type) {
         case "user_message":
-          return /* @__PURE__ */ t(Ne, { from: "user", children: /* @__PURE__ */ t(Me, { content: d.content }) }, d.id);
+          return /* @__PURE__ */ t(Ce, { from: "user", children: /* @__PURE__ */ t(Me, { content: d.content }) }, d.id);
         case "assistant_message":
-          return /* @__PURE__ */ t(Ne, { from: "assistant", children: /* @__PURE__ */ t(Me, { content: d.content }) }, d.id);
+          return /* @__PURE__ */ t(Ce, { from: "assistant", children: /* @__PURE__ */ t(Me, { content: d.content }) }, d.id);
         case "thinking":
-          return /* @__PURE__ */ t(Gt, { isThinking: !1, defaultOpen: !1, children: d.content }, d.id);
+          return /* @__PURE__ */ o(Gt, { isStreaming: !1, autoExpand: !1, autoCollapse: !1, children: [
+            /* @__PURE__ */ t(Zt, {}),
+            /* @__PURE__ */ t(Yt, { children: d.content })
+          ] }, d.id);
         case "tool_call": {
           const l = d.entryType.toolCall;
           return /* @__PURE__ */ t(
@@ -4180,18 +4215,18 @@ function $r({
           );
         }
         case "error":
-          return /* @__PURE__ */ t(Ne, { from: "assistant", children: /* @__PURE__ */ t("div", { className: "text-red-400 bg-red-500/10 rounded-lg px-3 py-2", children: d.content }) }, d.id);
+          return /* @__PURE__ */ t(Ce, { from: "assistant", children: /* @__PURE__ */ t("div", { className: "text-red-400 bg-red-500/10 rounded-lg px-3 py-2", children: d.content }) }, d.id);
         default:
           return null;
       }
     }),
-    r && /* @__PURE__ */ t(Ne, { from: "assistant", children: /* @__PURE__ */ t(Me, { content: r, isStreaming: !0 }) }),
-    n && !r && /* @__PURE__ */ t(Ne, { from: "assistant", children: /* @__PURE__ */ t(sn, {}) })
+    r && /* @__PURE__ */ t(Ce, { from: "assistant", children: /* @__PURE__ */ t(Me, { content: r, isStreaming: !0 }) }),
+    n && !r && /* @__PURE__ */ t(Ce, { from: "assistant", children: /* @__PURE__ */ t(on, {}) })
   ] }) });
 }
 function Ar({ logs: e, isLoading: n, className: r }) {
   return /* @__PURE__ */ t(
-    un,
+    mn,
     {
       logs: e,
       title: "Sandbox Logs",
@@ -4200,7 +4235,7 @@ function Ar({ logs: e, isLoading: n, className: r }) {
     }
   );
 }
-function wn(e) {
+function bn(e) {
   if (e.startsWith("mcp__")) {
     const n = e.split("__");
     if (n.length >= 3)
@@ -4208,7 +4243,7 @@ function wn(e) {
   }
   return e;
 }
-function yn(e) {
+function kn(e) {
   if (e.startsWith("mcp__")) {
     const n = e.split("__");
     if (n.length >= 3 && n[1] !== void 0)
@@ -4219,7 +4254,7 @@ function yn(e) {
   }
   return null;
 }
-function bn(e, n) {
+function Nn(e, n) {
   const r = n || {};
   switch (e) {
     case "Bash":
@@ -4288,7 +4323,7 @@ function bn(e, n) {
       };
     }
     default: {
-      const s = yn(e);
+      const s = kn(e);
       return s ? {
         action: "mcp_tool",
         serverName: s.serverName,
@@ -4296,13 +4331,13 @@ function bn(e, n) {
         arguments: n
       } : {
         action: "generic_tool",
-        toolName: wn(e),
+        toolName: bn(e),
         arguments: n
       };
     }
   }
 }
-function kn(e, n, r) {
+function Cn(e, n, r) {
   switch (r.action) {
     case "command_run":
       const s = r.command;
@@ -4333,11 +4368,11 @@ function kn(e, n, r) {
       return "Unknown tool";
   }
 }
-function Nn(e) {
+function Tn(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.filter((n) => typeof (n == null ? void 0 : n.text) == "string").map((n) => n.text).join(`
 `) : e && typeof e == "object" && "text" in e ? String(e.text) : JSON.stringify(e, null, 2);
 }
-function Cn(e) {
+function _n(e) {
   if (typeof e == "string")
     try {
       return { type: "json", value: JSON.parse(e) };
@@ -4361,8 +4396,8 @@ function Cn(e) {
   }
   return { type: "json", value: e };
 }
-function Tn(e) {
-  const n = Nn(e);
+function In(e) {
+  const n = Tn(e);
   if (typeof e == "string")
     try {
       const r = JSON.parse(e);
@@ -4381,7 +4416,7 @@ function Tn(e) {
   };
 }
 function at(e) {
-  const n = bn(e.name, e.input), r = kn(e.name, e.input, n);
+  const n = Nn(e.name, e.input), r = Cn(e.name, e.input, n);
   return {
     id: e.id,
     toolName: e.name,
@@ -4394,15 +4429,15 @@ function at(e) {
 function ot(e, n, r) {
   const s = { ...e }, a = { ...e.actionType };
   if (s.status = r ? "failed" : "success", s.completedAt = (/* @__PURE__ */ new Date()).toISOString(), s.isError = r, a.action === "command_run") {
-    const i = Tn(n);
+    const i = In(n);
     a.result = i, i.exitCode !== void 0 && i.exitCode !== 0 && (s.status = "failed", s.isError = !0);
-  } else (a.action === "mcp_tool" || a.action === "generic_tool") && (a.result = Cn(n));
+  } else (a.action === "mcp_tool" || a.action === "generic_tool") && (a.result = _n(n));
   return s.actionType = a, s;
 }
-function _n(e) {
+function Mn(e) {
   return e.type === "tool_use";
 }
-function Mn(e) {
+function Sn(e) {
   return e.type === "tool_result";
 }
 function Rr(e) {
@@ -4419,7 +4454,7 @@ function Rr(e) {
           },
           content: u.text
         });
-      else if (_n(u)) {
+      else if (Mn(u)) {
         const d = at(u);
         r.set(u.id, d);
         const l = {
@@ -4432,21 +4467,21 @@ function Rr(e) {
           content: d.summary
         };
         n.push(l), s.set(u.id, l);
-      } else if (Mn(u)) {
+      } else if (Sn(u)) {
         const d = u.toolUseId, l = r.get(d);
         if (l) {
-          const f = ot(
+          const N = ot(
             l,
             u.content,
             u.isError
-          ), h = s.get(d);
-          h && h.entryType.type === "tool_call" && (h.entryType.toolCall = f), r.delete(d);
+          ), f = s.get(d);
+          f && f.entryType.type === "tool_call" && (f.entryType.toolCall = N), r.delete(d);
         }
       }
   }
   return n;
 }
-const Te = class Te {
+const _e = class _e {
   constructor() {
     ve(this, "entries", []);
     ve(this, "pendingToolCalls", /* @__PURE__ */ new Map());
@@ -4542,7 +4577,7 @@ const Te = class Te {
         console.warn("[ToolCallProcessor] Skipping potential duplicate delta");
         return;
       }
-      this.recentDeltas.push(s), this.recentDeltas.length > Te.MAX_RECENT_DELTAS && this.recentDeltas.shift();
+      this.recentDeltas.push(s), this.recentDeltas.length > _e.MAX_RECENT_DELTAS && this.recentDeltas.shift();
     }
     if (this.hadToolCallSinceText && this.currentTextEntryId && (this.currentTextContent = "", this.currentTextEntryId = null, this.hadToolCallSinceText = !1), this.currentTextContent += n, !this.currentTextEntryId)
       this.currentTextEntryId = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`, this.entries.push({
@@ -4636,35 +4671,35 @@ const Te = class Te {
     this.listeners.forEach((r) => r(n));
   }
 };
-ve(Te, "MAX_RECENT_DELTAS", 10);
-let Ie = Te;
+ve(_e, "MAX_RECENT_DELTAS", 10);
+let Le = _e;
 function jr() {
-  return new Ie();
+  return new Le();
 }
 export {
   gr as ActionIcon,
-  Ht as AlertCircleIcon,
+  qt as AlertCircleIcon,
   Vt as AlertTriangleIcon,
   lr as Attachment,
-  tn as AttachmentInfo,
-  en as AttachmentPreview,
-  nn as AttachmentRemove,
+  rn as AttachmentInfo,
+  nn as AttachmentPreview,
+  sn as AttachmentRemove,
   ir as Attachments,
-  tr as BrainIcon,
-  Ft as BugIcon,
-  vn as ChatInput,
-  Un as CheckCircleIcon,
+  rr as BrainIcon,
+  Pt as BugIcon,
+  yn as ChatInput,
+  Zn as CheckCircleIcon,
   Bt as CheckIcon,
-  qe as ChevronDownIcon,
+  He as ChevronDownIcon,
   Fn as ChevronLeftIcon,
-  Pe as ChevronRightIcon,
-  qn as ChevronUpIcon,
+  Fe as ChevronRightIcon,
+  Kn as ChevronUpIcon,
   Je as CodeBlock,
-  Pn as CodeIcon,
+  Jn as CodeIcon,
   Ct as Conversation,
   Tt as ConversationContent,
-  Rn as ConversationEmptyState,
-  jn as ConversationScrollButton,
+  zn as ConversationEmptyState,
+  Dn as ConversationScrollButton,
   Wt as CopyIcon,
   $t as EditIcon,
   fr as EnvVarsPanel,
@@ -4676,56 +4711,56 @@ export {
   Ot as InfoIcon,
   Ue as JsonDisplay,
   Ve as LazyMarkdown,
-  Jn as LoaderIcon,
-  sn as LoadingDots,
+  Gn as LoaderIcon,
+  on as LoadingDots,
   hr as LoadingSpinner,
-  un as LogsPanel,
-  Ne as Message,
-  Bn as MessageAction,
-  Wn as MessageActions,
-  zn as MessageAvatar,
-  Dn as MessageContent,
+  mn as LogsPanel,
+  Ce as Message,
+  Vn as MessageAction,
+  On as MessageActions,
+  Wn as MessageAvatar,
+  Bn as MessageContent,
   Me as MessageResponse,
   mr as MessageShimmer,
-  Qn as MessageSquareIcon,
-  On as MessageTimestamp,
+  tr as MessageSquareIcon,
+  qn as MessageTimestamp,
   Hn as MoonIcon,
   $r as NormalizedMessageList,
   pr as OptionCards,
-  Yn as PaperclipIcon,
+  Qn as PaperclipIcon,
   Er as Playground,
   jt as PlugIcon,
   Gt as Reasoning,
-  sr as ReasoningContent,
-  rr as ReasoningTrigger,
+  Yt as ReasoningContent,
+  Zt as ReasoningTrigger,
   Ar as SandboxLogsPanel,
   Re as SearchIcon,
-  Zn as SendIcon,
+  Xn as SendIcon,
   dr as Shimmer,
-  rn as ShimmerBlock,
-  ye as ShimmerLine,
+  an as ShimmerBlock,
+  be as ShimmerLine,
   ur as ShimmerText,
-  er as SparklesIcon,
+  nr as SparklesIcon,
   Lt as StatusIndicator,
-  Xn as StopCircleIcon,
-  Vn as SunIcon,
-  Zt as Task,
-  Xt as TaskContent,
-  Qt as TaskItem,
+  er as StopCircleIcon,
+  Pn as SunIcon,
+  Xt as Task,
+  en as TaskContent,
+  tn as TaskItem,
   or as TaskList,
-  Yt as TaskTrigger,
+  Qt as TaskTrigger,
   Ke as TerminalIcon,
   ar as ThinkingIndicator,
   Ze as Tool,
-  Ie as ToolCallProcessor,
+  Le as ToolCallProcessor,
   Kt as ToolHeader,
   zt as ToolIcon,
   Jt as ToolInput,
-  nr as ToolList,
+  sr as ToolList,
   Ut as ToolOutput,
-  Gn as XCircleIcon,
-  Kn as XIcon,
-  m as cn,
+  Yn as XCircleIcon,
+  Un as XIcon,
+  h as cn,
   bt as createToolCall,
   jr as createToolCallProcessor,
   vt as extractTextContent,
@@ -4733,10 +4768,10 @@ export {
   Nt as formatTimestamp,
   De as formatToolName,
   xt as generateToolSummary,
-  En as getActionIcon,
-  $n as getActionLabel,
+  An as getActionIcon,
+  Rn as getActionLabel,
   xr as isCommandRunAction,
-  Sr as isErrorEntry,
+  Mr as isErrorEntry,
   wr as isFileEditAction,
   vr as isFileReadAction,
   yr as isFileWriteAction,
@@ -4744,7 +4779,7 @@ export {
   kr as isGlobAction,
   Tr as isMcpToolAction,
   br as isSearchAction,
-  Mr as isToolCallEntry,
+  Ir as isToolCallEntry,
   Nr as isWebFetchAction,
   Cr as isWebSearchAction,
   gt as mapToolToActionType,
@@ -4752,14 +4787,14 @@ export {
   wt as normalizeToolResult,
   yt as parseCommandResult,
   pt as parseMcpToolName,
-  An as truncate,
+  jn as truncate,
   kt as updateToolCallWithResult,
-  Ir as useAgentChat,
-  Ee as useAttachment,
+  Sr as useAgentChat,
+  $e as useAttachment,
   Lr as useChat,
   Oe as useConversation,
-  Fe as useMessage,
+  Pe as useMessage,
   Xe as useReasoning,
   et as useTask,
-  Le as useTool
+  Ee as useTool
 };