更新大量 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-23 00: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/permissions/PermissionRequest.tsx
+++ b/src/components/permissions/PermissionRequest.tsx
@@ -1,92 +1,125 @@
-import { c as _c } from "react/compiler-runtime";
-import { feature } from 'bun:bundle';
-import * as React from 'react';
-import { EnterPlanModeTool } from 'src/tools/EnterPlanModeTool/EnterPlanModeTool.js';
-import { ExitPlanModeV2Tool } from 'src/tools/ExitPlanModeTool/ExitPlanModeV2Tool.js';
-import { useNotifyAfterTimeout } from '../../hooks/useNotifyAfterTimeout.js';
-import { useKeybinding } from '../../keybindings/useKeybinding.js';
-import type { AnyObject, Tool, ToolUseContext } from '../../Tool.js';
-import { AskUserQuestionTool } from '../../tools/AskUserQuestionTool/AskUserQuestionTool.js';
-import { BashTool } from '../../tools/BashTool/BashTool.js';
-import { FileEditTool } from '../../tools/FileEditTool/FileEditTool.js';
-import { FileReadTool } from '../../tools/FileReadTool/FileReadTool.js';
-import { FileWriteTool } from '../../tools/FileWriteTool/FileWriteTool.js';
-import { GlobTool } from '../../tools/GlobTool/GlobTool.js';
-import { GrepTool } from '../../tools/GrepTool/GrepTool.js';
-import { NotebookEditTool } from '../../tools/NotebookEditTool/NotebookEditTool.js';
-import { PowerShellTool } from '../../tools/PowerShellTool/PowerShellTool.js';
-import { SkillTool } from '../../tools/SkillTool/SkillTool.js';
-import { WebFetchTool } from '../../tools/WebFetchTool/WebFetchTool.js';
-import type { AssistantMessage } from '../../types/message.js';
-import type { PermissionDecision } from '../../utils/permissions/PermissionResult.js';
-import { AskUserQuestionPermissionRequest } from './AskUserQuestionPermissionRequest/AskUserQuestionPermissionRequest.js';
-import { BashPermissionRequest } from './BashPermissionRequest/BashPermissionRequest.js';
-import { EnterPlanModePermissionRequest } from './EnterPlanModePermissionRequest/EnterPlanModePermissionRequest.js';
-import { ExitPlanModePermissionRequest } from './ExitPlanModePermissionRequest/ExitPlanModePermissionRequest.js';
-import { FallbackPermissionRequest } from './FallbackPermissionRequest.js';
-import { FileEditPermissionRequest } from './FileEditPermissionRequest/FileEditPermissionRequest.js';
-import { FilesystemPermissionRequest } from './FilesystemPermissionRequest/FilesystemPermissionRequest.js';
-import { FileWritePermissionRequest } from './FileWritePermissionRequest/FileWritePermissionRequest.js';
-import { NotebookEditPermissionRequest } from './NotebookEditPermissionRequest/NotebookEditPermissionRequest.js';
-import { PowerShellPermissionRequest } from './PowerShellPermissionRequest/PowerShellPermissionRequest.js';
-import { SkillPermissionRequest } from './SkillPermissionRequest/SkillPermissionRequest.js';
-import { WebFetchPermissionRequest } from './WebFetchPermissionRequest/WebFetchPermissionRequest.js';
+import { feature } from 'bun:bundle'
+import * as React from 'react'
+import { EnterPlanModeTool } from 'src/tools/EnterPlanModeTool/EnterPlanModeTool.js'
+import { ExitPlanModeV2Tool } from 'src/tools/ExitPlanModeTool/ExitPlanModeV2Tool.js'
+import { useNotifyAfterTimeout } from '../../hooks/useNotifyAfterTimeout.js'
+import { useKeybinding } from '../../keybindings/useKeybinding.js'
+import type { AnyObject, Tool, ToolUseContext } from '../../Tool.js'
+import { AskUserQuestionTool } from '../../tools/AskUserQuestionTool/AskUserQuestionTool.js'
+import { BashTool } from '../../tools/BashTool/BashTool.js'
+import { FileEditTool } from '../../tools/FileEditTool/FileEditTool.js'
+import { FileReadTool } from '../../tools/FileReadTool/FileReadTool.js'
+import { FileWriteTool } from '../../tools/FileWriteTool/FileWriteTool.js'
+import { GlobTool } from '../../tools/GlobTool/GlobTool.js'
+import { GrepTool } from '../../tools/GrepTool/GrepTool.js'
+import { NotebookEditTool } from '../../tools/NotebookEditTool/NotebookEditTool.js'
+import { PowerShellTool } from '../../tools/PowerShellTool/PowerShellTool.js'
+import { SkillTool } from '../../tools/SkillTool/SkillTool.js'
+import { WebFetchTool } from '../../tools/WebFetchTool/WebFetchTool.js'
+import type { AssistantMessage } from '../../types/message.js'
+import type { PermissionDecision } from '../../utils/permissions/PermissionResult.js'
+import { AskUserQuestionPermissionRequest } from './AskUserQuestionPermissionRequest/AskUserQuestionPermissionRequest.js'
+import { BashPermissionRequest } from './BashPermissionRequest/BashPermissionRequest.js'
+import { EnterPlanModePermissionRequest } from './EnterPlanModePermissionRequest/EnterPlanModePermissionRequest.js'
+import { ExitPlanModePermissionRequest } from './ExitPlanModePermissionRequest/ExitPlanModePermissionRequest.js'
+import { FallbackPermissionRequest } from './FallbackPermissionRequest.js'
+import { FileEditPermissionRequest } from './FileEditPermissionRequest/FileEditPermissionRequest.js'
+import { FilesystemPermissionRequest } from './FilesystemPermissionRequest/FilesystemPermissionRequest.js'
+import { FileWritePermissionRequest } from './FileWritePermissionRequest/FileWritePermissionRequest.js'
+import { NotebookEditPermissionRequest } from './NotebookEditPermissionRequest/NotebookEditPermissionRequest.js'
+import { PowerShellPermissionRequest } from './PowerShellPermissionRequest/PowerShellPermissionRequest.js'
+import { SkillPermissionRequest } from './SkillPermissionRequest/SkillPermissionRequest.js'
+import { WebFetchPermissionRequest } from './WebFetchPermissionRequest/WebFetchPermissionRequest.js'

 /* eslint-disable @typescript-eslint/no-require-imports */
