@runloop/rl-cli 1.4.1 → 1.6.0

package/README.md

@@ -140,6 +140,16 @@ rli network-policy create                # Create a new network policy
 rli network-policy delete <id>           # Delete a network policy
 ```
 
+### Secret Commands (alias: `s`)
+
+```bash
+rli secret create <name>                 # Create a new secret. Value can be pip...
+rli secret list                          # List all secrets
+rli secret get <name>                    # Get secret metadata by name
+rli secret update <name>                 # Update a secret value (value from std...
+rli secret delete <name>                 # Delete a secret
+```
+
 ### Mcp Commands
 
 ```bash

package/dist/commands/blueprint/list.js

@@ -13,6 +13,7 @@ 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";
+import { SearchBar } from "../../components/SearchBar.js";
 import { output, outputError } from "../../utils/output.js";
 import { getBlueprintUrl } from "../../utils/url.js";
 import { colors } from "../../utils/theme.js";
@@ -21,6 +22,7 @@ import { DevboxCreatePage } from "../../components/DevboxCreatePage.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
+import { useListSearch } from "../../hooks/useListSearch.js";
 import { useNavigation } from "../../store/navigationStore.js";
 import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
 const DEFAULT_PAGE_SIZE = 10;
@@ -39,8 +41,13 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
     const [selectedIndex, setSelectedIndex] = React.useState(0);
     const [showPopup, setShowPopup] = React.useState(false);
     const { navigate } = useNavigation();
+    // Search state
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
     // Calculate overhead for viewport height
-    const overhead = 13;
+    const overhead = 13 + search.getSearchOverhead();
     const { viewportHeight, terminalWidth } = useViewportHeight({
         overhead,
         minHeight: 5,
@@ -70,6 +77,9 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         if (params.startingAt) {
             queryParams.starting_after = params.startingAt;
         }
+        if (search.submittedSearchQuery) {
+            queryParams.search = search.submittedSearchQuery;
+        }
         // Fetch ONE page only
         const page = (await client.blueprints.list(queryParams));
         // Extract data and create defensive copies
@@ -89,7 +99,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             totalCount: page.total_count || pageBlueprints.length,
         };
         return result;
-    }, []);
+    }, [search.submittedSearchQuery]);
     // Use the shared pagination hook
     const { items: blueprints, loading, navigating, error: listError, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, } = useCursorPagination({
         fetchPage,
@@ -99,8 +109,9 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         pollingEnabled: !showPopup &&
             !showCreateDevbox &&
             !executingOperation &&
-            !showDeleteConfirm,
-        deps: [PAGE_SIZE],
+            !showDeleteConfirm &&
+            !search.searchMode,
+        deps: [PAGE_SIZE, search.submittedSearchQuery],
     });
     // Memoize columns array
     const blueprintColumns = React.useMemo(() => [
@@ -272,6 +283,13 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         : allOperations;
     // Handle input for all views
     useInput((input, key) => {
+        // Handle search mode input
+        if (search.searchMode) {
+            if (key.escape) {
+                search.cancelSearch();
+            }
+            return;
+        }
         // Handle operation input mode
         if (executingOperation && !operationResult && !operationError) {
             // Allow escape/q to cancel any operation, even during loading
@@ -431,7 +449,13 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
             };
             openBrowser();
         }
+        else if (input === "/") {
+            search.enterSearchMode();
+        }
         else if (key.escape) {
+            if (search.handleEscape()) {
+                return;
+            }
             if (onBack) {
                 onBack();
             }
@@ -520,7 +544,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(ErrorMessage, { message: "Failed to load blueprints", error: listError })] }));
     }
     // 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, 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) => ({
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search blueprints..." }), !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] }), search.submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", search.submittedSearchQuery, "\""] })] }))] })), 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,
@@ -543,6 +567,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
                     { key: "Enter", label: "Details" },
                     { key: "a", label: "Actions" },
                     { key: "o", label: "Browser" },
+                    { key: "/", label: "Search" },
                     { key: "Esc", label: "Back" },
                 ] })] }));
 };

package/dist/commands/devbox/list.js

@@ -1,7 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { Box, Text, useInput, useApp } from "ink";
-import TextInput from "ink-text-input";
 import figures from "figures";
 import { getClient } from "../../utils/client.js";
 import { SpinnerComponent } from "../../components/Spinner.js";
@@ -11,6 +10,7 @@ import { Breadcrumb } from "../../components/Breadcrumb.js";
 import { NavigationTips } from "../../components/NavigationTips.js";
 import { Table, createTextColumn } from "../../components/Table.js";
 import { formatTimeAgo } from "../../components/ResourceListView.js";
