@mozole/cli 1.4.3 → 2.0.0

package/dist/scaffold/standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard.js","sourceRoot":"","sources":["../../src/scaffold/standard.ts"],"names":[],"mappings":"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"}

package/dist/scaffold/tokens.d.ts

@@ -0,0 +1,3 @@
+export declare function generateCanonicalTokensCss(): string;
+export declare function scaffoldTokens(projectRoot: string): Promise<void>;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/scaffold/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/scaffold/tokens.ts"],"names":[],"mappings":"AAGA,wBAAgB,0BAA0B,IAAI,MAAM,CAsHnD;AAED,wBAAsB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGvE"}

package/dist/scaffold/tokens.js

@@ -0,0 +1,126 @@
+import path from "node:path";
+import { atomicWrite } from "../utils/fs.js";
+export function generateCanonicalTokensCss() {
+    return `@import "tailwindcss";
+
+@theme static {
+  /* Palette */
+  --color-background: #090a0f;
+  --color-foreground: #f8fafc;
+  --color-surface: #12141c;
+  --color-surface-elevated: #1a1d29;
+  --color-border: #232738;
+  --color-border-subtle: #171a26;
+
+  --color-primary: #3b82f6;
+  --color-primary-foreground: #ffffff;
+  --color-accent: #60a5fa;
+  --color-canvas-start: rgba(59, 130, 246, 0.06);
+  --color-canvas-end: rgba(9, 10, 15, 0);
+  --color-accent-foreground: #090a0f;
+
+  --color-muted: #1e2230;
+  --color-muted-foreground: #94a3b8;
+
+  --color-success: #10b981;
+  --color-warning: #f59e0b;
+  --color-danger: #ef4444;
+
+  /* Typography */
+  --font-display: "Cabinet Grotesk", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
+  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
+  --font-interface: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, monospace;
+
+  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
+  --text-sm: clamp(0.875rem, 0.825rem + 0.25vw, 0.9375rem);
+  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
+  --text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
+  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
+  --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
+  --text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);
+  --text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);
+  --text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4.5rem);
+
+  /* Layout */
+  --radius-xs: 4px;
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --radius-lg: 16px;
+  --radius-full: 9999px;
+
+  --spacing-container-max: 1280px;
+  --spacing-container-gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
+
+  /* Shadows */
+  --shadow-solid-sm: 0 2px 0 0 rgba(0, 0, 0, 0.4);
+  --shadow-solid-md: 0 4px 0 0 rgba(0, 0, 0, 0.5);
+  --shadow-solid-lg: 0 8px 0 0 rgba(0, 0, 0, 0.6);
+}
+
+@layer base {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  html {
+    font-family: var(--font-body);
+    font-size: 16px;
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    margin: 0;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--font-display);
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    margin: 0;
+  }
+
+  p {
+    margin: 0;
+    line-height: 1.6;
+  }
+
+  /* Accessible focus rings */
+  :focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+  }
+
+  /* Respect reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms;
+      animation-iteration-count: 1;
+      transition-duration: 0.01ms;
+      scroll-behavior: auto;
+    }
+  }
+}
+`;
+}
+export async function scaffoldTokens(projectRoot) {
+    const css = generateCanonicalTokensCss();
+    await atomicWrite(path.join(projectRoot, "src", "styles", "tokens.css"), css);
+}
+//# sourceMappingURL=tokens.js.map

package/dist/scaffold/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/scaffold/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,0BAA0B;IACxC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHR,CAAC;AACF,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,WAAmB;IACtD,MAAM,GAAG,GAAG,0BAA0B,EAAE,CAAC;IACzC,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;AAChF,CAAC"}

package/dist/server/manager.d.ts

@@ -0,0 +1,23 @@
+import { type ChildProcess } from "node:child_process";
+export interface ManagedServer {
+    id: string;
+    projectName: string;
+    projectPath: string;
+    port: number;
+    process: ChildProcess;
+    url: string;
+    startTime: number;
+    recentLogs: string[];
+}
+export declare function findAvailablePort(startPort?: number, maxTries?: number): Promise<number>;
+declare class ServerManager {
+    private servers;
+    startServer(projectName: string, projectPath: string): Promise<ManagedServer>;
+    stopServer(projectName: string): boolean;
+    stopAll(): void;
+    getRunningServers(): ManagedServer[];
+    getServer(projectName: string): ManagedServer | undefined;
+}
+export declare const serverManager: ServerManager;
+export {};
+//# sourceMappingURL=manager.d.ts.map

