@ash-cloud/ash-ai 0.1.13 → 0.1.15

package/dist/playground.js

@@ -1,9 +1,9 @@
-var it = Object.defineProperty;
-var lt = (e, n, r) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
-var se = (e, n, r) => lt(e, typeof n != "symbol" ? n + "" : n, r);
-import { lazy as ot, createContext as Je, useState as N, useRef as G, useEffect as z, useCallback as P, useMemo as ae, useContext as Ue, Suspense as ct, Fragment as $e } from "react";
-import { jsxs as a, jsx as t, Fragment as S } from "react/jsx-runtime";
-function dt(e) {
+var ot = Object.defineProperty;
+var ct = (e, n, r) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var se = (e, n, r) => ct(e, typeof n != "symbol" ? n + "" : n, r);
+import { lazy as dt, createContext as Je, useState as N, useCallback as F, useRef as V, useEffect as P, useMemo as ae, useContext as Ue, Suspense as ut, Fragment as $e } from "react";
+import { jsxs as a, jsx as t, Fragment as _ } from "react/jsx-runtime";
+function ht(e) {
   if (e.startsWith("mcp__")) {
     const n = e.split("__");
     if (n.length >= 3)
@@ -11,7 +11,7 @@ function dt(e) {
   }
   return e;
 }
-function ut(e) {
+function mt(e) {
   if (e.startsWith("mcp__")) {
     const n = e.split("__");
     if (n.length >= 3 && n[1] !== void 0)
@@ -22,7 +22,7 @@ function ut(e) {
   }
   return null;
 }
-function ht(e, n) {
+function pt(e, n) {
   const r = n || {};
   switch (e) {
     case "Bash":
@@ -114,7 +114,7 @@ function ht(e, n) {
         toolCallCount: 0
       };
     default: {
-      const s = ut(e);
+      const s = mt(e);
       return s ? {
         action: "mcp_tool",
         serverName: s.serverName,
@@ -122,13 +122,13 @@ function ht(e, n) {
         arguments: n
       } : {
         action: "generic_tool",
-        toolName: dt(e),
+        toolName: ht(e),
         arguments: n
       };
     }
   }
 }
-function mt(e, n, r) {
+function ft(e, n, r) {
   switch (r.action) {
     case "command_run": {
       const s = r.command;
@@ -162,11 +162,11 @@ function mt(e, n, r) {
       return "Unknown tool";
   }
 }
-function pt(e) {
+function xt(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 ft(e) {
+function gt(e) {
   if (typeof e == "string")
     try {
       return { type: "json", value: JSON.parse(e) };
@@ -190,8 +190,8 @@ function ft(e) {
   }
   return { type: "json", value: e };
 }
-function xt(e) {
-  const n = pt(e);
+function wt(e) {
+  const n = xt(e);
   if (typeof e == "string")
     try {
       const r = JSON.parse(e);
@@ -209,7 +209,7 @@ function xt(e) {
   };
 }
 function rr(e) {
-  const n = ht(e.name, e.input), r = mt(e.name, e.input, n);
+  const n = pt(e.name, e.input), r = ft(e.name, e.input, n);
   return {
     id: e.id,
     toolName: e.name,
@@ -223,9 +223,9 @@ function rr(e) {
 function sr(e, n, r) {
   const s = { ...e }, i = { ...e.actionType };
   if (s.status = r ? "failed" : "success", s.completedAt = (/* @__PURE__ */ new Date()).toISOString(), s.isError = r, s.output = n, i.action === "command_run") {
-    const l = xt(n);
+    const l = wt(n);
     i.result = l, l.exitCode !== void 0 && l.exitCode !== 0 && (s.status = "failed", s.isError = !0);
-  } else (i.action === "mcp_tool" || i.action === "generic_tool") && (i.result = ft(n));
+  } else (i.action === "mcp_tool" || i.action === "generic_tool") && (i.result = gt(n));
   return s.actionType = i, s;
 }
 function ar(e) {
@@ -303,7 +303,7 @@ function je(e) {
     return e;
   }
 }
-function He(e, n) {
+function Ve(e, n) {
   const r = typeof e == "string" ? new Date(e) : e, i = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), l = Math.floor(i / 1e3);
   if (l < 60)
     return `${l}s`;
@@ -313,10 +313,10 @@ function He(e, n) {
 function lr(e, n) {
   return e.length <= n ? e : e.substring(0, n - 3) + "...";
 }
-function m(...e) {
+function p(...e) {
   return e.filter(Boolean).join(" ");
 }
-function gt(e, n) {
+function vt(e, n) {
   const r = [];
   let s = [], i = 0;
   const l = () => {
@@ -330,12 +330,12 @@ function gt(e, n) {
     c.entryType.type === "tool_call" ? (s.push(c), n.breakEveryNToolCalls && n.breakEveryNToolCalls > 0 && s.length >= n.breakEveryNToolCalls && l()) : (l(), r.push({ type: "single", entry: c }));
   return l(), r;
 }
-function wt(e) {
+function yt(e) {
   return e.filter(
     (n) => n.entryType.type === "tool_call"
   ).map((n) => n.entryType.toolCall);
 }
-function vt(e) {
+function bt(e) {
   const n = /(?:\*\*)?Option\s+(\d+)(?:\*\*)?[:\-]\s*([^\n]+)(?:\n((?:(?!\n(?:\*\*)?Option\s+\d).)*?))?/gi, r = [];
   let s = -1, i;
   for (n.lastIndex = 0; (i = n.exec(e)) !== null; ) {
@@ -343,9 +343,9 @@ function vt(e) {
     const h = i[1] ?? "", o = i[2], f = o ? o.trim() : "", d = i[3];
     let x;
     if (d) {
-      const p = d.split(`
-`).map((v) => v.trim()).filter((v) => v.length > 0).join(" ");
-      p && (x = p);
+      const m = d.split(`
+`).map((w) => w.trim()).filter((w) => w.length > 0).join(" ");
+      m && (x = m);
     }
     r.push({ id: h, label: f, description: x });
   }
@@ -356,10 +356,10 @@ function vt(e) {
     const h = c[1].trim(), o = c[2], f = /(\d+)\.\s+([^\n]+)/g;
     let d;
     for (; (d = f.exec(o)) !== null; ) {
-      const x = d[1] ?? "", p = d[2], v = p ? p.trim() : "";
+      const x = d[1] ?? "", m = d[2], w = m ? m.trim() : "";
       r.push({
         id: x,
-        label: v
+        label: w
       });
     }
     if (r.length >= 2)
@@ -386,7 +386,7 @@ function cr({ className: e }) {
 function We({ 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 ye({ className: e }) {
+function be({ 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 dr({ className: e }) {
@@ -395,7 +395,7 @@ function dr({ className: e }) {
 function ur({ 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 Ee({ className: e }) {
+function Ie({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("polyline", { points: "4 17 10 11 4 5" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
@@ -415,7 +415,7 @@ function Oe({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
   ] });
 }
-function yt({ className: e }) {
+function Nt({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
     /* @__PURE__ */ t("polyline", { points: "14 2 14 8 20 8" }),
@@ -423,30 +423,30 @@ function yt({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "9", y1: "15", x2: "15", y2: "15" })
   ] });
 }
-function Te({ className: e }) {
+function Se({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ t("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function bt({ className: e }) {
+function kt({ className: e }) {
   return /* @__PURE__ */ a("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: "2", y1: "12", x2: "22", y2: "12" }),
     /* @__PURE__ */ t("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
   ] });
 }
-function Nt({ className: e }) {
+function Ct({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M12 2v6" }),
     /* @__PURE__ */ t("path", { d: "M6 6v4a6 6 0 0 0 12 0V6" }),
     /* @__PURE__ */ t("path", { d: "M12 16v6" })
   ] });
 }
-function kt({ className: e }) {
+function _t({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) });
 }
-function Ct({ className: e }) {
+function Tt({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }),
     /* @__PURE__ */ t("circle", { cx: "11", cy: "13", r: "3" }),
@@ -459,22 +459,22 @@ function hr({ className: e }) {
     /* @__PURE__ */ t("polyline", { points: "8 6 2 12 8 18" })
   ] });
 }
-function mr({ className: e }) {
+function St({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] });
 }
-function _t({ className: e }) {
+function Ye({ 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 pr({ className: e }) {
+function mr({ className: e }) {
   return /* @__PURE__ */ a("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 Tt({ className: e }) {
+function Mt({ className: e }) {
   return /* @__PURE__ */ a("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" }),
@@ -486,28 +486,28 @@ function Tt({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function St({ className: e }) {
+function Et({ className: e }) {
   return /* @__PURE__ */ a("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: "16", x2: "12", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] });
 }
-function Ye({ className: e }) {
+function Ze({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] });
 }
-function Mt({ className: e }) {
+function It({ className: e }) {
   return /* @__PURE__ */ a("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 Et({ className: e }) {
+function Lt({ className: e }) {
   return /* @__PURE__ */ a("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" }),
@@ -518,51 +518,51 @@ function Et({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M12 2v4" })
   ] });
 }
-function It({ className: e }) {
+function $t({ className: e }) {
   return /* @__PURE__ */ a("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 Lt({ className: e }) {
+function Rt({ className: e }) {
   return /* @__PURE__ */ a("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 fr({ className: e }) {
+function pr({ className: e }) {
   return /* @__PURE__ */ a("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 $t({ className: e }) {
+function At({ 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 xr({ className: e }) {
+function fr({ className: e }) {
   return /* @__PURE__ */ a("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 gr({ className: e }) {
+function xr({ 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 Rt({ className: e }) {
+function Qe({ className: e }) {
   return /* @__PURE__ */ a("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 wr({ className: e }) {
+function gr({ className: e }) {
   return /* @__PURE__ */ a("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 me({ className: e }) {
+function xe({ className: e }) {
   return /* @__PURE__ */ a("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" }),
@@ -572,16 +572,16 @@ function me({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M15 13v2" })
   ] });
 }
-function At({ className: e }) {
+function Dt({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
     /* @__PURE__ */ t("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "7", r: "4" })
   ] });
 }
-function Dt({ className: e }) {
+function jt({ className: e }) {
   return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }) });
 }
-function jt({ className: e }) {
+function Wt({ className: e }) {
   return /* @__PURE__ */ a("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" }),
@@ -591,16 +591,16 @@ function jt({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M3 18l2 2 4-4" })
   ] });
 }
-function Wt({ className: e }) {
+function Bt({ className: e }) {
   return /* @__PURE__ */ a("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("polyline", { points: "12 6 12 12 16 14" })
   ] });
 }
-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("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
 }
-function Bt({ status: e, size: n = "sm", className: r }) {
+function Ot({ status: e, size: n = "sm", className: r }) {
   const s = {
     sm: "w-2 h-2",
     md: "w-3 h-3",
@@ -613,7 +613,7 @@ function Bt({ status: e, size: n = "sm", className: r }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: p(
         "rounded-full flex-shrink-0",
         s[n],
         i[e],
@@ -622,61 +622,84 @@ function Bt({ status: e, size: n = "sm", className: r }) {
     }
   );
 }
-function Ze({ actionType: e, className: n = "w-4 h-4" }) {
+function Xe({ actionType: e, className: n = "w-4 h-4" }) {
   switch (e.action) {
     case "command_run":
-      return /* @__PURE__ */ t(Ee, { className: n });
+      return /* @__PURE__ */ t(Ie, { className: n });
     case "file_read":
       return /* @__PURE__ */ t(Be, { className: n });
     case "file_edit":
       return /* @__PURE__ */ t(Oe, { className: n });
     case "file_write":
-      return /* @__PURE__ */ t(yt, { className: n });
+      return /* @__PURE__ */ t(Nt, { className: n });
     case "search":
-      return /* @__PURE__ */ t(Te, { className: n });
+      return /* @__PURE__ */ t(Se, { className: n });
     case "glob":
-      return /* @__PURE__ */ t(Ct, { className: n });
+      return /* @__PURE__ */ t(Tt, { className: n });
     case "web_fetch":
-      return /* @__PURE__ */ t(bt, { className: n });
+      return /* @__PURE__ */ t(kt, { className: n });
     case "web_search":
-      return /* @__PURE__ */ t(Te, { className: n });
+      return /* @__PURE__ */ t(Se, { className: n });
     case "mcp_tool":
-      return /* @__PURE__ */ t(Nt, { className: n });
+      return /* @__PURE__ */ t(Ct, { className: n });
     case "todo_write":
-      return /* @__PURE__ */ t(jt, { className: n });
+      return /* @__PURE__ */ t(Wt, { className: n });
     case "agent_tool":
-      return /* @__PURE__ */ t(me, { className: n });
+      return /* @__PURE__ */ t(xe, { className: n });
     case "generic_tool":
     default:
-      return /* @__PURE__ */ t(kt, { className: n });
+      return /* @__PURE__ */ t(_t, { className: n });
   }
 }
-function ce({
+function oe({
   children: e,
   maxHeight: n = 200,
   language: r,
   showLineNumbers: s = !1,
   className: i
 }) {
-  const [l, c] = N(!1), h = e.split(`
-`), o = h.length > 10 || e.length > 500;
-  return /* @__PURE__ */ a("div", { className: m("relative", i), children: [
+  const [l, c] = N(!1), [h, o] = N(!1), f = e.split(`
+`), d = f.length > 10 || e.length > 500, x = F(async () => {
+    try {
+      await navigator.clipboard.writeText(e), o(!0), setTimeout(() => o(!1), 2e3);
+    } catch (m) {
+      console.error("Failed to copy:", m);
+    }
+  }, [e]);
+  return /* @__PURE__ */ a("div", { className: p("relative rounded-lg overflow-hidden border border-white/10", i), children: [
+    /* @__PURE__ */ a("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: x,
+          className: "flex items-center gap-1.5 text-xs text-white/60 hover:text-white transition-colors",
+          children: h ? /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ t(Ye, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ t("span", { children: "Copied!" })
+          ] }) : /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ t(St, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ t("span", { children: "Copy" })
+          ] })
+        }
+      )
+    ] }),
     /* @__PURE__ */ t(
       "pre",
       {
-        className: m(
-          "ash-tool-code-block text-xs font-mono text-white/90 p-3 rounded-xl overflow-x-auto whitespace-pre-wrap break-words",
-          !l && o && "overflow-y-hidden"
+        className: p(
+          "text-xs font-mono text-white/90 p-4 bg-black/30 overflow-x-auto whitespace-pre-wrap break-words",
+          !l && d && "overflow-y-hidden"
         ),
-        style: !l && o ? { maxHeight: n } : void 0,
+        style: !l && d ? { maxHeight: n } : void 0,
         "data-language": r,
-        children: s ? /* @__PURE__ */ t("code", { children: h.map((f, d) => /* @__PURE__ */ a("span", { className: "block", children: [
-          /* @__PURE__ */ t("span", { className: "inline-block w-8 text-white/30 select-none text-right pr-2", children: d + 1 }),
-          /* @__PURE__ */ t("span", { className: "text-white/80", children: f })
-        ] }, d)) }) : /* @__PURE__ */ t("code", { className: "text-white/80", children: e })
+        children: s ? /* @__PURE__ */ t("code", { children: f.map((m, w) => /* @__PURE__ */ a("span", { className: "block", children: [
+          /* @__PURE__ */ t("span", { className: "inline-block w-8 text-white/30 select-none text-right pr-2", children: w + 1 }),
+          /* @__PURE__ */ t("span", { className: "text-white/80", children: m })
+        ] }, w)) }) : /* @__PURE__ */ t("code", { className: "text-white/80", children: e })
       }
     ),
-    o && !l && /* @__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(
+    d && !l && /* @__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: () => c(!0),
@@ -684,7 +707,7 @@ function ce({
         children: "Show more"
       }
     ) }),
-    o && l && /* @__PURE__ */ t(
+    d && l && /* @__PURE__ */ t(
       "button",
       {
         onClick: () => c(!1),
@@ -694,43 +717,43 @@ function ce({
     )
   ] });
 }
-function Se({ value: e, maxHeight: n, className: r }) {
+function Me({ value: e, maxHeight: n, className: r }) {
   const s = JSON.stringify(e, null, 2);
-  return /* @__PURE__ */ t(ce, { maxHeight: n, className: r, children: s });
+  return /* @__PURE__ */ t(oe, { maxHeight: n, className: r, children: s });
 }
-function Qe({
+function et({
   toolCall: e,
   defaultExpanded: n = !1,
   className: r,
   depth: s = 0
 }) {
-  const [i, l] = N(n), [c, h] = N(""), o = G(null), { actionType: f, status: d, summary: x, nestedToolCalls: p, nestedToolCallCount: v, startedAt: E } = e, D = ae(() => {
+  const [i, l] = N(n), [c, h] = N(""), o = V(null), { actionType: f, status: d, summary: x, nestedToolCalls: m, nestedToolCallCount: w, startedAt: E } = e, D = ae(() => {
     if (f.action !== "agent_tool")
       return null;
-    const j = f;
+    const W = f;
     return {
-      agentType: j.agentType,
-      description: j.description,
-      prompt: j.prompt
+      agentType: W.agentType,
+      description: W.description,
+      prompt: W.prompt
     };
-  }, [f]), R = v ?? (p == null ? void 0 : p.length) ?? 0, _ = d === "pending";
-  if (z(() => {
-    if (_ && E)
-      return h(He(E)), o.current = setInterval(() => {
-        h(He(E));
+  }, [f]), R = w ?? (m == null ? void 0 : m.length) ?? 0, T = d === "pending";
+  if (P(() => {
+    if (T && E)
+      return h(Ve(E)), o.current = setInterval(() => {
+        h(Ve(E));
       }, 1e3), () => {
         o.current && (clearInterval(o.current), o.current = null);
       };
-    _ || (o.current && (clearInterval(o.current), o.current = null), h(""));
-  }, [_, E]), !D)
+    T || (o.current && (clearInterval(o.current), o.current = null), h(""));
+  }, [T, E]), !D)
     return null;
-  const { agentType: Q, description: T, prompt: F } = D, A = s > 0 ? "ml-4" : "";
+  const { agentType: X, description: S, prompt: G } = D, A = s > 0 ? "ml-4" : "";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: p(
         "rounded-xl border bg-[var(--ash-surface-dark,#0a0a0a)] overflow-hidden",
-        _ ? "border-yellow-500/30" : d === "failed" ? "border-red-500/30" : "border-white/10",
+        T ? "border-yellow-500/30" : d === "failed" ? "border-red-500/30" : "border-white/10",
         A,
         r
       ),
@@ -742,9 +765,9 @@ function Qe({
             className: "w-full px-4 py-3 flex items-center gap-3 hover:bg-white/5 cursor-pointer transition-colors",
             children: [
               /* @__PURE__ */ t(
-                ye,
+                be,
                 {
-                  className: m(
+                  className: p(
                     "w-4 h-4 text-white/40 transition-transform duration-200 shrink-0",
                     i && "rotate-90"
                   )
@@ -753,19 +776,19 @@ function Qe({
               /* @__PURE__ */ t(
                 "div",
                 {
-                  className: m(
+                  className: p(
                     "w-6 h-6 rounded-lg flex items-center justify-center shrink-0",
-                    _ ? "bg-yellow-500/20" : d === "failed" ? "bg-red-500/20" : "bg-[var(--ash-accent)]/20"
+                    T ? "bg-yellow-500/20" : d === "failed" ? "bg-red-500/20" : "bg-[var(--ash-accent)]/20"
                   ),
-                  children: _ ? /* @__PURE__ */ t(
-                    qe,
+                  children: T ? /* @__PURE__ */ t(
+                    He,
                     {
                       className: "w-3.5 h-3.5 text-yellow-400 animate-spin"
                     }
                   ) : /* @__PURE__ */ t(
-                    me,
+                    xe,
                     {
-                      className: m(
+                      className: p(
                         "w-3.5 h-3.5",
                         d === "failed" ? "text-red-400" : "text-[var(--ash-accent)]"
                       )
@@ -776,21 +799,21 @@ function Qe({
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: m(
+                  className: p(
                     "px-2 py-0.5 rounded text-xs font-medium shrink-0",
-                    _ ? "bg-yellow-500/20 text-yellow-400" : d === "failed" ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/70"
+                    T ? "bg-yellow-500/20 text-yellow-400" : d === "failed" ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/70"
                   ),
-                  children: Q
+                  children: X
                 }
               ),
-              /* @__PURE__ */ t("span", { className: "text-sm text-white/80 truncate flex-1 text-left", children: T || x }),
+              /* @__PURE__ */ t("span", { className: "text-sm text-white/80 truncate flex-1 text-left", children: S || x }),
               R > 0 && /* @__PURE__ */ a("span", { className: "text-xs text-white/50 shrink-0", children: [
                 R,
                 " tool call",
                 R !== 1 ? "s" : ""
               ] }),
-              _ && c && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs text-white/40 shrink-0", children: [
-                /* @__PURE__ */ t(Wt, { className: "w-3 h-3" }),
+              T && c && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs text-white/40 shrink-0", children: [
+                /* @__PURE__ */ t(Bt, { className: "w-3 h-3" }),
                 /* @__PURE__ */ t("span", { children: c })
               ] }),
               /* @__PURE__ */ t("span", { className: "text-white/30 shrink-0", children: "..." })
@@ -798,26 +821,26 @@ function Qe({
           }
         ),
         i && /* @__PURE__ */ a("div", { className: "border-t border-white/5 bg-black/20", children: [
-          F && /* @__PURE__ */ t("div", { className: "px-4 py-3 border-b border-white/5", children: /* @__PURE__ */ t("p", { className: "text-sm text-white/70 whitespace-pre-wrap", children: F.length > 500 ? F.substring(0, 500) + "..." : F }) }),
-          p && p.length > 0 && /* @__PURE__ */ t("div", { className: "p-3 space-y-2", children: p.map((j) => /* @__PURE__ */ t("div", { children: j.actionType.action === "agent_tool" ? /* @__PURE__ */ t(
-            Qe,
+          G && /* @__PURE__ */ t("div", { className: "px-4 py-3 border-b border-white/5", children: /* @__PURE__ */ t("p", { className: "text-sm text-white/70 whitespace-pre-wrap", children: G.length > 500 ? G.substring(0, 500) + "..." : G }) }),
+          m && m.length > 0 && /* @__PURE__ */ t("div", { className: "p-3 space-y-2", children: m.map((W) => /* @__PURE__ */ t("div", { children: W.actionType.action === "agent_tool" ? /* @__PURE__ */ t(
+            et,
             {
-              toolCall: j,
+              toolCall: W,
               defaultExpanded: !1,
               depth: s + 1
             }
           ) : /* @__PURE__ */ t(
             ze,
             {
-              toolCall: j,
+              toolCall: W,
               defaultExpanded: !1
             }
-          ) }, j.id)) }),
-          (!p || p.length === 0) && _ && /* @__PURE__ */ t("div", { className: "px-4 py-6 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-white/40", children: [
-            /* @__PURE__ */ t(qe, { className: "w-4 h-4 animate-spin" }),
+          ) }, W.id)) }),
+          (!m || m.length === 0) && T && /* @__PURE__ */ t("div", { className: "px-4 py-6 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-white/40", children: [
+            /* @__PURE__ */ t(He, { className: "w-4 h-4 animate-spin" }),
             /* @__PURE__ */ t("span", { children: "Agent is working..." })
           ] }) }),
-          (!p || p.length === 0) && !_ && /* @__PURE__ */ t("div", { className: "px-4 py-4 text-sm text-white/40 text-center", children: "No tool calls recorded" })
+          (!m || m.length === 0) && !T && /* @__PURE__ */ t("div", { className: "px-4 py-4 text-sm text-white/40 text-center", children: "No tool calls recorded" })
         ] })
       ]
     }
@@ -829,17 +852,17 @@ function L({ children: e }) {
 function $({ children: e }) {
   return /* @__PURE__ */ t("div", { className: "px-3 py-1.5", children: e });
 }
-function Ot({ action: e }) {
+function zt({ action: e }) {
   var n;
-  return /* @__PURE__ */ a(S, { children: [
-    e.command && /* @__PURE__ */ a(S, { children: [
+  return /* @__PURE__ */ a(_, { children: [
+    e.command && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "COMMAND" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(ce, { children: e.command }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(oe, { children: e.command }) })
     ] }),
-    ((n = e.result) == null ? void 0 : n.output) && /* @__PURE__ */ a(S, { children: [
+    ((n = e.result) == null ? void 0 : n.output) && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "OUTPUT" }),
       /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ t(ce, { maxHeight: 300, children: e.result.output }),
+        /* @__PURE__ */ t(oe, { maxHeight: 300, children: e.result.output }),
         e.result.exitCode !== void 0 && e.result.exitCode !== 0 && /* @__PURE__ */ a("div", { className: "mt-2 text-xs text-red-400", children: [
           "Exit code: ",
           e.result.exitCode
@@ -848,8 +871,8 @@ function Ot({ action: e }) {
     ] })
   ] });
 }
-function zt({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Ft({ action: e }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "PATH" }),
     /* @__PURE__ */ a($, { children: [
       /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.path }),
@@ -867,32 +890,32 @@ function zt({ action: e }) {
     ] })
   ] });
 }
-function Ft({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Pt({ action: e }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "PATH" }),
     /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.path }) }),
-    e.oldString && /* @__PURE__ */ a(S, { children: [
+    e.oldString && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "OLD" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(ce, { children: e.oldString }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(oe, { children: e.oldString }) })
     ] }),
-    e.newString && /* @__PURE__ */ a(S, { children: [
+    e.newString && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "NEW" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(ce, { children: e.newString }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(oe, { children: e.newString }) })
     ] })
   ] });
 }
-function Pt({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Gt({ action: e }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "PATH" }),
     /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.path }) }),
-    e.content && /* @__PURE__ */ a(S, { children: [
+    e.content && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "CONTENT" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(ce, { maxHeight: 300, children: e.content }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(oe, { maxHeight: 300, children: e.content }) })
     ] })
   ] });
 }
-function Gt({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Vt({ action: e }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "PATTERN" }),
     /* @__PURE__ */ a($, { children: [
       /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.pattern }),
@@ -914,7 +937,7 @@ function Gt({ action: e }) {
   ] });
 }
 function Ht({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "PATTERN" }),
     /* @__PURE__ */ a($, { children: [
       /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.pattern }),
@@ -926,7 +949,7 @@ function Ht({ action: e }) {
   ] });
 }
 function qt({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "URL" }),
     /* @__PURE__ */ a($, { children: [
       /* @__PURE__ */ t(
@@ -943,46 +966,46 @@ function qt({ action: e }) {
     ] })
   ] });
 }
-function Vt({ action: e }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Jt({ action: e }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "QUERY" }),
     /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("span", { className: "text-sm text-white/90", children: e.query }) })
   ] });
 }
-function Jt({ action: e, isError: n }) {
-  return /* @__PURE__ */ a(S, { children: [
+function Ut({ action: e, isError: n }) {
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ t(L, { children: "TOOL" }),
     /* @__PURE__ */ t($, { children: /* @__PURE__ */ a("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: [
       e.serverName,
       ":",
       e.toolName
     ] }) }),
-    e.arguments && /* @__PURE__ */ a(S, { children: [
+    e.arguments && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "ARGS" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Se, { value: e.arguments }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Me, { value: e.arguments }) })
     ] }),
-    e.result && /* @__PURE__ */ a(S, { children: [
+    e.result && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: n ? "ERROR" : "RESULT" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("div", { className: n ? "text-red-400" : "", children: e.result.type === "markdown" ? /* @__PURE__ */ t(ce, { children: String(e.result.value) }) : /* @__PURE__ */ t(Se, { value: e.result.value }) }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("div", { className: n ? "text-red-400" : "", children: e.result.type === "markdown" ? /* @__PURE__ */ t(oe, { children: String(e.result.value) }) : /* @__PURE__ */ t(Me, { value: e.result.value }) }) })
     ] })
   ] });
 }
-function Ut({ action: e, isError: n }) {
-  return /* @__PURE__ */ a(S, { children: [
-    e.arguments && /* @__PURE__ */ a(S, { children: [
+function Kt({ action: e, isError: n }) {
+  return /* @__PURE__ */ a(_, { children: [
+    e.arguments && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "ARGS" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Se, { value: e.arguments }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Me, { value: e.arguments }) })
     ] }),
-    e.result && /* @__PURE__ */ a(S, { children: [
+    e.result && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: n ? "ERROR" : "RESULT" }),
-      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("div", { className: n ? "text-red-400" : "", children: e.result.type === "markdown" ? /* @__PURE__ */ t(ce, { children: String(e.result.value) }) : /* @__PURE__ */ t(Se, { value: e.result.value }) }) })
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("div", { className: n ? "text-red-400" : "", children: e.result.type === "markdown" ? /* @__PURE__ */ t(oe, { children: String(e.result.value) }) : /* @__PURE__ */ t(Me, { value: e.result.value }) }) })
     ] })
   ] });
 }
-function Kt({ action: e }) {
+function Yt({ action: e }) {
   const { todos: n, stats: r } = e;
-  return /* @__PURE__ */ a(S, { children: [
-    r && /* @__PURE__ */ a(S, { children: [
+  return /* @__PURE__ */ a(_, { children: [
+    r && /* @__PURE__ */ a(_, { children: [
       /* @__PURE__ */ t(L, { children: "PROGRESS" }),
       /* @__PURE__ */ a($, { children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
@@ -1017,17 +1040,17 @@ function Kt({ action: e }) {
       return /* @__PURE__ */ a(
         "div",
         {
-          className: m(
+          className: p(
             "flex items-start gap-2 py-1 transition-all duration-200",
             s.status === "completed" && "opacity-50",
             s.status === "in_progress" && "bg-yellow-500/10 -mx-2 px-2 rounded"
           ),
           children: [
-            s.status === "completed" ? /* @__PURE__ */ t(It, { className: "w-4 h-4 text-emerald-400 shrink-0 mt-0.5" }) : s.status === "in_progress" ? /* @__PURE__ */ t(Tt, { className: "w-4 h-4 text-yellow-400 animate-spin shrink-0 mt-0.5" }) : /* @__PURE__ */ t(Dt, { className: "w-4 h-4 text-white/30 shrink-0 mt-0.5" }),
+            s.status === "completed" ? /* @__PURE__ */ t($t, { className: "w-4 h-4 text-emerald-400 shrink-0 mt-0.5" }) : s.status === "in_progress" ? /* @__PURE__ */ t(Mt, { className: "w-4 h-4 text-yellow-400 animate-spin shrink-0 mt-0.5" }) : /* @__PURE__ */ t(jt, { className: "w-4 h-4 text-white/30 shrink-0 mt-0.5" }),
             /* @__PURE__ */ a(
               "span",
               {
-                className: m(
+                className: p(
                   "text-sm leading-relaxed",
                   s.status === "completed" ? "text-white/50 line-through" : "text-white/80"
                 ),
@@ -1047,35 +1070,35 @@ function Kt({ action: e }) {
     }) }) })
   ] });
 }
-function Yt({ actionType: e, isError: n }) {
+function Zt({ actionType: e, isError: n }) {
   switch (e.action) {
     case "command_run":
-      return /* @__PURE__ */ t(Ot, { action: e });
-    case "file_read":
       return /* @__PURE__ */ t(zt, { action: e });
-    case "file_edit":
+    case "file_read":
       return /* @__PURE__ */ t(Ft, { action: e });
-    case "file_write":
+    case "file_edit":
       return /* @__PURE__ */ t(Pt, { action: e });
-    case "search":
+    case "file_write":
       return /* @__PURE__ */ t(Gt, { action: e });
+    case "search":
+      return /* @__PURE__ */ t(Vt, { action: e });
     case "glob":
       return /* @__PURE__ */ t(Ht, { action: e });
     case "web_fetch":
       return /* @__PURE__ */ t(qt, { action: e });
     case "web_search":
-      return /* @__PURE__ */ t(Vt, { action: e });
+      return /* @__PURE__ */ t(Jt, { action: e });
     case "mcp_tool":
-      return /* @__PURE__ */ t(Jt, { action: e, isError: n });
-    case "generic_tool":
       return /* @__PURE__ */ t(Ut, { action: e, isError: n });
+    case "generic_tool":
+      return /* @__PURE__ */ t(Kt, { action: e, isError: n });
     case "todo_write":
-      return /* @__PURE__ */ t(Kt, { action: e });
+      return /* @__PURE__ */ t(Yt, { action: e });
     default:
       return null;
   }
 }
-function Zt(e) {
+function Qt(e) {
   var n;
   switch (e.action) {
     case "command_run":
@@ -1111,18 +1134,18 @@ function ze({ toolCall: e, defaultExpanded: n = !1, className: r }) {
   const [s, i] = N(n), { actionType: l, status: c, summary: h } = e;
   if (l.action === "agent_tool")
     return /* @__PURE__ */ t(
-      Qe,
+      et,
       {
         toolCall: e,
         defaultExpanded: n,
         className: r
       }
     );
-  const o = Zt(l);
+  const o = Qt(l);
   return /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: p(
         "rounded-lg border bg-[var(--ash-surface-dark,#0a0a0a)] overflow-hidden",
         {
           pending: "border-yellow-500/30 ash-tool-status-pending",
@@ -1136,21 +1159,21 @@ function ze({ toolCall: e, defaultExpanded: n = !1, className: r }) {
           "button",
           {
             onClick: () => o && i(!s),
-            className: m(
+            className: p(
               "w-full px-3 py-2 flex items-center justify-between transition-colors",
               o ? "hover:bg-white/5 cursor-pointer" : "cursor-default"
             ),
             disabled: !o,
             children: [
               /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-                /* @__PURE__ */ t("div", { className: m(
+                /* @__PURE__ */ t("div", { className: p(
                   "w-5 h-5 rounded flex items-center justify-center shrink-0",
                   c === "pending" ? "bg-yellow-500/20" : c === "failed" ? "bg-red-500/20" : "bg-[var(--ash-accent)]/20"
                 ), children: /* @__PURE__ */ t(
-                  Ze,
+                  Xe,
                   {
                     actionType: l,
-                    className: m(
+                    className: p(
                       "w-3 h-3",
                       c === "pending" ? "text-yellow-400" : c === "failed" ? "text-red-400" : "text-[var(--ash-accent)]"
                     )
@@ -1160,11 +1183,11 @@ function ze({ toolCall: e, defaultExpanded: n = !1, className: r }) {
                 /* @__PURE__ */ t("span", { className: "font-mono text-[12px] truncate text-white/50 min-w-0", children: h })
               ] }),
               /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-                /* @__PURE__ */ t(Bt, { status: c, size: "sm" }),
+                /* @__PURE__ */ t(Ot, { status: c, size: "sm" }),
                 o && /* @__PURE__ */ t(
                   We,
                   {
-                    className: m(
+                    className: p(
                       "w-3.5 h-3.5 text-white/30 transition-transform duration-200",
                       s && "rotate-180"
                     )
@@ -1175,13 +1198,13 @@ function ze({ toolCall: e, defaultExpanded: n = !1, className: r }) {
           }
         ),
         s && o && /* @__PURE__ */ a("div", { className: "border-t border-white/5 max-h-[350px] overflow-y-auto ash-scrollbar bg-black/20", children: [
-          /* @__PURE__ */ t(Yt, { actionType: l, isError: e.isError || c === "failed" }),
+          /* @__PURE__ */ t(Zt, { actionType: l, isError: e.isError || c === "failed" }),
           c === "success" && /* @__PURE__ */ t("div", { className: "px-3 py-2 border-t border-white/5 bg-[var(--ash-accent)]/5", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ t(_t, { className: "w-3.5 h-3.5 text-[var(--ash-accent)]" }),
+            /* @__PURE__ */ t(Ye, { className: "w-3.5 h-3.5 text-[var(--ash-accent)]" }),
             /* @__PURE__ */ t("span", { className: "text-[12px] text-[var(--ash-accent)] font-medium", children: "Completed" })
           ] }) }),
           c === "failed" && /* @__PURE__ */ t("div", { className: "px-3 py-2 border-t border-red-500/20 bg-red-500/10", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ t(Lt, { className: "w-3.5 h-3.5 text-red-400" }),
+            /* @__PURE__ */ t(Rt, { className: "w-3.5 h-3.5 text-red-400" }),
             /* @__PURE__ */ t("span", { className: "text-[12px] text-red-400 font-medium", children: "Failed" })
           ] }) })
         ] })
@@ -1189,19 +1212,19 @@ function ze({ toolCall: e, defaultExpanded: n = !1, className: r }) {
     }
   );
 }
-var Qt = ot(() => import("./index-DJwpy-R5.js"));
+var Xt = dt(() => import("./index-DJwpy-R5.js"));
 function Fe({ children: e, fallback: n, components: r, className: s }) {
   const [i, l] = N(!1);
-  z(() => {
+  P(() => {
     l(!0);
   }, []);
   const c = ae(() => {
     if (r)
       return r;
   }, [r]);
-  return i ? /* @__PURE__ */ t(ct, { fallback: /* @__PURE__ */ t("span", { className: s, children: n ?? e }), children: /* @__PURE__ */ t(Qt, { components: c, children: e }) }) : /* @__PURE__ */ t("span", { className: s, children: n ?? e });
+  return i ? /* @__PURE__ */ t(ut, { fallback: /* @__PURE__ */ t("span", { className: s, children: n ?? e }), children: /* @__PURE__ */ t(Xt, { components: c, children: e }) }) : /* @__PURE__ */ t("span", { className: s, children: n ?? e });
 }
-function Xt({ segment: e }) {
+function en({ segment: e }) {
   const n = e.color ? `${e.color}20` : "rgba(34, 197, 94, 0.2)", r = e.color || "#22c55e", s = e.color ? `${e.color}40` : "rgba(34, 197, 94, 0.4)";
   return /* @__PURE__ */ a(
     "span",
@@ -1220,18 +1243,18 @@ function Xt({ segment: e }) {
     }
   );
 }
-function en({
+function tn({
   content: e,
   renderers: n,
   className: r
 }) {
-  return /* @__PURE__ */ t("div", { className: m("rich-content", r), children: e.map((s, i) => {
+  return /* @__PURE__ */ t("div", { className: p("rich-content", r), children: e.map((s, i) => {
     const l = `segment-${i}`;
     switch (s.type) {
       case "text":
         return /* @__PURE__ */ t($e, { children: /* @__PURE__ */ t(Fe, { children: s.content }) }, l);
       case "mention":
-        return n != null && n.renderMention ? /* @__PURE__ */ t($e, { children: n.renderMention({ segment: s }) }, l) : /* @__PURE__ */ t(Xt, { segment: s }, l);
+        return n != null && n.renderMention ? /* @__PURE__ */ t($e, { children: n.renderMention({ segment: s }) }, l) : /* @__PURE__ */ t(en, { segment: s }, l);
       case "component":
         return n != null && n.renderComponent ? /* @__PURE__ */ t($e, { children: n.renderComponent({ segment: s }) }, l) : /* @__PURE__ */ a("code", { className: "text-xs text-orange-400", children: [
           "[component: ",
@@ -1243,14 +1266,14 @@ function en({
     }
   }) });
 }
-function tn({ options: e, onSelect: n, className: r }) {
-  return /* @__PURE__ */ t("div", { className: m("grid gap-2 mt-3", r), style: {
+function nn({ options: e, onSelect: n, className: r }) {
+  return /* @__PURE__ */ t("div", { className: p("grid gap-2 mt-3", r), style: {
     gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))"
   }, children: e.map((s) => /* @__PURE__ */ a(
     "button",
     {
       onClick: () => n(s),
-      className: m(
+      className: p(
         "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",
@@ -1259,7 +1282,7 @@ function tn({ options: e, onSelect: n, className: r }) {
         "group"
       ),
       children: [
-        /* @__PURE__ */ t("span", { className: m(
+        /* @__PURE__ */ t("span", { className: p(
           "flex-shrink-0 w-6 h-6 rounded-lg",
           "bg-[var(--ash-accent)]/20 text-[var(--ash-accent)]",
           "flex items-center justify-center",
@@ -1274,7 +1297,7 @@ function tn({ options: e, onSelect: n, className: r }) {
         /* @__PURE__ */ t(
           "svg",
           {
-            className: m(
+            className: p(
               "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"
@@ -1291,7 +1314,7 @@ function tn({ options: e, onSelect: n, className: r }) {
     s.id
   )) });
 }
-var be = {
+var Ne = {
   dense: {
     text: "text-xs",
     padding: "px-2 py-1",
@@ -1321,7 +1344,7 @@ var be = {
     messageGap: "space-y-3"
   }
 };
-function nn(e) {
+function rn(e) {
   const n = "[Uploaded files available at /uploads/]", r = e.indexOf(n);
   if (r === -1)
     return { text: e, files: [] };
@@ -1329,18 +1352,19 @@ function nn(e) {
 `).filter((c) => c.startsWith("- ")).map((c) => c.substring(2).trim());
   return { text: s, files: l };
 }
-function rn({
+function sn({
   entry: e,
   variant: n = "bubble",
   scale: r = "compact",
-  showAvatar: s = !0,
+  showAvatar: s = !1,
+  // Hidden by default for ChatGPT style
   showTimestamp: i = !0,
   renderMetadata: l,
   metadata: c,
   className: h
 }) {
-  const { text: o, files: f } = nn(e.content), d = be[r], x = {
-    bubble: "rounded-lg bg-[var(--ash-user-bg)] text-[var(--ash-user-text)] border border-[var(--ash-user-border)]",
+  const { text: o, files: f } = rn(e.content), d = Ne[r], x = {
+    bubble: "rounded-[20px] bg-[var(--ash-user-bg)] text-[var(--ash-user-text)] border border-[var(--ash-user-border)]",
     plain: "bg-transparent text-[var(--ash-text-primary)]",
     minimal: "bg-transparent text-[var(--ash-text-secondary)]"
   };
@@ -1348,22 +1372,22 @@ function rn({
     "div",
     {
       "data-message-role": "user",
-      className: m("flex justify-end ash-animate-fade-in pr-1", d.gap, h),
+      className: p("flex justify-end ash-animate-fade-in pr-1", d.gap, h),
       children: [
-        /* @__PURE__ */ a("div", { className: "max-w-[90%] flex flex-col items-end", children: [
-          /* @__PURE__ */ a("div", { className: m(x[n], n === "bubble" && d.padding), children: [
-            /* @__PURE__ */ t("p", { className: m(d.text, "leading-snug whitespace-pre-wrap"), children: o || "(files attached)" }),
-            f.length > 0 && n === "bubble" && /* @__PURE__ */ t("div", { className: "mt-1.5 pt-1.5 border-t border-[var(--ash-user-text)]/15 flex flex-wrap gap-1", children: f.map((p, v) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: "max-w-[85%] flex flex-col items-end", children: [
+          /* @__PURE__ */ a("div", { className: p(x[n], n === "bubble" && "px-4 py-3"), children: [
+            /* @__PURE__ */ t("p", { className: p(d.text, "leading-snug whitespace-pre-wrap"), children: o || "(files attached)" }),
+            f.length > 0 && n === "bubble" && /* @__PURE__ */ t("div", { className: "mt-1.5 pt-1.5 border-t border-[var(--ash-user-text)]/15 flex flex-wrap gap-1", children: f.map((m, w) => /* @__PURE__ */ a(
               "span",
               {
                 className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-[var(--ash-user-text)]/10 text-[11px]",
-                title: p,
+                title: m,
                 children: [
-                  /* @__PURE__ */ t($t, { className: "w-2.5 h-2.5 opacity-60" }),
-                  p.split(" (")[0]
+                  /* @__PURE__ */ t(At, { className: "w-2.5 h-2.5 opacity-60" }),
+                  m.split(" (")[0]
                 ]
               },
-              v
+              w
             )) })
           ] }),
           l ? l({ entry: e, metadata: c }) : i && e.timestamp && /* @__PURE__ */ a("div", { className: "text-[10px] text-[var(--ash-text-faint)] mt-0.5 mr-1 tabular-nums flex items-center gap-1.5", children: [
@@ -1372,12 +1396,12 @@ function rn({
             je(e.timestamp)
           ] })
         ] }),
-        s && /* @__PURE__ */ t("div", { className: m(d.avatar, "rounded-md bg-[var(--ash-avatar-user-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(At, { className: "w-3 h-3 text-[var(--ash-text-muted)]" }) })
+        s && /* @__PURE__ */ t("div", { className: p(d.avatar, "rounded-full bg-[var(--ash-avatar-user-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Dt, { className: "w-3 h-3 text-[var(--ash-text-muted)]" }) })
       ]
     }
   );
 }
-function sn({
+function an({
   entry: e,
   variant: n = "bubble",
   scale: r = "compact",
@@ -1390,14 +1414,14 @@ function sn({
   metadata: f,
   className: d
 }) {
-  const x = e.richContent ? null : vt(e.content), p = be[r], v = (R) => {
+  const x = e.richContent ? null : bt(e.content), m = Ne[r], w = (R) => {
     l && l(`Option ${R.id}: ${R.label}`);
   }, E = {
-    bubble: "rounded-lg bg-[var(--ash-assistant-bg)] border border-[var(--ash-assistant-border)]",
+    bubble: "rounded-[16px] bg-[var(--ash-assistant-bg)] border border-[var(--ash-assistant-border)]",
     plain: "bg-transparent",
     minimal: "bg-transparent"
   }, D = (R) => e.richContent && e.richContent.length > 0 ? /* @__PURE__ */ t(
-    en,
+    tn,
     {
       content: e.richContent,
       renderers: c
@@ -1407,17 +1431,17 @@ function sn({
     "div",
     {
       "data-message-role": "assistant",
-      className: m("flex ash-animate-fade-in pl-1", p.gap, d),
+      className: p("flex ash-animate-fade-in pl-1", m.gap, d),
       children: [
-        s && /* @__PURE__ */ t("div", { className: m(p.avatar, "rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(me, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
+        s && /* @__PURE__ */ t("div", { className: p(m.avatar, "rounded-full bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Qe, { className: "w-3 h-3 text-white" }) }),
         /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ t("div", { className: m(E[n], n === "bubble" && p.padding), children: /* @__PURE__ */ t("div", { className: m("ash-message-content prose prose-sm prose-invert max-w-none leading-relaxed text-[var(--ash-assistant-text)]", p.text), children: x ? /* @__PURE__ */ a(S, { children: [
+          /* @__PURE__ */ t("div", { className: p(E[n], n === "bubble" && "px-4 py-3"), children: /* @__PURE__ */ t("div", { className: p("ash-message-content prose prose-sm prose-invert max-w-none leading-relaxed text-[var(--ash-assistant-text)]", m.text), children: x ? /* @__PURE__ */ a(_, { children: [
             x.preamble && D(x.preamble),
             /* @__PURE__ */ t(
-              tn,
+              nn,
               {
                 options: x.options,
-                onSelect: v
+                onSelect: w
               }
             )
           ] }) : D() }) }),
@@ -1431,51 +1455,51 @@ function sn({
     }
   );
 }
-function an({ entry: e, scale: n = "compact", showAvatar: r = !0, className: s }) {
-  const i = be[n];
+function ln({ entry: e, scale: n = "compact", showAvatar: r = !0, className: s }) {
+  const i = Ne[n];
   return /* @__PURE__ */ a(
     "div",
     {
       "data-message-role": "thinking",
-      className: m("flex ash-animate-fade-in pl-1", i.gap, s),
+      className: p("flex ash-animate-fade-in pl-1", i.gap, s),
       children: [
-        r && /* @__PURE__ */ t("div", { className: m(i.avatar, "rounded-md bg-[var(--ash-avatar-thinking-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Rt, { className: "w-3 h-3 text-purple-400" }) }),
-        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ a("div", { className: m("rounded-lg bg-[var(--ash-thinking-bg)] border border-[var(--ash-thinking-border)]", i.padding), children: [
+        r && /* @__PURE__ */ t("div", { className: p(i.avatar, "rounded-md bg-[var(--ash-avatar-thinking-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Qe, { className: "w-3 h-3 text-purple-400" }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ a("div", { className: p("rounded-lg bg-[var(--ash-thinking-bg)] border border-[var(--ash-thinking-border)]", i.padding), children: [
           /* @__PURE__ */ t("div", { className: "text-[10px] text-[var(--ash-thinking-text)] opacity-80 mb-1 font-medium uppercase tracking-wide", children: "Thinking" }),
-          /* @__PURE__ */ t("div", { className: m(i.text, "text-[var(--ash-thinking-text)] opacity-70 italic whitespace-pre-wrap leading-relaxed"), children: e.content })
+          /* @__PURE__ */ t("div", { className: p(i.text, "text-[var(--ash-thinking-text)] opacity-70 italic whitespace-pre-wrap leading-relaxed"), children: e.content })
         ] }) })
       ]
     }
   );
 }
-function ln({ entry: e, scale: n = "compact", showAvatar: r = !0, defaultExpanded: s = !1, className: i }) {
+function on({ entry: e, scale: n = "compact", showAvatar: r = !0, defaultExpanded: s = !1, className: i }) {
   if (e.entryType.type !== "tool_call") return null;
-  const l = be[n];
+  const l = Ne[n];
   return /* @__PURE__ */ a(
     "div",
     {
       "data-message-role": "tool",
-      className: m("flex ash-animate-fade-in pl-1", l.gap, i),
+      className: p("flex ash-animate-fade-in pl-1", l.gap, i),
       children: [
-        r && /* @__PURE__ */ t("div", { className: m(l.avatar, "rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(me, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
+        r && /* @__PURE__ */ t("div", { className: p(l.avatar, "rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(xe, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
         /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t(ze, { toolCall: e.entryType.toolCall, defaultExpanded: s }) })
       ]
     }
   );
 }
-function on({ entry: e, scale: n = "compact", showAvatar: r = !0, className: s }) {
+function cn({ entry: e, scale: n = "compact", showAvatar: r = !0, className: s }) {
   if (e.entryType.type !== "error") return null;
-  const i = be[n];
+  const i = Ne[n];
   return /* @__PURE__ */ a(
     "div",
     {
       "data-message-role": "error",
-      className: m("flex ash-animate-fade-in pl-1", i.gap, s),
+      className: p("flex ash-animate-fade-in pl-1", i.gap, s),
       children: [
-        r && /* @__PURE__ */ t("div", { className: m(i.avatar, "rounded-md bg-[var(--ash-avatar-error-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Ye, { className: "w-3 h-3 text-red-400" }) }),
-        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ a("div", { className: m("rounded-lg bg-[var(--ash-error-bg)] border border-[var(--ash-error-border)]", i.padding), children: [
+        r && /* @__PURE__ */ t("div", { className: p(i.avatar, "rounded-md bg-[var(--ash-avatar-error-bg)] flex items-center justify-center shrink-0 mt-0.5"), children: /* @__PURE__ */ t(Ze, { className: "w-3 h-3 text-red-400" }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ a("div", { className: p("rounded-lg bg-[var(--ash-error-bg)] border border-[var(--ash-error-border)]", i.padding), children: [
           /* @__PURE__ */ t("div", { className: "text-[10px] text-[var(--ash-error-text)] opacity-80 mb-1 font-medium uppercase tracking-wide", children: "Error" }),
-          /* @__PURE__ */ t("p", { className: m(i.text, "text-[var(--ash-error-text)] opacity-90"), children: e.entryType.message }),
+          /* @__PURE__ */ t("p", { className: p(i.text, "text-[var(--ash-error-text)] opacity-90"), children: e.entryType.message }),
           e.entryType.code && /* @__PURE__ */ a("p", { className: "text-[11px] text-[var(--ash-error-text)] opacity-60 mt-1 font-mono", children: [
             "Code: ",
             e.entryType.code
@@ -1485,7 +1509,7 @@ function on({ entry: e, scale: n = "compact", showAvatar: r = !0, className: s }
     }
   );
 }
-function cn({
+function dn({
   entry: e,
   onOptionSelect: n,
   defaultExpanded: r,
@@ -1498,12 +1522,12 @@ function cn({
   showTimestamp: f = !0,
   renderMetadata: d,
   metadata: x,
-  className: p
+  className: m
 }) {
   switch (e.entryType.type) {
     case "user_message":
       return /* @__PURE__ */ t(
-        rn,
+        sn,
         {
           entry: e,
           variant: l,
@@ -1512,12 +1536,12 @@ function cn({
           showTimestamp: f,
           renderMetadata: d,
           metadata: x,
-          className: p
+          className: m
         }
       );
     case "assistant_message":
       return /* @__PURE__ */ t(
-        sn,
+        an,
         {
           entry: e,
           variant: c,
@@ -1529,15 +1553,15 @@ function cn({
           markdownComponents: i,
           renderMetadata: d,
           metadata: x,
-          className: p
+          className: m
         }
       );
     case "thinking":
-      return /* @__PURE__ */ t(an, { entry: e, scale: h, showAvatar: o, className: p });
+      return /* @__PURE__ */ t(ln, { entry: e, scale: h, showAvatar: o, className: m });
     case "tool_call":
-      return /* @__PURE__ */ t(ln, { entry: e, scale: h, showAvatar: o, defaultExpanded: r, className: p });
+      return /* @__PURE__ */ t(on, { entry: e, scale: h, showAvatar: o, defaultExpanded: r, className: m });
     case "error":
-      return /* @__PURE__ */ t(on, { entry: e, scale: h, showAvatar: o, className: p });
+      return /* @__PURE__ */ t(cn, { entry: e, scale: h, showAvatar: o, className: m });
     default:
       return null;
   }
@@ -1549,10 +1573,10 @@ function Re({ variant: e = "dots", size: n = "md", className: r }) {
       md: "w-1.5 h-1.5",
       lg: "w-2 h-2"
     };
-    return /* @__PURE__ */ a("div", { className: m("flex items-center gap-1", r), children: [
-      /* @__PURE__ */ t("span", { className: m("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]) }),
-      /* @__PURE__ */ t("span", { className: m("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]), style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ t("span", { className: m("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]), style: { animationDelay: "300ms" } })
+    return /* @__PURE__ */ a("div", { className: p("flex items-center gap-1", r), children: [
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]) }),
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]), style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", i[n]), style: { animationDelay: "300ms" } })
     ] });
   }
   if (e === "pulse") {
@@ -1561,12 +1585,12 @@ function Re({ variant: e = "dots", size: n = "md", className: r }) {
       md: "w-2 h-2",
       lg: "w-3 h-3"
     };
-    return /* @__PURE__ */ t("div", { className: m("flex items-center gap-1", r), children: /* @__PURE__ */ t("span", { className: m("bg-[var(--ash-accent)] rounded-full animate-pulse", i[n]) }) });
+    return /* @__PURE__ */ t("div", { className: p("flex items-center gap-1", r), children: /* @__PURE__ */ t("span", { className: p("bg-[var(--ash-accent)] rounded-full animate-pulse", i[n]) }) });
   }
   return e === "cursor" ? /* @__PURE__ */ t(
     "span",
     {
-      className: m(
+      className: p(
         "inline-block bg-[var(--ash-accent)]/50 ash-tool-status-pending",
         {
           sm: "w-1 h-3",
@@ -1576,7 +1600,7 @@ function Re({ variant: e = "dots", size: n = "md", className: r }) {
         r
       )
     }
-  ) : /* @__PURE__ */ t("div", { className: m("animate-spin text-[var(--ash-accent)]", {
+  ) : /* @__PURE__ */ t("div", { className: p("animate-spin text-[var(--ash-accent)]", {
     sm: "w-4 h-4",
     md: "w-6 h-6",
     lg: "w-8 h-8"
@@ -1585,13 +1609,13 @@ function Re({ variant: e = "dots", size: n = "md", className: r }) {
     /* @__PURE__ */ t("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round" })
   ] }) });
 }
-function dn({
+function un({
   content: e,
   isStreaming: n = !1,
   renderMarkdown: r = !0,
   className: s
 }) {
-  return /* @__PURE__ */ t("div", { className: m("relative", s), children: r ? /* @__PURE__ */ a("div", { className: "ash-message-content prose prose-sm prose-invert max-w-none text-sm leading-relaxed", children: [
+  return /* @__PURE__ */ t("div", { className: p("relative", s), children: r ? /* @__PURE__ */ a("div", { className: "ash-message-content prose prose-sm prose-invert max-w-none text-sm leading-relaxed", children: [
     /* @__PURE__ */ t(Fe, { children: e }),
     n && /* @__PURE__ */ t(Re, { variant: "cursor", size: "sm", className: "inline-block ml-0.5" })
   ] }) : /* @__PURE__ */ a("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: [
@@ -1599,7 +1623,7 @@ function dn({
     n && /* @__PURE__ */ t(Re, { variant: "cursor", size: "sm", className: "inline-block ml-0.5" })
   ] }) });
 }
-function un(e) {
+function hn(e) {
   switch (e.action) {
     case "file_read":
     case "file_edit":
@@ -1609,15 +1633,15 @@ function un(e) {
       return null;
   }
 }
-function Xe(e) {
+function tt(e) {
   const n = e.split("/");
   return n[n.length - 1] || e;
 }
-function hn(e) {
-  const n = Xe(e), r = n.lastIndexOf(".");
+function mn(e) {
+  const n = tt(e), r = n.lastIndexOf(".");
   return r === -1 ? null : n.slice(r + 1).toLowerCase();
 }
-function mn(e) {
+function pn(e) {
   switch (e.action) {
     case "file_edit": {
       const n = e;
@@ -1635,7 +1659,7 @@ function mn(e) {
       return null;
   }
 }
-function pn(e) {
+function fn(e) {
   switch (e) {
     case "ts":
     case "tsx":
@@ -1658,33 +1682,33 @@ function pn(e) {
       return "text-white/70";
   }
 }
-function et({ toolCall: e, showFullPath: n = !1, className: r }) {
-  const { actionType: s, status: i, summary: l } = e, c = Ke(s), h = un(s), o = mn(s), f = h ? n ? h : Xe(h) : null, d = h ? hn(h) : null, x = pn(d), p = !h && l;
+function nt({ toolCall: e, showFullPath: n = !1, className: r }) {
+  const { actionType: s, status: i, summary: l } = e, c = Ke(s), h = hn(s), o = pn(s), f = h ? n ? h : tt(h) : null, d = h ? mn(h) : null, x = fn(d), m = !h && l;
   return /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: p(
         "flex items-center gap-2 py-1.5 text-sm min-w-0",
         r
       ),
       children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 shrink-0", children: [
           /* @__PURE__ */ t(
-            Ze,
+            Xe,
             {
               actionType: s,
-              className: m(
+              className: p(
                 "w-3.5 h-3.5",
                 i === "pending" ? "text-yellow-400" : i === "failed" ? "text-red-400" : "text-white/50"
               )
             }
           ),
-          /* @__PURE__ */ t("span", { className: m(
+          /* @__PURE__ */ t("span", { className: p(
             "font-medium",
             i === "pending" ? "text-white/90" : i === "failed" ? "text-red-400" : "text-white/60"
           ), children: c })
         ] }),
-        f && /* @__PURE__ */ t("code", { className: m(
+        f && /* @__PURE__ */ t("code", { className: p(
           "px-1.5 py-0.5 rounded bg-white/5 font-mono text-xs truncate max-w-[200px]",
           x
         ), children: f }),
@@ -1706,16 +1730,16 @@ function et({ toolCall: e, showFullPath: n = !1, className: r }) {
             o.written
           ] })
         ] }),
-        p && /* @__PURE__ */ t("span", { className: "text-white/40 truncate min-w-0 text-xs", children: l })
+        m && /* @__PURE__ */ t("span", { className: "text-white/40 truncate min-w-0 text-xs", children: l })
       ]
     }
   );
 }
-function fn(e) {
+function xn(e) {
   const n = e.split("/").pop() || e, r = n.lastIndexOf(".");
   return r === -1 ? null : n.slice(r + 1).toLowerCase();
 }
-function xn(e) {
+function gn(e) {
   switch (e) {
     case "ts":
     case "tsx":
@@ -1738,7 +1762,7 @@ function xn(e) {
       return "";
   }
 }
-function gn(e) {
+function wn(e) {
   switch (e) {
     case "ts":
     case "tsx":
@@ -1761,18 +1785,18 @@ function gn(e) {
       return "bg-white/10";
   }
 }
-function tt({
+function rt({
   path: e,
   linesAdded: n,
   linesRemoved: r,
   showOnlyFilename: s = !0,
   className: i
 }) {
-  const l = s && e.split("/").pop() || e, c = fn(e), h = xn(c), o = gn(c), f = n !== void 0 && n > 0 || r !== void 0 && r > 0;
+  const l = s && e.split("/").pop() || e, c = xn(e), h = gn(c), o = wn(c), f = n !== void 0 && n > 0 || r !== void 0 && r > 0;
   return /* @__PURE__ */ a(
     "span",
     {
-      className: m(
+      className: p(
         "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md text-xs font-mono",
         o,
         i
@@ -1794,7 +1818,7 @@ function tt({
     }
   );
 }
-function wn(e) {
+function vn(e) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const { actionType: s } = r;
@@ -1815,7 +1839,7 @@ function wn(e) {
   }
   return Array.from(n.values());
 }
-function vn(e) {
+function yn(e) {
   const n = {};
   for (const r of e) {
     const s = r.actionType.action;
@@ -1823,7 +1847,7 @@ function vn(e) {
   }
   return n;
 }
-function yn(e) {
+function bn(e) {
   switch (e) {
     case "file_read":
       return Be;
@@ -1831,21 +1855,21 @@ function yn(e) {
     case "file_write":
       return Oe;
     case "command_run":
-      return Ee;
+      return Ie;
     case "search":
     case "glob":
-      return Te;
+      return Se;
     default:
       return null;
   }
 }
-function bn({
+function Nn({
   toolCalls: e,
   defaultExpanded: n = !1,
   className: r
 }) {
-  const [s, i] = N(n), [l, c] = N(null), h = ae(() => wn(e), [e]), o = ae(() => vn(e), [e]), f = ae(() => Object.entries(o).sort((x, p) => p[1] - x[1]).slice(0, 3).map(([x]) => x), [o]), d = e.length;
-  return e.length === 0 ? null : /* @__PURE__ */ a("div", { className: m("ash-animate-fade-in", r), children: [
+  const [s, i] = N(n), [l, c] = N(null), h = ae(() => vn(e), [e]), o = ae(() => yn(e), [e]), f = ae(() => Object.entries(o).sort((x, m) => m[1] - x[1]).slice(0, 3).map(([x]) => x), [o]), d = e.length;
+  return e.length === 0 ? null : /* @__PURE__ */ a("div", { className: p("ash-animate-fade-in", r), children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -1853,9 +1877,9 @@ function bn({
         className: "w-full flex items-center gap-2 py-1 text-left group",
         children: [
           /* @__PURE__ */ t(
-            ye,
+            be,
             {
-              className: m(
+              className: p(
                 "w-3.5 h-3.5 text-white/40 transition-transform duration-200 shrink-0",
                 s && "rotate-90"
               )
@@ -1867,9 +1891,9 @@ function bn({
             d !== 1 ? "s" : ""
           ] }),
           /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: f.map((x) => {
-            const p = yn(x);
-            return p ? /* @__PURE__ */ t(
-              p,
+            const m = bn(x);
+            return m ? /* @__PURE__ */ t(
+              m,
               {
                 className: "w-3.5 h-3.5 text-white/30"
               },
@@ -1879,7 +1903,7 @@ function bn({
           /* @__PURE__ */ t("div", { className: "flex-1" }),
           !s && h.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 flex-wrap justify-end", children: [
             h.slice(0, 4).map((x) => /* @__PURE__ */ t(
-              tt,
+              rt,
               {
                 path: x.path,
                 linesAdded: x.linesAdded,
@@ -1917,12 +1941,12 @@ function bn({
       {
         onClick: () => c(x.id),
         className: "w-full text-left hover:bg-white/5 rounded px-1 -mx-1 transition-colors",
-        children: /* @__PURE__ */ t(et, { toolCall: x })
+        children: /* @__PURE__ */ t(nt, { toolCall: x })
       }
     ) }, x.id)) })
   ] });
 }
-function Nn(e) {
+function kn(e) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const { actionType: s } = r;
@@ -1940,7 +1964,7 @@ function Nn(e) {
   }
   return Array.from(n.values());
 }
-function kn(e) {
+function Cn(e) {
   const n = {};
   for (const r of e) {
     const s = r.actionType.action;
@@ -1948,7 +1972,7 @@ function kn(e) {
   }
   return n;
 }
-function Cn(e) {
+function _n(e) {
   switch (e) {
     case "file_read":
       return Be;
@@ -1956,28 +1980,28 @@ function Cn(e) {
     case "file_write":
       return Oe;
     case "command_run":
-      return Ee;
+      return Ie;
     case "search":
     case "glob":
-      return Te;
+      return Se;
     default:
       return null;
   }
 }
-function _n({
+function Tn({
   toolCalls: e,
   defaultExpanded: n = !1,
   isExpanded: r,
   onToggle: s,
   className: i
 }) {
-  const [l, c] = N(n), h = r !== void 0 ? r : l, o = P(() => {
-    s ? s() : c((v) => !v);
-  }, [s]), f = ae(() => Nn(e), [e]), d = ae(() => kn(e), [e]), x = ae(() => Object.entries(d).sort((v, E) => E[1] - v[1]).slice(0, 3).map(([v]) => v), [d]);
+  const [l, c] = N(n), h = r !== void 0 ? r : l, o = F(() => {
+    s ? s() : c((w) => !w);
+  }, [s]), f = ae(() => kn(e), [e]), d = ae(() => Cn(e), [e]), x = ae(() => Object.entries(d).sort((w, E) => E[1] - w[1]).slice(0, 3).map(([w]) => w), [d]);
   if (e.length === 0)
     return null;
-  const p = e.length;
-  return /* @__PURE__ */ a("div", { className: m("ash-animate-fade-in", i), children: [
+  const m = e.length;
+  return /* @__PURE__ */ a("div", { className: p("ash-animate-fade-in", i), children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -1986,39 +2010,39 @@ function _n({
         className: "w-full flex items-center gap-2 py-1 text-left group",
         children: [
           /* @__PURE__ */ t(
-            ye,
+            be,
             {
-              className: m(
+              className: p(
                 "w-3.5 h-3.5 text-white/40 transition-transform duration-200 shrink-0",
                 h && "rotate-90"
               )
             }
           ),
           /* @__PURE__ */ a("span", { className: "text-sm text-white/60", children: [
-            p,
+            m,
             " tool call",
-            p !== 1 ? "s" : ""
+            m !== 1 ? "s" : ""
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: x.map((v) => {
-            const E = Cn(v);
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: x.map((w) => {
+            const E = _n(w);
             return E ? /* @__PURE__ */ t(
               E,
               {
                 className: "w-3.5 h-3.5 text-white/30"
               },
-              v
+              w
             ) : null;
           }) }),
           /* @__PURE__ */ t("div", { className: "flex-1" }),
           !h && f.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 flex-wrap justify-end", children: [
-            f.slice(0, 4).map((v) => /* @__PURE__ */ t(
-              tt,
+            f.slice(0, 4).map((w) => /* @__PURE__ */ t(
+              rt,
               {
-                path: v.path,
-                linesAdded: v.linesAdded,
-                linesRemoved: v.linesRemoved
+                path: w.path,
+                linesAdded: w.linesAdded,
+                linesRemoved: w.linesRemoved
               },
-              v.path
+              w.path
             )),
             f.length > 4 && /* @__PURE__ */ a("span", { className: "text-xs text-white/40", children: [
               "+",
@@ -2029,55 +2053,55 @@ function _n({
         ]
       }
     ),
-    h && /* @__PURE__ */ t("div", { className: "pl-5 border-l border-white/10 ml-1.5 mt-1 space-y-0.5", children: e.map((v) => /* @__PURE__ */ t(et, { toolCall: v }, v.id)) })
+    h && /* @__PURE__ */ t("div", { className: "pl-5 border-l border-white/10 ml-1.5 mt-1 space-y-0.5", children: e.map((w) => /* @__PURE__ */ t(nt, { toolCall: w }, w.id)) })
   ] });
 }
-function vr(e) {
+function wr(e) {
   return e.action === "command_run";
 }
-function yr(e) {
+function vr(e) {
   return e.action === "file_read";
 }
-function br(e) {
+function yr(e) {
   return e.action === "file_edit";
 }
-function Nr(e) {
+function br(e) {
   return e.action === "file_write";
 }
-function kr(e) {
+function Nr(e) {
   return e.action === "search";
 }
-function Cr(e) {
+function kr(e) {
   return e.action === "glob";
 }
-function _r(e) {
+function Cr(e) {
   return e.action === "web_fetch";
 }
-function Tr(e) {
+function _r(e) {
   return e.action === "web_search";
 }
-function Sr(e) {
+function Tr(e) {
   return e.action === "mcp_tool";
 }
-function Mr(e) {
+function Sr(e) {
   return e.action === "generic_tool";
 }
-function Er(e) {
+function Mr(e) {
   return e.type === "tool_call";
 }
-function Ir(e) {
+function Er(e) {
   return e.type === "error";
 }
-var Tn = {
+var Sn = {
   mode: "inline",
   breakEveryNToolCalls: 0,
   defaultExpanded: !1,
   animationDuration: 300
-}, Sn = Je(null);
-function Mn() {
-  const e = Ue(Sn);
+}, Mn = Je(null);
+function En() {
+  const e = Ue(Mn);
   return e || {
-    config: Tn,
+    config: Sn,
     setMode: () => {
     },
     setConfig: () => {
@@ -2086,11 +2110,11 @@ function Mn() {
     }
   };
 }
-function En() {
-  const { config: e } = Mn();
+function In() {
+  const { config: e } = En();
   return e;
 }
-function In({
+function Ln({
   entries: e,
   loading: n,
   streamingContent: r,
@@ -2103,110 +2127,110 @@ function In({
   userVariant: f,
   assistantVariant: d,
   scale: x,
-  showAvatars: p = !0,
-  showTimestamp: v = !0,
+  showAvatars: m = !0,
+  showTimestamp: w = !0,
   markdownComponents: E,
   renderMetadata: D,
   metadata: R,
-  className: _
+  className: T
 }) {
-  const Q = En(), T = s || Q, F = G(null), A = G(null);
-  z(() => {
-    h && A.current && F.current && A.current.scrollIntoView({ behavior: "smooth", block: "end" });
+  const X = In(), S = s || X, G = V(null), A = V(null);
+  P(() => {
+    h && A.current && G.current && A.current.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [e, r, n, h]);
-  const j = P(
-    (W, H) => {
+  const W = F(
+    (B, H) => {
       if (c)
-        return (k) => {
+        return (C) => {
           c({
-            ...k,
-            entryId: W,
+            ...C,
+            entryId: B,
             widgetType: H
           });
         };
     },
     [c]
-  ), ie = ae(() => T.mode === "inline" ? e.map((W) => ({
+  ), ie = ae(() => S.mode === "inline" ? e.map((B) => ({
     type: "single",
-    entry: W,
-    id: W.id
-  })) : gt(e, T), [e, T]), X = x ? `ash-density-${x}` : void 0;
-  return /* @__PURE__ */ a("div", { ref: F, className: m("flex-1 overflow-y-auto px-3 py-2 space-y-1 ash-scrollbar", X, _), children: [
-    ie.map((W) => {
-      if (W.type === "single") {
-        const k = W.entry;
-        if (k.entryType.type === "widget" && l) {
-          const B = k.entryType, ee = l({
-            entry: k,
-            widgetType: B.widgetType,
-            widgetData: B.widgetData,
-            onAction: j(k.id, B.widgetType)
+    entry: B,
+    id: B.id
+  })) : vt(e, S), [e, S]), ee = x ? `ash-density-${x}` : void 0;
+  return /* @__PURE__ */ a("div", { ref: G, className: p("flex-1 overflow-y-auto px-3 py-2 space-y-1 ash-scrollbar", ee, T), children: [
+    ie.map((B) => {
+      if (B.type === "single") {
+        const C = B.entry;
+        if (C.entryType.type === "widget" && l) {
+          const O = C.entryType, te = l({
+            entry: C,
+            widgetType: O.widgetType,
+            widgetData: O.widgetData,
+            onAction: W(C.id, O.widgetType)
           });
-          if (ee !== null)
-            return /* @__PURE__ */ t("div", { className: "ash-animate-fade-in", children: ee }, k.id);
+          if (te !== null)
+            return /* @__PURE__ */ t("div", { className: "ash-animate-fade-in", children: te }, C.id);
         }
         return /* @__PURE__ */ t(
-          cn,
+          dn,
           {
-            entry: k,
+            entry: C,
             onOptionSelect: i,
-            defaultExpanded: T.defaultExpanded,
+            defaultExpanded: S.defaultExpanded,
             richContentRenderers: o,
             markdownComponents: E,
             userVariant: f,
             assistantVariant: d,
             scale: x,
-            showAvatars: p,
-            showTimestamp: v,
+            showAvatars: m,
+            showTimestamp: w,
             renderMetadata: D,
             metadata: R
           },
-          k.id
+          C.id
         );
       }
-      const H = wt(W.entries);
+      const H = yt(B.entries);
       return /* @__PURE__ */ a("div", { className: "ash-message-row flex ash-animate-fade-in pl-1", style: { gap: "var(--ash-message-gap, 0.5rem)" }, children: [
-        p && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(me, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
-        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: T.mode === "accordion" ? /* @__PURE__ */ t(
-          _n,
+        m && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(xe, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: S.mode === "accordion" ? /* @__PURE__ */ t(
+          Tn,
           {
             toolCalls: H,
-            defaultExpanded: T.defaultExpanded
+            defaultExpanded: S.defaultExpanded
           }
         ) : /* @__PURE__ */ t(
-          bn,
+          Nn,
           {
             toolCalls: H,
-            defaultExpanded: T.defaultExpanded,
-            animationDuration: T.animationDuration
+            defaultExpanded: S.defaultExpanded,
+            animationDuration: S.animationDuration
           }
         ) })
-      ] }, W.id);
+      ] }, B.id);
     }),
     r && /* @__PURE__ */ a("div", { className: "ash-message-row flex ash-animate-fade-in pl-1", style: { gap: "var(--ash-message-gap, 0.5rem)" }, children: [
-      p && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(me, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
-      /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t("div", { className: "ash-message-bubble rounded-lg bg-white/[0.03] text-white/80 leading-relaxed", style: { padding: "var(--ash-message-padding, 0.5rem 0.75rem)", fontSize: "var(--ash-font-size-base, 13px)" }, children: /* @__PURE__ */ t(dn, { content: r, isStreaming: !0 }) }) })
+      m && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(xe, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
+      /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t("div", { className: "ash-message-bubble rounded-lg bg-white/[0.03] text-white/80 leading-relaxed", style: { padding: "var(--ash-message-padding, 0.5rem 0.75rem)", fontSize: "var(--ash-font-size-base, 13px)" }, children: /* @__PURE__ */ t(un, { content: r, isStreaming: !0 }) }) })
     ] }),
     n && !r && /* @__PURE__ */ a("div", { className: "ash-message-row flex ash-animate-fade-in pl-1", style: { gap: "var(--ash-message-gap, 0.5rem)" }, children: [
-      p && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(me, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
+      m && /* @__PURE__ */ t("div", { className: "ash-avatar rounded-md bg-[var(--ash-avatar-assistant-bg)] flex items-center justify-center shrink-0 mt-0.5", style: { width: "var(--ash-avatar-size, 1.25rem)", height: "var(--ash-avatar-size, 1.25rem)" }, children: /* @__PURE__ */ t(xe, { className: "w-3 h-3 text-[var(--ash-accent)]" }) }),
       /* @__PURE__ */ t("div", { className: "rounded-lg px-3 py-1.5 bg-white/[0.03]", children: /* @__PURE__ */ t(Re, { variant: "dots" }) })
     ] }),
     /* @__PURE__ */ t("div", { ref: A })
   ] });
 }
-function Ln(e) {
+function $n(e) {
   switch (e) {
     case "info":
-      return /* @__PURE__ */ t(St, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(Et, { className: "w-3.5 h-3.5" });
     case "warn":
-      return /* @__PURE__ */ t(Ye, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(Ze, { className: "w-3.5 h-3.5" });
     case "error":
-      return /* @__PURE__ */ t(Mt, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(It, { className: "w-3.5 h-3.5" });
     case "debug":
-      return /* @__PURE__ */ t(Et, { className: "w-3.5 h-3.5" });
+      return /* @__PURE__ */ t(Lt, { className: "w-3.5 h-3.5" });
   }
 }
-function $n(e) {
+function Rn(e) {
   switch (e) {
     case "info":
       return "text-blue-400";
@@ -2218,7 +2242,7 @@ function $n(e) {
       return "text-white/50";
   }
 }
-function Rn(e) {
+function An(e) {
   switch (e) {
     case "info":
       return "bg-blue-900/20";
@@ -2230,7 +2254,7 @@ function Rn(e) {
       return "bg-white/5";
   }
 }
-function An(e) {
+function Dn(e) {
   switch (e) {
     case "setup":
       return "Setup";
@@ -2244,26 +2268,26 @@ function An(e) {
       return "Startup";
   }
 }
-function Dn({ log: e }) {
+function jn({ log: e }) {
   const [n, r] = N(!1), s = e.data && Object.keys(e.data).length > 0;
   return /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: p(
         "px-3 py-2 border-b border-white/10 last:border-b-0",
-        Rn(e.level)
+        An(e.level)
       ),
       children: [
         /* @__PURE__ */ a(
           "div",
           {
-            className: m("flex items-start gap-2", s && "cursor-pointer"),
+            className: p("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(We, { className: "w-3 h-3 text-white/40" }) : /* @__PURE__ */ t(ye, { className: "w-3 h-3 text-white/40" })) }),
-              /* @__PURE__ */ t("div", { className: m("flex-shrink-0 pt-0.5", $n(e.level)), children: Ln(e.level) }),
+              /* @__PURE__ */ t("div", { className: "w-4 flex-shrink-0 pt-0.5", children: s && (n ? /* @__PURE__ */ t(We, { className: "w-3 h-3 text-white/40" }) : /* @__PURE__ */ t(be, { className: "w-3 h-3 text-white/40" })) }),
+              /* @__PURE__ */ t("div", { className: p("flex-shrink-0 pt-0.5", Rn(e.level)), children: $n(e.level) }),
               /* @__PURE__ */ t("span", { className: "text-xs text-white/40 font-mono flex-shrink-0 pt-0.5", children: je(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: An(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: Dn(e.category) }),
               /* @__PURE__ */ t("span", { className: "text-sm text-white/80 flex-1 break-words", children: e.message })
             ]
           }
@@ -2273,7 +2297,7 @@ function Dn({ log: e }) {
     }
   );
 }
-function jn({
+function Wn({
   logs: e,
   title: n = "Logs",
   isLoading: r,
@@ -2285,7 +2309,7 @@ function jn({
   return e.length === 0 && !r ? null : /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: p(
         "border-t border-white/10 bg-[var(--ash-surface-dark,#0a0a0a)]",
         l
       ),
@@ -2297,7 +2321,7 @@ function jn({
             className: "w-full flex items-center justify-between px-4 py-2 hover:bg-white/5 transition-colors",
             children: [
               /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(Ee, { className: "w-4 h-4 text-white/50" }),
+                /* @__PURE__ */ t(Ie, { className: "w-4 h-4 text-white/50" }),
                 /* @__PURE__ */ t("span", { className: "text-sm font-medium text-white/80", children: n }),
                 /* @__PURE__ */ a("span", { className: "text-xs text-white/40", children: [
                   "(",
@@ -2316,7 +2340,7 @@ function jn({
                 ] }),
                 r && /* @__PURE__ */ t("span", { className: "text-xs text-white/40 animate-pulse", children: "Loading..." })
               ] }),
-              c ? /* @__PURE__ */ t(ye, { className: "w-4 h-4 text-white/40" }) : /* @__PURE__ */ t(We, { className: "w-4 h-4 text-white/40" })
+              c ? /* @__PURE__ */ t(be, { className: "w-4 h-4 text-white/40" }) : /* @__PURE__ */ t(We, { className: "w-4 h-4 text-white/40" })
             ]
           }
         ),
@@ -2325,18 +2349,18 @@ function jn({
           {
             className: "overflow-y-auto border-t border-white/10",
             style: { maxHeight: i },
-            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((d, x) => /* @__PURE__ */ t(Dn, { log: d }, `${d.timestamp}-${x}`))
+            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((d, x) => /* @__PURE__ */ t(jn, { log: d }, `${d.timestamp}-${x}`))
           }
         )
       ]
     }
   );
 }
-var Ae = Je(void 0), Wn = "ash-ui-theme";
-function Lr({
+var Ae = Je(void 0), Bn = "ash-ui-theme";
+function Ir({
   children: e,
   defaultTheme: n,
-  storageKey: r = Wn,
+  storageKey: r = Bn,
   listenToSystemChanges: s = !0
 }) {
   const [i, l] = N(() => {
@@ -2349,33 +2373,33 @@ function Lr({
     }
     return n ?? "light";
   }), [c, h] = N(!1);
-  z(() => {
+  P(() => {
     h(!0);
-  }, []), z(() => {
+  }, []), P(() => {
     if (!c) return;
     const d = document.documentElement;
     i === "dark" ? d.classList.add("dark") : d.classList.remove("dark"), localStorage.setItem(r, i);
-  }, [i, c, r]), z(() => {
+  }, [i, c, r]), P(() => {
     if (!s || typeof window > "u") return;
-    const d = window.matchMedia("(prefers-color-scheme: dark)"), x = (p) => {
-      localStorage.getItem(r) || l(p.matches ? "dark" : "light");
+    const d = window.matchMedia("(prefers-color-scheme: dark)"), x = (m) => {
+      localStorage.getItem(r) || l(m.matches ? "dark" : "light");
     };
     return d.addEventListener("change", x), () => d.removeEventListener("change", x);
   }, [r, s]);
-  const o = P(() => {
+  const o = F(() => {
     l((d) => d === "light" ? "dark" : "light");
-  }, []), f = P((d) => {
+  }, []), f = F((d) => {
     l(d);
   }, []);
   return c ? /* @__PURE__ */ t(Ae.Provider, { value: { theme: i, toggleTheme: o, setTheme: f }, children: e }) : /* @__PURE__ */ t(Ae.Provider, { value: { theme: n ?? "light", toggleTheme: o, setTheme: f }, children: e });
 }
-function $r() {
+function Lr() {
   const e = Ue(Ae);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 }
-var Bn = {
+var On = {
   slideUp: `
     @keyframes ash-slide-up {
       from { opacity: 0; transform: translateY(20px); }
@@ -2413,18 +2437,18 @@ var Bn = {
     }
   `
 };
-Object.values(Bn).join(`
+Object.values(On).join(`
 `);
-function On({
+function zn({
   messages: e,
   loading: n,
   streamingContent: r
 }) {
-  const s = G(null), i = G(null);
-  return z(() => {
+  const s = V(null), i = V(null);
+  return P(() => {
     i.current && i.current.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [e, r, n]), /* @__PURE__ */ a("div", { ref: s, className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
-    e.map((l) => /* @__PURE__ */ t(zn, { message: l }, l.id)),
+    e.map((l) => /* @__PURE__ */ t(Fn, { message: l }, l.id)),
     r && /* @__PURE__ */ t("div", { className: "flex justify-start animate-fade-in", children: /* @__PURE__ */ a("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 })
@@ -2437,7 +2461,7 @@ function On({
     /* @__PURE__ */ t("div", { ref: i })
   ] });
 }
-function zn({ message: e }) {
+function Fn({ 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__ */ a(
     "div",
@@ -2451,13 +2475,13 @@ function zn({ 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((i, l) => /* @__PURE__ */ t(Fn, { block: i, isUser: n }, l)) }),
+        /* @__PURE__ */ t("div", { className: `message-content ${n ? "" : "prose prose-sm prose-invert max-w-none"}`, children: e.content.map((i, l) => /* @__PURE__ */ t(Pn, { block: i, isUser: n }, l)) }),
         /* @__PURE__ */ t("div", { className: `text-xs mt-3 ${n ? "text-black/40" : "text-white/40"}`, children: new Date(e.createdAt).toLocaleTimeString() })
       ]
     }
   ) });
 }
-function Fn({
+function Pn({
   block: e,
   isUser: n
 }) {
@@ -2476,11 +2500,11 @@ function Fn({
     /* @__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 Pn = 5e3;
-function Ve(e) {
+const Gn = 5e3;
+function qe(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Gn({
+function Vn({
   onSend: e,
   disabled: n,
   loading: r,
@@ -2494,130 +2518,132 @@ function Gn({
   enableFileUpload: d = !0,
   maxFileSize: x = 100 * 1024 * 1024,
   // 100MB
-  maxFiles: p = 10,
-  onStop: v,
+  maxFiles: m = 10,
+  onStop: w,
   canStop: E = !1,
   enableLongTextConversion: D = !0,
-  longTextThreshold: R = Pn
+  longTextThreshold: R = Gn
 }) {
-  const [_, Q] = N(""), [T, F] = N(!1), [A, j] = N(!1), [ie, X] = N(""), [W, H] = N(""), [k, B] = N([]), [ee, de] = N(!1), [te, Z] = N(null), [pe, fe] = N(/* @__PURE__ */ new Map()), we = G(0), ue = G(null), Ne = G(null), xe = G(null), ve = P((u) => {
+  const [T, X] = N(""), [S, G] = N(!1), [A, W] = N(!1), [ie, ee] = N(""), [B, H] = N(""), [C, O] = N([]), [te, ce] = N(!1), [ne, Q] = N(null), [he, me] = N(/* @__PURE__ */ new Map()), ge = V(0), de = V(null), ke = V(null), pe = V(null), we = F((u) => {
     const I = new TextEncoder().encode(u);
-    let g = "";
-    for (let C = 0; C < I.length; C++)
-      g += String.fromCharCode(I[C]);
-    return btoa(g);
-  }, []), V = P((u) => {
+    let k = "";
+    for (let y = 0; y < I.length; y++)
+      k += String.fromCharCode(I[y]);
+    return btoa(k);
+  }, []), K = F((u) => {
     if (!D || !d) return;
     const b = u.clipboardData.getData("text/plain");
     if (b.length > R) {
-      if (u.preventDefault(), k.length >= p) {
-        console.warn(`Cannot convert text to attachment: maximum ${p} files reached`);
+      if (u.preventDefault(), C.length >= m) {
+        console.warn(`Cannot convert text to attachment: maximum ${m} files reached`);
         return;
       }
       const I = b.split(`
 `).length;
-      we.current += 1;
-      const g = we.current, C = `pasted-text-${g}-${Date.now()}.txt`, re = ve(b), st = new TextEncoder().encode(b).length, at = {
-        filename: C,
-        content: re,
+      ge.current += 1;
+      const k = ge.current, y = `pasted-text-${k}-${Date.now()}.txt`, j = we(b), it = new TextEncoder().encode(b).length, lt = {
+        filename: y,
+        content: j,
         mimeType: "text/plain",
-        size: st
+        size: it
       };
-      fe((Le) => {
+      me((Le) => {
         const Ge = new Map(Le);
-        return Ge.set(C, { number: g, lineCount: I }), Ge;
-      }), B((Le) => [...Le, at]), Z({
+        return Ge.set(y, { number: k, lineCount: I }), Ge;
+      }), O((Le) => [...Le, lt]), Q({
         originalLength: b.length,
-        filename: C,
+        filename: y,
         preview: b.slice(0, 100) + (b.length > 100 ? "..." : ""),
         lineCount: I
       }), setTimeout(() => {
-        Z(null);
+        Q(null);
       }, 5e3);
     }
-  }, [D, d, R, k.length, p, ve]), w = () => {
-    const u = _.trim();
-    (u || k.length > 0) && !n && (e(u || "(files attached)", k.length > 0 ? k : void 0), Q(""), B([]), fe(/* @__PURE__ */ new Map()), ue.current && (ue.current.style.height = "auto"));
-  }, y = (u) => {
-    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), w());
+  }, [D, d, R, C.length, m, we]), g = () => {
+    const u = T.trim();
+    (u || C.length > 0) && !n && (e(u || "(files attached)", C.length > 0 ? C : void 0), X(""), O([]), me(/* @__PURE__ */ new Map()), de.current && (de.current.style.height = "auto"));
+  }, v = (u) => {
+    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), g());
   }, M = () => {
-    const u = ue.current;
+    const u = de.current;
     u && (u.style.height = "auto", u.style.height = `${Math.min(u.scrollHeight, 200)}px`);
-  }, O = async (u) => {
+  }, z = async (u) => {
     if (!u) return;
-    const b = [], I = k.length;
-    for (let g = 0; g < u.length && I + b.length < p; g++) {
-      const C = u[g];
-      if (C.size > x) {
-        console.warn(`File ${C.name} exceeds maximum size of ${Ve(x)}`);
+    const b = [], I = C.length;
+    for (let k = 0; k < u.length && I + b.length < m; k++) {
+      const y = u[k];
+      if (y.size > x) {
+        console.warn(`File ${y.name} exceeds maximum size of ${qe(x)}`);
         continue;
       }
       try {
-        const re = await ne(C);
+        const j = await re(y);
         b.push({
-          filename: C.name,
-          content: re,
-          mimeType: C.type || "application/octet-stream",
-          size: C.size
+          filename: y.name,
+          content: j,
+          mimeType: y.type || "application/octet-stream",
+          size: y.size
         });
-      } catch (re) {
-        console.error(`Failed to read file ${C.name}:`, re);
+      } catch (j) {
+        console.error(`Failed to read file ${y.name}:`, j);
       }
     }
-    b.length > 0 && B((g) => [...g, ...b]);
-  }, ne = (u) => new Promise((b, I) => {
-    const g = new FileReader();
-    g.onload = () => {
-      const re = g.result.split(",")[1];
-      b(re || "");
-    }, g.onerror = () => I(g.error), g.readAsDataURL(u);
+    b.length > 0 && O((k) => [...k, ...b]);
+  }, re = (u) => new Promise((b, I) => {
+    const k = new FileReader();
+    k.onload = () => {
+      const j = k.result.split(",")[1];
+      b(j || "");
+    }, k.onerror = () => I(k.error), k.readAsDataURL(u);
   }), le = (u) => {
-    O(u.target.files), xe.current && (xe.current.value = "");
-  }, he = (u) => {
-    u.preventDefault(), d && !n && de(!0);
-  }, J = (u) => {
-    u.preventDefault(), de(!1);
-  }, q = (u) => {
-    u.preventDefault(), de(!1), d && !n && O(u.dataTransfer.files);
-  }, U = (u) => {
-    const b = k[u];
-    b && pe.has(b.filename) && fe((I) => {
-      const g = new Map(I);
-      return g.delete(b.filename), g;
-    }), B((I) => I.filter((g, C) => C !== u));
-  }, K = i.length > 0, ke = r ? "Sending..." : K ? `Queue (${i.length})` : "Send", Ce = c.trim().length > 0, _e = Object.keys(o).length > 0, Ie = !n && (_.trim() || k.length > 0), ge = () => {
-    const u = ie.trim(), b = W.trim();
-    u && f && (f({ ...o, [u]: b }), X(""), H(""));
+    z(u.target.files), pe.current && (pe.current.value = "");
+  }, ue = (u) => {
+    u.preventDefault(), d && !n && ce(!0);
   }, Y = (u) => {
+    u.preventDefault(), ce(!1);
+  }, q = (u) => {
+    u.preventDefault(), ce(!1), d && !n && z(u.dataTransfer.files);
+  }, Z = (u) => {
+    const b = C[u];
+    b && he.has(b.filename) && me((I) => {
+      const k = new Map(I);
+      return k.delete(b.filename), k;
+    }), O((I) => I.filter((k, y) => y !== u));
+  }, J = i.length > 0;
+  r || J && `${i.length}`;
+  const Ce = c.trim().length > 0, _e = Object.keys(o).length > 0, ve = !n && (T.trim() || C.length > 0), Te = () => {
+    const u = ie.trim(), b = B.trim();
+    u && f && (f({ ...o, [u]: b }), ee(""), H(""));
+  }, ye = (u) => {
     if (f) {
       const b = { ...o };
       delete b[u], f(b);
     }
-  }, oe = (u) => {
-    u.key === "Enter" && (u.preventDefault(), ge());
+  }, U = (u) => {
+    u.key === "Enter" && (u.preventDefault(), Te());
   };
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `border-t border-white/10 p-3 sm:p-4 glass-panel relative ${ee ? "bg-[#ccff00]/5" : ""}`,
-      onDragOver: he,
-      onDragLeave: J,
+      className: `border-t border-white/10 p-3 sm:p-4 glass-panel relative ${te ? "bg-[#ccff00]/5" : ""}`,
+      onDragOver: ue,
+      onDragLeave: Y,
       onDrop: q,
       children: [
-        ee && d && /* @__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" }) }),
+        te && d && /* @__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" }) }),
         h && /* @__PURE__ */ a("div", { className: "mb-3", children: [
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => F(!T),
+              onClick: () => G(!S),
               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 ${T ? "rotate-90" : ""}`,
+                    className: `h-3 w-3 transition-transform ${S ? "rotate-90" : ""}`,
                     viewBox: "0 0 20 20",
                     fill: "currentColor",
                     children: /* @__PURE__ */ t(
@@ -2631,19 +2657,19 @@ function Gn({
                   }
                 ),
                 /* @__PURE__ */ t("span", { className: "uppercase tracking-wide", children: "Session Context" }),
-                Ce && !T && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: "Active" })
+                Ce && !S && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: "Active" })
               ]
             }
           ),
-          T && /* @__PURE__ */ a("div", { className: "mt-2", children: [
+          S && /* @__PURE__ */ a("div", { className: "mt-2", children: [
             /* @__PURE__ */ t(
               "textarea",
               {
-                ref: Ne,
+                ref: ke,
                 value: c,
                 onChange: (u) => h(u.target.value),
                 onInput: () => {
-                  const u = Ne.current;
+                  const u = ke.current;
                   u && (u.style.height = "auto", u.style.height = `${Math.min(u.scrollHeight, 150)}px`);
                 },
                 placeholder: "Add context that will be injected into every request (e.g., current page, user selection, etc.)",
@@ -2659,7 +2685,7 @@ function Gn({
             "button",
             {
               type: "button",
-              onClick: () => j(!A),
+              onClick: () => W(!A),
               className: "flex items-center gap-2 text-xs font-medium text-white/50 hover:text-white/80 transition-colors",
               children: [
                 /* @__PURE__ */ t(
@@ -2696,7 +2722,7 @@ function Gn({
                   /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: () => Y(u),
+                      onClick: () => ye(u),
                       className: "text-white/40 hover:text-red-400 transition-colors",
                       title: "Remove variable",
                       children: /* @__PURE__ */ t(
@@ -2728,8 +2754,8 @@ function Gn({
                 {
                   type: "text",
                   value: ie,
-                  onChange: (u) => X(u.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
-                  onKeyDown: oe,
+                  onChange: (u) => ee(u.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
+                  onKeyDown: U,
                   placeholder: "KEY",
                   className: "input-glass text-sm font-mono flex-1 min-w-0 py-2"
                 }
@@ -2739,9 +2765,9 @@ function Gn({
                 "input",
                 {
                   type: "text",
-                  value: W,
+                  value: B,
                   onChange: (u) => H(u.target.value),
-                  onKeyDown: oe,
+                  onKeyDown: U,
                   placeholder: "value",
                   className: "input-glass text-sm font-mono flex-[2] min-w-0 py-2"
                 }
@@ -2749,7 +2775,7 @@ function Gn({
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: ge,
+                  onClick: Te,
                   disabled: !ie.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"
@@ -2759,7 +2785,7 @@ function Gn({
             /* @__PURE__ */ t("p", { className: "text-xs text-white/40", children: "These environment variables will be available in the sandbox for new sessions." })
           ] })
         ] }),
-        te && /* @__PURE__ */ t("div", { className: "mb-3 p-3 bg-blue-500/10 border border-blue-500/30 rounded-xl", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-3", children: [
+        ne && /* @__PURE__ */ t("div", { className: "mb-3 p-3 bg-blue-500/10 border border-blue-500/30 rounded-xl", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ a("div", { className: "flex items-start gap-2 min-w-0", children: [
             /* @__PURE__ */ t(
               "svg",
@@ -2783,18 +2809,18 @@ function Gn({
             /* @__PURE__ */ a("div", { className: "min-w-0", children: [
               /* @__PURE__ */ t("p", { className: "text-sm text-blue-200 font-medium", children: "Long text converted to attachment" }),
               /* @__PURE__ */ a("p", { className: "text-xs text-blue-300/70 mt-1", children: [
-                te.originalLength.toLocaleString(),
+                ne.originalLength.toLocaleString(),
                 " characters (",
-                te.lineCount,
+                ne.lineCount,
                 " lines) saved as text attachment"
               ] }),
-              /* @__PURE__ */ t("p", { className: "text-xs text-white/50 mt-1 truncate font-mono", children: te.preview })
+              /* @__PURE__ */ t("p", { className: "text-xs text-white/50 mt-1 truncate font-mono", children: ne.preview })
             ] })
           ] }),
           /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => Z(null),
+              onClick: () => Q(null),
               className: "text-blue-400/70 hover:text-blue-300 transition-colors shrink-0",
               title: "Dismiss",
               children: /* @__PURE__ */ t(
@@ -2817,20 +2843,20 @@ function Gn({
             }
           )
         ] }) }),
-        k.length > 0 && /* @__PURE__ */ a("div", { className: "mb-3 space-y-2", children: [
+        C.length > 0 && /* @__PURE__ */ a("div", { className: "mb-3 space-y-2", children: [
           /* @__PURE__ */ a("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
             "Attached Files (",
-            k.length,
+            C.length,
             ")"
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: k.map((u, b) => {
-            const I = pe.get(u.filename), g = !!I;
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: C.map((u, b) => {
+            const I = he.get(u.filename), k = !!I;
             return /* @__PURE__ */ a(
               "div",
               {
-                className: `flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm ${g ? "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 ${k ? "bg-purple-500/10 border border-purple-500/30" : "bg-white/5 border border-white/10"}`,
                 children: [
-                  g ? (
+                  k ? (
                     // Pasted text icon (document with lines)
                     /* @__PURE__ */ t(
                       "svg",
@@ -2873,21 +2899,21 @@ function Gn({
                       }
                     )
                   ),
-                  g ? /* @__PURE__ */ a("span", { className: "text-purple-200 font-mono", title: u.filename, children: [
+                  k ? /* @__PURE__ */ a("span", { className: "text-purple-200 font-mono", title: u.filename, children: [
                     "[Pasted text #",
                     I.number,
                     " +",
                     I.lineCount,
                     " lines]"
-                  ] }) : /* @__PURE__ */ a(S, { children: [
+                  ] }) : /* @__PURE__ */ a(_, { children: [
                     /* @__PURE__ */ t("span", { className: "text-white/80 truncate max-w-[150px]", title: u.filename, children: u.filename }),
-                    /* @__PURE__ */ t("span", { className: "text-white/40 text-xs", children: Ve(u.size) })
+                    /* @__PURE__ */ t("span", { className: "text-white/40 text-xs", children: qe(u.size) })
                   ] }),
                   /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: () => U(b),
-                      className: `hover:text-red-400 transition-colors ${g ? "text-purple-400/70" : "text-white/40"}`,
+                      onClick: () => Z(b),
+                      className: `hover:text-red-400 transition-colors ${k ? "text-purple-400/70" : "text-white/40"}`,
                       title: "Remove file",
                       children: /* @__PURE__ */ t(
                         "svg",
@@ -2914,7 +2940,7 @@ function Gn({
             );
           }) })
         ] }),
-        K && /* @__PURE__ */ a("div", { className: "mb-3 space-y-2", children: [
+        J && /* @__PURE__ */ a("div", { className: "mb-3 space-y-2", children: [
           /* @__PURE__ */ a("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
             "Queued Messages (",
             i.length,
@@ -2962,30 +2988,75 @@ function Gn({
             u.id
           )) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex gap-2 items-end", children: [
-          d && /* @__PURE__ */ a(S, { children: [
+        /* @__PURE__ */ a("div", { className: "flex gap-3 items-end", children: [
+          /* @__PURE__ */ a("div", { className: "flex-1 flex items-end bg-[#2f2f2f] rounded-2xl border border-white/10 overflow-hidden", children: [
+            d && /* @__PURE__ */ a(_, { children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: pe,
+                  type: "file",
+                  multiple: !0,
+                  onChange: le,
+                  className: "hidden",
+                  disabled: n || C.length >= m
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    var u;
+                    return (u = pe.current) == null ? void 0 : u.click();
+                  },
+                  disabled: n || C.length >= m,
+                  className: "shrink-0 p-3 text-white/50 hover:text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                  title: C.length >= m ? `Maximum ${m} files` : "Attach files",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      className: "h-5 w-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      children: /* @__PURE__ */ t(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
             /* @__PURE__ */ t(
-              "input",
+              "textarea",
               {
-                ref: xe,
-                type: "file",
-                multiple: !0,
-                onChange: le,
-                className: "hidden",
-                disabled: n || k.length >= p
+                ref: de,
+                value: T,
+                onChange: (u) => X(u.target.value),
+                onKeyDown: v,
+                onInput: M,
+                onPaste: K,
+                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",
+                rows: 1
               }
             ),
             /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => {
-                  var u;
-                  return (u = xe.current) == null ? void 0 : u.click();
-                },
-                disabled: n || k.length >= p,
-                className: "shrink-0 p-2 sm:px-3 sm:py-2 text-white/50 hover:text-[#ccff00] hover:bg-white/5 rounded-xl transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed",
-                title: k.length >= p ? `Maximum ${p} files` : "Attach files",
+                className: "shrink-0 p-3 text-white/50 hover:text-white transition-colors disabled:opacity-50",
+                disabled: n,
+                title: "Voice input (not available)",
                 children: /* @__PURE__ */ t(
                   "svg",
                   {
@@ -3000,34 +3071,43 @@ function Gn({
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         strokeWidth: 2,
-                        d: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"
+                        d: "M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3zM19 10v2a7 7 0 01-14 0v-2M12 19v4M8 23h8"
                       }
                     )
                   }
                 )
               }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: g,
+                disabled: !ve,
+                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__ */ a(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-5 w-5",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: [
+                      /* @__PURE__ */ t("line", { x1: "12", y1: "19", x2: "12", y2: "5", strokeWidth: 2, strokeLinecap: "round" }),
+                      /* @__PURE__ */ t("polyline", { points: "5 12 12 5 19 12", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
+                    ]
+                  }
+                )
+              }
             )
           ] }),
-          /* @__PURE__ */ t(
-            "textarea",
-            {
-              ref: ue,
-              value: _,
-              onChange: (u) => Q(u.target.value),
-              onKeyDown: y,
-              onInput: M,
-              onPaste: V,
-              placeholder: s,
-              disabled: n,
-              className: "input-glass flex-1 min-w-0 resize-none py-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
-              rows: 1
-            }
-          ),
-          r && E && v ? /* @__PURE__ */ a(
+          r && E && w ? /* @__PURE__ */ a(
             "button",
             {
-              onClick: v,
-              className: "shrink-0 px-3 sm:px-4 py-2.5 bg-red-500/80 hover:bg-red-500 text-white rounded-xl transition-all duration-300 flex items-center gap-1 sm:gap-2 border border-red-400/30",
+              onClick: w,
+              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: [
                 /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8 7a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1V8a1 1 0 00-1-1H8z", clipRule: "evenodd" }) }),
@@ -3037,19 +3117,19 @@ function Gn({
           ) : /* @__PURE__ */ a(
             "button",
             {
-              onClick: w,
-              disabled: !Ie,
-              className: `shrink-0 px-3 sm:px-5 py-2.5 rounded-xl font-medium transition-all duration-300 disabled:opacity-30 disabled:cursor-not-allowed ${K ? "bg-yellow-500/80 hover:bg-yellow-500 text-black border border-yellow-400/30" : "bg-[#ccff00] hover:bg-[#b8e600] text-black shadow-[0_0_20px_rgba(204,255,0,0.3)] hover:shadow-[0_0_30px_rgba(204,255,0,0.5)]"}`,
+              onClick: g,
+              disabled: !ve,
+              className: `shrink-0 px-4 py-3 rounded-2xl font-medium transition-all duration-300 disabled:opacity-30 disabled:cursor-not-allowed ${J ? "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: ke }),
-                /* @__PURE__ */ t("span", { className: "sm:hidden", children: r ? "..." : K ? `+${i.length}` : "→" })
+                /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: J ? `Queue (${i.length})` : "Execute" }),
+                /* @__PURE__ */ t("span", { className: "sm:hidden", children: r ? "..." : J ? `+${i.length}` : "→" })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: "text-xs text-white/40 mt-2 hidden sm:block", children: [
           "Press Enter to ",
-          r || K ? "queue" : "send",
+          r || J ? "queue" : "send",
           ", Shift+Enter for new line",
           d && " • Drag & drop files or click the attach button",
           D && d && ` • Long text (>${R.toLocaleString()} chars) auto-converts to attachment`
@@ -3058,7 +3138,7 @@ function Gn({
     }
   );
 }
-function Rr({
+function $r({
   apiBasePath: e,
   initialAgent: n,
   initialSessionId: r,
@@ -3066,204 +3146,204 @@ function Rr({
   className: i = "",
   useBackendQueue: l = !1
 }) {
-  const [c, h] = N([]), [o, f] = N(n || null), [d, x] = N(r || null), [p, v] = N([]), [E, D] = N(!1), [R, _] = N(""), [Q, T] = N(null), [F, A] = N([]), [j, ie] = N([]), [X, W] = N(""), [H, k] = N({}), B = G(!1), ee = G(X), de = G(H), te = G(null);
-  z(() => {
-    ee.current = X;
-  }, [X]), z(() => {
-    de.current = H;
-  }, [H]), z(() => {
-    fetch(`${e}/agents`).then((w) => w.json()).then((w) => {
-      const y = w.agents || [];
-      h(y), !o && y.length > 0 && f(y[0].slug || y[0].name);
-    }).catch((w) => {
-      console.error("Failed to fetch agents:", w), T("Failed to load agents");
+  const [c, h] = N([]), [o, f] = N(n || null), [d, x] = N(r || null), [m, w] = N([]), [E, D] = N(!1), [R, T] = N(""), [X, S] = N(null), [G, A] = N([]), [W, ie] = N([]), [ee, B] = N(""), [H, C] = N({}), O = V(!1), te = V(ee), ce = V(H), ne = V(null);
+  P(() => {
+    te.current = ee;
+  }, [ee]), P(() => {
+    ce.current = H;
+  }, [H]), P(() => {
+    fetch(`${e}/agents`).then((g) => g.json()).then((g) => {
+      const v = g.agents || [];
+      h(v), !o && v.length > 0 && f(v[0].slug || v[0].name);
+    }).catch((g) => {
+      console.error("Failed to fetch agents:", g), S("Failed to load agents");
     });
-  }, [e]), z(() => {
-    d && pe(d);
+  }, [e]), P(() => {
+    d && he(d);
   }, [d]);
-  const Z = P(async () => {
+  const Q = F(async () => {
     if (!(!l || !o))
       try {
-        const w = await fetch(
+        const g = await fetch(
           `${e}/queue/status/${o}?sessionId=${d || ""}`
         );
-        if (!w.ok) return;
-        const y = await w.json();
-        D(y.isProcessing), ie(y.nextItems || []), !y.isProcessing && E && (d && await pe(d), _(""));
-      } catch (w) {
-        console.error("Failed to fetch queue status:", w);
+        if (!g.ok) return;
+        const v = await g.json();
+        D(v.isProcessing), ie(v.nextItems || []), !v.isProcessing && E && (d && await he(d), T(""));
+      } catch (g) {
+        console.error("Failed to fetch queue status:", g);
       }
   }, [l, o, d, e, E]);
-  z(() => {
+  P(() => {
     if (l)
-      return te.current = setInterval(Z, 1e3), () => {
-        te.current && (clearInterval(te.current), te.current = null);
+      return ne.current = setInterval(Q, 1e3), () => {
+        ne.current && (clearInterval(ne.current), ne.current = null);
       };
-  }, [l, Z]), z(() => {
+  }, [l, Q]), P(() => {
     s == null || s(d);
   }, [d, s]);
-  const pe = async (w) => {
+  const he = async (g) => {
     try {
-      const y = await fetch(`${e}/sessions/${w}/messages`);
-      if (!y.ok) throw new Error("Failed to fetch messages");
-      const M = await y.json();
-      v(M.items || M.messages || []);
-    } catch (y) {
-      T(y instanceof Error ? y.message : "Failed to fetch messages");
-    }
-  }, fe = P(async (w, y, M) => {
-    var le, he;
-    if (!o) return y;
-    D(!0), T(null), _("");
-    const O = {
+      const v = await fetch(`${e}/sessions/${g}/messages`);
+      if (!v.ok) throw new Error("Failed to fetch messages");
+      const M = await v.json();
+      w(M.items || M.messages || []);
+    } catch (v) {
+      S(v instanceof Error ? v.message : "Failed to fetch messages");
+    }
+  }, me = F(async (g, v, M) => {
+    var le, ue;
+    if (!o) return v;
+    D(!0), S(null), T("");
+    const z = {
       id: `temp-${Date.now()}`,
       role: "user",
-      content: [{ type: "text", text: w }],
+      content: [{ type: "text", text: g }],
       createdAt: (/* @__PURE__ */ new Date()).toISOString()
     };
-    v((J) => [...J, O]);
-    let ne = y;
+    w((Y) => [...Y, z]);
+    let re = v;
     try {
-      const J = y ? `${e}/sessions/${y}/send` : `${e}/agents/${o}/run`, q = M == null ? void 0 : M.map((oe) => ({
-        filename: oe.filename,
-        content: oe.content,
-        mimeType: oe.mimeType
-      })), U = { prompt: w }, K = ee.current.trim();
-      K && (U.sessionContext = K);
-      const ke = de.current;
-      !y && Object.keys(ke).length > 0 && (U.envVars = ke), q && q.length > 0 && (U.files = q);
-      const Ce = await fetch(J, {
+      const Y = v ? `${e}/sessions/${v}/send` : `${e}/agents/${o}/run`, q = M == null ? void 0 : M.map((fe) => ({
+        filename: fe.filename,
+        content: fe.content,
+        mimeType: fe.mimeType
+      })), Z = { prompt: g }, J = te.current.trim();
+      J && (Z.sessionContext = J);
+      const Ce = ce.current;
+      !v && Object.keys(Ce).length > 0 && (Z.envVars = Ce), q && q.length > 0 && (Z.files = q);
+      const _e = await fetch(Y, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(U)
+        body: JSON.stringify(Z)
       });
-      if (!Ce.ok) throw new Error("Failed to send message");
-      const _e = (le = Ce.body) == null ? void 0 : le.getReader(), Ie = new TextDecoder();
-      let ge = "", Y = "";
-      for (; _e; ) {
-        const { done: oe, value: Pe } = await _e.read();
-        if (oe) break;
-        ge += Ie.decode(Pe, { stream: !0 });
-        const u = ge.split(`
+      if (!_e.ok) throw new Error("Failed to send message");
+      const ve = (le = _e.body) == null ? void 0 : le.getReader(), Te = new TextDecoder();
+      let ye = "", U = "";
+      for (; ve; ) {
+        const { done: fe, value: u } = await ve.read();
+        if (fe) break;
+        ye += Te.decode(u, { stream: !0 });
+        const b = ye.split(`
 `);
-        ge = u.pop() || "";
-        for (const b of u)
-          if (b.startsWith("data:")) {
-            const I = b.slice(5).trim();
-            if (!I) continue;
+        ye = b.pop() || "";
+        for (const I of b)
+          if (I.startsWith("data:")) {
+            const k = I.slice(5).trim();
+            if (!k) continue;
             try {
-              const g = JSON.parse(I);
-              if (g.type === "session_start" && g.sessionId)
-                ne = g.sessionId, x(g.sessionId);
-              else if (g.type === "text_delta" && g.delta)
-                Y += g.delta, _(Y);
-              else if (g.type === "thinking_delta" && g.delta)
-                Y += g.delta, _(Y);
-              else if (g.type === "message" && g.message) {
-                const C = (he = g.message.content) == null ? void 0 : he.find(
-                  (re) => re.type === "text"
+              const y = JSON.parse(k);
+              if (y.type === "session_start" && y.sessionId)
+                re = y.sessionId, x(y.sessionId);
+              else if (y.type === "text_delta" && y.delta)
+                U += y.delta, T(U);
+              else if (y.type === "thinking_delta" && y.delta)
+                U += y.delta, T(U);
+              else if (y.type === "message" && y.message) {
+                const j = (ue = y.message.content) == null ? void 0 : ue.find(
+                  (Pe) => Pe.type === "text"
                 );
-                C != null && C.text && (Y || (Y = C.text, _(Y)));
-              } else if (g.type === "tool_use")
-                Y += `
+                j != null && j.text && (U || (U = j.text, T(U)));
+              } else if (y.type === "tool_use")
+                U += `
 
-🔧 Using tool: ${g.name}
-`, _(Y);
-              else if (g.type === "session_end") {
-                const C = y || g.sessionId;
-                C && await pe(C), _("");
-              } else g.type === "error" && T(g.error || "Unknown error");
+🔧 Using tool: ${y.name}
+`, T(U);
+              else if (y.type === "session_end") {
+                const j = v || y.sessionId;
+                j && await he(j), T("");
+              } else y.type === "error" && S(y.error || "Unknown error");
             } catch {
             }
           }
       }
-    } catch (J) {
-      T(J instanceof Error ? J.message : "Unknown error"), v((q) => q.filter((U) => U.id !== O.id));
+    } catch (Y) {
+      S(Y instanceof Error ? Y.message : "Unknown error"), w((q) => q.filter((Z) => Z.id !== z.id));
     } finally {
       D(!1);
     }
-    return ne;
-  }, [e, o]), we = P(async () => {
-    if (B.current) return;
-    B.current = !0;
-    let w = d;
+    return re;
+  }, [e, o]), ge = F(async () => {
+    if (O.current) return;
+    O.current = !0;
+    let g = d;
     for (; ; ) {
-      let y;
-      if (A((M) => M.length === 0 ? M : (y = M[0], M.slice(1))), await new Promise((M) => setTimeout(M, 0)), !y) break;
-      w = await fe(y.text, w, y.files);
-    }
-    B.current = !1;
-  }, [d, fe]);
-  z(() => {
-    F.length > 0 && !B.current && we();
-  }, [F, we]);
-  const ue = P(async (w, y) => {
+      let v;
+      if (A((M) => M.length === 0 ? M : (v = M[0], M.slice(1))), await new Promise((M) => setTimeout(M, 0)), !v) break;
+      g = await me(v.text, g, v.files);
+    }
+    O.current = !1;
+  }, [d, me]);
+  P(() => {
+    G.length > 0 && !O.current && ge();
+  }, [G, ge]);
+  const de = F(async (g, v) => {
     if (!o) return;
     const M = {
       id: `temp-${Date.now()}`,
       role: "user",
-      content: [{ type: "text", text: w }],
+      content: [{ type: "text", text: g }],
       createdAt: (/* @__PURE__ */ new Date()).toISOString()
     };
-    v((O) => [...O, M]);
+    w((z) => [...z, M]);
     try {
-      const O = y == null ? void 0 : y.map((q) => ({
+      const z = v == null ? void 0 : v.map((q) => ({
         filename: q.filename,
         content: q.content,
         mimeType: q.mimeType
-      })), ne = de.current, le = !d && Object.keys(ne).length > 0 ? ne : void 0, he = await fetch(`${e}/queue`, {
+      })), re = ce.current, le = !d && Object.keys(re).length > 0 ? re : void 0, ue = await fetch(`${e}/queue`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           agentName: o,
           sessionId: d,
-          prompt: w,
-          files: O,
-          sessionContext: ee.current.trim() || void 0,
+          prompt: g,
+          files: z,
+          sessionContext: te.current.trim() || void 0,
           envVars: le
         })
       });
-      if (!he.ok)
+      if (!ue.ok)
         throw new Error("Failed to queue message");
-      const J = await he.json();
-      !d && J.id && setTimeout(async () => {
-        const U = await fetch(`${e}/queue/${J.id}`);
-        if (U.ok) {
-          const K = await U.json();
-          K.sessionId && x(K.sessionId);
+      const Y = await ue.json();
+      !d && Y.id && setTimeout(async () => {
+        const Z = await fetch(`${e}/queue/${Y.id}`);
+        if (Z.ok) {
+          const J = await Z.json();
+          J.sessionId && x(J.sessionId);
         }
-      }, 500), await Z();
-    } catch (O) {
-      T(O instanceof Error ? O.message : "Failed to queue message"), v((ne) => ne.filter((le) => le.id !== M.id));
+      }, 500), await Q();
+    } catch (z) {
+      S(z instanceof Error ? z.message : "Failed to queue message"), w((re) => re.filter((le) => le.id !== M.id));
     }
-  }, [o, d, e, Z]), Ne = P((w, y) => {
+  }, [o, d, e, Q]), ke = F((g, v) => {
     if (!o) return;
     if (l) {
-      ue(w, y);
+      de(g, v);
       return;
     }
     const M = {
       id: `queue-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-      text: w,
-      files: y
+      text: g,
+      files: v
     };
-    E || B.current ? A((O) => [...O, M]) : A([M]);
-  }, [o, E, l, ue]), xe = P(async (w) => {
+    E || O.current ? A((z) => [...z, M]) : A([M]);
+  }, [o, E, l, de]), pe = F(async (g) => {
     if (l) {
       try {
-        await fetch(`${e}/queue/${w}/cancel`, {
+        await fetch(`${e}/queue/${g}/cancel`, {
           method: "POST"
-        }), await Z();
-      } catch (y) {
-        console.error("Failed to cancel queue item:", y);
+        }), await Q();
+      } catch (v) {
+        console.error("Failed to cancel queue item:", v);
       }
       return;
     }
-    A((y) => y.filter((M) => M.id !== w));
-  }, [l, e, Z]), ve = P(() => {
-    x(null), v([]), _(""), T(null), ie([]), A([]);
-  }, []), V = c.find(
-    (w) => w.slug === o || w.name === o
+    A((v) => v.filter((M) => M.id !== g));
+  }, [l, e, Q]), we = F(() => {
+    x(null), w([]), T(""), S(null), ie([]), A([]);
+  }, []), K = c.find(
+    (g) => g.slug === o || g.name === o
   );
   return /* @__PURE__ */ a("div", { className: `harness-playground flex flex-col h-full bg-[#0a0a0a] relative overflow-hidden ${i}`, children: [
     /* @__PURE__ */ t("div", { className: "ambient-glow ambient-glow-accent w-[40vw] h-[40vw] -top-[20%] -right-[10%] animate-pulse-slow" }),
@@ -3273,69 +3353,69 @@ function Rr({
     /* @__PURE__ */ a("div", { className: "sticky top-0 flex items-center justify-between p-4 border-b border-white/10 glass-panel relative z-10", children: [
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ t("h1", { className: "text-xl font-semibold text-white", children: "Playground" }),
-        V && /* @__PURE__ */ t("p", { className: "text-sm text-white/50 mt-0.5", children: V.description || `Chat with ${V.name}` })
+        K && /* @__PURE__ */ t("p", { className: "text-sm text-white/50 mt-0.5", children: K.description || `Chat with ${K.name}` })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ a(
           "select",
           {
             value: o || "",
-            onChange: (w) => {
-              f(w.target.value), ve();
+            onChange: (g) => {
+              f(g.target.value), we();
             },
             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: [
               c.length === 0 && /* @__PURE__ */ t("option", { value: "", children: "No agents" }),
-              c.map((w) => /* @__PURE__ */ t("option", { value: w.slug || w.name, className: "bg-[#0a0a0a]", children: w.name }, w.slug || w.name))
+              c.map((g) => /* @__PURE__ */ t("option", { value: g.slug || g.name, className: "bg-[#0a0a0a]", children: g.name }, g.slug || g.name))
             ]
           }
         ),
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: ve,
+            onClick: we,
             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"
           }
         )
       ] })
     ] }),
-    Q && /* @__PURE__ */ a("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: Q }),
+    X && /* @__PURE__ */ a("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: X }),
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: () => T(null),
+          onClick: () => S(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: p.length === 0 && !R ? /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center animate-fade-in", children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-hidden relative z-10", children: m.length === 0 && !R ? /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ a("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: o ? `Chat with ${(V == null ? void 0 : V.name) || o}` : "Select an agent to begin" })
+      /* @__PURE__ */ t("p", { className: "text-sm mt-1 text-white/40", children: o ? `Chat with ${(K == null ? void 0 : K.name) || o}` : "Select an agent to begin" })
     ] }) }) : /* @__PURE__ */ t(
-      On,
+      zn,
       {
-        messages: p,
+        messages: m,
         loading: E,
         streamingContent: R
       }
     ) }),
     /* @__PURE__ */ t("div", { className: "relative z-10", children: /* @__PURE__ */ t(
-      Gn,
+      Vn,
       {
-        onSend: Ne,
+        onSend: ke,
         disabled: !o,
         loading: E,
-        queue: l ? j.map((w) => ({ id: w.id, text: w.prompt })) : F,
-        onCancelQueued: xe,
-        sessionContext: X,
-        onSessionContextChange: W,
+        queue: l ? W.map((g) => ({ id: g.id, text: g.prompt })) : G,
+        onCancelQueued: pe,
+        sessionContext: ee,
+        onSessionContextChange: B,
         envVars: H,
-        onEnvVarsChange: k,
-        placeholder: o ? `Message ${(V == null ? void 0 : V.name) || o}...` : "Select an agent to start chatting"
+        onEnvVarsChange: C,
+        placeholder: o ? `Message ${(K == null ? void 0 : K.name) || o}...` : "Select an agent to start chatting"
       }
     ) }),
     d && /* @__PURE__ */ a("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: [
@@ -3348,7 +3428,7 @@ function Rr({
     ] })
   ] });
 }
-function Ar({
+function Rr({
   entries: e,
   loading: n,
   streamingContent: r,
@@ -3356,7 +3436,7 @@ function Ar({
   onOptionSelect: i
 }) {
   return /* @__PURE__ */ t(
-    In,
+    Ln,
     {
       entries: e,
       loading: n,
@@ -3366,9 +3446,9 @@ function Ar({
     }
   );
 }
-function Dr({ logs: e, isLoading: n, className: r }) {
+function Ar({ logs: e, isLoading: n, className: r }) {
   return /* @__PURE__ */ t(
-    jn,
+    Wn,
     {
       logs: e,
       title: "Sandbox Logs",
@@ -3396,7 +3476,7 @@ function qn(e) {
   }
   return null;
 }
-function Vn(e, n) {
+function Jn(e, n) {
   const r = n || {};
   switch (e) {
     case "Bash":
@@ -3479,7 +3559,7 @@ function Vn(e, n) {
     }
   }
 }
-function Jn(e, n, r) {
+function Un(e, n, r) {
   switch (r.action) {
     case "command_run":
       const s = r.command;
@@ -3510,11 +3590,11 @@ function Jn(e, n, r) {
       return "Unknown tool";
   }
 }
-function Un(e) {
+function Kn(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 Kn(e) {
+function Yn(e) {
   if (typeof e == "string")
     try {
       return { type: "json", value: JSON.parse(e) };
@@ -3538,8 +3618,8 @@ function Kn(e) {
   }
   return { type: "json", value: e };
 }
-function Yn(e) {
-  const n = Un(e);
+function Zn(e) {
+  const n = Kn(e);
   if (typeof e == "string")
     try {
       const r = JSON.parse(e);
@@ -3557,8 +3637,8 @@ function Yn(e) {
     // Assume success if no exit code
   };
 }
-function nt(e) {
-  const n = Vn(e.name, e.input), r = Jn(e.name, e.input, n);
+function st(e) {
+  const n = Jn(e.name, e.input), r = Un(e.name, e.input, n);
   return {
     id: e.id,
     toolName: e.name,
@@ -3568,21 +3648,21 @@ function nt(e) {
     startedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-function rt(e, n, r) {
+function at(e, n, r) {
   const s = { ...e }, i = { ...e.actionType };
   if (s.status = r ? "failed" : "success", s.completedAt = (/* @__PURE__ */ new Date()).toISOString(), s.isError = r, i.action === "command_run") {
-    const l = Yn(n);
+    const l = Zn(n);
     i.result = l, l.exitCode !== void 0 && l.exitCode !== 0 && (s.status = "failed", s.isError = !0);
-  } else (i.action === "mcp_tool" || i.action === "generic_tool") && (i.result = Kn(n));
+  } else (i.action === "mcp_tool" || i.action === "generic_tool") && (i.result = Yn(n));
   return s.actionType = i, s;
 }
-function Zn(e) {
+function Qn(e) {
   return e.type === "tool_use";
 }
-function Qn(e) {
+function Xn(e) {
   return e.type === "tool_result";
 }
-function jr(e) {
+function Dr(e) {
   const n = [], r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
   for (const i of e) {
     const l = i.createdAt instanceof Date ? i.createdAt.toISOString() : i.createdAt;
@@ -3596,8 +3676,8 @@ function jr(e) {
           },
           content: c.text
         });
-      else if (Zn(c)) {
-        const h = nt(c);
+      else if (Qn(c)) {
+        const h = st(c);
         r.set(c.id, h);
         const o = {
           id: c.id,
@@ -3609,10 +3689,10 @@ function jr(e) {
           content: h.summary
         };
         n.push(o), s.set(c.id, o);
-      } else if (Qn(c)) {
+      } else if (Xn(c)) {
         const h = c.toolUseId, o = r.get(h);
         if (o) {
-          const f = rt(
+          const f = at(
             o,
             c.content,
             c.isError
@@ -3623,7 +3703,7 @@ function jr(e) {
   }
   return n;
 }
-const Me = class Me {
+const Ee = class Ee {
   constructor() {
     se(this, "entries", []);
     se(this, "pendingToolCalls", /* @__PURE__ */ new Map());
@@ -3719,7 +3799,7 @@ const Me = class Me {
         console.warn("[ToolCallProcessor] Skipping potential duplicate delta");
         return;
       }
-      this.recentDeltas.push(s), this.recentDeltas.length > Me.MAX_RECENT_DELTAS && this.recentDeltas.shift();
+      this.recentDeltas.push(s), this.recentDeltas.length > Ee.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({
@@ -3753,7 +3833,7 @@ const Me = class Me {
    */
   handleToolUse(n) {
     this.finalizeCurrentText(), this.hadToolCallSinceText = !0;
-    const r = nt({
+    const r = st({
       id: n.id,
       name: n.name,
       input: n.input
@@ -3774,7 +3854,7 @@ const Me = class Me {
   handleToolResult(n) {
     const r = this.pendingToolCalls.get(n.toolUseId);
     if (r) {
-      const s = rt(
+      const s = at(
         r.toolCall,
         n.content,
         n.isError
@@ -3813,94 +3893,94 @@ const Me = class Me {
     this.listeners.forEach((r) => r(n));
   }
 };
-se(Me, "MAX_RECENT_DELTAS", 10);
-let De = Me;
-function Wr() {
+se(Ee, "MAX_RECENT_DELTAS", 10);
+let De = Ee;
+function jr() {
   return new De();
 }
 export {
-  Ze as ActionIcon,
-  Mt as AlertCircleIcon,
-  Ye as AlertTriangleIcon,
-  sn as AssistantMessage,
-  wr as BrainIcon,
-  Et as BugIcon,
-  Gn as ChatInput,
-  It as CheckCircleIcon,
-  _t as CheckIcon,
+  Xe as ActionIcon,
+  It as AlertCircleIcon,
+  Ze as AlertTriangleIcon,
+  an as AssistantMessage,
+  gr as BrainIcon,
+  Lt as BugIcon,
+  Vn as ChatInput,
+  $t as CheckCircleIcon,
+  Ye as CheckIcon,
   We as ChevronDownIcon,
   dr as ChevronLeftIcon,
-  ye as ChevronRightIcon,
+  be as ChevronRightIcon,
   ur as ChevronUpIcon,
-  ce as CodeBlock,
+  oe as CodeBlock,
   hr as CodeIcon,
-  mr as CopyIcon,
+  St as CopyIcon,
   Oe as EditIcon,
-  on as ErrorMessage,
+  cn as ErrorMessage,
   Be as FileIcon,
-  yt as FilePlusIcon,
-  Ct as FolderSearchIcon,
-  bt as GlobeIcon,
-  St as InfoIcon,
-  Se as JsonDisplay,
-  On as LegacyMessageList,
-  Tt as LoaderIcon,
+  Nt as FilePlusIcon,
+  Tt as FolderSearchIcon,
+  kt as GlobeIcon,
+  Et as InfoIcon,
+  Me as JsonDisplay,
+  zn as LegacyMessageList,
+  Mt as LoaderIcon,
   Re as LoadingIndicator,
-  jn as LogsPanel,
-  cn as MessageEntry,
-  In as MessageList,
-  gr as MessageSquareIcon,
+  Wn as LogsPanel,
+  dn as MessageEntry,
+  Ln as MessageList,
+  xr as MessageSquareIcon,
   cr as MoonIcon,
-  Ar as NormalizedMessageList,
-  $t as PaperclipIcon,
-  Rr as Playground,
-  Nt as PlugIcon,
-  Dr as SandboxLogsPanel,
-  Te as SearchIcon,
-  fr as SendIcon,
-  Rt as SparklesIcon,
-  Bt as StatusIndicator,
-  xr as StopCircleIcon,
-  dn as StreamingText,
+  Rr as NormalizedMessageList,
+  At as PaperclipIcon,
+  $r as Playground,
+  Ct as PlugIcon,
+  Ar as SandboxLogsPanel,
+  Se as SearchIcon,
+  pr as SendIcon,
+  Qe as SparklesIcon,
+  Ot as StatusIndicator,
+  fr as StopCircleIcon,
+  un as StreamingText,
   or as SunIcon,
-  Ee as TerminalIcon,
-  Lr as ThemeProvider,
-  an as ThinkingMessage,
+  Ie as TerminalIcon,
+  Ir as ThemeProvider,
+  ln as ThinkingMessage,
   ze as ToolCallCard,
-  ln as ToolCallMessage,
+  on as ToolCallMessage,
   De as ToolCallProcessor,
-  kt as ToolIcon,
-  rn as UserMessage,
-  Lt as XCircleIcon,
-  pr as XIcon,
-  m as cn,
+  _t as ToolIcon,
+  sn as UserMessage,
+  Rt as XCircleIcon,
+  mr as XIcon,
+  p as cn,
   rr as createToolCall,
-  Wr as createToolCallProcessor,
-  pt as extractTextContent,
+  jr as createToolCallProcessor,
+  xt as extractTextContent,
   ir as formatFileSize,
   je as formatTimestamp,
-  dt as formatToolName,
-  mt as generateToolSummary,
+  ht as formatToolName,
+  ft as generateToolSummary,
   ar as getActionIcon,
   Ke as getActionLabel,
-  vr as isCommandRunAction,
-  Ir as isErrorEntry,
-  br as isFileEditAction,
-  yr as isFileReadAction,
-  Nr as isFileWriteAction,
-  Mr as isGenericToolAction,
-  Cr as isGlobAction,
-  Sr as isMcpToolAction,
-  kr as isSearchAction,
-  Er as isToolCallEntry,
-  _r as isWebFetchAction,
-  Tr as isWebSearchAction,
-  ht as mapToolToActionType,
-  jr as normalizeMessages,
-  ft as normalizeToolResult,
-  xt as parseCommandResult,
-  ut as parseMcpToolName,
+  wr as isCommandRunAction,
+  Er as isErrorEntry,
+  yr as isFileEditAction,
+  vr as isFileReadAction,
+  br as isFileWriteAction,
+  Sr as isGenericToolAction,
+  kr as isGlobAction,
+  Tr as isMcpToolAction,
+  Nr as isSearchAction,
+  Mr as isToolCallEntry,
+  Cr as isWebFetchAction,
+  _r as isWebSearchAction,
+  pt as mapToolToActionType,
+  Dr as normalizeMessages,
+  gt as normalizeToolResult,
+  wt as parseCommandResult,
+  mt as parseMcpToolName,
   lr as truncate,
   sr as updateToolCallWithResult,
-  $r as useTheme
+  Lr as useTheme
 };