feat: 复用框架能力完善 DataAgent 执行链路

Author: zxuexingzhijie

.gitignore

@@ -58,7 +58,10 @@ modified_mcp_config.json
 
 uploads/*
 vectorstore/*
+**/vectorstore/
 .java-version
 
 # spring-ai-alibaba source
 spring-ai-alibaba-1.1.0.0/
+.gstack/
+.codegraph/

data-agent-frontend-nuxt/app/components/BaseDrawer/index.vue

@@ -123,4 +123,21 @@ const cssVars = computed(() => ({
 	overflow: auto;
 	position: relative;
 }
+
+@media (max-width: 768px) {
+	.base-drawer__left {
+		position: absolute;
+		inset: 0 auto 0 0;
+		z-index: 100;
+		box-shadow: 8px 0 24px rgba(15, 23, 42, 0.2);
+	}
+
+	.base-drawer__left--closed {
+		box-shadow: none;
+	}
+
+	.base-drawer__right {
+		width: 100%;
+	}
+}
 </style>

data-agent-frontend-nuxt/app/components/chat/ChatInputArea.vue

@@ -544,4 +544,14 @@ onUnmounted(() => document.removeEventListener('click', closeMenus));
 .fade-enter-from, .fade-leave-to { opacity: 0; }
 .slide-up-enter-active, .slide-up-leave-active { transition: all 0.2s ease; }
 .slide-up-enter-from, .slide-up-leave-to { transform: translateY(10px); opacity: 0; }
+
+@media (max-width: 768px) {
+	.input-area {
+		padding: 10px 12px 12px;
+	}
+
+	.chip-dropdown {
+		max-width: calc(100vw - 24px);
+	}
+}
 </style>

data-agent-frontend-nuxt/app/components/chat/ChatMessageList.vue

@@ -633,4 +633,17 @@ watch(
 	border: 1px solid #fca5a5;
 	color: #991b1b;
 }
+
+@media (max-width: 768px) {
+	.messages-inner {
+		padding: 16px 12px;
+		gap: 14px;
+	}
+
+	.user-card,
+	.ai-card,
+	.status-banner {
+		max-width: calc(100% - 38px);
+	}
+}
 </style>

data-agent-frontend-nuxt/app/components/chat/ChatSidebar.vue

@@ -472,4 +472,10 @@ async function confirmDelete() {
 .custom-scrollbar::-webkit-scrollbar-thumb:hover {
 	background: #94a3b8;
 }
+
+@media (max-width: 768px) {
+	.sidebar-wrapper {
+		display: none;
+	}
+}
 </style>

data-agent-frontend-nuxt/app/components/chat/ChatWorkflowTimeline.vue

@@ -108,9 +108,9 @@
 </template>
 
 <script setup lang="ts">
-import hljs from 'highlight.js';
 import DOMPurify from 'dompurify';
 import { useEchartsRenderer } from '~/composables/useEchartsRenderer';
+import { hljs } from '~/utils/markdown/markdown-plugin-highlight';
 import type { GraphNodeResponse } from '~/services/graph/index';
 import type { ResultData } from '~/services/resultSet/index';
 import ChatResultSet from './ChatResultSet.vue';

data-agent-frontend-nuxt/app/composables/useEchartsRenderer.ts

@@ -15,7 +15,30 @@
  */
 
 import { nextTick, onBeforeUnmount } from 'vue';
-import * as echarts from 'echarts';
+import * as echarts from 'echarts/core';
+import { BarChart, LineChart, PieChart } from 'echarts/charts';
+import {
+	DatasetComponent,
+	GridComponent,
+	LegendComponent,
+	TitleComponent,
+	TooltipComponent,
+} from 'echarts/components';
+import { LabelLayout } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+
+echarts.use([
+	BarChart,
+	LineChart,
+	PieChart,
+	DatasetComponent,
+	GridComponent,
+	LegendComponent,
+	TitleComponent,
+	TooltipComponent,
+	LabelLayout,
+	CanvasRenderer,
+]);
 
 const EXTENDED_COLORS = [
 	'#5584FF',
@@ -58,10 +81,7 @@ function renderEChartsInContainer(container: HTMLElement) {
 
 			if (!code || code.trim() === '') return;
 
-			const options = new Function(`return (${code})`)() as Record<
-				string,
-				unknown
-			>;
+			const options = JSON.parse(code) as Record<string, unknown>;
 			if (!options.color) {
 				options.color = EXTENDED_COLORS;
 			}

data-agent-frontend-nuxt/app/layouts/default.vue

@@ -314,14 +314,24 @@
 import BaseDrawer from '../components/BaseDrawer/index.vue';
 import agentService from '~/services/agent/index';
 import modelConfigService from '~/services/modelConfig/index';
+import { useDisplay } from 'vuetify';
 
 const { dialogState, handleGlobalConfirm } = useConfirm();
 const drawer = ref(true);
+const { mobile } = useDisplay();
 const router = useRouter();
 const route = useRoute();
 // 默认都展开
 const openedGroups = ref(['knowledge', 'system']);
 
+watch(
+	mobile,
+	(isMobile) => {
+		if (isMobile) drawer.value = false;
+	},
+	{ immediate: true },
+);
+
 type DrawerAgentOption = {
 	id: number;
 	name: string;

data-agent-frontend-nuxt/app/pages/system/agents.vue

@@ -206,12 +206,20 @@
 				<template #no-data>
 					<div class="text-center py-16">
 						<v-icon icon="mdi-robot-confused-outline" size="64" color="grey-lighten-2" class="mb-4" />
-						<h3 class="text-h6 font-weight-medium text-grey-darken-1">暂无智能体</h3>
+						<h3 class="text-h6 font-weight-medium text-grey-darken-1">
+							{{ debouncedSearch.trim() ? '未找到匹配的智能体' : '暂无智能体' }}
+						</h3>
 						<p class="text-body-2 text-grey mb-6">
-							{{ activeFilter === 'all' ? '您还没有创建任何智能体' : '该分类下暂无智能体' }}
+							{{
+								debouncedSearch.trim()
+									? `没有与“${debouncedSearch.trim()}”匹配的结果，请调整搜索条件`
+									: activeFilter === 'all'
+										? '您还没有创建任何智能体'
+										: '该分类下暂无智能体'
+							}}
 						</p>
 						<v-btn
-							v-if="activeFilter === 'all'"
+							v-if="activeFilter === 'all' && !debouncedSearch.trim()"
 							color="black"
 							variant="flat"
 							prepend-icon="mdi-plus"

data-agent-frontend-nuxt/app/services/graph/index.ts

@@ -133,6 +133,20 @@ class GraphService {
 
     let isCompleted = false;
 
+    eventSource.addEventListener("error", async (event) => {
+      if (!(event instanceof MessageEvent) || !event.data || isCompleted) return;
+      isCompleted = true;
+      eventSource.close();
+      try {
+        const response = JSON.parse(event.data) as GraphNodeResponse;
+        if (onError) {
+          await onError(new Error(response.text || "Stream processing failed"));
+        }
+      } catch {
+        if (onError) await onError(new Error("Stream processing failed"));
+      }
+    });
+
     eventSource.onerror = async (_error) => {
       // If already completed or the connection was intentionally closed, ignore
       if (isCompleted) {