@bugbug-io/cli 13.39.2 → 14.0.0

package/dist/{NavigatorApp-6ZB6F4RF.js → NavigatorApp-3SRWEK5J.js}

@@ -1,28 +1,17 @@
 import {
-  BaseSuiteRunDetails,
-  BaseTestRunDetails,
-  DEFAULT_RESERVED_TERMINAL_ROWS,
-  EscProvider,
-  MenuList,
-  ROUTES,
-  SelectableOption,
-  SelectionPrefix,
-  ShortcutProvider,
-  Status,
-  ViewLayout,
-  VirtualizedList,
   analytics,
   defaultJunitReportPath,
   detectFormat,
   exportProject,
   exportTest,
   formatCwd,
-  formatDuration,
   formatErrorMessage,
+  formatFinalResults,
   formatRunStatus,
   getCliConfig,
   getIdentity,
   getProjectById,
+  getRunErrorMessage,
   getSuite,
   getSuiteDetails,
   getSuiteRunDetails,
@@ -38,6 +27,8 @@ import {
   initProject,
   isAuthenticationError,
   isAuthorizationError,
+  isCompletedStatus,
+  isRunningStatus,
   listProfiles,
   listProjects,
   listSuiteRuns,
@@ -52,18 +43,16 @@ import {
   runTest,
   switchProject,
   updateSdkConfig,
-  useEscHandler,
-  useShortcutBlocker,
-  useShortcutHandler,
-  useTheme,
   userCwd,
+  waitForSuiteRun,
+  waitForTestRun,
   writeReportXml
-} from "./chunk-GNCJ7Y4W.js";
+} from "./chunk-4IJVD32G.js";
 import "./chunk-BSHFIPEX.js";
 import "./chunk-PR4QN5HX.js";
 
 // src/app/NavigatorApp.tsx
-import { useState as useState17 } from "react";
+import { useState as useState21 } from "react";
 import { RouterProvider } from "react-router";
 
 // src/app/contexts/navigatorSession/NavigatorSessionContext.tsx
@@ -131,6 +120,14 @@ var NavigatorSessionProvider = ({ children }) => {
     setAuthState({});
     setAuthError(null);
   }, []);