+import { SearchBar } from "../../components/SearchBar.js";
 import { output, outputError } from "../../utils/output.js";
 import { DevboxDetailPage } from "../../components/DevboxDetailPage.js";
 import { DevboxCreatePage } from "../../components/DevboxCreatePage.js";
@@ -20,6 +20,7 @@ import { getDevboxUrl } from "../../utils/url.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
+import { useListSearch } from "../../hooks/useListSearch.js";
 import { colors } from "../../utils/theme.js";
 import { useDevboxStore } from "../../store/devboxStore.js";
 const DEFAULT_PAGE_SIZE = 10;
@@ -31,9 +32,11 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
     const [showActions, setShowActions] = React.useState(false);
     const [showPopup, setShowPopup] = React.useState(false);
     const [selectedOperation, setSelectedOperation] = React.useState(0);
-    const [searchMode, setSearchMode] = React.useState(false);
-    const [searchQuery, setSearchQuery] = React.useState("");
-    const [submittedSearchQuery, setSubmittedSearchQuery] = React.useState("");
+    // Search state using shared hook
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
     // Get devbox store setter to sync data for detail screen
     const setDevboxesInStore = useDevboxStore((state) => state.setDevboxes);
     // Calculate overhead for viewport height:
@@ -44,7 +47,7 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
     // - Help bar (marginTop + content): 2 lines
     // - Safety buffer for edge cases: 1 line
     // Total: 13 lines base + 2 if searching
-    const overhead = 13 + (searchMode || submittedSearchQuery ? 2 : 0);
+    const overhead = 13 + search.getSearchOverhead();
     const { viewportHeight, terminalWidth } = useViewportHeight({
         overhead,
         minHeight: 5,
@@ -64,8 +67,8 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
         if (status) {
             queryParams.status = status;
         }
-        if (submittedSearchQuery) {
-            queryParams.search = submittedSearchQuery;
+        if (search.submittedSearchQuery) {
+            queryParams.search = search.submittedSearchQuery;
         }
         // Fetch ONE page only
         const page = (await client.devboxes.list(queryParams));
@@ -81,15 +84,19 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
             totalCount: page.total_count || pageDevboxes.length,
         };
         return result;
-    }, [status, submittedSearchQuery]);
+    }, [status, search.submittedSearchQuery]);
     // Use the shared pagination hook
     const { items: devboxes, loading, navigating, error, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, } = useCursorPagination({
         fetchPage,
         pageSize: PAGE_SIZE,
         getItemId: (devbox) => devbox.id,
         pollInterval: 2000,
-        pollingEnabled: !showDetails && !showCreate && !showActions && !showPopup && !searchMode,
-        deps: [status, submittedSearchQuery, PAGE_SIZE],
+        pollingEnabled: !showDetails &&
+            !showCreate &&
+            !showActions &&
+            !showPopup &&
+            !search.searchMode,
+        deps: [status, search.submittedSearchQuery, PAGE_SIZE],
     });
     // Sync devboxes to store for detail screen
     React.useEffect(() => {
@@ -315,10 +322,9 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
     useInput((input, key) => {
         const pageDevboxes = devboxes.length;
         // Skip input handling when in search mode - let TextInput handle it
-        if (searchMode) {
+        if (search.searchMode) {
             if (key.escape) {
-                setSearchMode(false);
-                setSearchQuery("");
+                search.cancelSearch();
             }
             return;
         }
@@ -416,24 +422,20 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
             openBrowser();
         }
         else if (input === "/") {
-            setSearchMode(true);
+            search.enterSearchMode();
         }
         else if (key.escape) {
-            if (submittedSearchQuery) {
-                setSubmittedSearchQuery("");
-                setSearchQuery("");
-                setSelectedIndex(0);
+            if (search.handleEscape()) {
+                return;
+            }
+            if (onBack) {
+                onBack();
+            }
+            else if (onExit) {
+                onExit();
             }
             else {
-                if (onBack) {
-                    onBack();
-                }
-                else if (onExit) {
-                    onExit();
-                }
-                else {
-                    inkExit();
-                }
+                inkExit();
             }
         }
     });
@@ -472,13 +474,7 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), _jsx(ErrorMessage, { message: "Failed to list devboxes", error: error })] }));
     }
     // Main list view
