thatgfsj-code 3.0.4 → 3.0.6

package/src/tui/components/ChatList.tsx

@@ -1,41 +0,0 @@
-/** @jsxImportSource react */
-import React, { memo } from 'react';
-import { Box, Static } from 'ink';
-import { ChatMessage, type MessageData } from './ChatMessage.js';
-import type { ToolCallData } from './ToolCall.js';
-
-interface Props {
-  messages: MessageData[];
-  streaming?: string;
-  streamingToolCalls?: ToolCallData[];
-  width?: number;
-}
-
-export const ChatList = memo(function ChatList({ messages, streaming, streamingToolCalls, width }: Props) {
-  const hasStreaming = !!(streaming || (streamingToolCalls && streamingToolCalls.length > 0));
-
-  return (
-    <Box flexDirection="column">
-      {/* Completed messages - Static prevents re-rendering */}
-      {messages.length > 0 && (
-        <Static items={messages}>
-          {(msg: MessageData, index: number) => (
-            <ChatMessage key={`msg-${index}`} message={msg} width={width} />
-          )}
-        </Static>
-      )}
-
-      {/* Streaming content - only this part re-renders */}
-      {hasStreaming && (
-        <ChatMessage
-          message={{
-            role: 'assistant',
-            content: streaming || '',
-            toolCalls: streamingToolCalls && streamingToolCalls.length > 0 ? streamingToolCalls : undefined,
-          }}
-          width={width}
-        />
-      )}
-    </Box>
-  );
-});

package/src/tui/components/ChatMessage.tsx

@@ -1,54 +0,0 @@
-/** @jsxImportSource react */
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Markdown } from './Markdown.js';
-import { ToolCall, type ToolCallData } from './ToolCall.js';
-
-interface MessageData {
-  role: 'user' | 'assistant' | 'tool';
-  content: string;
-  toolCalls?: ToolCallData[];
-}
-
-interface Props {
-  message: MessageData;
-  width?: number;
-}
-
-function UserMessage({ content }: { content: string }) {
-  return (
-    <Box flexDirection="column" marginBottom={1} paddingLeft={1}>
-      <Text bold color="#06B6D4">You</Text>
-      <Box paddingLeft={2}>
-        <Text>{content}</Text>
-      </Box>
-    </Box>
-  );
-}
-
-function AssistantMessage({ content, toolCalls }: { content: string; toolCalls?: ToolCallData[] }) {
-  return (
-    <Box flexDirection="column" marginBottom={1}>
-      {toolCalls && toolCalls.map((tc, i) => (
-        <ToolCall key={i} tool={tc} />
-      ))}
-      {content && (
-        <Box flexDirection="column" paddingLeft={1}>
-          <Text bold color="#22D3EE">AI</Text>
-          <Box paddingLeft={2}>
-            <Markdown content={content} />
-          </Box>
-        </Box>
-      )}
-    </Box>
-  );
-}
-
-export const ChatMessage = React.memo(function ChatMessage({ message }: Props) {
-  if (message.role === 'user') {
-    return <UserMessage content={message.content} />;
-  }
-  return <AssistantMessage content={message.content} toolCalls={message.toolCalls} />;
-});
-
-export type { MessageData };

package/src/tui/components/Header.tsx

