@runloop/rl-cli 1.8.0 → 1.10.0

package/dist/screens/BenchmarkListScreen.js

@@ -0,0 +1,266 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BenchmarkListScreen - List view for benchmark definitions
+ */
+import React from "react";
+import { Box, Text, useInput, useApp } from "ink";
+import figures from "figures";
+import { useNavigation } from "../store/navigationStore.js";
+import { SpinnerComponent } from "../components/Spinner.js";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { Breadcrumb } from "../components/Breadcrumb.js";
+import { NavigationTips } from "../components/NavigationTips.js";
+import { Table, createTextColumn, createComponentColumn, } from "../components/Table.js";
+import { ActionsPopup } from "../components/ActionsPopup.js";
+import { formatTimeAgo } from "../components/ResourceListView.js";
+import { SearchBar } from "../components/SearchBar.js";
+import { getStatusDisplay } from "../components/StatusBadge.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 { listBenchmarks } from "../services/benchmarkService.js";
+export function BenchmarkListScreen() {
+    const { exit: inkExit } = useApp();
+    const { navigate, goBack } = useNavigation();
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const [showPopup, setShowPopup] = React.useState(false);
+    const [selectedOperation, setSelectedOperation] = React.useState(0);
+    // Search state
+    const search = useListSearch({
+        onSearchSubmit: () => setSelectedIndex(0),
+        onSearchClear: () => setSelectedIndex(0),
+    });
+    // Calculate overhead for viewport height
+    const overhead = 13 + search.getSearchOverhead();
+    const { viewportHeight, terminalWidth } = useViewportHeight({
+        overhead,
+        minHeight: 5,
+    });
+    const PAGE_SIZE = viewportHeight;
+    // Column widths
+    const fixedWidth = 6;
+    const idWidth = 25;
+    const statusWidth = 12;
+    const timeWidth = 18;
+    const baseWidth = fixedWidth + idWidth + statusWidth + timeWidth;
+    const remainingWidth = terminalWidth - baseWidth;
+    const nameWidth = Math.min(80, Math.max(15, remainingWidth));
+    // Fetch function for pagination hook
+    const fetchPage = React.useCallback(async (params) => {
+        const result = await listBenchmarks({
+            limit: params.limit,
+            startingAfter: params.startingAt,
+            search: search.submittedSearchQuery || undefined,
+        });
+        return {
+            items: result.benchmarks,
+            hasMore: result.hasMore,
+            totalCount: result.totalCount,
+        };
+    }, [search.submittedSearchQuery]);
+    // Use the shared pagination hook
+    const { items: benchmarks, loading, navigating, error, currentPage, hasMore, hasPrev, totalCount, nextPage, prevPage, } = useCursorPagination({
+        fetchPage,
+        pageSize: PAGE_SIZE,
+        getItemId: (benchmark) => benchmark.id,
+        pollInterval: 5000,
+        pollingEnabled: !showPopup && !search.searchMode,
+        deps: [PAGE_SIZE, search.submittedSearchQuery],
+    });
+    // Operations for benchmarks
+    const operations = React.useMemo(() => [
+        {
+            key: "view_details",
+            label: "View Details",
+            color: colors.primary,
+            icon: figures.pointer,
+        },
+        {
+            key: "create_job",
+            label: "Create Benchmark Job",
+            color: colors.success,
+            icon: figures.play,
+        },
+    ], []);
+    // Build columns
+    const columns = React.useMemo(() => [
+        createTextColumn("id", "ID", (benchmark) => benchmark.id, {
+            width: idWidth + 1,
+            color: colors.idColor,
+            dimColor: false,
+            bold: false,
+        }),
+        createTextColumn("name", "Name", (benchmark) => benchmark.name || "", {
+            width: nameWidth,
+        }),
+        createComponentColumn("status", "Status", (benchmark, _index, isSelected) => {
+            const status = benchmark.status || "active";
+            const statusDisplay = getStatusDisplay(status);
+            const text = statusDisplay.text
+                .slice(0, statusWidth)
+                .padEnd(statusWidth, " ");
+            return (_jsx(Text, { color: isSelected ? colors.text : statusDisplay.color, bold: isSelected, inverse: isSelected, children: text }));
+        }, { width: statusWidth }),
+        createTextColumn("created", "Created", (benchmark) => benchmark.created_at
+            ? formatTimeAgo(benchmark.created_at)
+            : "", {
+            width: timeWidth,
+            color: colors.textDim,
+            dimColor: false,
+            bold: false,
+        }),
+    ], [idWidth, nameWidth, statusWidth, timeWidth]);
+    // Handle Ctrl+C to exit
+    useExitOnCtrlC();
+    // Ensure selected index is within bounds
+    React.useEffect(() => {
+        if (benchmarks.length > 0 && selectedIndex >= benchmarks.length) {
+            setSelectedIndex(Math.max(0, benchmarks.length - 1));
+        }
+    }, [benchmarks.length, selectedIndex]);
+    const selectedBenchmark = benchmarks[selectedIndex];
+    // Calculate pagination info for display
+    const totalPages = Math.max(1, Math.ceil(totalCount / PAGE_SIZE));
+    const startIndex = currentPage * PAGE_SIZE;
+    const endIndex = startIndex + benchmarks.length;
+    useInput((input, key) => {
+        // Handle search mode input
+        if (search.searchMode) {
+            if (key.escape) {
+                search.cancelSearch();
+            }
+            return;
+        }
+        // Handle popup navigation
+        if (showPopup) {
+            if (key.upArrow && selectedOperation > 0) {
+                setSelectedOperation(selectedOperation - 1);
+            }
+            else if (key.downArrow && selectedOperation < operations.length - 1) {
+                setSelectedOperation(selectedOperation + 1);
+            }
+            else if (key.return) {
+                setShowPopup(false);
+                const operationKey = operations[selectedOperation].key;
+                if (operationKey === "view_details") {
+                    navigate("benchmark-detail", {
+                        benchmarkId: selectedBenchmark.id,
+                    });
+                }
+                else if (operationKey === "create_job") {
+                    navigate("benchmark-job-create", {
+                        initialBenchmarkIds: selectedBenchmark.id,
+                    });
+                }
+            }
+            else if (input === "v" && selectedBenchmark) {
+                setShowPopup(false);
+                navigate("benchmark-detail", {
+                    benchmarkId: selectedBenchmark.id,
+                });
+            }
+            else if (input === "c" && selectedBenchmark) {
+                setShowPopup(false);
+                navigate("benchmark-job-create", {
+                    initialBenchmarkIds: selectedBenchmark.id,
+                });
+            }
+            else if (key.escape || input === "q") {
+                setShowPopup(false);
+                setSelectedOperation(0);
+            }
+            return;
+        }
+        const pageBenchmarks = benchmarks.length;
+        // Handle list view navigation
+        if (key.upArrow && selectedIndex > 0) {
+            setSelectedIndex(selectedIndex - 1);
+        }
+        else if (key.downArrow && selectedIndex < pageBenchmarks - 1) {
+            setSelectedIndex(selectedIndex + 1);
+        }
+        else if ((input === "n" || key.rightArrow) &&
+            !loading &&
+            !navigating &&
+            hasMore) {
+            nextPage();
+            setSelectedIndex(0);
+        }
+        else if ((input === "p" || key.leftArrow) &&
+            !loading &&
+            !navigating &&
+            hasPrev) {
+            prevPage();
+            setSelectedIndex(0);
+        }
+        else if (key.return && selectedBenchmark) {
+            navigate("benchmark-detail", {
+                benchmarkId: selectedBenchmark.id,
+            });
+        }
+        else if (input === "a" && selectedBenchmark) {
+            setShowPopup(true);
+            setSelectedOperation(0);
+        }
+        else if (input === "c" && selectedBenchmark) {
+            // Quick shortcut to create a job
+            navigate("benchmark-job-create", {
+                initialBenchmarkIds: selectedBenchmark.id,
+            });
+        }
+        else if (input === "/") {
+            search.enterSearchMode();
+        }
+        else if (key.escape) {
+            if (search.handleEscape()) {
+                return;
+            }
+            goBack();
+        }
+    });
+    // Loading state
+    if (loading && benchmarks.length === 0) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Home" },
+                        { label: "Benchmarks" },
+                        { label: "Benchmark Definitions", active: true },
+                    ] }), _jsx(SpinnerComponent, { message: "Loading benchmarks..." })] }));
+    }
+    // Error state
+    if (error) {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                        { label: "Home" },
+                        { label: "Benchmarks" },
+                        { label: "Benchmark Definitions", active: true },
+                    ] }), _jsx(ErrorMessage, { message: "Failed to list benchmarks", error: error })] }));
+    }
+    // Main list view
+    return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
+                    { label: "Home" },
+                    { label: "Benchmarks" },
+                    { label: "Benchmark Definitions", active: true },
+                ] }), _jsx(SearchBar, { searchMode: search.searchMode, searchQuery: search.searchQuery, submittedSearchQuery: search.submittedSearchQuery, resultCount: totalCount, onSearchChange: search.setSearchQuery, onSearchSubmit: search.submitSearch, placeholder: "Search benchmarks..." }), !showPopup && (_jsx(Table, { data: benchmarks, keyExtractor: (benchmark) => benchmark.id, selectedIndex: selectedIndex, title: `benchmarks[${totalCount}]`, columns: columns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No benchmarks found"] }) })), !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 && selectedBenchmark && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedBenchmark, operations: operations.map((op) => ({
+                        key: op.key,
+                        label: op.label,
+                        color: op.color,
+                        icon: op.icon,
+                        shortcut: op.key === "view_details"
+                            ? "v"
+                            : op.key === "create_job"
+                                ? "s"
+                                : "",
+                    })), selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsx(NavigationTips, { showArrows: true, tips: [
+                    {
+                        icon: `${figures.arrowLeft}${figures.arrowRight}`,
+                        label: "Page",
+                        condition: hasMore || hasPrev,
+                    },
+                    { key: "Enter", label: "Details" },
+                    { key: "c", label: "Create Job" },
+                    { key: "a", label: "Actions" },
+                    { key: "/", label: "Search" },
+                    { key: "Esc", label: "Back" },
+                ] })] }));
+}

