Back to Prompt Optimizer

128 - 上下文模式 UI 改造与变量系统重构

docs/archives/128-context-ui-and-variable-system-refactor/README.md

2.10.21.5 KB
Original Source

128 - 上下文模式 UI 改造与变量系统重构

📋 功能概述

归档“上下文模式(User/System)UI 改造 + 变量系统重构”的设计、任务与实施记录。该模块的关键目标包括:

  • 子模式选择器移到导航栏,统一模式层级与用户心智
  • 快捷操作栏移到测试区,贴近使用场景并释放左侧空间
  • 变量系统简化:移除“会话变量”,引入测试区临时变量,并明确三层变量优先级

⏱️ 时间线

  • 开始时间: 2025-10-21
  • 完成时间: 2025-10-23
  • 状态: ✅ 已完成(文档为当时设计/实施记录归档)

📁 文档清单

  • analysis.md - UI 设计分析报告(包含阶段目标与问题拆解)
  • plan.md - UI 改造任务文档(执行清单/里程碑)
  • design.md - 变量系统重构设计文档(含实施细节与差异记录)
  • implementation-codemirror.md - CodeMirror 6 变量高亮/补全实现记录(VariableAwareInput)

🔗 相关实现参考(代码)

  • packages/ui/src/components/app-layout/PromptOptimizerApp.vue(主装配与导航栏模式管理)
  • packages/ui/src/components/context-mode/ContextUserWorkspace.vue / packages/ui/src/components/context-mode/ContextSystemWorkspace.vue
  • packages/ui/src/components/TestAreaPanel.vue(测试区变量输入与测试入口)
  • packages/ui/src/composables/context/useContextManagement.ts(上下文管理)
  • packages/ui/src/composables/variable/useTemporaryVariables.ts(临时变量,若启用)