@runloop/rl-cli 0.2.0 → 0.4.0

package/dist/components/LogsViewer.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * LogsViewer - Shared component for viewing logs (devbox or blueprint)
+ * Extracted from DevboxActionsMenu for reuse
+ */
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import figures from "figures";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { colors } from "../utils/theme.js";
+import { useViewportHeight } from "../hooks/useViewportHeight.js";
+import { parseAnyLogEntry } from "../utils/logFormatter.js";
+export const LogsViewer = ({ logs, breadcrumbItems = [{ label: "Logs", active: true }], onBack, title = "Logs", }) => {
+    const [logsWrapMode, setLogsWrapMode] = React.useState(false);
+    const [logsScroll, setLogsScroll] = React.useState(0);
+    const [copyStatus, setCopyStatus] = React.useState(null);
+    // Calculate viewport for logs output:
+    // - Breadcrumb (3 lines + marginBottom): 4 lines
+    // - Log box borders: 2 lines
+    // - Stats bar (marginTop + content): 2 lines
+    // - Help bar (marginTop + content): 2 lines
+    // - Safety buffer: 1 line
+    // Total: 11 lines
+    const logsViewport = useViewportHeight({ overhead: 11, minHeight: 10 });
+    // Handle input for logs navigation
+    useInput((input, key) => {
+        if (key.upArrow || input === "k") {
+            setLogsScroll(Math.max(0, logsScroll - 1));
+        }
+        else if (key.downArrow || input === "j") {
+            setLogsScroll(logsScroll + 1);
+        }
+        else if (key.pageUp) {
+            setLogsScroll(Math.max(0, logsScroll - 10));
+        }
+        else if (key.pageDown) {
+            setLogsScroll(logsScroll + 10);
+        }
+        else if (input === "g") {
+            setLogsScroll(0);
+        }
+        else if (input === "G") {
+            const maxScroll = Math.max(0, logs.length - logsViewport.viewportHeight);
+            setLogsScroll(maxScroll);
+        }
+        else if (input === "w") {
+            setLogsWrapMode(!logsWrapMode);
+        }
+        else if (input === "c") {
+            // Copy logs to clipboard using shared formatter
+            const logsText = logs
+                .map((log) => {
+                const parts = parseAnyLogEntry(log);
+                const cmd = parts.cmd ? `$ ${parts.cmd} ` : "";
+                const exitCode = parts.exitCode !== null ? `exit=${parts.exitCode} ` : "";
+                const shell = parts.shellName ? `(${parts.shellName}) ` : "";
+                return `${parts.timestamp} ${parts.level} [${parts.source}] ${shell}${cmd}${parts.message} ${exitCode}`.trim();
+            })
+                .join("\n");
+            const copyToClipboard = async (text) => {
+                const { spawn } = await import("child_process");
+                const platform = process.platform;
+                let command;
+                let args;
+                if (platform === "darwin") {
+                    command = "pbcopy";
+                    args = [];
+                }
+                else if (platform === "win32") {
+                    command = "clip";
+                    args = [];
+                }
+                else {
+                    command = "xclip";
+                    args = ["-selection", "clipboard"];
+                }
+                const proc = spawn(command, args);
+                proc.stdin.write(text);
+                proc.stdin.end();
+                proc.on("exit", (code) => {
+                    if (code === 0) {
+                        setCopyStatus("Copied to clipboard!");
+                        setTimeout(() => setCopyStatus(null), 2000);
+                    }
+                    else {
+                        setCopyStatus("Failed to copy");
+                        setTimeout(() => setCopyStatus(null), 2000);
+                    }
+                });
+                proc.on("error", () => {
+                    setCopyStatus("Copy not supported");
+                    setTimeout(() => setCopyStatus(null), 2000);
+                });
+            };
+            copyToClipboard(logsText);
+        }
+        else if (input === "q" || key.escape || key.return) {
+            onBack();
+        }
+    });
+    const viewportHeight = Math.max(1, logsViewport.viewportHeight);
+    const terminalWidth = logsViewport.terminalWidth;
+    const maxScroll = Math.max(0, logs.length - viewportHeight);
+    const actualScroll = Math.min(logsScroll, maxScroll);
+    const visibleLogs = logs.slice(actualScroll, actualScroll + viewportHeight);
+    const hasMore = actualScroll + viewportHeight < logs.length;
+    const hasLess = actualScroll > 0;
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems }), _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, children: logs.length === 0 ? (_jsx(Text, { color: colors.textDim, dimColor: true, children: "No logs available" })) : (visibleLogs.map((log, index) => {
+                    const parts = parseAnyLogEntry(log);
+                    // Sanitize message: escape special chars to prevent layout breaks
+                    const escapedMessage = parts.message
+                        .replace(/\r\n/g, "\\n")
+                        .replace(/\n/g, "\\n")
+                        .replace(/\r/g, "\\r")
+                        .replace(/\t/g, "\\t");
+                    // Limit message length to prevent Yoga layout engine errors
+                    const MAX_MESSAGE_LENGTH = 1000;
+                    const fullMessage = escapedMessage.length > MAX_MESSAGE_LENGTH
+                        ? escapedMessage.substring(0, MAX_MESSAGE_LENGTH) + "..."
+                        : escapedMessage;
+                    const cmd = parts.cmd
+                        ? `$ ${parts.cmd.substring(0, 40)}${parts.cmd.length > 40 ? "..." : ""} `
+                        : "";
+                    const exitCode = parts.exitCode !== null ? `exit=${parts.exitCode} ` : "";
+                    // Map color names to theme colors
+                    const levelColorMap = {
+                        red: colors.error,
+                        yellow: colors.warning,
+                        blue: colors.primary,
+                        gray: colors.textDim,
+                    };
+                    const sourceColorMap = {
+                        magenta: "#d33682",
+                        cyan: colors.info,
+                        green: colors.success,
+                        yellow: colors.warning,
+                        gray: colors.textDim,
+                        white: colors.text,
+                    };
+                    const levelColor = levelColorMap[parts.levelColor] || colors.textDim;
+                    const sourceColor = sourceColorMap[parts.sourceColor] || colors.textDim;
+                    if (logsWrapMode) {
+                        return (_jsxs(Box, { children: [_jsx(Text, { color: colors.textDim, dimColor: true, children: parts.timestamp }), _jsx(Text, { children: " " }), _jsx(Text, { color: levelColor, bold: parts.levelColor === "red", children: parts.level }), _jsx(Text, { children: " " }), _jsxs(Text, { color: sourceColor, children: ["[", parts.source, "]"] }), _jsx(Text, { children: " " }), parts.shellName && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["(", parts.shellName, ")", " "] })), cmd && _jsx(Text, { color: colors.info, children: cmd }), _jsx(Text, { children: fullMessage }), exitCode && (_jsxs(Text, { color: parts.exitCode === 0 ? colors.success : colors.error, children: [" ", exitCode] }))] }, index));
+                    }
+                    else {
+                        // Calculate available width for message truncation
+                        const timestampLen = parts.timestamp.length;
+                        const levelLen = parts.level.length;
+                        const sourceLen = parts.source.length + 2; // brackets
+                        const shellLen = parts.shellName ? parts.shellName.length + 3 : 0;
+                        const cmdLen = cmd.length;
+                        const exitLen = exitCode.length;
+                        const spacesLen = 5; // spaces between elements
+                        const metadataWidth = timestampLen +
+                            levelLen +
+                            sourceLen +
+                            shellLen +
+                            cmdLen +
+                            exitLen +
+                            spacesLen;
+                        const safeTerminalWidth = Math.max(80, terminalWidth);
+                        const availableMessageWidth = Math.max(20, safeTerminalWidth - metadataWidth);
+                        const truncatedMessage = fullMessage.length > availableMessageWidth
+                            ? fullMessage.substring(0, Math.max(1, availableMessageWidth - 3)) + "..."
+                            : fullMessage;
+                        return (_jsxs(Box, { children: [_jsx(Text, { color: colors.textDim, dimColor: true, children: parts.timestamp }), _jsx(Text, { children: " " }), _jsx(Text, { color: levelColor, bold: parts.levelColor === "red", children: parts.level }), _jsx(Text, { children: " " }), _jsxs(Text, { color: sourceColor, children: ["[", parts.source, "]"] }), _jsx(Text, { children: " " }), parts.shellName && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["(", parts.shellName, ")", " "] })), cmd && _jsx(Text, { color: colors.info, children: cmd }), _jsx(Text, { children: truncatedMessage }), exitCode && (_jsxs(Text, { color: parts.exitCode === 0 ? colors.success : colors.error, children: [" ", exitCode] }))] }, index));
+                    }
+                })) }), _jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.hamburger, " ", logs.length] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "total logs"] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Viewing ", actualScroll + 1, "-", Math.min(actualScroll + viewportHeight, logs.length), " of", " ", logs.length] }), hasLess && _jsxs(Text, { color: colors.primary, children: [" ", figures.arrowUp] }), hasMore && _jsxs(Text, { color: colors.primary, children: [" ", figures.arrowDown] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsx(Text, { color: logsWrapMode ? colors.success : colors.textDim, bold: logsWrapMode, children: logsWrapMode ? "Wrap: ON" : "Wrap: OFF" }), copyStatus && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsx(Text, { color: colors.success, bold: true, children: copyStatus })] }))] }), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [g] Top \u2022 [G] Bottom \u2022 [w] Toggle Wrap \u2022 [c] Copy \u2022 [Enter], [q], or [esc] Back"] }) })] }));
+};

