refactor(ui): 优化上下文模式快捷操作栏位置

- 将快捷操作栏从左侧优化区移至右侧测试区顶部
- 用户模式测试区操作栏: 📊全局变量 📝会话变量 🔧工具管理
- 系统模式测试区操作栏: 📊全局变量 📝会话变量
- 释放优化区垂直空间约60px,提升长文本显示体验
- 操作栏位于测试区,作用域更明确,操作路径更短
- 添加区域标识和模式标签,提升UI层级清晰度
- 支持响应式适配,移动端仅显示图标

核心改进:
- 作用域明确: 快捷操作栏贴近使用场景(测试区)
- 空间优化: 优化区垂直空间增加,适合显示长提示词
- 操作便捷: 测试时设置变量,操作路径最短
- 层级清晰: 区域标识+模式标签,一目了然

Author: linshenkx

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

@@ -18,35 +18,6 @@
                 height: '100%',
             }"
         >
-            <!-- 上下文模式快捷操作 (系统模式：全局变量 + 会话变量) -->
-            <NCard :style="{ flexShrink: 0 }" size="small">
-                <NFlex align="center" :wrap="false" :size="12">
-                    <NButton
-                        size="small"
-                        type="default"
-                        @click="emit('open-global-variables')"
-                        :title="t('contextMode.actions.globalVariables')"
-                    >
-                        <template #icon>
-                            <span>📊</span>
-                        </template>
-                        {{ t("contextMode.actions.globalVariables") }}
-                    </NButton>
-
-                    <NButton
-                        size="small"
-                        type="default"
-                        @click="emit('open-context-variables')"
-                        :title="t('contextMode.actions.contextVariables')"
-                    >
-                        <template #icon>
-                            <span>📝</span>
-                        </template>
-                        {{ t("contextMode.actions.contextVariables") }}
-                    </NButton>
-                </NFlex>
-            </NCard>
-
             <!-- 提示词输入面板 -->
             <NCard
                 :style="{

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

@@ -18,47 +18,6 @@
                 height: '100%',
             }"
         >
-            <!-- 上下文模式快捷操作 (用户模式：全局变量 + 会话变量 + 工具管理) -->
-            <NCard :style="{ flexShrink: 0 }" size="small">
-                <NFlex align="center" :wrap="false" :size="12">
-                    <NButton
-                        size="small"
-                        type="default"
-                        @click="emit('open-global-variables')"
-                        :title="t('contextMode.actions.globalVariables')"
-                    >
-                        <template #icon>
-                            <span>📊</span>
-                        </template>
-                        {{ t("contextMode.actions.globalVariables") }}
-                    </NButton>
-
-                    <NButton
-                        size="small"
-                        type="default"
-                        @click="emit('open-context-variables')"
-                        :title="t('contextMode.actions.contextVariables')"
-                    >
-                        <template #icon>
-                            <span>📝</span>
-                        </template>
-                        {{ t("contextMode.actions.contextVariables") }}
-                    </NButton>
-
-                    <NButton
-                        size="small"
-                        type="default"
-                        @click="emit('open-tool-manager')"
-                        :title="t('contextMode.actions.tools')"
-                    >
-                        <template #icon>
-                            <span>🔧</span>
-                        </template>
-                        {{ t("contextMode.actions.tools") }}
-                    </NButton>
-                </NFlex>
-            </NCard>
-
             <!-- 提示词输入面板 -->
             <NCard
                 :style="{