更新大量 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/messages/UserTeammateMessage.tsx

@@ -1,28 +1,33 @@
-import { c as _c } from "react/compiler-runtime";
-import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
-import figures from 'figures';
-import * as React from 'react';
-import { TEAMMATE_MESSAGE_TAG } from '../../constants/xml.js';
-import { Ansi, Box, Text, type TextProps } from '../../ink.js';
-import { toInkColor } from '../../utils/ink.js';
-import { jsonParse } from '../../utils/slowOperations.js';
-import { isShutdownApproved } from '../../utils/teammateMailbox.js';
-import { MessageResponse } from '../MessageResponse.js';
-import { tryRenderPlanApprovalMessage } from './PlanApprovalMessage.js';
-import { tryRenderShutdownMessage } from './ShutdownMessage.js';
-import { tryRenderTaskAssignmentMessage } from './TaskAssignmentMessage.js';
+import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'
+import figures from 'figures'
+import * as React from 'react'
+import { TEAMMATE_MESSAGE_TAG } from '../../constants/xml.js'
+import { Ansi, Box, Text, type TextProps } from '../../ink.js'
+import { toInkColor } from '../../utils/ink.js'
+import { jsonParse } from '../../utils/slowOperations.js'
+import { isShutdownApproved } from '../../utils/teammateMailbox.js'
+import { MessageResponse } from '../MessageResponse.js'
+import { tryRenderPlanApprovalMessage } from './PlanApprovalMessage.js'
+import { tryRenderShutdownMessage } from './ShutdownMessage.js'
+import { tryRenderTaskAssignmentMessage } from './TaskAssignmentMessage.js'
+
 type Props = {
-  addMargin: boolean;
-  param: TextBlockParam;
-  isTranscriptMode?: boolean;
-};
+  addMargin: boolean
+  param: TextBlockParam
+  isTranscriptMode?: boolean
+}
+
 type ParsedMessage = {
-  teammateId: string;
-  content: string;
-  color?: string;
-  summary?: string;
-};
-const TEAMMATE_MSG_REGEX = new RegExp(`<${TEAMMATE_MESSAGE_TAG}\\s+teammate_id="([^"]+)"(?:\\s+color="([^"]+)")?(?:\\s+summary="([^"]+)")?>\\n?([\\s\\S]*?)\\n?<\\/${TEAMMATE_MESSAGE_TAG}>`, 'g');
+  teammateId: string
+  content: string
+  color?: string
+  summary?: string
+}
+
+const TEAMMATE_MSG_REGEX = new RegExp(
+  `<${TEAMMATE_MESSAGE_TAG}\\s+teammate_id="([^"]+)"(?:\\s+color="([^"]+)")?(?:\\s+summary="([^"]+)")?>\\n?([\\s\\S]*?)\\n?<\\/${TEAMMATE_MESSAGE_TAG}>`,
+  'g',
+)
 
 /**
  * Parse all teammate messages from XML format:
@@ -30,176 +35,169 @@ const TEAMMATE_MSG_REGEX = new RegExp(`<${TEAMMATE_MESSAGE_TAG}\\s+teammate_id="
  * Supports multiple messages in a single text block.
  */
 function parseTeammateMessages(text: string): ParsedMessage[] {
-  const messages: ParsedMessage[] = [];
+  const messages: ParsedMessage[] = []
   // Use matchAll to find all matches (this is a RegExp method, not child_process)
   for (const match of text.matchAll(TEAMMATE_MSG_REGEX)) {
     if (match[1] && match[4]) {
       messages.push({
         teammateId: match[1],
-        color: match[2],
-        // may be undefined
-        summary: match[3],
-        // may be undefined
-        content: match[4].trim()
-      });
+        color: match[2], // may be undefined
+        summary: match[3], // may be undefined
+        content: match[4].trim(),
+      })
     }
   }
-  return messages;
+
+  return messages
 }
+
 function getDisplayName(teammateId: string): string {
   if (teammateId === 'leader') {
-    return 'leader';
+    return 'leader'
   }
-  return teammateId;
+  return teammateId
 }