package/dist/screens/BenchmarkMenuScreen.js

@@ -5,9 +5,15 @@ export function BenchmarkMenuScreen() {
     const { navigate, goBack } = useNavigation();
     const handleSelect = (key) => {
         switch (key) {
+            case "benchmarks":
+                navigate("benchmark-list");
+                break;
             case "benchmark-runs":
                 navigate("benchmark-run-list");
                 break;
+            case "benchmark-jobs":
+                navigate("benchmark-job-list");
+                break;
             case "scenario-runs":
                 navigate("scenario-run-list");
                 break;

package/dist/screens/BenchmarkRunDetailScreen.js

@@ -4,15 +4,17 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Uses the generic ResourceDetailPage component
  */
 import React from "react";
-import { Text } from "ink";
+import { Box, 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 { getBenchmarkRun } from "../services/benchmarkService.js";
+import { getBenchmarkRun, listScenarioRuns, } from "../services/benchmarkService.js";
 import { SpinnerComponent } from "../components/Spinner.js";
 import { ErrorMessage } from "../components/ErrorMessage.js";
 import { Breadcrumb } from "../components/Breadcrumb.js";
+import { getStatusDisplay } from "../components/StatusBadge.js";
+import { Table, createTextColumn, createComponentColumn, } from "../components/Table.js";
 import { colors } from "../utils/theme.js";
 export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
     const { goBack, navigate } = useNavigation();
@@ -20,12 +22,25 @@ export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
     const [loading, setLoading] = React.useState(false);
     const [error, setError] = React.useState(null);
     const [fetchedRun, setFetchedRun] = React.useState(null);
+    const [scenarioRuns, setScenarioRuns] = React.useState([]);
+    const [scenarioRunsLoading, setScenarioRunsLoading] = React.useState(false);
     // Find run in store first
     const runFromStore = benchmarkRuns.find((r) => r.id === benchmarkRunId);
     // Polling function
     const pollRun = React.useCallback(async () => {
         if (!benchmarkRunId)
             return null;
+        // Also refresh scenario runs when polling
+        listScenarioRuns({
+            limit: 10,
+            benchmarkRunId,
+        })
+            .then((result) => {
+            setScenarioRuns(result.scenarioRuns);
+        })
+            .catch(() => {
+            // Silently fail for scenario runs
+        });
         return getBenchmarkRun(benchmarkRunId);
     }, [benchmarkRunId]);
     // Fetch run from API if not in store
@@ -44,8 +59,47 @@ export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
             });
         }
     }, [benchmarkRunId, loading, fetchedRun]);
