@runloop/rl-cli 1.5.0 → 1.7.0

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/create.js

@@ -17,6 +17,20 @@ function parseEnvVars(envVars) {
     }
     return result;
 }
+// Parse secrets from ENV_VAR=SECRET_NAME format
+function parseSecrets(secrets) {
+    const result = {};
+    for (const secret of secrets) {
+        const eqIndex = secret.indexOf("=");
+        if (eqIndex === -1) {
+            throw new Error(`Invalid secret format: ${secret}. Expected ENV_VAR=SECRET_NAME`);
+        }
+        const envVarName = secret.substring(0, eqIndex);
+        const secretName = secret.substring(eqIndex + 1);
+        result[envVarName] = secretName;
+    }
+    return result;
+}
 // Parse code mounts from JSON format
 function parseCodeMounts(codeMounts) {
     return codeMounts.map((mount) => {
@@ -110,6 +124,10 @@ export async function createDevbox(options = {}) {
         if (options.codeMounts && options.codeMounts.length > 0) {
             createRequest.code_mounts = parseCodeMounts(options.codeMounts);
         }
+        // Handle secrets
+        if (options.secrets && options.secrets.length > 0) {
+            createRequest.secrets = parseSecrets(options.secrets);
+        }
         if (Object.keys(launchParameters).length > 0) {
             createRequest.launch_parameters = launchParameters;
         }

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/devbox/tunnel.js

@@ -50,11 +50,36 @@ export async function createTunnel(devboxId, options) {
             `${localPort}:localhost:${remotePort}`,
             `${user}@${sshInfo.url}`,
         ];
+        const tunnelUrl = `http://localhost:${localPort}`;
         console.log(`Starting tunnel: local port ${localPort} -> remote port ${remotePort}`);
+        console.log(`Tunnel URL: ${tunnelUrl}`);
         console.log("Press Ctrl+C to stop the tunnel.");
         const tunnelProcess = spawn("/usr/bin/ssh", tunnelArgs, {
             stdio: "inherit",
         });
+        // Open browser if --open flag is set
+        if (options.open) {
+            // Small delay to let the tunnel establish
+            setTimeout(async () => {
+                const { exec } = await import("child_process");
+                const platform = process.platform;
+                let openCommand;
+                if (platform === "darwin") {
+                    openCommand = `open "${tunnelUrl}"`;
+                }
+                else if (platform === "win32") {
+                    openCommand = `start "${tunnelUrl}"`;
+                }
+                else {
+                    openCommand = `xdg-open "${tunnelUrl}"`;
+                }
+                exec(openCommand, (error) => {
+                    if (error) {
+                        console.log(`\nCould not open browser: ${error.message}`);
+                    }
+                });
+            }, 1000);
+        }
         tunnelProcess.on("close", (code) => {
             console.log("\nTunnel closed.");
             processUtils.exit(code || 0);

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" },
                 ] })] }));
 };