open-multi-agent-kit 0.78.8 → 0.79.1

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

@@ -0,0 +1,34 @@
+import { type Component, Container } from "@earendil-works/omk-tui";
+export type OmkControlPanelMode = "pin" | "hide" | "compact" | "wide";
+export interface OmkControlLayoutOptions {
+    dashboardWidth: number;
+    minWidth: number;
+    gutterWidth?: number;
+    onActiveChange?: (active: boolean) => void;
+}
+export interface OmkControlLayoutMetrics {
+    separator: string;
+    separatorWidth: number;
+    gutterWidth: number;
+    railWidth: number;
+    mainWidth: number;
+    useSplit: boolean;
+}
+export declare class OmkControlLayout extends Container {
+    private dashboard;
+    private dashboardWidth;
+    private minWidth;
+    private gutterWidth;
+    private onActiveChange;
+    private active;
+    private panelMode;
+    constructor(dashboard: Component, options: OmkControlLayoutOptions);
+    setDashboard(dashboard: Component): void;
+    getPanelMode(): OmkControlPanelMode;
+    setPanelMode(mode: OmkControlPanelMode): void;
+    render(width: number, height?: number): string[];
+    getMainWidth(width: number): number;
+    getLayoutMetrics(width: number): OmkControlLayoutMetrics;
+    private setActive;
+}
+//# sourceMappingURL=omk-control-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"omk-control-layout.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-control-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AAGnG,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AAQD,MAAM,WAAW,uBAAuB;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,gBAAiB,SAAQ,SAAS;IAC9C,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,cAAc,CAA0C;IAChE,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,SAAS,CAA8B;IAE/C,YAAY,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,uBAAuB,EAOjE;IAED,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAGvC;IAED,YAAY,IAAI,mBAAmB,CAElC;IAED,YAAY,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAG5C;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CA+B/C;IAED,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGlC;IAED,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,uBAAuB,CAUvD;IAED,OAAO,CAAC,SAAS;CAKjB","sourcesContent":["import { type Component, Container, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { theme } from \"../theme/theme.ts\";\n\nexport type OmkControlPanelMode = \"pin\" | \"hide\" | \"compact\" | \"wide\";\n\nexport interface OmkControlLayoutOptions {\n\tdashboardWidth: number;\n\tminWidth: number;\n\tgutterWidth?: number;\n\tonActiveChange?: (active: boolean) => void;\n}\n\nfunction fitPaneLine(line: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(line) > width ? truncateToWidth(line, width, \"\") : line;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport interface OmkControlLayoutMetrics {\n\tseparator: string;\n\tseparatorWidth: number;\n\tgutterWidth: number;\n\trailWidth: number;\n\tmainWidth: number;\n\tuseSplit: boolean;\n}\n\nexport class OmkControlLayout extends Container {\n\tprivate dashboard: Component;\n\tprivate dashboardWidth: number;\n\tprivate minWidth: number;\n\tprivate gutterWidth: number;\n\tprivate onActiveChange: ((active: boolean) => void) | undefined;\n\tprivate active: boolean | undefined;\n\tprivate panelMode: OmkControlPanelMode = \"pin\";\n\n\tconstructor(dashboard: Component, options: OmkControlLayoutOptions) {\n\t\tsuper();\n\t\tthis.dashboard = dashboard;\n\t\tthis.dashboardWidth = options.dashboardWidth;\n\t\tthis.minWidth = options.minWidth;\n\t\tthis.gutterWidth = Math.max(0, options.gutterWidth ?? 1);\n\t\tthis.onActiveChange = options.onActiveChange;\n\t}\n\n\tsetDashboard(dashboard: Component): void {\n\t\tthis.dashboard = dashboard;\n\t\tthis.invalidate();\n\t}\n\n\tgetPanelMode(): OmkControlPanelMode {\n\t\treturn this.panelMode;\n\t}\n\n\tsetPanelMode(mode: OmkControlPanelMode): void {\n\t\tthis.panelMode = mode;\n\t\tthis.invalidate();\n\t}\n\n\trender(width: number, height?: number): string[] {\n\t\tconst layout = this.getLayoutMetrics(width);\n\t\tthis.setActive(layout.useSplit);\n\n\t\tif (!layout.useSplit) {\n\t\t\treturn super.render(width, height);\n\t\t}\n\n\t\tconst mainLines: string[] = [];\n\t\tfor (const child of this.children) {\n\t\t\tmainLines.push(...child.render(layout.mainWidth, height));\n\t\t}\n\n\t\tconst visibleHeight = height !== undefined ? Math.max(1, height) : undefined;\n\t\tconst dashboardLines = this.dashboard.render(layout.railWidth, visibleHeight);\n\t\tconst dashboardLineCount =\n\t\t\tvisibleHeight === undefined ? dashboardLines.length : Math.min(dashboardLines.length, visibleHeight);\n\t\tconst lineCount = Math.max(mainLines.length, dashboardLineCount);\n\t\tconst viewportTop = visibleHeight === undefined ? 0 : Math.max(0, lineCount - visibleHeight);\n\t\tconst result: string[] = [];\n\t\tfor (let i = 0; i < lineCount; i++) {\n\t\t\tconst mainLine = fitPaneLine(mainLines[i] ?? \"\", layout.mainWidth);\n\t\t\tconst dashboardIndex = visibleHeight === undefined ? i : i - viewportTop;\n\t\t\tconst dashboardSource =\n\t\t\t\tdashboardIndex >= 0 && (visibleHeight === undefined || dashboardIndex < visibleHeight)\n\t\t\t\t\t? (dashboardLines[dashboardIndex] ?? \"\")\n\t\t\t\t\t: \"\";\n\t\t\tconst dashboardLine = fitPaneLine(dashboardSource, layout.railWidth);\n\t\t\tresult.push(mainLine + \" \".repeat(layout.gutterWidth) + layout.separator + dashboardLine);\n\t\t}\n\t\treturn result;\n\t}\n\n\tgetMainWidth(width: number): number {\n\t\tconst layout = this.getLayoutMetrics(width);\n\t\treturn layout.useSplit ? layout.mainWidth : width;\n\t}\n\n\tgetLayoutMetrics(width: number): OmkControlLayoutMetrics {\n\t\tconst separator = theme.fg(\"borderMuted\", \"│\");\n\t\tconst separatorWidth = visibleWidth(separator);\n\t\tconst gutterWidth = this.gutterWidth;\n\t\tconst maxRailWidth = this.panelMode === \"compact\" ? 34 : this.dashboardWidth;\n\t\tconst minRailWidth = this.panelMode === \"compact\" ? 30 : Math.max(30, Math.floor(width * 0.24));\n\t\tconst railWidth = Math.min(maxRailWidth, Math.max(minRailWidth, Math.floor(width * 0.38)));\n\t\tconst mainWidth = width - railWidth - separatorWidth - gutterWidth;\n\t\tconst useSplit = this.panelMode !== \"hide\" && width >= this.minWidth && mainWidth >= 40;\n\t\treturn { separator, separatorWidth, gutterWidth, railWidth, mainWidth, useSplit };\n\t}\n\n\tprivate setActive(active: boolean): void {\n\t\tif (this.active === active) return;\n\t\tthis.active = active;\n\t\tthis.onActiveChange?.(active);\n\t}\n}\n"]}

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

