@organizaone/o1-code 0.2.1 → 0.3.0

package/chunks/{chunk-4SZC7RVO.js → chunk-ERV4L76G.js}

@@ -5,7 +5,7 @@ import {
   enableMouseEvents,
   useKeypress,
   useKeypressContext
-} from "./chunk-C7GI242H.js";
+} from "./chunk-Y6NXDVBG.js";
 import {
   INLINE_CODE_SPAN_PATTERN_SOURCE,
   calculateAverageLatency,
@@ -27,7 +27,7 @@ import {
   readInlineMathSpanAt,
   unescapeMarkdownBeforeMath,
   unescapeMarkdownDollars
-} from "./chunk-JFOECBR6.js";
+} from "./chunk-5ST67IZT.js";
 import {
   MINIMUM_MAX_HEIGHT,
   MaxSizedBox
@@ -51,12 +51,12 @@ import {
   isCollapsibleTool,
   isFindingsListDisplay,
   showsToolLabel
-} from "./chunk-7X2YJUKP.js";
+} from "./chunk-C6U74Q6C.js";
 import {
   formatDuration,
   formatRelativeTime,
   formatTokenCount
-} from "./chunk-Y4YSSESQ.js";
+} from "./chunk-R5WDYBMX.js";
 import {
   extendedTheme,
   theme
@@ -93,17 +93,18 @@ import {
   themeManager
 } from "./chunk-PLYNCSHX.js";
 import {
+  TOP_FRAME,
   glyphs
-} from "./chunk-BY6VCKSV.js";
+} from "./chunk-WX53PW47.js";
 import {
   require_source
 } from "./chunk-XZ3MQL2U.js";
 import {
   relaunchApp
-} from "./chunk-QZEIQHWS.js";
+} from "./chunk-NHKFCD4F.js";
 import {
   getErrorMessage
-} from "./chunk-SU7OFRCV.js";
+} from "./chunk-QQQRGEHT.js";
 import {
   cpLen,
   cpSlice,
@@ -122,23 +123,23 @@ import {
 } from "./chunk-F5IN4KK7.js";
 import {
   createLoadedSettingsAdapter
-} from "./chunk-5ZCXHWUH.js";
+} from "./chunk-JE64TPWB.js";
 import {
   getPersistScopeForModelSelection
-} from "./chunk-K3HIXAXS.js";
+} from "./chunk-ELIXZXZC.js";
 import {
   getCurrentLanguage,
   localizeToolDisplayName,
   t
-} from "./chunk-7P43YTEC.js";
+} from "./chunk-3CMD4E67.js";
 import {
   isWorkspaceTrusted
-} from "./chunk-M5WOKPHW.js";
+} from "./chunk-BDKFE7EF.js";
 import {
   sanitizeForOsc,
   supportsHyperlinks,
   wrapForMultiplexer
-} from "./chunk-GSUMVFRL.js";
+} from "./chunk-FWXUI7DZ.js";
 import {
   IdeClient,
   allowEditorTypeInSandbox,
@@ -148,7 +149,7 @@ import {
   ideContextStore,
   isEditorAvailable,
   isValidEditorType
-} from "./chunk-DSJFX5WX.js";
+} from "./chunk-TNQJ66S4.js";
 import {
   ShellExecutionService
 } from "./chunk-TKHMBUSK.js";
@@ -175,14 +176,14 @@ import {
   resolveMetadataKey,
   resolveOwnsModel,
   tryResolveModelProtocol
-} from "./chunk-ZGKVTZ5U.js";
+} from "./chunk-4NV74I76.js";
 import {
   MAIN_SOURCE,
   formatVisionBridgeNoticeDisplay,
   getMCPServerStatus,
   isVisionBridgeNoticeDisplay,
   uiTelemetryService
-} from "./chunk-275467L7.js";
+} from "./chunk-RYKMFNWC.js";
 import {
   isTerminalImageDisplay
 } from "./chunk-JOFGX5ZA.js";
