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

src/buddy/CompanionCard.tsx

@@ -3,8 +3,8 @@
  * Mirrors official vc8 component: bordered box with sprite, stats, last reaction.
  */
 import React from 'react';
-import { Box, Text } from '../ink.js';
-import { useInput } from '../ink.js';
+import { Box, Text } from '@anthropic/ink';
+import { useInput } from '@anthropic/ink';
 import { renderSprite } from './sprites.js';
 import { RARITY_COLORS, RARITY_STARS, STAT_NAMES, type Companion } from './types.js';
 

src/buddy/CompanionSprite.tsx

@@ -2,8 +2,7 @@ import { feature } from 'bun:bundle'
 import figures from 'figures'
 import React, { useEffect, useRef, useState } from 'react'
 import { useTerminalSize } from '../hooks/useTerminalSize.js'
-import { stringWidth } from '../ink/stringWidth.js'
-import { Box, Text } from '../ink.js'
+import { Box, Text, stringWidth } from '@anthropic/ink'
 import { useAppState, useSetAppState } from '../state/AppState.js'
 import type { AppState } from '../state/AppStateStore.js'
 import { getGlobalConfig } from '../utils/config.js'

src/buddy/useBuddyNotification.tsx

@@ -1,7 +1,7 @@
 import { feature } from 'bun:bundle'
 import React, { useEffect } from 'react'
 import { useNotifications } from '../context/notifications.js'
-import { Text } from '../ink.js'
+import { Text } from '@anthropic/ink'
 import { getGlobalConfig } from '../utils/config.js'
 import { getRainbowColor } from '../utils/thinking.js'