@tangle-network/sandbox-ui 0.113.5 → 0.113.7

package/dist/{chunk-SX344CDB.js → chunk-DYXXYGS4.js}

@@ -1101,6 +1101,7 @@ function CreditBalance({
   className
 }) {
   const [topUpValue, setTopUpValue] = React4.useState("50.00");
+  const topUpId = React4.useId();
   return /* @__PURE__ */ jsxs3(
     "div",
     {
@@ -1118,11 +1119,14 @@ function CreditBalance({
           /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground leading-relaxed", children: description })
         ] }),
         onTopUp && /* @__PURE__ */ jsxs3("div", { className: "space-y-2.5 mt-5", children: [
+          /* @__PURE__ */ jsx4("label", { htmlFor: topUpId, className: "block text-xs font-medium text-muted-foreground", children: "Top-up amount (USD)" }),
           /* @__PURE__ */ jsxs3("div", { className: `bg-surface-container-low border p-1 rounded-lg flex items-center ${focusFieldWithin}`, children: [
             /* @__PURE__ */ jsx4(
               "input",
               {
+                id: topUpId,
                 type: "text",
+                inputMode: "decimal",
                 value: `$${topUpValue}`,
                 onChange: (e) => {
                   const raw = e.target.value.replace(/[^0-9.]/g, "");
@@ -1936,7 +1940,7 @@ function SandboxTable({
                           type: "button",
                           onClick: stopRowClick,
                           className: `p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90 ${focusRing3}`,
-                          "aria-label": "More actions",
+                          "aria-label": `More actions for ${sb.name}`,
                           title: "More actions",
                           children: /* @__PURE__ */ jsx11(MoreVertical2, { className: "h-4 w-4" })
                         }
@@ -1947,10 +1951,10 @@ function SandboxTable({
                       ] }, sectionIdx)) })
                     ] });
                   })(),
-                  onDelete && canAdminSandbox(sb) && /* @__PURE__ */ jsx11("button", { type: "button", onClick: (e) => {
+                  onDelete && canAdminSandbox(sb) && /* @__PURE__ */ jsx11("button", { type: "button", "aria-label": `Delete ${sb.name}`, onClick: (e) => {
                     stopRowClick(e);
                     onDelete(sb.id);
-                  }, className: "p-2 rounded-lg hover:bg-[var(--surface-danger-bg)] text-muted-foreground hover:text-[var(--surface-danger-text)] transition-all active:scale-90", title: "Delete", children: /* @__PURE__ */ jsx11(Trash22, { className: "h-4 w-4" }) })
+                  }, className: `p-2 rounded-lg hover:bg-[var(--surface-danger-bg)] text-muted-foreground hover:text-[var(--surface-danger-text)] transition-all active:scale-90 ${focusRing3}`, title: "Delete", children: /* @__PURE__ */ jsx11(Trash22, { className: "h-4 w-4" }) })
                 ] }) })
               ]
             },
