@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/custom-agent/CustomAgentWindow.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ArrowLeft, BookmarkPlus, Loader2 } from "lucide-react";
 import { useAgentCatalogRows } from "@ai-matrx/agents/catalog/react";
@@ -130,7 +131,7 @@ function CustomAgentWindow({
     });
     close();
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentPickerFrame,
     {
       id: `custom-agent-${instanceId}`,
@@ -140,68 +141,102 @@ function CustomAgentWindow({
       onSelect: setAgentId,
       consumerId: "custom-agent-picker",
       ...agentId ? {
-        footerLeft: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            icon: /* @__PURE__ */ React.createElement(ArrowLeft, null),
-            variant: "quiet",
-            onClick: () => setAgentId(null),
-            disabled: isOpening
-          },
-          "Back"
-        ), /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            icon: /* @__PURE__ */ React.createElement(BookmarkPlus, null),
-            variant: "quiet",
-            onClick: handleSaveAsShortcut,
-            disabled: load.status !== "ready"
-          },
-          "Save as shortcut"
-        )),
-        footerRight: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "outline", onClick: close }, "Cancel"), /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            icon: isOpening ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : null,
-            variant: "primary",
-            onClick: handleOpen,
-            disabled: load.status !== "ready" || isOpening
-          },
-          "Open"
-        ))
-      } : {}
-    },
-    agentId ? /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 w-full min-w-0 flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 shrink-0 items-center gap-2 border-b border-border px-4 py-2 text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium" }, agentName), session?.sourceTitle ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-muted-foreground" }, "\xB7"), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 truncate text-muted-foreground" }, session.sourceTitle)) : null), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden px-4 py-3" }, load.status === "loading" ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-center py-10" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" })) : load.status === "error" ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-4 text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-destructive" }, load.message, /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: load.message })), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "outline",
-        onClick: () => setAttempt((n) => n + 1)
-      },
-      "Try again"
-    )) : /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-col gap-1.5" }, rows.map((row) => {
-      const disabled = Boolean(row.disabledReason);
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: row.id,
-          className: cn(
-            "flex min-w-0 items-center gap-3 rounded-md border border-border px-3 py-2",
-            disabled && "opacity-60"
+        footerLeft: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+              variant: "quiet",
+              onClick: () => setAgentId(null),
+              disabled: isOpening,
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx(BookmarkPlus, {}),
+              variant: "quiet",
+              onClick: handleSaveAsShortcut,
+              disabled: load.status !== "ready",
+              children: "Save as shortcut"
+            }
           )
