@runloop/rl-cli 0.5.0 → 0.10.0

package/dist/commands/config.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { render, Box, Text, useInput, useApp } from "ink";
-import figures from "figures";
-import { setThemePreference, getThemePreference, clearDetectedTheme, } from "../utils/config.js";
-import { Header } from "../components/Header.js";
-import { SuccessMessage } from "../components/SuccessMessage.js";
-import { colors, getCurrentTheme, setThemeMode } from "../utils/theme.js";
-import { processUtils } from "../utils/processUtils.js";
-const themeOptions = [
-    {
-        value: "auto",
-        label: "Auto-detect",
-        description: "Automatically detect terminal background color",
-    },
-    {
-        value: "dark",
-        label: "Dark mode",
-        description: "Light text on dark background",
-    },
-    {
-        value: "light",
-        label: "Light mode",
-        description: "Dark text on light background",
-    },
-];
-const InteractiveThemeSelector = ({ initialTheme, }) => {
-    const { exit } = useApp();
-    const [selectedIndex, setSelectedIndex] = React.useState(() => themeOptions.findIndex((opt) => opt.value === initialTheme));
-    const [saved, setSaved] = React.useState(false);
-    const [detectedTheme] = React.useState(getCurrentTheme());
-    // Update theme preview when selection changes
-    React.useEffect(() => {
-        const newTheme = themeOptions[selectedIndex].value;
-        let targetTheme;
-        if (newTheme === "auto") {
-            // For auto mode, show the detected theme
-            targetTheme = detectedTheme;
-        }
-        else {
-            // For explicit light/dark, set directly without detection
-            targetTheme = newTheme;
-        }
-        // Apply theme change for preview
-        setThemeMode(targetTheme);
-    }, [selectedIndex, detectedTheme]);
-    useInput((input, key) => {
-        if (saved) {
-            exit();
-            return;
-        }
-        if (key.upArrow && selectedIndex > 0) {
-            setSelectedIndex(selectedIndex - 1);
-        }
-        else if (key.downArrow && selectedIndex < themeOptions.length - 1) {
-            setSelectedIndex(selectedIndex + 1);
-        }
-        else if (key.return) {
-            // Save the selected theme to config
-            const selectedTheme = themeOptions[selectedIndex].value;
-            setThemePreference(selectedTheme);
-            // If setting to 'auto', clear cached detection for re-run
-            if (selectedTheme === "auto") {
-                clearDetectedTheme();
-            }
-            setSaved(true);
-            setTimeout(() => exit(), 1500);
-        }
-        else if (key.escape || input === "q") {
-            // Restore original theme without re-running detection
-            setThemePreference(initialTheme);
-            if (initialTheme === "auto") {
-                setThemeMode(detectedTheme);
-            }
-            else {
-                setThemeMode(initialTheme);
-            }
-            exit();
-        }
-    });
-    if (saved) {
-        return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Theme Configuration" }), _jsx(SuccessMessage, { message: `Theme set to: ${themeOptions[selectedIndex].label}`, details: "Theme applied immediately!" })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { title: "Theme Configuration - Interactive" }), _jsx(Box, { marginBottom: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: colors.textDim, children: "Current preference: " }), _jsx(Text, { color: colors.primary, bold: true, children: themeOptions[selectedIndex].label }), themeOptions[selectedIndex].value === "auto" && (_jsxs(Text, { color: colors.textDim, children: [" (detected: ", detectedTheme, ")"] }))] }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.text, bold: true, children: "Select theme mode:" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: themeOptions.map((option, index) => {
-                            const isSelected = index === selectedIndex;
-                            return (_jsxs(Box, { marginY: 0, children: [_jsxs(Text, { color: isSelected ? colors.primary : colors.textDim, children: [isSelected ? figures.pointer : " ", " "] }), _jsx(Text, { color: isSelected ? colors.primary : colors.text, bold: isSelected, children: option.label }), _jsxs(Text, { color: colors.textDim, children: [" - ", option.description] })] }, option.value));
-                        }) })] }), _jsxs(Box, { marginTop: 2, flexDirection: "column", children: [_jsxs(Text, { color: colors.text, bold: true, children: [figures.play, " Live Preview:"] }), _jsxs(Box, { marginTop: 1, marginLeft: 2, paddingX: 2, paddingY: 1, borderStyle: "round", borderColor: colors.primary, flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.tick, " Primary"] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.secondary, bold: true, children: [figures.star, " Secondary"] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: colors.success, children: [figures.tick, " Success"] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.warning, children: [figures.warning, " Warning"] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.error, children: [figures.cross, " Error"] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.text, children: "Normal text" }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.textDim, children: "Dim text" })] })] })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [Enter] Save \u2022 [Esc] Cancel"] }) })] }));
-};
-const StaticConfigUI = ({ action, value }) => {
-    const [saved, setSaved] = React.useState(false);
-    React.useEffect(() => {
-        if (action === "set" && value) {
-            setThemePreference(value);
-            // If setting to 'auto', clear the cached detection so it re-runs on next start
-            if (value === "auto") {
-                clearDetectedTheme();
-            }
-            setSaved(true);
-            setTimeout(() => processUtils.exit(0), 1500);
-        }
-        else if (action === "get" || !action) {
-            setTimeout(() => processUtils.exit(0), 2000);
-        }
-    }, [action, value]);
-    const currentPreference = getThemePreference();
-    const activeTheme = getCurrentTheme();
-    if (saved) {
-        return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Theme Configuration" }), _jsx(SuccessMessage, { message: `Theme set to: ${value}`, details: "Restart the CLI for changes to take effect" })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { title: "Theme Configuration" }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.textDim, children: "Current preference: " }), _jsx(Text, { color: colors.primary, bold: true, children: currentPreference })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.textDim, children: "Active theme: " }), _jsx(Text, { color: colors.success, bold: true, children: activeTheme })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.text, bold: true, children: "Available options:" }), _jsxs(Box, { marginLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: colors.textDim, children: ["\u2022 ", _jsx(Text, { color: colors.primary, children: "auto" }), " - Detect terminal background automatically"] }), _jsxs(Text, { color: colors.textDim, children: ["\u2022 ", _jsx(Text, { color: colors.primary, children: "light" }), " - Force light mode (dark text on light background)"] }), _jsxs(Text, { color: colors.textDim, children: ["\u2022 ", _jsx(Text, { color: colors.primary, children: "dark" }), " - Force dark mode (light text on dark background)"] })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.textDim, dimColor: true, children: "Usage: rli config theme [auto|light|dark]" }), _jsx(Text, { color: colors.textDim, dimColor: true, children: "Environment variable: RUNLOOP_THEME" })] })] }));
-};
-export function showThemeConfig() {
-    const currentTheme = getThemePreference();
-    render(_jsx(InteractiveThemeSelector, { initialTheme: currentTheme }));
-}
-export function setThemeConfig(theme) {
-    render(_jsx(StaticConfigUI, { action: "set", value: theme }));
-}

package/dist/commands/create.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { render, Box, Text } from 'ink';
-import Gradient from 'ink-gradient';
-import figures from 'figures';
-import { getClient } from '../utils/client.js';
-import { Header } from '../components/Header.js';
-import { SpinnerComponent } from '../components/Spinner.js';
-import { SuccessMessage } from '../components/SuccessMessage.js';
-import { ErrorMessage } from '../components/ErrorMessage.js';
-const CreateDevboxUI = ({ name, template }) => {
-    const [loading, setLoading] = React.useState(true);
-    const [result, setResult] = React.useState(null);
-    const [error, setError] = React.useState(null);
-    const [progress, setProgress] = React.useState('Initializing...');
-    React.useEffect(() => {
-        const create = async () => {
-            try {
-                const client = getClient();
-                setProgress('Requesting new devbox...');
-                const devbox = await client.devboxes.create({
-                    name: name || `devbox-${Date.now()}`,
-                    ...(template && { template }),
-                });
-                setProgress('Devbox created! Waiting for provisioning...');
-                setResult(devbox);
-            }
-            catch (err) {
-                setError(err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        create();
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Create Devbox", subtitle: "Setting up your new development environment" }), loading && (_jsxs(_Fragment, { children: [_jsx(SpinnerComponent, { message: progress }), _jsxs(Box, { borderStyle: "round", borderColor: "blue", paddingX: 3, paddingY: 1, marginY: 1, flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "cyan", bold: true, children: [figures.info, " Configuration"] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [figures.pointer, " Name: "] }), _jsx(Text, { color: "white", children: name || '(auto-generated)' })] }), template && (_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [figures.pointer, " Template: "] }), _jsx(Text, { color: "white", children: template })] }))] })] })] })), result && (_jsxs(_Fragment, { children: [_jsx(SuccessMessage, { message: "Devbox created successfully!", details: `ID: ${result.id}\nName: ${result.name || '(unnamed)'}\nStatus: ${result.status}` }), _jsxs(Box, { borderStyle: "double", borderColor: "green", paddingX: 3, paddingY: 1, marginY: 1, flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Gradient, { name: "summer", children: _jsxs(Text, { bold: true, children: [figures.star, " Next Steps"] }) }) }), _jsxs(Box, { flexDirection: "column", gap: 1, marginLeft: 2, children: [_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [figures.tick, " Execute commands: "] }), _jsxs(Text, { color: "cyan", children: ["rln exec ", result.id.slice(0, 8), "... <command>"] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [figures.tick, " Upload files: "] }), _jsxs(Text, { color: "cyan", children: ["rln upload ", result.id.slice(0, 8), "... <file>"] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [figures.tick, " View all: "] }), _jsx(Text, { color: "cyan", children: "rln list" })] })] })] })] })), error && _jsx(ErrorMessage, { message: "Failed to create devbox", error: error })] }));
-};
-export async function createDevbox(options) {
-    const { waitUntilExit } = render(_jsx(CreateDevboxUI, { name: options.name, template: options.template }));
-    await waitUntilExit();
-}

package/dist/commands/delete.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { render } from 'ink';
-import { getClient } from '../utils/client.js';
-import { Header } from '../components/Header.js';
-import { SpinnerComponent } from '../components/Spinner.js';
-import { SuccessMessage } from '../components/SuccessMessage.js';
-import { ErrorMessage } from '../components/ErrorMessage.js';
-const DeleteDevboxUI = ({ id }) => {
-    const [loading, setLoading] = React.useState(true);
-    const [success, setSuccess] = React.useState(false);
-    const [error, setError] = React.useState(null);
-    React.useEffect(() => {
-        const deleteDevbox = async () => {
-            try {
-                const client = getClient();
-                await client.devboxes.shutdown(id);
-                setSuccess(true);
-            }
-            catch (err) {
-                setError(err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        deleteDevbox();
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Delete Devbox", subtitle: `Deleting devbox: ${id}` }), loading && _jsx(SpinnerComponent, { message: "Deleting devbox..." }), success && (_jsx(SuccessMessage, { message: "Devbox deleted successfully!", details: `ID: ${id}` })), error && _jsx(ErrorMessage, { message: "Failed to delete devbox", error: error })] }));
-};
-export async function deleteDevbox(id) {
-    const { waitUntilExit } = render(_jsx(DeleteDevboxUI, { id: id }));
-    await waitUntilExit();
-}

package/dist/commands/exec.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { render, Box, Text } from 'ink';
-import { getClient } from '../utils/client.js';
-import { Header } from '../components/Header.js';
-import { SpinnerComponent } from '../components/Spinner.js';
-import { ErrorMessage } from '../components/ErrorMessage.js';
-const ExecCommandUI = ({ id, command, }) => {
-    const [loading, setLoading] = React.useState(true);
-    const [output, setOutput] = React.useState('');
-    const [error, setError] = React.useState(null);
-    React.useEffect(() => {
-        const exec = async () => {
-            try {
-                const client = getClient();
-                const result = await client.devboxes.executeSync(id, {
-                    command: command.join(' '),
-                });
-                setOutput(result.stdout || result.stderr || 'Command executed successfully');
-            }
-            catch (err) {
-                setError(err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        exec();
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Execute Command", subtitle: `Running in devbox: ${id}` }), loading && _jsx(SpinnerComponent, { message: "Executing command..." }), !loading && !error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Box, { borderStyle: "round", borderColor: "green", padding: 1, children: _jsx(Text, { children: output }) }) })), error && _jsx(ErrorMessage, { message: "Failed to execute command", error: error })] }));
-};
-export async function execCommand(id, command) {
-    const { waitUntilExit } = render(_jsx(ExecCommandUI, { id: id, command: command }));
-    await waitUntilExit();
-}

package/dist/commands/list.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { render, Box, Text, useInput } from 'ink';
-import Gradient from 'ink-gradient';
-import figures from 'figures';
-import { getClient } from '../utils/client.js';
-import { Header } from '../components/Header.js';
-import { SpinnerComponent } from '../components/Spinner.js';
-import { DevboxCard } from '../components/DevboxCard.js';
-import { ErrorMessage } from '../components/ErrorMessage.js';
-const PAGE_SIZE = 10;
-const ListDevboxesUI = ({ status }) => {
-    const [loading, setLoading] = React.useState(true);
-    const [devboxes, setDevboxes] = React.useState([]);
-    const [error, setError] = React.useState(null);
-    const [currentPage, setCurrentPage] = React.useState(0);
-    React.useEffect(() => {
-        const list = async () => {
-            try {
-                const client = getClient();
-                const allDevboxes = [];
-                for await (const devbox of client.devboxes.list()) {
-                    if (!status || devbox.status === status) {
-                        allDevboxes.push(devbox);
-                    }
-                }
-                setDevboxes(allDevboxes);
-            }
-            catch (err) {
-                setError(err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        list();
-    }, []);
-    useInput((input, key) => {
-        if (input === 'n' && currentPage < totalPages - 1) {
-            setCurrentPage(currentPage + 1);
-        }
-        else if (input === 'p' && currentPage > 0) {
-            setCurrentPage(currentPage - 1);
-        }
-        else if (input === 'q') {
-            process.exit(0);
-        }
-    });
-    const getStatusCount = (status) => devboxes.filter((d) => d.status === status).length;
-    const totalPages = Math.ceil(devboxes.length / PAGE_SIZE);
-    const startIndex = currentPage * PAGE_SIZE;
-    const endIndex = Math.min(startIndex + PAGE_SIZE, devboxes.length);
-    const currentDevboxes = devboxes.slice(startIndex, endIndex);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Your Devboxes", subtitle: status ? `Filtering by status: ${status}` : 'Showing all devboxes' }), loading && _jsx(SpinnerComponent, { message: "Fetching your devboxes..." }), !loading && !error && devboxes.length === 0 && (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 3, paddingY: 2, marginY: 1, flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "yellow", bold: true, children: [figures.info, " No devboxes found"] }) }), _jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "gray", children: "Create your first devbox with: " }), _jsx(Text, { color: "cyan", bold: true, children: "rln create" })] })] })), !loading && !error && devboxes.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Box, { borderStyle: "round", borderColor: "magenta", paddingX: 3, paddingY: 1, marginY: 1, flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { children: _jsx(Gradient, { name: "passion", children: _jsxs(Text, { bold: true, children: [figures.star, " Summary"] }) }) }), _jsx(Box, { children: _jsxs(Text, { color: "cyan", children: ["Page ", currentPage + 1, "/", totalPages, " (", startIndex + 1, "-", endIndex, " of", ' ', devboxes.length, ")"] }) })] }), _jsxs(Box, { marginTop: 1, gap: 3, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "green", bold: true, children: figures.tick }), _jsx(Text, { color: "gray", children: "Running:" }), _jsx(Text, { color: "green", bold: true, children: getStatusCount('running') })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: figures.ellipsis }), _jsx(Text, { color: "gray", children: "Provisioning:" }), _jsx(Text, { color: "yellow", bold: true, children: getStatusCount('provisioning') + getStatusCount('initializing') })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "gray", bold: true, children: figures.circleDotted }), _jsx(Text, { color: "gray", children: "Stopped:" }), _jsx(Text, { color: "gray", bold: true, children: getStatusCount('stopped') + getStatusCount('suspended') })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: figures.hamburger }), _jsx(Text, { color: "gray", children: "Total:" }), _jsx(Text, { color: "cyan", bold: true, children: devboxes.length })] })] })] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: currentDevboxes.map((devbox, index) => (_jsx(DevboxCard, { id: devbox.id, name: devbox.name, status: devbox.status, createdAt: devbox.created_at, index: startIndex + index }, devbox.id))) }), totalPages > 1 && (_jsx(Box, { borderStyle: "round", borderColor: "blue", paddingX: 3, paddingY: 1, marginTop: 1, flexDirection: "column", children: _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 3, children: [currentPage > 0 && (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: "[p]" }), _jsx(Text, { color: "gray", children: " Previous" })] })), currentPage < totalPages - 1 && (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: "[n]" }), _jsx(Text, { color: "gray", children: " Next" })] })), _jsxs(Box, { children: [_jsx(Text, { color: "red", bold: true, children: "[q]" }), _jsx(Text, { color: "gray", children: " Quit" })] })] }), _jsx(Box, { children: _jsxs(Text, { color: "gray", dimColor: true, children: [figures.arrowRight, " Press a key to navigate"] }) })] }) }))] })), error && _jsx(ErrorMessage, { message: "Failed to list devboxes", error: error })] }));
-};
-export async function listDevboxes(options) {
-    const { waitUntilExit } = render(_jsx(ListDevboxesUI, { status: options.status }));
-    await waitUntilExit();
-}

package/dist/commands/upload.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { render } from 'ink';
-import { createReadStream } from 'fs';
-import { getClient } from '../utils/client.js';
-import { Header } from '../components/Header.js';
-import { SpinnerComponent } from '../components/Spinner.js';
-import { SuccessMessage } from '../components/SuccessMessage.js';
-import { ErrorMessage } from '../components/ErrorMessage.js';
-const UploadFileUI = ({ id, file, targetPath }) => {
-    const [loading, setLoading] = React.useState(true);
-    const [success, setSuccess] = React.useState(false);
-    const [error, setError] = React.useState(null);
-    React.useEffect(() => {
-        const upload = async () => {
-            try {
-                const client = getClient();
-                const fileStream = createReadStream(file);
-                const filename = file.split('/').pop() || 'uploaded-file';
-                await client.devboxes.uploadFile(id, {
-                    path: targetPath || filename,
-                    file: fileStream,
-                });
-                setSuccess(true);
-            }
-            catch (err) {
-                setError(err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        upload();
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Upload File", subtitle: `Uploading to devbox: ${id}` }), loading && _jsx(SpinnerComponent, { message: "Uploading file..." }), success && (_jsx(SuccessMessage, { message: "File uploaded successfully!", details: `File: ${file}${targetPath ? `\nTarget: ${targetPath}` : ''}` })), error && _jsx(ErrorMessage, { message: "Failed to upload file", error: error })] }));
-};
-export async function uploadFile(id, file, options) {
-    const { waitUntilExit } = render(_jsx(UploadFileUI, { id: id, file: file, targetPath: options.path }));
-    await waitUntilExit();
-}

package/dist/components/Table.example.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { Table, createTextColumn, createComponentColumn } from "./Table.js";
-import { StatusBadge } from "./StatusBadge.js";
-import figures from "figures";
-import { colors } from "../utils/theme.js";
-function BlueprintsTable({ blueprints, selectedIndex, terminalWidth, }) {
-    // Responsive column widths
-    const showDescription = terminalWidth >= 120;
-    const showFullId = terminalWidth >= 80;
-    return (_jsx(Table, { data: blueprints, keyExtractor: (bp) => bp.id, selectedIndex: selectedIndex, columns: [
-            // Status badge column
-            createComponentColumn("status", "Status", (bp) => _jsx(StatusBadge, { status: bp.status, showText: false }), { width: 2 }),
-            // ID column (responsive)
-            createTextColumn("id", "ID", (bp) => (showFullId ? bp.id : bp.id.slice(0, 13)), {
-                width: showFullId ? 25 : 15,
-                color: colors.textDim,
-                dimColor: true,
-                bold: false,
-            }),
-            // Name column
-            createTextColumn("name", "Name", (bp) => bp.name || "(unnamed)", { width: 30 }),
-            // Description column (optional)
-            createTextColumn("description", "Description", (bp) => bp.description || "", {
-                width: 40,
-                color: colors.textDim,
-                dimColor: true,
-                bold: false,
-                visible: showDescription,
-            }),
-            // Created time column
-            createTextColumn("created", "Created", (bp) => new Date(bp.created_at).toLocaleDateString(), { width: 15, color: colors.textDim, dimColor: true, bold: false }),
-        ], emptyState: _jsx(Box, { children: _jsxs(Text, { color: colors.warning, children: [figures.info, " No blueprints found"] }) }) }));
-}
-function SnapshotsTable({ snapshots, selectedIndex, terminalWidth, }) {
-    // Responsive column widths
-    const showSize = terminalWidth >= 100;
-    const showFullId = terminalWidth >= 80;
-    return (_jsx(Table, { data: snapshots, keyExtractor: (snap) => snap.id, selectedIndex: selectedIndex, columns: [
-            // Status badge column
-            createComponentColumn("status", "Status", (snap) => _jsx(StatusBadge, { status: snap.status, showText: false }), { width: 2 }),
-            // ID column (responsive)
-            createTextColumn("id", "ID", (snap) => (showFullId ? snap.id : snap.id.slice(0, 13)), {
-                width: showFullId ? 25 : 15,
-                color: colors.textDim,
-                dimColor: true,
-                bold: false,
-            }),
-            // Name column
-            createTextColumn("name", "Name", (snap) => snap.name || "(unnamed)", { width: 25 }),
-            // Devbox ID column
-            createTextColumn("devbox", "Devbox", (snap) => snap.devbox_id.slice(0, 13), {
-                width: 15,
-                color: colors.primary,
-                dimColor: true,
-                bold: false,
-            }),
-            // Size column (optional)
-            createTextColumn("size", "Size", (snap) => (snap.size_gb ? `${snap.size_gb.toFixed(1)}GB` : ""), {
-                width: 10,
-                color: colors.warning,
-                dimColor: true,
-                bold: false,
-                visible: showSize,
-            }),
-            // Created time column
-            createTextColumn("created", "Created", (snap) => new Date(snap.created_at).toLocaleDateString(), { width: 15, color: colors.textDim, dimColor: true, bold: false }),
-        ], emptyState: _jsx(Box, { children: _jsxs(Text, { color: colors.warning, children: [figures.info, " No snapshots found"] }) }) }));
-}
-// ============================================================================
-// EXAMPLE 3: Custom Column with Complex Rendering
-// ============================================================================
-function CustomComplexColumn() {
-    const data = [
-        { id: "1", name: "Item 1", tags: ["tag1", "tag2"] },
-        { id: "2", name: "Item 2", tags: ["tag3"] },
-    ];
-    return (_jsx(Table, { data: data, keyExtractor: (item) => item.id, selectedIndex: 0, columns: [
-            createTextColumn("name", "Name", (item) => item.name, {
-                width: 20,
-            }),
-            // Custom component column with complex rendering
-            createComponentColumn("tags", "Tags", (item, index, isSelected) => (_jsx(Box, { width: 30, children: _jsx(Text, { color: isSelected ? colors.primary : colors.info, dimColor: true, children: item.tags.map((tag) => `[${tag}]`).join(" ") }) })), { width: 30 }),
-        ] }));
-}

package/dist/screens/LogsSessionScreen.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * LogsSessionScreen - Logs viewer using custom InteractiveSpawn
- * Runs the CLI logs command as a subprocess within the Ink UI without exiting
- */
-import React from "react";
-import { Box, Text } from "ink";
-import { InteractiveSpawn } from "../components/InteractiveSpawn.js";
-import { useNavigation, } from "../store/navigationStore.js";
-import { Breadcrumb } from "../components/Breadcrumb.js";
-import { colors } from "../utils/theme.js";
-import figures from "figures";
-import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
-import { fileURLToPath } from "url";
-import { dirname, join } from "path";
-export function LogsSessionScreen() {
-    const { params, navigate } = useNavigation();
-    // Handle Ctrl+C to exit (before logs command runs or on error)
-    useExitOnCtrlC();
-    // Extract params
-    const devboxId = params.devboxId;
-    const devboxName = params.devboxName || params.devboxId || "devbox";
-    const returnScreen = params.returnScreen || "devbox-list";
-    const returnParams = params.returnParams || {};
-    // Get the path to the CLI executable
-    const cliPath = React.useMemo(() => {
-        const __filename = fileURLToPath(import.meta.url);
-        const __dirname = dirname(__filename);
-        // When compiled, this file is in dist/screens/, so go up one level to dist/cli.js
-        return join(__dirname, "../cli.js");
-    }, []);
-    // Validate required params
-    if (!devboxId) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Logs", active: true }] }), _jsx(Box, { flexDirection: "column", paddingX: 1, children: _jsxs(Text, { color: colors.error, children: [figures.cross, " Missing devbox ID. Returning..."] }) })] }));
-    }
-    // Build CLI command args
-    const cliArgs = React.useMemo(() => ["devbox", "logs", devboxId], [devboxId]);
-    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Logs", active: true }] }), _jsxs(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.info, " Viewing logs for ", devboxName, "..."] }), _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press Ctrl+C to exit" })] }), _jsx(InteractiveSpawn, { command: "node", args: [cliPath, ...cliArgs], onExit: (_code) => {
-                    // Navigate back to previous screen when logs command exits
-                    setTimeout(() => {
-                        navigate(returnScreen, returnParams || {});
-                    }, 100);
-                }, onError: (_error) => {
-                    // On error, navigate back as well
-                    setTimeout(() => {
-                        navigate(returnScreen, returnParams || {});
-                    }, 100);
-                } })] }));
-}

package/dist/utils/CommandExecutor.js

@@ -1,131 +0,0 @@
-/**
- * Shared class for executing commands with different output formats
- * Reduces code duplication across all command files
- */
-import { render } from "ink";
-import { getClient } from "./client.js";
-import { shouldUseNonInteractiveOutput, outputList, outputResult, } from "./output.js";
-import YAML from "yaml";
-export class CommandExecutor {
-    options;
-    constructor(options = {}) {
-        this.options = options;
-        // Set default output format to json if none specified
-        if (!this.options.output) {
-            this.options.output = "json";
-        }
-    }
-    /**
-     * Execute a list command with automatic format handling
-     */
-    async executeList(fetchData, renderUI, limit = 10) {
-        if (shouldUseNonInteractiveOutput(this.options)) {
-            try {
-                const items = await fetchData();
-                // Limit results for non-interactive mode
-                const limitedItems = items.slice(0, limit);
-                outputList(limitedItems, this.options);
-            }
-            catch (err) {
-                this.handleError(err);
-            }
-            return;
-        }
-        // Interactive mode
-        // Enter alternate screen buffer
-        process.stdout.write("\x1b[?1049h");
-        console.clear();
-        const { waitUntilExit } = render(renderUI());
-        await waitUntilExit();
-        // Exit alternate screen buffer
-        process.stdout.write("\x1b[?1049l");
-    }
-    /**
-     * Execute a create/action command with automatic format handling
-     */
-    async executeAction(performAction, renderUI) {
-        if (shouldUseNonInteractiveOutput(this.options)) {
-            try {
-                const result = await performAction();
-                outputResult(result, this.options);
-            }
-            catch (err) {
-                this.handleError(err);
-            }
-            return;
-        }
-        // Interactive mode
-        // Enter alternate screen buffer
-        process.stdout.write("\x1b[?1049h");
-        console.clear();
-        const { waitUntilExit } = render(renderUI());
-        await waitUntilExit();
-        // Exit alternate screen buffer
-        process.stdout.write("\x1b[?1049l");
-    }
-    /**
-     * Execute a delete command with automatic format handling
-     */
-    async executeDelete(performDelete, id, renderUI) {
-        if (shouldUseNonInteractiveOutput(this.options)) {
-            try {
-                await performDelete();
-                outputResult({ id, status: "deleted" }, this.options);
-            }
-            catch (err) {
-                this.handleError(err);
-            }
-            return;
-        }
-        // Interactive mode
-        // Enter alternate screen buffer
-        process.stdout.write("\x1b[?1049h");
-        const { waitUntilExit } = render(renderUI());
-        await waitUntilExit();
-        // Exit alternate screen buffer
-        process.stdout.write("\x1b[?1049l");
-    }
-    /**
-     * Fetch items from an async iterator with optional filtering and limits
-     */
-    async fetchFromIterator(iterator, options = {}) {
-        const { filter, limit = 100 } = options;
-        const items = [];
-        let count = 0;
-        for await (const item of iterator) {
-            if (filter && !filter(item)) {
-                continue;
-            }
-            items.push(item);
-            count++;
-            if (count >= limit) {
-                break;
-            }
-        }
-        return items;
-    }
-    /**
-     * Handle errors consistently across all commands
-     */
-    handleError(error) {
-        if (this.options.output === "yaml") {
-            console.error(YAML.stringify({ error: error.message }));
-        }
-        else {
-            console.error(JSON.stringify({ error: error.message }, null, 2));
-        }
-        process.exit(1);
-    }
-    /**
-     * Get the client instance
-     */
-    getClient() {
-        return getClient();
-    }
-}
-/**
- * Factory function to create a CommandExecutor
- */
-export function createExecutor(options = {}) {
-    return new CommandExecutor(options);
-}