@@ -3918,12 +3922,33 @@ import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, className }) {
   const [newPort, setNewPort] = React13.useState("");
   const [copiedPort, setCopiedPort] = React13.useState(null);
+  const [statusMessage, setStatusMessage] = React13.useState("");
   const copyTimerRef = React13.useRef(null);
+  const pendingRemovalRef = React13.useRef(null);
+  const removeButtonsRef = React13.useRef(/* @__PURE__ */ new Map());
+  const portInputRef = React13.useRef(null);
+  const portInputId = React13.useId();
+  const portErrorId = React13.useId();
+  const portNumber = Number(newPort);
+  const validPort = /^\d+$/.test(newPort) && portNumber >= 1 && portNumber <= 65535;
+  const duplicatePort = validPort && ports.some((port) => port.port === portNumber);
+  const portError = newPort === "" ? null : !validPort ? "Enter a whole port number from 1 to 65535." : duplicatePort ? `Port ${portNumber} is already exposed.` : null;
   React13.useEffect(() => {
     return () => {
       if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
     };
   }, []);
+  React13.useEffect(() => {
+    const pending = pendingRemovalRef.current;
+    if (!pending || ports.some((port) => port.port === pending.removed)) return;
+    setStatusMessage(`Port ${pending.removed} removed.`);
+    if (pending.restoreFocus) {
+      const nextButton = pending.next == null ? null : removeButtonsRef.current.get(pending.next);
+      const focusTarget = nextButton ?? removeButtonsRef.current.values().next().value ?? portInputRef.current;
+      focusTarget?.focus();
+    }
+    pendingRemovalRef.current = null;
+  }, [ports]);
   const handleCopy = async (url, port) => {
     try {
       await navigator.clipboard.writeText(url);
@@ -3935,87 +3960,114 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
     }
   };
   const handleExpose = () => {
-    const port = parseInt(newPort, 10);
-    if (port > 0 && port <= 65535) {
-      onExposePort(port);
+    if (validPort && !duplicatePort && !isExposing) {
+      onExposePort(portNumber);
       setNewPort("");
     }
   };
   return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
-    ports.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: /* @__PURE__ */ jsxs22("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx25("thead", { className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]", children: /* @__PURE__ */ jsxs22("tr", { children: [
-        /* @__PURE__ */ jsx25("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Port" }),
-        /* @__PURE__ */ jsx25("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Public URL" }),
-        /* @__PURE__ */ jsx25("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx25("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsx25("tbody", { className: "divide-y divide-border", children: ports.map((p) => /* @__PURE__ */ jsxs22("tr", { children: [
-        /* @__PURE__ */ jsx25("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.port }),
-        /* @__PURE__ */ jsx25("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsx25("span", { role: "status", className: "sr-only", children: statusMessage }),
+    ports.length > 0 ? /* @__PURE__ */ jsxs22("div", { className: "overflow-hidden rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container text-sm", children: [
+      /* @__PURE__ */ jsxs22("div", { "aria-hidden": "true", className: "hidden border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2.5 text-xs font-medium text-muted-foreground sm:grid sm:grid-cols-[4rem_minmax(0,1fr)_5.5rem_3rem] sm:gap-x-2", children: [
+        /* @__PURE__ */ jsx25("span", { children: "Port" }),
+        /* @__PURE__ */ jsx25("span", { children: "Public URL" }),
+        /* @__PURE__ */ jsx25("span", { children: "Status" })
+      ] }),
+      /* @__PURE__ */ jsx25("ul", { className: "divide-y divide-border", children: ports.map((p, index) => /* @__PURE__ */ jsxs22("li", { className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-2 gap-y-1 px-3 py-2 sm:grid-cols-[4rem_minmax(0,1fr)_5.5rem_3rem] sm:py-1", children: [
+        /* @__PURE__ */ jsxs22("span", { className: "col-start-1 row-start-1 font-mono text-xs text-foreground", children: [
+          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Port " }),
+          p.port
+        ] }),
+        /* @__PURE__ */ jsxs22(
           "button",
           {
             type: "button",
+            "aria-label": copiedPort === p.port ? `Copied public URL for port ${p.port}` : `Copy public URL for port ${p.port}: ${p.url}`,
             onClick: () => handleCopy(p.url, p.port),
-            className: "flex items-center gap-2 font-mono text-xs text-primary hover:underline cursor-pointer group",
+            className: `col-span-2 row-start-3 flex min-h-10 min-w-0 items-center gap-2 rounded text-left font-mono text-xs text-[var(--accent-text)] hover:underline sm:col-span-1 sm:col-start-2 sm:row-start-1 ${focusRing5}`,
             children: [
-              /* @__PURE__ */ jsx25("span", { className: "truncate max-w-[300px]", children: p.url }),
-              copiedPort === p.port ? /* @__PURE__ */ jsx25(Check5, { className: "h-3 w-3 text-[var(--surface-success-text)] shrink-0" }) : /* @__PURE__ */ jsx25(Copy3, { className: "h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
+              /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "min-w-0 flex-1 break-all sm:truncate", children: p.url }),
+              copiedPort === p.port ? /* @__PURE__ */ jsx25(Check5, { className: "h-4 w-4 shrink-0 text-[var(--surface-success-text)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsx25(Copy3, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
             ]
           }
-        ) }),
-        /* @__PURE__ */ jsx25("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx25("span", { className: cn(
-          "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
+        ),
+        /* @__PURE__ */ jsxs22("span", { className: cn(
+          "col-start-1 row-start-2 inline-flex items-center justify-self-start rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider sm:col-start-3 sm:row-start-1",
           p.status === "active" ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]"
-        ), children: p.status }) }),
-        /* @__PURE__ */ jsx25("td", { className: "px-4 py-3 text-right", children: onRemovePort && /* @__PURE__ */ jsx25(
+        ), children: [
+          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Status: " }),
+          p.status
+        ] }),
+        onRemovePort && /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
-            onClick: () => onRemovePort(p.port),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            children: /* @__PURE__ */ jsx25(Trash23, { className: "h-3.5 w-3.5" })
+            "aria-label": `Remove port ${p.port}`,
+            ref: (button) => {
+              if (button) removeButtonsRef.current.set(p.port, button);
+              else removeButtonsRef.current.delete(p.port);
+            },
+            onClick: (event) => {
+              pendingRemovalRef.current = {
+                removed: p.port,
+                next: ports[index + 1]?.port ?? ports[index - 1]?.port ?? null,
+                restoreFocus: event.detail === 0
+              };
+              onRemovePort(p.port);
+            },
+            className: `col-start-2 row-start-1 inline-flex min-h-10 min-w-10 items-center justify-center rounded text-muted-foreground transition-colors hover:text-destructive sm:col-start-4 ${focusRing5}`,
+            children: /* @__PURE__ */ jsx25(Trash23, { className: "h-4 w-4", "aria-hidden": "true" })
           }
-        ) })
+        )
       ] }, p.port)) })
-    ] }) }) : /* @__PURE__ */ jsxs22("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
+    ] }) : /* @__PURE__ */ jsxs22("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
       /* @__PURE__ */ jsx25(Globe, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
       /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: "No ports exposed yet" })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx25(
-        "input",
-        {
-          type: "number",
-          min: 1,
-          max: 65535,
-          placeholder: "Port (e.g. 3000)",
-          value: newPort,
-          onChange: (e) => setNewPort(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleExpose(),
-          className: `flex-1 rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField}`
-        }
-      ),
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap items-end gap-3", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-[1_1_10rem]", children: [
+        /* @__PURE__ */ jsx25("label", { htmlFor: portInputId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Port number" }),
+        /* @__PURE__ */ jsx25(
+          "input",
+          {
+            ref: portInputRef,
+            id: portInputId,
+            type: "number",
+            min: 1,
+            max: 65535,
+            step: 1,
+            "aria-invalid": Boolean(portError),
+            "aria-describedby": portError ? portErrorId : void 0,
+            placeholder: "3000",
+            value: newPort,
+            onChange: (e) => setNewPort(e.target.value),
+            onKeyDown: (e) => e.key === "Enter" && handleExpose(),
+            className: `w-full min-w-0 rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField}`
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
           onClick: handleExpose,
-          disabled: !newPort || isExposing,
-          className: `inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:bg-primary/55 disabled:text-primary-foreground/90 disabled:shadow-none ${focusRing5}`,
+          disabled: !validPort || duplicatePort || isExposing,
+          className: `inline-flex shrink-0 items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-semibold text-[var(--btn-primary-text)] shadow-sm transition-colors hover:bg-[var(--btn-primary-hover)] disabled:cursor-not-allowed disabled:opacity-55 disabled:shadow-none ${focusRing5}`,
           children: [
             /* @__PURE__ */ jsx25(Plus4, { className: "h-4 w-4" }),
             "Expose"
           ]
         }
       )
-    ] })
+    ] }),
+    portError && /* @__PURE__ */ jsx25("p", { id: portErrorId, className: "text-xs text-[var(--surface-danger-text)]", children: portError })
   ] });
 }
 
 // src/dashboard/process-list.tsx
 import * as React14 from "react";
 import { Activity as Activity3, Plus as Plus5, Skull, Terminal as Terminal4 } from "lucide-react";