-    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), searchMode && (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, children: [figures.pointerSmall, " Search: "] }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search...", onSubmit: () => {
-                            setSearchMode(false);
-                            setSubmittedSearchQuery(searchQuery);
-                            setSelectedIndex(0);
-                        } }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[Enter to search, Esc to cancel]"] })] })), !searchMode && submittedSearchQuery && (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, children: [figures.info, " Searching for: "] }), _jsx(Text, { color: colors.warning, bold: true, children: submittedSearchQuery.length > 50
-                            ? submittedSearchQuery.substring(0, 50) + "..."
-                            : submittedSearchQuery }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "(", totalCount, " results) [/ to edit, Esc to clear]"] })] })), !showPopup && (_jsx(Table, { data: devboxes, keyExtractor: (devbox) => devbox.id, selectedIndex: selectedIndex, title: "devboxes", columns: tableColumns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No devboxes found. Press [c] to create one."] }) })), !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] }), submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", submittedSearchQuery, "\""] })] }))] })), showPopup && selectedDevbox && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedDevbox, operations: operations, selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsx(NavigationTips, { showArrows: true, tips: [
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search devboxes..." }), !showPopup && (_jsx(Table, { data: devboxes, keyExtractor: (devbox) => devbox.id, selectedIndex: selectedIndex, title: "devboxes", columns: tableColumns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No devboxes found. Press [c] to create one."] }) })), !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] }), search.submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", search.submittedSearchQuery, "\""] })] }))] })), showPopup && selectedDevbox && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedDevbox, operations: operations, selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsx(NavigationTips, { showArrows: true, tips: [
                     {
                         icon: `${figures.arrowLeft}${figures.arrowRight}`,
                         label: "Page",

package/dist/commands/network-policy/list.js

@@ -12,11 +12,13 @@ import { NavigationTips } from "../../components/NavigationTips.js";
 import { Table, createTextColumn } from "../../components/Table.js";
 import { ActionsPopup } from "../../components/ActionsPopup.js";
 import { formatTimeAgo } from "../../components/ResourceListView.js";
+import { SearchBar } from "../../components/SearchBar.js";
 import { output, outputError } from "../../utils/output.js";
 import { colors } from "../../utils/theme.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
+import { useListSearch } from "../../hooks/useListSearch.js";
 import { useNavigation } from "../../store/navigationStore.js";
 import { NetworkPolicyCreatePage } from "../../components/NetworkPolicyCreatePage.js";
 import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
@@ -60,8 +62,13 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
     const [showEditPolicy, setShowEditPolicy] = React.useState(false);
     const [editingPolicy, setEditingPolicy] = React.useState(null);
     const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
+    // Search state
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
     // Calculate overhead for viewport height
-    const overhead = 13;
+    const overhead = 13 + search.getSearchOverhead();
     const { viewportHeight, terminalWidth } = useViewportHeight({
         overhead,
         minHeight: 5,
@@ -90,6 +97,9 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
         if (params.startingAt) {
             queryParams.starting_after = params.startingAt;
         }
+        if (search.submittedSearchQuery) {
+            queryParams.search = search.submittedSearchQuery;
+        }
         // Fetch ONE page only
         const page = (await client.networkPolicies.list(queryParams));
         // Extract data and create defensive copies
@@ -115,7 +125,7 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
             totalCount: page.total_count || pagePolicies.length,
         };
         return result;
-    }, []);
+    }, [search.submittedSearchQuery]);
     // Use the shared pagination hook
     const { items: policies, loading, navigating, error, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, refresh, } = useCursorPagination({
         fetchPage,
@@ -126,8 +136,9 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
             !executingOperation &&
             !showCreatePolicy &&
             !showEditPolicy &&
-            !showDeleteConfirm,
-        deps: [PAGE_SIZE],
+            !showDeleteConfirm &&
+            !search.searchMode,
+        deps: [PAGE_SIZE, search.submittedSearchQuery],
     });
     // Operations for a specific network policy (shown in popup)
     const operations = React.useMemo(() => [
@@ -232,6 +243,13 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
         }
     };
     useInput((input, key) => {
+        // Handle search mode input
+        if (search.searchMode) {
+            if (key.escape) {
+                search.cancelSearch();
+            }
+            return;
+        }
         // Handle operation result display
         if (operationResult || operationError) {
             if (input === "q" || key.escape || key.return) {
@@ -363,7 +381,13 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
             setEditingPolicy(selectedPolicyItem);
             setShowEditPolicy(true);
         }
+        else if (input === "/") {
+            search.enterSearchMode();
+        }
         else if (key.escape) {
+            if (search.handleEscape()) {
+                return;
+            }
             if (onBack) {
                 onBack();
             }
@@ -443,7 +467,7 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Network Policies", active: true }] }), _jsx(ErrorMessage, { message: "Failed to list network policies", error: error })] }));
     }
     // Main list view
-    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Network Policies", active: true }] }), !showPopup && (_jsx(Table, { data: policies, keyExtractor: (policy) => policy.id, selectedIndex: selectedIndex, title: `network_policies[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No network policies found. Press [c] to create one."] }) })), !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 && selectedPolicyItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedPolicyItem, operations: operations.map((op) => ({
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Network Policies", active: true }] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search network policies..." }), !showPopup && (_jsx(Table, { data: policies, keyExtractor: (policy) => policy.id, selectedIndex: selectedIndex, title: `network_policies[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No network policies found. Press [c] to create one."] }) })), !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] }), search.submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", search.submittedSearchQuery, "\""] })] }))] })), showPopup && selectedPolicyItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedPolicyItem, operations: operations.map((op) => ({
                         key: op.key,
                         label: op.label,
                         color: op.color,
@@ -467,6 +491,7 @@ const ListNetworkPoliciesUI = ({ onBack, onExit, }) => {
                     { key: "c", label: "Create" },
                     { key: "e", label: "Edit" },
                     { key: "a", label: "Actions" },
+                    { key: "/", label: "Search" },
                     { key: "Esc", label: "Back" },
                 ] })] }));
 };

package/dist/commands/object/list.js

@@ -14,11 +14,13 @@ import { NavigationTips } from "../../components/NavigationTips.js";
 import { Table, createTextColumn } from "../../components/Table.js";
 import { ActionsPopup } from "../../components/ActionsPopup.js";
 import { formatTimeAgo } from "../../components/ResourceListView.js";
+import { SearchBar } from "../../components/SearchBar.js";
 import { output, outputError } from "../../utils/output.js";
 import { colors } from "../../utils/theme.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
+import { useListSearch } from "../../hooks/useListSearch.js";
 import { useNavigation } from "../../store/navigationStore.js";
 import { formatFileSize } from "../../services/objectService.js";
 import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
@@ -38,8 +40,13 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
     const [showDownloadPrompt, setShowDownloadPrompt] = React.useState(false);
     const [downloadPath, setDownloadPath] = React.useState("");
     const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
+    // Search state
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
     // Calculate overhead for viewport height
-    const overhead = 13;
+    const overhead = 13 + search.getSearchOverhead();
     const { viewportHeight, terminalWidth } = useViewportHeight({
         overhead,
         minHeight: 5,
@@ -95,6 +102,9 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
         if (params.startingAt) {
             queryParams.starting_after = params.startingAt;
         }
+        if (search.submittedSearchQuery) {
+            queryParams.search = search.submittedSearchQuery;
+        }
         // Fetch ONE page only
         const result = await client.objects.list(queryParams);
         // Extract data and create defensive copies
@@ -120,7 +130,7 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
             hasMore: pageResult.has_more || false,
             totalCount: pageResult.total_count || pageObjects.length,
         };
-    }, []);
+    }, [search.submittedSearchQuery]);
     // Use the shared pagination hook
     const { items: objects, loading, navigating, error, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, refresh, } = useCursorPagination({
         fetchPage,
@@ -130,8 +140,9 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
         pollingEnabled: !showPopup &&
             !executingOperation &&
             !showDownloadPrompt &&
-            !showDeleteConfirm,
-        deps: [PAGE_SIZE],
+            !showDeleteConfirm &&
+            !search.searchMode,
+        deps: [PAGE_SIZE, search.submittedSearchQuery],
     });
     // Operations for objects
     const operations = React.useMemo(() => [
@@ -274,6 +285,13 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
         }
     };
     useInput((input, key) => {
+        // Handle search mode input
+        if (search.searchMode) {
+            if (key.escape) {
+                search.cancelSearch();
+            }
+            return;
+        }
         // Handle operation result display
         if (operationResult || operationError) {
             if (input === "q" || key.escape || key.return) {
@@ -397,7 +415,13 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
             setShowPopup(true);
             setSelectedOperation(0);
         }
+        else if (input === "/") {
+            search.enterSearchMode();
+        }
         else if (key.escape) {
+            if (search.handleEscape()) {
+                return;
+            }
             if (onBack) {
                 onBack();
             }
@@ -470,7 +494,7 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Storage Objects", active: true }] }), _jsx(ErrorMessage, { message: "Failed to list storage objects", error: error })] }));
     }
     // Main list view
-    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Storage Objects", active: true }] }), !showPopup && (_jsx(Table, { data: objects, keyExtractor: (obj) => obj.id, selectedIndex: selectedIndex, title: `storage_objects[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No storage objects found. Try: rli object upload", " ", "<file>"] }) })), !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 && selectedObjectItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedObjectItem, operations: operations.map((op) => ({
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Storage Objects", active: true }] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search storage objects..." }), !showPopup && (_jsx(Table, { data: objects, keyExtractor: (obj) => obj.id, selectedIndex: selectedIndex, title: `storage_objects[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No storage objects found. Try: rli object upload", " ", "<file>"] }) })), !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] }), search.submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", search.submittedSearchQuery, "\""] })] }))] })), showPopup && selectedObjectItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedObjectItem, operations: operations.map((op) => ({
                         key: op.key,
                         label: op.label,
                         color: op.color,
@@ -490,6 +514,7 @@ const ListObjectsUI = ({ onBack, onExit, }) => {
                     },
                     { key: "Enter", label: "Details" },
                     { key: "a", label: "Actions" },
+                    { key: "/", label: "Search" },
                     { key: "Esc", label: "Back" },
                 ] })] }));
 };

package/dist/commands/secret/create.js

@@ -0,0 +1,27 @@
+/**
+ * Create secret command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+import { getSecretValue } from "../../utils/stdin.js";
+export async function createSecret(name, options = {}) {
+    try {
+        // Get secret value from stdin (piped) or interactive prompt
+        const value = await getSecretValue();
+        if (!value) {
+            outputError("Secret value cannot be empty", new Error("Empty value"));
+        }
+        const client = getClient();
+        const secret = await client.secrets.create({ name, value });
+        // Default: just output the ID for easy scripting
+        if (!options.output || options.output === "text") {
+            console.log(secret.id);
+        }
+        else {
+            output(secret, { format: options.output, defaultFormat: "json" });
+        }
+    }
+    catch (error) {
+        outputError("Failed to create secret", error);
+    }
+}

package/dist/commands/secret/delete.js

@@ -0,0 +1,54 @@
+/**
+ * Delete secret command
+ */
+import * as readline from "readline";
+import { getClient } from "../../utils/client.js";
+import { output } from "../../utils/output.js";
+/**
+ * Prompt for confirmation
+ */
+async function confirm(message) {
+    return new Promise((resolve) => {
+        const rl = readline.createInterface({
+            input: process.stdin,
+            output: process.stdout,
+        });
+        rl.question(`${message} [y/N] `, (answer) => {
+            rl.close();
+            resolve(answer.toLowerCase() === "y" || answer.toLowerCase() === "yes");
+        });
+    });
+}
+export async function deleteSecret(name, options = {}) {
+    try {
+        const client = getClient();
+        // Confirm deletion unless --yes flag is passed
+        if (!options.yes) {
+            const confirmed = await confirm(`Are you sure you want to delete secret "${name}"?`);
+            if (!confirmed) {
+                console.log("Aborted.");
+                return;
+            }
+        }
+        // Delete by name
+        const secret = await client.secrets.delete(name);
+        // Default: show confirmation message
+        if (!options.output || options.output === "text") {
+            console.log(`Deleted secret "${name}" (${secret.id})`);
+        }
+        else {
+            output({ id: secret.id, name, status: "deleted" }, { format: options.output, defaultFormat: "json" });
+        }
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        if (errorMessage.includes("404") || errorMessage.includes("not found")) {
+            console.error(`Error: Secret "${name}" not found`);
+        }
+        else {
+            console.error(`Error: Failed to delete secret`);
+            console.error(`  ${errorMessage}`);
+        }
+        process.exit(1);
+    }
+}

package/dist/commands/secret/get.js

@@ -0,0 +1,23 @@
+/**
+ * Get secret metadata command
+ *
+ * Note: The API doesn't have a direct "get by name" endpoint,
+ * so we list all secrets and filter by name.
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+export async function getSecret(name, options = {}) {
+    try {
+        const client = getClient();
+        // List all secrets and find by name
+        const result = await client.secrets.list({ limit: 5000 });
+        const secret = result.secrets?.find((s) => s.name === name);
+        if (!secret) {
+            outputError(`Secret "${name}" not found`, new Error("Secret not found"));
+        }
+        output(secret, { format: options.output, defaultFormat: "json" });
+    }
+    catch (error) {
+        outputError("Failed to get secret", error);
+    }
+}

package/dist/commands/secret/list.js

@@ -0,0 +1,23 @@
+/**
+ * List secrets command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+const DEFAULT_PAGE_SIZE = 20;
+export async function listSecrets(options = {}) {
+    try {
+        const client = getClient();
+        const limit = options.limit
+            ? parseInt(options.limit, 10)
+            : DEFAULT_PAGE_SIZE;
+        // Fetch secrets
+        const result = await client.secrets.list({ limit });
+        // Extract secrets array
+        const secrets = result.secrets || [];
+        // Default: output JSON for lists
+        output(secrets, { format: options.output, defaultFormat: "json" });
+    }
+    catch (error) {
+        outputError("Failed to list secrets", error);
+    }
+}

package/dist/commands/secret/update.js

@@ -0,0 +1,27 @@
+/**
+ * Update secret command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+import { getSecretValue } from "../../utils/stdin.js";
+export async function updateSecret(name, options = {}) {
+    try {
+        // Get new secret value from stdin (piped) or interactive prompt
+        const value = await getSecretValue();
+        if (!value) {
+            outputError("Secret value cannot be empty", new Error("Empty value"));
+        }
+        const client = getClient();
+        const secret = await client.secrets.update(name, { value });
+        // Default: just output the ID for easy scripting
+        if (!options.output || options.output === "text") {
+            console.log(secret.id);
+        }
+        else {
+            output(secret, { format: options.output, defaultFormat: "json" });
+        }
+    }
+    catch (error) {
+        outputError("Failed to update secret", error);
+    }
+}

package/dist/commands/snapshot/list.js

@@ -12,11 +12,13 @@ import { NavigationTips } from "../../components/NavigationTips.js";
 import { Table, createTextColumn } from "../../components/Table.js";
 import { ActionsPopup } from "../../components/ActionsPopup.js";
 import { formatTimeAgo } from "../../components/ResourceListView.js";
+import { SearchBar } from "../../components/SearchBar.js";
 import { output, outputError } from "../../utils/output.js";
 import { colors } from "../../utils/theme.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
+import { useListSearch } from "../../hooks/useListSearch.js";
 import { DevboxCreatePage } from "../../components/DevboxCreatePage.js";
 import { useNavigation } from "../../store/navigationStore.js";
 import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
@@ -35,8 +37,13 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
     const [operationLoading, setOperationLoading] = React.useState(false);
     const [showCreateDevbox, setShowCreateDevbox] = React.useState(false);
     const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
+    // Search state
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
     // Calculate overhead for viewport height
-    const overhead = 13;
+    const overhead = 13 + search.getSearchOverhead();
     const { viewportHeight, terminalWidth } = useViewportHeight({
         overhead,
         minHeight: 5,
@@ -67,6 +74,9 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
         if (devboxId) {
             queryParams.devbox_id = devboxId;
         }
+        if (search.submittedSearchQuery) {
+            queryParams.search = search.submittedSearchQuery;
+        }
         // Fetch ONE page only
         const page = (await client.devboxes.listDiskSnapshots(queryParams));
         // Extract data and create defensive copies
@@ -87,7 +97,7 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
             totalCount: page.total_count || pageSnapshots.length,
         };
         return result;
-    }, [devboxId]);
+    }, [devboxId, search.submittedSearchQuery]);
     // Use the shared pagination hook
     const { items: snapshots, loading, navigating, error, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, refresh, } = useCursorPagination({
         fetchPage,
@@ -97,8 +107,9 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
         pollingEnabled: !showPopup &&
             !executingOperation &&
             !showCreateDevbox &&
-            !showDeleteConfirm,
-        deps: [devboxId, PAGE_SIZE],
+            !showDeleteConfirm &&
+            !search.searchMode,
+        deps: [devboxId, PAGE_SIZE, search.submittedSearchQuery],
     });
     // Operations for snapshots
     const operations = React.useMemo(() => [
@@ -180,6 +191,13 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
         }
     };
     useInput((input, key) => {
+        // Handle search mode input
+        if (search.searchMode) {
+            if (key.escape) {
+                search.cancelSearch();
+            }
+            return;
+        }
         // Handle operation result display
         if (operationResult || operationError) {
             if (input === "q" || key.escape || key.return) {
@@ -289,7 +307,13 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
             setShowPopup(true);
             setSelectedOperation(0);
         }
+        else if (input === "/") {
+            search.enterSearchMode();
+        }
         else if (key.escape) {
+            if (search.handleEscape()) {
+                return;
+            }
             if (onBack) {
                 onBack();
             }
@@ -374,7 +398,7 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
     return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
                     { label: "Snapshots", active: !devboxId },
                     ...(devboxId ? [{ label: `Devbox: ${devboxId}`, active: true }] : []),
-                ] }), !showPopup && (_jsx(Table, { data: snapshots, keyExtractor: (snapshot) => snapshot.id, selectedIndex: selectedIndex, title: `snapshots[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No snapshots found. Try: rli snapshot create", " ", "<devbox-id>"] }) })), !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 && selectedSnapshotItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedSnapshotItem, operations: operations.map((op) => ({
+                ] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search snapshots..." }), !showPopup && (_jsx(Table, { data: snapshots, keyExtractor: (snapshot) => snapshot.id, selectedIndex: selectedIndex, title: `snapshots[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No snapshots found. Try: rli snapshot create", " ", "<devbox-id>"] }) })), !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] }), search.submittedSearchQuery && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.warning, children: ["Filtered: \"", search.submittedSearchQuery, "\""] })] }))] })), showPopup && selectedSnapshotItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedSnapshotItem, operations: operations.map((op) => ({
                         key: op.key,
                         label: op.label,
                         color: op.color,
@@ -394,6 +418,7 @@ const ListSnapshotsUI = ({ devboxId, onBack, onExit, }) => {
                     },
                     { key: "Enter", label: "Details" },
                     { key: "a", label: "Actions" },
+                    { key: "/", label: "Search" },
                     { key: "Esc", label: "Back" },
                 ] })] }));
 };

