fecode-cli 1.0.0

package/dist/ui/MessageBubble.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function parseBlocks(content) {
+    const lines = content.split("\n");
+    const blocks = [];
+    let inCodeBlock = false;
+    let codeLang = "";
+    let codeLines = [];
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        const trimmed = line.trim();
+        if (trimmed.startsWith("```")) {
+            if (!inCodeBlock) {
+                inCodeBlock = true;
+                codeLang = trimmed.replace(/^`+/, "").trim();
+                codeLines = [];
+            }
+            else {
+                inCodeBlock = false;
+                blocks.push({
+                    type: "code",
+                    language: codeLang,
+                    code: codeLines.join("\n")
+                });
+                codeLines = [];
+            }
+            continue;
+        }
+        if (inCodeBlock) {
+            codeLines.push(line);
+        }
+        else {
+            blocks.push({ type: "line", text: line });
+        }
+    }
+    if (inCodeBlock && codeLines.length > 0) {
+        blocks.push({
+            type: "code",
+            language: codeLang,
+            code: codeLines.join("\n")
+        });
+    }
+    return blocks;
+}
+export const MessageBubble = ({ role, content, isStreaming = false, error }) => {
+    if (role === "user") {
+        return (_jsxs(Box, { flexDirection: "column", marginY: 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", bold: true, children: "\u25B6 " }), _jsx(Text, { color: "green", bold: true, children: "You" })] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "whiteBright", bold: true, wrap: "wrap", children: content }) })] }));
+    }
+    // Agent role
+    const blocks = content ? parseBlocks(content) : [];
+    return (_jsxs(Box, { flexDirection: "column", marginY: 0, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", dimColor: true, children: "  fecode" }) }), error ? (_jsxs(Box, { borderStyle: "single", borderColor: "red", paddingX: 1, marginLeft: 2, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "red", children: "\u2717 Error" }), _jsx(Text, { color: "red", wrap: "wrap", children: error })] })) : content ? (_jsx(Box, { flexDirection: "column", children: blocks.map((block, i) => {
+                    if (block.type === "code") {
+                        return (_jsx(Box, { flexDirection: "column", marginY: 0, children: _jsxs(Box, { children: [_jsx(Text, { color: "cyan", dimColor: true, children: "\u2502 " }), _jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [block.language ? (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: "cyan", dimColor: true, bold: true, children: ["[", block.language, "]"] }) })) : null, block.code.split("\n").map((cLine, cIdx) => (_jsx(Text, { color: "whiteBright", children: cLine || " " }, `c-${cIdx}`)))] })] }) }, `block-${i}`));
+                    }
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", dimColor: true, children: "\u2502 " }), _jsx(Text, { color: "white", wrap: "wrap", children: block.text })] }, `block-${i}`));
+                }) })) : isStreaming ? (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", dimColor: true, children: "\u2502 " }), _jsx(Text, { color: "gray", dimColor: true, children: "\u2026" })] })) : null] }));
+};
+//# sourceMappingURL=MessageBubble.js.map

package/dist/ui/PlanStep.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface PlanStepProps {
+    stepIndex: number;
+    totalSteps: number;
+    title: string;
+    status: "pending" | "planned" | "ready" | "in_progress" | "executing" | "verifying" | "waiting" | "waiting_approval" | "completed" | "skipped" | "blocked" | "failed" | string;
+    riskLevel?: string;
+    dependencies?: string[];
+    checkpointRequired?: boolean;
+    verificationRequired?: boolean;
+    durationMs?: number;
+    error?: string;
+    objective?: string;
+}
+export declare const PlanStep: React.FC<PlanStepProps>;
+//# sourceMappingURL=PlanStep.d.ts.map

package/dist/ui/PlanStep.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const PlanStep = ({ stepIndex, totalSteps, title, status, riskLevel, dependencies, checkpointRequired, verificationRequired, durationMs, error }) => {
+    const getStatusIcon = () => {
+        switch (status.toLowerCase()) {
+            case "completed":
+            case "done":
+                return _jsx(Text, { color: "green", children: "\u2713" });
+            case "in_progress":
+            case "executing":
+                return _jsx(Text, { color: "yellow", children: "\u25CF" });
+            case "verifying":
+                return _jsx(Text, { color: "cyan", children: "\u25CC" });
+            case "waiting":
+            case "waiting_approval":
+                return _jsx(Text, { color: "yellow", children: "\u26A0" });
+            case "ready":
+                return _jsx(Text, { color: "blue", children: "\u25CC" });
+            case "skipped":
+                return _jsx(Text, { color: "gray", children: "\u2298" });
+            case "blocked":
+                return _jsx(Text, { color: "red", children: "!" });
+            case "failed":
+                return _jsx(Text, { color: "red", children: "\u2717" });
+            case "pending":
+            case "planned":
+            default:
+                return _jsx(Text, { color: "gray", children: "\u25CB" });
+        }
+    };
+    const getStatusLabel = () => {
+        switch (status.toLowerCase()) {
+            case "completed":
+            case "done":
+                return _jsx(Text, { color: "green", children: "COMPLETED" });
+            case "in_progress":
+            case "executing":
+                return _jsx(Text, { color: "yellow", children: "EXECUTING" });
+            case "verifying":
+                return _jsx(Text, { color: "cyan", children: "VERIFYING" });
+            case "waiting":
+            case "waiting_approval":
+                return _jsx(Text, { color: "yellow", children: "WAITING FOR APPROVAL" });
+            case "ready":
+                return _jsx(Text, { color: "blue", children: "READY" });
+            case "skipped":
+                return _jsx(Text, { color: "gray", children: "SKIPPED" });
+            case "blocked":
+                return _jsx(Text, { color: "red", children: "BLOCKED" });
+            case "failed":
+                return _jsx(Text, { color: "red", children: "FAILED" });
+            case "pending":
+            case "planned":
+            default:
+                return _jsx(Text, { color: "gray", children: "PLANNED" });
+        }
+    };
+    const getRiskBadge = () => {
+        if (!riskLevel || riskLevel.toLowerCase() === "low" || riskLevel.toLowerCase() === "normal") {
+            return null;
+        }
+        const isCrit = riskLevel.toLowerCase() === "critical";
+        return _jsxs(Text, { color: isCrit ? "red" : "yellow", children: [" [", riskLevel.toUpperCase(), "]"] });
+    };
+    return (_jsxs(Box, { flexDirection: "column", marginY: 0, children: [_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ["[", stepIndex, "/", totalSteps, "]", " "] }), getStatusIcon(), _jsx(Text, { children: " " }), _jsx(Text, { bold: status === "in_progress" || status === "executing", color: status === "failed" || status === "blocked"
+                            ? "red"
+                            : "white", children: title }), getRiskBadge(), _jsx(Text, { color: "gray", children: " \u2014 " }), getStatusLabel(), durationMs !== undefined && durationMs > 0 && (_jsxs(Text, { color: "gray", children: [" ", "(", durationMs >= 1000
+                                ? `${(durationMs / 1000).toFixed(1)}s`
+                                : `${durationMs}ms`, ")"] }))] }), _jsxs(Box, { marginLeft: 4, children: [checkpointRequired && (_jsx(Text, { color: "yellow", children: "[Checkpoint Required] " })), verificationRequired && (_jsx(Text, { color: "cyan", children: "[Verify Required] " })), dependencies && dependencies.length > 0 && (_jsxs(Text, { color: "gray", children: ["[Deps: ", dependencies.join(", "), "] "] }))] }), error && (_jsx(Box, { marginLeft: 4, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }))] }));
+};
+//# sourceMappingURL=PlanStep.js.map

package/dist/ui/PlanView.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface PlanStepItem {
+    stepId: string;
+    order: number;
+    title: string;
+    objective?: string;
+    status: string;
+    riskLevel?: string;
+    dependencies?: string[];
+    checkpointRequired?: boolean;
+    verificationRequired?: boolean;
+    durationMs?: number;
+    error?: string;
+}
+export interface PlanViewProps {
+    planId?: string;
+    objective?: string;
+    summary?: string;
+    status?: string;
+    riskLevel?: string;
+    steps?: PlanStepItem[];
+    completedCount?: number;
+    totalCount?: number;
+}
+export declare const PlanView: React.FC<PlanViewProps>;
+//# sourceMappingURL=PlanView.d.ts.map

package/dist/ui/PlanView.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { PlanStep } from "./PlanStep.js";
+import { ProgressBar } from "./ProgressBar.js";
+export const PlanView = ({ planId, objective, summary, status = "ready", riskLevel, steps = [], completedCount, totalCount }) => {
+    const total = totalCount ?? steps.length;
+    const completed = completedCount ?? steps.filter((s) => s.status === "completed").length;
+    const getRiskColor = (risk) => {
+        switch (risk.toLowerCase()) {
+            case "critical":
+                return "red";
+            case "elevated":
+            case "high":
+                return "yellow";
+            case "low":
+                return "green";
+            case "normal":
+            default:
+                return "cyan";
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1, marginY: 1, children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 0, children: [_jsxs(Box, { children: [_jsxs(Text, { bold: true, color: "blue", children: ["Plan:", " "] }), _jsx(Text, { bold: true, color: "white", children: objective || summary || "Task Plan" }), planId && _jsxs(Text, { color: "gray", children: [" (", planId, ")"] })] }), _jsxs(Box, { children: [riskLevel && (_jsxs(Text, { color: getRiskColor(riskLevel), bold: true, children: ["[", riskLevel.toUpperCase(), "]", " "] })), _jsxs(Text, { color: "gray", children: ["[", completed, "/", total, "] Status:", " "] }), _jsx(Text, { bold: true, color: "cyan", children: status.toUpperCase() })] })] }), _jsx(Box, { marginY: 0, children: _jsx(ProgressBar, { completed: completed, total: total, width: 24 }) }), steps.length > 0 ? (_jsx(Box, { flexDirection: "column", marginTop: 1, children: steps.map((step, idx) => (_jsx(PlanStep, { stepIndex: step.order || idx + 1, totalSteps: total, title: step.title, status: step.status, riskLevel: step.riskLevel, dependencies: step.dependencies, checkpointRequired: step.checkpointRequired, verificationRequired: step.verificationRequired, durationMs: step.durationMs, error: step.error, objective: step.objective }, step.stepId || `step-${idx}`))) })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "No steps defined in this plan." }) }))] }));
+};
+//# sourceMappingURL=PlanView.js.map

package/dist/ui/ProgressBar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ProgressBarProps {
+    completed: number;
+    total: number;
+    width?: number;
+    showFraction?: boolean;
+    showPercentage?: boolean;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/ui/ProgressBar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const ProgressBar = ({ completed, total, width = 20, showFraction = true, showPercentage = true }) => {
+    const safeTotal = Math.max(total, 1);
+    const safeCompleted = Math.min(Math.max(completed, 0), safeTotal);
+    const fraction = safeCompleted / safeTotal;
+    const percentage = Math.round(fraction * 100);
+    const filledCount = Math.round(fraction * width);
+    const emptyCount = Math.max(0, width - filledCount);
+    const filledBar = "█".repeat(filledCount);
+    const emptyBar = "░".repeat(emptyCount);
+    return (_jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsx(Text, { color: "cyan", children: "[" }), _jsx(Text, { color: "green", children: filledBar }), _jsx(Text, { color: "gray", children: emptyBar }), _jsx(Text, { color: "cyan", children: "]" }), showPercentage && _jsxs(Text, { color: "white", children: [" ", percentage, "%"] }), showFraction && (_jsxs(Text, { color: "gray", children: [" ", "(", safeCompleted, "/", safeTotal, " steps)"] }))] }));
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ui/RecoveryView.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface RecoveryStepItem {
+    title: string;
+    status: "pending" | "running" | "completed" | "failed";
+}
+export interface RecoveryViewProps {
+    strategy?: string;
+    steps?: RecoveryStepItem[];
+    verificationStatus?: "PASSED" | "FAILED" | "PENDING" | string;
+    workspaceStatus?: "CONSISTENT" | "INCONSISTENT" | string;
+    outcome?: "RECOVERED" | "RECOVERED_WITH_CHANGES" | "STILL_BLOCKED" | "FAILED" | "CANCELLED" | string;
+    blockers?: string[];
+    remainingStepsCount?: number;
+    isAwaitingContinuation?: boolean;
+    value: string;
+    onChange: (val: string) => void;
+    onSubmit: (val: string) => void;
+}
+export declare const RecoveryView: React.FC<RecoveryViewProps>;
+//# sourceMappingURL=RecoveryView.d.ts.map

package/dist/ui/RecoveryView.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+export const RecoveryView = ({ strategy = "checkpoint_restore", steps = [], verificationStatus, workspaceStatus, outcome, blockers = [], remainingStepsCount, isAwaitingContinuation = false, value, onChange, onSubmit }) => {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { bold: true, color: "yellow", children: ["Recovery (", strategy, ")"] }) }), steps.length > 0 && (_jsx(Box, { flexDirection: "column", marginTop: 0, children: steps.map((s, idx) => (_jsxs(Box, { children: [_jsxs(Text, { color: s.status === "completed"
+                                ? "green"
+                                : s.status === "failed"
+                                    ? "red"
+                                    : "yellow", children: [s.status === "completed"
+                                    ? "✓"
+                                    : s.status === "failed"
+                                        ? "✗"
+                                        : "●", " "] }), _jsx(Text, { color: "white", children: s.title })] }, `rec-step-${idx}`))) })), verificationStatus && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Verification: " }), _jsx(Text, { color: verificationStatus.toUpperCase() === "PASSED" ? "green" : "red", bold: true, children: verificationStatus.toUpperCase() })] })), workspaceStatus && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Workspace: " }), _jsx(Text, { color: workspaceStatus.toUpperCase() === "CONSISTENT" ? "green" : "yellow", bold: true, children: workspaceStatus.toUpperCase() })] })), outcome && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Outcome: " }), _jsx(Text, { color: outcome.toUpperCase() === "RECOVERED" || outcome.toUpperCase() === "RECOVERED_WITH_CHANGES"
+                            ? "green"
+                            : "red", bold: true, children: outcome.toUpperCase() })] })), !isAwaitingContinuation && outcome?.toUpperCase() !== "STILL_BLOCKED" && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "Proceed with recovery? [y/N]" }), _jsxs(Box, { marginTop: 0, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Choice [N]:", " "] }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "n" })] })] })), isAwaitingContinuation && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", children: remainingStepsCount !== undefined && remainingStepsCount > 0
+                            ? `Continue remaining ${remainingStepsCount} plan step(s)? [y/N]`
+                            : "Continue remaining plan steps? [y/N]" }), _jsxs(Box, { marginTop: 0, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Choice [N]:", " "] }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "n" })] })] })), outcome?.toUpperCase() === "STILL_BLOCKED" && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "red", children: "\u26A0 Recovery still blocked." }), blockers.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Blockers:" }), blockers.map((b, i) => (_jsxs(Text, { color: "red", children: ["  ", "\u2022 ", b] }, `rec-b-${i}`)))] })), _jsxs(Box, { flexDirection: "row", marginTop: 0, children: [_jsx(Text, { bold: true, color: "cyan", children: "[r]" }), _jsx(Text, { color: "white", children: " Replan  " }), _jsx(Text, { bold: true, color: "green", children: "[c]" }), _jsx(Text, { color: "white", children: " Re-check  " }), _jsx(Text, { bold: true, color: "gray", children: "[x]" }), _jsx(Text, { color: "white", children: " Cancel (Default)" })] }), _jsxs(Box, { marginTop: 0, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Choice [x]:", " "] }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "x" })] })] }))] }));
+};
+//# sourceMappingURL=RecoveryView.js.map

package/dist/ui/ReplanView.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface ReplanViewProps {
+    originalPlanId?: string;
+    newPlanId?: string;
+    reason?: string;
+    replanDepth?: number;
+    workspaceChanges?: string[];
+    riskLevel?: string;
+    lineage?: string[];
+    newPlanSummary?: string;
+    value: string;
+    onChange: (val: string) => void;
+    onSubmit: (val: string) => void;
+}
+export declare const ReplanView: React.FC<ReplanViewProps>;
+//# sourceMappingURL=ReplanView.d.ts.map

package/dist/ui/ReplanView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+export const ReplanView = ({ originalPlanId, newPlanId, reason = "Workspace changed after plan approval.", replanDepth = 1, workspaceChanges = [], riskLevel = "normal", lineage = [], newPlanSummary, value, onChange, onSubmit }) => {
+    const getRiskColor = (risk) => {
+        switch (risk.toLowerCase()) {
+            case "critical":
+                return "red";
+            case "elevated":
+            case "high":
+                return "yellow";
+            case "low":
+                return "green";
+            case "normal":
+            default:
+                return "cyan";
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", paddingX: 1, marginY: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: "yellow", children: "REPLAN REQUIRED" }) }), _jsxs(Box, { marginTop: 0, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Reason:" }), _jsx(Text, { color: "white", children: reason })] }), originalPlanId && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Original: " }), _jsx(Text, { color: "white", children: originalPlanId })] })), newPlanId && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "New: " }), _jsx(Text, { color: "cyan", children: newPlanId })] })), originalPlanId && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Parent: " }), _jsx(Text, { color: "white", children: originalPlanId })] })), _jsxs(Box, { marginTop: 0, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "Replan depth: " }), _jsx(Text, { color: "white", children: replanDepth })] }), riskLevel && (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "Risk: " }), _jsx(Text, { bold: true, color: getRiskColor(riskLevel), children: riskLevel.toUpperCase() })] }))] }), workspaceChanges.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Workspace changes:" }), workspaceChanges.map((c, i) => (_jsxs(Text, { color: "yellow", children: ["  ", "\u26A0 ", c] }, `replan-c-${i}`)))] })), newPlanSummary && (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Replacement plan preview:" }), _jsx(Text, { color: "white", children: newPlanSummary })] })), lineage.length > 0 && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Lineage: " }), _jsx(Text, { color: "gray", children: lineage.join(" -> ") })] })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "(Note: Creating a replacement plan does NOT automatically execute it.)" }), _jsx(Text, { color: "yellow", children: "Create this replacement plan? [y/N]" })] }), _jsxs(Box, { marginTop: 0, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Choice [N]:", " "] }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "n" })] })] }));
+};
+//# sourceMappingURL=ReplanView.js.map

package/dist/ui/ResumeView.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface ResumeViewProps {
+    runId: string;
+    status?: string;
+    duration?: string;
+    originalRequest?: string;
+    failureReason?: string;
+    workspaceDrift?: string[];
+    riskLevel?: string;
+    value: string;
+    onChange: (val: string) => void;
+    onSubmit: (val: string) => void;
+}
+export declare const ResumeView: React.FC<ResumeViewProps>;
+//# sourceMappingURL=ResumeView.d.ts.map

package/dist/ui/ResumeView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+export const ResumeView = ({ runId, status = "FAILED", duration, originalRequest, failureReason, workspaceDrift = [], riskLevel = "ELEVATED", value, onChange, onSubmit }) => {
+    const getRiskColor = (risk) => {
+        switch (risk.toLowerCase()) {
+            case "critical":
+                return "red";
+            case "elevated":
+            case "high":
+                return "yellow";
+            case "low":
+                return "green";
+            case "normal":
+            default:
+                return "cyan";
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", paddingX: 1, marginY: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: "yellow", children: "Historical Run (Resume Request)" }) }), _jsxs(Box, { marginTop: 0, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "ID: " }), _jsx(Text, { color: "white", bold: true, children: runId })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "Status: " }), _jsx(Text, { bold: true, color: status.toLowerCase() === "completed"
+                                    ? "green"
+                                    : status.toLowerCase() === "failed"
+                                        ? "red"
+                                        : "yellow", children: status.toUpperCase() }), duration && _jsxs(Text, { color: "gray", children: [" | Duration: ", duration] })] })] }), originalRequest && (_jsxs(Box, { marginTop: 0, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Original request:" }), _jsx(Text, { color: "white", wrap: "wrap", children: originalRequest })] })), failureReason && (_jsxs(Box, { marginTop: 0, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Failure reason:" }), _jsx(Text, { color: "red", wrap: "wrap", children: failureReason })] })), workspaceDrift.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Workspace drift:" }), workspaceDrift.map((d, i) => (_jsxs(Text, { color: "yellow", wrap: "wrap", children: ["  ", "\u26A0 ", d] }, `drift-${i}`)))] })), riskLevel && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Risk reassessment: " }), _jsx(Text, { bold: true, color: getRiskColor(riskLevel), children: riskLevel.toUpperCase() })] })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "(Historical approvals/checkpoints must never be reused.)" }), _jsx(Text, { color: "yellow", children: "Resume this task as a new run? [y/N]" })] }), _jsxs(Box, { marginTop: 0, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Choice [N]:", " "] }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "n" })] })] }));
+};
+//# sourceMappingURL=ResumeView.js.map

package/dist/ui/RiskNotice.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface RiskNoticeProps {
+    level?: "low" | "normal" | "elevated" | "high" | "critical" | string;
+    reasons?: string[];
+    requiresCheckpoint?: boolean;
+    requiresExplicitApproval?: boolean;
+    affectedFilesCount?: number;
+}
+export declare const RiskNotice: React.FC<RiskNoticeProps>;
+//# sourceMappingURL=RiskNotice.d.ts.map

package/dist/ui/RiskNotice.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const RiskNotice = ({ level = "normal", reasons = [], requiresCheckpoint, requiresExplicitApproval, affectedFilesCount }) => {
+    const normLevel = level.toLowerCase();
+    const getBorderColor = () => {
+        switch (normLevel) {
+            case "critical":
+                return "red";
+            case "high":
+            case "elevated":
+                return "yellow";
+            case "low":
+                return "green";
+            case "normal":
+            default:
+                return "cyan";
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: getBorderColor(), paddingX: 1, marginY: 1, children: [_jsx(Box, { children: _jsxs(Text, { bold: true, color: getBorderColor(), children: ["Risk: ", level.toUpperCase()] }) }), reasons.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: "gray", children: "Reasons:" }), reasons.map((r, i) => (_jsxs(Text, { color: "white", children: ["  ", "\u2022 ", r] }, `reason-${i}`)))] })), _jsxs(Box, { marginTop: 0, children: [requiresCheckpoint !== undefined && (_jsxs(Text, { color: "gray", children: ["Checkpoint:", " ", _jsx(Text, { color: requiresCheckpoint ? "yellow" : "green", children: requiresCheckpoint ? "REQUIRED" : "NOT REQUIRED" }), "  "] })), requiresExplicitApproval !== undefined && (_jsxs(Text, { color: "gray", children: ["Approval:", " ", _jsx(Text, { color: requiresExplicitApproval ? "yellow" : "green", children: requiresExplicitApproval ? "REQUIRED" : "AUTOMATIC" })] })), affectedFilesCount !== undefined && affectedFilesCount > 0 && (_jsxs(Text, { color: "gray", children: [" (Files affected: ", affectedFilesCount, ")"] }))] })] }));
+};
+//# sourceMappingURL=RiskNotice.js.map

package/dist/ui/RunHistoryView.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface HistoricalRunItem {
+    runId: string;
+    status: string;
+    userRequestSummary?: string;
+    durationMs?: number;
+    startedAt?: number;
+    projectId?: string;
+}
+export interface RunHistoryViewProps {
+    runs?: HistoricalRunItem[];
+    formattedOutput?: string;
+}
+export declare const RunHistoryView: React.FC<RunHistoryViewProps>;
+//# sourceMappingURL=RunHistoryView.d.ts.map

package/dist/ui/RunHistoryView.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const RunHistoryView = ({ runs = [], formattedOutput }) => {
+    if (formattedOutput) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1, marginY: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: "cyan", children: "Recent Runs" }) }), _jsx(Text, { color: "white", children: formattedOutput })] }));
+    }
+    const getStatusDisplay = (status) => {
+        switch (status.toLowerCase()) {
+            case "completed":
+            case "done":
+                return _jsx(Text, { color: "green", children: "\u2713 DONE" });
+            case "failed":
+            case "error":
+                return _jsx(Text, { color: "red", children: "\u2717 FAILED" });
+            case "cancelled":
+            case "cancel":
+                return _jsx(Text, { color: "gray", children: "\u2298 CANCEL" });
+            case "running":
+            case "executing":
+                return _jsx(Text, { color: "yellow", children: "\u25CF RUNNING" });
+            case "blocked":
+                return _jsx(Text, { color: "red", children: "! BLOCKED" });
+            default:
+                return _jsxs(Text, { color: "gray", children: ["\u25CB ", status.toUpperCase()] });
+        }
+    };
+    const formatDuration = (ms) => {
+        if (!ms)
+            return "0s";
+        const sec = Math.round(ms / 1000);
+        if (sec < 60)
+            return `${sec}s`;
+        const min = Math.floor(sec / 60);
+        const remSec = sec % 60;
+        return `${min}m ${remSec}s`;
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1, marginY: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: "cyan", children: "Recent Runs" }) }), runs.length === 0 ? (_jsx(Box, { marginTop: 0, children: _jsx(Text, { color: "gray", children: "No recorded historical runs found." }) })) : (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsxs(Box, { justifyContent: "space-between", marginBottom: 0, children: [_jsx(Box, { width: "15%", children: _jsx(Text, { bold: true, color: "gray", children: "STATUS" }) }), _jsx(Box, { width: "25%", children: _jsx(Text, { bold: true, color: "gray", children: "RUN ID" }) }), _jsx(Box, { width: "45%", children: _jsx(Text, { bold: true, color: "gray", children: "REQUEST / PLAN" }) }), _jsx(Box, { width: "15%", children: _jsx(Text, { bold: true, color: "gray", children: "TIME" }) })] }), runs.map((r, idx) => (_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { width: "15%", children: getStatusDisplay(r.status) }), _jsx(Box, { width: "25%", children: _jsx(Text, { color: "white", children: r.runId.substring(0, 16) }) }), _jsx(Box, { width: "45%", children: _jsx(Text, { color: "white", children: (r.userRequestSummary || "Untitled task").substring(0, 35) }) }), _jsx(Box, { width: "15%", children: _jsx(Text, { color: "gray", children: formatDuration(r.durationMs) }) })] }, `run-${r.runId || idx}`)))] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["Inspect run details: ", _jsx(Text, { color: "cyan", children: "/run <id>" }), " | Resume run:", " ", _jsx(Text, { color: "cyan", children: "/resume <id>" })] }) })] }));
+};
+//# sourceMappingURL=RunHistoryView.js.map

package/dist/ui/StatusBar.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface StatusBarProps {
+    status?: string;
+    activeStep?: number;
+    totalSteps?: number;
+    activeStepTitle?: string;
+    isGenerating?: boolean;
+    hasModal?: boolean;
+    modalType?: "approval" | "blocked" | "recovery" | "replan" | "resume" | string;
+    customMessage?: string;
+    isReconciliation?: boolean;
+    recoveryMode?: "confirm" | "continuation" | "still_blocked" | string;
+    activeView?: string;
+}
+export declare const StatusBar: React.FC<StatusBarProps>;
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/ui/StatusBar.js

@@ -0,0 +1,104 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const INTERVAL_MS = 80;
+const ACTIVE_STATUSES = new Set([
+    "executing",
+    "planning",
+    "verifying",
+    "recovering"
+]);
+export const StatusBar = ({ status = "idle", activeStep, totalSteps, activeStepTitle, isGenerating = false, hasModal = false, modalType, customMessage, isReconciliation = false, recoveryMode = "confirm", activeView = "main" }) => {
+    const [frame, setFrame] = useState(0);
+    const isAnimating = isGenerating || ACTIVE_STATUSES.has(status.toLowerCase());
+    useEffect(() => {
+        if (!isAnimating)
+            return;
+        const timer = setInterval(() => {
+            setFrame((prev) => (prev + 1) % SPINNER_FRAMES.length);
+        }, INTERVAL_MS);
+        return () => clearInterval(timer);
+    }, [isAnimating]);
+    const spinner = isAnimating ? `${SPINNER_FRAMES[frame]} ` : "";
+    const renderStatusText = () => {
+        if (customMessage) {
+            return (_jsxs(Text, { color: "yellow", children: [spinner, customMessage] }));
+        }
+        if (activeStep !== undefined && totalSteps !== undefined && totalSteps > 0) {
+            const stepText = `Step ${activeStep}/${totalSteps}${activeStepTitle ? `: ${activeStepTitle}` : ""}`;
+            if (status === "executing" || isGenerating) {
+                return (_jsxs(Text, { color: "green", children: [spinner, "Executing ", stepText] }));
+            }
+            if (status === "awaiting_step_approval") {
+                return _jsxs(Text, { color: "yellow", children: ["\u26A0 Waiting for Approval (", stepText, ")"] });
+            }
+            if (status === "verifying") {
+                return (_jsxs(Text, { color: "cyan", children: [spinner, "Verifying (", stepText, ")"] }));
+            }
+            if (status === "blocked") {
+                return _jsxs(Text, { color: "red", children: ["! Blocked at ", stepText] });
+            }
+        }
+        switch (status.toLowerCase()) {
+            case "in_progress":
+            case "generating":
+            case "executing":
+            case "running":
+                return _jsxs(Text, { color: "green", children: [spinner, "Executing task..."] });
+            case "planning":
+                return _jsxs(Text, { color: "cyan", children: [spinner, "Generating task plan..."] });
+            case "awaiting_plan_approval":
+                return _jsx(Text, { color: "yellow", children: "\u26A0 Plan approval required" });
+            case "awaiting_step_approval":
+                return _jsx(Text, { color: "yellow", children: "\u26A0 Step approval required" });
+            case "verifying":
+                return _jsxs(Text, { color: "cyan", children: [spinner, "Verifying changes..."] });
+            case "recovering":
+                return _jsxs(Text, { color: "yellow", children: [spinner, "Performing recovery..."] });
+            case "blocked":
+                return _jsx(Text, { color: "red", children: "! Plan execution blocked" });
+            case "completed":
+                return _jsx(Text, { color: "green", children: "\u2713 Task completed" });
+            case "failed":
+                return _jsx(Text, { color: "red", children: "\u2717 Task failed" });
+            case "cancelled":
+                return _jsx(Text, { color: "gray", children: "\u2298 Task cancelled" });
+            case "idle":
+            default:
+                return _jsx(Text, { color: "gray", children: "\u25CB Ready for task" });
+        }
+    };
+    const renderShortcuts = () => {
+        if (hasModal) {
+            if (modalType === "approval") {
+                return (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "[y]" }), _jsx(Text, { color: "gray", children: " Approve " }), _jsx(Text, { color: "yellow", children: "[n]" }), _jsx(Text, { color: "gray", children: " Reject " }), _jsx(Text, { color: "gray", children: "[Esc] Cancel" })] }));
+            }
+            if (modalType === "blocked") {
+                if (isReconciliation) {
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "[r]" }), _jsx(Text, { color: "gray", children: " Recover " }), _jsx(Text, { color: "cyan", children: "[p]" }), _jsx(Text, { color: "gray", children: " Replan " }), _jsx(Text, { color: "gray", children: "[x] Cancel" })] }));
+                }
+                return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "[c]" }), _jsx(Text, { color: "gray", children: " Continue " }), _jsx(Text, { color: "cyan", children: "[r]" }), _jsx(Text, { color: "gray", children: " Replan " }), _jsx(Text, { color: "gray", children: "[x] Cancel" })] }));
+            }
+            if (modalType === "recovery") {
+                if (recoveryMode === "still_blocked") {
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "[r]" }), _jsx(Text, { color: "gray", children: " Replan " }), _jsx(Text, { color: "green", children: "[c]" }), _jsx(Text, { color: "gray", children: " Re-check " }), _jsx(Text, { color: "gray", children: "[x] Cancel" })] }));
+                }
+                if (recoveryMode === "continuation") {
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "[y]" }), _jsx(Text, { color: "gray", children: " Continue " }), _jsx(Text, { color: "yellow", children: "[n]" }), _jsx(Text, { color: "gray", children: " Cancel " }), _jsx(Text, { color: "gray", children: "[Esc] Cancel" })] }));
+                }
+                return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "[y]" }), _jsx(Text, { color: "gray", children: " Proceed " }), _jsx(Text, { color: "yellow", children: "[n]" }), _jsx(Text, { color: "gray", children: " Cancel " }), _jsx(Text, { color: "gray", children: "[Esc] Cancel" })] }));
+            }
+            return (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "[y]" }), _jsx(Text, { color: "gray", children: " Yes " }), _jsx(Text, { color: "yellow", children: "[n]" }), _jsx(Text, { color: "gray", children: " No " }), _jsx(Text, { color: "gray", children: "[Esc] Cancel" })] }));
+        }
+        if (activeView && activeView !== "main") {
+            return (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "[Esc] Main " }), _jsx(Text, { color: "cyan", children: "[p]" }), _jsx(Text, { color: "gray", children: " Plan " }), _jsx(Text, { color: "cyan", children: "[r]" }), _jsx(Text, { color: "gray", children: " Runs " }), _jsx(Text, { color: "cyan", children: "[d]" }), _jsx(Text, { color: "gray", children: " Diagnostics " }), _jsx(Text, { color: "cyan", children: "[?]" }), _jsx(Text, { color: "gray", children: " Help" })] }));
+        }
+        if (isGenerating) {
+            return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "[Ctrl+C]" }), _jsx(Text, { color: "gray", children: " Cancel" })] }));
+        }
+        return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "[Ctrl+C]" }), _jsx(Text, { color: "gray", children: " Exit " }), _jsx(Text, { color: "cyan", children: "/plan" }), _jsx(Text, { color: "gray", children: " Plan " }), _jsx(Text, { color: "cyan", children: "/runs" }), _jsx(Text, { color: "gray", children: " Runs " }), _jsx(Text, { color: "cyan", children: "/debug" }), _jsx(Text, { color: "gray", children: " Diagnostics " }), _jsx(Text, { color: "cyan", children: "/help" }), _jsx(Text, { color: "gray", children: " Help" })] }));
+    };
+    return (_jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { children: renderStatusText() }), _jsx(Box, { children: renderShortcuts() })] }) }));
+};
+//# sourceMappingURL=StatusBar.js.map

package/dist/ui/TaskInput.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { CommandDef } from "../commands.js";
+export interface TaskInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    isDisabled?: boolean;
+    placeholder?: string;
+    label?: string;
+    pendingQuery?: string | null;
+    suggestions?: CommandDef[];
+    selectedSuggestion?: number;
+}
+export declare const TaskInput: React.FC<TaskInputProps>;
+//# sourceMappingURL=TaskInput.d.ts.map

package/dist/ui/TaskInput.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+import { CommandPalette } from "./CommandPalette.js";
+export const TaskInput = ({ value, onChange, onSubmit, isDisabled = false, placeholder = "Describe task or type /help...", label, pendingQuery, suggestions, selectedSuggestion = 0 }) => {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 0, children: [!label && (_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "gray", dimColor: true, children: "─".repeat(48) }) })), label && (_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: "white", children: label }) })), suggestions && suggestions.length > 0 && (_jsx(CommandPalette, { suggestions: suggestions, selectedIndex: selectedSuggestion })), _jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: "\u203A " }), isDisabled ? (_jsx(Text, { color: "gray", children: pendingQuery ? `[queued] ${pendingQuery}` : (value || placeholder) })) : (_jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: placeholder }))] }), isDisabled && pendingQuery && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { color: "yellow", children: "\u23CE Queued: " }), _jsx(Text, { color: "white", children: pendingQuery }), _jsx(Text, { color: "gray", children: "  (Ctrl+C to cancel)" })] }))] }));
+};
+//# sourceMappingURL=TaskInput.js.map

package/dist/ui/ThinkingBlock.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ThinkingBlockProps {
+    durationMs: number;
+    tokenCount?: number;
+    summary?: string;
+}
+export declare const ThinkingBlock: React.FC<ThinkingBlockProps>;
+//# sourceMappingURL=ThinkingBlock.d.ts.map