@@ -18196,8 +18197,86 @@ function getScreenBuffer(stdout) {
 }
 __name(getScreenBuffer, "getScreenBuffer");
 
-// packages/cli/src/ui/components/HistoryItemDisplay.tsx
+// packages/cli/src/ui/components/messages/UpdateNotice.tsx
+init_esbuild_shims();
 var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+var UpdateNotice = /* @__PURE__ */ __name(({
+  status,
+  version,
+  fromVersion,
+  text,
+  highlights = [],
+  moreCount = 0,
+  notesUrl
+}) => {
+  const frameColor = status === "failed" ? theme.status.error : extendedTheme.ui.brand;
+  const title = status === "whats_new" ? t("What's new in {{version}}", { version: version ?? "" }) : t("Update");
+  const frame = TOP_FRAME[glyphs().borderStyle];
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: frameColor, children: `${frame.topLeft}${frame.top} ` }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.text.primary, bold: true, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: frameColor, children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        Box_default,
+        {
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: 0,
+          height: 1,
+          overflow: "hidden",
+          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: frameColor, children: frame.top.repeat(400) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: frameColor, children: frame.topRight })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      Box_default,
+      {
+        borderStyle: glyphs().borderStyle,
+        borderTop: false,
+        borderColor: frameColor,
+        flexDirection: "column",
+        paddingX: 1,
+        children: status === "whats_new" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          fromVersion && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: extendedTheme.text.muted, children: t("Updated from {{from}} to {{to}}", {
+            from: fromVersion,
+            to: version ?? ""
+          }) }),
+          highlights.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box_default, { width: 2, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: extendedTheme.ui.brand, children: glyphs().dot }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.text.primary, wrap: "wrap", children: line })
+          ] }, index)),
+          (moreCount > 0 || notesUrl) && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Text, { color: extendedTheme.text.muted, wrap: "wrap", children: [
+            moreCount > 0 ? `${t("and {{count}} more", { count: String(moreCount) })}${notesUrl ? " \xB7 " : ""}` : "",
+            notesUrl && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+              `${t("full notes")}: `,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.text.link, children: notesUrl })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Text, { wrap: "wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              Text,
+              {
+                color: status === "installed" ? theme.status.success : status === "failed" ? theme.status.error : extendedTheme.ui.brandSoft,
+                children: status === "installed" ? glyphs().done : status === "failed" ? "\u2715" : "\u21BB"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.text.primary, bold: true, children: ` ${status === "installed" ? version ? t("O1-Code {{version}} installed", { version }) : t("O1-Code was updated") : status === "failed" ? version ? t("The update to {{version}} failed", { version }) : t("The update failed") : t("O1-Code {{version}} is available", {
+              version: version ?? ""
+            })}` })
+          ] }),
+          status === "installed" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: extendedTheme.text.muted, children: t("It takes effect the next time you open O1-Code.") }),
+          text && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: extendedTheme.text.muted, wrap: "wrap", children: text })
+        ] })
+      }
+    )
+  ] });
+}, "UpdateNotice");
+
+// packages/cli/src/ui/components/HistoryItemDisplay.tsx
+var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var ClickableThinkMessage = /* @__PURE__ */ __name(({
   text,
   isPending,
@@ -18255,7 +18334,7 @@ var ClickableThinkMessage = /* @__PURE__ */ __name(({
     ),
     { isActive }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box_default, { ref: isActive ? ref : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { ref: isActive ? ref : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     ThinkMessage,
     {
       text,
@@ -18328,8 +18407,8 @@ var CollapsibleToolGroupMessage = /* @__PURE__ */ __name(({ expansionKey, ...pro
     ),
     { isActive: collapsed && clickable }
   );
-  if (!collapsed) return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToolGroupMessage, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  if (!collapsed) return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToolGroupMessage, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     ToolGroupMessage,
     {
       ...props,
@@ -18404,7 +18483,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
   const itemForDisplay = (0, import_react48.useMemo)(() => escapeAnsiCtrlCodes(item), [item]);
   const contentWidth = terminalWidth - 4;
   const boxWidth = mainAreaWidth || contentWidth;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     Box_default,
     {
       flexDirection: "column",
@@ -18412,17 +18491,17 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
       marginLeft: 2,
       marginRight: 2,
       children: [
-        itemForDisplay.type === "user" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "user" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           UserMessage,
           {
             text: itemForDisplay.text,
             marker: turnMarker ?? (itemForDisplay.turnOutcome === "done" ? "done" : void 0)
           }
         ),
-        itemForDisplay.type === "notification" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InfoMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "user_shell" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UserShellMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "gemini" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          showTimestamps && itemForDisplay.timestamp != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Text, { dimColor: true, children: [
+        itemForDisplay.type === "notification" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InfoMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "user_shell" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserShellMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "gemini" && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+          showTimestamps && itemForDisplay.timestamp != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Text, { dimColor: true, children: [
             "[",
             new Date(itemForDisplay.timestamp).toLocaleTimeString("en-US", {
               hour12: false,
@@ -18432,7 +18511,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             }),
             "]"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             AssistantMessage,
             {
               text: itemForDisplay.text,
@@ -18445,7 +18524,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             }
           )
         ] }),
-        itemForDisplay.type === "gemini_content" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "gemini_content" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           AssistantMessageContent,
           {
             text: itemForDisplay.text,
@@ -18457,7 +18536,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             sourceCopyIndexOffsets
           }
         ),
-        itemForDisplay.type === "gemini_thought" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "gemini_thought" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ClickableThinkMessage,
           {
             text: itemForDisplay.text.trimEnd(),
@@ -18469,7 +18548,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             onToggle: () => toggleThought(thoughtGroupHeadId)
           }
         ),
-        itemForDisplay.type === "gemini_thought_content" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "gemini_thought_content" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ThinkMessageContent,
           {
             text: itemForDisplay.text.trimEnd(),
@@ -18479,7 +18558,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             contentWidth
           }
         ),
-        itemForDisplay.type === "info" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "info" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           InfoMessage,
           {
             text: itemForDisplay.text,
@@ -18487,26 +18566,27 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             linkText: itemForDisplay.linkText
           }
         ),
-        itemForDisplay.type === "success" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SuccessMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "warning" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(WarningMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "error" && !itemForDisplay.retryPending && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorMessage, { text: itemForDisplay.text, hint: itemForDisplay.hint }),
-        itemForDisplay.type === "retry_countdown" && (itemForDisplay.retry ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ProviderRetryBox, { retry: itemForDisplay.retry }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RetryCountdownMessage, { text: itemForDisplay.text })),
-        itemForDisplay.type === "vision_notice" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(VisionNoticeMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "about" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AboutBox, { ...itemForDisplay.systemInfo, width: boxWidth }),
-        itemForDisplay.type === "help" && commands && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Help, { commands, width: boxWidth }),
-        itemForDisplay.type === "stats" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatsDisplay, { duration: itemForDisplay.duration, width: boxWidth }),
-        itemForDisplay.type === "diff_stats" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DiffStatsDisplay, { model: itemForDisplay.model }),
-        itemForDisplay.type === "model_stats" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ModelStatsDisplay, { width: boxWidth }),
-        itemForDisplay.type === "tool_stats" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToolStatsDisplay, { width: boxWidth }),
-        itemForDisplay.type === "skill_stats" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SkillStatsDisplay, { width: boxWidth }),
-        itemForDisplay.type === "quit" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "success" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SuccessMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "update_notice" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UpdateNotice, { ...itemForDisplay }),
+        itemForDisplay.type === "warning" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WarningMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "error" && !itemForDisplay.retryPending && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorMessage, { text: itemForDisplay.text, hint: itemForDisplay.hint }),
+        itemForDisplay.type === "retry_countdown" && (itemForDisplay.retry ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ProviderRetryBox, { retry: itemForDisplay.retry }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(RetryCountdownMessage, { text: itemForDisplay.text })),
+        itemForDisplay.type === "vision_notice" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VisionNoticeMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "about" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AboutBox, { ...itemForDisplay.systemInfo, width: boxWidth }),
+        itemForDisplay.type === "help" && commands && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Help, { commands, width: boxWidth }),
+        itemForDisplay.type === "stats" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StatsDisplay, { duration: itemForDisplay.duration, width: boxWidth }),
+        itemForDisplay.type === "diff_stats" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DiffStatsDisplay, { model: itemForDisplay.model }),
+        itemForDisplay.type === "model_stats" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ModelStatsDisplay, { width: boxWidth }),
+        itemForDisplay.type === "tool_stats" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToolStatsDisplay, { width: boxWidth }),
+        itemForDisplay.type === "skill_stats" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SkillStatsDisplay, { width: boxWidth }),
+        itemForDisplay.type === "quit" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           SessionSummaryDisplay,
           {
             duration: itemForDisplay.duration,
             width: boxWidth
           }
         ),
