@agimon-ai/doompi-workflow 0.0.1-alpha.76 → 0.0.1-alpha.78

package/dist/src/tui/workflow/doomOverlay.mjs

@@ -0,0 +1,157 @@
+import { fitLine, frameLine, padLine } from "./rendering.mjs";
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+//#region src/tui/workflow/doomOverlay.ts
+const DEFAULT_TERMINAL_ROWS = 24;
+const FULL_CHROME_ROWS = 6;
+/** Two frame columns and two gutter columns, leaving content worth framing. */
+const MIN_FRAMED_WIDTH = 8;
+const GUTTER = " ";
+const GUTTER_COLUMNS = 2;
+/** Blank columns kept between a row's left cluster and its right-aligned status. */
+const ROW_GAP = 2;
+/** A secondary segment thinner than this is dropped rather than shredded into a stub. */
+const MIN_SEGMENT_WIDTH = 8;
+const ELLIPSIS = "…";
+const BORDER_COLOR = "borderMuted";
+const TEXT_COLOR = "text";
+/** Filled key caps read as pressable, matching the doom mockups' footers. */
+const HINT_CAP_BACKGROUND = "selectedBg";
+const HINT_SEPARATOR = "   ";
+/** A cap's two pad columns plus the space before its label. */
+const HINT_CHROME_COLUMNS = 6;
+const TITLE_COLOR = "accent";
+const SECONDARY_COLOR = "dim";
+const HORIZONTAL_BORDER = "─";
+const VERTICAL_BORDER = "│";
+const TOP_CORNERS = ["╭", "╮"];
+const DIVIDER_JOINTS = ["├", "┤"];
+const BOTTOM_CORNERS = ["╰", "╯"];
+/**
+* One signature colour for every doom overlay: the frame and the title badge.
+* Per-surface colours were tried and read as arbitrary, and they also borrowed
+* tokens that mean something else (`warning`, `syntaxNumber`), so a theme edit
+* elsewhere would have repainted a frame. Change it here to change them all.
+*/
+const DOOM_OVERLAY_ACCENT = "mdHeading";
+const DOOM_FULLSCREEN_UI_OPTIONS = {
+	overlay: true,
+	overlayOptions: {
+		anchor: "top-left",
+		width: "100%",
+		maxHeight: "100%",
+		margin: 0
+	}
+};
+/**
+* Fits a secondary segment into `budget`, or drops it entirely when too few
+* columns remain for it to stay readable. Truncating everything to fit is what
+* makes a tight header read as one run-on string.
+*/
+function fitSegment(text, budget) {
+	if (!text || budget <= 0) return "";
+	return budget < Math.min(visibleWidth(text), MIN_SEGMENT_WIDTH) ? "" : truncateToWidth(text, budget, ELLIPSIS);
+}
+var DoomOverlay = class {
+	tui;
+	theme;
+	constructor(tui, theme) {
+		this.tui = tui;
+		this.theme = theme;
+	}
+	invalidate() {
+		this.tui.requestRender();
+	}
+	render(width) {
+		const safeWidth = Math.max(0, Math.floor(width));
+		const height = Math.max(0, Math.floor(this.tui.terminal?.rows ?? DEFAULT_TERMINAL_ROWS));
+		if (safeWidth === 0 || height === 0) return [];
+		const chrome = this.getChrome();
+		if (height < FULL_CHROME_ROWS || safeWidth < MIN_FRAMED_WIDTH) return this.renderCompact(chrome, safeWidth, height);
+		const innerWidth = safeWidth - GUTTER_COLUMNS;
+		const contentWidth = innerWidth - GUTTER_COLUMNS;
+		const bodyHeight = height - FULL_CHROME_ROWS;
+		const body = this.renderBody(contentWidth, bodyHeight).slice(0, bodyHeight);
+		while (body.length < bodyHeight) body.push("");
+		const frame = chrome.accent ?? BORDER_COLOR;
+		return [
+			this.borderRow(TOP_CORNERS, innerWidth, frame),
+			this.contentRow(this.headerRow(chrome, contentWidth), contentWidth, safeWidth, frame),
+			this.borderRow(DIVIDER_JOINTS, innerWidth, frame, BORDER_COLOR),
+			...body.map((line) => this.contentRow(line, contentWidth, safeWidth, frame)),
+			this.borderRow(DIVIDER_JOINTS, innerWidth, frame, BORDER_COLOR),
+			this.contentRow(this.footerRow(chrome, contentWidth), contentWidth, safeWidth, frame),
+			this.borderRow(BOTTOM_CORNERS, innerWidth, frame)
+		].map((line) => padLine(line, safeWidth));
+	}
+	/**
+	* Edge glyphs and the rule between them are coloured separately: the outer
+	* rectangle carries the signature colour while an internal separator stays
+	* muted, meeting the frame at accent-coloured junctions.
+	*/
+	borderRow([left, right], innerWidth, edge = BORDER_COLOR, fill = edge) {
+		const edgeColour = edge ?? BORDER_COLOR;
+		return [
+			this.theme.fg(edgeColour, left),
+			this.theme.fg(fill ?? edgeColour, HORIZONTAL_BORDER.repeat(innerWidth)),
+			this.theme.fg(edgeColour, right)
+		].join("");
+	}
+	contentRow(content, contentWidth, width, colour = BORDER_COLOR) {
+		const edge = this.theme.fg(colour ?? BORDER_COLOR, VERTICAL_BORDER);
+		return frameLine(`${GUTTER}${padLine(content, contentWidth)}${GUTTER}`, width, edge, edge);
+	}
+	headerRow(chrome, width) {
+		const accent = chrome.accent;
+		const titleBudget = accent ? width - GUTTER_COLUMNS : width;
+		const title = truncateToWidth(chrome.title, Math.max(0, titleBudget), ELLIPSIS);
+		let left = accent ? this.theme.inverse(this.theme.bold(this.theme.fg(accent, ` ${title} `))) : this.theme.bold(this.theme.fg(TITLE_COLOR, title));
+		let leftWidth = visibleWidth(title) + (accent ? GUTTER_COLUMNS : 0);
+		const breadcrumb = fitSegment(chrome.breadcrumb, width - leftWidth - ROW_GAP);
+		if (breadcrumb) {
+			left += `${" ".repeat(ROW_GAP)}${this.theme.fg(SECONDARY_COLOR, breadcrumb)}`;
+			leftWidth += ROW_GAP + visibleWidth(breadcrumb);
+		}
+		return this.withRightStatus(left, leftWidth, chrome.headerRight, width);
+	}
+	footerRow(chrome, width) {
+		const footer = chrome.footerHints?.length ? this.hintLegend(chrome.footerHints, width) : this.theme.fg(SECONDARY_COLOR, truncateToWidth(chrome.footer, width, ELLIPSIS));
+		return this.withRightStatus(footer, visibleWidth(footer), chrome.footerRight, width);
+	}
+	/**
+	* Key legend with each key in a filled cap. Every segment sets its own colour
+	* so the caps survive: a cap's reset would otherwise strip the surrounding
+	* dim from the labels that follow it.
+	*/
+	hintLegend(hints, width) {
+		let legend = "";
+		let used = 0;
+		for (const [key, label] of hints) {
+			const segmentWidth = visibleWidth(key) + visibleWidth(label) + HINT_CHROME_COLUMNS;
+			if (used + segmentWidth > width) break;
+			const cap = this.theme.bg(HINT_CAP_BACKGROUND, this.theme.fg(TEXT_COLOR, ` ${key} `));
+			legend += `${legend ? HINT_SEPARATOR : ""}${cap}${this.theme.fg(SECONDARY_COLOR, ` ${label}`)}`;
+			used += segmentWidth;
+		}
+		return legend;
+	}
+	/**
+	* Right-aligns a status cluster, dropping it whole when the row cannot spare
+	* the columns. A clipped status reads as a stub (`doom-log…`) that carries
+	* less than the blank space it costs.
+	*/
+	withRightStatus(left, leftWidth, right, width) {
+		const statusWidth = right ? visibleWidth(right) : 0;
+		if (!right || statusWidth === 0 || leftWidth + ROW_GAP + statusWidth > width) return left;
+		return `${left}${" ".repeat(width - leftWidth - statusWidth)}${this.theme.fg(SECONDARY_COLOR, right)}`;
+	}
+	renderCompact(chrome, width, height) {
+		const lines = Array.from({ length: height }, () => "");
+		lines[0] = this.theme.bold(this.theme.fg(TITLE_COLOR, chrome.title));
+		if (height > 1) lines[height - 1] = this.theme.fg(SECONDARY_COLOR, chrome.footer);
+		return lines.map((line) => padLine(fitLine(line, width), width));
+	}
+};
+//#endregion
+export { DOOM_FULLSCREEN_UI_OPTIONS, DOOM_OVERLAY_ACCENT, DoomOverlay };
+
+//# sourceMappingURL=doomOverlay.mjs.map

