Polish the PR, minor improvements

packages/cli/src/ui/components/ResumeSessionDialog.tsx

@@ -10,6 +10,7 @@ import { SessionService, getGitBranch } from '@qwen-code/qwen-code-core';
 import { theme } from '../semantic-colors.js';
 import { useDialogSessionPicker } from '../hooks/useDialogSessionPicker.js';
 import { SessionListItemView } from './SessionListItem.js';
+import { t } from '../../i18n/index.js';
 
 export interface ResumeSessionDialogProps {
   cwd: string;
@@ -59,10 +60,10 @@ export function ResumeSessionDialog({
         padding={1}
       >
         <Text color={theme.text.primary} bold>
-          Resume Session
+          {t('Resume Session')}
         </Text>
         <Box paddingY={1}>
-          <Text color={theme.text.secondary}>Loading sessions...</Text>
+          <Text color={theme.text.secondary}>{t('Loading sessions...')}</Text>
         </Box>
       </Box>
     );
@@ -78,10 +79,13 @@ export function ResumeSessionDialog({
       {/* Header */}
       <Box marginBottom={1}>
         <Text color={theme.text.primary} bold>
-          Resume Session
+          {t('Resume Session')}
         </Text>
         {picker.filterByBranch && currentBranch && (
-          <Text color={theme.text.secondary}> (branch: {currentBranch})</Text>
+          <Text color={theme.text.secondary}>
+            {' '}
+            {t('(branch: {{branch}})', { branch: currentBranch })}
+          </Text>
         )}
       </Box>
 
@@ -91,8 +95,10 @@ export function ResumeSessionDialog({
           <Box paddingY={1}>
             <Text color={theme.text.secondary}>
               {picker.filterByBranch
-                ? `No sessions found for branch "${currentBranch}"`
-                : 'No sessions found'}
+                ? t('No sessions found for branch "{{branch}}"', {
+                    branch: currentBranch ?? '',
+                  })
+                : t('No sessions found')}
             </Text>
           </Box>
         ) : (
@@ -130,10 +136,10 @@ export function ResumeSessionDialog({
               <Text color={theme.text.accent} bold>
                 B
               </Text>
-              {' to toggle branch · '}
+              {t(' to toggle branch') + ' · '}
             </>
           )}
-          {'↑↓ to navigate · Enter to select · Esc to cancel'}
+          {t('to navigate · Enter to select · Esc to cancel')}
         </Text>
       </Box>
     </Box>

packages/cli/src/ui/components/SessionListItem.tsx

@@ -22,9 +22,9 @@ export interface SessionListItemViewProps {
   showScrollDown: boolean;
   maxPromptWidth: number;
   /**
-   * Prefix characters to use for selected, scroll up, and scroll down states.
-   * Defaults to ['> ', '^ ', 'v '] (dialog style).
-   * Use ['> ', '^ ', 'v '] for dialog or ['> ', '^ ', 'v '] for standalone.
+   * Prefix characters for selection indicator and scroll hints.
+   * Dialog style uses '> ', '^ ', 'v ' (ASCII).
+   * Standalone style uses special Unicode characters.
    */
   prefixChars?: {
     selected: string;

packages/cli/src/ui/components/StandaloneSessionPicker.tsx

@@ -10,6 +10,7 @@ import { SessionService, getGitBranch } from '@qwen-code/qwen-code-core';
 import { theme } from '../semantic-colors.js';
 import { useSessionPicker } from '../hooks/useStandaloneSessionPicker.js';
 import { SessionListItemView } from './SessionListItem.js';
+import { t } from '../../i18n/index.js';
 
 // Exported for testing
 export interface SessionPickerProps {
@@ -109,7 +110,7 @@ export function SessionPicker({
         {/* Header row */}
         <Box paddingX={1}>
           <Text bold color={theme.text.primary}>
-            Resume Session
+            {t('Resume Session')}
           </Text>
         </Box>
 
@@ -126,8 +127,10 @@ export function SessionPicker({
             <Box paddingY={1} justifyContent="center">
               <Text color={theme.text.secondary}>
                 {picker.filterByBranch
-                  ? `No sessions found for branch "${currentBranch}"`
-                  : 'No sessions found'}
+                  ? t('No sessions found for branch "{{branch}}"', {
+                      branch: currentBranch ?? '',
+                    })
+                  : t('No sessions found')}
               </Text>
             </Box>
           ) : (
@@ -169,10 +172,10 @@ export function SessionPicker({
                 >
                   B
                 </Text>
-                {' to toggle branch · '}
+                {t(' to toggle branch') + ' · '}
               </>
             )}
-            {'↑↓ to navigate · Esc to cancel'}
+            {t('to navigate · Esc to cancel')}
           </Text>
         </Box>
       </Box>

packages/cli/src/ui/hooks/useDialogSessionPicker.ts

@@ -19,15 +19,10 @@ import type {
 import {
   SESSION_PAGE_SIZE,
   filterSessions,
+  type SessionState,
 } from '../utils/sessionPickerUtils.js';
 import { useKeypress } from './useKeypress.js';
 
-export interface SessionState {
-  sessions: SessionListItem[];
-  hasMore: boolean;
-  nextCursor?: number;
-}
-
 export interface UseDialogSessionPickerOptions {
   sessionService: SessionService | null;
   currentBranch?: string;

packages/cli/src/ui/hooks/useStandaloneSessionPicker.ts

@@ -4,6 +4,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+/**
+ * Session picker hook for standalone mode (fullscreen CLI picker).
+ * Uses useInput (ink) instead of useKeypress (KeypressContext).
+ * For dialog mode within the main app, use useDialogSessionPicker instead.
+ */
+
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { useInput } from 'ink';
 import type {
@@ -14,14 +20,9 @@ import type {
 import {
   SESSION_PAGE_SIZE,
   filterSessions,
+  type SessionState,
 } from '../utils/sessionPickerUtils.js';
 
-export interface SessionState {
-  sessions: SessionListItem[];
-  hasMore: boolean;
-  nextCursor?: number;
-}
-
 export interface UseSessionPickerOptions {
   sessionService: SessionService | null;
   currentBranch?: string;

packages/cli/src/ui/utils/sessionPickerUtils.ts

@@ -6,6 +6,15 @@
 
 import type { SessionListItem } from '@qwen-code/qwen-code-core';
 
+/**
+ * State for managing loaded sessions in the session picker.
+ */
+export interface SessionState {
+  sessions: SessionListItem[];
+  hasMore: boolean;
+  nextCursor?: number;
+}
+
 /**
  * Page size for loading sessions.
  */