open-multi-agent-kit 0.80.6 → 0.80.8

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

@@ -0,0 +1,128 @@
+import { rgbTo256 } from "../theme/theme.js";
+export const MIN_BANNER_WIDTH = 32;
+const DEFAULT_SHEAR = 2.2;
+const DRIFT = 0.12;
+const RAMP_STOPS = [
+    { pos: 0, l: 0.875, c: 0.144, h: 187.2 },
+    { pos: 0.38, l: 0.835, c: 0.174, h: 156.9 },
+    { pos: 0.7, l: 0.675, c: 0.256, h: 338.4 },
+    { pos: 1, l: 0.578, c: 0.247, h: 287.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 >= MIN_BANNER_WIDTH);
+}
+//# 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\nexport const MIN_BANNER_WIDTH = 32;\n\nconst DEFAULT_SHEAR = 2.2;\nconst DRIFT = 0.12;\n\nconst RAMP_STOPS = [\n\t{ pos: 0, l: 0.875, c: 0.144, h: 187.2 },\n\t{ pos: 0.38, l: 0.835, c: 0.174, h: 156.9 },\n\t{ pos: 0.7, l: 0.675, c: 0.256, h: 338.4 },\n\t{ pos: 1, l: 0.578, c: 0.247, h: 287.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 (\n\t\tmodeSupportsGradient && options.isTTY && !options.noColor && options.expanded && options.width >= MIN_BANNER_WIDTH\n\t);\n}\n"]}

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