+    // Fetch scenario runs for this benchmark run
+    React.useEffect(() => {
+        if (benchmarkRunId && !scenarioRunsLoading && scenarioRuns.length === 0) {
+            setScenarioRunsLoading(true);
+            listScenarioRuns({
+                limit: 10, // Show up to 10 scenarios
+                benchmarkRunId,
+            })
+                .then((result) => {
+                setScenarioRuns(result.scenarioRuns);
+                setScenarioRunsLoading(false);
+            })
+                .catch(() => {
+                // Silently fail for scenario runs - not critical
+                setScenarioRunsLoading(false);
+            });
+        }
+    }, [benchmarkRunId, scenarioRunsLoading, scenarioRuns.length]);
     // Use fetched run for full details, fall back to store for basic display
     const run = fetchedRun || runFromStore;
+    // Auto-refresh scenario runs every 5 seconds if benchmark run is running
+    React.useEffect(() => {
+        if (!benchmarkRunId || !run)
+            return;
+        // Only refresh if run is still running
+        if (run.state !== "running")
+            return;
+        const interval = setInterval(() => {
+            listScenarioRuns({
+                limit: 10,
+                benchmarkRunId,
+            })
+                .then((result) => {
+                setScenarioRuns(result.scenarioRuns);
+            })
+                .catch(() => {
+                // Silently fail
+            });
+        }, 5000);
+        return () => clearInterval(interval);
+    }, [benchmarkRunId, run]);
     // Show loading state
     if (!run && benchmarkRunId && !error) {
         return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [
@@ -73,12 +127,164 @@ export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
                         { label: "Not Found", active: true },
                     ] }), _jsx(ErrorMessage, { message: `Benchmark run ${benchmarkRunId || "unknown"} not found`, error: new Error("Benchmark run not found") })] }));
     }
