open-multi-agent-kit 0.80.6 → 0.80.7

package/dist/modes/interactive/components/control-panel-gradient.js

@@ -0,0 +1,127 @@
+import { rgbTo256 } from "../theme/theme.js";
+const DEFAULT_SHEAR = 2.2;
+const DRIFT = 0.12;
+const RAMP_STOPS = [
+    { pos: 0, l: 0.87, c: 0.149, h: 194.8 },
+    { pos: 0.33, l: 0.724, c: 0.146, h: 255.1 },
+    { pos: 0.66, l: 0.735, c: 0.15, h: 295.2 },
+    { pos: 1, l: 0.74, c: 0.23, h: 334.9 },
+];
+function clamp01(value) {
+    if (value < 0)
+        return 0;
+    if (value > 1)
+        return 1;
+    return value;
+}
+function clampByte(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    if (value < 0)
+        return 0;
+    if (value > 255)
+        return 255;
+    return Math.round(value);
+}
+function lerp(start, end, amount) {
+    return start + (end - start) * amount;
+}
+function lerpHue(start, end, amount) {
+    let delta = end - start;
+    if (delta > 180)
+        delta -= 360;
+    if (delta < -180)
+        delta += 360;
+    const hue = start + delta * amount;
+    return ((hue % 360) + 360) % 360;
+}
+function diagonalPosition(x, y, geom) {
+    const span = geom.cols - 1 + (geom.rows - 1) * geom.shear;
+    if (span <= 0)
+        return 0;
+    return clamp01((x + (geom.rows - 1 - y) * geom.shear) / span);
+}
+function rampColor(amount) {
+    const u = clamp01(amount);
+    for (let i = 0; i < RAMP_STOPS.length - 1; i++) {
+        const current = RAMP_STOPS[i];
+        const next = RAMP_STOPS[i + 1];
+        if (u <= next.pos) {
+            const local = (u - current.pos) / (next.pos - current.pos);
+            return {
+                l: lerp(current.l, next.l, local),
+                c: lerp(current.c, next.c, local),
+                h: lerpHue(current.h, next.h, local),
+            };
+        }
+    }
+    const last = RAMP_STOPS[RAMP_STOPS.length - 1];
+    return { l: last.l, c: last.c, h: last.h };
+}
+function linearToSrgb(value) {
+    if (value <= 0)
+        return 0;
+    if (value >= 1)
+        return 255;
+    const srgb = value <= 0.0031308 ? 12.92 * value : 1.055 * value ** (1 / 2.4) - 0.055;
+    return clampByte(srgb * 255);
+}
+function oklchToRgb({ l, c, h }) {
+    const hue = (h * Math.PI) / 180;
+    const a = c * Math.cos(hue);
+    const b = c * Math.sin(hue);
+    const lPrime = l + 0.3963377774 * a + 0.2158037573 * b;
+    const mPrime = l - 0.1055613458 * a - 0.0638541728 * b;
+    const sPrime = l - 0.0894841775 * a - 1.291485548 * b;
+    const lLinear = lPrime * lPrime * lPrime;
+    const mLinear = mPrime * mPrime * mPrime;
+    const sLinear = sPrime * sPrime * sPrime;
+    return {
+        r: linearToSrgb(4.0767416621 * lLinear - 3.3077115913 * mLinear + 0.2309699292 * sLinear),
+        g: linearToSrgb(-1.2684380046 * lLinear + 2.6097574011 * mLinear - 0.3413193965 * sLinear),
+        b: linearToSrgb(-0.0041960863 * lLinear - 0.7034186147 * mLinear + 1.707614701 * sLinear),
+    };
+}
+export function colorAt(x, y, t, geom) {
+    const base = diagonalPosition(x, y, geom);
+    const shifted = clamp01(base + DRIFT * Math.sin(2 * Math.PI * t));
+    return oklchToRgb(rampColor(shifted));
+}
+export function staticColorAt(x, y, geom) {
+    return colorAt(x, y, 0, geom);
+}
+export function paintGlyph(glyph, r, g, b, mode, noColor) {
+    if (noColor || glyph === " ") {
+        return glyph;
+    }
+    const red = clampByte(r);
+    const green = clampByte(g);
+    const blue = clampByte(b);
+    if (mode === "truecolor") {
+        return `\x1b[38;2;${red};${green};${blue}m${glyph}\x1b[39m`;
+    }
+    return `\x1b[38;5;${rgbTo256(red, green, blue)}m${glyph}\x1b[39m`;
+}
+export function renderGradientLine(line, y, geom, mode, noColor) {
+    const glyphs = Array.from(line);
+    let rendered = "";
+    for (let x = 0; x < glyphs.length; x++) {
+        const glyph = glyphs[x];
+        const { r, g, b } = staticColorAt(x, y, geom);
+        rendered += paintGlyph(glyph, r, g, b, mode, noColor);
+    }
+    return rendered;
+}
+export function composeStaticBanner(art, mode, noColor) {
+    const geom = {
+        cols: Math.max(0, ...art.map((line) => Array.from(line).length)),
+        rows: art.length,
+        shear: DEFAULT_SHEAR,
+    };
+    return art.map((line, y) => renderGradientLine(line, y, geom, mode, noColor));
+}
+export function shouldGradient(options) {
+    const modeSupportsGradient = options.colorMode === "truecolor" || options.colorMode === "256color";
+    return modeSupportsGradient && options.isTTY && !options.noColor && options.expanded && options.width >= 32;
+}
+//# sourceMappingURL=control-panel-gradient.js.map

package/dist/modes/interactive/components/control-panel-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-gradient.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel-gradient.ts"],"names":[],"mappings":"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","sourcesContent":["import { rgbTo256 } from \"../theme/theme.ts\";\n\nexport type GradientColorMode = \"truecolor\" | \"256color\";\n\nexport interface GradientGeom {\n\tcols: number;\n\trows: number;\n\tshear: number;\n}\n\nconst DEFAULT_SHEAR = 2.2;\nconst DRIFT = 0.12;\n\nconst RAMP_STOPS = [\n\t{ pos: 0, l: 0.87, c: 0.149, h: 194.8 },\n\t{ pos: 0.33, l: 0.724, c: 0.146, h: 255.1 },\n\t{ pos: 0.66, l: 0.735, c: 0.15, h: 295.2 },\n\t{ pos: 1, l: 0.74, c: 0.23, h: 334.9 },\n] as const;\n\ninterface OklchColor {\n\tl: number;\n\tc: number;\n\th: number;\n}\n\nfunction clamp01(value: number): number {\n\tif (value < 0) return 0;\n\tif (value > 1) return 1;\n\treturn value;\n}\n\nfunction clampByte(value: number): number {\n\tif (!Number.isFinite(value)) return 0;\n\tif (value < 0) return 0;\n\tif (value > 255) return 255;\n\treturn Math.round(value);\n}\n\nfunction lerp(start: number, end: number, amount: number): number {\n\treturn start + (end - start) * amount;\n}\n\nfunction lerpHue(start: number, end: number, amount: number): number {\n\tlet delta = end - start;\n\tif (delta > 180) delta -= 360;\n\tif (delta < -180) delta += 360;\n\tconst hue = start + delta * amount;\n\treturn ((hue % 360) + 360) % 360;\n}\n\nfunction diagonalPosition(x: number, y: number, geom: GradientGeom): number {\n\tconst span = geom.cols - 1 + (geom.rows - 1) * geom.shear;\n\tif (span <= 0) return 0;\n\treturn clamp01((x + (geom.rows - 1 - y) * geom.shear) / span);\n}\n\nfunction rampColor(amount: number): OklchColor {\n\tconst u = clamp01(amount);\n\tfor (let i = 0; i < RAMP_STOPS.length - 1; i++) {\n\t\tconst current = RAMP_STOPS[i];\n\t\tconst next = RAMP_STOPS[i + 1];\n\t\tif (u <= next.pos) {\n\t\t\tconst local = (u - current.pos) / (next.pos - current.pos);\n\t\t\treturn {\n\t\t\t\tl: lerp(current.l, next.l, local),\n\t\t\t\tc: lerp(current.c, next.c, local),\n\t\t\t\th: lerpHue(current.h, next.h, local),\n\t\t\t};\n\t\t}\n\t}\n\tconst last = RAMP_STOPS[RAMP_STOPS.length - 1];\n\treturn { l: last.l, c: last.c, h: last.h };\n}\n\nfunction linearToSrgb(value: number): number {\n\tif (value <= 0) return 0;\n\tif (value >= 1) return 255;\n\tconst srgb = value <= 0.0031308 ? 12.92 * value : 1.055 * value ** (1 / 2.4) - 0.055;\n\treturn clampByte(srgb * 255);\n}\n\nfunction oklchToRgb({ l, c, h }: OklchColor): { r: number; g: number; b: number } {\n\tconst hue = (h * Math.PI) / 180;\n\tconst a = c * Math.cos(hue);\n\tconst b = c * Math.sin(hue);\n\tconst lPrime = l + 0.3963377774 * a + 0.2158037573 * b;\n\tconst mPrime = l - 0.1055613458 * a - 0.0638541728 * b;\n\tconst sPrime = l - 0.0894841775 * a - 1.291485548 * b;\n\tconst lLinear = lPrime * lPrime * lPrime;\n\tconst mLinear = mPrime * mPrime * mPrime;\n\tconst sLinear = sPrime * sPrime * sPrime;\n\n\treturn {\n\t\tr: linearToSrgb(4.0767416621 * lLinear - 3.3077115913 * mLinear + 0.2309699292 * sLinear),\n\t\tg: linearToSrgb(-1.2684380046 * lLinear + 2.6097574011 * mLinear - 0.3413193965 * sLinear),\n\t\tb: linearToSrgb(-0.0041960863 * lLinear - 0.7034186147 * mLinear + 1.707614701 * sLinear),\n\t};\n}\n\nexport function colorAt(x: number, y: number, t: number, geom: GradientGeom): { r: number; g: number; b: number } {\n\tconst base = diagonalPosition(x, y, geom);\n\tconst shifted = clamp01(base + DRIFT * Math.sin(2 * Math.PI * t));\n\treturn oklchToRgb(rampColor(shifted));\n}\n\nexport function staticColorAt(x: number, y: number, geom: GradientGeom): { r: number; g: number; b: number } {\n\treturn colorAt(x, y, 0, geom);\n}\n\nexport function paintGlyph(\n\tglyph: string,\n\tr: number,\n\tg: number,\n\tb: number,\n\tmode: GradientColorMode,\n\tnoColor: boolean,\n): string {\n\tif (noColor || glyph === \" \") {\n\t\treturn glyph;\n\t}\n\tconst red = clampByte(r);\n\tconst green = clampByte(g);\n\tconst blue = clampByte(b);\n\tif (mode === \"truecolor\") {\n\t\treturn `\\x1b[38;2;${red};${green};${blue}m${glyph}\\x1b[39m`;\n\t}\n\treturn `\\x1b[38;5;${rgbTo256(red, green, blue)}m${glyph}\\x1b[39m`;\n}\n\nexport function renderGradientLine(\n\tline: string,\n\ty: number,\n\tgeom: GradientGeom,\n\tmode: GradientColorMode,\n\tnoColor: boolean,\n): string {\n\tconst glyphs = Array.from(line);\n\tlet rendered = \"\";\n\tfor (let x = 0; x < glyphs.length; x++) {\n\t\tconst glyph = glyphs[x];\n\t\tconst { r, g, b } = staticColorAt(x, y, geom);\n\t\trendered += paintGlyph(glyph, r, g, b, mode, noColor);\n\t}\n\treturn rendered;\n}\n\nexport function composeStaticBanner(art: string[], mode: GradientColorMode, noColor: boolean): string[] {\n\tconst geom: GradientGeom = {\n\t\tcols: Math.max(0, ...art.map((line) => Array.from(line).length)),\n\t\trows: art.length,\n\t\tshear: DEFAULT_SHEAR,\n\t};\n\treturn art.map((line, y) => renderGradientLine(line, y, geom, mode, noColor));\n}\n\nexport function shouldGradient(options: {\n\tisTTY: boolean;\n\tnoColor: boolean;\n\tcolorMode: GradientColorMode;\n\texpanded: boolean;\n\twidth: number;\n}): boolean {\n\tconst modeSupportsGradient = options.colorMode === \"truecolor\" || options.colorMode === \"256color\";\n\treturn modeSupportsGradient && options.isTTY && !options.noColor && options.expanded && options.width >= 32;\n}\n"]}

