@xenosystem/blocks 0.13.10 → 0.13.12

package/dist/ops/index.js

@@ -8,10 +8,9 @@ import {
 } from "../chunk-WE6A2DTY.js";
 import {
   CancelGlyph,
-  ClearGlyph,
-  CopyGlyph,
+  ICONS,
   RetryGlyph
-} from "../chunk-K7YLLV2W.js";
+} from "../chunk-5BVZMAD2.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts
@@ -63,10 +62,10 @@ function spliceRedactedAppend(existing, addition, redact, carry = REDACTION_CARR
   const tail = existing.slice(cut);
   return head + redact(tail + addition);
 }
-function truncateLogMessage(text, max) {
-  if (max <= 0 || text.length <= max) return text;
-  if (max <= MESSAGE_ELISION.length) return text.slice(text.length - max);
-  return MESSAGE_ELISION + text.slice(text.length - (max - MESSAGE_ELISION.length));
+function truncateLogMessage(text2, max) {
+  if (max <= 0 || text2.length <= max) return text2;
+  if (max <= MESSAGE_ELISION.length) return text2.slice(text2.length - max);
+  return MESSAGE_ELISION + text2.slice(text2.length - (max - MESSAGE_ELISION.length));
 }
 function formatRecord(record) {
   const time = new Date(record.ts).toISOString();
@@ -243,7 +242,7 @@ var ConsoleController = class {
    */
   merge(existing, patch) {
     const secrets = [...this.host.getSecrets?.() ?? []];
-    const redact = (text) => redactForLog(text, secrets);
+    const redact = (text2) => redactForLog(text2, secrets);
     let message = existing.message;
     if (typeof patch.message === "string") message = redact(patch.message);
     if (typeof patch.appendMessage === "string" && patch.appendMessage.length > 0) {
@@ -388,6 +387,29 @@ var ConsoleController = class {
   }
   /* ── Interaction ───────────────────────────────────────────────────────── */
   /** Follow the tail. Auto-disabled by the view when the user scrolls up. */
+  /* ── View state the declaration cannot hold ────────────────────────────── */
+  expandedId = null;
+  viewport = { height: 0, scrollTop: 0 };
+  /** Which record's data is expanded under its row, if any. */
+  getExpanded() {
+    return this.expandedId;
+  }
+  /** Toggle a record's expanded detail (only records carrying `data` expand). */
+  toggleExpanded(recordId) {
+    const record = this.records.find((r) => r.id === recordId);
+    if (!record || record.data === void 0) return;
+    this.expandedId = this.expandedId === recordId ? null : recordId;
+    this.notify();
+  }
+  /** The scroller reports its viewport; the view state windows the rows from it. */
+  setViewport(height, scrollTop) {
+    if (this.viewport.height === height && this.viewport.scrollTop === scrollTop) return;
+    this.viewport = { height, scrollTop };
+    this.notify();
+  }
+  getViewport() {
+    return this.viewport;
+  }
   setFollow(follow) {
     if (this.follow === follow) return;
     this.follow = follow;
@@ -607,203 +629,289 @@ var consoleManifest = {
 };
 
 // src/ops/console/react/ConsolePanelView.tsx
-import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { useEffect, useRef, useSyncExternalStore } from "react";
 import {
   Badge,
+  Code,
+  Column,
   EmptyState,
+  FilterChip,
   IconButton,
   Row,
   RowList,
   ScrollArea,
   SearchField,
   SegmentedControl,
+  Stack,
   StatusBar,
+  Text,
   Toolbar,
-  ToolbarGroup
+  ToolbarGroup,
+  VirtualWindow
 } from "@xenosystem/components/chrome";
+
+// src/ops/console/declaration.ts
 import { computeWindow } from "@xenosystem/tree-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TONE = {
-  trace: "neutral",
-  debug: "neutral",
-  info: "info",
-  warn: "warning",
-  error: "error"
+var TONE = { trace: "neutral", debug: "neutral", info: "info", warn: "warning", error: "error" };
+function consoleViewState(c, options = {}) {
+  const s = c.getState();
+  const rowHeight = options.rowHeight ?? 20;
+  const showTimestamps = options.showTimestamps ?? true;
+  const viewport = c.getViewport();
+  const window_ = computeWindow({ scrollTop: viewport.scrollTop, viewportHeight: viewport.height || rowHeight * 20, rowHeight, rowCount: s.rows.length });
+  const expanded = c.getExpanded();
+  return {
+    search: s.filter.search ?? "",
+    levels: LEVEL_ORDER.map((l) => ({ value: l, label: l.slice(0, 1).toUpperCase() })),
+    level: s.filter.minLevel ?? "trace",
+    errors: s.counts.error > 0 ? String(s.counts.error) : void 0,
+    warns: s.counts.warn > 0 ? String(s.counts.warn) : void 0,
+    multiSource: s.sources.length > 1,
+    sources: s.sources.map((src) => ({ id: src.id, label: src.label ?? src.id, on: src.enabled, title: `${src.count} records` })),
+    empty: s.rows.length === 0,
+    emptyTitle: s.total > 0 ? "No matches" : "No output",
+    emptyHint: s.total > 0 ? "Nothing matches the current filter." : options.emptyHint ?? "Run something to see its output here.",
+    listed: s.rows.length > 0,
+    rowHeight,
+    totalHeight: window_.totalHeight,
+    offsetTop: window_.offsetTop,
+    rows: s.rows.slice(window_.startIndex, window_.endIndex).map((record) => ({
+      id: record.id,
+      time: showTimestamps ? new Date(record.ts).toISOString().slice(11, 23) : void 0,
+      level: record.level,
+      tone: TONE[record.level],
+      source: record.source,
+      message: record.message,
+      repeat: (record.count ?? 1) > 1 ? `x${record.count}` : void 0,
+      expanded: expanded === record.id && record.data !== void 0,
+      // Already redacted — the buffer never held the raw value.
+      detail: expanded === record.id && record.data !== void 0 ? safeJson(record.data) : void 0
+    })),
+    countLabel: `${s.rows.length} of ${s.total}` + (s.dropped > 0 ? ` \xB7 ${s.dropped} dropped` : "") + (s.droppedPatches > 0 ? ` \xB7 ${s.droppedPatches} unmatched` : ""),
+    followLabel: s.follow ? "following" : void 0
+  };
+}
+function applyConsoleUi(c, intent) {
+  switch (intent.kind) {
+    case "search":
+      c.setSearch(intent.value);
+      break;
+    case "level":
+      c.setLevel(intent.level === "trace" ? void 0 : intent.level);
+      break;
+    case "copyVisible":
+      void globalThis.navigator?.clipboard?.writeText(c.copyVisible());
+      break;
+    case "clear":
+      c.clear();
+      break;
+    case "source":
+      c.toggleSource(intent.id, intent.on);
+      break;
+    case "row":
+      c.toggleExpanded(intent.id);
+      c.activate(intent.id);
+      break;
+    case "contextMenu":
+      c.requestContextMenu(intent.id, intent.x, intent.y);
+      break;
+  }
+}
+var consoleViewManifest = {
+  id: consoleManifest.id,
+  version: "1.0.0",
+  title: "Console",
+  category: "ops",
+  layout: { slot: "bottom" },
+  inputs: [{ id: "view", type: "object", label: "View state", description: "The ConsoleViewModel the runtime derives from the controller on every draw." }],
+  outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, \u2026 } \u2014 applied by the runtime to the controller." }],
+  commands: []
 };
-function ConsolePanelView({
-  controller,
-  rowHeight = 20,
-  showTimestamps = true,
-  emptyHint
-}) {
+var EMPTY = { search: "", levels: [], level: "trace", multiSource: false, sources: [], empty: true, emptyTitle: "No output", emptyHint: "Run something to see its output here.", listed: false, rowHeight: 20, totalHeight: 0, offsetTop: 0, rows: [], countLabel: "0 of 0" };
+var BEHAVIOURS = {
+  "ops/consolePanelView": (inputs) => inputs.view ?? EMPTY
+};
+var CONSOLE_RUNTIME_UNITS = ["console/Scroller"];
+var text = (b) => ({ component: "text", props: { text: b } });
+var ui = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var CONSOLE_DECLARATION = {
+  format: "xeno.block@1",
+  manifest: consoleViewManifest,
+  behaviour: "ops/consolePanelView",
+  composition: {
+    component: "chrome/Column",
+    children: [
+      {
+        component: "chrome/Toolbar",
+        props: {
+          left: {
+            node: {
+              component: "fragment",
+              children: [
+                { component: "chrome/SearchField", props: { value: { input: "view.search" }, placeholder: { value: "Filter\u2026" } }, on: { onChange: ui("search", { value: { arg: "" } }) } },
+                { component: "chrome/SegmentedControl", props: { size: { value: "sm" }, label: { value: "Minimum level" }, options: { input: "view.levels" }, value: { input: "view.level" } }, on: { onChange: ui("level", { level: { arg: "" } }) } }
+              ]
+            }
+          },
+          right: {
+            node: {
+              component: "chrome/ToolbarGroup",
+              props: { end: { value: true } },
+              children: [
+                { component: "chrome/Badge", when: { input: "view.errors" }, props: { tone: { value: "error" } }, children: [text({ input: "view.errors" })] },
+                { component: "chrome/Badge", when: { input: "view.warns" }, props: { tone: { value: "warning" } }, children: [text({ input: "view.warns" })] },
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Copy" } }, label: { value: "Copy visible" } }, on: { onClick: ui("copyVisible") } },
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Clear" } }, label: { value: "Clear" } }, on: { onClick: ui("clear") } }
+              ]
+            }
+          }
+        }
+      },
+      {
+        component: "chrome/Stack",
+        when: { input: "view.multiSource" },
+        props: { direction: { value: "row" }, gap: { value: 4 }, pad: { value: "inset" } },
+        children: [
+          { component: "chrome/FilterChip", each: { input: "view.sources", key: "id" }, props: { on: { item: "on" }, title: { item: "title" } }, on: { onChange: ui("source", { id: { item: "id" }, on: { arg: "" } }) }, children: [text({ item: "label" })] }
+        ]
+      },
+      { component: "chrome/EmptyState", when: { input: "view.empty" }, props: { title: { input: "view.emptyTitle" }, hint: { input: "view.emptyHint" } } },
+      {
+        component: "console/Scroller",
+        when: { input: "view.listed" },
+        children: [
+          {
+            component: "chrome/VirtualWindow",
+            props: { totalHeight: { input: "view.totalHeight" }, offsetTop: { input: "view.offsetTop" } },
+            children: [
+              {
+                component: "chrome/RowList",
+                props: { role: { value: "log" } },
+                children: [
+                  {
+                    component: "fragment",
+                    each: { input: "view.rows", key: "id" },
+                    children: [
+                      {
+                        component: "chrome/Row",
+                        props: {
+                          height: { input: "view.rowHeight" },
+                          noIcon: { value: true },
+                          label: {
+                            node: {
+                              component: "chrome/Stack",
+                              props: { direction: { value: "row" }, pad: { value: "none" } },
+                              children: [
+                                { component: "chrome/Text", when: { item: "time" }, props: { role: { value: "number" } }, children: [text({ item: "time" })] },
+                                { component: "chrome/Badge", props: { tone: { item: "tone" } }, children: [text({ item: "level" })] },
+                                { component: "chrome/Text", when: { item: "source" }, props: { role: { value: "meta" } }, children: [text({ item: "source" })] },
+                                { component: "chrome/Text", children: [text({ item: "message" })] }
+                              ]
+                            }
+                          },
+                          trailing: { node: { component: "chrome/Badge", when: { item: "repeat" }, props: { title: { value: "Repeated consecutively" } }, children: [text({ item: "repeat" })] } }
+                        },
+                        on: { onClick: ui("row", { id: { item: "id" } }), onContextMenuAt: ui("contextMenu", { id: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } }) }
+                      },
+                      { component: "chrome/Code", when: { item: "expanded" }, children: [text({ item: "detail" })] }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      { component: "chrome/StatusBar", props: { left: { input: "view.countLabel" }, right: { input: "view.followLabel" } } }
+    ]
+  }
+};
+
+// src/ops/console/react/ConsolePanelView.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CopyGlyph = ICONS["icons/Copy"];
+var ClearGlyph = ICONS["icons/Clear"];
+function ConsoleScroller({ controller, rowHeight = 20, children }) {
   const state = useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
-  const scrollRef = useRef(null);
-  const [viewport, setViewport] = useState({ height: 0, scrollTop: 0 });
-  const [expanded, setExpanded] = useState(null);
+  const ref = useRef(null);
   useEffect(() => {
-    const element = scrollRef.current;
-    if (!element || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => setViewport((v) => ({ ...v, height: element.clientHeight })));
-    observer.observe(element);
-    setViewport((v) => ({ ...v, height: element.clientHeight }));
-    return () => observer.disconnect();
-  }, []);
+    const el = ref.current;
+    if (!el) return;
+    controller.setViewport(el.clientHeight, el.scrollTop);
+    const RO = globalThis.ResizeObserver;
+    if (!RO) return;
+    const ro = new RO(() => controller.setViewport(el.clientHeight, el.scrollTop));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [controller]);
   useEffect(() => {
-    const element = scrollRef.current;
-    if (!element || !state.follow) return;
-    element.scrollTop = element.scrollHeight;
+    const el = ref.current;
+    if (!el || !state.follow) return;
+    el.scrollTop = el.scrollHeight;
   }, [state.rows.length, state.follow]);
-  const onScroll = useCallback(
-    (event) => {
-      const el = event.currentTarget;
-      setViewport((v) => ({ ...v, scrollTop: el.scrollTop }));
-      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < rowHeight;
-      if (state.follow && !atBottom) controller.setFollow(false);
-      else if (!state.follow && atBottom) controller.setFollow(true);
-    },
-    [controller, rowHeight, state.follow]
+  return /* @__PURE__ */ jsx(
+    ScrollArea,
+    {
+      ref,
+      onScroll: (e) => {
+        const el = e.currentTarget;
+        controller.setViewport(el.clientHeight, el.scrollTop);
+        const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < rowHeight;
+        if (state.follow && !atBottom) controller.setFollow(false);
+        else if (!state.follow && atBottom) controller.setFollow(true);
+      },
+      children
+    }
   );
-  const window = computeWindow({
-    scrollTop: viewport.scrollTop,
-    viewportHeight: viewport.height || rowHeight * 20,
-    rowHeight,
-    rowCount: state.rows.length
-  });
-  const slice = state.rows.slice(window.startIndex, window.endIndex);
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+}
+function consoleRuntimeComponents(controller, rowHeight) {
+  return {
+    "console/Scroller": ({ children }) => /* @__PURE__ */ jsx(ConsoleScroller, { controller, rowHeight, children })
+  };
+}
+function ConsolePanelView({ controller, ...options }) {
+  useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
+  const view = consoleViewState(controller, options);
+  const ui2 = (intent) => applyConsoleUi(controller, intent);
+  return /* @__PURE__ */ jsxs(Column, { children: [
     /* @__PURE__ */ jsx(
       Toolbar,
       {
         left: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SearchField,
-            {
-              value: state.filter.search ?? "",
-              onChange: (term) => controller.setSearch(term),
-              placeholder: "Filter\u2026"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SegmentedControl,
-            {
-              size: "sm",
-              label: "Minimum level",
-              options: LEVEL_ORDER.map((l) => ({ value: l, label: l.slice(0, 1).toUpperCase() })),
-              value: state.filter.minLevel ?? "trace",
-              onChange: (level) => controller.setLevel(level === "trace" ? void 0 : level)
-            }
-          )
+          /* @__PURE__ */ jsx(SearchField, { value: view.search, placeholder: "Filter\u2026", onChange: (value) => ui2({ kind: "search", value }) }),
+          /* @__PURE__ */ jsx(SegmentedControl, { size: "sm", label: "Minimum level", options: view.levels, value: view.level, onChange: (level) => ui2({ kind: "level", level }) })
         ] }),
         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__ */ jsx(CopyGlyph, {}),
-              label: "Copy visible",
-              onClick: () => {
-                void navigator?.clipboard?.writeText(controller.copyVisible());
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(ClearGlyph, {}), label: "Clear", onClick: () => controller.clear() })
+          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: () => ui2({ kind: "copyVisible" }) }),
+          /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(ClearGlyph, {}), label: "Clear", onClick: () => ui2({ kind: "clear" }) })
         ] })
       }
     ),
-    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__ */ jsx(Badge, { title: `${source.count} records`, children: source.label ?? source.id })
-      },
-      source.id
-    )) }) : null,
-    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__ */ 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,
-        controller,
-        rowHeight,
-        showTimestamps,
-        expanded: expanded === record.id,
-        onToggle: () => setExpanded(expanded === record.id ? null : record.id)
-      },
-      record.id
-    )) }) }) }) }) }),
-    /* @__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:
-        // the producer sees no line grow, and a mis-keyed wire looks exactly like a dead one.
-        (state.droppedPatches > 0 ? ` \xB7 ${state.droppedPatches} unmatched` : ""),
-        right: state.follow ? "following" : void 0
-      }
-    )
-  ] });
-}
-function LogRow({
-  record,
-  controller,
-  rowHeight,
-  showTimestamps,
-  expanded,
-  onToggle
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Row,
-      {
-        style: { height: rowHeight, alignItems: "flex-start" },
-        noIcon: true,
-        onClick: () => {
-          if (record.data !== void 0) onToggle();
-          controller.activate(record.id);
-        },
-        onContextMenu: (e) => {
-          e.preventDefault();
-          controller.requestContextMenu(record.id, e.clientX, e.clientY);
-        },
-        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 },
-              children: record.message
-            }
-          )
-        ] }),
-        trailing: (record.count ?? 1) > 1 ? (
-          // The best feature in any incumbent: a run of identical lines is one row with a count.
-          /* @__PURE__ */ jsx(Badge, { title: "Repeated consecutively", children: `x${record.count}` })
-        ) : null
-      }
-    ),
-    expanded && record.data !== void 0 ? /* @__PURE__ */ jsx(
-      "pre",
-      {
-        style: {
-          margin: 0,
-          padding: "2px 10px 6px 24px",
-          fontSize: 10,
-          lineHeight: 1.4,
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-all",
-          opacity: 0.8
+    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) => ui2({ 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(
+        Row,
+        {
+          height: view.rowHeight,
+          noIcon: true,
+          label: /* @__PURE__ */ jsxs(Stack, { direction: "row", pad: "none", children: [
+            row.time ? /* @__PURE__ */ jsx(Text, { role: "number", children: row.time }) : null,
+            /* @__PURE__ */ jsx(Badge, { tone: row.tone, children: row.level }),
+            row.source ? /* @__PURE__ */ jsx(Text, { role: "meta", children: row.source }) : null,
+            /* @__PURE__ */ jsx(Text, { children: row.message })
+          ] }),
+          trailing: row.repeat ? /* @__PURE__ */ jsx(Badge, { title: "Repeated consecutively", children: row.repeat }) : null,
+          onClick: () => ui2({ kind: "row", id: row.id }),
+          onContextMenuAt: (x, y) => ui2({ kind: "contextMenu", id: row.id, x, y })
         },
-        children: safeJson(record.data)
-      }
-    ) : null
+        row.id
+      ),
+      row.expanded ? /* @__PURE__ */ jsx(Code, { children: row.detail }, `${row.id}:detail`) : null
+    ] })) }) }) }) : null,
+    /* @__PURE__ */ jsx(StatusBar, { left: view.countLabel, right: view.followLabel })
   ] });
 }
 
