feat: 优化上下文模式架构，增强变量管理并修复核心功能

本次提交主要围绕上下文模式进行大规模重构与功能增强，并修复了关键的变量注入和模型初始化问题。 **核心重构与功能增强** - **上下文模式架构优化**: - 将 `ContextWorkspace` 拆分为 `ContextSystemWorkspace` 和 `ContextUserWorkspace`，使组件职责更单一，消除内部条件逻辑。 - 优化组件目录结构，按功能模块组织（如 `components/context-mode/`, `components/variable/`）。 - 新增 `PromptPreviewPanel` 组件和 `usePromptPreview` composable，提供提示词实时预览功能。 - 引入 `useContextManagement` composable，统一管理上下文状态和会话变量。 - 为上下文模式添加 E2E 测试。 - **类型与构建**: - 扩展 `ContextMode` 相关类型定义，更新组件 Props 和 Events 类型。 - 修复所有移动组件的相对导入路径和 `index.ts` 导出路径。 **主要问题修复** - **修复上下文-用户模式会话变量注入问题**: - **核心问题**: `testPromptWithType` 中错误地展开了 `ComputedRef` 对象而非其值，导致 `variables` 对象混入 Vue 响应式系统内部属性，Mustache 模板引擎无法正确访问嵌套的会话变量值。 - **修复内容**: - 优化 `App.vue` 变量合并逻辑，使用 `currentContextVariables.value` 获取实际值。 - `useContextManagement.ts` 新增 `updateContextVariable` 函数，统一管理会话变量。 - 简化 `TestAreaPanel.vue` 架构，移除 `userInputValues` 临时存储，改为单一数据源。 - `ContextUserWorkspace.vue` 添加 `variable-change` 事件转发。 - **影响范围**: 上下文-用户模式的变量替换功能、测试面板的会话变量输入、会话级变量管理和持久化。 - **测试验证**: 会话变量正确注入到测试请求，全局变量和预定义变量正常工作，变量合并优先级正确（全局 < 会话 < 预定义），Mustache 模板引擎正确替换占位符。 - **修复模型选择初始化竞态条件**: - **问题描述**: 模型选择初始化时可能出现竞态条件，导致在初始化完成前触发不必要的保存操作或回退逻辑错误。 - **修复内容**: - 引入 `isModelSelectionReady` 和 `isInitializing` 标志来精确跟踪初始化状态。 - 防止在初始化阶段的 `watch` 触发不必要的保存操作。 - 确保模型选择初始化完成后再执行回退逻辑。 - 调整相关代码格式（单引号转换为双引号）。

Author: linshenkx

packages/core/src/services/context/constants.ts

@@ -2,9 +2,14 @@
  * 上下文服务相关常量定义
  */
 
+import type { ContextMode } from './types';
+
 // 存储键
 export const CONTEXT_STORE_KEY = 'ctx:store' as const;
 
