Inline thinking bubbles with summary/full modes (#18033)

Co-authored-by: Jacob Richman <jacob314@gmail.com>

packages/cli/src/ui/components/MainContent.test.tsx

@@ -16,6 +16,20 @@ import { SHELL_COMMAND_NAME } from '../constants.js';
 import type { UIState } from '../contexts/UIStateContext.js';
 
 // Mock dependencies
+vi.mock('../contexts/SettingsContext.js', async () => {
+  const actual = await vi.importActual('../contexts/SettingsContext.js');
+  return {
+    ...actual,
+    useSettings: () => ({
+      merged: {
+        ui: {
+          inlineThinkingMode: 'off',
+        },
+      },
+    }),
+  };
+});
+
 vi.mock('../contexts/AppContext.js', async () => {
   const actual = await vi.importActual('../contexts/AppContext.js');
   return {
@@ -68,6 +82,7 @@ describe('MainContent', () => {
     availableTerminalHeight: 24,
     slashCommands: [],
     constrainHeight: false,
+    thought: null,
     isEditorDialogOpen: false,
     activePtyId: undefined,
     embeddedShellFocused: false,
@@ -185,6 +200,7 @@ describe('MainContent', () => {
           terminalHeight: 50,
           terminalWidth: 100,
           mainAreaWidth: 100,
+          thought: null,
           embeddedShellFocused,
           activePtyId: embeddedShellFocused ? ptyId : undefined,
           constrainHeight,