-        itemForDisplay.type === "tool_group" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "tool_group" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           CollapsibleToolGroupMessage,
           {
             toolCalls: itemForDisplay.tools,
@@ -18524,14 +18604,14 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             expansionKey: itemForDisplay.batchId
           }
         ),
-        itemForDisplay.type === "tool_use_summary" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box_default, { flexDirection: "row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box_default, { width: 2, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { dimColor: true, children: ICON.CIRCLE_FILLED }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { dimColor: true, children: itemForDisplay.summary })
+        itemForDisplay.type === "tool_use_summary" && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Box_default, { flexDirection: "row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { width: 2, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { dimColor: true, children: ICON.CIRCLE_FILLED }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { dimColor: true, children: itemForDisplay.summary })
         ] }),
-        itemForDisplay.type === "compression" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CompressionMessage, { compression: itemForDisplay.compression }),
-        itemForDisplay.type === "summary" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SummaryMessage, { summary: itemForDisplay.summary }),
-        itemForDisplay.type === "extensions_list" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ExtensionsList, {}),
-        itemForDisplay.type === "tools_list" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "compression" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CompressionMessage, { compression: itemForDisplay.compression }),
+        itemForDisplay.type === "summary" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SummaryMessage, { summary: itemForDisplay.summary }),
+        itemForDisplay.type === "extensions_list" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ExtensionsList, {}),
+        itemForDisplay.type === "tools_list" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ToolsList,
           {
             contentWidth,
@@ -18539,9 +18619,9 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             showDescriptions: itemForDisplay.showDescriptions
           }
         ),
