feat(agent): control reasoning visibility

ai_knowledge_base_v2/apps/admin-web/src/components/AgentManagementView.vue

@@ -30,7 +30,13 @@ const historyDetailOpen = ref(false);
 const selectedHistory = ref<PromptDetail | null>(null);
 const historyDetailLoading = ref(false);
 const agentDebugTrace = ref<Record<string, any>[]>([]);
-const agentPreviewMessages = ref<{ role: "user" | "assistant" | "system"; content: string; streaming?: boolean }[]>([
+const agentPreviewMessages = ref<{
+  role: "user" | "assistant" | "system";
+  content: string;
+  reasoning?: string;
+  showReasoning?: boolean;
+  streaming?: boolean;
+}[]>([
   { role: "assistant", content: "选择模型和知识库后，可以在这里调试 Agent 的真实问答效果。" },
 ]);
 
@@ -54,6 +60,7 @@ const runtimeForm = reactive({
   frequencyPenalty: null as number | null,
   maxToken: 8192 as number | null,
   streamEnabled: 1,
+  reasoningVisible: 0,
 });
 
 const promptDirty = computed(() => promptContent.value !== savedPromptContent.value);
@@ -109,6 +116,7 @@ function applyRuntimeConfig(value: AgentRuntimeConfig) {
     frequencyPenalty: value.frequencyPenalty,
     maxToken: value.maxToken,
     streamEnabled: value.streamEnabled,
+    reasoningVisible: value.reasoningVisible,
   });
 }
 
@@ -138,6 +146,7 @@ async function saveRuntimeConfig() {
       frequencyPenalty: runtimeForm.frequencyPenalty,
       maxToken: runtimeForm.maxToken,
       streamEnabled: runtimeForm.streamEnabled,
+      reasoningVisible: runtimeForm.reasoningVisible,
     });
     applyRuntimeConfig(saved);
     const model = models.value.find((item) => item.id === saved.modelId);
@@ -289,6 +298,14 @@ async function debugAgent() {
         currentAssistant().content += chunk;
         scrollAgentPreview();
       },
+      (chunk) => {
+        currentAssistant().reasoning = (currentAssistant().reasoning || "") + chunk;
+        scrollAgentPreview();
+      },
+      (status) => {
+        currentAssistant().showReasoning = status.reasoningVisible;
+        scrollAgentPreview();
+      },
       (result) => {
         agentDebugTrace.value = result.retrievalTrace || [];
         ElMessage.success(result.message || "Agent 调试完成");
@@ -410,6 +427,21 @@ function errorMessage(error: unknown, fallback: string) {
                   :disabled="!runtimeConfig?.modelId"
                 />
               </el-form-item>
+              <el-form-item class="agent-stream-setting">
+                <div class="agent-stream-setting-copy">
+                  <strong>展示思考过程</strong>
+                  <span>开启后，用户端和后台调试预览可展开查看模型返回的思考内容；关闭时后端不会下发该内容。</span>
+                </div>
+                <el-switch
+                  v-model="runtimeForm.reasoningVisible"
+                  :active-value="1"
+                  :inactive-value="0"
+                  active-text="开启"
+                  inactive-text="关闭"
+                  inline-prompt
+                  :disabled="!runtimeConfig?.modelId"
+                />
+              </el-form-item>
             </section>
           </el-form>
         </el-tab-pane>
@@ -475,7 +507,12 @@ function errorMessage(error: unknown, fallback: string) {
           <div class="agent-preview-bubble">
             <strong>{{ message.role === "user" ? "你" : "Agent" }}</strong>
             <template v-if="message.role === 'assistant'">
-              <StreamingMarkdownMessage :content="message.content" :streaming="message.streaming" />
+              <StreamingMarkdownMessage
+                :content="message.content"
+                :reasoning="message.reasoning"
+                :show-reasoning="message.showReasoning"
+                :streaming="message.streaming"
+              />
             </template>
             <pre v-else>{{ message.content }}</pre>
           </div>