omp-fabric 1.9.0 → 1.10.0

package/dist/ui/dashboard.js

@@ -25,6 +25,7 @@ import {
 import {
   formatActorDataPreview,
   formatClock,
+  formatCost,
   formatDuration,
   formatTokens,
   padToWidth,
@@ -53,8 +54,8 @@ import {
   getKeybindings as getKeybindings3,
   Key,
   matchesKey,
-  truncateToWidth as truncateToWidth4,
-  visibleWidth as visibleWidth4
+  truncateToWidth as truncateToWidth5,
+  visibleWidth as visibleWidth5
 } from "@oh-my-pi/pi-tui";
 
 // src/ui/topology.ts
@@ -988,13 +989,257 @@ var entityTail = (entity, now) => {
   return [entity.value.owner, entity.value.detail, `v${entity.value.version}`].filter((value) => Boolean(value)).join(" \xB7 ");
 };
 
+// src/ui/lcm-panel.ts
+import { truncateToWidth, visibleWidth } from "@oh-my-pi/pi-tui";
+var LCM_NODE_PAGE = 200;
+var COVERAGE_COMPLETE_RATIO = 0.95;
+var EMERGENCY_MODEL_HASH = "emergency";
+var readLcmSnapshot = (source, offset) => {
+  const nodes = source.nodes(LCM_NODE_PAGE, offset);
+  return {
+    report: source.report(),
+    coverage: source.coverage(),
+    preview: source.preview(),
+    coverageMap: source.coverageMap(),
+    nodes,
+    offset,
+    hasMore: nodes.length === LCM_NODE_PAGE
+  };
+};
+var lcmNodeDetail = (source, nodeId) => {
+  const detail = source.node(nodeId);
+  if (!detail) return void 0;
+  return {
+    node: detail.node,
+    revisions: [...detail.revisions].sort((left, right) => left.revision - right.revision),
+    ancestors: detail.ancestors
+  };
+};
+var formatBytes = (bytes) => {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  if (bytes < 1024) return `${Math.round(bytes)} B`;
+  if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} kB`;
+  return `${(bytes / 1048576).toFixed(1)} MB`;
+};
+var formatBudget = (used, limit) => Number.isFinite(limit) ? `${used}/${limit}` : `${used}/no limit`;
+var formatPercent = (value) => value > 0 && value < 1 ? `${value.toFixed(value < 0.1 ? 2 : 1)}%` : `${Math.round(value)}%`;
+var isEmergency = (modelHash) => modelHash === EMERGENCY_MODEL_HASH;
+var originLabel = (modelHash) => isEmergency(modelHash) ? "excerpt" : "model";
+var shortId = (value) => value.length > 10 ? `${value.slice(0, 10)}\u2026` : value;
+var textBytes = (text) => text ? Buffer.byteLength(text, "utf8") : 0;
+var lcmUnavailableLine = () => "LCM ledger unavailable \xB7 set compaction.engine to lcm and start a session to populate it";
+var renderLcmHeaderLines = (theme, snapshot, width) => {
+  const { report } = snapshot;
+  const summary = [
+    report.state,
+    report.degraded ? `degraded ${report.degraded}` : void 0,
+    `session ${report.sessionId ?? "none"} \xB7 ${report.sessionEntries} entries`,
+    `ledger ${report.rawEntries} entries`,
+    `model ${report.summaryModel || "inherit"}`,
+    `${report.modelNodes} model \xB7 ${report.emergencyNodes} excerpt \xB7 ${report.pendingNodes} pending`,
+    `today ${formatBudget(report.usage.calls, report.budget.calls)} calls \xB7 ${formatCost(report.usage.cost)}`
+  ].filter((value) => Boolean(value)).join(" \xB7 ");
+  return wrapPlainText(summary, width, 2).map((line) => theme.fg("dim", line));
+};
+var bandRun = (theme, char, length) => {
+  const color = char === "\u2588" ? "success" : char === "\u2593" ? "warning" : "dim";
+  return theme.fg(color, char.repeat(length));
+};
+var coverageBand = (theme, map, cells) => {
+  if (cells <= 0) return "";
+  if (map.length === 0) return theme.fg("dim", "\xB7".repeat(cells));
+  let band = "";
+  let runChar = "";
+  let runLength = 0;
+  for (let cell = 0; cell < cells; cell++) {
+    const start = Math.min(map.length - 1, Math.floor(cell * map.length / cells));
+    const end = Math.min(map.length, Math.max(start + 1, Math.floor((cell + 1) * map.length / cells)));
+    let covered = 0;
+    for (let index = start; index < end; index++) {
+      if (map[index].covered) covered++;
+    }
+    const char = covered === 0 ? "\u2591" : covered === end - start ? "\u2588" : "\u2593";
+    if (char === runChar) {
+      runLength++;
+      continue;
+    }
+    if (runLength > 0) band += bandRun(theme, runChar, runLength);
+    runChar = char;
+    runLength = 1;
+  }
+  if (runLength > 0) band += bandRun(theme, runChar, runLength);
+  return band;
+};
+var renderLcmCoverageLine = (theme, snapshot, width) => {
+  const { active, covered } = snapshot.coverage;
+  const label = `${covered}/${active} covered ${formatPercent(active > 0 ? covered / active * 100 : 0)}`;
+  const cells = Math.max(0, width - visibleWidth(label) - 1);
+  const band = coverageBand(theme, snapshot.coverageMap, cells);
+  return truncateToWidth(`${band} ${theme.fg("muted", label)}`, width, "");
+};
+var nodeRow = (node) => {
+  const indent = "  ".repeat(Math.min(node.depth, 8));
+  const glyph = node.kind === "condensed" ? "\u25C6" : "\u25C7";
+  return safeText(
+    `${indent}${glyph} ${node.kind} ${originLabel(node.modelHash)} \xB7 ${node.sources.length} src \xB7 ${node.children.length} ch \xB7 ${formatBytes(textBytes(node.text))} \xB7 ${shortId(node.nodeId)}`
+  );
+};
+var renderLcmNodeLines = (theme, snapshot, width, height, selectedIndex) => {
+  const available = Math.max(1, height);
+  const total = snapshot.nodes.length;
+  const heading = `nodes ${total === 0 ? 0 : snapshot.offset + 1}-${snapshot.offset + total}${snapshot.hasMore ? "+" : ""}`;
+  const lines = [theme.fg("accent", truncateToWidth(heading, width, ""))];
+  if (total === 0) {
+    lines.push(theme.fg("dim", "  (no summary nodes on the active branch yet)"));
+    while (lines.length < available) lines.push("");
+    return lines.slice(0, available);
+  }
+  const rows = Math.max(1, available - 1);
+  const start = Math.max(
+    0,
+    Math.min(selectedIndex - Math.floor(rows / 2), Math.max(0, total - rows))
+  );
+  for (let index = start; index < Math.min(total, start + rows); index++) {
+    const node = snapshot.nodes[index];
+    const emergency = isEmergency(node.modelHash);
+    let line = theme.fg(emergency ? "warning" : "muted", nodeRow(node));
+    if (index === selectedIndex) line = theme.bg("selectedBg", padToWidth(line, width));
+    lines.push(truncateToWidth(line, width, ""));
+  }
+  while (lines.length < available) lines.push("");
+  return lines.slice(0, available);
+};
+var renderLcmPreviewLines = (theme, snapshot, width, height) => {
+  const available = Math.max(1, height);
+  const preview = snapshot.preview;
+  const complete = preview.activeSources > 0 && preview.coveredSources / preview.activeSources >= COVERAGE_COMPLETE_RATIO;
+  const ratio = complete && preview.sourceBytes > 0 ? ` \xB7 assembled text is ${formatPercent(preview.summaryBytes / preview.sourceBytes * 100)} of the session payload it replaces` : "";
+  const headline = `preview \xB7 frontier holds ${preview.coveredSources}/${preview.activeSources} sources \xB7 ${preview.nodes} nodes assemble to ${formatBytes(preview.summaryBytes)} \xB7 session stored payload ${formatBytes(preview.sourceBytes)}${ratio}`;
+  const lines = wrapPlainText(headline, width, 2).map((line) => theme.fg("accent", line));
+  const body = wrapPlainText(preview.text, width, Math.max(1, available - lines.length));
+  for (const line of body) lines.push(theme.fg("dim", line));
+  if (body.length === 0) lines.push(theme.fg("dim", "(the frontier assembles no text yet)"));
+  while (lines.length < available) lines.push("");
+  return lines.slice(0, available);
+};
+var revisionColumns = (theme, detail, width, rows) => {
+  const current = detail.revisions[detail.revisions.length - 1];
+  const previous = detail.revisions[detail.revisions.length - 2];
+  if (!current) return [];
+  if (!previous) {
+    const lines2 = [theme.fg("accent", `text \xB7 current revision ${current.revision} \xB7 ${originLabel(current.modelHash)}`)];
+    for (const line of wrapPlainText(current.text, width, Math.max(1, rows - 1))) {
+      lines2.push(theme.fg("dim", line));
+    }
+    return lines2;
+  }
+  const label = (revision, name) => `${name} revision ${revision.revision} \xB7 ${originLabel(revision.modelHash)}`;
+  if (width < 60) {
+    const lines2 = [theme.fg("accent", label(current, "current"))];
+    for (const line of wrapPlainText(current.text, width, Math.max(1, Math.floor((rows - 2) / 2)))) {
+      lines2.push(theme.fg("dim", line));
+    }
+    lines2.push(theme.fg("accent", label(previous, "previous")));
+    for (const line of wrapPlainText(previous.text, width, Math.max(1, Math.floor((rows - 2) / 2)))) {
+      lines2.push(theme.fg("muted", line));
+    }
+    return lines2;
+  }
+  const columnWidth = Math.floor((width - 1) / 2);
+  const body = Math.max(1, rows - 1);
+  const previousBody = wrapPlainText(previous.text, columnWidth, body);
+  const currentBody = wrapPlainText(current.text, columnWidth, body);
+  const lines = [
+    `${padToWidth(theme.fg("accent", label(previous, "previous")), columnWidth)}${theme.fg("borderMuted", "\u2502")}${theme.fg("accent", label(current, "current"))}`
+  ];
+  for (let index = 0; index < body; index++) {
+    const left = previousBody[index];
+    const right = currentBody[index];
+    if (left === void 0 && right === void 0) break;
+    lines.push(
+      `${padToWidth(theme.fg("muted", left ?? ""), columnWidth)}${theme.fg("borderMuted", "\u2502")}${theme.fg("dim", right ?? "")}`
+    );
+  }
+  return lines;
+};
+var renderLcmDetailLines = (theme, detail, sourceIndex, entry, width, height) => {
+  const available = Math.max(1, height);
+  const node = detail.node;
+  const lines = [
+    theme.fg(
+      isEmergency(node.modelHash) ? "warning" : "accent",
+      truncateToWidth(
+        safeText(
+          `${node.kind} \xB7 ${originLabel(node.modelHash)} \xB7 depth ${node.depth} \xB7 ${node.state} \xB7 ${formatClock(node.createdAt)} \xB7 ${node.nodeId}`
+        ),
+        width,
+        ""
+      )
+    ),
+    theme.fg(
+      "dim",
+      truncateToWidth(safeText(`model hash ${node.modelHash} \xB7 branch ${node.branch ?? "none"}`), width, "")
+    ),
+    theme.fg(
+      "dim",
+      truncateToWidth(
+        safeText(`ancestors ${detail.ancestors.length > 0 ? detail.ancestors.join(" \u203A ") : "none"}`),
+        width,
+        ""
+      )
+    ),
+    theme.fg(
+      "dim",
+      truncateToWidth(
+        safeText(
+          `children (${node.children.length}) ${node.children.length > 0 ? node.children.map(shortId).join(" ") : "none"}`
+        ),
+        width,
+        ""
+      )
+    ),
+    theme.fg("accent", truncateToWidth(`sources (${node.sources.length})`, width, ""))
+  ];
+  const sourceRows = Math.min(node.sources.length, Math.max(1, Math.floor(available / 4)));
+  const sourceStart = Math.max(
+    0,
+    Math.min(sourceIndex - Math.floor(sourceRows / 2), Math.max(0, node.sources.length - sourceRows))
+  );
+  for (let index = sourceStart; index < Math.min(node.sources.length, sourceStart + sourceRows); index++) {
+    const source = node.sources[index];
+    const text = `  ${source.sessionId}/${source.entryId}@${source.revision}`;
+    const line = index === sourceIndex ? theme.bg("selectedBg", padToWidth(theme.fg("muted", text), width)) : theme.fg("muted", text);
+    lines.push(truncateToWidth(line, width, ""));
+  }
+  if (node.sources.length === 0) lines.push(theme.fg("dim", "  (no sources)"));
+  if (entry) {
+    lines.push(
+      theme.fg(
+        "accent",
+        truncateToWidth(
+          safeText(`raw entry \xB7 ${entry.role} \xB7 ${formatClock(entry.createdAt)} \xB7 ${formatBytes(Buffer.byteLength(entry.payloadJson, "utf8"))} stored`),
+          width,
+          ""
+        )
+      )
+    );
+    for (const line of wrapPlainText(entry.content, width, Math.max(1, Math.floor(available / 4)))) {
+      lines.push(theme.fg("dim", line));
+    }
+  }
+  const remaining = Math.max(1, available - lines.length);
+  for (const line of revisionColumns(theme, detail, width, remaining)) lines.push(line);
+  while (lines.length < available) lines.push("");
+  return lines.slice(0, available);
+};
+
 // src/ui/dashboard-detail.ts
-import { Markdown, truncateToWidth as truncateToWidth2, wrapTextWithAnsi, visibleWidth as visibleWidth2 } from "@oh-my-pi/pi-tui";
+import { Markdown, truncateToWidth as truncateToWidth3, wrapTextWithAnsi, visibleWidth as visibleWidth3 } from "@oh-my-pi/pi-tui";
 
 // src/ui/state-file-preview.ts
 import fs from "node:fs";
 import path from "node:path";
-import { truncateToWidth, visibleWidth } from "@oh-my-pi/pi-tui";
+import { truncateToWidth as truncateToWidth2, visibleWidth as visibleWidth2 } from "@oh-my-pi/pi-tui";
 var MAX_FILE_BYTES = 64 * 1024;
 var MAX_FILE_LINES = 240;
 var CACHE_LIMIT = 64;
@@ -1070,14 +1315,14 @@ var renderStateFilePreview = (preview, theme, width, maxLines, invalidate) => {
   const digits = String(Math.max(1, shown.length)).length;
   const output = highlighted.map((line, index) => {
     const gutter = theme.fg("dim", `${String(index + 1).padStart(digits)} \u2502 `);
-    return truncateToWidth(gutter + line, width, "");
+    return truncateToWidth2(gutter + line, width, "");
   });
   if ((preview.truncated || preview.lines.length > shown.length) && output.length < maxLines) {
     const omitted = Math.max(0, preview.lines.length - shown.length);
     const label = omitted > 0 ? `\u2026 ${omitted}+ lines omitted` : "\u2026 file truncated";
-    output.push(truncateToWidth(theme.fg("dim", label), width, ""));
+    output.push(truncateToWidth2(theme.fg("dim", label), width, ""));
   }
-  return output.filter((line) => visibleWidth(line) <= width);
+  return output.filter((line) => visibleWidth2(line) <= width);
 };
 
 // src/ui/dashboard-detail.ts
@@ -1209,7 +1454,7 @@ var DashboardDetailRenderer = class {
       lines.push(this.row(width, this.theme.fg("muted", `  ${actionLine}`)));
     }
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth2(line, width, ""));
+    return lines.map((line) => truncateToWidth3(line, width, ""));
   }
   transcriptLines(entity, width) {
     const transcript = this.transcriptFor(entity);
@@ -1240,7 +1485,7 @@ var DashboardDetailRenderer = class {
         statusGlyph(entry.status ?? "completed")
       );
       lines.push(
-        truncateToWidth2(
+        truncateToWidth3(
           `${glyph} ${this.theme.fg(
             entry.kind === "assistant" ? "accent" : "muted",
             safeText(entry.label)
@@ -1263,7 +1508,7 @@ var DashboardDetailRenderer = class {
       }
       for (const paragraph of entry.text.split("\n")) {
         const wrapped = wrapPlainText(paragraph, Math.max(1, width - 2), 1e4);
-        for (const line of wrapped) lines.push(truncateToWidth2(`  ${line}`, width, ""));
+        for (const line of wrapped) lines.push(truncateToWidth3(`  ${line}`, width, ""));
       }
     }
     if (transcript.hasNewer) {
@@ -1291,7 +1536,7 @@ var DashboardDetailRenderer = class {
     const headline = title ?? this.theme.fg("toolTitle", this.theme.bold(entry.toolName ?? entry.label));
     const collapsedSummary = !this.transcriptToolsExpanded && entry.text ? ` \xB7 ${safeText(entry.text).replace(/\s+/g, " ").trim()}` : "";
     const lines = [
-      truncateToWidth2(
+      truncateToWidth3(
         `${padding}${glyph} ${headline}${this.theme.fg("dim", `${status}${collapsedSummary}`)}`,
         width,
         ""
@@ -1308,8 +1553,8 @@ var DashboardDetailRenderer = class {
         rendered.lines,
         this.theme,
         this.codePreviewSettings?.diffIntensity ?? "off"
-      ).render(Math.max(1, width - visibleWidth2(bodyPadding)))) {
-        lines.push(truncateToWidth2(`${bodyPadding}${row}`, width, ""));
+      ).render(Math.max(1, width - visibleWidth3(bodyPadding)))) {
+        lines.push(truncateToWidth3(`${bodyPadding}${row}`, width, ""));
       }
       if (rendered.hidden > 0) {
         lines.push(this.theme.fg("dim", `${bodyPadding}\u2026 ${rendered.hidden} more lines`));
@@ -1321,10 +1566,10 @@ var DashboardDetailRenderer = class {
     } else if (entry.text) {
       for (const row of wrapPlainText(
         entry.text,
-        Math.max(1, width - visibleWidth2(bodyPadding)),
+        Math.max(1, width - visibleWidth3(bodyPadding)),
         1e4
       )) {
-        lines.push(truncateToWidth2(`${bodyPadding}${row}`, width, ""));
+        lines.push(truncateToWidth3(`${bodyPadding}${row}`, width, ""));
       }
     }
     if (entry.result !== void 0) {
@@ -1361,11 +1606,11 @@ var DashboardDetailRenderer = class {
     const yamlLines = yaml.split("\n");
     const shownYamlLines = yamlLines.slice(0, TRANSCRIPT_STRUCTURED_LINES);
     const highlighted = highlightCode(shownYamlLines.join("\n"), "yaml", this.highlightInvalidate) ?? shownYamlLines.map((line) => this.theme.fg("mdCodeBlock", line || " "));
-    const lines = [truncateToWidth2(`${padding}${this.theme.fg("dim", `${label}:`)}`, width, "")];
+    const lines = [truncateToWidth3(`${padding}${this.theme.fg("dim", `${label}:`)}`, width, "")];
     const nestedPadding = `${padding}  `;
     for (const row of highlighted) {
-      for (const wrapped of wrapTextWithAnsi(row, Math.max(1, width - visibleWidth2(nestedPadding)))) {
-        lines.push(truncateToWidth2(`${nestedPadding}${wrapped}`, width, ""));
+      for (const wrapped of wrapTextWithAnsi(row, Math.max(1, width - visibleWidth3(nestedPadding)))) {
+        lines.push(truncateToWidth3(`${nestedPadding}${wrapped}`, width, ""));
         if (lines.length > TRANSCRIPT_STRUCTURED_LINES) break;
       }
       if (lines.length > TRANSCRIPT_STRUCTURED_LINES) break;
@@ -1405,7 +1650,7 @@ var DashboardDetailRenderer = class {
       }
     }
     const padding = " ".repeat(Math.max(0, indent));
-    return cached.component.render(Math.max(1, width - visibleWidth2(padding))).map((line) => truncateToWidth2(`${padding}${line}`, width, ""));
+    return cached.component.render(Math.max(1, width - visibleWidth3(padding))).map((line) => truncateToWidth3(`${padding}${line}`, width, ""));
   }
   detailLines(entity, width, now, cwd) {
     const lines = [];
@@ -1413,10 +1658,10 @@ var DashboardDetailRenderer = class {
       const text = safeText(value);
       if (!text) return;
       const prefix = `${this.theme.fg("dim", `${label}:`)} `;
-      const wrapped = wrapPlainText(text, Math.max(1, width - visibleWidth2(prefix)), 12);
-      if (wrapped[0]) lines.push(truncateToWidth2(prefix + wrapped[0], width));
+      const wrapped = wrapPlainText(text, Math.max(1, width - visibleWidth3(prefix)), 12);
+      if (wrapped[0]) lines.push(truncateToWidth3(prefix + wrapped[0], width));
       for (const continuation of wrapped.slice(1)) {
-        lines.push(truncateToWidth2(" ".repeat(visibleWidth2(prefix)) + continuation, width));
+        lines.push(truncateToWidth3(" ".repeat(visibleWidth3(prefix)) + continuation, width));
       }
     };
     const markdownField = (label, value, key) => {
@@ -1435,7 +1680,7 @@ var DashboardDetailRenderer = class {
       const highlighted = highlightCode(yaml, "yaml", this.highlightInvalidate) ?? yaml.split("\n").map((line) => this.theme.fg("mdCodeBlock", line || " "));
       for (const highlightedLine of highlighted) {
         for (const wrapped of wrapTextWithAnsi(highlightedLine, Math.max(1, width - 2))) {
-          lines.push(truncateToWidth2(`  ${wrapped}`, width, ""));
+          lines.push(truncateToWidth3(`  ${wrapped}`, width, ""));
         }
       }
     };
@@ -1498,7 +1743,7 @@ var DashboardDetailRenderer = class {
         this.theme,
         settings.diffIntensity
       ).render(Math.max(1, width - 2));
-      for (const row of body) lines.push(truncateToWidth2(`  ${row}`, width, ""));
+      for (const row of body) lines.push(truncateToWidth3(`  ${row}`, width, ""));
       if (rendered.hidden > 0) {
         lines.push(this.theme.fg("muted", `  \u2026 ${rendered.hidden} more lines`));
       }
@@ -1529,7 +1774,7 @@ ${command}
           this.highlightInvalidate
         );
         if (diff) {
-          for (const line of diff) lines.push(truncateToWidth2(`  ${line}`, width, ""));
+          for (const line of diff) lines.push(truncateToWidth3(`  ${line}`, width, ""));
         } else {
           structuredField("Edits", edits);
         }
@@ -1777,13 +2022,13 @@ ${command}
     }
     const title = `${entity.label}${transcriptView ? " \xB7 transcript" : ""}`;
     const hint = transcriptView ? `${this.transcriptToolToggleHint()} \xB7 g page top \xB7 G follow:${this.transcriptFollowing ? "on" : "off"}/tail \xB7 t summary \xB7 esc` : `${this.hasTranscript(entity) ? "t transcript \xB7 " : ""}esc`;
-    return [title, ...content.slice(this.detailScroll, this.detailScroll + maxBody), hint].map((line) => truncateToWidth2(line, width, "")).filter((line) => visibleWidth2(line) > 0);
+    return [title, ...content.slice(this.detailScroll, this.detailScroll + maxBody), hint].map((line) => truncateToWidth3(line, width, "")).filter((line) => visibleWidth3(line) > 0);
   }
   topBorder(width, title) {
     const border = (value) => this.theme.fg("borderMuted", value);
-    const safeTitle = truncateToWidth2(safeText(title), Math.max(0, width - 6));
+    const safeTitle = truncateToWidth3(safeText(title), Math.max(0, width - 6));
     const styledTitle = ` ${this.theme.fg("accent", safeTitle)} `;
-    const remaining = Math.max(0, width - 2 - visibleWidth2(styledTitle));
+    const remaining = Math.max(0, width - 2 - visibleWidth3(styledTitle));
     const left = Math.floor(remaining / 2);
     const right = remaining - left;
     return `${border(`\u256D${"\u2500".repeat(left)}`)}${styledTitle}${border(`${"\u2500".repeat(right)}\u256E`)}`;
@@ -1805,7 +2050,7 @@ ${command}
 
 // src/ui/dashboard-fabric-graph.ts
 import { Ellipsis as Ellipsis2 } from "@oh-my-pi/pi-tui";
-import { truncateToWidth as truncateToWidth3, visibleWidth as visibleWidth3 } from "@oh-my-pi/pi-tui";
+import { truncateToWidth as truncateToWidth4, visibleWidth as visibleWidth4 } from "@oh-my-pi/pi-tui";
 var kindRank = {
   agent: 0,
   actor: 1,
@@ -1848,13 +2093,13 @@ var graphLabel = (value, maxWidth) => {
   let output = "";
   let width = 0;
   for (const char of value) {
-    const charWidth = visibleWidth3(char);
+    const charWidth = visibleWidth4(char);
     if (width + charWidth > maxWidth) {
       while (width + 1 > maxWidth && output.length > 0) {
         const parts = [...output];
         const removed = parts.pop();
         output = parts.join("");
-        width -= removed ? visibleWidth3(removed) : 0;
+        width -= removed ? visibleWidth4(removed) : 0;
       }
       return output + "\u2026";
     }
@@ -2259,7 +2504,7 @@ var renderCanvas = (theme, layout, selectedEntityId, width, height, camera, anim
     }
   };
   const edgePathPoints = (from, to) => {
-    const fromEnd = from.x + Math.min(16, visibleWidth3(safeText(from.label)) + 3);
+    const fromEnd = from.x + Math.min(16, visibleWidth4(safeText(from.label)) + 3);
     const toStart = to.x - 2;
     const bend = Math.max(fromEnd + 1, Math.floor((fromEnd + toStart) / 2));
     const points = [];
@@ -2296,7 +2541,7 @@ var renderCanvas = (theme, layout, selectedEntityId, width, height, camera, anim
     const from = nodeById.get(edge.from);
     const to = nodeById.get(edge.to);
     if (!from || !to) continue;
-    const fromEnd = from.x + Math.min(16, visibleWidth3(safeText(from.label)) + 3);
+    const fromEnd = from.x + Math.min(16, visibleWidth4(safeText(from.label)) + 3);
     const toStart = to.x - 2;
     const bend = Math.max(fromEnd + 1, Math.floor((fromEnd + toStart) / 2));
     horizontal(fromEnd, bend, from.y);
@@ -2366,7 +2611,7 @@ var renderCanvas = (theme, layout, selectedEntityId, width, height, camera, anim
       let offset = 2;
       for (const char of label) {
         setCell(point.x + offset, point.y, char, routeStyle(route));
-        offset += visibleWidth3(char);
+        offset += visibleWidth4(char);
       }
     } else {
       const count = group.routes.reduce((total, candidate) => total + candidate.count, 0);
@@ -2390,7 +2635,7 @@ var renderCanvas = (theme, layout, selectedEntityId, width, height, camera, anim
     let offset = 0;
     for (const char of label) {
       setCell(node.x + 2 + offset, node.y, char, selected ? "accent" : spotlighted ? "muted" : "dim");
-      offset += visibleWidth3(char);
+      offset += visibleWidth4(char);
     }
   }
   const apply = (style, value) => {
@@ -2416,12 +2661,12 @@ var renderCanvas = (theme, layout, selectedEntityId, width, height, camera, anim
       run += cell.char;
     }
     rendered += apply(style, run);
-    return truncateToWidth3(rendered, width, "");
+    return truncateToWidth4(rendered, width, "");
   });
 };
 var wrapInspector = (theme, label, value, width) => {
   const clean = safeText(value);
-  const first = truncateToWidth3(clean, Math.max(1, width - label.length - 1), Ellipsis2.Unicode);
+  const first = truncateToWidth4(clean, Math.max(1, width - label.length - 1), Ellipsis2.Unicode);
   return [theme.fg("muted", `${label} ${first}`)];
 };
 var inspectorLines = (theme, entity, snapshot, run, width, height, invalidate) => {
@@ -2429,10 +2674,10 @@ var inspectorLines = (theme, entity, snapshot, run, width, height, invalidate) =
   const border = (value) => theme.fg("borderMuted", value);
   const content = [];
   if (entity) {
-    content.push(theme.fg("accent", theme.bold(truncateToWidth3(safeText(entity.label), inner - 2, Ellipsis2.Unicode))));
+    content.push(theme.fg("accent", theme.bold(truncateToWidth4(safeText(entity.label), inner - 2, Ellipsis2.Unicode))));
     content.push(colorStatus(theme, entity.status, `${statusGlyph(entity.status)} ${entity.kind} \xB7 ${entity.status}`));
     content.push("");
-    content.push(theme.fg("dim", truncateToWidth3(safeText(entityTail(entity, snapshot.now)), inner - 2, Ellipsis2.Unicode)));
+    content.push(theme.fg("dim", truncateToWidth4(safeText(entityTail(entity, snapshot.now)), inner - 2, Ellipsis2.Unicode)));
     if (entity.kind === "agent") {
       const agentRun = snapshot.runs.find((candidate) => candidate.id === entity.value.runId) ?? run;
       const phase = agentRun?.phases.find((candidate) => candidate.id === entity.value.phaseId);
@@ -2498,7 +2743,7 @@ var inspectorLines = (theme, entity, snapshot, run, width, height, invalidate) =
     content.push(theme.fg("dim", "No node selected"));
   }
   const title = " selected ";
-  const rows = [border(`\u256D${title}${"\u2500".repeat(Math.max(0, inner - visibleWidth3(title)))}\u256E`)];
+  const rows = [border(`\u256D${title}${"\u2500".repeat(Math.max(0, inner - visibleWidth4(title)))}\u256E`)];
   for (let index = 0; index < height - 2; index++) {
     rows.push(`${border("\u2502")}${padToWidth(` ${content[index] ?? ""}`, inner)}${border("\u2502")}`);
   }
@@ -2584,8 +2829,8 @@ var renderFabricTopologyPanel = ({
       animation.reducedMotion ? "reduced motion" : void 0,
       filter !== "all" ? `${entities.length}/${allEntities.length} ${filter}` : void 0
     ].filter((value) => Boolean(value)).join(" \xB7 ");
-    const graphLegend = padToWidth(theme.fg("dim", truncateToWidth3(legend, graphWidth, "")), graphWidth);
-    lines[0] = truncateToWidth3(
+    const graphLegend = padToWidth(theme.fg("dim", truncateToWidth4(legend, graphWidth, "")), graphWidth);
+    lines[0] = truncateToWidth4(
       graphLegend + (inspectorWidth > 0 ? inspector[0] ?? "" : ""),
       width,
       ""
@@ -2988,6 +3233,7 @@ var FabricDashboard = class {
     this.done = done;
     this.focused = true;
     this.modelSource = options.modelSource;
+    this.lcmStatus = options.lcmStatus;
     this.codePreviewSettings = options.codePreviewSettings;
     this.keybindings = options.keybindings;
     this.claudeModelSource = options.claudeModelSource;
@@ -3024,6 +3270,13 @@ var FabricDashboard = class {
   focused = false;
   pane = "phases";
   overviewView = "activity";
+  lcmSnapshot;
+  lcmSnapshotTick;
+  lcmOffset = 0;
+  lcmIndex = 0;
+  lcmDetail;
+  lcmSourceIndex = 0;
+  lcmSourceEntry;
   graphPositions = /* @__PURE__ */ new Map();
   graphCamera = { x: 0, y: 0 };
   graphCameraTarget = { x: 0, y: 0 };
@@ -3065,6 +3318,7 @@ var FabricDashboard = class {
   editorActorName;
   agentMessageTarget;
   pendingStop;
+  lcmStatus;
   modelSource;
   claudeModelSource;
   onAgentSteer;
@@ -3152,6 +3406,17 @@ var FabricDashboard = class {
       this.tui.requestRender();
       return;
     }
+    if (this.overviewView === "lcm") {
+      const outcome = this.handleLcmInput(data);
+      if (outcome === "exit") {
+        this.done();
+        return;
+      }
+      if (outcome === "handled") {
+        this.tui.requestRender();
+        return;
+      }
+    }
     if (this.detailId) {
       if (matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl("c")) || matchesKey(data, Key.left) || data === "h") {
         this.closeDetail();
@@ -3264,10 +3529,10 @@ var FabricDashboard = class {
       this.tui.requestRender();
       return;
     }
-    if (data === "1" || data === "2") {
-      const nextOverview = data === "1" ? "activity" : "topology";
+    if (data === "1" || data === "2" || data === "3") {
+      const nextOverview = data === "1" ? "activity" : data === "2" ? "topology" : "lcm";
       if (nextOverview !== this.overviewView) {
-        if (nextOverview === "activity") {
+        if (nextOverview !== "topology") {
           this.stopGraphAnimation();
           this.stopGraphEffectsAnimation();
         }
@@ -3276,6 +3541,8 @@ var FabricDashboard = class {
         this.entityIndex = 0;
         this.selectedEntityId = void 0;
         this.pendingStop = void 0;
+        if (nextOverview === "lcm") this.enterLcmView();
+        else this.closeLcmDetail();
       }
       this.tui.requestRender();
       return;
@@ -3481,6 +3748,7 @@ var FabricDashboard = class {
     if ((this.mode === "modelPicker" || this.mode === "thinkingPicker" || this.mode === "deliveryPicker" || this.mode === "eventsPicker" || this.mode === "toolsPicker") && this.picker) {
       return this.renderPicker(width);
     }
+    if (this.overviewView === "lcm") return this.renderLcmView(width);
     const snapshot = this.snapshot();
     const run = this.selectRun(snapshot);
     const panels = phasePanels(snapshot, run);
@@ -3647,7 +3915,7 @@ var FabricDashboard = class {
       )
     );
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth4(line, width, ""));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
   }
   renderHelp(width) {
     if (width < 24) return this.renderNarrowFallback(width, "dashboard help", "? or esc close");
@@ -3684,7 +3952,11 @@ var FabricDashboard = class {
     ].filter((value) => Boolean(value));
     const help = [
       ["Navigate", "Topology: arrows/h/l move spatially \xB7 j/k ordered selection \xB7 tab next \xB7 enter inspect \xB7 esc back"],
-      ["Views", "1 Activity \xB7 2 unified Topology"],
+      ["Views", "1 Activity \xB7 2 unified Topology \xB7 3 LCM ledger"],
+      [
+        "LCM",
+        "\u2191\u2193/jk node \xB7 g/G first/last node \xB7 [ ] page 200 nodes \xB7 enter inspect node \xB7 in a node: \u2191\u2193/jk source \xB7 enter open/close the stored raw entry \xB7 esc back"
+      ],
       ...this.onConversation ? [["Chat", "Shift+C opens the selected participant conversation \xB7 Esc returns to Main"]] : [],
       ["Topology", "Main branches into Participants (sessions, agents, actors) and Mesh (namespaced topics and hierarchical state); traffic travels on decaying edges"],
       ["Motion", "r replay/live \xB7 space pause/play \xB7 \u2190/\u2192 step \xB7 +/- speed \xB7 H history \xB7 M reduced motion"],
@@ -3700,16 +3972,16 @@ var FabricDashboard = class {
     ];
     for (const [label, value] of help) {
       const prefix = `${this.theme.fg("accent", `${label}:`)} `;
-      const wrapped = wrapPlainText(value ?? "", Math.max(1, width - 2 - visibleWidth4(prefix)), 3);
+      const wrapped = wrapPlainText(value ?? "", Math.max(1, width - 2 - visibleWidth5(prefix)), 3);
       if (wrapped[0]) lines.push(this.row(width, prefix + wrapped[0]));
       for (const continuation of wrapped.slice(1)) {
-        lines.push(this.row(width, " ".repeat(visibleWidth4(prefix)) + continuation));
+        lines.push(this.row(width, " ".repeat(visibleWidth5(prefix)) + continuation));
       }
     }
     lines.push(this.middleBorder(width));
     lines.push(this.row(width, this.theme.fg("dim", "  ? or esc close")));
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth4(line, width, ""));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
   }
   modelSourceForActor(actor) {
     return actor.runner === "claude" ? this.claudeModelSource : this.modelSource;
@@ -3886,7 +4158,7 @@ var FabricDashboard = class {
       )
     );
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth4(line, width, ""));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
   }
   renderInstructionsEditor(width) {
     if (!this.editor) return [];
@@ -3904,7 +4176,7 @@ var FabricDashboard = class {
       )
     );
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth4(line, width, ""));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
   }
   projectMesh(snapshot) {
     if (this.overviewView !== "topology") return void 0;
@@ -4029,7 +4301,7 @@ var FabricDashboard = class {
   }
   renderOverview(width, snapshot, run, panels, entities, allEntities, meshModel) {
     if (width < 24) {
-      return [truncateToWidth4("too narrow \xB7 need 24 cols", width)];
+      return [truncateToWidth5("too narrow \xB7 need 24 cols", width)];
     }
     const innerWidth = width - 2;
     const terminalRows = Math.max(
@@ -4068,7 +4340,7 @@ var FabricDashboard = class {
     let headerLine = summaryText;
     if (run?.description && this.overviewView === "activity") {
       const gap = "  ";
-      const availableDescription = innerWidth - visibleWidth4(summaryText) - gap.length;
+      const availableDescription = innerWidth - visibleWidth5(summaryText) - gap.length;
       headerLine = availableDescription >= 12 ? `${padToWidth(
         this.theme.fg("muted", safeText(run.description)),
         availableDescription
@@ -4082,7 +4354,7 @@ var FabricDashboard = class {
         title,
         this.theme.fg("dim", summaryText || "No Fabric activity yet"),
         this.theme.fg("dim", "1 activity \xB7 2 topology \xB7 arrows move \xB7 esc close")
-      ].slice(0, overlayRows).map((line) => truncateToWidth4(line, width, ""));
+      ].slice(0, overlayRows).map((line) => truncateToWidth5(line, width, ""));
     }
     lines.push(this.row(width, headerLine || this.theme.fg("muted", "No Fabric activity yet")));
     lines.push(this.middleBorder(width));
@@ -4219,7 +4491,7 @@ var FabricDashboard = class {
     const actionHint = this.pane === "entities" && selectedEntity ? this.theme.fg("muted", `  ${this.overviewActionHint(selectedEntity)}`) : "";
     lines.push(this.row(width, actionHint));
     lines.push(this.bottomBorder(width));
-    return lines.map((line) => truncateToWidth4(line, width, ""));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
   }
   overviewActionHint(entity) {
     if (entity.kind === "main") {
@@ -4289,7 +4561,7 @@ var FabricDashboard = class {
   }
   renderPhasePanel(panels, width, height) {
     const lines = [
-      truncateToWidth4(
+      truncateToWidth5(
         `${this.pane === "phases" ? this.theme.fg("accent", "\u25B8 ") : "  "}${this.theme.fg(
           "accent",
           "Activity"
@@ -4311,13 +4583,13 @@ var FabricDashboard = class {
       const raw = `${prefix}${colorStatus(this.theme, panel.status, statusGlyph(panel.status))} ${this.theme.fg("muted", safeText(
         panel.name
       ))}`;
-      const countWidth = visibleWidth4(count);
+      const countWidth = visibleWidth5(count);
       const contentWidth = Math.max(0, width - countWidth - (count ? 1 : 0));
       let line = `${padToWidth(raw, contentWidth)}${count ? ` ${this.theme.fg("dim", count)}` : ""}`;
       if (selected && this.pane === "phases") {
         line = this.theme.bg("selectedBg", padToWidth(line, width));
       }
-      lines.push(truncateToWidth4(line, width, ""));
+      lines.push(truncateToWidth5(line, width, ""));
     }
     while (lines.length < height) lines.push("");
     return lines.slice(0, height);
@@ -4357,7 +4629,7 @@ var FabricDashboard = class {
       }
       if (row.type === "group") {
         lines.push(
-          truncateToWidth4(
+          truncateToWidth5(
             this.theme.fg(
               "muted",
               `  ${this.theme.bold(row.group.label)} (${row.group.entries.length})`
@@ -4379,7 +4651,7 @@ var FabricDashboard = class {
       if (selected && this.pane === "entities") {
         line = this.theme.bg("selectedBg", padToWidth(line, width));
       }
-      lines.push(truncateToWidth4(line, width, ""));
+      lines.push(truncateToWidth5(line, width, ""));
     }
     if (entities.length === 0 && available > 0) {
       const label = this.filter === "all" ? "activity" : `${this.filter} activity`;
@@ -4572,14 +4844,176 @@ var FabricDashboard = class {
     this.detailView = "summary";
     this.transcriptFollowing = true;
   }
+  enterLcmView() {
+    this.lcmOffset = 0;
+    this.lcmIndex = 0;
+    this.closeLcmDetail();
+    this.refreshLcm();
+  }
+  closeLcmDetail() {
+    this.lcmDetail = void 0;
+    this.lcmSourceIndex = 0;
+    this.lcmSourceEntry = void 0;
+  }
+  refreshLcm() {
+    this.lcmSnapshotTick = this.snapshot().now;
+    const source = this.lcmStatus?.();
+    this.lcmSnapshot = source ? readLcmSnapshot(source, this.lcmOffset) : void 0;
+    const total = this.lcmSnapshot?.nodes.length ?? 0;
+    this.lcmIndex = total === 0 ? 0 : Math.max(0, Math.min(this.lcmIndex, total - 1));
+  }
+  openLcmNode() {
+    const nodeId = this.lcmSnapshot?.nodes[this.lcmIndex]?.nodeId;
+    const source = nodeId ? this.lcmStatus?.() : void 0;
+    this.lcmDetail = source && nodeId ? lcmNodeDetail(source, nodeId) : void 0;
+    this.lcmSourceIndex = 0;
+    this.lcmSourceEntry = void 0;
+  }
+  openLcmSource() {
+    const selected = this.lcmDetail?.node.sources[this.lcmSourceIndex];
+    if (!selected) return;
+    if (this.lcmSourceEntry) {
+      this.lcmSourceEntry = void 0;
+      return;
+    }
+    this.lcmSourceEntry = this.lcmStatus?.()?.source(
+      selected.sessionId,
+      selected.entryId,
+      selected.revision
+    );
+  }
+  pageLcmNodes(direction) {
+    const snapshot = this.lcmSnapshot;
+    if (!snapshot) return;
+    if (direction === 1 && !snapshot.hasMore) return;
+    const next = Math.max(0, snapshot.offset + direction * LCM_NODE_PAGE);
+    if (next === snapshot.offset) return;
+    this.lcmOffset = next;
+    this.lcmIndex = 0;
+    this.refreshLcm();
+  }
+  handleLcmInput(data) {
+    if (data === "1" || data === "2" || data === "3") return "ignored";
+    const back = matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl("c"));
+    if (this.lcmDetail) {
+      const sources = this.lcmDetail.node.sources.length;
+      if (back || matchesKey(data, Key.left) || data === "h") {
+        if (this.lcmSourceEntry) this.lcmSourceEntry = void 0;
+        else this.closeLcmDetail();
+      } else if (matchesKey(data, Key.up) || data === "k") {
+        this.lcmSourceIndex = Math.max(0, this.lcmSourceIndex - 1);
+        this.lcmSourceEntry = void 0;
+      } else if (matchesKey(data, Key.down) || data === "j") {
+        this.lcmSourceIndex = Math.min(Math.max(0, sources - 1), this.lcmSourceIndex + 1);
+        this.lcmSourceEntry = void 0;
+      } else if (matchesKey(data, Key.enter)) {
+        this.openLcmSource();
+      }
+      return "handled";
+    }
+    if (back) return "exit";
+    const total = this.lcmSnapshot?.nodes.length ?? 0;
+    if (matchesKey(data, Key.up) || data === "k") {
+      this.lcmIndex = Math.max(0, this.lcmIndex - 1);
+    } else if (matchesKey(data, Key.down) || data === "j") {
+      this.lcmIndex = Math.min(Math.max(0, total - 1), this.lcmIndex + 1);
+    } else if (data === "g") {
+      this.lcmIndex = 0;
+    } else if (data === "G") {
+      this.lcmIndex = Math.max(0, total - 1);
+    } else if (data === "[") {
+      this.pageLcmNodes(-1);
+    } else if (data === "]") {
+      this.pageLcmNodes(1);
+    } else if (matchesKey(data, Key.enter)) {
+      this.openLcmNode();
+    }
+    return "handled";
+  }
+  renderLcmView(width) {
+    if (width < 24) return this.renderNarrowFallback(width, "Fabric \xB7 LCM", "1 activity \xB7 esc close");
+    if (this.snapshot().now !== this.lcmSnapshotTick) this.refreshLcm();
+    const innerWidth = width - 2;
+    const overlayRows = dashboardOverlayRows(
+      Math.max(1, this.tui.terminal?.rows ?? process.stdout.rows ?? 28)
+    );
+    const lines = [this.topBorder(width, "Fabric \xB7 LCM")];
+    const snapshot = this.lcmSnapshot;
+    if (!snapshot) {
+      lines.push(this.row(width, this.theme.fg("muted", lcmUnavailableLine())));
+      lines.push(this.middleBorder(width));
+      lines.push(
+        this.row(width, this.theme.fg("dim", "1 activity \xB7 2 topology \xB7 ? help \xB7 esc close"))
+      );
+      lines.push(this.bottomBorder(width));
+      return lines.map((line) => truncateToWidth5(line, width, ""));
+    }
+    const maxBody = Math.max(3, Math.min(34, overlayRows - 5));
+    if (this.lcmDetail) {
+      for (const line of renderLcmDetailLines(
+        this.theme,
+        this.lcmDetail,
+        this.lcmSourceIndex,
+        this.lcmSourceEntry,
+        innerWidth,
+        maxBody
+      )) {
+        lines.push(this.row(width, line));
+      }
+      lines.push(this.middleBorder(width));
+      lines.push(
+        this.row(
+          width,
+          this.theme.fg(
+            "dim",
+            `\u2191\u2193/jk source \xB7 enter ${this.lcmSourceEntry ? "close" : "open"} raw entry \xB7 esc back \xB7 ? help`
+          )
+        )
+      );
+      lines.push(this.bottomBorder(width));
+      return lines.map((line) => truncateToWidth5(line, width, ""));
+    }
+    const headerLines = renderLcmHeaderLines(this.theme, snapshot, innerWidth);
+    for (const line of headerLines) lines.push(this.row(width, line));
+    lines.push(this.row(width, renderLcmCoverageLine(this.theme, snapshot, innerWidth)));
+    lines.push(this.middleBorder(width));
+    const body = Math.max(2, maxBody - headerLines.length - 2);
+    const previewRows = Math.max(2, Math.min(6, Math.floor(body / 3)));
+    const nodeRows = Math.max(1, body - previewRows - 1);
+    for (const line of renderLcmNodeLines(
+      this.theme,
+      snapshot,
+      innerWidth,
+      nodeRows,
+      this.lcmIndex
+    )) {
+      lines.push(this.row(width, line));
+    }
+    lines.push(this.middleBorder(width));
+    for (const line of renderLcmPreviewLines(this.theme, snapshot, innerWidth, previewRows)) {
+      lines.push(this.row(width, line));
+    }
+    lines.push(this.middleBorder(width));
+    lines.push(
+      this.row(
+        width,
+        this.theme.fg(
+          "dim",
+          `\u2191\u2193/jk node \xB7 g/G first/last \xB7 [ ] node page \xB7 enter inspect \xB7 1 activity \xB7 2 topology \xB7 ? help`
+        )
+      )
+    );
+    lines.push(this.bottomBorder(width));
+    return lines.map((line) => truncateToWidth5(line, width, ""));
+  }
   renderNarrowFallback(width, label, hint) {
-    return [safeText(label), hint].map((line) => truncateToWidth4(line, width, "")).filter((line) => visibleWidth4(line) > 0);
+    return [safeText(label), hint].map((line) => truncateToWidth5(line, width, "")).filter((line) => visibleWidth5(line) > 0);
   }
   topBorder(width, title) {
     const border = (value) => this.theme.fg("borderMuted", value);
-    const safeTitle = truncateToWidth4(safeText(title), Math.max(0, width - 6));
+    const safeTitle = truncateToWidth5(safeText(title), Math.max(0, width - 6));
     const styledTitle = ` ${this.theme.fg("accent", safeTitle)} `;
-    const remaining = Math.max(0, width - 2 - visibleWidth4(styledTitle));
+    const remaining = Math.max(0, width - 2 - visibleWidth5(styledTitle));
     const left = Math.floor(remaining / 2);
     const right = remaining - left;
     return `${border(`\u256D${"\u2500".repeat(left)}`)}${styledTitle}${border(`${"\u2500".repeat(right)}\u256E`)}`;