-        itemForDisplay.type === "skills_list" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SkillsList, { skills: itemForDisplay.skills }),
-        itemForDisplay.type === "mcp_status" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(McpStatus, { ...itemForDisplay, serverStatus: getMCPServerStatus }),
-        itemForDisplay.type === "context_usage" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "skills_list" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SkillsList, { skills: itemForDisplay.skills }),
+        itemForDisplay.type === "mcp_status" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(McpStatus, { ...itemForDisplay, serverStatus: getMCPServerStatus }),
+        itemForDisplay.type === "context_usage" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ContextUsage,
           {
             modelName: itemForDisplay.modelName,
@@ -18556,7 +18636,7 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             showDetails: itemForDisplay.showDetails
           }
         ),
-        itemForDisplay.type === "doctor" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "doctor" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DoctorReport,
           {
             checks: itemForDisplay.checks,
@@ -18564,8 +18644,8 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             width: boxWidth
           }
         ),
-        itemForDisplay.type === "arena_agent_complete" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ArenaAgentCard, { agent: itemForDisplay.agent, width: boxWidth }),
-        itemForDisplay.type === "arena_session_complete" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "arena_agent_complete" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ArenaAgentCard, { agent: itemForDisplay.agent, width: boxWidth }),
+        itemForDisplay.type === "arena_session_complete" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ArenaSessionCard,
           {
             sessionStatus: itemForDisplay.sessionStatus,
@@ -18575,9 +18655,9 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             width: boxWidth
           }
         ),