-const ReviewArtifactTool = feature('REVIEW_ARTIFACT') ? (require('../../tools/ReviewArtifactTool/ReviewArtifactTool.js') as typeof import('../../tools/ReviewArtifactTool/ReviewArtifactTool.js')).ReviewArtifactTool : null;
-const ReviewArtifactPermissionRequest = feature('REVIEW_ARTIFACT') ? (require('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js') as typeof import('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js')).ReviewArtifactPermissionRequest : null;
-const WorkflowTool = feature('WORKFLOW_SCRIPTS') ? (require('../../tools/WorkflowTool/WorkflowTool.js') as typeof import('../../tools/WorkflowTool/WorkflowTool.js')).WorkflowTool : null;
-const WorkflowPermissionRequest = feature('WORKFLOW_SCRIPTS') ? (require('../../tools/WorkflowTool/WorkflowPermissionRequest.js') as typeof import('../../tools/WorkflowTool/WorkflowPermissionRequest.js')).WorkflowPermissionRequest : null;
-const MonitorTool = feature('MONITOR_TOOL') ? (require('../../tools/MonitorTool/MonitorTool.js') as typeof import('../../tools/MonitorTool/MonitorTool.js')).MonitorTool : null;
-const MonitorPermissionRequest = feature('MONITOR_TOOL') ? (require('./MonitorPermissionRequest/MonitorPermissionRequest.js') as typeof import('./MonitorPermissionRequest/MonitorPermissionRequest.js')).MonitorPermissionRequest : null;
-import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs';
+const ReviewArtifactTool = feature('REVIEW_ARTIFACT')
+  ? (
+      require('../../tools/ReviewArtifactTool/ReviewArtifactTool.js') as typeof import('../../tools/ReviewArtifactTool/ReviewArtifactTool.js')
+    ).ReviewArtifactTool
+  : null
+
+const ReviewArtifactPermissionRequest = feature('REVIEW_ARTIFACT')
+  ? (
+      require('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js') as typeof import('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js')
+    ).ReviewArtifactPermissionRequest
+  : null
+
+const WorkflowTool = feature('WORKFLOW_SCRIPTS')
+  ? (
+      require('../../tools/WorkflowTool/WorkflowTool.js') as typeof import('../../tools/WorkflowTool/WorkflowTool.js')
+    ).WorkflowTool
+  : null
+
+const WorkflowPermissionRequest = feature('WORKFLOW_SCRIPTS')
+  ? (
+      require('../../tools/WorkflowTool/WorkflowPermissionRequest.js') as typeof import('../../tools/WorkflowTool/WorkflowPermissionRequest.js')
+    ).WorkflowPermissionRequest
+  : null
+
+const MonitorTool = feature('MONITOR_TOOL')
+  ? (
+      require('../../tools/MonitorTool/MonitorTool.js') as typeof import('../../tools/MonitorTool/MonitorTool.js')
+    ).MonitorTool
+  : null
+
+const MonitorPermissionRequest = feature('MONITOR_TOOL')
+  ? (
+      require('./MonitorPermissionRequest/MonitorPermissionRequest.js') as typeof import('./MonitorPermissionRequest/MonitorPermissionRequest.js')
+    ).MonitorPermissionRequest
+  : null
+
+import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs'
 /* eslint-enable @typescript-eslint/no-require-imports */