-import { focusField as focusField2 } from "@tangle-network/ui/utils";
+import { focusField as focusField2, focusRing as focusRing6 } from "@tangle-network/ui/utils";
 import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function formatUptime(startedAt) {
   if (!startedAt) return "-";
@@ -4027,6 +4079,18 @@ function formatUptime(startedAt) {
 }
 function ProcessList({ processes, onSpawn, onKill, loading = false, className }) {
   const [newCommand, setNewCommand] = React14.useState("");
+  const [statusMessage, setStatusMessage] = React14.useState("");
+  const commandId = React14.useId();
+  const commandInputRef = React14.useRef(null);
+  const pendingKillRef = React14.useRef(null);
+  React14.useEffect(() => {
+    const pending = pendingKillRef.current;
+    if (!pending || processes.some((process) => process.pid === pending.pid && process.running)) return;
+    const stopped = processes.find((process) => process.pid === pending.pid);
+    setStatusMessage(stopped?.exitCode == null ? `Process ${pending.pid} stopped.` : `Process ${pending.pid} exited with code ${stopped.exitCode}.`);
+    if (pending.restoreFocus) commandInputRef.current?.focus();
+    pendingKillRef.current = null;
+  }, [processes]);
   const handleSpawn = () => {
     const cmd = newCommand.trim();
     if (cmd) {
@@ -4035,61 +4099,73 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
     }
   };
   return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx26("span", { role: "status", className: "sr-only", children: statusMessage }),
     loading ? /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
       /* @__PURE__ */ jsx26(Activity3, { className: "mx-auto h-6 w-6 text-muted-foreground animate-spin mb-2", "data-motion": "essential" }),
       /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Loading processes..." })
-    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: /* @__PURE__ */ jsxs23("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx26("thead", { className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]", children: /* @__PURE__ */ jsxs23("tr", { children: [
-        /* @__PURE__ */ jsx26("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "PID" }),
-        /* @__PURE__ */ jsx26("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Command" }),
-        /* @__PURE__ */ jsx26("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx26("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Uptime" }),
-        /* @__PURE__ */ jsx26("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsx26("tbody", { className: "divide-y divide-border", children: processes.map((p) => /* @__PURE__ */ jsxs23("tr", { children: [
-        /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.pid }),
-        /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 font-mono text-xs text-foreground truncate max-w-[250px]", children: p.command }),
-        /* @__PURE__ */ jsx26("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx26("span", { className: cn(
-          "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
-          p.running ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-surface-container-high text-muted-foreground"
-        ), children: p.running ? "running" : `exited (${p.exitCode ?? "?"})` }) }),
-        /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 font-mono text-xs text-muted-foreground", children: formatUptime(p.startedAt) }),
-        /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 text-right", children: p.running && /* @__PURE__ */ jsx26(
+    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: /* @__PURE__ */ jsx26("ul", { "aria-label": "Processes", className: "divide-y divide-border", children: processes.map((p) => {
+      const age = formatUptime(p.startedAt);
+      return /* @__PURE__ */ jsxs23("li", { className: "flex min-w-0 items-start gap-3 px-3 py-3", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx26("code", { className: "block break-all font-mono text-xs leading-5 text-foreground", children: p.command }),
+          /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs23("span", { className: "font-mono tabular-nums", children: [
+              "PID ",
+              p.pid
+            ] }),
+            /* @__PURE__ */ jsx26("span", { className: cn(
+              "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
+              p.running ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-surface-container-high text-muted-foreground"
+            ), children: p.running ? "running" : `exited (${p.exitCode ?? "?"})` }),
+            age !== "-" && /* @__PURE__ */ jsx26("span", { className: "font-mono tabular-nums", children: p.running ? `Uptime ${age}` : `Started ${age} ago` })
+          ] })
+        ] }),
+        p.running && /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
-            onClick: () => onKill(p.pid),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            title: "Kill process",
-            children: /* @__PURE__ */ jsx26(Skull, { className: "h-3.5 w-3.5" })
+            onClick: (event) => {
+              pendingKillRef.current = { pid: p.pid, restoreFocus: event.detail === 0 };
+              onKill(p.pid);
+            },
+            className: `flex size-10 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive ${focusRing6}`,
+            "aria-label": `Kill process ${p.pid}`,
+            title: `Kill process ${p.pid}`,
+            children: /* @__PURE__ */ jsx26(Skull, { "aria-hidden": "true", className: "h-4 w-4" })
           }
-        ) })
-      ] }, `${p.pid}-${p.startedAt ?? p.command}`)) })
-    ] }) }) : /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
+        )
+      ] }, `${p.pid}-${p.startedAt ?? p.command}`);
+    }) }) }) : /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
       /* @__PURE__ */ jsx26(Terminal4, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
       /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "No processes running" })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx26(
-        "input",
-        {
-          type: "text",
-          placeholder: "Command (e.g. node server.js)",
-          value: newCommand,
-          onChange: (e) => setNewCommand(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleSpawn(),
-          className: `flex-1 rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField2}`
-        }
-      ),
+    /* @__PURE__ */ jsxs23("form", { onSubmit: (event) => {
+      event.preventDefault();
+      handleSpawn();
+    }, className: "flex min-w-0 flex-wrap items-end gap-2", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-[1_1_12rem]", children: [
+        /* @__PURE__ */ jsx26("label", { htmlFor: commandId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Command" }),
+        /* @__PURE__ */ jsx26(
+          "input",
+          {
+            ref: commandInputRef,
+            id: commandId,
+            type: "text",
+            placeholder: "node app.js",
+            value: newCommand,
+            onChange: (e) => setNewCommand(e.target.value),
+            className: `w-full min-w-0 rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField2}`
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs23(
         "button",
         {
-          type: "button",
-          onClick: handleSpawn,
+          type: "submit",
           disabled: !newCommand.trim(),
-          className: "inline-flex items-center gap-2 rounded-lg bg-primary/20 border border-primary/30 px-4 py-2 text-sm font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors disabled:opacity-50",
+          className: `inline-flex h-10 shrink-0 items-center gap-2 rounded-lg border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-3 text-sm font-medium text-[var(--accent-text)] transition-colors hover:bg-[var(--btn-primary-bg)] hover:text-[var(--btn-primary-text)] disabled:opacity-50 ${focusRing6}`,
           children: [
-            /* @__PURE__ */ jsx26(Plus5, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx26(Plus5, { "aria-hidden": "true", className: "h-4 w-4" }),
             "Spawn"
           ]
         }
@@ -4101,7 +4177,7 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
 // src/dashboard/network-config.tsx
 import * as React15 from "react";
 import { Network as Network2, Plus as Plus6, Trash2 as Trash24, ShieldAlert } from "lucide-react";
-import { focusField as focusField3 } from "@tangle-network/ui/utils";
+import { focusField as focusField3, focusRing as focusRing7 } from "@tangle-network/ui/utils";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function NetworkConfig({ config, onUpdate, loading = false, className }) {
   const [newCidr, setNewCidr] = React15.useState("");
@@ -4171,8 +4247,9 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
           "button",
           {
             type: "button",
+            "aria-label": `Remove ${cidr} from allowlist`,
             onClick: () => handleRemoveCidr(cidr),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
+            className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing7}`,
             children: /* @__PURE__ */ jsx27(Trash24, { className: "h-3 w-3" })
           }
         )
@@ -4182,6 +4259,7 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
           "input",
           {
             type: "text",
+            "aria-label": "CIDR to allow",
             placeholder: "CIDR (e.g. 10.0.0.0/8)",
             value: newCidr,
             onChange: (e) => setNewCidr(e.target.value),
@@ -4210,7 +4288,7 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
 // src/dashboard/backend-config.tsx
 import * as React16 from "react";
 import { Bot as Bot2, Plus as Plus7, Trash2 as Trash25, Server, Wrench } from "lucide-react";
-import { focusField as focusField4 } from "@tangle-network/ui/utils";
+import { focusField as focusField4, focusRing as focusRing8 } from "@tangle-network/ui/utils";
 import { Fragment as Fragment14, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function BackendConfig({
   status,
@@ -4314,44 +4392,53 @@ function BackendConfig({
             "button",
             {
               type: "button",
+              "aria-label": `Remove ${s.name} MCP server`,
               onClick: () => onRemoveMcp(s.name),
-              className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
+              className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing8}`,
               children: /* @__PURE__ */ jsx28(Trash25, { className: "h-3.5 w-3.5" })
             }
           )
         ] })
       ] }, s.name)) }) : /* @__PURE__ */ jsx28("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: "No MCP servers configured" }) }),
       showAddMcp && /* @__PURE__ */ jsxs25("div", { className: "p-4 border-t border-[var(--md3-outline-variant)] bg-surface-container-high space-y-2", children: [
-        /* @__PURE__ */ jsx28(
-          "input",
-          {
-            type: "text",
-            placeholder: "Server name",
-            value: mcpName,
-            onChange: (e) => setMcpName(e.target.value),
-            className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField4}`
-          }
-        ),
-        /* @__PURE__ */ jsx28(
-          "input",
-          {
-            type: "text",
-            placeholder: "Command (e.g. npx @server/mcp)",
-            value: mcpCommand,
-            onChange: (e) => setMcpCommand(e.target.value),
-            className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
-          }
-        ),
-        /* @__PURE__ */ jsx28(
-          "input",
-          {
-            type: "text",
-            placeholder: "Arguments (space-separated, optional)",
-            value: mcpArgs,
-            onChange: (e) => setMcpArgs(e.target.value),
-            className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
-          }
-        ),
+        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx28("span", { children: "Server name" }),
+          /* @__PURE__ */ jsx28(
+            "input",
+            {
+              type: "text",
+              value: mcpName,
+              onChange: (e) => setMcpName(e.target.value),
+              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground ${focusField4}`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx28("span", { children: "Command" }),
+          /* @__PURE__ */ jsx28(
+            "input",
+            {
+              type: "text",
+              placeholder: "npx @server/mcp",
+              value: mcpCommand,
+              onChange: (e) => setMcpCommand(e.target.value),
+              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx28("span", { children: "Arguments (optional)" }),
+          /* @__PURE__ */ jsx28(
+            "input",
+            {
+              type: "text",
+              placeholder: "Space-separated arguments",
+              value: mcpArgs,
+              onChange: (e) => setMcpArgs(e.target.value),
+              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs25("div", { className: "flex justify-end gap-2 pt-1", children: [
           /* @__PURE__ */ jsx28(
             "button",

package/dist/{chunk-NNARED4T.js → chunk-UCQNOUN3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ULPLRBMF.js";
 import {
   PortsList
-} from "./chunk-SX344CDB.js";
+} from "./chunk-DYXXYGS4.js";
 import {
   TerminalView
 } from "./chunk-IACRDXER.js";

package/dist/dashboard.js

@@ -60,7 +60,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-SX344CDB.js";
+} from "./chunk-DYXXYGS4.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/globals.css

@@ -476,9 +476,27 @@
   .z-\[100\] {
     z-index: 100;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .col-start-2 {
+    grid-column-start: 2;
+  }
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+  .row-start-2 {
+    grid-row-start: 2;
+  }
+  .row-start-3 {
+    grid-row-start: 3;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -961,6 +979,9 @@
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
@@ -1315,12 +1336,6 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
-  .max-w-\[250px\] {
-    max-width: 250px;
-  }
-  .max-w-\[300px\] {
-    max-width: 300px;
-  }
   .max-w-\[320px\] {
     max-width: 320px;
   }
@@ -1426,6 +1441,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-10 {
+    min-width: calc(var(--spacing) * 10);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1465,6 +1483,12 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[1_1_10rem\] {
+    flex: 1 1 10rem;
+  }
+  .flex-\[1_1_12rem\] {
+    flex: 1 1 12rem;
+  }
   .flex-\[2\] {
     flex: 2;
   }
@@ -1629,6 +1653,9 @@
   .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1834,6 +1861,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .justify-self-start {
+    justify-self: flex-start;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -4127,6 +4157,9 @@
     .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\]:hover {
       background-color: var(--bg-hover,hsl(var(--accent)));
     }
+    .hover\:bg-\[var\(--btn-primary-bg\)\]:hover {
+      background-color: var(--btn-primary-bg);
+    }
     .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
       background-color: var(--btn-primary-hover);
     }
@@ -4345,6 +4378,9 @@
     .hover\:text-\[var\(--accent-text\)\]:hover {
       color: var(--accent-text);
     }
+    .hover\:text-\[var\(--btn-primary-text\)\]:hover {
+      color: var(--btn-primary-text);
+    }
     .hover\:text-\[var\(--status-error\,\#ff4d6d\)\]:hover {
       color: var(--status-error,#ff4d6d);
     }
@@ -4568,18 +4604,6 @@
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
-  .disabled\:bg-primary\/55:disabled {
-    background-color: color-mix(in srgb, hsl(var(--primary)) 55%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-primary) 55%, transparent);
-    }
-  }
-  .disabled\:text-primary-foreground\/90:disabled {
-    color: color-mix(in srgb, hsl(var(--primary-foreground)) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-primary-foreground) 90%, transparent);
-    }
-  }
   .disabled\:opacity-30:disabled {
     opacity: 30%;
   }
@@ -4589,6 +4613,9 @@
   .disabled\:opacity-50:disabled {
     opacity: 50%;
   }
+  .disabled\:opacity-55:disabled {
+    opacity: 55%;
+  }
   .disabled\:opacity-60:disabled {
     opacity: 60%;
   }
@@ -4735,6 +4762,24 @@
     }
   }
   @media (width >= 40rem) {
+    .sm\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+    .sm\:col-start-2 {
+      grid-column-start: 2;
+    }
+    .sm\:col-start-3 {
+      grid-column-start: 3;
+    }
+    .sm\:col-start-4 {
+      grid-column-start: 4;
+    }
+    .sm\:row-start-1 {
+      grid-row-start: 1;
+    }
+    .sm\:grid {
+      display: grid;
+    }
     .sm\:hidden {
       display: none;
     }
@@ -4756,6 +4801,9 @@
     .sm\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+    .sm\:grid-cols-\[4rem_minmax\(0\,1fr\)_5\.5rem_3rem\] {
+      grid-template-columns: 4rem minmax(0,1fr) 5.5rem 3rem;
+    }
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -4774,11 +4822,19 @@
     .sm\:gap-2 {
       gap: calc(var(--spacing) * 2);
     }
+    .sm\:gap-x-2 {
+      column-gap: calc(var(--spacing) * 2);
+    }
     :where(.sm\:space-x-2 > :not(:last-child)) {
       --tw-space-x-reverse: 0;
       margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
+    .sm\:truncate {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
     .sm\:p-5 {
       padding: calc(var(--spacing) * 5);
     }
@@ -4791,6 +4847,9 @@
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
+    .sm\:py-1 {
+      padding-block: var(--spacing);
+    }
     .sm\:py-4 {
       padding-block: calc(var(--spacing) * 4);
     }

package/dist/index.js

@@ -155,7 +155,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-NNARED4T.js";
+} from "./chunk-UCQNOUN3.js";
 import {
   CSV_PREVIEW_ROW_LIMIT,
   FileArtifactPane,
@@ -234,7 +234,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-SX344CDB.js";
+} from "./chunk-DYXXYGS4.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/integrations.d.ts

@@ -27,6 +27,8 @@ interface IntegrationConnector {
 interface IntegrationProvider {
     providerId: string;
     displayName?: string;
+    /** The hub catalog's name for the provider ("GitHub", "Google Sheets"). */
+    title?: string;
     description?: string;
     iconUrl?: string;
     connectors?: IntegrationConnector[];

package/dist/integrations.js

@@ -147,10 +147,10 @@ function rankOf(provider, rank) {
   return norm ?? Number.MAX_SAFE_INTEGER;
 }
 function displayNameOf(provider) {
-  return provider.displayName ?? provider.providerId.replace(/[-_]/g, " ");
+  return provider.displayName ?? provider.title ?? provider.providerId.replace(/[-_]/g, " ");
 }
 function matchesQuery(provider, q) {
-  const hay = `${provider.displayName ?? ""} ${provider.providerId} ${provider.description ?? ""}`.toLowerCase();
+  const hay = `${displayNameOf(provider)} ${provider.providerId} ${provider.description ?? ""}`.toLowerCase();
   return hay.includes(q);
 }
 function IntegrationsPanel({
@@ -372,7 +372,7 @@ function IntegrationsPanel({
                   {
                     id: provider.providerId,
                     iconUrl: provider.iconUrl,
-                    displayName: provider.displayName,
+                    displayName: displayNameOf(provider),
                     size: LOGO_SIZE,
                     className: "rounded-2xl"
                   }
@@ -497,7 +497,7 @@ function IntegrationsPanel({
               {
                 id: provider.providerId,
                 iconUrl: provider.iconUrl,
-                displayName: provider.displayName,
+                displayName: displayNameOf(provider),
                 size: LOGO_SIZE,
                 className: "rounded-2xl"
               }

package/dist/styles.css

@@ -476,9 +476,27 @@
   .z-\[100\] {
     z-index: 100;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .col-start-2 {
+    grid-column-start: 2;
+  }
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+  .row-start-2 {
+    grid-row-start: 2;
+  }
+  .row-start-3 {
+    grid-row-start: 3;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -961,6 +979,9 @@
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
@@ -1315,12 +1336,6 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
-  .max-w-\[250px\] {
-    max-width: 250px;
-  }
-  .max-w-\[300px\] {
-    max-width: 300px;
-  }
   .max-w-\[320px\] {
     max-width: 320px;
   }
@@ -1426,6 +1441,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-10 {
+    min-width: calc(var(--spacing) * 10);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1465,6 +1483,12 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[1_1_10rem\] {
+    flex: 1 1 10rem;
+  }
+  .flex-\[1_1_12rem\] {
+    flex: 1 1 12rem;
+  }
   .flex-\[2\] {
     flex: 2;
   }
@@ -1629,6 +1653,9 @@
   .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1834,6 +1861,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .justify-self-start {
+    justify-self: flex-start;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -4127,6 +4157,9 @@
     .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\]:hover {
       background-color: var(--bg-hover,hsl(var(--accent)));
     }
+    .hover\:bg-\[var\(--btn-primary-bg\)\]:hover {
+      background-color: var(--btn-primary-bg);
+    }
     .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
       background-color: var(--btn-primary-hover);
     }
@@ -4345,6 +4378,9 @@
     .hover\:text-\[var\(--accent-text\)\]:hover {
       color: var(--accent-text);
     }
+    .hover\:text-\[var\(--btn-primary-text\)\]:hover {
+      color: var(--btn-primary-text);
+    }
     .hover\:text-\[var\(--status-error\,\#ff4d6d\)\]:hover {
       color: var(--status-error,#ff4d6d);
     }
@@ -4568,18 +4604,6 @@
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
-  .disabled\:bg-primary\/55:disabled {
-    background-color: color-mix(in srgb, hsl(var(--primary)) 55%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-primary) 55%, transparent);
-    }
-  }
-  .disabled\:text-primary-foreground\/90:disabled {
-    color: color-mix(in srgb, hsl(var(--primary-foreground)) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-primary-foreground) 90%, transparent);
-    }
-  }
   .disabled\:opacity-30:disabled {
     opacity: 30%;
   }
@@ -4589,6 +4613,9 @@
   .disabled\:opacity-50:disabled {
     opacity: 50%;
   }
+  .disabled\:opacity-55:disabled {
+    opacity: 55%;
+  }
   .disabled\:opacity-60:disabled {
     opacity: 60%;
   }
@@ -4735,6 +4762,24 @@
     }
   }
   @media (width >= 40rem) {
+    .sm\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+    .sm\:col-start-2 {
+      grid-column-start: 2;
+    }
+    .sm\:col-start-3 {
+      grid-column-start: 3;
+    }
+    .sm\:col-start-4 {
+      grid-column-start: 4;
+    }
+    .sm\:row-start-1 {
+      grid-row-start: 1;
+    }
+    .sm\:grid {
+      display: grid;
+    }
     .sm\:hidden {
       display: none;
     }
@@ -4756,6 +4801,9 @@
     .sm\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+    .sm\:grid-cols-\[4rem_minmax\(0\,1fr\)_5\.5rem_3rem\] {
+      grid-template-columns: 4rem minmax(0,1fr) 5.5rem 3rem;
+    }
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -4774,11 +4822,19 @@
     .sm\:gap-2 {
       gap: calc(var(--spacing) * 2);
     }
+    .sm\:gap-x-2 {
+      column-gap: calc(var(--spacing) * 2);
+    }
     :where(.sm\:space-x-2 > :not(:last-child)) {
       --tw-space-x-reverse: 0;
       margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
+    .sm\:truncate {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
     .sm\:p-5 {
       padding: calc(var(--spacing) * 5);
     }
@@ -4791,6 +4847,9 @@
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
+    .sm\:py-1 {
+      padding-block: var(--spacing);
+    }
     .sm\:py-4 {
       padding-block: calc(var(--spacing) * 4);
     }

package/dist/workbench.js

@@ -14,9 +14,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-NNARED4T.js";
+} from "./chunk-UCQNOUN3.js";
 import "./chunk-ULPLRBMF.js";
-import "./chunk-SX344CDB.js";
+import "./chunk-DYXXYGS4.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-IACRDXER.js";
 import "./chunk-MYZAW4RX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.113.5",
+  "version": "0.113.7",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",