更新大量 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/commands/install-github-app/OAuthFlowStep.tsx
+++ b/src/commands/install-github-app/OAuthFlowStep.tsx
@@ -1,275 +1,343 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
-import { KeyboardShortcutHint } from '../../components/design-system/KeyboardShortcutHint.js';
-import { Spinner } from '../../components/Spinner.js';
-import TextInput from '../../components/TextInput.js';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import type { KeyboardEvent } from '../../ink/events/keyboard-event.js';
-import { setClipboard } from '../../ink/termio/osc.js';
-import { Box, Link, Text } from '../../ink.js';
-import { OAuthService } from '../../services/oauth/index.js';
-import { saveOAuthTokensIfNeeded } from '../../utils/auth.js';
-import { logError } from '../../utils/log.js';
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import { KeyboardShortcutHint } from '../../components/design-system/KeyboardShortcutHint.js'
+import { Spinner } from '../../components/Spinner.js'
+import TextInput from '../../components/TextInput.js'
+import { useTerminalSize } from '../../hooks/useTerminalSize.js'
+import type { KeyboardEvent } from '../../ink/events/keyboard-event.js'
+import { setClipboard } from '../../ink/termio/osc.js'
+import { Box, Link, Text } from '../../ink.js'
+import { OAuthService } from '../../services/oauth/index.js'
+import { saveOAuthTokensIfNeeded } from '../../utils/auth.js'
+import { logError } from '../../utils/log.js'
+
 interface OAuthFlowStepProps {
-  onSuccess: (token: string) => void;
-  onCancel: () => void;
+  onSuccess: (token: string) => void
+  onCancel: () => void
 }
-type OAuthStatus = {
-  state: 'starting';
-} | {
-  state: 'waiting_for_login';
-  url: string;
-} | {
-  state: 'processing';
-} | {
-  state: 'success';
-  token: string;
-} | {
-  state: 'error';
-  message: string;
-  toRetry?: OAuthStatus;
-} | {
-  state: 'about_to_retry';
-  nextState: OAuthStatus;
-};
-const PASTE_HERE_MSG = 'Paste code here if prompted > ';
+
+type OAuthStatus =
+  | { state: 'starting' }
+  | { state: 'waiting_for_login'; url: string }
+  | { state: 'processing' }
+  | { state: 'success'; token: string }
+  | { state: 'error'; message: string; toRetry?: OAuthStatus }
+  | { state: 'about_to_retry'; nextState: OAuthStatus }
+
+const PASTE_HERE_MSG = 'Paste code here if prompted > '
+
 export function OAuthFlowStep({
  onSuccess,
-  onCancel
+  onCancel,
 }: OAuthFlowStepProps): React.ReactNode {
  const [oauthStatus, setOAuthStatus] = useState<OAuthStatus>({
-    state: 'starting'
-  });
-  const [oauthService] = useState(() => new OAuthService());
-  const [pastedCode, setPastedCode] = useState('');
-  const [cursorOffset, setCursorOffset] = useState(0);
-  const [showPastePrompt, setShowPastePrompt] = useState(false);
-  const [urlCopied, setUrlCopied] = useState(false);
-  const timersRef = useRef<Set<NodeJS.Timeout>>(new Set());
+    state: 'starting',
+  })
+  const [oauthService] = useState(() => new OAuthService())
+  const [pastedCode, setPastedCode] = useState('')
+  const [cursorOffset, setCursorOffset] = useState(0)
+  const [showPastePrompt, setShowPastePrompt] = useState(false)
+  const [urlCopied, setUrlCopied] = useState(false)
+  const timersRef = useRef<Set<NodeJS.Timeout>>(new Set())
  // Separate ref so startOAuth's timer clear doesn't cancel the urlCopied reset
-  const urlCopiedTimerRef = useRef<NodeJS.Timeout | undefined>(undefined);
-  const terminalSize = useTerminalSize();
-  const textInputColumns = Math.max(50, terminalSize.columns - PASTE_HERE_MSG.length - 4);
+  const urlCopiedTimerRef = useRef<NodeJS.Timeout | undefined>(undefined)
+
+  const terminalSize = useTerminalSize()
+  const textInputColumns = Math.max(
+    50,
+    terminalSize.columns - PASTE_HERE_MSG.length - 4,
+  )
+
  function handleKeyDown(e: KeyboardEvent): void {
-    if (oauthStatus.state !== 'error') return;
-    e.preventDefault();
+    if (oauthStatus.state !== 'error') return
+    e.preventDefault()
    if (e.key === 'return' && oauthStatus.toRetry) {
-      setPastedCode('');
-      setCursorOffset(0);
+      setPastedCode('')
+      setCursorOffset(0)
      setOAuthStatus({
        state: 'about_to_retry',
-        nextState: oauthStatus.toRetry
-      });
+        nextState: oauthStatus.toRetry,
+      })
    } else {
-      onCancel();
+      onCancel()
    }
  }
