refactor: 大规模迁移原有组件到 ink 包内

src/components/permissions/rules/PermissionRuleList.tsx

@@ -33,8 +33,7 @@ import {
 } from '../../../utils/permissions/permissions.js'
 import type { UnreachableRule } from '../../../utils/permissions/shadowedRuleDetection.js'
 import { jsonStringify } from '../../../utils/slowOperations.js'
-import { Pane, Tabs } from '@anthropic/ink'
-import { Tab, useTabHeaderFocus, useTabsWidth } from '../../design-system/Tabs.js'
+import { Pane, Tab, Tabs, useTabHeaderFocus, useTabsWidth } from '@anthropic/ink'
 import { SearchBox } from '../../SearchBox.js'
 import type { Option } from '../../ui/option.js'
 import { AddPermissionRules } from './AddPermissionRules.js'

src/components/permissions/rules/RecentDenialsTab.tsx

@@ -8,7 +8,6 @@ import {
 } from '../../../utils/autoModeDenials.js'
 import { Select } from '../../CustomSelect/select.js'
 import { StatusIcon } from '@anthropic/ink'
-import { useTabHeaderFocus } from '../../design-system/Tabs.js'
 
 type Props = {
   onHeaderFocusChange?: (focused: boolean) => void

src/components/permissions/rules/WorkspaceTab.tsx

@@ -6,7 +6,6 @@ import type { CommandResultDisplay } from '../../../commands.js'
 import { Select } from '../../../components/CustomSelect/select.js'
 import { Box, Text } from '@anthropic/ink'
 import type { ToolPermissionContext } from '../../../Tool.js'
-import { useTabHeaderFocus } from '../../design-system/Tabs.js'
 
 type Props = {
   onExit: (