@@ -1,66 +0,0 @@
-/** @jsxImportSource react */
-import React from 'react';
-import { Box, Text } from 'ink';
-
-interface Props {
-  provider: string;
-  model: string;
-  /**
-   * v3.0.0: optional cache hit-rate + estimated savings. When provided,
-   * the header shows `⚡ 命中率 87% · 节省 ¥0.42` on the right side. When
-   * null (no rounds yet, or provider does not surface usage), the right
-   * side just shows provider/model.
-   */
-  cacheHitRate?: number | null;
-  cacheSavingsCNY?: number;
-  /**
-   * v3.0.3: cache TTL marker. '5m' (default for short sessions) or '1h'
-   * (auto-decided for long sessions, or pinned by the user). 'auto' is
-   * the user-pinned setting and shows up as ⏱ auto. null = not yet
-   * decided (waiting for first round).
-   */
-  cacheTtl?: '5m' | '1h' | 'auto' | null;
-}
-
-/**
- * Choose a color for the hit-rate chip based on Reasonix-style thresholds:
- *   ≥ 80% green   (excellent — most of the prefix is being reused)
- *   ≥ 50% yellow  (partial hit — system prompt is cached but messages tail is not)
- *   < 50% gray    (cold — every round re-creates the cache; investigate)
- */
-function hitRateColor(rate: number): string {
-  if (rate >= 0.8) return '#10B981';
-  if (rate >= 0.5) return '#F59E0B';
-  return '#6B7280';
-}
-
-export const Header = React.memo(function Header({ provider, model, cacheHitRate, cacheSavingsCNY, cacheTtl }: Props) {
-  const showCache = typeof cacheHitRate === 'number' && cacheHitRate > 0;
-  return (
-    <Box flexDirection="column" marginBottom={0}>
-      <Box justifyContent="space-between" width="100%">
-        <Box>
-          <Text color="#06B6D4" bold> ⚡ </Text>
-          <Text color="#22D3EE" bold>THATGFSJ CODE</Text>
-          <Text dimColor> v3.0.4</Text>
-        </Box>
-        <Box>
-          {showCache && (
-            <>
-              <Text color={hitRateColor(cacheHitRate!)} bold> ⚡ {(cacheHitRate! * 100).toFixed(1)}% </Text>
-              <Text dimColor> · 节省 ¥{(cacheSavingsCNY ?? 0).toFixed(2)} </Text>
-              <Text dimColor> · </Text>
-            </>
-          )}
-          {cacheTtl && (
-            <Text color="#A78BFA" bold> ⏱ {cacheTtl} </Text>
-          )}
-          <Text color="#06B6D4" bold> {provider} </Text>
-          <Text dimColor>/</Text>
-          <Text color="#22D3EE"> {model} </Text>
-        </Box>
-      </Box>
-      <Text color="#374151">{'─'.repeat(80)}</Text>
-    </Box>
-  );
-});

package/src/tui/components/InitWizard.tsx

