@ash-cloud/ash-ai 0.1.8

package/dist/playground.js

@@ -0,0 +1,3753 @@
+var it = Object.defineProperty;
+var at = (e, n, r) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var ee = (e, n, r) => at(e, typeof n != "symbol" ? n + "" : n, r);
+import { lazy as lt, createContext as Ge, useState as N, useRef as O, useEffect as j, useCallback as B, useMemo as re, useContext as Je, Suspense as ot, Fragment as Le } from "react";
+import { jsxs as i, jsx as t, Fragment as _ } from "react/jsx-runtime";
+function ct(e) {
+  if (e.startsWith("mcp__")) {
+    const n = e.split("__");
+    if (n.length >= 3)
+      return `mcp:${n[1]}:${n.slice(2).join(":")}`;
+  }
+  return e;
+}
+function dt(e) {
+  if (e.startsWith("mcp__")) {
+    const n = e.split("__");
+    if (n.length >= 3 && n[1] !== void 0)
+      return {
+        serverName: n[1],
+        toolName: n.slice(2).join("__")
+      };
+  }
+  return null;
+}
+function ut(e, n) {
+  const r = n || {};
+  switch (e) {
+    case "Bash":
+      return {
+        action: "command_run",
+        command: r.command || "",
+        description: r.description
+      };
+    case "Read": {
+      const s = r.limit;
+      return {
+        action: "file_read",
+        path: r.file_path || "",
+        offset: r.offset,
+        limit: s,
+        linesRead: s
+        // Use limit as approximate lines read if specified
+      };
+    }
+    case "Edit": {
+      const s = r.old_string, a = r.new_string, l = s ? s.split(`
+`).length : 0, c = a ? a.split(`
+`).length : 0;
+      return {
+        action: "file_edit",
+        path: r.file_path || "",
+        oldString: s,
+        newString: a,
+        replaceAll: r.replace_all,
+        linesAdded: c,
+        linesRemoved: l
+      };
+    }
+    case "Write": {
+      const s = r.content;
+      return {
+        action: "file_write",
+        path: r.file_path || "",
+        content: s,
+        linesWritten: s ? s.split(`
+`).length : void 0
+      };
+    }
+    case "Grep":
+      return {
+        action: "search",
+        pattern: r.pattern || "",
+        path: r.path,
+        glob: r.glob,
+        type: r.type
+      };
+    case "Glob":
+      return {
+        action: "glob",
+        pattern: r.pattern || "",
+        path: r.path
+      };
+    case "WebFetch":
+      return {
+        action: "web_fetch",
+        url: r.url || "",
+        prompt: r.prompt
+      };
+    case "WebSearch":
+      return {
+        action: "web_search",
+        query: r.query || ""
+      };
+    case "TodoWrite": {
+      const s = r.todos || [], a = {
+        total: s.length,
+        completed: s.filter((l) => l.status === "completed").length,
+        inProgress: s.filter((l) => l.status === "in_progress").length,
+        pending: s.filter((l) => l.status === "pending").length
+      };
+      return {
+        action: "todo_write",
+        todos: s,
+        stats: a
+      };
+    }
+    case "Task":
+      return {
+        action: "agent_tool",
+        agentType: r.subagent_type || "general-purpose",
+        description: r.description || "",
+        prompt: r.prompt,
+        startedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        toolCallCount: 0
+      };
+    default: {
+      const s = dt(e);
+      return s ? {
+        action: "mcp_tool",
+        serverName: s.serverName,
+        toolName: s.toolName,
+        arguments: n
+      } : {
+        action: "generic_tool",
+        toolName: ct(e),
+        arguments: n
+      };
+    }
+  }
+}
+function ht(e, n, r) {
+  switch (r.action) {
+    case "command_run": {
+      const s = r.command;
+      return s.length > 60 ? s.substring(0, 57) + "..." : s;
+    }
+    case "file_read":
+      return r.path;
+    case "file_edit":
+      return r.path;
+    case "file_write":
+      return r.path;
+    case "search":
+      return `${r.pattern}${r.path ? ` in ${r.path}` : ""}`;
+    case "glob":
+      return r.pattern;
+    case "web_fetch":
+      return r.url;
+    case "web_search":
+      return r.query;
+    case "mcp_tool":
+      return `${r.serverName}:${r.toolName}`;
+    case "generic_tool":
+      return r.toolName;
+    case "todo_write": {
+      const { stats: s } = r;
+      return s ? `${s.completed}/${s.total} completed` : `${r.todos.length} tasks`;
+    }
+    case "agent_tool":
+      return r.description;
+    default:
+      return "Unknown tool";
+  }
+}
+function mt(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 pt(e) {
+  if (typeof e == "string")
+    try {
+      return { type: "json", value: JSON.parse(e) };
+    } catch {
+      return { type: "markdown", value: e };
+    }
+  if (Array.isArray(e)) {
+    const n = e.filter(
+      (r) => (r == null ? void 0 : r.type) === "text" && typeof r.text == "string"
+    ).map((r) => r.text);
+    if (n.length > 0) {
+      const r = n.join(`
+
+`);
+      try {
+        return { type: "json", value: JSON.parse(r) };
+      } catch {
+        return { type: "markdown", value: r };
+      }
+    }
+  }
+  return { type: "json", value: e };
+}
+function ft(e) {
+  const n = mt(e);
+  if (typeof e == "string")
+    try {
+      const r = JSON.parse(e);
+      if (typeof r.exitCode == "number")
+        return {
+          exitCode: r.exitCode,
+          output: r.output || n,
+          success: r.exitCode === 0
+        };
+    } catch {
+    }
+  return {
+    output: n,
+    success: !0
+  };
+}
+function tr(e) {
+  const n = ut(e.name, e.input), r = ht(e.name, e.input, n);
+  return {
+    id: e.id,
+    toolName: e.name,
+    actionType: n,
+    status: "pending",
+    summary: r,
+    input: e.input,
+    startedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function nr(e, n, r) {
+  const s = { ...e }, a = { ...e.actionType };
+  if (s.status = r ? "failed" : "success", s.completedAt = (/* @__PURE__ */ new Date()).toISOString(), s.isError = r, s.output = n, a.action === "command_run") {
+    const l = ft(n);
+    a.result = l, l.exitCode !== void 0 && l.exitCode !== 0 && (s.status = "failed", s.isError = !0);
+  } else (a.action === "mcp_tool" || a.action === "generic_tool") && (a.result = pt(n));
+  return s.actionType = a, s;
+}
+function rr(e) {
+  switch (e.action) {
+    case "command_run":
+      return "terminal";
+    case "file_read":
+      return "file-text";
+    case "file_edit":
+      return "edit";
+    case "file_write":
+      return "file-plus";
+    case "search":
+      return "search";
+    case "glob":
+      return "folder-search";
+    case "web_fetch":
+      return "globe";
+    case "web_search":
+      return "search";
+    case "mcp_tool":
+      return "plug";
+    case "generic_tool":
+      return "tool";
+    case "todo_write":
+      return "list-checks";
+    case "agent_tool":
+      return "bot";
+    default:
+      return "tool";
+  }
+}
+function Ue(e) {
+  switch (e.action) {
+    case "command_run":
+      return "Command";
+    case "file_read":
+      return "Read";
+    case "file_edit":
+      return "Edit";
+    case "file_write":
+      return "Write";
+    case "search":
+      return "Search";
+    case "glob":
+      return "Glob";
+    case "web_fetch":
+      return "Fetch";
+    case "web_search":
+      return "Search";
+    case "mcp_tool":
+      return "MCP";
+    case "generic_tool":
+      return "Tool";
+    case "todo_write":
+      return "Tasks";
+    case "agent_tool":
+      return e.agentType;
+    default:
+      return "Tool";
+  }
+}
+function sr(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function De(e) {
+  try {
+    return new Date(e).toLocaleTimeString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: !1
+    });
+  } catch {
+    return e;
+  }
+}
+function He(e, n) {
+  const r = typeof e == "string" ? new Date(e) : e, a = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), l = Math.floor(a / 1e3);
+  if (l < 60)
+    return `${l}s`;
+  const c = Math.floor(l / 60), h = l % 60;
+  return h === 0 ? `${c}m` : `${c}m ${h}s`;
+}
+function ir(e, n) {
+  return e.length <= n ? e : e.substring(0, n - 3) + "...";
+}
+function p(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function xt(e, n) {
+  const r = [];
+  let s = [], a = 0;
+  const l = () => {
+    s.length > 0 && (r.push({
+      type: "tool_group",
+      entries: [...s],
+      id: `tool-group-${a++}`
+    }), s = []);
+  };
+  for (const c of e)
+    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 gt(e) {
+  return e.filter(
+    (n) => n.entryType.type === "tool_call"
+  ).map((n) => n.entryType.toolCall);
+}
+function wt(e) {
+  const n = /(?:\*\*)?Option\s+(\d+)(?:\*\*)?[:\-]\s*([^\n]+)(?:\n((?:(?!\n(?:\*\*)?Option\s+\d).)*?))?/gi, r = [];
+  let s = -1, a;
+  for (n.lastIndex = 0; (a = n.exec(e)) !== null; ) {
+    s === -1 && (s = a.index);
+    const h = a[1] ?? "", o = a[2], w = o ? o.trim() : "", d = a[3];
+    let m;
+    if (d) {
+      const g = d.split(`
+`).map((v) => v.trim()).filter((v) => v.length > 0).join(" ");
+      g && (m = g);
+    }
+    r.push({ id: h, label: w, description: m });
+  }
+  if (r.length >= 2)
+    return { preamble: s > 0 ? e.substring(0, s).trim() : "", options: r };
+  const l = /^(.*?(?:what would you like to do\??|choose an option|select.*?:|here are your options.*?:))\s*\n+((?:\d+\.\s+.+\n?)+)/ims, c = e.match(l);
+  if (c && c[1] && c[2]) {
+    const h = c[1].trim(), o = c[2], w = /(\d+)\.\s+([^\n]+)/g;
+    let d;
+    for (; (d = w.exec(o)) !== null; ) {
+      const m = d[1] ?? "", g = d[2], v = g ? g.trim() : "";
+      r.push({
+        id: m,
+        label: v
+      });
+    }
+    if (r.length >= 2)
+      return { preamble: h, options: r };
+  }
+  return null;
+}
+function ar({ className: e }) {
+  return /* @__PURE__ */ i("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "5" }),
+    /* @__PURE__ */ t("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+    /* @__PURE__ */ t("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+    /* @__PURE__ */ t("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+    /* @__PURE__ */ t("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+    /* @__PURE__ */ t("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+    /* @__PURE__ */ t("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+  ] });
+}
+function lr({ className: e }) {
+  return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
+}
+function je({ 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 ve({ 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 or({ className: e }) {
+  return /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
+}
+function cr({ 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 Me({ className: e }) {
+  return /* @__PURE__ */ i("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" })
+  ] });
+}
+function We({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ t("line", { x1: "16", y1: "17", x2: "8", y2: "17" })
+  ] });
+}
+function Be({ className: e }) {
+  return /* @__PURE__ */ i("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ t("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__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 vt({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("line", { x1: "12", y1: "18", x2: "12", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "9", y1: "15", x2: "15", y2: "15" })
+  ] });
+}
+function _e({ className: e }) {
+  return /* @__PURE__ */ i("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 yt({ className: e }) {
+  return /* @__PURE__ */ i("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 bt({ className: e }) {
+  return /* @__PURE__ */ i("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 Nt({ 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 kt({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("line", { x1: "15", y1: "16", x2: "17", y2: "18" })
+  ] });
+}
+function dr({ className: e }) {
+  return /* @__PURE__ */ i("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ t("polyline", { points: "16 18 22 12 16 6" }),
+    /* @__PURE__ */ t("polyline", { points: "8 6 2 12 8 18" })
+  ] });
+}
+function ur({ className: e }) {
+  return /* @__PURE__ */ i("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 Ct({ 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 hr({ className: e }) {
+  return /* @__PURE__ */ i("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 _t({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
+    /* @__PURE__ */ t("line", { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }),
+    /* @__PURE__ */ t("line", { x1: "2", y1: "12", x2: "6", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "18", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }),
+    /* @__PURE__ */ t("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
+  ] });
+}
+function Tt({ className: e }) {
+  return /* @__PURE__ */ i("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 Ke({ className: e }) {
+  return /* @__PURE__ */ i("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 St({ className: e }) {
+  return /* @__PURE__ */ i("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 Mt({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("path", { d: "M19 10h2" }),
+    /* @__PURE__ */ t("path", { d: "M3 14h2" }),
+    /* @__PURE__ */ t("path", { d: "M19 14h2" }),
+    /* @__PURE__ */ t("path", { d: "M9 2h6" }),
+    /* @__PURE__ */ t("path", { d: "M12 2v4" })
+  ] });
+}
+function It({ className: e }) {
+  return /* @__PURE__ */ i("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 mr({ className: e }) {
+  return /* @__PURE__ */ i("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 pr({ className: e }) {
+  return /* @__PURE__ */ i("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 Et({ 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 fr({ className: e }) {
+  return /* @__PURE__ */ i("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 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 Lt({ className: e }) {
+  return /* @__PURE__ */ i("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 gr({ className: e }) {
+  return /* @__PURE__ */ i("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 de({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("path", { d: "M2 14h2" }),
+    /* @__PURE__ */ t("path", { d: "M20 14h2" }),
+    /* @__PURE__ */ t("path", { d: "M9 13v2" }),
+    /* @__PURE__ */ t("path", { d: "M15 13v2" })
+  ] });
+}
+function $t({ className: e }) {
+  return /* @__PURE__ */ i("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 At({ 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 Rt({ className: e }) {
+  return /* @__PURE__ */ i("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" }),
+    /* @__PURE__ */ t("path", { d: "M10 18h11" }),
+    /* @__PURE__ */ t("path", { d: "M3 6l2 2 4-4" }),
+    /* @__PURE__ */ t("path", { d: "M3 12l2 2 4-4" }),
+    /* @__PURE__ */ t("path", { d: "M3 18l2 2 4-4" })
+  ] });
+}
+function Dt({ className: e }) {
+  return /* @__PURE__ */ i("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 }) {
+  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 jt({ status: e, size: n = "sm", className: r }) {
+  const s = {
+    sm: "w-2 h-2",
+    md: "w-3 h-3",
+    lg: "w-4 h-4"
+  }, a = {
+    pending: "ash-status-pending",
+    success: "ash-status-success",
+    failed: "ash-status-failed"
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: p(
+        "rounded-full flex-shrink-0",
+        s[n],
+        a[e],
+        r
+      )
+    }
+  );
+}
+function Ye({ actionType: e, className: n = "w-4 h-4" }) {
+  switch (e.action) {
+    case "command_run":
+      return /* @__PURE__ */ t(Me, { className: n });
+    case "file_read":
+      return /* @__PURE__ */ t(We, { className: n });
+    case "file_edit":
+      return /* @__PURE__ */ t(Be, { className: n });
+    case "file_write":
+      return /* @__PURE__ */ t(vt, { className: n });
+    case "search":
+      return /* @__PURE__ */ t(_e, { className: n });
+    case "glob":
+      return /* @__PURE__ */ t(kt, { className: n });
+    case "web_fetch":
+      return /* @__PURE__ */ t(yt, { className: n });
+    case "web_search":
+      return /* @__PURE__ */ t(_e, { className: n });
+    case "mcp_tool":
+      return /* @__PURE__ */ t(bt, { className: n });
+    case "todo_write":
+      return /* @__PURE__ */ t(Rt, { className: n });
+    case "agent_tool":
+      return /* @__PURE__ */ t(de, { className: n });
+    case "generic_tool":
+    default:
+      return /* @__PURE__ */ t(Nt, { className: n });
+  }
+}
+function se({
+  children: e,
+  maxHeight: n = 200,
+  language: r,
+  showLineNumbers: s = !1,
+  className: a
+}) {
+  const [l, c] = N(!1), h = e.split(`
+`), o = h.length > 10 || e.length > 500;
+  return /* @__PURE__ */ i("div", { className: p("relative", a), children: [
+    /* @__PURE__ */ t(
+      "pre",
+      {
+        className: p(
+          "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"
+        ),
+        style: !l && o ? { maxHeight: n } : void 0,
+        "data-language": r,
+        children: s ? /* @__PURE__ */ t("code", { children: h.map((w, d) => /* @__PURE__ */ i("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: w })
+        ] }, d)) }) : /* @__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(
+      "button",
+      {
+        onClick: () => c(!0),
+        className: "text-xs text-[var(--ash-accent)] hover:text-[var(--ash-accent-300)] font-medium transition-colors",
+        children: "Show more"
+      }
+    ) }),
+    o && l && /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: () => c(!1),
+        className: "text-xs text-[var(--ash-accent)] hover:text-[var(--ash-accent-300)] font-medium mt-2 transition-colors",
+        children: "Show less"
+      }
+    )
+  ] });
+}
+function Te({ value: e, maxHeight: n, className: r }) {
+  const s = JSON.stringify(e, null, 2);
+  return /* @__PURE__ */ t(se, { maxHeight: n, className: r, children: s });
+}
+function Ze({
+  toolCall: e,
+  defaultExpanded: n = !1,
+  className: r,
+  depth: s = 0
+}) {
+  const [a, l] = N(n), [c, h] = N(""), o = O(null), { actionType: w, status: d, summary: m, nestedToolCalls: g, nestedToolCallCount: v, startedAt: S } = e, z = re(() => {
+    if (w.action !== "agent_tool")
+      return null;
+    const P = w;
+    return {
+      agentType: P.agentType,
+      description: P.description,
+      prompt: P.prompt
+    };
+  }, [w]), M = v ?? (g == null ? void 0 : g.length) ?? 0, k = d === "pending";
+  if (j(() => {
+    if (k && S)
+      return h(He(S)), o.current = setInterval(() => {
+        h(He(S));
+      }, 1e3), () => {
+        o.current && (clearInterval(o.current), o.current = null);
+      };
+    k || (o.current && (clearInterval(o.current), o.current = null), h(""));
+  }, [k, S]), !z)
+    return null;
+  const { agentType: A, description: E, prompt: W } = z, F = s > 0 ? "ml-4" : "";
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "rounded-xl border bg-[var(--ash-surface-dark,#0a0a0a)] overflow-hidden",
+        k ? "border-yellow-500/30" : d === "failed" ? "border-red-500/30" : "border-white/10",
+        F,
+        r
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: () => l(!a),
+            className: "w-full px-4 py-3 flex items-center gap-3 hover:bg-white/5 cursor-pointer transition-colors",
+            children: [
+              /* @__PURE__ */ t(
+                ve,
+                {
+                  className: p(
+                    "w-4 h-4 text-white/40 transition-transform duration-200 shrink-0",
+                    a && "rotate-90"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: p(
+                    "w-6 h-6 rounded-lg flex items-center justify-center shrink-0",
+                    k ? "bg-yellow-500/20" : d === "failed" ? "bg-red-500/20" : "bg-[var(--ash-accent)]/20"
+                  ),
+                  children: k ? /* @__PURE__ */ t(
+                    qe,
+                    {
+                      className: "w-3.5 h-3.5 text-yellow-400 animate-spin"
+                    }
+                  ) : /* @__PURE__ */ t(
+                    de,
+                    {
+                      className: p(
+                        "w-3.5 h-3.5",
+                        d === "failed" ? "text-red-400" : "text-[var(--ash-accent)]"
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: p(
+                    "px-2 py-0.5 rounded text-xs font-medium shrink-0",
+                    k ? "bg-yellow-500/20 text-yellow-400" : d === "failed" ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/70"
+                  ),
+                  children: A
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-sm text-white/80 truncate flex-1 text-left", children: E || m }),
+              M > 0 && /* @__PURE__ */ i("span", { className: "text-xs text-white/50 shrink-0", children: [
+                M,
+                " tool call",
+                M !== 1 ? "s" : ""
+              ] }),
+              k && c && /* @__PURE__ */ i("div", { className: "flex items-center gap-1 text-xs text-white/40 shrink-0", children: [
+                /* @__PURE__ */ t(Dt, { className: "w-3 h-3" }),
+                /* @__PURE__ */ t("span", { children: c })
+              ] }),
+              /* @__PURE__ */ t("span", { className: "text-white/30 shrink-0", children: "..." })
+            ]
+          }
+        ),
+        a && /* @__PURE__ */ i("div", { className: "border-t border-white/5 bg-black/20", children: [
+          W && /* @__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: W.length > 500 ? W.substring(0, 500) + "..." : W }) }),
+          g && g.length > 0 && /* @__PURE__ */ t("div", { className: "p-3 space-y-2", children: g.map((P) => /* @__PURE__ */ t("div", { children: P.actionType.action === "agent_tool" ? /* @__PURE__ */ t(
+            Ze,
+            {
+              toolCall: P,
+              defaultExpanded: !1,
+              depth: s + 1
+            }
+          ) : /* @__PURE__ */ t(
+            Oe,
+            {
+              toolCall: P,
+              defaultExpanded: !1
+            }
+          ) }, P.id)) }),
+          (!g || g.length === 0) && k && /* @__PURE__ */ t("div", { className: "px-4 py-6 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-white/40", children: [
+            /* @__PURE__ */ t(qe, { className: "w-4 h-4 animate-spin" }),
+            /* @__PURE__ */ t("span", { children: "Agent is working..." })
+          ] }) }),
+          (!g || g.length === 0) && !k && /* @__PURE__ */ t("div", { className: "px-4 py-4 text-sm text-white/40 text-center", children: "No tool calls recorded" })
+        ] })
+      ]
+    }
+  );
+}
+function L({ children: e }) {
+  return /* @__PURE__ */ t("div", { className: "ash-tool-section-header", children: e });
+}
+function $({ children: e }) {
+  return /* @__PURE__ */ t("div", { className: "px-3 py-2", children: e });
+}
+function Wt({ action: e }) {
+  var n;
+  return /* @__PURE__ */ i(_, { children: [
+    e.command && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "COMMAND" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(se, { children: e.command }) })
+    ] }),
+    ((n = e.result) == null ? void 0 : n.output) && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "OUTPUT" }),
+      /* @__PURE__ */ i($, { children: [
+        /* @__PURE__ */ t(se, { maxHeight: 300, children: e.result.output }),
+        e.result.exitCode !== void 0 && e.result.exitCode !== 0 && /* @__PURE__ */ i("div", { className: "mt-2 text-xs text-red-400", children: [
+          "Exit code: ",
+          e.result.exitCode
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Bt({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "PATH" }),
+    /* @__PURE__ */ i($, { 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.offset !== void 0 || e.limit !== void 0) && /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-white/50", children: [
+        e.offset !== void 0 && /* @__PURE__ */ i("span", { children: [
+          "Offset: ",
+          e.offset
+        ] }),
+        e.offset !== void 0 && e.limit !== void 0 && /* @__PURE__ */ t("span", { children: " · " }),
+        e.limit !== void 0 && /* @__PURE__ */ i("span", { children: [
+          "Limit: ",
+          e.limit
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Ot({ action: e }) {
+  return /* @__PURE__ */ i(_, { 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__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "OLD" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(se, { children: e.oldString }) })
+    ] }),
+    e.newString && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "NEW" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(se, { children: e.newString }) })
+    ] })
+  ] });
+}
+function zt({ action: e }) {
+  return /* @__PURE__ */ i(_, { 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__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "CONTENT" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(se, { maxHeight: 300, children: e.content }) })
+    ] })
+  ] });
+}
+function Ft({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "PATTERN" }),
+    /* @__PURE__ */ i($, { children: [
+      /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.pattern }),
+      (e.path || e.glob || e.type) && /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-white/50", children: [
+        e.path && /* @__PURE__ */ i("span", { children: [
+          "Path: ",
+          e.path
+        ] }),
+        e.glob && /* @__PURE__ */ i("span", { children: [
+          "Glob: ",
+          e.glob
+        ] }),
+        e.type && /* @__PURE__ */ i("span", { children: [
+          "Type: ",
+          e.type
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Pt({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "PATTERN" }),
+    /* @__PURE__ */ i($, { children: [
+      /* @__PURE__ */ t("code", { className: "text-xs font-mono bg-white/10 text-white/90 px-1 py-0.5 rounded", children: e.pattern }),
+      e.path && /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-white/50", children: [
+        "Path: ",
+        e.path
+      ] })
+    ] })
+  ] });
+}
+function Ht({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "URL" }),
+    /* @__PURE__ */ i($, { children: [
+      /* @__PURE__ */ t(
+        "a",
+        {
+          href: e.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-xs text-blue-400 hover:text-blue-300 underline break-all",
+          children: e.url
+        }
+      ),
+      e.prompt && /* @__PURE__ */ t("div", { className: "mt-2 text-xs text-white/50", children: e.prompt })
+    ] })
+  ] });
+}
+function qt({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "QUERY" }),
+    /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("span", { className: "text-sm text-white/90", children: e.query }) })
+  ] });
+}
+function Vt({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    /* @__PURE__ */ t(L, { children: "TOOL" }),
+    /* @__PURE__ */ t($, { children: /* @__PURE__ */ i("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__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "ARGS" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Te, { value: e.arguments }) })
+    ] }),
+    e.result && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "RESULT" }),
+      /* @__PURE__ */ t($, { children: e.result.type === "markdown" ? /* @__PURE__ */ t(se, { children: String(e.result.value) }) : /* @__PURE__ */ t(Te, { value: e.result.value }) })
+    ] })
+  ] });
+}
+function Gt({ action: e }) {
+  return /* @__PURE__ */ i(_, { children: [
+    e.arguments && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "ARGS" }),
+      /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(Te, { value: e.arguments }) })
+    ] }),
+    e.result && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "RESULT" }),
+      /* @__PURE__ */ t($, { children: e.result.type === "markdown" ? /* @__PURE__ */ t(se, { children: String(e.result.value) }) : /* @__PURE__ */ t(Te, { value: e.result.value }) })
+    ] })
+  ] });
+}
+function Jt({ action: e }) {
+  const { todos: n, stats: r } = e;
+  return /* @__PURE__ */ i(_, { children: [
+    r && /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ t(L, { children: "PROGRESS" }),
+      /* @__PURE__ */ i($, { children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ t("div", { className: "flex-1 h-2 bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: "h-full bg-emerald-400 rounded-full transition-all duration-500 ease-out",
+              style: { width: `${r.total > 0 ? r.completed / r.total * 100 : 0}%` }
+            }
+          ) }),
+          /* @__PURE__ */ i("span", { className: "text-xs text-white/60 tabular-nums", children: [
+            r.completed,
+            "/",
+            r.total
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex gap-3 mt-2 text-xs", children: [
+          r.inProgress > 0 && /* @__PURE__ */ i("span", { className: "text-yellow-400", children: [
+            r.inProgress,
+            " in progress"
+          ] }),
+          r.pending > 0 && /* @__PURE__ */ i("span", { className: "text-white/40", children: [
+            r.pending,
+            " pending"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(L, { children: "TASKS" }),
+    /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("div", { className: "space-y-1.5", children: n.map((s, a) => {
+      const l = s.status === "in_progress" ? s.activeForm : s.content;
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          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(_t, { className: "w-4 h-4 text-yellow-400 animate-spin shrink-0 mt-0.5" }) : /* @__PURE__ */ t(At, { className: "w-4 h-4 text-white/30 shrink-0 mt-0.5" }),
+            /* @__PURE__ */ i(
+              "span",
+              {
+                className: p(
+                  "text-sm leading-relaxed",
+                  s.status === "completed" ? "text-white/50 line-through" : "text-white/80"
+                ),
+                children: [
+                  /* @__PURE__ */ i("span", { className: "text-white/40 mr-1.5", children: [
+                    a + 1,
+                    "."
+                  ] }),
+                  l
+                ]
+              }
+            )
+          ]
+        },
+        `${s.content}-${a}`
+      );
+    }) }) })
+  ] });
+}
+function Ut({ actionType: e }) {
+  switch (e.action) {
+    case "command_run":
+      return /* @__PURE__ */ t(Wt, { action: e });
+    case "file_read":
+      return /* @__PURE__ */ t(Bt, { action: e });
+    case "file_edit":
+      return /* @__PURE__ */ t(Ot, { action: e });
+    case "file_write":
+      return /* @__PURE__ */ t(zt, { action: e });
+    case "search":
+      return /* @__PURE__ */ t(Ft, { action: e });
+    case "glob":
+      return /* @__PURE__ */ t(Pt, { action: e });
+    case "web_fetch":
+      return /* @__PURE__ */ t(Ht, { action: e });
+    case "web_search":
+      return /* @__PURE__ */ t(qt, { action: e });
+    case "mcp_tool":
+      return /* @__PURE__ */ t(Vt, { action: e });
+    case "generic_tool":
+      return /* @__PURE__ */ t(Gt, { action: e });
+    case "todo_write":
+      return /* @__PURE__ */ t(Jt, { action: e });
+    default:
+      return null;
+  }
+}
+function Kt(e) {
+  var n;
+  switch (e.action) {
+    case "command_run":
+      return !!(e.command || (n = e.result) != null && n.output);
+    case "file_read":
+      return !0;
+    case "file_edit":
+      return !!(e.oldString || e.newString);
+    case "file_write":
+      return !!e.content;
+    case "search":
+      return !0;
+    case "glob":
+      return !0;
+    case "web_fetch":
+      return !0;
+    case "web_search":
+      return !0;
+    case "mcp_tool":
+      return !!(e.arguments || e.result);
+    case "generic_tool":
+      return !!(e.arguments || e.result);
+    case "todo_write":
+      return e.todos.length > 0;
+    case "agent_tool":
+      return !0;
+    // Always expandable (handled by AgentToolCard)
+    default:
+      return !1;
+  }
+}
+function Oe({ toolCall: e, defaultExpanded: n = !1, className: r }) {
+  const [s, a] = N(n), { actionType: l, status: c, summary: h } = e;
+  if (l.action === "agent_tool")
+    return /* @__PURE__ */ t(
+      Ze,
+      {
+        toolCall: e,
+        defaultExpanded: n,
+        className: r
+      }
+    );
+  const o = Kt(l);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "rounded-xl border bg-[var(--ash-surface-dark,#0a0a0a)] overflow-hidden",
+        {
+          pending: "border-yellow-500/30 ash-tool-status-pending",
+          success: "border-white/10",
+          failed: "border-red-500/30"
+        }[c],
+        r
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: () => o && a(!s),
+            className: p(
+              "w-full px-4 py-3 flex items-center justify-between transition-colors",
+              o ? "hover:bg-white/5 cursor-pointer" : "cursor-default"
+            ),
+            disabled: !o,
+            children: [
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
+                /* @__PURE__ */ t("div", { className: p(
+                  "w-6 h-6 rounded-lg 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(
+                  Ye,
+                  {
+                    actionType: l,
+                    className: p(
+                      "w-3.5 h-3.5",
+                      c === "pending" ? "text-yellow-400" : c === "failed" ? "text-red-400" : "text-[var(--ash-accent)]"
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ t("span", { className: "text-sm font-medium text-white shrink-0", children: Ue(l) }),
+                /* @__PURE__ */ t("span", { className: "font-mono text-sm truncate text-white/60 min-w-0", children: h })
+              ] }),
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-2 shrink-0", children: [
+                /* @__PURE__ */ t(jt, { status: c, size: "sm" }),
+                o && /* @__PURE__ */ t(
+                  je,
+                  {
+                    className: p(
+                      "w-4 h-4 text-white/40 transition-transform duration-200",
+                      s && "rotate-180"
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        s && o && /* @__PURE__ */ i("div", { className: "border-t border-white/5 max-h-[400px] overflow-y-auto ash-scrollbar bg-black/20", children: [
+          /* @__PURE__ */ t(Ut, { actionType: l }),
+          c === "success" && /* @__PURE__ */ t("div", { className: "px-4 py-3 border-t border-white/5 bg-[var(--ash-accent)]/5", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t(Ct, { className: "w-4 h-4 text-[var(--ash-accent)]" }),
+            /* @__PURE__ */ t("span", { className: "text-sm text-[var(--ash-accent)] font-medium", children: "Completed successfully" })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+var Yt = lt(() => import("./index-DJwpy-R5.js"));
+function ze({ children: e, fallback: n, className: r }) {
+  const [s, a] = N(!1);
+  return j(() => {
+    a(!0);
+  }, []), s ? /* @__PURE__ */ t(ot, { fallback: /* @__PURE__ */ t("span", { className: r, children: n ?? e }), children: /* @__PURE__ */ t(Yt, { children: e }) }) : /* @__PURE__ */ t("span", { className: r, children: n ?? e });
+}
+function Zt({ 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__ */ i(
+    "span",
+    {
+      className: "inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium mx-0.5",
+      style: {
+        backgroundColor: n,
+        color: r,
+        border: `1px solid ${s}`
+      },
+      title: e.id ? `ID: ${e.id}` : void 0,
+      children: [
+        "@",
+        e.name
+      ]
+    }
+  );
+}
+function Qt({
+  content: e,
+  renderers: n,
+  className: r
+}) {
+  return /* @__PURE__ */ t("div", { className: p("rich-content", r), children: e.map((s, a) => {
+    const l = `segment-${a}`;
+    switch (s.type) {
+      case "text":
+        return /* @__PURE__ */ t(Le, { children: /* @__PURE__ */ t(ze, { children: s.content }) }, l);
+      case "mention":
+        return n != null && n.renderMention ? /* @__PURE__ */ t(Le, { children: n.renderMention({ segment: s }) }, l) : /* @__PURE__ */ t(Zt, { segment: s }, l);
+      case "component":
+        return n != null && n.renderComponent ? /* @__PURE__ */ t(Le, { children: n.renderComponent({ segment: s }) }, l) : /* @__PURE__ */ i("code", { className: "text-xs text-orange-400", children: [
+          "[component: ",
+          s.componentType,
+          "]"
+        ] }, l);
+      default:
+        return null;
+    }
+  }) });
+}
+function Xt({ 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__ */ i(
+    "button",
+    {
+      onClick: () => n(s),
+      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",
+        "focus:outline-none focus:ring-2 focus:ring-[var(--ash-accent)]/50",
+        "transition-all duration-200 cursor-pointer",
+        "group"
+      ),
+      children: [
+        /* @__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",
+          "text-xs font-semibold",
+          "group-hover:bg-[var(--ash-accent)]/30",
+          "transition-colors duration-200"
+        ), children: s.id }),
+        /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ t("div", { className: "text-sm font-medium text-white/90 group-hover:text-white transition-colors", children: s.label }),
+          s.description && /* @__PURE__ */ t("div", { className: "text-xs text-white/50 mt-0.5 line-clamp-2 group-hover:text-white/60 transition-colors", children: s.description })
+        ] }),
+        /* @__PURE__ */ t(
+          "svg",
+          {
+            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"
+            ),
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+          }
+        )
+      ]
+    },
+    s.id
+  )) });
+}
+function en(e) {
+  const n = "[Uploaded files available at /uploads/]", r = e.indexOf(n);
+  if (r === -1)
+    return { text: e, files: [] };
+  const s = e.substring(0, r).trim(), l = e.substring(r + n.length).trim().split(`
+`).filter((c) => c.startsWith("- ")).map((c) => c.substring(2).trim());
+  return { text: s, files: l };
+}
+function tn({ entry: e, className: n }) {
+  const { text: r, files: s } = en(e.content);
+  return /* @__PURE__ */ i("div", { className: p("flex gap-3 justify-end ash-animate-fade-in", n), children: [
+    /* @__PURE__ */ i("div", { className: "max-w-[85%]", children: [
+      /* @__PURE__ */ t("div", { className: "rounded-2xl p-4 bg-[var(--ash-accent)] text-[var(--ash-accent-foreground)]", children: /* @__PURE__ */ t("p", { className: "text-sm leading-relaxed whitespace-pre-wrap", children: r || "(files attached)" }) }),
+      s.length > 0 && /* @__PURE__ */ i("div", { className: "mt-2 pt-2 border-t border-[var(--ash-accent-foreground)]/20", children: [
+        /* @__PURE__ */ i("div", { className: "text-xs text-[var(--ash-accent-foreground)]/60 mb-1 flex items-center gap-1", children: [
+          /* @__PURE__ */ t(Et, { className: "w-3 h-3" }),
+          "Attached Files"
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: s.map((a, l) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: "inline-flex items-center px-2 py-0.5 rounded-lg bg-[var(--ash-accent-foreground)]/10 text-xs",
+            title: a,
+            children: a.split(" (")[0]
+          },
+          l
+        )) })
+      ] }),
+      e.timestamp && /* @__PURE__ */ t("div", { className: "text-xs text-white/40 mt-2", children: De(e.timestamp) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-white/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t($t, { className: "w-4 h-4 text-white/50" }) })
+  ] });
+}
+function nn({
+  entry: e,
+  onOptionSelect: n,
+  richContentRenderers: r,
+  className: s
+}) {
+  const a = e.richContent ? null : wt(e.content), l = (h) => {
+    n && n(`Option ${h.id}: ${h.label}`);
+  }, c = (h) => e.richContent && e.richContent.length > 0 ? /* @__PURE__ */ t(
+    Qt,
+    {
+      content: e.richContent,
+      renderers: r
+    }
+  ) : /* @__PURE__ */ t(ze, { children: h || e.content });
+  return /* @__PURE__ */ i("div", { className: p("flex gap-3 ash-animate-fade-in", s), children: [
+    /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-[var(--ash-accent)]/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(de, { className: "w-4 h-4 text-[var(--ash-accent)]" }) }),
+    /* @__PURE__ */ i("div", { className: "flex-1 max-w-[85%]", children: [
+      /* @__PURE__ */ t("div", { className: "ash-card-glass rounded-2xl p-4", children: /* @__PURE__ */ t("div", { className: "ash-message-content prose prose-sm prose-invert max-w-none text-sm leading-relaxed", children: a ? /* @__PURE__ */ i(_, { children: [
+        a.preamble && c(a.preamble),
+        /* @__PURE__ */ t(
+          Xt,
+          {
+            options: a.options,
+            onSelect: l
+          }
+        )
+      ] }) : c() }) }),
+      e.timestamp && /* @__PURE__ */ t("div", { className: "text-xs text-white/40 mt-2", children: De(e.timestamp) })
+    ] })
+  ] });
+}
+function rn({ entry: e, className: n }) {
+  return /* @__PURE__ */ i("div", { className: p("flex gap-3 ash-animate-fade-in", n), children: [
+    /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-purple-500/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(Lt, { className: "w-4 h-4 text-purple-400" }) }),
+    /* @__PURE__ */ t("div", { className: "flex-1 max-w-[85%]", children: /* @__PURE__ */ i("div", { className: "rounded-2xl p-4 bg-purple-500/10 border border-purple-500/30", children: [
+      /* @__PURE__ */ t("div", { className: "text-xs text-purple-400 mb-2 font-medium", children: "Thinking" }),
+      /* @__PURE__ */ t("div", { className: "text-sm text-purple-300 italic opacity-80 whitespace-pre-wrap leading-relaxed", children: e.content })
+    ] }) })
+  ] });
+}
+function sn({ entry: e, defaultExpanded: n = !1, className: r }) {
+  return e.entryType.type !== "tool_call" ? null : /* @__PURE__ */ i("div", { className: p("flex gap-3 ash-animate-fade-in", r), children: [
+    /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-[var(--ash-accent)]/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(de, { className: "w-4 h-4 text-[var(--ash-accent)]" }) }),
+    /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(Oe, { toolCall: e.entryType.toolCall, defaultExpanded: n }) })
+  ] });
+}
+function an({ entry: e, className: n }) {
+  return e.entryType.type !== "error" ? null : /* @__PURE__ */ i("div", { className: p("flex gap-3 ash-animate-fade-in", n), children: [
+    /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-red-500/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(Ke, { className: "w-4 h-4 text-red-400" }) }),
+    /* @__PURE__ */ t("div", { className: "flex-1 max-w-[85%]", children: /* @__PURE__ */ i("div", { className: "rounded-2xl p-4 bg-red-500/10 border border-red-500/30", children: [
+      /* @__PURE__ */ t("div", { className: "text-xs text-red-400 mb-2 font-medium", children: "Error" }),
+      /* @__PURE__ */ t("p", { className: "text-sm text-red-300", children: e.entryType.message }),
+      e.entryType.code && /* @__PURE__ */ i("p", { className: "text-xs text-red-400/70 mt-2 font-mono", children: [
+        "Code: ",
+        e.entryType.code
+      ] })
+    ] }) })
+  ] });
+}
+function ln({
+  entry: e,
+  onOptionSelect: n,
+  defaultExpanded: r,
+  richContentRenderers: s,
+  className: a
+}) {
+  switch (e.entryType.type) {
+    case "user_message":
+      return /* @__PURE__ */ t(tn, { entry: e, className: a });
+    case "assistant_message":
+      return /* @__PURE__ */ t(
+        nn,
+        {
+          entry: e,
+          onOptionSelect: n,
+          richContentRenderers: s,
+          className: a
+        }
+      );
+    case "thinking":
+      return /* @__PURE__ */ t(rn, { entry: e, className: a });
+    case "tool_call":
+      return /* @__PURE__ */ t(sn, { entry: e, defaultExpanded: r, className: a });
+    case "error":
+      return /* @__PURE__ */ t(an, { entry: e, className: a });
+    default:
+      return null;
+  }
+}
+function $e({ variant: e = "dots", size: n = "md", className: r }) {
+  if (e === "dots") {
+    const a = {
+      sm: "w-1 h-1",
+      md: "w-1.5 h-1.5",
+      lg: "w-2 h-2"
+    };
+    return /* @__PURE__ */ i("div", { className: p("flex items-center gap-1", r), children: [
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", a[n]) }),
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", a[n]), style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ t("span", { className: p("rounded-full bg-[var(--ash-accent)] animate-pulse", a[n]), style: { animationDelay: "300ms" } })
+    ] });
+  }
+  if (e === "pulse") {
+    const a = {
+      sm: "w-1.5 h-1.5",
+      md: "w-2 h-2",
+      lg: "w-3 h-3"
+    };
+    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", a[n]) }) });
+  }
+  return e === "cursor" ? /* @__PURE__ */ t(
+    "span",
+    {
+      className: p(
+        "inline-block bg-[var(--ash-accent)]/50 ash-tool-status-pending",
+        {
+          sm: "w-1 h-3",
+          md: "w-1.5 h-4",
+          lg: "w-2 h-5"
+        }[n],
+        r
+      )
+    }
+  ) : /* @__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"
+  }[n], r), children: /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10", className: "opacity-25" }),
+    /* @__PURE__ */ t("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round" })
+  ] }) });
+}
+function on({
+  content: e,
+  isStreaming: n = !1,
+  renderMarkdown: r = !0,
+  className: s
+}) {
+  return /* @__PURE__ */ t("div", { className: p("relative", s), children: r ? /* @__PURE__ */ i("div", { className: "ash-message-content prose prose-sm prose-invert max-w-none text-sm leading-relaxed", children: [
+    /* @__PURE__ */ t(ze, { children: e }),
+    n && /* @__PURE__ */ t($e, { variant: "cursor", size: "sm", className: "inline-block ml-0.5" })
+  ] }) : /* @__PURE__ */ i("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: [
+    e,
+    n && /* @__PURE__ */ t($e, { variant: "cursor", size: "sm", className: "inline-block ml-0.5" })
+  ] }) });
+}
+function cn(e) {
+  switch (e.action) {
+    case "file_read":
+    case "file_edit":
+    case "file_write":
+      return e.path;
+    default:
+      return null;
+  }
+}
+function Qe(e) {
+  const n = e.split("/");
+  return n[n.length - 1] || e;
+}
+function dn(e) {
+  const n = Qe(e), r = n.lastIndexOf(".");
+  return r === -1 ? null : n.slice(r + 1).toLowerCase();
+}
+function un(e) {
+  switch (e.action) {
+    case "file_edit": {
+      const n = e;
+      return n.linesAdded !== void 0 || n.linesRemoved !== void 0 ? { added: n.linesAdded, removed: n.linesRemoved } : null;
+    }
+    case "file_read": {
+      const n = e;
+      return n.linesRead !== void 0 ? { read: n.linesRead } : null;
+    }
+    case "file_write": {
+      const n = e;
+      return n.linesWritten !== void 0 ? { written: n.linesWritten } : null;
+    }
+    default:
+      return null;
+  }
+}
+function hn(e) {
+  switch (e) {
+    case "ts":
+    case "tsx":
+      return "text-blue-400";
+    case "js":
+    case "jsx":
+      return "text-yellow-400";
+    case "md":
+      return "text-white/60";
+    case "json":
+      return "text-orange-400";
+    case "sh":
+      return "text-green-400";
+    case "css":
+    case "scss":
+      return "text-pink-400";
+    case "py":
+      return "text-blue-300";
+    default:
+      return "text-white/70";
+  }
+}
+function Xe({ toolCall: e, showFullPath: n = !1, className: r }) {
+  const { actionType: s, status: a, summary: l } = e, c = Ue(s), h = cn(s), o = un(s), w = h ? n ? h : Qe(h) : null, d = h ? dn(h) : null, m = hn(d), g = !h && l;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "flex items-center gap-2 py-1.5 text-sm min-w-0",
+        r
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ t(
+            Ye,
+            {
+              actionType: s,
+              className: p(
+                "w-3.5 h-3.5",
+                a === "pending" ? "text-yellow-400" : a === "failed" ? "text-red-400" : "text-white/50"
+              )
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: p(
+            "font-medium",
+            a === "pending" ? "text-white/90" : a === "failed" ? "text-red-400" : "text-white/60"
+          ), children: c })
+        ] }),
+        w && /* @__PURE__ */ t("code", { className: p(
+          "px-1.5 py-0.5 rounded bg-white/5 font-mono text-xs truncate max-w-[200px]",
+          m
+        ), children: w }),
+        o && /* @__PURE__ */ i("span", { className: "flex items-center gap-1 text-xs shrink-0 font-mono", children: [
+          o.added !== void 0 && o.added > 0 && /* @__PURE__ */ i("span", { className: "text-emerald-400", children: [
+            "+",
+            o.added
+          ] }),
+          o.removed !== void 0 && o.removed > 0 && /* @__PURE__ */ i("span", { className: "text-red-400", children: [
+            "-",
+            o.removed
+          ] }),
+          o.read !== void 0 && /* @__PURE__ */ i("span", { className: "text-white/40", children: [
+            o.read,
+            " lines"
+          ] }),
+          o.written !== void 0 && /* @__PURE__ */ i("span", { className: "text-emerald-400", children: [
+            "+",
+            o.written
+          ] })
+        ] }),
+        g && /* @__PURE__ */ t("span", { className: "text-white/40 truncate min-w-0 text-xs", children: l })
+      ]
+    }
+  );
+}
+function mn(e) {
+  const n = e.split("/").pop() || e, r = n.lastIndexOf(".");
+  return r === -1 ? null : n.slice(r + 1).toLowerCase();
+}
+function pn(e) {
+  switch (e) {
+    case "ts":
+    case "tsx":
+      return "TS";
+    case "js":
+    case "jsx":
+      return "JS";
+    case "md":
+      return "MD";
+    case "json":
+      return "{}";
+    case "sh":
+      return "$";
+    case "css":
+    case "scss":
+      return "#";
+    case "py":
+      return "PY";
+    default:
+      return "";
+  }
+}
+function fn(e) {
+  switch (e) {
+    case "ts":
+    case "tsx":
+      return "bg-blue-500/20";
+    case "js":
+    case "jsx":
+      return "bg-yellow-500/20";
+    case "md":
+      return "bg-white/10";
+    case "json":
+      return "bg-orange-500/20";
+    case "sh":
+      return "bg-green-500/20";
+    case "css":
+    case "scss":
+      return "bg-pink-500/20";
+    case "py":
+      return "bg-blue-400/20";
+    default:
+      return "bg-white/10";
+  }
+}
+function et({
+  path: e,
+  linesAdded: n,
+  linesRemoved: r,
+  showOnlyFilename: s = !0,
+  className: a
+}) {
+  const l = s && e.split("/").pop() || e, c = mn(e), h = pn(c), o = fn(c), w = n !== void 0 && n > 0 || r !== void 0 && r > 0;
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: p(
+        "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md text-xs font-mono",
+        o,
+        a
+      ),
+      children: [
+        h && /* @__PURE__ */ t("span", { className: "text-[10px] opacity-60 font-semibold", children: h }),
+        /* @__PURE__ */ t("span", { className: "text-white/80 truncate max-w-[120px]", children: l }),
+        w && /* @__PURE__ */ i("span", { className: "flex items-center gap-0.5", children: [
+          n !== void 0 && n > 0 && /* @__PURE__ */ i("span", { className: "text-emerald-400", children: [
+            "+",
+            n
+          ] }),
+          r !== void 0 && r > 0 && /* @__PURE__ */ i("span", { className: "text-red-400", children: [
+            "-",
+            r
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function xn(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    const { actionType: s } = r;
+    if (s.action === "file_edit") {
+      const a = s, l = n.get(a.path);
+      l ? (l.linesAdded = (l.linesAdded || 0) + (a.linesAdded || 0), l.linesRemoved = (l.linesRemoved || 0) + (a.linesRemoved || 0)) : n.set(a.path, {
+        path: a.path,
+        linesAdded: a.linesAdded,
+        linesRemoved: a.linesRemoved
+      });
+    } else if (s.action === "file_write") {
+      const a = s;
+      n.has(a.path) || n.set(a.path, {
+        path: a.path,
+        linesAdded: a.linesWritten
+      });
+    }
+  }
+  return Array.from(n.values());
+}
+function gn(e) {
+  const n = {};
+  for (const r of e) {
+    const s = r.actionType.action;
+    n[s] = (n[s] || 0) + 1;
+  }
+  return n;
+}
+function wn(e) {
+  switch (e) {
+    case "file_read":
+      return We;
+    case "file_edit":
+    case "file_write":
+      return Be;
+    case "command_run":
+      return Me;
+    case "search":
+    case "glob":
+      return _e;
+    default:
+      return null;
+  }
+}
+function vn({
+  toolCalls: e,
+  defaultExpanded: n = !1,
+  className: r
+}) {
+  const [s, a] = N(n), [l, c] = N(null), h = re(() => xn(e), [e]), o = re(() => gn(e), [e]), w = re(() => Object.entries(o).sort((m, g) => g[1] - m[1]).slice(0, 3).map(([m]) => m), [o]), d = e.length;
+  return e.length === 0 ? null : /* @__PURE__ */ i("div", { className: p("ash-animate-fade-in", r), children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: () => a(!s),
+        className: "w-full flex items-center gap-2 py-1 text-left group",
+        children: [
+          /* @__PURE__ */ t(
+            ve,
+            {
+              className: p(
+                "w-3.5 h-3.5 text-white/40 transition-transform duration-200 shrink-0",
+                s && "rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "text-sm text-white/60", children: [
+            d,
+            " tool call",
+            d !== 1 ? "s" : ""
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: w.map((m) => {
+            const g = wn(m);
+            return g ? /* @__PURE__ */ t(
+              g,
+              {
+                className: "w-3.5 h-3.5 text-white/30"
+              },
+              m
+            ) : null;
+          }) }),
+          /* @__PURE__ */ t("div", { className: "flex-1" }),
+          !s && h.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 flex-wrap justify-end", children: [
+            h.slice(0, 4).map((m) => /* @__PURE__ */ t(
+              et,
+              {
+                path: m.path,
+                linesAdded: m.linesAdded,
+                linesRemoved: m.linesRemoved
+              },
+              m.path
+            )),
+            h.length > 4 && /* @__PURE__ */ i("span", { className: "text-xs text-white/40", children: [
+              "+",
+              h.length - 4,
+              " more"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ t("div", { className: "pl-5 border-l border-white/10 ml-1.5 mt-1 space-y-0.5", children: e.map((m) => /* @__PURE__ */ t("div", { children: l === m.id ? /* @__PURE__ */ i("div", { className: "py-1", children: [
+      /* @__PURE__ */ t(
+        Oe,
+        {
+          toolCall: m,
+          defaultExpanded: !0
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => c(null),
+          className: "text-xs text-white/40 hover:text-white/60 mt-1 pl-1",
+          children: "Collapse"
+        }
+      )
+    ] }) : /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: () => c(m.id),
+        className: "w-full text-left hover:bg-white/5 rounded px-1 -mx-1 transition-colors",
+        children: /* @__PURE__ */ t(Xe, { toolCall: m })
+      }
+    ) }, m.id)) })
+  ] });
+}
+function yn(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    const { actionType: s } = r;
+    if (s.action === "file_edit") {
+      const a = s, l = n.get(a.path);
+      l ? (l.linesAdded = (l.linesAdded || 0) + (a.linesAdded || 0), l.linesRemoved = (l.linesRemoved || 0) + (a.linesRemoved || 0)) : n.set(a.path, {
+        path: a.path,
+        linesAdded: a.linesAdded,
+        linesRemoved: a.linesRemoved
+      });
+    } else s.action === "file_write" && (n.has(s.path) || n.set(s.path, {
+      path: s.path,
+      linesAdded: s.linesWritten
+    }));
+  }
+  return Array.from(n.values());
+}
+function bn(e) {
+  const n = {};
+  for (const r of e) {
+    const s = r.actionType.action;
+    n[s] = (n[s] || 0) + 1;
+  }
+  return n;
+}
+function Nn(e) {
+  switch (e) {
+    case "file_read":
+      return We;
+    case "file_edit":
+    case "file_write":
+      return Be;
+    case "command_run":
+      return Me;
+    case "search":
+    case "glob":
+      return _e;
+    default:
+      return null;
+  }
+}
+function kn({
+  toolCalls: e,
+  defaultExpanded: n = !1,
+  isExpanded: r,
+  onToggle: s,
+  className: a
+}) {
+  const [l, c] = N(n), h = r !== void 0 ? r : l, o = B(() => {
+    s ? s() : c((v) => !v);
+  }, [s]), w = re(() => yn(e), [e]), d = re(() => bn(e), [e]), m = re(() => Object.entries(d).sort((v, S) => S[1] - v[1]).slice(0, 3).map(([v]) => v), [d]);
+  if (e.length === 0)
+    return null;
+  const g = e.length;
+  return /* @__PURE__ */ i("div", { className: p("ash-animate-fade-in", a), children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: o,
+        className: "w-full flex items-center gap-2 py-1 text-left group",
+        children: [
+          /* @__PURE__ */ t(
+            ve,
+            {
+              className: p(
+                "w-3.5 h-3.5 text-white/40 transition-transform duration-200 shrink-0",
+                h && "rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "text-sm text-white/60", children: [
+            g,
+            " tool call",
+            g !== 1 ? "s" : ""
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: m.map((v) => {
+            const S = Nn(v);
+            return S ? /* @__PURE__ */ t(
+              S,
+              {
+                className: "w-3.5 h-3.5 text-white/30"
+              },
+              v
+            ) : null;
+          }) }),
+          /* @__PURE__ */ t("div", { className: "flex-1" }),
+          !h && w.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 flex-wrap justify-end", children: [
+            w.slice(0, 4).map((v) => /* @__PURE__ */ t(
+              et,
+              {
+                path: v.path,
+                linesAdded: v.linesAdded,
+                linesRemoved: v.linesRemoved
+              },
+              v.path
+            )),
+            w.length > 4 && /* @__PURE__ */ i("span", { className: "text-xs text-white/40", children: [
+              "+",
+              w.length - 4,
+              " more"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    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(Xe, { toolCall: v }, v.id)) })
+  ] });
+}
+function wr(e) {
+  return e.action === "command_run";
+}
+function vr(e) {
+  return e.action === "file_read";
+}
+function yr(e) {
+  return e.action === "file_edit";
+}
+function br(e) {
+  return e.action === "file_write";
+}
+function Nr(e) {
+  return e.action === "search";
+}
+function kr(e) {
+  return e.action === "glob";
+}
+function Cr(e) {
+  return e.action === "web_fetch";
+}
+function _r(e) {
+  return e.action === "web_search";
+}
+function Tr(e) {
+  return e.action === "mcp_tool";
+}
+function Sr(e) {
+  return e.action === "generic_tool";
+}
+function Mr(e) {
+  return e.type === "tool_call";
+}
+function Ir(e) {
+  return e.type === "error";
+}
+var Cn = {
+  mode: "inline",
+  breakEveryNToolCalls: 0,
+  defaultExpanded: !1,
+  animationDuration: 300
+}, _n = Ge(null);
+function Tn() {
+  const e = Je(_n);
+  return e || {
+    config: Cn,
+    setMode: () => {
+    },
+    setConfig: () => {
+    },
+    toggleMode: () => {
+    }
+  };
+}
+function Sn() {
+  const { config: e } = Tn();
+  return e;
+}
+function Mn({
+  entries: e,
+  loading: n,
+  streamingContent: r,
+  displayConfig: s,
+  onOptionSelect: a,
+  renderWidget: l,
+  onWidgetAction: c,
+  autoScroll: h = !0,
+  richContentRenderers: o,
+  className: w
+}) {
+  const d = Sn(), m = s || d, g = O(null), v = O(null);
+  j(() => {
+    h && v.current && g.current && v.current.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [e, r, n, h]);
+  const S = B(
+    (M, k) => {
+      if (c)
+        return (A) => {
+          c({
+            ...A,
+            entryId: M,
+            widgetType: k
+          });
+        };
+    },
+    [c]
+  ), z = re(() => m.mode === "inline" ? e.map((M) => ({
+    type: "single",
+    entry: M,
+    id: M.id
+  })) : xt(e, m), [e, m]);
+  return /* @__PURE__ */ i("div", { ref: g, className: p("flex-1 overflow-y-auto p-4 space-y-4 ash-scrollbar", w), children: [
+    z.map((M) => {
+      if (M.type === "single") {
+        const A = M.entry;
+        if (A.entryType.type === "widget" && l) {
+          const E = A.entryType, W = l({
+            entry: A,
+            widgetType: E.widgetType,
+            widgetData: E.widgetData,
+            onAction: S(A.id, E.widgetType)
+          });
+          if (W !== null)
+            return /* @__PURE__ */ t("div", { className: "ash-animate-fade-in", children: W }, A.id);
+        }
+        return /* @__PURE__ */ t(
+          ln,
+          {
+            entry: A,
+            onOptionSelect: a,
+            defaultExpanded: m.defaultExpanded,
+            richContentRenderers: o
+          },
+          A.id
+        );
+      }
+      const k = gt(M.entries);
+      return /* @__PURE__ */ i("div", { className: "flex gap-3 ash-animate-fade-in", children: [
+        /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-[var(--ash-accent)]/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(de, { className: "w-4 h-4 text-[var(--ash-accent)]" }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1", children: m.mode === "accordion" ? /* @__PURE__ */ t(
+          kn,
+          {
+            toolCalls: k,
+            defaultExpanded: m.defaultExpanded
+          }
+        ) : /* @__PURE__ */ t(
+          vn,
+          {
+            toolCalls: k,
+            defaultExpanded: m.defaultExpanded,
+            animationDuration: m.animationDuration
+          }
+        ) })
+      ] }, M.id);
+    }),
+    r && /* @__PURE__ */ i("div", { className: "flex gap-3 ash-animate-fade-in", children: [
+      /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-[var(--ash-accent)]/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(de, { className: "w-4 h-4 text-[var(--ash-accent)]" }) }),
+      /* @__PURE__ */ t("div", { className: "flex-1 max-w-[85%]", children: /* @__PURE__ */ t("div", { className: "rounded-xl p-3 bg-white/5 text-white/80", children: /* @__PURE__ */ t(on, { content: r, isStreaming: !0 }) }) })
+    ] }),
+    n && !r && /* @__PURE__ */ i("div", { className: "flex gap-3 ash-animate-fade-in", children: [
+      /* @__PURE__ */ t("div", { className: "w-7 h-7 rounded-full bg-[var(--ash-accent)]/20 flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(de, { className: "w-4 h-4 text-[var(--ash-accent)]" }) }),
+      /* @__PURE__ */ t("div", { className: "rounded-xl p-3 bg-white/5", children: /* @__PURE__ */ t($e, { variant: "dots" }) })
+    ] }),
+    /* @__PURE__ */ t("div", { ref: v })
+  ] });
+}
+function In(e) {
+  switch (e) {
+    case "info":
+      return /* @__PURE__ */ t(Tt, { className: "w-3.5 h-3.5" });
+    case "warn":
+      return /* @__PURE__ */ t(Ke, { className: "w-3.5 h-3.5" });
+    case "error":
+      return /* @__PURE__ */ t(St, { className: "w-3.5 h-3.5" });
+    case "debug":
+      return /* @__PURE__ */ t(Mt, { className: "w-3.5 h-3.5" });
+  }
+}
+function En(e) {
+  switch (e) {
+    case "info":
+      return "text-blue-400";
+    case "warn":
+      return "text-yellow-500";
+    case "error":
+      return "text-red-400";
+    case "debug":
+      return "text-white/50";
+  }
+}
+function Ln(e) {
+  switch (e) {
+    case "info":
+      return "bg-blue-900/20";
+    case "warn":
+      return "bg-yellow-900/20";
+    case "error":
+      return "bg-red-900/20";
+    case "debug":
+      return "bg-white/5";
+  }
+}
+function $n(e) {
+  switch (e) {
+    case "setup":
+      return "Setup";
+    case "skills":
+      return "Skills";
+    case "execution":
+      return "Execution";
+    case "process":
+      return "Process";
+    case "startup":
+      return "Startup";
+  }
+}
+function An({ log: e }) {
+  const [n, r] = N(!1), s = e.data && Object.keys(e.data).length > 0;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "px-3 py-2 border-b border-white/10 last:border-b-0",
+        Ln(e.level)
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            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(je, { className: "w-3 h-3 text-white/40" }) : /* @__PURE__ */ t(ve, { className: "w-3 h-3 text-white/40" })) }),
+              /* @__PURE__ */ t("div", { className: p("flex-shrink-0 pt-0.5", En(e.level)), children: In(e.level) }),
+              /* @__PURE__ */ t("span", { className: "text-xs text-white/40 font-mono flex-shrink-0 pt-0.5", children: De(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: $n(e.category) }),
+              /* @__PURE__ */ t("span", { className: "text-sm text-white/80 flex-1 break-words", children: e.message })
+            ]
+          }
+        ),
+        n && s && /* @__PURE__ */ t("div", { className: "mt-2 ml-6 pl-4 border-l-2 border-white/20", children: /* @__PURE__ */ t("pre", { className: "text-xs text-white/50 font-mono whitespace-pre-wrap overflow-x-auto", children: JSON.stringify(e.data, null, 2) }) })
+      ]
+    }
+  );
+}
+function Rn({
+  logs: e,
+  title: n = "Logs",
+  isLoading: r,
+  defaultCollapsed: s = !0,
+  maxHeight: a = 256,
+  className: l
+}) {
+  const [c, h] = N(s), o = e.filter((d) => d.level === "error").length, w = e.filter((d) => d.level === "warn").length;
+  return e.length === 0 && !r ? null : /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "border-t border-white/10 bg-[var(--ash-surface-dark,#0a0a0a)]",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: () => h(!c),
+            className: "w-full flex items-center justify-between px-4 py-2 hover:bg-white/5 transition-colors",
+            children: [
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ t(Me, { className: "w-4 h-4 text-white/50" }),
+                /* @__PURE__ */ t("span", { className: "text-sm font-medium text-white/80", children: n }),
+                /* @__PURE__ */ i("span", { className: "text-xs text-white/40", children: [
+                  "(",
+                  e.length,
+                  ")"
+                ] }),
+                o > 0 && /* @__PURE__ */ i("span", { className: "text-xs px-1.5 py-0.5 rounded bg-red-900/50 text-red-400 font-medium", children: [
+                  o,
+                  " error",
+                  o > 1 ? "s" : ""
+                ] }),
+                w > 0 && /* @__PURE__ */ i("span", { className: "text-xs px-1.5 py-0.5 rounded bg-yellow-900/50 text-yellow-400 font-medium", children: [
+                  w,
+                  " warning",
+                  w > 1 ? "s" : ""
+                ] }),
+                r && /* @__PURE__ */ t("span", { className: "text-xs text-white/40 animate-pulse", children: "Loading..." })
+              ] }),
+              c ? /* @__PURE__ */ t(ve, { className: "w-4 h-4 text-white/40" }) : /* @__PURE__ */ t(je, { className: "w-4 h-4 text-white/40" })
+            ]
+          }
+        ),
+        !c && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "overflow-y-auto border-t border-white/10",
+            style: { maxHeight: a },
+            children: e.length === 0 ? /* @__PURE__ */ t("div", { className: "px-4 py-6 text-center text-sm text-white/50", children: "No logs yet" }) : e.map((d, m) => /* @__PURE__ */ t(An, { log: d }, `${d.timestamp}-${m}`))
+          }
+        )
+      ]
+    }
+  );
+}
+var Ae = Ge(void 0), Dn = "ash-ui-theme";
+function Er({
+  children: e,
+  defaultTheme: n,
+  storageKey: r = Dn,
+  listenToSystemChanges: s = !0
+}) {
+  const [a, l] = N(() => {
+    if (typeof window < "u") {
+      const d = localStorage.getItem(r);
+      if (d === "dark" || d === "light")
+        return d;
+      if (!n && window.matchMedia("(prefers-color-scheme: dark)").matches)
+        return "dark";
+    }
+    return n ?? "light";
+  }), [c, h] = N(!1);
+  j(() => {
+    h(!0);
+  }, []), j(() => {
+    if (!c) return;
+    const d = document.documentElement;
+    a === "dark" ? d.classList.add("dark") : d.classList.remove("dark"), localStorage.setItem(r, a);
+  }, [a, c, r]), j(() => {
+    if (!s || typeof window > "u") return;
+    const d = window.matchMedia("(prefers-color-scheme: dark)"), m = (g) => {
+      localStorage.getItem(r) || l(g.matches ? "dark" : "light");
+    };
+    return d.addEventListener("change", m), () => d.removeEventListener("change", m);
+  }, [r, s]);
+  const o = B(() => {
+    l((d) => d === "light" ? "dark" : "light");
+  }, []), w = B((d) => {
+    l(d);
+  }, []);
+  return c ? /* @__PURE__ */ t(Ae.Provider, { value: { theme: a, toggleTheme: o, setTheme: w }, children: e }) : /* @__PURE__ */ t(Ae.Provider, { value: { theme: n ?? "light", toggleTheme: o, setTheme: w }, children: e });
+}
+function Lr() {
+  const e = Je(Ae);
+  if (e === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return e;
+}
+var jn = {
+  slideUp: `
+    @keyframes ash-slide-up {
+      from { opacity: 0; transform: translateY(20px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,
+  fadeIn: `
+    @keyframes ash-fade-in {
+      from { opacity: 0; transform: translateY(10px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,
+  blink: `
+    @keyframes ash-blink {
+      0%, 50% { opacity: 1; }
+      51%, 100% { opacity: 0; }
+    }
+  `,
+  bounce: `
+    @keyframes ash-bounce {
+      0%, 80%, 100% { transform: scale(0); }
+      40% { transform: scale(1); }
+    }
+  `,
+  pulse: `
+    @keyframes ash-pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+  `,
+  glowPulse: `
+    @keyframes ash-glow-pulse {
+      0%, 100% { box-shadow: 0 0 20px rgba(204, 255, 0, 0.3); }
+      50% { box-shadow: 0 0 40px rgba(204, 255, 0, 0.5); }
+    }
+  `
+};
+Object.values(jn).join(`
+`);
+function Wn({
+  messages: e,
+  loading: n,
+  streamingContent: r
+}) {
+  const s = O(null), a = O(null);
+  return j(() => {
+    a.current && a.current.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [e, r, n]), /* @__PURE__ */ i("div", { ref: s, className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
+    e.map((l) => /* @__PURE__ */ t(Bn, { message: l }, l.id)),
+    r && /* @__PURE__ */ t("div", { className: "flex justify-start animate-fade-in", children: /* @__PURE__ */ i("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 })
+    ] }) }),
+    n && !r && /* @__PURE__ */ t("div", { className: "flex justify-start animate-fade-in", children: /* @__PURE__ */ t("div", { className: "card-glass rounded-2xl p-4", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-[#ccff00]", children: [
+      /* @__PURE__ */ t("span", { className: "w-2 h-2 rounded-full bg-[#ccff00] animate-pulse" }),
+      /* @__PURE__ */ t("span", { className: "w-2 h-2 rounded-full bg-[#ccff00] animate-pulse delay-100" }),
+      /* @__PURE__ */ t("span", { className: "w-2 h-2 rounded-full bg-[#ccff00] animate-pulse delay-200" })
+    ] }) }) }),
+    /* @__PURE__ */ t("div", { ref: a })
+  ] });
+}
+function Bn({ 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__ */ i(
+    "div",
+    {
+      className: `max-w-[80%] rounded-2xl p-4 ${n ? "bg-[#ccff00] text-black shadow-[0_0_20px_rgba(204,255,0,0.2)]" : r ? "bg-yellow-500/10 border border-yellow-500/20" : "card-glass"}`,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: `text-xs mb-2 font-medium ${n ? "text-black/60" : r ? "text-yellow-400" : "text-[#ccff00]"}`,
+            children: e.role.charAt(0).toUpperCase() + e.role.slice(1)
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: `message-content ${n ? "" : "prose prose-sm prose-invert max-w-none"}`, children: e.content.map((a, l) => /* @__PURE__ */ t(On, { block: a, 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 On({
+  block: e,
+  isUser: n
+}) {
+  return e.type === "text" && e.text ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap", children: e.text }) : e.type === "tool_use" ? /* @__PURE__ */ i("div", { className: "bg-black/40 border border-white/10 rounded-xl p-3 my-2", children: [
+    /* @__PURE__ */ i("div", { className: "text-xs text-[#ccff00] mb-2 font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ t("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" }) }),
+      "Tool: ",
+      e.name
+    ] }),
+    /* @__PURE__ */ t("pre", { className: "text-sm overflow-x-auto text-white/80 font-mono", children: JSON.stringify(e.input, null, 2) })
+  ] }) : e.type === "tool_result" ? /* @__PURE__ */ i("div", { className: "bg-emerald-500/10 border border-emerald-500/20 rounded-xl p-3 my-2", children: [
+    /* @__PURE__ */ i("div", { className: "text-xs text-emerald-400 mb-2 font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ t("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }) }),
+      "Tool Result"
+    ] }),
+    /* @__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 zn = 5e3;
+function Ve(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function Fn({
+  onSend: e,
+  disabled: n,
+  loading: r,
+  placeholder: s = "Type your message...",
+  queue: a = [],
+  onCancelQueued: l,
+  sessionContext: c = "",
+  onSessionContextChange: h,
+  envVars: o = {},
+  onEnvVarsChange: w,
+  enableFileUpload: d = !0,
+  maxFileSize: m = 100 * 1024 * 1024,
+  // 100MB
+  maxFiles: g = 10,
+  onStop: v,
+  canStop: S = !1,
+  enableLongTextConversion: z = !0,
+  longTextThreshold: M = zn
+}) {
+  const [k, A] = N(""), [E, W] = N(!1), [F, P] = N(!1), [ue, ie] = N(""), [ye, ae] = N(""), [R, K] = N([]), [he, le] = N(!1), [Z, Y] = N(null), [me, pe] = N(/* @__PURE__ */ new Map()), ge = O(0), oe = O(null), be = O(null), fe = O(null), we = B((u) => {
+    const I = new TextEncoder().encode(u);
+    let f = "";
+    for (let C = 0; C < I.length; C++)
+      f += String.fromCharCode(I[C]);
+    return btoa(f);
+  }, []), q = B((u) => {
+    if (!z || !d) return;
+    const b = u.clipboardData.getData("text/plain");
+    if (b.length > M) {
+      if (u.preventDefault(), R.length >= g) {
+        console.warn(`Cannot convert text to attachment: maximum ${g} files reached`);
+        return;
+      }
+      const I = b.split(`
+`).length;
+      ge.current += 1;
+      const f = ge.current, C = `pasted-text-${f}-${Date.now()}.txt`, X = we(b), rt = new TextEncoder().encode(b).length, st = {
+        filename: C,
+        content: X,
+        mimeType: "text/plain",
+        size: rt
+      };
+      pe((Ee) => {
+        const Pe = new Map(Ee);
+        return Pe.set(C, { number: f, lineCount: I }), Pe;
+      }), K((Ee) => [...Ee, st]), Y({
+        originalLength: b.length,
+        filename: C,
+        preview: b.slice(0, 100) + (b.length > 100 ? "..." : ""),
+        lineCount: I
+      }), setTimeout(() => {
+        Y(null);
+      }, 5e3);
+    }
+  }, [z, d, M, R.length, g, we]), x = () => {
+    const u = k.trim();
+    (u || R.length > 0) && !n && (e(u || "(files attached)", R.length > 0 ? R : void 0), A(""), K([]), pe(/* @__PURE__ */ new Map()), oe.current && (oe.current.style.height = "auto"));
+  }, y = (u) => {
+    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), x());
+  }, T = () => {
+    const u = oe.current;
+    u && (u.style.height = "auto", u.style.height = `${Math.min(u.scrollHeight, 200)}px`);
+  }, D = async (u) => {
+    if (!u) return;
+    const b = [], I = R.length;
+    for (let f = 0; f < u.length && I + b.length < g; f++) {
+      const C = u[f];
+      if (C.size > m) {
+        console.warn(`File ${C.name} exceeds maximum size of ${Ve(m)}`);
+        continue;
+      }
+      try {
+        const X = await Q(C);
+        b.push({
+          filename: C.name,
+          content: X,
+          mimeType: C.type || "application/octet-stream",
+          size: C.size
+        });
+      } catch (X) {
+        console.error(`Failed to read file ${C.name}:`, X);
+      }
+    }
+    b.length > 0 && K((f) => [...f, ...b]);
+  }, Q = (u) => new Promise((b, I) => {
+    const f = new FileReader();
+    f.onload = () => {
+      const X = f.result.split(",")[1];
+      b(X || "");
+    }, f.onerror = () => I(f.error), f.readAsDataURL(u);
+  }), te = (u) => {
+    D(u.target.files), fe.current && (fe.current.value = "");
+  }, ce = (u) => {
+    u.preventDefault(), d && !n && le(!0);
+  }, V = (u) => {
+    u.preventDefault(), le(!1);
+  }, H = (u) => {
+    u.preventDefault(), le(!1), d && !n && D(u.dataTransfer.files);
+  }, G = (u) => {
+    const b = R[u];
+    b && me.has(b.filename) && pe((I) => {
+      const f = new Map(I);
+      return f.delete(b.filename), f;
+    }), K((I) => I.filter((f, C) => C !== u));
+  }, J = a.length > 0, Ne = r ? "Sending..." : J ? `Queue (${a.length})` : "Send", ke = c.trim().length > 0, Ce = Object.keys(o).length > 0, Ie = !n && (k.trim() || R.length > 0), xe = () => {
+    const u = ue.trim(), b = ye.trim();
+    u && w && (w({ ...o, [u]: b }), ie(""), ae(""));
+  }, U = (u) => {
+    if (w) {
+      const b = { ...o };
+      delete b[u], w(b);
+    }
+  }, ne = (u) => {
+    u.key === "Enter" && (u.preventDefault(), xe());
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `border-t border-white/10 p-3 sm:p-4 glass-panel relative ${he ? "bg-[#ccff00]/5" : ""}`,
+      onDragOver: ce,
+      onDragLeave: V,
+      onDrop: H,
+      children: [
+        he && 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__ */ i("div", { className: "mb-3", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: () => W(!E),
+              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 ${E ? "rotate-90" : ""}`,
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ t(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "uppercase tracking-wide", children: "Session Context" }),
+                ke && !E && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: "Active" })
+              ]
+            }
+          ),
+          E && /* @__PURE__ */ i("div", { className: "mt-2", children: [
+            /* @__PURE__ */ t(
+              "textarea",
+              {
+                ref: be,
+                value: c,
+                onChange: (u) => h(u.target.value),
+                onInput: () => {
+                  const u = be.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.)",
+                className: "input-glass resize-none text-sm font-mono",
+                rows: 3
+              }
+            ),
+            /* @__PURE__ */ t("p", { className: "text-xs text-white/40 mt-1", children: "This context is appended to the system prompt for each message sent." })
+          ] })
+        ] }),
+        w && /* @__PURE__ */ i("div", { className: "mb-3", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: () => P(!F),
+              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 ${F ? "rotate-90" : ""}`,
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ t(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "uppercase tracking-wide", children: "Environment Variables" }),
+                Ce && !F && /* @__PURE__ */ t("span", { className: "badge badge-accent", children: Object.keys(o).length })
+              ]
+            }
+          ),
+          F && /* @__PURE__ */ i("div", { className: "mt-2 space-y-2", children: [
+            Object.entries(o).map(([u, b]) => /* @__PURE__ */ i(
+              "div",
+              {
+                className: "flex items-center gap-2 bg-white/5 border border-white/10 rounded-xl px-3 py-2 text-sm",
+                children: [
+                  /* @__PURE__ */ t("span", { className: "text-[#ccff00] font-mono font-medium", children: u }),
+                  /* @__PURE__ */ t("span", { className: "text-white/40", children: "=" }),
+                  /* @__PURE__ */ t("span", { className: "text-white/70 font-mono flex-1 truncate", children: b || "(empty)" }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: () => U(u),
+                      className: "text-white/40 hover:text-red-400 transition-colors",
+                      title: "Remove variable",
+                      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: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              u
+            )),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  value: ue,
+                  onChange: (u) => ie(u.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, "")),
+                  onKeyDown: ne,
+                  placeholder: "KEY",
+                  className: "input-glass text-sm font-mono flex-1 min-w-0 py-2"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-white/40", children: "=" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  value: ye,
+                  onChange: (u) => ae(u.target.value),
+                  onKeyDown: ne,
+                  placeholder: "value",
+                  className: "input-glass text-sm font-mono flex-[2] min-w-0 py-2"
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: xe,
+                  disabled: !ue.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"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("p", { className: "text-xs text-white/40", children: "These environment variables will be available in the sandbox for new sessions." })
+          ] })
+        ] }),
+        Z && /* @__PURE__ */ t("div", { className: "mb-3 p-3 bg-blue-500/10 border border-blue-500/30 rounded-xl", children: /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-start gap-2 min-w-0", children: [
+            /* @__PURE__ */ t(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5 text-blue-400 shrink-0 mt-0.5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ t(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ t("p", { className: "text-sm text-blue-200 font-medium", children: "Long text converted to attachment" }),
+              /* @__PURE__ */ i("p", { className: "text-xs text-blue-300/70 mt-1", children: [
+                Z.originalLength.toLocaleString(),
+                " characters (",
+                Z.lineCount,
+                " lines) saved as text attachment"
+              ] }),
+              /* @__PURE__ */ t("p", { className: "text-xs text-white/50 mt-1 truncate font-mono", children: Z.preview })
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => Y(null),
+              className: "text-blue-400/70 hover:text-blue-300 transition-colors shrink-0",
+              title: "Dismiss",
+              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: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                      clipRule: "evenodd"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }) }),
+        R.length > 0 && /* @__PURE__ */ i("div", { className: "mb-3 space-y-2", children: [
+          /* @__PURE__ */ i("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
+            "Attached Files (",
+            R.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: R.map((u, b) => {
+            const I = me.get(u.filename), f = !!I;
+            return /* @__PURE__ */ i(
+              "div",
+              {
+                className: `flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm ${f ? "bg-purple-500/10 border border-purple-500/30" : "bg-white/5 border border-white/10"}`,
+                children: [
+                  f ? (
+                    // Pasted text icon (document with lines)
+                    /* @__PURE__ */ t(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        className: "h-4 w-4 text-purple-400",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        children: /* @__PURE__ */ t(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                          }
+                        )
+                      }
+                    )
+                  ) : (
+                    // Regular file attachment icon
+                    /* @__PURE__ */ t(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        className: "h-4 w-4 text-[#ccff00]",
+                        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"
+                          }
+                        )
+                      }
+                    )
+                  ),
+                  f ? /* @__PURE__ */ i("span", { className: "text-purple-200 font-mono", title: u.filename, children: [
+                    "[Pasted text #",
+                    I.number,
+                    " +",
+                    I.lineCount,
+                    " lines]"
+                  ] }) : /* @__PURE__ */ i(_, { 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(
+                    "button",
+                    {
+                      onClick: () => G(b),
+                      className: `hover:text-red-400 transition-colors ${f ? "text-purple-400/70" : "text-white/40"}`,
+                      title: "Remove file",
+                      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: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              `${u.filename}-${b}`
+            );
+          }) })
+        ] }),
+        J && /* @__PURE__ */ i("div", { className: "mb-3 space-y-2", children: [
+          /* @__PURE__ */ i("div", { className: "text-xs font-medium text-white/50 uppercase tracking-wide", children: [
+            "Queued Messages (",
+            a.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto space-y-1", children: a.map((u, b) => /* @__PURE__ */ i(
+            "div",
+            {
+              className: "flex items-center justify-between bg-yellow-500/10 border border-yellow-500/20 rounded-xl px-3 py-2 text-sm",
+              children: [
+                /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                  /* @__PURE__ */ i("span", { className: "text-yellow-400 font-medium shrink-0", children: [
+                    "#",
+                    b + 1
+                  ] }),
+                  /* @__PURE__ */ t("span", { className: "text-white/80 truncate", children: u.text })
+                ] }),
+                l && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: () => l(u.id),
+                    className: "ml-2 text-yellow-400/70 hover:text-red-400 transition-colors shrink-0",
+                    title: "Cancel queued message",
+                    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: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                            clipRule: "evenodd"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            u.id
+          )) })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex gap-2 items-end", children: [
+          d && /* @__PURE__ */ i(_, { children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: fe,
+                type: "file",
+                multiple: !0,
+                onChange: te,
+                className: "hidden",
+                disabled: n || R.length >= g
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  var u;
+                  return (u = fe.current) == null ? void 0 : u.click();
+                },
+                disabled: n || R.length >= g,
+                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: R.length >= g ? `Maximum ${g} 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(
+            "textarea",
+            {
+              ref: oe,
+              value: k,
+              onChange: (u) => A(u.target.value),
+              onKeyDown: y,
+              onInput: T,
+              onPaste: q,
+              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 && S && v ? /* @__PURE__ */ i(
+            "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",
+              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" }) }),
+                /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: "Stop" })
+              ]
+            }
+          ) : /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: x,
+              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 ${J ? "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)]"}`,
+              children: [
+                /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: Ne }),
+                /* @__PURE__ */ t("span", { className: "sm:hidden", children: r ? "..." : J ? `+${a.length}` : "→" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "text-xs text-white/40 mt-2 hidden sm:block", children: [
+          "Press Enter to ",
+          r || J ? "queue" : "send",
+          ", Shift+Enter for new line",
+          d && " • Drag & drop files or click the attach button",
+          z && d && ` • Long text (>${M.toLocaleString()} chars) auto-converts to attachment`
+        ] })
+      ]
+    }
+  );
+}
+function $r({
+  apiBasePath: e,
+  initialAgent: n,
+  initialSessionId: r,
+  onSessionChange: s,
+  className: a = "",
+  useBackendQueue: l = !1
+}) {
+  const [c, h] = N([]), [o, w] = N(n || null), [d, m] = N(r || null), [g, v] = N([]), [S, z] = N(!1), [M, k] = N(""), [A, E] = N(null), [W, F] = N([]), [P, ue] = N([]), [ie, ye] = N(""), [ae, R] = N({}), K = O(!1), he = O(ie), le = O(ae), Z = O(null);
+  j(() => {
+    he.current = ie;
+  }, [ie]), j(() => {
+    le.current = ae;
+  }, [ae]), j(() => {
+    fetch(`${e}/agents`).then((x) => x.json()).then((x) => {
+      const y = x.agents || [];
+      h(y), !o && y.length > 0 && w(y[0].slug || y[0].name);
+    }).catch((x) => {
+      console.error("Failed to fetch agents:", x), E("Failed to load agents");
+    });
+  }, [e]), j(() => {
+    d && me(d);
+  }, [d]);
+  const Y = B(async () => {
+    if (!(!l || !o))
+      try {
+        const x = await fetch(
+          `${e}/queue/status/${o}?sessionId=${d || ""}`
+        );
+        if (!x.ok) return;
+        const y = await x.json();
+        z(y.isProcessing), ue(y.nextItems || []), !y.isProcessing && S && (d && await me(d), k(""));
+      } catch (x) {
+        console.error("Failed to fetch queue status:", x);
+      }
+  }, [l, o, d, e, S]);
+  j(() => {
+    if (l)
+      return Z.current = setInterval(Y, 1e3), () => {
+        Z.current && (clearInterval(Z.current), Z.current = null);
+      };
+  }, [l, Y]), j(() => {
+    s == null || s(d);
+  }, [d, s]);
+  const me = async (x) => {
+    try {
+      const y = await fetch(`${e}/sessions/${x}/messages`);
+      if (!y.ok) throw new Error("Failed to fetch messages");
+      const T = await y.json();
+      v(T.items || T.messages || []);
+    } catch (y) {
+      E(y instanceof Error ? y.message : "Failed to fetch messages");
+    }
+  }, pe = B(async (x, y, T) => {
+    var te, ce;
+    if (!o) return y;
+    z(!0), E(null), k("");
+    const D = {
+      id: `temp-${Date.now()}`,
+      role: "user",
+      content: [{ type: "text", text: x }],
+      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    v((V) => [...V, D]);
+    let Q = y;
+    try {
+      const V = y ? `${e}/sessions/${y}/send` : `${e}/agents/${o}/run`, H = T == null ? void 0 : T.map((ne) => ({
+        filename: ne.filename,
+        content: ne.content,
+        mimeType: ne.mimeType
+      })), G = { prompt: x }, J = he.current.trim();
+      J && (G.sessionContext = J);
+      const Ne = le.current;
+      !y && Object.keys(Ne).length > 0 && (G.envVars = Ne), H && H.length > 0 && (G.files = H);
+      const ke = await fetch(V, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(G)
+      });
+      if (!ke.ok) throw new Error("Failed to send message");
+      const Ce = (te = ke.body) == null ? void 0 : te.getReader(), Ie = new TextDecoder();
+      let xe = "", U = "";
+      for (; Ce; ) {
+        const { done: ne, value: Fe } = await Ce.read();
+        if (ne) break;
+        xe += Ie.decode(Fe, { stream: !0 });
+        const u = xe.split(`
+`);
+        xe = u.pop() || "";
+        for (const b of u)
+          if (b.startsWith("data:")) {
+            const I = b.slice(5).trim();
+            if (!I) continue;
+            try {
+              const f = JSON.parse(I);
+              if (f.type === "session_start" && f.sessionId)
+                Q = f.sessionId, m(f.sessionId);
+              else if (f.type === "text_delta" && f.delta)
+                U += f.delta, k(U);
+              else if (f.type === "thinking_delta" && f.delta)
+                U += f.delta, k(U);
+              else if (f.type === "message" && f.message) {
+                const C = (ce = f.message.content) == null ? void 0 : ce.find(
+                  (X) => X.type === "text"
+                );
+                C != null && C.text && (U || (U = C.text, k(U)));
+              } else if (f.type === "tool_use")
+                U += `
+
+🔧 Using tool: ${f.name}
+`, k(U);
+              else if (f.type === "session_end") {
+                const C = y || f.sessionId;
+                C && await me(C), k("");
+              } else f.type === "error" && E(f.error || "Unknown error");
+            } catch {
+            }
+          }
+      }
+    } catch (V) {
+      E(V instanceof Error ? V.message : "Unknown error"), v((H) => H.filter((G) => G.id !== D.id));
+    } finally {
+      z(!1);
+    }
+    return Q;
+  }, [e, o]), ge = B(async () => {
+    if (K.current) return;
+    K.current = !0;
+    let x = d;
+    for (; ; ) {
+      let y;
+      if (F((T) => T.length === 0 ? T : (y = T[0], T.slice(1))), await new Promise((T) => setTimeout(T, 0)), !y) break;
+      x = await pe(y.text, x, y.files);
+    }
+    K.current = !1;
+  }, [d, pe]);
+  j(() => {
+    W.length > 0 && !K.current && ge();
+  }, [W, ge]);
+  const oe = B(async (x, y) => {
+    if (!o) return;
+    const T = {
+      id: `temp-${Date.now()}`,
+      role: "user",
+      content: [{ type: "text", text: x }],
+      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    v((D) => [...D, T]);
+    try {
+      const D = y == null ? void 0 : y.map((H) => ({
+        filename: H.filename,
+        content: H.content,
+        mimeType: H.mimeType
+      })), Q = le.current, te = !d && Object.keys(Q).length > 0 ? Q : void 0, ce = await fetch(`${e}/queue`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          agentName: o,
+          sessionId: d,
+          prompt: x,
+          files: D,
+          sessionContext: he.current.trim() || void 0,
+          envVars: te
+        })
+      });
+      if (!ce.ok)
+        throw new Error("Failed to queue message");
+      const V = await ce.json();
+      !d && V.id && setTimeout(async () => {
+        const G = await fetch(`${e}/queue/${V.id}`);
+        if (G.ok) {
+          const J = await G.json();
+          J.sessionId && m(J.sessionId);
+        }
+      }, 500), await Y();
+    } catch (D) {
+      E(D instanceof Error ? D.message : "Failed to queue message"), v((Q) => Q.filter((te) => te.id !== T.id));
+    }
+  }, [o, d, e, Y]), be = B((x, y) => {
+    if (!o) return;
+    if (l) {
+      oe(x, y);
+      return;
+    }
+    const T = {
+      id: `queue-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+      text: x,
+      files: y
+    };
+    S || K.current ? F((D) => [...D, T]) : F([T]);
+  }, [o, S, l, oe]), fe = B(async (x) => {
+    if (l) {
+      try {
+        await fetch(`${e}/queue/${x}/cancel`, {
+          method: "POST"
+        }), await Y();
+      } catch (y) {
+        console.error("Failed to cancel queue item:", y);
+      }
+      return;
+    }
+    F((y) => y.filter((T) => T.id !== x));
+  }, [l, e, Y]), we = B(() => {
+    m(null), v([]), k(""), E(null), ue([]), F([]);
+  }, []), q = c.find(
+    (x) => x.slug === o || x.name === o
+  );
+  return /* @__PURE__ */ i("div", { className: `harness-playground flex flex-col h-full bg-[#0a0a0a] relative overflow-hidden ${a}`, children: [
+    /* @__PURE__ */ t("div", { className: "ambient-glow ambient-glow-accent w-[40vw] h-[40vw] -top-[20%] -right-[10%] animate-pulse-slow" }),
+    /* @__PURE__ */ t("div", { className: "ambient-glow ambient-glow-green w-[30vw] h-[30vw] bottom-[10%] -left-[10%] animate-pulse-slow" }),
+    /* @__PURE__ */ t("div", { className: "fixed inset-0 grid-pattern pointer-events-none z-0" }),
+    /* @__PURE__ */ t("div", { className: "fixed inset-0 noise-overlay pointer-events-none z-0" }),
+    /* @__PURE__ */ i("div", { className: "sticky top-0 flex items-center justify-between p-4 border-b border-white/10 glass-panel relative z-10", children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ t("h1", { className: "text-xl font-semibold text-white", children: "Playground" }),
+        q && /* @__PURE__ */ t("p", { className: "text-sm text-white/50 mt-0.5", children: q.description || `Chat with ${q.name}` })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: o || "",
+            onChange: (x) => {
+              w(x.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((x) => /* @__PURE__ */ t("option", { value: x.slug || x.name, className: "bg-[#0a0a0a]", children: x.name }, x.slug || x.name))
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            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"
+          }
+        )
+      ] })
+    ] }),
+    A && /* @__PURE__ */ i("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: A }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => E(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: g.length === 0 && !M ? /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ i("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 ${(q == null ? void 0 : q.name) || o}` : "Select an agent to begin" })
+    ] }) }) : /* @__PURE__ */ t(
+      Wn,
+      {
+        messages: g,
+        loading: S,
+        streamingContent: M
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "relative z-10", children: /* @__PURE__ */ t(
+      Fn,
+      {
+        onSend: be,
+        disabled: !o,
+        loading: S,
+        queue: l ? P.map((x) => ({ id: x.id, text: x.prompt })) : W,
+        onCancelQueued: fe,
+        sessionContext: ie,
+        onSessionContextChange: ye,
+        envVars: ae,
+        onEnvVarsChange: R,
+        placeholder: o ? `Message ${(q == null ? void 0 : q.name) || o}...` : "Select an agent to start chatting"
+      }
+    ) }),
+    d && /* @__PURE__ */ i("div", { className: "px-4 py-2 border-t border-white/10 text-xs text-white/40 glass-panel relative z-10 flex items-center gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "w-1.5 h-1.5 rounded-full bg-[#ccff00]" }),
+      /* @__PURE__ */ i("span", { className: "font-mono", children: [
+        "Session: ",
+        d.slice(0, 8),
+        "..."
+      ] })
+    ] })
+  ] });
+}
+function Ar({
+  entries: e,
+  loading: n,
+  streamingContent: r,
+  displayConfig: s,
+  onOptionSelect: a
+}) {
+  return /* @__PURE__ */ t(
+    Mn,
+    {
+      entries: e,
+      loading: n,
+      streamingContent: r,
+      displayConfig: s,
+      onOptionSelect: a
+    }
+  );
+}
+function Rr({ logs: e, isLoading: n, className: r }) {
+  return /* @__PURE__ */ t(
+    Rn,
+    {
+      logs: e,
+      title: "Sandbox Logs",
+      isLoading: n,
+      className: r
+    }
+  );
+}
+function Pn(e) {
+  if (e.startsWith("mcp__")) {
+    const n = e.split("__");
+    if (n.length >= 3)
+      return `mcp:${n[1]}:${n.slice(2).join(":")}`;
+  }
+  return e;
+}
+function Hn(e) {
+  if (e.startsWith("mcp__")) {
+    const n = e.split("__");
+    if (n.length >= 3 && n[1] !== void 0)
+      return {
+        serverName: n[1],
+        toolName: n.slice(2).join("__")
+      };
+  }
+  return null;
+}
+function qn(e, n) {
+  const r = n || {};
+  switch (e) {
+    case "Bash":
+      return {
+        action: "command_run",
+        command: r.command || "",
+        description: r.description
+      };
+    case "Read":
+      return {
+        action: "file_read",
+        path: r.file_path || "",
+        offset: r.offset,
+        limit: r.limit
+      };
+    case "Edit":
+      return {
+        action: "file_edit",
+        path: r.file_path || "",
+        oldString: r.old_string,
+        newString: r.new_string,
+        replaceAll: r.replace_all
+      };
+    case "Write":
+      return {
+        action: "file_write",
+        path: r.file_path || "",
+        content: r.content
+      };
+    case "Grep":
+      return {
+        action: "search",
+        pattern: r.pattern || "",
+        path: r.path,
+        glob: r.glob,
+        type: r.type
+      };
+    case "Glob":
+      return {
+        action: "glob",
+        pattern: r.pattern || "",
+        path: r.path
+      };
+    case "WebFetch":
+      return {
+        action: "web_fetch",
+        url: r.url || "",
+        prompt: r.prompt
+      };
+    case "WebSearch":
+      return {
+        action: "web_search",
+        query: r.query || ""
+      };
+    case "TodoWrite": {
+      const s = r.todos || [], a = {
+        total: s.length,
+        completed: s.filter((l) => l.status === "completed").length,
+        inProgress: s.filter((l) => l.status === "in_progress").length,
+        pending: s.filter((l) => l.status === "pending").length
+      };
+      return {
+        action: "todo_write",
+        todos: s,
+        stats: a
+      };
+    }
+    default: {
+      const s = Hn(e);
+      return s ? {
+        action: "mcp_tool",
+        serverName: s.serverName,
+        toolName: s.toolName,
+        arguments: n
+      } : {
+        action: "generic_tool",
+        toolName: Pn(e),
+        arguments: n
+      };
+    }
+  }
+}
+function Vn(e, n, r) {
+  switch (r.action) {
+    case "command_run":
+      const s = r.command;
+      return s.length > 60 ? s.substring(0, 57) + "..." : s;
+    case "file_read":
+      return r.path;
+    case "file_edit":
+      return r.path;
+    case "file_write":
+      return r.path;
+    case "search":
+      return `${r.pattern}${r.path ? ` in ${r.path}` : ""}`;
+    case "glob":
+      return r.pattern;
+    case "web_fetch":
+      return r.url;
+    case "web_search":
+      return r.query;
+    case "mcp_tool":
+      return `${r.serverName}:${r.toolName}`;
+    case "generic_tool":
+      return r.toolName;
+    case "todo_write": {
+      const { stats: a } = r;
+      return a ? `${a.completed}/${a.total} completed` : `${r.todos.length} tasks`;
+    }
+    default:
+      return "Unknown tool";
+  }
+}
+function Gn(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 Jn(e) {
+  if (typeof e == "string")
+    try {
+      return { type: "json", value: JSON.parse(e) };
+    } catch {
+      return { type: "markdown", value: e };
+    }
+  if (Array.isArray(e)) {
+    const n = e.filter(
+      (r) => (r == null ? void 0 : r.type) === "text" && typeof r.text == "string"
+    ).map((r) => r.text);
+    if (n.length > 0) {
+      const r = n.join(`
+
+`);
+      try {
+        return { type: "json", value: JSON.parse(r) };
+      } catch {
+        return { type: "markdown", value: r };
+      }
+    }
+  }
+  return { type: "json", value: e };
+}
+function Un(e) {
+  const n = Gn(e);
+  if (typeof e == "string")
+    try {
+      const r = JSON.parse(e);
+      if (typeof r.exitCode == "number")
+        return {
+          exitCode: r.exitCode,
+          output: r.output || n,
+          success: r.exitCode === 0
+        };
+    } catch {
+    }
+  return {
+    output: n,
+    success: !0
+    // Assume success if no exit code
+  };
+}
+function tt(e) {
+  const n = qn(e.name, e.input), r = Vn(e.name, e.input, n);
+  return {
+    id: e.id,
+    toolName: e.name,
+    actionType: n,
+    status: "pending",
+    summary: r,
+    startedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function nt(e, n, r) {
+  const s = { ...e }, a = { ...e.actionType };
+  if (s.status = r ? "failed" : "success", s.completedAt = (/* @__PURE__ */ new Date()).toISOString(), s.isError = r, a.action === "command_run") {
+    const l = Un(n);
+    a.result = l, l.exitCode !== void 0 && l.exitCode !== 0 && (s.status = "failed", s.isError = !0);
+  } else (a.action === "mcp_tool" || a.action === "generic_tool") && (a.result = Jn(n));
+  return s.actionType = a, s;
+}
+function Kn(e) {
+  return e.type === "tool_use";
+}
+function Yn(e) {
+  return e.type === "tool_result";
+}
+function Dr(e) {
+  const n = [], r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+  for (const a of e) {
+    const l = a.createdAt instanceof Date ? a.createdAt.toISOString() : a.createdAt;
+    for (const c of a.content)
+      if (c.type === "text" && "text" in c)
+        n.push({
+          id: `${a.id}-text-${n.length}`,
+          timestamp: l,
+          entryType: {
+            type: a.role === "user" ? "user_message" : "assistant_message"
+          },
+          content: c.text
+        });
+      else if (Kn(c)) {
+        const h = tt(c);
+        r.set(c.id, h);
+        const o = {
+          id: c.id,
+          timestamp: l,
+          entryType: {
+            type: "tool_call",
+            toolCall: h
+          },
+          content: h.summary
+        };
+        n.push(o), s.set(c.id, o);
+      } else if (Yn(c)) {
+        const h = c.toolUseId, o = r.get(h);
+        if (o) {
+          const w = nt(
+            o,
+            c.content,
+            c.isError
+          ), d = s.get(h);
+          d && d.entryType.type === "tool_call" && (d.entryType.toolCall = w), r.delete(h);
+        }
+      }
+  }
+  return n;
+}
+const Se = class Se {
+  constructor() {
+    ee(this, "entries", []);
+    ee(this, "pendingToolCalls", /* @__PURE__ */ new Map());
+    ee(this, "listeners", /* @__PURE__ */ new Set());
+    ee(this, "currentTextContent", "");
+    ee(this, "currentTextEntryId", null);
+    ee(this, "hadToolCallSinceText", !1);
+    /** Track the last few deltas to detect duplicates (prevents double-processing) */
+    ee(this, "recentDeltas", []);
+  }
+  /**
+   * Subscribe to entry updates.
+   * Returns an unsubscribe function.
+   */
+  subscribe(n) {
+    return this.listeners.add(n), n([...this.entries]), () => this.listeners.delete(n);
+  }
+  /**
+   * Get current entries (snapshot)
+   */
+  getEntries() {
+    return [...this.entries];
+  }
+  /**
+   * Get pending tool calls (tools that started but haven't finished)
+   */
+  getPendingToolCalls() {
+    return Array.from(this.pendingToolCalls.values()).map((n) => n.toolCall);
+  }
+  /**
+   * Check if there are any pending tool calls
+   */
+  hasPendingToolCalls() {
+    return this.pendingToolCalls.size > 0;
+  }
+  /**
+   * Reset processor state for a new conversation
+   */
+  reset() {
+    this.entries = [], this.pendingToolCalls.clear(), this.currentTextContent = "", this.currentTextEntryId = null, this.hadToolCallSinceText = !1, this.recentDeltas = [], this.emit();
+  }
+  /**
+   * Add initial entries (e.g., from message history)
+   */
+  setInitialEntries(n) {
+    this.entries = [...n], this.emit();
+  }
+  /**
+   * Add a user message entry
+   */
+  addUserMessage(n, r) {
+    this.finalizeCurrentText(), this.entries.push({
+      id: r || `user-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      entryType: { type: "user_message" },
+      content: n
+    }), this.emit();
+  }
+  /**
+   * Process an incoming stream event
+   */
+  processEvent(n) {
+    switch (n.type) {
+      case "text_delta":
+        this.handleTextDelta(n.delta);
+        break;
+      case "thinking_delta":
+        break;
+      case "message":
+        this.finalizeCurrentText();
+        break;
+      case "tool_use":
+        this.handleToolUse(n);
+        break;
+      case "tool_result":
+        this.handleToolResult(n);
+        break;
+      case "error":
+        this.handleError(n.error, n.code);
+        break;
+    }
+  }
+  /**
+   * Handle text_delta event - accumulate streaming text
+   * Creates a new text entry if there have been tool calls since the last text
+   */
+  handleTextDelta(n) {
+    if (!n) return;
+    const r = this.currentTextContent + n;
+    if (this.currentTextContent.length > 0 && n.length > 10) {
+      const s = n.substring(0, Math.min(50, n.length));
+      if (this.recentDeltas.includes(s) && r.includes(this.currentTextContent + this.currentTextContent.substring(0, Math.min(20, this.currentTextContent.length)))) {
+        console.warn("[ToolCallProcessor] Skipping potential duplicate delta");
+        return;
+      }
+      this.recentDeltas.push(s), this.recentDeltas.length > Se.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({
+        id: this.currentTextEntryId,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        entryType: { type: "assistant_message" },
+        content: this.currentTextContent
+      });
+    else {
+      const s = this.entries.findIndex((a) => a.id === this.currentTextEntryId);
+      if (s !== -1) {
+        const a = this.entries[s];
+        a && (this.entries[s] = {
+          id: a.id,
+          timestamp: a.timestamp,
+          entryType: a.entryType,
+          content: this.currentTextContent
+        });
+      }
+    }
+    this.emit();
+  }
+  /**
+   * Finalize any accumulated text content
+   */
+  finalizeCurrentText() {
+    this.currentTextContent && this.currentTextEntryId && (this.currentTextContent = "", this.currentTextEntryId = null);
+  }
+  /**
+   * Handle tool_use event - create pending tool call
+   */
+  handleToolUse(n) {
+    this.finalizeCurrentText(), this.hadToolCallSinceText = !0;
+    const r = tt({
+      id: n.id,
+      name: n.name,
+      input: n.input
+    }), s = {
+      id: n.id,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      entryType: {
+        type: "tool_call",
+        toolCall: r
+      },
+      content: r.summary
+    }, a = this.entries.length;
+    this.entries.push(s), this.pendingToolCalls.set(n.id, { entryIndex: a, toolCall: r }), this.emit();
+  }
+  /**
+   * Handle tool_result event - update pending tool call with result
+   */
+  handleToolResult(n) {
+    const r = this.pendingToolCalls.get(n.toolUseId);
+    if (r) {
+      const s = nt(
+        r.toolCall,
+        n.content,
+        n.isError
+      ), a = this.entries[r.entryIndex];
+      a && a.entryType.type === "tool_call" && (this.entries[r.entryIndex] = {
+        id: a.id,
+        timestamp: a.timestamp,
+        entryType: {
+          type: "tool_call",
+          toolCall: s
+        },
+        content: a.content
+      }), this.pendingToolCalls.delete(n.toolUseId), this.emit();
+    }
+  }
+  /**
+   * Handle error event
+   */
+  handleError(n, r) {
+    this.finalizeCurrentText(), this.entries.push({
+      id: `error-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      entryType: {
+        type: "error",
+        message: n,
+        code: r
+      },
+      content: n
+    }), this.emit();
+  }
+  /**
+   * Emit current entries to all listeners
+   */
+  emit() {
+    const n = [...this.entries];
+    this.listeners.forEach((r) => r(n));
+  }
+};
+ee(Se, "MAX_RECENT_DELTAS", 10);
+let Re = Se;
+function jr() {
+  return new Re();
+}
+export {
+  Ye as ActionIcon,
+  St as AlertCircleIcon,
+  Ke as AlertTriangleIcon,
+  nn as AssistantMessage,
+  gr as BrainIcon,
+  Mt as BugIcon,
+  Fn as ChatInput,
+  It as CheckCircleIcon,
+  Ct as CheckIcon,
+  je as ChevronDownIcon,
+  or as ChevronLeftIcon,
+  ve as ChevronRightIcon,
+  cr as ChevronUpIcon,
+  se as CodeBlock,
+  dr as CodeIcon,
+  ur as CopyIcon,
+  Be as EditIcon,
+  an as ErrorMessage,
+  We as FileIcon,
+  vt as FilePlusIcon,
+  kt as FolderSearchIcon,
+  yt as GlobeIcon,
+  Tt as InfoIcon,
+  Te as JsonDisplay,
+  Wn as LegacyMessageList,
+  _t as LoaderIcon,
+  $e as LoadingIndicator,
+  Rn as LogsPanel,
+  ln as MessageEntry,
+  Mn as MessageList,
+  xr as MessageSquareIcon,
+  lr as MoonIcon,
+  Ar as NormalizedMessageList,
+  Et as PaperclipIcon,
+  $r as Playground,
+  bt as PlugIcon,
+  Rr as SandboxLogsPanel,
+  _e as SearchIcon,
+  pr as SendIcon,
+  Lt as SparklesIcon,
+  jt as StatusIndicator,
+  fr as StopCircleIcon,
+  on as StreamingText,
+  ar as SunIcon,
+  Me as TerminalIcon,
+  Er as ThemeProvider,
+  rn as ThinkingMessage,
+  Oe as ToolCallCard,
+  sn as ToolCallMessage,
+  Re as ToolCallProcessor,
+  Nt as ToolIcon,
+  tn as UserMessage,
+  mr as XCircleIcon,
+  hr as XIcon,
+  p as cn,
+  tr as createToolCall,
+  jr as createToolCallProcessor,
+  mt as extractTextContent,
+  sr as formatFileSize,
+  De as formatTimestamp,
+  ct as formatToolName,
+  ht as generateToolSummary,
+  rr as getActionIcon,
+  Ue as getActionLabel,
+  wr as isCommandRunAction,
+  Ir 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,
+  ut as mapToolToActionType,
+  Dr as normalizeMessages,
+  pt as normalizeToolResult,
+  ft as parseCommandResult,
+  dt as parseMcpToolName,
+  ir as truncate,
+  nr as updateToolCallWithResult,
+  Lr as useTheme
+};