@xenosystem/blocks 0.13.27 → 0.13.29

package/dist/{chunk-7S2RKUAM.js → chunk-4IDY5FHM.js}

@@ -469,6 +469,8 @@ var ICON_UNITS = Object.keys(ICONS);
 export {
   Svg,
   RefreshGlyph,
+  XGlyph,
+  PlusGlyph,
   ChevronGlyph,
   SortAscGlyph,
   SortDescGlyph,

package/dist/data/index.js

@@ -12,7 +12,7 @@ import {
   RefreshGlyph,
   SortAscGlyph,
   SortDescGlyph
-} from "../chunk-7S2RKUAM.js";
+} from "../chunk-4IDY5FHM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.js

@@ -21,7 +21,7 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-7S2RKUAM.js";
+} from "../chunk-4IDY5FHM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -8734,6 +8734,8 @@ function ViewportSurface({ controller, overlays, background, children }) {
     {
       ref: containerRef,
       tabIndex: 0,
+      role: "application",
+      "aria-label": "Viewport",
       onFocus: () => controller.setFocused(true),
       onBlur: () => controller.setFocused(false),
       onKeyDown: (event) => controller.routeKey("down", event.nativeEvent),

package/dist/icons/index.js

@@ -2,7 +2,7 @@ import {
   ICONS,
   ICON_UNITS,
   Svg
-} from "../chunk-7S2RKUAM.js";
+} from "../chunk-4IDY5FHM.js";
 import "../chunk-2KG3PWR4.js";
 export {
   ICONS,

package/dist/ops/index.d.ts

@@ -607,7 +607,7 @@ interface ConsoleViewOptions {
 declare function consoleViewState(c: ConsoleController, options?: ConsoleViewOptions): ConsoleViewModel;
 declare function applyConsoleUi(c: ConsoleController, intent: ConsoleUiIntent): void;
 declare const consoleViewManifest: PanelManifest;
-declare const BEHAVIOURS$2: {
+declare const BEHAVIOURS$3: {
     'ops/consolePanelView': (inputs: Record<string, unknown>) => ConsoleViewModel;
 };
 /** The runtime-bound unit: the scroller the virtualizer measures and follow-mode pins. */
@@ -1518,7 +1518,7 @@ interface RunsViewOptions {
 declare function runsViewState(c: RunsController, options?: RunsViewOptions): RunsViewModel;
 declare function applyRunsUi(c: RunsController, intent: RunsUiIntent): void;
 declare const runsViewManifest: PanelManifest;
-declare const BEHAVIOURS$1: {
+declare const BEHAVIOURS$2: {
     'ops/runsPanelView': (inputs: Record<string, unknown>) => RunsViewModel;
 };
 declare const RUNS_RUNTIME_UNITS: readonly [];
@@ -1981,18 +1981,86 @@ declare const TERMINAL_PANEL_ID = "xeno.core.terminal";
 declare const terminalManifest: PanelManifest;
 
 /**
- * The Terminal panel view.
+ * The Terminal panel AS A DECLARATION — the twenty-fifth block written the §8d way, the fourth
+ * DRAWN surface. The CHROME is data: the session strip (a `chrome/TabStrip` of `Tab`s — title, a
+ * status chip, a close action), the new-terminal and find actions, the find bar, the empty states,
+ * the cwd and size readouts. The SURFACES are one runtime unit (`terminal/Surfaces`) bound to the
+ * controller and the host's emulator factory: one bare `<div>` per session that the emulator owns
+ * outright — hidden, never unmounted, when another tab is active, so the on-screen buffer survives.
  *
- * **Where primitives fit and where they do not.** The tab strip, status chips and find bar use
- * `Toolbar`/`Badge`/`SearchField`/`TextButton`. The terminal body does not use a primitive at all —
- * it is a bare `<div>` that xterm owns outright, and wrapping it in anything that sets padding,
- * overflow or transform breaks the emulator's own measurement. That div is deliberately plain.
+ * Presentation contract: input `view` (a {@link TerminalViewModel}), output `ui` (a
+ * {@link TerminalUiIntent}) applied by the runtime to the controller's own methods.
+ */
+
+/** The half of a renderer's config the view reads. */
+interface TerminalViewOptions {
+    multiInstance?: boolean;
+    /** Whether the runtime has an emulator to render into — without one the panel says so. */
+    hasEmulator?: boolean;
+}
+interface TerminalViewTab {
+    key: string;
+    id: string;
+    title: string;
+    selected: boolean;
+    chip: string | null;
+    chipTone: 'error' | 'neutral';
+    closeLabel: string;
+}
+interface TerminalViewModel {
+    noEmulator: boolean;
+    ready: boolean;
+    stripShown: boolean;
+    tabs: TerminalViewTab[];
+    tabIds: string[];
+    activeId: string;
+    findShown: boolean;
+    find: string;
+    empty: boolean;
+    surfacesShown: boolean;
+    cwdLabel?: string;
+    sizeLabel?: string;
+}
+type TerminalUiIntent = {
+    kind: 'activate';
+    id: string;
+} | {
+    kind: 'close';
+    id: string;
+} | {
+    kind: 'open';
+} | {
+    kind: 'toggleFind';
+} | {
+    kind: 'find';
+    value: string;
+} | {
+    kind: 'findStep';
+    direction: 'next' | 'previous';
+};
+/** Derive the view model from the live controller — the runtime calls this on every draw. */
+declare function terminalViewState(c: TerminalController, options?: TerminalViewOptions): TerminalViewModel;
+/** Apply a `ui` intent to the controller — the runtime's half of the contract. */
+declare function applyTerminalUi(c: TerminalController, intent: TerminalUiIntent): void;
+declare const terminalViewManifest: PanelManifest;
+declare const BEHAVIOURS$1: {
+    'ops/terminalPanelView': (inputs: Record<string, unknown>) => TerminalViewModel;
+};
+declare const TERMINAL_DECLARATION: BlockDeclaration;
+
+/**
+ * The Terminal panel view — the CODE VIEW of `TERMINAL_DECLARATION`, drawing the same
+ * {@link TerminalViewModel} byte-identical (the equivalence suite holds the two together). The one
+ * runtime-bound unit is the SURFACES (`terminal/Surfaces`): one bare `<div>` per session that xterm
+ * owns outright — wrapping it in anything that sets padding, overflow or transform breaks the
+ * emulator's own measurement, so that div is deliberately plain. Every chrome intent goes through
+ * `applyTerminalUi`.
  *
  * @module
  */
 
 /** Props for {@link TerminalPanelView}. */
-interface TerminalPanelViewProps {
+interface TerminalPanelViewProps extends Omit<TerminalViewOptions, 'hasEmulator'> {
     controller: TerminalController;
     /**
      * Build an emulator. Async so the default xterm adapter can be dynamically imported.
@@ -2001,10 +2069,18 @@ interface TerminalPanelViewProps {
      * rectangle — a terminal with no emulator is a configuration mistake, and it should say so.
      */
     createEmulator?: () => Promise<XenoTerminalEmulator>;
-    multiInstance?: boolean;
 }
+/** Every session's surface, the active one shown — `terminal/Surfaces` in the declaration. */
+declare function TerminalSurfaces({ controller, createEmulator }: {
+    controller: TerminalController;
+    createEmulator: () => Promise<XenoTerminalEmulator>;
+}): ReactNode;
 /** The Terminal panel view. */
-declare function TerminalPanelView({ controller, createEmulator, multiInstance, }: TerminalPanelViewProps): ReactNode;
+declare function TerminalPanelView({ controller, createEmulator, multiInstance }: TerminalPanelViewProps): ReactNode;
+/** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
+declare const TERMINAL_RUNTIME_UNITS: readonly ["terminal/Surfaces"];
+/** The units the runtime registers for `TERMINAL_DECLARATION`, bound to ITS controller and emulator factory. */
+declare function terminalRuntimeComponents(controller: TerminalController, createEmulator: () => Promise<XenoTerminalEmulator>): Record<(typeof TERMINAL_RUNTIME_UNITS)[number], React.ComponentType<any>>;
 
 /**
  * The Diff contract.
@@ -2594,4 +2670,4 @@ declare function DiffPanelView({ controller, ...options }: DiffPanelViewProps):
 /** The unit names the runtime supplies for this block — none; every unit is a chrome unit. */
 declare const DIFF_RUNTIME_UNITS: readonly [];
 
-export { ALL_STATUSES, BEHAVIOURS$2 as CONSOLE_BEHAVIOURS, CONSOLE_DECLARATION, CONSOLE_PANEL_ID, CONSOLE_RUNTIME_UNITS, ConsoleController, type ConsoleControllerOptions, type ConsoleHostBridge, type ConsolePanelState, ConsolePanelView, type ConsolePanelViewProps, type ConsoleRenderContext, ConsoleScroller, type ConsoleUiIntent, type ConsoleViewModel, type ConsoleViewOptions, type ConsoleViewRow, type ConsoleViewSource, type ConsoleViewState, type CreateConsolePanelOptions, type CreateDiffPanelOptions, type CreateRunsPanelOptions, type CreateTerminalPanelOptions, DEFAULT_MAX_STEP_DEPTH, BEHAVIOURS as DIFF_BEHAVIOURS, DIFF_DECLARATION, DIFF_PANEL_ID, DIFF_RUNTIME_UNITS, DiffController, type DiffControllerOptions, type DiffFileView, type DiffHostBridge, type DiffPanelState, DiffPanelView, type DiffPanelViewProps, type DiffRenderContext, type DiffUiIntent, type DiffViewFile, type DiffViewHunk, type DiffViewLine, type DiffViewModel, type DiffViewOptions, type DiffViewRun, type DiffViewSplitRow, type DiffViewState, type FlattenOptions, LEVEL_ORDER, MESSAGE_ELISION, REDACTION_CARRY, BEHAVIOURS$1 as RUNS_BEHAVIOURS, RUNS_DECLARATION, RUNS_PANEL_ID, RUNS_RUNTIME_UNITS, RUN_PATH_SEPARATOR, RUN_STATUSES, RunsController, type RunsControllerOptions, type RunsHostBridge, type RunsPanelState, RunsPanelView, type RunsPanelViewProps, type RunsRenderContext, type RunsUiIntent, type RunsViewChip, type RunsViewModel, type RunsViewOptions, type RunsViewRow, type RunsViewState, TERMINAL_PANEL_ID, TERMINAL_STATUSES, TerminalController, type TerminalControllerOptions, type TerminalHostBridge, type TerminalInstanceView, type TerminalPanelState, TerminalPanelView, type TerminalPanelViewProps, type TerminalRenderContext, type TerminalViewState, XENO_TERMINAL_THEME_KEYS, type XenoDiffAction, type XenoDiffDecision, type XenoDiffDecisionIntent, type XenoDiffDecisionState, type XenoDiffFile, type XenoDiffFileOmission, type XenoDiffHighlighter, type XenoDiffHunk, type XenoDiffLine, type XenoDiffLineKind, type XenoDiffModel, type XenoDiffNavigate, type XenoDiffSegment, type XenoDiffStatus, type XenoDiffView, type XenoLogActivate, type XenoLogDelta, type XenoLogFilter, type XenoLogLevel, type XenoLogPatch, type XenoLogRecord, type XenoLogSource, type XenoRun, type XenoRunAction, type XenoRunActivate, type XenoRunDelta, type XenoRunError, type XenoRunFilter, type XenoRunLifecycle, type XenoRunPath, type XenoRunRow, type XenoRunRunRow, type XenoRunStats, type XenoRunStatus, type XenoRunStep, type XenoRunStepAppend, type XenoRunStepPatch, type XenoRunStepRow, type XenoRunTruncation, type XenoTerminalData, type XenoTerminalEmulator, type XenoTerminalId, type XenoTerminalIntent, type XenoTerminalSession, type XenoTerminalStatus, type XenoTerminalTheme, appendStepsAtPath, applyConsoleUi, applyDiffUi, applyRunsUi, canCancel, canRetry, collapseAdjacent, computeStats, consoleManifest, consolePanel, consoleRuntimeComponents, consoleViewManifest, consoleViewState, countChanges, createConsolePanel, createDiffPanel, createRunsPanel, createTerminalPanel, decodeRunPath, diffManifest, diffPanel, diffViewManifest, diffViewState, durationOf, encodeRunPath, flattenHunks, flattenRunRows, formatDuration, formatRecord, isActive, isLive, isSettled, isTerminal, isWaiting, lifecycleOf, matchesSearch as matchesRunSearch, matchesSearch$1 as matchesSearch, measuredSize, meetsLevel, needsAttention, omissionLabel, patchStepAtPath, queueDurationOf, readTerminalTheme, resolveStepPath, runsManifest, runsPanel, runsViewManifest, runsViewState, safeJson, spliceRedactedAppend, splitRows, statusLabel, terminalManifest, terminalPanel, terminalThemeVar, toneOf, truncateLogMessage };
+export { ALL_STATUSES, BEHAVIOURS$3 as CONSOLE_BEHAVIOURS, CONSOLE_DECLARATION, CONSOLE_PANEL_ID, CONSOLE_RUNTIME_UNITS, ConsoleController, type ConsoleControllerOptions, type ConsoleHostBridge, type ConsolePanelState, ConsolePanelView, type ConsolePanelViewProps, type ConsoleRenderContext, ConsoleScroller, type ConsoleUiIntent, type ConsoleViewModel, type ConsoleViewOptions, type ConsoleViewRow, type ConsoleViewSource, type ConsoleViewState, type CreateConsolePanelOptions, type CreateDiffPanelOptions, type CreateRunsPanelOptions, type CreateTerminalPanelOptions, DEFAULT_MAX_STEP_DEPTH, BEHAVIOURS as DIFF_BEHAVIOURS, DIFF_DECLARATION, DIFF_PANEL_ID, DIFF_RUNTIME_UNITS, DiffController, type DiffControllerOptions, type DiffFileView, type DiffHostBridge, type DiffPanelState, DiffPanelView, type DiffPanelViewProps, type DiffRenderContext, type DiffUiIntent, type DiffViewFile, type DiffViewHunk, type DiffViewLine, type DiffViewModel, type DiffViewOptions, type DiffViewRun, type DiffViewSplitRow, type DiffViewState, type FlattenOptions, LEVEL_ORDER, MESSAGE_ELISION, REDACTION_CARRY, BEHAVIOURS$2 as RUNS_BEHAVIOURS, RUNS_DECLARATION, RUNS_PANEL_ID, RUNS_RUNTIME_UNITS, RUN_PATH_SEPARATOR, RUN_STATUSES, RunsController, type RunsControllerOptions, type RunsHostBridge, type RunsPanelState, RunsPanelView, type RunsPanelViewProps, type RunsRenderContext, type RunsUiIntent, type RunsViewChip, type RunsViewModel, type RunsViewOptions, type RunsViewRow, type RunsViewState, BEHAVIOURS$1 as TERMINAL_BEHAVIOURS, TERMINAL_DECLARATION, TERMINAL_PANEL_ID, TERMINAL_RUNTIME_UNITS, TERMINAL_STATUSES, TerminalController, type TerminalControllerOptions, type TerminalHostBridge, type TerminalInstanceView, type TerminalPanelState, TerminalPanelView, type TerminalPanelViewProps, type TerminalRenderContext, TerminalSurfaces, type TerminalUiIntent, type TerminalViewModel, type TerminalViewOptions, type TerminalViewState, type TerminalViewTab, XENO_TERMINAL_THEME_KEYS, type XenoDiffAction, type XenoDiffDecision, type XenoDiffDecisionIntent, type XenoDiffDecisionState, type XenoDiffFile, type XenoDiffFileOmission, type XenoDiffHighlighter, type XenoDiffHunk, type XenoDiffLine, type XenoDiffLineKind, type XenoDiffModel, type XenoDiffNavigate, type XenoDiffSegment, type XenoDiffStatus, type XenoDiffView, type XenoLogActivate, type XenoLogDelta, type XenoLogFilter, type XenoLogLevel, type XenoLogPatch, type XenoLogRecord, type XenoLogSource, type XenoRun, type XenoRunAction, type XenoRunActivate, type XenoRunDelta, type XenoRunError, type XenoRunFilter, type XenoRunLifecycle, type XenoRunPath, type XenoRunRow, type XenoRunRunRow, type XenoRunStats, type XenoRunStatus, type XenoRunStep, type XenoRunStepAppend, type XenoRunStepPatch, type XenoRunStepRow, type XenoRunTruncation, type XenoTerminalData, type XenoTerminalEmulator, type XenoTerminalId, type XenoTerminalIntent, type XenoTerminalSession, type XenoTerminalStatus, type XenoTerminalTheme, appendStepsAtPath, applyConsoleUi, applyDiffUi, applyRunsUi, applyTerminalUi, canCancel, canRetry, collapseAdjacent, computeStats, consoleManifest, consolePanel, consoleRuntimeComponents, consoleViewManifest, consoleViewState, countChanges, createConsolePanel, createDiffPanel, createRunsPanel, createTerminalPanel, decodeRunPath, diffManifest, diffPanel, diffViewManifest, diffViewState, durationOf, encodeRunPath, flattenHunks, flattenRunRows, formatDuration, formatRecord, isActive, isLive, isSettled, isTerminal, isWaiting, lifecycleOf, matchesSearch as matchesRunSearch, matchesSearch$1 as matchesSearch, measuredSize, meetsLevel, needsAttention, omissionLabel, patchStepAtPath, queueDurationOf, readTerminalTheme, resolveStepPath, runsManifest, runsPanel, runsViewManifest, runsViewState, safeJson, spliceRedactedAppend, splitRows, statusLabel, terminalManifest, terminalPanel, terminalRuntimeComponents, terminalThemeVar, terminalViewManifest, terminalViewState, toneOf, truncateLogMessage };

package/dist/ops/index.js

@@ -7,8 +7,10 @@ import {
   terminalThemeVar
 } from "../chunk-WE6A2DTY.js";
 import {
-  ICONS
-} from "../chunk-7S2RKUAM.js";
+  ICONS,
+  PlusGlyph,
+  XGlyph
+} from "../chunk-4IDY5FHM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts
@@ -60,10 +62,10 @@ function spliceRedactedAppend(existing, addition, redact, carry = REDACTION_CARR
   const tail = existing.slice(cut);
   return head + redact(tail + addition);
 }
-function truncateLogMessage(text4, max) {
-  if (max <= 0 || text4.length <= max) return text4;
-  if (max <= MESSAGE_ELISION.length) return text4.slice(text4.length - max);
-  return MESSAGE_ELISION + text4.slice(text4.length - (max - MESSAGE_ELISION.length));
+function truncateLogMessage(text5, max) {
+  if (max <= 0 || text5.length <= max) return text5;
+  if (max <= MESSAGE_ELISION.length) return text5.slice(text5.length - max);
+  return MESSAGE_ELISION + text5.slice(text5.length - (max - MESSAGE_ELISION.length));
 }
 function formatRecord(record) {
   const time = new Date(record.ts).toISOString();
@@ -240,7 +242,7 @@ var ConsoleController = class {
    */
   merge(existing, patch) {
     const secrets = [...this.host.getSecrets?.() ?? []];
-    const redact = (text4) => redactForLog(text4, secrets);
+    const redact = (text5) => redactForLog(text5, secrets);
     let message = existing.message;
     if (typeof patch.message === "string") message = redact(patch.message);
     if (typeof patch.appendMessage === "string" && patch.appendMessage.length > 0) {
@@ -870,24 +872,24 @@ function consoleRuntimeComponents(controller, rowHeight) {
 function ConsolePanelView({ controller, ...options }) {
   useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
   const view = consoleViewState(controller, options);
-  const ui4 = (intent) => applyConsoleUi(controller, intent);
+  const ui5 = (intent) => applyConsoleUi(controller, intent);
   return /* @__PURE__ */ jsxs(Column, { children: [
     /* @__PURE__ */ jsx(
       Toolbar,
       {
         left: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(SearchField, { value: view.search, placeholder: "Filter\u2026", onChange: (value) => ui4({ kind: "search", value }) }),
-          /* @__PURE__ */ jsx(SegmentedControl, { size: "sm", label: "Minimum level", options: view.levels, value: view.level, onChange: (level) => ui4({ kind: "level", level }) })
+          /* @__PURE__ */ jsx(SearchField, { value: view.search, placeholder: "Filter\u2026", onChange: (value) => ui5({ kind: "search", value }) }),
+          /* @__PURE__ */ jsx(SegmentedControl, { size: "sm", label: "Minimum level", options: view.levels, value: view.level, onChange: (level) => ui5({ kind: "level", level }) })
         ] }),
         right: /* @__PURE__ */ jsxs(ToolbarGroup, { end: true, children: [
           view.errors ? /* @__PURE__ */ jsx(Badge, { tone: "error", children: view.errors }) : null,
           view.warns ? /* @__PURE__ */ jsx(Badge, { tone: "warning", children: view.warns }) : null,
-          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(CopyGlyph, {}), label: "Copy visible", onClick: () => ui4({ kind: "copyVisible" }) }),
-          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(ClearGlyph, {}), label: "Clear", onClick: () => ui4({ kind: "clear" }) })
+          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(CopyGlyph, {}), label: "Copy visible", onClick: () => ui5({ kind: "copyVisible" }) }),
+          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(ClearGlyph, {}), label: "Clear", onClick: () => ui5({ kind: "clear" }) })
         ] })
       }
     ),
-    view.multiSource ? /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 4, pad: "inset", children: view.sources.map((source) => /* @__PURE__ */ jsx(FilterChip, { on: source.on, title: source.title, onChange: (on) => ui4({ kind: "source", id: source.id, on }), children: source.label }, source.id)) }) : null,
+    view.multiSource ? /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 4, pad: "inset", children: view.sources.map((source) => /* @__PURE__ */ jsx(FilterChip, { on: source.on, title: source.title, onChange: (on) => ui5({ kind: "source", id: source.id, on }), children: source.label }, source.id)) }) : null,
     view.empty ? /* @__PURE__ */ jsx(EmptyState, { title: view.emptyTitle, hint: view.emptyHint }) : null,
     view.listed ? /* @__PURE__ */ jsx(ConsoleScroller, { controller, rowHeight: view.rowHeight, children: /* @__PURE__ */ jsx(VirtualWindow, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: /* @__PURE__ */ jsx(RowList, { role: "log", children: view.rows.map((row) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -902,8 +904,8 @@ function ConsolePanelView({ controller, ...options }) {
             /* @__PURE__ */ jsx(Text, { children: row.message })
           ] }),
           trailing: row.repeat ? /* @__PURE__ */ jsx(Badge, { title: "Repeated consecutively", children: row.repeat }) : null,
-          onClick: () => ui4({ kind: "row", id: row.id }),
-          onContextMenuAt: (x, y) => ui4({ kind: "contextMenu", id: row.id, x, y })
+          onClick: () => ui5({ kind: "row", id: row.id }),
+          onContextMenuAt: (x, y) => ui5({ kind: "contextMenu", id: row.id, x, y })
         },
         row.id
       ),
@@ -2085,19 +2087,19 @@ var RetryGlyph = ICONS["icons/Retry"];
 function RunsPanelView({ controller, ...options }) {
   useSyncExternalStore2(controller.subscribe, controller.getState, controller.getState);
   const view = runsViewState(controller, options);
-  const ui4 = (intent) => applyRunsUi(controller, intent);
+  const ui5 = (intent) => applyRunsUi(controller, intent);
   const chip2 = (c, onChange) => /* @__PURE__ */ jsx2(FilterChip2, { on: c.on, title: c.title, onChange, children: /* @__PURE__ */ jsx2(Badge2, { tone: c.tone, children: c.label }) }, c.id);
   return /* @__PURE__ */ jsxs2(Column2, { children: [
     /* @__PURE__ */ jsx2(
       Toolbar2,
       {
-        left: /* @__PURE__ */ jsx2(SearchField2, { value: view.search, placeholder: "Filter runs\u2026", onChange: (value) => ui4({ kind: "search", value }) }),
-        right: /* @__PURE__ */ jsx2(ToolbarGroup2, { end: true, children: /* @__PURE__ */ jsx2(TextButton, { onClick: () => ui4({ kind: "clearTerminal" }), children: "Clear finished" }) })
+        left: /* @__PURE__ */ jsx2(SearchField2, { value: view.search, placeholder: "Filter runs\u2026", onChange: (value) => ui5({ kind: "search", value }) }),
+        right: /* @__PURE__ */ jsx2(ToolbarGroup2, { end: true, children: /* @__PURE__ */ jsx2(TextButton, { onClick: () => ui5({ kind: "clearTerminal" }), children: "Clear finished" }) })
       }
     ),
     view.hasChips ? /* @__PURE__ */ jsxs2(Stack2, { direction: "row", gap: 4, pad: "inset", children: [
-      view.statuses.map((c) => chip2(c, (on) => ui4({ kind: "status", status: c.id, on }))),
-      view.sources.map((c) => chip2(c, (on) => ui4({ kind: "source", id: c.id, on })))
+      view.statuses.map((c) => chip2(c, (on) => ui5({ kind: "status", status: c.id, on }))),
+      view.sources.map((c) => chip2(c, (on) => ui5({ kind: "source", id: c.id, on })))
     ] }) : null,
     view.empty ? /* @__PURE__ */ jsx2(EmptyState2, { title: view.emptyTitle, hint: view.emptyHint }) : null,
     view.listed ? /* @__PURE__ */ jsx2(ScrollArea2, { children: /* @__PURE__ */ jsx2(RowList2, { children: view.rows.map((row) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
@@ -2119,11 +2121,11 @@ function RunsPanelView({ controller, ...options }) {
             row.duration ? /* @__PURE__ */ jsx2(Text2, { role: "number", children: row.duration }) : null
           ] }),
           trailing: /* @__PURE__ */ jsxs2(Fragment2, { children: [
-            row.canCancel ? /* @__PURE__ */ jsx2(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx2(CancelGlyph, {}), label: row.cancelLabel, onClick: () => ui4({ kind: "cancel", runId: row.runId }) }) : null,
-            row.canRetry ? /* @__PURE__ */ jsx2(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx2(RetryGlyph, {}), label: row.retryLabel, onClick: () => ui4({ kind: "retry", runId: row.runId }) }) : null
+            row.canCancel ? /* @__PURE__ */ jsx2(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx2(CancelGlyph, {}), label: row.cancelLabel, onClick: () => ui5({ kind: "cancel", runId: row.runId }) }) : null,
+            row.canRetry ? /* @__PURE__ */ jsx2(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx2(RetryGlyph, {}), label: row.retryLabel, onClick: () => ui5({ kind: "retry", runId: row.runId }) }) : null
           ] }),
-          onClick: () => ui4({ kind: "row", runId: row.runId, stepPath: row.stepPath }),
-          onContextMenuAt: (x, y) => ui4({ kind: "contextMenu", runId: row.runId, x, y })
+          onClick: () => ui5({ kind: "row", runId: row.runId, stepPath: row.stepPath }),
+          onContextMenuAt: (x, y) => ui5({ kind: "contextMenu", runId: row.runId, x, y })
         },
         row.key
       ),
@@ -2681,23 +2683,155 @@ var terminalManifest = {
 
 // src/ops/terminal/react/TerminalPanelView.tsx
 import { useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore3 } from "react";
-import {
-  Badge as Badge3,
-  EmptyState as EmptyState3,
-  IconButton as IconButton3,
-  SearchField as SearchField3,
-  StatusBar as StatusBar3,
-  TextButton as TextButton2,
-  Toolbar as Toolbar3,
-  ToolbarGroup as ToolbarGroup3
-} from "@xenosystem/components/chrome";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function CloseIcon() {
-  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" }) });
+import { Badge as Badge3, Column as Column3, EmptyState as EmptyState3, IconButton as IconButton3, SearchField as SearchField3, StatusBar as StatusBar3, Tab, TabStrip, TextButton as TextButton2, Toolbar as Toolbar3, ToolbarGroup as ToolbarGroup3 } from "@xenosystem/components/chrome";
+
+// src/ops/terminal/declaration.ts
+function terminalViewState(c, options = {}) {
+  const { multiInstance = true, hasEmulator = true } = options;
+  const state = c.getState();
+  const active = state.instances.find((i) => i.active);
+  return {
+    noEmulator: !hasEmulator,
+    ready: hasEmulator,
+    stripShown: hasEmulator && multiInstance,
+    tabs: state.instances.map((instance) => {
+      const label = statusLabel(instance.session);
+      const title = instance.session.title ?? instance.session.id.slice(0, 8);
+      return {
+        key: instance.session.id,
+        id: instance.session.id,
+        title,
+        selected: instance.active,
+        chip: label,
+        chipTone: instance.session.status === "failed" ? "error" : "neutral",
+        closeLabel: `Close ${title}`
+      };
+    }),
+    tabIds: state.instances.map((i) => i.session.id),
+    activeId: active?.session.id ?? "",
+    findShown: hasEmulator && state.search !== null,
+    find: state.search ?? "",
+    empty: hasEmulator && state.instances.length === 0,
+    surfacesShown: hasEmulator && state.instances.length > 0,
+    cwdLabel: active?.session.cwd,
+    sizeLabel: active && active.cols ? `${active.cols}\xD7${active.rows}` : void 0
+  };
 }
-function PlusIcon() {
-  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 applyTerminalUi(c, intent) {
+  switch (intent.kind) {
+    case "activate":
+      c.setActive(intent.id);
+      break;
+    case "close":
+      c.close(intent.id);
+      break;
+    case "open":
+      c.open();
+      break;
+    case "toggleFind":
+      c.setSearch(c.getState().search === null ? "" : null);
+      break;
+    case "find":
+      c.setSearch(intent.value);
+      break;
+    case "findStep":
+      c.find(intent.direction);
+      break;
+  }
 }
+var terminalViewManifest = {
+  id: terminalManifest.id,
+  version: "1.0.0",
+  title: "Terminal",
+  category: "ops",
+  layout: { slot: "bottom" },
+  inputs: [{ id: "view", type: "object", label: "View state", description: "The TerminalViewModel the runtime derives from the controller on every draw." }],
+  outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, id?, value?, direction? } \u2014 applied by the runtime to the controller." }],
+  commands: []
+};
+var EMPTY3 = { noEmulator: false, ready: true, stripShown: true, tabs: [], tabIds: [], activeId: "", findShown: false, find: "", empty: true, surfacesShown: false };
+var BEHAVIOURS3 = {
+  "ops/terminalPanelView": (inputs) => inputs.view ?? EMPTY3
+};
+var text3 = (b) => ({ component: "text", props: { text: b } });
+var ui3 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var TERMINAL_DECLARATION = {
+  format: "xeno.block@1",
+  manifest: terminalViewManifest,
+  behaviour: "ops/terminalPanelView",
+  composition: {
+    component: "fragment",
+    children: [
+      { component: "chrome/EmptyState", when: { input: "view.noEmulator" }, props: { title: { value: "No emulator configured" }, hint: { value: "Pass `createEmulator` (or use `createXtermEmulator`) so the panel has something to render into." } } },
+      {
+        component: "chrome/Column",
+        when: { input: "view.ready" },
+        children: [
+          {
+            component: "chrome/Toolbar",
+            when: { input: "view.stripShown" },
+            props: {
+              left: {
+                node: {
+                  component: "chrome/TabStrip",
+                  props: { label: { value: "Terminals" }, value: { input: "view.activeId" }, ids: { input: "view.tabIds" } },
+                  on: { onChange: ui3("activate", { id: { arg: "" } }) },
+                  children: [
+                    {
+                      component: "chrome/Tab",
+                      each: { input: "view.tabs", key: "key" },
+                      props: {
+                        selected: { item: "selected" },
+                        closeLabel: { item: "closeLabel" },
+                        closeIcon: { node: { component: "icons/Close" } },
+                        chip: { node: { component: "chrome/Badge", when: { item: "chip" }, props: { tone: { item: "chipTone" } }, children: [text3({ item: "chip" })] } }
+                      },
+                      children: [text3({ item: "title" })],
+                      on: { onSelect: ui3("activate", { id: { item: "id" } }), onClose: ui3("close", { id: { item: "id" } }) }
+                    }
+                  ]
+                }
+              },
+              right: {
+                node: {
+                  component: "chrome/ToolbarGroup",
+                  props: { end: { value: true } },
+                  children: [
+                    { component: "chrome/IconButton", props: { label: { value: "New terminal" }, icon: { node: { component: "icons/Plus" } } }, on: { onClick: ui3("open") } },
+                    { component: "chrome/TextButton", children: [text3({ value: "Find" })], on: { onClick: ui3("toggleFind") } }
+                  ]
+                }
+              }
+            }
+          },
+          {
+            component: "chrome/Toolbar",
+            when: { input: "view.findShown" },
+            props: {
+              left: { node: { component: "chrome/SearchField", props: { value: { input: "view.find" }, placeholder: { value: "Find in terminal" }, autoFocus: { value: true } }, on: { onChange: ui3("find", { value: { arg: "" } }) } } },
+              right: {
+                node: {
+                  component: "chrome/ToolbarGroup",
+                  props: { end: { value: true } },
+                  children: [
+                    { component: "chrome/TextButton", children: [text3({ value: "Previous" })], on: { onClick: ui3("findStep", { direction: { value: "previous" } }) } },
+                    { component: "chrome/TextButton", children: [text3({ value: "Next" })], on: { onClick: ui3("findStep", { direction: { value: "next" } }) } }
+                  ]
+                }
+              }
+            }
+          },
+          { component: "chrome/EmptyState", when: { input: "view.empty" }, props: { title: { value: "No terminal" }, hint: { value: "Open one to get a shell." } } },
+          { component: "terminal/Surfaces", when: { input: "view.surfacesShown" } },
+          { component: "chrome/StatusBar", props: { left: { input: "view.cwdLabel" }, right: { input: "view.sizeLabel" } } }
+        ]
+      }
+    ]
+  }
+};
+
+// src/ops/terminal/react/TerminalPanelView.tsx
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function TerminalSurface({
   id,
   controller,
@@ -2743,99 +2877,47 @@ function TerminalSurface({
     }
   );
 }
-function TerminalPanelView({
-  controller,
-  createEmulator,
-  multiInstance = true
-}) {
+function TerminalSurfaces({ controller, createEmulator }) {
   const state = useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
-  const active = state.instances.find((i) => i.active);
-  if (!createEmulator) {
-    return /* @__PURE__ */ jsx3(
-      EmptyState3,
-      {
-        title: "No emulator configured",
-        hint: "Pass `createEmulator` (or use `createXtermEmulator`) so the panel has something to render into."
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    multiInstance ? /* @__PURE__ */ jsx3(
-      Toolbar3,
-      {
-        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__ */ jsxs3(
-            "div",
-            {
-              style: { display: "flex", alignItems: "center", gap: 2 },
-              children: [
-                /* @__PURE__ */ jsx3(
-                  TextButton2,
-                  {
-                    strong: instance.active,
-                    onClick: () => controller.setActive(instance.session.id),
-                    children: instance.session.title ?? instance.session.id.slice(0, 8)
-                  }
-                ),
-                label ? /* @__PURE__ */ jsx3(Badge3, { tone: instance.session.status === "failed" ? "error" : "neutral", children: label }) : null,
-                /* @__PURE__ */ jsx3(
-                  IconButton3,
-                  {
-                    label: "Close terminal",
-                    size: "sm",
-                    icon: /* @__PURE__ */ jsx3(CloseIcon, {}),
-                    onClick: () => controller.close(instance.session.id)
-                  }
-                )
-              ]
-            },
-            instance.session.id
-          );
-        }) }),
-        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__ */ jsx3(
-      Toolbar3,
-      {
-        left: /* @__PURE__ */ jsx3(
-          SearchField3,
-          {
-            value: state.search,
-            onChange: (value) => controller.setSearch(value),
-            placeholder: "Find in terminal",
-            autoFocus: true
-          }
-        ),
-        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__ */ 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,
-        controller,
-        createEmulator,
-        visible: instance.active
-      },
-      instance.session.id
-    )) }),
-    /* @__PURE__ */ jsx3(
-      StatusBar3,
-      {
-        left: active?.session.cwd,
-        right: active && active.cols ? `${active.cols}\xD7${active.rows}` : void 0
-      }
-    )
+  return /* @__PURE__ */ jsx3("div", { style: { position: "relative", flex: 1, minHeight: 0 }, children: state.instances.map((instance) => /* @__PURE__ */ jsx3(TerminalSurface, { id: instance.session.id, controller, createEmulator, visible: instance.active }, instance.session.id)) });
+}
+function TerminalPanelView({ controller, createEmulator, multiInstance = true }) {
+  useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
+  const view = terminalViewState(controller, { multiInstance, hasEmulator: !!createEmulator });
+  const ui5 = (intent) => applyTerminalUi(controller, intent);
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    view.noEmulator ? /* @__PURE__ */ jsx3(EmptyState3, { title: "No emulator configured", hint: "Pass `createEmulator` (or use `createXtermEmulator`) so the panel has something to render into." }) : null,
+    view.ready ? /* @__PURE__ */ jsxs3(Column3, { children: [
+      view.stripShown ? /* @__PURE__ */ jsx3(
+        Toolbar3,
+        {
+          left: /* @__PURE__ */ jsx3(TabStrip, { label: "Terminals", value: view.activeId, ids: view.tabIds, onChange: (id) => ui5({ kind: "activate", id }), children: view.tabs.map((t) => /* @__PURE__ */ jsx3(Tab, { selected: t.selected, closeLabel: t.closeLabel, closeIcon: /* @__PURE__ */ jsx3(XGlyph, {}), chip: t.chip ? /* @__PURE__ */ jsx3(Badge3, { tone: t.chipTone, children: t.chip }) : null, onSelect: () => ui5({ kind: "activate", id: t.id }), onClose: () => ui5({ kind: "close", id: t.id }), children: t.title }, t.key)) }),
+          right: /* @__PURE__ */ jsxs3(ToolbarGroup3, { end: true, children: [
+            /* @__PURE__ */ jsx3(IconButton3, { label: "New terminal", icon: /* @__PURE__ */ jsx3(PlusGlyph, {}), onClick: () => ui5({ kind: "open" }) }),
+            /* @__PURE__ */ jsx3(TextButton2, { onClick: () => ui5({ kind: "toggleFind" }), children: "Find" })
+          ] })
+        }
+      ) : null,
+      view.findShown ? /* @__PURE__ */ jsx3(
+        Toolbar3,
+        {
+          left: /* @__PURE__ */ jsx3(SearchField3, { value: view.find, placeholder: "Find in terminal", autoFocus: true, onChange: (value) => ui5({ kind: "find", value }) }),
+          right: /* @__PURE__ */ jsxs3(ToolbarGroup3, { end: true, children: [
+            /* @__PURE__ */ jsx3(TextButton2, { onClick: () => ui5({ kind: "findStep", direction: "previous" }), children: "Previous" }),
+            /* @__PURE__ */ jsx3(TextButton2, { onClick: () => ui5({ kind: "findStep", direction: "next" }), children: "Next" })
+          ] })
+        }
+      ) : null,
+      view.empty ? /* @__PURE__ */ jsx3(EmptyState3, { title: "No terminal", hint: "Open one to get a shell." }) : null,
+      view.surfacesShown && createEmulator ? /* @__PURE__ */ jsx3(TerminalSurfaces, { controller, createEmulator }) : null,
+      /* @__PURE__ */ jsx3(StatusBar3, { left: view.cwdLabel, right: view.sizeLabel })
+    ] }) : null
   ] });
 }
+var TERMINAL_RUNTIME_UNITS = ["terminal/Surfaces"];
+function terminalRuntimeComponents(controller, createEmulator) {
+  return { "terminal/Surfaces": () => /* @__PURE__ */ jsx3(TerminalSurfaces, { controller, createEmulator }) };
+}
 
 // src/ops/terminal/panel.ts
 function createTerminalPanel(options = {}) {
@@ -3025,11 +3107,11 @@ function omissionLabel(omission) {
 }
 
 // src/ops/diff/controller.ts
-var EMPTY3 = { files: [], status: "idle" };
+var EMPTY4 = { files: [], status: "idle" };
 var DiffController = class {
   host;
   reviewEnabled;
-  model = EMPTY3;
+  model = EMPTY4;
   rev = -1;
   decisions = /* @__PURE__ */ new Map();
   view;
@@ -3292,7 +3374,7 @@ var DiffController = class {
   /** Tear down. */
   dispose() {
     this.listeners.clear();
-    this.model = EMPTY3;
+    this.model = EMPTY4;
     this.decisions.clear();
   }
 };
@@ -3433,7 +3515,7 @@ var diffManifest = {
 import { useSyncExternalStore as useSyncExternalStore4 } from "react";
 import {
   Badge as Badge4,
-  Column as Column3,
+  Column as Column4,
   DiffLine,
   DiffSplitRow,
   EmptyState as EmptyState4,
@@ -3450,7 +3532,7 @@ import {
 } from "@xenosystem/components/chrome";
 
 // src/ops/diff/declaration.ts
-var visible = (text4, show) => show ? text4.replace(/\t/g, "\u2192   ").replace(/ /g, "\xB7") : text4;
+var visible = (text5, show) => show ? text5.replace(/\t/g, "\u2192   ").replace(/ /g, "\xB7") : text5;
 var runsOf = (line, language, highlighter, showWhitespace) => {
   if (line.segments?.length) {
     return line.segments.map((s) => s.kind === "equal" ? { text: visible(s.text, showWhitespace) } : { text: visible(s.text, showWhitespace), mark: s.kind });
@@ -3578,7 +3660,7 @@ var diffViewManifest = {
   outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, view?, path?, id?, collapsed?, action?, x?, y? } \u2014 applied by the runtime to the controller." }],
   commands: []
 };
-var EMPTY4 = {
+var EMPTY5 = {
   idle: true,
   computing: false,
   failed: false,
@@ -3594,11 +3676,11 @@ var EMPTY4 = {
   countLabel: "0 files \xB7 +0 \u22120",
   rightLabel: ""
 };
-var BEHAVIOURS3 = {
-  "ops/diffPanelView": (inputs) => inputs.view ?? EMPTY4
+var BEHAVIOURS4 = {
+  "ops/diffPanelView": (inputs) => inputs.view ?? EMPTY5
 };
-var text3 = (b) => ({ component: "text", props: { text: b } });
-var ui3 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var text4 = (b) => ({ component: "text", props: { text: b } });
+var ui4 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
 var LINE = (kindKey) => ({
   component: "chrome/DiffLine",
   each: { item: kindKey, key: "key" },
@@ -3622,22 +3704,22 @@ var DIFF_DECLARATION = {
           {
             component: "chrome/Toolbar",
             props: {
-              left: { node: { component: "chrome/SegmentedControl", props: { label: { value: "View" }, value: { input: "view.view" }, options: { input: "view.views" } }, on: { onChange: ui3("view", { view: { arg: "" } }) } } },
+              left: { node: { component: "chrome/SegmentedControl", props: { label: { value: "View" }, value: { input: "view.view" }, options: { input: "view.views" } }, on: { onChange: ui4("view", { view: { arg: "" } }) } } },
               right: {
                 node: {
                   component: "chrome/ToolbarGroup",
                   props: { end: { value: true } },
                   children: [
-                    { component: "chrome/TextButton", children: [text3({ input: "view.wrapLabel" })], on: { onClick: ui3("toggleWrap") } },
-                    { component: "chrome/TextButton", children: [text3({ input: "view.whitespaceLabel" })], on: { onClick: ui3("toggleWhitespace") } },
-                    { component: "chrome/TextButton", children: [text3({ value: "Prev" })], on: { onClick: ui3("prev") } },
-                    { component: "chrome/TextButton", children: [text3({ value: "Next" })], on: { onClick: ui3("next") } }
+                    { component: "chrome/TextButton", children: [text4({ input: "view.wrapLabel" })], on: { onClick: ui4("toggleWrap") } },
+                    { component: "chrome/TextButton", children: [text4({ input: "view.whitespaceLabel" })], on: { onClick: ui4("toggleWhitespace") } },
+                    { component: "chrome/TextButton", children: [text4({ value: "Prev" })], on: { onClick: ui4("prev") } },
+                    { component: "chrome/TextButton", children: [text4({ value: "Next" })], on: { onClick: ui4("next") } }
                   ]
                 }
               }
             }
           },
-          { component: "chrome/Note", when: { input: "view.conflictNotice" }, children: [{ component: "chrome/Badge", props: { tone: { value: "error" } }, children: [text3({ input: "view.conflictNotice" })] }] },
+          { component: "chrome/Note", when: { input: "view.conflictNotice" }, children: [{ component: "chrome/Badge", props: { tone: { value: "error" } }, children: [text4({ input: "view.conflictNotice" })] }] },
           {
             component: "chrome/ScrollArea",
             children: [
@@ -3645,17 +3727,17 @@ var DIFF_DECLARATION = {
                 component: "chrome/Section",
                 each: { input: "view.files", key: "key" },
                 props: {
-                  title: { node: { component: "chrome/Text", children: [text3({ item: "title" })] } },
-                  badge: { node: { component: "chrome/Badge", children: [text3({ item: "status" })] } },
-                  actions: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text3({ item: "counts" })] } },
+                  title: { node: { component: "chrome/Text", children: [text4({ item: "title" })] } },
+                  badge: { node: { component: "chrome/Badge", children: [text4({ item: "status" })] } },
+                  actions: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text4({ item: "counts" })] } },
                   collapsible: { value: true },
                   collapsed: { item: "collapsed" },
                   flush: { value: true }
                 },
-                on: { onCollapsedChange: ui3("collapse", { path: { item: "path" }, collapsed: { arg: "" } }) },
+                on: { onCollapsedChange: ui4("collapse", { path: { item: "path" }, collapsed: { arg: "" } }) },
                 children: [
                   // 🔴 Never an empty body. "Binary — not compared" and "no changes" are different facts.
-                  { component: "chrome/Text", when: { item: "omitted" }, props: { role: { value: "meta" } }, children: [text3({ item: "omission" })] },
+                  { component: "chrome/Text", when: { item: "omitted" }, props: { role: { value: "meta" } }, children: [text4({ item: "omission" })] },
                   {
                     component: "chrome/Hunk",
                     each: { item: "hunks", key: "key" },
@@ -3666,11 +3748,11 @@ var DIFF_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            text3({ item: "header" }),
-                            { component: "chrome/Badge", when: { item: "chipPending" }, children: [text3({ value: "deciding\u2026" })] },
-                            { component: "chrome/Badge", when: { item: "chipConflict" }, props: { tone: { value: "error" }, title: { item: "conflictTitle" } }, children: [text3({ value: "conflict \u2014 re-review" })] },
-                            { component: "chrome/Badge", when: { item: "chipFailed" }, props: { tone: { value: "error" }, title: { item: "failedTitle" } }, children: [text3({ value: "failed" })] },
-                            { component: "chrome/Badge", when: { item: "chipApplied" }, props: { tone: { value: "success" } }, children: [text3({ item: "appliedText" })] }
+                            text4({ item: "header" }),
+                            { component: "chrome/Badge", when: { item: "chipPending" }, children: [text4({ value: "deciding\u2026" })] },
+                            { component: "chrome/Badge", when: { item: "chipConflict" }, props: { tone: { value: "error" }, title: { item: "conflictTitle" } }, children: [text4({ value: "conflict \u2014 re-review" })] },
+                            { component: "chrome/Badge", when: { item: "chipFailed" }, props: { tone: { value: "error" }, title: { item: "failedTitle" } }, children: [text4({ value: "failed" })] },
+                            { component: "chrome/Badge", when: { item: "chipApplied" }, props: { tone: { value: "success" } }, children: [text4({ item: "appliedText" })] }
                           ]
                         }
                       },
@@ -3679,14 +3761,14 @@ var DIFF_DECLARATION = {
                           component: "fragment",
                           when: { item: "review" },
                           children: [
-                            { component: "chrome/TextButton", when: { item: "attention" }, children: [text3({ value: "Re-review" })], on: { onClick: ui3("reReview", { path: { item: "path" }, id: { item: "id" } }) } },
-                            { component: "chrome/TextButton", when: { not: { item: "attention" } }, props: { disabled: { item: "deciding" } }, children: [text3({ value: "Accept" })], on: { onClick: ui3("decide", { path: { item: "path" }, id: { item: "id" }, action: { value: "accept" } }) } },
-                            { component: "chrome/TextButton", when: { not: { item: "attention" } }, props: { disabled: { item: "deciding" } }, children: [text3({ value: "Reject" })], on: { onClick: ui3("decide", { path: { item: "path" }, id: { item: "id" }, action: { value: "reject" } }) } }
+                            { component: "chrome/TextButton", when: { item: "attention" }, children: [text4({ value: "Re-review" })], on: { onClick: ui4("reReview", { path: { item: "path" }, id: { item: "id" } }) } },
+                            { component: "chrome/TextButton", when: { not: { item: "attention" } }, props: { disabled: { item: "deciding" } }, children: [text4({ value: "Accept" })], on: { onClick: ui4("decide", { path: { item: "path" }, id: { item: "id" }, action: { value: "accept" } }) } },
+                            { component: "chrome/TextButton", when: { not: { item: "attention" } }, props: { disabled: { item: "deciding" } }, children: [text4({ value: "Reject" })], on: { onClick: ui4("decide", { path: { item: "path" }, id: { item: "id" }, action: { value: "reject" } }) } }
                           ]
                         }
                       }
                     },
-                    on: { onContextMenuAt: ui3("contextMenu", { path: { item: "path" }, id: { item: "id" }, x: { arg: "" }, y: { arg: "", index: 1 } }) },
+                    on: { onContextMenuAt: ui4("contextMenu", { path: { item: "path" }, id: { item: "id" }, x: { arg: "" }, y: { arg: "", index: 1 } }) },
                     children: [
                       LINE("lines"),
                       {
@@ -3706,8 +3788,8 @@ var DIFF_DECLARATION = {
           {
             component: "chrome/StatusBar",
             props: {
-              left: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text3({ input: "view.countLabel" })] } },
-              right: { node: { component: "chrome/Text", props: { role: { value: "meta" } }, children: [text3({ input: "view.rightLabel" })] } }
+              left: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text4({ input: "view.countLabel" })] } },
+              right: { node: { component: "chrome/Text", props: { role: { value: "meta" } }, children: [text4({ input: "view.rightLabel" })] } }
             }
           }
         ]
@@ -3717,29 +3799,29 @@ var DIFF_DECLARATION = {
 };
 
 // src/ops/diff/react/DiffPanelView.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function DiffPanelView({ controller, ...options }) {
   useSyncExternalStore4(controller.subscribe, controller.getState, controller.getState);
   const view = diffViewState(controller, options);
-  const ui4 = (intent) => applyDiffUi(controller, intent);
+  const ui5 = (intent) => applyDiffUi(controller, intent);
   const hunk = (h) => /* @__PURE__ */ jsxs4(
     Hunk,
     {
       focused: h.focused,
       settled: h.settled,
-      header: /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      header: /* @__PURE__ */ jsxs4(Fragment4, { children: [
         h.header,
         h.chipPending ? /* @__PURE__ */ jsx4(Badge4, { children: "deciding\u2026" }) : null,
         h.chipConflict ? /* @__PURE__ */ jsx4(Badge4, { tone: "error", title: h.conflictTitle, children: "conflict \u2014 re-review" }) : null,
         h.chipFailed ? /* @__PURE__ */ jsx4(Badge4, { tone: "error", title: h.failedTitle, children: "failed" }) : null,
         h.chipApplied ? /* @__PURE__ */ jsx4(Badge4, { tone: "success", children: h.appliedText }) : null
       ] }),
-      actions: h.review ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-        h.attention ? /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui4({ kind: "reReview", path: h.path, id: h.id }), children: "Re-review" }) : null,
-        !h.attention ? /* @__PURE__ */ jsx4(TextButton3, { disabled: h.deciding, onClick: () => ui4({ kind: "decide", path: h.path, id: h.id, action: "accept" }), children: "Accept" }) : null,
-        !h.attention ? /* @__PURE__ */ jsx4(TextButton3, { disabled: h.deciding, onClick: () => ui4({ kind: "decide", path: h.path, id: h.id, action: "reject" }), children: "Reject" }) : null
+      actions: h.review ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        h.attention ? /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui5({ kind: "reReview", path: h.path, id: h.id }), children: "Re-review" }) : null,
+        !h.attention ? /* @__PURE__ */ jsx4(TextButton3, { disabled: h.deciding, onClick: () => ui5({ kind: "decide", path: h.path, id: h.id, action: "accept" }), children: "Accept" }) : null,
+        !h.attention ? /* @__PURE__ */ jsx4(TextButton3, { disabled: h.deciding, onClick: () => ui5({ kind: "decide", path: h.path, id: h.id, action: "reject" }), children: "Reject" }) : null
       ] }) : null,