package/dist/server/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/server/manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAS,MAAM,oBAAoB,CAAC;AAI9D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,wBAAsB,iBAAiB,CAAC,SAAS,SAAO,EAAE,QAAQ,SAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAaxF;AAED,cAAM,aAAa;IACjB,OAAO,CAAC,OAAO,CAAoC;IAEtC,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IA0DnF,UAAU,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO;IAUxC,OAAO,IAAI,IAAI;IAMf,iBAAiB,IAAI,aAAa,EAAE;IAIpC,SAAS,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS;CAIjE;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/dist/server/manager.js

@@ -0,0 +1,96 @@
+import { spawn } from "node:child_process";
+import net from "node:net";
+import { terminateProcess, trackProcess } from "../utils/process.js";
+export async function findAvailablePort(startPort = 5173, maxTries = 20) {
+    for (let p = startPort; p < startPort + maxTries; p++) {
+        const free = await new Promise((resolve) => {
+            const server = net.createServer();
+            server.once("error", () => resolve(false));
+            server.once("listening", () => {
+                server.close(() => resolve(true));
+            });
+            server.listen(p, "127.0.0.1");
+        });
+        if (free)
+            return p;
+    }
+    throw new Error(`Unable to find an open port in range ${startPort}-${startPort + maxTries}`);
+}
+class ServerManager {
+    servers = new Map();
+    async startServer(projectName, projectPath) {
+        const existing = this.servers.get(projectName);
+        if (existing && existing.process.exitCode === null) {
+            return existing;
+        }
+        const port = await findAvailablePort(5173);
+        const recentLogs = [];
+        const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
+        const child = spawn(npmCmd, ["run", "dev", "--", "--port", String(port), "--strictPort"], {
+            cwd: projectPath,
+            shell: false,
+            detached: process.platform !== "win32",
+            stdio: ["ignore", "pipe", "pipe"],
+            env: { ...process.env, PORT: String(port) },
+        });
+        trackProcess(child);
+        const appendLog = (chunk) => {
+            const text = chunk.toString();
+            for (const line of text.split("\n")) {
+                if (line.trim()) {
+                    recentLogs.push(line.trim());
+                    if (recentLogs.length > 50)
+                        recentLogs.shift();
+                }
+            }
+        };
+        child.stdout?.on("data", appendLog);
+        child.stderr?.on("data", appendLog);
+        const managed = {
+            id: `${projectName}-${port}`,
+            projectName,
+            projectPath,
+            port,
+            process: child,
+            url: `http://localhost:${port}`,
+            startTime: Date.now(),
+            recentLogs,
+        };
+        child.once("close", () => {
+            if (this.servers.get(projectName) === managed)
+                this.servers.delete(projectName);
+        });
+        this.servers.set(projectName, managed);
+        await new Promise((resolve, reject) => {
+            child.once("spawn", resolve);
+            child.once("error", (error) => {
+                if (this.servers.get(projectName) === managed)
+                    this.servers.delete(projectName);
+                reject(error);
+            });
+        });
+        return managed;
+    }
+    stopServer(projectName) {
+        const managed = this.servers.get(projectName);
+        if (!managed)
+            return false;
+        terminateProcess(managed.process.pid, true);
+        this.servers.delete(projectName);
+        return true;
+    }
+    stopAll() {
+        for (const [name] of this.servers) {
+            this.stopServer(name);
+        }
+    }
+    getRunningServers() {
+        return Array.from(this.servers.values()).filter((s) => s.process.exitCode === null);
+    }
+    getServer(projectName) {
+        const s = this.servers.get(projectName);
+        return s && s.process.exitCode === null ? s : undefined;
+    }
+}
+export const serverManager = new ServerManager();
+//# sourceMappingURL=manager.js.map

package/dist/server/manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.js","sourceRoot":"","sources":["../../src/server/manager.ts"],"names":[],"mappings":"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"}