-        },
-        /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-baseline gap-x-2 text-sm font-medium" }, /* @__PURE__ */ React.createElement("span", null, row.label), row.disabledReason ? /* @__PURE__ */ React.createElement("span", { className: "text-xs font-normal text-muted-foreground" }, row.disabledReason) : null), row.description ? /* @__PURE__ */ React.createElement("div", { className: "break-words text-xs text-muted-foreground" }, row.description) : null),
-        /* @__PURE__ */ React.createElement(
-          Select,
-          {
-            value: mapping[row.id] ?? SKIP,
-            onValueChange: (value) => setMapping((m) => ({ ...m, [row.id]: value })),
-            disabled
-          },
-          /* @__PURE__ */ React.createElement(SelectTrigger, { className: "h-8 w-44 shrink-0 text-xs" }, /* @__PURE__ */ React.createElement(SelectValue, null)),
-          /* @__PURE__ */ React.createElement(SelectContent, null, /* @__PURE__ */ React.createElement(SelectItem, { value: SKIP }, "Skip"), sources.map((source) => /* @__PURE__ */ React.createElement(SelectItem, { key: source.id, value: source.id }, source.label)))
-        )
-      );
-    })))) : null
+        ] }),
+        footerRight: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: close, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: isOpening ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : null,
+              variant: "primary",
+              onClick: handleOpen,
+              disabled: load.status !== "ready" || isOpening,
+              children: "Open"
+            }
+          )
+        ] })
+      } : {},
+      children: agentId ? /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 w-full min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-2 border-b border-border px-4 py-2 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: agentName }),
+          session?.sourceTitle ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-muted-foreground", children: session.sourceTitle })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden px-4 py-3", children: load.status === "loading" ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) }) : load.status === "error" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-4 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+            load.message,
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: load.message })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => setAttempt((n) => n + 1),
+              children: "Try again"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-col gap-1.5", children: rows.map((row) => {
+          const disabled = Boolean(row.disabledReason);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex min-w-0 items-center gap-3 rounded-md border border-border px-3 py-2",
+                disabled && "opacity-60"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ jsx("span", { children: row.label }),
+                    row.disabledReason ? /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: row.disabledReason }) : null
+                  ] }),
+                  row.description ? /* @__PURE__ */ jsx("div", { className: "break-words text-xs text-muted-foreground", children: row.description }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: mapping[row.id] ?? SKIP,
+                    onValueChange: (value) => setMapping((m) => ({ ...m, [row.id]: value })),
+                    disabled,
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-44 shrink-0 text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: SKIP, children: "Skip" }),
+                        sources.map((source) => /* @__PURE__ */ jsx(SelectItem, { value: source.id, children: source.label }, source.id))
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            },
+            row.id
+          );
+        }) }) })
+      ] }) : null
+    }
   );
 }
 export {

package/dist/agents/components/debug/RoutingPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectRequestsForInstance } from "../../redux/execution-system/active-requests/active-requests.selectors.js";
 import {
@@ -30,12 +31,27 @@ function channelLabel(channel) {
 }
 function SandboxVerdict({ routing }) {
   if (!routing.sandboxRef) {
-    return /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Box, { className: "h-3.5 w-3.5" }), "No sandbox selected \u2014 agent ran with no box.");
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Box, { className: "h-3.5 w-3.5" }),
+      "No sandbox selected \u2014 agent ran with no box."
+    ] });
   }
   if (!routing.sandboxAttached) {
-    return /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 text-red-600 dark:text-red-400" }, /* @__PURE__ */ React.createElement(XCircle, { className: "h-3.5 w-3.5" }), "Box selected (", routing.sandboxRef.rowId.slice(0, 8), ") but binding FAILED \u2014 token mint did not return. Agent got no sandbox tools.");
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-red-600 dark:text-red-400", children: [
+      /* @__PURE__ */ jsx(XCircle, { className: "h-3.5 w-3.5" }),
+      "Box selected (",
+      routing.sandboxRef.rowId.slice(0, 8),
+      ") but binding FAILED \u2014 token mint did not return. Agent got no sandbox tools."
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400" }, /* @__PURE__ */ React.createElement(CheckCircle2, { className: "h-3.5 w-3.5" }), "Bound (", routing.sandboxRef.tier ?? "?", " \xB7 ", routing.sandboxRef.source, ") \u2014 tools route into the box.");
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400", children: [
+    /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+    "Bound (",
+    routing.sandboxRef.tier ?? "?",
+    " \xB7 ",
+    routing.sandboxRef.source,
+    ") \u2014 tools route into the box."
+  ] });
 }
 function RoutingPanel({ conversationId }) {
   const requests = useAppSelector(selectRequestsForInstance(conversationId));
@@ -43,26 +59,53 @@ function RoutingPanel({ conversationId }) {
     (r) => r.routing != null
   );
   if (routed.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", { className: "p-4 text-xs text-muted-foreground" }, "No turns sent yet. Send a message and this tab will show exactly where each request went and whether the sandbox bound.");
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-xs text-muted-foreground", children: "No turns sent yet. Send a message and this tab will show exactly where each request went and whether the sandbox bound." });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3" }, routed.map(({ requestId, routing }, idx) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3", children: routed.map(({ requestId, routing }, idx) => {
     const sandboxToolsMissing = routing.sandboxRef && routing.sandboxAttached && !routing.toolNames.some(
       (n) => n.startsWith("fs_") || n.startsWith("shell_")
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        key: requestId,
-        className: "rounded-md border border-border bg-card p-3 text-xs"
+        className: "rounded-md border border-border bg-card p-3 text-xs",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: idx === 0 ? "Latest turn" : `Turn -${idx}` }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: new Date(routing.recordedAt).toLocaleTimeString() })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 mb-1.5", children: [
+            /* @__PURE__ */ jsx(Server, { className: "h-3.5 w-3.5 mt-0.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-mono text-foreground break-all", children: hostOf(routing.url) }),
+              /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+                channelLabel(routing.channel),
+                " \xB7 server toggle:",
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: routing.activeServer })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "font-mono text-[10px] text-muted-foreground/70 break-all mt-0.5", children: routing.url })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-1.5", children: /* @__PURE__ */ jsx(SandboxVerdict, { routing }) }),
+          /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground mb-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "capabilities:" }),
+            " ",
+            routing.capabilities.length > 0 ? routing.capabilities.join(", ") : "(none)"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "break-words", children: routing.toolNames.length > 0 ? routing.toolNames.join(", ") : "(no additive tools sent)" })
+          ] }),
+          sandboxToolsMissing && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-start gap-1.5 text-[11px] text-amber-600 dark:text-amber-400", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }),
+            "Box bound but no fs_/shell_ tools sent, so the agent can't act \u2014 check the sandbox-fs capability."
+          ] })
+        ]
       },
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, idx === 0 ? "Latest turn" : `Turn -${idx}`), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground" }, new Date(routing.recordedAt).toLocaleTimeString())),
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-1.5 mb-1.5" }, /* @__PURE__ */ React.createElement(Server, { className: "h-3.5 w-3.5 mt-0.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "font-mono text-foreground break-all" }, hostOf(routing.url)), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] text-muted-foreground" }, channelLabel(routing.channel), " \xB7 server toggle:", " ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, routing.activeServer)), /* @__PURE__ */ React.createElement("div", { className: "font-mono text-[10px] text-muted-foreground/70 break-all mt-0.5" }, routing.url))),
-      /* @__PURE__ */ React.createElement("div", { className: "mb-1.5" }, /* @__PURE__ */ React.createElement(SandboxVerdict, { routing })),
-      /* @__PURE__ */ React.createElement("div", { className: "text-[11px] text-muted-foreground mb-1" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, "capabilities:"), " ", routing.capabilities.length > 0 ? routing.capabilities.join(", ") : "(none)"),
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-1.5 text-[11px] text-muted-foreground" }, /* @__PURE__ */ React.createElement(Wrench, { className: "h-3 w-3 mt-0.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "break-words" }, routing.toolNames.length > 0 ? routing.toolNames.join(", ") : "(no additive tools sent)")),
-      sandboxToolsMissing && /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-start gap-1.5 text-[11px] text-amber-600 dark:text-amber-400" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), "Box bound but no fs_/shell_ tools sent, so the agent can't act \u2014 check the sandbox-fs capability.")
+      requestId
     );
