@rulebricks/cli 1.9.0

package/dist/commands/logs.js

@@ -0,0 +1,222 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Box, Text, useApp, useStdout } from "ink";
+import SelectInput from "ink-select-input";
+import { BorderBox, Spinner, ThemeProvider, useTheme, Logo, } from "../components/common/index.js";
+import { loadDeploymentState } from "../lib/config.js";
+import { getComponentPods, streamLogs, streamMultiPodLogs, VALID_LOG_COMPONENTS, } from "../lib/kubernetes.js";
+import { getNamespace, getReleaseName } from "../types/index.js";
+const COMPONENTS = [
+    { label: "Web Application", value: "app" },
+    { label: "Solver Handlers", value: "hps" },
+    { label: "Solver Workers", value: "workers" },
+    { label: "Kafka", value: "kafka" },
+    { label: "Supabase", value: "supabase" },
+    { label: "Traefik", value: "traefik" },
+];
+/**
+ * Shortens a pod name for display.
+ * E.g., "rulebricks-app-7f8b9c6d5-x2k4m" -> "app-x2k4m"
+ */
+function shortenPodName(podName) {
+    const parts = podName.split("-");
+    if (parts.length >= 3) {
+        const suffix = parts[parts.length - 1];
+        let componentIndex = 0;
+        if (parts[0] === "rulebricks" || parts[0].length > 10) {
+            componentIndex = 1;
+        }
+        const component = parts[componentIndex] || parts[0];
+        return `${component}-${suffix}`;
+    }
+    return podName.length > 20 ? podName.substring(0, 17) + "..." : podName;
+}
+/**
+ * Colors for split view column headers
+ */
+const COLUMN_COLORS = ["cyan", "yellow", "magenta", "green", "blue"];
+/**
+ * Maximum number of columns to display in split view
+ */
+const MAX_SPLIT_COLUMNS = 3;
+/**
+ * Number of log lines to buffer per pod
+ */
+const LOG_BUFFER_SIZE = 50;
+function SplitLogView({ pods, namespace, follow, tail, onCleanup, }) {
+    const { colors } = useTheme();
+    const { stdout } = useStdout();
+    const [logBuffers, setLogBuffers] = useState(() => {
+        const initial = {};
+        for (const pod of pods.slice(0, MAX_SPLIT_COLUMNS)) {
+            initial[pod] = { lines: [] };
+        }
+        return initial;
+    });
+    const [terminalHeight, setTerminalHeight] = useState(stdout?.rows || 24);
+    const cleanupRef = useRef(null);
+    // Calculate available height for log content
+    const headerHeight = 4; // Header + pod names + separator + footer
+    const contentHeight = Math.max(5, terminalHeight - headerHeight);
+    const displayedPods = pods.slice(0, MAX_SPLIT_COLUMNS);
+    // Handle terminal resize
+    useEffect(() => {
+        if (stdout) {
+            const handleResize = () => {
+                setTerminalHeight(stdout.rows || 24);
+            };
+            stdout.on("resize", handleResize);
+            return () => {
+                stdout.off("resize", handleResize);
+            };
+        }
+    }, [stdout]);
+    // Start log streaming
+    useEffect(() => {
+        const cleanup = streamMultiPodLogs(displayedPods, namespace, {
+            follow,
+            tail: tail || LOG_BUFFER_SIZE,
+            timestamps: false,
+            onLine: (podName, line, _colorIndex) => {
+                setLogBuffers((prev) => {
+                    const buffer = prev[podName] || { lines: [] };
+                    const newLines = [...buffer.lines, line];
+                    // Keep only the last LOG_BUFFER_SIZE lines
+                    if (newLines.length > LOG_BUFFER_SIZE) {
+                        newLines.splice(0, newLines.length - LOG_BUFFER_SIZE);
+                    }
+                    return {
+                        ...prev,
+                        [podName]: { lines: newLines },
+                    };
+                });
+            },
+        });
+        cleanupRef.current = cleanup;
+        onCleanup(cleanup);
+        return () => {
+            if (cleanupRef.current) {
+                cleanupRef.current();
+            }
+        };
+    }, [displayedPods.join(","), namespace, follow, tail]);
+    // Get terminal width for column sizing
+    const terminalWidth = stdout?.columns || 80;
+    const columnWidth = Math.floor((terminalWidth - displayedPods.length - 1) / displayedPods.length);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: colors.accent, bold: true, children: ["Split view: ", displayedPods.length, " pods", pods.length > MAX_SPLIT_COLUMNS && (_jsxs(Text, { color: colors.muted, children: [" ", "(", pods.length - MAX_SPLIT_COLUMNS, " more not shown)"] }))] }) }), _jsx(Box, { flexDirection: "row", children: displayedPods.map((pod, index) => (_jsx(Box, { width: columnWidth, marginRight: index < displayedPods.length - 1 ? 1 : 0, children: _jsx(Text, { color: COLUMN_COLORS[index % COLUMN_COLORS.length], bold: true, children: shortenPodName(pod).substring(0, columnWidth - 2) }) }, pod))) }), _jsx(Box, { flexDirection: "row", marginBottom: 1, children: displayedPods.map((pod, index) => (_jsx(Box, { width: columnWidth, marginRight: index < displayedPods.length - 1 ? 1 : 0, children: _jsx(Text, { color: colors.muted, children: "─".repeat(Math.max(1, columnWidth - 1)) }) }, `sep-${pod}`))) }), _jsx(Box, { flexDirection: "row", height: contentHeight, children: displayedPods.map((pod, index) => {
+                    const buffer = logBuffers[pod] || { lines: [] };
+                    // Show the most recent lines that fit in the content height
+                    const visibleLines = buffer.lines.slice(-contentHeight);
+                    return (_jsxs(Box, { width: columnWidth, flexDirection: "column", marginRight: index < displayedPods.length - 1 ? 1 : 0, overflow: "hidden", children: [visibleLines.map((line, lineIndex) => (_jsx(Text, { wrap: "truncate", children: line.substring(0, columnWidth - 1) }, lineIndex))), visibleLines.length === 0 && (_jsx(Text, { color: colors.muted, dimColor: true, children: "Waiting for logs..." }))] }, `log-${pod}`));
+                }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.muted, children: "Press Ctrl+C to stop" }) })] }));
+}
+function LogsCommandInner({ name, component, follow, tail, split, }) {
+    const { exit } = useApp();
+    const { colors } = useTheme();
+    const [step, setStep] = useState(component && VALID_LOG_COMPONENTS.includes(component)
+        ? "loading"
+        : "select");
+    const [selectedComponent, setSelectedComponent] = useState(component);
+    const [pods, setPods] = useState([]);
+    const [namespace, setNamespace] = useState("");
+    const [error, setError] = useState(null);
+    const cleanupRef = useRef(null);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            if (cleanupRef.current) {
+                cleanupRef.current();
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (step === "loading") {
+            loadPods();
+        }
+    }, [step, selectedComponent]);
+    async function loadPods() {
+        try {
+            const state = await loadDeploymentState(name);
+            // Use namespace from state if available (backwards compat), otherwise compute from deployment name
+            const ns = state?.application?.namespace || getNamespace(name);
+            setNamespace(ns);
+            const releaseName = getReleaseName(name);
+            if (!VALID_LOG_COMPONENTS.includes(selectedComponent)) {
+                setError(`Unknown component: ${selectedComponent}`);
+                setStep("error");
+                return;
+            }
+            const podNames = await getComponentPods(selectedComponent, releaseName, ns);
+            if (podNames.length === 0) {
+                setError(`No pods found for component: ${selectedComponent}`);
+                setStep("error");
+                return;
+            }
+            setPods(podNames);
+            const isFollowing = follow ?? true;
+            // Use split view if requested and multiple pods exist
+            if (split && podNames.length > 1) {
+                setStep("streaming-split");
+                // Split view will be rendered by the component
+                return;
+            }
+            // For multiple pods without split, use unified multi-pod streaming
+            if (podNames.length > 1) {
+                setStep("streaming");
+                // Start multi-pod log streaming with prefixed output
+                cleanupRef.current = streamMultiPodLogs(podNames, ns, {
+                    follow: isFollowing,
+                    tail,
+                    timestamps: true,
+                });
+                // If not following, wait a bit then exit
+                if (!isFollowing) {
+                    setTimeout(() => {
+                        if (cleanupRef.current) {
+                            cleanupRef.current();
+                        }
+                        exit();
+                    }, 2000);
+                }
+                return;
+            }
+            // Single pod - use original behavior
+            setStep("streaming");
+            await streamLogs(podNames[0], ns, { follow: isFollowing, tail });
+            // If not following, exit after logs are printed
+            if (!isFollowing) {
+                exit();
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to get logs");
+            setStep("error");
+        }
+    }
+    const handleComponentSelect = (item) => {
+        setSelectedComponent(item.value);
+        setStep("loading");
+    };
+    if (step === "error") {
+        return (_jsx(BorderBox, { title: "Logs Error", children: _jsx(Box, { marginY: 1, children: _jsxs(Text, { color: colors.error, children: ["\u2717 ", error] }) }) }));
+    }
+    if (step === "loading") {
+        return (_jsx(BorderBox, { title: `Logs: ${selectedComponent}`, children: _jsx(Box, { marginY: 1, children: _jsx(Spinner, { label: `Finding ${selectedComponent} pods...` }) }) }));
+    }
+    if (step === "streaming-split") {
+        const isFollowing = follow ?? true;
+        return (_jsx(SplitLogView, { pods: pods, namespace: namespace, follow: isFollowing, tail: tail, onCleanup: (cleanup) => {
+                cleanupRef.current = cleanup;
+            } }));
+    }
+    if (step === "streaming") {
+        const isFollowing = follow ?? true;
+        const podCountText = pods.length > 1 ? `${pods.length} pods` : pods[0];
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: colors.accent, bold: true, children: [isFollowing ? "Streaming" : "Showing", " logs from ", podCountText] }), pods.length > 1 && (_jsxs(Text, { color: colors.muted, children: ["Pods: ", pods.map((p, i) => shortenPodName(p)).join(", ")] })), isFollowing && _jsx(Text, { color: colors.muted, children: "Press Ctrl+C to stop" })] }));
+    }
+    // Component selection
+    return (_jsx(BorderBox, { title: "Select Component", children: _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Which component's logs would you like to view?" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: COMPONENTS, onSelect: handleComponentSelect, itemComponent: ({ isSelected, label }) => (_jsx(Text, { color: isSelected ? colors.accent : undefined, children: label })) }) })] }) }));
+}
+export function LogsCommand(props) {
+    return (_jsxs(ThemeProvider, { theme: "logs", children: [_jsx(Logo, {}), _jsx(LogsCommandInner, { ...props })] }));
+}

package/dist/commands/open.d.ts

@@ -0,0 +1,7 @@
+type OpenTarget = "all" | "config" | "values" | "terraform";
+interface OpenCommandProps {
+    name: string;
+    target: OpenTarget;
+}
+export declare function OpenCommand(props: OpenCommandProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/commands/open.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useApp } from "ink";
+import { spawn } from "child_process";
+import path from "path";
+import { promises as fs } from "fs";
+import { BorderBox, Spinner, ThemeProvider, useTheme, Logo, } from "../components/common/index.js";
+import { deploymentExists, getDeploymentDir, getTerraformDir, getHelmValuesPath, } from "../lib/config.js";
+/**
+ * Resolves the appropriate command to open files/directories based on OS and environment
+ */
+function getOpenCommand() {
+    // Check for $EDITOR environment variable first
+    const editor = process.env.EDITOR;
+    if (editor) {
+        return { cmd: editor, args: [] };
+    }
+    // Fall back to OS-specific defaults
+    const platform = process.platform;
+    switch (platform) {
+        case "darwin":
+            return { cmd: "open", args: [] };
+        case "win32":
+            return { cmd: "cmd", args: ["/c", "start", '""'] };
+        case "linux":
+        default:
+            return { cmd: "xdg-open", args: [] };
+    }
+}
+/**
+ * Opens a path using the system's default handler or $EDITOR
+ */
+async function openPath(targetPath) {
+    return new Promise((resolve, reject) => {
+        const { cmd, args } = getOpenCommand();
+        const child = spawn(cmd, [...args, targetPath], {
+            detached: true,
+            stdio: "ignore",
+        });
+        child.on("error", (err) => {
+            reject(err);
+        });
+        // Unref to allow the parent process to exit independently
+        child.unref();
+        // Give it a moment to start, then resolve
+        setTimeout(resolve, 500);
+    });
+}
+function OpenCommandInner({ name, target }) {
+    const { exit } = useApp();
+    const { colors } = useTheme();
+    const [step, setStep] = useState("validating");
+    const [error, setError] = useState(null);
+    const [openedPath, setOpenedPath] = useState(null);
+    useEffect(() => {
+        (async () => {
+            try {
+                // Validate deployment exists
+                const exists = await deploymentExists(name);
+                if (!exists) {
+                    setError(`Deployment "${name}" not found`);
+                    setStep("error");
+                    return;
+                }
+                // Determine what path to open
+                let targetPath;
+                const deployDir = getDeploymentDir(name);
+                switch (target) {
+                    case "config":
+                        targetPath = path.join(deployDir, "config.yaml");
+                        break;
+                    case "values":
+                        targetPath = getHelmValuesPath(name);
+                        break;
+                    case "terraform":
+                        targetPath = getTerraformDir(name);
+                        break;
+                    case "all":
+                    default:
+                        targetPath = deployDir;
+                        break;
+                }
+                // Verify the target exists
+                try {
+                    await fs.access(targetPath);
+                }
+                catch {
+                    if (target === "terraform") {
+                        setError(`Terraform directory not found. Run "rulebricks deploy ${name}" first to create infrastructure files.`);
+                    }
+                    else if (target === "values") {
+                        setError(`values.yaml not found. Run "rulebricks init" or "rulebricks deploy ${name}" first.`);
+                    }
+                    else {
+                        setError(`Path not found: ${targetPath}`);
+                    }
+                    setStep("error");
+                    return;
+                }
+                setOpenedPath(targetPath);
+                setStep("opening");
+                // Open the path
+                await openPath(targetPath);
+                setStep("complete");
+                setTimeout(() => exit(), 2000);
+            }
+            catch (err) {
+                setError(err instanceof Error
+                    ? err.message
+                    : "Failed to open deployment files");
+                setStep("error");
+            }
+        })();
+    }, [name, target, exit]);
+    // Validating screen
+    if (step === "validating") {
+        return (_jsx(BorderBox, { title: "Open Deployment", children: _jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: "Locating deployment files..." }) }) }));
+    }
+    // Error screen
+    if (step === "error") {
+        return (_jsx(BorderBox, { title: "Open Failed", children: _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: colors.error, bold: true, children: "\u2717 Error" }), _jsx(Text, { color: colors.error, children: error }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.muted, dimColor: true, children: ["Use ", _jsx(Text, { color: colors.accent, children: "rulebricks list" }), " to see available deployments."] }) })] }) }));
+    }
+    // Opening screen
+    if (step === "opening") {
+        return (_jsx(BorderBox, { title: "Open Deployment", children: _jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: "Opening files..." }) }) }));
+    }
+    // Complete screen
+    const targetLabel = target === "all"
+        ? "deployment directory"
+        : target === "config"
+            ? "config.yaml"
+            : target === "values"
+                ? "values.yaml"
+                : "terraform directory";
+    return (_jsx(BorderBox, { title: "Opened", children: _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { color: colors.success, bold: true, children: ["\u2713 Opened ", targetLabel] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.muted, dimColor: true, children: ["Path: ", openedPath] }) }), target === "all" && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "Available files:" }), _jsxs(Text, { color: colors.muted, children: [" ", "\u2022 config.yaml - Deployment configuration"] }), _jsx(Text, { color: colors.muted, children: " \u2022 values.yaml - Helm chart values" }), _jsxs(Text, { color: colors.muted, children: [" ", "\u2022 terraform/ - Infrastructure files"] })] })), (target === "values" || target === "config") && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.warning, dimColor: true, children: "Note: Manual edits may desync from wizard-managed settings" }) }))] }) }));
+}
+export function OpenCommand(props) {
+    return (_jsxs(ThemeProvider, { theme: "status", children: [_jsx(Logo, {}), _jsx(OpenCommandInner, { ...props })] }));
+}