-import type { z } from 'zod/v4';
-import type { PermissionUpdate } from '../../utils/permissions/PermissionUpdateSchema.js';
-import type { WorkerBadgeProps } from './WorkerBadge.js';
-function permissionComponentForTool(tool: Tool): React.ComponentType<PermissionRequestProps> {
+import type { z } from 'zod/v4'
+import type { PermissionUpdate } from '../../utils/permissions/PermissionUpdateSchema.js'
+import type { WorkerBadgeProps } from './WorkerBadge.js'
+
+function permissionComponentForTool(
+  tool: Tool,
+): React.ComponentType<PermissionRequestProps> {
  switch (tool) {
    case FileEditTool:
-      return FileEditPermissionRequest;
+      return FileEditPermissionRequest
    case FileWriteTool:
-      return FileWritePermissionRequest;
+      return FileWritePermissionRequest
    case BashTool:
-      return BashPermissionRequest;
+      return BashPermissionRequest
    case PowerShellTool:
-      return PowerShellPermissionRequest;
+      return PowerShellPermissionRequest
    case ReviewArtifactTool:
-      return ReviewArtifactPermissionRequest ?? FallbackPermissionRequest;
+      return ReviewArtifactPermissionRequest ?? FallbackPermissionRequest
    case WebFetchTool:
-      return WebFetchPermissionRequest;
+      return WebFetchPermissionRequest
    case NotebookEditTool:
-      return NotebookEditPermissionRequest;
+      return NotebookEditPermissionRequest
    case ExitPlanModeV2Tool:
-      return ExitPlanModePermissionRequest;
+      return ExitPlanModePermissionRequest
    case EnterPlanModeTool:
-      return EnterPlanModePermissionRequest;
+      return EnterPlanModePermissionRequest
    case SkillTool:
-      return SkillPermissionRequest;
+      return SkillPermissionRequest
    case AskUserQuestionTool:
-      return AskUserQuestionPermissionRequest;
+      return AskUserQuestionPermissionRequest
    case WorkflowTool:
-      return WorkflowPermissionRequest ?? FallbackPermissionRequest;
+      return WorkflowPermissionRequest ?? FallbackPermissionRequest
    case MonitorTool:
-      return MonitorPermissionRequest ?? FallbackPermissionRequest;
+      return MonitorPermissionRequest ?? FallbackPermissionRequest
    case GlobTool:
    case GrepTool:
    case FileReadTool:
-      return FilesystemPermissionRequest;
+      return FilesystemPermissionRequest
    default:
-      return FallbackPermissionRequest;
+      return FallbackPermissionRequest
  }
 }
+
 export type PermissionRequestProps<Input extends AnyObject = AnyObject> = {
-  toolUseConfirm: ToolUseConfirm<Input>;
-  toolUseContext: ToolUseContext;
-  onDone(): void;
-  onReject(): void;
-  verbose: boolean;
-  workerBadge: WorkerBadgeProps | undefined;
+  toolUseConfirm: ToolUseConfirm<Input>
+  toolUseContext: ToolUseContext
+  onDone(): void
+  onReject(): void
+  verbose: boolean
+  workerBadge: WorkerBadgeProps | undefined
  /**
   * Register JSX to render in a sticky footer below the scrollable area.
   * Fullscreen mode only (non-fullscreen has no sticky area — terminal
@@ -98,119 +131,102 @@ export type PermissionRequestProps<Input extends AnyObject = AnyObject> = {
   * to avoid stale closures (React reconciles the JSX, preserving Select's
   * internal focus/input state).
   */
-  setStickyFooter?: (jsx: React.ReactNode | null) => void;
-};
+  setStickyFooter?: (jsx: React.ReactNode | null) => void
+}
+
 export type ToolUseConfirm<Input extends AnyObject = AnyObject> = {
-  assistantMessage: AssistantMessage;
-  tool: Tool<Input>;
-  description: string;
-  input: z.infer<Input>;
-  toolUseContext: ToolUseContext;
-  toolUseID: string;
-  permissionResult: PermissionDecision;
-  permissionPromptStartTimeMs: number;
+  assistantMessage: AssistantMessage
+  tool: Tool<Input>
+  description: string
+  input: z.infer<Input>
+  toolUseContext: ToolUseContext
+  toolUseID: string
+  permissionResult: PermissionDecision
+  permissionPromptStartTimeMs: number
  /**
   * Called when user interacts with the permission dialog (e.g., arrow keys, tab, typing).
   * This prevents async auto-approval mechanisms (like the bash classifier) from
   * dismissing the dialog while the user is actively engaging with it.
   */
-  classifierCheckInProgress?: boolean;
-  classifierAutoApproved?: boolean;
-  classifierMatchedRule?: string;
-  workerBadge?: WorkerBadgeProps;
-  onUserInteraction(): void;
-  onAbort(): void;
-  onDismissCheckmark?(): void;
-  onAllow(updatedInput: z.infer<Input>, permissionUpdates: PermissionUpdate[], feedback?: string, contentBlocks?: ContentBlockParam[]): void;
-  onReject(feedback?: string, contentBlocks?: ContentBlockParam[]): void;
-  recheckPermission(): Promise<void>;
-};
+  classifierCheckInProgress?: boolean
+  classifierAutoApproved?: boolean
+  classifierMatchedRule?: string
+  workerBadge?: WorkerBadgeProps
+  onUserInteraction(): void
+  onAbort(): void
+  onDismissCheckmark?(): void
+  onAllow(
+    updatedInput: z.infer<Input>,
+    permissionUpdates: PermissionUpdate[],
+    feedback?: string,
+    contentBlocks?: ContentBlockParam[],
+  ): void
+  onReject(feedback?: string, contentBlocks?: ContentBlockParam[]): void
+  recheckPermission(): Promise<void>
+}
+
 function getNotificationMessage(toolUseConfirm: ToolUseConfirm): string {
-  const toolName = toolUseConfirm.tool.userFacingName(toolUseConfirm.input as never);
+  const toolName = toolUseConfirm.tool.userFacingName(
+    toolUseConfirm.input as never,
+  )
+
  if (toolUseConfirm.tool === ExitPlanModeV2Tool) {
-    return 'Claude Code needs your approval for the plan';
+    return 'Claude Code needs your approval for the plan'
  }
+
  if (toolUseConfirm.tool === EnterPlanModeTool) {
-    return 'Claude Code wants to enter plan mode';
+    return 'Claude Code wants to enter plan mode'
  }
-  if (feature('REVIEW_ARTIFACT') && toolUseConfirm.tool === ReviewArtifactTool) {
-    return 'Claude needs your approval for a review artifact';
+
+  if (
+    feature('REVIEW_ARTIFACT') &&
+    toolUseConfirm.tool === ReviewArtifactTool
+  ) {
+    return 'Claude needs your approval for a review artifact'
  }
+
  if (!toolName || toolName.trim() === '') {
-    return 'Claude Code needs your attention';
+    return 'Claude Code needs your attention'
  }
-  return `Claude needs your permission to use ${toolName}`;
+
+  return `Claude needs your permission to use ${toolName}`
 }

 // TODO: Move this to Tool.renderPermissionRequest
-export function PermissionRequest(t0) {
-  const $ = _c(18);
-  const {
-    toolUseConfirm,
-    toolUseContext,
-    onDone,
-    onReject,
-    verbose,
-    workerBadge,
-    setStickyFooter
-  } = t0;
-  let t1;
-  if ($[0] !== onDone || $[1] !== onReject || $[2] !== toolUseConfirm) {
-    t1 = () => {
-      onDone();
-      onReject();
-      toolUseConfirm.onReject();
-    };
-    $[0] = onDone;
-    $[1] = onReject;
-    $[2] = toolUseConfirm;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = {
-      context: "Confirmation"
-    };
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  useKeybinding("app:interrupt", t1, t2);
-  let t3;
-  if ($[5] !== toolUseConfirm) {
-    t3 = getNotificationMessage(toolUseConfirm);
-    $[5] = toolUseConfirm;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const notificationMessage = t3;
-  useNotifyAfterTimeout(notificationMessage, "permission_prompt");
-  let t4;
-  if ($[7] !== toolUseConfirm.tool) {
-    t4 = permissionComponentForTool(toolUseConfirm.tool);
-    $[7] = toolUseConfirm.tool;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const PermissionComponent = t4;
-  let t5;
-  if ($[9] !== PermissionComponent || $[10] !== onDone || $[11] !== onReject || $[12] !== setStickyFooter || $[13] !== toolUseConfirm || $[14] !== toolUseContext || $[15] !== verbose || $[16] !== workerBadge) {
-    t5 = <PermissionComponent toolUseContext={toolUseContext} toolUseConfirm={toolUseConfirm} onDone={onDone} onReject={onReject} verbose={verbose} workerBadge={workerBadge} setStickyFooter={setStickyFooter} />;
-    $[9] = PermissionComponent;
-    $[10] = onDone;
-    $[11] = onReject;
-    $[12] = setStickyFooter;
-    $[13] = toolUseConfirm;
-    $[14] = toolUseContext;
-    $[15] = verbose;
-    $[16] = workerBadge;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
+export function PermissionRequest({
+  toolUseConfirm,
+  toolUseContext,
+  onDone,
+  onReject,
+  verbose,
+  workerBadge,
+  setStickyFooter,
+}: PermissionRequestProps): React.ReactNode {
+  // Handle Ctrl+C (app:interrupt) to reject
+  useKeybinding(
+    'app:interrupt',
+    () => {
+      onDone()
+      onReject()
+      toolUseConfirm.onReject()
+    },
+    { context: 'Confirmation' },
+  )
+
+  const notificationMessage = getNotificationMessage(toolUseConfirm)
+  useNotifyAfterTimeout(notificationMessage, 'permission_prompt')
+
+  const PermissionComponent = permissionComponentForTool(toolUseConfirm.tool)
+
+  return (
+    <PermissionComponent
+      toolUseContext={toolUseContext}
+      toolUseConfirm={toolUseConfirm}
+      onDone={onDone}
+      onReject={onReject}
+      verbose={verbose}
+      workerBadge={workerBadge}
+      setStickyFooter={setStickyFooter}
+    />
+  )
 }