+
 export function UserTeammateMessage({
   addMargin,
-  param: {
-    text
-  },
-  isTranscriptMode
+  param: { text },
+  isTranscriptMode,
 }: Props): React.ReactNode {
   const messages = parseTeammateMessages(text).filter(msg => {
     // Pre-filter shutdown lifecycle messages to avoid empty wrapper
     // Box elements creating blank lines between model turns
     if (isShutdownApproved(msg.content)) {
-      return false;
+      return false
     }
     try {
-      const parsed = jsonParse(msg.content);
-      if (parsed?.type === 'teammate_terminated') return false;
+      const parsed = jsonParse(msg.content)
+      if (parsed?.type === 'teammate_terminated') return false
     } catch {
       // Not JSON, keep the message
     }
-    return true;
-  });
+    return true
+  })
   if (messages.length === 0) {
-    return null;
+    return null
   }
-  return <Box flexDirection="column" marginTop={addMargin ? 1 : 0} width="100%">
-      {messages.map((msg_0, index) => {
-      const inkColor = toInkColor(msg_0.color);
-      const displayName = getDisplayName(msg_0.teammateId);
 
-      // Try to render as plan approval message (request or response)
-      const planApprovalElement = tryRenderPlanApprovalMessage(msg_0.content, displayName);
-      if (planApprovalElement) {
-        return <React.Fragment key={index}>{planApprovalElement}</React.Fragment>;
-      }
+  return (
+    <Box flexDirection="column" marginTop={addMargin ? 1 : 0} width="100%">
+      {messages.map((msg, index) => {
+        const inkColor = toInkColor(msg.color)
+        const displayName = getDisplayName(msg.teammateId)
 
-      // Try to render as shutdown message (request or rejected)
-      const shutdownElement = tryRenderShutdownMessage(msg_0.content);
-      if (shutdownElement) {
-        return <React.Fragment key={index}>{shutdownElement}</React.Fragment>;
-      }
+        // Try to render as plan approval message (request or response)
+        const planApprovalElement = tryRenderPlanApprovalMessage(
+          msg.content,
+          displayName,
+        )
+        if (planApprovalElement) {
+          return (
+            <React.Fragment key={index}>{planApprovalElement}</React.Fragment>
+          )
+        }
 
-      // Try to render as task assignment message
-      const taskAssignmentElement = tryRenderTaskAssignmentMessage(msg_0.content);
-      if (taskAssignmentElement) {
-        return <React.Fragment key={index}>{taskAssignmentElement}</React.Fragment>;
-      }
+        // Try to render as shutdown message (request or rejected)
+        const shutdownElement = tryRenderShutdownMessage(msg.content)
+        if (shutdownElement) {
+          return <React.Fragment key={index}>{shutdownElement}</React.Fragment>
+        }
 
-      // Try to parse as structured JSON message
-      let parsedIdleNotification: {
-        type?: string;
-      } | null = null;
-      try {
-        parsedIdleNotification = jsonParse(msg_0.content);
-      } catch {
-        // Not JSON
-      }
+        // Try to render as task assignment message
+        const taskAssignmentElement = tryRenderTaskAssignmentMessage(
+          msg.content,
+        )
+        if (taskAssignmentElement) {
+          return (
+            <React.Fragment key={index}>{taskAssignmentElement}</React.Fragment>
+          )
+        }
 
-      // Hide idle notifications - they are processed silently
-      if (parsedIdleNotification?.type === 'idle_notification') {
-        return null;
-      }
+        // Try to parse as structured JSON message
+        let parsedIdleNotification: { type?: string } | null = null
+        try {
+          parsedIdleNotification = jsonParse(msg.content)
+        } catch {
+          // Not JSON
+        }
 
-      // Task completed notification - show which task was completed
-      if (parsedIdleNotification?.type === 'task_completed') {
-        const taskCompleted = parsedIdleNotification as {
-          type: string;
-          from: string;
-          taskId: string;
-          taskSubject?: string;
-        };
-        return <Box key={index} flexDirection="column" marginTop={1}>
-              <Text color={inkColor}>{`@${displayName}${figures.pointer}`}</Text>
+        // Hide idle notifications - they are processed silently
+        if (parsedIdleNotification?.type === 'idle_notification') {
+          return null
+        }
+
+        // Task completed notification - show which task was completed
+        if (parsedIdleNotification?.type === 'task_completed') {
+          const taskCompleted = parsedIdleNotification as {
+            type: string
+            from: string
+            taskId: string
+            taskSubject?: string
+          }
+          return (
+            <Box key={index} flexDirection="column" marginTop={1}>
+              <Text
+                color={inkColor}
+              >{`@${displayName}${figures.pointer}`}</Text>
               <MessageResponse>
                 <Text color="success">✓</Text>
                 <Text>
                   {' '}
                   Completed task #{taskCompleted.taskId}
-                  {taskCompleted.taskSubject && <Text dimColor> ({taskCompleted.taskSubject})</Text>}
+                  {taskCompleted.taskSubject && (
+                    <Text dimColor> ({taskCompleted.taskSubject})</Text>
+                  )}
                 </Text>
               </MessageResponse>
-            </Box>;
-      }
+            </Box>
+          )
+        }
 
-      // Default: plain text message (truncated)
-      return <TeammateMessageContent key={index} displayName={displayName} inkColor={inkColor} content={msg_0.content} summary={msg_0.summary} isTranscriptMode={isTranscriptMode} />;
-    })}
-    </Box>;
+        // Default: plain text message (truncated)
+        return (
+          <TeammateMessageContent
+            key={index}
+            displayName={displayName}
+            inkColor={inkColor}
+            content={msg.content}
+            summary={msg.summary}
+            isTranscriptMode={isTranscriptMode}
+          />
+        )
+      })}
+    </Box>
+  )
 }
