@bastani/atomic 0.9.11-alpha.8 → 0.9.11

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

@@ -15,22 +15,22 @@
 // ---------------------------------------------------------------------------
 
 const MOCHA = {
-  crust: "#11111b",
-  mantle: "#181825",
-  base: "#1e1e2e",
-  surface0: "#313244",
-  surface1: "#45475a",
-  surface2: "#585b70",
-  overlay0: "#6c7086",
-  overlay1: "#7f849c",
-  text: "#cdd6f4",
-  subtext0: "#a6adc8",
-  blue: "#89b4fa",
-  green: "#a6e3a1",
-  yellow: "#f9e2af",
-  red: "#f38ba8",
-  mauve: "#cba6f7",
-  sky: "#89dceb",
+	crust: "#11111b",
+	mantle: "#181825",
+	base: "#1e1e2e",
+	surface0: "#313244",
+	surface1: "#45475a",
+	surface2: "#585b70",
+	overlay0: "#6c7086",
+	overlay1: "#7f849c",
+	text: "#cdd6f4",
+	subtext0: "#a6adc8",
+	blue: "#89b4fa",
+	green: "#a6e3a1",
+	yellow: "#f9e2af",
+	red: "#f38ba8",
+	mauve: "#cba6f7",
+	sky: "#89dceb",
 } as const;
 
 /**
@@ -38,23 +38,23 @@ const MOCHA = {
  * Keys mirror the role names below; any field omitted falls back to Mocha.
  */
 export interface GenericTheme {
-  bg?: string;
-  backgroundPanel?: string;
-  backgroundElement?: string;
-  surface?: string;
-  selection?: string;
-  border?: string;
-  borderDim?: string;
-  borderActive?: string;
-  text?: string;
-  textMuted?: string;
-  dim?: string;
-  accent?: string;
-  mauve?: string;
-  success?: string;
-  warning?: string;
-  info?: string;
-  error?: string;
+	bg?: string;
+	backgroundPanel?: string;
+	backgroundElement?: string;
+	surface?: string;
+	selection?: string;
+	border?: string;
+	borderDim?: string;
+	borderActive?: string;
+	text?: string;
+	textMuted?: string;
+	dim?: string;
+	accent?: string;
+	mauve?: string;
+	success?: string;
+	warning?: string;
+	info?: string;
+	error?: string;
 }
 
 /**
@@ -67,58 +67,58 @@ export interface GenericTheme {
  * "Status-Is-Truth" — never used decoratively).
  */
 export interface GraphTheme {
-  /** Strata, deepest first */
-  bg: string;
-  backgroundPanel: string;
-  backgroundElement: string;
-  surface: string;
-  selection: string;
+	/** Strata, deepest first */
+	bg: string;
+	backgroundPanel: string;
+	backgroundElement: string;
+	surface: string;
+	selection: string;
 
-  /** Borders, dimmest first */
-  border: string;
-  borderDim: string;
-  borderActive: string;
+	/** Borders, dimmest first */
+	border: string;
+	borderDim: string;
+	borderActive: string;
 
-  /** Text, brightest first */
-  text: string;
-  textMuted: string;
-  dim: string;
+	/** Text, brightest first */
+	text: string;
+	textMuted: string;
+	dim: string;
 
-  /** Accents */
-  accent: string;
-  mauve: string;
+	/** Accents */
+	accent: string;
+	mauve: string;
 
-  /** Statuses */
-  success: string;
-  warning: string;
-  info: string;
-  error: string;
+	/** Statuses */
+	success: string;
+	warning: string;
+	info: string;
+	error: string;
 }
 
 export function deriveGraphTheme(theme: GenericTheme = {}): GraphTheme {
-  return {
-    bg: theme.bg ?? MOCHA.base,
-    backgroundPanel: theme.backgroundPanel ?? MOCHA.surface0,
-    backgroundElement: theme.backgroundElement ?? MOCHA.surface0,
-    surface: theme.surface ?? MOCHA.crust,
-    selection: theme.selection ?? MOCHA.surface1,
+	return {
+		bg: theme.bg ?? MOCHA.base,
+		backgroundPanel: theme.backgroundPanel ?? MOCHA.surface0,
+		backgroundElement: theme.backgroundElement ?? MOCHA.surface0,
+		surface: theme.surface ?? MOCHA.crust,
+		selection: theme.selection ?? MOCHA.surface1,
 
-    border: theme.border ?? MOCHA.overlay0,
-    borderDim: theme.borderDim ?? MOCHA.surface2,
-    borderActive: theme.borderActive ?? MOCHA.overlay1,
+		border: theme.border ?? MOCHA.overlay0,
+		borderDim: theme.borderDim ?? MOCHA.surface2,
+		borderActive: theme.borderActive ?? MOCHA.overlay1,
 
-    text: theme.text ?? MOCHA.text,
-    textMuted: theme.textMuted ?? MOCHA.subtext0,
-    dim: theme.dim ?? MOCHA.overlay1,
+		text: theme.text ?? MOCHA.text,
+		textMuted: theme.textMuted ?? MOCHA.subtext0,
+		dim: theme.dim ?? MOCHA.overlay1,
 
-    accent: theme.accent ?? MOCHA.blue,
-    mauve: theme.mauve ?? MOCHA.mauve,
+		accent: theme.accent ?? MOCHA.blue,
+		mauve: theme.mauve ?? MOCHA.mauve,
 
-    success: theme.success ?? MOCHA.green,
-    warning: theme.warning ?? MOCHA.yellow,
-    info: theme.info ?? MOCHA.sky,
-    error: theme.error ?? MOCHA.red,
-  };
+		success: theme.success ?? MOCHA.green,
+		warning: theme.warning ?? MOCHA.yellow,
+		info: theme.info ?? MOCHA.sky,
+		error: theme.error ?? MOCHA.red,
+	};
 }
 
 // ---------------------------------------------------------------------------
