@runloop/rl-cli 1.2.0 → 1.4.0

package/README.md

@@ -4,7 +4,7 @@
 [![CI](https://github.com/runloopai/rl-cli/actions/workflows/ci.yml/badge.svg)](https://github.com/runloopai/rl-cli/actions/workflows/ci.yml)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
 
-An interactive CLI for interacting with the [Runloop.ai](https://runloop.ai) platform. Use it as an **interactive command-line application** with rich UI components, or as a **traditional CLI** for scripting and automation.
+A **TUI + CLI** for the [Runloop.ai](https://runloop.ai) platform. Use it as an **interactive TUI** (Terminal User Interface) with rich UI components, or as a **traditional CLI** for scripting and automation.
 
 📖 **[Full Documentation](https://docs.runloop.ai/docs/tools/cli)**
 
@@ -15,10 +15,10 @@ An interactive CLI for interacting with the [Runloop.ai](https://runloop.ai) pla
 ## Quick Example
 
 ```bash
-# Interactive mode - launches a beautiful UI menu
+# TUI mode - launches an interactive terminal UI
 rli
 
-# Traditional CLI mode - perfect for scripts
+# CLI mode - perfect for scripts and automation
 rli devbox list                    # Outputs JSON/text
 rli devbox create --name my-devbox
 rli devbox exec <devbox-id> echo "Hello World"
@@ -27,10 +27,11 @@ rli devbox delete <devbox-id>
 
 ## Features
 
+- 🖥️ **TUI mode** — Interactive terminal UI with menus, tables, and real-time updates
+- 🎯 **CLI mode** — Traditional commands with text, JSON, and YAML output for scripting
 - ⚡ Fast and responsive with pagination
 - 📦 Manage devboxes, snapshots, and blueprints
-- 🚀 Execute commands, ssh, view logs in devboxes
-- 🎯 Traditional CLI with text, json, and yaml output modes.
+- 🚀 Execute commands, SSH, view logs in devboxes
 - 🤖 **Model Context Protocol (MCP) server for AI integration**
 
 ## Installation
@@ -53,13 +54,23 @@ Get your API key from [https://runloop.ai/settings](https://runloop.ai/settings)
 
 ## Usage
 
-### Interactive CLI
+### TUI (Interactive Mode)
 
 ```bash
-rli                    # Run the interactive console
+rli                    # Launch the interactive TUI
 rli --help             # See help information
 ```
 
+### CLI (Scripting Mode)
+
+All commands support `--output` (`-o`) for format control:
+
+```bash
+rli devbox list                      # Default text output
+rli devbox list -o json              # JSON output
+rli devbox list -o yaml              # YAML output
+```
+
 ## Command Structure
 
 The CLI is organized into command buckets:
@@ -107,6 +118,7 @@ rli blueprint create                     # Create a new blueprint
 rli blueprint get <name-or-id>           # Get blueprint details by name or ID (...
 rli blueprint logs <name-or-id>          # Get blueprint build logs by name or I...
 rli blueprint prune <name>               # Delete old blueprint builds, keeping ...
+rli blueprint from-dockerfile            # Create a blueprint from a Dockerfile ...
 ```
 
 ### Object Commands (alias: `obj`)
@@ -119,6 +131,15 @@ rli object upload <path>                 # Upload a file as an object
 rli object delete <id>                   # Delete an object (irreversible)
 ```
 
+### Network-policy Commands (alias: `np`)
+
+```bash
+rli network-policy list                  # List network policies
+rli network-policy get <id>              # Get network policy details
+rli network-policy create                # Create a new network policy
+rli network-policy delete <id>           # Delete a network policy
+```
+
 ### Mcp Commands
 
 ```bash
@@ -160,7 +181,7 @@ rli mcp start --http --port 8080
 
 ## Theme Configuration
 
-The CLI supports both light and dark terminal themes and will automatically select the appropriate theme.
+The TUI supports both light and dark terminal themes and will automatically select the appropriate theme.
 
 ## Development
 

package/dist/commands/blueprint/from-dockerfile.js

@@ -0,0 +1,182 @@
+/**
+ * Create blueprint from Dockerfile command
+ *
+ * Manually handles each step with progress feedback:
+ * 1. Upload build context as tarball
+ * 2. Create blueprint
+ * 3. Poll for build completion
+ */
+import { readFile, stat } from "fs/promises";
+import { resolve, join } from "path";
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+import { StorageObject } from "@runloop/api-client/sdk";
+// Helper to check if we should show progress
+function shouldShowProgress(options) {
+    return !options.output || options.output === "text";
+}
+// Helper to log progress (to stderr so it doesn't interfere with JSON output)
+function logProgress(message, options) {
+    if (shouldShowProgress(options)) {
+        console.error(message);
+    }
+}
+// Helper to format elapsed time
+function formatElapsed(startTime) {
+    const elapsed = Math.round((Date.now() - startTime) / 1000);
+    if (elapsed < 60) {
+        return `${elapsed}s`;
+    }
+    const minutes = Math.floor(elapsed / 60);
+    const seconds = elapsed % 60;
+    return `${minutes}m ${seconds}s`;
+}
+export async function createBlueprintFromDockerfile(options) {
+    const startTime = Date.now();
+    try {
+        const client = getClient();
+        // Resolve build context path (defaults to current directory)
+        const buildContextPath = resolve(options.buildContext || ".");
+        // Verify build context exists and is a directory
+        try {
+            const stats = await stat(buildContextPath);
+            if (!stats.isDirectory()) {
+                outputError(`Build context path is not a directory: ${buildContextPath}`);
+            }
+        }
+        catch {
+            outputError(`Build context path does not exist: ${buildContextPath}`);
+        }
+        // Resolve Dockerfile path
+        const dockerfilePath = options.dockerfile
+            ? resolve(options.dockerfile)
+            : join(buildContextPath, "Dockerfile");
+        // Verify Dockerfile exists
+        try {
+            const stats = await stat(dockerfilePath);
+            if (!stats.isFile()) {
+                outputError(`Dockerfile path is not a file: ${dockerfilePath}`);
+            }
+        }
+        catch {
+            outputError(`Dockerfile not found: ${dockerfilePath}`);
+        }
+        // Log initial info
+        logProgress(`\n📦 Creating blueprint "${options.name}" from Dockerfile`, options);
+        logProgress(`   Build context: ${buildContextPath}`, options);
+        logProgress(`   Dockerfile: ${dockerfilePath}\n`, options);
+        // Read the Dockerfile contents
+        const dockerfileContents = await readFile(dockerfilePath, "utf-8");
+        // Parse user parameters
+        let userParameters = undefined;
+        if (options.user && options.root) {
+            outputError("Only one of --user or --root can be specified");
+        }
+        else if (options.user) {
+            const [username, uid] = options.user.split(":");
+            if (!username || !uid) {
+                outputError("User must be in format 'username:uid'");
+            }
+            userParameters = { username, uid: parseInt(uid) };
+        }
+        else if (options.root) {
+            userParameters = { username: "root", uid: 0 };
+        }
+        // Build launch parameters
+        const launchParameters = {};
+        if (options.resources) {
+            launchParameters.resource_size_request = options.resources;
+        }
+        if (options.architecture) {
+            launchParameters.architecture = options.architecture;
+        }
+        if (options.availablePorts) {
+            launchParameters.available_ports = options.availablePorts.map((port) => parseInt(port, 10));
+        }
+        if (userParameters) {
+            launchParameters.user_parameters = userParameters;
+        }
+        // Parse TTL (default: 1 hour = 3600000ms)
+        const ttlMs = options.ttl ? parseInt(options.ttl) * 1000 : 3600000;
+        // Step 1: Upload build context
+        logProgress(`⏳ [1/3] Creating and uploading build context tarball...`, options);
+        const uploadStart = Date.now();
+        const storageObject = await StorageObject.uploadFromDir(client, buildContextPath, {
+            name: `build-context-${options.name}`,
+            ttl_ms: ttlMs,
+        });
+        logProgress(`✅ [1/3] Build context uploaded (${formatElapsed(uploadStart)})`, options);
+        logProgress(`   Object ID: ${storageObject.id}`, options);
+        // Step 2: Create the blueprint
+        logProgress(`\n⏳ [2/3] Creating blueprint...`, options);
+        const createStart = Date.now();
+        const createParams = {
+            name: options.name,
+            dockerfile: dockerfileContents,
+            system_setup_commands: options.systemSetupCommands,
+            launch_parameters: launchParameters,
+            build_context: {
+                type: "object",
+                object_id: storageObject.id,
+            },
+        };
+        const blueprintResponse = await client.blueprints.create(createParams);
+        logProgress(`✅ [2/3] Blueprint created (${formatElapsed(createStart)})`, options);
+        logProgress(`   Blueprint ID: ${blueprintResponse.id}`, options);
+        // Step 3: Wait for build to complete (unless --no-wait)
+        if (options.noWait) {
+            logProgress(`\n⏩ Skipping build wait (--no-wait specified)`, options);
+            logProgress(`   Check status with: rli blueprint get ${blueprintResponse.id}`, options);
+            logProgress(`   View logs with: rli blueprint logs ${blueprintResponse.id}\n`, options);
+            output(blueprintResponse, {
+                format: options.output,
+                defaultFormat: "json",
+            });
+            return;
+        }
+        logProgress(`\n⏳ [3/3] Waiting for build to complete...`, options);
+        const buildStart = Date.now();
+        let lastStatus = "";
+        let pollCount = 0;
+        // Poll for completion
+        while (true) {
+            const blueprint = await client.blueprints.retrieve(blueprintResponse.id);
+            const currentStatus = blueprint.status || "unknown";
+            // Log status changes
+            if (currentStatus !== lastStatus) {
+                const elapsed = formatElapsed(buildStart);
+                logProgress(`   Status: ${currentStatus} (${elapsed})`, options);
+                lastStatus = currentStatus;
+            }
+            else if (pollCount % 10 === 0 && pollCount > 0) {
+                // Log periodic updates even without status change (every ~30s)
+                const elapsed = formatElapsed(buildStart);
+                logProgress(`   Still ${currentStatus}... (${elapsed})`, options);
+            }
+            // Check for terminal states
+            if (blueprint.status === "build_complete") {
+                logProgress(`\n✅ [3/3] Build completed successfully! (${formatElapsed(buildStart)})`, options);
+                logProgress(`\n🎉 Blueprint "${options.name}" is ready!`, options);
+                logProgress(`   Total time: ${formatElapsed(startTime)}`, options);
+                logProgress(`   Blueprint ID: ${blueprint.id}\n`, options);
+                output(blueprint, { format: options.output, defaultFormat: "json" });
+                return;
+            }
+            if (blueprint.status === "failed") {
+                logProgress(`\n❌ [3/3] Build failed (${formatElapsed(buildStart)})`, options);
+                if (blueprint.failure_reason) {
+                    logProgress(`   Reason: ${blueprint.failure_reason}`, options);
+                }
+                logProgress(`   View logs with: rli blueprint logs ${blueprint.id}\n`, options);
+                outputError(`Blueprint build failed. Status: ${blueprint.status}`);
+            }
+            // Wait before next poll (3 seconds)
+            await new Promise((resolve) => setTimeout(resolve, 3000));
+            pollCount++;
+        }
+    }
+    catch (error) {
+        logProgress(`\n❌ Failed after ${formatElapsed(startTime)}`, options);
+        outputError("Failed to create blueprint from Dockerfile", error);
+    }
+}

package/dist/commands/blueprint/list.js

@@ -9,6 +9,7 @@ import { SpinnerComponent } from "../../components/Spinner.js";
 import { ErrorMessage } from "../../components/ErrorMessage.js";
 import { SuccessMessage } from "../../components/SuccessMessage.js";
 import { Breadcrumb } from "../../components/Breadcrumb.js";
+import { NavigationTips } from "../../components/NavigationTips.js";
 import { createTextColumn, Table } from "../../components/Table.js";
 import { ActionsPopup } from "../../components/ActionsPopup.js";
 import { formatTimeAgo } from "../../components/ResourceListView.js";
@@ -21,6 +22,7 @@ import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
 import { useNavigation } from "../../store/navigationStore.js";
+import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
 const DEFAULT_PAGE_SIZE = 10;
 const ListBlueprintsUI = ({ onBack, onExit, }) => {
     const { exit: inkExit } = useApp();
@@ -33,6 +35,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
     const [operationError, setOperationError] = React.useState(null);
     const [operationLoading, setOperationLoading] = React.useState(false);
     const [showCreateDevbox, setShowCreateDevbox] = React.useState(false);
+    const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
     const [selectedIndex, setSelectedIndex] = React.useState(0);
     const [showPopup, setShowPopup] = React.useState(false);
     const { navigate } = useNavigation();
@@ -44,13 +47,18 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
     });
     const PAGE_SIZE = viewportHeight;
     // All width constants
+    const fixedWidth = 6; // border + padding
     const statusIconWidth = 2;
     const statusTextWidth = 10;
     const idWidth = 25;
-    const nameWidth = Math.max(15, terminalWidth >= 120 ? 30 : 25);
     const descriptionWidth = 40;
     const timeWidth = 20;
     const showDescription = terminalWidth >= 120;
+    // Name width uses remaining space after fixed columns
+    const baseWidth = fixedWidth + statusIconWidth + statusTextWidth + idWidth + timeWidth;
+    const optionalWidth = showDescription ? descriptionWidth : 0;
+    const remainingWidth = terminalWidth - baseWidth - optionalWidth;
+    const nameWidth = Math.min(80, Math.max(15, remainingWidth));
     // Fetch function for pagination hook
     const fetchPage = React.useCallback(async (params) => {
         const client = getClient();
@@ -88,7 +96,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         pageSize: PAGE_SIZE,
         getItemId: (blueprint) => blueprint.id,
         pollInterval: 2000,
-        pollingEnabled: !showPopup && !showCreateDevbox && !executingOperation,
+        pollingEnabled: !showPopup &&
+            !showCreateDevbox &&
+            !executingOperation &&
+            !showDeleteConfirm,
         deps: [PAGE_SIZE],
     });
     // Memoize columns array
@@ -99,10 +110,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             width: statusIconWidth,
             render: (blueprint, _index, isSelected) => {
                 const statusDisplay = getStatusDisplay(blueprint.status || "");
-                const statusColor = statusDisplay.color === colors.textDim
-                    ? colors.info
-                    : statusDisplay.color;
-                return (_jsxs(Text, { color: isSelected ? "white" : statusColor, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: [statusDisplay.icon, " "] }));
+                return (_jsxs(Text, { color: isSelected ? "white" : statusDisplay.color, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: [statusDisplay.icon, " "] }));
             },
         },
         {
@@ -123,13 +131,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             width: statusTextWidth,
             render: (blueprint, _index, isSelected) => {
                 const statusDisplay = getStatusDisplay(blueprint.status || "");
-                const statusColor = statusDisplay.color === colors.textDim
-                    ? colors.info
-                    : statusDisplay.color;
                 const safeWidth = Math.max(1, statusTextWidth);
                 const truncated = statusDisplay.text.slice(0, safeWidth);
                 const padded = truncated.padEnd(safeWidth, " ");
-                return (_jsx(Text, { color: isSelected ? "white" : statusColor, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: padded }));
+                return (_jsx(Text, { color: isSelected ? "white" : statusDisplay.color, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: padded }));
             },
         },
         createTextColumn("name", "Name", (blueprint) => blueprint.name || "", {
@@ -156,6 +161,13 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
     // Helper function to generate operations based on selected blueprint
     const getOperationsForBlueprint = (blueprint) => {
         const operations = [];
+        // View Details is always first
+        operations.push({
+            key: "view_details",
+            label: "View Details",
+            color: colors.primary,
+            icon: figures.pointer,
+        });
         // View Logs is always available
         operations.push({
             key: "view_logs",
@@ -213,6 +225,14 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         try {
             setOperationLoading(true);
             switch (operation) {
+                case "view_details":
+                    // Navigate to the detail screen
+                    setOperationLoading(false);
+                    setExecutingOperation(null);
+                    navigate("blueprint-detail", {
+                        blueprintId: blueprint.id,
+                    });
+                    return;
                 case "view_logs":
                     // Navigate to the logs screen
                     setOperationLoading(false);
@@ -295,16 +315,33 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             else if (key.return) {
                 setShowPopup(false);
                 const operationKey = allOperations[selectedOperation].key;
-                if (operationKey === "create_devbox") {
+                if (operationKey === "view_details") {
+                    navigate("blueprint-detail", {
+                        blueprintId: selectedBlueprintItem.id,
+                    });
+                }
+                else if (operationKey === "create_devbox") {
                     setSelectedBlueprint(selectedBlueprintItem);
                     setShowCreateDevbox(true);
                 }
+                else if (operationKey === "delete") {
+                    // Show delete confirmation
+                    setSelectedBlueprint(selectedBlueprintItem);
+                    setShowDeleteConfirm(true);
+                }
                 else {
                     setSelectedBlueprint(selectedBlueprintItem);
                     setExecutingOperation(operationKey);
                     executeOperation(selectedBlueprintItem, operationKey);
                 }
             }
+            else if (input === "v" && selectedBlueprintItem) {
+                // View details hotkey
+                setShowPopup(false);
+                navigate("blueprint-detail", {
+                    blueprintId: selectedBlueprintItem.id,
+                });
+            }
             else if (key.escape || input === "q") {
                 setShowPopup(false);
                 setSelectedOperation(0);
@@ -321,10 +358,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             else if (input === "d") {
                 const deleteIndex = allOperations.findIndex((op) => op.key === "delete");
                 if (deleteIndex >= 0) {
+                    // Show delete confirmation
                     setShowPopup(false);
                     setSelectedBlueprint(selectedBlueprintItem);
-                    setExecutingOperation("delete");
-                    executeOperation(selectedBlueprintItem, "delete");
+                    setShowDeleteConfirm(true);
                 }
             }
             else if (input === "l") {
@@ -360,6 +397,12 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             prevPage();
             setSelectedIndex(0);
         }
+        else if (key.return && selectedBlueprintItem) {
+            // Enter key navigates to detail view
+            navigate("blueprint-detail", {
+                blueprintId: selectedBlueprintItem.id,
+            });
+        }
         else if (input === "a") {
             setShowPopup(true);
             setSelectedOperation(0);
@@ -400,6 +443,21 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             }
         }
     });
+    // Delete confirmation
+    if (showDeleteConfirm && selectedBlueprint) {
+        return (_jsx(ConfirmationPrompt, { title: "Delete Blueprint", message: `Are you sure you want to delete "${selectedBlueprint.name || selectedBlueprint.id}"?`, details: "This action cannot be undone.", breadcrumbItems: [
+                { label: "Blueprints" },
+                { label: selectedBlueprint.name || selectedBlueprint.id },
+                { label: "Delete", active: true },
+            ], onConfirm: () => {
+                setShowDeleteConfirm(false);
+                setExecutingOperation("delete");
+                executeOperation(selectedBlueprint, "delete");
+            }, onCancel: () => {
+                setShowDeleteConfirm(false);
+                setSelectedBlueprint(null);
+            } }));
+    }
     // Operation result display
     if (operationResult || operationError) {
         const operationLabel = operations.find((o) => o.key === executingOperation)?.label ||
@@ -410,7 +468,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
                             label: selectedBlueprint?.name || selectedBlueprint?.id || "Blueprint",
                         },
                         { label: operationLabel, active: true },
-                    ] }), _jsx(Header, { title: "Operation Result" }), operationResult && _jsx(SuccessMessage, { message: operationResult }), operationError && (_jsx(ErrorMessage, { message: "Operation failed", error: operationError })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press [Enter], [q], or [esc] to continue" }) })] }));
+                    ] }), _jsx(Header, { title: "Operation Result" }), operationResult && _jsx(SuccessMessage, { message: operationResult }), operationError && (_jsx(ErrorMessage, { message: "Operation failed", error: operationError })), _jsx(NavigationTips, { tips: [{ key: "Enter/q/esc", label: "Continue" }] })] }));
     }
     // Operation input mode
     if (executingOperation && selectedBlueprint) {
@@ -435,7 +493,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
                             { label: "Blueprints" },
                             { label: selectedBlueprint.name || selectedBlueprint.id },
                             { label: operationLabel, active: true },
-                        ] }), _jsx(Header, { title: operationLabel }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.primary, bold: true, children: selectedBlueprint.name || selectedBlueprint.id }) }), _jsx(Box, { children: _jsxs(Text, { color: colors.textDim, children: [currentOp?.inputPrompt || "", " "] }) }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: operationInput, onChange: setOperationInput, placeholder: currentOp?.inputPlaceholder || "" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press [Enter] to execute \u2022 [q or esc] Cancel" }) })] })] }));
+                        ] }), _jsx(Header, { title: operationLabel }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.primary, bold: true, children: selectedBlueprint.name || selectedBlueprint.id }) }), _jsx(Box, { children: _jsxs(Text, { color: colors.textDim, children: [currentOp?.inputPrompt || "", " "] }) }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: operationInput, onChange: setOperationInput, placeholder: currentOp?.inputPlaceholder || "" }) }), _jsx(NavigationTips, { marginTop: 1, paddingX: 0, tips: [
+                                    { key: "Enter", label: "Execute" },
+                                    { key: "q/esc", label: "Cancel" },
+                                ] })] })] }));
         }
         // For operations that don't need input (like view_logs), fall through to list view
     }
