@runloop/rl-cli 1.7.1 → 1.9.0

package/dist/router/Router.js

@@ -1,16 +1,71 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Router - Manages screen navigation with clean mount/unmount lifecycle
  * Replaces conditional rendering pattern from menu.tsx
  */
 import React from "react";
+import { Box, Text, useInput } from "ink";
+import figures from "figures";
 import { useNavigation } from "../store/navigationStore.js";
 import { useDevboxStore } from "../store/devboxStore.js";
 import { useBlueprintStore } from "../store/blueprintStore.js";
 import { useSnapshotStore } from "../store/snapshotStore.js";
 import { useNetworkPolicyStore } from "../store/networkPolicyStore.js";
+import { useGatewayConfigStore } from "../store/gatewayConfigStore.js";
 import { useObjectStore } from "../store/objectStore.js";
+import { useBenchmarkStore } from "../store/benchmarkStore.js";
+import { useBenchmarkJobStore } from "../store/benchmarkJobStore.js";
 import { ErrorBoundary } from "../components/ErrorBoundary.js";
+import { colors } from "../utils/theme.js";
+// List of all known screens
+const KNOWN_SCREENS = new Set([
+    "menu",
+    "settings-menu",
+    "devbox-list",
+    "devbox-detail",
+    "devbox-actions",
+    "devbox-exec",
+    "devbox-create",
+    "blueprint-list",
+    "blueprint-detail",
+    "blueprint-logs",
+    "snapshot-list",
+    "snapshot-detail",
+    "network-policy-list",
+    "network-policy-detail",
+    "network-policy-create",
+    "gateway-config-list",
+    "gateway-config-detail",
+    "gateway-config-create",
+    "secret-list",
+    "secret-detail",
+    "secret-create",
+    "object-list",
+    "object-detail",
+    "ssh-session",
+    "benchmark-menu",
+    "benchmark-list",
+    "benchmark-detail",
+    "benchmark-run-list",
+    "benchmark-run-detail",
+    "scenario-run-list",
+    "scenario-run-detail",
+    "benchmark-job-list",
+    "benchmark-job-detail",
+    "benchmark-job-create",
+]);
+/**
+ * Fallback screen for unknown routes
+ */
+function UnknownScreen({ screenName }) {
+    const { navigate } = useNavigation();
+    useInput((input, key) => {
+        if (key.return) {
+            navigate("menu");
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: colors.warning, bold: true, children: [figures.warning, " Unknown Page"] }) }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: colors.textDim, children: ["You've navigated to an unknown page: ", _jsx(Text, { color: colors.error, children: `"${screenName}"` })] }) }), _jsx(Box, { children: _jsxs(Text, { color: colors.textDim, children: ["Press", " ", _jsx(Text, { color: colors.primary, bold: true, children: "Enter" }), " ", "to return to the main menu"] }) })] }));
+}
 // Import screen components
 import { MenuScreen } from "../screens/MenuScreen.js";
 import { DevboxListScreen } from "../screens/DevboxListScreen.js";
@@ -26,9 +81,25 @@ import { SnapshotDetailScreen } from "../screens/SnapshotDetailScreen.js";
 import { NetworkPolicyListScreen } from "../screens/NetworkPolicyListScreen.js";
 import { NetworkPolicyDetailScreen } from "../screens/NetworkPolicyDetailScreen.js";
 import { NetworkPolicyCreateScreen } from "../screens/NetworkPolicyCreateScreen.js";
+import { GatewayConfigListScreen } from "../screens/GatewayConfigListScreen.js";
+import { GatewayConfigDetailScreen } from "../screens/GatewayConfigDetailScreen.js";
+import { SettingsMenuScreen } from "../screens/SettingsMenuScreen.js";
+import { SecretListScreen } from "../screens/SecretListScreen.js";
+import { SecretDetailScreen } from "../screens/SecretDetailScreen.js";
+import { SecretCreateScreen } from "../screens/SecretCreateScreen.js";
 import { ObjectListScreen } from "../screens/ObjectListScreen.js";
 import { ObjectDetailScreen } from "../screens/ObjectDetailScreen.js";
 import { SSHSessionScreen } from "../screens/SSHSessionScreen.js";
