@mozole/cli 2.0.0-b → 2.1.0

package/dist/ui/CockpitApp.js

@@ -0,0 +1,612 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, useApp, useInput } from "ink";
+import { useCallback, useEffect, useState } from "react";
+import { adoptProject } from "../commands/adopt.js";
+import { doctorCommand } from "../commands/doctor.js";
+import { createNewProject } from "../commands/new.js";
+import { getProjectPhaseStatus, phaseCommand } from "../commands/phase.js";
+import { prototypeInit } from "../commands/prototype.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 { discoverWorkspaceProjects, findPrototypeRoot, } from "../utils/fs.js";
+import { CLI_VERSION } from "../version.js";
+import { ToolsPanel } from "./ToolsPanel.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 [workspaceProjects, setWorkspaceProjects] = useState(projects);
+    const [currentProtoRoot, setCurrentProtoRoot] = useState(protoRoot);
+    const [workspaceMode, setWorkspaceMode] = useState("menu");
+    const [workspaceMenuIndex, setWorkspaceMenuIndex] = useState(0);
+    // New Project Form
+    const [newProjectStep, setNewProjectStep] = useState(0);
+    const [newProjectName, setNewProjectName] = useState("");
+    const [newProjectFlagship, setNewProjectFlagship] = useState(false);
+    const [newProjectBackend, setNewProjectBackend] = useState("none");
+    // Adopt Form
+    const [adoptPath, setAdoptPath] = useState("");
+    // Feedback/Error
+    const [formError, setFormError] = useState(null);
+    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]);
+    // Rescan Workspace Projects
+    const rescanWorkspace = useCallback(async () => {
+        try {
+            const pRoot = currentProtoRoot ?? (await findPrototypeRoot(projectRoot));
+            if (pRoot) {
+                setCurrentProtoRoot(pRoot);
+                const discovered = await discoverWorkspaceProjects(pRoot);
+                setWorkspaceProjects(discovered);
+                addLog(`Workspace rescan found ${discovered.length} client project(s).`, "info");
+            }
+            else {
+                addLog("Rescan: Standalone repository mode, no prototype workspace root found.", "info");
+            }
+        }
+        catch (err) {
+            addLog(`Rescan error: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+    }, [currentProtoRoot, projectRoot, addLog]);
+    // Create New Project
+    const handleCreateProject = useCallback(async () => {
+        const trimmedName = newProjectName.trim().toLowerCase();
+        if (!trimmedName) {
+            setFormError("Project name cannot be empty.");
+            return;
+        }
+        if (!/^[a-z0-9][a-z0-9._-]*$/i.test(trimmedName)) {
+            setFormError("Project name must use lowercase alphanumeric characters and hyphens.");
+            return;
+        }
+        setBusyAction("Scaffolding Project");
+        addLog(`Scaffolding new client project: ${trimmedName}...`, "info");
+        try {
+            const target = await createNewProject({
+                name: trimmedName,
+                flagship: newProjectFlagship,
+                backend: newProjectBackend,
+                cwd: currentProtoRoot ?? projectRoot,
+            });
+            addLog(`Project generated successfully at: ${target}`, "success");
+            setNewProjectName("");
+            setNewProjectFlagship(false);
+            setNewProjectBackend("none");
+            setNewProjectStep(0);
+            setWorkspaceMode("menu");
+            setFormError(null);
+            // Rescan and activate new project
+            const pRoot = currentProtoRoot ?? (await findPrototypeRoot(projectRoot));
+            if (pRoot) {
+                setCurrentProtoRoot(pRoot);
+                const discovered = await discoverWorkspaceProjects(pRoot);
+                setWorkspaceProjects(discovered);
+                const found = discovered.find((p) => p.name === trimmedName || p.path === target);
+                if (found) {
+                    switchProject(found);
+                }
+            }
+            else {
+                setActiveProject(trimmedName);
+                setProjectRoot(target);
+                refreshPhase(target);
+            }
+            setCurrentTab("overview");
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            setFormError(msg);
+            addLog(`Project creation failed: ${msg}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [
+        newProjectName,
+        newProjectFlagship,
+        newProjectBackend,
+        currentProtoRoot,
+        projectRoot,
+        addLog,
+        switchProject,
+        refreshPhase,
+    ]);
+    // Adopt Project
+    const handleAdoptProject = useCallback(async () => {
+        const target = adoptPath.trim() || ".";
+        setBusyAction("Adopting Project");
+        addLog(`Adopting project at path: ${target}...`, "info");
+        try {
+            await adoptProject({ targetDir: target });
+            addLog(`Successfully adopted project into Mozole governance: ${target}`, "success");
+            setAdoptPath("");
+            setWorkspaceMode("menu");
+            setFormError(null);
+            await rescanWorkspace();
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            setFormError(msg);
+            addLog(`Project adoption failed: ${msg}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [adoptPath, addLog, rescanWorkspace]);
+    // Init Prototype Workspace
+    const handleInitPrototype = useCallback(async () => {
+        setBusyAction("Initializing Prototype");
+        addLog(`Initializing prototype workspace ecosystem in ${projectRoot}...`, "info");
+        try {
+            await prototypeInit({ cwd: projectRoot });
+            setCurrentProtoRoot(projectRoot);
+            addLog("Prototype workspace initialized successfully.", "success");
+            setWorkspaceMode("menu");
+            await rescanWorkspace();
+        }
+        catch (err) {
+            addLog(`Prototype initialization failed: ${err instanceof Error ? err.message : String(err)}`, "error");
+        }
+        finally {
+            setBusyAction(null);
+        }
+    }, [projectRoot, addLog, rescanWorkspace]);
+    // Keyboard navigation
+    useInput((input, key) => {
+        if (currentTab === "tools")
+            return;
+        // Form interaction inside Workspace tab
+        if (currentTab === "workspace" && workspaceMode !== "menu") {
+            if (key.escape) {
+                if (workspaceMode === "new_project" && newProjectStep > 0) {
+                    setNewProjectStep((prev) => prev - 1);
+                    setFormError(null);
+                }
+                else {
+                    setWorkspaceMode("menu");
+                    setFormError(null);
+                }
+                return;
+            }
+            if (workspaceMode === "new_project") {
+                if (newProjectStep === 0) {
+                    if (key.return) {
+                        const name = newProjectName.trim();
+                        if (!name) {
+                            setFormError("Please enter a project name.");
+                            return;
+                        }
+                        if (!/^[a-z0-9][a-z0-9._-]*$/i.test(name)) {
+                            setFormError("Alphanumeric characters, hyphens, and dots only.");
+                            return;
+                        }
+                        setFormError(null);
+                        setNewProjectStep(1);
+                    }
+                    else if (key.backspace || key.delete) {
+                        setNewProjectName((prev) => prev.slice(0, -1));
+                        setFormError(null);
+                    }
+                    else if (input &&
+                        input.length === 1 &&
+                        !key.ctrl &&
+                        !key.meta &&
+                        /[a-z0-9._-]/i.test(input)) {
+                        setNewProjectName((prev) => prev + input.toLowerCase());
+                        setFormError(null);
+                    }
+                    return;
+                }
+                if (newProjectStep === 1) {
+                    if (key.return) {
+                        setNewProjectStep(2);
+                    }
+                    else if (key.leftArrow || key.rightArrow || key.tab || input === " ") {
+                        setNewProjectFlagship((prev) => !prev);
+                    }
+                    return;
+                }
+                if (newProjectStep === 2) {
+                    if (key.return) {
+                        handleCreateProject();
+                    }
+                    else if (key.leftArrow) {
+                        setNewProjectBackend((prev) => prev === "none" ? "node" : prev === "php" ? "none" : "php");
+                    }
+                    else if (key.rightArrow || key.tab || input === " ") {
+                        setNewProjectBackend((prev) => prev === "none" ? "php" : prev === "php" ? "node" : "none");
+                    }
+                    return;
+                }
+            }
+            if (workspaceMode === "adopt_project") {
+                if (key.return) {
+                    handleAdoptProject();
+                }
+                else if (key.backspace || key.delete) {
+                    setAdoptPath((prev) => prev.slice(0, -1));
+                    setFormError(null);
+                }
+                else if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                    setAdoptPath((prev) => prev + input);
+                    setFormError(null);
+                }
+                return;
+            }
+            if (workspaceMode === "init_prototype") {
+                if (key.return || input === "y" || input === "Y") {
+                    handleInitPrototype();
+                }
+                else if (input === "n" || input === "N") {
+                    setWorkspaceMode("menu");
+                }
+                return;
+            }
+            return;
+        }
+        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 (input === "5")
+            setCurrentTab("workspace");
+        else if (input === "6")
+            setCurrentTab("tools");
+        else if (key.tab) {
+            setCurrentTab((prev) => {
+                if (prev === "overview")
+                    return "servers";
+                if (prev === "servers")
+                    return "projects";
+                if (prev === "projects")
+                    return "logs";
+                if (prev === "logs")
+                    return "workspace";
+                if (prev === "workspace")
+                    return "tools";
+                return "overview";
+            });
+        }
+        // Workspace menu navigation
+        if (currentTab === "workspace" && workspaceMode === "menu") {
+            if (key.upArrow) {
+                setWorkspaceMenuIndex((prev) => (prev > 0 ? prev - 1 : 3));
+                return;
+            }
+            if (key.downArrow) {
+                setWorkspaceMenuIndex((prev) => (prev < 3 ? prev + 1 : 0));
+                return;
+            }
+            if (key.return) {
+                if (workspaceMenuIndex === 0) {
+                    setWorkspaceMode("new_project");
+                    setNewProjectStep(0);
+                    setFormError(null);
+                }
+                else if (workspaceMenuIndex === 1) {
+                    setWorkspaceMode("adopt_project");
+                    setAdoptPath("");
+                    setFormError(null);
+                }
+                else if (workspaceMenuIndex === 2) {
+                    setWorkspaceMode("init_prototype");
+                }
+                else if (workspaceMenuIndex === 3) {
+                    rescanWorkspace();
+                }
+                return;
+            }
+            if (input === "n" || input === "N") {
+                setWorkspaceMode("new_project");
+                setNewProjectStep(0);
+                setFormError(null);
+                return;
+            }
+            if (input === "a" || input === "A") {
+                setWorkspaceMode("adopt_project");
+                setAdoptPath("");
+                setFormError(null);
+                return;
+            }
+            if (input === "i" || input === "I") {
+                setWorkspaceMode("init_prototype");
+                return;
+            }
+            if (input === "r" || input === "R") {
+                rescanWorkspace();
+                return;
+            }
+        }
+        // Action shortcuts (Global outside form modes)
+        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") {
+            if (currentTab !== "workspace") {
+                syncRepomap();
+            }
+        }
+        else if (input === "l" || input === "L") {
+            setLogs([]);
+        }
+        // Projects tab cursor navigation
+        if (currentTab === "projects" && workspaceProjects.length > 0) {
+            if (key.upArrow) {
+                setSelectedProjectIndex((prev) => (prev > 0 ? prev - 1 : workspaceProjects.length - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedProjectIndex((prev) => (prev < workspaceProjects.length - 1 ? prev + 1 : 0));
+            }
+            else if (input === " ") {
+                const chosen = workspaceProjects[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 (${workspaceProjects.length})`
+                            : `  [3] PROJECTS (${workspaceProjects.length})` }), _jsx(Text, { bold: true, color: currentTab === "logs" ? "cyan" : "gray", children: currentTab === "logs" ? "● [4] LIVE LOGS" : "  [4] LIVE LOGS" }), _jsx(Text, { bold: true, color: currentTab === "workspace" ? "cyan" : "gray", children: currentTab === "workspace"
+                            ? "● [5] WORKSPACE & GENERATOR"
+                            : "  [5] WORKSPACE & GENERATOR" }), _jsx(Text, { bold: true, color: currentTab === "tools" ? "cyan" : "gray", children: "[6] TOOLS" })] }), currentTab === "tools" && (_jsx(ToolsPanel, { projectRoot: projectRoot, onBack: () => setCurrentTab("overview"), onLog: addLog })), 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 (", workspaceProjects.length, " DETECTED)"] }), _jsx(Text, { dimColor: true, children: "Use [\u2191] / [\u2193] to navigate, [Space] to open project" })] }), workspaceProjects.length === 0 ? (_jsx(Box, { paddingY: 1, children: _jsxs(Text, { dimColor: true, children: ["No subprojects detected. Operating in standalone repository mode: ", activeProject] }) })) : (workspaceProjects.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)))] })), currentTab === "workspace" && (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "yellow", children: "WORKSPACE ECOSYSTEM & STATUS" }), _jsx(Text, { dimColor: true, children: currentProtoRoot ? "● PROTOTYPE MONOREPO ECOSYSTEM" : "○ STANDALONE PROJECT MODE" })] }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Root: " }), _jsx(Text, { bold: true, color: currentProtoRoot ? "green" : "white", children: currentProtoRoot ?? projectRoot })] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Active Project: " }), _jsx(Text, { bold: true, color: "cyan", children: activeProject })] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Detected Projects: " }), _jsx(Text, { bold: true, color: "yellow", children: workspaceProjects.length })] })] })] }), _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, flexDirection: "column", children: [workspaceMode === "menu" && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "WORKSPACE OPERATIONS & PROJECT ACTIONS" }), _jsx(Text, { dimColor: true, children: "Use [\u2191] / [\u2193] + [Enter] or press key" })] }), [
+                                        {
+                                            key: "N",
+                                            title: "GENERATE NEW CLIENT PROJECT",
+                                            desc: "Scaffold verified Standard (React Router 7 SSG) or Flagship (Wouter + Canvas) project",
+                                        },
+                                        {
+                                            key: "A",
+                                            title: "ADOPT EXISTING DIRECTORY",
+                                            desc: "Inject Mozole policies, 10-step atomic phases, canonical tokens, and repomap fihrist",
+                                        },
+                                        {
+                                            key: "I",
+                                            title: "INITIALIZE PROTOTYPE WORKSPACE",
+                                            desc: "Setup npm workspaces and shared dependencies with project-owned source code",
+                                        },
+                                        {
+                                            key: "R",
+                                            title: "RESCAN WORKSPACE PROJECTS",
+                                            desc: "Audit the filesystem and update all detected client projects in the cockpit",
+                                        },
+                                    ].map((item, idx) => {
+                                        const isSelected = workspaceMenuIndex === idx;
+                                        return (_jsxs(Box, { flexDirection: "column", marginY: 0, children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { bold: true, color: isSelected ? "cyan" : "gray", children: [isSelected ? "▶" : " ", " [", item.key, "]"] }), _jsx(Text, { bold: true, color: isSelected ? "white" : "gray", children: item.title })] }), _jsx(Box, { paddingLeft: 6, children: _jsx(Text, { dimColor: true, children: item.desc }) })] }, item.key));
+                                    }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press", " ", _jsx(Text, { bold: true, color: "cyan", children: "[Enter]" }), " ", "to select, or press", " ", _jsx(Text, { bold: true, color: "yellow", children: "[N]" }), ",", " ", _jsx(Text, { bold: true, color: "yellow", children: "[A]" }), ",", " ", _jsx(Text, { bold: true, color: "yellow", children: "[I]" }), ",", " ", _jsx(Text, { bold: true, color: "yellow", children: "[R]" }), " ", "directly."] }) })] })), workspaceMode === "new_project" && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["\u26A1 SCAFFOLD NEW CLIENT PROJECT (Step ", newProjectStep + 1, " of 3)"] }), _jsx(Text, { dimColor: true, children: "Press [Esc] to return" })] }), _jsxs(Box, { gap: 1, marginY: 0, children: [_jsx(Text, { bold: true, color: newProjectStep === 0 ? "cyan" : "gray", children: newProjectStep === 0 ? "▶ 1. Project Name:" : "  1. Project Name:" }), _jsx(Text, { bold: true, color: "white", children: newProjectName || (newProjectStep === 0 ? "_" : "<not set>") }), newProjectStep === 0 && (_jsx(Text, { dimColor: true, children: "(Type name, press [Enter] to confirm)" }))] }), _jsxs(Box, { gap: 1, marginY: 0, marginTop: 1, children: [_jsx(Text, { bold: true, color: newProjectStep === 1 ? "cyan" : "gray", children: newProjectStep === 1 ? "▶ 2. Creative Profile:" : "  2. Creative Profile:" }), _jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: !newProjectFlagship, color: !newProjectFlagship ? "green" : "gray", children: !newProjectFlagship ? "[● Standard (React Router 7 SSG)]" : "[○ Standard]" }), _jsx(Text, { bold: newProjectFlagship, color: newProjectFlagship ? "magenta" : "gray", children: newProjectFlagship ? "[● Flagship (Wouter + Canvas)]" : "[○ Flagship]" })] }), newProjectStep === 1 && (_jsx(Text, { dimColor: true, children: "(Press [Space]/[Tab] to switch, [Enter] to next)" }))] }), _jsxs(Box, { gap: 1, marginY: 0, marginTop: 1, children: [_jsx(Text, { bold: true, color: newProjectStep === 2 ? "cyan" : "gray", children: newProjectStep === 2 ? "▶ 3. Backend Runtime:" : "  3. Backend Runtime:" }), _jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: newProjectBackend === "none", color: newProjectBackend === "none" ? "green" : "gray", children: newProjectBackend === "none" ? "[● None (Pure Frontend)]" : "[○ None]" }), _jsx(Text, { bold: newProjectBackend === "php", color: newProjectBackend === "php" ? "yellow" : "gray", children: newProjectBackend === "php" ? "[● PHP 8.1+ Zero-Dep]" : "[○ PHP]" }), _jsx(Text, { bold: newProjectBackend === "node", color: newProjectBackend === "node" ? "yellow" : "gray", children: newProjectBackend === "node" ? "[● Node.js API]" : "[○ Node]" })] }), newProjectStep === 2 && (_jsx(Text, { dimColor: true, children: "(Press [Space]/[Tab] to switch, [Enter] to generate)" }))] }), _jsxs(Box, { marginTop: 1, paddingLeft: 2, children: [_jsx(Text, { dimColor: true, children: "Target Path: " }), _jsx(Text, { color: "cyan", children: newProjectName
+                                                    ? currentProtoRoot
+                                                        ? `${currentProtoRoot}/projects/${newProjectName}`
+                                                        : `${projectRoot}/${newProjectName}`
+                                                    : "<enter name above>" })] }), formError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { bold: true, color: "red", children: ["[!] ", formError] }) })), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsx(Text, { dimColor: true, children: "Navigation: " }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[Enter]" }), " ", newProjectStep === 2 ? "Generate Project" : "Next Field"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[Esc]" }), " ", newProjectStep > 0 ? "Back" : "Cancel"] })] })] })), workspaceMode === "adopt_project" && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "\uD83D\uDCE6 ADOPT EXISTING REPOSITORY INTO MOZOLE GOVERNANCE" }), _jsx(Text, { dimColor: true, children: "Press [Esc] to return" })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "\u25B6 Target Directory Path:" }), _jsx(Text, { bold: true, color: "white", children: adoptPath || "." })] }), _jsxs(Box, { marginTop: 1, paddingLeft: 2, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Will inject: AGENTS.md, docs/phases/status.md, docs/repomap/, and tokens.css" }), _jsx(Text, { dimColor: true, children: "Type directory path (e.g. ../another-project or . for current)." })] }), formError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { bold: true, color: "red", children: ["[!] ", formError] }) })), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "[Enter]" }), " ", "Adopt Directory"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[Esc]" }), " ", "Cancel"] })] })] })), workspaceMode === "init_prototype" && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "\uD83D\uDE80 INITIALIZE PROTOTYPE WORKSPACE ECOSYSTEM" }), _jsx(Text, { dimColor: true, children: "Press [Esc] to return" })] }), _jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsx(Text, { children: "Initialize a multi-project prototype workspace in:" }), _jsx(Text, { bold: true, color: "cyan", children: projectRoot }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "\u2022 Creates mozole.config.json" }), _jsx(Text, { dimColor: true, children: "\u2022 Creates projects/ folder for client projects" }), _jsx(Text, { dimColor: true, children: "\u2022 Shares npm dependencies; keeps UI, tokens and behaviors project-local" }), _jsx(Text, { dimColor: true, children: "\u2022 Injects AGENTS.md governance contract" })] })] }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "green", children: "[Enter / Y]" }), " ", "Confirm Initialization"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[Esc / N]" }), " ", "Cancel"] })] })] }))] })] })), _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-5]" }), _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" })] })), currentTab === "workspace" && workspaceMode === "menu" && (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[N]" }), _jsx(Text, { dimColor: true, children: " New" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[A]" }), _jsx(Text, { dimColor: true, children: " Adopt" })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "yellow", children: "[I]" }), _jsx(Text, { dimColor: true, children: " Init" })] })] })), _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