更新大量 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/LogoV2/CondensedLogo.tsx

@@ -1,160 +1,119 @@
-import { c as _c } from "react/compiler-runtime";
-import * as React from 'react';
-import { type ReactNode, useEffect } from 'react';
-import { useMainLoopModel } from '../../hooks/useMainLoopModel.js';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { stringWidth } from '../../ink/stringWidth.js';
-import { Box, Text } from '../../ink.js';
-import { useAppState } from '../../state/AppState.js';
-import { getEffortSuffix } from '../../utils/effort.js';
-import { truncate } from '../../utils/format.js';
-import { isFullscreenEnvEnabled } from '../../utils/fullscreen.js';
-import { formatModelAndBilling, getLogoDisplayData, truncatePath } from '../../utils/logoV2Utils.js';
-import { renderModelSetting } from '../../utils/model/model.js';
-import { OffscreenFreeze } from '../OffscreenFreeze.js';
-import { AnimatedClawd } from './AnimatedClawd.js';
-import { Clawd } from './Clawd.js';
-import { GuestPassesUpsell, incrementGuestPassesSeenCount, useShowGuestPassesUpsell } from './GuestPassesUpsell.js';
-import { incrementOverageCreditUpsellSeenCount, OverageCreditUpsell, useShowOverageCreditUpsell } from './OverageCreditUpsell.js';
-export function CondensedLogo() {
-  const $ = _c(29);
-  const {
-    columns
-  } = useTerminalSize();
-  const agent = useAppState(_temp);
-  const effortValue = useAppState(_temp2);
-  const model = useMainLoopModel();
-  const modelDisplayName = renderModelSetting(model);
-  const {
+import * as React from 'react'
+import { type ReactNode, useEffect } from 'react'
+import { useMainLoopModel } from '../../hooks/useMainLoopModel.js'
+import { useTerminalSize } from '../../hooks/useTerminalSize.js'
+import { stringWidth } from '../../ink/stringWidth.js'
+import { Box, Text } from '../../ink.js'
+import { useAppState } from '../../state/AppState.js'
+import { getEffortSuffix } from '../../utils/effort.js'
+import { truncate } from '../../utils/format.js'
+import { isFullscreenEnvEnabled } from '../../utils/fullscreen.js'
+import {
+  formatModelAndBilling,
+  getLogoDisplayData,
+  truncatePath,
+} from '../../utils/logoV2Utils.js'
+import { renderModelSetting } from '../../utils/model/model.js'
+import { OffscreenFreeze } from '../OffscreenFreeze.js'
+import { AnimatedClawd } from './AnimatedClawd.js'
+import { Clawd } from './Clawd.js'
+import {
+  GuestPassesUpsell,
+  incrementGuestPassesSeenCount,
+  useShowGuestPassesUpsell,
+} from './GuestPassesUpsell.js'
+import {
+  incrementOverageCreditUpsellSeenCount,
+  OverageCreditUpsell,
+  useShowOverageCreditUpsell,
+} from './OverageCreditUpsell.js'
+
+export function CondensedLogo(): ReactNode {
+  const { columns } = useTerminalSize()
+  const agent = useAppState(s => s.agent)
+  const effortValue = useAppState(s => s.effortValue)
+  const model = useMainLoopModel()
+  const modelDisplayName = renderModelSetting(model)
+  const { version, cwd, billingType, agentName: agentNameFromSettings } = getLogoDisplayData()
+
+  // Prefer AppState.agent (set from --agent CLI flag) over settings
+  const agentName = agent ?? agentNameFromSettings
+  const showGuestPassesUpsell = useShowGuestPassesUpsell()
+  const showOverageCreditUpsell = useShowOverageCreditUpsell()
+
+  useEffect(() => {
+    if (showGuestPassesUpsell) {
+      incrementGuestPassesSeenCount()
+    }
+  }, [showGuestPassesUpsell])
+
+  useEffect(() => {
+    if (showOverageCreditUpsell && !showGuestPassesUpsell) {
+      incrementOverageCreditUpsellSeenCount()
+    }
+  }, [showOverageCreditUpsell, showGuestPassesUpsell])
+
+  // Calculate available width for text content
+  // Account for: condensed clawd width (11 chars) + gap (2) + padding (2) = 15 chars
+  const textWidth = Math.max(columns - 15, 20)
+
+  // Truncate version to fit within available width, accounting for "Claude Code v" prefix
+  const versionPrefix = 'Claude Code v'
+  const truncatedVersion = truncate(
     version,
-    cwd,
-    billingType,
-    agentName: agentNameFromSettings
-  } = getLogoDisplayData();
-  const agentName = agent ?? agentNameFromSettings;
-  const showGuestPassesUpsell = useShowGuestPassesUpsell();
-  const showOverageCreditUpsell = useShowOverageCreditUpsell();
-  let t0;
-  let t1;
-  if ($[0] !== showGuestPassesUpsell) {
-    t0 = () => {
-      if (showGuestPassesUpsell) {
-        incrementGuestPassesSeenCount();
-      }
-    };
-    t1 = [showGuestPassesUpsell];
-    $[0] = showGuestPassesUpsell;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t0 = $[1];
-    t1 = $[2];
-  }
-  useEffect(t0, t1);
-  let t2;
-  let t3;
-  if ($[3] !== showGuestPassesUpsell || $[4] !== showOverageCreditUpsell) {
-    t2 = () => {
-      if (showOverageCreditUpsell && !showGuestPassesUpsell) {
-        incrementOverageCreditUpsellSeenCount();
-      }
-    };
-    t3 = [showOverageCreditUpsell, showGuestPassesUpsell];
-    $[3] = showGuestPassesUpsell;
-    $[4] = showOverageCreditUpsell;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  useEffect(t2, t3);
-  const textWidth = Math.max(columns - 15, 20);
-  const truncatedVersion = truncate(version, Math.max(textWidth - 13, 6));
-  const effortSuffix = getEffortSuffix(model, effortValue);
-  const {
-    shouldSplit,
-    truncatedModel,
-    truncatedBilling
-  } = formatModelAndBilling(modelDisplayName + effortSuffix, billingType, textWidth);
-  const cwdAvailableWidth = agentName ? textWidth - 1 - stringWidth(agentName) - 3 : textWidth;
-  const truncatedCwd = truncatePath(cwd, Math.max(cwdAvailableWidth, 10));
-  let t4;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = isFullscreenEnvEnabled() ? <AnimatedClawd /> : <Clawd />;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = <Text bold={true}>Claude Code</Text>;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  let t6;
-  if ($[9] !== truncatedVersion) {
-    t6 = <Text>{t5}{" "}<Text dimColor={true}>v{truncatedVersion}</Text></Text>;
-    $[9] = truncatedVersion;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  let t7;
-  if ($[11] !== shouldSplit || $[12] !== truncatedBilling || $[13] !== truncatedModel) {
-    t7 = shouldSplit ? <><Text dimColor={true}>{truncatedModel}</Text><Text dimColor={true}>{truncatedBilling}</Text></> : <Text dimColor={true}>{truncatedModel} · {truncatedBilling}</Text>;
-    $[11] = shouldSplit;
-    $[12] = truncatedBilling;
-    $[13] = truncatedModel;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  const t8 = agentName ? `@${agentName} · ${truncatedCwd}` : truncatedCwd;
-  let t9;
-  if ($[15] !== t8) {
-    t9 = <Text dimColor={true}>{t8}</Text>;
-    $[15] = t8;
-    $[16] = t9;
-  } else {
-    t9 = $[16];
-  }
-  let t10;
-  if ($[17] !== showGuestPassesUpsell) {
-    t10 = showGuestPassesUpsell && <GuestPassesUpsell />;
-    $[17] = showGuestPassesUpsell;
-    $[18] = t10;
-  } else {
-    t10 = $[18];
-  }
-  let t11;
-  if ($[19] !== showGuestPassesUpsell || $[20] !== showOverageCreditUpsell || $[21] !== textWidth) {
-    t11 = !showGuestPassesUpsell && showOverageCreditUpsell && <OverageCreditUpsell maxWidth={textWidth} twoLine={true} />;
-    $[19] = showGuestPassesUpsell;
-    $[20] = showOverageCreditUpsell;
-    $[21] = textWidth;
-    $[22] = t11;
-  } else {
-    t11 = $[22];
-  }
-  let t12;
-  if ($[23] !== t10 || $[24] !== t11 || $[25] !== t6 || $[26] !== t7 || $[27] !== t9) {
-    t12 = <OffscreenFreeze><Box flexDirection="row" gap={2} alignItems="center">{t4}<Box flexDirection="column">{t6}{t7}{t9}{t10}{t11}</Box></Box></OffscreenFreeze>;
-    $[23] = t10;
-    $[24] = t11;
-    $[25] = t6;
-    $[26] = t7;
-    $[27] = t9;
-    $[28] = t12;
-  } else {
-    t12 = $[28];
-  }
-  return t12;
-}
-function _temp2(s_0) {
-  return s_0.effortValue;
-}
-function _temp(s) {
-  return s.agent;
+    Math.max(textWidth - versionPrefix.length, 6),
+  )
+
+  const effortSuffix = getEffortSuffix(model, effortValue)
+  const { shouldSplit, truncatedModel, truncatedBilling } =
+    formatModelAndBilling(
+      modelDisplayName + effortSuffix,
+      billingType,
+      textWidth,
+    )
+
+  // Truncate path, accounting for agent name if present
+  const separator = ' · '
+  const atPrefix = '@'
+  const cwdAvailableWidth = agentName
+    ? textWidth - atPrefix.length - stringWidth(agentName) - separator.length
+    : textWidth
+  const truncatedCwd = truncatePath(cwd, Math.max(cwdAvailableWidth, 10))
+
+  // OffscreenFreeze: the logo sits at the top of the message list and is the
+  // first thing to enter scrollback. useMainLoopModel() subscribes to model
+  // changes and getLogoDisplayData() reads getCwd()/subscription state — any
+  // of which changing while in scrollback would force a full terminal reset.
+  return (
+    <OffscreenFreeze>
+      <Box flexDirection="row" gap={2} alignItems="center">
+      {isFullscreenEnvEnabled() ? <AnimatedClawd /> : <Clawd />}
+
+      {/* Info */}
+      <Box flexDirection="column">
+        <Text>
+          <Text bold>Claude Code</Text>{' '}
+          <Text dimColor>v{truncatedVersion}</Text>
+        </Text>
+        {shouldSplit ? (
+          <>
+            <Text dimColor>{truncatedModel}</Text>
+            <Text dimColor>{truncatedBilling}</Text>
+          </>
+        ) : (
+          <Text dimColor>
+            {truncatedModel} · {truncatedBilling}
+          </Text>
+        )}
+        <Text dimColor>
+          {agentName ? `@${agentName} · ${truncatedCwd}` : truncatedCwd}
+        </Text>
+        {showGuestPassesUpsell && <GuestPassesUpsell />}
+        {!showGuestPassesUpsell && showOverageCreditUpsell && (
+          <OverageCreditUpsell maxWidth={textWidth} twoLine />
+        )}
+      </Box>
+      </Box>
+    </OffscreenFreeze>
+  )
 }