+
  async function handleSubmitCode(value: string, url: string) {
    try {
      // Expecting format "authorizationCode#state" from the authorization callback URL
-      const [authorizationCode, state] = value.split('#');
+      const [authorizationCode, state] = value.split('#')
+
      if (!authorizationCode || !state) {
        setOAuthStatus({
          state: 'error',
          message: 'Invalid code. Please make sure the full code was copied',
-          toRetry: {
-            state: 'waiting_for_login',
-            url
-          }
-        });
-        return;
+          toRetry: { state: 'waiting_for_login', url },
+        })
+        return
      }

      // Track which path the user is taking (manual code entry)
-      logEvent('tengu_oauth_manual_entry', {});
+      logEvent('tengu_oauth_manual_entry', {})
      oauthService.handleManualAuthCodeInput({
        authorizationCode,
-        state
-      });
+        state,
+      })
    } catch (err: unknown) {
-      logError(err);
+      logError(err)
      setOAuthStatus({
        state: 'error',
        message: (err as Error).message,
-        toRetry: {
-          state: 'waiting_for_login',
-          url
-        }
-      });
+        toRetry: { state: 'waiting_for_login', url },
+      })
    }
  }
+
  const startOAuth = useCallback(async () => {
    // Clear any existing timers when starting new OAuth flow
-    timersRef.current.forEach(timer => clearTimeout(timer));
-    timersRef.current.clear();
+    timersRef.current.forEach(timer => clearTimeout(timer))
+    timersRef.current.clear()
+
    try {
-      const result = await oauthService.startOAuthFlow(async url_0 => {
-        setOAuthStatus({
-          state: 'waiting_for_login',
-          url: url_0
-        });
-        const timer_0 = setTimeout(setShowPastePrompt, 3000, true);
-        timersRef.current.add(timer_0);
-      }, {
-        loginWithClaudeAi: true,
-        // Always use Claude AI for subscription tokens
-        inferenceOnly: true,
-        expiresIn: 365 * 24 * 60 * 60 // 1 year
-      });
+      const result = await oauthService.startOAuthFlow(
+        async url => {
+          setOAuthStatus({ state: 'waiting_for_login', url })
+          const timer = setTimeout(setShowPastePrompt, 3000, true)
+          timersRef.current.add(timer)
+        },
+        {
+          loginWithClaudeAi: true, // Always use Claude AI for subscription tokens
+          inferenceOnly: true,
+          expiresIn: 365 * 24 * 60 * 60, // 1 year
+        },
+      )

      // Show processing state
-      setOAuthStatus({
-        state: 'processing'
-      });
+      setOAuthStatus({ state: 'processing' })

      // OAuthFlowStep creates inference-only tokens for GitHub Actions, not a
      // replacement login. Use saveOAuthTokensIfNeeded directly to avoid
      // performLogout which would destroy the user's existing auth session.
-      saveOAuthTokensIfNeeded(result);
+      saveOAuthTokensIfNeeded(result)

      // For OAuth flow, the access token can be used as an API key
-      const timer1 = setTimeout((setOAuthStatus_0, accessToken, onSuccess_0, timersRef_0) => {
-        setOAuthStatus_0({
-          state: 'success',
-          token: accessToken
-        });
-        // Auto-continue after brief delay to show success
-        const timer2 = setTimeout(onSuccess_0, 1000, accessToken);
-        timersRef_0.current.add(timer2 as ReturnType<typeof setTimeout>);
-      }, 100, setOAuthStatus, result.accessToken, onSuccess, timersRef);
-      timersRef.current.add(timer1);
-    } catch (err_0) {
-      const errorMessage = (err_0 as Error).message;
+      const timer1 = setTimeout(
+        (setOAuthStatus, accessToken, onSuccess, timersRef) => {
+          setOAuthStatus({ state: 'success', token: accessToken })
+          // Auto-continue after brief delay to show success
+          const timer2 = setTimeout(onSuccess, 1000, accessToken)
+          timersRef.current.add(timer2)
+        },
+        100,
+        setOAuthStatus,
+        result.accessToken,
+        onSuccess,
+        timersRef,
+      )
+      timersRef.current.add(timer1)
+    } catch (err) {
+      const errorMessage = (err as Error).message
      setOAuthStatus({
        state: 'error',
        message: errorMessage,
-        toRetry: {
-          state: 'starting'
-        } // Allow retry by starting fresh OAuth flow
-      });
-      logError(err_0);
+        toRetry: { state: 'starting' }, // Allow retry by starting fresh OAuth flow
+      })
+      logError(err)
      logEvent('tengu_oauth_error', {
-        error: errorMessage as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
-      });
+        error:
+          errorMessage as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
    }