+    // Helper to calculate overall run status based on scenarios
+    const calculateOverallStatus = (scenarios) => {
+        if (scenarios.length === 0) {
+            return {
+                status: "not-started",
+                label: "Not Started",
+                color: colors.textDim,
+                icon: figures.circle,
+            };
+        }
+        // Check for any failures or timeouts
+        const hasFailed = scenarios.some((s) => s.state === "failed" || s.state === "timeout");
+        if (hasFailed) {
+            return {
+                status: "failed",
+                label: "Failed",
+                color: colors.error,
+                icon: figures.cross,
+            };
+        }
+        // Check if all are completed
+        const allCompleted = scenarios.every((s) => s.state === "completed" || s.state === "scored");
+        if (allCompleted) {
+            return {
+                status: "pass",
+                label: "Complete",
+                color: colors.success,
+                icon: figures.tick,
+            };
+        }
+        // Check if any are running
+        const anyRunning = scenarios.some((s) => s.state === "running" || s.state === "scoring");
+        if (anyRunning) {
+            return {
+                status: "in-progress",
+                label: "In Progress",
+                color: colors.warning,
+                icon: figures.circleFilled,
+            };
+        }
+        // Default to not started
+        return {
+            status: "not-started",
+            label: "Not Started",
+            color: colors.textDim,
+            icon: figures.circle,
+        };
+    };
+    // Helper to format duration
+    const formatDuration = (ms) => {
+        if (ms < 1000)
+            return `${ms}ms`;
+        const seconds = Math.floor(ms / 1000);
+        if (seconds < 60)
+            return `${seconds}s`;
+        const minutes = Math.floor(seconds / 60);
+        const remainingSeconds = seconds % 60;
+        if (minutes < 60)
+            return `${minutes}m ${remainingSeconds}s`;
+        const hours = Math.floor(minutes / 60);
+        const remainingMinutes = minutes % 60;
+        return `${hours}h ${remainingMinutes}m`;
+    };
     // Build detail sections
     const detailSections = [];
     // Basic details section
     const basicFields = [];
