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

This reverts commit c445f43f8d.

src/commands/plugin/AddMarketplace.tsx

@@ -5,10 +5,11 @@ import {
   logEvent,
 } from 'src/services/analytics/index.js'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Byline, KeyboardShortcutHint } from '@anthropic/ink'
+import { Byline } from '../../components/design-system/Byline.js'
+import { KeyboardShortcutHint } from '../../components/design-system/KeyboardShortcutHint.js'
 import { Spinner } from '../../components/Spinner.js'
 import TextInput from '../../components/TextInput.js'
-import { Box, Text } from '@anthropic/ink'
+import { Box, Text } from '../../ink.js'
 import { toError } from '../../utils/errors.js'
 import { logError } from '../../utils/log.js'
 import { clearAllCaches } from '../../utils/plugins/cacheUtils.js'

src/commands/plugin/BrowseMarketplace.tsx

@@ -2,7 +2,8 @@ import figures from 'figures'
 import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Box, Byline, Text } from '@anthropic/ink'
+import { Byline } from '../../components/design-system/Byline.js'
+import { Box, Text } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/DiscoverPlugins.tsx

@@ -2,12 +2,12 @@ import figures from 'figures'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
+import { Byline } from '../../components/design-system/Byline.js'
 import { SearchBox } from '../../components/SearchBox.js'
-import { Byline } from '@anthropic/ink'
 import { useSearchInput } from '../../hooks/useSearchInput.js'
 import { useTerminalSize } from '../../hooks/useTerminalSize.js'
 // eslint-disable-next-line custom-rules/prefer-use-keybindings -- useInput needed for raw search mode text input
-import { Box, Text, useInput, useTerminalFocus } from '@anthropic/ink'
+import { Box, Text, useInput, useTerminalFocus } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/ManageMarketplaces.tsx

@@ -6,9 +6,10 @@ import {
   logEvent,
 } from 'src/services/analytics/index.js'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Byline, KeyboardShortcutHint } from '@anthropic/ink'
+import { Byline } from '../../components/design-system/Byline.js'
+import { KeyboardShortcutHint } from '../../components/design-system/KeyboardShortcutHint.js'
 // eslint-disable-next-line custom-rules/prefer-use-keybindings -- useInput needed for marketplace-specific u/r shortcuts and y/n confirmation not in keybinding schema
-import { Box, Text, useInput } from '@anthropic/ink'
+import { Box, Text, useInput } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/ManagePlugins.tsx

@@ -5,7 +5,7 @@ import * as path from 'path'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Byline } from '@anthropic/ink'
+import { Byline } from '../../components/design-system/Byline.js'
 import { MCPRemoteServerMenu } from '../../components/mcp/MCPRemoteServerMenu.js'
 import { MCPStdioServerMenu } from '../../components/mcp/MCPStdioServerMenu.js'
 import { MCPToolDetailView } from '../../components/mcp/MCPToolDetailView.js'
@@ -20,7 +20,7 @@ import { SearchBox } from '../../components/SearchBox.js'
 import { useSearchInput } from '../../hooks/useSearchInput.js'
 import { useTerminalSize } from '../../hooks/useTerminalSize.js'
 // eslint-disable-next-line custom-rules/prefer-use-keybindings -- useInput needed for raw search mode text input
-import { Box, Text, useInput, useTerminalFocus } from '@anthropic/ink'
+import { Box, Text, useInput, useTerminalFocus } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/PluginOptionsDialog.tsx

@@ -1,8 +1,9 @@
 import figures from 'figures'
 import React, { useCallback, useState } from 'react'
-import { Dialog } from '@anthropic/ink'
+import { Dialog } from '../../components/design-system/Dialog.js'
+import { stringWidth } from '../../ink/stringWidth.js'
 // eslint-disable-next-line custom-rules/prefer-use-keybindings -- raw text input for config dialog
-import { Box, Text, useInput, stringWidth } from '@anthropic/ink'
+import { Box, Text, useInput } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/PluginSettings.tsx

@@ -2,10 +2,11 @@ import figures from 'figures'
 import * as React from 'react'
 import { useCallback, useEffect, useState } from 'react'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Byline, Pane, Tabs } from '@anthropic/ink'
-import { Tab } from '../../components/design-system/Tabs.js'
+import { Byline } from '../../components/design-system/Byline.js'
+import { Pane } from '../../components/design-system/Pane.js'
+import { Tab, Tabs } from '../../components/design-system/Tabs.js'
 import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js'
-import { Box, Text } from '@anthropic/ink'
+import { Box, Text } from '../../ink.js'
 import {
   useKeybinding,
   useKeybindings,

src/commands/plugin/PluginTrustWarning.tsx

@@ -1,6 +1,6 @@
 import figures from 'figures'
 import * as React from 'react'
-import { Box, Text } from '@anthropic/ink'
+import { Box, Text } from '../../ink.js'
 import { getPluginTrustMessage } from '../../utils/plugins/marketplaceHelpers.js'
 
 export function PluginTrustWarning(): React.ReactNode {

src/commands/plugin/UnifiedInstalledCell.tsx

@@ -1,6 +1,6 @@
 import figures from 'figures'
 import * as React from 'react'
-import { Box, color, Text, useTheme } from '@anthropic/ink'
+import { Box, color, Text, useTheme } from '../../ink.js'
 import { plural } from '../../utils/stringUtils.js'
 import type { UnifiedInstalledItem } from './unifiedTypes.js'
 

src/commands/plugin/ValidatePlugin.tsx

@@ -1,7 +1,7 @@
 import figures from 'figures'
 import * as React from 'react'
 import { useEffect } from 'react'
-import { Box, Text } from '@anthropic/ink'
+import { Box, Text } from '../../ink.js'
 import { errorMessage } from '../../utils/errors.js'
 import { logError } from '../../utils/log.js'
 import { validateManifest } from '../../utils/plugins/validatePlugin.js'

src/commands/plugin/pluginDetailsHelpers.tsx

@@ -6,7 +6,8 @@
 
 import * as React from 'react'
 import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js'
-import { Box, Byline, Text } from '@anthropic/ink'
+import { Byline } from '../../components/design-system/Byline.js'
+import { Box, Text } from '../../ink.js'
 import type { PluginMarketplaceEntry } from '../../utils/plugins/schemas.js'
 
 /**