refactor(ui): 重构变量管理系统和编辑器代码结构

**架构重构**
- 从集中式变量管理迁移到分层架构（临时/全局/预定义）
- 废弃 ContextEditorState.variables，保持向后兼容
- 移除组件间不必要的 services prop 传递
- 添加 VariableManager 工厂函数和异步初始化机制
- 完善国际化支持，统一术语（"上下文变量" → "临时变量"）

**补全逻辑优化**
- 移除预定义变量的自动补全功能，简化补全列表
- 调整补全优先级：临时变量 (boost: 3) > 全局变量 (boost: 2) > 预定义变量 (boost: 1)
- 修改 global-variables 传递为仅自定义变量
- 新增 createVariableCompletionOption 函数，统一处理补全逻辑
- 智能检测光标后已有的右括号数量，动态计算需要插入的右括号数量

**UI 和代码结构优化**
- 新增 useContextEditorUIState composable 统一管理编辑器 UI 状态
- 消除 extension/web App.vue 中约 40 行重复代码
- 使用配置驱动方式简化标签页可见性逻辑
- 移除 watch(props.visible) 中的冗余 else 分支
- 合并重复的 CSS 规则
- 将卡片标题从"变量值设置"更改为"临时变量"，更准确地反映功能定位
- 移除重复的"管理变量"按钮，避免与上方"全局变量"按钮功能重复

**代码清理和测试增强**
- 清理未使用的 handleOpenVariableManager 函数
- 消除重复的补全选项构建逻辑，提高代码可维护性
- 新增右括号补齐测试用例，增强现有测试使用实际编辑器视图模拟
- 更新所有相关测试用例，所有测试通过
- 提升整体代码可维护性和简洁性

影响范围：core, ui, web, extension

Author: linshenkx

packages/core/src/types/advanced.ts

@@ -140,8 +140,11 @@ export interface ContextTemplate {
 export interface ContextEditorState {
   /** 当前消息列表 */
   messages: ConversationMessage[];
-  /** 当前变量 */
-  variables: Record<string, string>;
+  /**
+   * 当前变量
+   * @deprecated 已迁移到 useTemporaryVariables() 和 useVariableManager()，此字段保留仅为向后兼容
+   */
+  variables?: Record<string, string>;
   /** 当前工具 */
   tools: ToolDefinition[];
   /** 是否显示变量预览 */

packages/extension/src/App.vue

@@ -161,7 +161,6 @@
                     "
                     :type="templateType"
                     :optimization-mode="optimizationMode"
-                    :services="services"
                     @manage="$emit('openTemplateManager', templateType)"
                 />
             </div>
@@ -202,15 +201,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, nextTick, watch, type Ref } from "vue";
+import { ref, computed, nextTick, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { NButton, NText, NInput, NCard, NFlex, NSpace, NTag, NIcon } from "naive-ui";
 import { useToast } from '../composables/ui/useToast';
 import TemplateSelect from "./TemplateSelect.vue";
 import Modal from "./Modal.vue";
 import OutputDisplay from "./OutputDisplay.vue";
 import type { Template, PromptRecord } from "@prompt-optimizer/core";
-import type { AppServices } from "../types/services";
 
 const { t } = useI18n();
 const toast = useToast();
@@ -258,10 +256,6 @@ const props = defineProps({
         type: String as () => import("@prompt-optimizer/core").OptimizationMode,
         required: true,
     },
-    services: {
-        type: Object as () => Ref<AppServices | null>,
-        required: true,
-    },
     advancedModeEnabled: {
         type: Boolean,
         default: false,

packages/ui/src/components/PromptPanel.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, inject } from 'vue'
+import { ref, computed, watch, inject, type Ref } from 'vue'
 
 import { useI18n } from 'vue-i18n'
 import { NSelect, NButton, NSpace, NText } from 'naive-ui'

packages/ui/src/components/TemplateSelect.vue

@@ -114,12 +114,6 @@
                         >
                             {{ t("test.variables.addVariable") }}
                         </NButton>
-                        <NButton
-                            size="small"
-                            @click="handleOpenVariableManager"
-                        >
-                            {{ t("test.variables.manageVariables") }}
-                        </NButton>
                     </NSpace>
                 </NSpace>
             </NCard>
@@ -635,12 +629,6 @@ const getVariablePlaceholder = (varName: string): string => {
 // 变量列表变化时的清理逻辑已不再需要（不再使用 userInputValues）
 
 // 事件处理函数
-const handleOpenVariableManager = () => {
-    emit("open-variable-manager");
-    recordUpdate();
-};
-
-
 const handleVariableValueChange = (varName: string, value: string) => {
     // 🧪 更新测试区临时变量
     if (testVariables.value[varName]) {