@ganakailabs/cloudeval-cli 0.21.1 → 0.22.0

package/dist/{App-77Q76GI5.js → App-7ZEWM5DC.js}

@@ -38,10 +38,10 @@ import {
 } from "./chunk-LDDHLUZH.js";
 import {
   Banner
-} from "./chunk-6AHSCVTF.js";
+} from "./chunk-TTE5NEMA.js";
 import {
   CLI_VERSION
-} from "./chunk-74TONCUI.js";
+} from "./chunk-AF6Z5VZD.js";
 import {
   raisedButtonStyle,
   terminalTheme
@@ -49,7 +49,7 @@ import {
 
 // src/ui/App.tsx
 import React8, { useEffect as useEffect4, useMemo, useState as useState4, startTransition } from "react";
-import { Box as Box9, Text as Text10, useApp, useInput as useInput4 } from "ink";
+import { Box as Box9, Text as Text12, useApp, useInput as useInput4 } from "ink";
 import { ScrollView } from "ink-scroll-view";
 import { randomUUID as randomUUID2 } from "crypto";
 import { spawn } from "child_process";
@@ -325,11 +325,13 @@ var TitledBox = ({
   ...boxProps
 }) => {
   const labelColor = titleColor ?? (typeof borderColor === "string" ? borderColor : void 0);
+  const clipContent = boxProps.height !== void 0;
   return /* @__PURE__ */ jsxs2(
     Box2,
     {
       ...boxProps,
       flexDirection: "column",
+      overflow: clipContent ? "hidden" : void 0,
       borderStyle,
       borderColor,
       padding,
@@ -355,6 +357,8 @@ var TitledBox = ({
             alignItems,
             justifyContent,
             flexWrap,
+            overflow: clipContent ? "hidden" : void 0,
+            height: clipContent ? "100%" : void 0,
             children
           }
         )
@@ -768,7 +772,7 @@ var Transcript = ({
 
 // src/ui/components/InputBox.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Box as Box4, Text as Text5, useInput } from "ink";
+import { Box as Box4, Text as Text6, useInput } from "ink";
 
 // src/ui/inputSanitizer.ts
 var SGR_MOUSE_SEQUENCE = /\x1b?\[<\d+;\d+;\d+[mM]/g;
@@ -942,8 +946,26 @@ var workspaceTabFromPosition = (column, row, areas) => areas.find(
   (area) => column >= area.startColumn && column <= area.endColumn && row >= area.startRow && row <= area.endRow
 )?.tab;
 
+// src/ui/components/InputHelpText.tsx
+import { Text as Text5 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SLASH_COMMAND_PATTERN = /(\/[a-z][a-z0-9_-]*)/gi;
+var InputHelpText = ({ text }) => {
+  const parts = text.split(SLASH_COMMAND_PATTERN);
+  if (parts.length === 1) {
+    return /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: text });
+  }
+  return /* @__PURE__ */ jsx5(Text5, { wrap: "truncate", children: parts.map((part, index) => {
+    if (part.startsWith("/")) {
+      return /* @__PURE__ */ jsx5(Text5, { color: terminalTheme.accent, bold: true, children: part }, `${part}-${index}`);
+    }
+    return /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: part }, `${part}-${index}`);
+  }) });
+};
+
 // src/ui/components/InputBox.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var COMMAND_MENU_VISIBLE_ROWS = 5;
 var shouldAnimateInputCursor = ({
   disabled,
   inputActive = true,
@@ -1002,7 +1024,7 @@ var Scrollbar = ({
     visibleRows - 1,
     Math.max(0, Math.round(startRow / maxStart * (visibleRows - 1)))
   );
-  return /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", marginLeft: 1, children: Array.from({ length: visibleRows }, (_, index) => /* @__PURE__ */ jsx5(Text5, { color: index === thumbIndex ? terminalTheme.focus : terminalTheme.muted, children: index === thumbIndex ? "\u2503" : "\u2502" }, index)) });
+  return /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", marginLeft: 1, children: Array.from({ length: visibleRows }, (_, index) => /* @__PURE__ */ jsx6(Text6, { color: index === thumbIndex ? terminalTheme.focus : terminalTheme.muted, children: index === thumbIndex ? "\u2503" : "\u2502" }, index)) });
 };
 var truncateInline = (value, maxLength) => {
   if (value.length <= maxLength) {
@@ -1090,20 +1112,65 @@ var getFollowUpRowViewport = ({
     rowCount: 1
   };
 };
-var getCommandCompletionViewport = ({
+var estimateCommandCompletionRows = (commandCount, terminalColumns) => {
+  if (!commandCount) {
+    return 0;
+  }
+  const layout = getCommandCompletionLayout({
+    commands: Array.from({ length: commandCount }, (_, index) => ({
+      name: `/cmd-${index}`,
+      description: ""
+    })),
+    focusedIndex: 0,
+    terminalColumns
+  });
+  return layout.rowCount;
+};
+var getCommandCompletionLayout = ({
   commands,
   focusedIndex = 0,
   terminalColumns
 }) => {
-  const availableWidth = Math.max(24, terminalColumns - 28);
   const activeIndex = commands.length ? Math.min(Math.max(0, focusedIndex), commands.length - 1) : 0;
+  const activeCommand = commands[activeIndex];
+  const useVertical = commands.length >= 5 || terminalColumns < 100 || commands.some((command) => command.name.length > 14);
+  if (!commands.length) {
+    return {
+      mode: "vertical",
+      activeIndex: 0,
+      items: [],
+      clippedStart: false,
+      clippedEnd: false,
+      rowCount: 0
+    };
+  }
+  if (useVertical) {
+    const visibleCount = Math.min(COMMAND_MENU_VISIBLE_ROWS, commands.length);
+    let start2 = Math.max(0, activeIndex - Math.floor(visibleCount / 2));
+    if (start2 + visibleCount > commands.length) {
+      start2 = Math.max(0, commands.length - visibleCount);
+    }
+    const end2 = Math.min(commands.length, start2 + visibleCount);
+    const items2 = commands.slice(start2, end2).map((command, offset) => {
+      const index = start2 + offset;
+      const label = `${index === activeIndex ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker} ${command.name}`;
+      return { command, index, label, width: label.length };
+    });
+    return {
+      mode: "vertical",
+      activeIndex,
+      activeCommand,
+      items: items2,
+      clippedStart: start2 > 0,
+      clippedEnd: end2 < commands.length,
+      rowCount: 1 + items2.length + 1 + 1
+    };
+  }
+  const availableWidth = Math.max(24, terminalColumns - 28);
   const items = commands.map((command, index) => {
     const label = `${index === activeIndex ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker} ${command.name}`;
     return { command, index, label, width: label.length };
   });
-  if (!items.length) {
-    return { items: [], clippedStart: false, clippedEnd: false, rowCount: 0 };
-  }
   let start = activeIndex;
   let usedWidth = items[start]?.width ?? 0;
   while (start > 0) {
@@ -1124,10 +1191,13 @@ var getCommandCompletionViewport = ({
     end++;
   }
   return {
+    mode: "horizontal",
+    activeIndex,
+    activeCommand,
     items: items.slice(start, end),
     clippedStart: start > 0,
     clippedEnd: end < items.length,
-    rowCount: 1
+    rowCount: 2
   };
 };
 var InputBox = ({
@@ -1171,20 +1241,18 @@ var InputBox = ({
     focusedFollowUpIndex,
     terminalColumns
   });
-  const commandCompletionViewport = getCommandCompletionViewport({
+  const commandCompletionLayout = getCommandCompletionLayout({
     commands: commandCompletions,
     focusedIndex: focusedCommandCompletionIndex,
     terminalColumns
   });
-  const commandCompletionLine = [
-    commandCompletionViewport.clippedStart ? "<--" : void 0,
-    ...commandCompletionViewport.items.map((item) => item.label),
-    commandCompletionViewport.clippedEnd ? "-->" : void 0
-  ].filter(Boolean).join(" ");
-  const activeCommand = focusedCommandCompletionIndex === void 0 ? void 0 : commandCompletions[Math.min(
-    Math.max(0, focusedCommandCompletionIndex),
-    Math.max(0, commandCompletions.length - 1)
-  )];
+  const activeCommand = commandCompletionLayout.activeCommand;
+  const commandCompletionNavigationHint = [
+    commandCompletionLayout.clippedStart ? "\u2191 more" : void 0,
+    "Tab/\u2191\u2193 move",
+    "Enter choose",
+    commandCompletionLayout.clippedEnd ? "\u2193 more" : void 0
+  ].filter(Boolean).join(" \xB7 ");
   const promptPrefix = ">";
   const inputWidth = Math.max(20, terminalColumns - 10);
   const inputViewport = getInputViewport({
@@ -1279,13 +1347,13 @@ var InputBox = ({
   const cursorColor = getInputCursorColor({ disabled, inputActive, cursorVisible });
   const inputBorderColor = disabled ? terminalTheme.muted : followUpsActive || inputActive ? terminalTheme.focus : terminalTheme.muted;
   const content = /* @__PURE__ */ jsxs4(Fragment, { children: [
-    followUps.length ? /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `${followUpsLabel}: ` }),
-      followUpViewport.clippedStart ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "<-- " }) : null,
+    followUps.length ? /* @__PURE__ */ jsxs4(Text6, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: `${followUpsLabel}: ` }),
+      followUpViewport.clippedStart ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "<-- " }) : null,
       followUpViewport.items.map(({ question, index, label }) => {
         const focused = followUpsActive && focusedFollowUpIndex === index;
         return /* @__PURE__ */ jsxs4(
-          Text5,
+          Text6,
           {
             color: focused ? terminalTheme.focus : void 0,
             bold: focused,
@@ -1299,30 +1367,30 @@ var InputBox = ({
           `${index}-${question}`
         );
       }),
-      followUpViewport.clippedEnd ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "-->" }) : null
+      followUpViewport.clippedEnd ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "-->" }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs4(
       Box4,
       {
         flexDirection: compact ? "column" : "row",
         children: [
-          /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", flexGrow: 1, children: !value ? /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
-            /* @__PURE__ */ jsxs4(Text5, { color: inputActive ? terminalTheme.brand : terminalTheme.muted, children: [
+          /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", flexGrow: 1, children: !value ? /* @__PURE__ */ jsxs4(Text6, { wrap: "truncate", children: [
+            /* @__PURE__ */ jsxs4(Text6, { color: inputActive ? terminalTheme.brand : terminalTheme.muted, children: [
               promptPrefix,
               " "
             ] }),
-            /* @__PURE__ */ jsx5(Text5, { color: cursorColor, children: cursorGlyph }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: ` ${placeholder}` })
+            /* @__PURE__ */ jsx6(Text6, { color: cursorColor, children: cursorGlyph }),
+            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: ` ${placeholder}` })
           ] }) : promptRows.map((row, index) => {
-            return /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
-              row.showPromptPrefix ? /* @__PURE__ */ jsxs4(Text5, { color: inputActive ? terminalTheme.brand : terminalTheme.muted, children: [
+            return /* @__PURE__ */ jsxs4(Text6, { wrap: "truncate", children: [
+              row.showPromptPrefix ? /* @__PURE__ */ jsxs4(Text6, { color: inputActive ? terminalTheme.brand : terminalTheme.muted, children: [
                 promptPrefix,
                 " "
-              ] }) : /* @__PURE__ */ jsx5(Text5, { children: "  " }),
+              ] }) : /* @__PURE__ */ jsx6(Text6, { children: "  " }),
               row.line,
               row.showCursor ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-                /* @__PURE__ */ jsx5(
-                  Text5,
+                /* @__PURE__ */ jsx6(
+                  Text6,
                   {
                     dimColor: true,
                     italic: true,
@@ -1330,11 +1398,11 @@ var InputBox = ({
                     children: ghostText ?? ""
                   }
                 ),
-                /* @__PURE__ */ jsx5(Text5, { color: cursorColor, children: cursorGlyph })
+                /* @__PURE__ */ jsx6(Text6, { color: cursorColor, children: cursorGlyph })
               ] }) : null
             ] }, `${startRow}-${index}`);
           }) }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             Scrollbar,
             {
               totalRows: inputRows.length,
@@ -1345,20 +1413,42 @@ var InputBox = ({
         ]
       }
     ),
-    actionHint ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: actionHint }) : resolvedHelpText ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: resolvedHelpText }) : null,
-    commandCompletionViewport.items.length ? /* @__PURE__ */ jsx5(
-      Text5,
-      {
-        color: commandCompletionsActive ? terminalTheme.focus : terminalTheme.muted,
-        bold: commandCompletionsActive,
-        wrap: "truncate",
-        children: `/commands: ${commandCompletionLine} | Tab/\u2191\u2193 move | Enter choose`
-      }
-    ) : null,
-    footerControls ? /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", marginTop: 1, children: footerControls }) : null
+    actionHint ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, wrap: "truncate", children: actionHint }) : resolvedHelpText ? /* @__PURE__ */ jsx6(InputHelpText, { text: resolvedHelpText }) : null,
+    commandCompletionLayout.items.length ? /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Text6, { color: terminalTheme.muted, bold: commandCompletionsActive, children: "Slash commands" }),
+      commandCompletionLayout.mode === "vertical" ? commandCompletionLayout.items.map((item) => {
+        const active = item.index === commandCompletionLayout.activeIndex;
+        return /* @__PURE__ */ jsx6(
+          Text6,
+          {
+            backgroundColor: active ? terminalTheme.selectedBackground : void 0,
+            color: active ? terminalTheme.selected : terminalTheme.muted,
+            bold: active,
+            wrap: "truncate",
+            children: item.label
+          },
+          item.command.name
+        );
+      }) : /* @__PURE__ */ jsx6(
+        Text6,
+        {
+          color: commandCompletionsActive ? terminalTheme.focus : terminalTheme.muted,
+          bold: commandCompletionsActive,
+          wrap: "truncate",
+          children: [
+            commandCompletionLayout.clippedStart ? "\u2026" : void 0,
+            ...commandCompletionLayout.items.map((item) => item.label),
+            commandCompletionLayout.clippedEnd ? "\u2026" : void 0
+          ].filter(Boolean).join("  ")
+        }
+      ),
+      activeCommand?.description ? /* @__PURE__ */ jsx6(Text6, { color: terminalTheme.secondary, wrap: "truncate", children: activeCommand.description }) : null,
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, wrap: "truncate", children: commandCompletionNavigationHint })
+    ] }) : null,
+    footerControls ? /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", marginTop: 1, children: footerControls }) : null
   ] });
   if (variant === "dock") {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       Box4,
       {
         flexDirection: "column",
@@ -1369,7 +1459,7 @@ var InputBox = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     TitledBox,
     {
       title,
@@ -1382,9 +1472,276 @@ var InputBox = ({
   );
 };
 
+// src/ui/components/NoticeLine.tsx
+import { Text as Text7 } from "ink";
+
+// src/ui/noticeTone.ts
+var matchesAny = (message, patterns) => patterns.some((pattern) => pattern.test(message));
+var classifyNoticeTone = (message) => {
+  const normalized = message.trim();
+  if (!normalized) {
+    return "neutral";
+  }
+  if (matchesAny(normalized, [
+    /^failed\b/i,
+    /\bfailed:/i,
+    /^error\b/i,
+    /\bunavailable\b/i,
+    /^cannot\b/i,
+    /^could not\b/i,
+    /^copy failed\b/i,
+    /^no assistant response\b/i,
+    /^no chat transcript\b/i,
+    /^sign in before\b/i
+  ])) {
+    return "danger";
+  }
+  if (matchesAny(normalized, [
+    /^loading\b/i,
+    /^submitting\b/i,
+    /\.\.\.$/,
+    /^stop the running\b/i,
+    /^starter selections shown\b/i,
+    /^type to edit\b/i
+  ])) {
+    return "warning";
+  }
+  if (matchesAny(normalized, [
+    /^downloaded\b/i,
+    /^copied\b/i,
+    /^loaded\b/i,
+    /^started\b/i,
+    /^project selected\b/i,
+    /^model selected\b/i,
+    /^profile selected\b/i,
+    /^thread\b/i,
+    /^report run submitted\b/i,
+    /^agent profile cleared\b/i
+  ])) {
+    return "success";
+  }
+  if (matchesAny(normalized, [
+    /^frontend link:/i,
+    /^open frontend manually:/i,
+    /^open session was not found\b/i,
+    /^cannot resume\b/i,
+    /^local threads unavailable\b/i,
+    /^cloud threads unavailable\b/i,
+    /queued:/i
+  ])) {
+    return "info";
+  }
+  return "neutral";
+};
+
+// src/ui/components/NoticeLine.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var toneColor = (tone) => {
+  switch (tone) {
+    case "success":
+      return terminalTheme.success;
+    case "warning":
+      return terminalTheme.warning;
+    case "danger":
+      return terminalTheme.danger;
+    case "info":
+      return terminalTheme.secondary;
+    default:
+      return terminalTheme.muted;
+  }
+};
+var NoticeLine = ({ message }) => {
+  const tone = classifyNoticeTone(message);
+  const color = toneColor(tone);
+  const bold = tone === "success" || tone === "danger";
+  return /* @__PURE__ */ jsx7(Text7, { wrap: "wrap", color, bold, children: message });
+};
+
+// src/ui/layout.ts
+var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
+var normalizeDimension = (value, fallback) => Number.isFinite(value) && value && value > 0 ? value : fallback;
+var BANNER_ART_WIDTH = 84;
+var BANNER_ART_ROWS = 6;
+var BANNER_WELCOME_ROWS = 1;
+var BANNER_VERSION_ROWS = 1;
+var BANNER_MARGIN_BOTTOM_ROWS = 1;
+var BANNER_SIDE_DETAILS_MIN_WIDTH = 42;
+var estimateBannerRows = ({
+  columns,
+  detailsCount = 3
+}) => {
+  const showArt = columns >= BANNER_ART_WIDTH;
+  const detailsBesideArt = showArt && detailsCount > 0 && columns >= BANNER_ART_WIDTH + BANNER_SIDE_DETAILS_MIN_WIDTH;
+  const detailRows = BANNER_VERSION_ROWS + detailsCount;
+  if (!showArt) {
+    return detailRows + BANNER_MARGIN_BOTTOM_ROWS;
+  }
+  if (detailsBesideArt) {
+    return BANNER_WELCOME_ROWS + Math.max(BANNER_ART_ROWS, detailRows) + BANNER_MARGIN_BOTTOM_ROWS;
+  }
+  return BANNER_WELCOME_ROWS + BANNER_ART_ROWS + detailRows + BANNER_MARGIN_BOTTOM_ROWS;
+};
+var getResponsiveTuiLayout = (size, options = {}) => {
+  const columns = normalizeDimension(size.columns, 100);
+  const rows = normalizeDimension(size.rows, 32);
+  const compact = columns < 96 || rows < 30;
+  const showBanner = !options.disableBanner;
+  let reservedRows = 25 + Math.max(0, Math.ceil(options.promptInputRows ?? 2) - 2) + Math.max(0, Math.ceil(options.promptSuggestionRows ?? 0));
+  if (showBanner) reservedRows += estimateBannerRows({ columns });
+  if (options.hasQueue) reservedRows += 4;
+  if (options.hasError) reservedRows += 4;
+  if (options.hasHitl) reservedRows += 7;
+  if (options.hasSelector) reservedRows += 8;
+  if (options.isSearching) reservedRows += 3;
+  const maxThreadHeight = compact ? 14 : 24;
+  const availableRows = rows - reservedRows;
+  return {
+    compact,
+    paddingX: compact ? 0 : 1,
+    selectorLimit: compact ? 6 : 8,
+    showBanner,
+    threadHeight: clamp2(availableRows, 1, maxThreadHeight)
+  };
+};
+var getMiddleViewportRows = (size, options = {}) => {
+  const rows = normalizeDimension(size.rows, 32);
+  const headerRows = Math.max(0, Math.ceil(options.headerRows ?? 0));
+  const footerRows = Math.max(0, Math.ceil(options.footerRows ?? 0));
+  const safetyRows = Math.max(0, Math.ceil(options.safetyRows ?? 2));
+  return Math.max(1, Math.floor(rows) - headerRows - footerRows - safetyRows);
+};
+var getFramedBodyRows = (frameRows, chromeRows = 4) => Math.max(1, Math.floor(frameRows) - Math.max(0, Math.ceil(chromeRows)));
+var estimateWorkspaceTabBarRows = () => 2;
+var estimateSelectPanelRows = (visibleLimit) => 4 + Math.max(1, Math.ceil(visibleLimit));
+var getPromptInputRowBudget = (size) => {
+  const rows = normalizeDimension(size.rows, 32);
+  return clamp2(Math.floor(rows * 0.13), 4, 8);
+};
+var getChatResponsiveMode = (size) => {
+  const columns = normalizeDimension(size.columns, 100);
+  const rows = normalizeDimension(size.rows, 32);
+  if (columns >= 132 && rows >= 40) {
+    return "wide";
+  }
+  if (columns >= 112 && rows >= 34) {
+    return "medium";
+  }
+  return "narrow";
+};
+var shouldUseSplitChatLayout = (size) => getChatResponsiveMode(size) !== "narrow";
+var getContextRailWidth = (size) => {
+  const mode = getChatResponsiveMode(size);
+  const columns = normalizeDimension(size.columns, 100);
+  if (mode === "wide") {
+    return Math.min(40, Math.max(34, Math.ceil(columns * 0.25)));
+  }
+  if (mode === "medium") {
+    return Math.min(30, Math.max(28, Math.ceil(columns * 0.25)));
+  }
+  return 0;
+};
+var estimateComposerRows = ({
+  inputRows,
+  suggestionRows,
+  includeControls = true,
+  controlRows = 0,
+  variant = "panel"
+}) => {
+  const chromeRows = variant === "dock" ? 1 : 2;
+  const inputRowsWithHint = inputRows + 1;
+  const footerRows = includeControls ? controlRows : 0;
+  return chromeRows + Math.max(0, suggestionRows) + inputRowsWithHint + footerRows;
+};
+var truncateForTerminal = (value, maxLength) => {
+  if (maxLength <= 0) {
+    return "";
+  }
+  if (value.length <= maxLength) {
+    return value;
+  }
+  if (maxLength <= 3) {
+    return ".".repeat(maxLength);
+  }
+  return `${value.slice(0, maxLength - 3)}...`;
+};
+
+// src/ui/bannerDetails.ts
+var labelSegment = (label) => ({
+  text: label,
+  dimColor: true
+});
+var valueSegment = (value, color) => ({
+  text: value,
+  color
+});
+var creditToneColor = (tone) => {
+  if (tone === "warning" || tone === "low") {
+    return terminalTheme.warning;
+  }
+  if (tone === "exhausted" || tone === "danger") {
+    return terminalTheme.danger;
+  }
+  if (tone === "success" || tone === "normal") {
+    return terminalTheme.success;
+  }
+  return terminalTheme.brand;
+};
+var buildBannerDetailLines = ({
+  apiBase,
+  frontendBaseUrl,
+  billingSummary,
+  billingTone,
+  userName,
+  userEmail
+}) => {
+  const displayName = truncateForTerminal(userName.trim() || "You", 48);
+  const email = userEmail?.trim();
+  const userSegments = [
+    labelSegment("User: "),
+    valueSegment(displayName, terminalTheme.userName)
+  ];
+  if (email) {
+    userSegments.push({
+      text: ` (${truncateForTerminal(email, 56)})`,
+      dimColor: true
+    });
+  }
+  const billingUnavailable = billingSummary.includes("unavailable");
+  return [
+    { key: "user", segments: userSegments },
+    {
+      key: "api",
+      segments: [
+        labelSegment("API: "),
+        valueSegment(truncateForTerminal(apiBase, 72), terminalTheme.secondary)
+      ]
+    },
+    {
+      key: "frontend",
+      segments: [
+        labelSegment("Frontend: "),
+        valueSegment(truncateForTerminal(frontendBaseUrl, 72), terminalTheme.secondary)
+      ]
+    },
+    {
+      key: "billing",
+      segments: [
+        {
+          text: billingSummary,
+          color: billingUnavailable ? terminalTheme.warning : creditToneColor(billingTone),
+          bold: !billingUnavailable
+        }
+      ]
+    }
+  ];
+};
+var buildTuiHeaderDetails = (options) => buildBannerDetailLines(options).map(
+  (line) => line.segments.map((segment) => segment.text).join("")
+);
+
 // src/ui/components/Scrollbar.tsx
-import { Box as Box5, Text as Text6 } from "ink";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text8 } from "ink";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var Scrollbar2 = ({
   scrollOffset,
   contentHeight,
@@ -1406,8 +1763,8 @@ var Scrollbar2 = ({
       scrollbarLines.push("\u2502");
     }
   }
-  return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", marginLeft: 1, flexShrink: 0, width: 1, children: scrollbarLines.map((line, idx) => /* @__PURE__ */ jsx6(
-    Text6,
+  return /* @__PURE__ */ jsx8(Box5, { flexDirection: "column", marginLeft: 1, flexShrink: 0, width: 1, children: scrollbarLines.map((line, idx) => /* @__PURE__ */ jsx8(
+    Text8,
     {
       color: line === "\u2588" ? terminalTheme.focus : terminalTheme.muted,
       children: line
@@ -1418,8 +1775,8 @@ var Scrollbar2 = ({
 
 // src/ui/components/ProjectSelector.tsx
 import { useState as useState3, useEffect as useEffect3 } from "react";
-import { Box as Box6, Text as Text7, useInput as useInput2 } from "ink";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text9, useInput as useInput2 } from "ink";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function ProjectSelector({
   items,
   onSubmit,
@@ -1479,7 +1836,7 @@ function ProjectSelector({
   );
   const visibleItems = items.slice(windowStart, windowStart + visibleCount);
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "No projects available." });
+    return /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No projects available." });
   }
   return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 0, children: [
     visibleItems.map((item, idx) => {
@@ -1488,7 +1845,7 @@ function ProjectSelector({
       const isHighlighted = highlighted === actualIndex;
       const marker = isHighlighted ? ">" : isSelected ? "*" : " ";
       return /* @__PURE__ */ jsxs5(
-        Text7,
+        Text9,
         {
           bold: isHighlighted || isSelected,
           color: isSelected ? terminalTheme.selected : isHighlighted ? terminalTheme.focus : void 0,
@@ -1502,8 +1859,8 @@ function ProjectSelector({
         `${actualIndex}-${item.label}`
       );
     }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: multiple ? "Use arrows to navigate, Space to toggle, Enter to confirm" : "Use arrows to navigate and Enter to select" }),
-    items.length > visibleItems.length ? /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: multiple ? "Use arrows to navigate, Space to toggle, Enter to confirm" : "Use arrows to navigate and Enter to select" }),
+    items.length > visibleItems.length ? /* @__PURE__ */ jsxs5(Text9, { dimColor: true, children: [
       "Showing ",
       windowStart + 1,
       "-",
@@ -1516,8 +1873,8 @@ function ProjectSelector({
 
 // src/ui/components/SelectPanel.tsx
 import React6 from "react";
-import { Box as Box7, Text as Text8, useInput as useInput3 } from "ink";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text10, useInput as useInput3 } from "ink";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function SelectPanel({
   title,
   items,
@@ -1563,14 +1920,14 @@ function SelectPanel({
   );
   const visibleItems = items.slice(windowStart, windowStart + visibleCount);
   return /* @__PURE__ */ jsxs6(TitledBox, { title, borderStyle: "round", borderColor: terminalTheme.focus, padding: 1, children: [
-    items.length === 0 ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "No options available." }) : visibleItems.map((item, offset) => {
+    items.length === 0 ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "No options available." }) : visibleItems.map((item, offset) => {
       const index = windowStart + offset;
       const isHighlighted = index === highlighted;
       const isSelected = index === normalizedSelectedIndex;
       const marker = isHighlighted ? "\u25B8" : isSelected ? "\u2022" : " ";
       return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs6(
-          Text8,
+          Text10,
           {
             bold: isHighlighted || isSelected,
             color: isSelected ? terminalTheme.selected : isHighlighted ? terminalTheme.focus : void 0,
@@ -1582,13 +1939,13 @@ function SelectPanel({
             ]
           }
         ),
-        isHighlighted && item.description ? /* @__PURE__ */ jsxs6(Text8, { dimColor: true, children: [
+        isHighlighted && item.description ? /* @__PURE__ */ jsxs6(Text10, { dimColor: true, children: [
           "  ",
           item.description
         ] }) : null
       ] }, `${index}-${item.label}`);
     }),
-    /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Use Up/Down, Enter to select, Esc to cancel." })
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Use Up/Down, Enter to select, Esc to cancel." })
   ] });
 }
 
@@ -2034,112 +2391,6 @@ var isPromptTextInput = (input, key) => {
   return input.length > 0;
 };
 
-// src/ui/layout.ts
-var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
-var normalizeDimension = (value, fallback) => Number.isFinite(value) && value && value > 0 ? value : fallback;
-var BANNER_ART_WIDTH = 84;
-var BANNER_ART_ROWS = 6;
-var BANNER_WELCOME_ROWS = 1;
-var BANNER_VERSION_ROWS = 1;
-var BANNER_MARGIN_BOTTOM_ROWS = 1;
-var BANNER_SIDE_DETAILS_MIN_WIDTH = 42;
-var estimateBannerRows = ({
-  columns,
-  detailsCount = 3
-}) => {
-  const showArt = columns >= BANNER_ART_WIDTH;
-  const detailsBesideArt = showArt && detailsCount > 0 && columns >= BANNER_ART_WIDTH + BANNER_SIDE_DETAILS_MIN_WIDTH;
-  const detailRows = BANNER_VERSION_ROWS + detailsCount;
-  if (!showArt) {
-    return detailRows + BANNER_MARGIN_BOTTOM_ROWS;
-  }
-  if (detailsBesideArt) {
-    return BANNER_WELCOME_ROWS + Math.max(BANNER_ART_ROWS, detailRows) + BANNER_MARGIN_BOTTOM_ROWS;
-  }
-  return BANNER_WELCOME_ROWS + BANNER_ART_ROWS + detailRows + BANNER_MARGIN_BOTTOM_ROWS;
-};
-var getResponsiveTuiLayout = (size, options = {}) => {
-  const columns = normalizeDimension(size.columns, 100);
-  const rows = normalizeDimension(size.rows, 32);
-  const compact = columns < 96 || rows < 30;
-  const showBanner = !options.disableBanner;
-  let reservedRows = 25 + Math.max(0, Math.ceil(options.promptInputRows ?? 2) - 2) + Math.max(0, Math.ceil(options.promptSuggestionRows ?? 0));
-  if (showBanner) reservedRows += estimateBannerRows({ columns });
-  if (options.hasQueue) reservedRows += 4;
-  if (options.hasError) reservedRows += 4;
-  if (options.hasHitl) reservedRows += 7;
-  if (options.hasSelector) reservedRows += 8;
-  if (options.isSearching) reservedRows += 3;
-  const maxThreadHeight = compact ? 14 : 24;
-  const availableRows = rows - reservedRows;
-  return {
-    compact,
-    paddingX: compact ? 0 : 1,
-    selectorLimit: compact ? 6 : 8,
-    showBanner,
-    threadHeight: clamp2(availableRows, 1, maxThreadHeight)
-  };
-};
-var getMiddleViewportRows = (size, options = {}) => {
-  const rows = normalizeDimension(size.rows, 32);
-  const headerRows = Math.max(0, Math.ceil(options.headerRows ?? 0));
-  const footerRows = Math.max(0, Math.ceil(options.footerRows ?? 0));
-  const safetyRows = Math.max(0, Math.ceil(options.safetyRows ?? 2));
-  return Math.max(1, Math.floor(rows) - headerRows - footerRows - safetyRows);
-};
-var getFramedBodyRows = (frameRows, chromeRows = 4) => Math.max(1, Math.floor(frameRows) - Math.max(0, Math.ceil(chromeRows)));
-var getPromptInputRowBudget = (size) => {
-  const rows = normalizeDimension(size.rows, 32);
-  return clamp2(Math.floor(rows * 0.13), 4, 8);
-};
-var getChatResponsiveMode = (size) => {
-  const columns = normalizeDimension(size.columns, 100);
-  const rows = normalizeDimension(size.rows, 32);
-  if (columns >= 132 && rows >= 40) {
-    return "wide";
-  }
-  if (columns >= 112 && rows >= 34) {
-    return "medium";
-  }
-  return "narrow";
-};
-var shouldUseSplitChatLayout = (size) => getChatResponsiveMode(size) !== "narrow";
-var getContextRailWidth = (size) => {
-  const mode = getChatResponsiveMode(size);
-  const columns = normalizeDimension(size.columns, 100);
-  if (mode === "wide") {
-    return Math.min(40, Math.max(34, Math.ceil(columns * 0.25)));
-  }
-  if (mode === "medium") {
-    return Math.min(30, Math.max(28, Math.ceil(columns * 0.25)));
-  }
-  return 0;
-};
-var estimateComposerRows = ({
-  inputRows,
-  suggestionRows,
-  includeControls = true,
-  controlRows = 0,
-  variant = "panel"
-}) => {
-  const chromeRows = variant === "dock" ? 1 : 2;
-  const inputRowsWithHint = inputRows + 1;
-  const footerRows = includeControls ? controlRows : 0;
-  return chromeRows + Math.max(0, suggestionRows) + inputRowsWithHint + footerRows;
-};
-var truncateForTerminal = (value, maxLength) => {
-  if (maxLength <= 0) {
-    return "";
-  }
-  if (value.length <= maxLength) {
-    return value;
-  }
-  if (maxLength <= 3) {
-    return ".".repeat(maxLength);
-  }
-  return `${value.slice(0, maxLength - 3)}...`;
-};
-
 // src/ui/artifactChips.ts
 var buildChatArtifactChips = ({
   projectName: projectName2,
@@ -3804,7 +4055,7 @@ var loadWorkspacePanelData = async ({
 
 // src/ui/workspacePanel.tsx
 import React7 from "react";
-import { Box as Box8, Text as Text9 } from "ink";
+import { Box as Box8, Text as Text11 } from "ink";
 import { plot as plotAsciiChart } from "asciichart";
 
 // src/ui/workspaceEntityDetails.ts
@@ -4000,7 +4251,7 @@ var buildConnectionDetailModel = ({
 };
 
 // src/ui/workspacePanel.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var toRecord5 = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 var directArray3 = (value) => {
   if (Array.isArray(value)) {
@@ -4150,12 +4401,12 @@ var sparkBlocks = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "
 var InlineSparkline = ({ values, width, tone }) => {
   const sampled = sampleValues(values, Math.max(4, width));
   if (!sampled.length) {
-    return /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "no trend data" });
+    return /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "no trend data" });
   }
   const max = Math.max(...sampled);
   const min = Math.min(...sampled);
   const span = max - min || 1;
-  return /* @__PURE__ */ jsx9(Text9, { color: metricColor(tone) ?? terminalTheme.brand, children: sampled.map((value) => {
+  return /* @__PURE__ */ jsx11(Text11, { color: metricColor(tone) ?? terminalTheme.brand, children: sampled.map((value) => {
     const index = Math.min(
       sparkBlocks.length - 1,
       Math.max(
@@ -4170,7 +4421,7 @@ var AsciiLineChart = ({ values, width, height = 4, tone }) => {
   const sampled = sampleValues(values, Math.max(8, width - 8));
   if (sampled.length < 2) {
     return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(
         InlineSparkline,
         {
           values: sampled,
@@ -4178,7 +4429,7 @@ var AsciiLineChart = ({ values, width, height = 4, tone }) => {
           tone
         }
       ),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " current only" })
+      /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: " current only" })
     ] });
   }
   const chart = plotAsciiChart(sampled, {
@@ -4187,8 +4438,8 @@ var AsciiLineChart = ({ values, width, height = 4, tone }) => {
     padding: "    ",
     format: (value) => String(Math.round(value)).padStart(3, " ").slice(-3)
   });
-  return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", children: chart.split("\n").map((line, index) => /* @__PURE__ */ jsx9(
-    Text9,
+  return /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", children: chart.split("\n").map((line, index) => /* @__PURE__ */ jsx11(
+    Text11,
     {
       color: metricColor(tone) ?? terminalTheme.brand,
       wrap: "truncate",
@@ -4250,28 +4501,28 @@ var rowDetail = (value) => {
 };
 var Bar = ({ value, width = 28, tone }) => {
   if (value === void 0) {
-    return /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "-".repeat(Math.min(width, 28)) });
+    return /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "-".repeat(Math.min(width, 28)) });
   }
   const ratio = Math.max(0, Math.min(1, value));
   const filled = Math.round(ratio * width);
   if (filled <= 0) {
-    return /* @__PURE__ */ jsx9(Text9, { children: " ".repeat(width) });
+    return /* @__PURE__ */ jsx11(Text11, { children: " ".repeat(width) });
   }
-  return /* @__PURE__ */ jsxs7(Text9, { color: metricColor(tone) ?? terminalTheme.brand, children: [
+  return /* @__PURE__ */ jsxs7(Text11, { color: metricColor(tone) ?? terminalTheme.brand, children: [
     "\u2588".repeat(filled),
     " ".repeat(width - filled)
   ] });
 };
 var BarList = ({ bars, width, emptyLabel, labelWidth = 18 }) => {
   const barWidth = Math.max(12, Math.min(32, width));
-  return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", children: bars.length ? bars.slice(0, 6).map((bar) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx9(Box8, { width: labelWidth, children: /* @__PURE__ */ jsx9(Text9, { wrap: "truncate", children: truncateForTerminal(normalizeLabel(bar.label), labelWidth - 2) }) }),
-    /* @__PURE__ */ jsx9(Bar, { value: bar.ratio, width: barWidth, tone: bar.tone }),
-    /* @__PURE__ */ jsxs7(Text9, { color: metricColor(bar.tone), children: [
+  return /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", children: bars.length ? bars.slice(0, 6).map((bar) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx11(Box8, { width: labelWidth, children: /* @__PURE__ */ jsx11(Text11, { wrap: "truncate", children: truncateForTerminal(normalizeLabel(bar.label), labelWidth - 2) }) }),
+    /* @__PURE__ */ jsx11(Bar, { value: bar.ratio, width: barWidth, tone: bar.tone }),
+    /* @__PURE__ */ jsxs7(Text11, { color: metricColor(bar.tone), children: [
       " ",
       chartValue(bar.value)
     ] })
-  ] }, bar.label)) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: emptyLabel }) });
+  ] }, bar.label)) : /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: emptyLabel }) });
 };
 var TrendSummary = ({
   trend,
@@ -4282,14 +4533,14 @@ var TrendSummary = ({
   const icon = trend.delta === void 0 ? "\u2022" : trend.delta > 0 ? "\u2191" : trend.delta < 0 ? "\u2193" : "\u2192";
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx9(Box8, { width: labelWidth, children: /* @__PURE__ */ jsx9(Text9, { bold: true, wrap: "truncate", children: truncateForTerminal(trend.label, labelWidth - 1) }) }),
-      /* @__PURE__ */ jsxs7(Text9, { color: metricColor(trend.tone), children: [
+      /* @__PURE__ */ jsx11(Box8, { width: labelWidth, children: /* @__PURE__ */ jsx11(Text11, { bold: true, wrap: "truncate", children: truncateForTerminal(trend.label, labelWidth - 1) }) }),
+      /* @__PURE__ */ jsxs7(Text11, { color: metricColor(trend.tone), children: [
         icon,
         " ",
         trend.summary
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       AsciiLineChart,
       {
         values: trend.values,
@@ -4300,7 +4551,7 @@ var TrendSummary = ({
     )
   ] });
 };
-var SectionCard = ({ title, children, borderColor }) => /* @__PURE__ */ jsx9(
+var SectionCard = ({ title, children, borderColor }) => /* @__PURE__ */ jsx11(
   TitledBox,
   {
     title,
@@ -4308,16 +4559,16 @@ var SectionCard = ({ title, children, borderColor }) => /* @__PURE__ */ jsx9(
     borderColor: borderColor ?? terminalTheme.muted,
     padding: 0,
     paddingX: 1,
-    children: /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", marginTop: 1, children })
+    children: /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", marginTop: 1, children })
   }
 );
 var CreditProgress = ({ remaining, total, width = 12, tone }) => {
   const ratio = total > 0 ? Math.min(1, Math.max(0, remaining / total)) : 0;
   const safeWidth = Math.max(6, width);
   const filled = Math.round(ratio * safeWidth);
-  return /* @__PURE__ */ jsxs7(Text9, { children: [
+  return /* @__PURE__ */ jsxs7(Text11, { children: [
     "[",
-    /* @__PURE__ */ jsx9(Text9, { color: billingToneColor(tone), children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx11(Text11, { color: billingToneColor(tone), children: "\u2588".repeat(filled) }),
     " ".repeat(safeWidth - filled),
     "] ",
     Math.round(ratio * 100),
@@ -4327,18 +4578,18 @@ var CreditProgress = ({ remaining, total, width = 12, tone }) => {
 var BillingSummaryLine = ({
   billing
 }) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", flexWrap: "wrap", columnGap: 1, children: [
-  /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+  /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
     "Plan: ",
-    /* @__PURE__ */ jsx9(Text9, { children: billing.plan })
+    /* @__PURE__ */ jsx11(Text11, { children: billing.plan })
   ] }),
-  /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+  /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
     "Credits:",
     " ",
-    /* @__PURE__ */ jsx9(Text9, { color: billingToneColor(billing.tone), children: Math.max(Number(billing.reportedUsed ?? billing.used ?? 0), 0) > 0 ? `${formatCredits(billing.remaining)} left | Used ${formatCredits(
+    /* @__PURE__ */ jsx11(Text11, { color: billingToneColor(billing.tone), children: Math.max(Number(billing.reportedUsed ?? billing.used ?? 0), 0) > 0 ? `${formatCredits(billing.remaining)} left | Used ${formatCredits(
       Math.max(Number(billing.reportedUsed ?? billing.used ?? 0), 0)
     )}` : `${formatCredits(billing.remaining)}/${formatCredits(billing.total)}` })
   ] }),
-  /* @__PURE__ */ jsx9(
+  /* @__PURE__ */ jsx11(
     CreditProgress,
     {
       remaining: billing.remaining,
@@ -4347,18 +4598,18 @@ var BillingSummaryLine = ({
       tone: billing.tone
     }
   ),
-  /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "O opens billing" })
+  /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "O opens billing" })
 ] });
 var MetricStrip = ({
   metrics,
   compact
-}) => /* @__PURE__ */ jsx9(Box8, { flexDirection: compact ? "column" : "row", gap: 1, flexWrap: "wrap", children: metrics.map((metric) => {
+}) => /* @__PURE__ */ jsx11(Box8, { flexDirection: compact ? "column" : "row", gap: 1, flexWrap: "wrap", children: metrics.map((metric) => {
   const width = Math.max(
     metric.label.length + 8,
     metric.value.length + 6,
     compact ? 0 : 17
   );
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     TitledBox,
     {
       title: metric.label,
@@ -4369,7 +4620,7 @@ var MetricStrip = ({
       paddingX: 1,
       width,
       flexShrink: 0,
-      children: /* @__PURE__ */ jsx9(Text9, { bold: true, color: metricColor(metric.tone), wrap: "truncate", children: metric.value })
+      children: /* @__PURE__ */ jsx11(Text11, { bold: true, color: metricColor(metric.tone), wrap: "truncate", children: metric.value })
     },
     metric.label
   );
@@ -4387,15 +4638,15 @@ var ResponsiveTable = ({ rows, columns, terminalColumns, maxRows = 12, page = 0
   const narrow = terminalColumns < 76;
   if (narrow) {
     return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-      visibleRows.map((row, index) => /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", marginBottom: 1, children: columns.map((column) => /* @__PURE__ */ jsxs7(Text9, { wrap: "truncate", children: [
-        /* @__PURE__ */ jsxs7(Text9, { color: terminalTheme.muted, children: [
+      visibleRows.map((row, index) => /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", marginBottom: 1, children: columns.map((column) => /* @__PURE__ */ jsxs7(Text11, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsxs7(Text11, { color: terminalTheme.muted, children: [
           column,
           ": "
         ] }),
         String(row[column] ?? "")
       ] }, column)) }, index)),
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
           "rows ",
           startIndex + 1,
           "-",
@@ -4404,7 +4655,7 @@ var ResponsiveTable = ({ rows, columns, terminalColumns, maxRows = 12, page = 0
           " ",
           rows.length
         ] }),
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "[ prev | ] next | D download" })
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "[ prev | ] next | D download" })
       ] })
     ] });
   }
@@ -4428,11 +4679,11 @@ var ResponsiveTable = ({ rows, columns, terminalColumns, maxRows = 12, page = 0
     return Math.max(min, scaled);
   });
   const columnWidth = (column) => widths[columns.indexOf(column)] ?? 10;
-  const renderRow = (row, key, heading = false) => /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", children: columns.map((column) => {
+  const renderRow = (row, key, heading = false) => /* @__PURE__ */ jsx11(Box8, { flexDirection: "row", children: columns.map((column) => {
     const width = columnWidth(column);
     const value = heading ? column : String(row[column] ?? "");
-    return /* @__PURE__ */ jsx9(Box8, { width, marginRight: 1, children: /* @__PURE__ */ jsx9(
-      Text9,
+    return /* @__PURE__ */ jsx11(Box8, { width, marginRight: 1, children: /* @__PURE__ */ jsx11(
+      Text11,
       {
         bold: heading,
         color: heading ? terminalTheme.brand : void 0,
@@ -4443,20 +4694,20 @@ var ResponsiveTable = ({ rows, columns, terminalColumns, maxRows = 12, page = 0
   }) }, key);
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
     renderRow({}, "header", true),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: truncateForTerminal("\u2500".repeat(availableWidth), availableWidth) }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: truncateForTerminal("\u2500".repeat(availableWidth), availableWidth) }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", flexGrow: 1, children: visibleRows.map((row, index) => renderRow(row, String(index))) }),
+      /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", flexGrow: 1, children: visibleRows.map((row, index) => renderRow(row, String(index))) }),
       hiddenCount > 0 ? /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", marginLeft: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "\u2503" }),
+        /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "\u2503" }),
         Array.from(
           { length: Math.max(1, visibleRows.length - 2) },
-          (_, index) => /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2502" }, index)
+          (_, index) => /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "\u2502" }, index)
         ),
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2575" })
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "\u2575" })
       ] }) : null
     ] }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
         "rows ",
         startIndex + 1,
         "-",
@@ -4465,7 +4716,7 @@ var ResponsiveTable = ({ rows, columns, terminalColumns, maxRows = 12, page = 0
         " ",
         rows.length
       ] }),
-      /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
         "page ",
         safePage + 1,
         "/",
@@ -4491,10 +4742,10 @@ var HelpLegend = ({
     { key: "D", label: "download", color: terminalTheme.success },
     ...includeQuit ? [{ key: "Ctrl+Q", label: "quit", color: terminalTheme.danger }] : []
   ];
-  return /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", flexWrap: wrap ? "wrap" : "nowrap", columnGap: 1, children: segments.map((segment, index) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-    index > 0 ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "| " }) : null,
-    /* @__PURE__ */ jsx9(Text9, { bold: true, color: segment.color, children: segment.key }),
-    /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+  return /* @__PURE__ */ jsx11(Box8, { flexDirection: "row", flexWrap: wrap ? "wrap" : "nowrap", columnGap: 1, children: segments.map((segment, index) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
+    index > 0 ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "| " }) : null,
+    /* @__PURE__ */ jsx11(Text11, { bold: true, color: segment.color, children: segment.key }),
+    /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
       " ",
       segment.label
     ] })
@@ -4503,16 +4754,16 @@ var HelpLegend = ({
 var ResourceSummary = ({ label, value, terminalColumns }) => {
   const rows = directArray3(value);
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, children: label }),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "wrap", children: rows.length ? `${rows.length} row(s) returned` : `keys: ${truncateForTerminal(keySummary(value), Math.max(32, terminalColumns - 14))}` }),
-    rows.slice(0, 5).map((row, index) => /* @__PURE__ */ jsxs7(Text9, { wrap: "truncate", children: [
+    /* @__PURE__ */ jsx11(Text11, { bold: true, children: label }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "wrap", children: rows.length ? `${rows.length} row(s) returned` : `keys: ${truncateForTerminal(keySummary(value), Math.max(32, terminalColumns - 14))}` }),
+    rows.slice(0, 5).map((row, index) => /* @__PURE__ */ jsxs7(Text11, { wrap: "truncate", children: [
       index + 1,
       ".",
       " ",
       truncateForTerminal(rowLabel(row, `row ${index + 1}`), 36),
       rowDetail(row) ? ` - ${truncateForTerminal(rowDetail(row), 64)}` : ""
     ] }, `${label}-${index}`)),
-    !rows.length && !toRecord5(value) ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No data returned." }) : null
+    !rows.length && !toRecord5(value) ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No data returned." }) : null
   ] });
 };
 var cleanBackendWarning = (warning, terminalColumns) => {
@@ -4534,29 +4785,29 @@ var entityToneColor = (tone) => {
 };
 var EntityDetailPanel = ({ model, emptyLabel, compact, terminalColumns }) => {
   if (!model) {
-    return /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: emptyLabel });
+    return /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: emptyLabel });
   }
-  return /* @__PURE__ */ jsx9(SectionCard, { title: "Selected detail", borderColor: terminalTheme.focus, children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
+  return /* @__PURE__ */ jsx11(SectionCard, { title: "Selected detail", borderColor: terminalTheme.focus, children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", justifyContent: "space-between", gap: 1, children: [
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexShrink: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.focus, bold: true, wrap: "truncate", children: truncateForTerminal(model.title, Math.max(24, terminalColumns - 32)) }),
-        model.subtitle ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "truncate", children: model.subtitle }) : null
+        /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.focus, bold: true, wrap: "truncate", children: truncateForTerminal(model.title, Math.max(24, terminalColumns - 32)) }),
+        model.subtitle ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "truncate", children: model.subtitle }) : null
       ] }),
-      /* @__PURE__ */ jsx9(MetricStrip, { metrics: model.metrics, compact })
+      /* @__PURE__ */ jsx11(MetricStrip, { metrics: model.metrics, compact })
     ] }),
-    /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", children: model.detailRows.map((row) => /* @__PURE__ */ jsxs7(Text9, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+    /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", children: model.detailRows.map((row) => /* @__PURE__ */ jsxs7(Text11, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
         row.label.padEnd(16),
         " "
       ] }),
-      /* @__PURE__ */ jsx9(Text9, { color: entityToneColor(row.tone), children: truncateForTerminal(row.value || "-", Math.max(20, terminalColumns - 24)) })
+      /* @__PURE__ */ jsx11(Text11, { color: entityToneColor(row.tone), children: truncateForTerminal(row.value || "-", Math.max(20, terminalColumns - 24)) })
     ] }, `${row.label}-${row.value}`)) }),
     model.relatedItems.length ? /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "Linked" }),
-      model.relatedItems.slice(0, 5).map((item, index) => /* @__PURE__ */ jsxs7(Text9, { wrap: "truncate", children: [
-        /* @__PURE__ */ jsx9(Text9, { color: entityToneColor(item.tone), children: "\u25CF " }),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "Linked" }),
+      model.relatedItems.slice(0, 5).map((item, index) => /* @__PURE__ */ jsxs7(Text11, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx11(Text11, { color: entityToneColor(item.tone), children: "\u25CF " }),
         truncateForTerminal(item.label, 36),
-        item.detail ? /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+        item.detail ? /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
           " - ",
           truncateForTerminal(item.detail, 36)
         ] }) : null
@@ -4571,7 +4822,7 @@ var ProjectsView = ({ projects, selectedProject, connections, reportsSummary, co
     reportsSummary
   });
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       MetricStrip,
       {
         compact,
@@ -4581,14 +4832,14 @@ var ProjectsView = ({ projects, selectedProject, connections, reportsSummary, co
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "J/K or Up/Down selects project | Enter confirms | O opens frontend" }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "J/K or Up/Down selects project | Enter confirms | O opens frontend" }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", gap: 2, children: [
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexBasis: compact ? void 0 : 52, flexShrink: 0, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "Project list" }),
+        /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "Project list" }),
         projects.length ? projects.slice(0, 12).map((project, index) => {
           const active = project.id === (selectedProject ?? projects[0])?.id;
           return /* @__PURE__ */ jsxs7(
-            Text9,
+            Text11,
             {
               color: active ? terminalTheme.focus : void 0,
               backgroundColor: active ? terminalTheme.selectedBackground : void 0,
@@ -4599,16 +4850,16 @@ var ProjectsView = ({ projects, selectedProject, connections, reportsSummary, co
                 " ",
                 truncateForTerminal(project.name, 30),
                 " ",
-                /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: project.cloud_provider ?? "cloud" }),
+                /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: project.cloud_provider ?? "cloud" }),
                 " ",
-                /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: project.id })
+                /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: project.id })
               ]
             },
             project.id ?? index
           );
-        }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No projects returned by the backend." })
+        }) : /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No projects returned by the backend." })
       ] }),
-      /* @__PURE__ */ jsx9(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx11(
         EntityDetailPanel,
         {
           model: selectedModel,
@@ -4628,21 +4879,21 @@ var ConnectionsView = ({ connections, projects, selectedIndex, compact, terminal
     projects
   });
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       MetricStrip,
       {
         compact,
         metrics: [{ label: "Connections", value: String(connections.length) }]
       }
     ),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "J/K or Up/Down selects connection | Enter confirms | O opens frontend | D downloads table data" }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "J/K or Up/Down selects connection | Enter confirms | O opens frontend | D downloads table data" }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", gap: 2, children: [
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexBasis: compact ? void 0 : 58, flexShrink: 0, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "Connection list" }),
+        /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "Connection list" }),
         connections.length ? connections.slice(0, 12).map((connection, index) => {
           const active = index === safeIndex;
           return /* @__PURE__ */ jsxs7(
-            Text9,
+            Text11,
             {
               color: active ? terminalTheme.focus : void 0,
               backgroundColor: active ? terminalTheme.selectedBackground : void 0,
@@ -4654,7 +4905,7 @@ var ConnectionsView = ({ connections, projects, selectedIndex, compact, terminal
                 String(index + 1).padStart(2),
                 " ",
                 truncateForTerminal(rowLabel(connection, "connection"), 34),
-                rowDetail(connection) ? /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+                rowDetail(connection) ? /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
                   " - ",
                   truncateForTerminal(rowDetail(connection), 28)
                 ] }) : ""
@@ -4662,9 +4913,9 @@ var ConnectionsView = ({ connections, projects, selectedIndex, compact, terminal
             },
             String(firstString5(connection, ["id"], String(index)))
           );
-        }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No connections returned by the backend." })
+        }) : /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No connections returned by the backend." })
       ] }),
-      /* @__PURE__ */ jsx9(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx11(
         EntityDetailPanel,
         {
           model: selectedModel,
@@ -4719,10 +4970,10 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
     }
   ];
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(MetricStrip, { metrics, compact }),
+    /* @__PURE__ */ jsx11(MetricStrip, { metrics, compact }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Credit balance" }),
-      remaining !== void 0 && total !== void 0 ? /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Credit balance" }),
+      remaining !== void 0 && total !== void 0 ? /* @__PURE__ */ jsx11(
         CreditProgress,
         {
           remaining,
@@ -4731,17 +4982,17 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
           tone: creditTone
         }
       ) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
-        /* @__PURE__ */ jsx9(Bar, { value: remainingRatio, tone }),
-        /* @__PURE__ */ jsx9(Text9, { children: formatPercent(remainingRatio) })
+        /* @__PURE__ */ jsx11(Bar, { value: remainingRatio, tone }),
+        /* @__PURE__ */ jsx11(Text11, { children: formatPercent(remainingRatio) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7(Text9, { dimColor: true, wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Text11, { dimColor: true, wrap: "wrap", children: [
       "Subscribe: ",
       plansUrl,
       " | Top up: ",
       topUpUrl
     ] }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Usage trend", borderColor: terminalTheme.brand, children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Usage trend", borderColor: terminalTheme.brand, children: /* @__PURE__ */ jsx11(
       AsciiLineChart,
       {
         values: usageValues,
@@ -4750,7 +5001,7 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
         tone: "normal"
       }
     ) }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       ResourceSummary,
       {
         label: "Recent ledger",
@@ -4758,7 +5009,7 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
         terminalColumns
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       ResourceSummary,
       {
         label: "Invoices",
@@ -4766,7 +5017,7 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
         terminalColumns
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       ResourceSummary,
       {
         label: "Top-ups",
@@ -4774,7 +5025,7 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
         terminalColumns
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       ResourceSummary,
       {
         label: "Notifications",
@@ -4819,13 +5070,13 @@ var ReportsHeatmap = ({ rows, terminalColumns, page = 0 }) => {
   const startIndex = safePage * maxRows;
   const visibleRows = rows.slice(startIndex, startIndex + maxRows);
   if (!visibleRows.length) {
-    return /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No project report status data returned." });
+    return /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No project report status data returned." });
   }
   const statusCell = (status, width) => {
     const label = compactStatusLabel(status);
     return /* @__PURE__ */ jsxs7(Box8, { width, children: [
-      /* @__PURE__ */ jsx9(Text9, { color: statusHeatColor(status), children: "\u25CF " }),
-      /* @__PURE__ */ jsx9(Text9, { wrap: "truncate", children: truncateForTerminal(label, Math.max(4, width - 2)) })
+      /* @__PURE__ */ jsx11(Text11, { color: statusHeatColor(status), children: "\u25CF " }),
+      /* @__PURE__ */ jsx11(Text11, { wrap: "truncate", children: truncateForTerminal(label, Math.max(4, width - 2)) })
     ] });
   };
   const nameWidth = Math.max(
@@ -4840,27 +5091,27 @@ var ReportsHeatmap = ({ rows, terminalColumns, page = 0 }) => {
     { key: "freshness", label: "Freshness" }
   ];
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "wrap", children: "Each row shows whether the selected project has generated report artifacts and whether they are current." }),
-    /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.success, children: "\u25CF ready" }),
-      /* @__PURE__ */ jsx9(Text9, { children: " " }),
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.warning, children: "\u25CF running/partial/stale" }),
-      /* @__PURE__ */ jsx9(Text9, { children: " " }),
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.danger, children: "\u25CF failed/missing/outdated" })
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "wrap", children: "Each row shows whether the selected project has generated report artifacts and whether they are current." }),
+    /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.success, children: "\u25CF ready" }),
+      /* @__PURE__ */ jsx11(Text11, { children: " " }),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.warning, children: "\u25CF running/partial/stale" }),
+      /* @__PURE__ */ jsx11(Text11, { children: " " }),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.danger, children: "\u25CF failed/missing/outdated" })
     ] }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx9(Box8, { width: nameWidth, children: /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, bold: true, children: "Project" }) }),
-      columns.map((column) => /* @__PURE__ */ jsx9(Box8, { width: statusWidth, children: /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, bold: true, children: column.label }) }, column.key)),
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, bold: true, children: "Critical issues" })
+      /* @__PURE__ */ jsx11(Box8, { width: nameWidth, children: /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, bold: true, children: "Project" }) }),
+      columns.map((column) => /* @__PURE__ */ jsx11(Box8, { width: statusWidth, children: /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, bold: true, children: column.label }) }, column.key)),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, bold: true, children: "Critical issues" })
     ] }),
     visibleRows.map((row) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx9(Box8, { width: nameWidth, children: /* @__PURE__ */ jsx9(Text9, { wrap: "truncate", children: row.projectName }) }),
+      /* @__PURE__ */ jsx11(Box8, { width: nameWidth, children: /* @__PURE__ */ jsx11(Text11, { wrap: "truncate", children: row.projectName }) }),
       columns.map((column) => {
         const status = row[column.key];
-        return /* @__PURE__ */ jsx9(React7.Fragment, { children: statusCell(status, statusWidth) }, column.key);
+        return /* @__PURE__ */ jsx11(React7.Fragment, { children: statusCell(status, statusWidth) }, column.key);
       }),
-      /* @__PURE__ */ jsx9(
-        Text9,
+      /* @__PURE__ */ jsx11(
+        Text11,
         {
           color: row.criticalIssues ? terminalTheme.danger : terminalTheme.success,
           children: row.criticalIssues
@@ -4868,7 +5119,7 @@ var ReportsHeatmap = ({ rows, terminalColumns, page = 0 }) => {
       )
     ] }, row.projectId)),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
         "rows ",
         startIndex + 1,
         "-",
@@ -4877,7 +5128,7 @@ var ReportsHeatmap = ({ rows, terminalColumns, page = 0 }) => {
         " ",
         rows.length
       ] }),
-      /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
         "page ",
         safePage + 1,
         "/",
@@ -4888,23 +5139,23 @@ var ReportsHeatmap = ({ rows, terminalColumns, page = 0 }) => {
   ] });
 };
 var ReportRunActions = ({ compact }) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-  /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "wrap", children: "Run report generation directly through backend report APIs using the selected project context." }),
-  /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", gap: 1, flexWrap: "wrap", children: [
+  /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "wrap", children: "Run report generation directly through backend report APIs using the selected project context." }),
+  /* @__PURE__ */ jsx11(Box8, { flexDirection: "row", gap: 1, flexWrap: "wrap", children: [
     ["W", "Well-Architected"],
     ["K", "Cost"],
     ["U", "Unit tests"],
     ["A", "All reports"],
     ["O", "Open frontend"]
-  ].map(([keyName, label]) => /* @__PURE__ */ jsx9(
+  ].map(([keyName, label]) => /* @__PURE__ */ jsx11(
     Box8,
     {
       borderStyle: raisedButtonStyle.border,
       borderColor: terminalTheme.muted,
       paddingX: 1,
       minWidth: compact ? void 0 : 18,
-      children: /* @__PURE__ */ jsxs7(Text9, { children: [
-        /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, bold: true, children: keyName }),
-        /* @__PURE__ */ jsxs7(Text9, { children: [
+      children: /* @__PURE__ */ jsxs7(Text11, { children: [
+        /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, bold: true, children: keyName }),
+        /* @__PURE__ */ jsxs7(Text11, { children: [
           " ",
           label
         ] })
@@ -4913,14 +5164,14 @@ var ReportRunActions = ({ compact }) => /* @__PURE__ */ jsxs7(Box8, { flexDirect
     keyName
   )) })
 ] });
-var ProjectDropdownButton = ({ projectName: projectName2, compact }) => /* @__PURE__ */ jsx9(
+var ProjectDropdownButton = ({ projectName: projectName2, compact }) => /* @__PURE__ */ jsx11(
   Box8,
   {
     borderStyle: raisedButtonStyle.border,
     borderColor: terminalTheme.brand,
     paddingX: 1,
     minWidth: compact ? void 0 : 28,
-    children: /* @__PURE__ */ jsxs7(Text9, { color: terminalTheme.brand, bold: true, wrap: "truncate", children: [
+    children: /* @__PURE__ */ jsxs7(Text11, { color: terminalTheme.brand, bold: true, wrap: "truncate", children: [
       raisedButtonStyle.activeMarker,
       " Project [",
       truncateForTerminal(projectName2, compact ? 28 : 36),
@@ -4957,31 +5208,31 @@ var ReportsView = ({
         gap: 1,
         children: [
           /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexShrink: 1, children: [
-            /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Reports home" }),
-            /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "wrap", children: "Portfolio summary, score signals, report health, and selected project drilldown." })
+            /* @__PURE__ */ jsx11(Text11, { bold: true, children: "Reports home" }),
+            /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "wrap", children: "Portfolio summary, score signals, report health, and selected project drilldown." })
           ] }),
           /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx11(
               ProjectDropdownButton,
               {
                 projectName: selectedProject?.name ?? selectedSummary.projectName,
                 compact
               }
             ),
-            /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Press P or Enter to choose project" })
+            /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Press P or Enter to choose project" })
           ] })
         ]
       }
     ),
-    !hasReportData ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No report summary returned yet. Generate a report or refresh this tab." }) : null,
-    /* @__PURE__ */ jsx9(MetricStrip, { metrics: model.metrics, compact }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Report sections", children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx9(Box8, { flexDirection: compact ? "column" : "row", gap: 1, children: model.reportTabs.map((tab) => /* @__PURE__ */ jsxs7(Text9, { color: tab.selected ? "cyan" : void 0, children: [
+    !hasReportData ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No report summary returned yet. Generate a report or refresh this tab." }) : null,
+    /* @__PURE__ */ jsx11(MetricStrip, { metrics: model.metrics, compact }),
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Report sections", children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx11(Box8, { flexDirection: compact ? "column" : "row", gap: 1, children: model.reportTabs.map((tab) => /* @__PURE__ */ jsxs7(Text11, { color: tab.selected ? "cyan" : void 0, children: [
         tab.selected ? ">" : "-",
         " ",
         tab.label
       ] }, tab.id)) }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(
         ResponsiveTable,
         {
           terminalColumns,
@@ -4995,8 +5246,8 @@ var ReportsView = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Run reports", children: /* @__PURE__ */ jsx9(ReportRunActions, { compact }) }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Project report status", children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Run reports", children: /* @__PURE__ */ jsx11(ReportRunActions, { compact }) }),
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Project report status", children: /* @__PURE__ */ jsx11(
       ReportsHeatmap,
       {
         rows: model.projectRows,
@@ -5008,8 +5259,8 @@ var ReportsView = ({
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
         /* @__PURE__ */ jsxs7(SectionCard, { title: "Portfolio coverage", children: [
           /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx9(Text9, { wrap: "truncate", children: model.coverageLabel }),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx11(Text11, { wrap: "truncate", children: model.coverageLabel }),
+            /* @__PURE__ */ jsx11(
               Bar,
               {
                 value: model.coverageRatio,
@@ -5017,11 +5268,11 @@ var ReportsView = ({
                 tone: "success"
               }
             ),
-            /* @__PURE__ */ jsx9(Text9, { children: formatPercent(model.coverageRatio) })
+            /* @__PURE__ */ jsx11(Text11, { children: formatPercent(model.coverageRatio) })
           ] }),
-          /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(TrendSummary, { trend: model.activityTrend, width: chartWidth }) })
+          /* @__PURE__ */ jsx11(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx11(TrendSummary, { trend: model.activityTrend, width: chartWidth }) })
         ] }),
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Report types", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Report types", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.reportTypeBars,
@@ -5031,7 +5282,7 @@ var ReportsView = ({
         ) })
       ] }),
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Report pipeline", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Report pipeline", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.statusBars,
@@ -5039,7 +5290,7 @@ var ReportsView = ({
             emptyLabel: "No report status breakdown returned."
           }
         ) }),
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Freshness", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Freshness", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.freshnessBars,
@@ -5058,26 +5309,26 @@ var ReportsView = ({
           gap: 1,
           children: [
             /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexShrink: 1, children: [
-              /* @__PURE__ */ jsx9(Text9, { bold: true, wrap: "truncate", children: selectedSummary.projectName }),
-              selectedSummary.projectId ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "truncate", children: selectedSummary.projectId }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Select a project to load cost and architecture report details." })
+              /* @__PURE__ */ jsx11(Text11, { bold: true, wrap: "truncate", children: selectedSummary.projectName }),
+              selectedSummary.projectId ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "truncate", children: selectedSummary.projectId }) : /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Select a project to load cost and architecture report details." })
             ] }),
-            selectedSummary.lastReportAt ? /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+            selectedSummary.lastReportAt ? /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
               "last report ",
               selectedSummary.lastReportAt
             ] }) : null
           ]
         }
       ),
-      /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(MetricStrip, { metrics: selectedSummary.metrics, compact }) }),
+      /* @__PURE__ */ jsx11(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx11(MetricStrip, { metrics: selectedSummary.metrics, compact }) }),
       selectedStatuses ? /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", gap: 1, marginTop: 1, children: [
-        /* @__PURE__ */ jsxs7(Text9, { children: [
-          /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Cost " }),
-          /* @__PURE__ */ jsx9(Text9, { color: statusTextColor(selectedStatuses.cost ?? ""), children: compactStatusLabel(selectedStatuses.cost ?? "not_started") })
+        /* @__PURE__ */ jsxs7(Text11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Cost " }),
+          /* @__PURE__ */ jsx11(Text11, { color: statusTextColor(selectedStatuses.cost ?? ""), children: compactStatusLabel(selectedStatuses.cost ?? "not_started") })
         ] }),
-        /* @__PURE__ */ jsxs7(Text9, { children: [
-          /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Architecture " }),
-          /* @__PURE__ */ jsx9(
-            Text9,
+        /* @__PURE__ */ jsxs7(Text11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Architecture " }),
+          /* @__PURE__ */ jsx11(
+            Text11,
             {
               color: statusTextColor(selectedStatuses.architecture ?? ""),
               children: compactStatusLabel(
@@ -5086,14 +5337,14 @@ var ReportsView = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7(Text9, { children: [
-          /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Unit tests " }),
-          /* @__PURE__ */ jsx9(Text9, { color: statusTextColor(selectedStatuses.unitTests ?? ""), children: compactStatusLabel(
+        /* @__PURE__ */ jsxs7(Text11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Unit tests " }),
+          /* @__PURE__ */ jsx11(Text11, { color: statusTextColor(selectedStatuses.unitTests ?? ""), children: compactStatusLabel(
             selectedStatuses.unitTests ?? "not_started"
           ) })
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx11(
         BarList,
         {
           bars: selectedSummary.pillarScores,
@@ -5102,7 +5353,7 @@ var ReportsView = ({
         }
       ) })
     ] }),
-    model.projectRows.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Project health", children: /* @__PURE__ */ jsx9(
+    model.projectRows.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Project health", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5127,7 +5378,7 @@ var ReportsView = ({
         page: tablePage
       }
     ) }) : null,
-    model.topActions.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Top actions", children: /* @__PURE__ */ jsx9(
+    model.topActions.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Top actions", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5142,7 +5393,7 @@ var ReportsView = ({
         page: tablePage
       }
     ) }) : null,
-    model.topInsights.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Key insights", children: /* @__PURE__ */ jsx9(
+    model.topInsights.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Key insights", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5154,7 +5405,7 @@ var ReportsView = ({
         page: tablePage
       }
     ) }) : null,
-    projects.length && !model.projectRows.length ? /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+    projects.length && !model.projectRows.length ? /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
       projects.length,
       " project(s) available. Pick a project from the dropdown to inspect specific reports."
     ] }) : null
@@ -5178,20 +5429,20 @@ var OverviewView = ({
   const chartWidth = compact ? Math.max(24, terminalColumns - 28) : 42;
   const barWidth = compact ? Math.max(14, terminalColumns - 42) : 24;
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(MetricStrip, { metrics: model.metrics, compact }),
-    /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsx11(MetricStrip, { metrics: model.metrics, compact }),
+    /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       "Project: ",
       selectedProject?.name ?? "none",
       " ",
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: selectedProject?.id ? `(${selectedProject.id})` : "" })
+      /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: selectedProject?.id ? `(${selectedProject.id})` : "" })
     ] }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", gap: 2, children: [
-      /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: /* @__PURE__ */ jsxs7(SectionCard, { title: "Trends", children: [
-        /* @__PURE__ */ jsx9(TrendSummary, { trend: model.trends.score, width: chartWidth }),
-        /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(TrendSummary, { trend: model.trends.cost, width: chartWidth }) }),
-        /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(TrendSummary, { trend: model.trends.reports, width: chartWidth }) })
+      /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: /* @__PURE__ */ jsxs7(SectionCard, { title: "Trends", children: [
+        /* @__PURE__ */ jsx11(TrendSummary, { trend: model.trends.score, width: chartWidth }),
+        /* @__PURE__ */ jsx11(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx11(TrendSummary, { trend: model.trends.cost, width: chartWidth }) }),
+        /* @__PURE__ */ jsx11(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx11(TrendSummary, { trend: model.trends.reports, width: chartWidth }) })
       ] }) }),
-      /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: /* @__PURE__ */ jsx9(SectionCard, { title: "Architecture scores", children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: /* @__PURE__ */ jsx11(SectionCard, { title: "Architecture scores", children: /* @__PURE__ */ jsx11(
         BarList,
         {
           bars: model.pillarScores,
@@ -5202,7 +5453,7 @@ var OverviewView = ({
     ] }),
     /* @__PURE__ */ jsxs7(Box8, { flexDirection: compact ? "column" : "row", gap: 2, children: [
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Issues by pillar", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Issues by pillar", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.issuesByPillar,
@@ -5210,7 +5461,7 @@ var OverviewView = ({
             emptyLabel: "No issue breakdown returned by /dashboard/user."
           }
         ) }),
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Project health", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Project health", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.projectHealth,
@@ -5220,7 +5471,7 @@ var OverviewView = ({
         ) })
       ] }),
       /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Monthly cost by service", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Monthly cost by service", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.serviceCosts,
@@ -5228,7 +5479,7 @@ var OverviewView = ({
             emptyLabel: "No service cost breakdown returned."
           }
         ) }),
-        /* @__PURE__ */ jsx9(SectionCard, { title: "Report pipeline", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(SectionCard, { title: "Report pipeline", children: /* @__PURE__ */ jsx11(
           BarList,
           {
             bars: model.reportStatus,
@@ -5238,7 +5489,7 @@ var OverviewView = ({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Report freshness", children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Report freshness", children: /* @__PURE__ */ jsx11(
       BarList,
       {
         bars: model.reportFreshness,
@@ -5246,7 +5497,7 @@ var OverviewView = ({
         emptyLabel: "No report freshness breakdown returned."
       }
     ) }),
-    model.topActions.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Top actions", children: /* @__PURE__ */ jsx9(
+    model.topActions.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Top actions", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5261,7 +5512,7 @@ var OverviewView = ({
         page: tablePage
       }
     ) }) : null,
-    model.topRecommendations.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Recommendations", children: /* @__PURE__ */ jsx9(
+    model.topRecommendations.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Recommendations", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5275,7 +5526,7 @@ var OverviewView = ({
         page: tablePage
       }
     ) }) : null,
-    model.topInsights.length ? /* @__PURE__ */ jsx9(SectionCard, { title: "Key insights", children: /* @__PURE__ */ jsx9(
+    model.topInsights.length ? /* @__PURE__ */ jsx11(SectionCard, { title: "Key insights", children: /* @__PURE__ */ jsx11(
       ResponsiveTable,
       {
         terminalColumns,
@@ -5299,7 +5550,7 @@ var OptionsView = ({
 }) => {
   const keys = getTuiKeyBindings();
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       MetricStrip,
       {
         compact: false,
@@ -5310,19 +5561,19 @@ var OptionsView = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       "User: ",
       currentUserId ?? "unknown"
     ] }),
-    /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       "API: ",
       apiBase
     ] }),
-    /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       "Frontend: ",
       frontendUrl
     ] }),
-    /* @__PURE__ */ jsxs7(Text9, { dimColor: true, wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Text11, { dimColor: true, wrap: "wrap", children: [
       "Keys: 1-",
       workspaceTabs.length,
       " jump tabs | ",
@@ -5355,14 +5606,14 @@ var HelpView = () => {
   ];
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs7(SectionCard, { title: "Navigation", borderColor: terminalTheme.brand, children: [
-      /* @__PURE__ */ jsx9(HelpLegend, { includeQuit: true, wrap: true }),
-      /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+      /* @__PURE__ */ jsx11(HelpLegend, { includeQuit: true, wrap: true }),
+      /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
         keys.mouse,
         " | ",
         keys.scroll
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Prompt Input", borderColor: terminalTheme.brand, children: /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Prompt Input", borderColor: terminalTheme.brand, children: /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       keys.submit,
       " | ",
       keys.newline,
@@ -5376,20 +5627,20 @@ var HelpView = () => {
       " | ",
       keys.quit
     ] }) }),
-    /* @__PURE__ */ jsx9(SectionCard, { title: "Slash Commands", borderColor: terminalTheme.brand, children: slashCommands.map((command) => /* @__PURE__ */ jsxs7(Text9, { wrap: "wrap", children: [
+    /* @__PURE__ */ jsx11(SectionCard, { title: "Slash Commands", borderColor: terminalTheme.brand, children: slashCommands.map((command) => /* @__PURE__ */ jsxs7(Text11, { wrap: "wrap", children: [
       command.name.padEnd(10),
       " ",
       command.description
     ] }, command.name)) }),
     /* @__PURE__ */ jsxs7(SectionCard, { title: "CLI Commands", borderColor: terminalTheme.muted, children: [
-      cliCommands.map((command) => /* @__PURE__ */ jsx9(Text9, { wrap: "wrap", children: command }, command)),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "wrap", children: "Common flags: --base-url, --access-key, --access-key-stdin, --frontend-url, --format, --json, --verbose, --help" })
+      cliCommands.map((command) => /* @__PURE__ */ jsx11(Text11, { wrap: "wrap", children: command }, command)),
+      /* @__PURE__ */ jsx11(Text11, { dimColor: true, wrap: "wrap", children: "Common flags: --base-url, --access-key, --access-key-stdin, --frontend-url, --format, --json, --verbose, --help" })
     ] })
   ] });
 };
 var WorkspaceTabBar = ({ activeTab, showBrand = false, billingSummary }) => {
   return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 0, children: [
-    showBrand ? /* @__PURE__ */ jsx9(
+    showBrand ? /* @__PURE__ */ jsx11(
       TitledBox,
       {
         title: "Console",
@@ -5400,22 +5651,22 @@ var WorkspaceTabBar = ({ activeTab, showBrand = false, billingSummary }) => {
         padding: 0,
         paddingX: 1,
         children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx9(Text9, { bold: true, color: terminalTheme.brand, children: "CloudEval" }),
-          /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "agent console" })
+          /* @__PURE__ */ jsx11(Text11, { bold: true, color: terminalTheme.brand, children: "CloudEval" }),
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "agent console" })
         ] })
       }
     ) : null,
-    /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", gap: 0, flexWrap: "wrap", children: workspaceTabs.map((tab) => {
+    /* @__PURE__ */ jsx11(Box8, { flexDirection: "row", gap: 0, flexWrap: "wrap", children: workspaceTabs.map((tab) => {
       const active = tab === activeTab;
       const style = workspaceTabButtonStyle(active);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11(
         Box8,
         {
           borderStyle: style.borderStyle,
           borderColor: style.borderColor,
           marginRight: 1,
-          children: /* @__PURE__ */ jsx9(
-            Text9,
+          children: /* @__PURE__ */ jsx11(
+            Text11,
             {
               bold: style.bold,
               color: style.color,
@@ -5428,8 +5679,8 @@ var WorkspaceTabBar = ({ activeTab, showBrand = false, billingSummary }) => {
         tab
       );
     }) }),
-    /* @__PURE__ */ jsx9(HelpLegend, {}),
-    billingSummary ? /* @__PURE__ */ jsx9(BillingSummaryLine, { billing: billingSummary }) : null
+    /* @__PURE__ */ jsx11(HelpLegend, {}),
+    billingSummary ? /* @__PURE__ */ jsx11(BillingSummaryLine, { billing: billingSummary }) : null
   ] });
 };
 var WorkspacePanel = (props) => {
@@ -5443,19 +5694,19 @@ var WorkspacePanel = (props) => {
     state.isRefreshing && !isInitialLoading
   );
   const content = /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    state.loadedAt && !isInitialLoading && !isBackgroundRefreshing ? /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", justifyContent: "flex-end", children: /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+    state.loadedAt && !isInitialLoading && !isBackgroundRefreshing ? /* @__PURE__ */ jsx11(Box8, { flexDirection: "row", justifyContent: "flex-end", children: /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
       "loaded ",
       new Date(state.loadedAt).toLocaleTimeString()
     ] }) }) : null,
     isInitialLoading ? /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx9(Spinner, { type: "dots", animate }),
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "Loading workspace data..." })
+      /* @__PURE__ */ jsx11(Spinner, { type: "dots", animate }),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "Loading workspace data..." })
     ] }) : null,
     isBackgroundRefreshing ? /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx9(Spinner, { type: "dots", animate }),
-      /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.brand, children: "Refreshing in background, showing cached data..." })
+      /* @__PURE__ */ jsx11(Spinner, { type: "dots", animate }),
+      /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.brand, children: "Refreshing in background, showing cached data..." })
     ] }) : null,
-    state.status === "error" ? /* @__PURE__ */ jsx9(
+    state.status === "error" ? /* @__PURE__ */ jsx11(
       TitledBox,
       {
         title: "Backend Data Unavailable",
@@ -5463,7 +5714,7 @@ var WorkspacePanel = (props) => {
         borderColor: terminalTheme.danger,
         padding: 0,
         paddingX: 1,
-        children: /* @__PURE__ */ jsxs7(Text9, { color: terminalTheme.danger, wrap: "wrap", children: [
+        children: /* @__PURE__ */ jsxs7(Text11, { color: terminalTheme.danger, wrap: "wrap", children: [
           " ",
           state.error ?? "Unable to load this tab."
         ] })
@@ -5478,8 +5729,8 @@ var WorkspacePanel = (props) => {
         padding: 0,
         paddingX: 1,
         children: [
-          state.warnings.slice(0, 4).map((warning) => /* @__PURE__ */ jsx9(Text9, { color: terminalTheme.warning, wrap: "truncate", children: cleanBackendWarning(warning, props.terminalColumns) }, warning)),
-          state.warnings.length > 4 ? /* @__PURE__ */ jsxs7(Text9, { dimColor: true, children: [
+          state.warnings.slice(0, 4).map((warning) => /* @__PURE__ */ jsx11(Text11, { color: terminalTheme.warning, wrap: "truncate", children: cleanBackendWarning(warning, props.terminalColumns) }, warning)),
+          state.warnings.length > 4 ? /* @__PURE__ */ jsxs7(Text11, { dimColor: true, children: [
             "+",
             state.warnings.length - 4,
             " more warning(s)"
@@ -5487,7 +5738,7 @@ var WorkspacePanel = (props) => {
         ]
       }
     ) : null,
-    props.tab === "overview" ? /* @__PURE__ */ jsx9(
+    props.tab === "overview" ? /* @__PURE__ */ jsx11(
       OverviewView,
       {
         state,
@@ -5498,7 +5749,7 @@ var WorkspacePanel = (props) => {
         tablePage: props.tablePage
       }
     ) : null,
-    props.tab === "reports" ? /* @__PURE__ */ jsx9(
+    props.tab === "reports" ? /* @__PURE__ */ jsx11(
       ReportsView,
       {
         state,
@@ -5509,7 +5760,7 @@ var WorkspacePanel = (props) => {
         tablePage: props.tablePage
       }
     ) : null,
-    props.tab === "projects" ? /* @__PURE__ */ jsx9(
+    props.tab === "projects" ? /* @__PURE__ */ jsx11(
       ProjectsView,
       {
         projects: props.projects,
@@ -5520,7 +5771,7 @@ var WorkspacePanel = (props) => {
         terminalColumns: props.terminalColumns
       }
     ) : null,
-    props.tab === "connections" ? /* @__PURE__ */ jsx9(
+    props.tab === "connections" ? /* @__PURE__ */ jsx11(
       ConnectionsView,
       {
         connections,
@@ -5530,7 +5781,7 @@ var WorkspacePanel = (props) => {
         terminalColumns: props.terminalColumns
       }
     ) : null,
-    props.tab === "billing" ? /* @__PURE__ */ jsx9(
+    props.tab === "billing" ? /* @__PURE__ */ jsx11(
       BillingView,
       {
         state,
@@ -5539,13 +5790,13 @@ var WorkspacePanel = (props) => {
         frontendUrl: props.frontendUrl
       }
     ) : null,
-    props.tab === "options" ? /* @__PURE__ */ jsx9(OptionsView, { ...props }) : null,
-    props.tab === "help" ? /* @__PURE__ */ jsx9(HelpView, {}) : null
+    props.tab === "options" ? /* @__PURE__ */ jsx11(OptionsView, { ...props }) : null,
+    props.tab === "help" ? /* @__PURE__ */ jsx11(HelpView, {}) : null
   ] });
   if (!framed) {
-    return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", gap: 1, children: content });
+    return /* @__PURE__ */ jsx11(Box8, { flexDirection: "column", gap: 1, children: content });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     TitledBox,
     {
       title: workspaceTabLabels[props.tab],
@@ -5585,7 +5836,7 @@ var shouldEnableTuiAnimations = ({
 };
 
 // src/ui/App.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var bootSteps = [
   "Loading config",
   "Validating auth",
@@ -5594,14 +5845,19 @@ var bootSteps = [
 ];
 var defaultUser = { id: "cli-user", name: "CLI User" };
 var newDraftChatSessionKey = () => `draft-${randomUUID2()}`;
-var getUserNameFromToken = async (token) => {
-  if (!token) return "You";
+var getUserIdentityFromToken = async (token) => {
+  if (!token) {
+    return { name: "You" };
+  }
   try {
     const { extractEmailFromToken } = await import("./dist-AGQQPJUD.js");
-    const email = extractEmailFromToken(token);
-    return getFirstNameForDisplay({ email: email ?? void 0 });
+    const email = extractEmailFromToken(token) ?? void 0;
+    return {
+      name: getFirstNameForDisplay({ email }),
+      email
+    };
   } catch {
-    return "You";
+    return { name: "You" };
   }
 };
 var defaultProject = {
@@ -5712,20 +5968,6 @@ var billingHeaderFromEntitlement = (entitlement, usageSummary) => {
   };
 };
 var isBusyStatus = (status) => status === "connecting" || status === "thinking" || status === "streaming" || status === "tool_running" || status === "hitl_waiting";
-var buildTuiHeaderDetails = ({
-  apiBase,
-  frontendBaseUrl,
-  billingSummary,
-  userName
-}) => {
-  const displayName = truncateForTerminal(userName.trim() || "You", 64);
-  return [
-    `User: ${displayName}`,
-    `API: ${apiBase}`,
-    `Frontend: ${frontendBaseUrl}`,
-    billingSummary
-  ];
-};
 var isTerminalThinkingStatus = (status) => status === "completed" || status === "error" || status === "aborted" || status === "cancelled";
 var hasCancellableAssistantWork = (messages) => messages.some(
   (message) => message.role === "assistant" && (message.pending || message.thinkingSteps?.some((step) => !isTerminalThinkingStatus(step.status ?? "streaming")))
@@ -6055,7 +6297,7 @@ var QueuePanel = ({ messages, compact, terminalColumns }) => {
       marginTop: 1,
       children: [
         visibleMessages.map((message, index) => /* @__PURE__ */ jsxs8(
-          Text10,
+          Text12,
           {
             color: index === 0 ? terminalTheme.warning : void 0,
             dimColor: index > 0,
@@ -6069,7 +6311,7 @@ var QueuePanel = ({ messages, compact, terminalColumns }) => {
           },
           message.id
         )),
-        messages.length > visibleMessages.length ? /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
+        messages.length > visibleMessages.length ? /* @__PURE__ */ jsxs8(Text12, { dimColor: true, children: [
           "+",
           messages.length - visibleMessages.length,
           " more queued"
@@ -6090,10 +6332,10 @@ var ArtifactStrip = ({ chips, compact = false, terminalColumns }) => {
     return null;
   }
   const valueLimit = compact ? Math.max(10, terminalColumns - 15) : 24;
-  return /* @__PURE__ */ jsx10(Box9, { flexDirection: compact ? "column" : "row", gap: compact ? 0 : 1, flexWrap: "wrap", children: chips.map((chip) => /* @__PURE__ */ jsxs8(Text10, { children: [
-    /* @__PURE__ */ jsx10(Text10, { color: artifactToneColor(chip.tone), bold: true, children: chip.label }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " " }),
-    /* @__PURE__ */ jsx10(Text10, { color: artifactToneColor(chip.tone), children: truncateForTerminal(chip.value, valueLimit) })
+  return /* @__PURE__ */ jsx12(Box9, { flexDirection: compact ? "column" : "row", gap: compact ? 0 : 1, flexWrap: "wrap", children: chips.map((chip) => /* @__PURE__ */ jsxs8(Text12, { children: [
+    /* @__PURE__ */ jsx12(Text12, { color: artifactToneColor(chip.tone), bold: true, children: chip.label }),
+    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: " " }),
+    /* @__PURE__ */ jsx12(Text12, { color: artifactToneColor(chip.tone), children: truncateForTerminal(chip.value, valueLimit) })
   ] }, `${chip.label}-${chip.value}`)) });
 };
 var PromptControlBar = ({
@@ -6128,7 +6370,7 @@ var PromptControlBar = ({
           gap: 0,
           marginTop: index === 0 ? 0 : 1,
           children: [
-            /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: group.label }),
+            /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: group.label }),
             group.controls.map((kind) => {
               const isFocused = focused === kind;
               const label = kind.charAt(0).toUpperCase() + kind.slice(1);
@@ -6143,7 +6385,7 @@ var PromptControlBar = ({
               const valueLimit = Math.max(14, terminalColumns - label.length - 8);
               const value = truncateForTerminal(rawValue, valueLimit);
               return /* @__PURE__ */ jsxs8(
-                Text10,
+                Text12,
                 {
                   color: isFocused ? "white" : void 0,
                   backgroundColor: isFocused ? terminalTheme.selectedBackground : void 0,
@@ -6167,9 +6409,9 @@ var PromptControlBar = ({
         group.label
       )),
       showActivity ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 0, marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Activity" }),
+        /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Activity" }),
         hasThinkingSteps ? /* @__PURE__ */ jsxs8(
-          Text10,
+          Text12,
           {
             color: focused === "thinking" ? "white" : void 0,
             backgroundColor: focused === "thinking" ? terminalTheme.selectedBackground : void 0,
@@ -6184,14 +6426,14 @@ var PromptControlBar = ({
           }
         ) : null,
         /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
-          busy ? /* @__PURE__ */ jsx10(Spinner, { type: "line", animate }) : null,
-          /* @__PURE__ */ jsx10(Text10, { color: statusColor, children: statusText })
+          busy ? /* @__PURE__ */ jsx12(Spinner, { type: "line", animate }) : null,
+          /* @__PURE__ */ jsx12(Text12, { color: statusColor, children: statusText })
         ] })
       ] }) : null
     ] });
   }
   return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Command context" }),
+    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Command context" }),
     /* @__PURE__ */ jsxs8(Box9, { flexDirection: compact ? "column" : "row", gap: controlGap, flexWrap: "wrap", children: [
       selectorOrder.map((kind) => {
         const isFocused = focused === kind;
@@ -6206,14 +6448,14 @@ var PromptControlBar = ({
         });
         const valueLimit = compact ? Math.max(18, terminalColumns - label.length - 8) : kind === "project" ? 30 : 20;
         const value = truncateForTerminal(rawValue, valueLimit);
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx12(
           Box9,
           {
             borderStyle: raisedButtonStyle.border,
             borderColor: isFocused ? terminalTheme.focus : terminalTheme.muted,
             paddingX: 1,
             children: /* @__PURE__ */ jsxs8(
-              Text10,
+              Text12,
               {
                 color: isFocused ? "white" : void 0,
                 backgroundColor: isFocused ? terminalTheme.selectedBackground : void 0,
@@ -6233,14 +6475,14 @@ var PromptControlBar = ({
           kind
         );
       }),
-      hasThinkingSteps ? /* @__PURE__ */ jsx10(
+      hasThinkingSteps ? /* @__PURE__ */ jsx12(
         Box9,
         {
           borderStyle: raisedButtonStyle.border,
           borderColor: focused === "thinking" ? terminalTheme.focus : terminalTheme.muted,
           paddingX: 1,
           children: /* @__PURE__ */ jsxs8(
-            Text10,
+            Text12,
             {
               color: focused === "thinking" ? "white" : void 0,
               backgroundColor: focused === "thinking" ? terminalTheme.selectedBackground : void 0,
@@ -6255,9 +6497,9 @@ var PromptControlBar = ({
           )
         }
       ) : null,
-      /* @__PURE__ */ jsx10(Box9, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
-        busy ? /* @__PURE__ */ jsx10(Spinner, { type: "line", animate }) : null,
-        /* @__PURE__ */ jsx10(Text10, { color: statusColor, children: statusText })
+      /* @__PURE__ */ jsx12(Box9, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
+        busy ? /* @__PURE__ */ jsx12(Spinner, { type: "line", animate }) : null,
+        /* @__PURE__ */ jsx12(Text12, { color: statusColor, children: statusText })
       ] }) })
     ] })
   ] });
@@ -6294,8 +6536,8 @@ var ChatContextPanel = ({
       height,
       children: [
         artifactChips.length ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, children: "Artifacts" }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.brand, children: "Artifacts" }),
+          /* @__PURE__ */ jsx12(
             ArtifactStrip,
             {
               chips: artifactChips,
@@ -6304,7 +6546,7 @@ var ChatContextPanel = ({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(
           PromptControlBar,
           {
             focused,
@@ -6329,39 +6571,39 @@ var ChatContextPanel = ({
   );
 };
 var BottomControls = ({ tab }) => /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", justifyContent: "space-between", children: [
-  /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
-    /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "\u2303Q" }),
-    /* @__PURE__ */ jsx10(Text10, { children: " Quit  " }),
-    /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "\u2303T" }),
-    /* @__PURE__ */ jsx10(Text10, { children: " Tabs  " }),
+  /* @__PURE__ */ jsxs8(Text12, { dimColor: true, children: [
+    /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "\u2303Q" }),
+    /* @__PURE__ */ jsx12(Text12, { children: " Quit  " }),
+    /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "\u2303T" }),
+    /* @__PURE__ */ jsx12(Text12, { children: " Tabs  " }),
     tab === "chat" ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "Y" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Copy  " }),
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "D" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Download  " }),
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "O" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Open  " }),
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, children: "/ Commands" })
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "Y" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Copy  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "D" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Download  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "O" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Open  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.brand, children: "/ Commands" })
     ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "R" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Refresh  " }),
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "O" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Open  " }),
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "D" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Download  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "R" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Refresh  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "O" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Open  " }),
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "D" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Download  " }),
       tab === "projects" || tab === "connections" ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-        /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "\u2191\u2193/J/K" }),
-        /* @__PURE__ */ jsx10(Text10, { children: " Select  " }),
-        /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "Enter" }),
-        /* @__PURE__ */ jsx10(Text10, { children: " Confirm  " })
+        /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "\u2191\u2193/J/K" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Select  " }),
+        /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "Enter" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Confirm  " })
       ] }) : null,
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.accent, bold: true, children: "[/]" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " Page" })
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.accent, bold: true, children: "[/]" }),
+      /* @__PURE__ */ jsx12(Text12, { children: " Page" })
     ] })
   ] }),
-  tab === "reports" ? /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
-    /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "Reports" }),
-    /* @__PURE__ */ jsx10(Text10, { children: " W WAF | K cost | U tests | A all | P project" })
+  tab === "reports" ? /* @__PURE__ */ jsxs8(Text12, { dimColor: true, children: [
+    /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.brand, bold: true, children: "Reports" }),
+    /* @__PURE__ */ jsx12(Text12, { children: " W WAF | K cost | U tests | A all | P project" })
   ] }) : null
 ] });
 var recommendedOptionIndex = (question) => {
@@ -6384,18 +6626,18 @@ var HitlPanel = ({ hitl, questionIndex, optionIndex, answers, frontendUrl }) =>
       borderColor: terminalTheme.warning,
       padding: 1,
       children: [
-        /* @__PURE__ */ jsxs8(Text10, { wrap: "wrap", children: [
+        /* @__PURE__ */ jsxs8(Text12, { wrap: "wrap", children: [
           questionIndex + 1,
           "/",
           hitl.questions.length,
           ": ",
           question?.text ?? "Action required"
         ] }),
-        options.length ? /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", marginTop: 1, children: options.map((option, index) => {
+        options.length ? /* @__PURE__ */ jsx12(Box9, { flexDirection: "column", marginTop: 1, children: options.map((option, index) => {
           const highlighted = index === optionIndex;
           const selected = answers[question.id] === option.id;
           return /* @__PURE__ */ jsxs8(
-            Text10,
+            Text12,
             {
               color: highlighted ? terminalTheme.focus : selected ? terminalTheme.selected : void 0,
               dimColor: !highlighted && !selected,
@@ -6413,9 +6655,9 @@ var HitlPanel = ({ hitl, questionIndex, optionIndex, answers, frontendUrl }) =>
             },
             option.id
           );
-        }) }) : /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Type the answer in the prompt and press Enter, or open the frontend." }),
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Up/Down choose | Enter answer | Left/Right switch question | O or /open opens frontend" }),
-        /* @__PURE__ */ jsxs8(Text10, { dimColor: true, wrap: "wrap", children: [
+        }) }) : /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Type the answer in the prompt and press Enter, or open the frontend." }),
+        /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Up/Down choose | Enter answer | Left/Right switch question | O or /open opens frontend" }),
+        /* @__PURE__ */ jsxs8(Text12, { dimColor: true, wrap: "wrap", children: [
           "Frontend: ",
           frontendUrl
         ] })
@@ -6491,6 +6733,7 @@ var App = ({
   const [checkingOnboarding, setCheckingOnboarding] = useState4(false);
   const [currentUserId, setCurrentUserId] = useState4();
   const [userName, setUserName] = useState4("You");
+  const [userEmail, setUserEmail] = useState4();
   const [billingHeader, setBillingHeader] = useState4(null);
   const [billingHeaderError, setBillingHeaderError] = useState4();
   const [focusedControl, setFocusedControl] = useState4("project");
@@ -6891,6 +7134,7 @@ var App = ({
     const userStatus = await checkUserStatus(baseUrl, token);
     if (userStatus.user) {
       setUserName(getFirstNameForDisplay(userStatus.user));
+      setUserEmail(userStatus.user.email?.trim() || void 0);
     }
     if (userStatus.user?.id) {
       setCurrentUserId(userStatus.user.id);
@@ -7066,8 +7310,12 @@ var App = ({
         setAuthToken(token);
       }
       if (token && !accessKey) {
-        getUserNameFromToken(token).then(setUserName).catch(() => {
+        getUserIdentityFromToken(token).then((identity) => {
+          setUserName(identity.name);
+          setUserEmail(identity.email);
+        }).catch(() => {
           setUserName("You");
+          setUserEmail(void 0);
         });
       }
       if (token && shouldHydrateAuthenticatedWorkspace({
@@ -7996,7 +8244,10 @@ var App = ({
     scrollOffset: promptInputScrollOffset
   });
   const promptInputRows = promptInputViewport.visibleRowCount;
-  const promptCommandCompletionRows = slashCommandCompletions.length ? 1 : 0;
+  const promptCommandCompletionRows = estimateCommandCompletionRows(
+    slashCommandCompletions.length,
+    terminalSize.columns
+  );
   const promptSuggestionRows = estimatePromptSuggestionRows(visiblePromptSuggestions.length) + promptCommandCompletionRows;
   const chatResponsiveMode = getChatResponsiveMode(terminalSize);
   const splitChatLayout = shouldUseSplitChatLayout(terminalSize);
@@ -8025,12 +8276,17 @@ var App = ({
   const bannerDisabled = bannerDisabledByConfig || !tuiLayout.showBanner;
   const bannerContentColumns = Math.max(1, terminalSize.columns - tuiLayout.paddingX * 2);
   const billingSummary = billingHeaderError ? `Plan: unavailable | Credits: unavailable` : billingSummaryText(billingHeader);
-  const headerDetails = buildTuiHeaderDetails({
+  const bannerDetailLines = buildBannerDetailLines({
     apiBase,
     frontendBaseUrl,
     billingSummary,
-    userName
+    billingTone: billingHeader?.tone,
+    userName,
+    userEmail
   });
+  const headerDetails = bannerDetailLines.map(
+    (line) => line.segments.map((segment) => segment.text).join("")
+  );
   const keyBindings = getTuiKeyBindings();
   const scrollHelp = mouseTrackingEnabled ? `${keyBindings.mouse} | wheel scroll` : keyBindings.scroll;
   const chatAvailableWidth = Math.max(
@@ -8166,7 +8422,7 @@ var App = ({
     const lastRow = Math.max(...workspaceTabHitAreas.map((area) => area.endRow));
     return Math.max(0, lastRow - firstRow + 1);
   }, [workspaceTabHitAreas]);
-  const workspaceTabBarRows = (bannerDisabled ? 3 : 0) + workspaceTabButtonRows + 1 + (bannerDisabled ? 1 : 0);
+  const workspaceTabBarRows = (bannerDisabled ? 4 : 0) + Math.max(estimateWorkspaceTabBarRows(), workspaceTabButtonRows);
   const promptPanelRows = estimatePromptPanelRows({
     inputRows: promptInputRows,
     suggestionRows: promptSuggestionRows,
@@ -8194,15 +8450,23 @@ var App = ({
     24,
     workspaceContentWidth - (workspacePanelOverflowing ? 7 : 5)
   );
-  const chatHeaderRows = bannerRenderedRows + workspaceTabBarRows + 2;
-  const chatFooterRows = bottomControlsRows + (isSearching ? searchPromptPanelRows : activeSelector ? 0 : promptPanelRows);
+  const chatTabDescriptionRows = 1;
+  const chatMiddleMarginRows = 1;
+  const chatHeaderRows = bannerRenderedRows + workspaceTabBarRows + chatTabDescriptionRows + chatMiddleMarginRows;
+  const chatSelectorRows = activeSelector ? estimateSelectPanelRows(tuiLayout.selectorLimit) : 0;
+  const chatFooterRows = bottomControlsRows + chatSelectorRows + (isSearching ? searchPromptPanelRows : activeSelector ? 0 : promptPanelRows);
   const chatMiddleViewportRows = getMiddleViewportRows(terminalSize, {
     headerRows: chatHeaderRows,
-    footerRows: chatFooterRows
+    footerRows: chatFooterRows,
+    safetyRows: 3
   });
-  const chatMiddleAuxiliaryRows = (isSearching ? 3 : 0) + (queuedMessages.length > 0 ? 4 : 0) + (notice ? 1 : 0) + (errorText ? 5 : 0) + (chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? 7 : 0) + (activeSelector ? tuiLayout.selectorLimit + 4 : 0);
+  const chatMiddleAuxiliaryRows = (isSearching ? 3 : 0) + (queuedMessages.length > 0 ? 4 : 0) + (notice ? 1 : 0) + (errorText ? 5 : 0) + (chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? 7 : 0);
   const contextRailArtifactRows = splitChatLayout && chatArtifactChips.length ? chatArtifactChips.length + 2 : 0;
-  const chatMainPanelRows = Math.max(4, chatMiddleViewportRows - chatMiddleAuxiliaryRows);
+  const chatMainPanelRows = Math.max(
+    4,
+    chatMiddleViewportRows - chatMiddleAuxiliaryRows
+  );
+  const showChatThreadPanel = !activeSelector;
   const chatThreadHeight = getFramedBodyRows(chatMainPanelRows);
   const chatMiddleOverflowing = chatMiddleContentHeight > chatMiddleViewportHeight;
   const selectorControlStartRow = useMemo(
@@ -8839,15 +9103,22 @@ var App = ({
   );
   if (phase === "boot") {
     return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, height: terminalSize.rows, children: [
-      /* @__PURE__ */ jsx10(Banner, { disable: bannerDisabled, details: headerDetails, terminalColumns: bannerContentColumns }),
+      /* @__PURE__ */ jsx12(
+        Banner,
+        {
+          disable: bannerDisabled,
+          detailLines: bannerDetailLines,
+          terminalColumns: bannerContentColumns
+        }
+      ),
       isLoggingIn ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 1, padding: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "Signing in..." }),
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Please complete authentication in your browser." })
-      ] }) : /* @__PURE__ */ jsx10(Loader, { step: loaderStep, steps: bootSteps, animate: animationsEnabled })
+        /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.brand, bold: true, children: "Signing in..." }),
+        /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Please complete authentication in your browser." })
+      ] }) : /* @__PURE__ */ jsx12(Loader, { step: loaderStep, steps: bootSteps, animate: animationsEnabled })
     ] });
   }
   if (needsOnboarding && phase === "ready" && authToken) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx12(
       Onboarding,
       {
         baseUrl,
@@ -8868,14 +9139,14 @@ var App = ({
   }
   if (phase === "error") {
     return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", padding: 1, height: terminalSize.rows, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.danger, children: "Failed to start CLI." }),
-      /* @__PURE__ */ jsx10(Text10, { children: bootError ?? "Unknown error" }),
-      /* @__PURE__ */ jsxs8(Text10, { children: [
+      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.danger, children: "Failed to start CLI." }),
+      /* @__PURE__ */ jsx12(Text12, { children: bootError ?? "Unknown error" }),
+      /* @__PURE__ */ jsxs8(Text12, { children: [
         "Base URL: ",
         apiBase,
         " (set via CLOUDEVAL_BASE_URL or --base-url)"
       ] }),
-      /* @__PURE__ */ jsx10(Text10, { children: "Press Ctrl+C to quit." })
+      /* @__PURE__ */ jsx12(Text12, { children: "Press Ctrl+C to quit." })
     ] });
   }
   const chatStatusText = (() => {
@@ -8892,7 +9163,7 @@ var App = ({
   const chatStatusColor = chatState.status === "error" ? terminalTheme.danger : chatState.status === "complete" ? terminalTheme.success : chatState.status === "canceled" ? terminalTheme.warning : isBusyStatus(chatState.status) ? terminalTheme.brand : void 0;
   const chatBusy = chatState.status === "connecting" || chatState.status === "thinking" || chatState.status === "streaming" || chatState.status === "tool_running";
   const promptActionIsCancel = isBusyStatus(chatState.status) || Boolean(controllerRef.current) || hasCancellableReasoning;
-  const threadPanel = /* @__PURE__ */ jsx10(
+  const threadPanel = /* @__PURE__ */ jsx12(
     TitledBox,
     {
       title: selectedThreadTitle,
@@ -8902,7 +9173,7 @@ var App = ({
       width: chatThreadPanelWidth,
       height: chatMainPanelRows,
       children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx10(Box9, { flexShrink: 1, width: threadContentWidth, children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Box9, { flexShrink: 1, width: threadContentWidth, children: /* @__PURE__ */ jsx12(
           ScrollView,
           {
             ref: scrollViewRef,
@@ -8925,7 +9196,7 @@ var App = ({
               });
             },
             onViewportSizeChange: (size) => setViewportHeight(size.height),
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx12(
               Transcript,
               {
                 messages: displayedMessages,
@@ -8938,7 +9209,7 @@ var App = ({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(
           Scrollbar2,
           {
             scrollOffset,
@@ -8949,7 +9220,7 @@ var App = ({
       ] })
     }
   );
-  const promptFooterControls = splitChatLayout ? void 0 : /* @__PURE__ */ jsx10(
+  const promptFooterControls = splitChatLayout ? void 0 : /* @__PURE__ */ jsx12(
     PromptControlBar,
     {
       focused: focusedControl,
@@ -8975,12 +9246,19 @@ var App = ({
       value: p
     }));
     return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, height: terminalSize.rows, children: [
-      /* @__PURE__ */ jsx10(Banner, { disable: bannerDisabled, details: headerDetails, terminalColumns: bannerContentColumns }),
-      /* @__PURE__ */ jsx10(Text10, { children: "Select a project to chat with:" }),
+      /* @__PURE__ */ jsx12(
+        Banner,
+        {
+          disable: bannerDisabled,
+          detailLines: bannerDetailLines,
+          terminalColumns: bannerContentColumns
+        }
+      ),
+      /* @__PURE__ */ jsx12(Text12, { children: "Select a project to chat with:" }),
       loadingProjects ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx10(Spinner, { type: "line", animate: animationsEnabled }),
-        /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, children: "Loading projects..." })
-      ] }) : /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Spinner, { type: "line", animate: animationsEnabled }),
+        /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.brand, children: "Loading projects..." })
+      ] }) : /* @__PURE__ */ jsx12(
         ProjectSelector,
         {
           items,
@@ -8997,8 +9275,15 @@ var App = ({
   }
   if (activeWorkspaceTab !== "chat") {
     return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, height: terminalSize.rows, children: [
-      /* @__PURE__ */ jsx10(Banner, { disable: bannerDisabled, details: headerDetails, terminalColumns: bannerContentColumns }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
+        Banner,
+        {
+          disable: bannerDisabled,
+          detailLines: bannerDetailLines,
+          terminalColumns: bannerContentColumns
+        }
+      ),
+      /* @__PURE__ */ jsx12(
         WorkspaceTabBar,
         {
           activeTab: activeWorkspaceTab,
@@ -9006,9 +9291,9 @@ var App = ({
           billingSummary: bannerDisabled ? billingHeader : void 0
         }
       ),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions[activeWorkspaceTab] }),
-      notice ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: notice }) : null,
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(Text12, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions[activeWorkspaceTab] }),
+      notice ? /* @__PURE__ */ jsx12(NoticeLine, { message: notice }) : null,
+      /* @__PURE__ */ jsx12(
         TitledBox,
         {
           title: workspaceTabLabels[activeWorkspaceTab],
@@ -9019,7 +9304,7 @@ var App = ({
           height: workspacePanelViewportRows,
           width: workspaceContentWidth,
           children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", children: [
-            /* @__PURE__ */ jsx10(Box9, { flexShrink: 1, width: workspacePanelBodyWidth, children: /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx12(Box9, { flexShrink: 1, width: workspacePanelBodyWidth, children: /* @__PURE__ */ jsx12(
               ScrollView,
               {
                 ref: workspaceScrollViewRef,
@@ -9027,7 +9312,7 @@ var App = ({
                 onScroll: (offset) => setWorkspaceScrollOffset(offset),
                 onContentHeightChange: (height) => setWorkspaceContentHeight(height),
                 onViewportSizeChange: (size) => setWorkspaceViewportHeight(size.height),
-                children: /* @__PURE__ */ jsx10(
+                children: /* @__PURE__ */ jsx12(
                   WorkspacePanel,
                   {
                     tab: activeWorkspaceTab,
@@ -9048,7 +9333,7 @@ var App = ({
                 )
               }
             ) }),
-            workspacePanelOverflowing ? /* @__PURE__ */ jsx10(
+            workspacePanelOverflowing ? /* @__PURE__ */ jsx12(
               Scrollbar2,
               {
                 scrollOffset: workspaceScrollOffset,
@@ -9059,8 +9344,8 @@ var App = ({
           ] })
         }
       ),
-      /* @__PURE__ */ jsx10(BottomControls, { tab: activeWorkspaceTab }),
-      activeSelector === "project" ? /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(BottomControls, { tab: activeWorkspaceTab }),
+      activeSelector === "project" ? /* @__PURE__ */ jsx12(
         SelectPanel,
         {
           title: "Select Project",
@@ -9087,23 +9372,30 @@ var App = ({
     ] });
   }
   return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, height: terminalSize.rows, children: [
-    /* @__PURE__ */ jsx10(Banner, { disable: bannerDisabled, details: headerDetails, terminalColumns: bannerContentColumns }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx12(Box9, { flexShrink: 0, children: /* @__PURE__ */ jsx12(
+      Banner,
+      {
+        disable: bannerDisabled,
+        detailLines: bannerDetailLines,
+        terminalColumns: bannerContentColumns
+      }
+    ) }),
+    /* @__PURE__ */ jsx12(Box9, { flexShrink: 0, children: /* @__PURE__ */ jsx12(
       WorkspaceTabBar,
       {
         activeTab: activeWorkspaceTab,
         showBrand: bannerDisabled,
         billingSummary: bannerDisabled ? billingHeader : void 0
       }
-    ),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions.chat }),
+    ) }),
+    /* @__PURE__ */ jsx12(Box9, { flexShrink: 0, children: /* @__PURE__ */ jsx12(Text12, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions.chat }) }),
     /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", marginTop: 1, children: [
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         Box9,
         {
           flexShrink: 1,
           width: Math.max(24, chatAvailableWidth - (chatMiddleOverflowing ? 2 : 0)),
-          children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx12(
             ScrollView,
             {
               ref: chatMiddleScrollViewRef,
@@ -9112,7 +9404,7 @@ var App = ({
               onContentHeightChange: (height) => setChatMiddleContentHeight(height),
               onViewportSizeChange: (size) => setChatMiddleViewportHeight(size.height),
               children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
-                isSearching ? /* @__PURE__ */ jsx10(
+                isSearching ? /* @__PURE__ */ jsx12(
                   TitledBox,
                   {
                     title: "Search",
@@ -9120,14 +9412,14 @@ var App = ({
                     borderColor: terminalTheme.warning,
                     padding: 0,
                     paddingX: 1,
-                    children: /* @__PURE__ */ jsxs8(Text10, { children: [
+                    children: /* @__PURE__ */ jsxs8(Text12, { children: [
                       "Found: ",
                       displayedMessages.length,
                       " matches"
                     ] })
                   }
                 ) : null,
-                queuedMessages.length > 0 ? /* @__PURE__ */ jsx10(
+                queuedMessages.length > 0 ? /* @__PURE__ */ jsx12(
                   QueuePanel,
                   {
                     messages: queuedMessages,
@@ -9135,7 +9427,7 @@ var App = ({
                     terminalColumns: terminalSize.columns
                   }
                 ) : null,
-                notice ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: notice }) : null,
+                notice ? /* @__PURE__ */ jsx12(NoticeLine, { message: notice }) : null,
                 errorText ? /* @__PURE__ */ jsxs8(
                   TitledBox,
                   {
@@ -9146,20 +9438,20 @@ var App = ({
                     paddingX: 1,
                     marginTop: 1,
                     children: [
-                      /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.danger, wrap: "wrap", children: errorText }),
-                      !hasThinkingSteps ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: "No thinking steps were received before the backend returned this error." }) : null
+                      /* @__PURE__ */ jsx12(Text12, { color: terminalTheme.danger, wrap: "wrap", children: errorText }),
+                      !hasThinkingSteps ? /* @__PURE__ */ jsx12(Text12, { dimColor: true, wrap: "wrap", children: "No thinking steps were received before the backend returned this error." }) : null
                     ]
                   }
                 ) : null,
-                !splitChatLayout && chatArtifactChips.length ? /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(
+                !splitChatLayout && chatArtifactChips.length ? /* @__PURE__ */ jsx12(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx12(
                   ArtifactStrip,
                   {
                     chips: chatArtifactChips,
                     terminalColumns: chatAvailableWidth
                   }
                 ) }) : null,
-                splitChatLayout ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", columnGap: chatSplitGap, children: [
-                  /* @__PURE__ */ jsx10(
+                showChatThreadPanel ? splitChatLayout ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", columnGap: chatSplitGap, children: [
+                  /* @__PURE__ */ jsx12(
                     ChatContextPanel,
                     {
                       width: chatContextPanelWidth,
@@ -9183,8 +9475,8 @@ var App = ({
                     }
                   ),
                   threadPanel
-                ] }) : threadPanel,
-                chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? /* @__PURE__ */ jsx10(
+                ] }) : threadPanel : null,
+                chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? /* @__PURE__ */ jsx12(
                   HitlPanel,
                   {
                     hitl: chatState.hitl,
@@ -9193,115 +9485,13 @@ var App = ({
                     answers: hitlAnswers,
                     frontendUrl: frontendThreadUrl
                   }
-                ) : null,
-                activeSelector === "thread" ? /* @__PURE__ */ jsx10(
-                  SelectPanel,
-                  {
-                    title: "Select Thread",
-                    items: loadingSessions || loadingRemoteThreads ? [
-                      {
-                        label: "Loading threads...",
-                        value: { kind: "new" },
-                        description: "Reading CloudEval threads and local CLI history."
-                      }
-                    ] : threadSelectItems,
-                    selectedIndex: Math.max(
-                      0,
-                      threadSelectItems.findIndex(
-                        (item) => item.value.kind === "remote" && item.value.thread.thread_id === chatState.threadId || item.value.kind === "session" && item.value.session.threadId === chatState.threadId || item.value.kind === "draft" && item.value.draft.key === activeDraftSessionKey
-                      )
-                    ),
-                    onSubmit: (item) => selectThread(item.value),
-                    onCancel: () => setActiveSelector(null),
-                    limit: tuiLayout.selectorLimit
-                  }
-                ) : null,
-                activeSelector === "project" ? /* @__PURE__ */ jsx10(
-                  SelectPanel,
-                  {
-                    title: "Select Project",
-                    items: (projects.length ? projects : [defaultProject]).map((project) => ({
-                      label: `${project.name} (${project.cloud_provider ?? "cloud"})`,
-                      value: project,
-                      description: project.id
-                    })),
-                    selectedIndex: Math.max(
-                      0,
-                      (projects.length ? projects : [defaultProject]).findIndex(
-                        (project) => project.id === (selectedProject ?? defaultProject).id
-                      )
-                    ),
-                    onSubmit: (item) => {
-                      setSelectedProject(item.value);
-                      setActiveSelector(null);
-                    },
-                    onCancel: () => setActiveSelector(null),
-                    limit: tuiLayout.selectorLimit
-                  }
-                ) : null,
-                activeSelector === "model" ? /* @__PURE__ */ jsx10(
-                  SelectPanel,
-                  {
-                    title: "Select Model",
-                    items: modelItems,
-                    selectedIndex: Math.max(
-                      0,
-                      modelItems.findIndex((item) => item.value === selectedModel)
-                    ),
-                    onSubmit: (item) => {
-                      setSelectedModel(item.value);
-                      setActiveSelector(null);
-                    },
-                    onCancel: () => setActiveSelector(null),
-                    limit: tuiLayout.selectorLimit
-                  }
-                ) : null,
-                activeSelector === "mode" ? /* @__PURE__ */ jsx10(
-                  SelectPanel,
-                  {
-                    title: "Select Mode",
-                    items: modeItems,
-                    selectedIndex: Math.max(
-                      0,
-                      modeItems.findIndex((item) => item.value === selectedMode)
-                    ),
-                    onSubmit: (item) => {
-                      setSelectedMode(item.value);
-                      if (item.value === "ask") {
-                        setSelectedAgentProfileId("");
-                      }
-                      setNotice(
-                        item.value === "ask" ? "Mode selected: Ask. Agent Profile cleared." : `Mode selected: ${item.label}`
-                      );
-                      setActiveSelector(null);
-                    },
-                    onCancel: () => setActiveSelector(null),
-                    limit: tuiLayout.selectorLimit
-                  }
-                ) : null,
-                activeSelector === "profile" ? /* @__PURE__ */ jsx10(
-                  SelectPanel,
-                  {
-                    title: "Select Agent Profile",
-                    items: agentProfileItems,
-                    selectedIndex: Math.max(
-                      0,
-                      agentProfileItems.findIndex((item) => item.value === selectedAgentProfileId)
-                    ),
-                    onSubmit: (item) => {
-                      selectAgentProfileById(item.value, item.label);
-                      setActiveSelector(null);
-                    },
-                    onCancel: () => setActiveSelector(null),
-                    limit: tuiLayout.selectorLimit
-                  }
                 ) : null
               ] })
             }
           )
         }
       ),
-      chatMiddleOverflowing ? /* @__PURE__ */ jsx10(
+      chatMiddleOverflowing ? /* @__PURE__ */ jsx12(
         Scrollbar2,
         {
           scrollOffset: chatMiddleScrollOffset,
@@ -9310,7 +9500,109 @@ var App = ({
         }
       ) : null
     ] }),
-    isSearching ? /* @__PURE__ */ jsx10(
+    activeSelector === "thread" ? /* @__PURE__ */ jsx12(
+      SelectPanel,
+      {
+        title: "Select Thread",
+        items: loadingSessions || loadingRemoteThreads ? [
+          {
+            label: "Loading threads...",
+            value: { kind: "new" },
+            description: "Reading CloudEval threads and local CLI history."
+          }
+        ] : threadSelectItems,
+        selectedIndex: Math.max(
+          0,
+          threadSelectItems.findIndex(
+            (item) => item.value.kind === "remote" && item.value.thread.thread_id === chatState.threadId || item.value.kind === "session" && item.value.session.threadId === chatState.threadId || item.value.kind === "draft" && item.value.draft.key === activeDraftSessionKey
+          )
+        ),
+        onSubmit: (item) => selectThread(item.value),
+        onCancel: () => setActiveSelector(null),
+        limit: tuiLayout.selectorLimit
+      }
+    ) : null,
+    activeSelector === "project" ? /* @__PURE__ */ jsx12(
+      SelectPanel,
+      {
+        title: "Select Project",
+        items: (projects.length ? projects : [defaultProject]).map((project) => ({
+          label: `${project.name} (${project.cloud_provider ?? "cloud"})`,
+          value: project,
+          description: project.id
+        })),
+        selectedIndex: Math.max(
+          0,
+          (projects.length ? projects : [defaultProject]).findIndex(
+            (project) => project.id === (selectedProject ?? defaultProject).id
+          )
+        ),
+        onSubmit: (item) => {
+          setSelectedProject(item.value);
+          setActiveSelector(null);
+        },
+        onCancel: () => setActiveSelector(null),
+        limit: tuiLayout.selectorLimit
+      }
+    ) : null,
+    activeSelector === "model" ? /* @__PURE__ */ jsx12(
+      SelectPanel,
+      {
+        title: "Select Model",
+        items: modelItems,
+        selectedIndex: Math.max(
+          0,
+          modelItems.findIndex((item) => item.value === selectedModel)
+        ),
+        onSubmit: (item) => {
+          setSelectedModel(item.value);
+          setActiveSelector(null);
+        },
+        onCancel: () => setActiveSelector(null),
+        limit: tuiLayout.selectorLimit
+      }
+    ) : null,
+    activeSelector === "mode" ? /* @__PURE__ */ jsx12(
+      SelectPanel,
+      {
+        title: "Select Mode",
+        items: modeItems,
+        selectedIndex: Math.max(
+          0,
+          modeItems.findIndex((item) => item.value === selectedMode)
+        ),
+        onSubmit: (item) => {
+          setSelectedMode(item.value);
+          if (item.value === "ask") {
+            setSelectedAgentProfileId("");
+          }
+          setNotice(
+            item.value === "ask" ? "Mode selected: Ask. Agent Profile cleared." : `Mode selected: ${item.label}`
+          );
+          setActiveSelector(null);
+        },
+        onCancel: () => setActiveSelector(null),
+        limit: tuiLayout.selectorLimit
+      }
+    ) : null,
+    activeSelector === "profile" ? /* @__PURE__ */ jsx12(
+      SelectPanel,
+      {
+        title: "Select Agent Profile",
+        items: agentProfileItems,
+        selectedIndex: Math.max(
+          0,
+          agentProfileItems.findIndex((item) => item.value === selectedAgentProfileId)
+        ),
+        onSubmit: (item) => {
+          selectAgentProfileById(item.value, item.label);
+          setActiveSelector(null);
+        },
+        onCancel: () => setActiveSelector(null),
+        limit: tuiLayout.selectorLimit
+      }
+    ) : null,
+    isSearching ? /* @__PURE__ */ jsx12(
       InputBox,
       {
         title: "Search History",
@@ -9324,7 +9616,7 @@ var App = ({
           setSearchQuery("");
         }
       }
-    ) : activeSelector ? null : /* @__PURE__ */ jsx10(
+    ) : activeSelector ? null : /* @__PURE__ */ jsx12(
       InputBox,
       {
         variant: "dock",
@@ -9382,10 +9674,11 @@ var App = ({
         placeholder: chatState.status === "hitl_waiting" ? "Answer HITL prompt, or /open for frontend..." : isBusyStatus(chatState.status) ? "Response in progress. Enter queues next message..." : "Ask Cloudeval..."
       }
     ),
-    /* @__PURE__ */ jsx10(BottomControls, { tab: activeWorkspaceTab })
+    /* @__PURE__ */ jsx12(BottomControls, { tab: activeWorkspaceTab })
   ] });
 };
 export {
   App,
+  buildBannerDetailLines,
   buildTuiHeaderDetails
 };