package/dist/ui/CockpitApp.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { DiscoveredProject } from "../utils/fs.js";
+export type CockpitTab = "overview" | "servers" | "projects" | "logs";
+export interface CockpitProps {
+    projectRoot: string;
+    activeProject: string;
+    protoRoot?: string | null;
+    projects?: DiscoveredProject[];
+    initialTab?: CockpitTab;
+    onExit?: () => void;
+}
+export declare function CockpitApp({ projectRoot: initialProjectRoot, activeProject: initialActiveProject, protoRoot, projects, initialTab, onExit, }: CockpitProps): React.JSX.Element;
+//# sourceMappingURL=CockpitApp.d.ts.map

package/dist/ui/CockpitApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CockpitApp.d.ts","sourceRoot":"","sources":["../../src/ui/CockpitApp.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EAAE,kBAAkB,EAC/B,aAAa,EAAE,oBAAoB,EACnC,SAAS,EACT,QAAa,EACb,UAAuB,EACvB,MAAM,GACP,EAAE,YAAY,qBAquBd"}

package/dist/ui/CockpitApp.js

@@ -0,0 +1,292 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useApp, useInput } from "ink";
+import { useCallback, useEffect, useState } from "react";
+import { doctorCommand } from "../commands/doctor.js";
+import { getProjectPhaseStatus, phaseCommand } from "../commands/phase.js";
+import { repomapCommand } from "../commands/repomap.js";
+import { verifyCommand } from "../commands/verify.js";
+import { PHASES } from "../scaffold/phases.js";
+import { serverManager } from "../server/manager.js";
+import { CLI_VERSION } from "../version.js";
+export function CockpitApp({ projectRoot: initialProjectRoot, activeProject: initialActiveProject, protoRoot, projects = [], initialTab = "overview", onExit, }) {
+    const { exit } = useApp();
+    const [currentTab, setCurrentTab] = useState(initialTab);
+    const [activeProject, setActiveProject] = useState(initialActiveProject);
+    const [projectRoot, setProjectRoot] = useState(initialProjectRoot);
+    const [selectedProjectIndex, setSelectedProjectIndex] = useState(() => {
+        const idx = projects.findIndex((p) => p.name === initialActiveProject);
+        return idx >= 0 ? idx : 0;
+    });
+    const [currentPhase, setCurrentPhase] = useState("00");
+    const [server, setServer] = useState(() => serverManager.getServer(activeProject));
+    const [allRunningServers, setAllRunningServers] = useState(() => serverManager.getRunningServers());
+    const [logs, setLogs] = useState([
+        {
+            id: "init",
+            timestamp: new Date().toLocaleTimeString(),
+            level: "info",
+            text: `Cockpit initialized for ${activeProject}`,
+        },
+    ]);
+    const [busyAction, setBusyAction] = useState(null);
+    const addLog = useCallback((text, level = "info") => {
+        const entry = {
+            id: `${Date.now()}-${Math.random()}`,
+            timestamp: new Date().toLocaleTimeString(),
+            level,
+            text,
+        };
+        setLogs((prev) => [...prev.slice(-60), entry]);
+    }, []);
+    const refreshPhase = useCallback(async (targetDir = projectRoot) => {
+        try {
+            const status = await getProjectPhaseStatus(targetDir);
+            setCurrentPhase(status.currentPhase);
+        }
+        catch {
+            setCurrentPhase("00");
+        }
+    }, [projectRoot]);
+    // Project switch handler
+    const switchProject = useCallback((project) => {
+        setActiveProject(project.name);
+        setProjectRoot(project.path);
+        addLog(`Switched active workspace project to: ${project.name}`, "info");
+        refreshPhase(project.path);
+        setServer(serverManager.getServer(project.name));
+    }, [addLog, refreshPhase]);
+    // Periodic poll for server states and logs
+    useEffect(() => {
+        refreshPhase();
+        const interval = setInterval(() => {
+            const srv = serverManager.getServer(activeProject);
+            setServer(srv);
+            setAllRunningServers(serverManager.getRunningServers());
+            if (srv && srv.recentLogs.length > 0) {
+                const latest = srv.recentLogs[srv.recentLogs.length - 1];
+                setLogs((prev) => {
+                    if (prev.length > 0 && prev[prev.length - 1].text === latest)
+                        return prev;
+                    return [
+                        ...prev.slice(-60),
+                        {
+                            id: `${Date.now()}-${Math.random()}`,
+                            timestamp: new Date().toLocaleTimeString(),
+                            level: "info",
+                            text: `[srv] ${latest}`,
+                        },
+                    ];
+                });
+            }
+        }, 1500);
+        return () => clearInterval(interval);
+    }, [activeProject, refreshPhase]);
+    // Toggle server for active project
+    const toggleServer = useCallback(async () => {
+        if (busyAction)
+            return;
+        if (server) {
+            setBusyAction("Stopping Server");
+            addLog(`Stopping dev server for ${activeProject}...`, "warn");
+            serverManager.stopServer(activeProject);
+            setServer(undefined);
+            setAllRunningServers(serverManager.getRunningServers());
+            addLog(`Dev server stopped for ${activeProject}`, "info");
+            setBusyAction(null);
+        }
+        else {
+            setBusyAction("Starting Server");
+            addLog(`Starting dev server for ${activeProject}...`, "info");
+            try {
+                const newServer = await serverManager.startServer(activeProject, projectRoot);
+                setServer(newServer);
+                setAllRunningServers(serverManager.getRunningServers());
+                addLog(`Dev server online at ${newServer.url} (Port ${newServer.port}, PID ${newServer.process.pid})`, "success");
+            }
+            catch (err) {
+                addLog(`Failed to start dev server: ${err instanceof Error ? err.message : String(err)}`, "error");
+            }
+            finally {
+                setBusyAction(null);
+            }
+        }
+    }, [busyAction, server, activeProject, projectRoot, addLog]);
+    // Stop all running servers
+    const stopAllServers = useCallback(() => {
+        addLog("Terminating all active development servers in workspace...", "warn");
+        serverManager.stopAll();
+        setServer(undefined);
+        setAllRunningServers([]);
+        addLog("All workspace development servers stopped.", "info");
+    }, [addLog]);
+    // Verify gate
+    const runVerify = useCallback(async () => {
+        if (busyAction)
+            return;
+        setBusyAction("Verifying");
+        addLog(`Running deterministic verification on ${activeProject}...`, "info");
+        try {
+            const pass = await verifyCommand({ cwd: projectRoot });
+            if (pass) {
+                addLog(`Verification PASSED for ${activeProject}: Clean Biome, TS, Contracts.`, "success");
+            }
+            else {
+                addLog(`Verification FAILED for ${activeProject}: Inspect defects above.`, "error");
+            }
+        }
+        catch (err) {
+            addLog(`Verification error: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [busyAction, activeProject, projectRoot, addLog]);
+    // Phase advance
+    const advancePhase = useCallback(async () => {
+        if (busyAction)
+            return;
+        setBusyAction("Advancing Phase");
+        addLog(`Advancing ${activeProject} to next atomic phase...`, "info");
+        try {
+            await phaseCommand({ action: "next", cwd: projectRoot });
+            await refreshPhase();
+            addLog("Successfully transitioned to next phase.", "success");
+        }
+        catch (err) {
+            addLog(`Phase change failed: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [busyAction, activeProject, projectRoot, refreshPhase, addLog]);
+    // Doctor
+    const runDoctor = useCallback(async () => {
+        if (busyAction)
+            return;
+        setBusyAction("Diagnosing");
+        addLog("Running system environment doctor diagnostics...", "info");
+        try {
+            await doctorCommand();
+            addLog("Doctor diagnostics completed successfully.", "success");
+        }
+        catch (err) {
+            addLog(`Doctor diagnostic error: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [busyAction, addLog]);
+    // Repomap
+    const syncRepomap = useCallback(async () => {
+        if (busyAction)
+            return;
+        setBusyAction("Syncing Repomap");
+        addLog(`Synchronizing repomap index for ${activeProject}...`, "info");
+        try {
+            await repomapCommand({ action: "sync", cwd: projectRoot });
+            addLog("Repomap index synchronized with current routes and tokens.", "success");
+        }
+        catch (err) {
+            addLog(`Repomap sync error: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [busyAction, activeProject, projectRoot, addLog]);
+    // Keyboard navigation
+    useInput((input, key) => {
+        if (key.escape || input === "q" || input === "Q") {
+            onExit?.();
+            exit();
+            return;
+        }
+        // Tab jumping
+        if (input === "1")
+            setCurrentTab("overview");
+        else if (input === "2")
+            setCurrentTab("servers");
+        else if (input === "3")
+            setCurrentTab("projects");
+        else if (input === "4")
+            setCurrentTab("logs");
+        else if (key.tab) {
+            setCurrentTab((prev) => {
+                if (prev === "overview")
+                    return "servers";
+                if (prev === "servers")
+                    return "projects";
+                if (prev === "projects")
+                    return "logs";
+                return "overview";
+            });
+        }
+        // Action shortcuts
+        if (input === "s" || input === "S") {
+            toggleServer();
+        }
+        else if (input === "k" || input === "K") {
+            stopAllServers();
+        }
+        else if (input === "v" || input === "V") {
+            runVerify();
+        }
+        else if (input === "p" || input === "P") {
+            advancePhase();
+        }
+        else if (input === "d" || input === "D") {
+            runDoctor();
+        }
+        else if (input === "r" || input === "R") {
+            syncRepomap();
+        }
+        else if (input === "l" || input === "L") {
+            setLogs([]);
+        }
+        // Projects tab cursor navigation
+        if (currentTab === "projects" && projects.length > 0) {
+            if (key.upArrow) {
+                setSelectedProjectIndex((prev) => (prev > 0 ? prev - 1 : projects.length - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedProjectIndex((prev) => (prev < projects.length - 1 ? prev + 1 : 0));
+            }
+            else if (input === " ") {
+                const chosen = projects[selectedProjectIndex];
+                if (chosen) {
+                    if (chosen.name !== activeProject) {
+                        switchProject(chosen);
+                    }
+                    setCurrentTab("overview");
+                }
+            }
+        }
+    }, { isActive: Boolean(process.stdin.isTTY) });
+    const activePhaseNum = Number.parseInt(currentPhase, 10) || 0;
+    const progressPercent = Math.round((activePhaseNum / 10) * 100);
+    const progressBarWidth = 14;
+    const filledBlocks = Math.round((activePhaseNum / 10) * progressBarWidth);
+    const emptyBlocks = Math.max(0, progressBarWidth - filledBlocks);
+    const progressBar = `[${"█".repeat(filledBlocks)}${"░".repeat(emptyBlocks)}] ${progressPercent}%`;
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "MOZOLE COCKPIT" }), _jsxs(Text, { dimColor: true, children: ["//", " v", CLI_VERSION] })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "ACTIVE PROJECT:" }), _jsx(Text, { bold: true, color: "green", children: activeProject })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "SERVER:" }), server ? (_jsxs(Text, { bold: true, color: "green", children: ["\u25CF RUNNING (", server.url, ")"] })) : (_jsx(Text, { dimColor: true, children: "\u25CB STOPPED" }))] })] }), _jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, gap: 2, children: [_jsx(Text, { bold: true, color: currentTab === "overview" ? "cyan" : "gray", children: currentTab === "overview" ? "● [1] OVERVIEW & ROADMAP" : "  [1] OVERVIEW & ROADMAP" }), _jsx(Text, { bold: true, color: currentTab === "servers" ? "cyan" : "gray", children: currentTab === "servers"
+                            ? `● [2] DEV SERVERS (${allRunningServers.length} ACTIVE)`
+                            : `  [2] DEV SERVERS (${allRunningServers.length})` }), _jsx(Text, { bold: true, color: currentTab === "projects" ? "cyan" : "gray", children: currentTab === "projects"
+                            ? `● [3] PROJECTS (${projects.length})`
+                            : `  [3] PROJECTS (${projects.length})` }), _jsx(Text, { bold: true, color: currentTab === "logs" ? "cyan" : "gray", children: currentTab === "logs" ? "● [4] LIVE LOGS" : "  [4] LIVE LOGS" })] }), currentTab === "overview" && (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { flexDirection: "row", width: "100%", children: [_jsxs(Box, { flexDirection: "column", width: "52%", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "ATOMIC ROADMAP & PHASES" }), _jsx(Text, { bold: true, color: "cyan", children: progressBar })] }), PHASES.map((phase) => {
+                                        const pNum = Number.parseInt(phase.id, 10);
+                                        const isDone = pNum < activePhaseNum;
+                                        const isCurrent = phase.id === currentPhase;
+                                        if (isDone) {
+                                            return (_jsxs(Box, { children: [_jsxs(Text, { color: "green", children: [" [\u2713] Phase ", phase.id, ": "] }), _jsx(Text, { dimColor: true, children: phase.name })] }, phase.id));
+                                        }
+                                        if (isCurrent) {
+                                            return (_jsxs(Box, { children: [_jsxs(Text, { bold: true, color: "cyan", children: [" ", "[\u25BA] Phase ", phase.id, ":", " "] }), _jsx(Text, { bold: true, color: "white", children: phase.name }), _jsxs(Text, { bold: true, color: "yellow", children: [" ", "[ACTIVE]"] })] }, phase.id));
+                                        }
+                                        return (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: [" ", "[ ] Phase ", phase.id, ": ", phase.name] }) }, phase.id));
+                                    })] }), _jsxs(Box, { flexDirection: "column", width: "48%", children: [_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "yellow", children: "DEV SERVER" }), server ? (_jsx(Text, { bold: true, color: "green", children: "\u25CF ACTIVE" })) : (_jsx(Text, { dimColor: true, children: "\u25CB INACTIVE" }))] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Port: " }), _jsxs(Text, { bold: true, children: [server ? server.port : "5173", " "] }), _jsx(Text, { dimColor: true, children: "PID: " }), _jsx(Text, { bold: true, children: server ? server.process.pid : "None" })] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Target URL: " }), _jsx(Text, { color: server ? "cyan" : "gray", children: server ? server.url : "http://localhost:5173" })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Action: Press " }), _jsx(Text, { bold: true, color: "magenta", children: "[S]" }), _jsxs(Text, { dimColor: true, children: [" to ", server ? "stop" : "start", " server"] })] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "SYSTEM RUNTIMES & QUALITY" }), _jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "Node.js Runtime" }), _jsxs(Text, { color: "green", children: [process.version, " (PASS)"] })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "Biome Code Standards" }), _jsx(Text, { color: "green", children: "Strict & Clean" })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "Design Token CSS" }), _jsx(Text, { color: "green", children: "Tailwind v4 @theme" })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "DOM Geometry Probe" }), _jsx(Text, { color: "cyan", children: "Zero-Screenshot" })] })] })] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, height: 7, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "yellow", children: "ACTIVITY STREAM" }), busyAction ? (_jsxs(Text, { bold: true, color: "magenta", children: ["RUNNING: ", busyAction.toUpperCase(), "..."] })) : (_jsx(Text, { dimColor: true, children: "READY" }))] }), logs.slice(-4).map((log) => (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[", log.timestamp, "] "] }), _jsxs(Text, { bold: true, color: log.level === "error" ? "red" : log.level === "success" ? "green" : "cyan", children: ["[", log.level.toUpperCase(), "]"] }), _jsxs(Text, { color: log.level === "error" ? "red" : undefined, children: [" ", log.text] })] }, log.id)))] })] })), currentTab === "servers" && (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "WORKSPACE DEVELOPMENT SERVERS" }), _jsxs(Text, { dimColor: true, children: ["Total Active: ", allRunningServers.length] })] }), allRunningServers.length === 0 ? (_jsxs(Box, { paddingY: 1, children: [_jsx(Text, { dimColor: true, children: "No dev servers currently running in this workspace." }), _jsxs(Text, { children: [" ", "Press", " ", _jsx(Text, { bold: true, color: "cyan", children: "[S]" }), " ", "to start server for", " ", _jsx(Text, { bold: true, color: "green", children: activeProject }), "."] })] })) : (allRunningServers.map((srv) => (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, color: "green", children: "\u25CF" }), _jsx(Text, { bold: true, children: srv.projectName }), _jsxs(Text, { dimColor: true, children: ["(", srv.url, ")"] })] }), _jsxs(Box, { gap: 2, children: [_jsxs(Text, { dimColor: true, children: ["Port: ", srv.port] }), _jsxs(Text, { dimColor: true, children: ["PID: ", srv.process.pid] }), srv.projectName === activeProject && (_jsx(Text, { bold: true, color: "cyan", children: "[ACTIVE PROJECT]" }))] })] }, srv.id)))), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsx(Text, { dimColor: true, children: "Shortcuts: " }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "magenta", children: "[S]" }), " ", "Toggle Active Server"] }), allRunningServers.length > 0 && (_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "red", children: "[K]" }), " ", "Stop All Servers"] }))] })] }), _jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", height: 13, children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["DEV SERVER LOG OUTPUT (", activeProject, ")"] }), server ? (_jsxs(Text, { bold: true, color: "green", children: ["\u25CF STREAMING (", server.port, ")"] })) : (_jsx(Text, { dimColor: true, children: "\u25CB SERVER INACTIVE" }))] }), !server || server.recentLogs.length === 0 ? (_jsx(Box, { paddingY: 1, children: _jsxs(Text, { dimColor: true, children: ["No live server logs recorded yet for ", activeProject, "."] }) })) : (server.recentLogs.slice(-10).map((l, i) => (_jsx(Text, { dimColor: !l.includes("error"), children: l }, `${i}-${l}`))))] })] })), currentTab === "projects" && (_jsx(Box, { flexDirection: "column", width: "100%", children: _jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["WORKSPACE CLIENT PROJECTS (", projects.length, " DETECTED)"] }), _jsx(Text, { dimColor: true, children: "Use [\u2191] / [\u2193] to navigate, [Space] to open project" })] }), projects.length === 0 ? (_jsx(Box, { paddingY: 1, children: _jsxs(Text, { dimColor: true, children: ["No subprojects detected. Operating in standalone repository mode: ", activeProject] }) })) : (projects.map((proj, idx) => {
+                            const isSelected = idx === selectedProjectIndex;
+                            const isActive = proj.name === activeProject;
+                            const isRunning = Boolean(serverManager.getServer(proj.name));
+                            return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { bold: true, color: isSelected ? "cyan" : "gray", children: [isSelected ? "▶" : " ", " [", idx + 1, "]"] }), _jsx(Text, { bold: isSelected, color: isActive ? "green" : isSelected ? "white" : "gray", children: proj.name }), isActive && (_jsx(Text, { bold: true, color: "green", children: "[CURRENT]" }))] }), _jsxs(Box, { gap: 2, children: [_jsx(Text, { color: isRunning ? "green" : "gray", children: isRunning ? "● DEV RUNNING" : "○ OFF" }), _jsx(Text, { dimColor: true, children: proj.path })] })] }, proj.name));
+                        })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press", " ", _jsx(Text, { bold: true, color: "cyan", children: "[Space]" }), " ", "to activate selected project and load its roadmap and contracts."] }) })] }) })), currentTab === "logs" && (_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", height: 19, children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "FULL CONSOLE & PROCESS LOG STREAM" }), _jsx(Text, { dimColor: true, children: "Press [L] to clear stream" })] }), logs.slice(-16).map((log) => (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[", log.timestamp, "] "] }), _jsxs(Text, { bold: true, color: log.level === "error" ? "red" : log.level === "success" ? "green" : "cyan", children: ["[", log.level.toUpperCase(), "]"] }), _jsxs(Text, { color: log.level === "error" ? "red" : undefined, children: [" ", log.text] })] }, log.id)))] })), _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[1-4]" }), _jsx(Text, { dimColor: true, children: " Tabs" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[Tab]" }), _jsx(Text, { dimColor: true, children: " Next Tab" })] }), currentTab === "projects" && (_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[Space]" }), _jsx(Text, { dimColor: true, children: " Select" })] })), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[S]" }), _jsx(Text, { dimColor: true, children: " Server" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[V]" }), _jsx(Text, { dimColor: true, children: " Verify" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[P]" }), _jsx(Text, { dimColor: true, children: " Phase" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[D]" }), _jsx(Text, { dimColor: true, children: " Doctor" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[R]" }), _jsx(Text, { dimColor: true, children: " Repomap" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[Q]" }), _jsx(Text, { dimColor: true, children: " Quit" })] })] }), _jsx(Box, { children: busyAction ? (_jsxs(Text, { bold: true, color: "magenta", children: ["\u25CF BUSY (", busyAction, ")"] })) : (_jsx(Text, { dimColor: true, children: "READY" })) })] })] }));
+}
+//# sourceMappingURL=CockpitApp.js.map