-        itemForDisplay.type === "insight_progress" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InsightProgressMessage, { progress: itemForDisplay.progress }),
-        itemForDisplay.type === "btw" && itemForDisplay.btw && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BtwMessage, { btw: itemForDisplay.btw, containerWidth: contentWidth }),
-        itemForDisplay.type === "advisor" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "insight_progress" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InsightProgressMessage, { progress: itemForDisplay.progress }),
+        itemForDisplay.type === "btw" && itemForDisplay.btw && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BtwMessage, { btw: itemForDisplay.btw, containerWidth: contentWidth }),
+        itemForDisplay.type === "advisor" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           AdvisorMessage,
           {
             text: itemForDisplay.text,
@@ -18585,20 +18665,20 @@ var HistoryItemDisplayComponent = /* @__PURE__ */ __name(({
             containerWidth: contentWidth
           }
         ),
-        itemForDisplay.type === "user_prompt_submit_blocked" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.status.warning, children: `\u2715 UserPromptSubmit operation blocked by hook:
+        itemForDisplay.type === "user_prompt_submit_blocked" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.status.warning, children: `\u2715 UserPromptSubmit operation blocked by hook:
 ${itemForDisplay.reason}
 
 Original prompt: ${sanitizeSensitiveText(itemForDisplay.originalPrompt)}` }) }),
-        itemForDisplay.type === "stop_hook_loop" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "stop_hook_loop" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           InfoMessage,
           {
             text: `Ran ${itemForDisplay.stopHookCount} stop hooks
   \u23BF  Stop hook error: ${itemForDisplay.reasons[itemForDisplay.reasons.length - 1]}`
           }
         ),
-        itemForDisplay.type === "stop_hook_system_message" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box_default, { flexDirection: "column", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { color: theme.text.primary, children: " \u23BF Stop says:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box_default, { marginLeft: 4, flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "stop_hook_system_message" && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Box_default, { flexDirection: "column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.text.primary, children: " \u23BF Stop says:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { marginLeft: 4, flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             MarkdownDisplay,
             {
               text: itemForDisplay.message,
@@ -18607,9 +18687,9 @@ Original prompt: ${sanitizeSensitiveText(itemForDisplay.originalPrompt)}` }) }),
             }
           ) })
         ] }),