@@ -1,247 +0,0 @@
-/** @jsxImportSource react */
-import React, { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import SelectInput from 'ink-select-input';
-import TextInput from 'ink-text-input';
-import { writeFileSync, existsSync, mkdirSync } from 'fs';
-import { join } from 'path';
-import { homedir } from 'os';
-import { listProviders, getModelsForProvider, isCustomProvider } from '../../config/providers.js';
-import type { ProviderName } from '../../config/types.js';
-
-interface Props {
-  onComplete: (provider: ProviderName, model: string, apiKey: string, baseUrl?: string) => void;
-  onCancel: () => void;
-}
-
-type InitStep = 'provider' | 'custom_url' | 'api_key' | 'model' | 'custom_model' | 'cache_strategy';
-
-interface CacheChoice {
-  enabled: boolean;
-  ttl: '5m' | '1h';
-}
-
-/**
- * v3.0.1: InitWizard is now fully self-contained — it manages its own
- * step state AND its own keyboard input for text-entry steps (api_key,
- * custom_url, custom_model). The previous version had a fatal bug:
- *
- *   The text-entry steps (`api_key`, `custom_url`, `custom_model`) only
- *   rendered a `<Text>` prompt with no actual input box. The host
- *   component (app.tsx) had its own UserInput BUT only rendered it when
- *   viewMode was NOT 'init_wizard' (see app.tsx ternary). So when the
- *   wizard's internal step advanced to 'api_key', the user could SEE the
- *   "输入 API Key: 服务商: deepseek" prompt but had NO way to type into
- *   it. Ink silently swallowed keystrokes (no useInput handler was
- *   active), and the user was stuck on a frozen screen — exactly the
- *   bug that prompted the user-reported "选择 deepseek 然后退出":
- *   pressing Ctrl+C felt like the only escape.
- *
- * Fix: this file now uses `useInput` and `ink-text-input` for the text
- * steps. The SetViewMode-based input delegation in app.tsx is no longer
- * required for the InitWizard flow.
- */
-export function InitWizard({ onComplete, onCancel }: Props) {
-  const [step, setStep] = useState<InitStep>('provider');
-  const [selectedProvider, setSelectedProvider] = useState<ProviderName>('siliconflow');
-  const [apiKey, setApiKey] = useState('');
-  const [selectedModel, setSelectedModel] = useState('');
-  const [customUrl, setCustomUrl] = useState('');
-  const [cacheChoice, setCacheChoice] = useState<CacheChoice>({ enabled: true, ttl: '5m' });
-
-  const providers = listProviders();
-  const models = getModelsForProvider(selectedProvider);
-
-  const saveConfig = (provider: ProviderName, model: string, key: string, url?: string) => {
-    const dir = join(homedir(), '.thatgfsj');
-    const configPath = join(dir, 'config.json');
-    if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
-
-    const config: Record<string, any> = {
-      provider,
-      model,
-      apiKey: key,
-      temperature: 0.7,
-      maxTokens: 4096,
-      contextLength: 50,
-      cache: {
-        enabled: cacheChoice.enabled,
-        ttl: cacheChoice.ttl,
-        strategy: 'auto',
-      },
-    };
-    if (url) config.baseUrl = url;
-    writeFileSync(configPath, JSON.stringify(config, null, 2));
-  };
-
-  // v3.0.1: ESC cancels the wizard from any text-entry step. This is the
-  // hook that the previous version was missing — when the user pressed
-  // ESC on the frozen "输入 API Key" screen, nothing happened because no
-  // useInput was active. Now it bails out cleanly.
-  useInput((_input, key) => {
-    if (key.escape && (step === 'api_key' || step === 'custom_url' || step === 'custom_model')) {
-      onCancel();
-    }
-  });
-
-  // Step 1: Provider selection
-  if (step === 'provider') {
-    const items = providers.map(p => ({ label: p.name, value: p.key }));
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>选择服务商 (↑↓ 回车):</Text>
-        <SelectInput
-          items={items}
-          onSelect={(item) => {
-            const provider = item.value as ProviderName;
-            setSelectedProvider(provider);
-            if (isCustomProvider(provider)) {
-              setStep('custom_url');
-            } else {
-              setStep('api_key');
-            }
-          }}
-        />
-      </Box>
-    );
-  }
-
-  // Custom URL input — v3.0.1 NOW has a real TextInput
-  if (step === 'custom_url') {
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>输入中转站 URL:</Text>
-        <Text dimColor>例如: https://api.example.com/v1</Text>
-        <Text color="#F59E0B">（请直接输入 URL 并回车，ESC 取消）</Text>
-        <Box marginTop={1}>
-          <Text color="#06B6D4">❯ </Text>
-          <TextInput
-            value={customUrl}
-            onChange={setCustomUrl}
-            onSubmit={(value) => {
-              if (value.trim()) {
-                setCustomUrl(value.trim());
-                setStep('api_key');
-              }
-            }}
-          />
-        </Box>
-      </Box>
-    );
-  }
-
-  // Step 2: API Key — v3.0.1 NOW has a real TextInput
-  if (step === 'api_key') {
-    const providerLabel = providers.find(p => p.key === selectedProvider)?.name || selectedProvider;
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>输入 API Key:</Text>
-        <Text dimColor>服务商: {providerLabel}</Text>
-        <Text color="#F59E0B">（请直接输入 Key 并回车，ESC 取消）</Text>
-        <Box marginTop={1}>
-          <Text color="#06B6D4">❯ </Text>
-          <TextInput
-            value={apiKey}
-            onChange={setApiKey}
-            onSubmit={(value) => {
-              if (value.trim()) {
-                setApiKey(value.trim());
-                if (isCustomProvider(selectedProvider)) {
-                  // Custom OpenAI/Anthropic: after key, go to model
-                  setStep('model');
-                } else {
-                  // Standard providers: skip to model selection
-                  setStep('model');
-                }
-              }
-            }}
-          />
-        </Box>
-      </Box>
-    );
-  }
-
-  // Step 3: Model selection
-  if (step === 'model') {
-    const items = [
-      ...models.map(m => ({ label: `${m.name} - ${m.desc}`, value: m.id })),
-      { label: '＋ 输入自定义模型名', value: '__custom__' },
-    ];
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>选择模型 (↑↓ 回车):</Text>
-        <SelectInput
-          items={items}
-          onSelect={(item) => {
-            if (item.value === '__custom__') {
-              setStep('custom_model');
-            } else {
-              setSelectedModel(item.value);
-              setStep('cache_strategy');
-            }
-          }}
-        />
-      </Box>
-    );
-  }
-
-  // Custom model name input — v3.0.1 NOW has a real TextInput
-  if (step === 'custom_model') {
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>输入模型名称:</Text>
-        <Text color="#F59E0B">（请直接输入模型名并回车，ESC 取消）</Text>
-        <Box marginTop={1}>
-          <Text color="#06B6D4">❯ </Text>
-          <TextInput
-            value={selectedModel}
-            onChange={setSelectedModel}
-            onSubmit={(value) => {
-              if (value.trim()) {
-                setSelectedModel(value.trim());
-                setStep('cache_strategy');
-              }
-            }}
-          />
-        </Box>
-      </Box>
-    );
-  }
-
-  // v3.0.4: prompt-cache strategy step.
-  // Default is 1h (long-task TTL): we cannot predict how long a task
-  // will run, so we pick the TTL that cannot expire mid-task. 5m is
-  // for users who are sure the session is short.
-  if (step === 'cache_strategy') {
-    const items = [
-      { label: '🕐 1 小时（推荐：默认长任务，缓存不中途失效）', value: '1h' },
-      { label: '⏱ 5 分钟（只适合你确认是短会话）', value: '5m' },
-      { label: '✗ 关闭（每次请求都重新计算）', value: 'off' },
-    ];
-    return (
-      <Box flexDirection="column" paddingLeft={1}>
-        <Text color="#06B6D4" bold>Prompt Caching 策略:</Text>
-        <Text dimColor>对 Anthropic / DeepSeek / Gemini 有效。</Text>
-        <Text dimColor>推荐 1 小时：任务开始前无法预知长度，5 分钟 TTL 会在长任务中途过期。</Text>
-        <SelectInput
-          items={items}
-          onSelect={(item) => {
-            if (item.value === 'off') {
-              setCacheChoice({ enabled: false, ttl: '1h' });
-            } else {
-              setCacheChoice({ enabled: true, ttl: item.value as '5m' | '1h' });
-            }
-            saveConfig(selectedProvider, selectedModel, apiKey, customUrl || undefined);
-            onComplete(selectedProvider, selectedModel, apiKey, customUrl || undefined);
-          }}
-        />
-      </Box>
-    );
-  }
-
-  return null;
-}
-
-// Export steps for external handling
-export type { InitStep };
-export { isCustomProvider };