-    if (run.start_time_ms) {
+    if (run.benchmark_id) {
+        basicFields.push({
+            label: "Benchmark ID",
+            value: _jsx(Text, { color: colors.idColor, children: run.benchmark_id }),
+            action: {
+                type: "navigate",
+                screen: "benchmark-detail",
+                params: { benchmarkId: run.benchmark_id },
+                hint: "View Benchmark",
+            },
+        });
+    }
+    if (run.purpose) {
+        basicFields.push({
+            label: "Purpose",
+            value: run.purpose,
+        });
+    }
+    if (run.score !== undefined && run.score !== null) {
         basicFields.push({
+            label: "Score",
+            value: (_jsx(Text, { color: colors.success, bold: true, children: run.score.toFixed(2) })),
+        });
+    }
+    if (basicFields.length > 0) {
+        detailSections.push({
+            title: "Details",
+            icon: figures.squareSmallFilled,
+            color: colors.warning,
+            fields: basicFields,
+        });
+    }
+    // Overall Status Section
+    const overallStatus = calculateOverallStatus(scenarioRuns);
+    detailSections.push({
+        title: "Overall Status",
+        icon: overallStatus.icon,
+        color: overallStatus.color,
+        fields: [
+            {
+                label: "Status",
+                value: (_jsx(Text, { color: overallStatus.color, bold: true, children: overallStatus.label })),
+            },
+            {
+                label: "Scenarios",
+                value: `${scenarioRuns.length} scenario${scenarioRuns.length !== 1 ? "s" : ""}`,
+            },
+        ],
+    });
+    // Scenario Runs Section
+    if (scenarioRuns.length > 0) {
+        // Define columns for scenario table
+        const scenarioColumns = [
+            createTextColumn("id", "ID", (s) => s.id, {
+                width: 26,
+                color: colors.idColor,
+                dimColor: false,
+                bold: false,
+            }),
+            createTextColumn("name", "Name", (s) => s.name || "(unnamed)", {
+                width: 50,
+            }),
+            createComponentColumn("status", "Status", (s, _index, isSelected) => {
+                const statusDisplay = getStatusDisplay(s.state);
+                const text = statusDisplay.text.slice(0, 12).padEnd(12, " ");
+                return (_jsx(Text, { color: isSelected ? colors.text : statusDisplay.color, bold: isSelected, inverse: isSelected, children: text }));
+            }, { width: 12 }),
+            createTextColumn("score", "Score", (s) => {
+                const score = s.scoring_contract_result?.score;
+                return score !== undefined ? String(score) : "";
+            }, {
+                width: 10,
+                color: colors.info,
+            }),
+        ];
+        detailSections.push({
+            title: "Scenario Runs",
+            icon: figures.pointer,
+            color: colors.info,
+            fields: [
+                {
+                    label: "",
+                    value: (_jsx(Box, { paddingTop: 1, children: _jsx(Table, { data: scenarioRuns, columns: scenarioColumns, selectedIndex: -1, keyExtractor: (s) => s.id }) })),
+                },
+            ],
+        });
+    }
+    // Timing section
+    const timingFields = [];
+    if (run.start_time_ms) {
+        timingFields.push({
             label: "Started",
             value: formatTimestamp(run.start_time_ms),
         });
@@ -87,29 +293,42 @@ export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
         ? run.start_time_ms + run.duration_ms
         : undefined;
     if (endTimeMs) {
-        basicFields.push({
+        timingFields.push({
             label: "Ended",
             value: formatTimestamp(endTimeMs),
         });
     }
-    if (run.benchmark_id) {
-        basicFields.push({
-            label: "Benchmark ID",
-            value: _jsx(Text, { color: colors.idColor, children: run.benchmark_id }),
+    if (run.duration_ms) {
+        timingFields.push({
+            label: "Duration",
+            value: _jsx(Text, { color: colors.info, children: formatDuration(run.duration_ms) }),
         });
     }
-    if (run.score !== undefined && run.score !== null) {
-        basicFields.push({
-            label: "Score",
-            value: _jsx(Text, { color: colors.info, children: run.score }),
+    if (timingFields.length > 0) {
+        detailSections.push({
+            title: "Timing",
+            icon: figures.play,
+            color: colors.info,
+            fields: timingFields,
         });
     }
-    if (basicFields.length > 0) {
+    // Secrets Provided section (show keys only, not values)
+    if (run.secrets_provided && Object.keys(run.secrets_provided).length > 0) {
+        const secretFields = Object.entries(run.secrets_provided).map(([envVar, secretName]) => ({
+            label: envVar,
+            value: _jsxs(Text, { color: colors.warning, children: [secretName, " (secret)"] }),
+            action: {
+                type: "navigate",
+                screen: "secret-detail",
+                params: { secretId: secretName },
+                hint: "View Secret",
+            },
+        }));
         detailSections.push({
-            title: "Details",
-            icon: figures.squareSmallFilled,
+            title: "Secrets Provided",
+            icon: figures.warning,
             color: colors.warning,
-            fields: basicFields,
+            fields: secretFields,
         });
     }
     // Metadata section
@@ -154,22 +373,39 @@ export function BenchmarkRunDetailScreen({ benchmarkRunId, }) {
         if (r.benchmark_id) {
             lines.push(_jsxs(Text, { color: colors.idColor, children: [" ", "Benchmark ID: ", r.benchmark_id] }, "core-benchmark"));
         }
+        if (r.purpose) {
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Purpose: ", r.purpose] }, "core-purpose"));
+        }
+        if (r.score !== undefined && r.score !== null) {
+            lines.push(_jsxs(Text, { color: colors.success, children: [" ", "Score: ", r.score.toFixed(2)] }, "core-score"));
+        }
+        lines.push(_jsx(Text, { children: " " }, "core-space"));
+        // Timing
+        lines.push(_jsx(Text, { color: colors.info, bold: true, children: "Timing" }, "timing-title"));
         if (r.start_time_ms) {
-            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Started: ", new Date(r.start_time_ms).toLocaleString()] }, "core-created"));
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Started: ", new Date(r.start_time_ms).toLocaleString()] }, "timing-started"));
         }
         const detailEndTimeMs = r.start_time_ms && r.duration_ms
             ? r.start_time_ms + r.duration_ms
             : undefined;
         if (detailEndTimeMs) {
-            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Ended: ", new Date(detailEndTimeMs).toLocaleString()] }, "core-ended"));
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Ended: ", new Date(detailEndTimeMs).toLocaleString()] }, "timing-ended"));
         }
-        if (r.score !== undefined && r.score !== null) {
-            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Score: ", r.score] }, "core-score"));
+        if (r.duration_ms) {
+            lines.push(_jsxs(Text, { dimColor: true, children: [" ", "Duration: ", formatDuration(r.duration_ms)] }, "timing-duration"));
+        }
+        lines.push(_jsx(Text, { children: " " }, "timing-space"));
+        // Secrets Provided
+        if (r.secrets_provided && Object.keys(r.secrets_provided).length > 0) {
+            lines.push(_jsx(Text, { color: colors.warning, bold: true, children: "Secrets Provided" }, "secrets-title"));
+            Object.entries(r.secrets_provided).forEach(([envVar, secretName], idx) => {
+                lines.push(_jsxs(Text, { dimColor: true, children: [" ", envVar, " \u2192 ", secretName] }, `secret-${idx}`));
+            });
+            lines.push(_jsx(Text, { children: " " }, "secrets-space"));
         }
-        lines.push(_jsx(Text, { children: " " }, "core-space"));
         // Metadata
         if (r.metadata && Object.keys(r.metadata).length > 0) {
-            lines.push(_jsx(Text, { color: colors.warning, bold: true, children: "Metadata" }, "meta-title"));
+            lines.push(_jsx(Text, { color: colors.secondary, bold: true, children: "Metadata" }, "meta-title"));
             Object.entries(r.metadata).forEach(([key, value], idx) => {
                 lines.push(_jsxs(Text, { dimColor: true, children: [" ", key, ": ", value] }, `meta-${idx}`));
             });