@bastani/atomic 0.8.13-0 → 0.8.14-0

package/dist/builtin/workflows/src/tui/graph-canvas.ts

@@ -30,16 +30,12 @@ function dirsForGlyph(ch: string): Set<Dir> {
     case "─":
       return new Set(["l", "r"]);
     case "╭":
-    case "┌":
       return new Set(["d", "r"]);
     case "╮":
-    case "┐":
       return new Set(["d", "l"]);
     case "╰":
-    case "└":
       return new Set(["u", "r"]);
     case "╯":
-    case "┘":
       return new Set(["u", "l"]);
     case "├":
       return new Set(["u", "d", "r"]);
@@ -65,10 +61,10 @@ function glyphForDirs(dirs: Set<Dir>): string {
   if (has("u", "l", "r")) return "┴";
   if (has("u", "d")) return "│";
   if (has("l", "r")) return "─";
-  if (has("d", "r")) return "┌";
-  if (has("d", "l")) return "┐";
-  if (has("u", "r")) return "└";
-  if (has("u", "l")) return "┘";
+  if (has("d", "r")) return "╭";
+  if (has("d", "l")) return "╮";
+  if (has("u", "r")) return "╰";
+  if (has("u", "l")) return "╯";
   if (has("u") || has("d")) return "│";
   if (has("l") || has("r")) return "─";
   return " ";

package/dist/builtin/workflows/src/tui/graph-view.ts

@@ -6,7 +6,7 @@
  *    popup chrome; this renderer leaves one unpainted row above and below
  *    the panel, then paints content on the canvas (`bg`) with full-width
  *    chrome rows for the header (top) and hints (bottom).
- *  - Section labels use the `▎ LABEL` pattern: mauve glyph + `textMuted`
+ *  - Section labels use the `  LABEL` pattern: mauve glyph + `textMuted`
  *    bold caps.
  *  - Hints follow `<key> <label>` separated by ` · ` in `dim`, active key
  *    letters in `text`, labels in `textMuted`.
@@ -18,6 +18,7 @@
  */
 import type { Component } from "@earendil-works/pi-tui";
 import {
+  Key,
   matchesKey,
   sliceColumns,
   truncateToWidth,
@@ -988,6 +989,7 @@ export class GraphView implements Component {
     blocked: number;
     completed: number;
     failed: number;
+    skipped: number;
   } {
     const c = {
       pending: 0,
@@ -997,6 +999,7 @@ export class GraphView implements Component {
       blocked: 0,
       completed: 0,
       failed: 0,
+      skipped: 0,
     };
     for (const s of run.stages) c[s.status]++;
     return c;
@@ -1061,13 +1064,13 @@ export class GraphView implements Component {
     // Vertical-graph navigation: up/down step between depth levels
     // (col), left/right step between siblings at the same depth (row).
     // j/k preserved as a flat-order fallback for muscle memory.
-    if (matchesKey(data, "down"))
+    if (matchesKey(data, Key.down))
       return this._moveByDepth(+1);
-    if (matchesKey(data, "up"))
+    if (matchesKey(data, Key.up))
       return this._moveByDepth(-1);
-    if (matchesKey(data, "right"))
+    if (matchesKey(data, Key.right))
       return this._moveBySibling(+1);
-    if (matchesKey(data, "left"))
+    if (matchesKey(data, Key.left))
       return this._moveBySibling(-1);
     if (matchesKey(data, "j")) {
       this._setFocusedIndex(Math.min(this.focusedIndex + 1, stageCount - 1));
@@ -1087,12 +1090,12 @@ export class GraphView implements Component {
       }
       return true;
     }
-    if (data === "/") {
+    if (matchesKey(data, "/")) {
       this.switcherOpen = true;
       this.switcherState = { query: "", selectedIndex: 0 };
       return true;
     }
-    if (matchesKey(data, "enter")) {
+    if (matchesKey(data, Key.enter)) {
       // Enter attaches the popup interior to the focused stage. The
       // attach shell swaps in the stage-chat view without remounting
       // the overlay; without a callback, fall back to the legacy
@@ -1103,7 +1106,7 @@ export class GraphView implements Component {
     }
     // `ctrl+d` detaches the whole popup (host hides the overlay). This
     // is the graph-mode counterpart of the in-chat back affordance.
-    if (matchesKey(data, "ctrl+d")) {
+    if (matchesKey(data, Key.ctrl("d"))) {
       if (this.onDetach) {
         this.onDetach();
       } else if (this.onHide) {
@@ -1125,7 +1128,7 @@ export class GraphView implements Component {
       this.onHide();
       return true;
     }
-    if (matchesKey(data, "escape") || matchesKey(data, "ctrl+c")) {
+    if (matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl("c"))) {
       this.onClose?.();
       return true;
     }
@@ -1136,11 +1139,11 @@ export class GraphView implements Component {
     const run = this._getCurrentRun();
     const stages = run?.stages ?? [];
 
-    if (matchesKey(data, "escape")) {
+    if (matchesKey(data, Key.escape)) {
       this.switcherOpen = false;
       return true;
     }
-    if (matchesKey(data, "enter")) {
+    if (matchesKey(data, Key.enter)) {
       const filtered = filterStages(stages, this.switcherState.query);
       const selected = filtered[this.switcherState.selectedIndex];
       if (selected) {
@@ -1159,7 +1162,7 @@ export class GraphView implements Component {
       this.switcherOpen = false;
       return true;
     }
-    if (matchesKey(data, "down")) {
+    if (matchesKey(data, Key.down)) {
       const filtered = filterStages(stages, this.switcherState.query);
       this.switcherState = {
         ...this.switcherState,
@@ -1170,14 +1173,14 @@ export class GraphView implements Component {
       };
       return true;
     }
-    if (matchesKey(data, "up")) {
+    if (matchesKey(data, Key.up)) {
       this.switcherState = {
         ...this.switcherState,
         selectedIndex: Math.max(this.switcherState.selectedIndex - 1, 0),
       };
       return true;
     }
-    if (matchesKey(data, "backspace")) {
+    if (matchesKey(data, Key.backspace)) {
       this.switcherState = {
         query: this.switcherState.query.slice(0, -1),
         selectedIndex: 0,

package/dist/builtin/workflows/src/tui/header.ts

@@ -49,6 +49,8 @@ export interface BandHeaderOpts {
   theme: GraphTheme;
 }
 
+export interface CompactBandHeaderOpts extends BandHeaderOpts {}
+
 interface PillStyle {
   border: string;
   label: string;
@@ -88,6 +90,40 @@ export function renderOutlinePill(
  * Always returns exactly 3 lines. When `badges` is empty the right
  * column is whitespace only.
  */
+export function renderCompactBandHeader(opts: CompactBandHeaderOpts): string[] {
+  const { label, subtitle = "", badges = [], width, theme } = opts;
+  const accentHex = opts.accent ?? theme.accent;
+  const chromeBg = hexBg(theme.backgroundPanel);
+  const accent = hexToAnsi(accentHex);
+  const muted = hexToAnsi(theme.textMuted);
+
+  const rightVisible = badges.map((b) => b.text).join("  ");
+  const rightW = visibleWidth(rightVisible);
+  const rightStyled = badges
+    .map((b) => `${hexToAnsi(b.fg)}${b.text}${RESET}${chromeBg}`)
+    .join(`${chromeBg}  `);
+
+  const labelVisible = ` ${label} `;
+  const labelW = visibleWidth(labelVisible);
+  const rightEdgePad = 2;
+  const subtitleBudget = Math.max(0, width - labelW - rightW - rightEdgePad - 2);
+  const subtitleText = subtitle.length > 0 && subtitleBudget > 0
+    ? truncateToWidth(subtitle, subtitleBudget, "…")
+    : "";
+  const subtitleVisible = subtitleText.length > 0 ? `  ${subtitleText}` : "";
+  const subtitleW = visibleWidth(subtitleVisible);
+  const filler = Math.max(0, width - labelW - subtitleW - rightW - rightEdgePad);
+
+  const labelStyled = `${chromeBg}${accent}${BOLD}${labelVisible}${RESET}${chromeBg}`;
+  const subtitleStyled = subtitleText.length > 0
+    ? `${chromeBg}  ${muted}${subtitleText}${RESET}${chromeBg}`
+    : `${chromeBg}`;
+  const line = `${labelStyled}${subtitleStyled}${" ".repeat(filler)}${rightStyled}${chromeBg}${" ".repeat(rightEdgePad)}${RESET}`;
+  const fitted = truncateToWidth(line, width, "", true);
+  const pad = Math.max(0, width - visibleWidth(fitted));
+  return [`${fitted}${chromeBg}${" ".repeat(pad)}${RESET}`];
+}
+
 export function renderBandHeader(opts: BandHeaderOpts): string[] {
   const { label, subtitle = "", badges = [], width, theme } = opts;
   const accentHex = opts.accent ?? theme.accent;
@@ -166,6 +202,7 @@ export function renderHeader(run: RunSnapshot, opts: HeaderOpts): string[] {
     blocked: 0,
     completed: 0,
     failed: 0,
+    skipped: 0,
   };
   for (const s of run.stages) counts[s.status]++;
 
@@ -175,6 +212,7 @@ export function renderHeader(run: RunSnapshot, opts: HeaderOpts): string[] {
   if (counts.awaiting_input > 0) badges.push({ text: `↵ ${counts.awaiting_input}`, fg: theme.info });
   if (counts.paused > 0) badges.push({ text: `❚❚ ${counts.paused}`, fg: theme.warning });
   if (counts.pending > 0) badges.push({ text: `○ ${counts.pending}`, fg: theme.dim });
+  if (counts.skipped > 0) badges.push({ text: `⊘ ${counts.skipped}`, fg: theme.dim });
   if (counts.failed > 0) badges.push({ text: `✗ ${counts.failed}`, fg: theme.error });
 
   return renderBandHeader({