+import { BenchmarkMenuScreen } from "../screens/BenchmarkMenuScreen.js";
+import { BenchmarkListScreen } from "../screens/BenchmarkListScreen.js";
+import { BenchmarkDetailScreen } from "../screens/BenchmarkDetailScreen.js";
+import { BenchmarkRunListScreen } from "../screens/BenchmarkRunListScreen.js";
+import { BenchmarkRunDetailScreen } from "../screens/BenchmarkRunDetailScreen.js";
+import { ScenarioRunListScreen } from "../screens/ScenarioRunListScreen.js";
+import { ScenarioRunDetailScreen } from "../screens/ScenarioRunDetailScreen.js";
+import { BenchmarkJobListScreen } from "../screens/BenchmarkJobListScreen.js";
+import { BenchmarkJobDetailScreen } from "../screens/BenchmarkJobDetailScreen.js";
+import { BenchmarkJobCreateScreen } from "../screens/BenchmarkJobCreateScreen.js";
 /**
  * Router component that renders the current screen
  * Implements memory cleanup on route changes
@@ -76,12 +147,38 @@ export function Router() {
                         useNetworkPolicyStore.getState().clearAll();
                     }
                     break;
+                case "gateway-config-list":
+                case "gateway-config-detail":
+                case "gateway-config-create":
+                    if (!currentScreen.startsWith("gateway-config")) {
+                        useGatewayConfigStore.getState().clearAll();
+                    }
+                    break;
                 case "object-list":
                 case "object-detail":
                     if (!currentScreen.startsWith("object")) {
                         useObjectStore.getState().clearAll();
                     }
                     break;
+                case "benchmark-menu":
+                case "benchmark-list":
+                case "benchmark-detail":
+                case "benchmark-run-list":
+                case "benchmark-run-detail":
+                case "scenario-run-list":
+                case "scenario-run-detail":
+                    if (!currentScreen.startsWith("benchmark") &&
+                        !currentScreen.startsWith("scenario")) {
+                        useBenchmarkStore.getState().clearAll();
+                    }
+                    break;
+                case "benchmark-job-list":
+                case "benchmark-job-detail":
+                case "benchmark-job-create":
+                    if (!currentScreen.startsWith("benchmark-job")) {
+                        useBenchmarkJobStore.getState().clearAll();
+                    }
+                    break;
             }
         }
         prevScreenRef.current = currentScreen;
@@ -90,5 +187,5 @@ export function Router() {
     // and mount new component, preventing race conditions during screen transitions.
     // The key ensures React treats this as a completely new component tree.
     // Wrap in ErrorBoundary to catch any Yoga WASM errors gracefully.
-    return (_jsxs(ErrorBoundary, { children: [currentScreen === "menu" && (_jsx(MenuScreen, { ...params }, currentScreen)), currentScreen === "devbox-list" && (_jsx(DevboxListScreen, { ...params }, currentScreen)), currentScreen === "devbox-detail" && (_jsx(DevboxDetailScreen, { ...params }, currentScreen)), currentScreen === "devbox-actions" && (_jsx(DevboxActionsScreen, { ...params }, currentScreen)), currentScreen === "devbox-exec" && (_jsx(DevboxExecScreen, { ...params }, currentScreen)), currentScreen === "devbox-create" && (_jsx(DevboxCreateScreen, { ...params }, currentScreen)), currentScreen === "blueprint-list" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "blueprint-detail" && (_jsx(BlueprintDetailScreen, { ...params }, currentScreen)), currentScreen === "blueprint-logs" && (_jsx(BlueprintLogsScreen, { ...params }, currentScreen)), currentScreen === "snapshot-list" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "snapshot-detail" && (_jsx(SnapshotDetailScreen, { ...params }, currentScreen)), currentScreen === "network-policy-list" && (_jsx(NetworkPolicyListScreen, { ...params }, currentScreen)), currentScreen === "network-policy-detail" && (_jsx(NetworkPolicyDetailScreen, { ...params }, currentScreen)), currentScreen === "network-policy-create" && (_jsx(NetworkPolicyCreateScreen, { ...params }, currentScreen)), currentScreen === "object-list" && (_jsx(ObjectListScreen, { ...params }, currentScreen)), currentScreen === "object-detail" && (_jsx(ObjectDetailScreen, { ...params }, currentScreen)), currentScreen === "ssh-session" && (_jsx(SSHSessionScreen, { ...params }, currentScreen))] }, `boundary-${currentScreen}`));
+    return (_jsxs(ErrorBoundary, { children: [currentScreen === "menu" && (_jsx(MenuScreen, { ...params }, currentScreen)), currentScreen === "settings-menu" && (_jsx(SettingsMenuScreen, { ...params }, currentScreen)), currentScreen === "devbox-list" && (_jsx(DevboxListScreen, { ...params }, currentScreen)), currentScreen === "devbox-detail" && (_jsx(DevboxDetailScreen, { ...params }, currentScreen)), currentScreen === "devbox-actions" && (_jsx(DevboxActionsScreen, { ...params }, currentScreen)), currentScreen === "devbox-exec" && (_jsx(DevboxExecScreen, { ...params }, currentScreen)), currentScreen === "devbox-create" && (_jsx(DevboxCreateScreen, { ...params }, currentScreen)), currentScreen === "blueprint-list" && (_jsx(BlueprintListScreen, { ...params }, currentScreen)), currentScreen === "blueprint-detail" && (_jsx(BlueprintDetailScreen, { ...params }, currentScreen)), currentScreen === "blueprint-logs" && (_jsx(BlueprintLogsScreen, { ...params }, currentScreen)), currentScreen === "snapshot-list" && (_jsx(SnapshotListScreen, { ...params }, currentScreen)), currentScreen === "snapshot-detail" && (_jsx(SnapshotDetailScreen, { ...params }, currentScreen)), currentScreen === "network-policy-list" && (_jsx(NetworkPolicyListScreen, { ...params }, currentScreen)), currentScreen === "network-policy-detail" && (_jsx(NetworkPolicyDetailScreen, { ...params }, currentScreen)), currentScreen === "network-policy-create" && (_jsx(NetworkPolicyCreateScreen, { ...params }, currentScreen)), currentScreen === "gateway-config-list" && (_jsx(GatewayConfigListScreen, { ...params }, currentScreen)), currentScreen === "gateway-config-detail" && (_jsx(GatewayConfigDetailScreen, { ...params }, currentScreen)), currentScreen === "secret-list" && (_jsx(SecretListScreen, { ...params }, currentScreen)), currentScreen === "secret-detail" && (_jsx(SecretDetailScreen, { ...params }, currentScreen)), currentScreen === "secret-create" && (_jsx(SecretCreateScreen, { ...params }, currentScreen)), currentScreen === "object-list" && (_jsx(ObjectListScreen, { ...params }, currentScreen)), currentScreen === "object-detail" && (_jsx(ObjectDetailScreen, { ...params }, currentScreen)), currentScreen === "ssh-session" && (_jsx(SSHSessionScreen, { ...params }, currentScreen)), currentScreen === "benchmark-menu" && (_jsx(BenchmarkMenuScreen, { ...params }, currentScreen)), currentScreen === "benchmark-list" && (_jsx(BenchmarkListScreen, { ...params }, currentScreen)), currentScreen === "benchmark-detail" && (_jsx(BenchmarkDetailScreen, { ...params }, currentScreen)), currentScreen === "benchmark-run-list" && (_jsx(BenchmarkRunListScreen, { ...params }, currentScreen)), currentScreen === "benchmark-run-detail" && (_jsx(BenchmarkRunDetailScreen, { ...params }, currentScreen)), currentScreen === "scenario-run-list" && (_jsx(ScenarioRunListScreen, { ...params }, currentScreen)), currentScreen === "scenario-run-detail" && (_jsx(ScenarioRunDetailScreen, { ...params }, currentScreen)), currentScreen === "benchmark-job-list" && (_jsx(BenchmarkJobListScreen, { ...params }, currentScreen)), currentScreen === "benchmark-job-detail" && (_jsx(BenchmarkJobDetailScreen, { ...params }, currentScreen)), currentScreen === "benchmark-job-create" && (_jsx(BenchmarkJobCreateScreen, { ...params }, currentScreen)), !KNOWN_SCREENS.has(currentScreen) && (_jsx(UnknownScreen, { screenName: currentScreen }, currentScreen))] }, `boundary-${currentScreen}`));
 }

package/dist/screens/BenchmarkDetailScreen.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BenchmarkDetailScreen - Detail page for benchmark definitions
+ * Uses the generic ResourceDetailPage component
+ */
+import React from "react";
+import { Text } from "ink";
+import figures from "figures";
+import { useNavigation } from "../store/navigationStore.js";
+import { useBenchmarkStore } from "../store/benchmarkStore.js";
+import { ResourceDetailPage, formatTimestamp, } from "../components/ResourceDetailPage.js";
+import { getBenchmark } from "../services/benchmarkService.js";
+import { SpinnerComponent } from "../components/Spinner.js";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { Breadcrumb } from "../components/Breadcrumb.js";
+import { colors } from "../utils/theme.js";
+export function BenchmarkDetailScreen({ benchmarkId, }) {
+    const { goBack, navigate } = useNavigation();
+    const benchmarks = useBenchmarkStore((state) => state.benchmarks);
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const [fetchedBenchmark, setFetchedBenchmark] = React.useState(null);
+    // Find benchmark in store first
+    const benchmarkFromStore = benchmarks.find((b) => b.id === benchmarkId);
+    // Polling function
+    const pollBenchmark = React.useCallback(async () => {
+        if (!benchmarkId)
+            return null;
+        return getBenchmark(benchmarkId);
+    }, [benchmarkId]);
+    // Fetch benchmark from API if not in store
+    React.useEffect(() => {
+        if (benchmarkId && !loading && !fetchedBenchmark && !benchmarkFromStore) {
+            setLoading(true);
+            setError(null);
+            getBenchmark(benchmarkId)
+                .then((benchmark) => {
+                setFetchedBenchmark(benchmark);
+                setLoading(false);
+            })
+                .catch((err) => {
+                setError(err);
+                setLoading(false);
+            });
+        }
+    }, [benchmarkId, loading, fetchedBenchmark, benchmarkFromStore]);
+    // Use fetched benchmark for full details, fall back to store for basic display
+    const benchmark = fetchedBenchmark || benchmarkFromStore;
+    // Show loading state
+    if (!benchmark && benchmarkId && !error) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Home" },
+                        { label: "Benchmarks" },
+                        { label: "Benchmark Definitions" },
+                        { label: "Loading...", active: true },
+                    ] }), _jsx(SpinnerComponent, { message: "Loading benchmark details..." })] }));
+    }
+    // Show error state
+    if (error && !benchmark) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Home" },
+                        { label: "Benchmarks" },
+                        { label: "Benchmark Definitions" },
+                        { label: "Error", active: true },
+                    ] }), _jsx(ErrorMessage, { message: "Failed to load benchmark details", error: error })] }));
+    }
+    // Show not found error
+    if (!benchmark) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Home" },
+                        { label: "Benchmarks" },
+                        { label: "Benchmark Definitions" },
+                        { label: "Not Found", active: true },
+                    ] }), _jsx(ErrorMessage, { message: `Benchmark ${benchmarkId || "unknown"} not found`, error: new Error("Benchmark not found") })] }));
+    }
+    // Build detail sections
+    const detailSections = [];
+    // Basic details section
+    const basicFields = [];
+    if (benchmark.created_at) {
+        basicFields.push({
+            label: "Created",
+            value: formatTimestamp(benchmark.created_at),
+        });
+    }
+    if (benchmark.description) {
+        basicFields.push({
+            label: "Description",
+            value: benchmark.description,
+        });
+    }
+    if (basicFields.length > 0) {
+        detailSections.push({
+            title: "Details",
+            icon: figures.squareSmallFilled,
+            color: colors.warning,
+            fields: basicFields,
+        });
+    }
+    // Metadata section
+    if (benchmark.metadata &&
+        Object.keys(benchmark.metadata).length > 0) {
+        const metadataFields = Object.entries(benchmark.metadata).map(([key, value]) => ({
+            label: key,
+            value: value,
+        }));
+        detailSections.push({
+            title: "Metadata",
+            icon: figures.identical,
+            color: colors.secondary,
+            fields: metadataFields,
+        });
+    }
+    // Operations available for benchmarks
+    const operations = [
+        {
+            key: "create-job",
+            label: "Create Benchmark Job",
+            color: colors.success,
+            icon: figures.play,
+            shortcut: "c",
+        },
+    ];
+    // Handle operation selection
+    const handleOperation = async (operation, resource) => {
+        switch (operation) {
+            case "create-job":
+                navigate("benchmark-job-create", { initialBenchmarkIds: resource.id });
+                break;
+        }
+    };
+    // Build detailed info lines for full details view
+    const buildDetailLines = (b) => {
+        const lines = [];
+        // Core Information
+        lines.push(_jsx(Text, { color: colors.warning, bold: true, children: "Benchmark Details" }, "core-title"));
+        lines.push(_jsxs(Text, { color: colors.idColor, children: [" ", "ID: ", b.id] }, "core-id"));
+        lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Name: ", b.name || "(none)"] }, "core-name"));
+        if (b.description) {
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Description: ", b.description] }, "core-desc"));
+        }
+        if (b.created_at) {
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Created: ", new Date(b.created_at).toLocaleString()] }, "core-created"));
+        }
+        lines.push(_jsx(Text, { children: " " }, "core-space"));
+        // Metadata
+        if (b.metadata && Object.keys(b.metadata).length > 0) {
+            lines.push(_jsx(Text, { color: colors.warning, bold: true, children: "Metadata" }, "meta-title"));
+            Object.entries(b.metadata).forEach(([key, value], idx) => {
+                lines.push(_jsxs(Text, { dimColor: true, children: [" ", key, ": ", value] }, `meta-${idx}`));
+            });
+            lines.push(_jsx(Text, { children: " " }, "meta-space"));
+        }
+        // Raw JSON
+        lines.push(_jsx(Text, { color: colors.warning, bold: true, children: "Raw JSON" }, "json-title"));
+        const jsonLines = JSON.stringify(b, null, 2).split("\n");
+        jsonLines.forEach((line, idx) => {
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", line] }, `json-${idx}`));
+        });
+        return lines;
+    };
+    return (_jsx(ResourceDetailPage, { resource: benchmark, resourceType: "Benchmark Definitions", getDisplayName: (b) => b.name || b.id, getId: (b) => b.id, getStatus: (b) => b.status, detailSections: detailSections, operations: operations, onOperation: handleOperation, onBack: goBack, buildDetailLines: buildDetailLines, breadcrumbPrefix: [{ label: "Home" }, { label: "Benchmarks" }] }));
+}