@@ -458,24 +519,32 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
     if (listError) {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(ErrorMessage, { message: "Failed to load blueprints", error: listError })] }));
     }
-    // Empty state
-    if (blueprints.length === 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.warning, children: figures.info }), _jsx(Text, { children: " No blueprints found. Try: " }), _jsx(Text, { color: colors.primary, bold: true, children: "rli blueprint create" })] })] }));
-    }
     // List view
-    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), !showPopup && (_jsx(Table, { data: blueprints, keyExtractor: (blueprint) => blueprint.id, selectedIndex: selectedIndex, title: `blueprints[${totalCount}]`, columns: blueprintColumns })), !showPopup && (_jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.hamburger, " ", totalCount] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "total"] }), totalPages > 1 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), navigating ? (_jsxs(Text, { color: colors.warning, children: [figures.pointer, " Loading page ", currentPage + 1, "..."] })) : (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Page ", currentPage + 1, " of ", totalPages] }))] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Showing ", startIndex + 1, "-", endIndex, " of ", totalCount] })] })), showPopup && selectedBlueprintItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedBlueprintItem, operations: allOperations.map((op) => ({
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), !showPopup && (_jsx(Table, { data: blueprints, keyExtractor: (blueprint) => blueprint.id, selectedIndex: selectedIndex, title: `blueprints[${totalCount}]`, columns: blueprintColumns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No blueprints found. Try: rli blueprint create"] }) })), !showPopup && (_jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.hamburger, " ", totalCount] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "total"] }), totalPages > 1 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), navigating ? (_jsxs(Text, { color: colors.warning, children: [figures.pointer, " Loading page ", currentPage + 1, "..."] })) : (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Page ", currentPage + 1, " of ", totalPages] }))] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Showing ", startIndex + 1, "-", endIndex, " of ", totalCount] })] })), showPopup && selectedBlueprintItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedBlueprintItem, operations: allOperations.map((op) => ({
                         key: op.key,
                         label: op.label,
                         color: op.color,
                         icon: op.icon,