+  const adoptTokenProject = useCallback((projectId) => {
+    const trimmedProjectId = projectId.trim();
+    if (!trimmedProjectId) return;
+    updateSdkConfig({ projectId: trimmedProjectId });
+    setAuthState(
+      (current) => current.projectId ? current : { ...current, projectId: trimmedProjectId }
+    );
+  }, []);
   const setSessionProject = useCallback((projectId) => {
     try {
       const trimmedProjectId = projectId.trim();
@@ -147,7 +144,15 @@ var NavigatorSessionProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(
     NavigatorSessionContext.Provider,
     {
-      value: { auth, config, authError, completeSession, clearSession, setSessionProject },
+      value: {
+        auth,
+        config,
+        authError,
+        completeSession,
+        clearSession,
+        setSessionProject,
+        adoptTokenProject
+      },
       children
     }
   );
@@ -164,7 +169,7 @@ var useNavigatorSession = () => {
 import { createMemoryRouter, createRoutesFromElements, Route } from "react-router";
 
 // src/app/Navigator.tsx
-import { Box as Box4, useApp, useInput } from "ink";
+import { Box as Box4, useApp, useInput as useInput3 } from "ink";
 import { useState as useState4 } from "react";
 import { Outlet, useLocation as useLocation3, useNavigate as useNavigate2 } from "react-router";
 
@@ -216,15 +221,21 @@ var useConnectionStatus = (enabled) => {
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var INIT_ROUTE = "/init";
 var AuthGate = ({ children }) => {
-  const { auth } = useNavigatorSession();
+  const { auth, adoptTokenProject } = useNavigatorSession();
   const location = useLocation();
   const navigate = useNavigate();
   const onInitRoute = location.pathname === INIT_ROUTE;
-  const hasConfiguredAuth = auth.kind === "ready";
+  const hasConfiguredAuth = Boolean(auth.token);
   const connectionStatus = useConnectionStatus(hasConfiguredAuth);
+  const identity = connectionStatus.identity;
+  const tokenProjectId = identity?.tokenType === "project" ? identity.projectId : null;
+  const projectId = auth.projectId ?? tokenProjectId;
   const authCheckPending = hasConfiguredAuth && connectionStatus.state === "checking";
   const authRejected = hasConfiguredAuth && connectionStatus.state === "unauthenticated";
-  const authenticated = hasConfiguredAuth && !authRejected;
+  const authenticated = hasConfiguredAuth && !authRejected && Boolean(projectId);
+  useEffect2(() => {
+    if (tokenProjectId && !auth.projectId) adoptTokenProject(tokenProjectId);
+  }, [adoptTokenProject, auth.projectId, tokenProjectId]);
   useEffect2(() => {
     if (!authCheckPending && !authenticated && !onInitRoute) {
       navigate(INIT_ROUTE, {
@@ -246,6 +257,90 @@ var AuthGate = ({ children }) => {
 // src/app/components/Header/Header.tsx
 import { Box, Text } from "ink";
 
+// src/features/tui/theme.ts
+var colors = {
+  brand: "#4c2b8b",
+  primary: "#521ec9",
+  primarySoft: "#8466CA",
+  accent: "#ffcd1c",
+  accentSoft: "#FFF8EA",
+  primaryActive: "#6029df",
+  primaryInactive: "#a489e2",
+  common: {
+    transparent: "transparent",
+    white: "#ffffff",
+    black: "#000000",
+    muted: "#f4f3fb"
+  },
+  background: {
+    primary: "#E8E9FF",
+    primary97: "#F4F3FB",
+    primary99: "#F9F9FF",
+    accent: "#FFF8EA",
+    surface: "#FFFFFF",
+    success: "#D1FBE2",
+    failure: "#FFF0F0",
+    neutral: "#FAFAFA",
+    highlight: "#F4F3FB",
+    highlightLight: "#F9F9FF"
+  },
+  text: {
+    normal: "#2b2b2b",
+    secondary: "#666666",
+    subtle: "#7A7F86",
+    lighter: "#8B8B8B",
+    secondaryAllCaps: "#A2A1A1",
+    emptyState: "#999999"
+  },
+  border: {
+    normal: "#2B2B2B",
+    dark: "#AAAAAA",
+    important: "#CCC9C9",
+    medium: "#E5E5E5",
+    semi: "#EBEBEB",
+    light: "#EFEFEF",
+    superLight: "#F1F1F3"
+  },
+  neutrals: {
+    "40": "#666666",
+    "80": "#CCCBCB",
+    "92": "#EAEAEA",
+    "94": "#EFEFEF",
+    "96": "#F5F5F5",
+    "97": "#F7F7F7"
+  },
+  status: {
+    success: "#4dbf8b",
+    success90: "#D1FBE2",
+    failure: "#e85b5b",
+    stopped: "#898989",
+    info: "blue",
+    debugging: "#ffcd1c",
+    warning: "#FFB100",
+    initialized: "#999999",
+    recording: "#EF2E51",
+    paused: "#ffcd1c",
+    skipped: "#8A8A8A"
+  },
+  code: {
+    blue: "#82aaff",
+    violet: "#c792ea",
+    yellow: "#d4c612",
+    red: "#ff5370",
+    ruby: "#f17c83"
+  },
+  block: {
+    if: {
+      background: "#f2f8fc",
+      marker: "#cfeeff"
+    }
+  }
+};
+var theme = {
+  colors
+};
+var useTheme = () => ({ theme });
+
 // src/app/hooks/useFeatureQuery.ts
 import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 var useFeatureQuery = (fn, deps) => {
@@ -326,14 +421,14 @@ var STATUS_COLOR = {
 // src/app/components/Header/Header.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Header = ({ authenticated }) => {
-  const { theme } = useTheme();
+  const { theme: theme2 } = useTheme();
   const status = useConnectionStatus(authenticated);
   const project = useCurrentProject(authenticated);
   const identity = authenticated ? status.identity : void 0;
   const state = authenticated ? status.state : "unauthenticated";
   const showDetail = authenticated && (status.state === "error" || status.state === "unauthenticated") && !!status.message;
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx3(Box, { marginRight: 1, children: /* @__PURE__ */ jsx3(Text, { color: theme.colors.brand, children: BUGBUG_LOGO_ASCII }) }),
+    /* @__PURE__ */ jsx3(Box, { marginRight: 1, children: /* @__PURE__ */ jsx3(Text, { color: theme2.colors.brand, children: BUGBUG_LOGO_ASCII }) }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs(Text, { children: [
         /* @__PURE__ */ jsx3(Text, { bold: true, children: "BugBug" }),
@@ -489,15 +584,152 @@ var ShortcutsGrid = () => /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, borderStyl
   /* @__PURE__ */ jsx5(ShortcutColumn, { title: "Actions", items: ACTION_SHORTCUTS })
 ] });
 
+// src/features/tui/EscController.tsx
+import { useInput } from "ink";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect4, useRef } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var EscContext = createContext2(null);
+var EscProvider = ({
+  onUnhandled,
+  canGoBack = true,
+  children
+}) => {
+  const handlersRef = useRef([]);
+  const register = (handler) => {
+    handlersRef.current.push(handler);
+    return () => {
+      handlersRef.current = handlersRef.current.filter((h) => h !== handler);
+    };
+  };
+  useInput((_input, key) => {
+    if (!key.escape) return;
+    for (let i = handlersRef.current.length - 1; i >= 0; i -= 1) {
+      if (handlersRef.current[i]()) return;
+    }
+    onUnhandled();
+  });
+  return /* @__PURE__ */ jsx6(EscContext.Provider, { value: { register, canGoBack }, children });
+};
+var useEscHandler = (handler) => {
+  const registry = useContext2(EscContext);
+  const handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  useEffect4(() => {
+    if (!registry) return void 0;
+    return registry.register(() => handlerRef.current());
+  }, [registry]);
+};
+var useCanGoBack = () => {
+  const registry = useContext2(EscContext);
+  return registry?.canGoBack ?? false;
+};
+
+// src/features/tui/ShortcutController.tsx
+import { useInput as useInput2 } from "ink";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect5, useRef as useRef2 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var ShortcutContext = createContext3(null);
+var ShortcutProvider = ({ children }) => {
+  const entriesRef = useRef2([]);
+  const blockerCountRef = useRef2(0);
+  const nextOrderRef = useRef2(0);
+  const register = (handler, options = {}) => {
+    const entry = {
+      handler,
+      priority: options.priority ?? 0,
+      order: nextOrderRef.current
+    };
+    nextOrderRef.current += 1;
+    entriesRef.current.push(entry);
+    return () => {
+      entriesRef.current = entriesRef.current.filter((current) => current !== entry);
+    };
+  };
+  const block = () => {
+    blockerCountRef.current += 1;
+    return () => {
+      blockerCountRef.current = Math.max(0, blockerCountRef.current - 1);
+    };
+  };
+  useInput2((input, key) => {
+    if (blockerCountRef.current > 0) return;
+    const entries = entriesRef.current.toSorted((a, b) => {
+      if (a.priority !== b.priority) return b.priority - a.priority;
+      return b.order - a.order;
+    });
+    for (const entry of entries) {
+      if (entry.handler({ input, key })) return;
+    }
+  });
+  return /* @__PURE__ */ jsx7(ShortcutContext.Provider, { value: { register, block }, children });
+};
+var useShortcutHandler = (handler, options = {}) => {
+  const registry = useContext3(ShortcutContext);
+  const handlerRef = useRef2(handler);
+  const priorityRef = useRef2(options.priority);
+  handlerRef.current = handler;
+  priorityRef.current = options.priority;
+  useEffect5(() => {
+    if (!registry) return void 0;
+    return registry.register((event) => handlerRef.current(event), {
+      priority: priorityRef.current
+    });
+  }, [registry]);
+};
+var useShortcutBlocker = (enabled = true) => {
+  const registry = useContext3(ShortcutContext);
+  useEffect5(() => {
+    if (!registry || !enabled) return void 0;
+    return registry.block();
+  }, [registry, enabled]);
+};
+
 // src/features/tui/ShortcutController.constants.ts
 var GLOBAL_SHORTCUT_PRIORITY = -100;
 var HELP_SHORTCUT_PRIORITY = 100;
 
+// src/app/routes.ts
+var ROUTES = {
+  root: () => "/",
+  view: (viewKey) => `/${viewKey}`,
+  action: (viewKey, actionKey) => `/${viewKey}/${actionKey}`,
+  tests: {
+    list: () => "/tests/list",
+    details: (testId) => `/tests/${testId}`,
+    run: (testId) => `/tests/${testId}/run`,
+    lastRun: (testId) => `/tests/${testId}/lastRun`,
+    export: (testId) => `/tests/${testId}/export`,
+    open: (testId) => `/tests/${testId}/open`
+  },
+  testRuns: {
+    root: () => "/testruns",
+    list: () => "/testruns/list",
+    details: (runId) => `/testruns/${runId}`,
+    debugArtifacts: (runId) => `/testruns/${runId}/debugArtifacts`,
+    junitReport: (runId) => `/testruns/${runId}/junitReport`,
+    open: (runId) => `/testruns/${runId}/open`
+  },
+  suites: {
+    list: () => "/suites/list",
+    details: (suiteId) => `/suites/${suiteId}`,
+    run: (suiteId) => `/suites/${suiteId}/run`,
+    lastRun: (suiteId) => `/suites/${suiteId}/lastRun`,
+    open: (suiteId) => `/suites/${suiteId}/open`
+  },
+  suiteRuns: {
+    root: () => "/suiteruns",
+    list: () => "/suiteruns/list",
+    details: (runId) => `/suiteruns/${runId}`,
+    showTestRuns: (runId) => `/suiteruns/${runId}/showTestRuns`,
+    open: (runId) => `/suiteruns/${runId}/open`
+  }
+};
+
 // src/app/Navigator.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var Navigator = () => {
   const [shortcutsVisible, setShortcutsVisible] = useState4(false);
-  return /* @__PURE__ */ jsx6(ShortcutProvider, { children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(ShortcutProvider, { children: /* @__PURE__ */ jsx8(
     NavigatorShell,
     {
       shortcutsVisible,
@@ -513,7 +745,7 @@ var NavigatorShell = ({
   const navigate = useNavigate2();
   const location = useLocation3();
   const atRoot = location.pathname === ROUTES.root();
-  useInput((input, key) => {
+  useInput3((input, key) => {
     if (key.ctrl && input === "c") {
       exit();
       return;
@@ -546,7 +778,7 @@ var NavigatorShell = ({
     },
     { priority: GLOBAL_SHORTCUT_PRIORITY }
   );
-  return /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx6(AuthGate, { children: (authenticated) => /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx8(Box4, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx8(AuthGate, { children: (authenticated) => /* @__PURE__ */ jsxs3(
     EscProvider,
     {
       canGoBack: !atRoot,
@@ -554,10 +786,10 @@ var NavigatorShell = ({
         if (!atRoot) navigate(-1);
       },
       children: [
-        /* @__PURE__ */ jsx6(Header, { authenticated }),
-        authenticated && /* @__PURE__ */ jsx6(Breadcrumb, {}),
-        /* @__PURE__ */ jsx6(Outlet, {}),
-        shortcutsVisible && /* @__PURE__ */ jsx6(ShortcutsGrid, {})
+        /* @__PURE__ */ jsx8(Header, { authenticated }),
+        authenticated && /* @__PURE__ */ jsx8(Breadcrumb, {}),
+        /* @__PURE__ */ jsx8(Outlet, {}),
+        shortcutsVisible && /* @__PURE__ */ jsx8(ShortcutsGrid, {})
       ]
     }
   ) }) });
@@ -566,12 +798,115 @@ var NavigatorShell = ({
 // src/app/views/logout/Logout.tsx
 import { StatusMessage } from "@inkjs/ui";
 import { useApp as useApp2 } from "ink";
-import { useEffect as useEffect4, useState as useState5 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState6 } from "react";
+
+// src/features/tui/layouts/ViewLayout/ViewLayout.tsx
+import { Box as Box5, Text as Text4, useInput as useInput4 } from "ink";
+import { useEffect as useEffect6, useState as useState5 } from "react";
+
+// src/features/tui/layouts/ViewLayout/ViewLayout.constants.ts
+var GO_BACK = "Esc to go back";
+var CLOSE = "q to close";
+var NAVIGATION = "\u2191/\u2193 to navigate";
+var SELECT = "Enter to select";
+var SEARCH = "/ search";
+var HELP = "? for shortcuts";
+var VIEW_HINTS = {
+  GO_BACK,
+  CLOSE,
+  SELECT,
+  SEARCH,
+  HELP,
+  SEARCH_MODE_DEFAULT: "type to search \xB7 Enter to search \xB7 Esc to clear",
+  NAVIGATION_SELECT: `${NAVIGATION} \xB7 ${SELECT}`,
+  CONFIRM: "Enter to confirm",
+  NAVIGATION_OPEN_SELECT: `${NAVIGATION} \xB7 Enter to open/select`
+};
+var HINT_TEXT = {
+  confirm: VIEW_HINTS.CONFIRM,
+  navigationOpenSelect: VIEW_HINTS.NAVIGATION_OPEN_SELECT,
+  navigationSelect: VIEW_HINTS.NAVIGATION_SELECT
+};
+
+// src/features/tui/layouts/ViewLayout/ViewLayout.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var ViewLayout = ({
+  title,
+  hints: hintsOverride,
+  hintsHidden = false,
+  hintsPosition = "top",
+  searchable = false,
+  onSearch,
+  onSearchModeChange,
+  children
+}) => {
+  const canGoBack = useCanGoBack();
+  const [searchMode, setSearchMode] = useState5(false);
+  const [searchText, setSearchText] = useState5("");
+  const defaultHints = [VIEW_HINTS.NAVIGATION_SELECT, searchable ? VIEW_HINTS.SEARCH : null];
+  const localHints = hintsOverride === "none" ? [] : hintsOverride !== void 0 ? [HINT_TEXT[hintsOverride]] : defaultHints;
+  const hintsParts = [
+    ...hintsHidden ? [] : localHints,
+    VIEW_HINTS.HELP,
+    canGoBack ? VIEW_HINTS.GO_BACK : VIEW_HINTS.CLOSE
+  ];
+  const hints = hintsHidden ? hintsParts.filter(Boolean).join(" \xB7 ") : searchMode ? VIEW_HINTS.SEARCH_MODE_DEFAULT : hintsParts.filter(Boolean).join(" \xB7 ");
+  const showSearch = searchable && (searchMode || searchText);
+  const showTopHints = hints && hintsPosition === "top";
+  const showBottomHints = hints && hintsPosition === "bottom";
+  useEffect6(() => {
+    onSearchModeChange?.(searchMode);
+  }, [onSearchModeChange, searchMode]);
+  useShortcutBlocker(searchMode);
+  useEscHandler(() => {
+    if (!searchable) return false;
+    if (searchMode) {
+      setSearchMode(false);
+      setSearchText("");
+      if (onSearch && searchText) onSearch("");
+      return true;
+    }
+    if (searchText) {
+      setSearchText("");
+      onSearch?.("");
+      return true;
+    }
+    return false;
+  });
+  useInput4((input, key) => {
+    if (!searchable) return;
+    if (searchMode) {
+      if (key.return) {
+        setSearchMode(false);
+        onSearch?.(searchText);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setSearchText((current) => current.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta && !key.escape) {
+        setSearchText((current) => current + input);
+      }
+      return;
+    }
+    if (input === "/") setSearchMode(true);
+  });
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
+    title && /* @__PURE__ */ jsx9(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text4, { bold: true, children: title }) }),
+    showTopHints && /* @__PURE__ */ jsx9(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text4, { dimColor: true, children: hints }) }),
+    showSearch && /* @__PURE__ */ jsx9(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text4, { children: `Search: ${searchText}${searchMode ? "\u2588" : ""}` }) }),
+    /* @__PURE__ */ jsx9(Box5, { flexDirection: "column", children }),
+    showBottomHints && /* @__PURE__ */ jsx9(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text4, { dimColor: true, children: hints }) })
+  ] });
+};
+
+// src/app/views/logout/Logout.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
 var Logout = () => {
   const { exit } = useApp2();
-  const [error, setError] = useState5(null);
-  useEffect4(() => {
+  const [error, setError] = useState6(null);
+  useEffect7(() => {
     let cleared;
     try {
       ({ cleared } = logout());
@@ -582,7 +917,7 @@ var Logout = () => {
     process.stdout.write(cleared ? "Logged out.\n" : "Already logged out.\n");
     exit();
   }, [exit]);
-  return /* @__PURE__ */ jsx7(ViewLayout, { title: "Logout", hintsHidden: true, children: error && /* @__PURE__ */ jsx7(StatusMessage, { variant: "error", children: `Error: ${error}` }) });
+  return /* @__PURE__ */ jsx10(ViewLayout, { title: "Logout", hintsHidden: true, children: error && /* @__PURE__ */ jsx10(StatusMessage, { variant: "error", children: `Error: ${error}` }) });
 };
 
 // src/app/hooks/useIsUserToken.ts
@@ -596,8 +931,162 @@ var useIsUserToken = () => {
   return auth.isUserToken || query.data === "user";
 };
 
+// src/features/tui/components/MenuList/MenuList.tsx
+import { useNavigate as useNavigate3 } from "react-router";
+
+// src/features/tui/components/VirtualizedList/VirtualizedList.tsx
+import { Box as Box6, Text as Text5, useInput as useInput5, useStdout } from "ink";
+import { useRef as useRef3, useState as useState7 } from "react";
+
+// src/features/tui/components/VirtualizedList/VirtualizedList.constants.ts
+var DEFAULT_RESERVED_TERMINAL_ROWS = 13;
+var MIN_VIEWPORT_ROWS = 3;
+var FALLBACK_TERMINAL_ROWS = 24;
+
+// src/features/tui/components/VirtualizedList/VirtualizedList.utils.ts
+var getVirtualizedListRange = ({
+  itemCount,
+  activeIndex,
+  viewportSize,
+  previousStart = 0
+}) => {
+  const maxStart = Math.max(0, itemCount - viewportSize);
+  let start = Math.min(previousStart, maxStart);
+  if (activeIndex < start) start = activeIndex;
+  else if (activeIndex >= start + viewportSize) start = activeIndex - viewportSize + 1;
+  start = Math.max(0, Math.min(start, maxStart));
+  const end = Math.min(itemCount, start + viewportSize);
+  return {
+    start,
+    end,
+    hiddenAbove: start,
+    hiddenBelow: itemCount - end
+  };
+};
+
+// src/features/tui/components/VirtualizedList/VirtualizedList.tsx
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var VirtualizedList = ({
+  items,
+  initialSelectedIndex = 0,
+  getKey,
+  renderItem,
+  onSelect,
+  reservedTerminalRows = DEFAULT_RESERVED_TERMINAL_ROWS,
+  navigationDisabled = false
+}) => {
+  const [internalIndex, setInternalIndex] = useState7(initialSelectedIndex);
+  const activeIndex = internalIndex;
+  useInput5((_input, key) => {
+    if (navigationDisabled) return;
+    if (key.upArrow) {
+      setInternalIndex((index) => Math.max(0, index - 1));
+    } else if (key.downArrow) {
+      setInternalIndex((index) => Math.min(Math.max(0, items.length - 1), index + 1));
+    } else if (key.return && onSelect) {
+      const item = items[activeIndex];
+      if (item) onSelect(item, activeIndex);
+    }
+  });
+  const { stdout } = useStdout();
+  const terminalRows = stdout?.rows ?? FALLBACK_TERMINAL_ROWS;
+  const viewportSize = Math.max(
+    MIN_VIEWPORT_ROWS,
+    Math.min(items.length, terminalRows - reservedTerminalRows)
+  );
+  const startRef = useRef3(0);
+  const { start, end, hiddenAbove, hiddenBelow } = getVirtualizedListRange({
+    itemCount: items.length,
+    activeIndex,
+    viewportSize,
+    previousStart: startRef.current
+  });
+  startRef.current = start;
+  const visibleItems = items.slice(start, end);
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+    hiddenAbove > 0 && /* @__PURE__ */ jsx11(Text5, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }, "virtualized-list-hidden-above"),
+    visibleItems.map((item, offset) => {
+      const index = start + offset;
+      return /* @__PURE__ */ jsx11(Box6, { children: renderItem(item, index, index === activeIndex) }, getKey(item, index));
+    }),
+    hiddenBelow > 0 && /* @__PURE__ */ jsx11(Text5, { dimColor: true, children: `  \u2193 ${hiddenBelow} more` }, "virtualized-list-hidden-below")
+  ] });
+};
+
+// src/features/tui/components/MenuList/MenuListItem.tsx
+import { Box as Box7, Text as Text8 } from "ink";
+
+// src/features/tui/components/SelectableOption/SelectableOption.tsx
+import { Text as Text7 } from "ink";
+
+// src/features/tui/components/SelectableOption/SelectableOption.utils.ts
+var SELECTION_PREFIX = "\u25BA ";
+var SELECTION_PREFIX_EMPTY = "  ";
+var getSelectableColors = (selected, theme2) => ({
+  color: selected ? "white" : void 0,
+  backgroundColor: selected ? theme2.colors.primary : void 0
+});
+
+// src/features/tui/components/SelectableOption/SelectionPrefix.tsx
+import { Text as Text6 } from "ink";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var SelectionPrefix = ({ selected }) => {
+  const { theme: theme2 } = useTheme();
+  const { color, backgroundColor } = getSelectableColors(selected, theme2);
+  return /* @__PURE__ */ jsx12(Text6, { color, backgroundColor, children: selected ? SELECTION_PREFIX : SELECTION_PREFIX_EMPTY });
+};
+
+// src/features/tui/components/SelectableOption/SelectableOption.tsx
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+var SelectableOption = ({ selected, children }) => {
+  const { theme: theme2 } = useTheme();
+  const { color, backgroundColor } = getSelectableColors(selected, theme2);
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx13(Fragment2, { children: children({ selected, color, backgroundColor }) });
+  }
+  return /* @__PURE__ */ jsxs6(Text7, { color, backgroundColor, children: [
+    /* @__PURE__ */ jsx13(SelectionPrefix, { selected }),
+    children
+  ] });
+};
+
+// src/features/tui/components/MenuList/MenuListItem.tsx
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var MenuListItem = ({ item, selected }) => /* @__PURE__ */ jsxs7(Box7, { children: [
+  SelectableOption({ selected, children: item.label }),
+  item.description && selected && /* @__PURE__ */ jsx14(Text8, { dimColor: true, children: ` \u2014 ${item.description}` })
+] });
+
+// src/features/tui/components/MenuList/MenuList.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var MenuList = ({ options, onSelect }) => {
+  const navigate = useNavigate3();
+  const handleSelectItem = (item) => {
+    if (item.to) {
+      navigate(item.to, { state: item.state });
+      return;
+    }
+    onSelect?.(item);
+  };
+  useShortcutHandler(({ input }) => {
+    const item = options.find((option) => option.shortcut === input);
+    if (!item) return false;
+    handleSelectItem(item);
+    return true;
+  });
+  return /* @__PURE__ */ jsx15(
+    VirtualizedList,
+    {
+      items: options,
+      getKey: (item) => item.key ?? item.to ?? item.label,
+      renderItem: (item, _index, selected) => /* @__PURE__ */ jsx15(MenuListItem, { item, selected }),
+      onSelect: handleSelectItem
+    }
+  );
+};
+
 // src/app/views/MainMenu.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var MainMenu = () => {
   const isUserToken = useIsUserToken();
   const canSwitchProject = !hasProjectConfigFile();
@@ -650,7 +1139,7 @@ var MainMenu = () => {
       }
     ] : []
   ];
-  return /* @__PURE__ */ jsx8(ViewLayout, { children: /* @__PURE__ */ jsx8(MenuList, { options }) });
+  return /* @__PURE__ */ jsx16(ViewLayout, { children: /* @__PURE__ */ jsx16(MenuList, { options }) });
 };
 
 // src/app/hooks/useProfiles.ts
@@ -672,11 +1161,11 @@ var getProfileRow = (profile) => ({
 
 // src/features/tui/components/BaseResourceListScreen/BaseResourceListScreen.tsx
 import { Spinner, StatusMessage as StatusMessage2 } from "@inkjs/ui";
-import { Box as Box7 } from "ink";
-import { useState as useState6 } from "react";
+import { Box as Box10 } from "ink";
+import { useState as useState8 } from "react";
 
 // src/features/tui/components/TableList/TableList.tsx
-import { Box as Box6, Text as Text5 } from "ink";
+import { Box as Box9, Text as Text10 } from "ink";
 
 // src/features/tui/components/TableList/TableList.utils.ts
 var fitCell = (value, width) => {
@@ -686,21 +1175,21 @@ var fitCell = (value, width) => {
 };
 
 // src/features/tui/components/TableList/TableListRow.tsx
-import { Box as Box5, Text as Text4 } from "ink";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text9 } from "ink";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var TableListRow = ({
   columns,
   row,
   selected
-}) => /* @__PURE__ */ jsx9(SelectableOption, { selected, children: ({ color, backgroundColor }) => /* @__PURE__ */ jsxs4(Box5, { children: [
-  /* @__PURE__ */ jsx9(SelectionPrefix, { selected }),
+}) => /* @__PURE__ */ jsx17(SelectableOption, { selected, children: ({ color, backgroundColor }) => /* @__PURE__ */ jsxs8(Box8, { children: [
+  /* @__PURE__ */ jsx17(SelectionPrefix, { selected }),
   columns.map((column, i) => {
     const sep = i === 0 ? "" : "  ";
     const cell = row.cells[column.key];
     if (column.render) {
-      return /* @__PURE__ */ jsxs4(Box5, { children: [
-        sep ? /* @__PURE__ */ jsx9(Text4, { backgroundColor, children: sep }) : null,
-        /* @__PURE__ */ jsx9(Box5, { width: column.width, children: column.render(cell, row, {
+      return /* @__PURE__ */ jsxs8(Box8, { children: [
+        sep ? /* @__PURE__ */ jsx17(Text9, { backgroundColor, children: sep }) : null,
+        /* @__PURE__ */ jsx17(Box8, { width: column.width, children: column.render(cell, row, {
           selected,
           width: column.width,
           color,
@@ -708,7 +1197,7 @@ var TableListRow = ({
         }) })
       ] }, column.key);
     }
-    return /* @__PURE__ */ jsxs4(Text4, { color, backgroundColor, children: [
+    return /* @__PURE__ */ jsxs8(Text9, { color, backgroundColor, children: [
       sep,
       fitCell(cell, column.width)
     ] }, column.key);
@@ -716,32 +1205,32 @@ var TableListRow = ({
 ] }) });
 
 // src/features/tui/components/TableList/TableList.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var TableList = ({
   columns,
   rows,
   navigationDisabled = false,
   onSelect
-}) => /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-  /* @__PURE__ */ jsx10(Box6, { children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+}) => /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+  /* @__PURE__ */ jsx18(Box9, { children: /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
     "  ",
     columns.map((column) => fitCell(column.label, column.width)).join("  ")
   ] }) }),
-  /* @__PURE__ */ jsx10(
+  /* @__PURE__ */ jsx18(
     VirtualizedList,
     {
       items: rows,
       reservedTerminalRows: DEFAULT_RESERVED_TERMINAL_ROWS + 1,
       navigationDisabled,
       getKey: (row) => row.key,
-      renderItem: (row, _rowIndex, selected) => /* @__PURE__ */ jsx10(TableListRow, { columns, row, selected: !navigationDisabled && selected }),
+      renderItem: (row, _rowIndex, selected) => /* @__PURE__ */ jsx18(TableListRow, { columns, row, selected: !navigationDisabled && selected }),
       onSelect: (row) => onSelect?.(row)
     }
   )
 ] });
 
 // src/features/tui/components/BaseResourceListScreen/BaseResourceListScreen.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var BaseResourceListScreen = ({
   title,
   loadingLabel,
@@ -758,11 +1247,11 @@ var BaseResourceListScreen = ({
   onSelectResource
 }) => {
   const rows = resources ?? [];
-  const [searchMode, setSearchMode] = useState6(false);
+  const [searchMode, setSearchMode] = useState8(false);
   const handleSelect = (row) => {
     if (row.value !== void 0 && onSelectResource) onSelectResource(row.value);
   };
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs10(
     ViewLayout,
     {
       title: query ? `Search: "${query}"` : title,
@@ -770,10 +1259,10 @@ var BaseResourceListScreen = ({
       onSearch,
       onSearchModeChange: setSearchMode,
       children: [
-        isLoading && /* @__PURE__ */ jsx11(Box7, { children: /* @__PURE__ */ jsx11(Spinner, { label: loadingLabel }) }),
-        isError && /* @__PURE__ */ jsx11(StatusMessage2, { variant: "error", children: error }),
-        !isLoading && !isError && rows.length === 0 && !query && /* @__PURE__ */ jsx11(StatusMessage2, { variant: "warning", children: emptyMessage }),
-        !isLoading && !isError && (rows.length > 0 || query) && /* @__PURE__ */ jsx11(
+        isLoading && /* @__PURE__ */ jsx19(Box10, { children: /* @__PURE__ */ jsx19(Spinner, { label: loadingLabel }) }),
+        isError && /* @__PURE__ */ jsx19(StatusMessage2, { variant: "error", children: error }),
+        !isLoading && !isError && rows.length === 0 && !query && /* @__PURE__ */ jsx19(StatusMessage2, { variant: "warning", children: emptyMessage }),
+        !isLoading && !isError && (rows.length > 0 || query) && /* @__PURE__ */ jsx19(
           TableList,
           {
             columns,
@@ -788,10 +1277,10 @@ var BaseResourceListScreen = ({
 };
 
 // src/app/views/profiles/ProfilesList.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var ProfilesList = () => {
   const request = useProfilesList();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx20(
     BaseResourceListScreen,
     {
       title: "Profiles",
@@ -809,27 +1298,27 @@ var ProfilesList = () => {
 
 // src/app/views/profiles/ProfilesMenu.tsx
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { useEffect as useEffect5 } from "react";
-import { useNavigate as useNavigate3 } from "react-router";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useEffect as useEffect8 } from "react";
+import { useNavigate as useNavigate4 } from "react-router";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var ProfilesMenu = () => {
-  const navigate = useNavigate3();
-  useEffect5(() => {
+  const navigate = useNavigate4();
+  useEffect8(() => {
     navigate("/profiles/list", { replace: true });
   }, [navigate]);
-  return /* @__PURE__ */ jsx13(Spinner2, { label: "Loading..." });
+  return /* @__PURE__ */ jsx21(Spinner2, { label: "Loading..." });
 };
 
 // src/app/views/project/ProjectExport.tsx
 import { Spinner as Spinner3, StatusMessage as StatusMessage3 } from "@inkjs/ui";
-import { useEffect as useEffect6, useState as useState8 } from "react";
+import { useEffect as useEffect9, useState as useState10 } from "react";
 
 // src/app/hooks/useFeatureMutation.ts
-import { useCallback as useCallback3, useRef, useState as useState7 } from "react";
+import { useCallback as useCallback3, useRef as useRef4, useState as useState9 } from "react";
 var useFeatureMutation = (fn) => {
-  const fnRef = useRef(fn);
-  const activeMutationRef = useRef(0);
-  const [state, setState] = useState7({
+  const fnRef = useRef4(fn);
+  const activeMutationRef = useRef4(0);
+  const [state, setState] = useState9({
     data: void 0,
     error: void 0,
     status: "idle"
@@ -870,48 +1359,48 @@ var useFeatureMutation = (fn) => {
 };
 
 // src/features/tui/components/TextInput/TextInput.tsx
-import { Box as Box8, Text as Text6 } from "ink";
+import { Box as Box11, Text as Text11 } from "ink";
 import InkTextInput from "ink-text-input";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var TextInput = (props) => {
   useShortcutBlocker();
-  return /* @__PURE__ */ jsxs7(Box8, { children: [
-    /* @__PURE__ */ jsx14(Text6, { color: "cyan", children: "\u203A " }),
-    /* @__PURE__ */ jsx14(InkTextInput, { ...props })
+  return /* @__PURE__ */ jsxs11(Box11, { children: [
+    /* @__PURE__ */ jsx22(Text11, { color: "cyan", children: "\u203A " }),
+    /* @__PURE__ */ jsx22(InkTextInput, { ...props })
   ] });
 };
 
 // src/app/views/project/ProjectExport.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var ProjectExport = () => {
-  const [outputValue, setOutputValue] = useState8("");
-  const [output, setOutput] = useState8(null);
+  const [outputValue, setOutputValue] = useState10("");
+  const [output, setOutput] = useState10(null);
   const [exportProjectMutation, exportProjectResult] = useFeatureMutation(
     (outputPath) => exportProject(outputPath || void 0)
   );
-  useEffect6(() => {
+  useEffect9(() => {
     if (output !== null) void exportProjectMutation(output);
   }, [exportProjectMutation, output]);
   if (output === null) {
-    return /* @__PURE__ */ jsx15(ViewLayout, { title: "Output file (blank = auto)", hints: "confirm", hintsPosition: "bottom", children: /* @__PURE__ */ jsx15(TextInput, { value: outputValue, onChange: setOutputValue, onSubmit: setOutput }) });
+    return /* @__PURE__ */ jsx23(ViewLayout, { title: "Output file (blank = auto)", hints: "confirm", hintsPosition: "bottom", children: /* @__PURE__ */ jsx23(TextInput, { value: outputValue, onChange: setOutputValue, onSubmit: setOutput }) });
   }
-  return /* @__PURE__ */ jsxs8(ViewLayout, { hintsHidden: true, children: [
-    exportProjectResult.isLoading && /* @__PURE__ */ jsx15(Spinner3, { label: "Exporting project..." }),
-    exportProjectResult.isError && /* @__PURE__ */ jsx15(StatusMessage3, { variant: "error", children: exportProjectResult.error }),
-    exportProjectResult.data && /* @__PURE__ */ jsx15(StatusMessage3, { variant: "success", children: `Exported project to ${exportProjectResult.data.outPath} (${exportProjectResult.data.size} bytes)` })
+  return /* @__PURE__ */ jsxs12(ViewLayout, { hintsHidden: true, children: [
+    exportProjectResult.isLoading && /* @__PURE__ */ jsx23(Spinner3, { label: "Exporting project..." }),
+    exportProjectResult.isError && /* @__PURE__ */ jsx23(StatusMessage3, { variant: "error", children: exportProjectResult.error }),
+    exportProjectResult.data && /* @__PURE__ */ jsx23(StatusMessage3, { variant: "success", children: `Exported project to ${exportProjectResult.data.outPath} (${exportProjectResult.data.size} bytes)` })
   ] });
 };
 
 // src/app/views/project/ProjectImport.tsx
 import { Spinner as Spinner4, StatusMessage as StatusMessage4 } from "@inkjs/ui";
-import { useEffect as useEffect7, useState as useState10 } from "react";
-import { useNavigate as useNavigate4 } from "react-router";
+import { useEffect as useEffect10, useState as useState12 } from "react";
+import { useNavigate as useNavigate5 } from "react-router";
 
 // src/features/tui/components/FilePicker/FilePicker.tsx
 import { readdirSync } from "fs";
 import { dirname, join, resolve } from "path";
-import { Box as Box9, Text as Text7 } from "ink";
-import { useMemo, useState as useState9 } from "react";
+import { Box as Box12, Text as Text12 } from "ink";
+import { useMemo, useState as useState11 } from "react";
 
 // src/utils/filePicker.ts
 import { extname } from "path";
@@ -937,7 +1426,7 @@ var toFilePickerItems = (entries, allowedExtensions) => {
 };
 
 // src/features/tui/components/FilePicker/FilePicker.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var FilePicker = ({
   label,
   extensions,
@@ -945,7 +1434,7 @@ var FilePicker = ({
   onSubmit,
   onBack
 }) => {
-  const [currentDir, setCurrentDir] = useState9(() => resolve(userCwd(), initialDir));
+  const [currentDir, setCurrentDir] = useState11(() => resolve(userCwd(), initialDir));
   useEscHandler(() => {
     onBack();
     return true;
@@ -981,8 +1470,8 @@ var FilePicker = ({
     }
     onSubmit(join(currentDir, selected.name));
   };
-  return /* @__PURE__ */ jsx16(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsxs9(ViewLayout, { title: `${label}: ${currentDir}`, hints: "navigationOpenSelect", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx24(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs13(ViewLayout, { title: `${label}: ${currentDir}`, hints: "navigationOpenSelect", children: [
+    /* @__PURE__ */ jsx24(
       MenuList,
       {
         options: items.map((item) => ({ label: item.label, value: item })),
@@ -990,22 +1479,22 @@ var FilePicker = ({
       },
       currentDir
     ),
-    items.length === 0 && /* @__PURE__ */ jsx16(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text7, { dimColor: true, children: "No matching files in this directory." }) }),
-    error && /* @__PURE__ */ jsx16(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text7, { color: "red", children: error }) })
+    items.length === 0 && /* @__PURE__ */ jsx24(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx24(Text12, { dimColor: true, children: "No matching files in this directory." }) }),
+    error && /* @__PURE__ */ jsx24(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx24(Text12, { color: "red", children: error }) })
   ] }) });
 };
 
 // src/app/views/project/ProjectImport.tsx
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 var ProjectImport = () => {
-  const navigate = useNavigate4();
-  const [file, setFile] = useState10(null);
+  const navigate = useNavigate5();
+  const [file, setFile] = useState12(null);
   const [importProjectMutation, importProjectResult] = useFeatureMutation(importProject);
-  useEffect7(() => {
+  useEffect10(() => {
     if (file) importProjectMutation(file);
   }, [file, importProjectMutation]);
   if (!file) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx25(
       FilePicker,
       {
         label: "Select .zip file",
@@ -1015,29 +1504,29 @@ var ProjectImport = () => {
       }
     );
   }
-  return /* @__PURE__ */ jsxs10(ViewLayout, { hintsHidden: true, children: [
-    importProjectResult.isLoading && /* @__PURE__ */ jsx17(Spinner4, { label: `Importing project from ${file}...` }),
-    importProjectResult.isError && /* @__PURE__ */ jsx17(StatusMessage4, { variant: "error", children: importProjectResult.error }),
-    importProjectResult.data && /* @__PURE__ */ jsx17(StatusMessage4, { variant: "success", children: `Project import started from ${importProjectResult.data.path} (${importProjectResult.data.size} bytes)` })
+  return /* @__PURE__ */ jsxs14(ViewLayout, { hintsHidden: true, children: [
+    importProjectResult.isLoading && /* @__PURE__ */ jsx25(Spinner4, { label: `Importing project from ${file}...` }),
+    importProjectResult.isError && /* @__PURE__ */ jsx25(StatusMessage4, { variant: "error", children: importProjectResult.error }),
+    importProjectResult.data && /* @__PURE__ */ jsx25(StatusMessage4, { variant: "success", children: `Project import started from ${importProjectResult.data.path} (${importProjectResult.data.size} bytes)` })
   ] });
 };
 
 // src/app/views/project/ProjectInit.tsx
 import { useApp as useApp3 } from "ink";
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { useLocation as useLocation4, useNavigate as useNavigate5 } from "react-router";
+import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useLocation as useLocation4, useNavigate as useNavigate6 } from "react-router";
 
 // src/app/components/ProjectPicker/ProjectPicker.tsx
 import { Spinner as Spinner5, StatusMessage as StatusMessage5 } from "@inkjs/ui";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var ProjectPicker = ({ onSelect, currentProjectId }) => {
   const projectsQuery = useFeatureQuery(listProjects, []);
   const projects = projectsQuery.data ?? [];
-  return /* @__PURE__ */ jsxs11(ViewLayout, { title: "Choose BugBug project", hints: "navigationSelect", children: [
-    projectsQuery.isLoading && /* @__PURE__ */ jsx18(Spinner5, { label: "Loading projects..." }),
-    projectsQuery.isError && /* @__PURE__ */ jsx18(StatusMessage5, { variant: "error", children: `Error: ${projectsQuery.error ?? "Unknown error"}` }),
-    !projectsQuery.isLoading && !projectsQuery.isError && projects.length === 0 && /* @__PURE__ */ jsx18(StatusMessage5, { variant: "warning", children: "No projects found" }),
-    !projectsQuery.isLoading && !projectsQuery.isError && projects.length > 0 && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs15(ViewLayout, { title: "Choose BugBug project", hints: "navigationSelect", children: [
+    projectsQuery.isLoading && /* @__PURE__ */ jsx26(Spinner5, { label: "Loading projects..." }),
+    projectsQuery.isError && /* @__PURE__ */ jsx26(StatusMessage5, { variant: "error", children: `Error: ${projectsQuery.error ?? "Unknown error"}` }),
+    !projectsQuery.isLoading && !projectsQuery.isError && projects.length === 0 && /* @__PURE__ */ jsx26(StatusMessage5, { variant: "warning", children: "No projects found" }),
+    !projectsQuery.isLoading && !projectsQuery.isError && projects.length > 0 && /* @__PURE__ */ jsx26(
       MenuList,
       {
         options: projects.map((project) => ({
@@ -1055,15 +1544,15 @@ var ProjectPicker = ({ onSelect, currentProjectId }) => {
 
 // src/app/views/project/ProjectInitAuth.tsx
 import { StatusMessage as StatusMessage6 } from "@inkjs/ui";
-import { useState as useState11 } from "react";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 var ProjectInitAuth = ({
   onTokenReceive,
   onTokenError,
   message
 }) => {
-  const [method, setMethod] = useState11("choose");
-  const [tokenInput, setTokenInput] = useState11("");
+  const [method, setMethod] = useState13("choose");
+  const [tokenInput, setTokenInput] = useState13("");
   const handleLogin = () => {
     void (async () => {
       try {
@@ -1089,8 +1578,8 @@ var ProjectInitAuth = ({
     }
   };
   if (method === "token") {
-    return /* @__PURE__ */ jsx19(EscProvider, { onUnhandled: () => setMethod("choose"), children: /* @__PURE__ */ jsxs12(ViewLayout, { title: "BugBug project API token", hints: "confirm", hintsPosition: "bottom", children: [
-      /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx27(EscProvider, { onUnhandled: () => setMethod("choose"), children: /* @__PURE__ */ jsxs16(ViewLayout, { title: "BugBug project API token", hints: "confirm", hintsPosition: "bottom", children: [
+      /* @__PURE__ */ jsx27(
         TextInput,
         {
           value: tokenInput,
@@ -1099,11 +1588,11 @@ var ProjectInitAuth = ({
           mask: "*"
         }
       ),
-      message && /* @__PURE__ */ jsx19(StatusMessage6, { variant: "error", children: `Error: ${message}` })
+      message && /* @__PURE__ */ jsx27(StatusMessage6, { variant: "error", children: `Error: ${message}` })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs12(ViewLayout, { title: "How do you want to authenticate?", hints: "navigationSelect", children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs16(ViewLayout, { title: "How do you want to authenticate?", hints: "navigationSelect", children: [
+    /* @__PURE__ */ jsx27(
       MenuList,
       {
         options: [
@@ -1124,27 +1613,27 @@ var ProjectInitAuth = ({
         }
       }
     ),
-    message && /* @__PURE__ */ jsx19(StatusMessage6, { variant: "error", children: `Error: ${message}` })
+    message && /* @__PURE__ */ jsx27(StatusMessage6, { variant: "error", children: `Error: ${message}` })
   ] });
 };
 
 // src/app/views/project/ProjectInit.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var ProjectInit = () => {
   const { exit } = useApp3();
-  const navigate = useNavigate5();
+  const navigate = useNavigate6();
   const location = useLocation4();
   const state = location.state;
   const redirectUrl = state?.redirectUrl ?? "/";
   const onlyThisSession = state?.onlyThisSession ?? false;
   const ignoreConfiguredAuth = state?.ignoreConfiguredAuth ?? false;
   const { auth, config, authError, completeSession } = useNavigatorSession();
-  const [token, setToken] = useState12(
+  const [token, setToken] = useState14(
     ignoreConfiguredAuth ? null : auth.token ?? null
   );
-  const [usingUserToken, setUsingUserToken] = useState12(false);
-  const [error, setError] = useState12(null);
-  useEffect8(() => {
+  const [usingUserToken, setUsingUserToken] = useState14(false);
+  const [error, setError] = useState14(null);
+  useEffect11(() => {
     if (auth.kind !== "ready" || ignoreConfiguredAuth) return;
     if (onlyThisSession) {
       navigate(redirectUrl, { replace: true });
@@ -1181,8 +1670,8 @@ var ProjectInit = () => {
     })();
   };
   const message = error ?? authError;
-  return /* @__PURE__ */ jsxs13(EscProvider, { onUnhandled: exit, children: [
-    !token && /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs17(EscProvider, { onUnhandled: exit, children: [
+    !token && /* @__PURE__ */ jsx28(
       ProjectInitAuth,
       {
         onTokenReceive: handleTokenReceive,
@@ -1190,15 +1679,15 @@ var ProjectInit = () => {
         message
       }
     ),
-    token && /* @__PURE__ */ jsx20(ProjectPicker, { onSelect: handleProjectSelectAndFinish, currentProjectId: auth.projectId })
+    token && /* @__PURE__ */ jsx28(ProjectPicker, { onSelect: handleProjectSelectAndFinish, currentProjectId: auth.projectId })
   ] });
 };
 
 // src/app/views/project/ProjectMenu.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ProjectMenu = () => {
   const canSwitchProject = !hasProjectConfigFile();
-  return /* @__PURE__ */ jsx21(ViewLayout, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx29(ViewLayout, { children: /* @__PURE__ */ jsx29(
     MenuList,
     {
       options: [
@@ -1210,21 +1699,21 @@ var ProjectMenu = () => {
 };
 
 // src/app/views/project/ProjectSwitch.tsx
-import { useNavigate as useNavigate6 } from "react-router";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { useNavigate as useNavigate7 } from "react-router";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ProjectSwitch = () => {
-  const navigate = useNavigate6();
+  const navigate = useNavigate7();
   const { config, setSessionProject } = useNavigatorSession();
   const handleSelect = (project) => {
     switchProject(project.id, { currentProjectId: config.projectId });
     setSessionProject(project.id);
     navigate("/", { replace: true });
   };
-  return /* @__PURE__ */ jsx22(ProjectPicker, { onSelect: handleSelect, currentProjectId: config.projectId });
+  return /* @__PURE__ */ jsx30(ProjectPicker, { onSelect: handleSelect, currentProjectId: config.projectId });
 };
 
 // src/app/views/settings/SettingsMenu.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var SettingsMenu = () => {
   const isUserToken = useIsUserToken();
   const options = [
@@ -1240,19 +1729,19 @@ var SettingsMenu = () => {
       }
     ] : []
   ];
-  return /* @__PURE__ */ jsx23(ViewLayout, { children: /* @__PURE__ */ jsx23(MenuList, { options }) });
+  return /* @__PURE__ */ jsx31(ViewLayout, { children: /* @__PURE__ */ jsx31(MenuList, { options }) });
 };
 
 // src/app/views/settings/SettingsSetSessionToken.tsx
 import { StatusMessage as StatusMessage7 } from "@inkjs/ui";
-import { useState as useState13 } from "react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var SettingsSetSessionToken = () => {
   const { auth, completeSession } = useNavigatorSession();
-  const [tokenValue, setTokenValue] = useState13("");
-  const [token, setToken] = useState13(null);
-  const [error, setError] = useState13(null);
-  const [saved, setSaved] = useState13(false);
+  const [tokenValue, setTokenValue] = useState15("");
+  const [token, setToken] = useState15(null);
+  const [error, setError] = useState15(null);
+  const [saved, setSaved] = useState15(false);
   const handleTokenSubmit = (value) => {
     const trimmed = value.trim();
     if (!trimmed) {
@@ -1274,8 +1763,8 @@ var SettingsSetSessionToken = () => {
     setSaved(true);
   };
   if (token === null) {
-    return /* @__PURE__ */ jsxs14(ViewLayout, { title: "Project API token", hints: "confirm", hintsPosition: "bottom", children: [
-      /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsxs18(ViewLayout, { title: "Project API token", hints: "confirm", hintsPosition: "bottom", children: [
+      /* @__PURE__ */ jsx32(
         TextInput,
         {
           value: tokenValue,
@@ -1284,20 +1773,330 @@ var SettingsSetSessionToken = () => {
           mask: "*"
         }
       ),
-      error && /* @__PURE__ */ jsx24(StatusMessage7, { variant: "error", children: `Error: ${error}` })
+      error && /* @__PURE__ */ jsx32(StatusMessage7, { variant: "error", children: `Error: ${error}` })
     ] });
   }
   if (!saved) {
-    return /* @__PURE__ */ jsx24(ProjectPicker, { onSelect: handleProjectSelect, currentProjectId: auth.projectId });
+    return /* @__PURE__ */ jsx32(ProjectPicker, { onSelect: handleProjectSelect, currentProjectId: auth.projectId });
   }
-  return /* @__PURE__ */ jsx24(ViewLayout, { hintsHidden: true, children: /* @__PURE__ */ jsx24(StatusMessage7, { variant: "success", children: "Token saved and valid only for this session" }) });
+  return /* @__PURE__ */ jsx32(ViewLayout, { hintsHidden: true, children: /* @__PURE__ */ jsx32(StatusMessage7, { variant: "success", children: "Token saved and valid only for this session" }) });
 };
 
 // src/app/views/suiteRuns/SuiteRunDetails.tsx
-import { Spinner as Spinner6, StatusMessage as StatusMessage8 } from "@inkjs/ui";
-import { Text as Text8 } from "ink";
+import { Spinner as Spinner8, StatusMessage as StatusMessage9 } from "@inkjs/ui";
+import { Text as Text17 } from "ink";
 import { useLocation as useLocation5, useParams } from "react-router";
 
+// src/app/components/BaseSuiteRunDetails/BaseSuiteRunDetails.tsx
+import { Spinner as Spinner7, StatusMessage as StatusMessage8 } from "@inkjs/ui";
+import { Box as Box17, useApp as useApp4 } from "ink";
+import { useEffect as useEffect12, useState as useState16 } from "react";
+
+// ../core/dist/utils/duration.js
+var formatDuration = (duration, fallback) => {
+  let totalSeconds = null;
+  if (duration != null && duration !== "") {
+    totalSeconds = typeof duration === "number" ? duration : parseDurationString(duration);
+  }
+  if (totalSeconds == null && fallback?.started && fallback?.ended) {
+    const start = Date.parse(fallback.started);
+    const end = Date.parse(fallback.ended);
+    if (Number.isFinite(start) && Number.isFinite(end) && end >= start) {
+      totalSeconds = (end - start) / 1e3;
+    }
+  }
+  if (totalSeconds == null || !Number.isFinite(totalSeconds) || totalSeconds < 0) {
+    return "-";
+  }
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds - hours * 3600 - minutes * 60;
+  const secondsStr = `${seconds.toFixed(2).padStart(5, "0")}s`;
+  if (hours > 0) {
+    return `${String(hours).padStart(2, "0")}h ${String(minutes).padStart(2, "0")}m ${secondsStr}`;
+  }
+  if (minutes > 0) {
+    return `${String(minutes).padStart(2, "0")}m ${secondsStr}`;
+  }
+  return secondsStr;
+};
+var parseDurationString = (value) => {
+  const trimmed = value.trim();
+  if (trimmed === "") {
+    return null;
+  }
+  const numeric = Number(trimmed);
+  if (Number.isFinite(numeric)) {
+    return numeric;
+  }
+  const iso = /^P(?:(\d+(?:\.\d+)?)D)?(?:T(?:(\d+(?:\.\d+)?)H)?(?:(\d+(?:\.\d+)?)M)?(?:(\d+(?:\.\d+)?)S)?)?$/i.exec(trimmed);
+  if (iso) {
+    const days = Number(iso[1] ?? 0);
+    const hours = Number(iso[2] ?? 0);
+    const minutes = Number(iso[3] ?? 0);
+    const seconds = Number(iso[4] ?? 0);
+    return days * 86400 + hours * 3600 + minutes * 60 + seconds;
+  }
+  const hms = /^(?:(\d+):)?(\d{1,2}):(\d{1,2}(?:\.\d+)?)$/.exec(trimmed);
+  if (hms) {
+    const hours = Number(hms[1] ?? 0);
+    const minutes = Number(hms[2]);
+    const seconds = Number(hms[3]);
+    return hours * 3600 + minutes * 60 + seconds;
+  }
+  return null;
+};
+
+// src/app/components/RunBody/RunBody.tsx
+import { Box as Box16, Text as Text16 } from "ink";
+
+// src/app/components/RunProgress/RunProgress.tsx
+import { Box as Box13, Text as Text13 } from "ink";
+
+// src/app/components/RunProgress/RunProgress.constants.ts
+var BAR_WIDTH = 20;
+
+// src/app/components/RunProgress/RunProgress.utils.ts
+var renderBar = (finished, total) => {
+  if (!total) return "";
+  const filled = Math.min(BAR_WIDTH, Math.round(finished / total * BAR_WIDTH));
+  return `[${"\u2588".repeat(filled)}${"\u2591".repeat(BAR_WIDTH - filled)}]`;
+};
+
+// src/app/components/RunProgress/RunProgress.tsx
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+var RunProgress = ({ runState, isRunning }) => {
+  if (!isRunning) return null;
+  const { progress, resultsSummary: summary } = runState;
+  if (progress && progress.total > 0) {
+    const pct = Math.round(progress.finished / progress.total * 100);
+    return /* @__PURE__ */ jsx33(Box13, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs19(Text13, { children: [
+      progress.unit === "steps" ? "Steps" : "Tests",
+      ": ",
+      progress.finished,
+      "/",
+      progress.total,
+      " ",
+      renderBar(progress.finished, progress.total),
+      " ",
+      pct,
+      "%"
+    ] }) });
+  }
+  if (!summary) return null;
+  const passed = summary.passedSteps ?? 0;
+  const failed = summary.failedSteps ?? 0;
+  const skipped = summary.skippedSteps ?? 0;
+  const total = summary.totalSteps;
+  return /* @__PURE__ */ jsxs19(Box13, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs19(Text13, { children: [
+      "Progress: ",
+      passed,
+      " passed",
+      failed ? `, ${failed} failed` : "",
+      skipped ? `, ${skipped} skipped` : "",
+      total ? ` / ${total} total` : ""
+    ] }),
+    total ? /* @__PURE__ */ jsxs19(Text13, { dimColor: true, children: [
+      "Completion: ",
+      Math.round((passed + failed) / total * 100),
+      "%"
+    ] }) : null
+  ] });
+};
+
+// src/app/components/Status/Status.tsx
+import { Box as Box15, Text as Text15 } from "ink";
+
+// src/app/components/StatusIndicator/StatusIndicator.tsx
+import { Spinner as Spinner6 } from "@inkjs/ui";
+import { Box as Box14, Text as Text14 } from "ink";
+
+// src/app/components/StatusIndicator/StatusIndicator.constants.ts
+var DOT = "\u25CF";
+
+// src/app/components/StatusIndicator/StatusIndicator.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var StatusIndicator = ({ status, autoRetried = false }) => {
+  const { theme: theme2 } = useTheme();
+  if (autoRetried) {
+    return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.failure, children: DOT });
+  }
+  switch (status) {
+    case "running":
+    case "queued":
+    case "recording":
+    case "auto_retrying":
+      return /* @__PURE__ */ jsx34(Box14, { children: /* @__PURE__ */ jsx34(Spinner6, {}) });
+    case "passed":
+      return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.success, children: DOT });
+    case "failed":
+    case "error":
+      return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.failure, children: DOT });
+    case "skipped":
+    case "stopped":
+      return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.stopped, children: DOT });
+    case "paused":
+      return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.paused, children: DOT });
+    default:
+      return /* @__PURE__ */ jsx34(Text14, { color: theme2.colors.status.info, children: DOT });
+  }
+};
+
+// src/app/components/Status/Status.tsx
+import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+var ERROR_CODE_STATUSES = /* @__PURE__ */ new Set([
+  "failed",
+  "error",
+  "passed-with-issues",
+  "passed_with_issues"
+]);
+var Status = ({
+  status,
+  color,
+  backgroundColor,
+  autoRetried = false,
+  errorCode
+}) => {
+  const label = status ? formatRunStatus(status, autoRetried) : "-";
+  const shouldShowErrorCode = Boolean(errorCode) && status !== void 0 && (autoRetried || ERROR_CODE_STATUSES.has(status));
+  return /* @__PURE__ */ jsxs20(Box15, { backgroundColor, width: "100%", children: [
+    status && /* @__PURE__ */ jsxs20(Fragment3, { children: [
+      /* @__PURE__ */ jsx35(StatusIndicator, { status, autoRetried }),
+      /* @__PURE__ */ jsx35(Text15, { backgroundColor, children: " " })
+    ] }),
+    /* @__PURE__ */ jsxs20(Text15, { color, backgroundColor, children: [
+      label,
+      shouldShowErrorCode ? ` (${errorCode})` : ""
+    ] })
+  ] });
+};
+
+// src/app/components/RunBody/RunBody.tsx
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+var RunBody = ({ runState, isRunning, isCompleted = !isRunning }) => {
+  const duration = formatDuration(runState.duration, {
+    started: runState.started,
+    ended: runState.ended
+  });
+  const finalResults = isCompleted ? formatFinalResults(runState) : null;
+  const errorMessage = isCompleted ? getRunErrorMessage(runState) : null;
+  return /* @__PURE__ */ jsxs21(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs21(Box16, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx36(Box16, { children: /* @__PURE__ */ jsxs21(Text16, { children: [
+        "Run id: ",
+        runState.id
+      ] }) }),
+      /* @__PURE__ */ jsxs21(Box16, { flexDirection: "row", rowGap: 2, children: [
+        /* @__PURE__ */ jsx36(Text16, { children: "Status: " }),
+        /* @__PURE__ */ jsx36(
+          Status,
+          {
+            status: runState.status,
+            autoRetried: runState.isAutoRetried,
+            errorCode: runState.errorCode
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx36(Box16, { children: /* @__PURE__ */ jsxs21(Text16, { dimColor: true, children: [
+        "Duration: ",
+        duration
+      ] }) }),
+      finalResults ? /* @__PURE__ */ jsx36(Box16, { children: /* @__PURE__ */ jsx36(Text16, { children: finalResults }) }) : null,
+      errorMessage ? /* @__PURE__ */ jsx36(Box16, { children: /* @__PURE__ */ jsxs21(Text16, { children: [
+        "Error: ",
+        errorMessage
+      ] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsx36(RunProgress, { runState, isRunning })
+  ] });
+};
+
+// src/app/components/BaseSuiteRunDetails/BaseSuiteRunDetails.tsx
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+var menuOptions = (runId, state) => [
+  {
+    label: "Show test runs",
+    shortcut: "t",
+    description: "Drill into the test runs that belong to this suite run",
+    to: ROUTES.suiteRuns.showTestRuns(runId),
+    state
+  },
+  {
+    label: "Open in BugBug",
+    shortcut: "o",
+    description: "Open the suite run page in your browser",
+    to: ROUTES.suiteRuns.open(runId),
+    state
+  }
+];
+var BaseSuiteRunDetails = ({
+  runId,
+  title,
+  menuState,
+  headless = false,
+  intervalMs = 4e3,
+  timeoutMs,
+  exitDelayMs = 300,
+  onComplete,
+  onError
+}) => {
+  const { exit } = useApp4();
+  const [runState, setRunState] = useState16(null);
+  const [error, setError] = useState16(null);
+  useEffect12(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const finalStatus = await waitForSuiteRun(
+          runId,
+          intervalMs,
+          (status) => {
+            if (!cancelled) setRunState(status);
+          },
+          timeoutMs
+        );
+        if (!cancelled) {
+          setRunState(finalStatus);
+          onComplete?.(finalStatus);
+          if (headless) setTimeout(exit, exitDelayMs);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          const nextError = err instanceof Error ? err : new Error("Unknown error occurred");
+          setError(nextError.message);
+          onError?.(nextError);
+          if (headless) setTimeout(exit, exitDelayMs);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [runId, intervalMs, timeoutMs, headless, exitDelayMs, exit, onComplete, onError]);
+  const isRunning = runState ? isRunningStatus(runState.status) : false;
+  const isCompleted = runState ? isCompletedStatus(runState.status) : false;
+  const body = /* @__PURE__ */ jsxs22(Box17, { flexDirection: "column", children: [
+    error && /* @__PURE__ */ jsx37(StatusMessage8, { variant: "error", children: `Failed to complete suite run: ${error}` }),
+    !error && !runState && /* @__PURE__ */ jsx37(Spinner7, { label: "Initializing..." }),
+    !error && runState && /* @__PURE__ */ jsx37(RunBody, { runState, isRunning, isCompleted })
+  ] });
+  if (headless) return body;
+  return /* @__PURE__ */ jsxs22(
+    ViewLayout,
+    {
+      title,
+      hints: isCompleted ? "navigationSelect" : "none",
+      hintsHidden: !isCompleted,
+      hintsPosition: "bottom",
+      children: [
+        body,
+        isCompleted && /* @__PURE__ */ jsx37(MenuList, { options: menuOptions(runId, menuState) })
+      ]
+    }
+  );
+};
+
 // src/app/hooks/useSuiteRuns.ts
 var useSuiteRunsList = () => useFeatureQuery(() => listSuiteRuns(), []);
 var useSuiteRunDetails = (runId) => useFeatureQuery(async () => {
@@ -1309,7 +2108,7 @@ var useSuiteRunDetails = (runId) => useFeatureQuery(async () => {
 var getSuiteRunName = (run) => run.name || run.id;
 
 // src/app/views/suiteRuns/SuiteRunDetails.tsx
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var SuiteRunDetails = () => {
   const { runId } = useParams();
   const location = useLocation5();
@@ -1318,37 +2117,37 @@ var SuiteRunDetails = () => {
   const title = request.data ? getSuiteRunName(request.data) : state?.suiteRunName;
   const menuState = title ? { suiteRunName: title } : void 0;
   if (!request.data || !runId) {
-    return /* @__PURE__ */ jsxs15(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      request.isLoading && /* @__PURE__ */ jsx25(Spinner6, { label: "Loading suite run..." }),
-      request.isError && /* @__PURE__ */ jsx25(StatusMessage8, { variant: "error", children: request.error }),
-      !request.isLoading && !request.isError && !request.data && /* @__PURE__ */ jsx25(Text8, { color: "yellow", children: "Suite run not found." })
+    return /* @__PURE__ */ jsxs23(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      request.isLoading && /* @__PURE__ */ jsx38(Spinner8, { label: "Loading suite run..." }),
+      request.isError && /* @__PURE__ */ jsx38(StatusMessage9, { variant: "error", children: request.error }),
+      !request.isLoading && !request.isError && !request.data && /* @__PURE__ */ jsx38(Text17, { color: "yellow", children: "Suite run not found." })
     ] });
   }
-  return /* @__PURE__ */ jsx25(BaseSuiteRunDetails, { runId, title, menuState });
+  return /* @__PURE__ */ jsx38(BaseSuiteRunDetails, { runId, title, menuState });
 };
 
 // src/app/views/suiteRuns/SuiteRunOpen.tsx
-import { Spinner as Spinner7, StatusMessage as StatusMessage9 } from "@inkjs/ui";
-import { Box as Box10, Text as Text9 } from "ink";
-import { useEffect as useEffect9 } from "react";
+import { Spinner as Spinner9, StatusMessage as StatusMessage10 } from "@inkjs/ui";
+import { Box as Box18, Text as Text18 } from "ink";
+import { useEffect as useEffect13 } from "react";
 import { useLocation as useLocation6, useParams as useParams2 } from "react-router";
-import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-var WebUrlUnavailableMessage = () => /* @__PURE__ */ jsx26(StatusMessage9, { variant: "warning", children: "No web URL available for this run" });
+import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+var WebUrlUnavailableMessage = () => /* @__PURE__ */ jsx39(StatusMessage10, { variant: "warning", children: "No web URL available for this run" });
 var OpenSuiteRun = ({ url }) => {
   const [openSuiteRun, openSuiteRunResult] = useFeatureMutation(async (url2) => {
     await openExternalUrl(url2);
     return url2;
   });
-  useEffect9(() => {
+  useEffect13(() => {
     if (url) void openSuiteRun(url);
   }, [openSuiteRun, url]);
-  if (!url) return /* @__PURE__ */ jsx26(WebUrlUnavailableMessage, {});
-  return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    openSuiteRunResult.isLoading && /* @__PURE__ */ jsx26(Spinner7, { label: "Opening BugBug..." }),
-    openSuiteRunResult.isError && /* @__PURE__ */ jsx26(StatusMessage9, { variant: "error", children: openSuiteRunResult.error }),
-    openSuiteRunResult.data && /* @__PURE__ */ jsxs16(Box10, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx26(StatusMessage9, { variant: "success", children: "Opened in BugBug" }),
-      /* @__PURE__ */ jsx26(Text9, { dimColor: true, children: openSuiteRunResult.data })
+  if (!url) return /* @__PURE__ */ jsx39(WebUrlUnavailableMessage, {});
+  return /* @__PURE__ */ jsxs24(Fragment4, { children: [
+    openSuiteRunResult.isLoading && /* @__PURE__ */ jsx39(Spinner9, { label: "Opening BugBug..." }),
+    openSuiteRunResult.isError && /* @__PURE__ */ jsx39(StatusMessage10, { variant: "error", children: openSuiteRunResult.error }),
+    openSuiteRunResult.data && /* @__PURE__ */ jsxs24(Box18, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx39(StatusMessage10, { variant: "success", children: "Opened in BugBug" }),
+      /* @__PURE__ */ jsx39(Text18, { dimColor: true, children: openSuiteRunResult.data })
     ] })
   ] });
 };
@@ -1358,20 +2157,20 @@ var SuiteRunOpen = () => {
   const state = location.state;
   const request = useSuiteRunDetails(runId);
   const title = request.data ? getSuiteRunName(request.data) : state?.suiteRunName ?? runId;
-  return /* @__PURE__ */ jsxs16(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-    request.isLoading && /* @__PURE__ */ jsx26(Spinner7, { label: "Loading..." }),
-    request.isError && /* @__PURE__ */ jsx26(Text9, { color: "red", children: request.error }),
-    !request.isLoading && !request.isError && /* @__PURE__ */ jsx26(OpenSuiteRun, { url: request.data?.webappUrl })
+  return /* @__PURE__ */ jsxs24(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+    request.isLoading && /* @__PURE__ */ jsx39(Spinner9, { label: "Loading..." }),
+    request.isError && /* @__PURE__ */ jsx39(Text18, { color: "red", children: request.error }),
+    !request.isLoading && !request.isError && /* @__PURE__ */ jsx39(OpenSuiteRun, { url: request.data?.webappUrl })
   ] });
 };
 
 // src/app/views/suiteRuns/SuiteRunShowTestRuns.tsx
-import { Spinner as Spinner8 } from "@inkjs/ui";
-import { StatusMessage as StatusMessage10 } from "@inkjs/ui";
+import { Spinner as Spinner10 } from "@inkjs/ui";
+import { StatusMessage as StatusMessage11 } from "@inkjs/ui";
 import { useLocation as useLocation7, useParams as useParams3 } from "react-router";
 
 // src/features/testRuns/components/TestRunsList.tsx
-import { useNavigate as useNavigate7 } from "react-router";
+import { useNavigate as useNavigate8 } from "react-router";
 
 // src/features/testRuns/testRuns.utils.ts
 var getTestRunName = (run) => run.name || run.id;
@@ -1387,7 +2186,7 @@ var DEBUG_ARTIFACT_LABELS = {
 var getDebugArtifactLabel = (artifact) => DEBUG_ARTIFACT_LABELS[artifact.kind];
 
 // src/features/testRuns/components/TestRunsList.constants.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var TEST_RUN_LIST_COLUMNS = [
   { key: "name", label: "Name", width: 30 },
   { key: "duration", label: "Duration", width: 8 },
@@ -1398,7 +2197,7 @@ var TEST_RUN_LIST_COLUMNS = [
     key: "status",
     label: "Status",
     width: 15,
-    render: (_cell, row, ctx) => /* @__PURE__ */ jsx27(
+    render: (_cell, row, ctx) => /* @__PURE__ */ jsx40(
       Status,
       {
         status: row.value?.status,
@@ -1428,7 +2227,7 @@ var getTestRunRow = (run) => {
 };
 
 // src/features/testRuns/components/TestRunsList.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var TestRunsList = ({
   title,
   loadingLabel = "Loading test runs...",
@@ -1438,8 +2237,8 @@ var TestRunsList = ({
   isError,
   error
 }) => {
-  const navigate = useNavigate7();
-  return /* @__PURE__ */ jsx28(
+  const navigate = useNavigate8();
+  return /* @__PURE__ */ jsx41(
     BaseResourceListScreen,
     {
       title,
@@ -1457,10 +2256,10 @@ var TestRunsList = ({
 };
 
 // src/app/views/suiteRuns/SuiteRunShowTestRuns.tsx
-import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 var SuiteRunTestRuns = ({ run, title }) => {
   const request = useFeatureQuery(() => getSuiteRunTestRuns(run.id), [run.id]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx42(
     TestRunsList,
     {
       title,
@@ -1480,20 +2279,20 @@ var SuiteRunShowTestRuns = () => {
   const request = useSuiteRunDetails(runId);
   const title = request.data ? `Test runs in "${getSuiteRunName(request.data)}"` : state?.suiteRunName ? `Test runs in "${state.suiteRunName}"` : void 0;
   if (!request.data) {
-    return /* @__PURE__ */ jsxs17(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      request.isLoading && /* @__PURE__ */ jsx29(Spinner8, { label: "Loading..." }),
-      request.isError && /* @__PURE__ */ jsx29(StatusMessage10, { variant: "error", children: request.error }),
-      !request.isLoading && !request.isError && /* @__PURE__ */ jsx29(StatusMessage10, { variant: "warning", children: "No test runs available" })
+    return /* @__PURE__ */ jsxs25(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      request.isLoading && /* @__PURE__ */ jsx42(Spinner10, { label: "Loading..." }),
+      request.isError && /* @__PURE__ */ jsx42(StatusMessage11, { variant: "error", children: request.error }),
+      !request.isLoading && !request.isError && /* @__PURE__ */ jsx42(StatusMessage11, { variant: "warning", children: "No test runs available" })
     ] });
   }
-  return /* @__PURE__ */ jsx29(SuiteRunTestRuns, { run: request.data, title: title ?? "" });
+  return /* @__PURE__ */ jsx42(SuiteRunTestRuns, { run: request.data, title: title ?? "" });
 };
 
 // src/app/views/suiteRuns/SuiteRunsList.tsx
-import { useNavigate as useNavigate8 } from "react-router";
+import { useNavigate as useNavigate9 } from "react-router";
 
 // src/app/views/suiteRuns/SuiteRunsList.constants.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var SUITE_RUN_LIST_COLUMNS = [
   { key: "name", label: "Name", width: 30 },
   { key: "duration", label: "Duration", width: 10 },
@@ -1504,7 +2303,7 @@ var SUITE_RUN_LIST_COLUMNS = [
     key: "status",
     label: "Status",
     width: 10,
-    render: (_cell, row, ctx) => /* @__PURE__ */ jsx30(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
+    render: (_cell, row, ctx) => /* @__PURE__ */ jsx43(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
   }
 ];
 
@@ -1532,11 +2331,11 @@ var getSuiteRunRow = (run) => {
 };
 
 // src/app/views/suiteRuns/SuiteRunsList.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var SuiteRunsList = () => {
-  const navigate = useNavigate8();
+  const navigate = useNavigate9();
   const request = useSuiteRunsList();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx44(
     BaseResourceListScreen,
     {
       loadingLabel: "Loading suite runs...",
@@ -1555,21 +2354,21 @@ var SuiteRunsList = () => {
 };
 
 // src/app/views/suiteRuns/SuiteRunsMenu.tsx
-import { useEffect as useEffect10 } from "react";
-import { useNavigate as useNavigate9 } from "react-router";
+import { useEffect as useEffect14 } from "react";
+import { useNavigate as useNavigate10 } from "react-router";
 var SuiteRunsMenu = () => {
-  const navigate = useNavigate9();
-  useEffect10(() => {
+  const navigate = useNavigate10();
+  useEffect14(() => {
     navigate(ROUTES.suiteRuns.list(), { replace: true });
   }, [navigate]);
   return null;
 };
 
 // src/app/views/suites/RunSuite.tsx
-import { useNavigate as useNavigate10 } from "react-router";
+import { useNavigate as useNavigate11 } from "react-router";
 
 // src/app/views/suites/BaseSuitesList.tsx
-import { useState as useState14 } from "react";
+import { useState as useState17 } from "react";
 
 // src/app/hooks/useSuites.ts
 var useSuitesList = (query) => useFeatureQuery(() => loadSuiteTableResources(query), [query]);
@@ -1579,14 +2378,14 @@ var useSuiteDetails = (suiteId) => useFeatureQuery(async () => {
 }, [suiteId]);
 
 // src/features/suites/suites.constants.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var SUITE_COLUMNS = [
   { key: "name", label: "Name", width: 42 },
   {
     key: "status",
     label: "Status",
     width: 14,
-    render: (_cell, row, ctx) => /* @__PURE__ */ jsx32(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
+    render: (_cell, row, ctx) => /* @__PURE__ */ jsx45(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
   }
 ];
 
@@ -1602,15 +2401,15 @@ var getSuiteRow = (suite) => ({
 var getSuiteName = (suite) => suite.name || suite.id || "Untitled";
 
 // src/app/views/suites/BaseSuitesList.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var BaseSuitesList = ({
   title,
   emptyMessage = "No suites found",
   onSelectSuite
 }) => {
-  const [query, setQuery] = useState14("");
+  const [query, setQuery] = useState17("");
   const request = useSuitesList(query);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx46(
     BaseResourceListScreen,
     {
       title,
@@ -1631,10 +2430,10 @@ var BaseSuitesList = ({
 };
 
 // src/app/views/suites/RunSuite.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var RunSuite = () => {
-  const navigate = useNavigate10();
-  return /* @__PURE__ */ jsx34(
+  const navigate = useNavigate11();
+  return /* @__PURE__ */ jsx47(
     BaseSuitesList,
     {
       title: "Select a suite to run:",
@@ -1645,10 +2444,10 @@ var RunSuite = () => {
 };
 
 // src/app/views/suites/SuiteDetails.tsx
-import { Spinner as Spinner9, StatusMessage as StatusMessage11 } from "@inkjs/ui";
-import { Box as Box11 } from "ink";
+import { Spinner as Spinner11, StatusMessage as StatusMessage12 } from "@inkjs/ui";
+import { Box as Box19 } from "ink";
 import { useLocation as useLocation8, useParams as useParams4 } from "react-router";
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var SuiteDetails = () => {
   const { suiteId } = useParams4();
   const location = useLocation8();
@@ -1682,19 +2481,19 @@ var SuiteDetails = () => {
       to: ROUTES.suites.open(suiteId ?? "")
     }
   ];
-  return /* @__PURE__ */ jsxs18(ViewLayout, { title, hints, children: [
-    request.isLoading && /* @__PURE__ */ jsx35(Box11, { children: /* @__PURE__ */ jsx35(Spinner9, { label: "Loading suite..." }) }),
-    request.isError && /* @__PURE__ */ jsx35(StatusMessage11, { variant: "error", children: request.error }),
-    isNotFound && /* @__PURE__ */ jsx35(StatusMessage11, { variant: "warning", children: "Suite not found" }),
-    isReady && /* @__PURE__ */ jsx35(MenuList, { options })
+  return /* @__PURE__ */ jsxs26(ViewLayout, { title, hints, children: [
+    request.isLoading && /* @__PURE__ */ jsx48(Box19, { children: /* @__PURE__ */ jsx48(Spinner11, { label: "Loading suite..." }) }),
+    request.isError && /* @__PURE__ */ jsx48(StatusMessage12, { variant: "error", children: request.error }),
+    isNotFound && /* @__PURE__ */ jsx48(StatusMessage12, { variant: "warning", children: "Suite not found" }),
+    isReady && /* @__PURE__ */ jsx48(MenuList, { options })
   ] });
 };
 
 // src/app/views/suites/SuiteDetailsLastRun.tsx
-import { Spinner as Spinner10, StatusMessage as StatusMessage12 } from "@inkjs/ui";
-import { Text as Text10 } from "ink";
+import { Spinner as Spinner12, StatusMessage as StatusMessage13 } from "@inkjs/ui";
+import { Text as Text19 } from "ink";
 import { useLocation as useLocation9, useParams as useParams5 } from "react-router";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 var SuiteDetailsLastRun = () => {
   const { suiteId } = useParams5();
   const location = useLocation9();
@@ -1704,13 +2503,13 @@ var SuiteDetailsLastRun = () => {
   const isReady = !request.isLoading && !request.isError;
   const title = suite ? getSuiteName(suite) : state?.suiteName ?? suiteId;
   if (!isReady || !suite?.lastRunId) {
-    return /* @__PURE__ */ jsxs19(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      request.isLoading && /* @__PURE__ */ jsx36(Spinner10, { label: "Loading..." }),
-      request.isError && /* @__PURE__ */ jsx36(Text10, { color: "red", children: request.error }),
-      isReady && !suite?.lastRunId && /* @__PURE__ */ jsx36(StatusMessage12, { variant: "warning", children: `No previous run found for ${suite ? getSuiteName(suite) : suiteId ?? "suite"}` })
+    return /* @__PURE__ */ jsxs27(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      request.isLoading && /* @__PURE__ */ jsx49(Spinner12, { label: "Loading..." }),
+      request.isError && /* @__PURE__ */ jsx49(Text19, { color: "red", children: request.error }),
+      isReady && !suite?.lastRunId && /* @__PURE__ */ jsx49(StatusMessage13, { variant: "warning", children: `No previous run found for ${suite ? getSuiteName(suite) : suiteId ?? "suite"}` })
     ] });
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx49(
     BaseSuiteRunDetails,
     {
       runId: suite.lastRunId,
@@ -1721,13 +2520,13 @@ var SuiteDetailsLastRun = () => {
 };
 
 // src/app/views/suites/SuiteDetailsOpen.tsx
-import { StatusMessage as StatusMessage13 } from "@inkjs/ui";
-import { Spinner as Spinner11 } from "@inkjs/ui";
-import { Box as Box12, Text as Text11 } from "ink";
-import { useEffect as useEffect11 } from "react";
+import { StatusMessage as StatusMessage14 } from "@inkjs/ui";
+import { Spinner as Spinner13 } from "@inkjs/ui";
+import { Box as Box20, Text as Text20 } from "ink";
+import { useEffect as useEffect15 } from "react";
 import { useParams as useParams6 } from "react-router";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
-var WebUrlUnavailableMessage2 = () => /* @__PURE__ */ jsx37(StatusMessage13, { variant: "warning", children: "No web URL available for this suite" });
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+var WebUrlUnavailableMessage2 = () => /* @__PURE__ */ jsx50(StatusMessage14, { variant: "warning", children: "No web URL available for this suite" });
 var SuiteDetailsOpen = () => {
   const { suiteId } = useParams6();
   const request = useFeatureQuery(async () => {
@@ -1740,41 +2539,41 @@ var SuiteDetailsOpen = () => {
     await openExternalUrl(url2);
     return url2;
   });
-  useEffect11(() => {
+  useEffect15(() => {
     if (isReady && url) void openSuite(url);
   }, [isReady, openSuite, url]);
-  return /* @__PURE__ */ jsxs20(ViewLayout, { hintsHidden: true, children: [
-    request.isLoading && /* @__PURE__ */ jsx37(Spinner11, { label: "Loading..." }),
-    request.isError && /* @__PURE__ */ jsx37(Text11, { color: "red", children: request.error }),
-    isReady && !url && /* @__PURE__ */ jsx37(WebUrlUnavailableMessage2, {}),
-    isReady && url && openSuiteResult.isLoading && /* @__PURE__ */ jsx37(Spinner11, { label: "Opening BugBug..." }),
-    isReady && url && openSuiteResult.isError && /* @__PURE__ */ jsx37(StatusMessage13, { variant: "error", children: openSuiteResult.error }),
-    isReady && url && openSuiteResult.data && /* @__PURE__ */ jsxs20(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx37(StatusMessage13, { variant: "success", children: "Opened in BugBug" }),
-      /* @__PURE__ */ jsx37(Text11, { dimColor: true, children: openSuiteResult.data })
+  return /* @__PURE__ */ jsxs28(ViewLayout, { hintsHidden: true, children: [
+    request.isLoading && /* @__PURE__ */ jsx50(Spinner13, { label: "Loading..." }),
+    request.isError && /* @__PURE__ */ jsx50(Text20, { color: "red", children: request.error }),
+    isReady && !url && /* @__PURE__ */ jsx50(WebUrlUnavailableMessage2, {}),
+    isReady && url && openSuiteResult.isLoading && /* @__PURE__ */ jsx50(Spinner13, { label: "Opening BugBug..." }),
+    isReady && url && openSuiteResult.isError && /* @__PURE__ */ jsx50(StatusMessage14, { variant: "error", children: openSuiteResult.error }),
+    isReady && url && openSuiteResult.data && /* @__PURE__ */ jsxs28(Box20, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx50(StatusMessage14, { variant: "success", children: "Opened in BugBug" }),
+      /* @__PURE__ */ jsx50(Text20, { dimColor: true, children: openSuiteResult.data })
     ] })
   ] });
 };
 
 // src/app/views/suites/SuiteDetailsRun.tsx
-import { Spinner as Spinner12, StatusMessage as StatusMessage14 } from "@inkjs/ui";
-import { useEffect as useEffect12 } from "react";
-import { useLocation as useLocation10, useNavigate as useNavigate11, useParams as useParams7 } from "react-router";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Spinner as Spinner14, StatusMessage as StatusMessage15 } from "@inkjs/ui";
+import { useEffect as useEffect16 } from "react";
+import { useLocation as useLocation10, useNavigate as useNavigate12, useParams as useParams7 } from "react-router";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var SuiteDetailsRun = () => {
   const { suiteId } = useParams7();
   const location = useLocation10();
-  const navigate = useNavigate11();
+  const navigate = useNavigate12();
   const state = location.state;
   const title = state?.suiteName ?? suiteId;
   const [runSuiteMutation, runSuiteResult] = useFeatureMutation((id) => runSuite(id, {}));
-  useEffect12(() => {
+  useEffect16(() => {
     if (!suiteId) return;
     const startRun = async () => {
       try {
         const result = await runSuiteMutation(suiteId);
         if ("data" in result) {
-          navigate(ROUTES.suites.lastRun(suiteId), { replace: true, state });
+          navigate(ROUTES.suiteRuns.details(result.data.id), { replace: true, state });
         }
       } catch {
       }
@@ -1782,20 +2581,20 @@ var SuiteDetailsRun = () => {
     startRun();
   }, [navigate, runSuiteMutation, state, suiteId]);
   if (!runSuiteResult.data) {
-    return /* @__PURE__ */ jsxs21(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      runSuiteResult.isError && /* @__PURE__ */ jsx38(StatusMessage14, { variant: "error", children: runSuiteResult.error }),
-      !runSuiteResult.isError && /* @__PURE__ */ jsx38(Spinner12, { label: "Initializing..." })
+    return /* @__PURE__ */ jsxs29(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      runSuiteResult.isError && /* @__PURE__ */ jsx51(StatusMessage15, { variant: "error", children: runSuiteResult.error }),
+      !runSuiteResult.isError && /* @__PURE__ */ jsx51(Spinner14, { label: "Initializing..." })
     ] });
   }
-  return /* @__PURE__ */ jsx38(BaseSuiteRunDetails, { runId: runSuiteResult.data.id, title, menuState: state });
+  return /* @__PURE__ */ jsx51(BaseSuiteRunDetails, { runId: runSuiteResult.data.id, title, menuState: state });
 };
 
 // src/app/views/suites/SuitesList.tsx
-import { useNavigate as useNavigate12 } from "react-router";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { useNavigate as useNavigate13 } from "react-router";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var SuitesList = () => {
-  const navigate = useNavigate12();
-  return /* @__PURE__ */ jsx39(
+  const navigate = useNavigate13();
+  return /* @__PURE__ */ jsx52(
     BaseSuitesList,
     {
       onSelectSuite: (suite) => navigate(ROUTES.suites.details(suite.id), { state: { suiteName: getSuiteName(suite) } })
@@ -1804,9 +2603,9 @@ var SuitesList = () => {
 };
 
 // src/app/views/suites/SuitesMenu.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var SuitesMenu = () => {
-  return /* @__PURE__ */ jsx40(ViewLayout, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx53(ViewLayout, { children: /* @__PURE__ */ jsx53(
     MenuList,
     {
       options: [
@@ -1818,7 +2617,7 @@ var SuitesMenu = () => {
 };
 
 // src/app/views/testRuns/TestRunDebugArtifacts.tsx
-import { Spinner as Spinner13, StatusMessage as StatusMessage15 } from "@inkjs/ui";
+import { Spinner as Spinner15, StatusMessage as StatusMessage16 } from "@inkjs/ui";
 import { useLocation as useLocation11, useParams as useParams8 } from "react-router";
 
 // src/app/hooks/useTestRuns.ts
@@ -1829,20 +2628,20 @@ var useTestRunDetails = (runId) => useFeatureQuery(async () => {
 }, [runId]);
 
 // src/app/views/testRuns/TestRunDebugArtifacts.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var ArtifactsUnavailableMessage = () => /* @__PURE__ */ jsx41(StatusMessage15, { variant: "warning", children: "No debug artifacts available" });
+import { jsx as jsx54 } from "react/jsx-runtime";
+var ArtifactsUnavailableMessage = () => /* @__PURE__ */ jsx54(StatusMessage16, { variant: "warning", children: "No debug artifacts available" });
 var DebugArtifacts = ({ runId }) => {
   const request = useFeatureQuery(() => listTestRunDebugArtifacts(runId), [runId]);
   if (request.isLoading) {
-    return /* @__PURE__ */ jsx41(Spinner13, { label: `Loading debug artifacts for ${runId}...` });
+    return /* @__PURE__ */ jsx54(Spinner15, { label: `Loading debug artifacts for ${runId}...` });
   }
   if (request.isError) {
-    return /* @__PURE__ */ jsx41(StatusMessage15, { variant: "error", children: request.error });
+    return /* @__PURE__ */ jsx54(StatusMessage16, { variant: "error", children: request.error });
   }
   if (!request.data || request.data.length === 0) {
-    return /* @__PURE__ */ jsx41(ArtifactsUnavailableMessage, {});
+    return /* @__PURE__ */ jsx54(ArtifactsUnavailableMessage, {});
   }
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx54(
     MenuList,
     {
       options: request.data.map((artifact) => ({
@@ -1864,22 +2663,119 @@ var TestRunDebugArtifacts = () => {
   const state = location.state;
   const detailsRequest = useTestRunDetails(runId);
   const title = detailsRequest.data ? getTestRunName(detailsRequest.data) : state?.testRunName ?? "Debug artifacts";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx54(
     ViewLayout,
     {
       title,
       hints: runId ? "navigationOpenSelect" : "none",
       hintsPosition: "bottom",
-      children: runId ? /* @__PURE__ */ jsx41(DebugArtifacts, { runId }) : /* @__PURE__ */ jsx41(ArtifactsUnavailableMessage, {})
+      children: runId ? /* @__PURE__ */ jsx54(DebugArtifacts, { runId }) : /* @__PURE__ */ jsx54(ArtifactsUnavailableMessage, {})
     }
   );
 };
 
 // src/app/views/testRuns/TestRunDetails.tsx
-import { Spinner as Spinner14, StatusMessage as StatusMessage16 } from "@inkjs/ui";
-import { Text as Text12 } from "ink";
+import { Spinner as Spinner17, StatusMessage as StatusMessage18 } from "@inkjs/ui";
+import { Text as Text21 } from "ink";
 import { useLocation as useLocation12, useParams as useParams9 } from "react-router";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/app/components/BaseTestRunDetails/BaseTestRunDetails.tsx
+import { Spinner as Spinner16, StatusMessage as StatusMessage17 } from "@inkjs/ui";
+import { Box as Box21, useApp as useApp5 } from "ink";
+import { useEffect as useEffect17, useState as useState18 } from "react";
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+var getMenuOptions = (runId, state) => [
+  {
+    label: "Show run artifacts",
+    shortcut: "a",
+    description: "Browse console logs and downloadable debug artifacts",
+    to: ROUTES.testRuns.debugArtifacts(runId),
+    state
+  },
+  {
+    label: "Download JUnit report",
+    shortcut: "j",
+    description: "Save the JUnit XML report to the current directory",
+    to: ROUTES.testRuns.junitReport(runId),
+    state
+  },
+  {
+    label: "Open in BugBug",
+    shortcut: "o",
+    description: "Open the run page in your browser",
+    to: ROUTES.testRuns.open(runId),
+    state
+  }
+];
+var BaseTestRunDetails = ({
+  runId,
+  title,
+  menuState,
+  headless = false,
+  intervalMs = 4e3,
+  timeoutMs,
+  exitDelayMs = 300,
+  onComplete,
+  onError
+}) => {
+  const { exit } = useApp5();
+  const [runState, setRunState] = useState18(null);
+  const [error, setError] = useState18(null);
+  useEffect17(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const finalStatus = await waitForTestRun(
+          runId,
+          intervalMs,
+          (status) => {
+            if (!cancelled) setRunState(status);
+          },
+          timeoutMs
+        );
+        if (!cancelled) {
+          setRunState(finalStatus);
+          onComplete?.(finalStatus);
+          if (headless) setTimeout(exit, exitDelayMs);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          const nextError = err instanceof Error ? err : new Error("Unknown error occurred");
+          setError(nextError.message);
+          onError?.(nextError);
+          if (headless) setTimeout(exit, exitDelayMs);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [runId, intervalMs, timeoutMs, headless, exitDelayMs, exit, onComplete, onError]);
+  const isRunning = runState ? isRunningStatus(runState.status) : false;
+  const isCompleted = runState ? isCompletedStatus(runState.status) : false;
+  const body = /* @__PURE__ */ jsxs30(Box21, { flexDirection: "column", children: [
+    error && /* @__PURE__ */ jsx55(StatusMessage17, { variant: "error", children: `Failed to complete test run: ${error}` }),
+    !error && !runState && /* @__PURE__ */ jsx55(Spinner16, { label: "Initializing..." }),
+    !error && runState && /* @__PURE__ */ jsx55(RunBody, { runState, isRunning })
+  ] });
+  if (headless) return body;
+  return /* @__PURE__ */ jsxs30(
+    ViewLayout,
+    {
+      title,
+      hints: isCompleted ? "navigationSelect" : "none",
+      hintsHidden: !isCompleted,
+      hintsPosition: "bottom",
+      children: [
+        body,
+        isCompleted && /* @__PURE__ */ jsx55(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx55(MenuList, { options: getMenuOptions(runId, menuState) }) })
+      ]
+    }
+  );
+};
+
+// src/app/views/testRuns/TestRunDetails.tsx
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 var TestRunDetails = () => {
   const { runId } = useParams9();
   const location = useLocation12();
@@ -1888,33 +2784,33 @@ var TestRunDetails = () => {
   const title = request.data ? getTestRunName(request.data) : state?.testRunName;
   const menuState = title ? { testRunName: title } : void 0;
   if (!request.data || !runId) {
-    return /* @__PURE__ */ jsxs22(ViewLayout, { title, hintsHidden: true, children: [
-      request.isLoading && /* @__PURE__ */ jsx42(Spinner14, { label: "Loading test run..." }),
-      request.isError && /* @__PURE__ */ jsx42(StatusMessage16, { variant: "error", children: request.error }),
-      !request.isLoading && !request.isError && !request.data && /* @__PURE__ */ jsx42(Text12, { color: "yellow", children: "Test run not found." })
+    return /* @__PURE__ */ jsxs31(ViewLayout, { title, hintsHidden: true, children: [
+      request.isLoading && /* @__PURE__ */ jsx56(Spinner17, { label: "Loading test run..." }),
+      request.isError && /* @__PURE__ */ jsx56(StatusMessage18, { variant: "error", children: request.error }),
+      !request.isLoading && !request.isError && !request.data && /* @__PURE__ */ jsx56(Text21, { color: "yellow", children: "Test run not found." })
     ] });
   }
-  return /* @__PURE__ */ jsx42(BaseTestRunDetails, { runId, title, menuState });
+  return /* @__PURE__ */ jsx56(BaseTestRunDetails, { runId, title, menuState });
 };
 
 // src/app/views/testRuns/TestRunJunitReport.tsx
-import { Spinner as Spinner15, StatusMessage as StatusMessage17 } from "@inkjs/ui";
-import { Text as Text13 } from "ink";
-import { useEffect as useEffect13 } from "react";
+import { Spinner as Spinner18, StatusMessage as StatusMessage19 } from "@inkjs/ui";
+import { Text as Text22 } from "ink";
+import { useEffect as useEffect18 } from "react";
 import { useLocation as useLocation13, useParams as useParams10 } from "react-router";
-import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
 var DownloadReport = ({ runId }) => {
   const [downloadReport, downloadReportResult] = useFeatureMutation(async (runId2) => {
     const xml = await getTestRunJunitReport(runId2);
     return writeReportXml(xml, defaultJunitReportPath("test", runId2));
   });
-  useEffect13(() => {
+  useEffect18(() => {
     void downloadReport(runId);
   }, [downloadReport, runId]);
-  return /* @__PURE__ */ jsxs23(Fragment3, { children: [
-    downloadReportResult.isLoading && /* @__PURE__ */ jsx43(Spinner15, { label: "Downloading JUnit report..." }),
-    downloadReportResult.isError && /* @__PURE__ */ jsx43(StatusMessage17, { variant: "error", children: downloadReportResult.error }),
-    downloadReportResult.data?.outPath && /* @__PURE__ */ jsx43(StatusMessage17, { variant: "success", children: `Saved JUnit report to ${downloadReportResult.data.outPath} (${downloadReportResult.data.size} chars)` })
+  return /* @__PURE__ */ jsxs32(Fragment5, { children: [
+    downloadReportResult.isLoading && /* @__PURE__ */ jsx57(Spinner18, { label: "Downloading JUnit report..." }),
+    downloadReportResult.isError && /* @__PURE__ */ jsx57(StatusMessage19, { variant: "error", children: downloadReportResult.error }),
+    downloadReportResult.data?.outPath && /* @__PURE__ */ jsx57(StatusMessage19, { variant: "success", children: `Saved JUnit report to ${downloadReportResult.data.outPath} (${downloadReportResult.data.size} chars)` })
   ] });
 };
 var TestRunJunitReport = () => {
@@ -1923,36 +2819,36 @@ var TestRunJunitReport = () => {
   const state = location.state;
   const request = useTestRunDetails(runId);
   const title = request.data ? getTestRunName(request.data) : state?.testRunName ?? runId;
-  return /* @__PURE__ */ jsxs23(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-    request.isLoading && /* @__PURE__ */ jsx43(Spinner15, { label: "Loading..." }),
-    request.isError && /* @__PURE__ */ jsx43(Text13, { color: "red", children: request.error }),
-    !request.isLoading && !request.isError && runId && /* @__PURE__ */ jsx43(DownloadReport, { runId }),
-    !request.isLoading && !request.isError && !runId && /* @__PURE__ */ jsx43(StatusMessage17, { variant: "warning", children: "No test run selected" })
+  return /* @__PURE__ */ jsxs32(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+    request.isLoading && /* @__PURE__ */ jsx57(Spinner18, { label: "Loading..." }),
+    request.isError && /* @__PURE__ */ jsx57(Text22, { color: "red", children: request.error }),
+    !request.isLoading && !request.isError && runId && /* @__PURE__ */ jsx57(DownloadReport, { runId }),
+    !request.isLoading && !request.isError && !runId && /* @__PURE__ */ jsx57(StatusMessage19, { variant: "warning", children: "No test run selected" })
   ] });
 };
 
 // src/app/views/testRuns/TestRunOpen.tsx
-import { Spinner as Spinner16, StatusMessage as StatusMessage18 } from "@inkjs/ui";
-import { Box as Box13, Text as Text14 } from "ink";
-import { useEffect as useEffect14 } from "react";
+import { Spinner as Spinner19, StatusMessage as StatusMessage20 } from "@inkjs/ui";
+import { Box as Box22, Text as Text23 } from "ink";
+import { useEffect as useEffect19 } from "react";
 import { useLocation as useLocation14, useParams as useParams11 } from "react-router";
-import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
-var WebUrlUnavailableMessage3 = () => /* @__PURE__ */ jsx44(StatusMessage18, { variant: "warning", children: "No web URL available for this run" });
+import { Fragment as Fragment6, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+var WebUrlUnavailableMessage3 = () => /* @__PURE__ */ jsx58(StatusMessage20, { variant: "warning", children: "No web URL available for this run" });
 var OpenRun = ({ url }) => {
   const [openRun, openRunResult] = useFeatureMutation(async (url2) => {
     await openExternalUrl(url2);
     return url2;
   });
-  useEffect14(() => {
+  useEffect19(() => {
     if (url) void openRun(url);
   }, [openRun, url]);
-  if (!url) return /* @__PURE__ */ jsx44(WebUrlUnavailableMessage3, {});
-  return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-    openRunResult.isLoading && /* @__PURE__ */ jsx44(Spinner16, { label: "Opening BugBug..." }),
-    openRunResult.isError && /* @__PURE__ */ jsx44(StatusMessage18, { variant: "error", children: openRunResult.error }),
-    openRunResult.data && /* @__PURE__ */ jsxs24(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx44(StatusMessage18, { variant: "success", children: "Opened in BugBug" }),
-      /* @__PURE__ */ jsx44(Text14, { dimColor: true, children: openRunResult.data })
+  if (!url) return /* @__PURE__ */ jsx58(WebUrlUnavailableMessage3, {});
+  return /* @__PURE__ */ jsxs33(Fragment6, { children: [
+    openRunResult.isLoading && /* @__PURE__ */ jsx58(Spinner19, { label: "Opening BugBug..." }),
+    openRunResult.isError && /* @__PURE__ */ jsx58(StatusMessage20, { variant: "error", children: openRunResult.error }),
+    openRunResult.data && /* @__PURE__ */ jsxs33(Box22, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx58(StatusMessage20, { variant: "success", children: "Opened in BugBug" }),
+      /* @__PURE__ */ jsx58(Text23, { dimColor: true, children: openRunResult.data })
     ] })
   ] });
 };
@@ -1962,18 +2858,18 @@ var TestRunOpen = () => {
   const state = location.state;
   const request = useTestRunDetails(runId);
   const title = request.data ? getTestRunName(request.data) : state?.testRunName ?? runId;
-  return /* @__PURE__ */ jsxs24(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-    request.isLoading && /* @__PURE__ */ jsx44(Spinner16, { label: "Loading..." }),
-    request.isError && /* @__PURE__ */ jsx44(Text14, { color: "red", children: request.error }),
-    !request.isLoading && !request.isError && /* @__PURE__ */ jsx44(OpenRun, { url: request.data?.webappUrl })
+  return /* @__PURE__ */ jsxs33(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+    request.isLoading && /* @__PURE__ */ jsx58(Spinner19, { label: "Loading..." }),
+    request.isError && /* @__PURE__ */ jsx58(Text23, { color: "red", children: request.error }),
+    !request.isLoading && !request.isError && /* @__PURE__ */ jsx58(OpenRun, { url: request.data?.webappUrl })
   ] });
 };
 
 // src/app/views/testRuns/TestRunsList.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var TestRunsList2 = () => {
   const request = useTestRunsList();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx59(
     TestRunsList,
     {
       testRuns: request.data,
@@ -1985,21 +2881,21 @@ var TestRunsList2 = () => {
 };
 
 // src/app/views/testRuns/TestRunsMenu.tsx
-import { useEffect as useEffect15 } from "react";
-import { useNavigate as useNavigate13 } from "react-router";
+import { useEffect as useEffect20 } from "react";
+import { useNavigate as useNavigate14 } from "react-router";
 var TestRunsMenu = () => {
-  const navigate = useNavigate13();
-  useEffect15(() => {
+  const navigate = useNavigate14();
+  useEffect20(() => {
     navigate(ROUTES.testRuns.list(), { replace: true });
   }, [navigate]);
   return null;
 };
 
 // src/app/views/tests/RunTest.tsx
-import { useNavigate as useNavigate14 } from "react-router";
+import { useNavigate as useNavigate15 } from "react-router";
 
 // src/app/views/tests/BaseTestsList.tsx
-import { useState as useState15 } from "react";
+import { useState as useState19 } from "react";
 
 // src/app/hooks/useTests.ts
 var useTestsList = (query) => useFeatureQuery(() => loadTestTableResources(query), [query]);
@@ -2009,14 +2905,14 @@ var useTestDetails = (testId) => useFeatureQuery(async () => {
 }, [testId]);
 
 // src/features/tests/tests.constants.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var TEST_COLUMNS = [
   { key: "name", label: "Name", width: 42 },
   {
     key: "status",
     label: "Status",
     width: 14,
-    render: (_cell, row, ctx) => /* @__PURE__ */ jsx46(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
+    render: (_cell, row, ctx) => /* @__PURE__ */ jsx60(Status, { status: row.value?.status, color: ctx.color, backgroundColor: ctx.backgroundColor })
   }
 ];
 
@@ -2032,15 +2928,15 @@ var getTestRow = (test) => ({
 var getTestName = (test) => test.name || test.id || "Untitled";
 
 // src/app/views/tests/BaseTestsList.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var BaseTestsList = ({
   title,
   emptyMessage = "No tests found",
   onSelectTest
 }) => {
-  const [query, setQuery] = useState15("");
+  const [query, setQuery] = useState19("");
   const request = useTestsList(query);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx61(
     BaseResourceListScreen,
     {
       title,
@@ -2061,10 +2957,10 @@ var BaseTestsList = ({
 };
 
 // src/app/views/tests/RunTest.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var RunTest = () => {
-  const navigate = useNavigate14();
-  return /* @__PURE__ */ jsx48(
+  const navigate = useNavigate15();
+  return /* @__PURE__ */ jsx62(
     BaseTestsList,
     {
       title: "Select a test to run:",
@@ -2075,10 +2971,10 @@ var RunTest = () => {
 };
 
 // src/app/views/tests/TestDetails.tsx
-import { Spinner as Spinner17, StatusMessage as StatusMessage19 } from "@inkjs/ui";
-import { Box as Box14 } from "ink";
+import { Spinner as Spinner20, StatusMessage as StatusMessage21 } from "@inkjs/ui";
+import { Box as Box23 } from "ink";
 import { useLocation as useLocation15, useParams as useParams12 } from "react-router";
-import { jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
 var TestDetails = () => {
   const { testId } = useParams12();
   const location = useLocation15();
@@ -2118,40 +3014,40 @@ var TestDetails = () => {
       to: ROUTES.tests.open(testId ?? "")
     }
   ];
-  return /* @__PURE__ */ jsxs25(ViewLayout, { title, hints, children: [
-    request.isLoading && /* @__PURE__ */ jsx49(Box14, { children: /* @__PURE__ */ jsx49(Spinner17, { label: "Loading test..." }) }),
-    request.isError && /* @__PURE__ */ jsx49(StatusMessage19, { variant: "error", children: request.error }),
-    isNotFound && /* @__PURE__ */ jsx49(StatusMessage19, { variant: "warning", children: "Test not found." }),
-    isReady && /* @__PURE__ */ jsx49(MenuList, { options })
+  return /* @__PURE__ */ jsxs34(ViewLayout, { title, hints, children: [
+    request.isLoading && /* @__PURE__ */ jsx63(Box23, { children: /* @__PURE__ */ jsx63(Spinner20, { label: "Loading test..." }) }),
+    request.isError && /* @__PURE__ */ jsx63(StatusMessage21, { variant: "error", children: request.error }),
+    isNotFound && /* @__PURE__ */ jsx63(StatusMessage21, { variant: "warning", children: "Test not found." }),
+    isReady && /* @__PURE__ */ jsx63(MenuList, { options })
   ] });
 };
 
 // src/app/views/tests/TestDetailsExport.tsx
-import { StatusMessage as StatusMessage20 } from "@inkjs/ui";
-import { Spinner as Spinner18 } from "@inkjs/ui";
-import { useEffect as useEffect16 } from "react";
+import { StatusMessage as StatusMessage22 } from "@inkjs/ui";
+import { Spinner as Spinner21 } from "@inkjs/ui";
+import { useEffect as useEffect21 } from "react";
 import { useParams as useParams13 } from "react-router";
-import { jsx as jsx50, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
 var TestDetailsExport = () => {
   const { testId } = useParams13();
   const [exportTestMutation, exportTestResult] = useFeatureMutation(
     (id) => exportTest(id, "yaml")
   );
-  useEffect16(() => {
+  useEffect21(() => {
     if (testId) void exportTestMutation(testId);
   }, [exportTestMutation, testId]);
-  return /* @__PURE__ */ jsxs26(ViewLayout, { hintsHidden: true, children: [
-    exportTestResult.isLoading && /* @__PURE__ */ jsx50(Spinner18, { label: `Exporting ${testId}...` }),
-    exportTestResult.isError && /* @__PURE__ */ jsx50(StatusMessage20, { variant: "error", children: exportTestResult.error }),
-    exportTestResult.data && /* @__PURE__ */ jsx50(StatusMessage20, { variant: "success", children: `Exported to ${exportTestResult.data.outPath} (${exportTestResult.data.size} chars)` })
+  return /* @__PURE__ */ jsxs35(ViewLayout, { hintsHidden: true, children: [
+    exportTestResult.isLoading && /* @__PURE__ */ jsx64(Spinner21, { label: `Exporting ${testId}...` }),
+    exportTestResult.isError && /* @__PURE__ */ jsx64(StatusMessage22, { variant: "error", children: exportTestResult.error }),
+    exportTestResult.data && /* @__PURE__ */ jsx64(StatusMessage22, { variant: "success", children: `Exported to ${exportTestResult.data.outPath} (${exportTestResult.data.size} chars)` })
   ] });
 };
 
 // src/app/views/tests/TestDetailsLastRun.tsx
-import { Spinner as Spinner19, StatusMessage as StatusMessage21 } from "@inkjs/ui";
-import { Text as Text15 } from "ink";
+import { Spinner as Spinner22, StatusMessage as StatusMessage23 } from "@inkjs/ui";
+import { Text as Text24 } from "ink";
 import { useLocation as useLocation16, useParams as useParams14 } from "react-router";
-import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 var TestDetailsLastRun = () => {
   const { testId } = useParams14();
   const location = useLocation16();
@@ -2161,23 +3057,23 @@ var TestDetailsLastRun = () => {
   const isReady = !request.isLoading && !request.isError;
   const title = test ? getTestName(test) : state?.testName ?? testId;
   if (!isReady || !test?.lastRunId) {
-    return /* @__PURE__ */ jsxs27(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      request.isLoading && /* @__PURE__ */ jsx51(Spinner19, { label: "Loading..." }),
-      request.isError && /* @__PURE__ */ jsx51(Text15, { color: "red", children: request.error }),
-      isReady && !test?.lastRunId && /* @__PURE__ */ jsx51(StatusMessage21, { variant: "warning", children: `No previous run found for ${test ? getTestName(test) : testId ?? "test"}` })
+    return /* @__PURE__ */ jsxs36(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      request.isLoading && /* @__PURE__ */ jsx65(Spinner22, { label: "Loading..." }),
+      request.isError && /* @__PURE__ */ jsx65(Text24, { color: "red", children: request.error }),
+      isReady && !test?.lastRunId && /* @__PURE__ */ jsx65(StatusMessage23, { variant: "warning", children: `No previous run found for ${test ? getTestName(test) : testId ?? "test"}` })
     ] });
   }
-  return /* @__PURE__ */ jsx51(BaseTestRunDetails, { runId: test.lastRunId, title, menuState: { testRunName: title } });
+  return /* @__PURE__ */ jsx65(BaseTestRunDetails, { runId: test.lastRunId, title, menuState: { testRunName: title } });
 };
 
 // src/app/views/tests/TestDetailsOpen.tsx
-import { StatusMessage as StatusMessage22 } from "@inkjs/ui";
-import { Spinner as Spinner20 } from "@inkjs/ui";
-import { Box as Box15, Text as Text16 } from "ink";
-import { useEffect as useEffect17 } from "react";
+import { StatusMessage as StatusMessage24 } from "@inkjs/ui";
+import { Spinner as Spinner23 } from "@inkjs/ui";
+import { Box as Box24, Text as Text25 } from "ink";
+import { useEffect as useEffect22 } from "react";
 import { useParams as useParams15 } from "react-router";
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
-var WebUrlUnavailableMessage4 = () => /* @__PURE__ */ jsx52(StatusMessage22, { variant: "warning", children: "No web URL available for this test" });
+import { jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
+var WebUrlUnavailableMessage4 = () => /* @__PURE__ */ jsx66(StatusMessage24, { variant: "warning", children: "No web URL available for this test" });
 var TestDetailsOpen = () => {
   const { testId } = useParams15();
   const request = useFeatureQuery(async () => {
@@ -2190,41 +3086,41 @@ var TestDetailsOpen = () => {
     await openExternalUrl(url2);
     return url2;
   });
-  useEffect17(() => {
+  useEffect22(() => {
     if (isReady && url) void openTest(url);
   }, [isReady, openTest, url]);
-  return /* @__PURE__ */ jsxs28(ViewLayout, { hintsHidden: true, children: [
-    request.isLoading && /* @__PURE__ */ jsx52(Spinner20, { label: "Loading..." }),
-    request.isError && /* @__PURE__ */ jsx52(Text16, { color: "red", children: request.error }),
-    isReady && !url && /* @__PURE__ */ jsx52(WebUrlUnavailableMessage4, {}),
-    isReady && url && openTestResult.isLoading && /* @__PURE__ */ jsx52(Spinner20, { label: "Opening BugBug..." }),
-    isReady && url && openTestResult.isError && /* @__PURE__ */ jsx52(StatusMessage22, { variant: "error", children: openTestResult.error }),
-    isReady && url && openTestResult.data && /* @__PURE__ */ jsxs28(Box15, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx52(StatusMessage22, { variant: "success", children: "Opened in BugBug" }),
-      /* @__PURE__ */ jsx52(Text16, { dimColor: true, children: openTestResult.data })
+  return /* @__PURE__ */ jsxs37(ViewLayout, { hintsHidden: true, children: [
+    request.isLoading && /* @__PURE__ */ jsx66(Spinner23, { label: "Loading..." }),
+    request.isError && /* @__PURE__ */ jsx66(Text25, { color: "red", children: request.error }),
+    isReady && !url && /* @__PURE__ */ jsx66(WebUrlUnavailableMessage4, {}),
+    isReady && url && openTestResult.isLoading && /* @__PURE__ */ jsx66(Spinner23, { label: "Opening BugBug..." }),
+    isReady && url && openTestResult.isError && /* @__PURE__ */ jsx66(StatusMessage24, { variant: "error", children: openTestResult.error }),
+    isReady && url && openTestResult.data && /* @__PURE__ */ jsxs37(Box24, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx66(StatusMessage24, { variant: "success", children: "Opened in BugBug" }),
+      /* @__PURE__ */ jsx66(Text25, { dimColor: true, children: openTestResult.data })
     ] })
   ] });
 };
 
 // src/app/views/tests/TestDetailsRun.tsx
-import { Spinner as Spinner21, StatusMessage as StatusMessage23 } from "@inkjs/ui";
-import { useEffect as useEffect18 } from "react";
-import { useLocation as useLocation17, useNavigate as useNavigate15, useParams as useParams16 } from "react-router";
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Spinner as Spinner24, StatusMessage as StatusMessage25 } from "@inkjs/ui";
+import { useEffect as useEffect23 } from "react";
+import { useLocation as useLocation17, useNavigate as useNavigate16, useParams as useParams16 } from "react-router";
+import { jsx as jsx67, jsxs as jsxs38 } from "react/jsx-runtime";
 var TestDetailsRun = () => {
   const { testId } = useParams16();
   const location = useLocation17();
-  const navigate = useNavigate15();
+  const navigate = useNavigate16();
   const state = location.state;
   const title = state?.testName ?? testId;
   const [runTestMutation, runTestResult] = useFeatureMutation((id) => runTest(id, {}));
-  useEffect18(() => {
+  useEffect23(() => {
     if (!testId) return;
     const startRun = async () => {
       try {
         const result = await runTestMutation(testId);
         if ("data" in result) {
-          navigate(ROUTES.tests.lastRun(testId), { replace: true, state });
+          navigate(ROUTES.testRuns.details(result.data.id), { replace: true, state });
         }
       } catch {
       }
@@ -2232,23 +3128,23 @@ var TestDetailsRun = () => {
     startRun();
   }, [navigate, runTestMutation, state, testId]);
   if (!runTestResult.data) {
-    return /* @__PURE__ */ jsxs29(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
-      runTestResult.isError && /* @__PURE__ */ jsx53(StatusMessage23, { variant: "error", children: runTestResult.error }),
-      !runTestResult.isError && /* @__PURE__ */ jsx53(Spinner21, { label: "Initializing..." })
+    return /* @__PURE__ */ jsxs38(ViewLayout, { title, hintsHidden: true, hintsPosition: "bottom", children: [
+      runTestResult.isError && /* @__PURE__ */ jsx67(StatusMessage25, { variant: "error", children: runTestResult.error }),
+      !runTestResult.isError && /* @__PURE__ */ jsx67(Spinner24, { label: "Initializing..." })
     ] });
   }
-  return /* @__PURE__ */ jsx53(BaseTestRunDetails, { runId: runTestResult.data.id, title, menuState: state });
+  return /* @__PURE__ */ jsx67(BaseTestRunDetails, { runId: runTestResult.data.id, title, menuState: state });
 };
 
 // src/app/views/tests/TestImport.tsx
-import { Spinner as Spinner22, StatusMessage as StatusMessage24 } from "@inkjs/ui";
-import { useEffect as useEffect19, useState as useState16 } from "react";
-import { useNavigate as useNavigate16 } from "react-router";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Spinner as Spinner25, StatusMessage as StatusMessage26 } from "@inkjs/ui";
+import { useEffect as useEffect24, useState as useState20 } from "react";
+import { useNavigate as useNavigate17 } from "react-router";
+import { jsx as jsx68, jsxs as jsxs39 } from "react/jsx-runtime";
 var TestImport = ({ initialDirectory } = {}) => {
-  const navigate = useNavigate16();
-  const [file, setFile] = useState16(null);
-  const [conflictMode, setConflictMode] = useState16(null);
+  const navigate = useNavigate17();
+  const [file, setFile] = useState20(null);
+  const [conflictMode, setConflictMode] = useState20(null);
   const [importTestMutation, importTestResult] = useFeatureMutation(
     async ({ file: file2, conflictMode: conflictMode2 }) => {
       detectFormat(file2);
@@ -2257,7 +3153,7 @@ var TestImport = ({ initialDirectory } = {}) => {
       });
     }
   );
-  useEffect19(() => {
+  useEffect24(() => {
     if (file && conflictMode !== null) {
       void importTestMutation({ file, conflictMode });
     }
@@ -2268,7 +3164,7 @@ var TestImport = ({ initialDirectory } = {}) => {
     return true;
   });
   if (!file) {
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx68(
       FilePicker,
       {
         label: "Select .yaml/.yml/.zip file",
@@ -2280,7 +3176,7 @@ var TestImport = ({ initialDirectory } = {}) => {
     );
   }
   if (conflictMode === null) {
-    return /* @__PURE__ */ jsx54(ViewLayout, { title: "Conflict mode (blank = API default)", children: /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx68(ViewLayout, { title: "Conflict mode (blank = API default)", children: /* @__PURE__ */ jsx68(
       MenuList,
       {
         options: [
@@ -2291,19 +3187,19 @@ var TestImport = ({ initialDirectory } = {}) => {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs30(ViewLayout, { hintsHidden: true, hintsPosition: "bottom", children: [
-    importTestResult.isLoading && /* @__PURE__ */ jsx54(Spinner22, { label: `Importing ${file}...` }),
-    importTestResult.isError && /* @__PURE__ */ jsx54(StatusMessage24, { variant: "error", children: importTestResult.error }),
-    importTestResult.data && /* @__PURE__ */ jsx54(StatusMessage24, { variant: "success", children: `Imported test: ${importTestResult.data.id ?? "(unknown)"}${importTestResult.data.name ? ` (${importTestResult.data.name})` : ""}` })
+  return /* @__PURE__ */ jsxs39(ViewLayout, { hintsHidden: true, hintsPosition: "bottom", children: [
+    importTestResult.isLoading && /* @__PURE__ */ jsx68(Spinner25, { label: `Importing ${file}...` }),
+    importTestResult.isError && /* @__PURE__ */ jsx68(StatusMessage26, { variant: "error", children: importTestResult.error }),
+    importTestResult.data && /* @__PURE__ */ jsx68(StatusMessage26, { variant: "success", children: `Imported test: ${importTestResult.data.id ?? "(unknown)"}${importTestResult.data.name ? ` (${importTestResult.data.name})` : ""}` })
   ] });
 };
 
 // src/app/views/tests/TestsList.tsx
-import { useNavigate as useNavigate17 } from "react-router";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { useNavigate as useNavigate18 } from "react-router";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var TestsList = () => {
-  const navigate = useNavigate17();
-  return /* @__PURE__ */ jsx55(
+  const navigate = useNavigate18();
+  return /* @__PURE__ */ jsx69(
     BaseTestsList,
     {
       onSelectTest: (test) => navigate(ROUTES.tests.details(test.id), { state: { testName: getTestName(test) } })
@@ -2312,9 +3208,9 @@ var TestsList = () => {
 };
 
 // src/app/views/tests/TestsMenu.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var TestsMenu = () => {
-  return /* @__PURE__ */ jsx56(ViewLayout, { children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx70(ViewLayout, { children: /* @__PURE__ */ jsx70(
     MenuList,
     {
       options: [
@@ -2332,7 +3228,7 @@ var TestsMenu = () => {
 };
 
 // src/app/router.tsx
-import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs40 } from "react/jsx-runtime";
 var createNavigatorRouter = ({
   initialRoute,
   initialRouteState
@@ -2347,45 +3243,45 @@ var createNavigatorRouter = ({
   const initialEntries = getInitialEntries();
   const router = createMemoryRouter(
     createRoutesFromElements(
-      /* @__PURE__ */ jsxs31(Route, { element: /* @__PURE__ */ jsx57(Navigator, {}), children: [
-        /* @__PURE__ */ jsx57(Route, { index: true, element: /* @__PURE__ */ jsx57(MainMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/init", element: /* @__PURE__ */ jsx57(ProjectInit, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests", element: /* @__PURE__ */ jsx57(TestsMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/list", element: /* @__PURE__ */ jsx57(TestsList, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/import", element: /* @__PURE__ */ jsx57(TestImport, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/run", element: /* @__PURE__ */ jsx57(RunTest, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/:testId", element: /* @__PURE__ */ jsx57(TestDetails, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/:testId/run", element: /* @__PURE__ */ jsx57(TestDetailsRun, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/:testId/lastRun", element: /* @__PURE__ */ jsx57(TestDetailsLastRun, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/:testId/export", element: /* @__PURE__ */ jsx57(TestDetailsExport, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/tests/:testId/open", element: /* @__PURE__ */ jsx57(TestDetailsOpen, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns", element: /* @__PURE__ */ jsx57(TestRunsMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns/list", element: /* @__PURE__ */ jsx57(TestRunsList2, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns/:runId", element: /* @__PURE__ */ jsx57(TestRunDetails, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns/:runId/debugArtifacts", element: /* @__PURE__ */ jsx57(TestRunDebugArtifacts, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns/:runId/junitReport", element: /* @__PURE__ */ jsx57(TestRunJunitReport, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/testruns/:runId/open", element: /* @__PURE__ */ jsx57(TestRunOpen, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites", element: /* @__PURE__ */ jsx57(SuitesMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/list", element: /* @__PURE__ */ jsx57(SuitesList, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/run", element: /* @__PURE__ */ jsx57(RunSuite, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/:suiteId", element: /* @__PURE__ */ jsx57(SuiteDetails, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/:suiteId/run", element: /* @__PURE__ */ jsx57(SuiteDetailsRun, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/:suiteId/lastRun", element: /* @__PURE__ */ jsx57(SuiteDetailsLastRun, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suites/:suiteId/open", element: /* @__PURE__ */ jsx57(SuiteDetailsOpen, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suiteruns", element: /* @__PURE__ */ jsx57(SuiteRunsMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suiteruns/list", element: /* @__PURE__ */ jsx57(SuiteRunsList, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suiteruns/:runId", element: /* @__PURE__ */ jsx57(SuiteRunDetails, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suiteruns/:runId/showTestRuns", element: /* @__PURE__ */ jsx57(SuiteRunShowTestRuns, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/suiteruns/:runId/open", element: /* @__PURE__ */ jsx57(SuiteRunOpen, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/profiles", element: /* @__PURE__ */ jsx57(ProfilesMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/profiles/list", element: /* @__PURE__ */ jsx57(ProfilesList, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/project", element: /* @__PURE__ */ jsx57(ProjectMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/project/switch", element: /* @__PURE__ */ jsx57(ProjectSwitch, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/project/export", element: /* @__PURE__ */ jsx57(ProjectExport, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/project/import", element: /* @__PURE__ */ jsx57(ProjectImport, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/settings", element: /* @__PURE__ */ jsx57(SettingsMenu, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/settings/setSessionToken", element: /* @__PURE__ */ jsx57(SettingsSetSessionToken, {}) }),
-        /* @__PURE__ */ jsx57(Route, { path: "/logout", element: /* @__PURE__ */ jsx57(Logout, {}) })
+      /* @__PURE__ */ jsxs40(Route, { element: /* @__PURE__ */ jsx71(Navigator, {}), children: [
+        /* @__PURE__ */ jsx71(Route, { index: true, element: /* @__PURE__ */ jsx71(MainMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/init", element: /* @__PURE__ */ jsx71(ProjectInit, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests", element: /* @__PURE__ */ jsx71(TestsMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/list", element: /* @__PURE__ */ jsx71(TestsList, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/import", element: /* @__PURE__ */ jsx71(TestImport, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/run", element: /* @__PURE__ */ jsx71(RunTest, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/:testId", element: /* @__PURE__ */ jsx71(TestDetails, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/:testId/run", element: /* @__PURE__ */ jsx71(TestDetailsRun, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/:testId/lastRun", element: /* @__PURE__ */ jsx71(TestDetailsLastRun, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/:testId/export", element: /* @__PURE__ */ jsx71(TestDetailsExport, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/tests/:testId/open", element: /* @__PURE__ */ jsx71(TestDetailsOpen, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns", element: /* @__PURE__ */ jsx71(TestRunsMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns/list", element: /* @__PURE__ */ jsx71(TestRunsList2, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns/:runId", element: /* @__PURE__ */ jsx71(TestRunDetails, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns/:runId/debugArtifacts", element: /* @__PURE__ */ jsx71(TestRunDebugArtifacts, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns/:runId/junitReport", element: /* @__PURE__ */ jsx71(TestRunJunitReport, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/testruns/:runId/open", element: /* @__PURE__ */ jsx71(TestRunOpen, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites", element: /* @__PURE__ */ jsx71(SuitesMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/list", element: /* @__PURE__ */ jsx71(SuitesList, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/run", element: /* @__PURE__ */ jsx71(RunSuite, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/:suiteId", element: /* @__PURE__ */ jsx71(SuiteDetails, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/:suiteId/run", element: /* @__PURE__ */ jsx71(SuiteDetailsRun, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/:suiteId/lastRun", element: /* @__PURE__ */ jsx71(SuiteDetailsLastRun, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suites/:suiteId/open", element: /* @__PURE__ */ jsx71(SuiteDetailsOpen, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suiteruns", element: /* @__PURE__ */ jsx71(SuiteRunsMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suiteruns/list", element: /* @__PURE__ */ jsx71(SuiteRunsList, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suiteruns/:runId", element: /* @__PURE__ */ jsx71(SuiteRunDetails, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suiteruns/:runId/showTestRuns", element: /* @__PURE__ */ jsx71(SuiteRunShowTestRuns, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/suiteruns/:runId/open", element: /* @__PURE__ */ jsx71(SuiteRunOpen, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/profiles", element: /* @__PURE__ */ jsx71(ProfilesMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/profiles/list", element: /* @__PURE__ */ jsx71(ProfilesList, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/project", element: /* @__PURE__ */ jsx71(ProjectMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/project/switch", element: /* @__PURE__ */ jsx71(ProjectSwitch, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/project/export", element: /* @__PURE__ */ jsx71(ProjectExport, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/project/import", element: /* @__PURE__ */ jsx71(ProjectImport, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/settings", element: /* @__PURE__ */ jsx71(SettingsMenu, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/settings/setSessionToken", element: /* @__PURE__ */ jsx71(SettingsSetSessionToken, {}) }),
+        /* @__PURE__ */ jsx71(Route, { path: "/logout", element: /* @__PURE__ */ jsx71(Logout, {}) })
       ] })
     ),
     { initialEntries, initialIndex: initialEntries.length - 1 }
@@ -2394,12 +3290,12 @@ var createNavigatorRouter = ({
 };
 
 // src/app/NavigatorApp.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var NavigatorApp = ({ initialRoute, initialRouteState }) => {
-  const [router] = useState17(() => createNavigatorRouter({ initialRoute, initialRouteState }));
-  return /* @__PURE__ */ jsx58(NavigatorSessionProvider, { children: /* @__PURE__ */ jsx58(RouterProvider, { router }) });
+  const [router] = useState21(() => createNavigatorRouter({ initialRoute, initialRouteState }));
+  return /* @__PURE__ */ jsx72(NavigatorSessionProvider, { children: /* @__PURE__ */ jsx72(RouterProvider, { router }) });
 };
 export {
   NavigatorApp
 };
-//# sourceMappingURL=NavigatorApp-6ZB6F4RF.js.map
+//# sourceMappingURL=NavigatorApp-3SRWEK5J.js.map