refactor(ui): 移动并重构设置相关工具函数至utils目录

- 将App.tsx中的设置读写及相关辅助函数移除
- 在ui/utils/index.ts新增对应工具函数实现，包括读取写入用户及项目设置
- 将DEFAULT_MODEL和DEFAULT_BASE_URL常量移至constants.ts统一管理
- 优化导入路径，修正组件和工具的引用路径
- 修改RawModeContext和openai-client模块中依赖import路径
- 统一和调整DropdownMenu相关组件的导入路径
- 使代码结构更清晰，职责划分更明确，提高维护性

Author: hqwlkj

src/common/openai-client.ts

@@ -3,7 +3,7 @@ import * as os from "os";
 import * as path from "path";
 import OpenAI from "openai";
 import { Agent, fetch as undiciFetch } from "undici";
-import { resolveCurrentSettings } from "../ui/App";
+import { resolveCurrentSettings } from "../ui";
 
 // Custom undici Agent with a 180-second keepAlive timeout.  The default
 // global fetch (undici) only keeps connections alive for 4 seconds, which

src/tests/dropdownMenu.test.ts

@@ -1,6 +1,6 @@
 import { test } from "node:test";
 import assert from "node:assert/strict";
-import { calculateVisibleStart } from "../ui/DropdownMenu";
+import { calculateVisibleStart } from "../ui/components/DropdownMenu";
 
 test("calculateVisibleStart centers active item when possible", () => {
   // 10 items, max 5 visible, active index 4 (middle)

src/ui/App.tsx

@@ -1,9 +1,6 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Box, Static, Text, useApp, useStdout, useWindowSize } from "ink";
 import chalk from "chalk";
-import * as fs from "fs";
-import * as os from "os";
-import * as path from "path";
 import { createOpenAIClient } from "../common/openai-client";
 import {
   type LlmStreamProgress,
@@ -17,17 +14,11 @@ import {
   type UndoTarget,
   type UserPromptContent,
 } from "../session";
-import {
-  applyModelConfigSelection,
-  type DeepcodingSettings,
-  type ModelConfigSelection,
-  type ResolvedDeepcodingSettings,
-  resolveSettingsSources,
-} from "../settings";
-import { PromptInput, type PromptDraft, type PromptSubmission } from "./PromptInput";
+import { type ModelConfigSelection } from "../settings";
+import { type PromptDraft, PromptInput, type PromptSubmission } from "./PromptInput";
 import { MessageView, RawModeExitPrompt } from "./components";
 import { SessionList } from "./SessionList";
-import { UndoSelector, type UndoRestoreMode } from "./UndoSelector";
+import { type UndoRestoreMode, UndoSelector } from "./UndoSelector";
 import { buildLoadingText } from "./loadingText";
 import { findExpandedThinkingId } from "./thinkingState";
 import { WelcomeScreen } from "./WelcomeScreen";
@@ -43,12 +34,19 @@ import { PermissionPrompt, type PermissionPromptResult } from "./PermissionPromp
 import { buildExitSummaryText } from "./exitSummary";
 import { RawMode, useRawModeContext } from "./contexts";
 import { renderMessageToStdout } from "./components/MessageView/utils";
-import { renderRawModeMessages } from "./utils";
+import {
+  buildPromptDraftFromSessionMessage,
+  buildStatusLine,
+  buildSyntheticUserMessage,
+  formatModelConfig,
+  isCollapsedThinking,
+  isCurrentSessionEmpty,
+  renderRawModeMessages,
+  resolveCurrentSettings,
+  writeModelConfigSelection,
+} from "./utils";
 import { ANSI_CLEAR_SCREEN } from "./constants";
 
-const DEFAULT_MODEL = "deepseek-v4-pro";
-const DEFAULT_BASE_URL = "https://api.deepseek.com";
-
 type View = "chat" | "session-list" | "undo" | "mcp-status";
 
 type AppProps = {
@@ -807,163 +805,3 @@ function App({ projectRoot, initialPrompt, onRestart }: AppProps): React.ReactEl
 }
 
 export default App;
-
-function isCollapsedThinking(message: SessionMessage, expandedId: string | null): boolean {
-  if (message.role !== "assistant") {
-    return false;
-  }
-  if (!message.meta?.asThinking) {
-    return false;
-  }
-  return message.id !== expandedId;
-}
-
-function buildSyntheticUserMessage(content: string, imageCount: number): SessionMessage {
-  const now = new Date().toISOString();
-  return {
-    id: `local-${Math.random().toString(36).slice(2)}`,
-    sessionId: "local",
-    role: "user",
-    content,
-    contentParams:
-      imageCount > 0
-        ? Array.from({ length: imageCount }, () => ({
-            type: "image_url",
-            image_url: { url: "" },
-          }))
-        : null,
-    messageParams: null,
-    compacted: false,
-    visible: true,
-    createTime: now,
-    updateTime: now,
-  };
-}
-
-export function buildPromptDraftFromSessionMessage(message: SessionMessage, nonce: number): PromptDraft {
-  return {
-    nonce,
-    text: typeof message.content === "string" ? message.content : "",
-    imageUrls: extractImageUrlsFromContentParams(message.contentParams),
-  };
-}
-
-function extractImageUrlsFromContentParams(contentParams: unknown): string[] {
-  const params = Array.isArray(contentParams) ? contentParams : contentParams ? [contentParams] : [];
-  const imageUrls: string[] = [];
-  for (const param of params) {
-    if (!param || typeof param !== "object") {
-      continue;
-    }
-    const record = param as { type?: unknown; image_url?: { url?: unknown } };
-    const url = record.image_url?.url;
-    if (record.type === "image_url" && typeof url === "string" && url) {
-      imageUrls.push(url);
-    }
-  }
-  return imageUrls;
-}
-
-function isCurrentSessionEmpty(sessionManager: SessionManager): boolean {
-  const activeSessionId = sessionManager.getActiveSessionId();
-  return !activeSessionId || !sessionManager.getSession(activeSessionId);
-}
-
-function buildStatusLine(entry: SessionEntry): string {
-  const parts: string[] = [];
-  parts.push(`status: ${entry.status}`);
-  if (typeof entry.activeTokens === "number" && entry.activeTokens > 0) {
-    parts.push(`tokens: ${entry.activeTokens}`);
-  }
-  if (entry.failReason) {
-    parts.push(`fail: ${entry.failReason}`);
-  }
-  return parts.join(" · ");
-}
-
-export function readSettings(): DeepcodingSettings | null {
-  return readSettingsFile(getUserSettingsPath());
-}
-
-export function readProjectSettings(projectRoot: string = process.cwd()): DeepcodingSettings | null {
-  return readSettingsFile(getProjectSettingsPath(projectRoot));
-}
-
-function readSettingsFile(settingsPath: string): DeepcodingSettings | null {
-  try {
-    if (!fs.existsSync(settingsPath)) {
-      return null;
-    }
-    const raw = fs.readFileSync(settingsPath, "utf8");
-    return JSON.parse(raw) as DeepcodingSettings;
-  } catch {
-    return null;
-  }
-}
-
-export function writeSettings(settings: DeepcodingSettings): void {
-  const settingsPath = getUserSettingsPath();
-  writeSettingsFile(settingsPath, settings);
-}
-
-export function writeProjectSettings(settings: DeepcodingSettings, projectRoot: string = process.cwd()): void {
-  const settingsPath = getProjectSettingsPath(projectRoot);
-  writeSettingsFile(settingsPath, settings);
-}
-
-function writeSettingsFile(settingsPath: string, settings: DeepcodingSettings): void {
-  fs.mkdirSync(path.dirname(settingsPath), { recursive: true });
-  fs.writeFileSync(settingsPath, `${JSON.stringify(settings, null, 2)}\n`, "utf8");
-}
-
-export function writeModelConfigSelection(
-  selection: ModelConfigSelection,
-  current: ModelConfigSelection = resolveCurrentSettings(),
-  projectRoot: string = process.cwd()
-): { changed: boolean; settings: DeepcodingSettings } {
-  const projectSettingsPath = getProjectSettingsPath(projectRoot);
-  const shouldWriteProjectSettings = fs.existsSync(projectSettingsPath);
-  const rawSettings = shouldWriteProjectSettings ? readProjectSettings(projectRoot) : readSettings();
-  const result = applyModelConfigSelection(rawSettings, current, selection);
-  if (result.changed) {
-    if (shouldWriteProjectSettings) {
-      writeProjectSettings(result.settings, projectRoot);
-    } else {
-      writeSettings(result.settings);
-    }
-  }
-  return result;
-}
-
-export function resolveCurrentSettings(projectRoot: string = process.cwd()): ResolvedDeepcodingSettings {
-  return resolveSettingsSources(
-    readSettings(),
-    readProjectSettings(projectRoot),
-    {
-      model: DEFAULT_MODEL,
-      baseURL: DEFAULT_BASE_URL,
-    },
-    process.env
-  );
-}
-
-export { createOpenAIClient } from "../common/openai-client";
-
-function getUserSettingsPath(): string {
-  return path.join(os.homedir(), ".deepcode", "settings.json");
-}
-
-function getProjectSettingsPath(projectRoot: string): string {
-  return path.join(projectRoot, ".deepcode", "settings.json");
-}
-
-function formatThinkingMode(settings: Pick<ModelConfigSelection, "thinkingEnabled" | "reasoningEffort">): string {
-  if (!settings.thinkingEnabled) {
-    return "no thinking";
-  }
-  return `thinking ${settings.reasoningEffort}`;
-}
-
-function formatModelConfig(settings: ModelConfigSelection): string {
-  return `${settings.model}, ${formatThinkingMode(settings)}`;
-}

src/ui/AppContainer.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { AppContext } from "./contexts";
 import App from "./App";
-import { RawModeProvider } from "./contexts/RawModeContext";
+import { RawModeProvider } from "./contexts";
 
 const AppContainer: React.FC<{
   projectRoot: string;

src/ui/DropdownMenu.tsx src/ui/components/DropdownMenu/index.tsxsrc/ui/DropdownMenu.tsx renamed to src/ui/components/DropdownMenu/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Box, Text } from "ink";
 import { useInput } from "ink";
-import DropdownMenu from "../../DropdownMenu";
+import DropdownMenu from "../DropdownMenu";
 import type { FileMentionItem, FileMentionToken } from "../../fileMentions";
 
 type Props = {

src/ui/components/FileMentionMenu/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useInput } from "ink";
-import DropdownMenu from "../../DropdownMenu";
+import DropdownMenu from "../DropdownMenu";
 import type { ModelConfigSelection, ReasoningEffort } from "../../../settings";
 
 type ModelStep = "model" | "thinking";

src/ui/components/ModelsDropdown/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useInput } from "ink";
-import DropdownMenu from "../../DropdownMenu";
+import DropdownMenu from "../DropdownMenu";
 import type { RawMode } from "../../contexts";
 import { RAW_COMMAND_MODELS, useRawModeContext } from "../../contexts";
 

src/ui/components/RawModelDropdown/index.tsx

@@ -1,4 +1,4 @@
-import DropdownMenu from "../../DropdownMenu";
+import Index from "../DropdownMenu";
 import React, { useEffect, useState } from "react";
 import type { SkillInfo } from "../../../session";
 import { useInput } from "ink";
@@ -52,7 +52,7 @@ const SkillsDropdown: React.FC<{
   }
 
   return (
-    <DropdownMenu
+    <Index
       width={width}
       title="Select Skills"
       helpText="Space toggle · Enter toggle · Esc to close"

src/ui/components/SkillsDropdown/index.tsx

@@ -4,3 +4,4 @@ export { RawModeExitPrompt } from "./RawModeExitPrompt";
 export { default as SkillsDropdown } from "./SkillsDropdown";
 export { default as ModelsDropdown } from "./ModelsDropdown";
 export { default as FileMentionMenu } from "./FileMentionMenu";
+export { default as DropdownMenu } from "./DropdownMenu";