-                        shortcut: op.key === "create_devbox"
-                            ? "c"
-                            : op.key === "delete"
-                                ? "d"
-                                : op.key === "view_logs"
-                                    ? "l"
-                                    : "",
-                    })), selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate"] }), (hasMore || hasPrev) && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 ", figures.arrowLeft, figures.arrowRight, " Page"] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 [a] Actions"] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 [o] Browser"] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 [Esc] Back"] })] })] }));
+                        shortcut: op.key === "view_details"
+                            ? "v"
+                            : op.key === "create_devbox"
+                                ? "c"
+                                : op.key === "delete"
+                                    ? "d"
+                                    : op.key === "view_logs"
+                                        ? "l"
+                                        : "",
+                    })), selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsx(NavigationTips, { showArrows: true, tips: [
+                    {
+                        icon: `${figures.arrowLeft}${figures.arrowRight}`,
+                        label: "Page",
+                        condition: hasMore || hasPrev,
+                    },
+                    { key: "Enter", label: "Details" },
+                    { key: "a", label: "Actions" },
+                    { key: "o", label: "Browser" },
+                    { key: "Esc", label: "Back" },
+                ] })] }));
 };
 // Export the UI component for use in the main menu
 export { ListBlueprintsUI };

package/dist/commands/blueprint/prune.js

