feat: 第一个可以用的 ink 组件抽象 (#158)

src/services/mcpServerApproval.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { MCPServerApprovalDialog } from '../components/MCPServerApprovalDialog.js'
 import { MCPServerMultiselectDialog } from '../components/MCPServerMultiselectDialog.js'
-import type { Root } from '../ink.js'
+import type { Root } from '@anthropic/ink'
 import { KeybindingSetup } from '../keybindings/KeybindingProviderSetup.js'
 import { AppStateProvider } from '../state/AppState.js'
 import { getMcpConfigsByScope } from './mcp/config.js'

src/services/notifier.ts

@@ -1,4 +1,4 @@
-import type { TerminalNotification } from '../ink/useTerminalNotification.js'
+import type { TerminalNotification } from '@anthropic/ink'
 import { getGlobalConfig } from '../utils/config.js'
 import { env } from '../utils/env.js'
 import { execFileNoThrow } from '../utils/execFileNoThrow.js'

src/services/remoteManagedSettings/securityCheck.tsx

@@ -6,7 +6,7 @@ import {
   hasDangerousSettings,
   hasDangerousSettingsChanged,
 } from '../../components/ManagedSettingsSecurityDialog/utils.js'
-import { render } from '../../ink.js'
+import { wrappedRender as render } from '@anthropic/ink'
 import { KeybindingSetup } from '../../keybindings/KeybindingProviderSetup.js'
 import { AppStateProvider } from '../../state/AppState.js'
 import { gracefulShutdownSync } from '../../utils/gracefulShutdown.js'

src/services/tips/tipRegistry.ts

@@ -8,7 +8,7 @@ import {
 } from 'src/utils/settings/settings.js'
 import { shouldOfferTerminalSetup } from '../../commands/terminalSetup/terminalSetup.js'
 import { getDesktopUpsellConfig } from '../../components/DesktopUpsell/DesktopUpsellStartup.js'
-import { color } from '../../components/design-system/color.js'
+import { color } from '@anthropic/ink'
 import { shouldShowOverageCreditUpsell } from '../../components/LogoV2/OverageCreditUpsell.js'
 import { getShortcutDisplay } from '../../keybindings/shortcutFormat.js'
 import { isKairosCronEnabled } from '../../tools/ScheduleCronTool/prompt.js'