package/dist/components/MainMenu.js

@@ -4,7 +4,7 @@ import { Box, Text, useInput, useApp } from "ink";
 import figures from "figures";
 import { Banner } from "./Banner.js";
 import { Breadcrumb } from "./Breadcrumb.js";
-import { VERSION } from "../cli.js";
+import { VERSION } from "../version.js";
 import { colors } from "../utils/theme.js";
 import { useViewportHeight } from "../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
@@ -69,7 +69,7 @@ export const MainMenu = ({ onSelect }) => {
                         return (_jsxs(Box, { marginBottom: 0, children: [_jsx(Text, { color: isSelected ? item.color : colors.textDim, children: isSelected ? figures.pointer : " " }), _jsx(Text, { children: " " }), _jsx(Text, { color: item.color, bold: true, children: item.icon }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected ? item.color : colors.text, bold: isSelected, children: item.label }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "- ", item.description] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[", index + 1, "]"] })] }, item.key));
                     }) }), _jsx(Box, { paddingX: 2, marginTop: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [1-3] Quick select \u2022 [Enter] Select \u2022 [Esc] Quit"] }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Breadcrumb, { items: [{ label: "Home", active: true }] }), _jsx(Banner, {}), _jsx(Box, { flexDirection: "column", paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Cloud development environments for your team \u2022 v", VERSION] }) }) }), _jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, flexGrow: 1, children: [_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(Text, { color: colors.text, bold: true, children: "Select a resource:" }) }), menuItems.map((item, index) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Breadcrumb, { items: [{ label: "Home", active: true }], showVersionCheck: true }), _jsx(Banner, {}), _jsx(Box, { flexDirection: "column", paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Cloud development environments for your team \u2022 v", VERSION] }) }) }), _jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, flexGrow: 1, children: [_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(Text, { color: colors.text, bold: true, children: "Select a resource:" }) }), menuItems.map((item, index) => {
                         const isSelected = index === selectedIndex;
                         return (_jsxs(Box, { paddingX: 2, paddingY: 0, borderStyle: "single", borderColor: isSelected ? item.color : colors.border, marginTop: index === 0 ? 1 : 0, flexShrink: 0, children: [isSelected && (_jsxs(_Fragment, { children: [_jsx(Text, { color: item.color, bold: true, children: figures.pointer }), _jsx(Text, { children: " " })] })), _jsx(Text, { color: item.color, bold: true, children: item.icon }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected ? item.color : colors.text, bold: isSelected, children: item.label }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: colors.textDim, dimColor: true, children: item.description }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["[", index + 1, "]"] })] }, item.key));
                     })] }), _jsx(Box, { paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [1-3] Quick select \u2022 [Enter] Select \u2022 [Esc] Quit"] }) }) })] }));

package/dist/components/ResourceListView.js

@@ -87,15 +87,15 @@ export function ResourceListView({ config }) {
     React.useEffect(() => {
         fetchData(true);
     }, [fetchData]);
-    // Auto-refresh
+    // Auto-refresh - STOP refreshing when there's an error to avoid flickering
     React.useEffect(() => {
-        if (config.autoRefresh?.enabled) {
+        if (config.autoRefresh?.enabled && !error) {
             const interval = setInterval(() => {
                 fetchData(false);
             }, config.autoRefresh.interval || 3000);
             return () => clearInterval(interval);
         }
-    }, [config.autoRefresh, fetchData]);
+    }, [config.autoRefresh, fetchData, error]);
     // Removed refresh icon animation to prevent constant re-renders and flashing
     // Filter resources based on search query
     const filteredResources = React.useMemo(() => {

package/dist/components/UpdateNotification.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { colors } from "../utils/theme.js";
+import { VERSION } from "../version.js";
+/**
+ * Version check component that checks npm for updates and displays a notification
+ * Restored from git history and enhanced with better visual styling
+ */
+export const UpdateNotification = () => {
+    const [updateAvailable, setUpdateAvailable] = React.useState(null);
+    const [isChecking, setIsChecking] = React.useState(true);
+    React.useEffect(() => {
+        const checkForUpdates = async () => {
+            try {
+                const currentVersion = VERSION;
+                const response = await fetch("https://registry.npmjs.org/@runloop/rl-cli/latest");
+                if (response.ok) {
+                    const data = (await response.json());
+                    const latestVersion = data.version;
+                    if (latestVersion && latestVersion !== currentVersion) {
+                        // Check if current version is older than latest
+                        const compareVersions = (version1, version2) => {
+                            const v1parts = version1.split(".").map(Number);
+                            const v2parts = version2.split(".").map(Number);
+                            for (let i = 0; i < Math.max(v1parts.length, v2parts.length); i++) {
+                                const v1part = v1parts[i] || 0;
+                                const v2part = v2parts[i] || 0;
+                                if (v1part > v2part)
+                                    return 1;
+                                if (v1part < v2part)
+                                    return -1;
+                            }
+                            return 0;
+                        };
+                        const isUpdateAvailable = compareVersions(latestVersion, currentVersion) > 0;
+                        if (isUpdateAvailable) {
+                            setUpdateAvailable(latestVersion);
+                        }
+                    }
+                }
+            }
+            catch {
+                // Silently fail
+            }
+            finally {
+                setIsChecking(false);
+            }
+        };
+        checkForUpdates();
+    }, []);
+    if (isChecking || !updateAvailable) {
+        return null;
+    }
+    return (_jsxs(Box, { borderStyle: "round", borderColor: colors.warning, paddingX: 1, paddingY: 0, marginTop: 0, children: [_jsx(Text, { color: colors.warning, bold: true, children: "\u2728" }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", "Update available:", " "] }), _jsx(Text, { color: colors.warning, bold: true, children: VERSION }), _jsxs(Text, { color: colors.primary, bold: true, children: [" ", "\u2192", " "] }), _jsx(Text, { color: colors.success, bold: true, children: updateAvailable }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", "\u2022 Run:", " "] }), _jsx(Text, { color: colors.primary, bold: true, children: "npm install -g @runloop/rl-cli@latest" })] }));
+};

package/dist/hooks/useCursorPagination.js

@@ -119,9 +119,9 @@ export function useCursorPagination(config) {
         // Fetch page 0
         fetchPageData(0, true);
     }, [depsKey, fetchPageData]);
-    // Polling effect
+    // Polling effect - STOP polling when there's an error to avoid flickering
     React.useEffect(() => {
-        if (!pollInterval || pollInterval <= 0 || !pollingEnabled) {
+        if (!pollInterval || pollInterval <= 0 || !pollingEnabled || error) {
             return;
         }
         const timer = setInterval(() => {
@@ -130,7 +130,7 @@ export function useCursorPagination(config) {
             }
         }, pollInterval);
         return () => clearInterval(timer);
-    }, [pollInterval, pollingEnabled, currentPage, fetchPageData]);
+    }, [pollInterval, pollingEnabled, currentPage, fetchPageData, error]);
     // Navigation functions
     const nextPage = React.useCallback(() => {
         if (!loading && !navigating && hasMore) {

package/dist/hooks/useExitOnCtrlC.js

@@ -4,11 +4,12 @@
  */
 import { useInput } from "ink";
 import { exitAlternateScreenBuffer } from "../utils/screen.js";
+import { processUtils } from "../utils/processUtils.js";
 export function useExitOnCtrlC() {
     useInput((input, key) => {
         if (key.ctrl && input === "c") {
             exitAlternateScreenBuffer();
-            process.exit(130); // Standard exit code for SIGINT
+            processUtils.exit(130); // Standard exit code for SIGINT
         }
     });
 }

package/dist/mcp/server-http.js

@@ -4,6 +4,7 @@ import { SSEServerTransport } from "@modelcontextprotocol/sdk/server/sse.js";
 import { CallToolRequestSchema, ListToolsRequestSchema, } from "@modelcontextprotocol/sdk/types.js";
 import { getClient } from "../utils/client.js";
 import express from "express";
+import { processUtils } from "../utils/processUtils.js";
 // Define available tools for the MCP server
 const TOOLS = [
     {
@@ -412,5 +413,5 @@ async function main() {
 }
 main().catch((error) => {
     console.error("Fatal error in main():", error);
-    process.exit(1);
+    processUtils.exit(1);
 });

package/dist/mcp/server.js

@@ -3,7 +3,9 @@ import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { CallToolRequestSchema, ListToolsRequestSchema, } from "@modelcontextprotocol/sdk/types.js";
 import Runloop from "@runloop/api-client";
+import { VERSION } from "@runloop/api-client/version.js";
 import Conf from "conf";
+import { processUtils } from "../utils/processUtils.js";
 let configInstance = null;
 function getConfigInstance() {
     if (!configInstance) {
@@ -43,7 +45,7 @@ function getBaseUrl() {
 function getClient() {
     const config = getConfig();
     if (!config.apiKey) {
-        throw new Error("API key not configured. Please set RUNLOOP_API_KEY environment variable or run: rli auth");
+        throw new Error("API key not configured. Please set RUNLOOP_API_KEY environment variable.");
     }
     const baseURL = getBaseUrl();
     return new Runloop({
@@ -51,6 +53,9 @@ function getClient() {
         baseURL,
         timeout: 10000, // 10 seconds instead of default 30 seconds
         maxRetries: 2, // 2 retries instead of default 5 (only for retryable errors)
+        defaultHeaders: {
+            "User-Agent": `Runloop/JS ${VERSION} - CLI MCP`,
+        },
     });
 }
 // Define available tools for the MCP server
@@ -452,5 +457,5 @@ async function main() {
 main().catch((error) => {
     console.error("[MCP] Fatal error in main():", error);
     console.error("[MCP] Stack trace:", error instanceof Error ? error.stack : "N/A");
-    process.exit(1);
+    processUtils.exit(1);
 });

package/dist/router/Router.js

@@ -16,6 +16,7 @@ import { DevboxDetailScreen } from "../screens/DevboxDetailScreen.js";
 import { DevboxActionsScreen } from "../screens/DevboxActionsScreen.js";
 import { DevboxCreateScreen } from "../screens/DevboxCreateScreen.js";
 import { BlueprintListScreen } from "../screens/BlueprintListScreen.js";
+import { BlueprintLogsScreen } from "../screens/BlueprintLogsScreen.js";
 import { SnapshotListScreen } from "../screens/SnapshotListScreen.js";
 import { SSHSessionScreen } from "../screens/SSHSessionScreen.js";
 /**
@@ -46,6 +47,7 @@ export function Router() {
                     break;
                 case "blueprint-list":
                 case "blueprint-detail":
+                case "blueprint-logs":
                     if (!currentScreen.startsWith("blueprint")) {
                         useBlueprintStore.getState().clearAll();
                     }
@@ -64,5 +66,5 @@ export function Router() {
     // and mount new component, preventing race conditions during screen transitions.
     // The key ensures React treats this as a completely new component tree.
     // Wrap in ErrorBoundary to catch any Yoga WASM errors gracefully.
-    return (_jsxs(ErrorBoundary, { children: [currentScreen === "menu" && (_jsx(MenuScreen, { ...params }, currentScreen)), currentScreen === "devbox-list" && (_jsx(DevboxListScreen, { ...params }, currentScreen)), currentScreen === "devbox-detail" && (_jsx(DevboxDetailScreen, { ...params }, currentScreen)), currentScreen === "devbox-actions" && (_jsx(DevboxActionsScreen, { ...params }, currentScreen)), currentScreen === "devbox-create" && (_jsx(DevboxCreateScreen, { ...params }, currentScreen)), currentScreen === "blueprint-list" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "blueprint-detail" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "snapshot-list" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "snapshot-detail" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "ssh-session" && (_jsx(SSHSessionScreen, { ...params }, currentScreen))] }, `boundary-${currentScreen}`));
+    return (_jsxs(ErrorBoundary, { children: [currentScreen === "menu" && (_jsx(MenuScreen, { ...params }, currentScreen)), currentScreen === "devbox-list" && (_jsx(DevboxListScreen, { ...params }, currentScreen)), currentScreen === "devbox-detail" && (_jsx(DevboxDetailScreen, { ...params }, currentScreen)), currentScreen === "devbox-actions" && (_jsx(DevboxActionsScreen, { ...params }, currentScreen)), currentScreen === "devbox-create" && (_jsx(DevboxCreateScreen, { ...params }, currentScreen)), currentScreen === "blueprint-list" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "blueprint-detail" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "blueprint-logs" && (_jsx(BlueprintLogsScreen, { ...params }, currentScreen)), currentScreen === "snapshot-list" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "snapshot-detail" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "ssh-session" && (_jsx(SSHSessionScreen, { ...params }, currentScreen))] }, `boundary-${currentScreen}`));
 }

package/dist/screens/BlueprintLogsScreen.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BlueprintLogsScreen - Screen for viewing blueprint build logs
+ */
+import React from "react";
+import { Box, Text } from "ink";
+import { useNavigation } from "../store/navigationStore.js";
+import { LogsViewer } from "../components/LogsViewer.js";
+import { Header } from "../components/Header.js";
+import { SpinnerComponent } from "../components/Spinner.js";
+import { Breadcrumb } from "../components/Breadcrumb.js";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { getBlueprintLogs } from "../services/blueprintService.js";
+import { colors } from "../utils/theme.js";
+export function BlueprintLogsScreen({ blueprintId }) {
+    const { goBack, params } = useNavigation();
+    const [logs, setLogs] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    // Use blueprintId from props or params
+    const id = blueprintId || params.blueprintId;
+    React.useEffect(() => {
+        if (!id) {
+            goBack();
+            return;
+        }
+        let cancelled = false;
+        const fetchLogs = async () => {
+            try {
+                setLoading(true);
+                setError(null);
+                const blueprintLogs = await getBlueprintLogs(id);
+                if (!cancelled) {
+                    setLogs(Array.isArray(blueprintLogs) ? blueprintLogs : []);
+                    setLoading(false);
+                }
+            }
+            catch (err) {
+                if (!cancelled) {
+                    setError(err);
+                    setLoading(false);
+                }
+            }
+        };
+        fetchLogs();
+        return () => {
+            cancelled = true;
+        };
+    }, [id, goBack]);
+    if (!id) {
+        return null;
+    }
+    // Get blueprint name from params if available (for breadcrumb)
+    const blueprintName = params.blueprintName || id;
+    if (loading) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Blueprints" },
+                        { label: blueprintName },
+                        { label: "Logs", active: true },
+                    ] }), _jsx(Header, { title: "Loading Logs" }), _jsx(SpinnerComponent, { message: "Fetching blueprint logs..." })] }));
+    }
+    if (error) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Blueprints" },
+                        { label: blueprintName },
+                        { label: "Logs", active: true },
+                    ] }), _jsx(Header, { title: "Error" }), _jsx(ErrorMessage, { message: "Failed to load blueprint logs", error: error }), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press [q] or [esc] to go back" }) })] }));
+    }
+    return (_jsx(LogsViewer, { logs: logs, breadcrumbItems: [
+            { label: "Blueprints" },
+            { label: blueprintName },
+            { label: "Logs", active: true },
+        ], onBack: goBack, title: "Blueprint Build Logs" }));
+}