@@ -0,0 +1,85 @@
+import { Container, truncateToWidth, visibleWidth } from "@earendil-works/omk-tui";
+import { theme } from "../theme/theme.js";
+function fitPaneLine(line, width) {
+    if (width <= 0)
+        return "";
+    const clipped = visibleWidth(line) > width ? truncateToWidth(line, width, "") : line;
+    return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
+}
+export class OmkControlLayout extends Container {
+    dashboard;
+    dashboardWidth;
+    minWidth;
+    gutterWidth;
+    onActiveChange;
+    active;
+    panelMode = "pin";
+    constructor(dashboard, options) {
+        super();
+        this.dashboard = dashboard;
+        this.dashboardWidth = options.dashboardWidth;
+        this.minWidth = options.minWidth;
+        this.gutterWidth = Math.max(0, options.gutterWidth ?? 1);
+        this.onActiveChange = options.onActiveChange;
+    }
+    setDashboard(dashboard) {
+        this.dashboard = dashboard;
+        this.invalidate();
+    }
+    getPanelMode() {
+        return this.panelMode;
+    }
+    setPanelMode(mode) {
+        this.panelMode = mode;
+        this.invalidate();
+    }
+    render(width, height) {
+        const layout = this.getLayoutMetrics(width);
+        this.setActive(layout.useSplit);
+        if (!layout.useSplit) {
+            return super.render(width, height);
+        }
+        const mainLines = [];
+        for (const child of this.children) {
+            mainLines.push(...child.render(layout.mainWidth, height));
+        }
+        const visibleHeight = height !== undefined ? Math.max(1, height) : undefined;
+        const dashboardLines = this.dashboard.render(layout.railWidth, visibleHeight);
+        const dashboardLineCount = visibleHeight === undefined ? dashboardLines.length : Math.min(dashboardLines.length, visibleHeight);
+        const lineCount = Math.max(mainLines.length, dashboardLineCount);
+        const viewportTop = visibleHeight === undefined ? 0 : Math.max(0, lineCount - visibleHeight);
+        const result = [];
+        for (let i = 0; i < lineCount; i++) {
+            const mainLine = fitPaneLine(mainLines[i] ?? "", layout.mainWidth);
+            const dashboardIndex = visibleHeight === undefined ? i : i - viewportTop;
+            const dashboardSource = dashboardIndex >= 0 && (visibleHeight === undefined || dashboardIndex < visibleHeight)
+                ? (dashboardLines[dashboardIndex] ?? "")
+                : "";
+            const dashboardLine = fitPaneLine(dashboardSource, layout.railWidth);
+            result.push(mainLine + " ".repeat(layout.gutterWidth) + layout.separator + dashboardLine);
+        }
+        return result;
+    }
+    getMainWidth(width) {
+        const layout = this.getLayoutMetrics(width);
+        return layout.useSplit ? layout.mainWidth : width;
+    }
+    getLayoutMetrics(width) {
+        const separator = theme.fg("borderMuted", "│");
+        const separatorWidth = visibleWidth(separator);
+        const gutterWidth = this.gutterWidth;
+        const maxRailWidth = this.panelMode === "compact" ? 34 : this.dashboardWidth;
+        const minRailWidth = this.panelMode === "compact" ? 30 : Math.max(30, Math.floor(width * 0.24));
+        const railWidth = Math.min(maxRailWidth, Math.max(minRailWidth, Math.floor(width * 0.38)));
+        const mainWidth = width - railWidth - separatorWidth - gutterWidth;
+        const useSplit = this.panelMode !== "hide" && width >= this.minWidth && mainWidth >= 40;
+        return { separator, separatorWidth, gutterWidth, railWidth, mainWidth, useSplit };
+    }
+    setActive(active) {
+        if (this.active === active)
+            return;
+        this.active = active;
+        this.onActiveChange?.(active);
+    }
+}
+//# sourceMappingURL=omk-control-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"omk-control-layout.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-control-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Component, Container, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport { theme } from \"../theme/theme.ts\";\n\nexport type OmkControlPanelMode = \"pin\" | \"hide\" | \"compact\" | \"wide\";\n\nexport interface OmkControlLayoutOptions {\n\tdashboardWidth: number;\n\tminWidth: number;\n\tgutterWidth?: number;\n\tonActiveChange?: (active: boolean) => void;\n}\n\nfunction fitPaneLine(line: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(line) > width ? truncateToWidth(line, width, \"\") : line;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport interface OmkControlLayoutMetrics {\n\tseparator: string;\n\tseparatorWidth: number;\n\tgutterWidth: number;\n\trailWidth: number;\n\tmainWidth: number;\n\tuseSplit: boolean;\n}\n\nexport class OmkControlLayout extends Container {\n\tprivate dashboard: Component;\n\tprivate dashboardWidth: number;\n\tprivate minWidth: number;\n\tprivate gutterWidth: number;\n\tprivate onActiveChange: ((active: boolean) => void) | undefined;\n\tprivate active: boolean | undefined;\n\tprivate panelMode: OmkControlPanelMode = \"pin\";\n\n\tconstructor(dashboard: Component, options: OmkControlLayoutOptions) {\n\t\tsuper();\n\t\tthis.dashboard = dashboard;\n\t\tthis.dashboardWidth = options.dashboardWidth;\n\t\tthis.minWidth = options.minWidth;\n\t\tthis.gutterWidth = Math.max(0, options.gutterWidth ?? 1);\n\t\tthis.onActiveChange = options.onActiveChange;\n\t}\n\n\tsetDashboard(dashboard: Component): void {\n\t\tthis.dashboard = dashboard;\n\t\tthis.invalidate();\n\t}\n\n\tgetPanelMode(): OmkControlPanelMode {\n\t\treturn this.panelMode;\n\t}\n\n\tsetPanelMode(mode: OmkControlPanelMode): void {\n\t\tthis.panelMode = mode;\n\t\tthis.invalidate();\n\t}\n\n\trender(width: number, height?: number): string[] {\n\t\tconst layout = this.getLayoutMetrics(width);\n\t\tthis.setActive(layout.useSplit);\n\n\t\tif (!layout.useSplit) {\n\t\t\treturn super.render(width, height);\n\t\t}\n\n\t\tconst mainLines: string[] = [];\n\t\tfor (const child of this.children) {\n\t\t\tmainLines.push(...child.render(layout.mainWidth, height));\n\t\t}\n\n\t\tconst visibleHeight = height !== undefined ? Math.max(1, height) : undefined;\n\t\tconst dashboardLines = this.dashboard.render(layout.railWidth, visibleHeight);\n\t\tconst dashboardLineCount =\n\t\t\tvisibleHeight === undefined ? dashboardLines.length : Math.min(dashboardLines.length, visibleHeight);\n\t\tconst lineCount = Math.max(mainLines.length, dashboardLineCount);\n\t\tconst viewportTop = visibleHeight === undefined ? 0 : Math.max(0, lineCount - visibleHeight);\n\t\tconst result: string[] = [];\n\t\tfor (let i = 0; i < lineCount; i++) {\n\t\t\tconst mainLine = fitPaneLine(mainLines[i] ?? \"\", layout.mainWidth);\n\t\t\tconst dashboardIndex = visibleHeight === undefined ? i : i - viewportTop;\n\t\t\tconst dashboardSource =\n\t\t\t\tdashboardIndex >= 0 && (visibleHeight === undefined || dashboardIndex < visibleHeight)\n\t\t\t\t\t? (dashboardLines[dashboardIndex] ?? \"\")\n\t\t\t\t\t: \"\";\n\t\t\tconst dashboardLine = fitPaneLine(dashboardSource, layout.railWidth);\n\t\t\tresult.push(mainLine + \" \".repeat(layout.gutterWidth) + layout.separator + dashboardLine);\n\t\t}\n\t\treturn result;\n\t}\n\n\tgetMainWidth(width: number): number {\n\t\tconst layout = this.getLayoutMetrics(width);\n\t\treturn layout.useSplit ? layout.mainWidth : width;\n\t}\n\n\tgetLayoutMetrics(width: number): OmkControlLayoutMetrics {\n\t\tconst separator = theme.fg(\"borderMuted\", \"│\");\n\t\tconst separatorWidth = visibleWidth(separator);\n\t\tconst gutterWidth = this.gutterWidth;\n\t\tconst maxRailWidth = this.panelMode === \"compact\" ? 34 : this.dashboardWidth;\n\t\tconst minRailWidth = this.panelMode === \"compact\" ? 30 : Math.max(30, Math.floor(width * 0.24));\n\t\tconst railWidth = Math.min(maxRailWidth, Math.max(minRailWidth, Math.floor(width * 0.38)));\n\t\tconst mainWidth = width - railWidth - separatorWidth - gutterWidth;\n\t\tconst useSplit = this.panelMode !== \"hide\" && width >= this.minWidth && mainWidth >= 40;\n\t\treturn { separator, separatorWidth, gutterWidth, railWidth, mainWidth, useSplit };\n\t}\n\n\tprivate setActive(active: boolean): void {\n\t\tif (this.active === active) return;\n\t\tthis.active = active;\n\t\tthis.onActiveChange?.(active);\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-history-panel.d.ts