package/dist/components/SearchBar.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
+/**
+ * Reusable search bar component for list views.
+ * Displays either an input mode or the active search with result count.
+ */
+export function SearchBar({ searchMode, searchQuery, submittedSearchQuery, resultCount, onSearchChange, onSearchSubmit, placeholder = "Type to search...", maxDisplayLength = 50, }) {
+    // Don't render if no search is active
+    if (!searchMode && !submittedSearchQuery) {
+        return null;
+    }
+    // Search input mode
+    if (searchMode) {
+        return (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, children: [figures.pointerSmall, " Search: "] }), _jsx(TextInput, { value: searchQuery, onChange: onSearchChange, placeholder: placeholder, onSubmit: onSearchSubmit }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[Enter to search, Esc to cancel]"] })] }));
+    }
+    // Display active search with results
+    const displayQuery = submittedSearchQuery.length > maxDisplayLength
+        ? submittedSearchQuery.substring(0, maxDisplayLength) + "..."
+        : submittedSearchQuery;
+    return (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, children: [figures.info, " Searching for: "] }), _jsx(Text, { color: colors.warning, bold: true, children: displayQuery }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "(", resultCount, " results) [/ to edit, Esc to clear]"] })] }));
+}

package/dist/hooks/useListSearch.js

@@ -0,0 +1,54 @@
+import React from "react";
+/**
+ * Shared hook for managing search state in list views.
+ * Provides consistent search behavior across all resource lists.
+ */
+export function useListSearch(options = {}) {
+    const [searchMode, setSearchMode] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState("");
+    const [submittedSearchQuery, setSubmittedSearchQuery] = React.useState("");
+    const enterSearchMode = React.useCallback(() => {
+        setSearchMode(true);
+    }, []);
+    const cancelSearch = React.useCallback(() => {
+        setSearchMode(false);
+        setSearchQuery("");
+    }, []);
+    const submitSearch = React.useCallback(() => {
+        setSearchMode(false);
+        setSubmittedSearchQuery(searchQuery);
+        options.onSearchSubmit?.(searchQuery);
+    }, [searchQuery, options.onSearchSubmit]);
+    const clearSearch = React.useCallback(() => {
+        setSubmittedSearchQuery("");
+        setSearchQuery("");
+        options.onSearchClear?.();
+    }, [options.onSearchClear]);
+    const handleEscape = React.useCallback(() => {
+        if (searchMode) {
+            cancelSearch();
+            return true;
+        }
+        if (submittedSearchQuery) {
+            clearSearch();
+            return true;
+        }
+        return false;
+    }, [searchMode, submittedSearchQuery, cancelSearch, clearSearch]);
+    const getSearchOverhead = React.useCallback(() => {
+        // Search bar takes 2 lines when visible (1 line content + 1 marginBottom)
+        return searchMode || submittedSearchQuery ? 2 : 0;
+    }, [searchMode, submittedSearchQuery]);
+    return {
+        searchMode,
+        searchQuery,
+        submittedSearchQuery,
+        enterSearchMode,
+        cancelSearch,
+        setSearchQuery,
+        submitSearch,
+        clearSearch,
+        handleEscape,
+        getSearchOverhead,
+    };
+}

