更新大量 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>
2026-06-18 22:35:51 +00:00 · 2026-04-04 23:24:27 +08:00
parent 02694918b5
commit 5b1a52b8e0
559 changed files with 103807 additions and 101817 deletions
--- a/src/components/PromptInput/PromptInputQueuedCommands.tsx
+++ b/src/components/PromptInput/PromptInputQueuedCommands.tsx
@@ -1,17 +1,26 @@
-import { feature } from 'bun:bundle';
-import * as React from 'react';
-import { useMemo } from 'react';
-import { Box } from 'src/ink.js';
-import { useAppState } from 'src/state/AppState.js';
-import { STATUS_TAG, SUMMARY_TAG, TASK_NOTIFICATION_TAG } from '../../constants/xml.js';
-import { QueuedMessageProvider } from '../../context/QueuedMessageContext.js';
-import { useCommandQueue } from '../../hooks/useCommandQueue.js';
-import type { QueuedCommand } from '../../types/textInputTypes.js';
-import { isQueuedCommandVisible } from '../../utils/messageQueueManager.js';
-import { createUserMessage, EMPTY_LOOKUPS, normalizeMessages } from '../../utils/messages.js';
-import { jsonParse } from '../../utils/slowOperations.js';
-import { Message } from '../Message.js';
-const EMPTY_SET = new Set<string>();
+import { feature } from 'bun:bundle'
+import * as React from 'react'
+import { useMemo } from 'react'
+import { Box } from 'src/ink.js'
+import { useAppState } from 'src/state/AppState.js'
+import {
+  STATUS_TAG,
+  SUMMARY_TAG,
+  TASK_NOTIFICATION_TAG,
+} from '../../constants/xml.js'
+import { QueuedMessageProvider } from '../../context/QueuedMessageContext.js'
+import { useCommandQueue } from '../../hooks/useCommandQueue.js'
+import type { QueuedCommand } from '../../types/textInputTypes.js'
+import { isQueuedCommandVisible } from '../../utils/messageQueueManager.js'
+import {
+  createUserMessage,
+  EMPTY_LOOKUPS,
+  normalizeMessages,
+} from '../../utils/messages.js'
+import { jsonParse } from '../../utils/slowOperations.js'
+import { Message } from '../Message.js'
+
+const EMPTY_SET = new Set<string>()

 /**
 * Check if a command value is an idle notification that should be hidden.
@@ -19,15 +28,15 @@ const EMPTY_SET = new Set<string>();
 */
 function isIdleNotification(value: string): boolean {
  try {
-    const parsed = jsonParse(value);
-    return parsed?.type === 'idle_notification';
+    const parsed = jsonParse(value)
+    return parsed?.type === 'idle_notification'
  } catch {
-    return false;
+    return false
  }
 }

 // Maximum number of task notification lines to show
-const MAX_VISIBLE_NOTIFICATIONS = 3;
+const MAX_VISIBLE_NOTIFICATIONS = 3

 /**
 * Create a synthetic overflow notification message for capped task notifications.
@@ -36,7 +45,7 @@ function createOverflowNotificationMessage(count: number): string {
  return `<${TASK_NOTIFICATION_TAG}>
 <${SUMMARY_TAG}>+${count} more tasks completed</${SUMMARY_TAG}>
 <${STATUS_TAG}>completed</${STATUS_TAG}>
-</${TASK_NOTIFICATION_TAG}>`;
+</${TASK_NOTIFICATION_TAG}>`
 }

 /**
@@ -44,73 +53,114 @@ function createOverflowNotificationMessage(count: number): string {
 * Other command types are always shown in full.
 * Idle notifications are filtered out entirely.
 */
-function processQueuedCommands(queuedCommands: QueuedCommand[]): QueuedCommand[] {
+function processQueuedCommands(
+  queuedCommands: QueuedCommand[],
+): QueuedCommand[] {
  // Filter out idle notifications - they are processed silently
-  const filteredCommands = queuedCommands.filter(cmd => typeof cmd.value !== 'string' || !isIdleNotification(cmd.value));
+  const filteredCommands = queuedCommands.filter(
+    cmd => typeof cmd.value !== 'string' || !isIdleNotification(cmd.value),
+  )

  // Separate task notifications from other commands
-  const taskNotifications = filteredCommands.filter(cmd => cmd.mode === 'task-notification');
-  const otherCommands = filteredCommands.filter(cmd => cmd.mode !== 'task-notification');
+  const taskNotifications = filteredCommands.filter(
+    cmd => cmd.mode === 'task-notification',
+  )
+  const otherCommands = filteredCommands.filter(
+    cmd => cmd.mode !== 'task-notification',
+  )

  // If notifications fit within limit, return all commands as-is
  if (taskNotifications.length <= MAX_VISIBLE_NOTIFICATIONS) {
-    return [...otherCommands, ...taskNotifications];
+    return [...otherCommands, ...taskNotifications]
  }

  // Show first (MAX_VISIBLE_NOTIFICATIONS - 1) notifications, then a summary
-  const visibleNotifications = taskNotifications.slice(0, MAX_VISIBLE_NOTIFICATIONS - 1);
-  const overflowCount = taskNotifications.length - (MAX_VISIBLE_NOTIFICATIONS - 1);
+  const visibleNotifications = taskNotifications.slice(
+    0,
+    MAX_VISIBLE_NOTIFICATIONS - 1,
+  )
+  const overflowCount =
+    taskNotifications.length - (MAX_VISIBLE_NOTIFICATIONS - 1)

  // Create synthetic overflow message
  const overflowCommand: QueuedCommand = {
    value: createOverflowNotificationMessage(overflowCount),
-    mode: 'task-notification'
-  };
-  return [...otherCommands, ...visibleNotifications, overflowCommand];
+    mode: 'task-notification',
+  }
+
+  return [...otherCommands, ...visibleNotifications, overflowCommand]
 }