package/dist/services/blueprintService.js

@@ -72,34 +72,30 @@ export async function getBlueprint(id) {
 }
 /**
  * Get blueprint logs
+ * Returns the raw logs array from the API response
+ * Similar to getDevboxLogs - formatting is handled by logFormatter
  */
 export async function getBlueprintLogs(id) {
     const client = getClient();
     const response = await client.blueprints.logs(id);
-    // CRITICAL: Truncate all strings to prevent Yoga crashes
-    const MAX_MESSAGE_LENGTH = 1000;
-    const MAX_LEVEL_LENGTH = 20;
-    const logs = [];
+    // Return the logs array directly - formatting is handled by logFormatter
+    // Ensure timestamp_ms is present (API may return timestamp or timestamp_ms)
     if (response.logs && Array.isArray(response.logs)) {
-        response.logs.forEach((log) => {
-            // Truncate message and escape newlines
-            let message = String(log.message || "");
-            if (message.length > MAX_MESSAGE_LENGTH) {
-                message = message.substring(0, MAX_MESSAGE_LENGTH) + "...";
+        return response.logs.map((log) => {
+            // Normalize timestamp field to timestamp_ms if needed
+            // Create a new object to avoid mutating the original
+            const normalizedLog = { ...log };
+            if (normalizedLog.timestamp && !normalizedLog.timestamp_ms) {
+                // If timestamp is a number, use it directly; if it's a string, parse it
+                if (typeof normalizedLog.timestamp === "number") {
+                    normalizedLog.timestamp_ms = normalizedLog.timestamp;
+                }
+                else if (typeof normalizedLog.timestamp === "string") {
+                    normalizedLog.timestamp_ms = new Date(normalizedLog.timestamp).getTime();
+                }
             }
-            message = message
-                .replace(/\r\n/g, "\\n")
-                .replace(/\n/g, "\\n")
-                .replace(/\r/g, "\\r")
-                .replace(/\t/g, "\\t");
-            logs.push({
-                timestamp: log.timestamp,
-                message,
-                level: log.level
-                    ? String(log.level).substring(0, MAX_LEVEL_LENGTH)
-                    : undefined,
-            });
+            return normalizedLog;
         });
     }
-    return logs;
+    return [];
 }

package/dist/utils/CommandExecutor.js

@@ -5,8 +5,6 @@
 import { render } from "ink";
 import { getClient } from "./client.js";
 import { shouldUseNonInteractiveOutput, outputList, outputResult, } from "./output.js";
-import { enableSynchronousUpdates, disableSynchronousUpdates, } from "./terminalSync.js";
-import { exitAlternateScreenBuffer, enterAlternateScreenBuffer, } from "./screen.js";
 import YAML from "yaml";
 export class CommandExecutor {
     options;
@@ -34,16 +32,13 @@ export class CommandExecutor {
             return;
         }
         // Interactive mode
-        // Enter alternate screen buffer (this automatically clears the screen)
-        enableSynchronousUpdates();
-        const { waitUntilExit } = render(renderUI(), {
-            patchConsole: false,
-            exitOnCtrlC: false,
-        });
+        // Enter alternate screen buffer
+        process.stdout.write("\x1b[?1049h");
+        console.clear();
+        const { waitUntilExit } = render(renderUI());
         await waitUntilExit();
         // Exit alternate screen buffer
-        disableSynchronousUpdates();
-        exitAlternateScreenBuffer();
+        process.stdout.write("\x1b[?1049l");
     }
     /**
      * Execute a create/action command with automatic format handling
@@ -60,17 +55,13 @@ export class CommandExecutor {
             return;
         }
         // Interactive mode
-        // Enter alternate screen buffer (this automatically clears the screen)
-        enterAlternateScreenBuffer();
-        enableSynchronousUpdates();
-        const { waitUntilExit } = render(renderUI(), {
-            patchConsole: false,
-            exitOnCtrlC: false,
-        });
+        // Enter alternate screen buffer
+        process.stdout.write("\x1b[?1049h");
+        console.clear();
+        const { waitUntilExit } = render(renderUI());
         await waitUntilExit();
         // Exit alternate screen buffer
-        disableSynchronousUpdates();
-        exitAlternateScreenBuffer();
+        process.stdout.write("\x1b[?1049l");
     }
     /**
      * Execute a delete command with automatic format handling
@@ -88,50 +79,30 @@ export class CommandExecutor {
         }
         // Interactive mode
         // Enter alternate screen buffer
-        enterAlternateScreenBuffer();
-        enableSynchronousUpdates();
-        const { waitUntilExit } = render(renderUI(), {
-            patchConsole: false,
-            exitOnCtrlC: false,
-        });
+        process.stdout.write("\x1b[?1049h");
+        const { waitUntilExit } = render(renderUI());
         await waitUntilExit();
         // Exit alternate screen buffer
-        disableSynchronousUpdates();
-        exitAlternateScreenBuffer();
+        process.stdout.write("\x1b[?1049l");
     }
     /**
      * Fetch items from an async iterator with optional filtering and limits
-     * IMPORTANT: This method tries to access the page data directly first to avoid
-     * auto-pagination issues that can cause memory errors with large datasets.
      */
     async fetchFromIterator(iterator, options = {}) {
         const { filter, limit = 100 } = options;
-        let items = [];
-        // Try to access page data directly to avoid auto-pagination
-        const pageData = iterator.data || iterator.items;
-        if (pageData && Array.isArray(pageData)) {
-            items = pageData;
-        }
-        else {
-            // Fall back to iteration with limit
-            let count = 0;
-            for await (const item of iterator) {
-                if (filter && !filter(item)) {
-                    continue;
-                }
-                items.push(item);
-                count++;
-                if (count >= limit) {
-                    break;
-                }
+        const items = [];
+        let count = 0;
+        for await (const item of iterator) {
+            if (filter && !filter(item)) {
+                continue;
+            }
+            items.push(item);
+            count++;
+            if (count >= limit) {
+                break;
             }
         }
-        // Apply filter if provided
-        if (filter) {
-            items = items.filter(filter);
-        }
-        // Apply limit
-        return items.slice(0, limit);
+        return items;
     }
     /**
      * Handle errors consistently across all commands