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="