更新大量 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-22 08:15:53 +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/hooks/usePromptsFromClaudeInChrome.tsx
+++ b/src/hooks/usePromptsFromClaudeInChrome.tsx
@@ -1,70 +1,129 @@
-import { c as _c } from "react/compiler-runtime";
-import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs';
-import { useEffect, useRef } from 'react';
-import { logError } from 'src/utils/log.js';
-import { z } from 'zod/v4';
-import { callIdeRpc } from '../services/mcp/client.js';
-import type { ConnectedMCPServer, MCPServerConnection } from '../services/mcp/types.js';
-import type { PermissionMode } from '../types/permissions.js';
-import { CLAUDE_IN_CHROME_MCP_SERVER_NAME, isTrackedClaudeInChromeTabId } from '../utils/claudeInChrome/common.js';
-import { lazySchema } from '../utils/lazySchema.js';
-import { enqueuePendingNotification } from '../utils/messageQueueManager.js';
+import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs'
+import { useEffect, useRef } from 'react'
+import { logError } from 'src/utils/log.js'
+import { z } from 'zod/v4'
+import { callIdeRpc } from '../services/mcp/client.js'
+import type {
+  ConnectedMCPServer,
+  MCPServerConnection,
+} from '../services/mcp/types.js'
+import type { PermissionMode } from '../types/permissions.js'
+import {
+  CLAUDE_IN_CHROME_MCP_SERVER_NAME,
+  isTrackedClaudeInChromeTabId,
+} from '../utils/claudeInChrome/common.js'
+import { lazySchema } from '../utils/lazySchema.js'
+import { enqueuePendingNotification } from '../utils/messageQueueManager.js'

 // Schema for the prompt notification from Chrome extension (JSON-RPC 2.0 format)
-const ClaudeInChromePromptNotificationSchema = lazySchema(() => z.object({
-  method: z.literal('notifications/message'),
-  params: z.object({
-    prompt: z.string(),
-    image: z.object({
-      type: z.literal('base64'),
-      media_type: z.enum(['image/jpeg', 'image/png', 'image/gif', 'image/webp']),
-      data: z.string()
-    }).optional(),
-    tabId: z.number().optional()
-  })
-}));
+const ClaudeInChromePromptNotificationSchema = lazySchema(() =>
+  z.object({
+    method: z.literal('notifications/message'),
+    params: z.object({
+      prompt: z.string(),
+      image: z
+        .object({
+          type: z.literal('base64'),
+          media_type: z.enum([
+            'image/jpeg',
+            'image/png',
+            'image/gif',
+            'image/webp',
+          ]),
+          data: z.string(),
+        })
+        .optional(),
+      tabId: z.number().optional(),
+    }),
+  }),
+)

 /**
 * A hook that listens for prompt notifications from the Claude for Chrome extension,
 * enqueues them as user prompts, and syncs permission mode changes to the extension.
 */
-export function usePromptsFromClaudeInChrome(mcpClients, toolPermissionMode) {
-  const $ = _c(6);
-  useRef(undefined);
-  let t0;
-  if ($[0] !== mcpClients) {
-    t0 = [mcpClients];
-    $[0] = mcpClients;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  useEffect(_temp, t0);
-  let t1;
-  let t2;
-  if ($[2] !== mcpClients || $[3] !== toolPermissionMode) {
-    t1 = () => {
-      const chromeClient = findChromeClient(mcpClients);
-      if (!chromeClient) {
-        return;
-      }
-      const chromeMode = toolPermissionMode === "bypassPermissions" ? "skip_all_permission_checks" : "ask";
-      callIdeRpc("set_permission_mode", {
-        mode: chromeMode
-      }, chromeClient);
-    };
-    t2 = [mcpClients, toolPermissionMode];
-    $[2] = mcpClients;
-    $[3] = toolPermissionMode;
-    $[4] = t1;
-    $[5] = t2;
-  } else {
-    t1 = $[4];
-    t2 = $[5];
-  }
-  useEffect(t1, t2);
+export function usePromptsFromClaudeInChrome(
+  mcpClients: MCPServerConnection[],
+  toolPermissionMode: PermissionMode,
+): void {
+  const mcpClientRef = useRef<ConnectedMCPServer | undefined>(undefined)
+
+  useEffect(() => {
+    if ("external" !== 'ant') {
+      return
+    }
+
+    const mcpClient = findChromeClient(mcpClients)
+    if (mcpClientRef.current !== mcpClient) {
+      mcpClientRef.current = mcpClient
+    }
+
+    if (mcpClient) {
+      mcpClient.client.setNotificationHandler(
+        ClaudeInChromePromptNotificationSchema(),
+        notification => {
+          if (mcpClientRef.current !== mcpClient) {
+            return
+          }
+          const { tabId, prompt, image } = notification.params
+
+          // Process notifications from tabs we're tracking since notifications are broadcasted
+          if (
+            typeof tabId !== 'number' ||
+            !isTrackedClaudeInChromeTabId(tabId)
+          ) {
+            return
+          }
+
+          try {
+            // Build content blocks if there's an image, otherwise just use the prompt string
+            if (image) {
+              const contentBlocks: ContentBlockParam[] = [
+                { type: 'text', text: prompt },
+                {
+                  type: 'image',
+                  source: {
+                    type: image.type,
+                    media_type: image.media_type,
+                    data: image.data,
+                  },
+                },
+              ]
+              enqueuePendingNotification({
+                value: contentBlocks,
+                mode: 'prompt',
+              })
+            } else {
+              enqueuePendingNotification({ value: prompt, mode: 'prompt' })
+            }
+          } catch (error) {
+            logError(error as Error)
+          }
+        },
+      )
+    }
+  }, [mcpClients])
+
+  // Sync permission mode with Chrome extension whenever it changes
+  useEffect(() => {
+    const chromeClient = findChromeClient(mcpClients)
+    if (!chromeClient) return
+
+    const chromeMode =
+      toolPermissionMode === 'bypassPermissions'
+        ? 'skip_all_permission_checks'
+        : 'ask'
+
+    void callIdeRpc('set_permission_mode', { mode: chromeMode }, chromeClient)
+  }, [mcpClients, toolPermissionMode])
 }
-function _temp() {}
-function findChromeClient(clients: MCPServerConnection[]): ConnectedMCPServer | undefined {
-  return clients.find((client): client is ConnectedMCPServer => client.type === 'connected' && client.name === CLAUDE_IN_CHROME_MCP_SERVER_NAME);
+
+function findChromeClient(
+  clients: MCPServerConnection[],
+): ConnectedMCPServer | undefined {
+  return clients.find(
+    (client): client is ConnectedMCPServer =>
+      client.type === 'connected' &&
+      client.name === CLAUDE_IN_CHROME_MCP_SERVER_NAME,
+  )
 }