@runloop/rl-cli 1.7.1 → 1.9.0

package/dist/components/BenchmarkMenu.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BenchmarkMenu - Sub-menu for benchmark-related resources
+ */
+import React from "react";
+import { Box, Text, useInput, useApp, useStdout } from "ink";
+import figures from "figures";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { NavigationTips } from "./NavigationTips.js";
+import { colors } from "../utils/theme.js";
+import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
+const benchmarkMenuItems = [
+    {
+        key: "benchmarks",
+        label: "Benchmarks",
+        description: "View benchmark definitions",
+        icon: "◉",
+        color: colors.primary,
+    },
+    {
+        key: "benchmark-runs",
+        label: "Benchmark Runs",
+        description: "View and manage benchmark executions",
+        icon: "▶",
+        color: colors.success,
+    },
+    {
+        key: "benchmark-jobs",
+        label: "Benchmark Jobs",
+        description: "Run and manage benchmark jobs",
+        icon: "▣",
+        color: colors.warning,
+    },
+    {
+        key: "scenario-runs",
+        label: "Scenario Runs",
+        description: "View individual scenario results",
+        icon: "◈",
+        color: colors.info,
+    },
+];
+export const BenchmarkMenu = ({ onSelect, onBack }) => {
+    const { exit } = useApp();
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const { stdout } = useStdout();
+    // Get terminal dimensions for responsive layout
+    const getTerminalDimensions = React.useCallback(() => {
+        return {
+            height: stdout?.rows && stdout.rows > 0 ? stdout.rows : 20,
+            width: stdout?.columns && stdout.columns > 0 ? stdout.columns : 80,
+        };
+    }, [stdout]);
+    const [terminalDimensions, setTerminalDimensions] = React.useState(getTerminalDimensions);
+    React.useEffect(() => {
+        setTerminalDimensions(getTerminalDimensions());
+        if (!stdout)
+            return;
+        const handleResize = () => {
+            setTerminalDimensions(getTerminalDimensions());
+        };
+        stdout.on("resize", handleResize);
+        return () => {
+            stdout.off("resize", handleResize);
+        };
+    }, [stdout, getTerminalDimensions]);
+    const terminalWidth = terminalDimensions.width;
+    const isNarrow = terminalWidth < 70;
+    // Handle Ctrl+C to exit
+    useExitOnCtrlC();
+    useInput((input, key) => {
+        if (key.upArrow && selectedIndex > 0) {
+            setSelectedIndex(selectedIndex - 1);
+        }
+        else if (key.downArrow && selectedIndex < benchmarkMenuItems.length - 1) {
+            setSelectedIndex(selectedIndex + 1);
+        }
+        else if (key.return) {
+            onSelect(benchmarkMenuItems[selectedIndex].key);
+        }
+        else if (key.escape) {
+            onBack();
+        }
+        else if (input === "1") {
+            onSelect("benchmarks");
+        }
+        else if (input === "2") {
+            onSelect("benchmark-runs");
+        }
+        else if (input === "3") {
+            onSelect("benchmark-jobs");
+        }
+        else if (input === "4") {
+            onSelect("scenario-runs");
+        }
+        else if (input === "q") {
+            exit();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Breadcrumb, { items: [{ label: "Home" }, { label: "Benchmarks", active: true }] }), _jsxs(Box, { paddingX: 2, marginBottom: 1, children: [_jsx(Text, { color: colors.primary, bold: true, children: "Benchmarks" }), _jsx(Text, { color: colors.textDim, dimColor: true, children: isNarrow ? "" : " • Performance testing and evaluation" })] }), _jsx(Box, { flexDirection: "column", paddingX: 2, children: benchmarkMenuItems.map((item, index) => {
+                    const isSelected = index === selectedIndex;
+                    return (_jsxs(Box, { marginBottom: 0, children: [_jsx(Text, { color: isSelected ? item.color : colors.textDim, children: isSelected ? figures.pointer : " " }), _jsx(Text, { children: " " }), _jsx(Text, { color: item.color, bold: true, children: item.icon }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected ? item.color : colors.text, bold: isSelected, children: item.label }), !isNarrow && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "- ", item.description] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[", index + 1, "]"] })] }, item.key));
+                }) }), _jsx(NavigationTips, { showArrows: true, paddingX: 2, tips: [
+                    { key: "1-4", label: "Quick select" },
+                    { key: "Enter", label: "Select" },
+                    { key: "Esc", label: "Back" },
+                    { key: "q", label: "Quit" },
+                ] })] }));
+};