@@ -0,0 +1,27 @@
+/**
+ * OMK History Panel — work history sidebar view.
+ *
+ * Shows recent assistant messages, tool calls, and bash executions
+ * so the operator can review what's been done without scrolling
+ * the main chat view.
+ */
+import { type Component } from "@earendil-works/omk-tui";
+import type { AgentSession } from "../../../core/agent-session.ts";
+export interface HistoryEntry {
+    type: "assistant" | "tool" | "bash" | "user";
+    timestamp: number;
+    summary: string;
+    toolName?: string;
+    status?: "ok" | "error" | "running" | "pending";
+}
+export declare class OmkHistoryPanel implements Component {
+    private entries;
+    private scrollOffset;
+    invalidate(): void;
+    /** Feed entries from session. Call before render. */
+    feedSession(session: AgentSession): void;
+    scrollUp(): void;
+    scrollDown(): void;
+    render(width: number, height?: number): string[];
+}
+//# sourceMappingURL=omk-history-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"omk-history-panel.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-history-panel.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AACxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,MAAM,WAAW,YAAY;IAC5B,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CAChD;AAgDD,qBAAa,eAAgB,YAAW,SAAS;IAChD,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,YAAY,CAAK;IAEzB,UAAU,IAAI,IAAI,CAEjB;IAED,qDAAqD;IACrD,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAsDvC;IAED,QAAQ,IAAI,IAAI,CAEf;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAgE/C;CACD","sourcesContent":["/**\n * OMK History Panel — work history sidebar view.\n *\n * Shows recent assistant messages, tool calls, and bash executions\n * so the operator can review what's been done without scrolling\n * the main chat view.\n */\n\nimport { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.ts\";\nimport { theme } from \"../theme/theme.ts\";\n\nexport interface HistoryEntry {\n\ttype: \"assistant\" | \"tool\" | \"bash\" | \"user\";\n\ttimestamp: number;\n\tsummary: string;\n\ttoolName?: string;\n\tstatus?: \"ok\" | \"error\" | \"running\" | \"pending\";\n}\n\nconst HISTORY_MIN_WIDTH = 30;\nconst MAX_ENTRIES = 25;\n\nfunction formatTimestamp(ms: number): string {\n\tconst now = Date.now();\n\tconst diff = now - ms;\n\tif (diff < 60000) return `${Math.floor(diff / 1000)}s ago`;\n\tif (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n\tif (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n\treturn new Date(ms).toLocaleDateString(\"ko-KR\", { month: \"numeric\", day: \"numeric\" });\n}\n\nfunction entryGlyph(entry: HistoryEntry): string {\n\tswitch (entry.type) {\n\t\tcase \"assistant\":\n\t\t\treturn theme.fg(\"accent\", \"◈\");\n\t\tcase \"tool\":\n\t\t\treturn theme.fg(\"warning\", \"⚙\");\n\t\tcase \"bash\":\n\t\t\treturn theme.fg(\"success\", \"▸\");\n\t\tcase \"user\":\n\t\t\treturn theme.fg(\"text\", \"›\");\n\t}\n}\n\nfunction statusGlyph(entry: HistoryEntry): string {\n\tswitch (entry.status) {\n\t\tcase \"ok\":\n\t\t\treturn theme.fg(\"success\", \" ✓\");\n\t\tcase \"error\":\n\t\t\treturn theme.fg(\"error\", \" ✕\");\n\t\tcase \"running\":\n\t\t\treturn theme.fg(\"warning\", \" ●\");\n\t\tcase \"pending\":\n\t\t\treturn theme.fg(\"dim\", \" ○\");\n\t\tdefault:\n\t\t\treturn \"\";\n\t}\n}\n\nfunction fitToWidth(text: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(text) > width ? truncateToWidth(text, width, \"\") : text;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport class OmkHistoryPanel implements Component {\n\tprivate entries: HistoryEntry[] = [];\n\tprivate scrollOffset = 0;\n\n\tinvalidate(): void {\n\t\t// Re-read entries from session on each render\n\t}\n\n\t/** Feed entries from session. Call before render. */\n\tfeedSession(session: AgentSession): void {\n\t\tthis.entries = [];\n\t\tconst sessionEntries = session.sessionManager.getEntries();\n\t\tfor (const entry of sessionEntries) {\n\t\t\tif (this.entries.length >= MAX_ENTRIES) break;\n\n\t\t\tif (entry.type === \"message\") {\n\t\t\t\tconst msg = entry.message;\n\t\t\t\tif (msg.role === \"assistant\") {\n\t\t\t\t\tconst text = typeof msg.content === \"string\" ? msg.content : \"\";\n\t\t\t\t\tconst summary = text.slice(0, 80).replace(/\\n/g, \" \").trim() || \"(thinking)\";\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"assistant\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary,\n\t\t\t\t\t\tstatus: \"ok\",\n\t\t\t\t\t});\n\t\t\t\t} else if (msg.role === \"user\") {\n\t\t\t\t\tconst text = typeof msg.content === \"string\" ? msg.content : \"\";\n\t\t\t\t\tconst summary = text.slice(0, 80).replace(/\\n/g, \" \").trim();\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"user\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary,\n\t\t\t\t\t\tstatus: \"ok\",\n\t\t\t\t\t});\n\t\t\t\t} else if (msg.role === \"toolResult\") {\n\t\t\t\t\tconst toolName = (msg as any).toolName ?? \"tool\";\n\t\t\t\t\tconst details = (msg as any).details;\n\t\t\t\t\tconst summary = typeof details === \"string\" ? details.slice(0, 60) : `${toolName} completed`;\n\t\t\t\t\tconst isError = typeof details === \"string\" && details.toLowerCase().includes(\"error\");\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"tool\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary: summary.replace(/\\n/g, \" \"),\n\t\t\t\t\t\ttoolName,\n\t\t\t\t\t\tstatus: isError ? \"error\" : \"ok\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else if (entry.type === \"custom\" && entry.customType === \"bash\") {\n\t\t\t\tconst data = (entry as any).data ?? {};\n\t\t\t\tconst cmd = typeof data.command === \"string\" ? data.command : \"bash\";\n\t\t\t\tconst exitCode = typeof data.exitCode === \"number\" ? data.exitCode : undefined;\n\t\t\t\tthis.entries.push({\n\t\t\t\t\ttype: \"bash\",\n\t\t\t\t\ttimestamp: data.timestamp ?? Date.now(),\n\t\t\t\t\tsummary: cmd.slice(0, 60),\n\t\t\t\t\tstatus: exitCode === 0 ? \"ok\" : exitCode !== undefined ? \"error\" : \"pending\",\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\t// Reverse so most recent is at top\n\t\tthis.entries.reverse();\n\t}\n\n\tscrollUp(): void {\n\t\tthis.scrollOffset = Math.min(this.scrollOffset + 5, Math.max(0, this.entries.length - 5));\n\t}\n\n\tscrollDown(): void {\n\t\tthis.scrollOffset = Math.max(0, this.scrollOffset - 5);\n\t}\n\n\trender(width: number, height?: number): string[] {\n\t\tif (width < HISTORY_MIN_WIDTH) return [];\n\n\t\tconst w = Math.max(HISTORY_MIN_WIDTH, width);\n\t\tconst maxVisible = height !== undefined ? Math.max(1, height - 6) : Math.max(5, this.entries.length);\n\t\tconst visible = this.entries.slice(this.scrollOffset, this.scrollOffset + maxVisible);\n\t\tconst lines: string[] = [];\n\n\t\t// Header\n\t\tlines.push(theme.fg(\"borderAccent\", `╭${\"─\".repeat(Math.max(0, w - 2))}╮`));\n\t\tlines.push(\n\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\ttheme.bold(theme.fg(\"accent\", \" HISTORY // WORK LOG\")),\n\t\t\t\tw - 2,\n\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t);\n\t\tlines.push(\n\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\ttheme.fg(\"dim\", `${this.entries.length} entries · ${formatTimestamp(Date.now() - 1000)}`),\n\t\t\t\tw - 2,\n\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t);\n\n\t\t// Scroll hint\n\t\tif (this.scrollOffset > 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\t\ttheme.fg(\"dim\", `▲ ${this.scrollOffset} earlier`),\n\t\t\t\t\tw - 2,\n\t\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t}\n\n\t\tif (visible.length === 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(theme.fg(\"dim\", \" (no history yet)\"), w - 2)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t} else {\n\t\t\tfor (const entry of visible) {\n\t\t\t\tconst glyph = entryGlyph(entry);\n\t\t\t\tconst status = statusGlyph(entry);\n\t\t\t\tconst time = theme.fg(\"dim\", formatTimestamp(entry.timestamp));\n\t\t\t\tconst availableWidth = w - 18; // 2 border + glyph + status + time\n\t\t\t\tconst summary = truncateToWidth(entry.summary, Math.max(1, availableWidth), \"…\");\n\t\t\t\tlines.push(\n\t\t\t\t\t`${theme.fg(\"border\", \"│\")} ${glyph}${status} ${theme.fg(\"muted\", summary)}${\" \".repeat(Math.max(0, availableWidth - visibleWidth(summary)))}${time} ${theme.fg(\"border\", \"│\")}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// More entries below\n\t\tconst remaining = this.entries.length - this.scrollOffset - maxVisible;\n\t\tif (remaining > 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\t\ttheme.fg(\"dim\", `▼ ${remaining} more entries`),\n\t\t\t\t\tw - 2,\n\t\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t}\n\n\t\tlines.push(theme.fg(\"borderAccent\", `╰${\"─\".repeat(Math.max(0, w - 2))}╯`));\n\n\t\treturn lines;\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-history-panel.js