+// 默认上下文模式
+export const DEFAULT_CONTEXT_MODE: ContextMode = 'system' as const;
+
 // 预定义变量列表（与UI包保持一致）
 // 这些变量名不允许在上下文变量覆盖中使用
 export const PREDEFINED_VARIABLES = [

packages/core/src/services/context/electron-proxy.ts

@@ -1,13 +1,41 @@
 /**
  * Electron环境下ContextRepo的渲染进程代理
- * 
+ *
  * 通过IPC与主进程的ContextRepo实例通信，
  * 遵循项目现有的三层架构模式：Renderer代理 → Preload桥接 → 主进程IPC处理
  */
 
-import type { ContextRepo, ContextPackage, ContextBundle, ImportMode, ContextListItem, ImportResult } from './types';
+import type { ContextRepo, ContextPackage, ContextBundle, ImportMode, ContextListItem, ImportResult, ContextMode } from './types';
 import { safeSerializeForIPC } from '../../utils/ipc-serialization';
 
+// 为window.electronAPI提供完整的类型定义，以确保类型安全
+interface ElectronAPI {
+ context: {
+ list: () => Promise<ContextListItem[]>;
+ getCurrentId: () => Promise<string>;
+ setCurrentId: (id: string) => Promise<void>;
+ get: (id: string) => Promise<ContextPackage>;
+ create: (meta?: { title?: string; mode?: ContextMode }) => Promise<string>;
+ duplicate: (id: string, options?: { mode?: ContextMode }) => Promise<string>;
+ rename: (id: string, title: string) => Promise<void>;
+ save: (ctx: ContextPackage) => Promise<void>;
+ update: (id: string, patch: Partial<ContextPackage>) => Promise<void>;
+ remove: (id: string) => Promise<void>;
+ exportAll: () => Promise<ContextBundle>;
+ importAll: (bundle: ContextBundle, mode: ImportMode) => Promise<ImportResult>;
+ exportData: () => Promise<ContextBundle>;
+ importData: (data: any) => Promise<void>;
+ getDataType: () => Promise<string>;
+ validateData: (data: any) => Promise<boolean>;
+ };
+ // 添加其他服务的定义以避免编译错误
+ [key: string]: any;
+}
+
+declare const window: {
+ electronAPI: ElectronAPI;
+};
+
 export class ElectronContextRepoProxy implements ContextRepo {
  private get api() {
  if (!window.electronAPI?.context) {
@@ -34,12 +62,12 @@ export class ElectronContextRepoProxy implements ContextRepo {
  }
 
  // === 内容管理 ===
- async create(meta?: { title?: string }): Promise<string> {
+ async create(meta?: { title?: string; mode?: import('./types').ContextMode }): Promise<string> {
  return this.api.create(meta);
  }
 
- async duplicate(id: string): Promise<string> {
- return this.api.duplicate(id);
+ async duplicate(id: string, options?: { mode?: import('./types').ContextMode }): Promise<string> {
+ return this.api.duplicate(id, options);
  }
 
  async rename(id: string, title: string): Promise<void> {

packages/core/src/services/context/repo.ts

@@ -24,7 +24,8 @@ import {
  PREDEFINED_VARIABLES,
  DEFAULT_CONTEXT_CONFIG,
  CONTEXT_STORE_VERSION,
- CONTEXT_UI_LABELS
+ CONTEXT_UI_LABELS,
+ DEFAULT_CONTEXT_MODE
 } from './constants';
 
 /**
@@ -108,6 +109,7 @@ export class ContextRepoImpl implements ContextRepo {
  const defaultContext: ContextPackage = {
  id: DEFAULT_CONTEXT_CONFIG.id,
  title: DEFAULT_CONTEXT_CONFIG.title,
+ mode: DEFAULT_CONTEXT_MODE,
  version: DEFAULT_CONTEXT_CONFIG.version,
  createdAt: now,
  updatedAt: now,
@@ -134,12 +136,29 @@ export class ContextRepoImpl implements ContextRepo {
 
  try {
  const doc = JSON.parse(data) as ContextStoreDoc;
- 
+
  // 基础验证
  if (!doc.currentId || !doc.contexts || typeof doc.contexts !== 'object') {
  throw new Error('Invalid document structure');
  }
 
+ // 迁移逻辑：为旧文档的上下文补写 mode 字段
+ let migrated = false;
+ for (const ctx of Object.values(doc.contexts)) {
+ if (!ctx.mode) {
+ ctx.mode = DEFAULT_CONTEXT_MODE;
+ migrated = true;
+ }
+ }
+
+ // 如果有迁移，需要保存回存储
+ if (migrated) {
+ await this.storage.setItem(CONTEXT_STORE_KEY, JSON.stringify(doc));
+ if (process.env.NODE_ENV === 'development') {
+ console.log('[ContextRepo] Migrated contexts to add mode field');
+ }
+ }
+
  // 确保currentId对应的上下文存在
  if (!doc.contexts[doc.currentId]) {
  // 修复：选择第一个可用的上下文
@@ -178,6 +197,7 @@ export class ContextRepoImpl implements ContextRepo {
  const defaultContext: ContextPackage = {
  id: DEFAULT_CONTEXT_CONFIG.id,
  title: DEFAULT_CONTEXT_CONFIG.title,
+ mode: DEFAULT_CONTEXT_MODE,
  version: DEFAULT_CONTEXT_CONFIG.version,
  createdAt: now,
  updatedAt: now,
@@ -253,13 +273,14 @@ export class ContextRepoImpl implements ContextRepo {
  return { ...context };
  }
 
- async create(meta?: { title?: string }): Promise<string> {
+ async create(meta?: { title?: string; mode?: import('./types').ContextMode }): Promise<string> {
  const id = generateId();
  const now = getCurrentISOTime();
- 
+
  const newContext: ContextPackage = {
  id,
  title: meta?.title || `${CONTEXT_UI_LABELS.DEFAULT_TITLE_TEMPLATE} ${new Date().toLocaleDateString()}`,
+ mode: meta?.mode || DEFAULT_CONTEXT_MODE,
  version: DEFAULT_CONTEXT_CONFIG.version,
  createdAt: now,
  updatedAt: now,
@@ -279,18 +300,19 @@ export class ContextRepoImpl implements ContextRepo {
  return id;
  }
 
- async duplicate(id: string): Promise<string> {
+ async duplicate(id: string, options?: { mode?: import('./types').ContextMode }): Promise<string> {
  const originalCtx = await this.get(id); // 会抛出错误如果不存在
  const newId = generateId();
  const now = getCurrentISOTime();
 
  // 复制时也需要清理变量
  const [sanitizedVariables] = sanitizeVariables(originalCtx.variables);
- 
+
  const newContext: ContextPackage = {
  ...originalCtx,
  id: newId,
  title: `${originalCtx.title} ${CONTEXT_UI_LABELS.DUPLICATE_SUFFIX}`,
+ mode: options?.mode || originalCtx.mode || DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables,
  createdAt: now,
  updatedAt: now
@@ -327,6 +349,7 @@ export class ContextRepoImpl implements ContextRepo {
 
  const contextToSave: ContextPackage = {
  ...ctx,
+ mode: ctx.mode || DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables,
  updatedAt: getCurrentISOTime()
  };
@@ -372,6 +395,7 @@ export class ContextRepoImpl implements ContextRepo {
 
  // 合并安全的更新字段
  Object.assign(context, safeUpdate, {
+ mode: patch.mode ?? context.mode ?? DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables || context.variables,
  updatedAt: getMonotonicISO(context.updatedAt)
  });
@@ -471,6 +495,7 @@ export class ContextRepoImpl implements ContextRepo {
 
  const contextToImport: ContextPackage = {
  ...ctx,
+ mode: ctx.mode || DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables,
  updatedAt: now
  };
@@ -506,6 +531,7 @@ export class ContextRepoImpl implements ContextRepo {
  const contextToImport: ContextPackage = {
  ...ctx,
  id: finalId,
+ mode: ctx.mode || DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables,
  updatedAt: now
  };
@@ -535,13 +561,15 @@ export class ContextRepoImpl implements ContextRepo {
 
  doc.contexts[ctx.id] = {
  ...ctx,
+ mode: ctx.mode || existingCtx.mode || DEFAULT_CONTEXT_MODE,
  variables: mergedVariables,
  updatedAt: now
  };
  } else {
  // 新ID：直接添加
  doc.contexts[ctx.id] = {
  ...ctx,
+ mode: ctx.mode || DEFAULT_CONTEXT_MODE,
  variables: sanitizedVariables,
  updatedAt: now
  };

packages/core/src/services/context/types.ts

@@ -11,6 +11,13 @@
 import type { IImportExportable } from '../../interfaces/import-export';
 import type { ConversationMessage, ToolDefinition } from '../prompt/types';
 
+/**
+ * 上下文模式
+ * - system: 系统模式，保留完整的消息编辑能力
+ * - user: 用户模式，聚焦于变量与工具管理
+ */
+export type ContextMode = 'system' | 'user';
+
 /**
  * 上下文数据包
  * 包含一个完整上下文的所有信息：消息、变量覆盖、工具等
@@ -20,6 +27,8 @@ export interface ContextPackage {
  id: string;
  /** 上下文标题 */
  title: string;
+ /** 上下文模式 */
+ mode: ContextMode;
  /** 数据版本，用于未来兼容性 */
  version?: string;
  /** 创建时间（ISO字符串） */
@@ -136,18 +145,19 @@ export interface ContextRepo extends IImportExportable {
  // === 内容管理 ===
  /**
  * 创建新的上下文
- * @param meta 可选的元数据（标题等）
+ * @param meta 可选的元数据（标题、模式等）
  * @returns 新创建的上下文ID
  */
- create(meta?: { title?: string }): Promise<string>;
+ create(meta?: { title?: string; mode?: ContextMode }): Promise<string>;
 
  /**
  * 复制现有上下文
  * @param id 要复制的上下文ID
+ * @param options 可选配置，包括模式
  * @returns 新创建的上下文ID
  * @throws 如果源ID不存在则抛出错误
  */
- duplicate(id: string): Promise<string>;
+ duplicate(id: string, options?: { mode?: ContextMode }): Promise<string>;
 
  /**
  * 重命名上下文