feat: add setting to keep AI groups expanded after context navigation

src/main/ipc/configValidation.ts

@@ -302,6 +302,7 @@ function validateDisplaySection(data: unknown): ValidationSuccess<'display'> | V
     'showTimestamps',
     'compactMode',
     'syntaxHighlighting',
+    'keepContextNavExpanded',
   ];
 
   const result: Partial<DisplayConfig> = {};

src/main/services/infrastructure/ConfigManager.ts

@@ -189,6 +189,7 @@ export interface DisplayConfig {
   showTimestamps: boolean;
   compactMode: boolean;
   syntaxHighlighting: boolean;
+  keepContextNavExpanded: boolean;
 }
 
 export interface SessionsConfig {
@@ -257,6 +258,7 @@ const DEFAULT_CONFIG: AppConfig = {
     showTimestamps: true,
     compactMode: false,
     syntaxHighlighting: true,
+    keepContextNavExpanded: false,
   },
   sessions: {
     pinnedSessions: {},

src/renderer/components/chat/ChatHistory.tsx

@@ -415,6 +415,9 @@ export const ChatHistory = ({ tabId }: ChatHistoryProps): JSX.Element => {
         if (!element) return;
 
         element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        if (useStore.getState().appConfig?.display?.keepContextNavExpanded) {
+          expandAIGroup(groupId);
+        }
         setHighlightedGroupId(groupId);
         setIsNavigationHighlight(true);
         if (navigationHighlightTimerRef.current) {
@@ -428,7 +431,7 @@ export const ChatHistory = ({ tabId }: ChatHistoryProps): JSX.Element => {
       };
       void run();
     },
-    [conversation, ensureGroupVisible, setHighlightedGroupId]
+    [conversation, ensureGroupVisible, setHighlightedGroupId, expandAIGroup]
   );
 
   // Handler to navigate to a user message group (preceding the AI group at turnIndex)
@@ -481,6 +484,9 @@ export const ChatHistory = ({ tabId }: ChatHistoryProps): JSX.Element => {
         await ensureGroupVisible(groupId);
 
         // Set group + tool highlight immediately
+        if (useStore.getState().appConfig?.display?.keepContextNavExpanded) {
+          expandAIGroup(groupId);
+        }
         setHighlightedGroupId(groupId);
         setIsNavigationHighlight(true);
         setContextNavToolUseId(toolUseId);
@@ -513,7 +519,7 @@ export const ChatHistory = ({ tabId }: ChatHistoryProps): JSX.Element => {
       };
       void run();
     },
-    [conversation, ensureGroupVisible, setHighlightedGroupId]
+    [conversation, ensureGroupVisible, setHighlightedGroupId, expandAIGroup]
   );
 
   // Scroll to current search result when it changes

src/renderer/components/settings/SettingsView.tsx

@@ -127,6 +127,7 @@ export const SettingsView = (): React.JSX.Element | null => {
               safeConfig={safeConfig}
               saving={saving}
               onGeneralToggle={handlers.handleGeneralToggle}
+              onDisplayToggle={handlers.handleDisplayToggle}
               onThemeChange={handlers.handleThemeChange}
             />
           )}

src/renderer/components/settings/hooks/useSettingsConfig.ts

@@ -47,6 +47,7 @@ export interface SafeConfig {
     showTimestamps: boolean;
     compactMode: boolean;
     syntaxHighlighting: boolean;
+    keepContextNavExpanded: boolean;
   };
 }
 
@@ -173,6 +174,7 @@ export function useSettingsConfig(): UseSettingsConfigReturn {
         showTimestamps: displayConfig?.display?.showTimestamps ?? true,
         compactMode: displayConfig?.display?.compactMode ?? false,
         syntaxHighlighting: displayConfig?.display?.syntaxHighlighting ?? true,
+        keepContextNavExpanded: displayConfig?.display?.keepContextNavExpanded ?? false,
       },
     }),
     [displayConfig]

src/renderer/components/settings/hooks/useSettingsHandlers.ts

@@ -294,6 +294,7 @@ export function useSettingsHandlers({
           showTimestamps: true,
           compactMode: false,
           syntaxHighlighting: true,
+          keepContextNavExpanded: false,
         },
         sessions: {
           pinnedSessions: {},

src/renderer/components/settings/sections/GeneralSection.tsx

@@ -28,13 +28,15 @@ interface GeneralSectionProps {
   readonly safeConfig: SafeConfig;
   readonly saving: boolean;
   readonly onGeneralToggle: (key: keyof AppConfig['general'], value: boolean) => void;
+  readonly onDisplayToggle: (key: keyof AppConfig['display'], value: boolean) => void;
   readonly onThemeChange: (value: 'dark' | 'light' | 'system') => void;
 }
 
 export const GeneralSection = ({
   safeConfig,
   saving,
   onGeneralToggle,
+  onDisplayToggle,
   onThemeChange,
 }: GeneralSectionProps): React.JSX.Element => {
   const [serverStatus, setServerStatus] = useState<HttpServerStatus>({
@@ -297,6 +299,16 @@ export const GeneralSection = ({
           disabled={saving}
         />
       </SettingRow>
+      <SettingRow
+        label="Keep expanded after context navigation"
+        description="Keep AI response groups expanded after navigating to them from the Visible Context panel"
+      >
+        <SettingsToggle
+          enabled={safeConfig.display.keepContextNavExpanded}
+          onChange={(v) => onDisplayToggle('keepContextNavExpanded', v)}
+          disabled={saving}
+        />
+      </SettingRow>
       {isElectron && !window.navigator.userAgent.includes('Macintosh') && (
         <SettingRow
           label="Use native title bar"

src/shared/types/notifications.ts

@@ -275,6 +275,8 @@ export interface AppConfig {
     compactMode: boolean;
     /** Whether to enable syntax highlighting in code blocks */
     syntaxHighlighting: boolean;
+    /** Whether to keep AI groups expanded after navigating from the Visible Context panel */
+    keepContextNavExpanded: boolean;
   };
   /** Session-related settings */
   sessions: {

test/mocks/electronAPI.ts

@@ -148,6 +148,7 @@ export function createMockElectronAPI(): MockElectronAPI {
           showTimestamps: true,
           compactMode: false,
           syntaxHighlighting: true,
+          keepContextNavExpanded: false,
         },
         sessions: {
           pinnedSessions: {},