@@ -0,0 +1,162 @@
+/**
+ * OMK History Panel — work history sidebar view.
+ *
+ * Shows recent assistant messages, tool calls, and bash executions
+ * so the operator can review what's been done without scrolling
+ * the main chat view.
+ */
+import { truncateToWidth, visibleWidth } from "@earendil-works/omk-tui";
+import { theme } from "../theme/theme.js";
+const HISTORY_MIN_WIDTH = 30;
+const MAX_ENTRIES = 25;
+function formatTimestamp(ms) {
+    const now = Date.now();
+    const diff = now - ms;
+    if (diff < 60000)
+        return `${Math.floor(diff / 1000)}s ago`;
+    if (diff < 3600000)
+        return `${Math.floor(diff / 60000)}m ago`;
+    if (diff < 86400000)
+        return `${Math.floor(diff / 3600000)}h ago`;
+    return new Date(ms).toLocaleDateString("ko-KR", { month: "numeric", day: "numeric" });
+}
+function entryGlyph(entry) {
+    switch (entry.type) {
+        case "assistant":
+            return theme.fg("accent", "◈");
+        case "tool":
+            return theme.fg("warning", "⚙");
+        case "bash":
+            return theme.fg("success", "▸");
+        case "user":
+            return theme.fg("text", "›");
+    }
+}
+function statusGlyph(entry) {
+    switch (entry.status) {
+        case "ok":
+            return theme.fg("success", " ✓");
+        case "error":
+            return theme.fg("error", " ✕");
+        case "running":
+            return theme.fg("warning", " ●");
+        case "pending":
+            return theme.fg("dim", " ○");
+        default:
+            return "";
+    }
+}
+function fitToWidth(text, width) {
+    if (width <= 0)
+        return "";
+    const clipped = visibleWidth(text) > width ? truncateToWidth(text, width, "") : text;
+    return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
+}
+export class OmkHistoryPanel {
+    entries = [];
+    scrollOffset = 0;
+    invalidate() {
+        // Re-read entries from session on each render
+    }
+    /** Feed entries from session. Call before render. */
+    feedSession(session) {
+        this.entries = [];
+        const sessionEntries = session.sessionManager.getEntries();
+        for (const entry of sessionEntries) {
+            if (this.entries.length >= MAX_ENTRIES)
+                break;
+            if (entry.type === "message") {
+                const msg = entry.message;
+                if (msg.role === "assistant") {
+                    const text = typeof msg.content === "string" ? msg.content : "";
+                    const summary = text.slice(0, 80).replace(/\n/g, " ").trim() || "(thinking)";
+                    this.entries.push({
+                        type: "assistant",
+                        timestamp: msg.timestamp ?? Date.now(),
+                        summary,
+                        status: "ok",
+                    });
+                }
+                else if (msg.role === "user") {
+                    const text = typeof msg.content === "string" ? msg.content : "";
+                    const summary = text.slice(0, 80).replace(/\n/g, " ").trim();
+                    this.entries.push({
+                        type: "user",
+                        timestamp: msg.timestamp ?? Date.now(),
+                        summary,
+                        status: "ok",
+                    });
+                }
+                else if (msg.role === "toolResult") {
+                    const toolName = msg.toolName ?? "tool";
+                    const details = msg.details;
+                    const summary = typeof details === "string" ? details.slice(0, 60) : `${toolName} completed`;
+                    const isError = typeof details === "string" && details.toLowerCase().includes("error");
+                    this.entries.push({
+                        type: "tool",
+                        timestamp: msg.timestamp ?? Date.now(),
+                        summary: summary.replace(/\n/g, " "),
+                        toolName,
+                        status: isError ? "error" : "ok",
+                    });
+                }
+            }
+            else if (entry.type === "custom" && entry.customType === "bash") {
+                const data = entry.data ?? {};
+                const cmd = typeof data.command === "string" ? data.command : "bash";
+                const exitCode = typeof data.exitCode === "number" ? data.exitCode : undefined;
+                this.entries.push({
+                    type: "bash",
+                    timestamp: data.timestamp ?? Date.now(),
+                    summary: cmd.slice(0, 60),
+                    status: exitCode === 0 ? "ok" : exitCode !== undefined ? "error" : "pending",
+                });
+            }
+        }
+        // Reverse so most recent is at top
+        this.entries.reverse();
+    }
+    scrollUp() {
+        this.scrollOffset = Math.min(this.scrollOffset + 5, Math.max(0, this.entries.length - 5));
+    }
+    scrollDown() {
+        this.scrollOffset = Math.max(0, this.scrollOffset - 5);
+    }
+    render(width, height) {
+        if (width < HISTORY_MIN_WIDTH)
+            return [];
+        const w = Math.max(HISTORY_MIN_WIDTH, width);
+        const maxVisible = height !== undefined ? Math.max(1, height - 6) : Math.max(5, this.entries.length);
+        const visible = this.entries.slice(this.scrollOffset, this.scrollOffset + maxVisible);
+        const lines = [];
+        // Header
+        lines.push(theme.fg("borderAccent", `╭${"─".repeat(Math.max(0, w - 2))}╮`));
+        lines.push(`${theme.fg("border", "│")}${fitToWidth(theme.bold(theme.fg("accent", " HISTORY // WORK LOG")), w - 2)}${theme.fg("border", "│")}`);
+        lines.push(`${theme.fg("border", "│")}${fitToWidth(theme.fg("dim", `${this.entries.length} entries · ${formatTimestamp(Date.now() - 1000)}`), w - 2)}${theme.fg("border", "│")}`);
+        // Scroll hint
+        if (this.scrollOffset > 0) {
+            lines.push(`${theme.fg("border", "│")}${fitToWidth(theme.fg("dim", `▲ ${this.scrollOffset} earlier`), w - 2)}${theme.fg("border", "│")}`);
+        }
+        if (visible.length === 0) {
+            lines.push(`${theme.fg("border", "│")}${fitToWidth(theme.fg("dim", " (no history yet)"), w - 2)}${theme.fg("border", "│")}`);
+        }
+        else {
+            for (const entry of visible) {
+                const glyph = entryGlyph(entry);
+                const status = statusGlyph(entry);
+                const time = theme.fg("dim", formatTimestamp(entry.timestamp));
+                const availableWidth = w - 18; // 2 border + glyph + status + time
+                const summary = truncateToWidth(entry.summary, Math.max(1, availableWidth), "…");
+                lines.push(`${theme.fg("border", "│")} ${glyph}${status} ${theme.fg("muted", summary)}${" ".repeat(Math.max(0, availableWidth - visibleWidth(summary)))}${time} ${theme.fg("border", "│")}`);
+            }
+        }
+        // More entries below
+        const remaining = this.entries.length - this.scrollOffset - maxVisible;
+        if (remaining > 0) {
+            lines.push(`${theme.fg("border", "│")}${fitToWidth(theme.fg("dim", `▼ ${remaining} more entries`), w - 2)}${theme.fg("border", "│")}`);
+        }
+        lines.push(theme.fg("borderAccent", `╰${"─".repeat(Math.max(0, w - 2))}╯`));
+        return lines;
+    }
+}
+//# sourceMappingURL=omk-history-panel.js.map