package/src/tui/components/Markdown.tsx

@@ -1,35 +0,0 @@
-/** @jsxImportSource react */
-import React, { useMemo } from 'react';
-import { Text } from 'ink';
-import { marked } from 'marked';
-import TerminalRenderer from 'marked-terminal';
-
-// Configure marked to use terminal renderer
-marked.setOptions({
-  // @ts-ignore - marked-terminal types are incomplete
-  renderer: new TerminalRenderer({
-    showSectionPrefix: false,
-    tab: 2,
-  }),
-});
-
-interface Props {
-  content: string;
-}
-
-export function Markdown({ content }: Props) {
-  const rendered = useMemo(() => {
-    try {
-      const result = marked.parse(content);
-      // marked.parse returns string | Promise<string> depending on async option
-      if (typeof result === 'string') {
-        return result.trimEnd();
-      }
-      return content;
-    } catch {
-      return content;
-    }
-  }, [content]);
-
-  return <Text>{rendered}</Text>;
-}

package/src/tui/components/ModelSelector.tsx

@@ -1,107 +0,0 @@
-/** @jsxImportSource react */
-import React, { useState, useEffect } from 'react';
-import { Box, Text } from 'ink';
-import SelectInput from 'ink-select-input';
-import { readFileSync, existsSync } from 'fs';
-import { join } from 'path';
-import { homedir } from 'os';
-import { PROVIDERS, getModelsForProvider } from '../../config/providers.js';
-import type { ProviderName } from '../../config/types.js';
-
-interface Props {
-  currentModel: string;
-  currentProvider?: ProviderName;
-  onSelect: (model: string) => void;
-  onAddNew: () => void;
-}
-
-interface SavedModel {
-  label: string;
-  value: string;
-}
-
-function loadSavedModels(currentProvider?: ProviderName): SavedModel[] {
-  const configPath = join(homedir(), '.thatgfsj', 'config.json');
-  const models: SavedModel[] = [];
-  const seen = new Set<string>();
-
-  // 1. Load from history if exists
-  const historyPath = join(homedir(), '.thatgfsj', 'models.json');
-  if (existsSync(historyPath)) {
-    try {
-      const history = JSON.parse(readFileSync(historyPath, 'utf-8'));
-      for (const m of history) {
-        if (!seen.has(m)) {
-          seen.add(m);
-          models.push({ label: m, value: m });
-        }
-      }
-    } catch {}
-  }
-
-  // 2. Always include current model
-  if (existsSync(configPath)) {
-    try {
-      const config = JSON.parse(readFileSync(configPath, 'utf-8'));
-      if (config.model && !seen.has(config.model)) {
-        seen.add(config.model);
-        models.push({ label: `${config.model} (当前)`, value: config.model });
-      }
-    } catch {}
-  }
-
-  // 3. v3.0.0 bug fix: ALWAYS include the current provider's catalog of
-  // models, otherwise users on a custom relay (mimo / one-api / etc.) who
-  // only have the current model in history see a list of 1 item and can't
-  // switch to deepseek / gpt-4o / etc. without going through init wizard.
-  // This is the model_selector "选 deepseek 然后退出" bug: the list only
-  // contained the current model, so the user pressed Enter on the wrong
-  // item (or thought the list was broken), then Ctrl+C'd out.
-  if (currentProvider && PROVIDERS[currentProvider]) {
-    const catalog = getModelsForProvider(currentProvider);
-    for (const m of catalog) {
-      if (!seen.has(m.id)) {
-        seen.add(m.id);
-        models.push({ label: m.id, value: m.id });
-      }
-    }
-  }
-
-  // 4. Universal fallbacks if user is on no history and no catalog
-  if (models.length === 0) {
-    const defaults = ['deepseek-chat', 'gpt-4o', 'mimo-v2.5-pro'];
-    for (const m of defaults) {
-      models.push({ label: m, value: m });
-    }
-  }
-
-  return models;
-}
-
-export function ModelSelector({ currentModel, currentProvider, onSelect, onAddNew }: Props) {
-  const [items, setItems] = useState<SavedModel[]>([]);
-
-  useEffect(() => {
-    const saved = loadSavedModels(currentProvider);
-    // Add "add new" option at the end
-    saved.push({ label: '＋ 添加新模型', value: '__add_new__' });
-    setItems(saved);
-  }, [currentProvider]);
-
-  return (
-    <Box flexDirection="column" paddingLeft={1}>
-      <Text color="#06B6D4" bold>当前模型: {currentModel}</Text>
-      <Text dimColor>选择模型 (↑↓ 回车):</Text>
-      <SelectInput
-        items={items}
-        onSelect={(item) => {
-          if (item.value === '__add_new__') {
-            onAddNew();
-          } else {
-            onSelect(item.value);
-          }
-        }}
-      />
-    </Box>
-  );
-}