package/dist/src/tui/workflow/doomOverlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"doomOverlay.mjs","names":[],"sources":["../../../../src/tui/workflow/doomOverlay.ts"],"sourcesContent":["import type { Theme } from '@earendil-works/pi-coding-agent';\nimport { type Component, truncateToWidth, visibleWidth } from '@earendil-works/pi-tui';\n\nimport { fitLine, frameLine, padLine } from './rendering';\n\nconst DEFAULT_TERMINAL_ROWS = 24;\nconst FULL_CHROME_ROWS = 6;\n/** Two frame columns and two gutter columns, leaving content worth framing. */\nconst MIN_FRAMED_WIDTH = 8;\nconst GUTTER = ' ';\nconst GUTTER_COLUMNS = 2;\n/** Blank columns kept between a row's left cluster and its right-aligned status. */\nconst ROW_GAP = 2;\n/** A secondary segment thinner than this is dropped rather than shredded into a stub. */\nconst MIN_SEGMENT_WIDTH = 8;\nconst ELLIPSIS = '…';\nconst BORDER_COLOR = 'borderMuted';\nconst TEXT_COLOR = 'text';\n/** Filled key caps read as pressable, matching the doom mockups' footers. */\nconst HINT_CAP_BACKGROUND = 'selectedBg';\nconst HINT_SEPARATOR = '   ';\n/** A cap's two pad columns plus the space before its label. */\nconst HINT_CHROME_COLUMNS = 6;\nconst TITLE_COLOR = 'accent';\nconst SECONDARY_COLOR = 'dim';\nconst HORIZONTAL_BORDER = '─';\nconst VERTICAL_BORDER = '│';\nconst TOP_CORNERS = ['╭', '╮'] as const;\nconst DIVIDER_JOINTS = ['├', '┤'] as const;\nconst BOTTOM_CORNERS = ['╰', '╯'] as const;\n\nexport interface DoomOverlayTui {\n  terminal?: {\n    rows: number;\n    columns?: number;\n  };\n  requestRender(force?: boolean): void;\n}\n\nexport interface DoomOverlayChrome {\n  title: string;\n  breadcrumb?: string;\n  headerRight?: string;\n  footer: string;\n  footerRight?: string;\n  /**\n   * Key/label pairs rendered as filled caps, e.g. `[ enter ] edit subject`.\n   * Takes precedence over `footer`, which stays for surfaces that want a plain\n   * sentence rather than a key legend.\n   */\n  footerHints?: readonly (readonly [string, string])[];\n  /**\n   * Signature colour for the surface. When set, the frame takes it and the\n   * title renders as a filled badge rather than plain accent text, matching the\n   * doom mockups. Left unset, the frame stays muted and the title plain.\n   */\n  accent?: Parameters<Theme['fg']>[0];\n}\n\n/**\n * One signature colour for every doom overlay: the frame and the title badge.\n * Per-surface colours were tried and read as arbitrary, and they also borrowed\n * tokens that mean something else (`warning`, `syntaxNumber`), so a theme edit\n * elsewhere would have repainted a frame. Change it here to change them all.\n */\nexport const DOOM_OVERLAY_ACCENT = 'mdHeading' satisfies DoomOverlayChrome['accent'];\n\nexport const DOOM_FULLSCREEN_UI_OPTIONS = {\n  overlay: true,\n  overlayOptions: {\n    anchor: 'top-left',\n    width: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n} as const;\n\n/**\n * Fits a secondary segment into `budget`, or drops it entirely when too few\n * columns remain for it to stay readable. Truncating everything to fit is what\n * makes a tight header read as one run-on string.\n */\nfunction fitSegment(text: string | undefined, budget: number): string {\n  if (!text || budget <= 0) return '';\n  return budget < Math.min(visibleWidth(text), MIN_SEGMENT_WIDTH) ? '' : truncateToWidth(text, budget, ELLIPSIS);\n}\n\nexport abstract class DoomOverlay implements Component {\n  protected constructor(\n    protected readonly tui: DoomOverlayTui,\n    protected readonly theme: Theme,\n  ) {}\n\n  invalidate(): void {\n    this.tui.requestRender();\n  }\n\n  render(width: number): string[] {\n    const safeWidth = Math.max(0, Math.floor(width));\n    const height = Math.max(0, Math.floor(this.tui.terminal?.rows ?? DEFAULT_TERMINAL_ROWS));\n    if (safeWidth === 0 || height === 0) return [];\n\n    const chrome = this.getChrome();\n    if (height < FULL_CHROME_ROWS || safeWidth < MIN_FRAMED_WIDTH) {\n      return this.renderCompact(chrome, safeWidth, height);\n    }\n\n    const innerWidth = safeWidth - GUTTER_COLUMNS;\n    const contentWidth = innerWidth - GUTTER_COLUMNS;\n    const bodyHeight = height - FULL_CHROME_ROWS;\n    const body = this.renderBody(contentWidth, bodyHeight).slice(0, bodyHeight);\n    while (body.length < bodyHeight) body.push('');\n\n    const frame = chrome.accent ?? BORDER_COLOR;\n    return [\n      this.borderRow(TOP_CORNERS, innerWidth, frame),\n      this.contentRow(this.headerRow(chrome, contentWidth), contentWidth, safeWidth, frame),\n      this.borderRow(DIVIDER_JOINTS, innerWidth, frame, BORDER_COLOR),\n      ...body.map((line) => this.contentRow(line, contentWidth, safeWidth, frame)),\n      this.borderRow(DIVIDER_JOINTS, innerWidth, frame, BORDER_COLOR),\n      this.contentRow(this.footerRow(chrome, contentWidth), contentWidth, safeWidth, frame),\n      this.borderRow(BOTTOM_CORNERS, innerWidth, frame),\n    ].map((line) => padLine(line, safeWidth));\n  }\n\n  protected abstract getChrome(): DoomOverlayChrome;\n\n  protected abstract renderBody(width: number, height: number): string[];\n\n  /**\n   * Edge glyphs and the rule between them are coloured separately: the outer\n   * rectangle carries the signature colour while an internal separator stays\n   * muted, meeting the frame at accent-coloured junctions.\n   */\n  private borderRow(\n    [left, right]: readonly [string, string],\n    innerWidth: number,\n    edge: DoomOverlayChrome['accent'] = BORDER_COLOR,\n    fill: DoomOverlayChrome['accent'] = edge,\n  ): string {\n    const edgeColour = edge ?? BORDER_COLOR;\n    return [\n      this.theme.fg(edgeColour, left),\n      this.theme.fg(fill ?? edgeColour, HORIZONTAL_BORDER.repeat(innerWidth)),\n      this.theme.fg(edgeColour, right),\n    ].join('');\n  }\n\n  private contentRow(\n    content: string,\n    contentWidth: number,\n    width: number,\n    colour: DoomOverlayChrome['accent'] = BORDER_COLOR,\n  ): string {\n    const edge = this.theme.fg(colour ?? BORDER_COLOR, VERTICAL_BORDER);\n    return frameLine(`${GUTTER}${padLine(content, contentWidth)}${GUTTER}`, width, edge, edge);\n  }\n\n  private headerRow(chrome: DoomOverlayChrome, width: number): string {\n    // A signature colour turns the title into a filled badge, as the mockups\n    // show; without one it stays plain accent text.\n    const accent = chrome.accent;\n    const titleBudget = accent ? width - GUTTER_COLUMNS : width;\n    const title = truncateToWidth(chrome.title, Math.max(0, titleBudget), ELLIPSIS);\n    let left = accent\n      ? this.theme.inverse(this.theme.bold(this.theme.fg(accent, ` ${title} `)))\n      : this.theme.bold(this.theme.fg(TITLE_COLOR, title));\n    let leftWidth = visibleWidth(title) + (accent ? GUTTER_COLUMNS : 0);\n\n    // The breadcrumb claims room before the right status: it says where you are,\n    // which outranks ambient context when the terminal is narrow.\n    const breadcrumb = fitSegment(chrome.breadcrumb, width - leftWidth - ROW_GAP);\n    if (breadcrumb) {\n      left += `${' '.repeat(ROW_GAP)}${this.theme.fg(SECONDARY_COLOR, breadcrumb)}`;\n      leftWidth += ROW_GAP + visibleWidth(breadcrumb);\n    }\n    return this.withRightStatus(left, leftWidth, chrome.headerRight, width);\n  }\n\n  private footerRow(chrome: DoomOverlayChrome, width: number): string {\n    const footer = chrome.footerHints?.length\n      ? this.hintLegend(chrome.footerHints, width)\n      : this.theme.fg(SECONDARY_COLOR, truncateToWidth(chrome.footer, width, ELLIPSIS));\n    return this.withRightStatus(footer, visibleWidth(footer), chrome.footerRight, width);\n  }\n\n  /**\n   * Key legend with each key in a filled cap. Every segment sets its own colour\n   * so the caps survive: a cap's reset would otherwise strip the surrounding\n   * dim from the labels that follow it.\n   */\n  private hintLegend(hints: readonly (readonly [string, string])[], width: number): string {\n    let legend = '';\n    let used = 0;\n    for (const [key, label] of hints) {\n      const segmentWidth = visibleWidth(key) + visibleWidth(label) + HINT_CHROME_COLUMNS;\n      if (used + segmentWidth > width) break;\n      const cap = this.theme.bg(HINT_CAP_BACKGROUND, this.theme.fg(TEXT_COLOR, ` ${key} `));\n      legend += `${legend ? HINT_SEPARATOR : ''}${cap}${this.theme.fg(SECONDARY_COLOR, ` ${label}`)}`;\n      used += segmentWidth;\n    }\n    return legend;\n  }\n\n  /**\n   * Right-aligns a status cluster, dropping it whole when the row cannot spare\n   * the columns. A clipped status reads as a stub (`doom-log…`) that carries\n   * less than the blank space it costs.\n   */\n  private withRightStatus(left: string, leftWidth: number, right: string | undefined, width: number): string {\n    const statusWidth = right ? visibleWidth(right) : 0;\n    if (!right || statusWidth === 0 || leftWidth + ROW_GAP + statusWidth > width) return left;\n    return `${left}${' '.repeat(width - leftWidth - statusWidth)}${this.theme.fg(SECONDARY_COLOR, right)}`;\n  }\n\n  private renderCompact(chrome: DoomOverlayChrome, width: number, height: number): string[] {\n    const lines = Array.from({ length: height }, () => '');\n    lines[0] = this.theme.bold(this.theme.fg(TITLE_COLOR, chrome.title));\n    if (height > 1) lines[height - 1] = this.theme.fg(SECONDARY_COLOR, chrome.footer);\n    return lines.map((line) => padLine(fitLine(line, width), width));\n  }\n}\n"],"mappings":"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"}