package/dist/modes/interactive/components/omk-history-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"omk-history-panel.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-history-panel.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * OMK History Panel — work history sidebar view.\n *\n * Shows recent assistant messages, tool calls, and bash executions\n * so the operator can review what's been done without scrolling\n * the main chat view.\n */\n\nimport { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.ts\";\nimport { theme } from \"../theme/theme.ts\";\n\nexport interface HistoryEntry {\n\ttype: \"assistant\" | \"tool\" | \"bash\" | \"user\";\n\ttimestamp: number;\n\tsummary: string;\n\ttoolName?: string;\n\tstatus?: \"ok\" | \"error\" | \"running\" | \"pending\";\n}\n\nconst HISTORY_MIN_WIDTH = 30;\nconst MAX_ENTRIES = 25;\n\nfunction formatTimestamp(ms: number): string {\n\tconst now = Date.now();\n\tconst diff = now - ms;\n\tif (diff < 60000) return `${Math.floor(diff / 1000)}s ago`;\n\tif (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n\tif (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n\treturn new Date(ms).toLocaleDateString(\"ko-KR\", { month: \"numeric\", day: \"numeric\" });\n}\n\nfunction entryGlyph(entry: HistoryEntry): string {\n\tswitch (entry.type) {\n\t\tcase \"assistant\":\n\t\t\treturn theme.fg(\"accent\", \"◈\");\n\t\tcase \"tool\":\n\t\t\treturn theme.fg(\"warning\", \"⚙\");\n\t\tcase \"bash\":\n\t\t\treturn theme.fg(\"success\", \"▸\");\n\t\tcase \"user\":\n\t\t\treturn theme.fg(\"text\", \"›\");\n\t}\n}\n\nfunction statusGlyph(entry: HistoryEntry): string {\n\tswitch (entry.status) {\n\t\tcase \"ok\":\n\t\t\treturn theme.fg(\"success\", \" ✓\");\n\t\tcase \"error\":\n\t\t\treturn theme.fg(\"error\", \" ✕\");\n\t\tcase \"running\":\n\t\t\treturn theme.fg(\"warning\", \" ●\");\n\t\tcase \"pending\":\n\t\t\treturn theme.fg(\"dim\", \" ○\");\n\t\tdefault:\n\t\t\treturn \"\";\n\t}\n}\n\nfunction fitToWidth(text: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(text) > width ? truncateToWidth(text, width, \"\") : text;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport class OmkHistoryPanel implements Component {\n\tprivate entries: HistoryEntry[] = [];\n\tprivate scrollOffset = 0;\n\n\tinvalidate(): void {\n\t\t// Re-read entries from session on each render\n\t}\n\n\t/** Feed entries from session. Call before render. */\n\tfeedSession(session: AgentSession): void {\n\t\tthis.entries = [];\n\t\tconst sessionEntries = session.sessionManager.getEntries();\n\t\tfor (const entry of sessionEntries) {\n\t\t\tif (this.entries.length >= MAX_ENTRIES) break;\n\n\t\t\tif (entry.type === \"message\") {\n\t\t\t\tconst msg = entry.message;\n\t\t\t\tif (msg.role === \"assistant\") {\n\t\t\t\t\tconst text = typeof msg.content === \"string\" ? msg.content : \"\";\n\t\t\t\t\tconst summary = text.slice(0, 80).replace(/\\n/g, \" \").trim() || \"(thinking)\";\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"assistant\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary,\n\t\t\t\t\t\tstatus: \"ok\",\n\t\t\t\t\t});\n\t\t\t\t} else if (msg.role === \"user\") {\n\t\t\t\t\tconst text = typeof msg.content === \"string\" ? msg.content : \"\";\n\t\t\t\t\tconst summary = text.slice(0, 80).replace(/\\n/g, \" \").trim();\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"user\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary,\n\t\t\t\t\t\tstatus: \"ok\",\n\t\t\t\t\t});\n\t\t\t\t} else if (msg.role === \"toolResult\") {\n\t\t\t\t\tconst toolName = (msg as any).toolName ?? \"tool\";\n\t\t\t\t\tconst details = (msg as any).details;\n\t\t\t\t\tconst summary = typeof details === \"string\" ? details.slice(0, 60) : `${toolName} completed`;\n\t\t\t\t\tconst isError = typeof details === \"string\" && details.toLowerCase().includes(\"error\");\n\t\t\t\t\tthis.entries.push({\n\t\t\t\t\t\ttype: \"tool\",\n\t\t\t\t\t\ttimestamp: msg.timestamp ?? Date.now(),\n\t\t\t\t\t\tsummary: summary.replace(/\\n/g, \" \"),\n\t\t\t\t\t\ttoolName,\n\t\t\t\t\t\tstatus: isError ? \"error\" : \"ok\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else if (entry.type === \"custom\" && entry.customType === \"bash\") {\n\t\t\t\tconst data = (entry as any).data ?? {};\n\t\t\t\tconst cmd = typeof data.command === \"string\" ? data.command : \"bash\";\n\t\t\t\tconst exitCode = typeof data.exitCode === \"number\" ? data.exitCode : undefined;\n\t\t\t\tthis.entries.push({\n\t\t\t\t\ttype: \"bash\",\n\t\t\t\t\ttimestamp: data.timestamp ?? Date.now(),\n\t\t\t\t\tsummary: cmd.slice(0, 60),\n\t\t\t\t\tstatus: exitCode === 0 ? \"ok\" : exitCode !== undefined ? \"error\" : \"pending\",\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\t// Reverse so most recent is at top\n\t\tthis.entries.reverse();\n\t}\n\n\tscrollUp(): void {\n\t\tthis.scrollOffset = Math.min(this.scrollOffset + 5, Math.max(0, this.entries.length - 5));\n\t}\n\n\tscrollDown(): void {\n\t\tthis.scrollOffset = Math.max(0, this.scrollOffset - 5);\n\t}\n\n\trender(width: number, height?: number): string[] {\n\t\tif (width < HISTORY_MIN_WIDTH) return [];\n\n\t\tconst w = Math.max(HISTORY_MIN_WIDTH, width);\n\t\tconst maxVisible = height !== undefined ? Math.max(1, height - 6) : Math.max(5, this.entries.length);\n\t\tconst visible = this.entries.slice(this.scrollOffset, this.scrollOffset + maxVisible);\n\t\tconst lines: string[] = [];\n\n\t\t// Header\n\t\tlines.push(theme.fg(\"borderAccent\", `╭${\"─\".repeat(Math.max(0, w - 2))}╮`));\n\t\tlines.push(\n\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\ttheme.bold(theme.fg(\"accent\", \" HISTORY // WORK LOG\")),\n\t\t\t\tw - 2,\n\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t);\n\t\tlines.push(\n\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\ttheme.fg(\"dim\", `${this.entries.length} entries · ${formatTimestamp(Date.now() - 1000)}`),\n\t\t\t\tw - 2,\n\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t);\n\n\t\t// Scroll hint\n\t\tif (this.scrollOffset > 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\t\ttheme.fg(\"dim\", `▲ ${this.scrollOffset} earlier`),\n\t\t\t\t\tw - 2,\n\t\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t}\n\n\t\tif (visible.length === 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(theme.fg(\"dim\", \" (no history yet)\"), w - 2)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t} else {\n\t\t\tfor (const entry of visible) {\n\t\t\t\tconst glyph = entryGlyph(entry);\n\t\t\t\tconst status = statusGlyph(entry);\n\t\t\t\tconst time = theme.fg(\"dim\", formatTimestamp(entry.timestamp));\n\t\t\t\tconst availableWidth = w - 18; // 2 border + glyph + status + time\n\t\t\t\tconst summary = truncateToWidth(entry.summary, Math.max(1, availableWidth), \"…\");\n\t\t\t\tlines.push(\n\t\t\t\t\t`${theme.fg(\"border\", \"│\")} ${glyph}${status} ${theme.fg(\"muted\", summary)}${\" \".repeat(Math.max(0, availableWidth - visibleWidth(summary)))}${time} ${theme.fg(\"border\", \"│\")}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// More entries below\n\t\tconst remaining = this.entries.length - this.scrollOffset - maxVisible;\n\t\tif (remaining > 0) {\n\t\t\tlines.push(\n\t\t\t\t`${theme.fg(\"border\", \"│\")}${fitToWidth(\n\t\t\t\t\ttheme.fg(\"dim\", `▼ ${remaining} more entries`),\n\t\t\t\t\tw - 2,\n\t\t\t\t)}${theme.fg(\"border\", \"│\")}`,\n\t\t\t);\n\t\t}\n\n\t\tlines.push(theme.fg(\"borderAccent\", `╰${\"─\".repeat(Math.max(0, w - 2))}╯`));\n\n\t\treturn lines;\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-neon-hud.d.ts

