@ganakailabs/cloudeval-cli 0.19.2 → 0.19.4

package/dist/{App-2MBFLELV.js → App-AQAMCM4E.js}

@@ -1,11 +1,14 @@
 import {
   buildFrontendUrl,
   getFirstNameForDisplay,
+  getSession,
+  listSessions,
+  recordSessionTurn,
   resolveFrontendBaseUrl
-} from "./chunk-TA4WC462.js";
+} from "./chunk-RCRNSEQS.js";
 import {
   Onboarding
-} from "./chunk-3DVPEIVB.js";
+} from "./chunk-2GTSKMHA.js";
 import {
   checkUserStatus,
   completeActiveAssistantMessage,
@@ -14,8 +17,11 @@ import {
   getAuthToken,
   getBillingEntitlement,
   getBillingNotifications,
+  getBillingUsageCreditsUsed,
   getBillingUsageLedger,
   getBillingUsageSummary,
+  getBundledAgentProfiles,
+  getCLIHeaders,
   getCostReportFull,
   getCreditStatus,
   getProjects,
@@ -23,28 +29,29 @@ import {
   getTopUpPacks,
   getWafReportFull,
   initialChatState,
+  isExpiredDeviceTokenStreamError,
   listConnections,
   normalizeApiBase,
   reduceChunk,
   runReports,
   streamChat
-} from "./chunk-4QIKW5TJ.js";
+} from "./chunk-2D4BE3OS.js";
 import {
   Banner
-} from "./chunk-UXX36KJO.js";
+} from "./chunk-L2H4P4BP.js";
 import {
   CLI_VERSION
-} from "./chunk-2O7XF47R.js";
+} from "./chunk-HUE4D6RO.js";
 import {
   raisedButtonStyle,
   terminalTheme
-} from "./chunk-UOCT7M4J.js";
+} from "./chunk-QKZCKI55.js";
 
 // 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 { ScrollView } from "ink-scroll-view";
-import { randomUUID } from "crypto";
+import { randomUUID as randomUUID2 } from "crypto";
 import { spawn } from "child_process";
 import { mkdirSync, writeFileSync } from "fs";
 import { join, resolve } from "path";
@@ -594,7 +601,7 @@ var getTuiKeyBindings = (platform = process.platform) => ({
   newline: platform === "darwin" ? "Option+Enter or Ctrl+J newline" : "Alt+Enter or Ctrl+J newline",
   quit: "Ctrl+C quit",
   tabFocus: "Tab focus",
-  tabSwitch: "Left/Right switch",
+  tabSwitch: "Arrow keys move focus",
   commandComplete: "Tab completes slash commands",
   historySearch: "Ctrl+R history search",
   cancel: "Esc cancel response",
@@ -605,15 +612,19 @@ var getTuiKeyBindings = (platform = process.platform) => ({
 });
 var getChatInputHelpText = ({
   isCancelling,
+  inputActive = true,
   promptCount = 0
 }) => {
   if (isCancelling) {
     return "Esc stop | Ctrl+C quit | /stop | /help";
   }
+  if (!inputActive) {
+    return "Type to edit | Tab/Arrows controls | 1-8 tabs | /help";
+  }
   if (promptCount <= 0) {
-    return "Enter send | Ctrl+J newline | Tab focus | /help";
+    return "Enter send | Esc controls | Ctrl+J newline | /starter | /help";
   }
-  return "Enter send | Ctrl+J newline | Tab focus | Enter choose | 1-8 tabs | /help";
+  return "Enter send/choose | Esc controls | Tab focus | 1-8 tabs | /help";
 };
 
 // src/ui/workspaceTabs.ts
@@ -692,8 +703,35 @@ var workspaceTabFromPosition = (column, row, areas) => areas.find(
 import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var shouldAnimateInputCursor = ({
   disabled,
+  inputActive = true,
   blinkCursor = false
-}) => !disabled && blinkCursor;
+}) => !disabled && inputActive && blinkCursor;
+var shouldBlinkPromptCursor = ({
+  animationsEnabled,
+  inputActive = true,
+  busy = false,
+  selectorOpen = false,
+  searching = false
+}) => Boolean(animationsEnabled && inputActive && busy && !selectorOpen && !searching);
+var getInputCursorColor = ({
+  disabled,
+  inputActive = true,
+  cursorVisible = true
+}) => {
+  if (disabled || !inputActive) {
+    return terminalTheme.muted;
+  }
+  return cursorVisible ? terminalTheme.cursor : terminalTheme.accent;
+};
+var getInputCursorGlyph = ({
+  inputActive = true,
+  cursorVisible = true
+}) => {
+  if (!inputActive) {
+    return " ";
+  }
+  return cursorVisible ? "\u258C" : "\u258F";
+};
 var Scrollbar = ({
   totalRows,
   visibleRows,
@@ -707,7 +745,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.brand : terminalTheme.muted, children: index === thumbIndex ? "\u2503" : "\u2502" }, index)) });
+  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)) });
 };
 var truncateInline = (value, maxLength) => {
   if (value.length <= maxLength) {
@@ -796,10 +834,13 @@ var getFollowUpRowViewport = ({
   };
 };
 var InputBox = ({
+  title = "Prompt",
   value,
   onChange,
   onSubmit,
   disabled = false,
+  inputActive = true,
+  onBlurRequest,
   placeholder = "Ask Cloudeval...",
   followUps = [],
   followUpsLabel = "Follow-ups",
@@ -810,9 +851,7 @@ var InputBox = ({
   helpText,
   actionLabel,
   actionHint,
-  actionTone,
   onAction,
-  actionDisabled = false,
   minInputRows = DEFAULT_INPUT_MIN_ROWS,
   maxInputRows = DEFAULT_INPUT_MAX_ROWS,
   scrollOffset,
@@ -825,17 +864,12 @@ var InputBox = ({
   const compact = terminalColumns < 78;
   const defaultHelpText = `${keyBindings.submit} | ${keyBindings.newline} | ${keyBindings.quit}`;
   const resolvedHelpText = helpText ?? defaultHelpText;
-  const showHeaderRow = followUps.length > 0 || resolvedHelpText.length > 0;
   const followUpViewport = getFollowUpRowViewport({
     followUps,
     focusedFollowUpIndex,
     terminalColumns
   });
-  const actionButtonWidth = actionLabel ? actionLabel.length + 4 : 0;
-  const inputWidth = Math.max(
-    20,
-    terminalColumns - 14 - (compact ? 0 : actionButtonWidth)
-  );
+  const inputWidth = Math.max(20, terminalColumns - 8);
   const inputViewport = getInputViewport({
     value,
     width: inputWidth,
@@ -848,13 +882,13 @@ var InputBox = ({
   const startRow = inputViewport.startRow;
   const visibleRows = inputViewport.visibleRows;
   useEffect2(() => {
-    if (!shouldAnimateInputCursor({ disabled, blinkCursor })) {
+    if (!shouldAnimateInputCursor({ disabled, inputActive, blinkCursor })) {
       setCursorVisible(true);
       return;
     }
     const timer = setInterval(() => setCursorVisible((current) => !current), 520);
     return () => clearInterval(timer);
-  }, [blinkCursor, disabled, value]);
+  }, [blinkCursor, disabled, inputActive, value]);
   const handleChange = (nextValue) => {
     const cleanedValue = sanitizeTerminalMultilineInput(nextValue);
     const shortcutTab = onTabShortcut ? workspaceTabFromPromptChange(value, cleanedValue) : void 0;
@@ -900,6 +934,10 @@ var InputBox = ({
         onAction();
         return;
       }
+      if (key.escape) {
+        onBlurRequest?.();
+        return;
+      }
       if (key.backspace || key.delete) {
         handleChange(value.slice(0, -1));
         return;
@@ -909,41 +947,35 @@ var InputBox = ({
       }
       insertText(input);
     },
-    { isActive: !disabled }
+    { isActive: !disabled && inputActive }
   );
+  const cursorGlyph = getInputCursorGlyph({ inputActive, cursorVisible });
+  const cursorColor = getInputCursorColor({ disabled, inputActive, cursorVisible });
+  const inputBorderColor = disabled ? terminalTheme.muted : followUpsActive || inputActive ? terminalTheme.focus : terminalTheme.muted;
   return /* @__PURE__ */ jsxs4(
     TitledBox,
     {
-      title: "Prompt",
+      title,
       borderStyle: "round",
-      borderColor: followUpsActive ? terminalTheme.brand : terminalTheme.muted,
-      padding: 1,
+      borderColor: inputBorderColor,
+      padding: 0,
+      paddingX: 1,
       children: [
-        showHeaderRow ? /* @__PURE__ */ jsxs4(
-          Box4,
-          {
-            flexDirection: compact ? "column" : "row",
-            justifyContent: "space-between",
-            columnGap: 1,
-            children: [
-              /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: followUps.length ? followUpsLabel : "" }),
-              resolvedHelpText ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: resolvedHelpText }) : null
-            ]
-          }
-        ) : null,
-        followUps.length ? /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", columnGap: 1, marginTop: compact ? 1 : 0, children: [
-          followUpViewport.clippedStart ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "<--" }) : null,
+        followUps.length ? /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `${followUpsLabel}: ` }),
+          followUpViewport.clippedStart ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "<-- " }) : null,
           followUpViewport.items.map(({ question, index, label }) => {
             const focused = followUpsActive && focusedFollowUpIndex === index;
             return /* @__PURE__ */ jsxs4(
               Text5,
               {
-                color: focused ? terminalTheme.brand : void 0,
+                color: focused ? terminalTheme.focus : void 0,
                 bold: focused,
                 children: [
                   focused ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
                   " ",
-                  label
+                  label,
+                  " "
                 ]
               },
               `${index}-${question}`
@@ -952,20 +984,13 @@ var InputBox = ({
           followUpViewport.clippedEnd ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "-->" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs4(
-          TitledBox,
+          Box4,
           {
-            title: "Input",
             flexDirection: compact ? "column" : "row",
-            borderStyle: "single",
-            borderColor: disabled ? terminalTheme.muted : terminalTheme.brand,
-            padding: 0,
-            paddingX: 1,
-            marginTop: 1,
             children: [
-              /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", flexGrow: 1, children: !value ? /* @__PURE__ */ jsxs4(Text5, { dimColor: true, wrap: "truncate", children: [
-                /* @__PURE__ */ jsx5(Text5, { color: cursorVisible ? terminalTheme.brand : void 0, children: cursorVisible ? "\u258C" : " " }),
-                " ",
-                placeholder
+              /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", flexGrow: 1, children: !value ? /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
+                /* @__PURE__ */ jsx5(Text5, { color: cursorColor, children: cursorGlyph }),
+                /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: ` ${placeholder}` })
               ] }) : visibleRows.map((line, index) => {
                 const isLastValueRow = startRow + index === inputRows.length - 1;
                 return /* @__PURE__ */ jsxs4(Text5, { wrap: "truncate", children: [
@@ -980,7 +1005,7 @@ var InputBox = ({
                         children: ghostText ?? ""
                       }
                     ),
-                    /* @__PURE__ */ jsx5(Text5, { color: cursorVisible ? terminalTheme.brand : void 0, children: cursorVisible ? "\u258C" : " " })
+                    /* @__PURE__ */ jsx5(Text5, { color: cursorColor, children: cursorGlyph })
                   ] }) : null
                 ] }, `${startRow}-${index}`);
               }) }),
@@ -991,36 +1016,11 @@ var InputBox = ({
                   visibleRows: visibleRowCount,
                   startRow
                 }
-              ),
-              actionLabel ? /* @__PURE__ */ jsx5(
-                Box4,
-                {
-                  marginLeft: compact ? 0 : 1,
-                  marginTop: compact ? 1 : 0,
-                  justifyContent: compact ? "flex-end" : "center",
-                  flexDirection: "row",
-                  children: /* @__PURE__ */ jsx5(
-                    Box4,
-                    {
-                      borderStyle: raisedButtonStyle.border,
-                      borderColor: actionDisabled ? terminalTheme.muted : actionTone ?? terminalTheme.brand,
-                      paddingX: 1,
-                      children: /* @__PURE__ */ jsx5(
-                        Text5,
-                        {
-                          bold: !actionDisabled,
-                          color: actionDisabled ? terminalTheme.muted : actionTone ?? terminalTheme.brand,
-                          children: actionLabel
-                        }
-                      )
-                    }
-                  )
-                }
-              ) : null
+              )
             ]
           }
         ),
-        actionHint ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: actionHint }) : null,
+        actionHint ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: actionHint }) : resolvedHelpText ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate", children: resolvedHelpText }) : null,
         footerControls ? /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", marginTop: 1, children: footerControls }) : null
       ]
     }