package/dist/utils/commands.js

@@ -439,6 +439,53 @@ export function createProgram() {
         const { deleteNetworkPolicy } = await import("../commands/network-policy/delete.js");
         await deleteNetworkPolicy(id, options);
     });
+    // Secret commands
+    const secret = program
+        .command("secret")
+        .description("Manage secrets")
+        .alias("s");
+    secret
+        .command("create <name>")
+        .description("Create a new secret. Value can be piped via stdin (e.g., echo 'val' | rli secret create name) or entered interactively with masked input for security.")
+        .option("-o, --output [format]", "Output format: text|json|yaml (default: text)")
+        .action(async (name, options) => {
+        const { createSecret } = await import("../commands/secret/create.js");
+        await createSecret(name, options);
+    });
+    secret
+        .command("list")
+        .description("List all secrets")
+        .option("--limit <n>", "Max results", "20")
+        .option("-o, --output [format]", "Output format: text|json|yaml (default: json)")
+        .action(async (options) => {
+        const { listSecrets } = await import("../commands/secret/list.js");
+        await listSecrets(options);
+    });
+    secret
+        .command("get <name>")
+        .description("Get secret metadata by name")
+        .option("-o, --output [format]", "Output format: text|json|yaml (default: json)")
+        .action(async (name, options) => {
+        const { getSecret } = await import("../commands/secret/get.js");
+        await getSecret(name, options);
+    });
+    secret
+        .command("update <name>")
+        .description("Update a secret value (value from stdin or secure prompt)")
+        .option("-o, --output [format]", "Output format: text|json|yaml (default: text)")
+        .action(async (name, options) => {
+        const { updateSecret } = await import("../commands/secret/update.js");
+        await updateSecret(name, options);
+    });
+    secret
+        .command("delete <name>")
+        .description("Delete a secret")
+        .option("-y, --yes", "Skip confirmation prompt")
+        .option("-o, --output [format]", "Output format: text|json|yaml (default: text)")
+        .action(async (name, options) => {
+        const { deleteSecret } = await import("../commands/secret/delete.js");
+        await deleteSecret(name, options);
+    });
     // MCP server commands
     const mcp = program
         .command("mcp")