@@ -0,0 +1,19 @@
+import { type Component } from "@earendil-works/omk-tui";
+import type { AgentSession } from "../../../core/agent-session.ts";
+import type { ReadonlyFooterDataProvider } from "../../../core/footer-data-provider.ts";
+import type { OmkControlDashboardActivity } from "./omk-control-dashboard.ts";
+export interface OmkNeonHudOptions {
+    getRows: () => number;
+    getActivity?: () => OmkControlDashboardActivity;
+}
+export declare class OmkNeonHudComponent implements Component {
+    private session;
+    private footerData;
+    private getRows;
+    private getActivity;
+    constructor(session: AgentSession, footerData: ReadonlyFooterDataProvider, options: OmkNeonHudOptions);
+    setSession(session: AgentSession): void;
+    invalidate(): void;
+    render(width: number): string[];
+}
+//# sourceMappingURL=omk-neon-hud.d.ts.map

package/dist/modes/interactive/components/omk-neon-hud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"omk-neon-hud.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-neon-hud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AACxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAGxF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AA+B9E,MAAM,WAAW,iBAAiB;IACjC,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,2BAA2B,CAAC;CAChD;AAED,qBAAa,mBAAoB,YAAW,SAAS;IACpD,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,WAAW,CAAoC;IAEvD,YAAY,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,0BAA0B,EAAE,OAAO,EAAE,iBAAiB,EAKpG;IAED,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAEtC;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAwC9B;CACD","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.ts\";\nimport type { ReadonlyFooterDataProvider } from \"../../../core/footer-data-provider.ts\";\nimport { buildOmkControlDecision, buildOmkControlSurface } from \"../../../core/omk-control.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport type { OmkControlDashboardActivity } from \"./omk-control-dashboard.ts\";\n\nconst MIN_HUD_WIDTH = 18;\nconst DEFAULT_ROWS = 0;\n\nfunction clampRows(rows: number): number {\n\tif (!Number.isFinite(rows) || rows < 0) return DEFAULT_ROWS;\n\treturn Math.min(Math.floor(rows), 8);\n}\n\nfunction fitToWidth(text: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(text) > width ? truncateToWidth(text, width, \"\") : text;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nfunction frameLine(content: string, width: number): string {\n\tif (width < MIN_HUD_WIDTH) return fitToWidth(content, width);\n\tconst innerWidth = Math.max(0, width - 2);\n\treturn `${theme.fg(\"borderAccent\", \"│\")}${fitToWidth(content, innerWidth)}${theme.fg(\"borderAccent\", \"│\")}`;\n}\n\nfunction borderLine(width: number, title: string, bottom = false): string {\n\tif (width < MIN_HUD_WIDTH) return fitToWidth(title, width);\n\tconst left = bottom ? \"╰\" : \"╭\";\n\tconst right = bottom ? \"╯\" : \"╮\";\n\tconst label = bottom ? \"\" : ` ${title} `;\n\tconst fillWidth = Math.max(0, width - visibleWidth(left + right) - visibleWidth(label));\n\treturn theme.gradient(\"accent\", \"borderAccent\", `${left}${label}${\"─\".repeat(fillWidth)}${right}`);\n}\n\nexport interface OmkNeonHudOptions {\n\tgetRows: () => number;\n\tgetActivity?: () => OmkControlDashboardActivity;\n}\n\nexport class OmkNeonHudComponent implements Component {\n\tprivate session: AgentSession;\n\tprivate footerData: ReadonlyFooterDataProvider;\n\tprivate getRows: () => number;\n\tprivate getActivity: () => OmkControlDashboardActivity;\n\n\tconstructor(session: AgentSession, footerData: ReadonlyFooterDataProvider, options: OmkNeonHudOptions) {\n\t\tthis.session = session;\n\t\tthis.footerData = footerData;\n\t\tthis.getRows = options.getRows;\n\t\tthis.getActivity = options.getActivity ?? (() => ({ label: \"ready\", detail: \"awaiting route\" }));\n\t}\n\n\tsetSession(session: AgentSession): void {\n\t\tthis.session = session;\n\t}\n\n\tinvalidate(): void {\n\t\t// Reads live session/footer state on every render.\n\t}\n\n\trender(width: number): string[] {\n\t\tconst rows = clampRows(this.getRows());\n\t\tif (rows <= 0) return [];\n\n\t\tconst w = Math.max(1, width);\n\t\tconst activity = this.getActivity();\n\t\tconst surface = buildOmkControlSurface(activity.detail ?? activity.label);\n\t\tconst decision = buildOmkControlDecision(activity.detail ?? activity.label, \"coordinator\");\n\t\tconst model = this.session.state.model;\n\t\tconst modelText = model ? `${model.provider}/${model.id}` : \"no-model\";\n\t\tconst thinkingText = model?.reasoning ? this.session.state.thinkingLevel || \"off\" : \"off\";\n\t\tconst statuses = Array.from(this.footerData.getExtensionStatuses().entries());\n\t\tconst gridText = statuses.find(([key]) => key === \"omk\")?.[1] ?? surface.compactStatus;\n\n\t\tconst lines = [\n\t\t\tborderLine(w, \"OMK://NEON HUD\"),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"success\", \"ROUTE\")} ${theme.fg(\"text\", decision.intent)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"accent\", \"RISK\")} ${theme.fg(\"text\", decision.risk)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"warning\", \"EVIDENCE\")} ${theme.fg(\"text\", decision.evidenceRequired ? \"required\" : \"optional\")}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"accent\", \"MODEL\")} ${theme.fg(\"text\", modelText)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"borderAccent\", \"THINK\")} ${theme.fg(\"text\", thinkingText)}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"success\", \"GRID\")} ${theme.fg(\"muted\", gridText)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"accent\", \"CAPS\")} ${theme.fg(\"text\", decision.capabilities.join(\"+\"))}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tborderLine(w, \"\", true),\n\t\t];\n\n\t\twhile (lines.length < rows) {\n\t\t\tlines.splice(\n\t\t\t\tlines.length - 1,\n\t\t\t\t0,\n\t\t\t\tframeLine(theme.fg(\"dim\", \"▒░ 0 1 matrix rain · route · verify · loop · control 1 0 ░▒\"), w),\n\t\t\t);\n\t\t}\n\n\t\treturn lines.slice(0, rows).map((line) => fitToWidth(line, w));\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-neon-hud.js

