mirror of
https://github.com/linshenkx/prompt-optimizer.git
synced 2026-05-07 22:18:23 +08:00
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.vuepackages/ui/src/components/TestAreaPanel.vue(测试区变量输入与测试入口)packages/ui/src/composables/context/useContextManagement.ts(上下文管理)packages/ui/src/composables/variable/useTemporaryVariables.ts(临时变量,若启用)