-  }, [oauthService, onSuccess]);
+  }, [oauthService, onSuccess])
+
  useEffect(() => {
    if (oauthStatus.state === 'starting') {
-      void startOAuth();
+      void startOAuth()
    }
-  }, [oauthStatus.state, startOAuth]);
+  }, [oauthStatus.state, startOAuth])

  // Retry logic
  useEffect(() => {
    if (oauthStatus.state === 'about_to_retry') {
-      const timer_1 = setTimeout((nextState, setShowPastePrompt_0, setOAuthStatus_1) => {
-        // Only show paste prompt when retrying to waiting_for_login
-        setShowPastePrompt_0(nextState.state === 'waiting_for_login');
-        setOAuthStatus_1(nextState);
-      }, 500, oauthStatus.nextState, setShowPastePrompt, setOAuthStatus);
-      timersRef.current.add(timer_1);
+      const timer = setTimeout(
+        (nextState, setShowPastePrompt, setOAuthStatus) => {
+          // Only show paste prompt when retrying to waiting_for_login
+          setShowPastePrompt(nextState.state === 'waiting_for_login')
+          setOAuthStatus(nextState)
+        },
+        500,
+        oauthStatus.nextState,
+        setShowPastePrompt,
+        setOAuthStatus,
+      )
+      timersRef.current.add(timer)
    }
-  }, [oauthStatus]);
+  }, [oauthStatus])
+
  useEffect(() => {
-    if (pastedCode === 'c' && oauthStatus.state === 'waiting_for_login' && showPastePrompt && !urlCopied) {
+    if (
+      pastedCode === 'c' &&
+      oauthStatus.state === 'waiting_for_login' &&
+      showPastePrompt &&
+      !urlCopied
+    ) {
      void setClipboard(oauthStatus.url).then(raw => {
-        if (raw) process.stdout.write(raw);
-        setUrlCopied(true);
-        clearTimeout(urlCopiedTimerRef.current);
-        urlCopiedTimerRef.current = setTimeout(setUrlCopied, 2000, false);
-      });
-      setPastedCode('');
+        if (raw) process.stdout.write(raw)
+        setUrlCopied(true)
+        clearTimeout(urlCopiedTimerRef.current)
+        urlCopiedTimerRef.current = setTimeout(setUrlCopied, 2000, false)
+      })
+      setPastedCode('')
    }
-  }, [pastedCode, oauthStatus, showPastePrompt, urlCopied]);
+  }, [pastedCode, oauthStatus, showPastePrompt, urlCopied])

  // Cleanup OAuth service and timers when component unmounts
  useEffect(() => {
-    const timers = timersRef.current;
+    const timers = timersRef.current
    return () => {
-      oauthService.cleanup();
+      oauthService.cleanup()
      // Clear all timers
-      timers.forEach(timer_2 => clearTimeout(timer_2));
-      timers.clear();
-      clearTimeout(urlCopiedTimerRef.current);
-    };
-  }, [oauthService]);
+      timers.forEach(timer => clearTimeout(timer))
+      timers.clear()
+      clearTimeout(urlCopiedTimerRef.current)
+    }
+  }, [oauthService])

  // Helper function to render the appropriate status message
  function renderStatusMessage(): React.ReactNode {
    switch (oauthStatus.state) {
      case 'starting':
-        return <Box>
+        return (
+          <Box>
            <Spinner />
            <Text>Starting authentication…</Text>
-          </Box>;
+          </Box>
+        )
+
      case 'waiting_for_login':
-        return <Box flexDirection="column" gap={1}>
-            {!showPastePrompt && <Box>
+        return (
+          <Box flexDirection="column" gap={1}>
+            {!showPastePrompt && (
+              <Box>
                <Spinner />
                <Text>
                  Opening browser to sign in with your Claude account…
                </Text>
-              </Box>}
+              </Box>
+            )}

-            {showPastePrompt && <Box>
+            {showPastePrompt && (
+              <Box>
                <Text>{PASTE_HERE_MSG}</Text>
-                <TextInput value={pastedCode} onChange={setPastedCode} onSubmit={(value_0: string) => handleSubmitCode(value_0, oauthStatus.url)} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} columns={textInputColumns} />
-              </Box>}
-          </Box>;
+                <TextInput
+                  value={pastedCode}
+                  onChange={setPastedCode}
+                  onSubmit={(value: string) =>
+                    handleSubmitCode(value, oauthStatus.url)
+                  }
+                  cursorOffset={cursorOffset}
+                  onChangeCursorOffset={setCursorOffset}
+                  columns={textInputColumns}
+                />
+              </Box>
+            )}
+          </Box>
+        )
+
      case 'processing':
-        return <Box>
+        return (
+          <Box>
            <Spinner />
            <Text>Processing authentication…</Text>
-          </Box>;
+          </Box>
+        )
+
      case 'success':
-        return <Box flexDirection="column" gap={1}>
+        return (
+          <Box flexDirection="column" gap={1}>
            <Text color="success">
              ✓ Authentication token created successfully!
            </Text>
            <Text dimColor>Using token for GitHub Actions setup…</Text>
-          </Box>;
+          </Box>
+        )
+
      case 'error':
-        return <Box flexDirection="column" gap={1}>
+        return (
+          <Box flexDirection="column" gap={1}>
            <Text color="error">OAuth error: {oauthStatus.message}</Text>
-            {oauthStatus.toRetry ? <Text dimColor>
+            {oauthStatus.toRetry ? (
+              <Text dimColor>
                Press Enter to try again, or any other key to cancel
-              </Text> : <Text dimColor>Press any key to return to API key selection</Text>}
-          </Box>;
+              </Text>
+            ) : (
+              <Text dimColor>Press any key to return to API key selection</Text>
+            )}
+          </Box>
+        )
+
      case 'about_to_retry':
-        return <Box flexDirection="column" gap={1}>
+        return (
+          <Box flexDirection="column" gap={1}>
            <Text color="permission">Retrying…</Text>
-          </Box>;
+          </Box>
+        )
+
      default:
-        return null;
+        return null
    }
  }