-      onContextMenuAt: (x, y) => ui4({ kind: "contextMenu", path: h.path, id: h.id, x, y }),
+      onContextMenuAt: (x, y) => ui5({ kind: "contextMenu", path: h.path, id: h.id, x, y }),
       children: [
         h.lines.map((l) => /* @__PURE__ */ jsx4(DiffLine, { kind: l.kind, gutter: l.gutter, sigil: l.sigil, wrap: view.wrap, runs: l.runs }, l.key)),
         h.rows.map((r) => /* @__PURE__ */ jsxs4(DiffSplitRow, { children: [
@@ -3750,21 +3832,21 @@ function DiffPanelView({ controller, ...options }) {
     },
     h.key
   );
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     view.idle ? /* @__PURE__ */ jsx4(EmptyState4, { title: "Diff", hint: "Nothing to compare yet." }) : null,
     view.computing ? /* @__PURE__ */ jsx4(EmptyState4, { title: "Comparing\u2026", hint: "The host is computing the differences." }) : null,
     view.failed ? /* @__PURE__ */ jsx4(EmptyState4, { title: "Comparison failed", hint: view.failedHint }) : null,
     view.identical ? /* @__PURE__ */ jsx4(EmptyState4, { title: "No changes", hint: "The two sides are identical." }) : null,
-    view.active ? /* @__PURE__ */ jsxs4(Column3, { children: [
+    view.active ? /* @__PURE__ */ jsxs4(Column4, { children: [
       /* @__PURE__ */ jsx4(
         Toolbar4,
         {
-          left: /* @__PURE__ */ jsx4(SegmentedControl2, { label: "View", value: view.view, options: view.views, onChange: (value) => ui4({ kind: "view", view: value }) }),
+          left: /* @__PURE__ */ jsx4(SegmentedControl2, { label: "View", value: view.view, options: view.views, onChange: (value) => ui5({ kind: "view", view: value }) }),
           right: /* @__PURE__ */ jsxs4(ToolbarGroup4, { end: true, children: [
-            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui4({ kind: "toggleWrap" }), children: view.wrapLabel }),
-            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui4({ kind: "toggleWhitespace" }), children: view.whitespaceLabel }),
-            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui4({ kind: "prev" }), children: "Prev" }),
-            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui4({ kind: "next" }), children: "Next" })
+            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui5({ kind: "toggleWrap" }), children: view.wrapLabel }),
+            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui5({ kind: "toggleWhitespace" }), children: view.whitespaceLabel }),
+            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui5({ kind: "prev" }), children: "Prev" }),
+            /* @__PURE__ */ jsx4(TextButton3, { onClick: () => ui5({ kind: "next" }), children: "Next" })
           ] })
         }
       ),