-  })));
+  }) }) });
 }
 export {
   RoutingPanel

package/dist/agents/components/debug/SandboxFileViewer.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../../host/notify.js";
 import { Button } from "@ai-matrx/design-system/controls";
@@ -51,47 +52,64 @@ function SandboxFileViewer({
     setCopied(true);
     setTimeout(() => setCopied(false), 1500);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden" }, !lockPath && /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      onSubmit: (e) => {
-        e.preventDefault();
-        void load(path);
-      },
-      className: "flex items-center gap-1.5 border-b border-border px-2 py-1.5"
-    },
-    /* @__PURE__ */ React.createElement(FileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ React.createElement(
-      "input",
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    !lockPath && /* @__PURE__ */ jsxs(
+      "form",
       {
-        value: path,
-        onChange: (e) => setPath(e.target.value),
-        placeholder: "/home/agent/repos/\u2026/file.md",
-        spellCheck: false,
-        className: "flex-1 bg-transparent font-mono text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none"
+        onSubmit: (e) => {
+          e.preventDefault();
+          void load(path);
+        },
+        className: "flex items-center gap-1.5 border-b border-border px-2 py-1.5",
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: path,
+              onChange: (e) => setPath(e.target.value),
+              placeholder: "/home/agent/repos/\u2026/file.md",
+              spellCheck: false,
+              className: "flex-1 bg-transparent font-mono text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "quiet",
+              disabled: loading || !path.trim(),
+              icon: loading ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, {}),
+              children: "Open"
+            }
+          )
+        ]
       }
     ),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "submit",
-        variant: "quiet",
-        disabled: loading || !path.trim(),
-        icon: loading ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ React.createElement(RefreshCw, null)
-      },
-      "Open"
-    )
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-2 py-1 border-b border-border bg-muted/30" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[11px] text-muted-foreground truncate" }, lockPath ? initialPath : content != null ? path : ""), content != null && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      icon: copied ? /* @__PURE__ */ React.createElement(Check, null) : /* @__PURE__ */ React.createElement(Copy, null),
-      glyphTone: copied ? "success" : void 0,
-      onClick: handleCopy,
-      className: "shrink-0"
-    },
-    "Copy"
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-auto" }, loading && content == null ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 p-3 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Reading ", path, "\u2026") : error ? /* @__PURE__ */ React.createElement("div", { className: "p-3 text-xs text-destructive break-words" }, error, /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error })) : content != null ? /* @__PURE__ */ React.createElement("pre", { className: "p-3 text-xs leading-relaxed text-foreground whitespace-pre-wrap break-words font-mono" }, content) : /* @__PURE__ */ React.createElement("div", { className: "p-3 text-xs text-muted-foreground" }, "Enter an absolute path and Open to read the file.")));
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1 border-b border-border bg-muted/30", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-muted-foreground truncate", children: lockPath ? initialPath : content != null ? path : "" }),
+      content != null && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: handleCopy,
+          className: "shrink-0",
+          children: "Copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: loading && content == null ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      "Reading ",
+      path,
+      "\u2026"
+    ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "p-3 text-xs text-destructive break-words", children: [
+      error,
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+    ] }) : content != null ? /* @__PURE__ */ jsx("pre", { className: "p-3 text-xs leading-relaxed text-foreground whitespace-pre-wrap break-words font-mono", children: content }) : /* @__PURE__ */ jsx("div", { className: "p-3 text-xs text-muted-foreground", children: "Enter an absolute path and Open to read the file." }) })
+  ] });
 }
 export {
   SandboxFileViewer

package/dist/agents/components/debug/SandboxInsightPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, FolderTree, TerminalSquare, FileText } from "lucide-react";
 import { useAppSelector } from "../../../store/hooks.js";