package/src/tui/components/StatusBar.tsx

@@ -1,30 +0,0 @@
-/** @jsxImportSource react */
-import React from 'react';
-import { Box, Text } from 'ink';
-
-interface Props {
-  messageCount: number;
-  skills: string[];
-}
-
-export const StatusBar = React.memo(function StatusBar({ messageCount, skills }: Props) {
-  const activeSkills = skills.slice(0, 3).join(', ');
-  const moreSkills = skills.length > 3 ? ` +${skills.length - 3}` : '';
-
-  return (
-    <Box flexDirection="column" marginTop={0}>
-      <Text color="#374151">{'─'.repeat(80)}</Text>
-      <Box justifyContent="space-between" width="100%">
-        <Box>
-          <Text backgroundColor="#06B6D4" color="#0F172A" bold> ⚡ THATGFSJ CODE </Text>
-          <Text dimColor> │ {messageCount} 条消息</Text>
-        </Box>
-        <Box>
-          {skills.length > 0 && (
-            <Text dimColor> 技能: {activeSkills}{moreSkills} </Text>
-          )}
-        </Box>
-      </Box>
-    </Box>
-  );
-});

package/src/tui/components/Thinking.tsx

@@ -1,17 +0,0 @@
-/** @jsxImportSource react */
-import React from 'react';
-import { Box, Text } from 'ink';
-
-interface Props {
-  active?: boolean;
-}
-
-export function Thinking({ active = false }: Props) {
-  if (!active) return null;
-
-  return (
-    <Box paddingLeft={1}>
-      <Text color="#06B6D4">⟳ Thinking...</Text>
-    </Box>
-  );
-}