package/dist/src/tui/workflow/overlayText.cjs

@@ -0,0 +1,83 @@
+let _earendil_works_pi_tui = require("@earendil-works/pi-tui");
+/** pi-tui brackets a truncation ellipsis with this; see `fit`. */
+const HARD_RESET = "\x1B[0m";
+const ESCAPE = "\x1B";
+const FIRST_PRINTABLE_CODE_POINT = 32;
+const DELETE_CODE_POINT = 127;
+/**
+* Truncates and pads to an exact column count.
+*
+* `truncateToWidth` wraps its ellipsis in a hard `\x1b[0m`, which would strip a
+* row's background for everything after a clipped cell. Nothing here sets a
+* colour that a full reset is the correct end for -- the theme closes its own
+* with `\x1b[39m` and `\x1b[49m` -- so the injected resets are dropped.
+*/
+function fit(text, width) {
+	const clipped = (0, _earendil_works_pi_tui.truncateToWidth)(text, Math.max(0, width), "…").replaceAll(HARD_RESET, "");
+	return clipped + " ".repeat(Math.max(0, width - (0, _earendil_works_pi_tui.visibleWidth)(clipped)));
+}
+/**
+* Fits a line that carries its own colour, keeping every escape it contains.
+*
+* `fit` above drops hard resets, which is right for a themed row whose
+* background must survive a clipped cell and wrong for captured terminal
+* output: those resets are what END the child's colour runs, and deleting them
+* bleeds a colour through the rest of the panel. This closes the line with a
+* reset instead, before the padding, so no attribute escapes the row.
+*/
+function fitTerminalLine(text, width) {
+	const safeWidth = Math.max(0, width);
+	const clipped = (0, _earendil_works_pi_tui.truncateToWidth)(text, safeWidth, "…");
+	const padding = " ".repeat(Math.max(0, safeWidth - (0, _earendil_works_pi_tui.visibleWidth)(clipped)));
+	return clipped.includes(ESCAPE) ? `${clipped}${HARD_RESET}${padding}` : `${clipped}${padding}`;
+}
+/** Right-aligns a trailing cluster against a left one, both clipped to fit. */
+function rightAligned(left, right, width) {
+	const rightWidth = (0, _earendil_works_pi_tui.visibleWidth)(right);
+	const leftWidth = Math.max(0, width - rightWidth - 1);
+	return fit(left, leftWidth) + " ".repeat(Math.max(1, width - leftWidth - rightWidth)) + fit(right, rightWidth);
+}
+/**
+* Trims from the front rather than the tail.
+*
+* For a path the file name identifies the thing, while the
+* `automations/marketing-workflows/` prefix every entry shares does not.
+*/
+function pathTail(text, width) {
+	if (width <= 0) return "";
+	if ((0, _earendil_works_pi_tui.visibleWidth)(text) <= width) return text;
+	return `…${text.slice(text.length - Math.max(0, width - 1))}`;
+}
+/**
+* Keystrokes that carry no text: escape sequences, control keys, delete.
+*
+* Indexed rather than iterated so surrogate pairs stay intact; both halves sit
+* far above the control range, so no emoji is ever mistaken for one.
+*/
+function isControlInput(data) {
+	for (let index = 0; index < data.length; index++) {
+		const code = data.charCodeAt(index);
+		if (code < FIRST_PRINTABLE_CODE_POINT || code === DELETE_CODE_POINT) return true;
+	}
+	return false;
+}
+/**
+* Whitespace-separated terms, each of which must appear somewhere in the row's
+* searchable text. Splitting on whitespace is what lets `short video` match a
+* row whose words are divided between its title and its file name.
+*/
+function matchesQuery(haystack, query) {
+	const terms = query.toLowerCase().split(/\s+/).filter(Boolean);
+	if (terms.length === 0) return true;
+	const lowered = haystack.toLowerCase();
+	return terms.every((term) => lowered.includes(term));
+}
+//#endregion
+exports.fit = fit;
+exports.fitTerminalLine = fitTerminalLine;
+exports.isControlInput = isControlInput;
+exports.matchesQuery = matchesQuery;
+exports.pathTail = pathTail;
+exports.rightAligned = rightAligned;
+
+//# sourceMappingURL=overlayText.cjs.map