-        itemForDisplay.type === "memory_saved" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MemorySavedMessage, { item: itemForDisplay }),
-        itemForDisplay.type === "away_recap" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AwayRecapMessage, { text: itemForDisplay.text }),
-        itemForDisplay.type === "goal_status" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "memory_saved" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MemorySavedMessage, { item: itemForDisplay }),
+        itemForDisplay.type === "away_recap" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AwayRecapMessage, { text: itemForDisplay.text }),
+        itemForDisplay.type === "goal_status" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           GoalStatusMessage,
           {
             kind: itemForDisplay.kind,
@@ -18619,7 +18699,7 @@ Original prompt: ${sanitizeSensitiveText(itemForDisplay.originalPrompt)}` }) }),
             lastReason: itemForDisplay.lastReason
           }
         ),
-        itemForDisplay.type === "goal_state" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        itemForDisplay.type === "goal_state" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           GoalStatusMessage,
           {
             snapshot: itemForDisplay.snapshot,
@@ -18635,7 +18715,7 @@ var HistoryItemDisplay = (0, import_react48.memo)(HistoryItemDisplayComponent);
 HistoryItemDisplay.displayName = "HistoryItemDisplay";
 
 // packages/cli/src/ui/components/SessionPreview.tsx
-var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
 function SessionPreview(props) {
   const {
     sessionService,
@@ -18710,19 +18790,19 @@ function SessionPreview(props) {
     metaParts.push(gitBranch);
   }
   const metaLine = metaParts.join(" \xB7 ");
-  const header = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { bold: true, color: theme.text.primary, children: sessionTitle ?? t("Session Preview") }) }, "header");
-  const topSeparator = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(separatorWidth) }) }, "top-separator");
-  const footerSeparator = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(separatorWidth) }) }, "footer-separator");
-  const meta = metaLine ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.text.secondary, children: metaLine }) }, "meta") : null;
-  const footer = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.text.secondary, children: t("Enter to resume \xB7 Esc to back") }) }, "footer");
+  const header = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { bold: true, color: theme.text.primary, children: sessionTitle ?? t("Session Preview") }) }, "header");
+  const topSeparator = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(separatorWidth) }) }, "top-separator");
+  const footerSeparator = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(separatorWidth) }) }, "footer-separator");
+  const meta = metaLine ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: metaLine }) }, "meta") : null;
+  const footer = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Enter to resume \xB7 Esc to back") }) }, "footer");
   if (data && !error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { flexDirection: "column", width: boxWidth, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { flexDirection: "column", width: boxWidth, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Static,
       {
         items: [
           header,
           topSeparator,
-          ...items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          ...items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             HistoryItemDisplay,
             {
               item,
@@ -18741,10 +18821,10 @@ function SessionPreview(props) {
       sessionId
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Box_default, { flexDirection: "column", width: boxWidth, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Box_default, { flexDirection: "column", width: boxWidth, children: [
     header,
     topSeparator,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.status.error, children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { color: theme.text.secondary, children: t("Loading session preview...") }) }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.status.error, children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Loading session preview...") }) }),
     footerSeparator,
     meta,
     footer
@@ -18753,7 +18833,7 @@ function SessionPreview(props) {
 __name(SessionPreview, "SessionPreview");
 
 // packages/cli/src/ui/components/SessionPicker.tsx
-var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
 var PREFIX_CHARS = {
   selected: "\u203A ",
   scrollUp: "\u2191 ",
@@ -18786,9 +18866,9 @@ function SessionListItemView({
     Math.max(1, maxPromptWidth - checkboxWidth)
   );
   const isAutoTitle = session.titleSource === "auto" && Boolean(session.customTitle);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Box_default, { flexDirection: "column", marginBottom: isLast ? 0 : 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Box_default, { flexDirection: "column", marginBottom: isLast ? 0 : 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Text,
         {
           color: isSelected ? theme.text.accent : showUpIndicator || showDownIndicator ? theme.text.secondary : void 0,
@@ -18796,7 +18876,7 @@ function SessionListItemView({
           children: prefix
         }
       ),
-      isChecked !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      isChecked !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Text,
         {
           color: isDisabled ? theme.text.secondary : isChecked ? theme.text.accent : isSelected ? theme.text.accent : theme.text.secondary,
@@ -18804,7 +18884,7 @@ function SessionListItemView({
           children: isChecked ? "[x] " : "[ ] "
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Text,
         {
           color: isDisabled ? theme.text.secondary : isSelected ? theme.text.accent : isAutoTitle ? theme.text.secondary : theme.text.primary,
@@ -18813,7 +18893,7 @@ function SessionListItemView({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Text, { color: theme.text.secondary, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Text, { color: theme.text.secondary, children: [
       timeAgo,
       messageText !== void 0 && ` \xB7 ${messageText}`,
       session.gitBranch && ` \xB7 ${session.gitBranch}`,
@@ -18862,7 +18942,7 @@ function SessionPicker(props) {
     const previewed = picker.filteredSessions.find(
       (s) => s.sessionId === picker.previewSessionId
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       SessionPreview,
       {
         sessionService,
@@ -18876,14 +18956,14 @@ function SessionPicker(props) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     Box_default,
     {
       flexDirection: "column",
       width: boxWidth,
       height: height - 1,
       overflow: "hidden",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         Box_default,
         {
           flexDirection: "column",
@@ -18893,38 +18973,38 @@ function SessionPicker(props) {
           height: height - 1,
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Box_default, { paddingX: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { bold: true, color: theme.text.primary, children: title ?? t("Resume Session") }),
-              picker.filterByBranch && currentBranch && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Text, { color: theme.text.secondary, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Box_default, { paddingX: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { bold: true, color: theme.text.primary, children: title ?? t("Resume Session") }),
+              picker.filterByBranch && currentBranch && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Text, { color: theme.text.secondary, children: [
                 " ",
                 t("(branch: {{branch}})", { branch: currentBranch })
               ] }),
-              picker.searchQuery !== "" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Text, { color: theme.text.secondary, children: [
+              picker.searchQuery !== "" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Text, { color: theme.text.secondary, children: [
                 " ",
                 t("({{count}} matches)", {
                   count: String(picker.filteredSessions.length)
                 })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingX: 1, children: picker.isSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Search: ") }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Text, { color: theme.text.primary, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { paddingX: 1, children: picker.isSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Search: ") }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Text, { color: theme.text.primary, children: [
                 picker.searchQuery,
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: "\u258C" })
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: "\u258C" })
               ] })
-            ] }) : picker.searchQuery !== "" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Filter: ") }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.primary, children: picker.searchQuery })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Press / to search") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(boxWidth - 2) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { flexDirection: "column", flexGrow: 1, paddingX: 1, overflow: "hidden", children: !sessionService || picker.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Loading sessions...") }) }) : picker.filteredSessions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: picker.searchQuery !== "" ? t('No sessions match "{{query}}"', {
+            ] }) : picker.searchQuery !== "" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Filter: ") }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.primary, children: picker.searchQuery })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Press / to search") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(boxWidth - 2) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { flexDirection: "column", flexGrow: 1, paddingX: 1, overflow: "hidden", children: !sessionService || picker.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Loading sessions...") }) }) : picker.filteredSessions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { paddingY: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: picker.searchQuery !== "" ? t('No sessions match "{{query}}"', {
               query: picker.searchQuery
             }) : picker.filterByBranch ? t('No sessions found for branch "{{branch}}"', {
               branch: currentBranch ?? ""
             }) : t("No sessions found") }) }) : picker.visibleSessions.map((session, visibleIndex) => {
               const actualIndex = picker.scrollOffset + visibleIndex;
               const isDisabled = picker.disabledIdSet.has(session.sessionId);
-              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 SessionListItemView,
                 {
                   session,
@@ -18943,10 +19023,10 @@ function SessionPicker(props) {
                 session.sessionId
               );
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(boxWidth - 2) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Box_default, { flexDirection: "row", children: picker.isSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Type to search \xB7 Enter to commit \xB7 Esc to clear") }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-              currentBranch && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Text, { color: theme.text.secondary, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.border.default, children: "\u2500".repeat(boxWidth - 2) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Box_default, { flexDirection: "row", children: picker.isSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Type to search \xB7 Enter to commit \xB7 Esc to clear") }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+              currentBranch && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Text, { color: theme.text.secondary, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Text,
                   {
                     bold: picker.filterByBranch,
@@ -18956,7 +19036,7 @@ function SessionPicker(props) {
                 ),
                 t(" to toggle branch \xB7 ")
               ] }),
-              enablePreview && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("Space to preview \xB7 ") }),
+              enablePreview && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("Space to preview \xB7 ") }),
               enableMultiSelect && (() => {
                 let committableCheckedCount = 0;
                 for (const id of picker.checkedIds) {
@@ -18964,11 +19044,11 @@ function SessionPicker(props) {
                     committableCheckedCount++;
                   }
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: committableCheckedCount > 0 ? t("Space to toggle \xB7 {{count}} selected \xB7 ", {
+                return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: committableCheckedCount > 0 ? t("Space to toggle \xB7 {{count}} selected \xB7 ", {
                   count: String(committableCheckedCount)
                 }) : t("Space to select multiple \xB7 ") });
               })(),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { color: theme.text.secondary, children: t("\u2191\u2193 to navigate \xB7 Type to search \xB7 Esc to cancel") })
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { color: theme.text.secondary, children: t("\u2191\u2193 to navigate \xB7 Type to search \xB7 Esc to cancel") })
             ] }) }) })
           ]
         }