+
 type TeammateMessageContentProps = {
-  displayName: string;
-  inkColor: TextProps['color'];
-  content: string;
-  summary?: string;
-  isTranscriptMode?: boolean;
-};
-export function TeammateMessageContent(t0) {
-  const $ = _c(14);
-  const {
-    displayName,
-    inkColor,
-    content,
-    summary,
-    isTranscriptMode
-  } = t0;
-  const t1 = `@${displayName}${figures.pointer}`;
-  let t2;
-  if ($[0] !== inkColor || $[1] !== t1) {
-    t2 = <Text color={inkColor}>{t1}</Text>;
-    $[0] = inkColor;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== summary) {
-    t3 = summary && <Text> {summary}</Text>;
-    $[3] = summary;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== t2 || $[6] !== t3) {
-    t4 = <Box>{t2}{t3}</Box>;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== content || $[9] !== isTranscriptMode) {
-    t5 = isTranscriptMode && <Box paddingLeft={2}><Text><Ansi>{content}</Ansi></Text></Box>;
-    $[8] = content;
-    $[9] = isTranscriptMode;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== t4 || $[12] !== t5) {
-    t6 = <Box flexDirection="column" marginTop={1}>{t4}{t5}</Box>;
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  return t6;
+  displayName: string
+  inkColor: TextProps['color']
+  content: string
+  summary?: string
+  isTranscriptMode?: boolean
+}
+
+export function TeammateMessageContent({
+  displayName,
+  inkColor,
+  content,
+  summary,
+  isTranscriptMode,
+}: TeammateMessageContentProps): React.ReactNode {
+  return (
+    <Box flexDirection="column" marginTop={1}>
+      <Box>
+        <Text color={inkColor}>{`@${displayName}${figures.pointer}`}</Text>
+        {summary && <Text> {summary}</Text>}
+      </Box>
+      {isTranscriptMode && (
+        <Box paddingLeft={2}>
+          <Text>
+            <Ansi>{content}</Ansi>
+          </Text>
+        </Box>
+      )}
+    </Box>
+  )
 }