@@ -1815,12 +1923,12 @@ function TruncationBadge({ reason }) {
 }
 function RowLabel({
   status,
-  text,
+  text: text2,
   trailing
 }) {
   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 }),
+    /* @__PURE__ */ jsx2("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: text2 }),
     trailing
   ] });
 }
@@ -2822,11 +2930,11 @@ function omissionLabel(omission) {
 }
 
 // src/ops/diff/controller.ts
-var EMPTY = { files: [], status: "idle" };
+var EMPTY2 = { files: [], status: "idle" };
 var DiffController = class {
   host;
   reviewEnabled;
-  model = EMPTY;
+  model = EMPTY2;
   rev = -1;
   decisions = /* @__PURE__ */ new Map();
   view;
@@ -3089,7 +3197,7 @@ var DiffController = class {
   /** Tear down. */
   dispose() {
     this.listeners.clear();
-    this.model = EMPTY;
+    this.model = EMPTY2;
     this.decisions.clear();
   }
 };
@@ -3245,8 +3353,8 @@ var MARK = {
   context: {}
 };
 var SIGIL = { added: "+", removed: "-", context: " " };
-function visible(text, show) {
-  return show ? text.replace(/\t/g, "\u2192   ").replace(/ /g, "\xB7") : text;
+function visible(text2, show) {
+  return show ? text2.replace(/\t/g, "\u2192   ").replace(/ /g, "\xB7") : text2;
 }
 function LineText({
   line,
@@ -3629,9 +3737,13 @@ function createDiffPanel(options = {}) {
 var diffPanel = createDiffPanel();
 export {
   ALL_STATUSES,
+  BEHAVIOURS as CONSOLE_BEHAVIOURS,
+  CONSOLE_DECLARATION,
   CONSOLE_PANEL_ID,
+  CONSOLE_RUNTIME_UNITS,
   ConsoleController,
   ConsolePanelView,
+  ConsoleScroller,
   DEFAULT_MAX_STEP_DEPTH,
   DIFF_PANEL_ID,
   DiffController,
@@ -3650,12 +3762,16 @@ export {
   TerminalPanelView,
   XENO_TERMINAL_THEME_KEYS,
   appendStepsAtPath,
+  applyConsoleUi,
   canCancel,
   canRetry,
   collapseAdjacent,
   computeStats,
   consoleManifest,
   consolePanel,
+  consoleRuntimeComponents,
+  consoleViewManifest,
+  consoleViewState,
   countChanges,
   createConsolePanel,
   createDiffPanel,

package/dist/time/index.js

@@ -13,8 +13,7 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-W4PTX2Y4.js";
-import "../chunk-K7YLLV2W.js";
+} from "../chunk-5BVZMAD2.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.10",
+  "version": "0.13.12",
   "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.21.0 <1",
+    "@xenosystem/components": ">=0.22.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.21.0",
+    "@xenosystem/components": "^0.22.0",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",