@@ -3778,7 +3860,7 @@ function DiffPanelView({ controller, ...options }) {
           collapsible: true,
           collapsed: f.collapsed,
           flush: true,
-          onCollapsedChange: (collapsed) => ui4({ kind: "collapse", path: f.path, collapsed }),
+          onCollapsedChange: (collapsed) => ui5({ kind: "collapse", path: f.path, collapsed }),
           children: [
             f.omitted ? /* @__PURE__ */ jsx4(Text3, { role: "meta", children: f.omission }) : null,
             f.hunks.map(hunk)
@@ -3913,7 +3995,7 @@ export {
   ConsolePanelView,
   ConsoleScroller,
   DEFAULT_MAX_STEP_DEPTH,
-  BEHAVIOURS3 as DIFF_BEHAVIOURS,
+  BEHAVIOURS4 as DIFF_BEHAVIOURS,
   DIFF_DECLARATION,
   DIFF_PANEL_ID,
   DIFF_RUNTIME_UNITS,
@@ -3930,15 +4012,20 @@ export {
   RUN_STATUSES,
   RunsController,
   RunsPanelView,
+  BEHAVIOURS3 as TERMINAL_BEHAVIOURS,
+  TERMINAL_DECLARATION,
   TERMINAL_PANEL_ID,
+  TERMINAL_RUNTIME_UNITS,
   TERMINAL_STATUSES,
   TerminalController,
   TerminalPanelView,
+  TerminalSurfaces,
   XENO_TERMINAL_THEME_KEYS,
   appendStepsAtPath,
   applyConsoleUi,
   applyDiffUi,
   applyRunsUi,
+  applyTerminalUi,
   canCancel,
   canRetry,
   collapseAdjacent,
@@ -3990,7 +4077,10 @@ export {
   statusLabel,
   terminalManifest,
   terminalPanel,
+  terminalRuntimeComponents,
   terminalThemeVar,
+  terminalViewManifest,
+  terminalViewState,
   toneOf,
   truncateLogMessage
 };

package/dist/time/index.js

@@ -13,7 +13,7 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-7S2RKUAM.js";
+} from "../chunk-4IDY5FHM.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.27",
+  "version": "0.13.29",
   "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",
@@ -64,7 +64,7 @@
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
     "@xenosystem/block-sdk": ">=0.3.4 <1",
-    "@xenosystem/components": ">=0.29.1 <1",
+    "@xenosystem/components": ">=0.30.0 <1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
@@ -81,7 +81,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@xenosystem/block-sdk": "^0.3.4",
-    "@xenosystem/components": "^0.29.1",
+    "@xenosystem/components": "^0.30.0",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",