@@ -0,0 +1,23 @@
+export interface ControlPanelContent {
+    appName: string;
+    version: string;
+    compactInstructions: () => string;
+    expandedInstructions: () => string;
+    compactOnboarding: () => string;
+    onboarding: () => string;
+    statusSnapshot?: () => ControlPanelStatusSnapshot;
+}
+export interface ControlPanelStatusSnapshot {
+    readonly modelId?: string;
+    readonly modelProvider?: string;
+    readonly thinkingLevel?: string;
+    readonly contextPercent?: number | null;
+    readonly contextWindowTokens?: number;
+    readonly contextTokens?: number | null;
+    readonly headroomStatus?: string;
+    readonly optimizerPolicy?: string;
+    readonly skillCount?: number;
+    readonly mcpCount?: number;
+}
+export declare function renderControlPanelLayout(content: ControlPanelContent, expanded: boolean, width: number): string[];
+//# sourceMappingURL=control-panel-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-layout.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel-layout.ts"],"names":[],"mappings":"AA6BA,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;IACzB,cAAc,CAAC,EAAE,MAAM,0BAA0B,CAAC;CAClD;AAED,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAGjH","sourcesContent":["import { visibleWidth } from \"omk-tui\";\nimport { getHeadroomRuntimeStatus } from \"../../../core/context-budget-headroom.ts\";\nimport { loadMcpInventory } from \"../../../core/mcp-inventory.ts\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\nimport {\n\tboxBlankLine,\n\tboxBottom,\n\tboxCenteredLine,\n\tboxTextLine,\n\tboxTop,\n\tcenterLine,\n\tcomposeColumns,\n\tdivider,\n\tfitLine,\n\tsidebarRule,\n\ttextLine,\n} from \"./control-panel-box.ts\";\n\nconst ASCII = [\n\t\"   ____   __  __  __ __\",\n\t\"  / __ \\\\ /  |/ / / //_/\",\n\t\" / /_/ // /|_/ / / ,<   \",\n\t\" \\\\____//_/  /_/ /_/|_|  \",\n];\nconst META_WIDTH = 31;\nconst DECK_MIN_WIDTH = 112;\nconst SIDEBAR_WIDTH = 38;\nconst GAP_WIDTH = 2;\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n\tstatusSnapshot?: () => ControlPanelStatusSnapshot;\n}\n\nexport interface ControlPanelStatusSnapshot {\n\treadonly modelId?: string;\n\treadonly modelProvider?: string;\n\treadonly thinkingLevel?: string;\n\treadonly contextPercent?: number | null;\n\treadonly contextWindowTokens?: number;\n\treadonly contextTokens?: number | null;\n\treadonly headroomStatus?: string;\n\treadonly optimizerPolicy?: string;\n\treadonly skillCount?: number;\n\treadonly mcpCount?: number;\n}\n\nexport function renderControlPanelLayout(content: ControlPanelContent, expanded: boolean, width: number): string[] {\n\tif (width <= 0) return [];\n\treturn expanded ? renderExpanded(content, width) : renderCompact(content, width);\n}\n\nfunction renderCompact(content: ControlPanelContent, width: number): string[] {\n\tif (width >= DECK_MIN_WIDTH) {\n\t\tconst deck = renderDeck(content, width);\n\t\tif (deck.length > 0) return deck;\n\t}\n\treturn [\n\t\tdivider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\tstatusLine(content, width),\n\t\ttextLine(width, content.compactInstructions()),\n\t\ttextLine(width, content.compactOnboarding(), \"dim\"),\n\t];\n}\n\nfunction renderDeck(content: ControlPanelContent, width: number): string[] {\n\tconst sidebarWidth = Math.min(SIDEBAR_WIDTH, Math.max(34, Math.floor(width * 0.28)));\n\tconst leftWidth = width - GAP_WIDTH - sidebarWidth;\n\tif (leftWidth < 72) return [];\n\tconst lines = composeColumns(\n\t\theroPanel(content, leftWidth),\n\t\tleftWidth,\n\t\tsidebarPanel(content, sidebarWidth),\n\t\tsidebarWidth,\n\t\tGAP_WIDTH,\n\t\twidth,\n\t);\n\tlines.push(controlStripLine(content, width));\n\tlines.push(centerLine(width, content.compactOnboarding(), \"dim\"));\n\treturn lines;\n}\n\nfunction heroPanel(content: ControlPanelContent, width: number): string[] {\n\tconst rawThemeName = theme.name ?? \"live\";\n\tconst themeName = (rawThemeName.startsWith(\"omk-\") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();\n\tconst modelLabel = modelStatusLabel(statusSnapshot(content));\n\treturn [\n\t\tboxTop(width, `omk v${content.version} · OMK//CONTROL`),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"accent\", \"OMK\"))),\n\t\tboxCenteredLine(width, theme.fg(\"muted\", \"route · verify · loop · control\")),\n\t\tboxBlankLine(width),\n\t\t...ASCII.map((line, index) => {\n\t\t\tconst color: ThemeColor =\n\t\t\t\tindex === 0 ? \"accent\" : index === 1 ? \"warning\" : index === 2 ? \"success\" : \"mdCode\";\n\t\t\treturn boxCenteredLine(width, theme.fg(color, line));\n\t\t}),\n\t\tboxBlankLine(width),\n\t\tboxCenteredLine(width, `${theme.fg(\"warning\", \"*\")} ${theme.bold(\"OMK\")}  / ${theme.fg(\"success\", modelLabel)}`),\n\t\tboxCenteredLine(\n\t\t\twidth,\n\t\t\t`${theme.fg(\"mdCode\", \"<>\")} omk-control · ${theme.fg(\"accent\", \"route\")} · ${theme.fg(\"warning\", \"verify\")} · ${theme.fg(\"success\", \"loop\")} · ${theme.fg(\"mdCode\", themeName)}`,\n\t\t),\n\t\tboxBottom(width),\n\t];\n}\n\nfunction sidebarPanel(content: ControlPanelContent, width: number): string[] {\n\tconst snapshot = statusSnapshot(content);\n\tconst headroomLabel = snapshot.headroomStatus ?? snapshot.optimizerPolicy ?? getHeadroomRuntimeStatus().policyId;\n\tconst mcpCount = snapshot.mcpCount ?? loadMcpInventory().entries.length;\n\tconst skillCount = snapshot.skillCount ?? 0;\n\treturn [\n\t\tsidebarTabs(width),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"accent\", \"OMK://CONTROL\"))),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"warning\", \"CYBERPUNK OPS CORE\"))),\n\t\tboxCenteredLine(width, `${theme.fg(\"accent\", \"MATRIX RAIN\")} // ${theme.fg(\"success\", \"NEON GRID ONLINE\")}`),\n\t\tboxCenteredLine(width, theme.fg(\"mdCode\", \"NIGHT-CITY-MATRIX-V3\")),\n\t\tsidebarRule(width, \"STATUS\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"state:\")} ${theme.fg(\"success\", \"* ready\")}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"route:\")} route · evidence · loop · control`),\n\t\tsidebarRule(width, \"TODO\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"next:\")} add branch TODOs with /todos`),\n\t\tsidebarRule(width, \"MODEL / CTX\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"model:\")} ${modelStatusLabel(snapshot)}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"think:\")} ${snapshot.thinkingLevel ?? \"off\"}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"ctx:\")} ${theme.fg(\"success\", contextStatusLabel(snapshot))}`),\n\t\tsidebarRule(width, \"RUNTIME / MCP / SKILLS\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"headroom:\")} ${headroomLabel}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"omk:\")} DAG:omk-parallel-orchestrator`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"res:\")} MCP:${mcpCount} skills:${skillCount}`),\n\t\tsidebarRule(width, \"CONTROL\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"route:\")} ${theme.fg(\"success\", \"armed\")}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"verify:\")} ${theme.fg(\"success\", \"evidence gated\")}`),\n\t\tboxBottom(width),\n\t];\n}\n\nfunction renderExpanded(content: ControlPanelContent, width: number): string[] {\n\tconst lines = [divider(width, \"OMK//CONTROL PANEL\", \"accent\"), statusLine(content, width)];\n\tif (width >= 32) lines.push(...brandLines(width));\n\tlines.push(divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\tfor (const instruction of content.expandedInstructions().split(\"\\n\")) lines.push(textLine(width, instruction));\n\tlines.push(divider(width, \"STARTUP LINK\", \"success\"));\n\tfor (const onboardingLine of content.onboarding().split(\"\\n\")) lines.push(textLine(width, onboardingLine, \"dim\"));\n\tlines.push(divider(width, \"END\", \"borderMuted\"));\n\treturn lines;\n}\n\nfunction statusSnapshot(content: ControlPanelContent): ControlPanelStatusSnapshot {\n\treturn content.statusSnapshot?.() ?? {};\n}\n\nfunction modelStatusLabel(snapshot: ControlPanelStatusSnapshot): string {\n\tif (!snapshot.modelId) return \"no-model\";\n\treturn snapshot.modelProvider ? `${snapshot.modelProvider}/${snapshot.modelId}` : snapshot.modelId;\n}\n\nfunction contextStatusLabel(snapshot: ControlPanelStatusSnapshot): string {\n\tconst windowTokens = snapshot.contextWindowTokens ?? 0;\n\tconst windowLabel = windowTokens > 0 ? formatTokens(windowTokens) : \"?\";\n\treturn snapshot.contextPercent === null || snapshot.contextPercent === undefined\n\t\t? `?/${windowLabel}`\n\t\t: `${snapshot.contextPercent.toFixed(1)}%/${windowLabel}`;\n}\n\nfunction formatTokens(count: number): string {\n\tif (count < 1000) return count.toString();\n\tif (count < 10000) return `${(count / 1000).toFixed(1)}k`;\n\tif (count < 1000000) return `${Math.round(count / 1000)}k`;\n\tif (count < 10000000) return `${(count / 1000000).toFixed(1)}M`;\n\treturn `${Math.round(count / 1000000)}M`;\n}\n\nfunction sidebarTabs(width: number): string {\n\treturn boxTextLine(\n\t\twidth,\n\t\tfitLine(\n\t\t\t`${theme.bold(theme.fg(\"accent\", \"1:CONTROL\"))}    ${theme.fg(\"muted\", \"2:HISTORY\")}`,\n\t\t\tMath.max(0, width - 4),\n\t\t),\n\t);\n}\n\nfunction controlStripLine(content: ControlPanelContent, width: number): string {\n\treturn centerLine(\n\t\twidth,\n\t\t`${theme.bold(theme.fg(\"accent\", \"OMK//CONTROL READ\"))} ${theme.fg(\"accent\", \"route/verify/loop/control\")} · ${content.compactInstructions()}`,\n\t);\n}\n\nfunction brandLines(width: number): string[] {\n\tconst leftWidth = Math.max(...ASCII.map((line) => visibleWidth(line)));\n\tconst minWideWidth = visibleWidth(\"| \") + leftWidth + visibleWidth(\" | \") + META_WIDTH;\n\tif (width < minWideWidth) return ASCII.map((line) => textLine(width, theme.fg(\"accent\", line)));\n\treturn ASCII.map((line, index) =>\n\t\ttextLine(\n\t\t\twidth,\n\t\t\t`${theme.fg(\"accent\", line.padEnd(leftWidth))}${theme.fg(\"borderMuted\", \" | \")}${metadataLines()[index] ?? \"\"}`,\n\t\t),\n\t);\n}\n\nfunction metadataLines(): string[] {\n\tconst rawThemeName = theme.name ?? \"live\";\n\tconst themeName = (rawThemeName.startsWith(\"omk-\") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();\n\treturn [\n\t\t`${theme.fg(\"mdCode\", \"PANEL\")} ${theme.fg(\"success\", \"ONLINE\")}`,\n\t\t`${theme.fg(\"mdCode\", \"THEME\")} ${theme.fg(\"accent\", themeName)}`,\n\t\t`${theme.fg(\"mdCode\", \"STARTUP\")} ${theme.fg(\"warning\", \"ARMED\")}`,\n\t\t`${theme.fg(\"mdCode\", \"LINK\")} ${theme.fg(\"success\", \"READY\")}`,\n\t];\n}\n\nfunction statusLine(content: ControlPanelContent, width: number): string {\n\tconst segments = [\n\t\ttheme.bold(theme.fg(\"accent\", `${content.appName.toUpperCase()} v${content.version}`)),\n\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t];\n\treturn textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n}\n"]}

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