package/dist/modes/interactive/components/control-panel.d.ts

@@ -7,17 +7,43 @@ export interface ControlPanelContent {
     compactOnboarding: () => string;
     onboarding: () => string;
 }
+export interface ControlPanelMotionOptions {
+    requestRender: () => void;
+    isTTY: () => boolean;
+    isReducedMotion: () => boolean;
+    isIdleDriftEnabled: () => boolean;
+    isHeaderVisibleHint: () => boolean;
+    now?: () => number;
+}
 /**
  * Built-in startup header with ANSI-colored ASCII branding and compact/expanded
  * control-panel layouts. Content is provided as callbacks so theme changes can
  * rebuild styled strings without retaining stale ANSI sequences.
+ *
+ * When `motionOptions` is provided, the gradient banner animates: a one-shot
+ * intro reveal (Phase 2) and optional idle drift (Phase 3).  When omitted or
+ * undefined, behavior is byte-identical to the original static implementation.
  */
 export declare class ControlPanelComponent implements Component {
     private expanded;
     private readonly content;
-    constructor(content: ControlPanelContent);
+    private readonly motionOptions;
+    private motionPhase;
+    private motionStartMs;
+    private motionTimerId;
+    constructor(content: ControlPanelContent, motionOptions?: ControlPanelMotionOptions);
     setExpanded(expanded: boolean): void;
     invalidate(): void;
+    /** Stop motion timer and dispose resources. Idempotent. */
+    dispose(): void;
+    /**
+     * Stop motion and request a final static render. Safe to call multiple times.
+     * Public so interactive-mode can call it on first submit / busy start.
+     */
+    stopMotion(): void;
+    private startMotion;
+    private tick;
+    private stopMotionToStatic;
     render(width: number): string[];
     private renderCompact;
     private renderExpanded;
@@ -25,5 +51,6 @@ export declare class ControlPanelComponent implements Component {
     private divider;
     private textLine;
     private clipLine;
+    private composeBannerByPhase;
 }
 //# sourceMappingURL=control-panel.d.ts.map

package/dist/modes/interactive/components/control-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-panel.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AAUxF,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAClC,oBAAoB,EAAE,MAAM,MAAM,CAAC;IACnC,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,qBAAa,qBAAsB,YAAW,SAAS;IACtD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsB;IAE9C,YAAY,OAAO,EAAE,mBAAmB,EAEvC;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED,UAAU,IAAI,IAAI,CAGjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAM9B;IAED,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;CAMhB","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\n\nconst CONTROL_PANEL_ASCII = [\n\t\"  ____   __  __ _  __\",\n\t\" / __ \\\\ /  |/  / |/ /\",\n\t\"/ /_/ // /|_/ /    < \",\n\t\"\\\\____//_/  /_/_/|_| \",\n];\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n}\n\n/**\n * Built-in startup header with ANSI-colored ASCII branding and compact/expanded\n * control-panel layouts. Content is provided as callbacks so theme changes can\n * rebuild styled strings without retaining stale ANSI sequences.\n */\nexport class ControlPanelComponent implements Component {\n\tprivate expanded = false;\n\tprivate readonly content: ControlPanelContent;\n\n\tconstructor(content: ControlPanelContent) {\n\t\tthis.content = content;\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tthis.expanded = expanded;\n\t}\n\n\tinvalidate(): void {\n\t\t// Stateless render: content callbacks are evaluated on each render so theme\n\t\t// changes automatically take effect.\n\t}\n\n\trender(width: number): string[] {\n\t\tif (width <= 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.expanded ? this.renderExpanded(width) : this.renderCompact(width);\n\t}\n\n\tprivate renderCompact(width: number): string[] {\n\t\treturn [\n\t\t\tthis.divider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\t\tthis.statusLine(width),\n\t\t\tthis.textLine(width, this.content.compactInstructions()),\n\t\t\tthis.textLine(width, this.content.compactOnboarding(), \"dim\"),\n\t\t];\n\t}\n\n\tprivate renderExpanded(width: number): string[] {\n\t\tconst lines = [this.divider(width, \"OMK//CONTROL PANEL\", \"accent\"), this.statusLine(width)];\n\n\t\tif (width >= 32) {\n\t\t\tfor (const logoLine of CONTROL_PANEL_ASCII) {\n\t\t\t\tlines.push(this.textLine(width, theme.fg(\"accent\", logoLine)));\n\t\t\t}\n\t\t}\n\n\t\tlines.push(this.divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\t\tfor (const instruction of this.content.expandedInstructions().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, instruction));\n\t\t}\n\t\tlines.push(this.divider(width, \"CONTROL LINK\", \"success\"));\n\t\tfor (const onboardingLine of this.content.onboarding().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, onboardingLine, \"dim\"));\n\t\t}\n\t\tlines.push(this.divider(width, \"END\", \"borderMuted\"));\n\n\t\treturn lines;\n\t}\n\n\tprivate statusLine(width: number): string {\n\t\tconst app = this.content.appName.toUpperCase();\n\t\tconst segments = [\n\t\t\ttheme.bold(theme.fg(\"accent\", `${app} v${this.content.version}`)),\n\t\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t\t];\n\t\treturn this.textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n\t}\n\n\tprivate divider(width: number, label: string, color: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"border\", \"+-- \");\n\t\tconst coloredLabel = theme.bold(theme.fg(color, label));\n\t\tconst visiblePrefix = visibleWidth(\"+-- \");\n\t\tconst labelWidth = visibleWidth(label);\n\t\tconst fillWidth = Math.max(0, width - visiblePrefix - labelWidth - 1);\n\t\treturn this.clipLine(`${prefix}${coloredLabel}${theme.fg(\"border\", ` ${\"-\".repeat(fillWidth)}`)}`, width);\n\t}\n\n\tprivate textLine(width: number, text: string, color?: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"borderMuted\", \"| \");\n\t\tconst body = color ? theme.fg(color, text) : text;\n\t\treturn this.clipLine(`${prefix}${body}`, width);\n\t}\n\n\tprivate clipLine(line: string, width: number): string {\n\t\tif (visibleWidth(line) <= width) {\n\t\t\treturn line;\n\t\t}\n\t\treturn truncateToWidth(line, width, \"\");\n\t}\n}\n"]}
+{"version":3,"file":"control-panel.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AAkBxF,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAClC,oBAAoB,EAAE,MAAM,MAAM,CAAC;IACnC,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACzC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC;IAC/B,kBAAkB,EAAE,MAAM,OAAO,CAAC;IAClC,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,MAAM,CAAC;CACnB;AAID;;;;;;;;GAQG;AACH,qBAAa,qBAAsB,YAAW,SAAS;IACtD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsB;IAC9C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAwC;IAGtE,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,aAAa,CAA6C;IAElE,YAAY,OAAO,EAAE,mBAAmB,EAAE,aAAa,CAAC,EAAE,yBAAyB,EAGlF;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAQnC;IAED,UAAU,IAAI,IAAI,CAGjB;IAED,2DAA2D;IAC3D,OAAO,IAAI,IAAI,CAOd;IAED;;;OAGG;IACH,UAAU,IAAI,IAAI,CAMjB;IAED,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,IAAI;IAoDZ,OAAO,CAAC,kBAAkB;IAQ1B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAM9B;IAED,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,cAAc;IAuCtB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,oBAAoB;CAY5B","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\nimport { composeStaticBanner, type GradientColorMode, shouldGradient } from \"./control-panel-gradient.ts\";\nimport {\n\tcomposeIdleBanner,\n\tcomposeIntroBanner,\n\tIDLE_MS,\n\tINTRO_MS,\n\tshouldAnimate,\n} from \"./control-panel-gradient-motion.ts\";\n\nconst CONTROL_PANEL_ASCII = [\n\t\"  ____   __  __ _  __\",\n\t\" / __ \\\\ /  |/  / |/ /\",\n\t\"/ /_/ // /|_/ /    < \",\n\t\"\\\\____//_/  /_/_/|_| \",\n];\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n}\n\nexport interface ControlPanelMotionOptions {\n\trequestRender: () => void;\n\tisTTY: () => boolean;\n\tisReducedMotion: () => boolean;\n\tisIdleDriftEnabled: () => boolean;\n\tisHeaderVisibleHint: () => boolean;\n\tnow?: () => number;\n}\n\ntype BannerMotionPhase = \"intro\" | \"idle\" | \"static\";\n\n/**\n * Built-in startup header with ANSI-colored ASCII branding and compact/expanded\n * control-panel layouts. Content is provided as callbacks so theme changes can\n * rebuild styled strings without retaining stale ANSI sequences.\n *\n * When `motionOptions` is provided, the gradient banner animates: a one-shot\n * intro reveal (Phase 2) and optional idle drift (Phase 3).  When omitted or\n * undefined, behavior is byte-identical to the original static implementation.\n */\nexport class ControlPanelComponent implements Component {\n\tprivate expanded = false;\n\tprivate readonly content: ControlPanelContent;\n\tprivate readonly motionOptions: ControlPanelMotionOptions | undefined;\n\n\t// BannerMotion state\n\tprivate motionPhase: BannerMotionPhase = \"static\";\n\tprivate motionStartMs = 0;\n\tprivate motionTimerId: ReturnType<typeof setInterval> | undefined;\n\n\tconstructor(content: ControlPanelContent, motionOptions?: ControlPanelMotionOptions) {\n\t\tthis.content = content;\n\t\tthis.motionOptions = motionOptions;\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tconst wasExpanded = this.expanded;\n\t\tthis.expanded = expanded;\n\t\tif (!wasExpanded && expanded) {\n\t\t\tthis.startMotion();\n\t\t} else if (wasExpanded && !expanded) {\n\t\t\tthis.stopMotionToStatic();\n\t\t}\n\t}\n\n\tinvalidate(): void {\n\t\t// Stateless render: content callbacks are evaluated on each render so theme\n\t\t// changes automatically take effect.\n\t}\n\n\t/** Stop motion timer and dispose resources. Idempotent. */\n\tdispose(): void {\n\t\tif (this.motionTimerId !== undefined) {\n\t\t\tclearInterval(this.motionTimerId);\n\t\t\tthis.motionTimerId = undefined;\n\t\t}\n\t\tthis.motionPhase = \"static\";\n\t\tthis.motionStartMs = 0;\n\t}\n\n\t/**\n\t * Stop motion and request a final static render. Safe to call multiple times.\n\t * Public so interactive-mode can call it on first submit / busy start.\n\t */\n\tstopMotion(): void {\n\t\tconst hadTimer = this.motionTimerId !== undefined;\n\t\tthis.dispose();\n\t\tif (hadTimer) {\n\t\t\tthis.motionOptions?.requestRender();\n\t\t}\n\t}\n\n\tprivate startMotion(): void {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts) return;\n\t\tif (this.motionTimerId !== undefined) return; // already running\n\n\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\tconst colorMode = theme.getColorMode();\n\t\tconst width = 32; // minimum gate checked by shouldAnimate\n\n\t\tif (\n\t\t\t!shouldAnimate({\n\t\t\t\tphase: \"intro\",\n\t\t\t\tisTTY: opts.isTTY(),\n\t\t\t\tnoColor,\n\t\t\t\tcolorMode,\n\t\t\t\texpanded: this.expanded,\n\t\t\t\twidth,\n\t\t\t\treducedMotion: opts.isReducedMotion(),\n\t\t\t\tbusy: false,\n\t\t\t\theaderVisibleHint: opts.isHeaderVisibleHint(),\n\t\t\t\tidleDriftEnabled: opts.isIdleDriftEnabled(),\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.motionPhase = \"intro\";\n\t\tthis.motionStartMs = (opts.now ?? Date.now)();\n\t\tthis.motionTimerId = setInterval(() => this.tick(), 100);\n\t\tif (this.motionTimerId && typeof this.motionTimerId === \"object\" && \"unref\" in this.motionTimerId) {\n\t\t\tthis.motionTimerId.unref();\n\t\t}\n\t\topts.requestRender();\n\t}\n\n\tprivate tick(): void {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\n\n\t\tconst now = (opts.now ?? Date.now)();\n\t\tconst elapsed = now - this.motionStartMs;\n\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\tconst colorMode = theme.getColorMode();\n\n\t\t// Gate check: if conditions no longer favorable, stop\n\t\tif (\n\t\t\t!shouldAnimate({\n\t\t\t\tphase: this.motionPhase === \"idle\" ? \"idle\" : \"intro\",\n\t\t\t\tisTTY: opts.isTTY(),\n\t\t\t\tnoColor,\n\t\t\t\tcolorMode,\n\t\t\t\texpanded: this.expanded,\n\t\t\t\twidth: 32,\n\t\t\t\treducedMotion: opts.isReducedMotion(),\n\t\t\t\tbusy: false,\n\t\t\t\theaderVisibleHint: opts.isHeaderVisibleHint(),\n\t\t\t\tidleDriftEnabled: opts.isIdleDriftEnabled(),\n\t\t\t})\n\t\t) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.motionPhase === \"intro\" && elapsed >= INTRO_MS) {\n\t\t\tif (opts.isIdleDriftEnabled()) {\n\t\t\t\tthis.motionPhase = \"idle\";\n\t\t\t\tthis.motionStartMs = now;\n\t\t\t} else {\n\t\t\t\tthis.stopMotionToStatic();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif (this.motionPhase === \"idle\") {\n\t\t\tconst idleElapsed = now - this.motionStartMs;\n\t\t\tif (idleElapsed >= IDLE_MS) {\n\t\t\t\tthis.stopMotionToStatic();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\topts.requestRender();\n\t}\n\n\tprivate stopMotionToStatic(): void {\n\t\tconst hadTimer = this.motionTimerId !== undefined;\n\t\tthis.dispose();\n\t\tif (hadTimer) {\n\t\t\tthis.motionOptions?.requestRender();\n\t\t}\n\t}\n\n\trender(width: number): string[] {\n\t\tif (width <= 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.expanded ? this.renderExpanded(width) : this.renderCompact(width);\n\t}\n\n\tprivate renderCompact(width: number): string[] {\n\t\treturn [\n\t\t\tthis.divider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\t\tthis.statusLine(width),\n\t\t\tthis.textLine(width, this.content.compactInstructions()),\n\t\t\tthis.textLine(width, this.content.compactOnboarding(), \"dim\"),\n\t\t];\n\t}\n\n\tprivate renderExpanded(width: number): string[] {\n\t\tconst lines = [this.divider(width, \"OMK//CONTROL PANEL\", \"accent\"), this.statusLine(width)];\n\n\t\tif (width >= 32) {\n\t\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\t\tconst colorMode = theme.getColorMode();\n\t\t\tif (\n\t\t\t\tshouldGradient({\n\t\t\t\t\tisTTY: process.stdout.isTTY === true,\n\t\t\t\t\tnoColor,\n\t\t\t\t\tcolorMode,\n\t\t\t\t\texpanded: this.expanded,\n\t\t\t\t\twidth,\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\tconst gradientLines = this.composeBannerByPhase(colorMode, noColor);\n\t\t\t\tfor (const gradientLine of gradientLines) {\n\t\t\t\t\tlines.push(this.textLine(width, gradientLine));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const logoLine of CONTROL_PANEL_ASCII) {\n\t\t\t\t\tlines.push(this.textLine(width, theme.fg(\"accent\", logoLine)));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlines.push(this.divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\t\tfor (const instruction of this.content.expandedInstructions().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, instruction));\n\t\t}\n\t\tlines.push(this.divider(width, \"CONTROL LINK\", \"success\"));\n\t\tfor (const onboardingLine of this.content.onboarding().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, onboardingLine, \"dim\"));\n\t\t}\n\t\tlines.push(this.divider(width, \"END\", \"borderMuted\"));\n\n\t\treturn lines;\n\t}\n\n\tprivate statusLine(width: number): string {\n\t\tconst app = this.content.appName.toUpperCase();\n\t\tconst segments = [\n\t\t\ttheme.bold(theme.fg(\"accent\", `${app} v${this.content.version}`)),\n\t\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t\t];\n\t\treturn this.textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n\t}\n\n\tprivate divider(width: number, label: string, color: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"border\", \"+-- \");\n\t\tconst coloredLabel = theme.bold(theme.fg(color, label));\n\t\tconst visiblePrefix = visibleWidth(\"+-- \");\n\t\tconst labelWidth = visibleWidth(label);\n\t\tconst fillWidth = Math.max(0, width - visiblePrefix - labelWidth - 1);\n\t\treturn this.clipLine(`${prefix}${coloredLabel}${theme.fg(\"border\", ` ${\"-\".repeat(fillWidth)}`)}`, width);\n\t}\n\n\tprivate textLine(width: number, text: string, color?: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"borderMuted\", \"| \");\n\t\tconst body = color ? theme.fg(color, text) : text;\n\t\treturn this.clipLine(`${prefix}${body}`, width);\n\t}\n\n\tprivate clipLine(line: string, width: number): string {\n\t\tif (visibleWidth(line) <= width) {\n\t\t\treturn line;\n\t\t}\n\t\treturn truncateToWidth(line, width, \"\");\n\t}\n\n\tprivate composeBannerByPhase(colorMode: GradientColorMode, noColor: boolean): string[] {\n\t\tif (this.motionPhase === \"static\" || !this.motionOptions) {\n\t\t\treturn composeStaticBanner(CONTROL_PANEL_ASCII, colorMode, noColor);\n\t\t}\n\t\tconst now = (this.motionOptions.now ?? Date.now)();\n\t\tconst elapsed = now - this.motionStartMs;\n\t\tif (this.motionPhase === \"intro\") {\n\t\t\treturn composeIntroBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);\n\t\t}\n\t\t// idle phase\n\t\treturn composeIdleBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);\n\t}\n}\n"]}

