fix(ui): 修复 Vue 模板中 Ref 自动解包导致的组件显示问题

- 修复 ImageWorkspace 中 PromptPanel 条件渲染错误
- 修正 App.vue 向 Context 组件传递 services 的方式
- 删除 ContextUserWorkspace 和 ContextSystemWorkspace 中未使用的 services prop
- 统一遵循 Vue 3 模板 Ref 自动解包规则

问题根源：Vue 3 模板中顶层 Ref 会自动解包，使用 services?.value
实际访问的是 services.value.value，导致条件判断失败

修复 #198

Author: linshenkx

packages/extension/src/App.vue

@@ -174,7 +174,6 @@
                                         content,
                                     ) || []
                             "
-                            :services="services?.value || null"
                             :input-mode="
                                 responsiveLayout.recommendedInputMode.value
                             "
@@ -339,7 +338,6 @@
                                 variableManager?.allVariables?.value || {}
                             "
                             :predefined-variables="predefinedVariables"
-                            :services="services?.value || null"
                             @variable-change="handleTestPanelVariableChange"
                             @save-to-global="handleSaveToGlobal"
                             :input-mode="

packages/ui/src/components/context-mode/ContextSystemWorkspace.vue

@@ -219,7 +219,6 @@ import TestAreaPanel from "../TestAreaPanel.vue";
 import ConversationManager from "./ConversationManager.vue";
 import type { OptimizationMode, ConversationMessage } from "../../types";
 import type {
-    IServices,
     PromptRecord,
     Template,
 } from "@prompt-optimizer/core";
@@ -265,9 +264,6 @@ interface Props {
     availableVariables: Record<string, string>;
     scanVariables: (content: string) => string[];
 
-    // 服务
-    services: IServices | null;
-
     // 响应式布局配置
     inputMode?: "compact" | "normal";
     controlBarLayout?: "default" | "compact" | "minimal";

packages/ui/src/components/context-mode/ContextUserWorkspace.vue

@@ -250,7 +250,6 @@ import PromptPanelUI from "../PromptPanel.vue";
 import TestAreaPanel from "../TestAreaPanel.vue";
 import type { OptimizationMode } from "../../types";
 import type {
-    IServices,
     PromptRecord,
     Template,
 } from "@prompt-optimizer/core";
@@ -309,10 +308,6 @@ interface Props {
     /** 预定义变量 (系统内置) */
     predefinedVariables: Record<string, string>;
 
-    // --- 服务 ---
-    /** 核心服务实例 */
-    services: IServices | null;
-
     // --- 响应式布局配置 ---
     /** 输入模式 */
     inputMode?: "compact" | "normal";

packages/ui/src/components/image-mode/ImageWorkspace.vue

@@ -286,7 +286,7 @@
                 content-style="height: 100%; max-height: 100%; overflow: hidden;"
             >
                 <PromptPanelUI
-                    v-if="services?.value?.templateManager"
+                    v-if="services && services.templateManager"
                     ref="promptPanelRef"
                     v-model:optimized-prompt="optimizedPrompt"
                     :reasoning="optimizedReasoning"

packages/web/src/App.vue

@@ -174,7 +174,6 @@
                                         content,
                                     ) || []
                             "
-                            :services="services?.value || null"
                             :input-mode="
                                 responsiveLayout.recommendedInputMode.value
                             "
@@ -339,7 +338,6 @@
                                 variableManager?.customVariables?.value || {}
                             "
                             :predefined-variables="predefinedVariables"
-                            :services="services?.value || null"
                             @variable-change="handleTestPanelVariableChange"
                             @save-to-global="handleSaveToGlobal"
                             :input-mode="