open-multi-agent-kit 0.80.7 → 0.80.8

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,15 @@
-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.
- *
- * 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;
@@ -31,26 +17,17 @@ export declare class ControlPanelComponent implements Component {
     private motionPhase;
     private motionStartMs;
     private motionTimerId;
+    private lastRenderWidth;
     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;
+    render(width: number): string[];
+    private currentMotionWidth;
     private startMotion;
     private tick;
     private stopMotionToStatic;
-    render(width: number): string[];
-    private renderCompact;
-    private renderExpanded;
-    private statusLine;
-    private divider;
-    private textLine;
-    private clipLine;
-    private composeBannerByPhase;
+    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;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"]}
+{"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"]}