package/dist/src/tui/workflow/overlayText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayText.cjs","names":["truncateToWidth","visibleWidth"],"sources":["../../../../src/tui/workflow/overlayText.ts"],"sourcesContent":["/**\n * Text primitives shared by every doom overlay in this extension.\n *\n * Kept in one place because each of them encodes a decision that has to hold on\n * every surface: how a cell is clipped, which end of a path survives, and what\n * counts as a keystroke that carries text.\n */\n\nimport { truncateToWidth, visibleWidth } from '@earendil-works/pi-tui';\n\nexport const ELLIPSIS = '…';\nexport const CURSOR_BLOCK = '█';\nexport const SELECTION_MARKER = '›';\n/** pi-tui brackets a truncation ellipsis with this; see `fit`. */\nconst HARD_RESET = '\\x1b[0m';\nconst ESCAPE = '\\x1b';\nconst FIRST_PRINTABLE_CODE_POINT = 0x20;\nconst DELETE_CODE_POINT = 0x7f;\n\n/**\n * Truncates and pads to an exact column count.\n *\n * `truncateToWidth` wraps its ellipsis in a hard `\\x1b[0m`, which would strip a\n * row's background for everything after a clipped cell. Nothing here sets a\n * colour that a full reset is the correct end for -- the theme closes its own\n * with `\\x1b[39m` and `\\x1b[49m` -- so the injected resets are dropped.\n */\nexport function fit(text: string, width: number): string {\n  const clipped = truncateToWidth(text, Math.max(0, width), ELLIPSIS).replaceAll(HARD_RESET, '');\n  return clipped + ' '.repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\n/**\n * Fits a line that carries its own colour, keeping every escape it contains.\n *\n * `fit` above drops hard resets, which is right for a themed row whose\n * background must survive a clipped cell and wrong for captured terminal\n * output: those resets are what END the child's colour runs, and deleting them\n * bleeds a colour through the rest of the panel. This closes the line with a\n * reset instead, before the padding, so no attribute escapes the row.\n */\nexport function fitTerminalLine(text: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const clipped = truncateToWidth(text, safeWidth, ELLIPSIS);\n  const padding = ' '.repeat(Math.max(0, safeWidth - visibleWidth(clipped)));\n  return clipped.includes(ESCAPE) ? `${clipped}${HARD_RESET}${padding}` : `${clipped}${padding}`;\n}\n\n/** Right-aligns a trailing cluster against a left one, both clipped to fit. */\nexport function rightAligned(left: string, right: string, width: number): string {\n  const rightWidth = visibleWidth(right);\n  const leftWidth = Math.max(0, width - rightWidth - 1);\n  return fit(left, leftWidth) + ' '.repeat(Math.max(1, width - leftWidth - rightWidth)) + fit(right, rightWidth);\n}\n\n/**\n * Trims from the front rather than the tail.\n *\n * For a path the file name identifies the thing, while the\n * `automations/marketing-workflows/` prefix every entry shares does not.\n */\nexport function pathTail(text: string, width: number): string {\n  if (width <= 0) return '';\n  if (visibleWidth(text) <= width) return text;\n  return `${ELLIPSIS}${text.slice(text.length - Math.max(0, width - 1))}`;\n}\n\n/**\n * Keystrokes that carry no text: escape sequences, control keys, delete.\n *\n * Indexed rather than iterated so surrogate pairs stay intact; both halves sit\n * far above the control range, so no emoji is ever mistaken for one.\n */\nexport function isControlInput(data: string): boolean {\n  for (let index = 0; index < data.length; index++) {\n    const code = data.charCodeAt(index);\n    if (code < FIRST_PRINTABLE_CODE_POINT || code === DELETE_CODE_POINT) return true;\n  }\n  return false;\n}\n\n/**\n * Whitespace-separated terms, each of which must appear somewhere in the row's\n * searchable text. Splitting on whitespace is what lets `short video` match a\n * row whose words are divided between its title and its file name.\n */\nexport function matchesQuery(haystack: string, query: string): boolean {\n  const terms = query.toLowerCase().split(/\\s+/).filter(Boolean);\n  if (terms.length === 0) return true;\n  const lowered = haystack.toLowerCase();\n  return terms.every((term) => lowered.includes(term));\n}\n"],"mappings":";;AAcA,MAAM,aAAa;AACnB,MAAM,SAAS;AACf,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;;;;;;;;;AAU1B,SAAgB,IAAI,MAAc,OAAuB;CACvD,MAAM,WAAA,GAAUA,uBAAAA,gBAAAA,CAAgB,MAAM,KAAK,IAAI,GAAG,KAAK,GAAA,GAAW,CAAC,CAAC,WAAW,YAAY,EAAE;CAC7F,OAAO,UAAU,IAAI,OAAO,KAAK,IAAI,GAAG,SAAA,GAAQC,uBAAAA,aAAAA,CAAa,OAAO,CAAC,CAAC;AACxE;;;;;;;;;;AAWA,SAAgB,gBAAgB,MAAc,OAAuB;CACnE,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,WAAA,GAAUD,uBAAAA,gBAAAA,CAAgB,MAAM,WAAA,GAAmB;CACzD,MAAM,UAAU,IAAI,OAAO,KAAK,IAAI,GAAG,aAAA,GAAYC,uBAAAA,aAAAA,CAAa,OAAO,CAAC,CAAC;CACzE,OAAO,QAAQ,SAAS,MAAM,IAAI,GAAG,UAAU,aAAa,YAAY,GAAG,UAAU;AACvF;;AAGA,SAAgB,aAAa,MAAc,OAAe,OAAuB;CAC/E,MAAM,cAAA,GAAaA,uBAAAA,aAAAA,CAAa,KAAK;CACrC,MAAM,YAAY,KAAK,IAAI,GAAG,QAAQ,aAAa,CAAC;CACpD,OAAO,IAAI,MAAM,SAAS,IAAI,IAAI,OAAO,KAAK,IAAI,GAAG,QAAQ,YAAY,UAAU,CAAC,IAAI,IAAI,OAAO,UAAU;AAC/G;;;;;;;AAQA,SAAgB,SAAS,MAAc,OAAuB;CAC5D,IAAI,SAAS,GAAG,OAAO;CACvB,KAAA,GAAIA,uBAAAA,aAAAA,CAAa,IAAI,KAAK,OAAO,OAAO;CACxC,OAAO,IAAc,KAAK,MAAM,KAAK,SAAS,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;AACtE;;;;;;;AAQA,SAAgB,eAAe,MAAuB;CACpD,KAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;EAChD,MAAM,OAAO,KAAK,WAAW,KAAK;EAClC,IAAI,OAAO,8BAA8B,SAAS,mBAAmB,OAAO;CAC9E;CACA,OAAO;AACT;;;;;;AAOA,SAAgB,aAAa,UAAkB,OAAwB;CACrE,MAAM,QAAQ,MAAM,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CAC7D,IAAI,MAAM,WAAW,GAAG,OAAO;CAC/B,MAAM,UAAU,SAAS,YAAY;CACrC,OAAO,MAAM,OAAO,SAAS,QAAQ,SAAS,IAAI,CAAC;AACrD"}

package/dist/src/tui/workflow/overlayText.mjs

@@ -0,0 +1,78 @@
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+/** pi-tui brackets a truncation ellipsis with this; see `fit`. */
+const HARD_RESET = "\x1B[0m";
+const ESCAPE = "\x1B";
+const FIRST_PRINTABLE_CODE_POINT = 32;
+const DELETE_CODE_POINT = 127;
+/**
+* Truncates and pads to an exact column count.
+*
+* `truncateToWidth` wraps its ellipsis in a hard `\x1b[0m`, which would strip a
+* row's background for everything after a clipped cell. Nothing here sets a
+* colour that a full reset is the correct end for -- the theme closes its own
+* with `\x1b[39m` and `\x1b[49m` -- so the injected resets are dropped.
+*/
+function fit(text, width) {
+	const clipped = truncateToWidth(text, Math.max(0, width), "…").replaceAll(HARD_RESET, "");
+	return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
+}
+/**
+* Fits a line that carries its own colour, keeping every escape it contains.
+*
+* `fit` above drops hard resets, which is right for a themed row whose
+* background must survive a clipped cell and wrong for captured terminal
+* output: those resets are what END the child's colour runs, and deleting them
+* bleeds a colour through the rest of the panel. This closes the line with a
+* reset instead, before the padding, so no attribute escapes the row.
+*/
+function fitTerminalLine(text, width) {
+	const safeWidth = Math.max(0, width);
+	const clipped = truncateToWidth(text, safeWidth, "…");
+	const padding = " ".repeat(Math.max(0, safeWidth - visibleWidth(clipped)));
+	return clipped.includes(ESCAPE) ? `${clipped}${HARD_RESET}${padding}` : `${clipped}${padding}`;
+}
+/** Right-aligns a trailing cluster against a left one, both clipped to fit. */
+function rightAligned(left, right, width) {
+	const rightWidth = visibleWidth(right);
+	const leftWidth = Math.max(0, width - rightWidth - 1);
+	return fit(left, leftWidth) + " ".repeat(Math.max(1, width - leftWidth - rightWidth)) + fit(right, rightWidth);
+}
+/**
+* Trims from the front rather than the tail.
+*
+* For a path the file name identifies the thing, while the
+* `automations/marketing-workflows/` prefix every entry shares does not.
+*/
+function pathTail(text, width) {
+	if (width <= 0) return "";
+	if (visibleWidth(text) <= width) return text;
+	return `…${text.slice(text.length - Math.max(0, width - 1))}`;
+}
+/**
+* Keystrokes that carry no text: escape sequences, control keys, delete.
+*
+* Indexed rather than iterated so surrogate pairs stay intact; both halves sit
+* far above the control range, so no emoji is ever mistaken for one.
+*/
+function isControlInput(data) {
+	for (let index = 0; index < data.length; index++) {
+		const code = data.charCodeAt(index);
+		if (code < FIRST_PRINTABLE_CODE_POINT || code === DELETE_CODE_POINT) return true;
+	}
+	return false;
+}
+/**
+* Whitespace-separated terms, each of which must appear somewhere in the row's
+* searchable text. Splitting on whitespace is what lets `short video` match a
+* row whose words are divided between its title and its file name.
+*/
+function matchesQuery(haystack, query) {
+	const terms = query.toLowerCase().split(/\s+/).filter(Boolean);
+	if (terms.length === 0) return true;
+	const lowered = haystack.toLowerCase();
+	return terms.every((term) => lowered.includes(term));
+}
+//#endregion
+export { fit, fitTerminalLine, isControlInput, matchesQuery, pathTail, rightAligned };
+
+//# sourceMappingURL=overlayText.mjs.map

package/dist/src/tui/workflow/overlayText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayText.mjs","names":[],"sources":["../../../../src/tui/workflow/overlayText.ts"],"sourcesContent":["/**\n * Text primitives shared by every doom overlay in this extension.\n *\n * Kept in one place because each of them encodes a decision that has to hold on\n * every surface: how a cell is clipped, which end of a path survives, and what\n * counts as a keystroke that carries text.\n */\n\nimport { truncateToWidth, visibleWidth } from '@earendil-works/pi-tui';\n\nexport const ELLIPSIS = '…';\nexport const CURSOR_BLOCK = '█';\nexport const SELECTION_MARKER = '›';\n/** pi-tui brackets a truncation ellipsis with this; see `fit`. */\nconst HARD_RESET = '\\x1b[0m';\nconst ESCAPE = '\\x1b';\nconst FIRST_PRINTABLE_CODE_POINT = 0x20;\nconst DELETE_CODE_POINT = 0x7f;\n\n/**\n * Truncates and pads to an exact column count.\n *\n * `truncateToWidth` wraps its ellipsis in a hard `\\x1b[0m`, which would strip a\n * row's background for everything after a clipped cell. Nothing here sets a\n * colour that a full reset is the correct end for -- the theme closes its own\n * with `\\x1b[39m` and `\\x1b[49m` -- so the injected resets are dropped.\n */\nexport function fit(text: string, width: number): string {\n  const clipped = truncateToWidth(text, Math.max(0, width), ELLIPSIS).replaceAll(HARD_RESET, '');\n  return clipped + ' '.repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\n/**\n * Fits a line that carries its own colour, keeping every escape it contains.\n *\n * `fit` above drops hard resets, which is right for a themed row whose\n * background must survive a clipped cell and wrong for captured terminal\n * output: those resets are what END the child's colour runs, and deleting them\n * bleeds a colour through the rest of the panel. This closes the line with a\n * reset instead, before the padding, so no attribute escapes the row.\n */\nexport function fitTerminalLine(text: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const clipped = truncateToWidth(text, safeWidth, ELLIPSIS);\n  const padding = ' '.repeat(Math.max(0, safeWidth - visibleWidth(clipped)));\n  return clipped.includes(ESCAPE) ? `${clipped}${HARD_RESET}${padding}` : `${clipped}${padding}`;\n}\n\n/** Right-aligns a trailing cluster against a left one, both clipped to fit. */\nexport function rightAligned(left: string, right: string, width: number): string {\n  const rightWidth = visibleWidth(right);\n  const leftWidth = Math.max(0, width - rightWidth - 1);\n  return fit(left, leftWidth) + ' '.repeat(Math.max(1, width - leftWidth - rightWidth)) + fit(right, rightWidth);\n}\n\n/**\n * Trims from the front rather than the tail.\n *\n * For a path the file name identifies the thing, while the\n * `automations/marketing-workflows/` prefix every entry shares does not.\n */\nexport function pathTail(text: string, width: number): string {\n  if (width <= 0) return '';\n  if (visibleWidth(text) <= width) return text;\n  return `${ELLIPSIS}${text.slice(text.length - Math.max(0, width - 1))}`;\n}\n\n/**\n * Keystrokes that carry no text: escape sequences, control keys, delete.\n *\n * Indexed rather than iterated so surrogate pairs stay intact; both halves sit\n * far above the control range, so no emoji is ever mistaken for one.\n */\nexport function isControlInput(data: string): boolean {\n  for (let index = 0; index < data.length; index++) {\n    const code = data.charCodeAt(index);\n    if (code < FIRST_PRINTABLE_CODE_POINT || code === DELETE_CODE_POINT) return true;\n  }\n  return false;\n}\n\n/**\n * Whitespace-separated terms, each of which must appear somewhere in the row's\n * searchable text. Splitting on whitespace is what lets `short video` match a\n * row whose words are divided between its title and its file name.\n */\nexport function matchesQuery(haystack: string, query: string): boolean {\n  const terms = query.toLowerCase().split(/\\s+/).filter(Boolean);\n  if (terms.length === 0) return true;\n  const lowered = haystack.toLowerCase();\n  return terms.every((term) => lowered.includes(term));\n}\n"],"mappings":";;AAcA,MAAM,aAAa;AACnB,MAAM,SAAS;AACf,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;;;;;;;;;AAU1B,SAAgB,IAAI,MAAc,OAAuB;CACvD,MAAM,UAAU,gBAAgB,MAAM,KAAK,IAAI,GAAG,KAAK,GAAA,GAAW,CAAC,CAAC,WAAW,YAAY,EAAE;CAC7F,OAAO,UAAU,IAAI,OAAO,KAAK,IAAI,GAAG,QAAQ,aAAa,OAAO,CAAC,CAAC;AACxE;;;;;;;;;;AAWA,SAAgB,gBAAgB,MAAc,OAAuB;CACnE,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,UAAU,gBAAgB,MAAM,WAAA,GAAmB;CACzD,MAAM,UAAU,IAAI,OAAO,KAAK,IAAI,GAAG,YAAY,aAAa,OAAO,CAAC,CAAC;CACzE,OAAO,QAAQ,SAAS,MAAM,IAAI,GAAG,UAAU,aAAa,YAAY,GAAG,UAAU;AACvF;;AAGA,SAAgB,aAAa,MAAc,OAAe,OAAuB;CAC/E,MAAM,aAAa,aAAa,KAAK;CACrC,MAAM,YAAY,KAAK,IAAI,GAAG,QAAQ,aAAa,CAAC;CACpD,OAAO,IAAI,MAAM,SAAS,IAAI,IAAI,OAAO,KAAK,IAAI,GAAG,QAAQ,YAAY,UAAU,CAAC,IAAI,IAAI,OAAO,UAAU;AAC/G;;;;;;;AAQA,SAAgB,SAAS,MAAc,OAAuB;CAC5D,IAAI,SAAS,GAAG,OAAO;CACvB,IAAI,aAAa,IAAI,KAAK,OAAO,OAAO;CACxC,OAAO,IAAc,KAAK,MAAM,KAAK,SAAS,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;AACtE;;;;;;;AAQA,SAAgB,eAAe,MAAuB;CACpD,KAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;EAChD,MAAM,OAAO,KAAK,WAAW,KAAK;EAClC,IAAI,OAAO,8BAA8B,SAAS,mBAAmB,OAAO;CAC9E;CACA,OAAO;AACT;;;;;;AAOA,SAAgB,aAAa,UAAkB,OAAwB;CACrE,MAAM,QAAQ,MAAM,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CAC7D,IAAI,MAAM,WAAW,GAAG,OAAO;CAC/B,MAAM,UAAU,SAAS,YAAY;CACrC,OAAO,MAAM,OAAO,SAAS,QAAQ,SAAS,IAAI,CAAC;AACrD"}

package/dist/src/tui/workflow/rendering.cjs

@@ -0,0 +1,22 @@
+let _earendil_works_pi_tui = require("@earendil-works/pi-tui");
+//#region src/tui/workflow/rendering.ts
+function fitLine(text, width) {
+	return (0, _earendil_works_pi_tui.truncateToWidth)(text, Math.max(0, width), "");
+}
+function padLine(text, width) {
+	const safeWidth = Math.max(0, width);
+	const fitted = fitLine(text, safeWidth);
+	return `${fitted}${" ".repeat(Math.max(0, safeWidth - (0, _earendil_works_pi_tui.visibleWidth)(fitted)))}`;
+}
+function frameLine(content, width, left = "│", right = "│") {
+	const safeWidth = Math.max(0, width);
+	const frameWidth = (0, _earendil_works_pi_tui.visibleWidth)(left) + (0, _earendil_works_pi_tui.visibleWidth)(right);
+	if (safeWidth <= frameWidth) return fitLine(`${left}${right}`, safeWidth);
+	return `${left}${padLine(content, safeWidth - frameWidth)}${right}`;
+}
+//#endregion
+exports.fitLine = fitLine;
+exports.frameLine = frameLine;
+exports.padLine = padLine;
+
+//# sourceMappingURL=rendering.cjs.map

package/dist/src/tui/workflow/rendering.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering.cjs","names":["truncateToWidth","visibleWidth"],"sources":["../../../../src/tui/workflow/rendering.ts"],"sourcesContent":["import { truncateToWidth, visibleWidth } from '@earendil-works/pi-tui';\n\nconst THOUSAND = 1000;\nconst MILLION = 1_000_000;\n/** Below this many tokens the \"k\" form keeps a decimal, above it rounds. */\nconst K_DECIMAL_LIMIT = 10_000;\n\n/** Compact token count, e.g. `812`, `4.2k`, `186k`, `1.3M`. */\nexport function formatTokens(value: number): string {\n  if (value < THOUSAND) return String(value);\n  if (value < MILLION) return `${(value / THOUSAND).toFixed(value < K_DECIMAL_LIMIT ? 1 : 0)}k`;\n  return `${(value / MILLION).toFixed(1)}M`;\n}\n\nexport function fitLine(text: string, width: number): string {\n  return truncateToWidth(text, Math.max(0, width), '');\n}\n\nexport function padLine(text: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const fitted = fitLine(text, safeWidth);\n  return `${fitted}${' '.repeat(Math.max(0, safeWidth - visibleWidth(fitted)))}`;\n}\n\nexport function alignLine(left: string, right: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const rightWidth = visibleWidth(right);\n  if (!right || rightWidth >= safeWidth) return fitLine(right || left, safeWidth);\n\n  const maxLeftWidth = Math.max(0, safeWidth - rightWidth - 1);\n  const fittedLeft = fitLine(left, maxLeftWidth);\n  const gap = ' '.repeat(Math.max(1, safeWidth - visibleWidth(fittedLeft) - rightWidth));\n  return fitLine(`${fittedLeft}${gap}${right}`, safeWidth);\n}\n\nexport function frameLine(content: string, width: number, left = '│', right = '│'): string {\n  const safeWidth = Math.max(0, width);\n  const frameWidth = visibleWidth(left) + visibleWidth(right);\n  if (safeWidth <= frameWidth) return fitLine(`${left}${right}`, safeWidth);\n  return `${left}${padLine(content, safeWidth - frameWidth)}${right}`;\n}\n\nexport function packSegments(segments: string[], width: number, separator = '  '): string[] {\n  const safeWidth = Math.max(0, width);\n  if (safeWidth === 0) return [];\n\n  const lines: string[] = [];\n  let current = '';\n  for (const segment of segments) {\n    const candidate = current ? `${current}${separator}${segment}` : segment;\n    if (visibleWidth(candidate) <= safeWidth) {\n      current = candidate;\n      continue;\n    }\n    if (current) lines.push(fitLine(current, safeWidth));\n    current = fitLine(segment, safeWidth);\n  }\n  if (current) lines.push(current);\n  return lines;\n}\n"],"mappings":";;AAcA,SAAgB,QAAQ,MAAc,OAAuB;CAC3D,QAAA,GAAOA,uBAAAA,gBAAAA,CAAgB,MAAM,KAAK,IAAI,GAAG,KAAK,GAAG,EAAE;AACrD;AAEA,SAAgB,QAAQ,MAAc,OAAuB;CAC3D,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,SAAS,QAAQ,MAAM,SAAS;CACtC,OAAO,GAAG,SAAS,IAAI,OAAO,KAAK,IAAI,GAAG,aAAA,GAAYC,uBAAAA,aAAAA,CAAa,MAAM,CAAC,CAAC;AAC7E;AAaA,SAAgB,UAAU,SAAiB,OAAe,OAAO,KAAK,QAAQ,KAAa;CACzF,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,cAAA,GAAaA,uBAAAA,aAAAA,CAAa,IAAI,KAAA,GAAIA,uBAAAA,aAAAA,CAAa,KAAK;CAC1D,IAAI,aAAa,YAAY,OAAO,QAAQ,GAAG,OAAO,SAAS,SAAS;CACxE,OAAO,GAAG,OAAO,QAAQ,SAAS,YAAY,UAAU,IAAI;AAC9D"}

package/dist/src/tui/workflow/rendering.mjs

@@ -0,0 +1,20 @@
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+//#region src/tui/workflow/rendering.ts
+function fitLine(text, width) {
+	return truncateToWidth(text, Math.max(0, width), "");
+}
+function padLine(text, width) {
+	const safeWidth = Math.max(0, width);
+	const fitted = fitLine(text, safeWidth);
+	return `${fitted}${" ".repeat(Math.max(0, safeWidth - visibleWidth(fitted)))}`;
+}
+function frameLine(content, width, left = "│", right = "│") {
+	const safeWidth = Math.max(0, width);
+	const frameWidth = visibleWidth(left) + visibleWidth(right);
+	if (safeWidth <= frameWidth) return fitLine(`${left}${right}`, safeWidth);
+	return `${left}${padLine(content, safeWidth - frameWidth)}${right}`;
+}
+//#endregion
+export { fitLine, frameLine, padLine };
+
+//# sourceMappingURL=rendering.mjs.map

package/dist/src/tui/workflow/rendering.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering.mjs","names":[],"sources":["../../../../src/tui/workflow/rendering.ts"],"sourcesContent":["import { truncateToWidth, visibleWidth } from '@earendil-works/pi-tui';\n\nconst THOUSAND = 1000;\nconst MILLION = 1_000_000;\n/** Below this many tokens the \"k\" form keeps a decimal, above it rounds. */\nconst K_DECIMAL_LIMIT = 10_000;\n\n/** Compact token count, e.g. `812`, `4.2k`, `186k`, `1.3M`. */\nexport function formatTokens(value: number): string {\n  if (value < THOUSAND) return String(value);\n  if (value < MILLION) return `${(value / THOUSAND).toFixed(value < K_DECIMAL_LIMIT ? 1 : 0)}k`;\n  return `${(value / MILLION).toFixed(1)}M`;\n}\n\nexport function fitLine(text: string, width: number): string {\n  return truncateToWidth(text, Math.max(0, width), '');\n}\n\nexport function padLine(text: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const fitted = fitLine(text, safeWidth);\n  return `${fitted}${' '.repeat(Math.max(0, safeWidth - visibleWidth(fitted)))}`;\n}\n\nexport function alignLine(left: string, right: string, width: number): string {\n  const safeWidth = Math.max(0, width);\n  const rightWidth = visibleWidth(right);\n  if (!right || rightWidth >= safeWidth) return fitLine(right || left, safeWidth);\n\n  const maxLeftWidth = Math.max(0, safeWidth - rightWidth - 1);\n  const fittedLeft = fitLine(left, maxLeftWidth);\n  const gap = ' '.repeat(Math.max(1, safeWidth - visibleWidth(fittedLeft) - rightWidth));\n  return fitLine(`${fittedLeft}${gap}${right}`, safeWidth);\n}\n\nexport function frameLine(content: string, width: number, left = '│', right = '│'): string {\n  const safeWidth = Math.max(0, width);\n  const frameWidth = visibleWidth(left) + visibleWidth(right);\n  if (safeWidth <= frameWidth) return fitLine(`${left}${right}`, safeWidth);\n  return `${left}${padLine(content, safeWidth - frameWidth)}${right}`;\n}\n\nexport function packSegments(segments: string[], width: number, separator = '  '): string[] {\n  const safeWidth = Math.max(0, width);\n  if (safeWidth === 0) return [];\n\n  const lines: string[] = [];\n  let current = '';\n  for (const segment of segments) {\n    const candidate = current ? `${current}${separator}${segment}` : segment;\n    if (visibleWidth(candidate) <= safeWidth) {\n      current = candidate;\n      continue;\n    }\n    if (current) lines.push(fitLine(current, safeWidth));\n    current = fitLine(segment, safeWidth);\n  }\n  if (current) lines.push(current);\n  return lines;\n}\n"],"mappings":";;AAcA,SAAgB,QAAQ,MAAc,OAAuB;CAC3D,OAAO,gBAAgB,MAAM,KAAK,IAAI,GAAG,KAAK,GAAG,EAAE;AACrD;AAEA,SAAgB,QAAQ,MAAc,OAAuB;CAC3D,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,SAAS,QAAQ,MAAM,SAAS;CACtC,OAAO,GAAG,SAAS,IAAI,OAAO,KAAK,IAAI,GAAG,YAAY,aAAa,MAAM,CAAC,CAAC;AAC7E;AAaA,SAAgB,UAAU,SAAiB,OAAe,OAAO,KAAK,QAAQ,KAAa;CACzF,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;CACnC,MAAM,aAAa,aAAa,IAAI,IAAI,aAAa,KAAK;CAC1D,IAAI,aAAa,YAAY,OAAO,QAAQ,GAAG,OAAO,SAAS,SAAS;CACxE,OAAO,GAAG,OAAO,QAAQ,SAAS,YAAY,UAAU,IAAI;AAC9D"}