-  return <Box flexDirection="column" gap={1} tabIndex={0} autoFocus onKeyDown={handleKeyDown}>
+
+  return (
+    <Box
+      flexDirection="column"
+      gap={1}
+      tabIndex={0}
+      autoFocus
+      onKeyDown={handleKeyDown}
+    >
      {/* Show header inline only for initial starting state */}
-      {oauthStatus.state === 'starting' && <Box flexDirection="column" gap={1} paddingBottom={1}>
+      {oauthStatus.state === 'starting' && (
+        <Box flexDirection="column" gap={1} paddingBottom={1}>
          <Text bold>Create Authentication Token</Text>
          <Text dimColor>Creating a long-lived token for GitHub Actions</Text>
-        </Box>}
+        </Box>
+      )}
      {/* Show header for non-starting states (to avoid duplicate with inline header)*/}
-      {oauthStatus.state !== 'success' && oauthStatus.state !== 'starting' && oauthStatus.state !== 'processing' && <Box key="header" flexDirection="column" gap={1} paddingBottom={1}>
+      {oauthStatus.state !== 'success' &&
+        oauthStatus.state !== 'starting' &&
+        oauthStatus.state !== 'processing' && (
+          <Box key="header" flexDirection="column" gap={1} paddingBottom={1}>
            <Text bold>Create Authentication Token</Text>
            <Text dimColor>Creating a long-lived token for GitHub Actions</Text>
-          </Box>}
+          </Box>
+        )}
      {/* Show URL when paste prompt is visible */}
-      {oauthStatus.state === 'waiting_for_login' && showPastePrompt && <Box flexDirection="column" key="urlToCopy" gap={1} paddingBottom={1}>
+      {oauthStatus.state === 'waiting_for_login' && showPastePrompt && (
+        <Box flexDirection="column" key="urlToCopy" gap={1} paddingBottom={1}>
          <Box paddingX={1}>
            <Text dimColor>
              Browser didn&apos;t open? Use the url below to sign in{' '}
            </Text>
-            {urlCopied ? <Text color="success">(Copied!)</Text> : <Text dimColor>
+            {urlCopied ? (
+              <Text color="success">(Copied!)</Text>
+            ) : (
+              <Text dimColor>
                <KeyboardShortcutHint shortcut="c" action="copy" parens />
-              </Text>}
+              </Text>
+            )}
          </Box>
          <Link url={oauthStatus.url}>
            <Text dimColor>{oauthStatus.url}</Text>
          </Link>
-        </Box>}
+        </Box>
+      )}
      <Box paddingLeft={1} flexDirection="column" gap={1}>
        {renderStatusMessage()}
      </Box>
-    </Box>;
+    </Box>
+  )
 }