更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)

* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files)

纯格式化：移除分号、React Compiler import、import 多行展开。
修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* style(B1-2): 格式化 commands (79 files)

纯格式化：移除分号、React Compiler import、import 多行展开。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files)

纯格式化：移除分号、React Compiler import、import 多行展开。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files)

纯格式化：移除分号、React Compiler import、import 多行展开。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* style(B1-5): 格式化 components其余 + hooks + tools (232 files)

纯格式化：移除分号、React Compiler import、import 多行展开。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files)

纯格式化：移除分号、React Compiler import、import 多行展开。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md

- README.md: 大幅重写，更详细版本历史和配置示例
- Run.ps1: 新增 Windows 启动脚本
- TODO.md: 新增包完成清单
- V6.md: 删除（架构重构规划已不适用）

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix: 修复以前的问题

* fix: 修复 login 面板的问题

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

src/components/ModelPicker.tsx

@@ -1,447 +1,368 @@
-import { c as _c } from "react/compiler-runtime";
-import capitalize from 'lodash-es/capitalize.js';
-import * as React from 'react';
-import { useCallback, useMemo, useState } from 'react';
-import { useExitOnCtrlCDWithKeybindings } from 'src/hooks/useExitOnCtrlCDWithKeybindings.js';
-import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
-import { FAST_MODE_MODEL_DISPLAY, isFastModeAvailable, isFastModeCooldown, isFastModeEnabled } from 'src/utils/fastMode.js';
-import { Box, Text } from '../ink.js';
-import { useKeybindings } from '../keybindings/useKeybinding.js';
-import { useAppState, useSetAppState } from '../state/AppState.js';
-import { convertEffortValueToLevel, type EffortLevel, getDefaultEffortForModel, modelSupportsEffort, modelSupportsMaxEffort, resolvePickerEffortPersistence, toPersistableEffort } from '../utils/effort.js';
-import { getDefaultMainLoopModel, type ModelSetting, modelDisplayString, parseUserSpecifiedModel } from '../utils/model/model.js';
-import { getModelOptions } from '../utils/model/modelOptions.js';
-import { getSettingsForSource, updateSettingsForSource } from '../utils/settings/settings.js';
-import { ConfigurableShortcutHint } from './ConfigurableShortcutHint.js';
-import { Select } from './CustomSelect/index.js';
-import { Byline } from './design-system/Byline.js';
-import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
-import { Pane } from './design-system/Pane.js';
-import { effortLevelToSymbol } from './EffortIndicator.js';
+import capitalize from 'lodash-es/capitalize.js'
+import * as React from 'react'
+import { useCallback, useMemo, useState } from 'react'
+import { useExitOnCtrlCDWithKeybindings } from 'src/hooks/useExitOnCtrlCDWithKeybindings.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import {
+  FAST_MODE_MODEL_DISPLAY,
+  isFastModeAvailable,
+  isFastModeCooldown,
+  isFastModeEnabled,
+} from 'src/utils/fastMode.js'
+import { Box, Text } from '../ink.js'
+import { useKeybindings } from '../keybindings/useKeybinding.js'
+import { useAppState, useSetAppState } from '../state/AppState.js'
+import {
+  convertEffortValueToLevel,
+  type EffortLevel,
+  getDefaultEffortForModel,
+  modelSupportsEffort,
+  modelSupportsMaxEffort,
+  resolvePickerEffortPersistence,
+  toPersistableEffort,
+} from '../utils/effort.js'
+import {
+  getDefaultMainLoopModel,
+  type ModelSetting,
+  modelDisplayString,
+  parseUserSpecifiedModel,
+} from '../utils/model/model.js'
+import { getModelOptions } from '../utils/model/modelOptions.js'
+import {
+  getSettingsForSource,
+  updateSettingsForSource,
+} from '../utils/settings/settings.js'
+import { ConfigurableShortcutHint } from './ConfigurableShortcutHint.js'
+import { Select } from './CustomSelect/index.js'
+import { Byline } from './design-system/Byline.js'
+import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js'
+import { Pane } from './design-system/Pane.js'
+import { effortLevelToSymbol } from './EffortIndicator.js'
+
 export type Props = {
-  initial: string | null;
-  sessionModel?: ModelSetting;
-  onSelect: (model: string | null, effort: EffortLevel | undefined) => void;
-  onCancel?: () => void;
-  isStandaloneCommand?: boolean;
-  showFastModeNotice?: boolean;
+  initial: string | null
+  sessionModel?: ModelSetting
+  onSelect: (model: string | null, effort: EffortLevel | undefined) => void
+  onCancel?: () => void
+  isStandaloneCommand?: boolean
+  showFastModeNotice?: boolean
   /** Overrides the dim header line below "Select model". */
-  headerText?: string;
+  headerText?: string
   /**
    * When true, skip writing effortLevel to userSettings on selection.
    * Used by the assistant installer wizard where the model choice is
    * project-scoped (written to the assistant's .claude/settings.json via
    * install.ts) and should not leak to the user's global ~/.claude/settings.
    */
-  skipSettingsWrite?: boolean;
-};
-const NO_PREFERENCE = '__NO_PREFERENCE__';
-export function ModelPicker(t0) {
-  const $ = _c(82);
-  const {
-    initial,
-    sessionModel,
-    onSelect,
-    onCancel,
-    isStandaloneCommand,
-    showFastModeNotice,
-    headerText,
-    skipSettingsWrite
-  } = t0;
-  const setAppState = useSetAppState();
-  const exitState = useExitOnCtrlCDWithKeybindings();
-  const initialValue = initial === null ? NO_PREFERENCE : initial;
-  const [focusedValue, setFocusedValue] = useState(initialValue);
-  const isFastMode = useAppState(_temp);
-  const [hasToggledEffort, setHasToggledEffort] = useState(false);
-  const effortValue = useAppState(_temp2);
-  let t1;
-  if ($[0] !== effortValue) {
-    t1 = effortValue !== undefined ? convertEffortValueToLevel(effortValue) : undefined;
-    $[0] = effortValue;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [effort, setEffort] = useState(t1);
-  const t2 = isFastMode ?? false;
-  let t3;
-  if ($[2] !== t2) {
-    t3 = getModelOptions(t2);
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const modelOptions = t3;
-  let t4;
-  bb0: {
+  skipSettingsWrite?: boolean
+}
+
+const NO_PREFERENCE = '__NO_PREFERENCE__'
+
+export function ModelPicker({
+  initial,
+  sessionModel,
+  onSelect,
+  onCancel,
+  isStandaloneCommand,
+  showFastModeNotice,
+  headerText,
+  skipSettingsWrite,
+}: Props): React.ReactNode {
+  const setAppState = useSetAppState()
+  const exitState = useExitOnCtrlCDWithKeybindings()
+  const maxVisible = 10
+
+  const initialValue = initial === null ? NO_PREFERENCE : initial
+  const [focusedValue, setFocusedValue] = useState<string | undefined>(
+    initialValue,
+  )
+
+  const isFastMode = useAppState(s =>
+    isFastModeEnabled() ? s.fastMode : false,
+  )
+
+  const [hasToggledEffort, setHasToggledEffort] = useState(false)
+  const effortValue = useAppState(s => s.effortValue)
+  const [effort, setEffort] = useState<EffortLevel | undefined>(
+    effortValue !== undefined
+      ? convertEffortValueToLevel(effortValue)
+      : undefined,
+  )
+
+  // Memoize all derived values to prevent re-renders
+  const modelOptions = useMemo(
+    () => getModelOptions(isFastMode ?? false),
+    [isFastMode],
+  )
+
+  // Ensure the initial value is in the options list
+  // This handles edge cases where the user's current model (e.g., 'haiku' for 3P users)
+  // is not in the base options but should still be selectable and shown as selected
+  const optionsWithInitial = useMemo(() => {
     if (initial !== null && !modelOptions.some(opt => opt.value === initial)) {
-      let t5;
-      if ($[4] !== initial) {
-        t5 = modelDisplayString(initial);
-        $[4] = initial;
-        $[5] = t5;
-      } else {
-        t5 = $[5];
-      }
-      let t6;
-      if ($[6] !== initial || $[7] !== t5) {
-        t6 = {
+      return [
+        ...modelOptions,
+        {
           value: initial,
-          label: t5,
-          description: "Current model"
-        };
-        $[6] = initial;
-        $[7] = t5;
-        $[8] = t6;
-      } else {
-        t6 = $[8];
-      }
-      let t7;
-      if ($[9] !== modelOptions || $[10] !== t6) {
-        t7 = [...modelOptions, t6];
-        $[9] = modelOptions;
-        $[10] = t6;
-        $[11] = t7;
-      } else {
-        t7 = $[11];
-      }
-      t4 = t7;
-      break bb0;
+          label: modelDisplayString(initial),
+          description: 'Current model',
+        },
+      ]
     }
-    t4 = modelOptions;
-  }
-  const optionsWithInitial = t4;
-  let t5;
-  if ($[12] !== optionsWithInitial) {
-    t5 = optionsWithInitial.map(_temp3);
-    $[12] = optionsWithInitial;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  const selectOptions = t5;
-  let t6;
-  if ($[14] !== initialValue || $[15] !== selectOptions) {
-    t6 = selectOptions.some(_ => _.value === initialValue) ? initialValue : selectOptions[0]?.value ?? undefined;
-    $[14] = initialValue;
-    $[15] = selectOptions;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  const initialFocusValue = t6;
-  const visibleCount = Math.min(10, selectOptions.length);
-  const hiddenCount = Math.max(0, selectOptions.length - visibleCount);
-  let t7;
-  if ($[17] !== focusedValue || $[18] !== selectOptions) {
-    t7 = selectOptions.find(opt_1 => opt_1.value === focusedValue)?.label;
-    $[17] = focusedValue;
-    $[18] = selectOptions;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  const focusedModelName = t7;
-  let focusedSupportsEffort;
-  let t8;
-  if ($[20] !== focusedValue) {
-    const focusedModel = resolveOptionModel(focusedValue);
-    focusedSupportsEffort = focusedModel ? modelSupportsEffort(focusedModel) : false;
-    t8 = focusedModel ? modelSupportsMaxEffort(focusedModel) : false;
-    $[20] = focusedValue;
-    $[21] = focusedSupportsEffort;
-    $[22] = t8;
-  } else {
-    focusedSupportsEffort = $[21];
-    t8 = $[22];
-  }
-  const focusedSupportsMax = t8;
-  let t9;
-  if ($[23] !== focusedValue) {
-    t9 = getDefaultEffortLevelForOption(focusedValue);
-    $[23] = focusedValue;
-    $[24] = t9;
-  } else {
-    t9 = $[24];
-  }
-  const focusedDefaultEffort = t9;
-  const displayEffort = effort === "max" && !focusedSupportsMax ? "high" : effort;
-  let t10;
-  if ($[25] !== effortValue || $[26] !== hasToggledEffort) {
-    t10 = value => {
-      setFocusedValue(value);
+    return modelOptions
+  }, [modelOptions, initial])
+
+  const selectOptions = useMemo(
+    () =>
+      optionsWithInitial.map(opt => ({
+        ...opt,
+        value: opt.value === null ? NO_PREFERENCE : opt.value,
+      })),
+    [optionsWithInitial],
+  )
+  const initialFocusValue = useMemo(
+    () =>
+      selectOptions.some(_ => _.value === initialValue)
+        ? initialValue
+        : (selectOptions[0]?.value ?? undefined),
+    [selectOptions, initialValue],
+  )
+  const visibleCount = Math.min(maxVisible, selectOptions.length)
+  const hiddenCount = Math.max(0, selectOptions.length - visibleCount)
+
+  const focusedModelName = selectOptions.find(
+    opt => opt.value === focusedValue,
+  )?.label
+  const focusedModel = resolveOptionModel(focusedValue)
+  const focusedSupportsEffort = focusedModel
+    ? modelSupportsEffort(focusedModel)
+    : false
+  const focusedSupportsMax = focusedModel
+    ? modelSupportsMaxEffort(focusedModel)
+    : false
+  const focusedDefaultEffort = getDefaultEffortLevelForOption(focusedValue)
+  // Clamp display when 'max' is selected but the focused model doesn't support it.
+  // resolveAppliedEffort() does the same downgrade at API-send time.
+  const displayEffort =
+    effort === 'max' && !focusedSupportsMax ? 'high' : effort
+
+  const handleFocus = useCallback(
+    (value: string) => {
+      setFocusedValue(value)
       if (!hasToggledEffort && effortValue === undefined) {
-        setEffort(getDefaultEffortLevelForOption(value));
+        setEffort(getDefaultEffortLevelForOption(value))
       }
-    };
-    $[25] = effortValue;
-    $[26] = hasToggledEffort;
-    $[27] = t10;
-  } else {
-    t10 = $[27];
-  }
-  const handleFocus = t10;
-  let t11;
-  if ($[28] !== focusedDefaultEffort || $[29] !== focusedSupportsEffort || $[30] !== focusedSupportsMax) {
-    t11 = direction => {
-      if (!focusedSupportsEffort) {
-        return;
+    },
+    [hasToggledEffort, effortValue],
+  )
+
+  // Effort level cycling keybindings
+  const handleCycleEffort = useCallback(
+    (direction: 'left' | 'right') => {
+      if (!focusedSupportsEffort) return
+      setEffort(prev =>
+        cycleEffortLevel(
+          prev ?? focusedDefaultEffort,
+          direction,
+          focusedSupportsMax,
+        ),
+      )
+      setHasToggledEffort(true)
+    },
+    [focusedSupportsEffort, focusedSupportsMax, focusedDefaultEffort],
+  )
+
+  useKeybindings(
+    {
+      'modelPicker:decreaseEffort': () => handleCycleEffort('left'),
+      'modelPicker:increaseEffort': () => handleCycleEffort('right'),
+    },
+    { context: 'ModelPicker' },
+  )
+
+  function handleSelect(value: string): void {
+    logEvent('tengu_model_command_menu_effort', {
+      effort:
+        effort as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    if (!skipSettingsWrite) {
+      // Prior comes from userSettings on disk — NOT merged settings (which
+      // includes project/policy layers that must not leak into the user's
+      // global ~/.claude/settings.json), and NOT AppState.effortValue (which
+      // includes session-ephemeral sources like --effort CLI flag).
+      // See resolvePickerEffortPersistence JSDoc.
+      const effortLevel = resolvePickerEffortPersistence(
+        effort,
+        getDefaultEffortLevelForOption(value),
+        getSettingsForSource('userSettings')?.effortLevel,
+        hasToggledEffort,
+      )
+      const persistable = toPersistableEffort(effortLevel)
+      if (persistable !== undefined) {
+        updateSettingsForSource('userSettings', { effortLevel: persistable })
       }
-      setEffort(prev => cycleEffortLevel(prev ?? focusedDefaultEffort, direction, focusedSupportsMax));
-      setHasToggledEffort(true);
-    };
-    $[28] = focusedDefaultEffort;
-    $[29] = focusedSupportsEffort;
-    $[30] = focusedSupportsMax;
-    $[31] = t11;
-  } else {
-    t11 = $[31];
+      setAppState(prev => ({ ...prev, effortValue: effortLevel }))
+    }
+
+    const selectedModel = resolveOptionModel(value)
+    const selectedEffort =
+      hasToggledEffort && selectedModel && modelSupportsEffort(selectedModel)
+        ? effort
+        : undefined
+    if (value === NO_PREFERENCE) {
+      onSelect(null, selectedEffort)
+      return
+    }
+    onSelect(value, selectedEffort)
   }
-  const handleCycleEffort = t11;
-  let t12;
-  if ($[32] !== handleCycleEffort) {
-    t12 = {
-      "modelPicker:decreaseEffort": () => handleCycleEffort("left"),
-      "modelPicker:increaseEffort": () => handleCycleEffort("right")
-    };
-    $[32] = handleCycleEffort;
-    $[33] = t12;
-  } else {
-    t12 = $[33];
-  }
-  let t13;
-  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = {
-      context: "ModelPicker"
-    };
-    $[34] = t13;
-  } else {
-    t13 = $[34];
-  }
-  useKeybindings(t12, t13);
-  let t14;
-  if ($[35] !== effort || $[36] !== hasToggledEffort || $[37] !== onSelect || $[38] !== setAppState || $[39] !== skipSettingsWrite) {
-    t14 = function handleSelect(value_0) {
-      logEvent("tengu_model_command_menu_effort", {
-        effort: effort as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
-      });
-      if (!skipSettingsWrite) {
-        const effortLevel = resolvePickerEffortPersistence(effort, getDefaultEffortLevelForOption(value_0), getSettingsForSource("userSettings")?.effortLevel, hasToggledEffort);
-        const persistable = toPersistableEffort(effortLevel);
-        if (persistable !== undefined) {
-          updateSettingsForSource("userSettings", {
-            effortLevel: persistable
-          });
-        }
-        setAppState(prev_0 => ({
-          ...prev_0,
-          effortValue: effortLevel
-        }));
-      }
-      const selectedModel = resolveOptionModel(value_0);
-      const selectedEffort = hasToggledEffort && selectedModel && modelSupportsEffort(selectedModel) ? effort : undefined;
-      if (value_0 === NO_PREFERENCE) {
-        onSelect(null, selectedEffort);
-        return;
-      }
-      onSelect(value_0, selectedEffort);
-    };
-    $[35] = effort;
-    $[36] = hasToggledEffort;
-    $[37] = onSelect;
-    $[38] = setAppState;
-    $[39] = skipSettingsWrite;
-    $[40] = t14;
-  } else {
-    t14 = $[40];
-  }
-  const handleSelect = t14;
-  let t15;
-  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = <Text color="remember" bold={true}>Select model</Text>;
-    $[41] = t15;
-  } else {
-    t15 = $[41];
-  }
-  const t16 = headerText ?? "Switch between Claude models. Applies to this session and future Claude Code sessions. For other/previous model names, specify with --model.";
-  let t17;
-  if ($[42] !== t16) {
-    t17 = <Text dimColor={true}>{t16}</Text>;
-    $[42] = t16;
-    $[43] = t17;
-  } else {
-    t17 = $[43];
-  }
-  let t18;
-  if ($[44] !== sessionModel) {
-    t18 = sessionModel && <Text dimColor={true}>Currently using {modelDisplayString(sessionModel)} for this session (set by plan mode). Selecting a model will undo this.</Text>;
-    $[44] = sessionModel;
-    $[45] = t18;
-  } else {
-    t18 = $[45];
-  }
-  let t19;
-  if ($[46] !== t17 || $[47] !== t18) {
-    t19 = <Box marginBottom={1} flexDirection="column">{t15}{t17}{t18}</Box>;
-    $[46] = t17;
-    $[47] = t18;
-    $[48] = t19;
-  } else {
-    t19 = $[48];
-  }
-  const t20 = onCancel ?? _temp4;
-  let t21;
-  if ($[49] !== handleFocus || $[50] !== handleSelect || $[51] !== initialFocusValue || $[52] !== initialValue || $[53] !== selectOptions || $[54] !== t20 || $[55] !== visibleCount) {
-    t21 = <Box flexDirection="column"><Select defaultValue={initialValue} defaultFocusValue={initialFocusValue} options={selectOptions} onChange={handleSelect} onFocus={handleFocus} onCancel={t20} visibleOptionCount={visibleCount} /></Box>;
-    $[49] = handleFocus;
-    $[50] = handleSelect;
-    $[51] = initialFocusValue;
-    $[52] = initialValue;
-    $[53] = selectOptions;
-    $[54] = t20;
-    $[55] = visibleCount;
-    $[56] = t21;
-  } else {
-    t21 = $[56];
-  }
-  let t22;
-  if ($[57] !== hiddenCount) {
-    t22 = hiddenCount > 0 && <Box paddingLeft={3}><Text dimColor={true}>and {hiddenCount} more…</Text></Box>;
-    $[57] = hiddenCount;
-    $[58] = t22;
-  } else {
-    t22 = $[58];
-  }
-  let t23;
-  if ($[59] !== t21 || $[60] !== t22) {
-    t23 = <Box flexDirection="column" marginBottom={1}>{t21}{t22}</Box>;
-    $[59] = t21;
-    $[60] = t22;
-    $[61] = t23;
-  } else {
-    t23 = $[61];
-  }
-  let t24;
-  if ($[62] !== displayEffort || $[63] !== focusedDefaultEffort || $[64] !== focusedModelName || $[65] !== focusedSupportsEffort) {
-    t24 = <Box marginBottom={1} flexDirection="column">{focusedSupportsEffort ? <Text dimColor={true}><EffortLevelIndicator effort={displayEffort} />{" "}{capitalize(displayEffort)} effort{displayEffort === focusedDefaultEffort ? " (default)" : ""}{" "}<Text color="subtle">← → to adjust</Text></Text> : <Text color="subtle"><EffortLevelIndicator effort={undefined} /> Effort not supported{focusedModelName ? ` for ${focusedModelName}` : ""}</Text>}</Box>;
-    $[62] = displayEffort;
-    $[63] = focusedDefaultEffort;
-    $[64] = focusedModelName;
-    $[65] = focusedSupportsEffort;
-    $[66] = t24;
-  } else {
-    t24 = $[66];
-  }
-  let t25;
-  if ($[67] !== showFastModeNotice) {
-    t25 = isFastModeEnabled() ? showFastModeNotice ? <Box marginBottom={1}><Text dimColor={true}>Fast mode is <Text bold={true}>ON</Text> and available with{" "}{FAST_MODE_MODEL_DISPLAY} only (/fast). Switching to other models turn off fast mode.</Text></Box> : isFastModeAvailable() && !isFastModeCooldown() ? <Box marginBottom={1}><Text dimColor={true}>Use <Text bold={true}>/fast</Text> to turn on Fast mode ({FAST_MODE_MODEL_DISPLAY} only).</Text></Box> : null : null;
-    $[67] = showFastModeNotice;
-    $[68] = t25;
-  } else {
-    t25 = $[68];
-  }
-  let t26;
-  if ($[69] !== t19 || $[70] !== t23 || $[71] !== t24 || $[72] !== t25) {
-    t26 = <Box flexDirection="column">{t19}{t23}{t24}{t25}</Box>;
-    $[69] = t19;
-    $[70] = t23;
-    $[71] = t24;
-    $[72] = t25;
-    $[73] = t26;
-  } else {
-    t26 = $[73];
-  }
-  let t27;
-  if ($[74] !== exitState || $[75] !== isStandaloneCommand) {
-    t27 = isStandaloneCommand && <Text dimColor={true} italic={true}>{exitState.pending ? <>Press {exitState.keyName} again to exit</> : <Byline><KeyboardShortcutHint shortcut="Enter" action="confirm" /><ConfigurableShortcutHint action="select:cancel" context="Select" fallback="Esc" description="exit" /></Byline>}</Text>;
-    $[74] = exitState;
-    $[75] = isStandaloneCommand;
-    $[76] = t27;
-  } else {
-    t27 = $[76];
-  }
-  let t28;
-  if ($[77] !== t26 || $[78] !== t27) {
-    t28 = <Box flexDirection="column">{t26}{t27}</Box>;
-    $[77] = t26;
-    $[78] = t27;
-    $[79] = t28;
-  } else {
-    t28 = $[79];
-  }
-  const content = t28;
+
+  const content = (
+    <Box flexDirection="column">
+      <Box flexDirection="column">
+        <Box marginBottom={1} flexDirection="column">
+          <Text color="remember" bold>
+            Select model
+          </Text>
+          <Text dimColor>
+            {headerText ??
+              'Switch between Claude models. Applies to this session and future Claude Code sessions. For other/previous model names, specify with --model.'}
+          </Text>
+          {sessionModel && (
+            <Text dimColor>
+              Currently using {modelDisplayString(sessionModel)} for this
+              session (set by plan mode). Selecting a model will undo this.
+            </Text>
+          )}
+        </Box>
+
+        <Box flexDirection="column" marginBottom={1}>
+          <Box flexDirection="column">
+            <Select
+              defaultValue={initialValue}
+              defaultFocusValue={initialFocusValue}
+              options={selectOptions}
+              onChange={handleSelect}
+              onFocus={handleFocus}
+              onCancel={onCancel ?? (() => {})}
+              visibleOptionCount={visibleCount}
+            />
+          </Box>
+          {hiddenCount > 0 && (
+            <Box paddingLeft={3}>
+              <Text dimColor>and {hiddenCount} more…</Text>
+            </Box>
+          )}
+        </Box>
+
+        <Box marginBottom={1} flexDirection="column">
+          {focusedSupportsEffort ? (
+            <Text dimColor>
+              <EffortLevelIndicator effort={displayEffort} />{' '}
+              {capitalize(displayEffort)} effort
+              {displayEffort === focusedDefaultEffort ? ` (default)` : ``}{' '}
+              <Text color="subtle">← → to adjust</Text>
+            </Text>
+          ) : (
+            <Text color="subtle">
+              <EffortLevelIndicator effort={undefined} /> Effort not supported
+              {focusedModelName ? ` for ${focusedModelName}` : ''}
+            </Text>
+          )}
+        </Box>
+
+        {isFastModeEnabled() ? (
+          showFastModeNotice ? (
+            <Box marginBottom={1}>
+              <Text dimColor>
+                Fast mode is <Text bold>ON</Text> and available with{' '}
+                {FAST_MODE_MODEL_DISPLAY} only (/fast). Switching to other
+                models turn off fast mode.
+              </Text>
+            </Box>
+          ) : isFastModeAvailable() && !isFastModeCooldown() ? (
+            <Box marginBottom={1}>
+              <Text dimColor>
+                Use <Text bold>/fast</Text> to turn on Fast mode (
+                {FAST_MODE_MODEL_DISPLAY} only).
+              </Text>
+            </Box>
+          ) : null
+        ) : null}
+      </Box>
+
+      {isStandaloneCommand && (
+        <Text dimColor italic>
+          {exitState.pending ? (
+            <>Press {exitState.keyName} again to exit</>
+          ) : (
+            <Byline>
+              <KeyboardShortcutHint shortcut="Enter" action="confirm" />
+              <ConfigurableShortcutHint
+                action="select:cancel"
+                context="Select"
+                fallback="Esc"
+                description="exit"
+              />
+            </Byline>
+          )}
+        </Text>
+      )}
+    </Box>
+  )
+
   if (!isStandaloneCommand) {
-    return content;
+    return content
   }
-  let t29;
-  if ($[80] !== content) {
-    t29 = <Pane color="permission">{content}</Pane>;
-    $[80] = content;
-    $[81] = t29;
-  } else {
-    t29 = $[81];
-  }
-  return t29;
-}
-function _temp4() {}
-function _temp3(opt_0) {
-  return {
-    ...opt_0,
-    value: opt_0.value === null ? NO_PREFERENCE : opt_0.value
-  };
-}
-function _temp2(s_0) {
-  return s_0.effortValue;
-}
-function _temp(s) {
-  return isFastModeEnabled() ? s.fastMode : false;
+
+  return <Pane color="permission">{content}</Pane>
 }
+
 function resolveOptionModel(value?: string): string | undefined {
-  if (!value) return undefined;
-  return value === NO_PREFERENCE ? getDefaultMainLoopModel() : parseUserSpecifiedModel(value);
+  if (!value) return undefined
+  return value === NO_PREFERENCE
+    ? getDefaultMainLoopModel()
+    : parseUserSpecifiedModel(value)
 }
-function EffortLevelIndicator(t0) {
-  const $ = _c(5);
-  const {
-    effort
-  } = t0;
-  const t1 = effort ? "claude" : "subtle";
-  const t2 = effort ?? "low";
-  let t3;
-  if ($[0] !== t2) {
-    t3 = effortLevelToSymbol(t2);
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== t1 || $[3] !== t3) {
-    t4 = <Text color={t1}>{t3}</Text>;
-    $[2] = t1;
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  return t4;
+
+function EffortLevelIndicator({
+  effort,
+}: {
+  effort?: EffortLevel
+}): React.ReactNode {
+  return (
+    <Text color={effort ? 'claude' : 'subtle'}>
+      {effortLevelToSymbol(effort ?? 'low')}
+    </Text>
+  )
 }
-function cycleEffortLevel(current: EffortLevel, direction: 'left' | 'right', includeMax: boolean): EffortLevel {
-  const levels: EffortLevel[] = includeMax ? ['low', 'medium', 'high', 'max'] : ['low', 'medium', 'high'];
+
+function cycleEffortLevel(
+  current: EffortLevel,
+  direction: 'left' | 'right',
+  includeMax: boolean,
+): EffortLevel {
+  const levels: EffortLevel[] = includeMax
+    ? ['low', 'medium', 'high', 'max']
+    : ['low', 'medium', 'high']
   // If the current level isn't in the cycle (e.g. 'max' after switching to a
   // non-Opus model), clamp to 'high'.
-  const idx = levels.indexOf(current);
-  const currentIndex = idx !== -1 ? idx : levels.indexOf('high');
+  const idx = levels.indexOf(current)
+  const currentIndex = idx !== -1 ? idx : levels.indexOf('high')
   if (direction === 'right') {
-    return levels[(currentIndex + 1) % levels.length]!;
+    return levels[(currentIndex + 1) % levels.length]!
   } else {
-    return levels[(currentIndex - 1 + levels.length) % levels.length]!;
+    return levels[(currentIndex - 1 + levels.length) % levels.length]!
   }
 }
+
 function getDefaultEffortLevelForOption(value?: string): EffortLevel {
-  const resolved = resolveOptionModel(value) ?? getDefaultMainLoopModel();
-  const defaultValue = getDefaultEffortForModel(resolved);
-  return defaultValue !== undefined ? convertEffortValueToLevel(defaultValue) : 'high';
+  const resolved = resolveOptionModel(value) ?? getDefaultMainLoopModel()
+  const defaultValue = getDefaultEffortForModel(resolved)
+  return defaultValue !== undefined
+    ? convertEffortValueToLevel(defaultValue)
+    : 'high'
 }