package/dist/components/DetailedInfoView.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { Header } from "./Header.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { colors } from "../utils/theme.js";
+export function DetailedInfoView({ detailLines, scrollOffset, viewportHeight, displayName, resourceId, status, resourceType, breadcrumbPrefix = [], }) {
+    const maxScroll = Math.max(0, detailLines.length - viewportHeight);
+    const actualScroll = Math.min(scrollOffset, maxScroll);
+    const visibleLines = detailLines.slice(actualScroll, actualScroll + viewportHeight);
+    const hasMore = actualScroll + viewportHeight < detailLines.length;
+    const hasLess = actualScroll > 0;
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                    ...breadcrumbPrefix,
+                    { label: resourceType },
+                    { label: displayName },
+                    { label: "Full Details", active: true },
+                ] }), _jsx(Header, { title: `${displayName} - Complete Information` }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsxs(Box, { marginBottom: 1, children: [_jsx(StatusBadge, { status: status }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.idColor, children: resourceId })] }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, borderStyle: "round", borderColor: colors.border, paddingX: 2, paddingY: 1, children: _jsx(Box, { flexDirection: "column", children: visibleLines }) }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Scroll \u2022 Line ", actualScroll + 1, "-", Math.min(actualScroll + viewportHeight, detailLines.length), " of", " ", detailLines.length] }), hasLess && _jsxs(Text, { color: colors.primary, children: [" ", figures.arrowUp] }), hasMore && _jsxs(Text, { color: colors.primary, children: [" ", figures.arrowDown] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 [q or esc] Back to Details"] })] })] }));
+}

package/dist/components/DevboxActionsMenu.js

@@ -11,6 +11,8 @@ import { Breadcrumb } from "./Breadcrumb.js";
 import { NavigationTips } from "./NavigationTips.js";
 import { ConfirmationPrompt } from "./ConfirmationPrompt.js";
 import { colors } from "../utils/theme.js";
+import { openInBrowser } from "../utils/browser.js";
+import { copyToClipboard } from "../utils/clipboard.js";
 import { useViewportHeight } from "../hooks/useViewportHeight.js";
 import { useNavigation } from "../store/navigationStore.js";
 import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
@@ -393,31 +395,9 @@ export const DevboxActionsMenu = ({ devbox, onBack, breadcrumbItems = [
                 // Open tunnel URL in browser
                 const tunnelUrl = operationResult.__tunnelUrl;
                 if (tunnelUrl) {
-                    const openBrowser = 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) {
-                                setCopyStatus("Could not open browser");
-                                setTimeout(() => setCopyStatus(null), 2000);
-                            }
-                            else {
-                                setCopyStatus("Opened in browser!");
-                                setTimeout(() => setCopyStatus(null), 2000);
-                            }
-                        });
-                    };
-                    openBrowser();
+                    openInBrowser(tunnelUrl);
+                    setCopyStatus("Opened in browser!");
+                    setTimeout(() => setCopyStatus(null), 2000);
                 }
             }
             else if ((key.upArrow || input === "k") &&
@@ -469,42 +449,10 @@ export const DevboxActionsMenu = ({ devbox, onBack, breadcrumbItems = [
                 // Copy exec output to clipboard
                 const output = (operationResult.stdout || "") +
                     (operationResult.stderr || "");
-                const copyToClipboard = async (text) => {
-                    const { spawn } = await import("child_process");
-                    const platform = process.platform;
-                    let command;
-                    let args;
-                    if (platform === "darwin") {
-                        command = "pbcopy";
-                        args = [];
-                    }
-                    else if (platform === "win32") {
-                        command = "clip";
-                        args = [];
-                    }
-                    else {
-                        command = "xclip";
-                        args = ["-selection", "clipboard"];
-                    }
-                    const proc = spawn(command, args);
-                    proc.stdin.write(text);
-                    proc.stdin.end();
-                    proc.on("exit", (code) => {
-                        if (code === 0) {
-                            setCopyStatus("Copied to clipboard!");
-                            setTimeout(() => setCopyStatus(null), 2000);
-                        }
-                        else {
-                            setCopyStatus("Failed to copy");
-                            setTimeout(() => setCopyStatus(null), 2000);
-                        }
-                    });
-                    proc.on("error", () => {
-                        setCopyStatus("Copy not supported");
-                        setTimeout(() => setCopyStatus(null), 2000);
-                    });
-                };
-                copyToClipboard(output);
+                copyToClipboard(output).then((status) => {
+                    setCopyStatus(status);
+                    setTimeout(() => setCopyStatus(null), 2000);
+                });
             }
             return;
         }