@xenosystem/blocks 0.13.0 → 0.13.2

package/dist/ops/index.js

@@ -6,6 +6,12 @@ import {
   statusLabel,
   terminalThemeVar
 } from "../chunk-WE6A2DTY.js";
+import {
+  CancelGlyph,
+  ClearGlyph,
+  CopyGlyph,
+  RetryGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts
@@ -616,41 +622,7 @@ import {
   ToolbarGroup
 } from "@xenosystem/components/chrome";
 import { computeWindow } from "@xenosystem/tree-core";
-
-// src/ops/console/react/icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Svg({ children }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: 11,
-      height: 11,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function CopyGlyph() {
-  return /* @__PURE__ */ jsxs(Svg, { children: [
-    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "12", height: "12", rx: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-  ] });
-}
-function ClearGlyph() {
-  return /* @__PURE__ */ jsxs(Svg, { children: [
-    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
-    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-  ] });
-}
-
-// src/ops/console/react/ConsolePanelView.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var TONE = {
   trace: "neutral",
   debug: "neutral",
@@ -698,12 +670,12 @@ function ConsolePanelView({
     rowCount: state.rows.length
   });
   const slice = state.rows.slice(window.startIndex, window.endIndex);
-  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx(
       Toolbar,
       {
-        left: /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx2(
+        left: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
             SearchField,
             {
               value: state.filter.search ?? "",
@@ -711,7 +683,7 @@ function ConsolePanelView({
               placeholder: "Filter\u2026"
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx(
             SegmentedControl,
             {
               size: "sm",
@@ -722,39 +694,39 @@ function ConsolePanelView({
             }
           )
         ] }),
-        right: /* @__PURE__ */ jsxs2(ToolbarGroup, { end: true, children: [
-          state.counts.error > 0 ? /* @__PURE__ */ jsx2(Badge, { tone: "error", children: String(state.counts.error) }) : null,
-          state.counts.warn > 0 ? /* @__PURE__ */ jsx2(Badge, { tone: "warning", children: String(state.counts.warn) }) : null,
-          /* @__PURE__ */ jsx2(
+        right: /* @__PURE__ */ jsxs(ToolbarGroup, { end: true, children: [
+          state.counts.error > 0 ? /* @__PURE__ */ jsx(Badge, { tone: "error", children: String(state.counts.error) }) : null,
+          state.counts.warn > 0 ? /* @__PURE__ */ jsx(Badge, { tone: "warning", children: String(state.counts.warn) }) : null,
+          /* @__PURE__ */ jsx(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx2(CopyGlyph, {}),
+              icon: /* @__PURE__ */ jsx(CopyGlyph, {}),
               label: "Copy visible",
               onClick: () => {
                 void navigator?.clipboard?.writeText(controller.copyVisible());
               }
             }
           ),
-          /* @__PURE__ */ jsx2(IconButton, { icon: /* @__PURE__ */ jsx2(ClearGlyph, {}), label: "Clear", onClick: () => controller.clear() })
+          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(ClearGlyph, {}), label: "Clear", onClick: () => controller.clear() })
         ] })
       }
     ),
-    state.sources.length > 1 ? /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: 4, padding: "2px 6px", flexWrap: "wrap" }, children: state.sources.map((source) => /* @__PURE__ */ jsx2(
+    state.sources.length > 1 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4, padding: "2px 6px", flexWrap: "wrap" }, children: state.sources.map((source) => /* @__PURE__ */ jsx(
       "span",
       {
         onClick: () => controller.toggleSource(source.id),
         style: { cursor: "pointer", opacity: source.enabled ? 1 : 0.4 },
-        children: /* @__PURE__ */ jsx2(Badge, { title: `${source.count} records`, children: source.label ?? source.id })
+        children: /* @__PURE__ */ jsx(Badge, { title: `${source.count} records`, children: source.label ?? source.id })
       },
       source.id
     )) }) : null,
-    state.rows.length === 0 ? /* @__PURE__ */ jsx2(
+    state.rows.length === 0 ? /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: state.total > 0 ? "No matches" : "No output",
         hint: state.total > 0 ? "Nothing matches the current filter." : emptyHint ?? "Run something to see its output here."
       }
-    ) : /* @__PURE__ */ jsx2(ScrollArea, { children: /* @__PURE__ */ jsx2("div", { ref: scrollRef, onScroll, style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsx2("div", { style: { height: window.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx2("div", { style: { transform: `translateY(${window.offsetTop}px)` }, children: /* @__PURE__ */ jsx2(RowList, { role: "log", children: slice.map((record) => /* @__PURE__ */ jsx2(
+    ) : /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx("div", { ref: scrollRef, onScroll, style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsx("div", { style: { height: window.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx("div", { style: { transform: `translateY(${window.offsetTop}px)` }, children: /* @__PURE__ */ jsx(RowList, { role: "log", children: slice.map((record) => /* @__PURE__ */ jsx(
       LogRow,
       {
         record,
@@ -766,7 +738,7 @@ function ConsolePanelView({
       },
       record.id
     )) }) }) }) }) }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       StatusBar,
       {
         left: `${state.rows.length} of ${state.total}` + (state.dropped > 0 ? ` \xB7 ${state.dropped} dropped` : "") + // A patch that addressed nothing is the one streaming failure with no visible symptom:
@@ -785,8 +757,8 @@ function LogRow({
   expanded,
   onToggle
 }) {
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       Row,
       {
         style: { height: rowHeight, alignItems: "flex-start" },
@@ -799,11 +771,11 @@ function LogRow({
           e.preventDefault();
           controller.requestContextMenu(record.id, e.clientX, e.clientY);
         },
-        label: /* @__PURE__ */ jsxs2("span", { style: { display: "flex", gap: 6, alignItems: "center", minWidth: 0 }, children: [
-          showTimestamps ? /* @__PURE__ */ jsx2("span", { style: { opacity: 0.45, fontVariantNumeric: "tabular-nums", flex: "0 0 auto" }, children: new Date(record.ts).toISOString().slice(11, 23) }) : null,
-          /* @__PURE__ */ jsx2(Badge, { tone: TONE[record.level], children: record.level }),
-          record.source ? /* @__PURE__ */ jsx2("span", { style: { opacity: 0.55 }, children: record.source }) : null,
-          /* @__PURE__ */ jsx2(
+        label: /* @__PURE__ */ jsxs("span", { style: { display: "flex", gap: 6, alignItems: "center", minWidth: 0 }, children: [
+          showTimestamps ? /* @__PURE__ */ jsx("span", { style: { opacity: 0.45, fontVariantNumeric: "tabular-nums", flex: "0 0 auto" }, children: new Date(record.ts).toISOString().slice(11, 23) }) : null,
+          /* @__PURE__ */ jsx(Badge, { tone: TONE[record.level], children: record.level }),
+          record.source ? /* @__PURE__ */ jsx("span", { style: { opacity: 0.55 }, children: record.source }) : null,
+          /* @__PURE__ */ jsx(
             "span",
             {
               style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0 },
@@ -813,11 +785,11 @@ function LogRow({
         ] }),
         trailing: (record.count ?? 1) > 1 ? (
           // The best feature in any incumbent: a run of identical lines is one row with a count.
-          /* @__PURE__ */ jsx2(Badge, { title: "Repeated consecutively", children: `x${record.count}` })
+          /* @__PURE__ */ jsx(Badge, { title: "Repeated consecutively", children: `x${record.count}` })
         ) : null
       }
     ),
-    expanded && record.data !== void 0 ? /* @__PURE__ */ jsx2(
+    expanded && record.data !== void 0 ? /* @__PURE__ */ jsx(
       "pre",
       {
         style: {
@@ -1748,38 +1720,7 @@ import {
   Toolbar as Toolbar2,
   ToolbarGroup as ToolbarGroup2
 } from "@xenosystem/components/chrome";
-
-// src/ops/runs/react/icons.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Svg2({ children }) {
-  return /* @__PURE__ */ jsx3(
-    "svg",
-    {
-      width: 11,
-      height: 11,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function CancelGlyph() {
-  return /* @__PURE__ */ jsx3(Svg2, { children: /* @__PURE__ */ jsx3("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
-}
-function RetryGlyph() {
-  return /* @__PURE__ */ jsxs3(Svg2, { children: [
-    /* @__PURE__ */ jsx3("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 3v6h-6" })
-  ] });
-}
-
-// src/ops/runs/react/RunsPanelView.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var TONE2 = {
   requested: "neutral",
   queued: "neutral",
@@ -1804,11 +1745,11 @@ function RunsPanelView({
 }) {
   const state = useSyncExternalStore2(controller.subscribe, controller.getState, controller.getState);
   const active = new Set(state.filter.statuses ?? []);
-  return /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx2(
       Toolbar2,
       {
-        left: /* @__PURE__ */ jsx4(
+        left: /* @__PURE__ */ jsx2(
           SearchField2,
           {
             value: state.filter.search ?? "",
@@ -1816,41 +1757,41 @@ function RunsPanelView({
             placeholder: "Filter runs\u2026"
           }
         ),
-        right: /* @__PURE__ */ jsx4(ToolbarGroup2, { end: true, children: /* @__PURE__ */ jsx4(TextButton, { onClick: () => controller.clearTerminal(), children: "Clear finished" }) })
+        right: /* @__PURE__ */ jsx2(ToolbarGroup2, { end: true, children: /* @__PURE__ */ jsx2(TextButton, { onClick: () => controller.clearTerminal(), children: "Clear finished" }) })
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 4, padding: "2px 6px", flexWrap: "wrap" }, children: [
-      ALL_STATUSES.filter((s) => state.counts[s] > 0).map((status) => /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 4, padding: "2px 6px", flexWrap: "wrap" }, children: [
+      ALL_STATUSES.filter((s) => state.counts[s] > 0).map((status) => /* @__PURE__ */ jsx2(
         "span",
         {
           onClick: () => controller.setStatuses(
             active.has(status) ? [...active].filter((s) => s !== status) : [...active, status]
           ),
           style: { cursor: "pointer", opacity: active.size === 0 || active.has(status) ? 1 : 0.4 },
-          children: /* @__PURE__ */ jsx4(Badge2, { tone: TONE2[status], children: `${status} ${state.counts[status]}` })
+          children: /* @__PURE__ */ jsx2(Badge2, { tone: TONE2[status], children: `${status} ${state.counts[status]}` })
         },
         status
       )),
-      state.sources.length > 1 ? state.sources.map((source) => /* @__PURE__ */ jsx4(
+      state.sources.length > 1 ? state.sources.map((source) => /* @__PURE__ */ jsx2(
         "span",
         {
           onClick: () => controller.toggleSource(source.id),
           style: { cursor: "pointer", opacity: source.enabled ? 1 : 0.4 },
-          children: /* @__PURE__ */ jsx4(Badge2, { title: `${source.count} runs`, children: source.label })
+          children: /* @__PURE__ */ jsx2(Badge2, { title: `${source.count} runs`, children: source.label })
         },
         source.id
       )) : null
     ] }),
-    state.rows.length === 0 ? /* @__PURE__ */ jsx4(
+    state.rows.length === 0 ? /* @__PURE__ */ jsx2(
       EmptyState2,
       {
         title: state.total > 0 ? "No matching runs" : "No runs yet",
         hint: state.total > 0 ? "Nothing matches the current filter." : emptyHint ?? "Run something to see it here."
       }
-    ) : /* @__PURE__ */ jsx4(ScrollArea2, { children: /* @__PURE__ */ jsx4(RowList2, { role: "list", children: state.rows.map(
-      (row) => row.kind === "run" ? /* @__PURE__ */ jsx4(RunRow, { row, controller, showProgress, now }, row.key) : /* @__PURE__ */ jsx4(StepRow, { row, controller, showProgress }, row.key)
+    ) : /* @__PURE__ */ jsx2(ScrollArea2, { children: /* @__PURE__ */ jsx2(RowList2, { role: "list", children: state.rows.map(
+      (row) => row.kind === "run" ? /* @__PURE__ */ jsx2(RunRow, { row, controller, showProgress, now }, row.key) : /* @__PURE__ */ jsx2(StepRow, { row, controller, showProgress }, row.key)
     ) }) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx2(
       StatusBar2,
       {
         left: `${state.runs.length} of ${state.total}${state.dropped > 0 ? ` \xB7 ${state.dropped} dropped` : ""}`,
@@ -1863,7 +1804,7 @@ function RunsPanelView({
   ] });
 }
 function TruncationBadge({ reason }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     Badge2,
     {
       tone: "warning",
@@ -1877,9 +1818,9 @@ function RowLabel({
   text,
   trailing
 }) {
-  return /* @__PURE__ */ jsxs4("span", { style: { display: "flex", gap: 6, alignItems: "center", minWidth: 0 }, children: [
-    /* @__PURE__ */ jsx4(Badge2, { tone: toneOf(status), children: status }),
-    /* @__PURE__ */ jsx4("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: text }),
+  return /* @__PURE__ */ jsxs2("span", { style: { display: "flex", gap: 6, alignItems: "center", minWidth: 0 }, children: [
+    /* @__PURE__ */ jsx2(Badge2, { tone: toneOf(status), children: status }),
+    /* @__PURE__ */ jsx2("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: text }),
     trailing
   ] });
 }
@@ -1891,8 +1832,8 @@ function RunRow({
 }) {
   const run = row.run;
   const duration = durationOf(run, now());
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
       Row2,
       {
         noIcon: true,
@@ -1904,19 +1845,19 @@ function RunRow({
           e.preventDefault();
           controller.requestContextMenu(run.id, e.clientX, e.clientY);
         },
-        label: /* @__PURE__ */ jsx4(
+        label: /* @__PURE__ */ jsx2(
           RowLabel,
           {
             status: run.status,
             text: run.label,
-            trailing: /* @__PURE__ */ jsxs4(Fragment2, { children: [
-              run.trigger ? /* @__PURE__ */ jsx4("span", { style: { opacity: 0.5, fontSize: 9 }, children: run.trigger }) : null,
-              (run.retryCount ?? 0) > 0 ? /* @__PURE__ */ jsx4(Badge2, { title: "Retries so far", children: `retry x${run.retryCount}` }) : null,
-              row.truncated ? /* @__PURE__ */ jsx4(TruncationBadge, { reason: row.truncated }) : null
+            trailing: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              run.trigger ? /* @__PURE__ */ jsx2("span", { style: { opacity: 0.5, fontSize: 9 }, children: run.trigger }) : null,
+              (run.retryCount ?? 0) > 0 ? /* @__PURE__ */ jsx2(Badge2, { title: "Retries so far", children: `retry x${run.retryCount}` }) : null,
+              row.truncated ? /* @__PURE__ */ jsx2(TruncationBadge, { reason: row.truncated }) : null
             ] })
           }
         ),
-        meta: showProgress && run.progress !== void 0 ? /* @__PURE__ */ jsx4("span", { style: { width: 48, display: "inline-flex" }, children: /* @__PURE__ */ jsx4(
+        meta: showProgress && run.progress !== void 0 ? /* @__PURE__ */ jsx2("span", { style: { width: 48, display: "inline-flex" }, children: /* @__PURE__ */ jsx2(
           ProportionBar,
           {
             label: `${Math.round(run.progress * 100)}%`,
@@ -1925,22 +1866,22 @@ function RunRow({
               { value: Math.max(0, 1 - run.progress), opacity: 0.06 }
             ]
           }
-        ) }) : duration !== null ? /* @__PURE__ */ jsx4("span", { style: { fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: formatDuration(duration) }) : null,
-        trailing: /* @__PURE__ */ jsxs4(Fragment2, { children: [
-          canCancel(run) ? /* @__PURE__ */ jsx4(
+        ) }) : duration !== null ? /* @__PURE__ */ jsx2("span", { style: { fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: formatDuration(duration) }) : null,
+        trailing: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          canCancel(run) ? /* @__PURE__ */ jsx2(
             IconButton2,
             {
               size: "sm",
-              icon: /* @__PURE__ */ jsx4(CancelGlyph, {}),
+              icon: /* @__PURE__ */ jsx2(CancelGlyph, {}),
               label: `Cancel ${run.label}`,
               onClick: () => controller.cancel(run.id)
             }
           ) : null,
-          canRetry(run) ? /* @__PURE__ */ jsx4(
+          canRetry(run) ? /* @__PURE__ */ jsx2(
             IconButton2,
             {
               size: "sm",
-              icon: /* @__PURE__ */ jsx4(RetryGlyph, {}),
+              icon: /* @__PURE__ */ jsx2(RetryGlyph, {}),
               label: `Retry ${run.label}`,
               onClick: () => controller.retry(run.id)
             }
@@ -1948,8 +1889,8 @@ function RunRow({
         ] })
       }
     ),
-    run.error ? /* @__PURE__ */ jsxs4("div", { style: { padding: "0 10px 3px 24px", fontSize: 10, opacity: 0.75 }, children: [
-      /* @__PURE__ */ jsx4(Badge2, { tone: "error", children: run.error.code }),
+    run.error ? /* @__PURE__ */ jsxs2("div", { style: { padding: "0 10px 3px 24px", fontSize: 10, opacity: 0.75 }, children: [
+      /* @__PURE__ */ jsx2(Badge2, { tone: "error", children: run.error.code }),
       " ",
       run.error.message
     ] }) : null
@@ -1962,7 +1903,7 @@ function StepRow({
 }) {
   const step = row.step;
   const elapsed = step.startedAt !== void 0 && step.endedAt !== void 0 ? step.endedAt - step.startedAt : null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     Row2,
     {
       noIcon: true,
@@ -1971,15 +1912,15 @@ function StepRow({
         if (row.hasChildren) controller.toggleExpanded(row.runId, row.stepPath);
         controller.activate(row.runId, row.stepPath);
       },
-      label: /* @__PURE__ */ jsx4(
+      label: /* @__PURE__ */ jsx2(
         RowLabel,
         {
           status: step.status,
           text: step.label,
-          trailing: row.truncated ? /* @__PURE__ */ jsx4(TruncationBadge, { reason: row.truncated }) : null
+          trailing: row.truncated ? /* @__PURE__ */ jsx2(TruncationBadge, { reason: row.truncated }) : null
         }
       ),
-      meta: showProgress && step.progress !== void 0 ? /* @__PURE__ */ jsx4("span", { style: { width: 48, display: "inline-flex" }, children: /* @__PURE__ */ jsx4(
+      meta: showProgress && step.progress !== void 0 ? /* @__PURE__ */ jsx2("span", { style: { width: 48, display: "inline-flex" }, children: /* @__PURE__ */ jsx2(
         ProportionBar,
         {
           label: `${Math.round(step.progress * 100)}%`,
@@ -1988,7 +1929,7 @@ function StepRow({
             { value: Math.max(0, 1 - step.progress), opacity: 0.06 }
           ]
         }
-      ) }) : elapsed !== null ? /* @__PURE__ */ jsx4("span", { style: { fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: formatDuration(elapsed) }) : null
+      ) }) : elapsed !== null ? /* @__PURE__ */ jsx2("span", { style: { fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: formatDuration(elapsed) }) : null
     }
   );
 }
@@ -2547,12 +2488,12 @@ import {
   Toolbar as Toolbar3,
   ToolbarGroup as ToolbarGroup3
 } from "@xenosystem/components/chrome";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function CloseIcon() {
-  return /* @__PURE__ */ jsx5("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx5("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ jsx3("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx3("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function PlusIcon() {
-  return /* @__PURE__ */ jsx5("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx5("path", { d: "M12 5v14M5 12h14" }) });
+  return /* @__PURE__ */ jsx3("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx3("path", { d: "M12 5v14M5 12h14" }) });
 }
 function TerminalSurface({
   id,
@@ -2584,7 +2525,7 @@ function TerminalSurface({
   useEffect2(() => {
     if (visible2) controller.fit(id);
   }, [visible2, id, controller]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       ref,
@@ -2607,7 +2548,7 @@ function TerminalPanelView({
   const state = useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
   const active = state.instances.find((i) => i.active);
   if (!createEmulator) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx3(
       EmptyState3,
       {
         title: "No emulator configured",
@@ -2615,18 +2556,18 @@ function TerminalPanelView({
       }
     );
   }
-  return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    multiInstance ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    multiInstance ? /* @__PURE__ */ jsx3(
       Toolbar3,
       {
-        left: /* @__PURE__ */ jsx5("div", { style: { display: "flex", gap: 2, alignItems: "center", overflowX: "auto" }, children: state.instances.map((instance) => {
+        left: /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: 2, alignItems: "center", overflowX: "auto" }, children: state.instances.map((instance) => {
           const label = statusLabel(instance.session);
-          return /* @__PURE__ */ jsxs5(
+          return /* @__PURE__ */ jsxs3(
             "div",
             {
               style: { display: "flex", alignItems: "center", gap: 2 },
               children: [
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx3(
                   TextButton2,
                   {
                     strong: instance.active,
@@ -2634,13 +2575,13 @@ function TerminalPanelView({
                     children: instance.session.title ?? instance.session.id.slice(0, 8)
                   }
                 ),
-                label ? /* @__PURE__ */ jsx5(Badge3, { tone: instance.session.status === "failed" ? "error" : "neutral", children: label }) : null,
-                /* @__PURE__ */ jsx5(
+                label ? /* @__PURE__ */ jsx3(Badge3, { tone: instance.session.status === "failed" ? "error" : "neutral", children: label }) : null,
+                /* @__PURE__ */ jsx3(
                   IconButton3,
                   {
                     label: "Close terminal",
                     size: "sm",
-                    icon: /* @__PURE__ */ jsx5(CloseIcon, {}),
+                    icon: /* @__PURE__ */ jsx3(CloseIcon, {}),
                     onClick: () => controller.close(instance.session.id)
                   }
                 )
@@ -2649,16 +2590,16 @@ function TerminalPanelView({
             instance.session.id
           );
         }) }),
-        right: /* @__PURE__ */ jsxs5(ToolbarGroup3, { end: true, children: [
-          /* @__PURE__ */ jsx5(IconButton3, { label: "New terminal", icon: /* @__PURE__ */ jsx5(PlusIcon, {}), onClick: () => controller.open() }),
-          /* @__PURE__ */ jsx5(TextButton2, { onClick: () => controller.setSearch(state.search === null ? "" : null), children: "Find" })
+        right: /* @__PURE__ */ jsxs3(ToolbarGroup3, { end: true, children: [
+          /* @__PURE__ */ jsx3(IconButton3, { label: "New terminal", icon: /* @__PURE__ */ jsx3(PlusIcon, {}), onClick: () => controller.open() }),
+          /* @__PURE__ */ jsx3(TextButton2, { onClick: () => controller.setSearch(state.search === null ? "" : null), children: "Find" })
         ] })
       }
     ) : null,
-    state.search !== null ? /* @__PURE__ */ jsx5(
+    state.search !== null ? /* @__PURE__ */ jsx3(
       Toolbar3,
       {
-        left: /* @__PURE__ */ jsx5(
+        left: /* @__PURE__ */ jsx3(
           SearchField3,
           {
             value: state.search,
@@ -2667,13 +2608,13 @@ function TerminalPanelView({
             autoFocus: true
           }
         ),
-        right: /* @__PURE__ */ jsxs5(ToolbarGroup3, { end: true, children: [
-          /* @__PURE__ */ jsx5(TextButton2, { onClick: () => controller.find("previous"), children: "Previous" }),
-          /* @__PURE__ */ jsx5(TextButton2, { onClick: () => controller.find("next"), children: "Next" })
+        right: /* @__PURE__ */ jsxs3(ToolbarGroup3, { end: true, children: [
+          /* @__PURE__ */ jsx3(TextButton2, { onClick: () => controller.find("previous"), children: "Previous" }),
+          /* @__PURE__ */ jsx3(TextButton2, { onClick: () => controller.find("next"), children: "Next" })
         ] })
       }
     ) : null,
-    /* @__PURE__ */ jsx5("div", { style: { position: "relative", flex: 1, minHeight: 0 }, children: state.instances.length === 0 ? /* @__PURE__ */ jsx5(EmptyState3, { title: "No terminal", hint: "Open one to get a shell." }) : state.instances.map((instance) => /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx3("div", { style: { position: "relative", flex: 1, minHeight: 0 }, children: state.instances.length === 0 ? /* @__PURE__ */ jsx3(EmptyState3, { title: "No terminal", hint: "Open one to get a shell." }) : state.instances.map((instance) => /* @__PURE__ */ jsx3(
       TerminalSurface,
       {
         id: instance.session.id,
@@ -2683,7 +2624,7 @@ function TerminalPanelView({
       },
       instance.session.id
     )) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx3(
       StatusBar3,
       {
         left: active?.session.cwd,
@@ -3297,7 +3238,7 @@ import {
   Toolbar as Toolbar4,
   ToolbarGroup as ToolbarGroup4
 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var MARK = {
   added: { background: "var(--xeno-hover)" },
   removed: { background: "var(--xeno-border-subtle)" },
@@ -3314,7 +3255,7 @@ function LineText({
   showWhitespace
 }) {
   if (line.segments?.length) {
-    return /* @__PURE__ */ jsx6(Fragment3, { children: line.segments.map((segment, i) => /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx4(Fragment3, { children: line.segments.map((segment, i) => /* @__PURE__ */ jsx4(
       "span",
       {
         style: segment.kind === "equal" ? void 0 : {
@@ -3329,9 +3270,9 @@ function LineText({
   }
   const tokens = highlighter?.highlight(line.text, language) ?? null;
   if (tokens) {
-    return /* @__PURE__ */ jsx6(Fragment3, { children: tokens.map((token, i) => /* @__PURE__ */ jsx6("span", { className: token.token ? `xeno-tok-${token.token}` : void 0, children: visible(token.text, showWhitespace) }, i)) });
+    return /* @__PURE__ */ jsx4(Fragment3, { children: tokens.map((token, i) => /* @__PURE__ */ jsx4("span", { className: token.token ? `xeno-tok-${token.token}` : void 0, children: visible(token.text, showWhitespace) }, i)) });
   }
-  return /* @__PURE__ */ jsx6(Fragment3, { children: visible(line.text, showWhitespace) });
+  return /* @__PURE__ */ jsx4(Fragment3, { children: visible(line.text, showWhitespace) });
 }
 var GUTTER = {
   display: "inline-block",
@@ -3344,28 +3285,28 @@ var GUTTER = {
 };
 function DecisionChip({ decision }) {
   if (!decision) return null;
-  if (decision.state === "pending") return /* @__PURE__ */ jsx6(Badge4, { children: "deciding\u2026" });
+  if (decision.state === "pending") return /* @__PURE__ */ jsx4(Badge4, { children: "deciding\u2026" });
   if (decision.state === "conflict") {
-    return /* @__PURE__ */ jsx6(Badge4, { tone: "error", title: decision.message ?? "The file changed since this was reviewed.", children: "conflict \u2014 re-review" });
+    return /* @__PURE__ */ jsx4(Badge4, { tone: "error", title: decision.message ?? "The file changed since this was reviewed.", children: "conflict \u2014 re-review" });
   }
   if (decision.state === "failed") {
-    return /* @__PURE__ */ jsx6(Badge4, { tone: "error", title: decision.message ?? void 0, children: "failed" });
+    return /* @__PURE__ */ jsx4(Badge4, { tone: "error", title: decision.message ?? void 0, children: "failed" });
   }
   if (isSettled(decision.state)) {
-    return /* @__PURE__ */ jsx6(Badge4, { tone: "success", children: decision.action === "accept" ? "accepted" : "rejected" });
+    return /* @__PURE__ */ jsx4(Badge4, { tone: "success", children: decision.action === "accept" ? "accepted" : "rejected" });
   }
   return null;
 }
 function DiffPanelView({ controller, highlighter, review = false }) {
   const state = useSyncExternalStore4(controller.subscribe, controller.getState, controller.getState);
   if (state.status === "idle") {
-    return /* @__PURE__ */ jsx6(EmptyState4, { title: "Diff", hint: "Nothing to compare yet." });
+    return /* @__PURE__ */ jsx4(EmptyState4, { title: "Diff", hint: "Nothing to compare yet." });
   }
   if (state.status === "computing") {
-    return /* @__PURE__ */ jsx6(EmptyState4, { title: "Comparing\u2026", hint: "The host is computing the differences." });
+    return /* @__PURE__ */ jsx4(EmptyState4, { title: "Comparing\u2026", hint: "The host is computing the differences." });
   }
   if (state.status === "failed") {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx4(
       EmptyState4,
       {
         title: "Comparison failed",
@@ -3374,10 +3315,10 @@ function DiffPanelView({ controller, highlighter, review = false }) {
     );
   }
   if (state.identical) {
-    return /* @__PURE__ */ jsx6(EmptyState4, { title: "No changes", hint: "The two sides are identical." });
+    return /* @__PURE__ */ jsx4(EmptyState4, { title: "No changes", hint: "The two sides are identical." });
   }
   const mono = "var(--xeno-font-mono)";
-  const renderLine = (line, file, key) => /* @__PURE__ */ jsxs6(
+  const renderLine = (line, file, key) => /* @__PURE__ */ jsxs4(
     "div",
     {
       style: {
@@ -3388,13 +3329,13 @@ function DiffPanelView({ controller, highlighter, review = false }) {
         lineHeight: "16px"
       },
       children: [
-        /* @__PURE__ */ jsx6("span", { style: GUTTER, children: line.oldLineNumber ?? "" }),
-        /* @__PURE__ */ jsx6("span", { style: GUTTER, children: line.newLineNumber ?? "" }),
-        /* @__PURE__ */ jsxs6("span", { style: { opacity: 0.45, userSelect: "none" }, children: [
+        /* @__PURE__ */ jsx4("span", { style: GUTTER, children: line.oldLineNumber ?? "" }),
+        /* @__PURE__ */ jsx4("span", { style: GUTTER, children: line.newLineNumber ?? "" }),
+        /* @__PURE__ */ jsxs4("span", { style: { opacity: 0.45, userSelect: "none" }, children: [
           SIGIL[line.kind],
           " "
         ] }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx4(
           LineText,
           {
             line,
@@ -3407,7 +3348,7 @@ function DiffPanelView({ controller, highlighter, review = false }) {
     },
     key
   );
-  const renderSplitCell = (line, file, side) => /* @__PURE__ */ jsxs6(
+  const renderSplitCell = (line, file, side) => /* @__PURE__ */ jsxs4(
     "div",
     {
       style: {
@@ -3421,8 +3362,8 @@ function DiffPanelView({ controller, highlighter, review = false }) {
         lineHeight: "16px"
       },
       children: [
-        /* @__PURE__ */ jsx6("span", { style: GUTTER, children: (side === "l" ? line?.oldLineNumber : line?.newLineNumber) ?? "" }),
-        line ? /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx4("span", { style: GUTTER, children: (side === "l" ? line?.oldLineNumber : line?.newLineNumber) ?? "" }),
+        line ? /* @__PURE__ */ jsx4(
           LineText,
           {
             line,
@@ -3434,11 +3375,11 @@ function DiffPanelView({ controller, highlighter, review = false }) {
       ]
     }
   );
-  return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx4(
       Toolbar4,
       {
-        left: /* @__PURE__ */ jsx6(
+        left: /* @__PURE__ */ jsx4(
           SegmentedControl2,
           {
             label: "View",
@@ -3450,22 +3391,22 @@ function DiffPanelView({ controller, highlighter, review = false }) {
             ]
           }
         ),
-        right: /* @__PURE__ */ jsxs6(ToolbarGroup4, { end: true, children: [
-          /* @__PURE__ */ jsx6(TextButton3, { onClick: () => controller.setWrap(!state.wrap), children: state.wrap ? "No wrap" : "Wrap" }),
-          /* @__PURE__ */ jsx6(TextButton3, { onClick: () => controller.setShowWhitespace(!state.showWhitespace), children: state.showWhitespace ? "Hide \u2423" : "Show \u2423" }),
-          /* @__PURE__ */ jsx6(TextButton3, { onClick: () => controller.previousHunk(), children: "Prev" }),
-          /* @__PURE__ */ jsx6(TextButton3, { onClick: () => controller.nextHunk(), children: "Next" })
+        right: /* @__PURE__ */ jsxs4(ToolbarGroup4, { end: true, children: [
+          /* @__PURE__ */ jsx4(TextButton3, { onClick: () => controller.setWrap(!state.wrap), children: state.wrap ? "No wrap" : "Wrap" }),
+          /* @__PURE__ */ jsx4(TextButton3, { onClick: () => controller.setShowWhitespace(!state.showWhitespace), children: state.showWhitespace ? "Hide \u2423" : "Show \u2423" }),
+          /* @__PURE__ */ jsx4(TextButton3, { onClick: () => controller.previousHunk(), children: "Prev" }),
+          /* @__PURE__ */ jsx4(TextButton3, { onClick: () => controller.nextHunk(), children: "Next" })
         ] })
       }
     ),
-    state.review && state.review.conflicts > 0 ? /* @__PURE__ */ jsx6("div", { style: { padding: "2px 8px", fontSize: 9 }, children: /* @__PURE__ */ jsxs6(Badge4, { tone: "error", children: [
+    state.review && state.review.conflicts > 0 ? /* @__PURE__ */ jsx4("div", { style: { padding: "2px 8px", fontSize: 9 }, children: /* @__PURE__ */ jsxs4(Badge4, { tone: "error", children: [
       state.review.conflicts,
       " conflict",
       state.review.conflicts === 1 ? "" : "s",
       " \u2014 the file changed since review"
     ] }) }) : null,
-    /* @__PURE__ */ jsx6(ScrollArea3, { children: state.files.map((file) => /* @__PURE__ */ jsxs6("div", { style: { borderBottom: "1px solid var(--xeno-border-subtle)" }, children: [
-      /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsx4(ScrollArea3, { children: state.files.map((file) => /* @__PURE__ */ jsxs4("div", { style: { borderBottom: "1px solid var(--xeno-border-subtle)" }, children: [
+      /* @__PURE__ */ jsxs4(
         "div",
         {
           style: {
@@ -3479,10 +3420,10 @@ function DiffPanelView({ controller, highlighter, review = false }) {
             zIndex: 1
           },
           children: [
-            /* @__PURE__ */ jsx6(TextButton3, { onClick: () => controller.setCollapsed(file.file.path, !file.collapsed), children: file.collapsed ? "\u25B8" : "\u25BE" }),
-            /* @__PURE__ */ jsx6("span", { style: { fontSize: 11, fontWeight: 600 }, children: file.file.oldPath && file.file.oldPath !== file.file.path ? `${file.file.oldPath} \u2192 ${file.file.path}` : file.file.path }),
-            /* @__PURE__ */ jsx6(Badge4, { children: file.file.status }),
-            /* @__PURE__ */ jsxs6("span", { style: { fontSize: 10, fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: [
+            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => controller.setCollapsed(file.file.path, !file.collapsed), children: file.collapsed ? "\u25B8" : "\u25BE" }),
+            /* @__PURE__ */ jsx4("span", { style: { fontSize: 11, fontWeight: 600 }, children: file.file.oldPath && file.file.oldPath !== file.file.path ? `${file.file.oldPath} \u2192 ${file.file.path}` : file.file.path }),
+            /* @__PURE__ */ jsx4(Badge4, { children: file.file.status }),
+            /* @__PURE__ */ jsxs4("span", { style: { fontSize: 10, fontVariantNumeric: "tabular-nums", opacity: 0.6 }, children: [
               "+",
               file.additions,
               " \u2212",
@@ -3495,11 +3436,11 @@ function DiffPanelView({ controller, highlighter, review = false }) {
         // 🔴 Never an empty body. "Binary — not compared" and "no changes" are different
         // facts, and a reviewer who reads the first as the second approves something nobody
         // looked at.
-        /* @__PURE__ */ jsx6("div", { style: { padding: "6px 12px", fontSize: 10, opacity: 0.6 }, children: omissionLabel(file.file.omitted) })
+        /* @__PURE__ */ jsx4("div", { style: { padding: "6px 12px", fontSize: 10, opacity: 0.6 }, children: omissionLabel(file.file.omitted) })
       ) : file.file.hunks.map((hunk) => {
         const decision = file.decisions[hunk.id];
         const focused = state.cursor?.path === file.file.path && state.cursor.hunkId === hunk.id;
-        return /* @__PURE__ */ jsxs6(
+        return /* @__PURE__ */ jsxs4(
           "div",
           {
             onContextMenu: (event) => {
@@ -3516,7 +3457,7 @@ function DiffPanelView({ controller, highlighter, review = false }) {
               opacity: isSettled(decision?.state ?? "undecided") ? 0.55 : 1
             },
             children: [
-              /* @__PURE__ */ jsxs6(
+              /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   style: {
@@ -3528,16 +3469,16 @@ function DiffPanelView({ controller, highlighter, review = false }) {
                     opacity: 0.55
                   },
                   children: [
-                    /* @__PURE__ */ jsx6("span", { style: { fontFamily: mono }, children: hunk.header ?? `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@` }),
-                    /* @__PURE__ */ jsx6(DecisionChip, { decision }),
-                    review ? /* @__PURE__ */ jsx6("span", { style: { marginLeft: "auto", display: "flex", gap: 4 }, children: needsAttention(decision?.state ?? "undecided") ? /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx4("span", { style: { fontFamily: mono }, children: hunk.header ?? `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@` }),
+                    /* @__PURE__ */ jsx4(DecisionChip, { decision }),
+                    review ? /* @__PURE__ */ jsx4("span", { style: { marginLeft: "auto", display: "flex", gap: 4 }, children: needsAttention(decision?.state ?? "undecided") ? /* @__PURE__ */ jsx4(
                       TextButton3,
                       {
                         onClick: () => controller.clearDecision(file.file.path, hunk.id),
                         children: "Re-review"
                       }
-                    ) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6(
+                    ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                      /* @__PURE__ */ jsx4(
                         TextButton3,
                         {
                           disabled: decision?.state === "pending",
@@ -3545,7 +3486,7 @@ function DiffPanelView({ controller, highlighter, review = false }) {
                           children: "Accept"
                         }
                       ),
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx4(
                         TextButton3,
                         {
                           disabled: decision?.state === "pending",
@@ -3557,7 +3498,7 @@ function DiffPanelView({ controller, highlighter, review = false }) {
                   ]
                 }
               ),
-              state.view === "unified" ? hunk.lines.map((line, i) => renderLine(line, file, `${hunk.id}-${i}`)) : splitRows(hunk).map((row, i) => /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 1 }, children: [
+              state.view === "unified" ? hunk.lines.map((line, i) => renderLine(line, file, `${hunk.id}-${i}`)) : splitRows(hunk).map((row, i) => /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 1 }, children: [
                 renderSplitCell(row.left, file, "l"),
                 renderSplitCell(row.right, file, "r")
               ] }, `${hunk.id}-s${i}`))
@@ -3567,7 +3508,7 @@ function DiffPanelView({ controller, highlighter, review = false }) {
         );
       })
     ] }, file.file.path)) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx4(
       StatusBar4,
       {
         left: `${state.totals.files} file${state.totals.files === 1 ? "" : "s"} \xB7 +${state.totals.additions} \u2212${state.totals.deletions}`,