package/dist/modes/interactive/components/control-panel.js

@@ -1,5 +1,7 @@
 import { truncateToWidth, visibleWidth } from "@earendil-works/omk-tui";
 import { theme } from "../theme/theme.js";
+import { composeStaticBanner, shouldGradient } from "./control-panel-gradient.js";
+import { composeIdleBanner, composeIntroBanner, IDLE_MS, INTRO_MS, shouldAnimate, } from "./control-panel-gradient-motion.js";
 const CONTROL_PANEL_ASCII = [
     "  ____   __  __ _  __",
     " / __ \\ /  |/  / |/ /",
@@ -10,20 +12,140 @@ const CONTROL_PANEL_ASCII = [
  * Built-in startup header with ANSI-colored ASCII branding and compact/expanded
  * control-panel layouts. Content is provided as callbacks so theme changes can
  * rebuild styled strings without retaining stale ANSI sequences.
+ *
+ * When `motionOptions` is provided, the gradient banner animates: a one-shot
+ * intro reveal (Phase 2) and optional idle drift (Phase 3).  When omitted or
+ * undefined, behavior is byte-identical to the original static implementation.
  */
 export class ControlPanelComponent {
     expanded = false;
     content;
-    constructor(content) {
+    motionOptions;
+    // BannerMotion state
+    motionPhase = "static";
+    motionStartMs = 0;
+    motionTimerId;
+    constructor(content, motionOptions) {
         this.content = content;
+        this.motionOptions = motionOptions;
     }
     setExpanded(expanded) {
+        const wasExpanded = this.expanded;
         this.expanded = expanded;
+        if (!wasExpanded && expanded) {
+            this.startMotion();
+        }
+        else if (wasExpanded && !expanded) {
+            this.stopMotionToStatic();
+        }
     }
     invalidate() {
         // Stateless render: content callbacks are evaluated on each render so theme
         // changes automatically take effect.
     }
+    /** Stop motion timer and dispose resources. Idempotent. */
+    dispose() {
+        if (this.motionTimerId !== undefined) {
+            clearInterval(this.motionTimerId);
+            this.motionTimerId = undefined;
+        }
+        this.motionPhase = "static";
+        this.motionStartMs = 0;
+    }
+    /**
+     * Stop motion and request a final static render. Safe to call multiple times.
+     * Public so interactive-mode can call it on first submit / busy start.
+     */
+    stopMotion() {
+        const hadTimer = this.motionTimerId !== undefined;
+        this.dispose();
+        if (hadTimer) {
+            this.motionOptions?.requestRender();
+        }
+    }
+    startMotion() {
+        const opts = this.motionOptions;
+        if (!opts)
+            return;
+        if (this.motionTimerId !== undefined)
+            return; // already running
+        const noColor = process.env.NO_COLOR !== undefined;
+        const colorMode = theme.getColorMode();
+        const width = 32; // minimum gate checked by shouldAnimate
+        if (!shouldAnimate({
+            phase: "intro",
+            isTTY: opts.isTTY(),
+            noColor,
+            colorMode,
+            expanded: this.expanded,
+            width,
+            reducedMotion: opts.isReducedMotion(),
+            busy: false,
+            headerVisibleHint: opts.isHeaderVisibleHint(),
+            idleDriftEnabled: opts.isIdleDriftEnabled(),
+        })) {
+            return;
+        }
+        this.motionPhase = "intro";
+        this.motionStartMs = (opts.now ?? Date.now)();
+        this.motionTimerId = setInterval(() => this.tick(), 100);
+        if (this.motionTimerId && typeof this.motionTimerId === "object" && "unref" in this.motionTimerId) {
+            this.motionTimerId.unref();
+        }
+        opts.requestRender();
+    }
+    tick() {
+        const opts = this.motionOptions;
+        if (!opts) {
+            this.stopMotionToStatic();
+            return;
+        }
+        const now = (opts.now ?? Date.now)();
+        const elapsed = now - this.motionStartMs;
+        const noColor = process.env.NO_COLOR !== undefined;
+        const colorMode = theme.getColorMode();
+        // Gate check: if conditions no longer favorable, stop
+        if (!shouldAnimate({
+            phase: this.motionPhase === "idle" ? "idle" : "intro",
+            isTTY: opts.isTTY(),
+            noColor,
+            colorMode,
+            expanded: this.expanded,
+            width: 32,
+            reducedMotion: opts.isReducedMotion(),
+            busy: false,
+            headerVisibleHint: opts.isHeaderVisibleHint(),
+            idleDriftEnabled: opts.isIdleDriftEnabled(),
+        })) {
+            this.stopMotionToStatic();
+            return;
+        }
+        if (this.motionPhase === "intro" && elapsed >= INTRO_MS) {
+            if (opts.isIdleDriftEnabled()) {
+                this.motionPhase = "idle";
+                this.motionStartMs = now;
+            }
+            else {
+                this.stopMotionToStatic();
+                return;
+            }
+        }
+        if (this.motionPhase === "idle") {
+            const idleElapsed = now - this.motionStartMs;
+            if (idleElapsed >= IDLE_MS) {
+                this.stopMotionToStatic();
+                return;
+            }
+        }
+        opts.requestRender();
+    }
+    stopMotionToStatic() {
+        const hadTimer = this.motionTimerId !== undefined;
+        this.dispose();
+        if (hadTimer) {
+            this.motionOptions?.requestRender();
+        }
+    }
     render(width) {
         if (width <= 0) {
             return [];
@@ -41,8 +163,24 @@ export class ControlPanelComponent {
     renderExpanded(width) {
         const lines = [this.divider(width, "OMK//CONTROL PANEL", "accent"), this.statusLine(width)];
         if (width >= 32) {
-            for (const logoLine of CONTROL_PANEL_ASCII) {
-                lines.push(this.textLine(width, theme.fg("accent", logoLine)));
+            const noColor = process.env.NO_COLOR !== undefined;
+            const colorMode = theme.getColorMode();
+            if (shouldGradient({
+                isTTY: process.stdout.isTTY === true,
+                noColor,
+                colorMode,
+                expanded: this.expanded,
+                width,
+            })) {
+                const gradientLines = this.composeBannerByPhase(colorMode, noColor);
+                for (const gradientLine of gradientLines) {
+                    lines.push(this.textLine(width, gradientLine));
+                }
+            }
+            else {
+                for (const logoLine of CONTROL_PANEL_ASCII) {
+                    lines.push(this.textLine(width, theme.fg("accent", logoLine)));
+                }
             }
         }
         lines.push(this.divider(width, "SYSTEM MAP", "mdHeading"));
@@ -86,5 +224,17 @@ export class ControlPanelComponent {
         }
         return truncateToWidth(line, width, "");
     }
+    composeBannerByPhase(colorMode, noColor) {
+        if (this.motionPhase === "static" || !this.motionOptions) {
+            return composeStaticBanner(CONTROL_PANEL_ASCII, colorMode, noColor);
+        }
+        const now = (this.motionOptions.now ?? Date.now)();
+        const elapsed = now - this.motionStartMs;
+        if (this.motionPhase === "intro") {
+            return composeIntroBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);
+        }
+        // idle phase
+        return composeIdleBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);
+    }
 }
 //# sourceMappingURL=control-panel.js.map

package/dist/modes/interactive/components/control-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-panel.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAmB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,mBAAmB,GAAG;IAC3B,uBAAuB;IACvB,wBAAwB;IACxB,uBAAuB;IACvB,uBAAuB;CACvB,CAAC;AAWF;;;;GAIG;AACH,MAAM,OAAO,qBAAqB;IACzB,QAAQ,GAAG,KAAK,CAAC;IACR,OAAO,CAAsB;IAE9C,YAAY,OAA4B,EAAE;QACzC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAAA,CACvB;IAED,WAAW,CAAC,QAAiB,EAAQ;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAAA,CACzB;IAED,UAAU,GAAS;QAClB,4EAA4E;QAC5E,qCAAqC;IAFlB,CAGnB;IAED,MAAM,CAAC,KAAa,EAAY;QAC/B,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YAChB,OAAO,EAAE,CAAC;QACX,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAA,CAC9E;IAEO,aAAa,CAAC,KAAa,EAAY;QAC9C,OAAO;YACN,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,oBAAoB,EAAE,QAAQ,CAAC;YACnD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;YACxD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,KAAK,CAAC;SAC7D,CAAC;IAAA,CACF;IAEO,cAAc,CAAC,KAAa,EAAY;QAC/C,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,oBAAoB,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAE5F,IAAI,KAAK,IAAI,EAAE,EAAE,CAAC;YACjB,KAAK,MAAM,QAAQ,IAAI,mBAAmB,EAAE,CAAC;gBAC5C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChE,CAAC;QACF,CAAC;QAED,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;QAC3D,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3E,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QAC/C,CAAC;QACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;QAC3D,KAAK,MAAM,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;YACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;QACzD,CAAC;QACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;QAEtD,OAAO,KAAK,CAAC;IAAA,CACb;IAEO,UAAU,CAAC,KAAa,EAAU;QACzC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG;YAChB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,GAAG,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;YACjE,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;YACjC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;YAC7B,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;YAClC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;SAC/B,CAAC;QACF,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAAA,CAC3E;IAEO,OAAO,CAAC,KAAa,EAAE,KAAa,EAAE,KAAiB,EAAU;QACxE,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QACxD,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;QACtE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAAA,CAC1G;IAEO,QAAQ,CAAC,KAAa,EAAE,IAAY,EAAE,KAAkB,EAAU;QACzE,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAAA,CAChD;IAEO,QAAQ,CAAC,IAAY,EAAE,KAAa,EAAU;QACrD,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;YACjC,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAO,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAAA,CACxC;CACD","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\n\nconst CONTROL_PANEL_ASCII = [\n\t\"  ____   __  __ _  __\",\n\t\" / __ \\\\ /  |/  / |/ /\",\n\t\"/ /_/ // /|_/ /    < \",\n\t\"\\\\____//_/  /_/_/|_| \",\n];\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n}\n\n/**\n * Built-in startup header with ANSI-colored ASCII branding and compact/expanded\n * control-panel layouts. Content is provided as callbacks so theme changes can\n * rebuild styled strings without retaining stale ANSI sequences.\n */\nexport class ControlPanelComponent implements Component {\n\tprivate expanded = false;\n\tprivate readonly content: ControlPanelContent;\n\n\tconstructor(content: ControlPanelContent) {\n\t\tthis.content = content;\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tthis.expanded = expanded;\n\t}\n\n\tinvalidate(): void {\n\t\t// Stateless render: content callbacks are evaluated on each render so theme\n\t\t// changes automatically take effect.\n\t}\n\n\trender(width: number): string[] {\n\t\tif (width <= 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.expanded ? this.renderExpanded(width) : this.renderCompact(width);\n\t}\n\n\tprivate renderCompact(width: number): string[] {\n\t\treturn [\n\t\t\tthis.divider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\t\tthis.statusLine(width),\n\t\t\tthis.textLine(width, this.content.compactInstructions()),\n\t\t\tthis.textLine(width, this.content.compactOnboarding(), \"dim\"),\n\t\t];\n\t}\n\n\tprivate renderExpanded(width: number): string[] {\n\t\tconst lines = [this.divider(width, \"OMK//CONTROL PANEL\", \"accent\"), this.statusLine(width)];\n\n\t\tif (width >= 32) {\n\t\t\tfor (const logoLine of CONTROL_PANEL_ASCII) {\n\t\t\t\tlines.push(this.textLine(width, theme.fg(\"accent\", logoLine)));\n\t\t\t}\n\t\t}\n\n\t\tlines.push(this.divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\t\tfor (const instruction of this.content.expandedInstructions().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, instruction));\n\t\t}\n\t\tlines.push(this.divider(width, \"CONTROL LINK\", \"success\"));\n\t\tfor (const onboardingLine of this.content.onboarding().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, onboardingLine, \"dim\"));\n\t\t}\n\t\tlines.push(this.divider(width, \"END\", \"borderMuted\"));\n\n\t\treturn lines;\n\t}\n\n\tprivate statusLine(width: number): string {\n\t\tconst app = this.content.appName.toUpperCase();\n\t\tconst segments = [\n\t\t\ttheme.bold(theme.fg(\"accent\", `${app} v${this.content.version}`)),\n\t\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t\t];\n\t\treturn this.textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n\t}\n\n\tprivate divider(width: number, label: string, color: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"border\", \"+-- \");\n\t\tconst coloredLabel = theme.bold(theme.fg(color, label));\n\t\tconst visiblePrefix = visibleWidth(\"+-- \");\n\t\tconst labelWidth = visibleWidth(label);\n\t\tconst fillWidth = Math.max(0, width - visiblePrefix - labelWidth - 1);\n\t\treturn this.clipLine(`${prefix}${coloredLabel}${theme.fg(\"border\", ` ${\"-\".repeat(fillWidth)}`)}`, width);\n\t}\n\n\tprivate textLine(width: number, text: string, color?: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"borderMuted\", \"| \");\n\t\tconst body = color ? theme.fg(color, text) : text;\n\t\treturn this.clipLine(`${prefix}${body}`, width);\n\t}\n\n\tprivate clipLine(line: string, width: number): string {\n\t\tif (visibleWidth(line) <= width) {\n\t\t\treturn line;\n\t\t}\n\t\treturn truncateToWidth(line, width, \"\");\n\t}\n}\n"]}
+{"version":3,"file":"control-panel.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\nimport { composeStaticBanner, type GradientColorMode, shouldGradient } from \"./control-panel-gradient.ts\";\nimport {\n\tcomposeIdleBanner,\n\tcomposeIntroBanner,\n\tIDLE_MS,\n\tINTRO_MS,\n\tshouldAnimate,\n} from \"./control-panel-gradient-motion.ts\";\n\nconst CONTROL_PANEL_ASCII = [\n\t\"  ____   __  __ _  __\",\n\t\" / __ \\\\ /  |/  / |/ /\",\n\t\"/ /_/ // /|_/ /    < \",\n\t\"\\\\____//_/  /_/_/|_| \",\n];\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n}\n\nexport interface ControlPanelMotionOptions {\n\trequestRender: () => void;\n\tisTTY: () => boolean;\n\tisReducedMotion: () => boolean;\n\tisIdleDriftEnabled: () => boolean;\n\tisHeaderVisibleHint: () => boolean;\n\tnow?: () => number;\n}\n\ntype BannerMotionPhase = \"intro\" | \"idle\" | \"static\";\n\n/**\n * Built-in startup header with ANSI-colored ASCII branding and compact/expanded\n * control-panel layouts. Content is provided as callbacks so theme changes can\n * rebuild styled strings without retaining stale ANSI sequences.\n *\n * When `motionOptions` is provided, the gradient banner animates: a one-shot\n * intro reveal (Phase 2) and optional idle drift (Phase 3).  When omitted or\n * undefined, behavior is byte-identical to the original static implementation.\n */\nexport class ControlPanelComponent implements Component {\n\tprivate expanded = false;\n\tprivate readonly content: ControlPanelContent;\n\tprivate readonly motionOptions: ControlPanelMotionOptions | undefined;\n\n\t// BannerMotion state\n\tprivate motionPhase: BannerMotionPhase = \"static\";\n\tprivate motionStartMs = 0;\n\tprivate motionTimerId: ReturnType<typeof setInterval> | undefined;\n\n\tconstructor(content: ControlPanelContent, motionOptions?: ControlPanelMotionOptions) {\n\t\tthis.content = content;\n\t\tthis.motionOptions = motionOptions;\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tconst wasExpanded = this.expanded;\n\t\tthis.expanded = expanded;\n\t\tif (!wasExpanded && expanded) {\n\t\t\tthis.startMotion();\n\t\t} else if (wasExpanded && !expanded) {\n\t\t\tthis.stopMotionToStatic();\n\t\t}\n\t}\n\n\tinvalidate(): void {\n\t\t// Stateless render: content callbacks are evaluated on each render so theme\n\t\t// changes automatically take effect.\n\t}\n\n\t/** Stop motion timer and dispose resources. Idempotent. */\n\tdispose(): void {\n\t\tif (this.motionTimerId !== undefined) {\n\t\t\tclearInterval(this.motionTimerId);\n\t\t\tthis.motionTimerId = undefined;\n\t\t}\n\t\tthis.motionPhase = \"static\";\n\t\tthis.motionStartMs = 0;\n\t}\n\n\t/**\n\t * Stop motion and request a final static render. Safe to call multiple times.\n\t * Public so interactive-mode can call it on first submit / busy start.\n\t */\n\tstopMotion(): void {\n\t\tconst hadTimer = this.motionTimerId !== undefined;\n\t\tthis.dispose();\n\t\tif (hadTimer) {\n\t\t\tthis.motionOptions?.requestRender();\n\t\t}\n\t}\n\n\tprivate startMotion(): void {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts) return;\n\t\tif (this.motionTimerId !== undefined) return; // already running\n\n\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\tconst colorMode = theme.getColorMode();\n\t\tconst width = 32; // minimum gate checked by shouldAnimate\n\n\t\tif (\n\t\t\t!shouldAnimate({\n\t\t\t\tphase: \"intro\",\n\t\t\t\tisTTY: opts.isTTY(),\n\t\t\t\tnoColor,\n\t\t\t\tcolorMode,\n\t\t\t\texpanded: this.expanded,\n\t\t\t\twidth,\n\t\t\t\treducedMotion: opts.isReducedMotion(),\n\t\t\t\tbusy: false,\n\t\t\t\theaderVisibleHint: opts.isHeaderVisibleHint(),\n\t\t\t\tidleDriftEnabled: opts.isIdleDriftEnabled(),\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.motionPhase = \"intro\";\n\t\tthis.motionStartMs = (opts.now ?? Date.now)();\n\t\tthis.motionTimerId = setInterval(() => this.tick(), 100);\n\t\tif (this.motionTimerId && typeof this.motionTimerId === \"object\" && \"unref\" in this.motionTimerId) {\n\t\t\tthis.motionTimerId.unref();\n\t\t}\n\t\topts.requestRender();\n\t}\n\n\tprivate tick(): void {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\n\n\t\tconst now = (opts.now ?? Date.now)();\n\t\tconst elapsed = now - this.motionStartMs;\n\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\tconst colorMode = theme.getColorMode();\n\n\t\t// Gate check: if conditions no longer favorable, stop\n\t\tif (\n\t\t\t!shouldAnimate({\n\t\t\t\tphase: this.motionPhase === \"idle\" ? \"idle\" : \"intro\",\n\t\t\t\tisTTY: opts.isTTY(),\n\t\t\t\tnoColor,\n\t\t\t\tcolorMode,\n\t\t\t\texpanded: this.expanded,\n\t\t\t\twidth: 32,\n\t\t\t\treducedMotion: opts.isReducedMotion(),\n\t\t\t\tbusy: false,\n\t\t\t\theaderVisibleHint: opts.isHeaderVisibleHint(),\n\t\t\t\tidleDriftEnabled: opts.isIdleDriftEnabled(),\n\t\t\t})\n\t\t) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.motionPhase === \"intro\" && elapsed >= INTRO_MS) {\n\t\t\tif (opts.isIdleDriftEnabled()) {\n\t\t\t\tthis.motionPhase = \"idle\";\n\t\t\t\tthis.motionStartMs = now;\n\t\t\t} else {\n\t\t\t\tthis.stopMotionToStatic();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif (this.motionPhase === \"idle\") {\n\t\t\tconst idleElapsed = now - this.motionStartMs;\n\t\t\tif (idleElapsed >= IDLE_MS) {\n\t\t\t\tthis.stopMotionToStatic();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\topts.requestRender();\n\t}\n\n\tprivate stopMotionToStatic(): void {\n\t\tconst hadTimer = this.motionTimerId !== undefined;\n\t\tthis.dispose();\n\t\tif (hadTimer) {\n\t\t\tthis.motionOptions?.requestRender();\n\t\t}\n\t}\n\n\trender(width: number): string[] {\n\t\tif (width <= 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.expanded ? this.renderExpanded(width) : this.renderCompact(width);\n\t}\n\n\tprivate renderCompact(width: number): string[] {\n\t\treturn [\n\t\t\tthis.divider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\t\tthis.statusLine(width),\n\t\t\tthis.textLine(width, this.content.compactInstructions()),\n\t\t\tthis.textLine(width, this.content.compactOnboarding(), \"dim\"),\n\t\t];\n\t}\n\n\tprivate renderExpanded(width: number): string[] {\n\t\tconst lines = [this.divider(width, \"OMK//CONTROL PANEL\", \"accent\"), this.statusLine(width)];\n\n\t\tif (width >= 32) {\n\t\t\tconst noColor = process.env.NO_COLOR !== undefined;\n\t\t\tconst colorMode = theme.getColorMode();\n\t\t\tif (\n\t\t\t\tshouldGradient({\n\t\t\t\t\tisTTY: process.stdout.isTTY === true,\n\t\t\t\t\tnoColor,\n\t\t\t\t\tcolorMode,\n\t\t\t\t\texpanded: this.expanded,\n\t\t\t\t\twidth,\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\tconst gradientLines = this.composeBannerByPhase(colorMode, noColor);\n\t\t\t\tfor (const gradientLine of gradientLines) {\n\t\t\t\t\tlines.push(this.textLine(width, gradientLine));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const logoLine of CONTROL_PANEL_ASCII) {\n\t\t\t\t\tlines.push(this.textLine(width, theme.fg(\"accent\", logoLine)));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlines.push(this.divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\t\tfor (const instruction of this.content.expandedInstructions().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, instruction));\n\t\t}\n\t\tlines.push(this.divider(width, \"CONTROL LINK\", \"success\"));\n\t\tfor (const onboardingLine of this.content.onboarding().split(\"\\n\")) {\n\t\t\tlines.push(this.textLine(width, onboardingLine, \"dim\"));\n\t\t}\n\t\tlines.push(this.divider(width, \"END\", \"borderMuted\"));\n\n\t\treturn lines;\n\t}\n\n\tprivate statusLine(width: number): string {\n\t\tconst app = this.content.appName.toUpperCase();\n\t\tconst segments = [\n\t\t\ttheme.bold(theme.fg(\"accent\", `${app} v${this.content.version}`)),\n\t\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t\t];\n\t\treturn this.textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n\t}\n\n\tprivate divider(width: number, label: string, color: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"border\", \"+-- \");\n\t\tconst coloredLabel = theme.bold(theme.fg(color, label));\n\t\tconst visiblePrefix = visibleWidth(\"+-- \");\n\t\tconst labelWidth = visibleWidth(label);\n\t\tconst fillWidth = Math.max(0, width - visiblePrefix - labelWidth - 1);\n\t\treturn this.clipLine(`${prefix}${coloredLabel}${theme.fg(\"border\", ` ${\"-\".repeat(fillWidth)}`)}`, width);\n\t}\n\n\tprivate textLine(width: number, text: string, color?: ThemeColor): string {\n\t\tconst prefix = theme.fg(\"borderMuted\", \"| \");\n\t\tconst body = color ? theme.fg(color, text) : text;\n\t\treturn this.clipLine(`${prefix}${body}`, width);\n\t}\n\n\tprivate clipLine(line: string, width: number): string {\n\t\tif (visibleWidth(line) <= width) {\n\t\t\treturn line;\n\t\t}\n\t\treturn truncateToWidth(line, width, \"\");\n\t}\n\n\tprivate composeBannerByPhase(colorMode: GradientColorMode, noColor: boolean): string[] {\n\t\tif (this.motionPhase === \"static\" || !this.motionOptions) {\n\t\t\treturn composeStaticBanner(CONTROL_PANEL_ASCII, colorMode, noColor);\n\t\t}\n\t\tconst now = (this.motionOptions.now ?? Date.now)();\n\t\tconst elapsed = now - this.motionStartMs;\n\t\tif (this.motionPhase === \"intro\") {\n\t\t\treturn composeIntroBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);\n\t\t}\n\t\t// idle phase\n\t\treturn composeIdleBanner(CONTROL_PANEL_ASCII, colorMode, noColor, elapsed);\n\t}\n}\n"]}

package/dist/modes/interactive/components/earendil-announcement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"earendil-announcement.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/earendil-announcement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,yBAAyB,CAAC;AAyBzE,qBAAa,6BAA8B,SAAQ,SAAS;IAC3D,cAwBC;CACD","sourcesContent":["import * as fs from \"node:fs\";\nimport { Container, Image, Spacer, Text } from \"@earendil-works/omk-tui\";\nimport { getBundledInteractiveAssetPath } from \"../../../config.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nconst BLOG_URL = \"https://mariozechner.at/posts/2026-04-08-ive-sold-out/\";\nconst IMAGE_FILENAME = \"clankolas.png\";\n\nlet cachedImageBase64: string | undefined;\nlet attemptedImageLoad = false;\n\nfunction loadImageBase64(): string | undefined {\n\tif (attemptedImageLoad) {\n\t\treturn cachedImageBase64;\n\t}\n\n\tattemptedImageLoad = true;\n\ttry {\n\t\tcachedImageBase64 = fs.readFileSync(getBundledInteractiveAssetPath(IMAGE_FILENAME)).toString(\"base64\");\n\t} catch {\n\t\tcachedImageBase64 = undefined;\n\t}\n\treturn cachedImageBase64;\n}\n\nexport class EarendilAnnouncementComponent extends Container {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t\tthis.addChild(new Text(theme.bold(theme.fg(\"accent\", \"pi has joined Earendil\")), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new Text(theme.fg(\"muted\", \"Read the blog post:\"), 1, 0));\n\t\tthis.addChild(new Text(theme.fg(\"mdLink\", BLOG_URL), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tconst imageBase64 = loadImageBase64();\n\t\tif (imageBase64) {\n\t\t\tthis.addChild(\n\t\t\t\tnew Image(\n\t\t\t\t\timageBase64,\n\t\t\t\t\t\"image/png\",\n\t\t\t\t\t{ fallbackColor: (text) => theme.fg(\"muted\", text) },\n\t\t\t\t\t{ maxWidthCells: 56, filename: IMAGE_FILENAME },\n\t\t\t\t),\n\t\t\t);\n\t\t\tthis.addChild(new Spacer(1));\n\t\t}\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t}\n}\n"]}
+{"version":3,"file":"earendil-announcement.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/earendil-announcement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,yBAAyB,CAAC;AAyBzE,qBAAa,6BAA8B,SAAQ,SAAS;IAC3D,cAwBC;CACD","sourcesContent":["import * as fs from \"node:fs\";\nimport { Container, Image, Spacer, Text } from \"@earendil-works/omk-tui\";\nimport { getBundledInteractiveAssetPath } from \"../../../config.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nconst BLOG_URL = \"https://mariozechner.at/posts/2026-04-08-ive-sold-out/\";\nconst IMAGE_FILENAME = \"clankolas.png\";\n\nlet cachedImageBase64: string | undefined;\nlet attemptedImageLoad = false;\n\nfunction loadImageBase64(): string | undefined {\n\tif (attemptedImageLoad) {\n\t\treturn cachedImageBase64;\n\t}\n\n\tattemptedImageLoad = true;\n\ttry {\n\t\tcachedImageBase64 = fs.readFileSync(getBundledInteractiveAssetPath(IMAGE_FILENAME)).toString(\"base64\");\n\t} catch {\n\t\tcachedImageBase64 = undefined;\n\t}\n\treturn cachedImageBase64;\n}\n\nexport class EarendilAnnouncementComponent extends Container {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t\tthis.addChild(new Text(theme.bold(theme.fg(\"accent\", \"OMK has joined Earendil\")), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new Text(theme.fg(\"muted\", \"Read the blog post:\"), 1, 0));\n\t\tthis.addChild(new Text(theme.fg(\"mdLink\", BLOG_URL), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tconst imageBase64 = loadImageBase64();\n\t\tif (imageBase64) {\n\t\t\tthis.addChild(\n\t\t\t\tnew Image(\n\t\t\t\t\timageBase64,\n\t\t\t\t\t\"image/png\",\n\t\t\t\t\t{ fallbackColor: (text) => theme.fg(\"muted\", text) },\n\t\t\t\t\t{ maxWidthCells: 56, filename: IMAGE_FILENAME },\n\t\t\t\t),\n\t\t\t);\n\t\t\tthis.addChild(new Spacer(1));\n\t\t}\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t}\n}\n"]}

package/dist/modes/interactive/components/earendil-announcement.js

@@ -24,7 +24,7 @@ export class EarendilAnnouncementComponent extends Container {
     constructor() {
         super();
         this.addChild(new DynamicBorder((text) => theme.fg("accent", text)));
-        this.addChild(new Text(theme.bold(theme.fg("accent", "pi has joined Earendil")), 1, 0));
+        this.addChild(new Text(theme.bold(theme.fg("accent", "OMK has joined Earendil")), 1, 0));
         this.addChild(new Spacer(1));
         this.addChild(new Text(theme.fg("muted", "Read the blog post:"), 1, 0));
         this.addChild(new Text(theme.fg("mdLink", BLOG_URL), 1, 0));

package/dist/modes/interactive/components/earendil-announcement.js.map

@@ -1 +1 @@
-{"version":3,"file":"earendil-announcement.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/earendil-announcement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,QAAQ,GAAG,wDAAwD,CAAC;AAC1E,MAAM,cAAc,GAAG,eAAe,CAAC;AAEvC,IAAI,iBAAqC,CAAC;AAC1C,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAE/B,SAAS,eAAe,GAAuB;IAC9C,IAAI,kBAAkB,EAAE,CAAC;QACxB,OAAO,iBAAiB,CAAC;IAC1B,CAAC;IAED,kBAAkB,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC;QACJ,iBAAiB,GAAG,EAAE,CAAC,YAAY,CAAC,8BAA8B,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxG,CAAC;IAAC,MAAM,CAAC;QACR,iBAAiB,GAAG,SAAS,CAAC;IAC/B,CAAC;IACD,OAAO,iBAAiB,CAAC;AAAA,CACzB;AAED,MAAM,OAAO,6BAA8B,SAAQ,SAAS;IAC3D,cAAc;QACb,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxF,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;QACtC,IAAI,WAAW,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CACZ,IAAI,KAAK,CACR,WAAW,EACX,WAAW,EACX,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EACpD,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAC/C,CACD,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE;CACD","sourcesContent":["import * as fs from \"node:fs\";\nimport { Container, Image, Spacer, Text } from \"@earendil-works/omk-tui\";\nimport { getBundledInteractiveAssetPath } from \"../../../config.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nconst BLOG_URL = \"https://mariozechner.at/posts/2026-04-08-ive-sold-out/\";\nconst IMAGE_FILENAME = \"clankolas.png\";\n\nlet cachedImageBase64: string | undefined;\nlet attemptedImageLoad = false;\n\nfunction loadImageBase64(): string | undefined {\n\tif (attemptedImageLoad) {\n\t\treturn cachedImageBase64;\n\t}\n\n\tattemptedImageLoad = true;\n\ttry {\n\t\tcachedImageBase64 = fs.readFileSync(getBundledInteractiveAssetPath(IMAGE_FILENAME)).toString(\"base64\");\n\t} catch {\n\t\tcachedImageBase64 = undefined;\n\t}\n\treturn cachedImageBase64;\n}\n\nexport class EarendilAnnouncementComponent extends Container {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t\tthis.addChild(new Text(theme.bold(theme.fg(\"accent\", \"pi has joined Earendil\")), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new Text(theme.fg(\"muted\", \"Read the blog post:\"), 1, 0));\n\t\tthis.addChild(new Text(theme.fg(\"mdLink\", BLOG_URL), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tconst imageBase64 = loadImageBase64();\n\t\tif (imageBase64) {\n\t\t\tthis.addChild(\n\t\t\t\tnew Image(\n\t\t\t\t\timageBase64,\n\t\t\t\t\t\"image/png\",\n\t\t\t\t\t{ fallbackColor: (text) => theme.fg(\"muted\", text) },\n\t\t\t\t\t{ maxWidthCells: 56, filename: IMAGE_FILENAME },\n\t\t\t\t),\n\t\t\t);\n\t\t\tthis.addChild(new Spacer(1));\n\t\t}\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t}\n}\n"]}
+{"version":3,"file":"earendil-announcement.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/earendil-announcement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,QAAQ,GAAG,wDAAwD,CAAC;AAC1E,MAAM,cAAc,GAAG,eAAe,CAAC;AAEvC,IAAI,iBAAqC,CAAC;AAC1C,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAE/B,SAAS,eAAe,GAAuB;IAC9C,IAAI,kBAAkB,EAAE,CAAC;QACxB,OAAO,iBAAiB,CAAC;IAC1B,CAAC;IAED,kBAAkB,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC;QACJ,iBAAiB,GAAG,EAAE,CAAC,YAAY,CAAC,8BAA8B,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxG,CAAC;IAAC,MAAM,CAAC;QACR,iBAAiB,GAAG,SAAS,CAAC;IAC/B,CAAC;IACD,OAAO,iBAAiB,CAAC;AAAA,CACzB;AAED,MAAM,OAAO,6BAA8B,SAAQ,SAAS;IAC3D,cAAc;QACb,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7B,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;QACtC,IAAI,WAAW,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CACZ,IAAI,KAAK,CACR,WAAW,EACX,WAAW,EACX,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EACpD,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAC/C,CACD,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE;CACD","sourcesContent":["import * as fs from \"node:fs\";\nimport { Container, Image, Spacer, Text } from \"@earendil-works/omk-tui\";\nimport { getBundledInteractiveAssetPath } from \"../../../config.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nconst BLOG_URL = \"https://mariozechner.at/posts/2026-04-08-ive-sold-out/\";\nconst IMAGE_FILENAME = \"clankolas.png\";\n\nlet cachedImageBase64: string | undefined;\nlet attemptedImageLoad = false;\n\nfunction loadImageBase64(): string | undefined {\n\tif (attemptedImageLoad) {\n\t\treturn cachedImageBase64;\n\t}\n\n\tattemptedImageLoad = true;\n\ttry {\n\t\tcachedImageBase64 = fs.readFileSync(getBundledInteractiveAssetPath(IMAGE_FILENAME)).toString(\"base64\");\n\t} catch {\n\t\tcachedImageBase64 = undefined;\n\t}\n\treturn cachedImageBase64;\n}\n\nexport class EarendilAnnouncementComponent extends Container {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t\tthis.addChild(new Text(theme.bold(theme.fg(\"accent\", \"OMK has joined Earendil\")), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new Text(theme.fg(\"muted\", \"Read the blog post:\"), 1, 0));\n\t\tthis.addChild(new Text(theme.fg(\"mdLink\", BLOG_URL), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tconst imageBase64 = loadImageBase64();\n\t\tif (imageBase64) {\n\t\t\tthis.addChild(\n\t\t\t\tnew Image(\n\t\t\t\t\timageBase64,\n\t\t\t\t\t\"image/png\",\n\t\t\t\t\t{ fallbackColor: (text) => theme.fg(\"muted\", text) },\n\t\t\t\t\t{ maxWidthCells: 56, filename: IMAGE_FILENAME },\n\t\t\t\t),\n\t\t\t);\n\t\t\tthis.addChild(new Spacer(1));\n\t\t}\n\n\t\tthis.addChild(new DynamicBorder((text) => theme.fg(\"accent\", text)));\n\t}\n}\n"]}

package/dist/modes/interactive/components/extension-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-editor.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/extension-editor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EACN,SAAS,EAET,KAAK,aAAa,EAClB,KAAK,SAAS,EAId,KAAK,GAAG,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKvE,qBAAa,wBAAyB,SAAQ,SAAU,YAAW,SAAS;IAC3E,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,WAAW,CAAqB;IAExC,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,YACC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,CAAC,EAAE,aAAa,EA6CvB;IAED,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAgBjC;YAEa,kBAAkB;CA2ChC","sourcesContent":["/**\n * Multi-line editor component for extensions.\n * Supports Ctrl+G for external editor.\n */\n\nimport { spawn } from \"node:child_process\";\nimport * as fs from \"node:fs\";\nimport * as os from \"node:os\";\nimport * as path from \"node:path\";\nimport {\n\tContainer,\n\tEditor,\n\ttype EditorOptions,\n\ttype Focusable,\n\tgetKeybindings,\n\tSpacer,\n\tText,\n\ttype TUI,\n} from \"@earendil-works/omk-tui\";\nimport type { KeybindingsManager } from \"../../../core/keybindings.ts\";\nimport { getEditorTheme, theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { keyHint } from \"./keybinding-hints.ts\";\n\nexport class ExtensionEditorComponent extends Container implements Focusable {\n\tprivate editor: Editor;\n\tprivate onSubmitCallback: (value: string) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate tui: TUI;\n\tprivate keybindings: KeybindingsManager;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.editor.focused = value;\n\t}\n\n\tconstructor(\n\t\ttui: TUI,\n\t\tkeybindings: KeybindingsManager,\n\t\ttitle: string,\n\t\tprefill: string | undefined,\n\t\tonSubmit: (value: string) => void,\n\t\tonCancel: () => void,\n\t\toptions?: EditorOptions,\n\t) {\n\t\tsuper();\n\n\t\tthis.tui = tui;\n\t\tthis.keybindings = keybindings;\n\t\tthis.onSubmitCallback = onSubmit;\n\t\tthis.onCancelCallback = onCancel;\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add title\n\t\tthis.addChild(new Text(theme.fg(\"accent\", title), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create editor\n\t\tthis.editor = new Editor(tui, getEditorTheme(), options);\n\t\tif (prefill) {\n\t\t\tthis.editor.setText(prefill);\n\t\t}\n\t\t// Wire up Enter to submit (Shift+Enter for newlines, like the main editor)\n\t\tthis.editor.onSubmit = (text: string) => {\n\t\t\tthis.onSubmitCallback(text);\n\t\t};\n\t\tthis.addChild(this.editor);\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add hint\n\t\tconst hasExternalEditor = !!(process.env.VISUAL || process.env.EDITOR);\n\t\tconst hint =\n\t\t\tkeyHint(\"tui.select.confirm\", \"submit\") +\n\t\t\t\"  \" +\n\t\t\tkeyHint(\"tui.input.newLine\", \"newline\") +\n\t\t\t\"  \" +\n\t\t\tkeyHint(\"tui.select.cancel\", \"cancel\") +\n\t\t\t(hasExternalEditor ? `  ${keyHint(\"app.editor.external\", \"external editor\")}` : \"\");\n\t\tthis.addChild(new Text(hint, 1, 0));\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add bottom border\n\t\tthis.addChild(new DynamicBorder());\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\t// Escape or Ctrl+C to cancel\n\t\tif (kb.matches(keyData, \"tui.select.cancel\")) {\n\t\t\tthis.onCancelCallback();\n\t\t\treturn;\n\t\t}\n\n\t\t// External editor (app keybinding)\n\t\tif (this.keybindings.matches(keyData, \"app.editor.external\")) {\n\t\t\tthis.openExternalEditor();\n\t\t\treturn;\n\t\t}\n\n\t\t// Forward to editor\n\t\tthis.editor.handleInput(keyData);\n\t}\n\n\tprivate async openExternalEditor(): Promise<void> {\n\t\tconst editorCmd = process.env.VISUAL || process.env.EDITOR;\n\t\tif (!editorCmd) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentText = this.editor.getText();\n\t\tconst tmpFile = path.join(os.tmpdir(), `omk-extension-editor-${Date.now()}.md`);\n\n\t\ttry {\n\t\t\tfs.writeFileSync(tmpFile, currentText, \"utf-8\");\n\t\t\tthis.tui.stop();\n\n\t\t\tconst [editor, ...editorArgs] = editorCmd.split(\" \");\n\t\t\tprocess.stdout.write(`Launching external editor: ${editorCmd}\\nPi will resume when the editor exits.\\n`);\n\n\t\t\t// Do not use spawnSync here. On Windows, synchronous child_process calls can keep\n\t\t\t// Node/libuv's console input read active after tui.stop() pauses stdin, racing\n\t\t\t// vim/nvim for the console input buffer until Ctrl+C cancels the pending read.\n\t\t\tconst status = await new Promise<number | null>((resolve) => {\n\t\t\t\tconst child = spawn(editor, [...editorArgs, tmpFile], {\n\t\t\t\t\tstdio: \"inherit\",\n\t\t\t\t\tshell: process.platform === \"win32\",\n\t\t\t\t});\n\t\t\t\tchild.on(\"error\", () => resolve(null));\n\t\t\t\tchild.on(\"close\", (code) => resolve(code));\n\t\t\t});\n\n\t\t\tif (status === 0) {\n\t\t\t\tconst newContent = fs.readFileSync(tmpFile, \"utf-8\").replace(/\\n$/, \"\");\n\t\t\t\tthis.editor.setText(newContent);\n\t\t\t}\n\t\t} finally {\n\t\t\ttry {\n\t\t\t\tfs.unlinkSync(tmpFile);\n\t\t\t} catch {\n\t\t\t\t// Ignore cleanup errors\n\t\t\t}\n\t\t\tthis.tui.start();\n\t\t\t// Force full re-render since external editor uses alternate screen\n\t\t\tthis.tui.requestRender(true);\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"extension-editor.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/extension-editor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EACN,SAAS,EAET,KAAK,aAAa,EAClB,KAAK,SAAS,EAId,KAAK,GAAG,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKvE,qBAAa,wBAAyB,SAAQ,SAAU,YAAW,SAAS;IAC3E,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,WAAW,CAAqB;IAExC,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,YACC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,CAAC,EAAE,aAAa,EA6CvB;IAED,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAgBjC;YAEa,kBAAkB;CA2ChC","sourcesContent":["/**\n * Multi-line editor component for extensions.\n * Supports Ctrl+G for external editor.\n */\n\nimport { spawn } from \"node:child_process\";\nimport * as fs from \"node:fs\";\nimport * as os from \"node:os\";\nimport * as path from \"node:path\";\nimport {\n\tContainer,\n\tEditor,\n\ttype EditorOptions,\n\ttype Focusable,\n\tgetKeybindings,\n\tSpacer,\n\tText,\n\ttype TUI,\n} from \"@earendil-works/omk-tui\";\nimport type { KeybindingsManager } from \"../../../core/keybindings.ts\";\nimport { getEditorTheme, theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { keyHint } from \"./keybinding-hints.ts\";\n\nexport class ExtensionEditorComponent extends Container implements Focusable {\n\tprivate editor: Editor;\n\tprivate onSubmitCallback: (value: string) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate tui: TUI;\n\tprivate keybindings: KeybindingsManager;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.editor.focused = value;\n\t}\n\n\tconstructor(\n\t\ttui: TUI,\n\t\tkeybindings: KeybindingsManager,\n\t\ttitle: string,\n\t\tprefill: string | undefined,\n\t\tonSubmit: (value: string) => void,\n\t\tonCancel: () => void,\n\t\toptions?: EditorOptions,\n\t) {\n\t\tsuper();\n\n\t\tthis.tui = tui;\n\t\tthis.keybindings = keybindings;\n\t\tthis.onSubmitCallback = onSubmit;\n\t\tthis.onCancelCallback = onCancel;\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add title\n\t\tthis.addChild(new Text(theme.fg(\"accent\", title), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create editor\n\t\tthis.editor = new Editor(tui, getEditorTheme(), options);\n\t\tif (prefill) {\n\t\t\tthis.editor.setText(prefill);\n\t\t}\n\t\t// Wire up Enter to submit (Shift+Enter for newlines, like the main editor)\n\t\tthis.editor.onSubmit = (text: string) => {\n\t\t\tthis.onSubmitCallback(text);\n\t\t};\n\t\tthis.addChild(this.editor);\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add hint\n\t\tconst hasExternalEditor = !!(process.env.VISUAL || process.env.EDITOR);\n\t\tconst hint =\n\t\t\tkeyHint(\"tui.select.confirm\", \"submit\") +\n\t\t\t\"  \" +\n\t\t\tkeyHint(\"tui.input.newLine\", \"newline\") +\n\t\t\t\"  \" +\n\t\t\tkeyHint(\"tui.select.cancel\", \"cancel\") +\n\t\t\t(hasExternalEditor ? `  ${keyHint(\"app.editor.external\", \"external editor\")}` : \"\");\n\t\tthis.addChild(new Text(hint, 1, 0));\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add bottom border\n\t\tthis.addChild(new DynamicBorder());\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\t// Escape or Ctrl+C to cancel\n\t\tif (kb.matches(keyData, \"tui.select.cancel\")) {\n\t\t\tthis.onCancelCallback();\n\t\t\treturn;\n\t\t}\n\n\t\t// External editor (app keybinding)\n\t\tif (this.keybindings.matches(keyData, \"app.editor.external\")) {\n\t\t\tthis.openExternalEditor();\n\t\t\treturn;\n\t\t}\n\n\t\t// Forward to editor\n\t\tthis.editor.handleInput(keyData);\n\t}\n\n\tprivate async openExternalEditor(): Promise<void> {\n\t\tconst editorCmd = process.env.VISUAL || process.env.EDITOR;\n\t\tif (!editorCmd) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentText = this.editor.getText();\n\t\tconst tmpFile = path.join(os.tmpdir(), `omk-extension-editor-${Date.now()}.md`);\n\n\t\ttry {\n\t\t\tfs.writeFileSync(tmpFile, currentText, \"utf-8\");\n\t\t\tthis.tui.stop();\n\n\t\t\tconst [editor, ...editorArgs] = editorCmd.split(\" \");\n\t\t\tprocess.stdout.write(`Launching external editor: ${editorCmd}\\nOMK will resume when the editor exits.\\n`);\n\n\t\t\t// Do not use spawnSync here. On Windows, synchronous child_process calls can keep\n\t\t\t// Node/libuv's console input read active after tui.stop() pauses stdin, racing\n\t\t\t// vim/nvim for the console input buffer until Ctrl+C cancels the pending read.\n\t\t\tconst status = await new Promise<number | null>((resolve) => {\n\t\t\t\tconst child = spawn(editor, [...editorArgs, tmpFile], {\n\t\t\t\t\tstdio: \"inherit\",\n\t\t\t\t\tshell: process.platform === \"win32\",\n\t\t\t\t});\n\t\t\t\tchild.on(\"error\", () => resolve(null));\n\t\t\t\tchild.on(\"close\", (code) => resolve(code));\n\t\t\t});\n\n\t\t\tif (status === 0) {\n\t\t\t\tconst newContent = fs.readFileSync(tmpFile, \"utf-8\").replace(/\\n$/, \"\");\n\t\t\t\tthis.editor.setText(newContent);\n\t\t\t}\n\t\t} finally {\n\t\t\ttry {\n\t\t\t\tfs.unlinkSync(tmpFile);\n\t\t\t} catch {\n\t\t\t\t// Ignore cleanup errors\n\t\t\t}\n\t\t\tthis.tui.start();\n\t\t\t// Force full re-render since external editor uses alternate screen\n\t\t\tthis.tui.requestRender(true);\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/extension-editor.js

@@ -86,7 +86,7 @@ export class ExtensionEditorComponent extends Container {
             fs.writeFileSync(tmpFile, currentText, "utf-8");
             this.tui.stop();
             const [editor, ...editorArgs] = editorCmd.split(" ");
-            process.stdout.write(`Launching external editor: ${editorCmd}\nPi will resume when the editor exits.\n`);
+            process.stdout.write(`Launching external editor: ${editorCmd}\nOMK will resume when the editor exits.\n`);
             // Do not use spawnSync here. On Windows, synchronous child_process calls can keep
             // Node/libuv's console input read active after tui.stop() pauses stdin, racing
             // vim/nvim for the console input buffer until Ctrl+C cancels the pending read.