@@ -0,0 +1,75 @@
+import { truncateToWidth, visibleWidth } from "@earendil-works/omk-tui";
+import { buildOmkControlDecision, buildOmkControlSurface } from "../../../core/omk-control.js";
+import { theme } from "../theme/theme.js";
+const MIN_HUD_WIDTH = 18;
+const DEFAULT_ROWS = 0;
+function clampRows(rows) {
+    if (!Number.isFinite(rows) || rows < 0)
+        return DEFAULT_ROWS;
+    return Math.min(Math.floor(rows), 8);
+}
+function fitToWidth(text, width) {
+    if (width <= 0)
+        return "";
+    const clipped = visibleWidth(text) > width ? truncateToWidth(text, width, "") : text;
+    return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
+}
+function frameLine(content, width) {
+    if (width < MIN_HUD_WIDTH)
+        return fitToWidth(content, width);
+    const innerWidth = Math.max(0, width - 2);
+    return `${theme.fg("borderAccent", "│")}${fitToWidth(content, innerWidth)}${theme.fg("borderAccent", "│")}`;
+}
+function borderLine(width, title, bottom = false) {
+    if (width < MIN_HUD_WIDTH)
+        return fitToWidth(title, width);
+    const left = bottom ? "╰" : "╭";
+    const right = bottom ? "╯" : "╮";
+    const label = bottom ? "" : ` ${title} `;
+    const fillWidth = Math.max(0, width - visibleWidth(left + right) - visibleWidth(label));
+    return theme.gradient("accent", "borderAccent", `${left}${label}${"─".repeat(fillWidth)}${right}`);
+}
+export class OmkNeonHudComponent {
+    session;
+    footerData;
+    getRows;
+    getActivity;
+    constructor(session, footerData, options) {
+        this.session = session;
+        this.footerData = footerData;
+        this.getRows = options.getRows;
+        this.getActivity = options.getActivity ?? (() => ({ label: "ready", detail: "awaiting route" }));
+    }
+    setSession(session) {
+        this.session = session;
+    }
+    invalidate() {
+        // Reads live session/footer state on every render.
+    }
+    render(width) {
+        const rows = clampRows(this.getRows());
+        if (rows <= 0)
+            return [];
+        const w = Math.max(1, width);
+        const activity = this.getActivity();
+        const surface = buildOmkControlSurface(activity.detail ?? activity.label);
+        const decision = buildOmkControlDecision(activity.detail ?? activity.label, "coordinator");
+        const model = this.session.state.model;
+        const modelText = model ? `${model.provider}/${model.id}` : "no-model";
+        const thinkingText = model?.reasoning ? this.session.state.thinkingLevel || "off" : "off";
+        const statuses = Array.from(this.footerData.getExtensionStatuses().entries());
+        const gridText = statuses.find(([key]) => key === "omk")?.[1] ?? surface.compactStatus;
+        const lines = [
+            borderLine(w, "OMK://NEON HUD"),
+            frameLine(`${theme.fg("success", "ROUTE")} ${theme.fg("text", decision.intent)} ${theme.fg("dim", "│")} ${theme.fg("accent", "RISK")} ${theme.fg("text", decision.risk)} ${theme.fg("dim", "│")} ${theme.fg("warning", "EVIDENCE")} ${theme.fg("text", decision.evidenceRequired ? "required" : "optional")}`, w),
+            frameLine(`${theme.fg("accent", "MODEL")} ${theme.fg("text", modelText)} ${theme.fg("dim", "│")} ${theme.fg("borderAccent", "THINK")} ${theme.fg("text", thinkingText)}`, w),
+            frameLine(`${theme.fg("success", "GRID")} ${theme.fg("muted", gridText)} ${theme.fg("dim", "│")} ${theme.fg("accent", "CAPS")} ${theme.fg("text", decision.capabilities.join("+"))}`, w),
+            borderLine(w, "", true),
+        ];
+        while (lines.length < rows) {
+            lines.splice(lines.length - 1, 0, frameLine(theme.fg("dim", "▒░ 0 1 matrix rain · route · verify · loop · control 1 0 ░▒"), w));
+        }
+        return lines.slice(0, rows).map((line) => fitToWidth(line, w));
+    }
+}
+//# sourceMappingURL=omk-neon-hud.js.map

package/dist/modes/interactive/components/omk-neon-hud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"omk-neon-hud.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-neon-hud.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.ts\";\nimport type { ReadonlyFooterDataProvider } from \"../../../core/footer-data-provider.ts\";\nimport { buildOmkControlDecision, buildOmkControlSurface } from \"../../../core/omk-control.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport type { OmkControlDashboardActivity } from \"./omk-control-dashboard.ts\";\n\nconst MIN_HUD_WIDTH = 18;\nconst DEFAULT_ROWS = 0;\n\nfunction clampRows(rows: number): number {\n\tif (!Number.isFinite(rows) || rows < 0) return DEFAULT_ROWS;\n\treturn Math.min(Math.floor(rows), 8);\n}\n\nfunction fitToWidth(text: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(text) > width ? truncateToWidth(text, width, \"\") : text;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nfunction frameLine(content: string, width: number): string {\n\tif (width < MIN_HUD_WIDTH) return fitToWidth(content, width);\n\tconst innerWidth = Math.max(0, width - 2);\n\treturn `${theme.fg(\"borderAccent\", \"│\")}${fitToWidth(content, innerWidth)}${theme.fg(\"borderAccent\", \"│\")}`;\n}\n\nfunction borderLine(width: number, title: string, bottom = false): string {\n\tif (width < MIN_HUD_WIDTH) return fitToWidth(title, width);\n\tconst left = bottom ? \"╰\" : \"╭\";\n\tconst right = bottom ? \"╯\" : \"╮\";\n\tconst label = bottom ? \"\" : ` ${title} `;\n\tconst fillWidth = Math.max(0, width - visibleWidth(left + right) - visibleWidth(label));\n\treturn theme.gradient(\"accent\", \"borderAccent\", `${left}${label}${\"─\".repeat(fillWidth)}${right}`);\n}\n\nexport interface OmkNeonHudOptions {\n\tgetRows: () => number;\n\tgetActivity?: () => OmkControlDashboardActivity;\n}\n\nexport class OmkNeonHudComponent implements Component {\n\tprivate session: AgentSession;\n\tprivate footerData: ReadonlyFooterDataProvider;\n\tprivate getRows: () => number;\n\tprivate getActivity: () => OmkControlDashboardActivity;\n\n\tconstructor(session: AgentSession, footerData: ReadonlyFooterDataProvider, options: OmkNeonHudOptions) {\n\t\tthis.session = session;\n\t\tthis.footerData = footerData;\n\t\tthis.getRows = options.getRows;\n\t\tthis.getActivity = options.getActivity ?? (() => ({ label: \"ready\", detail: \"awaiting route\" }));\n\t}\n\n\tsetSession(session: AgentSession): void {\n\t\tthis.session = session;\n\t}\n\n\tinvalidate(): void {\n\t\t// Reads live session/footer state on every render.\n\t}\n\n\trender(width: number): string[] {\n\t\tconst rows = clampRows(this.getRows());\n\t\tif (rows <= 0) return [];\n\n\t\tconst w = Math.max(1, width);\n\t\tconst activity = this.getActivity();\n\t\tconst surface = buildOmkControlSurface(activity.detail ?? activity.label);\n\t\tconst decision = buildOmkControlDecision(activity.detail ?? activity.label, \"coordinator\");\n\t\tconst model = this.session.state.model;\n\t\tconst modelText = model ? `${model.provider}/${model.id}` : \"no-model\";\n\t\tconst thinkingText = model?.reasoning ? this.session.state.thinkingLevel || \"off\" : \"off\";\n\t\tconst statuses = Array.from(this.footerData.getExtensionStatuses().entries());\n\t\tconst gridText = statuses.find(([key]) => key === \"omk\")?.[1] ?? surface.compactStatus;\n\n\t\tconst lines = [\n\t\t\tborderLine(w, \"OMK://NEON HUD\"),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"success\", \"ROUTE\")} ${theme.fg(\"text\", decision.intent)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"accent\", \"RISK\")} ${theme.fg(\"text\", decision.risk)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"warning\", \"EVIDENCE\")} ${theme.fg(\"text\", decision.evidenceRequired ? \"required\" : \"optional\")}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"accent\", \"MODEL\")} ${theme.fg(\"text\", modelText)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"borderAccent\", \"THINK\")} ${theme.fg(\"text\", thinkingText)}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tframeLine(\n\t\t\t\t`${theme.fg(\"success\", \"GRID\")} ${theme.fg(\"muted\", gridText)} ${theme.fg(\"dim\", \"│\")} ${theme.fg(\"accent\", \"CAPS\")} ${theme.fg(\"text\", decision.capabilities.join(\"+\"))}`,\n\t\t\t\tw,\n\t\t\t),\n\t\t\tborderLine(w, \"\", true),\n\t\t];\n\n\t\twhile (lines.length < rows) {\n\t\t\tlines.splice(\n\t\t\t\tlines.length - 1,\n\t\t\t\t0,\n\t\t\t\tframeLine(theme.fg(\"dim\", \"▒░ 0 1 matrix rain · route · verify · loop · control 1 0 ░▒\"), w),\n\t\t\t);\n\t\t}\n\n\t\treturn lines.slice(0, rows).map((line) => fitToWidth(line, w));\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-tabbed-panel.d.ts