@@ -142,8 +142,8 @@ export function deriveGraphTheme(theme: GenericTheme = {}): GraphTheme {
  * via `hexToAnsi` / `hexBg`.
  */
 export interface PiRuntimeTheme {
-  getFgAnsi?: (color: string) => string;
-  getBgAnsi?: (color: string) => string;
+	getFgAnsi?: (color: string) => string;
+	getBgAnsi?: (color: string) => string;
 }
 
 /**
@@ -154,22 +154,19 @@ export interface PiRuntimeTheme {
  * `undefined` and let the caller fall back to the Mocha defaults.
  */
 function xterm256ToHex(idx: number): string | undefined {
-  if (!Number.isInteger(idx) || idx < 0 || idx > 255) return undefined;
-  if (idx < 16) return undefined; // ambient terminal palette — unknown
-  if (idx >= 232) {
-    const level = 8 + (idx - 232) * 10;
-    const hex = level.toString(16).padStart(2, "0");
-    return `#${hex}${hex}${hex}`;
-  }
-  const cube = idx - 16;
-  const steps = [0, 95, 135, 175, 215, 255];
-  const r = steps[Math.floor(cube / 36)]!;
-  const g = steps[Math.floor((cube % 36) / 6)]!;
-  const b = steps[cube % 6]!;
-  return (
-    "#" +
-    [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("")
-  );
+	if (!Number.isInteger(idx) || idx < 0 || idx > 255) return undefined;
+	if (idx < 16) return undefined; // ambient terminal palette — unknown
+	if (idx >= 232) {
+		const level = 8 + (idx - 232) * 10;
+		const hex = level.toString(16).padStart(2, "0");
+		return `#${hex}${hex}${hex}`;
+	}
+	const cube = idx - 16;
+	const steps = [0, 95, 135, 175, 215, 255];
+	const r = steps[Math.floor(cube / 36)]!;
+	const g = steps[Math.floor((cube % 36) / 6)]!;
+	const b = steps[cube % 6]!;
+	return `#${[r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("")}`;
 }
 
 /**
@@ -180,22 +177,19 @@ function xterm256ToHex(idx: number): string | undefined {
  * `undefined`, signalling the caller to fall back to the Mocha token.
  */
 function parsePiAnsiToHex(ansi: string | undefined): string | undefined {
-  if (typeof ansi !== "string" || ansi.length === 0) return undefined;
-  const truecolor = /\x1b\[(?:38|48);2;(\d{1,3});(\d{1,3});(\d{1,3})m/.exec(ansi);
-  if (truecolor) {
-    const r = Math.min(255, Math.max(0, parseInt(truecolor[1]!, 10)));
-    const g = Math.min(255, Math.max(0, parseInt(truecolor[2]!, 10)));
-    const b = Math.min(255, Math.max(0, parseInt(truecolor[3]!, 10)));
-    return (
-      "#" +
-      [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("")
-    );
-  }
-  const indexed = /\x1b\[(?:38|48);5;(\d{1,3})m/.exec(ansi);
-  if (indexed) {
-    return xterm256ToHex(parseInt(indexed[1]!, 10));
-  }
-  return undefined;
+	if (typeof ansi !== "string" || ansi.length === 0) return undefined;
+	const truecolor = /\x1b\[(?:38|48);2;(\d{1,3});(\d{1,3});(\d{1,3})m/.exec(ansi);
+	if (truecolor) {
+		const r = Math.min(255, Math.max(0, parseInt(truecolor[1]!, 10)));
+		const g = Math.min(255, Math.max(0, parseInt(truecolor[2]!, 10)));
+		const b = Math.min(255, Math.max(0, parseInt(truecolor[3]!, 10)));
+		return `#${[r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("")}`;
+	}
+	const indexed = /\x1b\[(?:38|48);5;(\d{1,3})m/.exec(ansi);
+	if (indexed) {
+		return xterm256ToHex(parseInt(indexed[1]!, 10));
+	}
+	return undefined;
 }
 
 /**
@@ -204,24 +198,21 @@ function parsePiAnsiToHex(ansi: string | undefined): string | undefined {
  * the current theme; we want feature detection without surfacing the
  * throw to overlay mount.
  */
-function tryPiAccessor(
-  fn: ((color: string) => string) | undefined,
-  color: string,
-): string | undefined {
-  if (typeof fn !== "function") return undefined;
-  try {
-    return fn(color);
-  } catch {
-    return undefined;
-  }
+function tryPiAccessor(fn: ((color: string) => string) | undefined, color: string): string | undefined {
+	if (typeof fn !== "function") return undefined;
+	try {
+		return fn(color);
+	} catch {
+		return undefined;
+	}
 }
 
 function fgHex(theme: PiRuntimeTheme, color: string): string | undefined {
-  return parsePiAnsiToHex(tryPiAccessor(theme.getFgAnsi, color));
+	return parsePiAnsiToHex(tryPiAccessor(theme.getFgAnsi, color));
 }
 
 function bgHex(theme: PiRuntimeTheme, color: string): string | undefined {
-  return parsePiAnsiToHex(tryPiAccessor(theme.getBgAnsi, color));
+	return parsePiAnsiToHex(tryPiAccessor(theme.getBgAnsi, color));
 }
 
 /**
@@ -249,35 +240,35 @@ function bgHex(theme: PiRuntimeTheme, color: string): string | undefined {
  * palette even if the host theme is mid-load or absent.
  */
 export function deriveGraphThemeFromPiTheme(theme: unknown): GraphTheme {
-  if (!theme || typeof theme !== "object") return deriveGraphTheme({});
-  const t = theme as PiRuntimeTheme;
-  const accent = fgHex(t, "accent");
-  const overrides: GenericTheme = {
-    backgroundPanel: bgHex(t, "toolPendingBg") ?? bgHex(t, "customMessageBg"),
-    backgroundElement: bgHex(t, "customMessageBg") ?? bgHex(t, "toolPendingBg"),
-    selection: bgHex(t, "selectedBg"),
+	if (!theme || typeof theme !== "object") return deriveGraphTheme({});
+	const t = theme as PiRuntimeTheme;
+	const accent = fgHex(t, "accent");
+	const overrides: GenericTheme = {
+		backgroundPanel: bgHex(t, "toolPendingBg") ?? bgHex(t, "customMessageBg"),
+		backgroundElement: bgHex(t, "customMessageBg") ?? bgHex(t, "toolPendingBg"),
+		selection: bgHex(t, "selectedBg"),
 
-    border: fgHex(t, "border"),
-    borderDim: fgHex(t, "borderMuted"),
-    borderActive: fgHex(t, "borderAccent"),
+		border: fgHex(t, "border"),
+		borderDim: fgHex(t, "borderMuted"),
+		borderActive: fgHex(t, "borderAccent"),
 
-    text: fgHex(t, "text") ?? fgHex(t, "customMessageText"),
-    textMuted: fgHex(t, "muted"),
-    dim: fgHex(t, "dim"),
+		text: fgHex(t, "text") ?? fgHex(t, "customMessageText"),
+		textMuted: fgHex(t, "muted"),
+		dim: fgHex(t, "dim"),
 
-    accent,
-    success: fgHex(t, "success"),
-    warning: fgHex(t, "warning"),
-    info: accent, // Pi has no `info` token — accent is the closest match.
-    error: fgHex(t, "error"),
-  };
-  // Strip undefined keys so `deriveGraphTheme` falls back to MOCHA for
-  // each one individually rather than overwriting good defaults.
-  const cleaned: GenericTheme = {};
-  for (const [k, v] of Object.entries(overrides)) {
-    if (typeof v === "string" && v.length > 0) {
-      (cleaned as Record<string, string>)[k] = v;
-    }
-  }
-  return deriveGraphTheme(cleaned);
+		accent,
+		success: fgHex(t, "success"),
+		warning: fgHex(t, "warning"),
+		info: accent, // Pi has no `info` token — accent is the closest match.
+		error: fgHex(t, "error"),
+	};
+	// Strip undefined keys so `deriveGraphTheme` falls back to MOCHA for
+	// each one individually rather than overwriting good defaults.
+	const cleaned: GenericTheme = {};
+	for (const [k, v] of Object.entries(overrides)) {
+		if (typeof v === "string" && v.length > 0) {
+			(cleaned as Record<string, string>)[k] = v;
+		}
+	}
+	return deriveGraphTheme(cleaned);
 }

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

@@ -1,13 +1,13 @@
 export const HINT_KEYS: Array<{ key: string; label: string }> = [
-  { key: "ctrl+x", label: "return to main chat" },
-  { key: "↵", label: "open stage chat" },
-  { key: "↑↓←→", label: "navigate" },
-  { key: "/", label: "stages" },
+	{ key: "ctrl+x", label: "return to main chat" },
+	{ key: "↵", label: "open stage chat" },
+	{ key: "↑↓←→", label: "navigate" },
+	{ key: "/", label: "stages" },
 ];
 
 export const COMPACT_HINT_KEYS: Array<{ key: string; label: string }> = [
-  { key: "ctrl+x", label: "return to main chat" },
-  { key: "↵", label: "stage chat" },
+	{ key: "ctrl+x", label: "return to main chat" },
+	{ key: "↵", label: "stage chat" },
 ];
 
 /**
@@ -37,6 +37,9 @@ export const OVERLAY_VERTICAL_MARGIN_ROWS = 1;
  * and the running-stage border lerps between `borderDim` and
  * `warning` without a key press. The host-supplied `requestRender`
  * gate prevents work while the overlay is hidden or unfocused.
+ * GraphView also skips ticks when nothing is animating — no running or
+ * awaiting_input stage and no prompt caret — so large idle graphs do not
+ * burn ~10 full paints/sec (#2100).
  */
 export const ANIMATION_TICK_MS = 100;