package/dist/utils/output.js

@@ -117,7 +117,14 @@ export function output(data, options = {}) {
 export function outputError(message, error) {
     const errorMessage = error instanceof Error ? error.message : String(error || message);
     console.error(`Error: ${message}`);
-    if (error && errorMessage !== message) {
+    // Only print the error message if it adds new information
+    // Skip if: same as message, message contains it, or it contains the message
+    const messageLower = message.toLowerCase();
+    const errorLower = errorMessage.toLowerCase();
+    const isRedundant = errorMessage === message ||
+        messageLower.includes(errorLower) ||
+        errorLower.includes(messageLower);
+    if (error && !isRedundant) {
         console.error(`  ${errorMessage}`);
     }
     processUtils.exit(1);

package/dist/utils/stdin.js

@@ -0,0 +1,66 @@
+/**
+ * Utilities for reading secure input from stdin
+ */
+/**
+ * Prompt for a secret value with masked input (shows * for each character)
+ * Only works when stdin is a TTY (interactive terminal)
+ */
+export async function promptSecretValue(prompt = "Enter secret value: ") {
+    return new Promise((resolve) => {
+        process.stdout.write(prompt);
+        let value = "";
+        process.stdin.setRawMode(true);
+        process.stdin.resume();
+        process.stdin.setEncoding("utf8");
+        const onData = (char) => {
+            if (char === "\n" || char === "\r") {
+                process.stdin.setRawMode(false);
+                process.stdin.removeListener("data", onData);
+                process.stdin.pause();
+                process.stdout.write("\n");
+                resolve(value);
+            }
+            else if (char === "\u0003") {
+                // Ctrl+C
+                process.stdin.setRawMode(false);
+                process.stdout.write("\n");
+                process.exit(0);
+            }
+            else if (char === "\u007F" || char === "\b") {
+                // Backspace (0x7F) or Ctrl+H (0x08)
+                if (value.length > 0) {
+                    value = value.slice(0, -1);
+                    process.stdout.write("\b \b");
+                }
+            }
+            else if (char >= " ") {
+                // Only add printable characters
+                value += char;
+                process.stdout.write("*");
+            }
+        };
+        process.stdin.on("data", onData);
+    });
+}
+/**
+ * Read all data from stdin (for piped input)
+ */
+export async function readStdin() {
+    const chunks = [];
+    for await (const chunk of process.stdin) {
+        chunks.push(Buffer.from(chunk));
+    }
+    return Buffer.concat(chunks).toString().trim();
+}
+/**
+ * Get a secret value from either piped stdin or interactive prompt
+ * Automatically detects whether input is piped or interactive
+ */
+export async function getSecretValue(prompt = "Enter secret value: ") {
+    if (process.stdin.isTTY) {
+        return promptSecretValue(prompt);
+    }
+    else {
+        return readStdin();
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runloop/rl-cli",
-  "version": "1.4.1",
+  "version": "1.6.0",
   "description": "Beautiful CLI for the Runloop platform",
   "type": "module",
   "bin": {
@@ -87,13 +87,13 @@
     "zustand": "^5.0.2"
   },
   "devDependencies": {
-    "@anthropic-ai/mcpb": "^1.1.1",
+    "@anthropic-ai/mcpb": "^2.1.2",
     "@types/jest": "^29.5.0",
     "@types/node": "^22.7.9",
     "@types/react": "^19.2.2",
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
-    "esbuild": "^0.25.11",
+    "esbuild": "^0.27.2",
     "eslint": "^9.37.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^6.1.1",