@@ -21,10 +22,34 @@ function SandboxInsightPanel({
   );
   const [view, setView] = useState("files");
   if (!boundRowId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col items-center justify-center gap-2 p-6 text-center" }, /* @__PURE__ */ React.createElement(Box, { className: "h-6 w-6 text-muted-foreground/60" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "No sandbox bound"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground max-w-xs" }, "This conversation isn't bound to a sandbox. Attach one from the chat input controls (the box icon), then it'll appear here live."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Box, { className: "h-6 w-6 text-muted-foreground/60" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No sandbox bound" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground max-w-xs", children: "This conversation isn't bound to a sandbox. Attach one from the chat input controls (the box icon), then it'll appear here live." })
+    ] });
   }
   const sourceLabel = source === "conversation" ? "this conversation" : source === "surface-seed" ? "this surface (seed \u2014 bound on the next turn)" : "editor";
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement(Box, { className: "h-4 w-4 shrink-0 text-emerald-500" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs font-medium text-foreground truncate" }, boundRowId.slice(0, 8)), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-muted-foreground" }, tier ?? "?", " \xB7 bound from ", sourceLabel))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5 shrink-0" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!(view === "files"), icon: /* @__PURE__ */ React.createElement(FolderTree, null), onClick: () => setView("files") }, "Files & status"), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!(view === "terminal"), icon: /* @__PURE__ */ React.createElement(TerminalSquare, null), onClick: () => setView("terminal") }, "Terminal"), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!(view === "viewer"), icon: /* @__PURE__ */ React.createElement(FileText, null), onClick: () => setView("viewer") }, "File"))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden" }, view === "files" ? /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-y-auto" }, /* @__PURE__ */ React.createElement(SandboxDiagnosticsPanel, { sandboxId: boundRowId, view: "all" })) : view === "terminal" ? /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-hidden" }, /* @__PURE__ */ React.createElement(SimpleTerminal, { sandboxId: boundRowId })) : /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-hidden" }, /* @__PURE__ */ React.createElement(SandboxFileViewer, { sandboxRowId: boundRowId }))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsx(Box, { className: "h-4 w-4 shrink-0 text-emerald-500" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground truncate", children: boundRowId.slice(0, 8) }),
+          /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+            tier ?? "?",
+            " \xB7 bound from ",
+            sourceLabel
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!(view === "files"), icon: /* @__PURE__ */ jsx(FolderTree, {}), onClick: () => setView("files"), children: "Files & status" }),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!(view === "terminal"), icon: /* @__PURE__ */ jsx(TerminalSquare, {}), onClick: () => setView("terminal"), children: "Terminal" }),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!(view === "viewer"), icon: /* @__PURE__ */ jsx(FileText, {}), onClick: () => setView("viewer"), children: "File" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: view === "files" ? /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsx(SandboxDiagnosticsPanel, { sandboxId: boundRowId, view: "all" }) }) : view === "terminal" ? /* @__PURE__ */ jsx("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ jsx(SimpleTerminal, { sandboxId: boundRowId }) }) : /* @__PURE__ */ jsx("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ jsx(SandboxFileViewer, { sandboxRowId: boundRowId }) }) })
+  ] });
 }
 export {
   SandboxInsightPanel

package/dist/agents/components/debug/StreamDebugFloating.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { WindowPanel } from "../../../host/ui-slots.js";
 import { StreamDebugPanel } from "./StreamDebugPanel.js";
 function StreamDebugFloating({
@@ -8,7 +8,7 @@ function StreamDebugFloating({
   defaultPosition = { x: 20, y: 60 },
   requestIdOverride
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       title: "Stream Debug",
@@ -21,16 +21,16 @@ function StreamDebugFloating({
       minHeight: 200,
       bodyClassName: "flex min-h-0 flex-col overflow-hidden p-0",
       urlSyncKey: "debug",
-      urlSyncId: conversationId
-    },
-    /* @__PURE__ */ React.createElement(
-      StreamDebugPanel,
-      {
-        conversationId,
-        className: "h-full",
-        requestIdOverride
-      }
-    )
+      urlSyncId: conversationId,
+      children: /* @__PURE__ */ jsx(
+        StreamDebugPanel,
+        {
+          conversationId,
+          className: "h-full",
+          requestIdOverride
+        }
+      )
+    }
   );
 }
 var StreamDebugFloating_default = StreamDebugFloating;