@@ -0,0 +1,165 @@
+import { visibleWidth } from "omk-tui";
+import { getHeadroomRuntimeStatus } from "../../../core/context-budget-headroom.js";
+import { loadMcpInventory } from "../../../core/mcp-inventory.js";
+import { theme } from "../theme/theme.js";
+import { boxBlankLine, boxBottom, boxCenteredLine, boxTextLine, boxTop, centerLine, composeColumns, divider, fitLine, sidebarRule, textLine, } from "./control-panel-box.js";
+const ASCII = [
+    "   ____   __  __  __ __",
+    "  / __ \\ /  |/ / / //_/",
+    " / /_/ // /|_/ / / ,<   ",
+    " \\____//_/  /_/ /_/|_|  ",
+];
+const META_WIDTH = 31;
+const DECK_MIN_WIDTH = 112;
+const SIDEBAR_WIDTH = 38;
+const GAP_WIDTH = 2;
+export function renderControlPanelLayout(content, expanded, width) {
+    if (width <= 0)
+        return [];
+    return expanded ? renderExpanded(content, width) : renderCompact(content, width);
+}
+function renderCompact(content, width) {
+    if (width >= DECK_MIN_WIDTH) {
+        const deck = renderDeck(content, width);
+        if (deck.length > 0)
+            return deck;
+    }
+    return [
+        divider(width, "OMK//CONTROL PANEL", "accent"),
+        statusLine(content, width),
+        textLine(width, content.compactInstructions()),
+        textLine(width, content.compactOnboarding(), "dim"),
+    ];
+}
+function renderDeck(content, width) {
+    const sidebarWidth = Math.min(SIDEBAR_WIDTH, Math.max(34, Math.floor(width * 0.28)));
+    const leftWidth = width - GAP_WIDTH - sidebarWidth;
+    if (leftWidth < 72)
+        return [];
+    const lines = composeColumns(heroPanel(content, leftWidth), leftWidth, sidebarPanel(content, sidebarWidth), sidebarWidth, GAP_WIDTH, width);
+    lines.push(controlStripLine(content, width));
+    lines.push(centerLine(width, content.compactOnboarding(), "dim"));
+    return lines;
+}
+function heroPanel(content, width) {
+    const rawThemeName = theme.name ?? "live";
+    const themeName = (rawThemeName.startsWith("omk-") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();
+    const modelLabel = modelStatusLabel(statusSnapshot(content));
+    return [
+        boxTop(width, `omk v${content.version} · OMK//CONTROL`),
+        boxCenteredLine(width, theme.bold(theme.fg("accent", "OMK"))),
+        boxCenteredLine(width, theme.fg("muted", "route · verify · loop · control")),
+        boxBlankLine(width),
+        ...ASCII.map((line, index) => {
+            const color = index === 0 ? "accent" : index === 1 ? "warning" : index === 2 ? "success" : "mdCode";
+            return boxCenteredLine(width, theme.fg(color, line));
+        }),
+        boxBlankLine(width),
+        boxCenteredLine(width, `${theme.fg("warning", "*")} ${theme.bold("OMK")}  / ${theme.fg("success", modelLabel)}`),
+        boxCenteredLine(width, `${theme.fg("mdCode", "<>")} omk-control · ${theme.fg("accent", "route")} · ${theme.fg("warning", "verify")} · ${theme.fg("success", "loop")} · ${theme.fg("mdCode", themeName)}`),
+        boxBottom(width),
+    ];
+}
+function sidebarPanel(content, width) {
+    const snapshot = statusSnapshot(content);
+    const headroomLabel = snapshot.headroomStatus ?? snapshot.optimizerPolicy ?? getHeadroomRuntimeStatus().policyId;
+    const mcpCount = snapshot.mcpCount ?? loadMcpInventory().entries.length;
+    const skillCount = snapshot.skillCount ?? 0;
+    return [
+        sidebarTabs(width),
+        boxCenteredLine(width, theme.bold(theme.fg("accent", "OMK://CONTROL"))),
+        boxCenteredLine(width, theme.bold(theme.fg("warning", "CYBERPUNK OPS CORE"))),
+        boxCenteredLine(width, `${theme.fg("accent", "MATRIX RAIN")} // ${theme.fg("success", "NEON GRID ONLINE")}`),
+        boxCenteredLine(width, theme.fg("mdCode", "NIGHT-CITY-MATRIX-V3")),
+        sidebarRule(width, "STATUS"),
+        boxTextLine(width, `${theme.fg("muted", "state:")} ${theme.fg("success", "* ready")}`),
+        boxTextLine(width, `${theme.fg("muted", "route:")} route · evidence · loop · control`),
+        sidebarRule(width, "TODO"),
+        boxTextLine(width, `${theme.fg("muted", "next:")} add branch TODOs with /todos`),
+        sidebarRule(width, "MODEL / CTX"),
+        boxTextLine(width, `${theme.fg("muted", "model:")} ${modelStatusLabel(snapshot)}`),
+        boxTextLine(width, `${theme.fg("muted", "think:")} ${snapshot.thinkingLevel ?? "off"}`),
+        boxTextLine(width, `${theme.fg("muted", "ctx:")} ${theme.fg("success", contextStatusLabel(snapshot))}`),
+        sidebarRule(width, "RUNTIME / MCP / SKILLS"),
+        boxTextLine(width, `${theme.fg("muted", "headroom:")} ${headroomLabel}`),
+        boxTextLine(width, `${theme.fg("muted", "omk:")} DAG:omk-parallel-orchestrator`),
+        boxTextLine(width, `${theme.fg("muted", "res:")} MCP:${mcpCount} skills:${skillCount}`),
+        sidebarRule(width, "CONTROL"),
+        boxTextLine(width, `${theme.fg("muted", "route:")} ${theme.fg("success", "armed")}`),
+        boxTextLine(width, `${theme.fg("muted", "verify:")} ${theme.fg("success", "evidence gated")}`),
+        boxBottom(width),
+    ];
+}
+function renderExpanded(content, width) {
+    const lines = [divider(width, "OMK//CONTROL PANEL", "accent"), statusLine(content, width)];
+    if (width >= 32)
+        lines.push(...brandLines(width));
+    lines.push(divider(width, "SYSTEM MAP", "mdHeading"));
+    for (const instruction of content.expandedInstructions().split("\n"))
+        lines.push(textLine(width, instruction));
+    lines.push(divider(width, "STARTUP LINK", "success"));
+    for (const onboardingLine of content.onboarding().split("\n"))
+        lines.push(textLine(width, onboardingLine, "dim"));
+    lines.push(divider(width, "END", "borderMuted"));
+    return lines;
+}
+function statusSnapshot(content) {
+    return content.statusSnapshot?.() ?? {};
+}
+function modelStatusLabel(snapshot) {
+    if (!snapshot.modelId)
+        return "no-model";
+    return snapshot.modelProvider ? `${snapshot.modelProvider}/${snapshot.modelId}` : snapshot.modelId;
+}
+function contextStatusLabel(snapshot) {
+    const windowTokens = snapshot.contextWindowTokens ?? 0;
+    const windowLabel = windowTokens > 0 ? formatTokens(windowTokens) : "?";
+    return snapshot.contextPercent === null || snapshot.contextPercent === undefined
+        ? `?/${windowLabel}`
+        : `${snapshot.contextPercent.toFixed(1)}%/${windowLabel}`;
+}
+function formatTokens(count) {
+    if (count < 1000)
+        return count.toString();
+    if (count < 10000)
+        return `${(count / 1000).toFixed(1)}k`;
+    if (count < 1000000)
+        return `${Math.round(count / 1000)}k`;
+    if (count < 10000000)
+        return `${(count / 1000000).toFixed(1)}M`;
+    return `${Math.round(count / 1000000)}M`;
+}
+function sidebarTabs(width) {
+    return boxTextLine(width, fitLine(`${theme.bold(theme.fg("accent", "1:CONTROL"))}    ${theme.fg("muted", "2:HISTORY")}`, Math.max(0, width - 4)));
+}
+function controlStripLine(content, width) {
+    return centerLine(width, `${theme.bold(theme.fg("accent", "OMK//CONTROL READ"))} ${theme.fg("accent", "route/verify/loop/control")} · ${content.compactInstructions()}`);
+}
+function brandLines(width) {
+    const leftWidth = Math.max(...ASCII.map((line) => visibleWidth(line)));
+    const minWideWidth = visibleWidth("| ") + leftWidth + visibleWidth(" | ") + META_WIDTH;
+    if (width < minWideWidth)
+        return ASCII.map((line) => textLine(width, theme.fg("accent", line)));
+    return ASCII.map((line, index) => textLine(width, `${theme.fg("accent", line.padEnd(leftWidth))}${theme.fg("borderMuted", " | ")}${metadataLines()[index] ?? ""}`));
+}
+function metadataLines() {
+    const rawThemeName = theme.name ?? "live";
+    const themeName = (rawThemeName.startsWith("omk-") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();
+    return [
+        `${theme.fg("mdCode", "PANEL")} ${theme.fg("success", "ONLINE")}`,
+        `${theme.fg("mdCode", "THEME")} ${theme.fg("accent", themeName)}`,
+        `${theme.fg("mdCode", "STARTUP")} ${theme.fg("warning", "ARMED")}`,
+        `${theme.fg("mdCode", "LINK")} ${theme.fg("success", "READY")}`,
+    ];
+}
+function statusLine(content, width) {
+    const segments = [
+        theme.bold(theme.fg("accent", `${content.appName.toUpperCase()} v${content.version}`)),
+        theme.fg("success", "CORE:READY"),
+        theme.fg("mdCode", "ANSI:ON"),
+        theme.fg("warning", "ASCII:ARMED"),
+        theme.fg("muted", "THEME:LIVE"),
+    ];
+    return textLine(width, segments.join(theme.fg("borderMuted", " | ")));
+}
+//# sourceMappingURL=control-panel-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-layout.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { visibleWidth } from \"omk-tui\";\nimport { getHeadroomRuntimeStatus } from \"../../../core/context-budget-headroom.ts\";\nimport { loadMcpInventory } from \"../../../core/mcp-inventory.ts\";\nimport { type ThemeColor, theme } from \"../theme/theme.ts\";\nimport {\n\tboxBlankLine,\n\tboxBottom,\n\tboxCenteredLine,\n\tboxTextLine,\n\tboxTop,\n\tcenterLine,\n\tcomposeColumns,\n\tdivider,\n\tfitLine,\n\tsidebarRule,\n\ttextLine,\n} from \"./control-panel-box.ts\";\n\nconst ASCII = [\n\t\"   ____   __  __  __ __\",\n\t\"  / __ \\\\ /  |/ / / //_/\",\n\t\" / /_/ // /|_/ / / ,<   \",\n\t\" \\\\____//_/  /_/ /_/|_|  \",\n];\nconst META_WIDTH = 31;\nconst DECK_MIN_WIDTH = 112;\nconst SIDEBAR_WIDTH = 38;\nconst GAP_WIDTH = 2;\n\nexport interface ControlPanelContent {\n\tappName: string;\n\tversion: string;\n\tcompactInstructions: () => string;\n\texpandedInstructions: () => string;\n\tcompactOnboarding: () => string;\n\tonboarding: () => string;\n\tstatusSnapshot?: () => ControlPanelStatusSnapshot;\n}\n\nexport interface ControlPanelStatusSnapshot {\n\treadonly modelId?: string;\n\treadonly modelProvider?: string;\n\treadonly thinkingLevel?: string;\n\treadonly contextPercent?: number | null;\n\treadonly contextWindowTokens?: number;\n\treadonly contextTokens?: number | null;\n\treadonly headroomStatus?: string;\n\treadonly optimizerPolicy?: string;\n\treadonly skillCount?: number;\n\treadonly mcpCount?: number;\n}\n\nexport function renderControlPanelLayout(content: ControlPanelContent, expanded: boolean, width: number): string[] {\n\tif (width <= 0) return [];\n\treturn expanded ? renderExpanded(content, width) : renderCompact(content, width);\n}\n\nfunction renderCompact(content: ControlPanelContent, width: number): string[] {\n\tif (width >= DECK_MIN_WIDTH) {\n\t\tconst deck = renderDeck(content, width);\n\t\tif (deck.length > 0) return deck;\n\t}\n\treturn [\n\t\tdivider(width, \"OMK//CONTROL PANEL\", \"accent\"),\n\t\tstatusLine(content, width),\n\t\ttextLine(width, content.compactInstructions()),\n\t\ttextLine(width, content.compactOnboarding(), \"dim\"),\n\t];\n}\n\nfunction renderDeck(content: ControlPanelContent, width: number): string[] {\n\tconst sidebarWidth = Math.min(SIDEBAR_WIDTH, Math.max(34, Math.floor(width * 0.28)));\n\tconst leftWidth = width - GAP_WIDTH - sidebarWidth;\n\tif (leftWidth < 72) return [];\n\tconst lines = composeColumns(\n\t\theroPanel(content, leftWidth),\n\t\tleftWidth,\n\t\tsidebarPanel(content, sidebarWidth),\n\t\tsidebarWidth,\n\t\tGAP_WIDTH,\n\t\twidth,\n\t);\n\tlines.push(controlStripLine(content, width));\n\tlines.push(centerLine(width, content.compactOnboarding(), \"dim\"));\n\treturn lines;\n}\n\nfunction heroPanel(content: ControlPanelContent, width: number): string[] {\n\tconst rawThemeName = theme.name ?? \"live\";\n\tconst themeName = (rawThemeName.startsWith(\"omk-\") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();\n\tconst modelLabel = modelStatusLabel(statusSnapshot(content));\n\treturn [\n\t\tboxTop(width, `omk v${content.version} · OMK//CONTROL`),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"accent\", \"OMK\"))),\n\t\tboxCenteredLine(width, theme.fg(\"muted\", \"route · verify · loop · control\")),\n\t\tboxBlankLine(width),\n\t\t...ASCII.map((line, index) => {\n\t\t\tconst color: ThemeColor =\n\t\t\t\tindex === 0 ? \"accent\" : index === 1 ? \"warning\" : index === 2 ? \"success\" : \"mdCode\";\n\t\t\treturn boxCenteredLine(width, theme.fg(color, line));\n\t\t}),\n\t\tboxBlankLine(width),\n\t\tboxCenteredLine(width, `${theme.fg(\"warning\", \"*\")} ${theme.bold(\"OMK\")}  / ${theme.fg(\"success\", modelLabel)}`),\n\t\tboxCenteredLine(\n\t\t\twidth,\n\t\t\t`${theme.fg(\"mdCode\", \"<>\")} omk-control · ${theme.fg(\"accent\", \"route\")} · ${theme.fg(\"warning\", \"verify\")} · ${theme.fg(\"success\", \"loop\")} · ${theme.fg(\"mdCode\", themeName)}`,\n\t\t),\n\t\tboxBottom(width),\n\t];\n}\n\nfunction sidebarPanel(content: ControlPanelContent, width: number): string[] {\n\tconst snapshot = statusSnapshot(content);\n\tconst headroomLabel = snapshot.headroomStatus ?? snapshot.optimizerPolicy ?? getHeadroomRuntimeStatus().policyId;\n\tconst mcpCount = snapshot.mcpCount ?? loadMcpInventory().entries.length;\n\tconst skillCount = snapshot.skillCount ?? 0;\n\treturn [\n\t\tsidebarTabs(width),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"accent\", \"OMK://CONTROL\"))),\n\t\tboxCenteredLine(width, theme.bold(theme.fg(\"warning\", \"CYBERPUNK OPS CORE\"))),\n\t\tboxCenteredLine(width, `${theme.fg(\"accent\", \"MATRIX RAIN\")} // ${theme.fg(\"success\", \"NEON GRID ONLINE\")}`),\n\t\tboxCenteredLine(width, theme.fg(\"mdCode\", \"NIGHT-CITY-MATRIX-V3\")),\n\t\tsidebarRule(width, \"STATUS\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"state:\")} ${theme.fg(\"success\", \"* ready\")}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"route:\")} route · evidence · loop · control`),\n\t\tsidebarRule(width, \"TODO\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"next:\")} add branch TODOs with /todos`),\n\t\tsidebarRule(width, \"MODEL / CTX\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"model:\")} ${modelStatusLabel(snapshot)}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"think:\")} ${snapshot.thinkingLevel ?? \"off\"}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"ctx:\")} ${theme.fg(\"success\", contextStatusLabel(snapshot))}`),\n\t\tsidebarRule(width, \"RUNTIME / MCP / SKILLS\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"headroom:\")} ${headroomLabel}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"omk:\")} DAG:omk-parallel-orchestrator`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"res:\")} MCP:${mcpCount} skills:${skillCount}`),\n\t\tsidebarRule(width, \"CONTROL\"),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"route:\")} ${theme.fg(\"success\", \"armed\")}`),\n\t\tboxTextLine(width, `${theme.fg(\"muted\", \"verify:\")} ${theme.fg(\"success\", \"evidence gated\")}`),\n\t\tboxBottom(width),\n\t];\n}\n\nfunction renderExpanded(content: ControlPanelContent, width: number): string[] {\n\tconst lines = [divider(width, \"OMK//CONTROL PANEL\", \"accent\"), statusLine(content, width)];\n\tif (width >= 32) lines.push(...brandLines(width));\n\tlines.push(divider(width, \"SYSTEM MAP\", \"mdHeading\"));\n\tfor (const instruction of content.expandedInstructions().split(\"\\n\")) lines.push(textLine(width, instruction));\n\tlines.push(divider(width, \"STARTUP LINK\", \"success\"));\n\tfor (const onboardingLine of content.onboarding().split(\"\\n\")) lines.push(textLine(width, onboardingLine, \"dim\"));\n\tlines.push(divider(width, \"END\", \"borderMuted\"));\n\treturn lines;\n}\n\nfunction statusSnapshot(content: ControlPanelContent): ControlPanelStatusSnapshot {\n\treturn content.statusSnapshot?.() ?? {};\n}\n\nfunction modelStatusLabel(snapshot: ControlPanelStatusSnapshot): string {\n\tif (!snapshot.modelId) return \"no-model\";\n\treturn snapshot.modelProvider ? `${snapshot.modelProvider}/${snapshot.modelId}` : snapshot.modelId;\n}\n\nfunction contextStatusLabel(snapshot: ControlPanelStatusSnapshot): string {\n\tconst windowTokens = snapshot.contextWindowTokens ?? 0;\n\tconst windowLabel = windowTokens > 0 ? formatTokens(windowTokens) : \"?\";\n\treturn snapshot.contextPercent === null || snapshot.contextPercent === undefined\n\t\t? `?/${windowLabel}`\n\t\t: `${snapshot.contextPercent.toFixed(1)}%/${windowLabel}`;\n}\n\nfunction formatTokens(count: number): string {\n\tif (count < 1000) return count.toString();\n\tif (count < 10000) return `${(count / 1000).toFixed(1)}k`;\n\tif (count < 1000000) return `${Math.round(count / 1000)}k`;\n\tif (count < 10000000) return `${(count / 1000000).toFixed(1)}M`;\n\treturn `${Math.round(count / 1000000)}M`;\n}\n\nfunction sidebarTabs(width: number): string {\n\treturn boxTextLine(\n\t\twidth,\n\t\tfitLine(\n\t\t\t`${theme.bold(theme.fg(\"accent\", \"1:CONTROL\"))}    ${theme.fg(\"muted\", \"2:HISTORY\")}`,\n\t\t\tMath.max(0, width - 4),\n\t\t),\n\t);\n}\n\nfunction controlStripLine(content: ControlPanelContent, width: number): string {\n\treturn centerLine(\n\t\twidth,\n\t\t`${theme.bold(theme.fg(\"accent\", \"OMK//CONTROL READ\"))} ${theme.fg(\"accent\", \"route/verify/loop/control\")} · ${content.compactInstructions()}`,\n\t);\n}\n\nfunction brandLines(width: number): string[] {\n\tconst leftWidth = Math.max(...ASCII.map((line) => visibleWidth(line)));\n\tconst minWideWidth = visibleWidth(\"| \") + leftWidth + visibleWidth(\" | \") + META_WIDTH;\n\tif (width < minWideWidth) return ASCII.map((line) => textLine(width, theme.fg(\"accent\", line)));\n\treturn ASCII.map((line, index) =>\n\t\ttextLine(\n\t\t\twidth,\n\t\t\t`${theme.fg(\"accent\", line.padEnd(leftWidth))}${theme.fg(\"borderMuted\", \" | \")}${metadataLines()[index] ?? \"\"}`,\n\t\t),\n\t);\n}\n\nfunction metadataLines(): string[] {\n\tconst rawThemeName = theme.name ?? \"live\";\n\tconst themeName = (rawThemeName.startsWith(\"omk-\") ? rawThemeName.slice(4) : rawThemeName).toUpperCase();\n\treturn [\n\t\t`${theme.fg(\"mdCode\", \"PANEL\")} ${theme.fg(\"success\", \"ONLINE\")}`,\n\t\t`${theme.fg(\"mdCode\", \"THEME\")} ${theme.fg(\"accent\", themeName)}`,\n\t\t`${theme.fg(\"mdCode\", \"STARTUP\")} ${theme.fg(\"warning\", \"ARMED\")}`,\n\t\t`${theme.fg(\"mdCode\", \"LINK\")} ${theme.fg(\"success\", \"READY\")}`,\n\t];\n}\n\nfunction statusLine(content: ControlPanelContent, width: number): string {\n\tconst segments = [\n\t\ttheme.bold(theme.fg(\"accent\", `${content.appName.toUpperCase()} v${content.version}`)),\n\t\ttheme.fg(\"success\", \"CORE:READY\"),\n\t\ttheme.fg(\"mdCode\", \"ANSI:ON\"),\n\t\ttheme.fg(\"warning\", \"ASCII:ARMED\"),\n\t\ttheme.fg(\"muted\", \"THEME:LIVE\"),\n\t];\n\treturn textLine(width, segments.join(theme.fg(\"borderMuted\", \" | \")));\n}\n"]}

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

@@ -0,0 +1,5 @@
+import type { AgentSession } from "../../../core/agent-session.ts";
+import type { SessionManager } from "../../../core/session-manager.ts";
+import type { ControlPanelStatusSnapshot } from "./control-panel-layout.ts";
+export declare function createControlPanelStatusSnapshot(session: AgentSession, sessionManager: SessionManager): ControlPanelStatusSnapshot;
+//# sourceMappingURL=control-panel-runtime-status.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-runtime-status.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel-runtime-status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,wBAAgB,gCAAgC,CAC/C,OAAO,EAAE,YAAY,EACrB,cAAc,EAAE,cAAc,GAC5B,0BAA0B,CAgB5B","sourcesContent":["import type { AgentSession } from \"../../../core/agent-session.ts\";\nimport { getHeadroomRuntimeStatus } from \"../../../core/context-budget-headroom.ts\";\nimport { loadMcpInventory } from \"../../../core/mcp-inventory.ts\";\nimport type { SessionManager } from \"../../../core/session-manager.ts\";\nimport type { ControlPanelStatusSnapshot } from \"./control-panel-layout.ts\";\n\nexport function createControlPanelStatusSnapshot(\n\tsession: AgentSession,\n\tsessionManager: SessionManager,\n): ControlPanelStatusSnapshot {\n\tconst contextUsage = session.getContextUsage();\n\tconst contextWindow = contextUsage?.contextWindow ?? session.state.model?.contextWindow ?? 0;\n\tconst headroom = getHeadroomRuntimeStatus();\n\treturn {\n\t\tmodelId: session.state.model?.id,\n\t\tmodelProvider: session.state.model?.provider,\n\t\tthinkingLevel: session.state.thinkingLevel ?? \"off\",\n\t\tcontextPercent: contextUsage?.percent ?? null,\n\t\tcontextWindowTokens: contextWindow,\n\t\tcontextTokens: contextUsage?.tokens ?? null,\n\t\theadroomStatus: headroom.policyId,\n\t\toptimizerPolicy: headroom.selector,\n\t\tmcpCount: loadMcpInventory(sessionManager.getCwd()).entries.length,\n\t\tskillCount: session.resourceLoader.getSkills().skills.length,\n\t};\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { getHeadroomRuntimeStatus } from "../../../core/context-budget-headroom.js";
+import { loadMcpInventory } from "../../../core/mcp-inventory.js";
+export function createControlPanelStatusSnapshot(session, sessionManager) {
+    const contextUsage = session.getContextUsage();
+    const contextWindow = contextUsage?.contextWindow ?? session.state.model?.contextWindow ?? 0;
+    const headroom = getHeadroomRuntimeStatus();
+    return {
+        modelId: session.state.model?.id,
+        modelProvider: session.state.model?.provider,
+        thinkingLevel: session.state.thinkingLevel ?? "off",
+        contextPercent: contextUsage?.percent ?? null,
+        contextWindowTokens: contextWindow,
+        contextTokens: contextUsage?.tokens ?? null,
+        headroomStatus: headroom.policyId,
+        optimizerPolicy: headroom.selector,
+        mcpCount: loadMcpInventory(sessionManager.getCwd()).entries.length,
+        skillCount: session.resourceLoader.getSkills().skills.length,
+    };
+}
+//# sourceMappingURL=control-panel-runtime-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-runtime-status.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/control-panel-runtime-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAIlE,MAAM,UAAU,gCAAgC,CAC/C,OAAqB,EACrB,cAA8B,EACD;IAC7B,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,YAAY,EAAE,aAAa,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,IAAI,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,wBAAwB,EAAE,CAAC;IAC5C,OAAO;QACN,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE;QAChC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ;QAC5C,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK;QACnD,cAAc,EAAE,YAAY,EAAE,OAAO,IAAI,IAAI;QAC7C,mBAAmB,EAAE,aAAa;QAClC,aAAa,EAAE,YAAY,EAAE,MAAM,IAAI,IAAI;QAC3C,cAAc,EAAE,QAAQ,CAAC,QAAQ;QACjC,eAAe,EAAE,QAAQ,CAAC,QAAQ;QAClC,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM;QAClE,UAAU,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,MAAM;KAC5D,CAAC;AAAA,CACF","sourcesContent":["import type { AgentSession } from \"../../../core/agent-session.ts\";\nimport { getHeadroomRuntimeStatus } from \"../../../core/context-budget-headroom.ts\";\nimport { loadMcpInventory } from \"../../../core/mcp-inventory.ts\";\nimport type { SessionManager } from \"../../../core/session-manager.ts\";\nimport type { ControlPanelStatusSnapshot } from \"./control-panel-layout.ts\";\n\nexport function createControlPanelStatusSnapshot(\n\tsession: AgentSession,\n\tsessionManager: SessionManager,\n): ControlPanelStatusSnapshot {\n\tconst contextUsage = session.getContextUsage();\n\tconst contextWindow = contextUsage?.contextWindow ?? session.state.model?.contextWindow ?? 0;\n\tconst headroom = getHeadroomRuntimeStatus();\n\treturn {\n\t\tmodelId: session.state.model?.id,\n\t\tmodelProvider: session.state.model?.provider,\n\t\tthinkingLevel: session.state.thinkingLevel ?? \"off\",\n\t\tcontextPercent: contextUsage?.percent ?? null,\n\t\tcontextWindowTokens: contextWindow,\n\t\tcontextTokens: contextUsage?.tokens ?? null,\n\t\theadroomStatus: headroom.policyId,\n\t\toptimizerPolicy: headroom.selector,\n\t\tmcpCount: loadMcpInventory(sessionManager.getCwd()).entries.length,\n\t\tskillCount: session.resourceLoader.getSkills().skills.length,\n\t};\n}\n"]}

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

@@ -1,29 +1,33 @@
-import { type Component } from "@earendil-works/omk-tui";
-export interface ControlPanelContent {
-    appName: string;
-    version: string;
-    compactInstructions: () => string;
-    expandedInstructions: () => string;
-    compactOnboarding: () => string;
-    onboarding: () => string;
+import type { Component } from "omk-tui";
+import { type ControlPanelContent } from "./control-panel-layout.ts";
+export type { ControlPanelContent, ControlPanelStatusSnapshot } from "./control-panel-layout.ts";
+export interface ControlPanelMotionOptions {
+    requestRender: () => void;
+    isTTY: () => boolean;
+    isReducedMotion: () => boolean;
+    isIdleDriftEnabled: () => boolean;
+    isHeaderVisibleHint: () => boolean;
+    getRenderWidth?: () => number;
+    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.
- */
 export declare class ControlPanelComponent implements Component {
     private expanded;
     private readonly content;
-    constructor(content: ControlPanelContent);
+    private readonly motionOptions;
+    private motionPhase;
+    private motionStartMs;
+    private motionTimerId;
+    private lastRenderWidth;
+    constructor(content: ControlPanelContent, motionOptions?: ControlPanelMotionOptions);
     setExpanded(expanded: boolean): void;
     invalidate(): void;
+    dispose(): void;
+    stopMotion(): void;
     render(width: number): string[];
-    private renderCompact;
-    private renderExpanded;
-    private statusLine;
-    private divider;
-    private textLine;
-    private clipLine;
+    private currentMotionWidth;
+    private startMotion;
+    private tick;
+    private stopMotionToStatic;
+    private canAnimate;
 }
 //# 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,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,EAAE,KAAK,mBAAmB,EAA4B,MAAM,2BAA2B,CAAC;AAE/F,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEjG,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,cAAc,CAAC,EAAE,MAAM,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,MAAM,CAAC;CACnB;AAID,qBAAa,qBAAsB,YAAW,SAAS;IACtD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsB;IAC9C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAwC;IACtE,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,eAAe,CAAK;IAE5B,YAAY,OAAO,EAAE,mBAAmB,EAAE,aAAa,CAAC,EAAE,yBAAyB,EAGlF;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAQnC;IAED,UAAU,IAAI,IAAI,CAAG;IAErB,OAAO,IAAI,IAAI,CAOd;IAED,UAAU,IAAI,IAAI,CAMjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAG9B;IAED,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,IAAI;IAuBZ,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,UAAU;CAgBlB","sourcesContent":["import type { Component } from \"omk-tui\";\nimport { theme } from \"../theme/theme.ts\";\nimport { MIN_BANNER_WIDTH } from \"./control-panel-gradient.ts\";\nimport { IDLE_MS, INTRO_MS, shouldAnimate } from \"./control-panel-gradient-motion.ts\";\nimport { type ControlPanelContent, renderControlPanelLayout } from \"./control-panel-layout.ts\";\n\nexport type { ControlPanelContent, ControlPanelStatusSnapshot } from \"./control-panel-layout.ts\";\n\nexport interface ControlPanelMotionOptions {\n\trequestRender: () => void;\n\tisTTY: () => boolean;\n\tisReducedMotion: () => boolean;\n\tisIdleDriftEnabled: () => boolean;\n\tisHeaderVisibleHint: () => boolean;\n\tgetRenderWidth?: () => number;\n\tnow?: () => number;\n}\n\ntype BannerMotionPhase = \"intro\" | \"idle\" | \"static\";\n\nexport class ControlPanelComponent implements Component {\n\tprivate expanded = false;\n\tprivate readonly content: ControlPanelContent;\n\tprivate readonly motionOptions: ControlPanelMotionOptions | undefined;\n\tprivate motionPhase: BannerMotionPhase = \"static\";\n\tprivate motionStartMs = 0;\n\tprivate motionTimerId: ReturnType<typeof setInterval> | undefined;\n\tprivate lastRenderWidth = 0;\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\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\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\trender(width: number): string[] {\n\t\tthis.lastRenderWidth = width;\n\t\treturn renderControlPanelLayout(this.content, this.expanded, width);\n\t}\n\n\tprivate currentMotionWidth(): number {\n\t\tconst width = this.motionOptions?.getRenderWidth?.() ?? this.lastRenderWidth;\n\t\treturn width > 0 ? width : MIN_BANNER_WIDTH;\n\t}\n\n\tprivate startMotion(): void {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts || this.motionTimerId !== undefined || !this.canAnimate(\"intro\")) return;\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 || !this.canAnimate(this.motionPhase === \"idle\" ? \"idle\" : \"intro\")) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\n\n\t\tconst now = (opts.now ?? Date.now)();\n\t\tif (this.motionPhase === \"intro\" && now - this.motionStartMs >= INTRO_MS) {\n\t\t\tif (!opts.isIdleDriftEnabled()) {\n\t\t\t\tthis.stopMotionToStatic();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.motionPhase = \"idle\";\n\t\t\tthis.motionStartMs = now;\n\t\t}\n\t\tif (this.motionPhase === \"idle\" && now - this.motionStartMs >= IDLE_MS) {\n\t\t\tthis.stopMotionToStatic();\n\t\t\treturn;\n\t\t}\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\tprivate canAnimate(phase: \"intro\" | \"idle\"): boolean {\n\t\tconst opts = this.motionOptions;\n\t\tif (!opts) return false;\n\t\treturn shouldAnimate({\n\t\t\tphase,\n\t\t\tisTTY: opts.isTTY(),\n\t\t\tnoColor: process.env.NO_COLOR !== undefined,\n\t\t\tcolorMode: theme.getColorMode(),\n\t\t\texpanded: this.expanded,\n\t\t\twidth: this.currentMotionWidth(),\n\t\t\treducedMotion: opts.isReducedMotion(),\n\t\t\tbusy: false,\n\t\t\theaderVisibleHint: opts.isHeaderVisibleHint(),\n\t\t\tidleDriftEnabled: opts.isIdleDriftEnabled(),\n\t\t});\n\t}\n}\n"]}