package/dist/commands/status.d.ts

@@ -0,0 +1,5 @@
+interface StatusCommandProps {
+    name: string;
+}
+export declare function StatusCommand(props: StatusCommandProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/commands/status.js

@@ -0,0 +1,125 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useApp } from "ink";
+import { BorderBox, Section, Spinner, ThemeProvider, useTheme, Logo, } from "../components/common/index.js";
+import { loadDeploymentConfig, loadDeploymentState } from "../lib/config.js";
+import { getPodStatus, getServiceStatus, getIngressStatus, getCertificateStatus, } from "../lib/kubernetes.js";
+import { getInstalledVersion } from "../lib/helm.js";
+import { getNamespace, getReleaseName, } from "../types/index.js";
+function StatusCommandInner({ name, data, }) {
+    const { exit } = useApp();
+    const { colors } = useTheme();
+    const { config, state, clusterStatus } = data;
+    useEffect(() => {
+        // Auto-exit after displaying
+        const timer = setTimeout(() => exit(), 10000);
+        return () => clearTimeout(timer);
+    }, [exit]);
+    // Determine overall status based on deployment state and pod health
+    const getOverallStatus = () => {
+        // If no state file exists, deployment was never attempted
+        if (!state)
+            return "not-deployed";
+        // Check the deployment state status
+        if (state.status === "failed")
+            return "failed";
+        if (state.status === "destroyed")
+            return "destroyed";
+        if (state.status === "pending")
+            return "pending";
+        if (state.status === "deploying")
+            return "deploying";
+        if (state.status === "waiting-dns")
+            return "waiting-dns";
+        // If state says running, verify with actual pod status
+        const pods = clusterStatus.pods || [];
+        if (pods.length === 0) {
+            // No pods means something is wrong (unless still deploying)
+            return state.status === "running" ? "degraded" : "unknown";
+        }
+        // Consider a pod healthy if it's ready OR if it's a completed Job pod
+        const allPodsHealthy = pods.every((p) => p.ready || p.status === "Succeeded" || p.status === "Completed");
+        return allPodsHealthy ? "healthy" : "degraded";
+    };
+    const overallStatus = getOverallStatus();
+    const statusDisplay = {
+        healthy: { icon: "●", label: "Healthy", color: colors.success },
+        degraded: { icon: "◐", label: "Degraded", color: colors.warning },
+        failed: { icon: "✗", label: "Failed", color: colors.error },
+        destroyed: { icon: "○", label: "Destroyed", color: colors.muted },
+        pending: { icon: "○", label: "Pending", color: colors.muted },
+        deploying: { icon: "◐", label: "Deploying", color: colors.accent },
+        "waiting-dns": {
+            icon: "◐",
+            label: "Waiting for DNS",
+            color: colors.warning,
+        },
+        "not-deployed": { icon: "○", label: "Not Deployed", color: colors.muted },
+        unknown: { icon: "?", label: "Unknown", color: colors.muted },
+    };
+    const status = statusDisplay[overallStatus] || statusDisplay["unknown"];
+    return (_jsx(BorderBox, { title: `Status: ${name}`, children: _jsxs(Box, { flexDirection: "column", children: [_jsxs(Section, { title: "Overview", children: [_jsxs(Text, { children: ["Status:", " ", _jsxs(Text, { color: status.color, children: [status.icon, " ", status.label] })] }), state && (_jsxs(Text, { children: ["Version:", " ", _jsx(Text, { color: colors.accent, children: clusterStatus.version || "Unknown" })] })), _jsxs(Text, { children: ["URL: ", _jsxs(Text, { color: colors.accent, children: ["https://", config.domain] })] })] }), overallStatus === "not-deployed" && (_jsxs(Box, { marginY: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "This configuration has not been deployed yet." }), _jsx(Box, { marginTop: 0, children: _jsxs(Text, { color: colors.muted, children: ["Run: ", _jsxs(Text, { color: colors.accent, children: ["rulebricks deploy ", name] })] }) })] })), state && (_jsxs(_Fragment, { children: [_jsx(Section, { title: "Pods", children: clusterStatus.pods.length === 0 ? (_jsx(Text, { color: colors.muted, children: "No pods found" })) : (clusterStatus.pods.map((pod) => {
+                                // Consider pod healthy if ready OR if it's a completed Job
+                                const isHealthy = pod.ready ||
+                                    pod.status === "Succeeded" ||
+                                    pod.status === "Completed";
+                                return (_jsxs(Box, { children: [_jsx(Text, { color: isHealthy ? colors.success : colors.warning, children: isHealthy ? "✓" : "○" }), _jsxs(Text, { children: [" ", truncate(pod.name, 40)] }), _jsxs(Text, { color: colors.muted, children: [" ", pod.status] }), pod.restarts > 0 && (_jsxs(Text, { color: colors.warning, children: [" ", "(", pod.restarts, " restarts)"] }))] }, pod.name));
+                            })) }), _jsxs(Section, { title: "Services", children: [clusterStatus.services.length === 0 ? (_jsx(Text, { color: colors.muted, children: "No services found" })) : (clusterStatus.services.slice(0, 5).map((svc) => (_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { children: [" ", truncate(svc.name, 30)] }), _jsxs(Text, { color: colors.muted, children: [" ", svc.type] }), svc.externalIP && (_jsxs(Text, { color: colors.accent, children: [" \u2192 ", svc.externalIP] }))] }, svc.name)))), (clusterStatus.services.length || 0) > 5 && (_jsxs(Text, { color: colors.muted, children: ["... and ", (clusterStatus.services.length || 0) - 5, " more"] }))] }), _jsx(Section, { title: "Ingress", children: clusterStatus.ingresses.length === 0 ? (_jsx(Text, { color: colors.muted, children: "No ingresses found" })) : (clusterStatus.ingresses.map((ing) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: ing.address ? colors.success : colors.warning, children: ing.address ? "✓" : "○" }), _jsxs(Text, { children: [" ", ing.name] })] }), ing.hosts.map((host) => (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: colors.muted, children: ["\u2192 ", host, " ", ing.tls ? "(TLS)" : ""] }) }, host)))] }, ing.name)))) }), _jsx(Section, { title: "TLS Certificates", children: clusterStatus.certificates.length === 0 ? (_jsx(Text, { color: colors.muted, children: "No certificates found" })) : (clusterStatus.certificates.map((cert) => (_jsxs(Box, { children: [_jsx(Text, { color: cert.ready ? colors.success : colors.warning, children: cert.ready ? "✓" : "○" }), _jsxs(Text, { children: [" ", cert.name] }), _jsx(Text, { color: cert.ready ? colors.success : colors.warning, children: cert.ready ? " Ready" : " Pending" })] }, cert.name)))) })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.muted, children: "Press Ctrl+C to exit" }) })] }) }));
+}
+/**
+ * Loader component that fetches data and determines the appropriate theme
+ */
+function StatusLoader({ name }) {
+    const [loading, setLoading] = useState(true);
+    const [data, setData] = useState(null);
+    const [error, setError] = useState(null);
+    const [theme, setTheme] = useState("status");
+    useEffect(() => {
+        loadStatus();
+    }, []);
+    async function loadStatus() {
+        try {
+            const config = await loadDeploymentConfig(name);
+            const state = await loadDeploymentState(name);
+            // Determine theme based on whether deployment was attempted
+            // Use 'logs' theme (gray/muted) for undeployed, 'status' (green) for deployed
+            const selectedTheme = state ? "status" : "logs";
+            setTheme(selectedTheme);
+            // Use namespace from state if available (backwards compat), otherwise compute from deployment name
+            const namespace = state?.application?.namespace || getNamespace(name);
+            const releaseName = getReleaseName(name);
+            const [pods, services, ingresses, certificates, version] = await Promise.all([
+                getPodStatus(namespace),
+                getServiceStatus(namespace),
+                getIngressStatus(namespace),
+                getCertificateStatus(namespace),
+                getInstalledVersion(releaseName, namespace),
+            ]);
+            setData({
+                config,
+                state,
+                clusterStatus: { pods, services, ingresses, certificates, version },
+            });
+            setLoading(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to load status");
+            setLoading(false);
+        }
+    }
+    if (loading) {
+        return (_jsxs(ThemeProvider, { theme: "logs", children: [_jsx(Logo, {}), _jsx(BorderBox, { title: `Status: ${name}`, children: _jsx(Box, { marginY: 1, children: _jsx(Spinner, { label: "Loading deployment status..." }) }) })] }));
+    }
+    if (error || !data) {
+        return (_jsxs(ThemeProvider, { theme: "logs", children: [_jsx(Logo, {}), _jsx(BorderBox, { title: "Status Error", children: _jsx(Box, { marginY: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error || "Failed to load deployment data"] }) }) })] }));
+    }
+    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsx(Logo, {}), _jsx(StatusCommandInner, { name: name, data: data })] }));
+}
+export function StatusCommand(props) {
+    return _jsx(StatusLoader, { ...props });
+}
+function truncate(str, len) {
+    if (str.length <= len)
+        return str;
+    return str.substring(0, len - 3) + "...";
+}

package/dist/commands/upgrade.d.ts

@@ -0,0 +1,7 @@
+interface UpgradeCommandProps {
+    name: string;
+    targetVersion?: string;
+    dryRun?: boolean;
+}
+export declare function UpgradeCommand(props: UpgradeCommandProps): import("react/jsx-runtime").JSX.Element;
+export {};