open-multi-agent-kit 0.78.8 → 0.79.1

package/dist/modes/interactive/components/oauth-selector.js

@@ -0,0 +1,165 @@
+import { Container, fuzzyFilter, getKeybindings, Input, Spacer, TruncatedText, } from "@earendil-works/omk-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+/**
+ * Component that renders an auth provider selector
+ */
+export class OAuthSelectorComponent extends Container {
+    searchInput;
+    // Focusable implementation - propagate to search input for IME cursor positioning
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
+    listContainer;
+    allProviders;
+    filteredProviders;
+    selectedIndex = 0;
+    mode;
+    authStorage;
+    getAuthStatus;
+    onSelectCallback;
+    onCancelCallback;
+    constructor(mode, authStorage, providers, onSelect, onCancel, getAuthStatus) {
+        super();
+        this.mode = mode;
+        this.authStorage = authStorage;
+        this.getAuthStatus = getAuthStatus ?? ((providerId) => this.authStorage.getAuthStatus(providerId));
+        this.allProviders = providers;
+        this.filteredProviders = providers;
+        this.onSelectCallback = onSelect;
+        this.onCancelCallback = onCancel;
+        // Add top border
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        // Add title
+        const title = mode === "login" ? "Select provider to configure:" : "Select provider to logout:";
+        this.addChild(new TruncatedText(theme.fg("accent", theme.bold(title)), 1, 0));
+        this.addChild(new Spacer(1));
+        this.searchInput = new Input();
+        this.searchInput.onSubmit = () => {
+            const selectedProvider = this.filteredProviders[this.selectedIndex];
+            if (selectedProvider) {
+                this.onSelectCallback(selectedProvider.id);
+            }
+        };
+        this.addChild(this.searchInput);
+        this.addChild(new Spacer(1));
+        // Create list container
+        this.listContainer = new Container();
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+        // Initial render
+        this.filterProviders("");
+    }
+    filterProviders(query) {
+        this.filteredProviders = query
+            ? fuzzyFilter(this.allProviders, query, (provider) => `${provider.name} ${provider.id} ${provider.authType}`)
+            : this.allProviders;
+        this.selectedIndex = Math.max(0, Math.min(this.selectedIndex, Math.max(0, this.filteredProviders.length - 1)));
+        this.updateList();
+    }
+    updateList() {
+        this.listContainer.clear();
+        const maxVisible = 8;
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible));
+        const endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);
+        for (let i = startIndex; i < endIndex; i++) {
+            const provider = this.filteredProviders[i];
+            if (!provider)
+                continue;
+            const isSelected = i === this.selectedIndex;
+            const statusIndicator = this.formatStatusIndicator(provider);
+            let line = "";
+            if (isSelected) {
+                const prefix = theme.fg("accent", "→ ");
+                const text = theme.fg("accent", provider.name);
+                line = prefix + text + statusIndicator;
+            }
+            else {
+                const text = `  ${theme.fg("text", provider.name)}`;
+                line = text + statusIndicator;
+            }
+            this.listContainer.addChild(new TruncatedText(line, 1, 0));
+        }
+        if (startIndex > 0 || endIndex < this.filteredProviders.length) {
+            const scrollInfo = theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`);
+            this.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));
+        }
+        // Show "no providers" if empty
+        if (this.filteredProviders.length === 0) {
+            const message = this.allProviders.length === 0
+                ? this.mode === "login"
+                    ? "No providers available"
+                    : "No providers logged in. Use /login first."
+                : "No matching providers";
+            this.listContainer.addChild(new TruncatedText(theme.fg("muted", `  ${message}`), 1, 0));
+        }
+    }
+    formatStatusIndicator(provider) {
+        const credential = this.authStorage.get(provider.id);
+        if (credential?.type === provider.authType)
+            return theme.fg("success", " ✓ configured");
+        if (credential) {
+            const label = credential.type === "oauth" ? "subscription configured" : "API key configured";
+            return theme.fg("muted", " • ") + theme.fg("warning", label);
+        }
+        if (provider.authType !== "api_key")
+            return theme.fg("muted", " • unconfigured");
+        const status = this.getAuthStatus(provider.id);
+        switch (status.source) {
+            case "environment":
+                return theme.fg("success", ` ✓ env: ${status.label ?? "API key"}`);
+            case "runtime":
+                return theme.fg("success", " ✓ runtime API key");
+            case "fallback":
+                return theme.fg("success", " ✓ custom API key");
+            case "models_json_key":
+                return theme.fg("success", " ✓ key in models.json");
+            case "models_json_command":
+                return theme.fg("success", " ✓ command in models.json");
+            default:
+                return theme.fg("muted", " • unconfigured");
+        }
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        // Up arrow
+        if (kb.matches(keyData, "tui.select.up")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+            this.updateList();
+        }
+        // Down arrow
+        else if (kb.matches(keyData, "tui.select.down")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex = Math.min(this.filteredProviders.length - 1, this.selectedIndex + 1);
+            this.updateList();
+        }
+        // Enter
+        else if (kb.matches(keyData, "tui.select.confirm")) {
+            const selectedProvider = this.filteredProviders[this.selectedIndex];
+            if (selectedProvider) {
+                this.onSelectCallback(selectedProvider.id);
+            }
+        }
+        // Escape or Ctrl+C
+        else if (kb.matches(keyData, "tui.select.cancel")) {
+            this.onCancelCallback();
+        }
+        // Pass everything else to search input
+        else {
+            this.searchInput.handleInput(keyData);
+            this.filterProviders(this.searchInput.getValue());
+        }
+    }
+}
+//# sourceMappingURL=oauth-selector.js.map

package/dist/modes/interactive/components/oauth-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-selector.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/oauth-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tContainer,\n\ttype Focusable,\n\tfuzzyFilter,\n\tgetKeybindings,\n\tInput,\n\tSpacer,\n\tTruncatedText,\n} from \"@earendil-works/omk-tui\";\nimport type { AuthStatus, AuthStorage } from \"../../../core/auth-storage.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nexport type AuthSelectorProvider = {\n\tid: string;\n\tname: string;\n\tauthType: \"oauth\" | \"api_key\";\n};\n\n/**\n * Component that renders an auth provider selector\n */\nexport class OAuthSelectorComponent extends Container implements Focusable {\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to search input for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\n\tprivate listContainer: Container;\n\tprivate allProviders: AuthSelectorProvider[];\n\tprivate filteredProviders: AuthSelectorProvider[];\n\tprivate selectedIndex: number = 0;\n\tprivate mode: \"login\" | \"logout\";\n\tprivate authStorage: AuthStorage;\n\tprivate getAuthStatus: (providerId: string) => AuthStatus;\n\tprivate onSelectCallback: (providerId: string) => void;\n\tprivate onCancelCallback: () => void;\n\n\tconstructor(\n\t\tmode: \"login\" | \"logout\",\n\t\tauthStorage: AuthStorage,\n\t\tproviders: AuthSelectorProvider[],\n\t\tonSelect: (providerId: string) => void,\n\t\tonCancel: () => void,\n\t\tgetAuthStatus?: (providerId: string) => AuthStatus,\n\t) {\n\t\tsuper();\n\n\t\tthis.mode = mode;\n\t\tthis.authStorage = authStorage;\n\t\tthis.getAuthStatus = getAuthStatus ?? ((providerId) => this.authStorage.getAuthStatus(providerId));\n\t\tthis.allProviders = providers;\n\t\tthis.filteredProviders = providers;\n\t\tthis.onSelectCallback = onSelect;\n\t\tthis.onCancelCallback = onCancel;\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add title\n\t\tconst title = mode === \"login\" ? \"Select provider to configure:\" : \"Select provider to logout:\";\n\t\tthis.addChild(new TruncatedText(theme.fg(\"accent\", theme.bold(title)), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tthis.searchInput = new Input();\n\t\tthis.searchInput.onSubmit = () => {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id);\n\t\t\t}\n\t\t};\n\t\tthis.addChild(this.searchInput);\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create list container\n\t\tthis.listContainer = new Container();\n\t\tthis.addChild(this.listContainer);\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add bottom border\n\t\tthis.addChild(new DynamicBorder());\n\n\t\t// Initial render\n\t\tthis.filterProviders(\"\");\n\t}\n\n\tprivate filterProviders(query: string): void {\n\t\tthis.filteredProviders = query\n\t\t\t? fuzzyFilter(this.allProviders, query, (provider) => `${provider.name} ${provider.id} ${provider.authType}`)\n\t\t\t: this.allProviders;\n\t\tthis.selectedIndex = Math.max(0, Math.min(this.selectedIndex, Math.max(0, this.filteredProviders.length - 1)));\n\t\tthis.updateList();\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tconst maxVisible = 8;\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst provider = this.filteredProviders[i];\n\t\t\tif (!provider) continue;\n\n\t\t\tconst isSelected = i === this.selectedIndex;\n\n\t\t\tconst statusIndicator = this.formatStatusIndicator(provider);\n\t\t\tlet line = \"\";\n\t\t\tif (isSelected) {\n\t\t\t\tconst prefix = theme.fg(\"accent\", \"→ \");\n\t\t\t\tconst text = theme.fg(\"accent\", provider.name);\n\t\t\t\tline = prefix + text + statusIndicator;\n\t\t\t} else {\n\t\t\t\tconst text = `  ${theme.fg(\"text\", provider.name)}`;\n\t\t\t\tline = text + statusIndicator;\n\t\t\t}\n\n\t\t\tthis.listContainer.addChild(new TruncatedText(line, 1, 0));\n\t\t}\n\n\t\tif (startIndex > 0 || endIndex < this.filteredProviders.length) {\n\t\t\tconst scrollInfo = theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`);\n\t\t\tthis.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));\n\t\t}\n\n\t\t// Show \"no providers\" if empty\n\t\tif (this.filteredProviders.length === 0) {\n\t\t\tconst message =\n\t\t\t\tthis.allProviders.length === 0\n\t\t\t\t\t? this.mode === \"login\"\n\t\t\t\t\t\t? \"No providers available\"\n\t\t\t\t\t\t: \"No providers logged in. Use /login first.\"\n\t\t\t\t\t: \"No matching providers\";\n\t\t\tthis.listContainer.addChild(new TruncatedText(theme.fg(\"muted\", `  ${message}`), 1, 0));\n\t\t}\n\t}\n\n\tprivate formatStatusIndicator(provider: AuthSelectorProvider): string {\n\t\tconst credential = this.authStorage.get(provider.id);\n\t\tif (credential?.type === provider.authType) return theme.fg(\"success\", \" ✓ configured\");\n\t\tif (credential) {\n\t\t\tconst label = credential.type === \"oauth\" ? \"subscription configured\" : \"API key configured\";\n\t\t\treturn theme.fg(\"muted\", \" • \") + theme.fg(\"warning\", label);\n\t\t}\n\t\tif (provider.authType !== \"api_key\") return theme.fg(\"muted\", \" • unconfigured\");\n\n\t\tconst status = this.getAuthStatus(provider.id);\n\t\tswitch (status.source) {\n\t\t\tcase \"environment\":\n\t\t\t\treturn theme.fg(\"success\", ` ✓ env: ${status.label ?? \"API key\"}`);\n\t\t\tcase \"runtime\":\n\t\t\t\treturn theme.fg(\"success\", \" ✓ runtime API key\");\n\t\t\tcase \"fallback\":\n\t\t\t\treturn theme.fg(\"success\", \" ✓ custom API key\");\n\t\t\tcase \"models_json_key\":\n\t\t\t\treturn theme.fg(\"success\", \" ✓ key in models.json\");\n\t\t\tcase \"models_json_command\":\n\t\t\t\treturn theme.fg(\"success\", \" ✓ command in models.json\");\n\t\t\tdefault:\n\t\t\t\treturn theme.fg(\"muted\", \" • unconfigured\");\n\t\t}\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\t// Up arrow\n\t\tif (kb.matches(keyData, \"tui.select.up\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.max(0, this.selectedIndex - 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Down arrow\n\t\telse if (kb.matches(keyData, \"tui.select.down\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.min(this.filteredProviders.length - 1, this.selectedIndex + 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Enter\n\t\telse if (kb.matches(keyData, \"tui.select.confirm\")) {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id);\n\t\t\t}\n\t\t}\n\t\t// Escape or Ctrl+C\n\t\telse if (kb.matches(keyData, \"tui.select.cancel\")) {\n\t\t\tthis.onCancelCallback();\n\t\t}\n\t\t// Pass everything else to search input\n\t\telse {\n\t\t\tthis.searchInput.handleInput(keyData);\n\t\t\tthis.filterProviders(this.searchInput.getValue());\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-brand-surface.d.ts

@@ -0,0 +1,58 @@
+import type { Component, TUI } from "@earendil-works/omk-tui";
+export interface OmkBrandSurfaceData {
+    version?: string;
+    provider?: string;
+    model?: string;
+    cwd?: string;
+    branch?: string;
+}
+export interface OmkBrandSurfaceOptions {
+    getData?: () => OmkBrandSurfaceData;
+    frame?: number;
+    showStatusBar?: boolean;
+    showPrompt?: boolean;
+    compact?: boolean;
+    ui?: TUI;
+    animate?: boolean;
+    intervalMs?: number;
+    maxFrames?: number;
+}
+export interface OmkBrandStartupOptions extends OmkBrandSurfaceOptions {
+    getCollapsedHint?: () => string;
+    getExpandedHelp?: () => string;
+    expanded?: boolean;
+}
+export declare function renderOmkBrandFrame(args: OmkBrandSurfaceData & {
+    cols: number;
+    frame?: number;
+    showStatusBar?: boolean;
+    showPrompt?: boolean;
+    compact?: boolean;
+}): string[];
+export declare class OmkBrandSurfaceComponent implements Component {
+    private readonly getData;
+    private readonly baseFrame;
+    private readonly showStatusBar;
+    private readonly showPrompt;
+    private readonly compact;
+    private animFrame;
+    private readonly animationTimer;
+    constructor(options?: OmkBrandSurfaceOptions);
+    dispose(): void;
+    invalidate(): void;
+    render(width: number): string[];
+}
+export declare class OmkBrandStartupComponent implements Component {
+    private readonly getData;
+    private readonly getCollapsedHint;
+    private readonly getExpandedHelp;
+    private expanded;
+    private animFrame;
+    private readonly animationTimer;
+    constructor(options?: OmkBrandStartupOptions);
+    setExpanded(expanded: boolean): void;
+    dispose(): void;
+    invalidate(): void;
+    render(width: number): string[];
+}
+//# sourceMappingURL=omk-brand-surface.d.ts.map

package/dist/modes/interactive/components/omk-brand-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"omk-brand-surface.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/omk-brand-surface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAiC9D,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACtC,OAAO,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACrE,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA8OD,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,mBAAmB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,GACC,MAAM,EAAE,CAgBV;AAED,qBAAa,wBAAyB,YAAW,SAAS;IACzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA4B;IACpD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAU;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAU;IAClC,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;IAE5D,YAAY,OAAO,GAAE,sBAA2B,EAe/C;IAED,OAAO,IAAI,IAAI,CAEd;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAS9B;CACD;AAED,qBAAa,wBAAyB,YAAW,SAAS;IACzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA4B;IACpD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IAChD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAe;IAC/C,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;IAE5D,YAAY,OAAO,GAAE,sBAA2B,EAe/C;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED,OAAO,IAAI,IAAI,CAEd;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAc9B;CACD","sourcesContent":["import type { Component, TUI } from \"@earendil-works/omk-tui\";\nimport { Chalk } from \"chalk\";\nimport gradient from \"gradient-string\";\nimport stringWidth from \"string-width\";\nimport { VERSION } from \"../../../config.ts\";\n\nconst chalk = new Chalk({ level: 3 });\nconst CSI = \"\\x1b[\";\nconst RESET = `${CSI}0m`;\n\nconst C = {\n\tcyan: \"#08d3fa\",\n\tdeepCyan: \"#003d4d\",\n\tmagenta: \"#fc6eff\",\n\tpink: \"#ff4fe3\",\n\tgreen: \"#08df69\",\n\tamber: \"#fcee09\",\n\tpurple: \"#a55ff6\",\n\tblue: \"#06b3f8\",\n\twhite: \"#f2ffff\",\n\tdim: \"#80a3a6\",\n} as const;\n\nconst BRAND_GRADIENT = [C.cyan, C.magenta, C.green] as const;\nconst BRAND_GRADIENT_ALT = [C.green, C.amber, C.magenta] as const;\n\nconst DEFAULT_VERSION = `v${VERSION}`;\nconst DEFAULT_MODEL = \"deepseek-v4-pro:max\";\nconst DEFAULT_PROVIDER = \"deepseek\";\nconst DEFAULT_SIGIL = \"omk\";\nconst DEFAULT_CWD = \"~/projects/benchmark/super-mario-mvp\";\nconst DEFAULT_BRANCH = \"main\";\n\nexport interface OmkBrandSurfaceData {\n\tversion?: string;\n\tprovider?: string;\n\tmodel?: string;\n\tcwd?: string;\n\tbranch?: string;\n}\n\nexport interface OmkBrandSurfaceOptions {\n\tgetData?: () => OmkBrandSurfaceData;\n\tframe?: number;\n\tshowStatusBar?: boolean;\n\tshowPrompt?: boolean;\n\tcompact?: boolean;\n\tui?: TUI;\n\tanimate?: boolean;\n\tintervalMs?: number;\n\tmaxFrames?: number;\n}\n\nexport interface OmkBrandStartupOptions extends OmkBrandSurfaceOptions {\n\tgetCollapsedHint?: () => string;\n\tgetExpandedHelp?: () => string;\n\texpanded?: boolean;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n\tconst value = hex.replace(\"#\", \"\");\n\treturn [\n\t\tNumber.parseInt(value.slice(0, 2), 16),\n\t\tNumber.parseInt(value.slice(2, 4), 16),\n\t\tNumber.parseInt(value.slice(4, 6), 16),\n\t];\n}\n\nfunction lerp(a: number, b: number, t: number): number {\n\treturn Math.round(a + (b - a) * t);\n}\n\nfunction paletteAt(colors: readonly string[], t: number): [number, number, number] {\n\tconst safeT = ((t % 1) + 1) % 1;\n\tconst scaled = safeT * (colors.length - 1);\n\tconst index = Math.floor(scaled);\n\tconst next = Math.min(colors.length - 1, index + 1);\n\tconst localT = scaled - index;\n\tconst a = hexToRgb(colors[index]);\n\tconst b = hexToRgb(colors[next]);\n\treturn [lerp(a[0], b[0], localT), lerp(a[1], b[1], localT), lerp(a[2], b[2], localT)];\n}\n\nfunction fg(rgb: readonly [number, number, number]): string {\n\treturn `${CSI}38;2;${rgb[0]};${rgb[1]};${rgb[2]}m`;\n}\n\nfunction stripAnsi(value: string): string {\n\treturn value.replace(/\\x1B(?:[@-Z\\\\-_]|\\[[0-?]*[ -/]*[@-~])/g, \"\");\n}\n\nfunction width(value: string): number {\n\treturn stringWidth(stripAnsi(value));\n}\n\nfunction padRight(value: string, targetWidth: number): string {\n\treturn value + \" \".repeat(Math.max(0, targetWidth - width(value)));\n}\n\nfunction center(value: string, targetWidth: number): string {\n\tconst visible = width(value);\n\tconst left = Math.max(0, Math.floor((targetWidth - visible) / 2));\n\tconst right = Math.max(0, targetWidth - visible - left);\n\treturn \" \".repeat(left) + value + \" \".repeat(right);\n}\n\nfunction centerFit(value: string, targetWidth: number): string {\n\treturn center(width(value) > targetWidth ? clipPlain(value, targetWidth) : value, targetWidth);\n}\n\nfunction clipPlain(value: string, targetWidth: number): string {\n\tconst plain = stripAnsi(value);\n\tif (stringWidth(plain) <= targetWidth) return value;\n\treturn `${plain.slice(0, Math.max(0, targetWidth - 1))}…`;\n}\n\nfunction paint(value: string, colors: readonly string[], frame = 0, bold = false): string {\n\tconst chars = [...value];\n\tconst span = Math.max(1, chars.length - 1);\n\tlet out = \"\";\n\tfor (let i = 0; i < chars.length; i++) {\n\t\tconst ch = chars[i];\n\t\tif (ch === \" \") {\n\t\t\tout += ch;\n\t\t\tcontinue;\n\t\t}\n\t\tconst base = i / span;\n\t\tconst wave = Math.sin((i + frame) * 0.38) * 0.08;\n\t\tconst phase = base + frame * 0.028 + wave;\n\t\tout += `${fg(paletteAt(colors, phase))}${bold ? `${CSI}1m` : \"\"}${ch}${RESET}`;\n\t}\n\treturn out;\n}\n\nfunction sparkleRow(targetWidth: number, frame: number, seed: number): string {\n\tlet out = \"\";\n\tfor (let i = 0; i < targetWidth; i++) {\n\t\tconst v = (i * 37 + frame * 11 + seed * 19) % 101;\n\t\tif (v === 0) out += paint(\"✦\", [C.cyan, C.magenta, C.green], frame + i, true);\n\t\telse if (v === 7 || v === 13) out += paint(\"·\", [C.cyan, C.green], frame + i);\n\t\telse if (v === 29) out += paint(\"•\", [C.amber, C.magenta], frame + i);\n\t\telse out += \" \";\n\t}\n\treturn out;\n}\n\nfunction box(title: string, lines: string[], targetWidth: number, colors: readonly string[], frame: number): string[] {\n\tconst inner = targetWidth - 4;\n\tconst titleText = title ? ` ${chalk.hex(C.cyan).bold(title)} ` : \"\";\n\tconst topRightRun = Math.max(0, targetWidth - 4 - width(titleText));\n\tconst top =\n\t\tpaint(\"╭──\", colors, frame, true) + titleText + paint(`${\"─\".repeat(topRightRun)}╮`, colors, frame + 4, true);\n\tconst out = [top];\n\tfor (let i = 0; i < lines.length; i++) {\n\t\tconst line = width(lines[i]) > inner ? clipPlain(lines[i], inner) : lines[i];\n\t\tout.push(\n\t\t\t`${paint(\"│\", colors, frame + i, true)} ${padRight(line, inner)} ${paint(\"│\", colors, frame + i + 7, true)}`,\n\t\t);\n\t}\n\tout.push(paint(`╰${\"─\".repeat(targetWidth - 2)}╯`, colors, frame + 11, true));\n\treturn out;\n}\n\nconst OMK_WORDMARK = [\n\t\"   ██████╗ ███╗   ███╗██╗  ██╗   \",\n\t\"  ██╔═══██╗████╗ ████║██║ ██╔╝   \",\n\t\"  ██║   ██║██╔████╔██║█████╔╝    \",\n\t\"  ██║   ██║██║╚██╔╝██║██╔═██╗    \",\n\t\"  ╚██████╔╝██║ ╚═╝ ██║██║  ██╗   \",\n\t\"   ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═╝   \",\n] as const;\n\nconst FORGE = [\n\t\"        ╭──────────────╮          ╭────────╮        \",\n\t\"        ╰─────╮    ╭───╯       ╭──╯        ╰──╮     \",\n\t\"              ╰────╯        ╭──╯              │     \",\n\t\"        ╭─────╮    ╭───╮    ╰──╮              │     \",\n\t\"        ╰─────╯    ╰───╯       ╰──╮        ╭──╯     \",\n\t\"                                    ╰────────╯        \",\n] as const;\n\nfunction sigilLine(line: string, frame: number, sigil: \"omk\" | \"forge\"): string {\n\tif (sigil === \"omk\") {\n\t\treturn paint(line, BRAND_GRADIENT, frame, true);\n\t}\n\tconst chars = [...line];\n\tconst split = Math.floor(chars.length * 0.52);\n\treturn (\n\t\tpaint(chars.slice(0, split).join(\"\"), BRAND_GRADIENT, frame, true) +\n\t\tpaint(chars.slice(split).join(\"\"), BRAND_GRADIENT_ALT, frame + 8, true)\n\t);\n}\n\nfunction normalizeSigilVariant(value: string | undefined): \"omk\" | \"forge\" {\n\treturn value?.trim().toLowerCase() === \"forge\" ? \"forge\" : \"omk\";\n}\n\nfunction resolveSigilLines(compact: boolean): readonly string[] {\n\tconst sigil = normalizeSigilVariant(process.env.OMK_SIGIL ?? DEFAULT_SIGIL);\n\tif (sigil === \"forge\") {\n\t\treturn compact ? FORGE.slice(1, 5) : FORGE;\n\t}\n\treturn OMK_WORDMARK;\n}\n\nfunction normalizeData(data: OmkBrandSurfaceData): Required<OmkBrandSurfaceData> {\n\treturn {\n\t\tversion: data.version ?? DEFAULT_VERSION,\n\t\tprovider: data.provider ?? DEFAULT_PROVIDER,\n\t\tmodel: data.model ?? DEFAULT_MODEL,\n\t\tcwd: data.cwd ?? DEFAULT_CWD,\n\t\tbranch: data.branch ?? DEFAULT_BRANCH,\n\t};\n}\n\nfunction makeBrandCard(\n\ttargetWidth: number,\n\tframe: number,\n\tdata: Required<OmkBrandSurfaceData>,\n\tcompact = false,\n): string[] {\n\tconst inner = targetWidth - 4;\n\tconst routeGradient = gradient([...BRAND_GRADIENT]);\n\tconst modelGradient = gradient([...BRAND_GRADIENT_ALT]);\n\tconst artLines = resolveSigilLines(compact);\n\tconst sigil = normalizeSigilVariant(process.env.OMK_SIGIL ?? DEFAULT_SIGIL);\n\tconst lines = [\n\t\t\"\",\n\t\tcenterFit(chalk.hex(C.cyan).bold(\"OMK\"), inner),\n\t\tcenterFit(chalk.hex(C.dim)(\"route · verify · loop · control\"), inner),\n\t\t\"\",\n\t\tsparkleRow(inner, frame, 1),\n\t\t...artLines.map((line) => centerFit(sigilLine(line, frame, sigil), inner)),\n\t\tsparkleRow(inner, frame + 9, 2),\n\t\t\"\",\n\t\tcenterFit(\n\t\t\t`${paint(\"●\", [C.magenta, C.green], frame, true)} ${chalk.hex(C.white).bold(\"OMK\")} ${chalk.hex(C.dim)(\" / \")}${modelGradient(data.model)}`,\n\t\t\tinner,\n\t\t),\n\t\tcenterFit(\n\t\t\t`${paint(\"◈\", [C.amber, C.magenta], frame, true)} ${chalk.hex(C.white)(\"omk-control\")} ${chalk.hex(C.dim)(\"· \")}${routeGradient(\"route · verify · loop\")}`,\n\t\t\tinner,\n\t\t),\n\t\t\"\",\n\t];\n\treturn box(`omk ${data.version} · OMK//CONTROL`, lines, targetWidth, BRAND_GRADIENT, frame);\n}\n\nfunction statusBar(targetWidth: number, frame: number, data: Required<OmkBrandSurfaceData>): string {\n\tconst left =\n\t\tchalk.bgHex(C.deepCyan).hex(C.white).bold(\" ● OMK \") +\n\t\tchalk.bgHex(\"#0a2a2f\").hex(C.green)(` ${data.provider}/${data.model} `) +\n\t\tchalk.bgHex(\"#0a1a1f\").hex(C.white)(` ⎇ ${data.branch} ×40 ?635 `) +\n\t\tchalk.bgHex(\"#142a1f\").hex(C.amber)(` 📁 ${data.cwd} `);\n\tconst right =\n\t\tchalk.bgHex(C.deepCyan).hex(C.white).bold(\" 12.2%/272K ↻ \") + chalk.bgHex(\"#0a2a2f\").hex(C.magenta)(\" (sub) \");\n\tconst clippedLeft = clipPlain(left, Math.max(1, targetWidth - width(right) - 1));\n\tconst gap = Math.max(1, targetWidth - width(clippedLeft) - width(right));\n\tconst line = clippedLeft + paint(\"─\".repeat(gap), BRAND_GRADIENT, frame, true) + right;\n\treturn width(line) > targetWidth ? clipPlain(line, targetWidth) : line;\n}\n\nfunction promptBox(targetWidth: number, frame: number): string[] {\n\tconst inner = targetWidth - 4;\n\tconst content = `${chalk.hex(C.cyan).bold(\"> \")}${chalk.hex(C.dim)(\"Type your message...\")}`;\n\treturn [\n\t\tpaint(`╭${\"─\".repeat(targetWidth - 2)}╮`, BRAND_GRADIENT, frame, true),\n\t\t`${paint(\"│\", BRAND_GRADIENT, frame + 2, true)} ${padRight(content, inner)} ${paint(\"│\", BRAND_GRADIENT, frame + 7, true)}`,\n\t\tpaint(`╰${\"─\".repeat(targetWidth - 2)}╯`, BRAND_GRADIENT, frame + 11, true),\n\t];\n}\n\ninterface BrandAnimationOptions {\n\tui?: TUI;\n\tanimate?: boolean;\n\tintervalMs?: number;\n\tmaxFrames?: number;\n\tonFrame: () => void;\n}\n\nfunction startBrandAnimation(options: BrandAnimationOptions): NodeJS.Timeout | undefined {\n\tif (!options.ui || options.animate === false) return undefined;\n\tconst intervalMs = Math.max(60, options.intervalMs ?? 90);\n\tconst maxFrames = Math.max(1, Math.min(options.maxFrames ?? 36, 120));\n\tlet ticks = 0;\n\tconst interval = setInterval(() => {\n\t\toptions.onFrame();\n\t\toptions.ui?.requestRender();\n\t\tticks += 1;\n\t\tif (ticks >= maxFrames) clearInterval(interval);\n\t}, intervalMs);\n\tinterval.unref?.();\n\treturn interval;\n}\n\nexport function renderOmkBrandFrame(\n\targs: OmkBrandSurfaceData & {\n\t\tcols: number;\n\t\tframe?: number;\n\t\tshowStatusBar?: boolean;\n\t\tshowPrompt?: boolean;\n\t\tcompact?: boolean;\n\t},\n): string[] {\n\tconst cols = Math.max(40, args.cols);\n\tconst frame = args.frame ?? 0;\n\tconst data = normalizeData(args);\n\tconst minCardWidth = cols >= 72 ? 64 : 32;\n\tconst cardWidth = Math.min(cols, 96, Math.max(minCardWidth, cols - 8));\n\tconst card = makeBrandCard(cardWidth, frame, data, args.compact);\n\tconst leftPad = \" \".repeat(Math.max(0, Math.floor((cols - cardWidth) / 2)));\n\tconst lines = card.map((line) => leftPad + line);\n\tif (args.showStatusBar) {\n\t\tlines.push(\"\", statusBar(cols, frame, data));\n\t}\n\tif (args.showPrompt) {\n\t\tlines.push(...promptBox(Math.max(32, cols - 2), frame).map((line) => ` ${line}`));\n\t}\n\treturn lines;\n}\n\nexport class OmkBrandSurfaceComponent implements Component {\n\tprivate readonly getData: () => OmkBrandSurfaceData;\n\tprivate readonly baseFrame: number;\n\tprivate readonly showStatusBar: boolean;\n\tprivate readonly showPrompt: boolean;\n\tprivate readonly compact: boolean;\n\tprivate animFrame = 0;\n\tprivate readonly animationTimer: NodeJS.Timeout | undefined;\n\n\tconstructor(options: OmkBrandSurfaceOptions = {}) {\n\t\tthis.getData = options.getData ?? (() => ({}));\n\t\tthis.baseFrame = options.frame ?? 0;\n\t\tthis.showStatusBar = options.showStatusBar ?? true;\n\t\tthis.showPrompt = options.showPrompt ?? true;\n\t\tthis.compact = options.compact ?? false;\n\t\tthis.animationTimer = startBrandAnimation({\n\t\t\tui: options.ui,\n\t\t\tanimate: options.animate,\n\t\t\tintervalMs: options.intervalMs,\n\t\t\tmaxFrames: options.maxFrames,\n\t\t\tonFrame: () => {\n\t\t\t\tthis.animFrame = (this.animFrame + 1) % 65536;\n\t\t\t},\n\t\t});\n\t}\n\n\tdispose(): void {\n\t\tif (this.animationTimer) clearInterval(this.animationTimer);\n\t}\n\n\tinvalidate(): void {\n\t\t// Dynamic view: live data and animation frame are read during render.\n\t}\n\n\trender(width: number): string[] {\n\t\treturn renderOmkBrandFrame({\n\t\t\t...this.getData(),\n\t\t\tcols: width,\n\t\t\tframe: this.baseFrame + this.animFrame,\n\t\t\tshowStatusBar: this.showStatusBar,\n\t\t\tshowPrompt: this.showPrompt,\n\t\t\tcompact: this.compact,\n\t\t});\n\t}\n}\n\nexport class OmkBrandStartupComponent implements Component {\n\tprivate readonly getData: () => OmkBrandSurfaceData;\n\tprivate readonly getCollapsedHint: () => string;\n\tprivate readonly getExpandedHelp: () => string;\n\tprivate expanded: boolean;\n\tprivate animFrame = 0;\n\tprivate readonly animationTimer: NodeJS.Timeout | undefined;\n\n\tconstructor(options: OmkBrandStartupOptions = {}) {\n\t\tthis.getData = options.getData ?? (() => ({}));\n\t\tthis.getCollapsedHint =\n\t\t\toptions.getCollapsedHint ?? (() => \"press ctrl+o for controls · /brand for control surface\");\n\t\tthis.getExpandedHelp = options.getExpandedHelp ?? (() => \"\");\n\t\tthis.expanded = options.expanded ?? false;\n\t\tthis.animationTimer = startBrandAnimation({\n\t\t\tui: options.ui,\n\t\t\tanimate: options.animate,\n\t\t\tintervalMs: options.intervalMs,\n\t\t\tmaxFrames: options.maxFrames ?? 16,\n\t\t\tonFrame: () => {\n\t\t\t\tthis.animFrame = (this.animFrame + 1) % 65536;\n\t\t\t},\n\t\t});\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tthis.expanded = expanded;\n\t}\n\n\tdispose(): void {\n\t\tif (this.animationTimer) clearInterval(this.animationTimer);\n\t}\n\n\tinvalidate(): void {\n\t\t// Dynamic view: live data and animation frame are read during render.\n\t}\n\n\trender(width: number): string[] {\n\t\tconst lines = renderOmkBrandFrame({\n\t\t\t...this.getData(),\n\t\t\tcols: width,\n\t\t\tframe: this.animFrame,\n\t\t\tshowStatusBar: false,\n\t\t\tshowPrompt: false,\n\t\t\tcompact: true,\n\t\t});\n\t\tconst hint = this.expanded ? this.getExpandedHelp() : this.getCollapsedHint();\n\t\tif (hint.trim()) {\n\t\t\tlines.push(\"\", ...hint.split(\"\\n\").map((line) => center(chalk.hex(C.dim)(line), width)));\n\t\t}\n\t\treturn lines;\n\t}\n}\n"]}

package/dist/modes/interactive/components/omk-brand-surface.js

@@ -0,0 +1,330 @@
+import { Chalk } from "chalk";
+import gradient from "gradient-string";
+import stringWidth from "string-width";
+import { VERSION } from "../../../config.js";
+const chalk = new Chalk({ level: 3 });
+const CSI = "\x1b[";
+const RESET = `${CSI}0m`;
+const C = {
+    cyan: "#08d3fa",
+    deepCyan: "#003d4d",
+    magenta: "#fc6eff",
+    pink: "#ff4fe3",
+    green: "#08df69",
+    amber: "#fcee09",
+    purple: "#a55ff6",
+    blue: "#06b3f8",
+    white: "#f2ffff",
+    dim: "#80a3a6",
+};
+const BRAND_GRADIENT = [C.cyan, C.magenta, C.green];
+const BRAND_GRADIENT_ALT = [C.green, C.amber, C.magenta];
+const DEFAULT_VERSION = `v${VERSION}`;
+const DEFAULT_MODEL = "deepseek-v4-pro:max";
+const DEFAULT_PROVIDER = "deepseek";
+const DEFAULT_SIGIL = "omk";
+const DEFAULT_CWD = "~/projects/benchmark/super-mario-mvp";
+const DEFAULT_BRANCH = "main";
+function hexToRgb(hex) {
+    const value = hex.replace("#", "");
+    return [
+        Number.parseInt(value.slice(0, 2), 16),
+        Number.parseInt(value.slice(2, 4), 16),
+        Number.parseInt(value.slice(4, 6), 16),
+    ];
+}
+function lerp(a, b, t) {
+    return Math.round(a + (b - a) * t);
+}
+function paletteAt(colors, t) {
+    const safeT = ((t % 1) + 1) % 1;
+    const scaled = safeT * (colors.length - 1);
+    const index = Math.floor(scaled);
+    const next = Math.min(colors.length - 1, index + 1);
+    const localT = scaled - index;
+    const a = hexToRgb(colors[index]);
+    const b = hexToRgb(colors[next]);
+    return [lerp(a[0], b[0], localT), lerp(a[1], b[1], localT), lerp(a[2], b[2], localT)];
+}
+function fg(rgb) {
+    return `${CSI}38;2;${rgb[0]};${rgb[1]};${rgb[2]}m`;
+}
+function stripAnsi(value) {
+    return value.replace(/\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])/g, "");
+}
+function width(value) {
+    return stringWidth(stripAnsi(value));
+}
+function padRight(value, targetWidth) {
+    return value + " ".repeat(Math.max(0, targetWidth - width(value)));
+}
+function center(value, targetWidth) {
+    const visible = width(value);
+    const left = Math.max(0, Math.floor((targetWidth - visible) / 2));
+    const right = Math.max(0, targetWidth - visible - left);
+    return " ".repeat(left) + value + " ".repeat(right);
+}
+function centerFit(value, targetWidth) {
+    return center(width(value) > targetWidth ? clipPlain(value, targetWidth) : value, targetWidth);
+}
+function clipPlain(value, targetWidth) {
+    const plain = stripAnsi(value);
+    if (stringWidth(plain) <= targetWidth)
+        return value;
+    return `${plain.slice(0, Math.max(0, targetWidth - 1))}…`;
+}
+function paint(value, colors, frame = 0, bold = false) {
+    const chars = [...value];
+    const span = Math.max(1, chars.length - 1);
+    let out = "";
+    for (let i = 0; i < chars.length; i++) {
+        const ch = chars[i];
+        if (ch === " ") {
+            out += ch;
+            continue;
+        }
+        const base = i / span;
+        const wave = Math.sin((i + frame) * 0.38) * 0.08;
+        const phase = base + frame * 0.028 + wave;
+        out += `${fg(paletteAt(colors, phase))}${bold ? `${CSI}1m` : ""}${ch}${RESET}`;
+    }
+    return out;
+}
+function sparkleRow(targetWidth, frame, seed) {
+    let out = "";
+    for (let i = 0; i < targetWidth; i++) {
+        const v = (i * 37 + frame * 11 + seed * 19) % 101;
+        if (v === 0)
+            out += paint("✦", [C.cyan, C.magenta, C.green], frame + i, true);
+        else if (v === 7 || v === 13)
+            out += paint("·", [C.cyan, C.green], frame + i);
+        else if (v === 29)
+            out += paint("•", [C.amber, C.magenta], frame + i);
+        else
+            out += " ";
+    }
+    return out;
+}
+function box(title, lines, targetWidth, colors, frame) {
+    const inner = targetWidth - 4;
+    const titleText = title ? ` ${chalk.hex(C.cyan).bold(title)} ` : "";
+    const topRightRun = Math.max(0, targetWidth - 4 - width(titleText));
+    const top = paint("╭──", colors, frame, true) + titleText + paint(`${"─".repeat(topRightRun)}╮`, colors, frame + 4, true);
+    const out = [top];
+    for (let i = 0; i < lines.length; i++) {
+        const line = width(lines[i]) > inner ? clipPlain(lines[i], inner) : lines[i];
+        out.push(`${paint("│", colors, frame + i, true)} ${padRight(line, inner)} ${paint("│", colors, frame + i + 7, true)}`);
+    }
+    out.push(paint(`╰${"─".repeat(targetWidth - 2)}╯`, colors, frame + 11, true));
+    return out;
+}
+const OMK_WORDMARK = [
+    "   ██████╗ ███╗   ███╗██╗  ██╗   ",
+    "  ██╔═══██╗████╗ ████║██║ ██╔╝   ",
+    "  ██║   ██║██╔████╔██║█████╔╝    ",
+    "  ██║   ██║██║╚██╔╝██║██╔═██╗    ",
+    "  ╚██████╔╝██║ ╚═╝ ██║██║  ██╗   ",
+    "   ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═╝   ",
+];
+const FORGE = [
+    "        ╭──────────────╮          ╭────────╮        ",
+    "        ╰─────╮    ╭───╯       ╭──╯        ╰──╮     ",
+    "              ╰────╯        ╭──╯              │     ",
+    "        ╭─────╮    ╭───╮    ╰──╮              │     ",
+    "        ╰─────╯    ╰───╯       ╰──╮        ╭──╯     ",
+    "                                    ╰────────╯        ",
+];
+function sigilLine(line, frame, sigil) {
+    if (sigil === "omk") {
+        return paint(line, BRAND_GRADIENT, frame, true);
+    }
+    const chars = [...line];
+    const split = Math.floor(chars.length * 0.52);
+    return (paint(chars.slice(0, split).join(""), BRAND_GRADIENT, frame, true) +
+        paint(chars.slice(split).join(""), BRAND_GRADIENT_ALT, frame + 8, true));
+}
+function normalizeSigilVariant(value) {
+    return value?.trim().toLowerCase() === "forge" ? "forge" : "omk";
+}
+function resolveSigilLines(compact) {
+    const sigil = normalizeSigilVariant(process.env.OMK_SIGIL ?? DEFAULT_SIGIL);
+    if (sigil === "forge") {
+        return compact ? FORGE.slice(1, 5) : FORGE;
+    }
+    return OMK_WORDMARK;
+}
+function normalizeData(data) {
+    return {
+        version: data.version ?? DEFAULT_VERSION,
+        provider: data.provider ?? DEFAULT_PROVIDER,
+        model: data.model ?? DEFAULT_MODEL,
+        cwd: data.cwd ?? DEFAULT_CWD,
+        branch: data.branch ?? DEFAULT_BRANCH,
+    };
+}
+function makeBrandCard(targetWidth, frame, data, compact = false) {
+    const inner = targetWidth - 4;
+    const routeGradient = gradient([...BRAND_GRADIENT]);
+    const modelGradient = gradient([...BRAND_GRADIENT_ALT]);
+    const artLines = resolveSigilLines(compact);
+    const sigil = normalizeSigilVariant(process.env.OMK_SIGIL ?? DEFAULT_SIGIL);
+    const lines = [
+        "",
+        centerFit(chalk.hex(C.cyan).bold("OMK"), inner),
+        centerFit(chalk.hex(C.dim)("route · verify · loop · control"), inner),
+        "",
+        sparkleRow(inner, frame, 1),
+        ...artLines.map((line) => centerFit(sigilLine(line, frame, sigil), inner)),
+        sparkleRow(inner, frame + 9, 2),
+        "",
+        centerFit(`${paint("●", [C.magenta, C.green], frame, true)} ${chalk.hex(C.white).bold("OMK")} ${chalk.hex(C.dim)(" / ")}${modelGradient(data.model)}`, inner),
+        centerFit(`${paint("◈", [C.amber, C.magenta], frame, true)} ${chalk.hex(C.white)("omk-control")} ${chalk.hex(C.dim)("· ")}${routeGradient("route · verify · loop")}`, inner),
+        "",
+    ];
+    return box(`omk ${data.version} · OMK//CONTROL`, lines, targetWidth, BRAND_GRADIENT, frame);
+}
+function statusBar(targetWidth, frame, data) {
+    const left = chalk.bgHex(C.deepCyan).hex(C.white).bold(" ● OMK ") +
+        chalk.bgHex("#0a2a2f").hex(C.green)(` ${data.provider}/${data.model} `) +
+        chalk.bgHex("#0a1a1f").hex(C.white)(` ⎇ ${data.branch} ×40 ?635 `) +
+        chalk.bgHex("#142a1f").hex(C.amber)(` 📁 ${data.cwd} `);
+    const right = chalk.bgHex(C.deepCyan).hex(C.white).bold(" 12.2%/272K ↻ ") + chalk.bgHex("#0a2a2f").hex(C.magenta)(" (sub) ");
+    const clippedLeft = clipPlain(left, Math.max(1, targetWidth - width(right) - 1));
+    const gap = Math.max(1, targetWidth - width(clippedLeft) - width(right));
+    const line = clippedLeft + paint("─".repeat(gap), BRAND_GRADIENT, frame, true) + right;
+    return width(line) > targetWidth ? clipPlain(line, targetWidth) : line;
+}
+function promptBox(targetWidth, frame) {
+    const inner = targetWidth - 4;
+    const content = `${chalk.hex(C.cyan).bold("> ")}${chalk.hex(C.dim)("Type your message...")}`;
+    return [
+        paint(`╭${"─".repeat(targetWidth - 2)}╮`, BRAND_GRADIENT, frame, true),
+        `${paint("│", BRAND_GRADIENT, frame + 2, true)} ${padRight(content, inner)} ${paint("│", BRAND_GRADIENT, frame + 7, true)}`,
+        paint(`╰${"─".repeat(targetWidth - 2)}╯`, BRAND_GRADIENT, frame + 11, true),
+    ];
+}
+function startBrandAnimation(options) {
+    if (!options.ui || options.animate === false)
+        return undefined;
+    const intervalMs = Math.max(60, options.intervalMs ?? 90);
+    const maxFrames = Math.max(1, Math.min(options.maxFrames ?? 36, 120));
+    let ticks = 0;
+    const interval = setInterval(() => {
+        options.onFrame();
+        options.ui?.requestRender();
+        ticks += 1;
+        if (ticks >= maxFrames)
+            clearInterval(interval);
+    }, intervalMs);
+    interval.unref?.();
+    return interval;
+}
+export function renderOmkBrandFrame(args) {
+    const cols = Math.max(40, args.cols);
+    const frame = args.frame ?? 0;
+    const data = normalizeData(args);
+    const minCardWidth = cols >= 72 ? 64 : 32;
+    const cardWidth = Math.min(cols, 96, Math.max(minCardWidth, cols - 8));
+    const card = makeBrandCard(cardWidth, frame, data, args.compact);
+    const leftPad = " ".repeat(Math.max(0, Math.floor((cols - cardWidth) / 2)));
+    const lines = card.map((line) => leftPad + line);
+    if (args.showStatusBar) {
+        lines.push("", statusBar(cols, frame, data));
+    }
+    if (args.showPrompt) {
+        lines.push(...promptBox(Math.max(32, cols - 2), frame).map((line) => ` ${line}`));
+    }
+    return lines;
+}
+export class OmkBrandSurfaceComponent {
+    getData;
+    baseFrame;
+    showStatusBar;
+    showPrompt;
+    compact;
+    animFrame = 0;
+    animationTimer;
+    constructor(options = {}) {
+        this.getData = options.getData ?? (() => ({}));
+        this.baseFrame = options.frame ?? 0;
+        this.showStatusBar = options.showStatusBar ?? true;
+        this.showPrompt = options.showPrompt ?? true;
+        this.compact = options.compact ?? false;
+        this.animationTimer = startBrandAnimation({
+            ui: options.ui,
+            animate: options.animate,
+            intervalMs: options.intervalMs,
+            maxFrames: options.maxFrames,
+            onFrame: () => {
+                this.animFrame = (this.animFrame + 1) % 65536;
+            },
+        });
+    }
+    dispose() {
+        if (this.animationTimer)
+            clearInterval(this.animationTimer);
+    }
+    invalidate() {
+        // Dynamic view: live data and animation frame are read during render.
+    }
+    render(width) {
+        return renderOmkBrandFrame({
+            ...this.getData(),
+            cols: width,
+            frame: this.baseFrame + this.animFrame,
+            showStatusBar: this.showStatusBar,
+            showPrompt: this.showPrompt,
+            compact: this.compact,
+        });
+    }
+}
+export class OmkBrandStartupComponent {
+    getData;
+    getCollapsedHint;
+    getExpandedHelp;
+    expanded;
+    animFrame = 0;
+    animationTimer;
+    constructor(options = {}) {
+        this.getData = options.getData ?? (() => ({}));
+        this.getCollapsedHint =
+            options.getCollapsedHint ?? (() => "press ctrl+o for controls · /brand for control surface");
+        this.getExpandedHelp = options.getExpandedHelp ?? (() => "");
+        this.expanded = options.expanded ?? false;
+        this.animationTimer = startBrandAnimation({
+            ui: options.ui,
+            animate: options.animate,
+            intervalMs: options.intervalMs,
+            maxFrames: options.maxFrames ?? 16,
+            onFrame: () => {
+                this.animFrame = (this.animFrame + 1) % 65536;
+            },
+        });
+    }
+    setExpanded(expanded) {
+        this.expanded = expanded;
+    }
+    dispose() {
+        if (this.animationTimer)
+            clearInterval(this.animationTimer);
+    }
+    invalidate() {
+        // Dynamic view: live data and animation frame are read during render.
+    }
+    render(width) {
+        const lines = renderOmkBrandFrame({
+            ...this.getData(),
+            cols: width,
+            frame: this.animFrame,
+            showStatusBar: false,
+            showPrompt: false,
+            compact: true,
+        });
+        const hint = this.expanded ? this.getExpandedHelp() : this.getCollapsedHint();
+        if (hint.trim()) {
+            lines.push("", ...hint.split("\n").map((line) => center(chalk.hex(C.dim)(line), width)));
+        }
+        return lines;
+    }
+}
+//# sourceMappingURL=omk-brand-surface.js.map