@@ -1054,7 +1054,7 @@ var Scrollbar2 = ({
   return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", marginLeft: 1, flexShrink: 0, width: 1, children: scrollbarLines.map((line, idx) => /* @__PURE__ */ jsx6(
     Text6,
     {
-      color: line === "\u2588" ? terminalTheme.brand : terminalTheme.muted,
+      color: line === "\u2588" ? terminalTheme.focus : terminalTheme.muted,
       children: line
     },
     idx
@@ -1136,7 +1136,7 @@ function ProjectSelector({
         Text7,
         {
           bold: isHighlighted || isSelected,
-          color: isSelected ? terminalTheme.success : isHighlighted ? terminalTheme.brand : void 0,
+          color: isSelected ? terminalTheme.selected : isHighlighted ? terminalTheme.focus : void 0,
           children: [
             marker,
             " ",
@@ -1207,7 +1207,7 @@ function SelectPanel({
     Math.max(0, items.length - visibleCount)
   );
   const visibleItems = items.slice(windowStart, windowStart + visibleCount);
-  return /* @__PURE__ */ jsxs6(TitledBox, { title, borderStyle: "round", borderColor: terminalTheme.brand, padding: 1, children: [
+  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) => {
       const index = windowStart + offset;
       const isHighlighted = index === highlighted;
@@ -1218,7 +1218,7 @@ function SelectPanel({
           Text8,
           {
             bold: isHighlighted || isSelected,
-            color: isSelected ? terminalTheme.success : isHighlighted ? terminalTheme.brand : void 0,
+            color: isSelected ? terminalTheme.selected : isHighlighted ? terminalTheme.focus : void 0,
             children: [
               marker,
               " ",
@@ -1239,6 +1239,11 @@ function SelectPanel({
 
 // src/ui/commandCompletion.ts
 var slashCommands = [
+  {
+    name: "/thread",
+    aliases: ["/threads"],
+    description: "Open thread selector or use /thread <title-or-id>."
+  },
   {
     name: "/project",
     aliases: ["/projects"],
@@ -1254,6 +1259,16 @@ var slashCommands = [
     aliases: [],
     description: "Open mode selector or use /mode ask|agent."
   },
+  {
+    name: "/profile",
+    aliases: ["/profiles"],
+    description: "Open Agent Profile selector or use /profile architecture|cost|triage|remediation."
+  },
+  {
+    name: "/starter",
+    aliases: ["/starters"],
+    description: "Show starter prompt selections."
+  },
   {
     name: "/thinking",
     aliases: ["/think"],
@@ -1342,6 +1357,16 @@ var completePromptInput = (input, context, previous) => {
       ghostSuffix: toGhostSuffix(trimmed, `/mode ${completion.candidates[0] ?? ""}`)
     } : null;
   }
+  if (command === "/profile" || command === "/profiles") {
+    const query = normalize(rest);
+    const profileMatches = (context.profiles ?? []).flatMap((item) => item.value ? [item.value] : ["default", "profile"]).filter((value) => normalize(value).startsWith(query));
+    const completion = completeFromCandidates(trimmed, profileMatches, previous);
+    return completion ? {
+      ...completion,
+      value: `/profile ${completion.value}`,
+      ghostSuffix: toGhostSuffix(trimmed, `/profile ${completion.candidates[0] ?? ""}`)
+    } : null;
+  }
   if (command === "/project" || command === "/projects") {
     const query = normalize(rest);
     const projectMatches = context.projects.map(projectName).filter((value) => normalize(value).startsWith(query));
@@ -1352,6 +1377,16 @@ var completePromptInput = (input, context, previous) => {
       ghostSuffix: toGhostSuffix(trimmed, `/project ${completion.candidates[0] ?? ""}`)
     } : null;
   }
+  if (command === "/thread" || command === "/threads") {
+    const query = normalize(rest);
+    const threadMatches = (context.threads ?? []).flatMap((item) => [item.value, item.label]).filter((value) => normalize(value).startsWith(query));
+    const completion = completeFromCandidates(trimmed, threadMatches, previous);
+    return completion ? {
+      ...completion,
+      value: `/thread ${completion.value}`,
+      ghostSuffix: toGhostSuffix(trimmed, `/thread ${completion.candidates[0] ?? ""}`)
+    } : null;
+  }
   return null;
 };
 var matchOne = (items, query, getValues) => {
@@ -1385,6 +1420,20 @@ var resolvePromptCommand = (input, context) => {
     ]);
     return project ? { type: "setProject", project } : { type: "unknown", message: `No unique project match for '${rest}'.` };
   }
+  if (command === "/thread" || command === "/threads") {
+    if (!rest) {
+      return { type: "openSelector", selector: "thread" };
+    }
+    const thread = matchOne(context.threads ?? [], rest, (item) => [
+      item.value,
+      item.label
+    ]);
+    return thread ? {
+      type: "setThread",
+      threadId: thread.value,
+      label: thread.label
+    } : { type: "unknown", message: `No unique thread match for '${rest}'.` };
+  }
   if (command === "/model" || command === "/models") {
     if (!rest) {
       return { type: "openSelector", selector: "model" };
@@ -1409,6 +1458,23 @@ var resolvePromptCommand = (input, context) => {
     ]);
     return mode && (mode.value === "ask" || mode.value === "agent") ? { type: "setMode", mode: mode.value, label: mode.label } : { type: "unknown", message: `No unique mode match for '${rest}'.` };
   }
+  if (command === "/profile" || command === "/profiles") {
+    if (!rest) {
+      return { type: "openSelector", selector: "profile" };
+    }
+    const profile = matchOne(context.profiles ?? [], rest, (item) => [
+      item.value || "default",
+      item.value ? item.label : "profile"
+    ]);
+    return profile ? {
+      type: "setProfile",
+      profileId: profile.value,
+      label: profile.label
+    } : { type: "unknown", message: `No unique profile match for '${rest}'.` };
+  }
+  if (command === "/starter" || command === "/starters") {
+    return { type: "showStarters" };
+  }
   if (command === "/thinking" || command === "/think") {
     return { type: "toggleThinking" };
   }
@@ -1444,13 +1510,14 @@ var billingSummaryText = (billing, progressWidth = 10) => billing ? `Plan: ${bil
 })}` : "Plan: loading | Credits: loading";
 
 // src/ui/interactionModel.ts
-var selectorControls = ["project", "model", "mode"];
+var selectorControls = ["thread", "project", "model", "mode", "profile"];
 var buildControlFocusOrder = ({
   hasThinkingSteps,
   followUpCount
 }) => [
   ...selectorControls,
   ...hasThinkingSteps ? ["thinking"] : [],
+  "threadPanel",
   ...Array.from({ length: followUpCount }, (_, index) => `followup:${index}`)
 ];
 var focusFollowUpIndex = (focus) => {
@@ -1461,6 +1528,15 @@ var focusFollowUpIndex = (focus) => {
   return Number.isInteger(index) && index >= 0 ? index : void 0;
 };
 var isSelectorControlFocus = (focus) => selectorControls.includes(focus);
+var chatPanelFocusForControl = (focus) => {
+  if (focus === "threadPanel") {
+    return "thread";
+  }
+  if (focusFollowUpIndex(focus) !== void 0) {
+    return "prompt";
+  }
+  return "settings";
+};
 var nextControlFocus = (current, order, direction = 1) => {
   if (!order.length) {
     return "project";
@@ -1481,37 +1557,55 @@ var getSelectorControlHitAreas = ({
 }) => {
   const safeTerminalColumns = Math.max(startColumn, terminalColumns);
   if (compact) {
-    const targets = [
-      ...selectorControls,
-      ...hasThinkingSteps ? ["thinking"] : []
+    const compactRows = [
+      { target: "thread", offset: 1 },
+      { target: "project", offset: 2 },
+      { target: "model", offset: 4 },
+      { target: "mode", offset: 5 },
+      { target: "profile", offset: 6 },
+      ...hasThinkingSteps ? [{ target: "thinking", offset: 8 }] : []
     ];
-    return targets.map((target, index) => ({
+    return compactRows.map(({ target, offset }) => ({
       target,
       startColumn,
       endColumn: safeTerminalColumns,
-      startRow: startRow + index * 3,
-      endRow: startRow + index * 3 + 2
+      startRow: startRow + offset,
+      endRow: startRow + offset
     }));
   }
   const fixedAreas = [
     {
-      target: "project",
+      target: "thread",
       startColumn,
       endColumn: Math.min(safeTerminalColumns, startColumn + 27),
       startRow,
       endRow: startRow + 2
     },
     {
-      target: "model",
+      target: "project",
       startColumn: startColumn + 29,
-      endColumn: Math.min(safeTerminalColumns, startColumn + 51),
+      endColumn: Math.min(safeTerminalColumns, startColumn + 56),
+      startRow,
+      endRow: startRow + 2
+    },
+    {
+      target: "model",
+      startColumn: startColumn + 58,
+      endColumn: Math.min(safeTerminalColumns, startColumn + 80),
       startRow,
       endRow: startRow + 2
     },
     {
       target: "mode",
-      startColumn: startColumn + 53,
-      endColumn: Math.min(safeTerminalColumns, startColumn + 71),
+      startColumn: startColumn + 82,
+      endColumn: Math.min(safeTerminalColumns, startColumn + 100),
+      startRow,
+      endRow: startRow + 2
+    },
+    {
+      target: "profile",
+      startColumn: startColumn + 102,
+      endColumn: Math.min(safeTerminalColumns, startColumn + 124),
       startRow,
       endRow: startRow + 2
     }
@@ -1519,7 +1613,7 @@ var getSelectorControlHitAreas = ({
   if (hasThinkingSteps) {
     fixedAreas.push({
       target: "thinking",
-      startColumn: startColumn + 73,
+      startColumn: startColumn + 126,
       endColumn: safeTerminalColumns,
       startRow,
       endRow: startRow + 2
@@ -1530,6 +1624,15 @@ var getSelectorControlHitAreas = ({
 var selectorControlFromMousePosition = (position, areas) => areas.find(
   (area) => position.x >= area.startColumn && position.x <= area.endColumn && position.y >= area.startRow && position.y <= area.endRow
 )?.target;
+var isPromptTextInput = (input, key) => {
+  if (!input || key.ctrl || key.meta) {
+    return false;
+  }
+  if (key.return || key.tab || key.escape || key.upArrow || key.downArrow || key.leftArrow || key.rightArrow || key.pageUp || key.pageDown || key.backspace || key.delete) {
+    return false;
+  }
+  return input.length > 0;
+};
 
 // src/ui/layout.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -1567,7 +1670,6 @@ var getResponsiveTuiLayout = (size, options = {}) => {
   if (options.hasHitl) reservedRows += 7;
   if (options.hasSelector) reservedRows += 8;
   if (options.isSearching) reservedRows += 3;
-  const minThreadHeight = rows < 20 ? 3 : rows < 28 ? 4 : 6;
   const maxThreadHeight = compact ? 14 : 24;
   const availableRows = rows - reservedRows;
   return {
@@ -1575,18 +1677,20 @@ var getResponsiveTuiLayout = (size, options = {}) => {
     paddingX: compact ? 0 : 1,
     selectorLimit: compact ? 6 : 8,
     showBanner,
-    threadHeight: clamp2(availableRows, minThreadHeight, maxThreadHeight)
+    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);
-  if (rows < 28) {
-    return 4;
-  }
-  if (rows < 38) {
-    return 6;
-  }
-  return clamp2(Math.floor(rows * 0.22), 8, 16);
+  return clamp2(Math.floor(rows * 0.13), 4, 8);
 };
 var shouldUseSplitChatLayout = (size) => {
   const columns = normalizeDimension(size.columns, 100);
@@ -1857,10 +1961,11 @@ var getStarterPrompts = ({
 };
 var getPromptSuggestions = ({
   latestFollowUps,
-  messages,
+  messages: _messages,
   mode,
   project,
-  limit
+  limit,
+  showStarters = false
 }) => {
   const followUps = latestFollowUps.map((prompt) => prompt.trim()).filter(Boolean);
   if (followUps.length) {
@@ -1870,8 +1975,7 @@ var getPromptSuggestions = ({
       prompts: followUps
     };
   }
-  const hasUserMessages = messages.some((message) => message.role === "user");
-  if (!hasUserMessages) {
+  if (showStarters) {
     return {
       kind: "starter",
       label: "Starters",
@@ -1885,6 +1989,193 @@ var getPromptSuggestions = ({
   };
 };
 
+// src/ui/sessionThreads.ts
+import { randomUUID } from "crypto";
+var timestampFromIso = (value, fallbackOffset) => {
+  const parsed = Date.parse(value);
+  return Number.isFinite(parsed) ? parsed : Date.now() + fallbackOffset;
+};
+var relativeThreadAge = (value, now = Date.now()) => {
+  if (!value) {
+    return void 0;
+  }
+  const parsed = Date.parse(value);
+  if (!Number.isFinite(parsed)) {
+    return void 0;
+  }
+  const diffMs = Math.max(0, now - parsed);
+  const minutes = Math.floor(diffMs / 6e4);
+  if (minutes < 1) {
+    return "now";
+  }
+  if (minutes < 60) {
+    return `${minutes}m`;
+  }
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) {
+    return `${hours}h`;
+  }
+  const days = Math.floor(hours / 24);
+  if (days < 7) {
+    return `${days}d`;
+  }
+  const weeks = Math.floor(days / 7);
+  if (weeks < 5) {
+    return `${weeks}w`;
+  }
+  const months = Math.floor(days / 30);
+  if (months < 12) {
+    return `${months}mo`;
+  }
+  return `${Math.floor(days / 365)}y`;
+};
+var titleWithAge = (title, age) => {
+  if (!age) {
+    return truncateForTerminal(title, 72);
+  }
+  const suffix = ` \xB7 ${age}`;
+  return `${truncateForTerminal(title, Math.max(12, 72 - suffix.length))}${suffix}`;
+};
+var createdAgeDescription = (age) => age ? age === "now" ? "created now" : `created ${age} ago` : void 0;
+var sessionDescription = (session, age) => {
+  const project = session.projectName || session.projectId;
+  const messages = `${session.messageCount} message${session.messageCount === 1 ? "" : "s"}`;
+  return [createdAgeDescription(age), project, messages].filter(Boolean).join(" \xB7 ");
+};
+var remoteTitle = (thread) => {
+  const title = String(thread.title || "").trim();
+  const preview = String(thread.last_message_preview || "").trim();
+  return title || preview || thread.thread_id;
+};
+var remoteDescription = (thread, age) => {
+  const project = thread.project_name || thread.project_id;
+  const count = Number(thread.message_count ?? 0);
+  const messages = `${count} message${count === 1 ? "" : "s"}`;
+  const source = thread.is_archived ? "Cloud thread \xB7 archived" : "Cloud thread";
+  return [source, createdAgeDescription(age), project, messages].filter(Boolean).join(" \xB7 ");
+};
+var extractMessageText = (content) => {
+  if (typeof content === "string") {
+    return content;
+  }
+  if (Array.isArray(content)) {
+    return content.map((part) => {
+      if (typeof part === "string") {
+        return part;
+      }
+      if (part && typeof part === "object") {
+        const record = part;
+        if (typeof record.text === "string") {
+          return record.text;
+        }
+        if (typeof record.content === "string") {
+          return record.content;
+        }
+      }
+      return "";
+    }).filter(Boolean).join(" ");
+  }
+  if (content && typeof content === "object") {
+    const record = content;
+    if (typeof record.text === "string") {
+      return record.text;
+    }
+    if (typeof record.content === "string") {
+      return record.content;
+    }
+  }
+  return "";
+};
+var timestampFromValue = (value, fallback) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string") {
+    const parsed = Date.parse(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return fallback;
+};
+var remoteThreadMessagesToChatMessages = (history) => {
+  const rawMessages = history.messages_page ?? history.thread_messages ?? history.messages ?? [];
+  return rawMessages.map((raw, index) => {
+    if (!raw || typeof raw !== "object") {
+      return null;
+    }
+    const message = raw;
+    const role = String(message.role || "").toLowerCase();
+    if (role !== "user" && role !== "assistant") {
+      return null;
+    }
+    const timestamp = timestampFromValue(
+      message.timestamp ?? message.created_at ?? message.createdAt,
+      Date.now() + index
+    );
+    const followUps = message.followUpQuestions ?? message.follow_up_questions;
+    return {
+      id: String(
+        message.id ?? message.message_id ?? message.assistant_message_id ?? `${history.thread_id}-${index}-${randomUUID()}`
+      ),
+      role,
+      content: extractMessageText(message.content),
+      thinkingSteps: Array.isArray(message.thinkingSteps) ? message.thinkingSteps : Array.isArray(message.thinking_steps) ? message.thinking_steps : void 0,
+      followUpQuestions: Array.isArray(followUps) ? followUps.map((item) => String(item)).filter(Boolean) : void 0,
+      createdAt: timestamp,
+      updatedAt: timestampFromValue(message.updated_at ?? message.updatedAt, timestamp)
+    };
+  }).filter((message) => Boolean(message));
+};
+var localSessionMessagesToChatMessages = (session) => session.messages.map((message, index) => ({
+  id: `${session.threadId}-${index}-${randomUUID()}`,
+  role: message.role,
+  content: message.content,
+  createdAt: timestampFromIso(message.createdAt, index)
+}));
+var buildThreadSelectItems = (sessions, activeThreadId, remoteThreads = [], options = {}) => [
+  {
+    label: "New thread",
+    value: { kind: "new" },
+    description: activeThreadId ? "Start a fresh CloudEval chat thread." : "Current selection."
+  },
+  ...remoteThreads.map((thread) => {
+    const age = relativeThreadAge(thread.created_at ?? thread.updated_at, options.now);
+    return {
+      label: titleWithAge(remoteTitle(thread), age),
+      value: { kind: "remote", thread },
+      description: remoteDescription(thread, age)
+    };
+  }),
+  ...sessions.filter(
+    (session) => !remoteThreads.some((thread) => thread.thread_id === session.threadId)
+  ).map((session) => {
+    const age = relativeThreadAge(session.createdAt ?? session.updatedAt, options.now);
+    return {
+      label: titleWithAge(session.title, age),
+      value: { kind: "session", session },
+      description: `Local session \xB7 ${sessionDescription(session, age)}`
+    };
+  })
+];
+var threadPanelTitle = ({
+  session,
+  remoteThread,
+  threadId,
+  hasMessages
+}) => {
+  if (session?.title) {
+    return truncateForTerminal(session.title, 70);
+  }
+  if (remoteThread) {
+    return truncateForTerminal(remoteTitle(remoteThread), 70);
+  }
+  if (threadId) {
+    return truncateForTerminal(threadId, 70);
+  }
+  return hasMessages ? "Current chat" : "New thread";
+};
+
 // src/ui/overviewDashboard.ts
 var toRecord = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 var asNumber = (value) => {
@@ -2878,6 +3169,11 @@ var loadWorkspacePanelData = async ({
         })
       );
     }
+    if (data.entitlement) {
+      data.creditStatus = deps.getCreditStatus(data.entitlement, {
+        reportedUsedCredits: deps.getBillingUsageCreditsUsed?.(data.usageSummary)
+      });
+    }
     if (deps.getBillingUsageLedger) {
       await capture(
         "ledger",
@@ -3015,6 +3311,17 @@ var firstNumber4 = (value, keys) => {
   }
   return void 0;
 };
+var billingUsageTrendValues = (usageSummary) => {
+  const record = toRecord4(usageSummary);
+  const buckets = directArray2(record?.buckets);
+  const bucketValues = buckets.map((bucket) => firstNumber4(bucket, ["credits_used", "total_credits", "credits"])).filter((value) => value !== void 0);
+  if (bucketValues.length) {
+    return bucketValues;
+  }
+  const totals = toRecord4(record?.totals);
+  const total = firstNumber4(totals ?? usageSummary, ["credits_used", "total_credits", "credits"]);
+  return total !== void 0 ? [total] : allNumbers(usageSummary);
+};
 var formatNumber3 = (value) => value === void 0 ? "-" : new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 }).format(
   value
 );
@@ -3389,7 +3696,7 @@ var HelpLegend = ({
       label: "tabs",
       color: terminalTheme.brand
     },
-    { key: "Left/Right", label: "switch", color: terminalTheme.brand },
+    { key: "Arrows", label: "move focus", color: terminalTheme.brand },
     { key: "R", label: "refresh", color: terminalTheme.warning },
     { key: "O", label: "open", color: terminalTheme.success },
     { key: "D", label: "download", color: terminalTheme.success },
@@ -3486,7 +3793,7 @@ var BillingView = ({ state, compact, terminalColumns, frontendUrl }) => {
   const creditStatus = toRecord4(state.data.creditStatus);
   const entitlement = toRecord4(state.data.entitlement);
   const plan = toRecord4(entitlement?.plan);
-  const usageValues = allNumbers(state.data.usageSummary);
+  const usageValues = billingUsageTrendValues(state.data.usageSummary);
   const ledger = directArray2(state.data.ledger);
   const invoices = directArray2(state.data.billingInfo);
   const topups = directArray2(state.data.topups);
@@ -4131,7 +4438,7 @@ var OptionsView = ({
       workspaceTabs.length,
       " jump tabs | ",
       keys.tabSwitch,
-      " tabs |",
+      " |",
       " ",
       keys.refresh,
       " | ",
@@ -4215,14 +4522,14 @@ var WorkspaceTabBar = ({ activeTab, showBrand = false, billingSummary }) => {
         Box8,
         {
           borderStyle: active ? "bold" : raisedButtonStyle.border,
-          borderColor: active ? terminalTheme.brand : terminalTheme.muted,
+          borderColor: active ? terminalTheme.focus : terminalTheme.muted,
           paddingX: 1,
           marginRight: 1,
           children: /* @__PURE__ */ jsxs7(
             Text9,
             {
               bold: active,
-              color: active ? terminalTheme.brand : void 0,
+              color: active ? terminalTheme.focus : void 0,
               children: [
                 active ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
                 " ",
@@ -4242,12 +4549,103 @@ var WorkspacePanel = (props) => {
   const compact = props.terminalColumns < 88;
   const state = props.state;
   const animate = props.animate ?? true;
+  const framed = props.framed ?? true;
   const connections = directArray2(state.data.connections);
   const isInitialLoading = state.status === "loading";
   const isBackgroundRefreshing = Boolean(
     state.isRefreshing && !isInitialLoading
   );
-  return /* @__PURE__ */ jsxs7(
+  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: [
+      "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 real API 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..." })
+    ] }) : null,
+    state.status === "error" ? /* @__PURE__ */ jsx9(
+      TitledBox,
+      {
+        title: "Backend Data Unavailable",
+        borderStyle: "single",
+        borderColor: terminalTheme.danger,
+        padding: 0,
+        paddingX: 1,
+        children: /* @__PURE__ */ jsxs7(Text9, { color: terminalTheme.danger, wrap: "wrap", children: [
+          " ",
+          state.error ?? "Unable to load this tab."
+        ] })
+      }
+    ) : null,
+    state.warnings.length ? /* @__PURE__ */ jsxs7(
+      TitledBox,
+      {
+        title: "Backend Warnings",
+        borderStyle: "single",
+        borderColor: terminalTheme.warning,
+        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.length - 4,
+            " more warning(s)"
+          ] }) : null
+        ]
+      }
+    ) : null,
+    props.tab === "overview" ? /* @__PURE__ */ jsx9(
+      OverviewView,
+      {
+        state,
+        projects: props.projects,
+        selectedProject: props.selectedProject,
+        compact,
+        terminalColumns: props.terminalColumns,
+        tablePage: props.tablePage
+      }
+    ) : null,
+    props.tab === "reports" ? /* @__PURE__ */ jsx9(
+      ReportsView,
+      {
+        state,
+        projects: props.projects,
+        selectedProject: props.selectedProject,
+        compact,
+        terminalColumns: props.terminalColumns,
+        tablePage: props.tablePage
+      }
+    ) : null,
+    props.tab === "projects" ? /* @__PURE__ */ jsx9(
+      ProjectsView,
+      {
+        projects: props.projects,
+        selectedProject: props.selectedProject
+      }
+    ) : null,
+    props.tab === "connections" ? /* @__PURE__ */ jsx9(ConnectionsView, { connections }) : null,
+    props.tab === "billing" ? /* @__PURE__ */ jsx9(
+      BillingView,
+      {
+        state,
+        compact,
+        terminalColumns: props.terminalColumns,
+        frontendUrl: props.frontendUrl
+      }
+    ) : null,
+    props.tab === "options" ? /* @__PURE__ */ jsx9(OptionsView, { ...props }) : null,
+    props.tab === "help" ? /* @__PURE__ */ jsx9(HelpView, {}) : null
+  ] });
+  if (!framed) {
+    return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", gap: 1, children: content });
+  }
+  return /* @__PURE__ */ jsx9(
     TitledBox,
     {
       title: workspaceTabLabels[props.tab],
@@ -4255,93 +4653,7 @@ var WorkspacePanel = (props) => {
       borderColor: terminalTheme.muted,
       padding: 1,
       gap: 1,
-      children: [
-        state.loadedAt && !isInitialLoading && !isBackgroundRefreshing ? /* @__PURE__ */ jsx9(Box8, { flexDirection: "row", justifyContent: "flex-end", children: /* @__PURE__ */ jsxs7(Text9, { 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 real API 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..." })
-        ] }) : null,
-        state.status === "error" ? /* @__PURE__ */ jsx9(
-          TitledBox,
-          {
-            title: "Backend Data Unavailable",
-            borderStyle: "single",
-            borderColor: terminalTheme.danger,
-            padding: 0,
-            paddingX: 1,
-            children: /* @__PURE__ */ jsxs7(Text9, { color: terminalTheme.danger, wrap: "wrap", children: [
-              " ",
-              state.error ?? "Unable to load this tab."
-            ] })
-          }
-        ) : null,
-        state.warnings.length ? /* @__PURE__ */ jsxs7(
-          TitledBox,
-          {
-            title: "Backend Warnings",
-            borderStyle: "single",
-            borderColor: terminalTheme.warning,
-            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.length - 4,
-                " more warning(s)"
-              ] }) : null
-            ]
-          }
-        ) : null,
-        props.tab === "overview" ? /* @__PURE__ */ jsx9(
-          OverviewView,
-          {
-            state,
-            projects: props.projects,
-            selectedProject: props.selectedProject,
-            compact,
-            terminalColumns: props.terminalColumns,
-            tablePage: props.tablePage
-          }
-        ) : null,
-        props.tab === "reports" ? /* @__PURE__ */ jsx9(
-          ReportsView,
-          {
-            state,
-            projects: props.projects,
-            selectedProject: props.selectedProject,
-            compact,
-            terminalColumns: props.terminalColumns,
-            tablePage: props.tablePage
-          }
-        ) : null,
-        props.tab === "projects" ? /* @__PURE__ */ jsx9(
-          ProjectsView,
-          {
-            projects: props.projects,
-            selectedProject: props.selectedProject
-          }
-        ) : null,
-        props.tab === "connections" ? /* @__PURE__ */ jsx9(ConnectionsView, { connections }) : null,
-        props.tab === "billing" ? /* @__PURE__ */ jsx9(
-          BillingView,
-          {
-            state,
-            compact,
-            terminalColumns: props.terminalColumns,
-            frontendUrl: props.frontendUrl
-          }
-        ) : null,
-        props.tab === "options" ? /* @__PURE__ */ jsx9(OptionsView, { ...props }) : null,
-        props.tab === "help" ? /* @__PURE__ */ jsx9(HelpView, {}) : null
-      ]
+      children: content
     }
   );
 };
@@ -4350,13 +4662,12 @@ var WorkspacePanel = (props) => {
 var truthyEnv = (value) => value !== void 0 && /^(1|true|yes|on)$/i.test(value);
 var shouldEnableTuiAnimations = ({
   disableAnim = false,
-  forceAnim = false,
   env = process.env
 } = {}) => {
   if (disableAnim || truthyEnv(env.CLOUDEVAL_NO_ANIM)) {
     return false;
   }
-  return forceAnim || truthyEnv(env.CLOUDEVAL_ANIM);
+  return true;
 };
 
 // src/ui/App.tsx
@@ -4371,7 +4682,7 @@ var defaultUser = { id: "cli-user", name: "CLI User" };
 var getUserNameFromToken = async (token) => {
   if (!token) return "You";
   try {
-    const { extractEmailFromToken } = await import("./dist-I4IPYCRC.js");
+    const { extractEmailFromToken } = await import("./dist-TBAQ5KOK.js");
     const email = extractEmailFromToken(token);
     return getFirstNameForDisplay({ email: email ?? void 0 });
   } catch {
@@ -4384,8 +4695,21 @@ var defaultProject = {
   user_id: "cli-user",
   cloud_provider: "azure"
 };
-var selectorOrder = ["project", "model", "mode"];
+var selectorOrder = ["thread", "project", "model", "mode", "profile"];
 var dropdownIndicator = "\u25BE";
+var bundledAgentProfiles = getBundledAgentProfiles();
+var agentProfileItems = [
+  {
+    label: "Profile",
+    value: "",
+    description: "Default CloudEval chat flow without an Agent Profile."
+  },
+  ...bundledAgentProfiles.map((profile) => ({
+    label: profile.display_name,
+    value: profile.id,
+    description: profile.personality
+  }))
+];
 var workspaceTabDescriptions = {
   chat: "Ask questions, run agent workflows, and inspect project context.",
   overview: "Portfolio dashboard with project health, cost, WAF, and report signals.",
@@ -4416,6 +4740,7 @@ var modeItems = [
   }
 ];
 var commandNotice = (candidates) => candidates.length > 1 ? `Completions: ${candidates.join(" | ")}` : `Completed: ${candidates[0]}`;
+var isStarterSlashCommandInput = (value) => /^\/starters?(?:\s*)?$/i.test(value.trim());
 var modelNameFromRaw = (raw) => {
   if (typeof raw === "string") return raw;
   if (!raw || typeof raw !== "object") return void 0;
@@ -4454,8 +4779,10 @@ var mergeModelItems = (fetchedItems, cliModel) => {
   return Array.from(merged.values());
 };
 var delay = (ms) => new Promise((res) => setTimeout(res, ms));
-var billingHeaderFromEntitlement = (entitlement) => {
-  const creditStatus = getCreditStatus(entitlement);
+var billingHeaderFromEntitlement = (entitlement, usageSummary) => {
+  const creditStatus = getCreditStatus(entitlement, {
+    reportedUsedCredits: getBillingUsageCreditsUsed(usageSummary)
+  });
   if (!creditStatus) {
     return null;
   }
@@ -4643,8 +4970,10 @@ var estimatePromptControlRows = ({
   compact,
   hasThinkingSteps
 }) => {
-  const selectorCount = selectorOrder.length + (hasThinkingSteps ? 1 : 0);
-  return compact ? selectorCount * 3 : 3;
+  if (compact) {
+    return 2 + selectorOrder.length + 2;
+  }
+  return 3;
 };
 var estimatePromptPanelRows = ({
   inputRows,
@@ -4653,11 +4982,10 @@ var estimatePromptPanelRows = ({
   hasThinkingSteps,
   includeControls = true
 }) => {
-  const outerChromeRows = 4;
-  const topHelpRows = suggestionRows > 0 ? 1 : 0;
-  const inputBoxRows = inputRows + 3;
-  const footerRows = 1 + 1 + (includeControls ? estimatePromptControlRows({ compact, hasThinkingSteps }) : 0);
-  return outerChromeRows + topHelpRows + suggestionRows + inputBoxRows + footerRows;
+  const outerChromeRows = 2;
+  const inputRowsWithHint = inputRows + 1;
+  const footerRows = includeControls ? 1 + estimatePromptControlRows({ compact, hasThinkingSteps }) : 0;
+  return outerChromeRows + suggestionRows + inputRowsWithHint + footerRows;
 };
 var useTerminalSize = () => {
   const [size, setSize] = useState4(() => readTerminalSize());
@@ -4675,6 +5003,16 @@ var isMouseTrackingEnabled = () => {
   return value !== "0" && value !== "false" && value !== "no";
 };
 var oneLine = (value) => value.replace(/\s+/g, " ").trim();
+var collapseRepeatedAssistantText = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.length % 2 !== 0) {
+    return value;
+  }
+  const midpoint = trimmed.length / 2;
+  const first = trimmed.slice(0, midpoint);
+  const second = trimmed.slice(midpoint);
+  return first === second ? first : value;
+};
 var enableTerminalMouse = () => {
   if (!process.stdin.isTTY || !process.stdout.isTTY) {
     return () => {
@@ -4734,16 +5072,24 @@ var summarizeThinkingSteps = (message) => {
 };
 var selectorValueText = ({
   kind,
+  selectedThreadTitle,
   selectedProject,
   selectedModel,
-  selectedMode
+  selectedMode,
+  selectedAgentProfileLabel
 }) => {
+  if (kind === "thread") {
+    return selectedThreadTitle;
+  }
   if (kind === "project") {
     return selectedProject?.name ?? defaultProject.name;
   }
   if (kind === "model") {
     return selectedModel || "auto";
   }
+  if (kind === "profile") {
+    return selectedAgentProfileLabel;
+  }
   return selectedMode;
 };
 var QueuePanel = ({ messages, compact, terminalColumns }) => {
@@ -4785,9 +5131,11 @@ var QueuePanel = ({ messages, compact, terminalColumns }) => {
 };
 var PromptControlBar = ({
   focused,
+  selectedThreadTitle,
   selectedProject,
   selectedModel,
   selectedMode,
+  selectedAgentProfileLabel,
   hasThinkingSteps,
   thinkingExpanded,
   thinkingSummary,
@@ -4799,6 +5147,80 @@ var PromptControlBar = ({
   animate
 }) => {
   const controlGap = compact ? 0 : 1;
+  const compactGroups = [
+    { label: "Session", controls: ["thread", "project"] },
+    { label: "Run", controls: ["model", "mode", "profile"] }
+  ];
+  const showActivity = hasThinkingSteps || busy || statusText !== "Idle";
+  if (compact) {
+    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 0, children: [
+      compactGroups.map((group, index) => /* @__PURE__ */ jsxs8(
+        Box9,
+        {
+          flexDirection: "column",
+          gap: 0,
+          marginTop: index === 0 ? 0 : 1,
+          children: [
+            /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: group.label }),
+            group.controls.map((kind) => {
+              const isFocused = focused === kind;
+              const label = kind.charAt(0).toUpperCase() + kind.slice(1);
+              const rawValue = selectorValueText({
+                kind,
+                selectedThreadTitle,
+                selectedProject,
+                selectedModel,
+                selectedMode,
+                selectedAgentProfileLabel
+              });
+              const valueLimit = Math.max(14, terminalColumns - label.length - 8);
+              const value = truncateForTerminal(rawValue, valueLimit);
+              return /* @__PURE__ */ jsxs8(
+                Text10,
+                {
+                  color: isFocused ? terminalTheme.focus : void 0,
+                  bold: isFocused,
+                  wrap: "truncate",
+                  children: [
+                    isFocused ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
+                    " ",
+                    label,
+                    " [",
+                    value,
+                    "] ",
+                    dropdownIndicator
+                  ]
+                },
+                kind
+              );
+            })
+          ]
+        },
+        group.label
+      )),
+      showActivity ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 0, marginTop: 1, children: [
+        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Activity" }),
+        hasThinkingSteps ? /* @__PURE__ */ jsxs8(
+          Text10,
+          {
+            color: focused === "thinking" ? terminalTheme.focus : void 0,
+            bold: focused === "thinking",
+            wrap: "truncate",
+            children: [
+              focused === "thinking" ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
+              " ",
+              "Reasoning: ",
+              thinkingExpanded ? "open" : thinkingSummary
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
+          busy ? /* @__PURE__ */ jsx10(Spinner, { type: "line", animate }) : null,
+          /* @__PURE__ */ jsx10(Text10, { color: statusColor, children: statusText })
+        ] })
+      ] }) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 0, children: [
     /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Settings" }),
     /* @__PURE__ */ jsxs8(Box9, { flexDirection: compact ? "column" : "row", gap: controlGap, flexWrap: "wrap", children: [
@@ -4807,9 +5229,11 @@ var PromptControlBar = ({
         const label = kind.charAt(0).toUpperCase() + kind.slice(1);
         const rawValue = selectorValueText({
           kind,
+          selectedThreadTitle,
           selectedProject,
           selectedModel,
-          selectedMode
+          selectedMode,
+          selectedAgentProfileLabel
         });
         const valueLimit = compact ? Math.max(18, terminalColumns - label.length - 8) : kind === "project" ? 30 : 20;
         const value = truncateForTerminal(rawValue, valueLimit);
@@ -4817,9 +5241,9 @@ var PromptControlBar = ({
           Box9,
           {
             borderStyle: raisedButtonStyle.border,
-            borderColor: isFocused ? terminalTheme.brand : terminalTheme.muted,
+            borderColor: isFocused ? terminalTheme.focus : terminalTheme.muted,
             paddingX: 1,
-            children: /* @__PURE__ */ jsxs8(Text10, { color: isFocused ? terminalTheme.brand : void 0, bold: isFocused, children: [
+            children: /* @__PURE__ */ jsxs8(Text10, { color: isFocused ? terminalTheme.focus : void 0, bold: isFocused, children: [
               isFocused ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
               " ",
               label,
@@ -4836,12 +5260,12 @@ var PromptControlBar = ({
         Box9,
         {
           borderStyle: raisedButtonStyle.border,
-          borderColor: focused === "thinking" ? terminalTheme.brand : terminalTheme.muted,
+          borderColor: focused === "thinking" ? terminalTheme.focus : terminalTheme.muted,
           paddingX: 1,
           children: /* @__PURE__ */ jsxs8(
             Text10,
             {
-              color: focused === "thinking" ? terminalTheme.brand : void 0,
+              color: focused === "thinking" ? terminalTheme.focus : void 0,
               bold: focused === "thinking",
               children: [
                 focused === "thinking" ? raisedButtonStyle.activeMarker : raisedButtonStyle.inactiveMarker,
@@ -4862,57 +5286,58 @@ var PromptControlBar = ({
 };
 var ChatContextPanel = ({
   width,
+  height,
+  active,
   focused,
   selectedProject,
+  selectedThreadTitle,
   selectedModel,
   selectedMode,
+  selectedAgentProfileLabel,
   hasThinkingSteps,
   thinkingExpanded,
   thinkingSummary,
   statusText,
   statusColor,
   busy,
-  animate,
-  threadId
+  animate
 }) => {
-  const displayThreadId = threadId ? truncateForTerminal(threadId, Math.max(16, width - 14)) : "new thread";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx10(
     TitledBox,
     {
-      title: "Context",
+      title: "Settings",
       borderStyle: "round",
-      borderColor: terminalTheme.muted,
+      borderColor: active ? terminalTheme.focus : terminalTheme.muted,
       padding: 1,
       width,
-      children: [
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Thread" }),
-        /* @__PURE__ */ jsx10(Text10, { wrap: "truncate", children: displayThreadId }),
-        /* @__PURE__ */ jsx10(
-          PromptControlBar,
-          {
-            focused,
-            selectedProject,
-            selectedModel,
-            selectedMode,
-            hasThinkingSteps,
-            thinkingExpanded,
-            thinkingSummary,
-            compact: true,
-            terminalColumns: Math.max(24, width - 4),
-            statusText,
-            statusColor,
-            busy,
-            animate
-          }
-        )
-      ]
+      height,
+      children: /* @__PURE__ */ jsx10(
+        PromptControlBar,
+        {
+          focused,
+          selectedThreadTitle,
+          selectedProject,
+          selectedModel,
+          selectedMode,
+          selectedAgentProfileLabel,
+          hasThinkingSteps,
+          thinkingExpanded,
+          thinkingSummary,
+          compact: true,
+          terminalColumns: Math.max(24, width - 4),
+          statusText,
+          statusColor,
+          busy,
+          animate
+        }
+      )
     }
   );
 };
 var BottomControls = ({ tab }) => /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", justifyContent: "space-between", children: [
   /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
     /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "Keys" }),
-    /* @__PURE__ */ jsx10(Text10, { children: " \u2191/\u2193 scroll | PgUp/PgDn scroll | [/] table page | " }),
+    /* @__PURE__ */ jsx10(Text10, { children: " \u2191/\u2193 move or scroll | PgUp/PgDn scroll | [/] table page | " }),
     /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "D" }),
     /* @__PURE__ */ jsx10(Text10, { children: " download | " }),
     /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "R" }),
@@ -4960,7 +5385,7 @@ var HitlPanel = ({ hitl, questionIndex, optionIndex, answers, frontendUrl }) =>
           return /* @__PURE__ */ jsxs8(
             Text10,
             {
-              color: highlighted ? terminalTheme.brand : void 0,
+              color: highlighted ? terminalTheme.focus : selected ? terminalTheme.selected : void 0,
               dimColor: !highlighted && !selected,
               bold: highlighted,
               inverse: highlighted,
@@ -4994,6 +5419,7 @@ var App = ({
   initialMode = "ask",
   initialTab,
   initialProjectId,
+  configProfile,
   frontendUrl,
   debug = false,
   disableBanner = false,
@@ -5007,6 +5433,8 @@ var App = ({
   const [loaderStep, setLoaderStep] = useState4(0);
   const [bootError, setBootError] = useState4();
   const [input, setInput] = useState4("");
+  const [promptInputActive, setPromptInputActive] = useState4(true);
+  const [starterSelectionsOpen, setStarterSelectionsOpen] = useState4(false);
   const [promptInputScrollOffset, setPromptInputScrollOffset] = useState4(0);
   const [authToken, setAuthToken] = useState4(accessKey);
   const [chatState, setChatState] = useState4({
@@ -5019,6 +5447,7 @@ var App = ({
   const [selectedProject, setSelectedProject] = useState4(null);
   const [selectedModel, setSelectedModel] = useState4(model ?? "");
   const [selectedMode, setSelectedMode] = useState4(initialMode);
+  const [selectedAgentProfileId, setSelectedAgentProfileId] = useState4("");
   const [activeWorkspaceTab, setActiveWorkspaceTab] = useState4(
     () => normalizeWorkspaceTab(initialTab)
   );
@@ -5034,6 +5463,10 @@ var App = ({
     }
     return fallbackModels;
   });
+  const [localSessions, setLocalSessions] = useState4([]);
+  const [remoteThreads, setRemoteThreads] = useState4([]);
+  const [loadingSessions, setLoadingSessions] = useState4(false);
+  const [loadingRemoteThreads, setLoadingRemoteThreads] = useState4(false);
   const [activeSelector, setActiveSelector] = useState4(null);
   const [selectingProject, setSelectingProject] = useState4(false);
   const [loadingProjects, setLoadingProjects] = useState4(false);
@@ -5055,11 +5488,19 @@ var App = ({
   const [workspaceScrollOffset, setWorkspaceScrollOffset] = useState4(0);
   const [workspaceContentHeight, setWorkspaceContentHeight] = useState4(0);
   const [workspaceViewportHeight, setWorkspaceViewportHeight] = useState4(14);
+  const [chatMiddleScrollOffset, setChatMiddleScrollOffset] = useState4(0);
+  const [chatMiddleContentHeight, setChatMiddleContentHeight] = useState4(0);
+  const [chatMiddleViewportHeight, setChatMiddleViewportHeight] = useState4(12);
   const apiBase = useMemo(() => normalizeApiBase(baseUrl), [baseUrl]);
   const frontendBaseUrl = useMemo(
     () => resolveFrontendBaseUrl2(apiBase, frontendUrl),
     [apiBase, frontendUrl]
   );
+  const selectedAgentProfile = useMemo(
+    () => bundledAgentProfiles.find((profile) => profile.id === selectedAgentProfileId),
+    [selectedAgentProfileId]
+  );
+  const selectedAgentProfileLabel = selectedAgentProfile?.display_name ?? "Profile";
   const frontendThreadUrl = useMemo(
     () => buildFrontendThreadUrl(frontendBaseUrl, chatState.threadId),
     [frontendBaseUrl, chatState.threadId]
@@ -5077,10 +5518,12 @@ var App = ({
   const billingHeaderRefreshKey = workspaceRefreshKeys.billing ?? 0;
   const scrollViewRef = React8.useRef(null);
   const workspaceScrollViewRef = React8.useRef(null);
+  const chatMiddleScrollViewRef = React8.useRef(null);
   const controllerRef = React8.useRef(null);
   const queueRef = React8.useRef([]);
   const completionCycleRef = React8.useRef();
   const previousWorkspaceTabRef = React8.useRef(activeWorkspaceTab);
+  const hydratedThreadRef = React8.useRef();
   const [isLoggingIn, setIsLoggingIn] = useState4(false);
   const [expandedThinkingMessageIds, setExpandedThinkingMessageIds] = useState4(
     () => /* @__PURE__ */ new Set()
@@ -5104,10 +5547,31 @@ var App = ({
   const [searchQuery, setSearchQuery] = useState4("");
   const terminalSize = useTerminalSize();
   const mouseTrackingEnabled = isMouseTrackingEnabled();
-  const checkHealth = useMemo(() => {
-    return async (token) => {
-      try {
-        const headers = {
+  const selectedLocalSession = useMemo(
+    () => localSessions.find((session) => session.threadId === chatState.threadId),
+    [chatState.threadId, localSessions]
+  );
+  const selectedRemoteThread = useMemo(
+    () => remoteThreads.find((thread) => thread.thread_id === chatState.threadId),
+    [chatState.threadId, remoteThreads]
+  );
+  const selectedThreadTitle = useMemo(
+    () => threadPanelTitle({
+      session: selectedLocalSession,
+      remoteThread: selectedRemoteThread,
+      threadId: chatState.threadId,
+      hasMessages: chatState.messages.length > 0
+    }),
+    [chatState.messages.length, chatState.threadId, selectedLocalSession, selectedRemoteThread]
+  );
+  const threadSelectItems = useMemo(
+    () => buildThreadSelectItems(localSessions, chatState.threadId, remoteThreads),
+    [chatState.threadId, localSessions, remoteThreads]
+  );
+  const checkHealth = useMemo(() => {
+    return async (token) => {
+      try {
+        const headers = {
           "X-Client-Type": "cloudeval-cli",
           "X-Client-Version": CLI_VERSION
         };
@@ -5135,9 +5599,211 @@ var App = ({
     () => ({
       projects: projects.length ? projects : selectedProject ? [selectedProject] : [defaultProject],
       models: modelItems,
-      modes: modeItems
+      modes: modeItems,
+      threads: threadSelectItems.map((item) => ({
+        label: item.label,
+        value: item.value.kind === "remote" ? item.value.thread.thread_id : item.value.kind === "session" ? item.value.session.threadId : "new",
+        description: item.description
+      })),
+      profiles: agentProfileItems
     }),
-    [modelItems, projects, selectedProject]
+    [modelItems, projects, selectedProject, threadSelectItems]
+  );
+  const refreshLocalSessions = React8.useCallback(async () => {
+    setLoadingSessions(true);
+    try {
+      setLocalSessions(await listSessions(24, configProfile));
+    } finally {
+      setLoadingSessions(false);
+    }
+  }, [configProfile]);
+  const resolveThreadApiToken = React8.useCallback(async () => {
+    if (accessKey) {
+      return accessKey;
+    }
+    try {
+      const token = await getAuthToken({ baseUrl: apiBase });
+      setAuthToken(token);
+      return token;
+    } catch {
+      return authToken;
+    }
+  }, [accessKey, apiBase, authToken]);
+  const fetchThreadApiJson = React8.useCallback(
+    async (path) => {
+      const token = await resolveThreadApiToken();
+      if (!token) {
+        throw new Error("No authentication token is available.");
+      }
+      const response = await fetch(`${apiBase}${path}`, {
+        headers: getCLIHeaders(token)
+      });
+      if (!response.ok) {
+        const detail = await response.text().catch(() => "");
+        throw new Error(
+          `Thread request failed with status ${response.status} ${response.statusText}${detail ? `: ${detail.slice(0, 240)}` : ""}`
+        );
+      }
+      return response.json();
+    },
+    [apiBase, resolveThreadApiToken]
+  );
+  const refreshRemoteThreads = React8.useCallback(async () => {
+    setLoadingRemoteThreads(true);
+    try {
+      const payload = await fetchThreadApiJson(
+        "/chat/threads?limit=50&offset=0&include_archived=true"
+      );
+      const threads = Array.isArray(payload) ? payload : Array.isArray(payload?.threads) ? payload.threads : Array.isArray(payload?.data) ? payload.data : [];
+      setRemoteThreads(
+        threads.filter(
+          (thread) => Boolean(
+            thread && typeof thread === "object" && typeof thread.thread_id === "string"
+          )
+        )
+      );
+    } finally {
+      setLoadingRemoteThreads(false);
+    }
+  }, [fetchThreadApiJson]);
+  const refreshBillingHeader = React8.useCallback(() => {
+    setWorkspaceRefreshKeys((current) => ({
+      ...current,
+      billing: (current.billing ?? 0) + 1
+    }));
+  }, []);
+  const loadRemoteThreadHistory = React8.useCallback(
+    async (threadId) => {
+      const payload = await fetchThreadApiJson(
+        `/chat/threads/${encodeURIComponent(threadId)}?message_limit=80`
+      );
+      return payload;
+    },
+    [fetchThreadApiJson]
+  );
+  const restoreLocalSession = React8.useCallback(
+    (session, options = {}) => {
+      const messages = localSessionMessagesToChatMessages(session);
+      setChatState((prev) => ({
+        ...initialChatState,
+        status: "idle",
+        debug: prev.debug,
+        threadId: session.threadId,
+        messages
+      }));
+      if (session.model) {
+        setSelectedModel(session.model);
+      }
+      if (session.projectId) {
+        const matchingProject = projects.find((project) => project.id === session.projectId);
+        if (matchingProject) {
+          setSelectedProject(matchingProject);
+        }
+      }
+      setActiveSelector(null);
+      autoExpandedThinkingMessageIdsRef.current.clear();
+      setExpandedThinkingMessageIds(/* @__PURE__ */ new Set());
+      setTimeout(() => scrollViewRef.current?.scrollToBottom(), 0);
+      if (!options.silent) {
+        setNotice(`Loaded thread: ${truncateForTerminal(session.title, 90)}`);
+      }
+    },
+    [projects]
+  );
+  const restoreRemoteThread = React8.useCallback(
+    async (thread, options = {}) => {
+      setNotice(`Loading thread: ${truncateForTerminal(thread.title || thread.thread_id, 90)}`);
+      const history = await loadRemoteThreadHistory(thread.thread_id);
+      const messages = remoteThreadMessagesToChatMessages(history);
+      const threadId = history.thread_id || thread.thread_id;
+      const hydratedSummary = {
+        ...thread,
+        thread_id: threadId,
+        title: history.title || history.thread_head?.title || thread.title,
+        updated_at: history.updated_at || history.thread_head?.updated_at || thread.updated_at,
+        created_at: history.created_at || history.thread_head?.created_at || thread.created_at,
+        message_count: history.message_count ?? history.thread_head?.message_count ?? thread.message_count ?? messages.length,
+        project_id: history.project_id || history.thread_head?.project_id || thread.project_id,
+        project_name: history.project_name || history.thread_head?.project_name || thread.project_name,
+        model: history.model || history.thread_head?.model || thread.model
+      };
+      setRemoteThreads((current) => {
+        const withoutCurrent = current.filter((item) => item.thread_id !== threadId);
+        return [hydratedSummary, ...withoutCurrent];
+      });
+      setChatState((prev) => ({
+        ...initialChatState,
+        status: "idle",
+        debug: prev.debug,
+        threadId,
+        messages
+      }));
+      const nextModel = history.model || history.thread_head?.model || thread.model;
+      if (nextModel) {
+        setSelectedModel(nextModel);
+      }
+      const projectId = history.project_id || history.thread_head?.project_id || thread.project_id;
+      if (projectId) {
+        const matchingProject = projects.find((project) => project.id === projectId);
+        if (matchingProject) {
+          setSelectedProject(matchingProject);
+        }
+      }
+      setActiveSelector(null);
+      autoExpandedThinkingMessageIdsRef.current.clear();
+      setExpandedThinkingMessageIds(/* @__PURE__ */ new Set());
+      setTimeout(() => scrollViewRef.current?.scrollToBottom(), 0);
+      if (!options.silent) {
+        setNotice(
+          `Loaded thread: ${truncateForTerminal(
+            history.title || history.thread_head?.title || thread.title || thread.thread_id,
+            90
+          )}`
+        );
+      }
+    },
+    [loadRemoteThreadHistory, projects]
+  );
+  const startNewThread = React8.useCallback(() => {
+    if (isBusyStatus(chatState.status) || controllerRef.current) {
+      setNotice("Stop the running response before switching threads.");
+      return;
+    }
+    queueRef.current = [];
+    setQueuedMessages([]);
+    setChatState((prev) => ({
+      ...initialChatState,
+      status: "idle",
+      debug: prev.debug,
+      threadId: void 0,
+      messages: []
+    }));
+    hydratedThreadRef.current = void 0;
+    setActiveSelector(null);
+    autoExpandedThinkingMessageIdsRef.current.clear();
+    setExpandedThinkingMessageIds(/* @__PURE__ */ new Set());
+    setNotice("Started a new thread.");
+    setTimeout(() => scrollViewRef.current?.scrollToTop(), 0);
+  }, [chatState.status]);
+  const selectThread = React8.useCallback(
+    (choice) => {
+      if (choice.kind === "new") {
+        startNewThread();
+        return;
+      }
+      if (isBusyStatus(chatState.status) || controllerRef.current) {
+        setNotice("Stop the running response before switching threads.");
+        return;
+      }
+      if (choice.kind === "remote") {
+        void restoreRemoteThread(choice.thread).catch((error) => {
+          setNotice(`Could not load thread: ${error?.message ?? "Unknown error"}`);
+        });
+        return;
+      }
+      restoreLocalSession(choice.session);
+    },
+    [chatState.status, restoreLocalSession, restoreRemoteThread, startNewThread]
   );
   const selectProjectForUser = async (token, user) => {
     setLoadingProjects(true);
@@ -5187,6 +5853,55 @@ var App = ({
     }
     return enableTerminalMouse();
   }, [mouseTrackingEnabled, phase]);
+  useEffect4(() => {
+    if (phase !== "ready") {
+      return;
+    }
+    void refreshLocalSessions().catch((error) => {
+      setNotice(`Local threads unavailable: ${error?.message ?? "Unknown error"}`);
+    });
+    void refreshRemoteThreads().catch((error) => {
+      setNotice(`Cloud threads unavailable: ${error?.message ?? "Unknown error"}`);
+    });
+  }, [phase, refreshLocalSessions, refreshRemoteThreads]);
+  useEffect4(() => {
+    if (phase !== "ready" || !chatState.threadId || chatState.messages.length > 0 || hydratedThreadRef.current === chatState.threadId) {
+      return;
+    }
+    const threadId = chatState.threadId;
+    hydratedThreadRef.current = threadId;
+    void getSession(threadId, configProfile).then((session) => {
+      if (session) {
+        restoreLocalSession(session, { silent: true });
+        return;
+      }
+      return loadRemoteThreadHistory(threadId).then(
+        (history) => restoreRemoteThread(
+          {
+            thread_id: history.thread_id || threadId,
+            title: history.title,
+            updated_at: history.updated_at,
+            created_at: history.created_at,
+            message_count: history.message_count ?? history.messages_page?.length ?? history.thread_messages?.length ?? history.messages?.length ?? 0,
+            project_id: history.project_id,
+            project_name: history.project_name,
+            model: history.model
+          },
+          { silent: true }
+        )
+      );
+    }).catch((error) => {
+      setNotice(`Could not load thread history: ${error?.message ?? "Unknown error"}`);
+    });
+  }, [
+    chatState.messages.length,
+    chatState.threadId,
+    configProfile,
+    loadRemoteThreadHistory,
+    phase,
+    restoreLocalSession,
+    restoreRemoteThread
+  ]);
   useEffect4(() => {
     if (phase !== "ready") {
       return;
@@ -5204,11 +5919,21 @@ var App = ({
       return;
     }
     setBillingHeaderError(void 0);
-    getBillingEntitlement({ baseUrl: apiBase, authToken }).then((entitlement) => {
+    const usageRange = thirtyDayUsageRange();
+    Promise.all([
+      getBillingEntitlement({ baseUrl: apiBase, authToken }),
+      getBillingUsageSummary({
+        baseUrl: apiBase,
+        authToken,
+        startAt: usageRange.startAt,
+        endAt: usageRange.endAt,
+        granularity: "day"
+      }).catch(() => null)
+    ]).then(([entitlement, usageSummary]) => {
       if (cancelled) {
         return;
       }
-      setBillingHeader(billingHeaderFromEntitlement(entitlement));
+      setBillingHeader(billingHeaderFromEntitlement(entitlement, usageSummary));
     }).catch((error) => {
       if (cancelled) {
         return;
@@ -5239,7 +5964,7 @@ var App = ({
             setIsLoggingIn(true);
             setLoaderStep(1);
             try {
-              const { login } = await import("./dist-I4IPYCRC.js");
+              const { login } = await import("./dist-TBAQ5KOK.js");
               const newToken = await login(baseUrl, {
                 headless: Boolean(process.env.SSH_TTY || process.env.CI)
               });
@@ -5435,7 +6160,8 @@ var App = ({
           getSubscriptionBillingInfo,
           getTopUpPacks,
           getBillingNotifications,
-          getCreditStatus
+          getCreditStatus,
+          getBillingUsageCreditsUsed
         }
       });
       if (!cancelled) {
@@ -5528,7 +6254,7 @@ var App = ({
   };
   const appendUserMessage = (content, options) => {
     const message = {
-      id: options?.id ?? randomUUID(),
+      id: options?.id ?? randomUUID2(),
       role: "user",
       content,
       queued: options?.queued,
@@ -5629,7 +6355,7 @@ var App = ({
   const enqueueMessage = (text) => {
     const trimmed = text.trim();
     if (!trimmed) return;
-    const queued = { id: randomUUID(), text: trimmed };
+    const queued = { id: randomUUID2(), text: trimmed };
     queueRef.current.push(queued);
     syncQueueState();
     appendUserMessage(trimmed, { id: queued.id, queued: true });
@@ -5737,6 +6463,15 @@ var App = ({
       hasActiveResponse ? "Response canceled. Esc or /stop cancels running chat." : "No running response to cancel."
     );
   };
+  const selectAgentProfileById = (profileId, label) => {
+    setSelectedAgentProfileId(profileId);
+    if (profileId) {
+      setSelectedMode("agent");
+      setNotice(`Profile selected: ${label}. Mode set to Agent.`);
+      return;
+    }
+    setNotice("Agent Profile cleared. Default chat flow active.");
+  };
   const handlePromptSubmit = (value) => {
     const cleanedValue = sanitizeTerminalMultilineInput(value);
     const promptCommand = resolvePromptCommand(cleanedValue, promptCompletionContext);
@@ -5751,13 +6486,43 @@ var App = ({
           setSelectedProject(promptCommand.project);
           setNotice(`Project selected: ${promptCommand.project.name}`);
           return;
+        case "setThread": {
+          if (promptCommand.threadId === "new") {
+            startNewThread();
+            return;
+          }
+          const remoteThread = remoteThreads.find(
+            (candidate) => candidate.thread_id === promptCommand.threadId
+          );
+          if (remoteThread) {
+            selectThread({ kind: "remote", thread: remoteThread });
+            return;
+          }
+          const session = localSessions.find(
+            (candidate) => candidate.threadId === promptCommand.threadId
+          );
+          if (!session) {
+            setNotice(`Thread not loaded: ${promptCommand.label}`);
+            return;
+          }
+          selectThread({ kind: "session", session });
+          return;
+        }
         case "setModel":
           setSelectedModel(promptCommand.model);
           setNotice(`Model selected: ${promptCommand.label}`);
           return;
         case "setMode":
           setSelectedMode(promptCommand.mode);
-          setNotice(`Mode selected: ${promptCommand.label}`);
+          if (promptCommand.mode === "ask") {
+            setSelectedAgentProfileId("");
+          }
+          setNotice(
+            promptCommand.mode === "ask" ? "Mode selected: Ask. Agent Profile cleared." : `Mode selected: ${promptCommand.label}`
+          );
+          return;
+        case "setProfile":
+          selectAgentProfileById(promptCommand.profileId, promptCommand.label);
           return;
         case "toggleThinking":
           toggleLatestThinking();
@@ -5772,6 +6537,12 @@ var App = ({
           setActiveWorkspaceTab("help");
           setNotice(void 0);
           return;
+        case "showStarters":
+          setStarterSelectionsOpen(true);
+          setPromptInputActive(true);
+          setFocusedControl("followup:0");
+          setNotice("Starter selections shown. Use Tab/Enter or click a starter.");
+          return;
         case "unknown":
           setNotice(promptCommand.message);
           return;
@@ -5797,6 +6568,10 @@ var App = ({
   const handlePromptChange = (value) => {
     const cleanedValue = sanitizeTerminalMultilineInput(value);
     completionCycleRef.current = void 0;
+    setPromptInputActive(true);
+    if (!isStarterSlashCommandInput(cleanedValue)) {
+      setStarterSelectionsOpen(false);
+    }
     setPromptInputScrollOffset(
       getInputViewport({
         value: cleanedValue,
@@ -5833,15 +6608,15 @@ var App = ({
         return;
       }
     }
-    const threadId = chatState.threadId ?? randomUUID();
+    const threadId = chatState.threadId ?? randomUUID2();
     const now = Date.now();
     const userMessage = options.hitlResume || options.queuedMessageId ? void 0 : {
-      id: randomUUID(),
+      id: randomUUID2(),
       role: "user",
       content: trimmed,
       createdAt: now
     };
-    setChatState((prev) => ({
+    const prepareConnectingState = (prev) => ({
       ...prev,
       threadId,
       status: "connecting",
@@ -5861,7 +6636,12 @@ var App = ({
           updatedAt: now
         } : m.role === "assistant" && m.pending && !options.hitlResume ? { ...m, pending: false, updatedAt: now } : m
       ).concat(userMessage ? [userMessage] : [])
-    }));
+    });
+    let latestChatState = prepareConnectingState(chatState);
+    setChatState((prev) => {
+      latestChatState = prepareConnectingState(prev);
+      return latestChatState;
+    });
     const ctrl = new AbortController();
     controllerRef.current = ctrl;
     let shouldDrainQueue = false;
@@ -5870,6 +6650,8 @@ var App = ({
       let rafId = null;
       let lastUpdateTime = Date.now();
       let sawHitlRequest = false;
+      let streamToken = token;
+      let retriedAfterAuthRefresh = false;
       const flushChunks = (immediate = false) => {
         if (pendingChunks.length === 0) {
           rafId = null;
@@ -5879,6 +6661,9 @@ var App = ({
         pendingChunks = [];
         rafId = null;
         lastUpdateTime = Date.now();
+        for (const chunk of chunksToProcess) {
+          latestChatState = reduceChunk(latestChatState, chunk);
+        }
         const applyChunks = () => {
           setChatState((prev) => {
             let state = prev;
@@ -5904,39 +6689,59 @@ var App = ({
           rafId = setTimeout(flushChunks, minInterval - timeSinceLastUpdate);
         }
       };
-      for await (const chunk of streamChat({
-        baseUrl,
-        authToken: token,
-        message: options.hitlResume ? "" : trimmed,
-        threadId,
-        user: {
-          id: selectedProject?.user_id ?? currentUserId ?? defaultUser.id,
-          name: userName
-        },
-        project: selectedProject ?? (currentUserId ? { ...defaultProject, user_id: currentUserId } : defaultProject),
-        settings: {
-          ...selectedModel ? { model: selectedModel } : {},
-          mode: selectedMode
-        },
-        streamingMode: debug ? "DEBUG" : "USER",
-        signal: ctrl.signal,
-        debug,
-        hitlResume: options.hitlResume,
-        completeAfterResponse: true,
-        responseCompletionGraceMs: 5e3
-      })) {
-        if (chunk.type === "hitl_request") {
-          sawHitlRequest = true;
-          pendingChunks.push(chunk);
-          if (rafId !== null) {
-            clearTimeout(rafId);
-            rafId = null;
+      while (true) {
+        try {
+          for await (const chunk of streamChat({
+            baseUrl,
+            authToken: streamToken,
+            message: options.hitlResume ? "" : trimmed,
+            threadId,
+            user: {
+              id: selectedProject?.user_id ?? currentUserId ?? defaultUser.id,
+              name: userName
+            },
+            project: selectedProject ?? (currentUserId ? { ...defaultProject, user_id: currentUserId } : defaultProject),
+            settings: {
+              ...selectedModel ? { model: selectedModel } : {},
+              mode: selectedMode
+            },
+            agentProfileId: selectedAgentProfileId || void 0,
+            streamingMode: debug ? "DEBUG" : "USER",
+            signal: ctrl.signal,
+            debug,
+            hitlResume: options.hitlResume,
+            completeAfterResponse: true,
+            responseCompletionGraceMs: 5e3
+          })) {
+            if (chunk.type === "hitl_request") {
+              sawHitlRequest = true;
+              pendingChunks.push(chunk);
+              if (rafId !== null) {
+                clearTimeout(rafId);
+                rafId = null;
+              }
+              flushChunks(true);
+              break;
+            }
+            pendingChunks.push(chunk);
+            scheduleFlush();
           }
-          flushChunks(true);
           break;
+        } catch (error) {
+          if (!accessKey && !retriedAfterAuthRefresh && isExpiredDeviceTokenStreamError(error)) {
+            retriedAfterAuthRefresh = true;
+            if (rafId !== null) {
+              clearTimeout(rafId);
+              rafId = null;
+            }
+            pendingChunks = [];
+            streamToken = await getAuthToken({ baseUrl, forceRefresh: true });
+            setAuthToken(streamToken);
+            setNotice("Session refreshed. Retrying your request...");
+            continue;
+          }
+          throw error;
         }
-        pendingChunks.push(chunk);
-        scheduleFlush();
       }
       if (rafId !== null) {
         clearTimeout(rafId);
@@ -5946,7 +6751,26 @@ var App = ({
         setNotice(`Action required. Answer in CLI or open frontend: ${frontendThreadUrl}`);
       } else {
         shouldDrainQueue = true;
+        latestChatState = completeActiveAssistantMessage(latestChatState);
         setChatState((prev) => completeActiveAssistantMessage(prev));
+        const finalMessage = [...latestChatState.messages].reverse().find((message) => message.role === "assistant");
+        const finalResponse = collapseRepeatedAssistantText(finalMessage?.content ?? "");
+        if (trimmed && finalResponse.trim()) {
+          try {
+            await recordSessionTurn({
+              threadId,
+              question: trimmed,
+              response: finalResponse,
+              project: selectedProject ? { id: selectedProject.id, name: selectedProject.name } : void 0,
+              model: selectedModel,
+              profile: configProfile
+            });
+            void refreshLocalSessions().catch(() => void 0);
+            void refreshRemoteThreads().catch(() => void 0);
+          } catch (error) {
+            setNotice(`Response complete. Local thread history was not saved: ${error?.message ?? "Unknown error"}`);
+          }
+        }
       }
     } catch (error) {
       const isAbort = ctrl.signal.aborted || error?.name === "AbortError" || error?.message === "This operation was aborted";
@@ -5977,6 +6801,7 @@ var App = ({
       if (controllerRef.current === ctrl) {
         controllerRef.current = null;
       }
+      refreshBillingHeader();
       if (shouldDrainQueue && queueRef.current.length > 0) {
         setTimeout(dequeueAndSend, 0);
       }
@@ -5992,12 +6817,14 @@ var App = ({
   const hasThinkingSteps = Boolean(latestThinkingMessage);
   const hasCancellableReasoning = hasCancellableAssistantWork(chatState.messages);
   const latestFollowUps = latestAssistant?.followUpQuestions?.filter(Boolean) ?? [];
+  const starterSlashCommandActive = isStarterSlashCommandInput(input);
   const promptSuggestions = getPromptSuggestions({
     latestFollowUps,
     messages: chatState.messages,
     mode: selectedMode,
     project: selectedProject,
-    limit: terminalSize.columns < 110 ? 3 : 4
+    limit: terminalSize.columns < 110 ? 3 : 4,
+    showStarters: starterSelectionsOpen || starterSlashCommandActive
   });
   const visiblePromptSuggestions = promptSuggestions.prompts.slice(
     0,
@@ -6032,7 +6859,9 @@ var App = ({
     visiblePromptSuggestions.length
   );
   const splitChatLayout = shouldUseSplitChatLayout(terminalSize);
+  const promptControlsCompact = terminalSize.columns < 96;
   const focusedFollowUpIndex = focusFollowUpIndex(focusedControl);
+  const activeChatPanel = chatPanelFocusForControl(focusedControl);
   const controlFocusOrder = buildControlFocusOrder({
     hasThinkingSteps,
     followUpCount: visiblePromptSuggestions.length
@@ -6072,16 +6901,9 @@ var App = ({
     24,
     splitChatLayout ? (chatThreadPanelWidth ?? chatAvailableWidth) - 8 : chatAvailableWidth - 8
   );
-  const chatThreadHeight = Math.max(1, tuiLayout.threadHeight - bottomControlsRows);
   const activeWorkspacePanelState = workspacePanelStore[activeWorkspaceTab] ?? createWorkspacePanelState(activeWorkspaceTab, "loading");
   const activeTablePage = tablePageByTab[activeWorkspaceTab] ?? 0;
   const bannerRenderedRows = bannerDisabled ? 0 : estimateBannerRows({ detailsCount: headerDetails.length, columns: bannerContentColumns });
-  const workspaceHeaderRows = bannerRenderedRows + 3 + (notice ? 1 : 0);
-  const workspaceFooterRows = bottomControlsRows + 1 + (activeSelector === "project" ? tuiLayout.selectorLimit + 4 : 0);
-  const workspacePanelViewportRows = Math.max(
-    3,
-    terminalSize.rows - workspaceHeaderRows - workspaceFooterRows
-  );
   const workspaceContentWidth = Math.max(24, terminalSize.columns - tuiLayout.paddingX * 2 - 3);
   const workspaceTabStartRow = useMemo(() => {
     const rootContentStartRow = 1;
@@ -6107,10 +6929,55 @@ var App = ({
     }),
     [terminalSize.columns, tuiLayout.paddingX, workspaceTabStartRow]
   );
+  const workspaceTabButtonRows = useMemo(() => {
+    if (!workspaceTabHitAreas.length) {
+      return 0;
+    }
+    const firstRow = Math.min(...workspaceTabHitAreas.map((area) => area.startRow));
+    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 promptPanelRows = estimatePromptPanelRows({
+    inputRows: promptInputRows,
+    suggestionRows: promptSuggestionRows,
+    compact: promptControlsCompact,
+    hasThinkingSteps,
+    includeControls: !splitChatLayout
+  });
+  const searchPromptPanelRows = estimatePromptPanelRows({
+    inputRows: promptInputRows,
+    suggestionRows: 0,
+    compact: promptControlsCompact,
+    hasThinkingSteps: false,
+    includeControls: false
+  });
+  const workspaceHeaderRows = bannerRenderedRows + workspaceTabBarRows + 2 + (notice ? 1 : 0);
+  const workspaceFooterRows = bottomControlsRows + (activeSelector === "project" ? tuiLayout.selectorLimit + 4 : 0);
+  const workspacePanelViewportRows = getMiddleViewportRows(terminalSize, {
+    headerRows: workspaceHeaderRows,
+    footerRows: workspaceFooterRows
+  });
+  const workspacePanelBodyRows = getFramedBodyRows(workspacePanelViewportRows);
+  const workspacePanelOverflowing = workspaceContentHeight > workspaceViewportHeight;
+  const workspacePanelBodyWidth = Math.max(
+    24,
+    workspaceContentWidth - (workspacePanelOverflowing ? 7 : 5)
+  );
+  const chatHeaderRows = bannerRenderedRows + workspaceTabBarRows + 2;
+  const chatFooterRows = bottomControlsRows + (isSearching ? searchPromptPanelRows : activeSelector ? 0 : promptPanelRows);
+  const chatMiddleViewportRows = getMiddleViewportRows(terminalSize, {
+    headerRows: chatHeaderRows,
+    footerRows: chatFooterRows
+  });
+  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 chatMainPanelRows = Math.max(4, chatMiddleViewportRows - chatMiddleAuxiliaryRows);
+  const chatThreadHeight = getFramedBodyRows(chatMainPanelRows);
+  const chatMiddleOverflowing = chatMiddleContentHeight > chatMiddleViewportHeight;
   const selectorControlStartRow = useMemo(
     () => {
       if (!splitChatLayout) {
-        return Math.max(1, terminalSize.rows - (tuiLayout.compact ? 7 : 5));
+        return Math.max(1, terminalSize.rows - (promptControlsCompact ? 7 : 5));
       }
       const auxiliaryRows = (isSearching ? 3 : 0) + (queuedMessages.length > 0 ? 4 : 0) + (notice ? 1 : 0) + (errorText ? 5 : 0);
       return workspaceTabStartRow + 9 + auxiliaryRows;
@@ -6122,13 +6989,13 @@ var App = ({
       queuedMessages.length,
       splitChatLayout,
       terminalSize.rows,
-      tuiLayout.compact,
+      promptControlsCompact,
       workspaceTabStartRow
     ]
   );
   const selectorControlHitAreas = useMemo(
     () => getSelectorControlHitAreas({
-      compact: tuiLayout.compact || splitChatLayout,
+      compact: promptControlsCompact || splitChatLayout,
       hasThinkingSteps,
       startColumn: tuiLayout.paddingX + 1,
       startRow: selectorControlStartRow,
@@ -6140,7 +7007,7 @@ var App = ({
       selectorControlStartRow,
       splitChatLayout,
       terminalSize.columns,
-      tuiLayout.compact,
+      promptControlsCompact,
       tuiLayout.paddingX
     ]
   );
@@ -6150,7 +7017,7 @@ var App = ({
       terminalSize.rows - estimatePromptPanelRows({
         inputRows: promptInputRows,
         suggestionRows: promptSuggestionRows,
-        compact: tuiLayout.compact,
+        compact: promptControlsCompact,
         hasThinkingSteps,
         includeControls: !splitChatLayout
       }) + 1
@@ -6160,7 +7027,7 @@ var App = ({
       promptInputRows,
       promptSuggestionRows,
       terminalSize.rows,
-      tuiLayout.compact,
+      promptControlsCompact,
       splitChatLayout
     ]
   );
@@ -6174,12 +7041,15 @@ var App = ({
       previousWorkspaceTabRef.current = activeWorkspaceTab;
       setScrollOffset(0);
       setContentHeight(0);
+      setChatMiddleScrollOffset(0);
+      setChatMiddleContentHeight(0);
       setWorkspaceScrollOffset(0);
       setWorkspaceContentHeight(0);
     }
     if (activeWorkspaceTab !== "chat") {
       setTimeout(() => workspaceScrollViewRef.current?.scrollToTop(), 0);
     } else {
+      setTimeout(() => chatMiddleScrollViewRef.current?.scrollToTop(), 0);
       setTimeout(() => scrollViewRef.current?.scrollToTop(), 0);
     }
   }, [activeWorkspaceTab]);
@@ -6189,6 +7059,7 @@ var App = ({
       return;
     }
     setInput("");
+    setStarterSelectionsOpen(false);
     completionCycleRef.current = void 0;
     const noticePrefix = promptSuggestions.kind === "starter" ? "Starter" : "Follow-up";
     setNotice(`${noticePrefix} queued: ${truncateForTerminal(oneLine(question), 90)}`);
@@ -6207,6 +7078,10 @@ var App = ({
       toggleLatestThinking();
       return;
     }
+    if (focusedControl === "threadPanel") {
+      setNotice("Thread selected. Use arrows, Page Up/Down, or mouse wheel to scroll.");
+      return;
+    }
     const followUpIndex = focusFollowUpIndex(focusedControl);
     if (followUpIndex !== void 0) {
       submitFollowUp(followUpIndex);
@@ -6244,6 +7119,11 @@ var App = ({
         setNotice(void 0);
         return;
       }
+      if (splitChatLayout && mouseEvent.y >= selectorControlStartRow && mouseEvent.y < promptPanelStartRow && mouseEvent.x >= tuiLayout.paddingX + chatContextPanelWidth + chatSplitGap) {
+        setFocusedControl("threadPanel");
+        setNotice(void 0);
+        return;
+      }
     }
     if (mouseEvent.released) {
       return;
@@ -6251,7 +7131,7 @@ var App = ({
     if (!visiblePromptSuggestions.length) {
       return;
     }
-    const promptAreaTop = Math.max(1, terminalSize.rows - (visiblePromptSuggestions.length ? 8 : 5));
+    const promptAreaTop = promptPanelStartRow;
     if (mouseEvent.y < promptAreaTop) {
       return;
     }
@@ -6296,7 +7176,11 @@ var App = ({
             );
           } else if (activeWorkspaceTab !== "chat") {
             workspaceScrollViewRef.current?.scrollBy(mouseWheelDelta);
+          } else if (chatMiddleOverflowing) {
+            setFocusedControl("threadPanel");
+            chatMiddleScrollViewRef.current?.scrollBy(mouseWheelDelta);
           } else {
+            setFocusedControl("threadPanel");
             scrollViewRef.current?.scrollBy(mouseWheelDelta);
           }
         } else {
@@ -6309,7 +7193,7 @@ var App = ({
         return;
       }
       const lowerInput = inputKey.toLowerCase();
-      if (phase === "ready" && !input.trim()) {
+      if (phase === "ready" && (!input.trim() || !promptInputActive)) {
         const shortcutTab = workspaceTabFromShortcut(inputKey);
         if (shortcutTab) {
           setActiveWorkspaceTab(shortcutTab);
@@ -6441,7 +7325,7 @@ var App = ({
         }
         return;
       }
-      if ((key.tab || inputKey === "	") && input.trimStart().startsWith("/")) {
+      if (promptInputActive && (key.tab || inputKey === "	") && input.trimStart().startsWith("/")) {
         const completion = completePromptInput(
           input,
           promptCompletionContext,
@@ -6468,7 +7352,7 @@ var App = ({
         }
         return;
       }
-      if (key.rightArrow && !key.ctrl && !key.meta && promptGhostSuffix) {
+      if (promptInputActive && key.rightArrow && !key.ctrl && !key.meta && promptGhostSuffix) {
         const nextValue = `${input}${promptGhostSuffix}`;
         setInput(nextValue);
         setPromptInputScrollOffset(
@@ -6515,7 +7399,7 @@ var App = ({
           return;
         }
       }
-      if (phase === "ready" && !input.trim()) {
+      if (phase === "ready" && (!input.trim() || !promptInputActive)) {
         if (key.tab || inputKey === "	") {
           setFocusedControl((current) => nextControlFocus(current, controlFocusOrder));
           return;
@@ -6528,6 +7412,30 @@ var App = ({
           setFocusedControl((current) => nextControlFocus(current, controlFocusOrder));
           return;
         }
+        if (key.upArrow && !key.ctrl && !key.meta && !key.shift) {
+          if (focusedControl === "threadPanel") {
+            if (chatMiddleOverflowing) {
+              chatMiddleScrollViewRef.current?.scrollBy(-1);
+            } else {
+              scrollViewRef.current?.scrollBy(-1);
+            }
+          } else {
+            setFocusedControl((current) => nextControlFocus(current, controlFocusOrder, -1));
+          }
+          return;
+        }
+        if (key.downArrow && !key.ctrl && !key.meta && !key.shift) {
+          if (focusedControl === "threadPanel") {
+            if (chatMiddleOverflowing) {
+              chatMiddleScrollViewRef.current?.scrollBy(1);
+            } else {
+              scrollViewRef.current?.scrollBy(1);
+            }
+          } else {
+            setFocusedControl((current) => nextControlFocus(current, controlFocusOrder));
+          }
+          return;
+        }
         if (key.return && !key.meta && !key.ctrl) {
           handleFocusedControlEnter();
           return;
@@ -6535,38 +7443,86 @@ var App = ({
       }
       if (phase === "ready") {
         if (key.ctrl && key.upArrow) {
-          scrollViewRef.current?.scrollBy(-1);
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(-1);
+          } else {
+            scrollViewRef.current?.scrollBy(-1);
+          }
           return;
         }
         if (key.ctrl && key.downArrow) {
-          scrollViewRef.current?.scrollBy(1);
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(1);
+          } else {
+            scrollViewRef.current?.scrollBy(1);
+          }
           return;
         }
-        if (!input.trim() && key.upArrow && !key.ctrl && !key.meta && !key.shift) {
-          scrollViewRef.current?.scrollBy(-1);
+        if ((!input.trim() || !promptInputActive) && key.upArrow && !key.ctrl && !key.meta && !key.shift) {
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(-1);
+          } else {
+            scrollViewRef.current?.scrollBy(-1);
+          }
           return;
         }
-        if (!input.trim() && key.downArrow && !key.ctrl && !key.meta && !key.shift) {
-          scrollViewRef.current?.scrollBy(1);
+        if ((!input.trim() || !promptInputActive) && key.downArrow && !key.ctrl && !key.meta && !key.shift) {
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(1);
+          } else {
+            scrollViewRef.current?.scrollBy(1);
+          }
           return;
         }
         if (key.pageUp && !key.ctrl && !key.meta) {
-          scrollViewRef.current?.scrollBy(-Math.max(1, Math.floor(viewportHeight * 0.8)));
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(
+              -Math.max(1, Math.floor(chatMiddleViewportHeight * 0.8))
+            );
+          } else {
+            scrollViewRef.current?.scrollBy(-Math.max(1, Math.floor(viewportHeight * 0.8)));
+          }
           return;
         }
         if (key.pageDown && !key.ctrl && !key.meta) {
-          scrollViewRef.current?.scrollBy(Math.max(1, Math.floor(viewportHeight * 0.8)));
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollBy(
+              Math.max(1, Math.floor(chatMiddleViewportHeight * 0.8))
+            );
+          } else {
+            scrollViewRef.current?.scrollBy(Math.max(1, Math.floor(viewportHeight * 0.8)));
+          }
           return;
         }
         if (key.ctrl && inputKey.toLowerCase() === "h" && inputKey.toLowerCase() !== "l") {
-          scrollViewRef.current?.scrollToTop();
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollToTop();
+          } else {
+            scrollViewRef.current?.scrollToTop();
+          }
           return;
         }
         if (key.ctrl && inputKey.toLowerCase() === "e") {
-          scrollViewRef.current?.scrollToBottom();
+          setFocusedControl("threadPanel");
+          if (chatMiddleOverflowing) {
+            chatMiddleScrollViewRef.current?.scrollToBottom();
+          } else {
+            scrollViewRef.current?.scrollToBottom();
+          }
           return;
         }
       }
+      if (phase === "ready" && activeWorkspaceTab === "chat" && !promptInputActive && !activeSelector && !isSearching && isPromptTextInput(inputKey, key)) {
+        handlePromptChange(`${input}${inputKey}`);
+        return;
+      }
       if (key.escape && (controllerRef.current || isBusyStatus(chatState.status) || hasCancellableAssistantWork(chatState.messages))) {
         stopActiveChat();
       }
@@ -6588,7 +7544,7 @@ var App = ({
     { isActive: phase === "ready" }
   );
   if (phase === "boot") {
-    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, children: [
+    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, height: terminalSize.rows, children: [
       /* @__PURE__ */ jsx10(Banner, { disable: bannerDisabled, details: headerDetails, terminalColumns: bannerContentColumns }),
       isLoggingIn ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 1, padding: 1, children: [
         /* @__PURE__ */ jsx10(Text10, { color: terminalTheme.brand, bold: true, children: "Signing in..." }),
@@ -6617,7 +7573,7 @@ var App = ({
     );
   }
   if (phase === "error") {
-    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", padding: 1, children: [
+    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: [
@@ -6645,11 +7601,12 @@ var App = ({
   const threadPanel = /* @__PURE__ */ jsx10(
     TitledBox,
     {
-      title: "Thread",
+      title: selectedThreadTitle,
       borderStyle: "round",
-      borderColor: terminalTheme.muted,
+      borderColor: activeChatPanel === "thread" ? terminalTheme.focus : terminalTheme.muted,
       padding: 1,
       width: chatThreadPanelWidth,
+      height: chatMainPanelRows,
       children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", children: [
         /* @__PURE__ */ jsx10(Box9, { flexShrink: 1, width: threadContentWidth, children: /* @__PURE__ */ jsx10(
           ScrollView,
@@ -6702,13 +7659,15 @@ var App = ({
     PromptControlBar,
     {
       focused: focusedControl,
+      selectedThreadTitle,
       selectedProject,
       selectedModel,
       selectedMode,
+      selectedAgentProfileLabel,
       hasThinkingSteps,
       thinkingExpanded,
       thinkingSummary,
-      compact: tuiLayout.compact,
+      compact: promptControlsCompact,
       terminalColumns: terminalSize.columns,
       statusText: chatStatusText,
       statusColor: chatStatusColor,
@@ -6721,7 +7680,7 @@ var App = ({
       label: `${p.name} (${p.cloud_provider ?? "cloud"})${p.name === "Playground" ? " [Playground]" : ""}`,
       value: p
     }));
-    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, children: [
+    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:" }),
       loadingProjects ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", gap: 1, children: [
@@ -6743,7 +7702,7 @@ var App = ({
     ] });
   }
   if (activeWorkspaceTab !== "chat") {
-    return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, children: [
+    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(
         WorkspaceTabBar,
@@ -6755,43 +7714,56 @@ var App = ({
       ),
       /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions[activeWorkspaceTab] }),
       notice ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: notice }) : null,
-      /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx10(Box9, { flexShrink: 1, width: workspaceContentWidth, children: /* @__PURE__ */ jsx10(
-          ScrollView,
-          {
-            ref: workspaceScrollViewRef,
-            height: workspacePanelViewportRows,
-            onScroll: (offset) => setWorkspaceScrollOffset(offset),
-            onContentHeightChange: (height) => setWorkspaceContentHeight(height),
-            onViewportSizeChange: (size) => setWorkspaceViewportHeight(size.height),
-            children: /* @__PURE__ */ jsx10(
-              WorkspacePanel,
+      /* @__PURE__ */ jsx10(
+        TitledBox,
+        {
+          title: workspaceTabLabels[activeWorkspaceTab],
+          borderStyle: "round",
+          borderColor: terminalTheme.muted,
+          padding: 1,
+          marginTop: 1,
+          height: workspacePanelViewportRows,
+          width: workspaceContentWidth,
+          children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", children: [
+            /* @__PURE__ */ jsx10(Box9, { flexShrink: 1, width: workspacePanelBodyWidth, children: /* @__PURE__ */ jsx10(
+              ScrollView,
               {
-                tab: activeWorkspaceTab,
-                state: activeWorkspacePanelState,
-                projects,
-                selectedProject,
-                currentUserId,
-                selectedModel,
-                selectedMode,
-                apiBase,
-                frontendUrl: workspaceFrontendUrl,
-                terminalColumns: workspaceContentWidth,
-                tablePage: activeTablePage,
-                animate: animationsEnabled
+                ref: workspaceScrollViewRef,
+                height: workspacePanelBodyRows,
+                onScroll: (offset) => setWorkspaceScrollOffset(offset),
+                onContentHeightChange: (height) => setWorkspaceContentHeight(height),
+                onViewportSizeChange: (size) => setWorkspaceViewportHeight(size.height),
+                children: /* @__PURE__ */ jsx10(
+                  WorkspacePanel,
+                  {
+                    tab: activeWorkspaceTab,
+                    state: activeWorkspacePanelState,
+                    projects,
+                    selectedProject,
+                    currentUserId,
+                    selectedModel,
+                    selectedMode,
+                    apiBase,
+                    frontendUrl: workspaceFrontendUrl,
+                    terminalColumns: workspacePanelBodyWidth,
+                    tablePage: activeTablePage,
+                    animate: animationsEnabled,
+                    framed: false
+                  }
+                )
               }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsx10(
-          Scrollbar2,
-          {
-            scrollOffset: workspaceScrollOffset,
-            contentHeight: workspaceContentHeight,
-            viewportHeight: workspaceViewportHeight
-          }
-        )
-      ] }),
+            ) }),
+            workspacePanelOverflowing ? /* @__PURE__ */ jsx10(
+              Scrollbar2,
+              {
+                scrollOffset: workspaceScrollOffset,
+                contentHeight: workspaceContentHeight,
+                viewportHeight: workspaceViewportHeight
+              }
+            ) : null
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx10(BottomControls, { tab: activeWorkspaceTab }),
       activeSelector === "project" ? /* @__PURE__ */ jsx10(
         SelectPanel,
@@ -6819,7 +7791,7 @@ var App = ({
       ) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: tuiLayout.paddingX, paddingY: 0, gap: 0, children: [
+  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(
       WorkspaceTabBar,
@@ -6829,150 +7801,224 @@ var App = ({
         billingSummary: bannerDisabled ? billingHeader : void 0
       }
     ),
-    isSearching ? /* @__PURE__ */ jsx10(
-      TitledBox,
-      {
-        title: "Search",
-        borderStyle: "double",
-        borderColor: terminalTheme.warning,
-        padding: 0,
-        paddingX: 1,
-        children: /* @__PURE__ */ jsxs8(Text10, { children: [
-          "Found: ",
-          displayedMessages.length,
-          " matches"
-        ] })
-      }
-    ) : null,
-    queuedMessages.length > 0 ? /* @__PURE__ */ jsx10(
-      QueuePanel,
-      {
-        messages: queuedMessages,
-        compact: tuiLayout.compact,
-        terminalColumns: terminalSize.columns
-      }
-    ) : null,
-    notice ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: notice }) : null,
-    errorText ? /* @__PURE__ */ jsxs8(
-      TitledBox,
-      {
-        title: "Error Details",
-        borderStyle: "round",
-        borderColor: terminalTheme.danger,
-        padding: 0,
-        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
-        ]
-      }
-    ) : null,
-    splitChatLayout ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", columnGap: chatSplitGap, children: [
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: workspaceTabDescriptions.chat }),
+    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", marginTop: 1, children: [
       /* @__PURE__ */ jsx10(
-        ChatContextPanel,
+        Box9,
         {
-          width: chatContextPanelWidth,
-          focused: focusedControl,
-          selectedProject,
-          selectedModel,
-          selectedMode,
-          hasThinkingSteps,
-          thinkingExpanded,
-          thinkingSummary,
-          statusText: chatStatusText,
-          statusColor: chatStatusColor,
-          busy: chatBusy,
-          animate: animationsEnabled,
-          threadId: chatState.threadId
+          flexShrink: 1,
+          width: Math.max(24, chatAvailableWidth - (chatMiddleOverflowing ? 2 : 0)),
+          children: /* @__PURE__ */ jsx10(
+            ScrollView,
+            {
+              ref: chatMiddleScrollViewRef,
+              height: chatMiddleViewportRows,
+              onScroll: (offset) => setChatMiddleScrollOffset(offset),
+              onContentHeightChange: (height) => setChatMiddleContentHeight(height),
+              onViewportSizeChange: (size) => setChatMiddleViewportHeight(size.height),
+              children: /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
+                isSearching ? /* @__PURE__ */ jsx10(
+                  TitledBox,
+                  {
+                    title: "Search",
+                    borderStyle: "double",
+                    borderColor: terminalTheme.warning,
+                    padding: 0,
+                    paddingX: 1,
+                    children: /* @__PURE__ */ jsxs8(Text10, { children: [
+                      "Found: ",
+                      displayedMessages.length,
+                      " matches"
+                    ] })
+                  }
+                ) : null,
+                queuedMessages.length > 0 ? /* @__PURE__ */ jsx10(
+                  QueuePanel,
+                  {
+                    messages: queuedMessages,
+                    compact: tuiLayout.compact,
+                    terminalColumns: terminalSize.columns
+                  }
+                ) : null,
+                notice ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, wrap: "wrap", children: notice }) : null,
+                errorText ? /* @__PURE__ */ jsxs8(
+                  TitledBox,
+                  {
+                    title: "Error Details",
+                    borderStyle: "round",
+                    borderColor: terminalTheme.danger,
+                    padding: 0,
+                    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
+                    ]
+                  }
+                ) : null,
+                splitChatLayout ? /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", columnGap: chatSplitGap, children: [
+                  /* @__PURE__ */ jsx10(
+                    ChatContextPanel,
+                    {
+                      width: chatContextPanelWidth,
+                      height: chatMainPanelRows,
+                      active: activeChatPanel === "settings",
+                      focused: focusedControl,
+                      selectedThreadTitle,
+                      selectedProject,
+                      selectedModel,
+                      selectedMode,
+                      selectedAgentProfileLabel,
+                      hasThinkingSteps,
+                      thinkingExpanded,
+                      thinkingSummary,
+                      statusText: chatStatusText,
+                      statusColor: chatStatusColor,
+                      busy: chatBusy,
+                      animate: animationsEnabled
+                    }
+                  ),
+                  threadPanel
+                ] }) : threadPanel,
+                chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? /* @__PURE__ */ jsx10(
+                  HitlPanel,
+                  {
+                    hitl: chatState.hitl,
+                    questionIndex: hitlQuestionIndex,
+                    optionIndex: hitlOptionIndex,
+                    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
+                      )
+                    ),
+                    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
+              ] })
+            }
+          )
         }
       ),
-      threadPanel
-    ] }) : threadPanel,
-    chatState.status === "hitl_waiting" && chatState.hitl?.waiting ? /* @__PURE__ */ jsx10(
-      HitlPanel,
-      {
-        hitl: chatState.hitl,
-        questionIndex: hitlQuestionIndex,
-        optionIndex: hitlOptionIndex,
-        answers: hitlAnswers,
-        frontendUrl: frontendThreadUrl
-      }
-    ) : 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);
-          setActiveSelector(null);
-        },
-        onCancel: () => setActiveSelector(null),
-        limit: tuiLayout.selectorLimit
-      }
-    ) : null,
+      chatMiddleOverflowing ? /* @__PURE__ */ jsx10(
+        Scrollbar2,
+        {
+          scrollOffset: chatMiddleScrollOffset,
+          contentHeight: chatMiddleContentHeight,
+          viewportHeight: chatMiddleViewportHeight
+        }
+      ) : null
+    ] }),
     isSearching ? /* @__PURE__ */ jsx10(
-      TitledBox,
+      InputBox,
       {
         title: "Search History",
-        borderStyle: "round",
-        borderColor: terminalTheme.warning,
-        padding: 1,
-        children: /* @__PURE__ */ jsx10(
-          InputBox,
-          {
-            value: searchQuery,
-            onChange: setSearchQuery,
-            onSubmit: () => {
-            },
-            placeholder: "Type to filter history..."
-          }
-        )
+        value: searchQuery,
+        onChange: setSearchQuery,
+        onSubmit: () => {
+        },
+        placeholder: "Type to filter history...",
+        onBlurRequest: () => {
+          setIsSearching(false);
+          setSearchQuery("");
+        }
       }
     ) : activeSelector ? null : /* @__PURE__ */ jsx10(
       InputBox,
@@ -6982,9 +8028,15 @@ var App = ({
         onSubmit: handlePromptSubmit,
         ghostText: promptGhostSuffix,
         disabled: Boolean(activeSelector),
+        inputActive: promptInputActive,
+        onBlurRequest: () => {
+          setPromptInputActive(false);
+          completionCycleRef.current = void 0;
+        },
         onTabShortcut: (tab) => {
           setActiveWorkspaceTab(tab);
           setActiveSelector(null);
+          setStarterSelectionsOpen(false);
           setNotice(void 0);
           setInput("");
         },
@@ -6996,14 +8048,21 @@ var App = ({
         scrollOffset: promptInputViewport.startRow,
         minInputRows: promptInputRowBudget,
         maxInputRows: promptInputRowBudget,
+        blinkCursor: shouldBlinkPromptCursor({
+          animationsEnabled,
+          inputActive: promptInputActive,
+          busy: chatBusy,
+          selectorOpen: Boolean(activeSelector),
+          searching: isSearching
+        }),
         footerControls: promptFooterControls,
         helpText: "",
-        actionLabel: promptActionIsCancel ? "ESC to cancel" : "ENTER to send",
+        actionLabel: promptActionIsCancel ? "ESC to cancel" : void 0,
         actionHint: getChatInputHelpText({
           isCancelling: promptActionIsCancel,
+          inputActive: promptInputActive,
           promptCount: visiblePromptSuggestions.length
         }),
-        actionTone: promptActionIsCancel ? terminalTheme.warning : terminalTheme.brand,
         onAction: () => {
           if (promptActionIsCancel) {
             stopActiveChat();
@@ -7011,7 +8070,6 @@ var App = ({
           }
           handlePromptSubmit(input);
         },
-        actionDisabled: !promptActionIsCancel && !input.trim(),
         placeholder: chatState.status === "hitl_waiting" ? "Answer HITL prompt, or /open for frontend..." : isBusyStatus(chatState.status) ? "Response in progress. Enter queues next message..." : "Ask Cloudeval..."
       }
     ),