+
 function PromptInputQueuedCommandsImpl(): React.ReactNode {
-  const queuedCommands = useCommandQueue();
-  const viewingAgent = useAppState(s => !!s.viewingAgentTaskId);
+  const queuedCommands = useCommandQueue()
+  const viewingAgent = useAppState(s => !!s.viewingAgentTaskId)
  // Brief layout: dim queue items + skip the paddingX (brief messages
  // already indent themselves). Gate mirrors the brief-spinner/message
  // check elsewhere — no teammate-view override needed since this
  // component early-returns when viewing a teammate.
-  const useBriefLayout = feature('KAIROS') || feature('KAIROS_BRIEF') ?
-  // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
-  useAppState(s_0 => s_0.isBriefOnly) : false;
+  const useBriefLayout =
+    feature('KAIROS') || feature('KAIROS_BRIEF')
+      ? // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
+        useAppState(s => s.isBriefOnly)
+      : false

  // createUserMessage mints a fresh UUID per call; without memoization, streaming
  // re-renders defeat Message's areMessagePropsEqual (compares uuid) → flicker.
  const messages = useMemo(() => {
-    if (queuedCommands.length === 0) return null;
+    if (queuedCommands.length === 0) return null
    // task-notification is shown via useInboxNotification; most isMeta commands
    // (scheduled tasks, proactive ticks) are system-generated and hidden.
    // Channel messages are the exception — isMeta but shown so the keyboard
    // user sees what arrived.
-    const visibleCommands = queuedCommands.filter(isQueuedCommandVisible);
-    if (visibleCommands.length === 0) return null;
-    const processedCommands = processQueuedCommands(visibleCommands);
-    return normalizeMessages(processedCommands.map(cmd => {
-      let content = cmd.value;
-      if (cmd.mode === 'bash' && typeof content === 'string') {
-        content = `<bash-input>${content}</bash-input>`;
-      }
-      // [Image #N] placeholders are inline in the text value (inserted at
-      // paste time), so the queue preview shows them without stub blocks.
-      return createUserMessage({
-        content
-      });
-    }));
-  }, [queuedCommands]);
+    const visibleCommands = queuedCommands.filter(isQueuedCommandVisible)
+    if (visibleCommands.length === 0) return null
+    const processedCommands = processQueuedCommands(visibleCommands)
+    return normalizeMessages(
+      processedCommands.map(cmd => {
+        let content = cmd.value
+        if (cmd.mode === 'bash' && typeof content === 'string') {
+          content = `<bash-input>${content}</bash-input>`
+        }
+        // [Image #N] placeholders are inline in the text value (inserted at
+        // paste time), so the queue preview shows them without stub blocks.
+        return createUserMessage({ content })
+      }),
+    )
+  }, [queuedCommands])

  // Don't show leader's queued commands when viewing any agent's transcript
  if (viewingAgent || messages === null) {
-    return null;
+    return null
  }
-  return <Box marginTop={1} flexDirection="column">
-      {messages.map((message, i) => <QueuedMessageProvider key={i} isFirst={i === 0} useBriefLayout={useBriefLayout}>
-          <Message message={message} lookups={EMPTY_LOOKUPS} addMargin={false} tools={[]} commands={[]} verbose={false} inProgressToolUseIDs={EMPTY_SET} progressMessagesForMessage={[]} shouldAnimate={false} shouldShowDot={false} isTranscriptMode={false} isStatic={true} />
-        </QueuedMessageProvider>)}
-    </Box>;
+
+  return (
+    <Box marginTop={1} flexDirection="column">
+      {messages.map((message, i) => (
+        <QueuedMessageProvider
+          key={i}
+          isFirst={i === 0}
+          useBriefLayout={useBriefLayout}
+        >
+          <Message
+            message={message}
+            lookups={EMPTY_LOOKUPS}
+            addMargin={false}
+            tools={[]}
+            commands={[]}
+            verbose={false}
+            inProgressToolUseIDs={EMPTY_SET}
+            progressMessagesForMessage={[]}
+            shouldAnimate={false}
+            shouldShowDot={false}
+            isTranscriptMode={false}
+            isStatic={true}
+          />
+        </QueuedMessageProvider>
+      ))}
+    </Box>
+  )
 }
-export const PromptInputQueuedCommands = React.memo(PromptInputQueuedCommandsImpl);
+
+export const PromptInputQueuedCommands = React.memo(
+  PromptInputQueuedCommandsImpl,
+)