projectinator 0.3.1 → 0.4.0

package/dist/tui/App.js

@@ -0,0 +1,1269 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Projectinator TUI — the whole flow: setup -> idea -> plan -> build -> done.
+// Dead simple: type what you want, confirm the cost, watch it build.
+import { useEffect, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { Spinner, StatusMessage } from "@inkjs/ui";
+import InkSpinner from "ink-spinner"; // a Text-based spinner, safe as an inline glyph inside <Text>
+import { C, BudgetBar, Panel, Chip, Menu as SelectInput, GroupedMenu, KeyHint, useTermRows, TextField as TextInput, ROLE_META } from "./components.js";
+import { Kanban } from "./Kanban.js";
+import { BoardEditor } from "./BoardEditor.js";
+import { Team, Standup } from "./panels.js";
+import { EditableBoard } from "./EditableBoard.js";
+import { AppFrame } from "./Frame.js";
+import { Settings } from "./Settings.js";
+import { BakeOff } from "./BakeOff.js";
+import { Intake } from "./Intake.js";
+import { enrichBrief } from "../intake.js";
+import { StackPick } from "./StackPick.js";
+import { stackInstruction } from "../stack.js";
+import { allTemplates, saveUserTemplate, deleteUserTemplate, exportTemplate, importTemplate } from "./templates.js";
+import { getPrefs, getDefaultMode, getNotify, getWebhookUrl, getPreferredStack } from "./config.js";
+import { notifyBuildDone, postWebhook } from "./notify.js";
+import { availableProviders, chooseRegistry, planBuild, assessBuild, councilBuild, setProjectBudget, startBuild, estimateTasks, costMatrix, listProjects, openInBrowser, mainFileOf, addAsset, importProject, renameProject, duplicateProject, deleteProject, saveProjectTasks, exportProject, exportJira, exportTrello, projectHistory, undoLastTask, projectRetro, projectBurndown, getRetroNarrative, generateRetroNarrative, breakdownEpic, modelLabel, PROVIDER_LABEL, } from "./engine.js";
+import { deploy, DEPLOY_META } from "./deploy.js";
+import { startStaticServer, CHROMIUM_INSTALL_HINT } from "../preview.js";
+import { completedIds } from "../build-state.js";
+import { isStuck } from "../stuck.js";
+import { commitDiff } from "../git.js";
+/** Board label: PASS* = a TEST that passed without ever running the app (Chromium missing).
+ *  Reviews never run anything, so they are plain PASS/FAIL. */
+const verdictLabel = (v, capability) => !v.passed ? "FAIL" : v.runtimeChecked || capability !== "test" ? "PASS" : "PASS*";
+export default function App() {
+    const { exit } = useApp();
+    const [phase, setPhase] = useState("setup");
+    const [providers, setProviders] = useState(() => availableProviders());
+    const [scope, setScope] = useState("full");
+    const [mode, setMode] = useState(() => getDefaultMode());
+    const [idea, setIdea] = useState("");
+    const [plan, setPlan] = useState(null);
+    const [error, setError] = useState("");
+    const [tasks, setTasks] = useState([]);
+    const [spent, setSpent] = useState(0);
+    const [gate, setGate] = useState(null);
+    const [buildResult, setBuildResult] = useState(null);
+    // Existing-project context (open/resume/make-changes).
+    const [projects, setProjects] = useState([]);
+    const [selected, setSelected] = useState(null);
+    const [targetWorkspace, setTargetWorkspace] = useState(undefined);
+    const [seed, setSeed] = useState(undefined);
+    const [assetPath, setAssetPath] = useState("");
+    const [assetMsg, setAssetMsg] = useState(null);
+    const [assetKey, setAssetKey] = useState(0); // bump to remount (clear) the add-asset input
+    const [assetReturn, setAssetReturn] = useState("projectActions");
+    const [renameDraft, setRenameDraft] = useState("");
+    const [viewMode, setViewMode] = useState("board");
+    const [epicFilter, setEpicFilter] = useState(null);
+    const [flash, setFlash] = useState("");
+    const [intakeQs, setIntakeQs] = useState([]);
+    const [approvedEpics, setApprovedEpics] = useState(null);
+    const [council, setCouncil] = useState({ loading: false, result: null, error: "" });
+    // Keep `idea` as the raw user input; derive the brief from these so re-entering
+    // the stack/intake steps never double-appends (bug: back-nav re-appended text).
+    const [stackChoice, setStackChoice] = useState(null);
+    const [intakeAnswers, setIntakeAnswers] = useState(null);
+    const [narr, setNarr] = useState({ loading: false, text: "", error: "" });
+    const [tplName, setTplName] = useState("");
+    const [tplPath, setTplPath] = useState("");
+    const [tplSel, setTplSel] = useState(null);
+    const [projectCap, setProjectCap] = useState(null); // per-build cap override
+    const [capDraft, setCapDraft] = useState("");
+    const [capReturn, setCapReturn] = useState("plan");
+    const [deployState, setDeployState] = useState(null);
+    const [preview, setPreview] = useState(null);
+    // Wall clock for the live board (elapsed per running task); ticks only while building.
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (phase !== "building")
+            return;
+        const id = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(id);
+    }, [phase]);
+    const [transcript, setTranscript] = useState(null);
+    const [diffView, setDiffView] = useState(null);
+    const termRows = useTermRows();
+    // Reload the projects list and re-point `selected` at the given dir (after a mutation).
+    const reselect = (dir) => {
+        const list = listProjects();
+        setProjects(list);
+        setSelected(dir ? list.find((p) => p.dir === dir) ?? null : null);
+        return list;
+    };
+    const resetBuildContext = () => {
+        setIdea("");
+        setPlan(null);
+        setTasks([]);
+        setSpent(0);
+        setBuildResult(null);
+        setTargetWorkspace(undefined);
+        setSeed(undefined);
+        setSelected(null);
+        setMode(getDefaultMode());
+        setGate(null);
+        setProjectCap(null);
+        setApprovedEpics(null);
+        setCouncil({ loading: false, result: null, error: "" });
+        setStackChoice(null);
+        setIntakeAnswers(null);
+        setEpicFilter(null);
+    };
+    // The brief the planner sees: raw idea + stack instruction (+ intake answers).
+    // Pure function of state, so it's idempotent no matter how the user navigates.
+    const composeBrief = (withIntake) => {
+        const base = idea + (stackChoice ? stackInstruction(stackChoice) : "");
+        return withIntake ? enrichBrief(base, intakeAnswers ?? []) : base;
+    };
+    // Esc goes back one screen. Phases with their own Esc handling (board editors,
+    // settings) are left out so we don't double-fire.
+    const goBack = () => {
+        switch (phase) {
+            case "idea":
+                resetBuildContext();
+                return setPhase("home");
+            case "stack":
+                resetBuildContext();
+                return setPhase("home");
+            case "assessing":
+                resetBuildContext();
+                return setPhase("home");
+            case "intake": return setPhase("idea");
+            case "planMode":
+                resetBuildContext();
+                return setPhase("home");
+            case "approveEpics": return setPhase("planMode");
+            case "setCap": return setPhase(capReturn);
+            case "templates": return setPhase("home");
+            case "saveTemplate": return setPhase("projectActions");
+            case "importTemplate":
+                setFlash("");
+                return setPhase("templates");
+            case "importProject": return setPhase("home");
+            case "myTemplates":
+                setFlash("");
+                return setPhase("templates");
+            case "tplActions": return setPhase("myTemplates");
+            case "change": return setPhase(selected ? "projectActions" : buildResult ? "done" : "home");
+            case "rename": return setPhase("projectActions");
+            case "addAsset": return setPhase(assetReturn);
+            case "plan": return setPhase("idea");
+            case "confirmDelete": return setPhase("projectActions");
+            case "exportMenu": return setPhase("projectActions");
+            case "deployMenu": return setPhase("projectActions");
+            case "history": return setPhase("projectActions");
+            case "diff":
+                setDiffView(null);
+                return setPhase("history");
+            case "transcripts": return setPhase("projectActions");
+            case "transcript":
+                setTranscript(null);
+                return setPhase("transcripts");
+            case "retro": return setPhase("projectActions");
+            case "burndown": return setPhase("projectActions");
+            case "kanban": return setPhase("projectActions");
+            case "preview": {
+                if (preview && "server" in preview)
+                    void preview.server.close();
+                setPreview(null);
+                return setPhase("projectActions");
+            }
+            case "filterEpic": return setPhase("projectActions");
+            case "projectActions": return setPhase("projects");
+            case "projects": return setPhase("home");
+            case "home": return setPhase("setup");
+            case "done":
+                resetBuildContext();
+                return setPhase("home");
+            case "error": return setPhase("home");
+        }
+    };
+    // global quit (not while typing an idea/change)
+    // Any phase that hosts a text/number input must be here, or the App-level
+    // useInput below quits on a "q" keystroke (both handlers see every key).
+    const typing = phase === "idea" || phase === "change" || phase === "addAsset" || phase === "rename" || phase === "importProject" ||
+        phase === "bakeoff" || phase === "intake" || phase === "setCap" || phase === "stack" ||
+        phase === "saveTemplate" || phase === "importTemplate" || phase === "settings" ||
+        phase === "editBoard" || phase === "board";
+    useInput((input, key) => {
+        if (key.ctrl && input === "c")
+            return exit();
+        if (input === "q" && !typing)
+            return exit();
+        if (key.escape)
+            goBack();
+        // Pagers share one key handler; the page size matches the viewer's (frame chrome + 1 slack).
+        const pager = phase === "transcript" && transcript ? transcript : phase === "diff" && diffView ? diffView : null;
+        if (pager) {
+            const page = Math.max(4, termRows - 18);
+            const step = key.upArrow ? -1 : key.downArrow ? 1 : key.pageUp ? -page : key.pageDown ? page : 0;
+            if (!step)
+                return;
+            const scroll = Math.max(0, pager.scroll + step);
+            if (phase === "transcript")
+                setTranscript({ ...transcript, scroll });
+            else
+                setDiffView({ ...diffView, scroll });
+        }
+    });
+    // ---- stack effect: apply the default stack (skip the picker) when one is set ----
+    useEffect(() => {
+        if (phase !== "stack")
+            return;
+        const pref = getPreferredStack();
+        if (pref !== "ask") {
+            setStackChoice({ platform: "web", framework: pref });
+            setPhase("assessing");
+        }
+    }, [phase]);
+    // ---- intake effect: for a fresh build, ask the PM if it needs clarification ----
+    useEffect(() => {
+        if (phase !== "assessing")
+            return;
+        let alive = true;
+        // Only interview for fresh full builds; targeted changes go straight to planning.
+        if (scope !== "full" || targetWorkspace) {
+            setPhase("planning");
+            return;
+        }
+        assessBuild(composeBrief(false), providers) // intake not answered yet
+            .then((qs) => {
+            if (!alive)
+                return;
+            if (qs.length) {
+                setIntakeQs(qs);
+                setPhase("intake");
+            }
+            else {
+                setPhase("planMode");
+            }
+        })
+            .catch(() => { if (alive)
+            setPhase("planMode"); }); // never block on intake
+        return () => { alive = false; };
+    }, [phase, idea, providers, scope, targetWorkspace]);
+    // ---- council effect: run the deep plan when entering "council" ----
+    useEffect(() => {
+        if (phase !== "council")
+            return;
+        let alive = true;
+        setCouncil({ loading: true, result: null, error: "" });
+        councilBuild(composeBrief(true), providers)
+            .then((result) => {
+            if (!alive)
+                return;
+            if (result.epics.length) {
+                setCouncil({ loading: false, result, error: "" });
+                setPhase("approveEpics");
+            }
+            else {
+                setApprovedEpics(null); // council came back empty — fall back to normal planning
+                setPhase("planning");
+            }
+        })
+            .catch(() => { if (alive) {
+            setApprovedEpics(null);
+            setPhase("planning");
+        } });
+        return () => { alive = false; };
+    }, [phase, idea, providers]);
+    // ---- planning effect ----
+    useEffect(() => {
+        if (phase !== "planning")
+            return;
+        let alive = true;
+        planBuild(composeBrief(true), providers, scope, targetWorkspace, approvedEpics ?? undefined)
+            .then((p) => {
+            if (!alive)
+                return;
+            setPlan(p);
+            setTasks(p.tasks.map((t) => ({ id: t.id, capability: t.capability, status: "pending", title: t.title })));
+            setPhase("plan");
+        })
+            .catch((e) => {
+            if (!alive)
+                return;
+            setError(e instanceof Error ? e.message : String(e));
+            setPhase("error");
+        });
+        return () => {
+            alive = false;
+        };
+    }, [phase, idea, providers, scope, targetWorkspace]);
+    // ---- building effect ----
+    useEffect(() => {
+        if (phase !== "building" || !plan)
+            return;
+        const onEvent = (e) => {
+            if (e.type === "task_start") {
+                setTasks((ts) => ts.map((t) => (t.id === e.task.id ? { ...t, status: "running", model: e.modelId, startedAt: Date.now() } : t)));
+            }
+            else if (e.type === "task_done") {
+                setSpent(e.runningTotal);
+                setTasks((ts) => ts.map((t) => t.id === e.outcome.taskId
+                    ? {
+                        ...t,
+                        status: "done",
+                        cost: (t.cost ?? 0) + e.outcome.cost,
+                        verdict: e.outcome.verdict ? verdictLabel(e.outcome.verdict, e.outcome.capability) : t.verdict,
+                    }
+                    : t));
+            }
+            else if (e.type === "task_failed") {
+                setSpent(e.runningTotal);
+                setTasks((ts) => ts.map((t) => (t.id === e.outcome.taskId ? { ...t, status: "failed", cost: (t.cost ?? 0) + e.outcome.cost } : t)));
+            }
+            else if (e.type === "task_skipped") {
+                setTasks((ts) => ts.map((t) => (t.id === e.taskId ? { ...t, status: "skipped" } : t)));
+            }
+            else if (e.type === "test_failed") {
+                setTasks((ts) => ts.map((t) => (t.id === e.taskId ? { ...t, status: "failed", verdict: "FAIL" } : t)));
+            }
+            else if (e.type === "retry_dev") {
+                setTasks((ts) => ts.map((t) => (t.id === e.taskId ? { ...t, status: "running" } : t)));
+            }
+        };
+        const prefs = getPrefs();
+        // In approval mode, pause once before development starts (design → dev gate).
+        const onGate = mode === "approval"
+            ? () => new Promise((resolve) => setGate({ resolve }))
+            : undefined;
+        const handle = startBuild(idea, plan, {
+            concurrency: prefs.concurrency,
+            budgetCapUSD: projectCap ?? prefs.budgetCapUSD,
+            taskLimits: { timeoutMs: prefs.taskTimeoutMin * 60_000, costCapUSD: prefs.taskCostCapUSD },
+            onEvent,
+            workspace: targetWorkspace,
+            seedOutcomes: seed,
+            mode,
+            onGate,
+        });
+        let alive = true;
+        handle.promise
+            .then((r) => {
+            if (!alive)
+                return;
+            setSpent(r.totalCost);
+            setBuildResult({ halted: r.halted, haltReason: r.haltReason, files: r.files, workspace: handle.workspace });
+            setPhase("done");
+            if (getNotify()) {
+                notifyBuildDone("Projectinator", `Build ${r.halted ? "halted" : "complete"} · $${r.totalCost.toFixed(2)}${r.files.length ? ` · ${r.files.length} file${r.files.length === 1 ? "" : "s"}` : ""}`);
+            }
+            const hook = getWebhookUrl();
+            if (hook)
+                void postWebhook(hook, { event: "build.finished", status: r.halted ? "halted" : "complete", haltReason: r.haltReason, idea, totalCost: r.totalCost, files: r.files, workspace: handle.workspace, at: new Date().toISOString() });
+        })
+            .catch((e) => {
+            if (!alive)
+                return;
+            setError(e instanceof Error ? e.message : String(e));
+            setPhase("error");
+        });
+        return () => {
+            alive = false;
+        };
+    }, [phase, plan, idea]);
+    // ================= screens =================
+    // Each phase renders its own content; AppFrame (below) wraps the result in the
+    // persistent frame (status bar pinned to the bottom on every screen).
+    const screen = (() => {
+        if (phase === "setup") {
+            const ready = providers.length > 0;
+            const mode = chooseRegistry(providers).lock
+                ? `locked to ${PROVIDER_LABEL[providers[0]]}`
+                : "best model per role";
+            return (_jsx(Box, { flexDirection: "column", children: ready ? (_jsxs(Panel, { title: "Ready to build", children: [_jsx(Text, { color: C.textMuted, children: "Your team is connected." }), _jsx(Box, { marginTop: 1, gap: 1, flexWrap: "wrap", children: providers.map((p) => (_jsx(Chip, { label: PROVIDER_LABEL[p], dotColor: C.good }, p))) }), _jsx(Text, { color: C.textSubtle, children: `\nRouting: ${mode}.` }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: "Start a build", value: "go" },
+                                    { label: "Settings", value: "settings" },
+                                    { label: "Quit", value: "quit" },
+                                ], onSelect: (i) => (i.value === "go" ? setPhase("home") : i.value === "settings" ? setPhase("settings") : exit()) }) })] })) : (_jsxs(Panel, { title: "Connect a provider", borderColor: C.warn, children: [_jsx(Text, { color: C.textMuted, children: "No API key yet \u2014 add one in Settings (no file editing)." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [{ label: "Settings — add a key", value: "settings" }, { label: "Quit", value: "quit" }], onSelect: (i) => (i.value === "settings" ? setPhase("settings") : exit()) }) })] })) }));
+        }
+        if (phase === "home") {
+            const projs = listProjects();
+            const items = [
+                { label: "New build", value: "new" },
+                { label: "Start from a template", value: "templates" },
+                { label: "Import an existing folder", value: "import" },
+                ...(projs.length ? [{ label: `Projects (${projs.length})`, value: "open" }] : []),
+                { label: "Compare models (bake-off)", value: "bakeoff" },
+                { label: "Settings", value: "settings" },
+                { label: "Quit", value: "quit" },
+            ];
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(Panel, { title: "What would you like to do?", children: _jsx(SelectInput, { items: items, onSelect: (i) => {
+                            if (i.value === "new") {
+                                resetBuildContext();
+                                setScope("full");
+                                setPhase("idea");
+                            }
+                            else if (i.value === "templates") {
+                                setPhase("templates");
+                            }
+                            else if (i.value === "import") {
+                                setAssetPath("");
+                                setAssetMsg(null);
+                                setAssetKey((k) => k + 1);
+                                setPhase("importProject");
+                            }
+                            else if (i.value === "open") {
+                                setProjects(projs);
+                                setPhase("projects");
+                            }
+                            else if (i.value === "bakeoff") {
+                                setPhase("bakeoff");
+                            }
+                            else if (i.value === "settings") {
+                                setPhase("settings");
+                            }
+                            else
+                                exit();
+                        } }) }) }));
+        }
+        if (phase === "settings") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(Settings, { onExit: () => {
+                        const next = availableProviders();
+                        setProviders(next);
+                        setPhase(next.length ? "home" : "setup");
+                    } }) }));
+        }
+        if (phase === "bakeoff") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(BakeOff, { onExit: () => setPhase("home") }) }));
+        }
+        if (phase === "projects") {
+            const mark = (s) => (s === "complete" ? "✓" : s === "halted" ? "⚠" : "·");
+            const items = [
+                ...projects.map((p) => ({
+                    label: `${mark(p.status)}  ${p.idea.slice(0, 46)}${p.idea.length > 46 ? "…" : ""}   $${p.totalCost.toFixed(2)}`,
+                    value: p.slug,
+                })),
+                { label: "Back", value: "__back" },
+            ];
+            const total = projects.reduce((a, p) => a + p.totalCost, 0);
+            const nComplete = projects.filter((p) => p.status === "complete").length;
+            const nHalted = projects.filter((p) => p.status === "halted").length;
+            const nRunning = projects.filter((p) => p.status === "running").length;
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Your projects", children: [_jsxs(Box, { gap: 1, flexWrap: "wrap", marginBottom: 1, children: [_jsx(Chip, { label: `${projects.length} projects` }), _jsx(Chip, { label: `$${total.toFixed(2)} spent`, dotColor: C.accent }), nComplete ? _jsx(Chip, { label: `${nComplete} done`, dotColor: C.good }) : null, nHalted ? _jsx(Chip, { label: `${nHalted} halted`, dotColor: C.warn, active: true }) : null, nRunning ? _jsx(Chip, { label: `${nRunning} running`, dotColor: C.info }) : null] }), _jsx(SelectInput, { items: items, onSelect: (i) => {
+                                if (i.value === "__back")
+                                    setPhase("home");
+                                else {
+                                    const proj = projects.find((p) => p.slug === i.value) ?? null;
+                                    setSelected(proj);
+                                    setProjectCap(proj?.state.budgetCapUSD ?? null); // carry the saved cap into resume/change
+                                    setEpicFilter(null); // don't carry a filter from a previously-opened project
+                                    setPhase("projectActions");
+                                }
+                            } })] }) }));
+        }
+        if (phase === "projectActions" && selected) {
+            const doneIds = completedIds(selected.state);
+            // Buildable if it was halted OR the backlog has tasks that were never built.
+            const hasUnbuilt = selected.state.tasks.some((t) => !doneIds.has(t.id));
+            const canResume = selected.status === "halted" || hasUnbuilt;
+            const costById = new Map();
+            const modelById = new Map();
+            for (const o of selected.state.outcomes) {
+                costById.set(o.taskId, (costById.get(o.taskId) ?? 0) + o.cost);
+                modelById.set(o.taskId, o.modelId);
+            }
+            const allBoard = selected.state.tasks.map((t) => ({
+                id: t.id,
+                capability: t.capability,
+                title: t.title,
+                epic: t.epic,
+                dependsOn: t.dependsOn,
+                notes: t.notes,
+                status: doneIds.has(t.id) ? "done" : "pending",
+                cost: costById.get(t.id),
+                assignee: modelById.has(t.id) ? modelLabel(modelById.get(t.id)) : undefined,
+            }));
+            const statusChip = selected.status === "complete"
+                ? { label: "complete", dot: C.good }
+                : selected.status === "halted"
+                    ? { label: "halted", dot: C.warn }
+                    : { label: "running", dot: C.info };
+            const menuGroups = [
+                { title: "Work", items: [
+                        { label: "Add to backlog (describe it, the PM plans it)", value: "change" },
+                        { label: "Board (view · add · reorder · edit)", value: "kanban" },
+                        { label: "Add a file / image", value: "asset" },
+                        ...(canResume ? [{ label: selected.status === "halted" ? "Resume build" : `Build the backlog (${selected.state.tasks.filter((t) => !doneIds.has(t.id)).length} to do)`, value: "resume" }] : []),
+                    ] },
+                { title: "See it", items: [
+                        { label: "Preview in browser (live server, auto-reload)", value: "preview" },
+                    ] },
+                { title: "Reports", items: [
+                        { label: "Retro (build summary)", value: "retro" },
+                        { label: "Burndown (progress + spend)", value: "burndown" },
+                        { label: "History (per-task commits)", value: "history" },
+                        { label: "Transcripts (what each role said)", value: "transcripts" },
+                    ] },
+                { title: "Ship", items: [
+                        { label: "Deploy (Cloudflare, Vercel, Netlify)", value: "deploy" },
+                        { label: "Export (Markdown, CSV, Jira, Trello)", value: "export" },
+                    ] },
+                { title: "Manage", items: [
+                        { label: `Budget cap: ${selected.state.budgetCapUSD != null ? `$${selected.state.budgetCapUSD}` : "global default"}`, value: "cap" },
+                        { label: "Save as template", value: "saveTpl" },
+                        { label: "Rename", value: "rename" },
+                        { label: "Duplicate", value: "duplicate" },
+                        { label: "Delete", value: "delete" },
+                        { label: "Back", value: "back" },
+                    ] },
+            ];
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Box, { flexGrow: 1, marginRight: 2, children: _jsx(Text, { bold: true, wrap: "truncate-end", children: selected.idea }) }), _jsx(Text, { color: statusChip.dot, children: "\u25CF " }), _jsx(Text, { color: C.textMuted, children: statusChip.label })] }), flash ? _jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "success", children: flash }) }) : null, _jsx(Box, { marginTop: 1, children: _jsx(Standup, { tasks: allBoard, spent: selected.totalCost }) }), _jsx(Box, { marginTop: 1, children: _jsx(Team, {}) }), _jsx(Box, { marginTop: 1, children: _jsx(GroupedMenu, { groups: menuGroups, maxRows: Math.max(6, termRows - 20), onSelect: (i) => {
+                                if (i.value !== "export")
+                                    setFlash("");
+                                if (i.value === "editBoard")
+                                    setPhase("editBoard");
+                                else if (i.value === "kanban") {
+                                    setFlash("");
+                                    setPhase("kanban");
+                                }
+                                else if (i.value === "export") {
+                                    setFlash("");
+                                    setPhase("exportMenu");
+                                }
+                                else if (i.value === "deploy") {
+                                    setFlash("");
+                                    setPhase("deployMenu");
+                                }
+                                else if (i.value === "view")
+                                    setViewMode((v) => (v === "board" ? "list" : "board"));
+                                else if (i.value === "filter")
+                                    setPhase("filterEpic");
+                                else if (i.value === "open")
+                                    openInBrowser(mainFileOf(selected.dir));
+                                else if (i.value === "history") {
+                                    setFlash("");
+                                    setPhase("history");
+                                }
+                                else if (i.value === "transcripts") {
+                                    setFlash("");
+                                    setPhase("transcripts");
+                                }
+                                else if (i.value === "retro") {
+                                    setFlash("");
+                                    setNarr({ loading: false, text: getRetroNarrative(selected.dir) ?? "", error: "" });
+                                    setPhase("retro");
+                                }
+                                else if (i.value === "burndown") {
+                                    setFlash("");
+                                    setPhase("burndown");
+                                }
+                                else if (i.value === "cap") {
+                                    setCapReturn("projectActions");
+                                    setCapDraft(selected.state.budgetCapUSD != null ? String(selected.state.budgetCapUSD) : "");
+                                    setPhase("setCap");
+                                }
+                                else if (i.value === "saveTpl") {
+                                    setFlash("");
+                                    setTplName(selected.idea.slice(0, 40));
+                                    setPhase("saveTemplate");
+                                }
+                                else if (i.value === "preview") {
+                                    const dir = selected.dir;
+                                    setPreview(null);
+                                    setPhase("preview");
+                                    startStaticServer(dir, { liveReload: true })
+                                        .then((server) => {
+                                        setPreview({ server });
+                                        const main = mainFileOf(dir).split("/").pop() || "index.html";
+                                        openInBrowser(`${server.url}/${main}`);
+                                    })
+                                        .catch((e) => setPreview({ error: e instanceof Error ? e.message : String(e) }));
+                                }
+                                else if (i.value === "back")
+                                    setPhase("projects");
+                                else if (i.value === "rename") {
+                                    setRenameDraft(selected.idea);
+                                    setPhase("rename");
+                                }
+                                else if (i.value === "duplicate") {
+                                    const newDir = duplicateProject(selected.dir);
+                                    reselect(newDir);
+                                    setPhase("projectActions");
+                                }
+                                else if (i.value === "delete") {
+                                    setPhase("confirmDelete");
+                                }
+                                else if (i.value === "asset") {
+                                    setTargetWorkspace(selected.dir);
+                                    setAssetPath("");
+                                    setAssetMsg(null);
+                                    setAssetReturn("projectActions");
+                                    setPhase("addAsset");
+                                }
+                                else if (i.value === "change") {
+                                    setTargetWorkspace(selected.dir);
+                                    setSeed(undefined);
+                                    setIdea("");
+                                    setScope("change");
+                                    setPhase("change");
+                                }
+                                else if (i.value === "resume") {
+                                    const { registry, lock } = chooseRegistry(providers);
+                                    const done = completedIds(selected.state);
+                                    setPlan({
+                                        tasks: selected.state.tasks,
+                                        provider: lock ?? providers[0],
+                                        modelId: "",
+                                        estCost: estimateTasks(selected.state.tasks, registry).total,
+                                        registry,
+                                        lock,
+                                    });
+                                    setTasks(selected.state.tasks.map((t) => ({
+                                        id: t.id, capability: t.capability, title: t.title,
+                                        status: done.has(t.id) ? "done" : "pending",
+                                    })));
+                                    setSpent(selected.state.totalCost);
+                                    setTargetWorkspace(selected.dir);
+                                    setSeed(selected.state.outcomes);
+                                    setIdea(selected.idea);
+                                    setPhase("building");
+                                }
+                            } }) })] }));
+        }
+        if (phase === "editBoard" && selected) {
+            const doneIds = completedIds(selected.state);
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(EditableBoard, { tasks: selected.state.tasks, doneIds: doneIds, onSave: (t) => {
+                        saveProjectTasks(selected.dir, t);
+                        reselect(selected.dir);
+                        setPhase("kanban"); // back to the board view
+                    }, onCancel: () => setPhase("kanban") }) }));
+        }
+        if (phase === "exportMenu" && selected) {
+            const dir = selected.dir;
+            const run = (fn, done) => {
+                try {
+                    const out = fn();
+                    const paths = Array.isArray(out) ? out : [out];
+                    reselect(dir);
+                    setFlash(`Exported → ${paths.map((p) => p.split("/").pop()).join(", ")}  (in the project folder)`);
+                }
+                catch (e) {
+                    setFlash(e instanceof Error ? e.message : "Export failed.");
+                }
+                done();
+            };
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Panel, { title: "Export backlog", children: [_jsx(Text, { color: C.textMuted, children: "Writes files into the project folder. Import them into your tool of choice." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                        { label: "Markdown + CSV (readable + spreadsheet)", value: "md" },
+                                        { label: "Jira CSV (Jira → External System Import → CSV)", value: "jira" },
+                                        { label: "Trello CSV (Trello CSV-import Power-Up)", value: "trello" },
+                                        { label: "All formats", value: "all" },
+                                        { label: "Back", value: "back" },
+                                    ], onSelect: (i) => {
+                                        const back = () => setPhase("projectActions");
+                                        if (i.value === "back")
+                                            return back();
+                                        if (i.value === "md")
+                                            return run(() => { const { md, csv } = exportProject(dir); return [md, csv]; }, back);
+                                        if (i.value === "jira")
+                                            return run(() => exportJira(dir), back);
+                                        if (i.value === "trello")
+                                            return run(() => exportTrello(dir), back);
+                                        if (i.value === "all")
+                                            return run(() => {
+                                                const { md, csv } = exportProject(dir);
+                                                return [md, csv, exportJira(dir), exportTrello(dir)];
+                                            }, back);
+                                    } }) })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Esc", label: "go back" }] }) })] }));
+        }
+        if (phase === "deployMenu" && selected) {
+            const dir = selected.dir;
+            const name = selected.idea || dir.split("/").pop() || "app";
+            const start = (target) => {
+                setDeployState({ target, status: "running", log: [] });
+                setPhase("deploying");
+                deploy(target, dir, name, (line) => setDeployState((prev) => (prev ? { ...prev, log: [...prev.log.slice(-60), line] } : prev)))
+                    .then((res) => setDeployState((prev) => (prev ? { ...prev, status: "done", url: res.url } : prev)))
+                    .catch((e) => setDeployState((prev) => (prev ? { ...prev, status: "error", error: e instanceof Error ? e.message : String(e) } : prev)));
+            };
+            const targets = ["cloudflare", "vercel", "netlify"];
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Panel, { title: "Deploy", children: [_jsx(Text, { color: C.textMuted, children: "Publishes the built site publicly. Each target needs its CLI installed and signed in." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                        ...targets.map((t) => ({ label: `${DEPLOY_META[t].label}   (${DEPLOY_META[t].cli})`, value: t })),
+                                        { label: "Back", value: "back" },
+                                    ], onSelect: (i) => {
+                                        if (i.value === "back")
+                                            return setPhase("projectActions");
+                                        start(i.value);
+                                    } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: C.textSubtle, children: "Sign-in per target (one-time):" }), targets.map((t) => (_jsxs(Text, { color: C.textSubtle, children: ["  ", DEPLOY_META[t].label, ": ", DEPLOY_META[t].auth] }, t)))] })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Esc", label: "go back" }] }) })] }));
+        }
+        if (phase === "deploying" && deployState) {
+            const ds = deployState;
+            const meta = DEPLOY_META[ds.target];
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `Deploy → ${meta.label}`, children: [ds.status === "running" ? _jsx(Spinner, { label: "Deploying\u2026 (first run can take a minute)" }) : null, ds.log.length ? (_jsx(Box, { marginTop: 1, flexDirection: "column", children: ds.log.slice(-8).map((l, idx) => (_jsx(Text, { color: C.textSubtle, wrap: "truncate-end", children: l }, idx))) })) : null, ds.status === "done" ? (_jsx(Box, { marginTop: 1, children: ds.url
+                                ? _jsxs(StatusMessage, { variant: "success", children: ["Live at ", ds.url] })
+                                : _jsx(StatusMessage, { variant: "success", children: "Deployed. (No URL parsed \u2014 check the log above.)" }) })) : null, ds.status === "error" ? (_jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "error", children: ds.error }) })) : null, ds.status !== "running" ? (_jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [{ label: "Back", value: "back" }], onSelect: () => { setDeployState(null); setPhase("projectActions"); } }) })) : null] }) }));
+        }
+        if (phase === "burndown" && selected) {
+            const b = projectBurndown(selected.dir);
+            const W = 18;
+            const money = (n) => `$${n.toFixed(2)}`;
+            const maxCost = b ? Math.max(0.0001, ...b.steps.map((s) => s.cumCost)) : 1;
+            const remBar = (rem) => "█".repeat(Math.round((rem / (b?.taskCount || 1)) * W)).padEnd(W, "·");
+            const costBar = (c) => "█".repeat(Math.max(0, Math.round((c / maxCost) * W))).padEnd(W, " ");
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `Burndown — ${selected.idea}`, children: [!b || b.steps.length === 0 ? (_jsx(Text, { color: C.textMuted, children: "No steps yet \u2014 run the build." })) : (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: C.textMuted, children: ["Tasks remaining after each step (X = completion order, ", b.taskCount, " total)"] }), b.steps.map((s, i) => (_jsxs(Text, { wrap: "truncate-end", children: [`${(i + 1).toString().padStart(2)} ${s.taskId}`.padEnd(9), " ", _jsx(Text, { color: C.accent, children: remBar(s.remaining) }), " ", String(s.remaining).padStart(2), s.retry ? _jsx(Text, { color: C.warn, children: "  \u21BB retry" }) : null] }, i))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: C.dim, children: ["Cumulative spend (total ", money(b.totalCost), ")"] }), b.steps.map((s, i) => (_jsxs(Text, { wrap: "truncate-end", children: [`${(i + 1).toString().padStart(2)} ${s.taskId}`.padEnd(9), " ", _jsx(Text, { color: C.good, children: costBar(s.cumCost) }), " ", money(s.cumCost)] }, i)))] })] })), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [{ label: "Back", value: "back" }], onSelect: () => setPhase("projectActions") }) })] }) }));
+        }
+        if (phase === "kanban" && selected) {
+            const done = completedIds(selected.state);
+            const costBy = new Map();
+            const modelBy = new Map();
+            for (const o of selected.state.outcomes) {
+                costBy.set(o.taskId, (costBy.get(o.taskId) ?? 0) + o.cost);
+                modelBy.set(o.taskId, o.modelId);
+            }
+            const tasks = selected.state.tasks.map((t) => ({
+                id: t.id,
+                capability: t.capability,
+                title: t.title,
+                epic: t.epic,
+                dependsOn: t.dependsOn,
+                notes: t.notes,
+                status: done.has(t.id) ? "done" : "pending",
+                cost: costBy.get(t.id),
+                assignee: modelBy.has(t.id) ? modelLabel(modelBy.get(t.id)) : undefined,
+            }));
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, wrap: "truncate-end", children: selected.idea }), _jsx(Box, { marginTop: 1, children: _jsx(Standup, { tasks: tasks, spent: selected.totalCost }) }), _jsx(Box, { marginTop: 1, children: _jsx(Panel, { title: "Board", children: _jsx(Kanban, { tasks: tasks, compact: true, maxPerCol: Math.max(4, termRows - 14) }) }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                { label: "Edit board (add · reorder · deps · rename)", value: "edit" },
+                                { label: "Back", value: "back" },
+                            ], onSelect: (i) => setPhase(i.value === "edit" ? "editBoard" : "projectActions") }) })] }));
+        }
+        if (phase === "retro" && selected) {
+            const r = projectRetro(selected.dir);
+            const money = (n) => `$${n.toFixed(2)}`;
+            const maxEpic = r ? Math.max(1, ...r.byEpic.map((e) => e.cost)) : 1;
+            const bar = (cost) => "█".repeat(Math.max(1, Math.round((cost / maxEpic) * 16)));
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `Retro — ${selected.idea}`, children: [!r ? (_jsx(Text, { color: C.textMuted, children: "No build data yet." })) : (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: C.textMuted, children: "Status " }), r.status, _jsx(Text, { color: C.dim, children: "   \u00B7   Cost " }), _jsx(Text, { color: C.accent, children: money(r.totalCost) }), _jsx(Text, { color: C.dim, children: "   \u00B7   Tasks " }), r.doneCount, "/", r.taskCount, _jsx(Text, { color: C.dim, children: "   \u00B7   Tests " }), _jsxs(Text, { color: C.good, children: [r.tests.passed, "\u2713"] }), " ", _jsxs(Text, { color: r.tests.failed ? (C.bad) : C.dim, children: [r.tests.failed, "\u2717"] })] }), r.estCost > 0 ? (() => {
+                                    const delta = r.estCost > 0 ? Math.round(((r.totalCost - r.estCost) / r.estCost) * 100) : 0;
+                                    const under = r.totalCost <= r.estCost;
+                                    return (_jsxs(Text, { children: [_jsx(Text, { color: C.dim, children: "Predicted " }), money(r.estCost), _jsx(Text, { color: C.dim, children: " \u2192 actual " }), _jsx(Text, { color: C.accent, children: money(r.totalCost) }), _jsxs(Text, { color: under ? (C.good) : C.warn, children: ["  ", delta >= 0 ? "+" : "", delta, "% ", under ? "under" : "over"] })] }));
+                                })() : null, r.byEpic.length ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: C.dim, children: "Cost by epic" }), r.byEpic.map((e) => (_jsxs(Text, { wrap: "truncate-end", children: ["  ", _jsx(Text, { color: C.accent, children: bar(e.cost) }), " ", money(e.cost).padEnd(7), " ", _jsxs(Text, { color: C.dim, children: [e.epic, " (", e.tasks, ")"] })] }, e.epic)))] })) : null, _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: C.dim, children: "Cost by model" }), r.byModel.map((m) => (_jsxs(Text, { wrap: "truncate-end", children: ["  ", money(m.cost).padEnd(7), " ", _jsxs(Text, { color: C.dim, children: [modelLabel(m.model), " (", m.tasks, ")"] })] }, m.model)))] }), r.topCost.length ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: C.dim, children: "Priciest tasks" }), r.topCost.map((t) => (_jsxs(Text, { wrap: "truncate-end", children: ["  ", money(t.cost).padEnd(7), " ", _jsx(Text, { color: C.dim, children: t.taskId }), " ", t.title] }, t.taskId)))] })) : null, r.retries.length ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: C.warn, children: ["Rebuilds: ", r.retries.map((x) => `${x.taskId}×${x.rounds}`).join(", ")] }) })) : null, r.bugs.length ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: C.dim, children: ["Tester flagged ", r.bugs.length, " issue", r.bugs.length === 1 ? "" : "s", ":"] }), r.bugs.slice(0, 5).map((b, i) => (_jsxs(Text, { wrap: "truncate-end", children: ["  ", _jsxs(Text, { color: b.severity === "high" ? (C.bad) : C.warn, children: ["[", b.severity, "]"] }), " ", b.description] }, i)))] })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: C.good, children: "No open issues flagged by the tester." }) })), narr.loading ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Writing the retro narrative\u2026" }) })) : narr.error ? (_jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "error", children: narr.error }) })) : narr.text ? (_jsx(Box, { marginTop: 1, children: _jsx(Panel, { title: "AI narrative", children: narr.text.split("\n").map((line, i) => _jsx(Text, { wrap: "wrap", children: line }, i)) }) })) : null] })), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    ...(r && !narr.loading ? [{ label: narr.text ? "Regenerate AI narrative" : "Generate AI narrative", value: "narrate" }] : []),
+                                    { label: "Back", value: "back" },
+                                ], onSelect: (i) => {
+                                    if (i.value === "narrate") {
+                                        setNarr({ loading: true, text: "", error: "" });
+                                        generateRetroNarrative(selected.dir, providers)
+                                            .then((text) => setNarr({ loading: false, text, error: "" }))
+                                            .catch((e) => setNarr({ loading: false, text: "", error: e instanceof Error ? e.message : String(e) }));
+                                    }
+                                    else {
+                                        setPhase("projectActions");
+                                    }
+                                } }) })] }) }));
+        }
+        if (phase === "history" && selected) {
+            const dir = selected.dir;
+            const commits = projectHistory(dir);
+            const canUndo = commits.length > 1; // more than the initial commit
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `History — ${selected.idea}`, children: [_jsx(Text, { color: C.textMuted, children: "One commit per finished task, newest first. Pick one to see its diff." }), flash ? _jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "success", children: flash }) }) : null, _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    ...commits.slice(0, 20).map((c) => ({ label: `${c.hash}  ${c.msg}`, value: c.hash })),
+                                    ...(commits.length ? [] : [{ label: "No history yet (this project predates git-per-build, or git isn't installed).", value: "back" }]),
+                                    ...(canUndo ? [{ label: "Undo last task (revert files + reopen it to rebuild)", value: "undo" }] : []),
+                                    { label: "Back", value: "back" },
+                                ], onSelect: (i) => {
+                                    if (i.value === "undo") {
+                                        const r = undoLastTask(dir);
+                                        reselect(dir);
+                                        setFlash(r.ok ? `Undid ${r.taskId ?? "last task"}. Resume the build to rebuild it.` : (r.error ?? "Undo failed."));
+                                    }
+                                    else if (i.value === "back") {
+                                        setFlash("");
+                                        setPhase("projectActions");
+                                    }
+                                    else {
+                                        const c = commits.find((x) => x.hash === i.value);
+                                        const d = commitDiff(dir, c.hash);
+                                        const lines = d.stat.length ? [...d.stat, "", ...d.patch] : ["(empty commit — no file changes)"];
+                                        setFlash("");
+                                        setDiffView({ hash: c.hash, msg: c.msg, lines, scroll: 0 });
+                                        setPhase("diff");
+                                    }
+                                } }) })] }) }));
+        }
+        if (phase === "diff" && selected && diffView) {
+            const page = Math.max(4, termRows - 18);
+            const { lines } = diffView;
+            const scroll = Math.min(diffView.scroll, Math.max(0, lines.length - page));
+            const color = (l) => l.startsWith("+++") || l.startsWith("---") ? C.textMuted
+                : l.startsWith("+") ? C.good
+                    : l.startsWith("-") ? C.bad
+                        : l.startsWith("@@") ? C.accent
+                            : l.startsWith("diff ") ? C.textSubtle
+                                : C.text;
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `${diffView.hash} · ${diffView.msg}`, children: [_jsx(Text, { bold: true, wrap: "truncate-end", children: selected.idea }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: lines.slice(scroll, scroll + page).map((l, i) => _jsx(Text, { color: color(l), wrap: "truncate-end", children: l || " " }, scroll + i)) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.textSubtle, children: lines.length > page ? `lines ${scroll + 1}–${Math.min(scroll + page, lines.length)} of ${lines.length}   ` : "" }), _jsx(KeyHint, { hints: [{ keys: "↑↓ PgUp PgDn", label: "scroll" }, { keys: "Esc", label: "back" }] })] })] }) }));
+        }
+        if (phase === "transcripts" && selected) {
+            const outcomes = selected.state.outcomes;
+            const titleById = new Map(selected.state.tasks.map((t) => [t.id, t.title]));
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `Transcripts — ${selected.idea}`, children: [_jsx(Text, { color: C.textMuted, children: "Every run, in order \u2014 retries included. Pick one to read what the role said." }), _jsx(Box, { marginTop: 1, children: outcomes.length ? (_jsx(SelectInput, { items: [
+                                    ...outcomes.map((o, i) => ({
+                                        label: `${o.taskId.padEnd(6)} ${ROLE_META[o.capability].emoji} ${o.capability.padEnd(7)}${o.round ? ` r${o.round}` : "   "}  $${o.cost.toFixed(2).padStart(5)}  ${o.error ? "ABORTED" : o.verdict ? verdictLabel(o.verdict, o.capability) : ""}`.padEnd(40) + `  ${(titleById.get(o.taskId) ?? "").slice(0, 40)}`,
+                                        value: String(i),
+                                    })),
+                                    { label: "Back", value: "back" },
+                                ], onSelect: (i) => {
+                                    if (i.value === "back")
+                                        return setPhase("projectActions");
+                                    setTranscript({ outcome: outcomes[Number(i.value)], scroll: 0 });
+                                    setPhase("transcript");
+                                } })) : (_jsx(Text, { color: C.textMuted, children: "Nothing has run yet." })) })] }) }));
+        }
+        if (phase === "transcript" && selected && transcript) {
+            const o = transcript.outcome;
+            const title = selected.state.tasks.find((t) => t.id === o.taskId)?.title ?? o.taskId;
+            const lines = [];
+            if (o.error)
+                lines.push(`⛔ Aborted: ${o.error}`, "");
+            if (o.verdict) {
+                lines.push(`Verdict: ${verdictLabel(o.verdict, o.capability)}${o.capability === "test" && !o.verdict.runtimeChecked ? " (app not executed — no Chromium)" : ""}`);
+                for (const b of o.verdict.bugs)
+                    lines.push(`  • [${b.severity}] ${b.description}${b.file ? ` (${b.file})` : ""}`);
+                lines.push("");
+            }
+            lines.push(...(o.finalText.trim() || "(the role produced no text — files only)").split("\n"));
+            if (o.files.length)
+                lines.push("", `Files after this run: ${o.files.join(", ")}`);
+            const page = Math.max(4, termRows - 18);
+            const scroll = Math.min(transcript.scroll, Math.max(0, lines.length - page));
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `${o.taskId} · ${ROLE_META[o.capability].label}${o.round ? ` · round ${o.round}` : ""} · ${modelLabel(o.modelId)} · $${o.cost.toFixed(2)}`, children: [_jsx(Text, { bold: true, wrap: "truncate-end", children: title }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: lines.slice(scroll, scroll + page).map((l, i) => _jsx(Text, { wrap: "truncate-end", children: l || " " }, scroll + i)) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.textSubtle, children: lines.length > page ? `lines ${scroll + 1}–${Math.min(scroll + page, lines.length)} of ${lines.length}   ` : "" }), _jsx(KeyHint, { hints: [{ keys: "↑↓ PgUp PgDn", label: "scroll" }, { keys: "Esc", label: "back" }] })] })] }) }));
+        }
+        if (phase === "preview") {
+            const stop = () => {
+                if (preview && "server" in preview)
+                    void preview.server.close();
+                setPreview(null);
+                setPhase("projectActions");
+            };
+            const url = preview && "server" in preview ? preview.server.url : null;
+            const err = preview && "error" in preview ? preview.error : null;
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Live preview", children: [_jsxs(Box, { flexDirection: "column", children: [err ? _jsx(StatusMessage, { variant: "error", children: err }) : null, !err && !url ? _jsx(Spinner, { label: "Starting local server\u2026" }) : null, url ? (_jsxs(_Fragment, { children: [_jsxs(StatusMessage, { variant: "success", children: ["Serving at ", url] }), _jsx(Text, { color: C.textMuted, children: "Opened in your browser. It auto-reloads when the files change" }), _jsx(Text, { color: C.textMuted, children: "(e.g. after a resume/change build). ES modules + fetch work here," }), _jsx(Text, { color: C.textMuted, children: "unlike opening the file directly." })] })) : null] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [{ label: "Stop preview & go back", value: "stop" }], onSelect: stop }) })] }) }));
+        }
+        if (phase === "filterEpic" && selected) {
+            const epics = [...new Set(selected.state.tasks.map((t) => t.epic || "General"))];
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(Panel, { title: "Filter by epic", children: _jsx(SelectInput, { items: [
+                            { label: "All epics", value: "__all" },
+                            ...epics.map((e) => ({ label: e, value: e })),
+                        ], onSelect: (i) => {
+                            setEpicFilter(i.value === "__all" ? null : i.value);
+                            setPhase("projectActions");
+                        } }) }) }));
+        }
+        if (phase === "rename" && selected) {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Rename project", children: [_jsxs(Box, { children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: renameDraft, onChange: setRenameDraft, onSubmit: () => {
+                                        if (renameDraft.trim())
+                                            renameProject(selected.dir, renameDraft.trim());
+                                        reselect(selected.dir);
+                                        setPhase("projectActions");
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "save" }, { keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "confirmDelete" && selected) {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Delete this project?", borderColor: C.bad, children: [_jsx(Text, { color: C.textMuted, wrap: "truncate-end", children: selected.idea }), _jsx(Text, { color: C.textSubtle, children: "This permanently removes its folder and files. Can't be undone." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: "No, keep it", value: "no" },
+                                    { label: "Yes, delete", value: "yes" },
+                                ], onSelect: (i) => {
+                                    if (i.value === "yes") {
+                                        deleteProject(selected.dir);
+                                        const list = reselect(null);
+                                        setPhase(list.length ? "projects" : "home");
+                                    }
+                                    else
+                                        setPhase("projectActions");
+                                } }) })] }) }));
+        }
+        if (phase === "addAsset") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Add a file to this project", children: [_jsx(Text, { color: C.textMuted, children: "Paste the full path to an image or file. Tip: drag the file into the terminal to paste its path. ~ works." }), assetMsg ? _jsxs(Text, { color: assetMsg.ok ? C.good : C.bad, children: ["\n", assetMsg.ok ? "✓ " : "✗ ", assetMsg.text] }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: assetPath, onChange: setAssetPath, placeholder: "/Users/you/Pictures/avatar.png", onSubmit: () => {
+                                        if (!assetPath.trim()) {
+                                            setPhase(assetReturn);
+                                            return;
+                                        }
+                                        const r = targetWorkspace
+                                            ? addAsset(targetWorkspace, assetPath)
+                                            : { ok: false, error: "No project selected." };
+                                        setAssetMsg(r.ok ? { ok: true, text: `Added ${r.name}. You can now ask to use it in “Make changes”.` } : { ok: false, text: r.error });
+                                        if (r.ok) {
+                                            setAssetPath("");
+                                            setAssetKey((k) => k + 1);
+                                        }
+                                    } }, assetKey)] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "add" }, { keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "importProject") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Import an existing folder as a project", children: [_jsx(Text, { color: C.textMuted, children: "Paste the path to a folder. Its files are copied into a new project (node_modules," }), _jsx(Text, { color: C.textMuted, children: ".git, dist skipped) and versioned; then \u201CAdd to backlog\u201D plans changes against them." }), _jsx(Text, { color: C.textMuted, children: "Tip: drag the folder into the terminal to paste its path. ~ works." }), assetMsg ? _jsxs(Text, { color: assetMsg.ok ? C.good : C.bad, children: ["\n", assetMsg.ok ? "✓ " : "✗ ", assetMsg.text] }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: assetPath, onChange: setAssetPath, placeholder: "~/code/my-landing-page", onSubmit: () => {
+                                        if (!assetPath.trim())
+                                            return setPhase("home");
+                                        const r = importProject(assetPath);
+                                        if (!r.ok) {
+                                            setAssetMsg({ ok: false, text: r.error });
+                                            return;
+                                        }
+                                        reselect(r.dir);
+                                        setFlash(`Imported ${r.files} file${r.files === 1 ? "" : "s"}. Use “Add to backlog” to plan a change.`);
+                                        setPhase("projectActions");
+                                    } }, assetKey)] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "import" }, { keys: "Esc", label: "back" }] }) })] }) }));
+        }
+        if (phase === "change") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Add to the backlog", children: [_jsx(Text, { color: C.textMuted, children: "Describe what to add or change \u2014 the PM plans it into new tasks against this project's files." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: idea, onChange: setIdea, onSubmit: () => idea.trim() && setPhase("assessing"), placeholder: "make the header dark blue and add a footer with a copyright line" })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "continue" }, { keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "saveTemplate" && selected) {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Save as template", children: [_jsx(Text, { color: C.textMuted, children: "Reuse this project's brief as a starting point for future builds." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "name › " }), _jsx(TextInput, { value: tplName, onChange: setTplName, onSubmit: () => {
+                                        const name = tplName.trim();
+                                        if (!name) {
+                                            setPhase("projectActions");
+                                            return;
+                                        }
+                                        saveUserTemplate({ name, blurb: selected.idea.slice(0, 48), idea: selected.state.idea ?? selected.idea });
+                                        setFlash(`Saved template “${name}”.`);
+                                        setPhase("projectActions");
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "save" }, { keys: "Esc", label: "cancel" }] }) })] }) }));
+        }
+        if (phase === "importTemplate") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Import a shared template", children: [_jsx(Text, { color: C.textMuted, children: "Paste the path to a .pitemplate.json file someone shared." }), flash ? _jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "error", children: flash }) }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: tplPath, onChange: setTplPath, onSubmit: () => {
+                                        if (!tplPath.trim()) {
+                                            setPhase("templates");
+                                            return;
+                                        }
+                                        try {
+                                            const t = importTemplate(tplPath);
+                                            setFlash(`Imported “${t.name}”.`);
+                                            setPhase("templates");
+                                        }
+                                        catch (e) {
+                                            setFlash(e instanceof Error ? e.message : "Import failed.");
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "import" }, { keys: "Esc", label: "cancel" }] }) })] }) }));
+        }
+        if (phase === "myTemplates") {
+            const mine = allTemplates().filter((t) => !t.builtin);
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "My templates", children: [flash ? _jsx(Box, { marginBottom: 1, children: _jsx(StatusMessage, { variant: "success", children: flash }) }) : null, _jsx(SelectInput, { items: [
+                                ...mine.map((t) => ({ label: `${t.name}  —  ${t.blurb}`, value: t.name })),
+                                { label: "Back", value: "__back" },
+                            ], onSelect: (i) => {
+                                if (i.value === "__back") {
+                                    setFlash("");
+                                    setPhase("templates");
+                                    return;
+                                }
+                                setTplSel(mine.find((t) => t.name === i.value) ?? null);
+                                setPhase("tplActions");
+                            } }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "tplActions" && tplSel) {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: tplSel.name, children: [flash ? _jsx(Box, { marginBottom: 1, children: _jsx(StatusMessage, { variant: "success", children: flash }) }) : null, _jsx(SelectInput, { items: [
+                                { label: "Share — export to a file", value: "export" },
+                                { label: "Delete", value: "delete" },
+                                { label: "Back", value: "back" },
+                            ], onSelect: (i) => {
+                                if (i.value === "export") {
+                                    const p = exportTemplate(tplSel);
+                                    setFlash(`Shared → ${p}`);
+                                    setPhase("myTemplates");
+                                }
+                                else if (i.value === "delete") {
+                                    deleteUserTemplate(tplSel.name);
+                                    setFlash(`Deleted “${tplSel.name}”.`);
+                                    setPhase("myTemplates");
+                                }
+                                else
+                                    setPhase("myTemplates");
+                            } })] }) }));
+        }
+        if (phase === "templates") {
+            const tpls = allTemplates();
+            const hasUser = tpls.some((t) => !t.builtin);
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Start from a template", children: [_jsx(Text, { color: C.textMuted, children: "Pick one \u2014 you can edit the tasks on the board after. \u2605 = yours." }), flash ? _jsx(Box, { marginTop: 1, children: _jsx(StatusMessage, { variant: "success", children: flash }) }) : null, _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    ...tpls.map((t) => ({ label: `${t.builtin ? "  " : "★ "}${t.name}  —  ${t.blurb}`, value: `t:${t.name}` })),
+                                    { label: "Import a shared template…", value: "__import" },
+                                    ...(hasUser ? [{ label: "Manage my templates", value: "__manage" }] : []),
+                                    { label: "Back", value: "__back" },
+                                ], onSelect: (i) => {
+                                    if (i.value === "__back") {
+                                        setFlash("");
+                                        setPhase("home");
+                                        return;
+                                    }
+                                    if (i.value === "__import") {
+                                        setFlash("");
+                                        setTplPath("");
+                                        setPhase("importTemplate");
+                                        return;
+                                    }
+                                    if (i.value === "__manage") {
+                                        setFlash("");
+                                        setPhase("myTemplates");
+                                        return;
+                                    }
+                                    const name = i.value.slice(2);
+                                    const tpl = tpls.find((t) => t.name === name);
+                                    resetBuildContext();
+                                    setScope("full");
+                                    setIdea(tpl.idea);
+                                    setPhase("stack");
+                                } }) }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "idea") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "What do you want to build?", children: [_jsxs(Box, { children: [_jsx(Text, { color: C.accent, children: "› " }), _jsx(TextInput, { value: idea, onChange: setIdea, onSubmit: () => idea.trim() && setPhase("stack"), placeholder: "a landing page for a coffee shop with a menu and contact form" })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "continue" }, { keys: "Esc", label: "go back" }] }) })] }) }));
+        }
+        if (phase === "stack") {
+            // When a default stack is set, the effect above skips straight to assessing.
+            if (getPreferredStack() !== "ask") {
+                return (_jsx(Box, { flexDirection: "column", children: _jsx(Spinner, { label: "Preparing\u2026" }) }));
+            }
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "What should I build it with?" }), _jsx(Box, { marginTop: 1, children: _jsx(StackPick, { onDone: (choice) => {
+                                setStackChoice(choice);
+                                setPhase("assessing");
+                            } }) })] }));
+        }
+        if (phase === "assessing") {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Spinner, { label: "Reading your request\u2026" }), _jsxs(Text, { color: C.dim, children: ["\n", "\u201C", idea, "\u201D"] })] }));
+        }
+        if (phase === "intake") {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "A few quick questions" }), _jsx(Text, { color: C.dim, children: "The PM needs a little more to build the right thing." }), _jsx(Box, { marginTop: 1, children: _jsx(Intake, { questions: intakeQs, onDone: (answers) => {
+                                setIntakeAnswers(answers);
+                                setPhase("planMode");
+                            }, onCancel: () => setPhase("idea") }) })] }));
+        }
+        if (phase === "planMode") {
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "How should the team plan this?", children: [_jsx(SelectInput, { items: [
+                                { label: "Quick plan — one PM breaks it into tasks", value: "quick" },
+                                { label: "Deep plan — a council debates epics first, you approve (costs more)", value: "deep" },
+                            ], onSelect: (i) => {
+                                if (i.value === "deep")
+                                    setPhase("council");
+                                else {
+                                    setApprovedEpics(null);
+                                    setPhase("planning");
+                                }
+                            } }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: C.textSubtle, children: "Deep plan is worth it for bigger/complex builds." }), _jsx(KeyHint, { hints: [{ keys: "Esc", label: "go back" }] })] })] }) }));
+        }
+        if (phase === "council") {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Planning council in session\u2026" }), _jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Architect, product, and risk leads are proposing epics, then synthesizing\u2026" }) })] }));
+        }
+        if (phase === "approveEpics" && council.result) {
+            const epics = council.result.epics;
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: `Proposed epics (${epics.length})`, children: [_jsx(Text, { color: C.textMuted, children: "The council merged the architect / product / risk views. Approve to expand into tasks." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: epics.map((e, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { children: _jsxs(Text, { color: C.accent, children: [i + 1, ". ", e.name] }) }), _jsxs(Text, { color: C.textSubtle, wrap: "wrap", children: ["   ", e.rationale] })] }, i))) }), _jsx(SelectInput, { items: [
+                                { label: "Approve — expand these epics into tasks", value: "approve" },
+                                { label: "Skip epics — quick plan instead", value: "quick" },
+                                { label: "Back", value: "back" },
+                            ], onSelect: (i) => {
+                                if (i.value === "approve") {
+                                    setApprovedEpics(epics);
+                                    setPhase("planning");
+                                }
+                                else if (i.value === "quick") {
+                                    setApprovedEpics(null);
+                                    setPhase("planning");
+                                }
+                                else
+                                    setPhase("planMode");
+                            } })] }) }));
+        }
+        if (phase === "planning") {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Spinner, { label: approvedEpics ? "Expanding the approved epics into tasks…" : "Breaking your idea into a plan…" }), _jsxs(Text, { color: C.dim, children: ["\n", "\u201C", idea, "\u201D"] })] }));
+        }
+        if (phase === "setCap") {
+            const globalCap = getPrefs().budgetCapUSD;
+            return (_jsx(Box, { flexDirection: "column", children: _jsxs(Panel, { title: "Budget cap for this project", children: [_jsxs(Text, { color: C.textMuted, children: ["The build halts if spend passes this. Leave blank to use the global default ($", globalCap, ")."] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: C.accent, children: "$ " }), _jsx(TextInput, { value: capDraft, onChange: setCapDraft, onSubmit: () => {
+                                        const v = capDraft.trim();
+                                        const parsed = v === "" ? null : parseFloat(v);
+                                        const cap = parsed != null && parsed > 0 ? parsed : null;
+                                        if (capReturn === "projectActions" && selected) {
+                                            setProjectBudget(selected.dir, cap ?? undefined);
+                                            setProjectCap(cap);
+                                            reselect(selected.dir);
+                                            setPhase("projectActions");
+                                        }
+                                        else {
+                                            setProjectCap(cap);
+                                            setPhase("plan");
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(KeyHint, { hints: [{ keys: "Enter", label: "save" }, { keys: "Esc", label: "cancel" }] }) })] }) }));
+        }
+        if (phase === "plan" && plan) {
+            const prefs = getPrefs();
+            const effCap = projectCap ?? prefs.budgetCapUSD;
+            const overCap = plan.estCost > effCap;
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: C.good, children: "\u2713 Plan ready" }), _jsx(Box, { marginTop: 1, children: _jsx(Team, {}) }), _jsxs(Box, { marginTop: 1, gap: 1, flexWrap: "wrap", children: [_jsx(Chip, { label: `${plan.tasks.length} tasks`, dotColor: C.accent }), _jsx(Chip, { label: `est $${plan.estCost.toFixed(2)}`, dotColor: overCap ? C.bad : C.good, active: overCap }), _jsx(Chip, { label: `cap $${effCap}${projectCap != null ? " · project" : ""}` })] }), _jsxs(Text, { color: C.textSubtle, children: ["  ", "Runs ", prefs.concurrency, " at once \u00B7 ", targetWorkspace ? "edits this project's files" : "output to a fresh folder", " \u00B7 ", mode === "approval" ? "approval-gated" : "auto-run"] }), overCap && _jsxs(Text, { color: C.bad, children: ["\n", "Estimate exceeds the $", effCap, " cap \u2014 it may halt partway."] }), (() => {
+                        const rows = costMatrix(plan.tasks, plan.registry, providers, plan.lock);
+                        if (rows.length < 2)
+                            return null;
+                        return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: C.textMuted, children: "Same backlog, other rosters (change under Settings \u2192 Preferred provider):" }), rows.map((r) => (_jsxs(Text, { children: ["  ", _jsxs(Text, { color: r.current ? C.accent : C.text, children: [r.current ? "▶ " : "  ", r.label.padEnd(24)] }), _jsxs(Text, { color: r.current ? C.accent : C.dim, children: ["$", r.total.toFixed(2)] })] }, r.label)))] }));
+                    })(), _jsx(Box, { marginTop: 1, children: _jsx(Panel, { title: "Ready?", children: _jsx(SelectInput, { items: [
+                                    // When adding to an existing project, let the user just queue the
+                                    // new tasks without building them right now.
+                                    ...(scope === "change" && selected
+                                        ? [{ label: `Add ${plan.tasks.length} task${plan.tasks.length === 1 ? "" : "s"} to the backlog (don't build yet)`, value: "backlog" }]
+                                        : []),
+                                    ...(mode === "approval"
+                                        ? [
+                                            { label: `Open the board & approve (${plan.tasks.length}) →`, value: "board" },
+                                            { label: `Budget cap: $${effCap}`, value: "cap" },
+                                            { label: "Change idea", value: "idea" },
+                                            { label: "Switch to auto-run", value: "auto" },
+                                            { label: "Quit", value: "quit" },
+                                        ]
+                                        : [
+                                            { label: `Plan the sprint on the board (${plan.tasks.length} in backlog) →`, value: "board" },
+                                            { label: `Build everything now  ($${plan.estCost.toFixed(2)})`, value: "build" },
+                                            { label: `Budget cap: $${effCap}`, value: "cap" },
+                                            { label: "Change idea", value: "idea" },
+                                            { label: "Switch to approval-gated", value: "approval" },
+                                            { label: "Quit", value: "quit" },
+                                        ]),
+                                ], onSelect: (i) => {
+                                    if (i.value === "backlog" && selected) {
+                                        // Merge the new tasks into the project's backlog without building.
+                                        // Give them clean sequential ids (T-03, T-04, …) so they read well.
+                                        const existing = selected.state.tasks;
+                                        const used = new Set(existing.map((t) => t.id));
+                                        let n = 0;
+                                        const nextId = () => {
+                                            let id;
+                                            do {
+                                                id = `T-${String(++n).padStart(2, "0")}`;
+                                            } while (used.has(id));
+                                            used.add(id);
+                                            return id;
+                                        };
+                                        const idMap = new Map();
+                                        const reided = plan.tasks.map((t) => {
+                                            const nid = nextId();
+                                            idMap.set(t.id, nid);
+                                            return { ...t, id: nid };
+                                        });
+                                        const merged = [
+                                            ...existing,
+                                            ...reided.map((t) => ({ ...t, dependsOn: (t.dependsOn ?? []).map((d) => idMap.get(d) ?? d) })),
+                                        ];
+                                        saveProjectTasks(selected.dir, merged);
+                                        reselect(selected.dir);
+                                        setFlash(`Added ${plan.tasks.length} task${plan.tasks.length === 1 ? "" : "s"} to the backlog.`);
+                                        setPhase("kanban");
+                                    }
+                                    else if (i.value === "build")
+                                        setPhase("building");
+                                    else if (i.value === "board")
+                                        setPhase("board");
+                                    else if (i.value === "cap") {
+                                        setCapReturn("plan");
+                                        setCapDraft(String(effCap));
+                                        setPhase("setCap");
+                                    }
+                                    else if (i.value === "auto")
+                                        setMode("auto");
+                                    else if (i.value === "approval")
+                                        setMode("approval");
+                                    else if (i.value === "idea") {
+                                        setIdea("");
+                                        // A change build must go back to the change screen (keeps its
+                                        // targetWorkspace + scope), not the fresh-build idea/stack path.
+                                        setPhase(scope === "change" ? "change" : "idea");
+                                    }
+                                    else
+                                        exit();
+                                } }) }) })] }));
+        }
+        if (phase === "board" && plan) {
+            const commit = (newTasks) => {
+                const safe = newTasks.length ? newTasks : plan.tasks; // never build an empty board
+                const { total } = estimateTasks(safe, plan.registry);
+                setPlan({ ...plan, tasks: safe, estCost: total });
+                setTasks(safe.map((t) => ({ id: t.id, capability: t.capability, status: "pending", title: t.title })));
+                // In approval mode, approving on the board IS the go-ahead → build now.
+                setPhase(mode === "approval" ? "building" : "plan");
+            };
+            return (_jsx(Box, { flexDirection: "column", children: _jsx(BoardEditor, { tasks: plan.tasks, onDone: commit, onCancel: () => setPhase("plan"), onBreakdown: (epic, current) => breakdownEpic(epic, current, providers, targetWorkspace) }) }));
+        }
+        if (phase === "building") {
+            const running = tasks.filter((t) => t.status === "running").length;
+            const metaById = new Map((plan?.tasks ?? []).map((t) => [t.id, { deps: t.dependsOn ?? [], epic: t.epic, notes: t.notes, difficulty: t.difficulty }]));
+            const timeoutMs = getPrefs().taskTimeoutMin * 60_000;
+            const board = tasks.map((t) => {
+                const meta = metaById.get(t.id);
+                const elapsedMs = t.status === "running" && t.startedAt ? now - t.startedAt : undefined;
+                return {
+                    id: t.id,
+                    capability: t.capability,
+                    title: t.title,
+                    epic: meta?.epic,
+                    dependsOn: meta?.deps,
+                    notes: meta?.notes,
+                    status: t.status,
+                    cost: t.cost,
+                    verdict: t.verdict,
+                    assignee: t.model ? modelLabel(t.model) : undefined,
+                    elapsedSec: elapsedMs !== undefined ? Math.floor(elapsedMs / 1000) : undefined,
+                    stuck: elapsedMs !== undefined && isStuck(elapsedMs, t.capability, meta?.difficulty ?? "medium", t.model, timeoutMs),
+                };
+            });
+            const slow = board.filter((b) => b.stuck).length;
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: _jsx(InkSpinner, { type: "dots" }) }), _jsxs(Text, { bold: true, children: ["  ", "Building"] }), _jsx(Text, { color: C.textSubtle, children: `     ${running} running` }), slow ? _jsx(Text, { color: C.warn, children: `  · ${slow} slow (over the usual time — the per-task timeout still applies)` }) : null] }), gate ? (_jsx(Box, { marginTop: 1, children: _jsxs(Panel, { title: "Review gate \u2014 design done", borderColor: C.accent, children: [_jsx(Text, { children: "Design is complete. Approve to start development, or stop here." }), _jsxs(Text, { color: C.dim, children: ["Spent so far: $", spent.toFixed(2), ". Open the files to review before deciding."] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                            { label: "Approve — start development", value: "continue" },
+                                            { label: "Stop here", value: "stop" },
+                                        ], onSelect: (i) => {
+                                            gate.resolve(i.value);
+                                            setGate(null);
+                                        } }) })] }) })) : null, _jsx(Box, { marginTop: 1, children: _jsx(Panel, { title: "Board", children: _jsx(Kanban, { tasks: board, compact: true, maxPerCol: Math.max(2, Math.floor((termRows - (gate ? 20 : 12)) / 2)) }) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Standup, { tasks: board, spent: spent }) }), (() => {
+                        const prefs = getPrefs();
+                        const cap = projectCap ?? prefs.budgetCapUSD;
+                        const pct = prefs.budgetAlertPct;
+                        const alerting = spent >= cap * (pct / 100) && spent < cap;
+                        return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(BudgetBar, { spent: spent, cap: cap }), alerting ? (_jsxs(Text, { color: C.warn, children: ["\u26A0 ", Math.round((spent / cap) * 100), "% of the $", cap, " cap spent \u2014 nearing the limit."] })) : null, board.some((t) => t.verdict === "PASS*") ? (_jsxs(Text, { color: C.warn, children: ["\u26A0 Tester could not run the app (no headless Chromium) \u2014 PASS* verdicts are code-reading only. ", CHROMIUM_INSTALL_HINT, "."] })) : null] }));
+                    })()] }));
+        }
+        if (phase === "done" && buildResult) {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: buildResult.halted ? C.warn : C.good, children: buildResult.halted ? `⚠ Build halted (${buildResult.haltReason ?? "budget cap"})` : "✓ Build complete" }), tasks.some((t) => t.verdict === "PASS*") ? (_jsxs(Text, { color: C.warn, children: ["\u26A0 Tests marked PASS* were never executed in a browser \u2014 ", CHROMIUM_INSTALL_HINT, "."] })) : null, _jsx(Box, { marginTop: 1, children: _jsx(Standup, { tasks: tasks.map((t) => ({ id: t.id, capability: t.capability, title: t.title, status: t.status, cost: t.cost, verdict: t.verdict })), spent: spent }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Panel, { title: "Result", children: [_jsxs(Box, { gap: 1, flexWrap: "wrap", marginBottom: 1, children: [_jsx(Chip, { label: `$${spent.toFixed(2)} total`, dotColor: C.accent }), _jsx(Chip, { label: `${buildResult.files.length} file${buildResult.files.length === 1 ? "" : "s"}`, dotColor: C.good })] }), _jsxs(Text, { color: C.textSubtle, wrap: "truncate-end", children: ["Location: ", buildResult.workspace] }), buildResult.halted && _jsx(Text, { color: C.textMuted, children: "Choose \u201CResume build\u201D from your projects to continue." })] }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                ...(buildResult.files.some((f) => f.endsWith(".html")) ? [{ label: "Open in browser", value: "open" }] : []),
+                                { label: "Add to backlog (describe it, the PM plans it)", value: "change" },
+                                { label: "Add a file / image", value: "asset" },
+                                { label: "New build", value: "new" },
+                                { label: "Home", value: "home" },
+                                { label: "Quit", value: "quit" },
+                            ], onSelect: (i) => {
+                                if (i.value === "open")
+                                    openInBrowser(mainFileOf(buildResult.workspace));
+                                else if (i.value === "asset") {
+                                    setTargetWorkspace(buildResult.workspace);
+                                    setAssetPath("");
+                                    setAssetMsg(null);
+                                    setAssetReturn("done");
+                                    setPhase("addAsset");
+                                }
+                                else if (i.value === "change") {
+                                    setTargetWorkspace(buildResult.workspace);
+                                    setSeed(undefined);
+                                    setIdea("");
+                                    setScope("change");
+                                    setPhase("change");
+                                }
+                                else if (i.value === "new") {
+                                    resetBuildContext();
+                                    setScope("full");
+                                    setPhase("idea");
+                                }
+                                else if (i.value === "home") {
+                                    resetBuildContext();
+                                    setPhase("home");
+                                }
+                                else
+                                    exit();
+                            } }) })] }));
+        }
+        if (phase === "error") {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: C.bad, children: "Something went wrong:" }), _jsxs(Text, { color: C.dim, children: ["  ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                { label: "Try again", value: "retry" },
+                                { label: "Home", value: "home" },
+                                { label: "Quit", value: "quit" },
+                            ], onSelect: (i) => {
+                                if (i.value === "retry")
+                                    setPhase(scope === "change" ? "change" : "idea");
+                                else if (i.value === "home") {
+                                    resetBuildContext();
+                                    setScope("full");
+                                    setPhase("home");
+                                }
+                                else
+                                    exit();
+                            } }) })] }));
+        }
+        return (_jsx(Box, { children: _jsx(Spinner, { label: "Loading\u2026" }) }));
+    })();
+    return (_jsx(AppFrame, { projectName: selected?.idea, phase: phase, children: screen }));
+}
+//# sourceMappingURL=App.js.map