@@ -42,9 +42,9 @@ async function fetchAllBlueprintsWithName(name) {
  */
 function categorizeBlueprints(blueprints, keepCount) {
     // Filter successful builds
-    const successful = blueprints.filter((b) => b.status === "build_complete" || b.status === "building_complete");
-    // Filter failed builds
-    const failed = blueprints.filter((b) => b.status !== "build_complete" && b.status !== "building_complete");
+    const successful = blueprints.filter((b) => b.status === "build_complete");
+    // Filter failed/incomplete builds
+    const failed = blueprints.filter((b) => b.status !== "build_complete");
     // Sort successful by create_time_ms descending (newest first)
     successful.sort((a, b) => (b.create_time_ms || 0) - (a.create_time_ms || 0));
     // Determine what to keep and delete
@@ -106,14 +106,8 @@ function displaySummary(name, result, isDryRun) {
     else {
         // Show all blueprints without summarizing
         for (const blueprint of result.toDelete) {
-            const icon = blueprint.status === "build_complete" ||
-                blueprint.status === "building_complete"
-                ? "✓"
-                : "✗";
-            const statusLabel = blueprint.status === "build_complete" ||
-                blueprint.status === "building_complete"
-                ? "successful"
-                : "failed";
+            const icon = blueprint.status === "build_complete" ? "✓" : "⚠";
+            const statusLabel = blueprint.status === "build_complete" ? "successful" : "failed";
             console.log(`  ${icon} ${blueprint.id} - Created ${formatTimestamp(blueprint.create_time_ms)} (${statusLabel})`);
         }
     }
@@ -127,14 +121,8 @@ function displayDeletedBlueprints(deleted) {
     }
     console.log("\nDeleted blueprints:");
     for (const blueprint of deleted) {
-        const icon = blueprint.status === "build_complete" ||
-            blueprint.status === "building_complete"
-            ? "✓"
-            : "✗";
-        const statusLabel = blueprint.status === "build_complete" ||
-            blueprint.status === "building_complete"
-            ? "successful"
-            : "failed";
+        const icon = blueprint.status === "build_complete" ? "✓" : "⚠";
+        const statusLabel = blueprint.status === "build_complete" ? "successful" : "failed";
         console.log(`  ${icon} ${blueprint.id} - Created ${formatTimestamp(blueprint.create_time_ms)} (${statusLabel})`);
     }
 }

package/dist/commands/devbox/create.js

@@ -74,6 +74,9 @@ export async function createDevbox(options = {}) {
                 on_idle: options.idleAction,
             };
         }
+        if (options.networkPolicy) {
+            launchParameters.network_policy_id = options.networkPolicy;
+        }
         // Build create request
         const createRequest = {
             name: options.name || `devbox-${Date.now()}`,