@@ -0,0 +1,30 @@
+/**
+ * OMK Tabbed Panel — wraps multiple right-rail panels
+ * with tab switching via keyboard or API.
+ *
+ * Tabs:
+ *   [1] CONTROL  — OMK://CONTROL dashboard (status, runtime, skills, etc.)
+ *   [2] HISTORY  — work log (assistant msgs, tool calls, bash, user prompts)
+ */
+import { type Component } from "@earendil-works/omk-tui";
+import type { AgentSession } from "../../../core/agent-session.ts";
+import type { ReadonlyFooterDataProvider } from "../../../core/footer-data-provider.ts";
+import { type OmkControlDashboardActivity } from "./omk-control-dashboard.ts";
+export type OmkTabId = "control" | "history";
+export declare class OmkTabbedPanel implements Component {
+    private activeTab;
+    private controlDashboard;
+    private historyPanel;
+    private session;
+    constructor(session: AgentSession, footerData: ReadonlyFooterDataProvider, getActivity: () => OmkControlDashboardActivity);
+    getActiveTab(): OmkTabId;
+    switchTab(tab: OmkTabId): void;
+    nextTab(): void;
+    setSession(session: AgentSession): void;
+    invalidate(): void;
+    scrollUp(): void;
+    scrollDown(): void;
+    render(width: number, height?: number): string[];
+    private renderTabBar;
+}
+//# sourceMappingURL=omk-tabbed-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"omk-tabbed-panel.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-tabbed-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,yBAAyB,CAAC;AACxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAExF,OAAO,EAAE,KAAK,2BAA2B,EAAgC,MAAM,4BAA4B,CAAC;AAG5G,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAqB7C,qBAAa,cAAe,YAAW,SAAS;IAC/C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,OAAO,CAAe;IAE9B,YACC,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,0BAA0B,EACtC,WAAW,EAAE,MAAM,2BAA2B,EAK9C;IAED,YAAY,IAAI,QAAQ,CAEvB;IAED,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAK7B;IAED,OAAO,IAAI,IAAI,CAId;IAED,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAGtC;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,QAAQ,IAAI,IAAI,CAIf;IAED,UAAU,IAAI,IAAI,CAIjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAmB/C;IAED,OAAO,CAAC,YAAY;CAiBpB","sourcesContent":["/**\n * OMK Tabbed Panel — wraps multiple right-rail panels\n * with tab switching via keyboard or API.\n *\n * Tabs:\n *   [1] CONTROL  — OMK://CONTROL dashboard (status, runtime, skills, etc.)\n *   [2] HISTORY  — work log (assistant msgs, tool calls, bash, user prompts)\n */\n\nimport { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/omk-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.ts\";\nimport type { ReadonlyFooterDataProvider } from \"../../../core/footer-data-provider.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { type OmkControlDashboardActivity, OmkControlDashboardComponent } from \"./omk-control-dashboard.ts\";\nimport { OmkHistoryPanel } from \"./omk-history-panel.ts\";\n\nexport type OmkTabId = \"control\" | \"history\";\n\ninterface TabDef {\n\tid: OmkTabId;\n\tlabel: string;\n\thotkey: string;\n}\n\nconst TABS: TabDef[] = [\n\t{ id: \"control\", label: \"CONTROL\", hotkey: \"1\" },\n\t{ id: \"history\", label: \"HISTORY\", hotkey: \"2\" },\n];\n\nconst TAB_MIN_WIDTH = 28;\n\nfunction fitToWidth(text: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tconst clipped = visibleWidth(text) > width ? truncateToWidth(text, width, \"\") : text;\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport class OmkTabbedPanel implements Component {\n\tprivate activeTab: OmkTabId = \"control\";\n\tprivate controlDashboard: OmkControlDashboardComponent;\n\tprivate historyPanel: OmkHistoryPanel;\n\tprivate session: AgentSession;\n\n\tconstructor(\n\t\tsession: AgentSession,\n\t\tfooterData: ReadonlyFooterDataProvider,\n\t\tgetActivity: () => OmkControlDashboardActivity,\n\t) {\n\t\tthis.session = session;\n\t\tthis.controlDashboard = new OmkControlDashboardComponent(session, footerData, getActivity);\n\t\tthis.historyPanel = new OmkHistoryPanel();\n\t}\n\n\tgetActiveTab(): OmkTabId {\n\t\treturn this.activeTab;\n\t}\n\n\tswitchTab(tab: OmkTabId): void {\n\t\tif (this.activeTab !== tab) {\n\t\t\tthis.activeTab = tab;\n\t\t\tthis.invalidate();\n\t\t}\n\t}\n\n\tnextTab(): void {\n\t\tconst idx = TABS.findIndex((t) => t.id === this.activeTab);\n\t\tconst next = TABS[(idx + 1) % TABS.length] ?? TABS[0]!;\n\t\tthis.switchTab(next.id);\n\t}\n\n\tsetSession(session: AgentSession): void {\n\t\tthis.session = session;\n\t\tthis.controlDashboard.setSession(session);\n\t}\n\n\tinvalidate(): void {\n\t\tthis.controlDashboard.invalidate();\n\t}\n\n\tscrollUp(): void {\n\t\tif (this.activeTab === \"history\") {\n\t\t\tthis.historyPanel.scrollUp();\n\t\t}\n\t}\n\n\tscrollDown(): void {\n\t\tif (this.activeTab === \"history\") {\n\t\t\tthis.historyPanel.scrollDown();\n\t\t}\n\t}\n\n\trender(width: number, height?: number): string[] {\n\t\tif (width < TAB_MIN_WIDTH) return [];\n\n\t\tconst w = Math.max(TAB_MIN_WIDTH, width);\n\t\tconst lines: string[] = [];\n\n\t\t// Tab bar\n\t\tlines.push(this.renderTabBar(w));\n\n\t\tif (this.activeTab === \"control\") {\n\t\t\tconst dashboardHeight = height !== undefined ? Math.max(1, height - 1) : undefined;\n\t\t\tlines.push(...this.controlDashboard.render(w, dashboardHeight));\n\t\t} else {\n\t\t\tthis.historyPanel.feedSession(this.session);\n\t\t\tconst historyHeight = height !== undefined ? Math.max(1, height - 1) : undefined;\n\t\t\tlines.push(...this.historyPanel.render(w, historyHeight));\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\tprivate renderTabBar(width: number): string {\n\t\tconst tabWidth = Math.floor((width - 4) / TABS.length);\n\t\tconst parts: string[] = [];\n\t\tfor (const tab of TABS) {\n\t\t\tconst isActive = tab.id === this.activeTab;\n\t\t\tconst label = ` ${tab.hotkey}:${tab.label} `;\n\t\t\tconst padded = fitToWidth(label, tabWidth);\n\t\t\tparts.push(isActive ? theme.bold(theme.fg(\"accent\", padded)) : theme.fg(\"dim\", padded));\n\t\t}\n\t\tconst remaining = width - parts.reduce((sum, p) => sum + visibleWidth(p), 0) - 2;\n\t\treturn (\n\t\t\ttheme.fg(\"borderAccent\", \"╭\") +\n\t\t\tparts.join(theme.fg(\"border\", \"│\")) +\n\t\t\t\" \".repeat(Math.max(0, remaining)) +\n\t\t\ttheme.fg(\"borderAccent\", \"╮\")\n\t\t);\n\t}\n}\n"]}