EasyFlow-Tech-Dev/EasyFlow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 先进智能体功能上线

Browse Source 
- 基于 agent-runtime 打造，默认 ReAct agent
- 支持 agent 能力对接，已对接工作流、插件、知识库等 tool 能力
- 全新 agent 编排界面，支持可视化便捷配置 agent
- 全新 agent 聊天界面，支持快捷操作、额外知识库选择等
This commit is contained in:
陈子默
2026-05-28 11:29:18 +08:00
parent 11e595b088
commit 1c205c3720
39 changed files with 3546 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
easyflow-ui-admin/app/src/views/ai/agent-chat/adapters/agentTimelineAdapter.test.ts
View File

@@ -111,6 +111,135 @@ describe('agentTimelineAdapter', () => {
).toBe(true);
});
it('hides knowledge retrieval cards when restoring agent chat history', () => {
const items = recordsToTimelineItems([
{
id: '417197643647811584',
senderRole: 'assistant',
contentText:
'根据知识库中的信息，2026年暑假的时间安排是：7月1日到8月15日。',
roundId: '417197622424633344',
contentPayload: {
chains: [
{
id: 'call_0fc660e9d203416983ccca7e',
name: 'retrieve_knowledge',
result: 'Retrieved 2 relevant document(s)',
status: 'TOOL_RESULT',
arguments: {
query: '暑假时间',
},
},
],
agentResult: {
text: '根据知识库中的信息，2026年暑假的时间安排是：7月1日到8月15日。',
knowledgeReferences: [
{
chunkContent:
'问题：2026 年暑假安排\n答案：2026 年7 月 1 日到 8 月 15 日',
documentId: '411358369563336704',
knowledgeName: 'faq',
knowledgeType: 'FAQ',
},
],
},
messageChain: [
{
role: 'assistant',
toolCalls: [
{
id: 'call_0fc660e9d203416983ccca7e',
name: 'retrieve_knowledge',
arguments: '{query=暑假时间}',
},
],
},
{
role: 'tool',
content: 'Retrieved 2 relevant document(s)',
toolCallId: 'call_0fc660e9d203416983ccca7e',
},
{
role: 'assistant',
content:
'根据知识库中的信息，2026年暑假的时间安排是：7月1日到8月15日。',
},
],
},
},
]);
expect(items.some((item) => item.type === 'tool')).toBe(false);
expect(
items.some(
(item) => item.type === 'status' && item.label === '已检索知识库',
),
).toBe(true);
expect(
items.some((item) => item.type === 'message' && item.role === 'assistant'),
).toBe(true);
const assistant = items.find(
(item): item is ChatTimelineMessageItem =>
item.type === 'message' && item.role === 'assistant',
);
expect(assistant?.knowledgeItems?.[0]?.knowledgeName).toBe('faq');
});
it('hides internal fragment and context reload tools from history', () => {
const items = recordsToTimelineItems([
{
id: 'internal-tools',
senderRole: 'assistant',
contentText: '已处理',
roundId: 'round-internal',
contentPayload: {
chains: [
{
id: 'fragment-1',
name: '__fragment__',
status: 'TOOL_RESULT',
result: 'fragment',
},
{
id: 'context-1',
name: 'context_reload',
status: 'TOOL_RESULT',
result: 'reload',
},
],
agentResult: {
text: '已处理',
},
messageChain: [
{
role: 'assistant',
toolCalls: [
{ id: 'fragment-1', name: '__fragment__' },
{ id: 'context-1', name: 'context_reload' },
],
},
{
role: 'tool',
toolCallId: 'fragment-1',
content: 'fragment',
},
{
role: 'tool',
toolCallId: 'context-1',
content: 'reload',
},
],
},
},
]);
expect(items.some((item) => item.type === 'tool')).toBe(false);
expect(items.some((item) => item.type === 'status')).toBe(false);
expect(
items.some((item) => item.type === 'message' && item.role === 'assistant'),
).toBe(true);
});
it('parses raw SSE text as message delta', () => {
const envelope = parseAgentSseMessage({
data: 'hello',
@@ -227,4 +356,123 @@ describe('agentTimelineAdapter', () => {
expect(assistant?.roundId).toBe('runtime-round-1');
expect(assistant?.parts[0]?.content).toBe('准备调用工具');
});
it('updates memory compression status within the current round', () => {
const items: any[] = [];
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
label: '正在整理上下文',
phase: 'started',
status: 'running',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-a' },
);
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
compressed: true,
label: '已整理上下文',
phase: 'completed',
status: 'done',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-a' },
);
const statuses = items.filter((item) => item.type === 'status');
expect(statuses).toHaveLength(1);
expect(statuses[0]?.label).toBe('已整理上下文');
expect(statuses[0]?.status).toBe('done');
expect(statuses[0]?.statusKey).toBe('memory-compression:round-a');
});
it('keeps memory compression statuses isolated by round', () => {
const items: any[] = [];
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
compressed: true,
label: '已整理上下文',
phase: 'completed',
status: 'done',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-a' },
);
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
compressed: false,
label: '无需压缩上下文',
phase: 'completed',
status: 'done',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-b' },
);
const statuses = items.filter((item) => item.type === 'status');
expect(statuses).toHaveLength(1);
expect(statuses[0]?.statusKey).toBe('memory-compression:round-a');
expect(statuses[0]?.label).toBe('已整理上下文');
});
it('does not show no-compression status before a later compression run', () => {
const items: any[] = [];
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
compressed: false,
label: '无需压缩上下文',
phase: 'completed',
status: 'done',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-a' },
);
applyAgentSseEnvelope(
items,
{
domain: 'BUSINESS',
type: 'STATUS',
payload: {
label: '正在整理上下文',
phase: 'started',
status: 'running',
statusKey: 'memory-compression',
},
},
{ roundId: 'round-a' },
);
const statuses = items.filter((item) => item.type === 'status');
expect(statuses).toHaveLength(1);
expect(statuses[0]?.label).toBe('正在整理上下文');
expect(statuses[0]?.status).toBe('running');
});
});

118
easyflow-ui-admin/app/src/views/ai/agent-chat/adapters/agentTimelineAdapter.ts
View File

@@ -54,6 +54,38 @@ function normalizeToolCallId(payload: Record<string, any>) {
return asText(payload.toolCallId ?? payload.tool_call_id ?? payload.id);
}
function isBlankToolName(value: unknown) {
return !normalizeToolName(value);
}
function shouldSkipToolProjection(value: unknown) {
const normalizedName = normalizeToolName(value).toLowerCase();
return (
normalizedName === 'context_reload' ||
normalizedName === '__fragment__'
);
}
function normalizeToolCallName(payload: Record<string, any>) {
const fn = asRecord(payload.function);
return normalizeToolName(payload.name ?? payload.toolName ?? fn.name);
}
function normalizeToolCallInput(payload: Record<string, any>) {
const fn = asRecord(payload.function);
return payload.arguments ?? payload.input ?? fn.arguments;
}
function statusKeyForProjection(
payload: Record<string, any>,
metadata?: Partial<ChatTimelineMessageItem>,
fallback = 'status',
) {
const statusKey = asText(payload.statusKey) || fallback;
const roundId = asText(metadata?.roundId);
return roundId ? `${statusKey}:${roundId}` : statusKey;
}
function normalizeMetadata(record: AgentChatMessageRecord) {
return {
createdAt: asTimestamp(record.created),
@@ -139,14 +171,10 @@ function appendAssistantText(
if (!text) {
return;
}
ChatTimelineBuilder.appendMessageDelta(
items,
text,
{
...assistantMetadata(record, suffix),
...metadata,
},
);
ChatTimelineBuilder.appendMessageDelta(items, text, {
...assistantMetadata(record, suffix),
...metadata,
});
}
function appendAssistantThinking(
@@ -160,14 +188,10 @@ function appendAssistantThinking(
if (!text) {
return;
}
ChatTimelineBuilder.appendThinkingDelta(
items,
text,
{
...assistantMetadata(record, suffix),
...metadata,
},
);
ChatTimelineBuilder.appendThinkingDelta(items, text, {
...assistantMetadata(record, suffix),
...metadata,
});
}
function projectHistoryChain(
@@ -177,6 +201,7 @@ function projectHistoryChain(
const payload = asRecord(record.contentPayload);
let hasAssistantText = false;
let hasAssistantThinking = false;
const toolNameByCallId = new Map<string, string>();
const displayChains = asArray(payload.displayChains ?? payload.chains);
for (const chain of displayChains) {
const item = asRecord(chain);
@@ -187,12 +212,21 @@ function projectHistoryChain(
continue;
}
const toolName = normalizeToolName(item.name ?? item.toolName);
if (toolName) {
const toolCallId = normalizeToolCallId(item);
if (toolCallId && toolName) {
toolNameByCallId.set(toolCallId, toolName);
}
if (toolName && !shouldSkipToolProjection(toolName)) {
ChatTimelineBuilder.upsertToolCall(items, {
input: item.arguments ?? item.input,
output: item.result ?? item.output,
status: asText(item.status) === 'TOOL_RESULT' ? 'success' : 'running',
toolCallId: asText(item.id ?? item.toolCallId),
statusKey: statusKeyForProjection(
item,
normalizeMetadata(record),
'knowledge-retrieval',
),
toolCallId,
toolName,
});
}
@@ -213,21 +247,45 @@ function projectHistoryChain(
}
for (const toolCall of asArray(item.toolCalls)) {
const tool = asRecord(toolCall);
const toolCallId = normalizeToolCallId(tool);
const toolName = normalizeToolCallName(tool);
if (toolCallId && toolName) {
toolNameByCallId.set(toolCallId, toolName);
}
if (isBlankToolName(toolName) || shouldSkipToolProjection(toolName)) {
continue;
}
ChatTimelineBuilder.upsertToolCall(items, {
input: tool.arguments ?? tool.input,
input: normalizeToolCallInput(tool),
status: 'running',
toolCallId: asText(tool.id ?? tool.toolCallId),
toolName: normalizeToolName(tool.name ?? tool.toolName),
statusKey: statusKeyForProjection(
tool,
normalizeMetadata(record),
'knowledge-retrieval',
),
toolCallId,
toolName,
});
}
continue;
}
if (role === 'tool') {
const toolCallId = normalizeToolCallId(item);
const toolName =
normalizeToolCallName(item) || toolNameByCallId.get(toolCallId) || '';
if (isBlankToolName(toolName) || shouldSkipToolProjection(toolName)) {
continue;
}
ChatTimelineBuilder.upsertToolCall(items, {
output: item.content ?? item.result,
status: 'success',
toolCallId: asText(item.toolCallId ?? item.id),
toolName: normalizeToolName(item.name ?? item.toolName) || '工具调用',
statusKey: statusKeyForProjection(
item,
normalizeMetadata(record),
'knowledge-retrieval',
),
toolCallId,
toolName,
});
}
}
@@ -369,7 +427,11 @@ export function applyAgentSseEnvelope(
input: payload.input ?? payload.toolInput,
output: payload.output ?? payload.result ?? payload.text,
status: type === 'TOOL_RESULT' ? 'success' : 'running',
statusKey: asText(payload.statusKey) || undefined,
statusKey: statusKeyForProjection(
payload,
metadata,
'knowledge-retrieval',
),
toolCallId: normalizeToolCallId(payload),
toolName: normalizeToolName(
payload.toolDisplayName ?? payload.toolName ?? payload.name,
@@ -394,7 +456,11 @@ export function applyAgentSseEnvelope(
label: asText(payload.label),
phase: asText(payload.phase),
status: asText(payload.status),
statusKey: asText(payload.statusKey),
statusKey: statusKeyForProjection(
payload,
metadata,
'memory-compression',
),
});
return;
}
@@ -402,7 +468,7 @@ export function applyAgentSseEnvelope(
ChatTimelineBuilder.upsertKnowledgeRetrievalStatus(
items,
asText(payload.status) === 'running' ? 'running' : 'done',
asText(payload.statusKey),
statusKeyForProjection(payload, metadata, 'knowledge-retrieval'),
);
}
return;

7
easyflow-ui-admin/app/src/views/ai/agent-chat/agentChatRuntimeManager.ts
View File

@@ -1,7 +1,9 @@
import type {ChatTimelineItem} from '@easyflow/common-ui';
import {ChatTimelineBuilder} from '@easyflow/common-ui';
import type {AgentChatCapabilityPayload} from './api';
import {generateAgentSessionId, sendAgentChat, stopAgentChatStream,} from './api';
import {applyAgentSseEnvelope, parseAgentSseMessage,} from './adapters/agentTimelineAdapter';
interface RuntimeSessionState {
@@ -34,6 +36,7 @@ interface StartOptions {
agentId: string;
agentName?: string;
baseItems?: ChatTimelineItem[];
capabilities?: AgentChatCapabilityPayload[];
prompt: string;
sessionId?: string;
}
@@ -47,7 +50,8 @@ const listeners = new Set<() => void>();
let latestSessionId = '';
function clone<T>(value: T): T {
return JSON.parse(JSON.stringify(value)) as T;
const serialized = JSON.stringify(value);
return JSON.parse(serialized) as T;
}
function createRoundId() {
@@ -225,6 +229,7 @@ export const agentChatRuntimeManager = {
void sendAgentChat(
{
agentId: options.agentId,
capabilities: options.capabilities,
prompt: options.prompt,
sessionId,
},

43
easyflow-ui-admin/app/src/views/ai/agent-chat/api.ts
View File

@@ -26,6 +26,20 @@ export interface AgentChatSessionView {
title?: string;
}
export interface AgentChatKnowledgeView {
alias?: string;
description?: string;
icon?: string;
id?: number | string;
title?: string;
}
export interface AgentChatSessionDetailView extends AgentChatSessionView {
boundKnowledges?: AgentChatKnowledgeView[];
extraKnowledges?: AgentChatKnowledgeView[];
removedExtraKnowledgeNames?: string[];
}
export interface AgentChatSessionPage {
pageNumber?: number;
pageSize?: number;
@@ -58,6 +72,11 @@ export interface AgentChatConversationView {
variantsByRound?: Record<string, AgentChatMessageRecord[]>;
}
export interface AgentChatCapabilityPayload {
resourceIds: Array<number | string>;
type: 'KNOWLEDGE';
}
export function getPublishedAgents() {
return api.get<RequestResult<AgentInfo[]>>('/api/v1/agent/list', {
params: { publishedOnly: true },
@@ -69,11 +88,20 @@ export function generateAgentSessionId() {
}
export function getAgentSession(sessionId: number | string) {
return api.get<RequestResult<AgentChatSessionView>>(
return api.get<RequestResult<AgentChatSessionDetailView>>(
`/api/v1/agent/session/${sessionId}`,
);
}
export function getPublishedKnowledges() {
return api.get<RequestResult<AgentChatKnowledgeView[]>>(
'/api/v1/documentCollection/list',
{
params: { publishedOnly: true },
},
);
}
export function getAgentSessions(params?: {
agentId?: number | string;
pageNumber?: number;
@@ -103,6 +131,18 @@ export function renameAgentSession(sessionId: number | string, title: string) {
});
}
export function saveAgentSessionExtraKnowledges(
sessionId: number | string,
knowledgeIds: Array<number | string>,
) {
return api.post<RequestResult<AgentChatSessionDetailView>>(
`/api/v1/agent/session/${sessionId}/extraKnowledges`,
{
knowledgeIds,
},
);
}
export function deleteAgentSession(sessionId: number | string) {
return api.post<RequestResult>(`/api/v1/agent/session/${sessionId}/delete`);
}
@@ -129,6 +169,7 @@ export function rejectAgentRun(
export function sendAgentChat(
data: {
agentId: number | string;
capabilities?: AgentChatCapabilityPayload[];
prompt: string;
sessionId?: number | string;
},

30
easyflow-ui-admin/app/src/views/ai/agent-chat/components/AgentChatWelcomeState.vue Normal file
View File

@@ -0,0 +1,30 @@
<script setup lang="ts">
defineProps<{
title: string;
}>();
</script>
<template>
<section class="agent-chat-welcome-state" aria-live="polite">
<h2 class="agent-chat-welcome-state__title">{{ title }}</h2>
</section>
</template>
<style scoped>
.agent-chat-welcome-state {
display: flex;
justify-content: center;
pointer-events: none;
}
.agent-chat-welcome-state__title {
max-width: min(720px, 100%);
margin: 0;
overflow-wrap: anywhere;
font-size: clamp(24px, 2.6vw, 36px);
font-weight: 600;
line-height: 1.16;
color: var(--el-text-color-primary);
text-align: center;
}
</style>

409
easyflow-ui-admin/app/src/views/ai/agent-chat/index.vue
View File

@@ -15,14 +15,21 @@ import {
getAgentSession,
getAgentSessions,
getPublishedAgents,
getPublishedKnowledges,
rejectAgentRun,
renameAgentSession,
saveAgentSessionExtraKnowledges,
} from './api';
import type {
ChatInputTriggerGroup,
ChatInputTriggerItem,
} from '#/components/chat-workspace/input-triggers/types';
import {computed, onBeforeUnmount, onMounted, ref} from 'vue';
import {useRoute, useRouter} from 'vue-router';
import {Delete, EditPen, MoreFilled, Plus, Promotion,} from '@element-plus/icons-vue';
import {Delete, EditPen, MoreFilled, Plus, Promotion,} from '@element-plus/icons-vue';
import {
ElButton,
ElDropdown,
@@ -35,25 +42,49 @@ import {
ElOption,
ElSelect,
} from 'element-plus';
import ChatCapabilityMenu from '#/components/chat-workspace/ChatCapabilityMenu.vue';
import ChatInputTriggerPanel from '#/components/chat-workspace/ChatInputTriggerPanel.vue';
import {useChatInputTrigger} from '#/components/chat-workspace/input-triggers/useChatInputTrigger';
import {recordsToTimelineItems} from './adapters/agentTimelineAdapter';
import {agentChatRuntimeManager} from './agentChatRuntimeManager';
import AgentChatWelcomeState from './components/AgentChatWelcomeState.vue';
const route = useRoute();
const router = useRouter();
const WELCOME_TITLES = [
'我们应该做些什么',
'让协作发生',
'今天想推进什么',
'把想法变成行动',
'让智能体开始工作',
'从一个问题开始',
'一起把事情理清楚',
'把下一步交给协作',
];
const agents = ref<AgentInfo[]>([]);
const sessions = ref<AgentChatSessionView[]>([]);
const timelineItems = ref<ChatTimelineItem[]>([]);
const selectedAgentId = ref('');
const currentSessionId = ref('');
const promptText = ref('');
const promptInputRef = ref();
const loadingAgents = ref(false);
const loadingSessions = ref(false);
const loadingConversation = ref(false);
const loadingKnowledges = ref(false);
const savingExtraKnowledges = ref(false);
const sending = ref(false);
const runtimeRunning = ref(false);
const approvalLoadingKey = ref('');
const knowledgeOptions = ref<{ label: string; value: string }[]>([]);
const knowledgeMap = ref(new Map<string, { id: string; title: string }>());
const extraKnowledgeIds = ref<string[]>([]);
const runtimeSendingState = new Map<string, boolean>();
const MAX_EXTRA_KNOWLEDGE_COUNT = 3;
let runtimeUnsubscribe: (() => void) | undefined;
const selectedAgent = computed(() =>
@@ -75,13 +106,66 @@ const canSend = computed(
const composerPlaceholder = computed(() =>
selectedAgent.value ? '输入消息' : '请选择智能体',
);
const agentSelectWidth = computed(() => {
const name = selectedAgent.value?.name || '选择智能体';
const textWidth = Array.from(name).reduce(
(total, char) => total + (/[\u4E00-\u9FFF]/.test(char) ? 14 : 8),
const selectedExtraKnowledges = computed(() => {
const knowledges: { id: string; title: string }[] = [];
for (const id of extraKnowledgeIds.value) {
const knowledge = knowledgeMap.value.get(String(id));
if (knowledge) {
knowledges.push(knowledge);
}
}
return knowledges;
});
const capabilityDisabled = computed(
() =>
sending.value ||
runtimeRunning.value ||
savingExtraKnowledges.value ||
!selectedAgentId.value,
);
const isWelcomeState = computed(
() =>
!loadingConversation.value &&
!currentSessionId.value &&
timelineItems.value.length === 0,
);
const welcomeTitle = computed(() => {
const agentKey = selectedAgentId.value || selectedAgent.value?.name || '';
const index = [...agentKey].reduce(
(total, char) => total + char.charCodeAt(0),
0,
);
return `${Math.min(Math.max(textWidth + 36, 92), 240)}px`;
return WELCOME_TITLES[index % WELCOME_TITLES.length] || '我们应该做些什么';
});
const agentSelectWidth = computed(() => {
const name = selectedAgent.value?.name || '选择智能体';
const textWidth = [...name].reduce(
(total, char) => total + (/[\u4E00-\u9FFF]/.test(char) ? 15 : 8),
0,
);
return `${Math.min(Math.max(textWidth + 36, 116), 320)}px`;
});
const triggerGroups = computed<ChatInputTriggerGroup[]>(() => [
{
items: knowledgeOptions.value.map((item) => {
const selected = extraKnowledgeIds.value.includes(String(item.value));
return {
disabled:
!selected &&
extraKnowledgeIds.value.length >= MAX_EXTRA_KNOWLEDGE_COUNT,
id: item.value,
label: item.label,
};
}),
label: '知识库',
symbol: '@',
},
]);
const chatInputTrigger = useChatInputTrigger({
disabled: capabilityDisabled,
groups: triggerGroups,
inputRef: promptInputRef,
text: promptText,
});
function formatDate(value?: string) {
@@ -171,8 +255,42 @@ async function loadSessions() {
}
}
async function loadKnowledges() {
loadingKnowledges.value = true;
try {
const res = await getPublishedKnowledges();
if (res.errorCode !== 0) {
throw new Error(res.message || '知识库加载失败');
}
const records = Array.isArray(res.data) ? res.data : [];
knowledgeOptions.value = records
.filter((item) => item?.id)
.map((item) => ({
label: item.title || item.alias || String(item.id),
value: String(item.id),
}));
knowledgeMap.value = new Map(
records
.filter((item) => item?.id)
.map((item) => [
String(item.id),
{
id: String(item.id),
title: item.title || item.alias || String(item.id),
},
]),
);
} catch (error) {
ElMessage.error(error instanceof Error ? error.message : '知识库加载失败');
} finally {
loadingKnowledges.value = false;
}
}
function resolveSessionSortTime(session: AgentChatSessionView) {
const time = new Date(session.lastMessageAt || session.accessAt || '').getTime();
const time = new Date(
session.lastMessageAt || session.accessAt || '',
).getTime();
return Number.isFinite(time) ? time : Number.NEGATIVE_INFINITY;
}
@@ -195,14 +313,14 @@ function upsertSessionRecord(session: AgentChatSessionView) {
const currentIndex = next.findIndex(
(item) => String(item.sessionId) === sessionId,
);
if (currentIndex >= 0) {
next.splice(currentIndex, 1, {
...next[currentIndex],
if (currentIndex === -1) {
next.push({
...session,
sessionId,
});
} else {
next.push({
next.splice(currentIndex, 1, {
...next[currentIndex],
...session,
sessionId,
});
@@ -318,7 +436,8 @@ async function loadConversation(sessionId: string) {
try {
const detailRes = await getAgentSession(sessionId);
const res = await getAgentConversation(sessionId);
const latestRuntimeSnapshot = agentChatRuntimeManager.getSnapshot(sessionId);
const latestRuntimeSnapshot =
agentChatRuntimeManager.getSnapshot(sessionId);
if (latestRuntimeSnapshot?.sending) {
syncRuntimeSnapshot(sessionId);
await syncSessionRoute(sessionId);
@@ -335,6 +454,24 @@ async function loadConversation(sessionId: string) {
if (session?.assistantId) {
selectedAgentId.value = String(session.assistantId);
}
if (detailRes.errorCode === 0 && detailRes.data) {
extraKnowledgeIds.value = (detailRes.data.extraKnowledges || [])
.map((item) => String(item.id || ''))
.filter(Boolean);
for (const item of detailRes.data.extraKnowledges || []) {
if (!item.id) {
continue;
}
knowledgeMap.value.set(String(item.id), {
id: String(item.id),
title: item.title || item.alias || String(item.id),
});
}
if ((detailRes.data.removedExtraKnowledgeNames || []).length > 0) {
const removedNames = detailRes.data.removedExtraKnowledgeNames || [];
ElMessage.warning(`以下知识库已失效并移除：${removedNames.join('、')}`);
}
}
currentSessionId.value = sessionId;
sending.value = false;
await syncSessionRoute(sessionId);
@@ -349,6 +486,7 @@ async function createNewSession() {
currentSessionId.value = '';
timelineItems.value = [];
promptText.value = '';
extraKnowledgeIds.value = [];
sending.value = false;
await syncSessionRoute();
}
@@ -362,20 +500,77 @@ async function bindCreatedSession(sessionId: string, prompt: string) {
(session) => String(session.sessionId) === sessionId,
);
const nextSession = buildOptimisticSession(sessionId, prompt);
if (existingIndex >= 0) {
upsertSessionRecord(nextSession);
} else {
if (existingIndex === -1) {
sessions.value = [nextSession, ...sessions.value];
} else {
upsertSessionRecord(nextSession);
}
await syncSessionRoute(sessionId);
}
function handleAgentChange() {
extraKnowledgeIds.value = [];
if (timelineItems.value.length > 0 || currentSessionId.value) {
void createNewSession();
}
}
async function handleExtraKnowledgeIdsChange(value: string[]) {
const previousIds = [...extraKnowledgeIds.value];
const nextIds = value.map(String);
extraKnowledgeIds.value = nextIds;
if (!currentSessionId.value) {
return;
}
savingExtraKnowledges.value = true;
try {
const res = await saveAgentSessionExtraKnowledges(
currentSessionId.value,
nextIds,
);
if (res.errorCode !== 0 || !res.data) {
throw new Error(res.message || '知识库保存失败');
}
extraKnowledgeIds.value = (res.data.extraKnowledges || [])
.map((item) => String(item.id || ''))
.filter(Boolean);
upsertSessionRecord({
...res.data,
sessionId: currentSessionId.value,
});
} catch (error) {
extraKnowledgeIds.value = previousIds;
ElMessage.error(error instanceof Error ? error.message : '知识库保存失败');
} finally {
savingExtraKnowledges.value = false;
}
}
async function handleTriggerSelect(item: ChatInputTriggerItem) {
if (item.disabled) {
return;
}
if (chatInputTrigger.activePanel.value?.symbol !== '@') {
await chatInputTrigger.replaceTriggerText('');
return;
}
const nextIds = extraKnowledgeIds.value.map(String);
if (!nextIds.includes(String(item.id))) {
nextIds.push(String(item.id));
await handleExtraKnowledgeIdsChange(nextIds);
}
await chatInputTrigger.replaceTriggerText('');
}
function buildCapabilities() {
return [
{
resourceIds: [...extraKnowledgeIds.value],
type: 'KNOWLEDGE' as const,
},
];
}
async function handleSend() {
const content = promptText.value.trim();
if (!content || !selectedAgentId.value || sending.value) {
@@ -392,6 +587,7 @@ async function handleSend() {
agentId: selectedAgentId.value,
agentName: selectedAgent.value?.name,
baseItems: timelineItems.value,
capabilities: buildCapabilities(),
prompt: content,
sessionId: currentSessionId.value,
});
@@ -406,6 +602,55 @@ async function handleSend() {
}
}
function handlePromptInput() {
chatInputTrigger.sync();
}
function handlePromptKeyup() {
chatInputTrigger.sync();
}
function handlePromptClick() {
chatInputTrigger.sync();
}
function handlePromptKeydown(event: Event | KeyboardEvent) {
if (!(event instanceof KeyboardEvent)) {
return;
}
if (chatInputTrigger.activePanel.value) {
if (event.key === 'ArrowDown') {
event.preventDefault();
chatInputTrigger.move(1);
return;
}
if (event.key === 'ArrowUp') {
event.preventDefault();
chatInputTrigger.move(-1);
return;
}
if (event.key === 'Escape') {
event.preventDefault();
chatInputTrigger.close();
return;
}
if (event.key === 'Enter' && !event.shiftKey) {
const item =
chatInputTrigger.visibleItems.value[chatInputTrigger.activeIndex.value];
if (item) {
event.preventDefault();
void handleTriggerSelect(item);
return;
}
}
}
if (event.key === 'Enter' && !event.shiftKey) {
event.preventDefault();
void handleSend();
}
}
function handleStop() {
if (!canStopRuntime.value) {
return;
@@ -539,7 +784,7 @@ async function handleReject(payload: ChatTimelineToolApprovalPayload) {
}
async function bootstrap() {
await Promise.all([loadAgents(), loadSessions()]);
await Promise.all([loadAgents(), loadSessions(), loadKnowledges()]);
const routeSessionId = String(route.query.sessionId || '');
if (routeSessionId) {
await loadConversation(routeSessionId);
@@ -645,10 +890,17 @@ onBeforeUnmount(() => {
</div>
</header>
<div class="agent-chat__timeline-wrap">
<div
class="agent-chat__timeline-wrap"
:class="{ 'is-welcome': isWelcomeState }"
>
<div v-if="loadingConversation" class="agent-chat__state is-center">
加载中
</div>
<AgentChatWelcomeState
v-else-if="isWelcomeState"
:title="welcomeTitle"
/>
<ChatTimeline
v-else
:items="timelineItems"
@@ -663,8 +915,31 @@ onBeforeUnmount(() => {
/>
</div>
<div class="agent-chat__composer">
<div
class="agent-chat__composer"
:class="{ 'is-welcome': isWelcomeState }"
>
<ChatCapabilityMenu
:disabled="capabilityDisabled"
:extra-knowledge-ids="extraKnowledgeIds"
:knowledge-options="knowledgeOptions"
:loading="loadingKnowledges"
:selected-knowledges="selectedExtraKnowledges"
:show-trigger="false"
@update:extra-knowledge-ids="handleExtraKnowledgeIdsChange"
/>
<ChatInputTriggerPanel
v-if="chatInputTrigger.activePanel.value"
class="agent-chat__trigger-panel"
:active-index="chatInputTrigger.activeIndex.value"
:group-label="chatInputTrigger.activePanel.value.groupLabel"
:items="chatInputTrigger.visibleItems.value"
:keyword="chatInputTrigger.activePanel.value.keyword"
@select="handleTriggerSelect"
@set-active="chatInputTrigger.setActiveIndex"
/>
<ElInput
ref="promptInputRef"
v-model="promptText"
class="agent-chat__composer-input"
type="textarea"
@@ -672,27 +947,41 @@ onBeforeUnmount(() => {
resize="none"
:placeholder="composerPlaceholder"
:disabled="sending || runtimeRunning || !selectedAgentId"
@keydown.enter.exact.prevent="handleSend"
@click="handlePromptClick"
@input="handlePromptInput"
@keydown="handlePromptKeydown"
@keyup="handlePromptKeyup"
/>
<div class="agent-chat__composer-footer">
<ElSelect
v-model="selectedAgentId"
:loading="loadingAgents"
placeholder="选择智能体"
class="agent-chat__agent-select"
:style="{ width: agentSelectWidth }"
@change="handleAgentChange"
>
<ElOption
v-for="agent in agents"
:key="String(agent.id)"
:label="agent.name || String(agent.id)"
:value="String(agent.id)"
<div class="agent-chat__composer-tools">
<ChatCapabilityMenu
class="agent-chat__capability-entry"
:disabled="capabilityDisabled"
:extra-knowledge-ids="extraKnowledgeIds"
:knowledge-options="knowledgeOptions"
:loading="loadingKnowledges"
:selected-knowledges="[]"
@update:extra-knowledge-ids="handleExtraKnowledgeIdsChange"
/>
</ElSelect>
<ElSelect
v-model="selectedAgentId"
:loading="loadingAgents"
placeholder="选择智能体"
class="agent-chat__agent-select"
:style="{ width: agentSelectWidth }"
@change="handleAgentChange"
>
<ElOption
v-for="agent in agents"
:key="String(agent.id)"
:label="agent.name || String(agent.id)"
:value="String(agent.id)"
/>
</ElSelect>
</div>
<div class="agent-chat__composer-actions">
<ElButton
v-if="canStopRuntime"
v-if="canStopRuntime"
type="primary"
circle
aria-label="中止"
@@ -700,7 +989,7 @@ onBeforeUnmount(() => {
class="agent-chat__send-button is-stop"
@click="handleStop"
>
<span class="agent-chat__stop-glyph" />
<span class="agent-chat__stop-glyph"></span>
</ElButton>
<ElButton
v-else
@@ -863,6 +1152,11 @@ onBeforeUnmount(() => {
box-sizing: border-box;
}
.agent-chat__timeline-wrap.is-welcome {
justify-content: center;
padding: 0 min(8vw, 96px) 252px;
}
.agent-chat__timeline-wrap :deep(.chat-timeline) {
height: 100%;
min-height: 0;
@@ -886,6 +1180,20 @@ onBeforeUnmount(() => {
box-shadow: var(--el-box-shadow-light);
}
.agent-chat__composer.is-welcome {
top: calc(50% + 40px);
bottom: auto;
transform: translateY(-50%);
}
.agent-chat__trigger-panel {
position: absolute;
bottom: calc(100% + 10px);
left: 0;
z-index: 5;
width: 100%;
}
.agent-chat__composer-input :deep(.el-textarea__inner) {
min-height: 48px !important;
padding: 0;
@@ -902,13 +1210,25 @@ onBeforeUnmount(() => {
justify-content: space-between;
}
.agent-chat__composer-tools {
display: inline-flex;
align-items: center;
min-width: 0;
gap: 4px;
max-width: calc(100% - 64px);
}
.agent-chat__capability-entry {
flex: none;
}
.agent-chat__agent-select {
max-width: min(240px, 58%);
max-width: min(320px, calc(100vw - 240px));
}
.agent-chat__agent-select :deep(.el-select__wrapper) {
min-height: 36px;
padding: 0;
padding: 0 4px 0 0;
background: transparent;
border: 0;
box-shadow: none;
@@ -921,7 +1241,7 @@ onBeforeUnmount(() => {
.agent-chat__agent-select :deep(.el-select__placeholder),
.agent-chat__agent-select :deep(.el-select__selected-item) {
min-width: 0;
max-width: 184px;
max-width: none;
overflow: hidden;
font-size: 14px;
font-weight: 400;
@@ -932,6 +1252,7 @@ onBeforeUnmount(() => {
.agent-chat__agent-select :deep(.el-select__caret) {
color: var(--el-color-primary);
margin-left: 6px;
}
.agent-chat__composer-actions {
@@ -1002,6 +1323,10 @@ onBeforeUnmount(() => {
padding-bottom: 184px;
}
.agent-chat__timeline-wrap.is-welcome {
padding: 0 16px 244px;
}
.agent-chat__timeline-wrap :deep(.chat-timeline) {
padding: 16px;
}
@@ -1012,12 +1337,18 @@ onBeforeUnmount(() => {
left: 16px;
}
.agent-chat__composer.is-welcome {
top: calc(50% + 52px);
bottom: auto;
}
.agent-chat__composer-footer {
align-items: flex-end;
}
.agent-chat__agent-select {
width: min(220px, calc(100% - 58px));
width: min(280px, calc(100% - 58px));
max-width: calc(100vw - 128px);
}
.agent-chat__composer-actions {

133
easyflow-ui-admin/app/src/views/ai/agents/AgentDesigner.vue
View File

@@ -34,6 +34,8 @@ import {useAgentDesignerState} from './composables/useAgentDesignerState';
const route = useRoute();
const router = useRouter();
const AGENT_TAB_PAGE_KEY = '/ai/agents';
const DEFAULT_AGENT_TITLE = '未命名智能体';
const {
state,
addKnowledgeNode,
@@ -52,6 +54,7 @@ const {
const pageLoading = ref(false);
const saveLoading = ref(false);
const offlineLoading = ref(false);
const publishLoading = ref(false);
const issues = ref<AgentValidationIssue[]>([]);
const categories = ref<AgentOption[]>([]);
@@ -62,14 +65,6 @@ const pluginTools = ref<AgentOption[]>([]);
const isNew = computed(() => String(route.params.id || '') === 'new');
const publishText = computed(() => {
if (
canAiResourceOffline(
state.agent.displayPublishStatus,
state.agent.publishStatus,
)
) {
return '下线';
}
if (
canAiResourceRepublish(
state.agent.displayPublishStatus,
@@ -81,6 +76,13 @@ const publishText = computed(() => {
return '发布';
});
const offlineVisible = computed(() =>
canAiResourceOffline(
state.agent.displayPublishStatus,
state.agent.publishStatus,
),
);
const publishDisabled = computed(() => {
if (!state.agent.id) return true;
if (
@@ -99,14 +101,15 @@ const publishDisabled = computed(() => {
canAiResourceRepublish(
state.agent.displayPublishStatus,
state.agent.publishStatus,
) ||
canAiResourceOffline(
state.agent.displayPublishStatus,
state.agent.publishStatus,
)
);
});
const offlineDisabled = computed(() => {
if (!state.agent.id) return true;
return !offlineVisible.value;
});
onMounted(async () => {
pageLoading.value = true;
try {
@@ -119,14 +122,55 @@ onMounted(async () => {
async function loadAgent() {
if (isNew.value) {
reset();
syncNavTitle(DEFAULT_AGENT_TITLE, { force: true });
return;
}
const [, res] = await tryit(getAgentDetail)(String(route.params.id));
if (res?.errorCode === 0) {
reset(res.data);
syncNavTitle(resolveAgentTitle(res.data), { force: !hasNavTitle() });
}
}
function hasNavTitle() {
const navTitle = Array.isArray(route.query.navTitle)
? route.query.navTitle[0]
: route.query.navTitle;
return typeof navTitle === 'string' && navTitle.trim();
}
function resolveAgentTitle(agent = state.agent) {
return String(agent.name || '').trim() || DEFAULT_AGENT_TITLE;
}
function syncNavTitle(title: string, options: { force?: boolean } = {}) {
const normalizedTitle = String(title || '').trim() || DEFAULT_AGENT_TITLE;
const query = route.query as Record<string, any>;
const currentNavTitle = Array.isArray(query.navTitle)
? query.navTitle[0]
: query.navTitle;
const currentPageKey = Array.isArray(query.pageKey)
? query.pageKey[0]
: query.pageKey;
if (
!options.force &&
currentNavTitle === normalizedTitle &&
currentPageKey === AGENT_TAB_PAGE_KEY
) {
return;
}
router.replace({
path: route.path,
query: {
...query,
pageKey: AGENT_TAB_PAGE_KEY,
navTitle: normalizedTitle,
},
});
}
async function loadOptions() {
const [categoryRes, modelRes, knowledgeRes, workflowRes, pluginRes] =
await Promise.all([
@@ -245,8 +289,18 @@ async function handleSave(showMessage = true) {
id,
};
state.dirty = false;
const title = resolveAgentTitle();
if (isNew.value) {
await router.replace(`/ai/agents/designer/${id}`);
await router.replace({
path: `/ai/agents/designer/${id}`,
query: {
...route.query,
pageKey: AGENT_TAB_PAGE_KEY,
navTitle: title,
},
});
} else {
syncNavTitle(title, { force: true });
}
if (showMessage) {
ElMessage.success('已保存');
@@ -262,29 +316,19 @@ async function handlePublish() {
const saved = await handleSave(false);
if (!saved) return;
const offline = canAiResourceOffline(
state.agent.displayPublishStatus,
state.agent.publishStatus,
);
try {
await ElMessageBox.confirm(
offline ? '确认提交下线审批？' : '确认提交发布审批？',
'提示',
{
confirmButtonText: '确认',
cancelButtonText: '取消',
type: offline ? 'warning' : 'info',
},
);
await ElMessageBox.confirm('确认提交发布审批？', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'info',
});
} catch {
return;
}
publishLoading.value = true;
try {
const res = offline
? await submitAgentOfflineApproval(String(state.agent.id))
: await submitAgentPublishApproval(String(state.agent.id));
const res = await submitAgentPublishApproval(String(state.agent.id));
if (res.errorCode === 0) {
ElMessage.success(res.message || '已提交');
await loadAgent();
@@ -294,6 +338,33 @@ async function handlePublish() {
}
}
async function handleOffline() {
if (!state.agent.id) return;
const saved = await handleSave(false);
if (!saved) return;
try {
await ElMessageBox.confirm('确认提交下线审批？', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
});
} catch {
return;
}
offlineLoading.value = true;
try {
const res = await submitAgentOfflineApproval(String(state.agent.id));
if (res.errorCode === 0) {
ElMessage.success(res.message || '已提交');
await loadAgent();
}
} finally {
offlineLoading.value = false;
}
}
function handleTryout() {
if (!runValidation()) return;
openTryout();
@@ -330,8 +401,12 @@ function handleCloseTryout() {
:publish-loading="publishLoading"
:publish-disabled="publishDisabled"
:publish-text="publishText"
:offline-disabled="offlineDisabled"
:offline-loading="offlineLoading"
:offline-visible="offlineVisible"
@add="handleAdd"
@save="handleSave()"
@offline="handleOffline"
@publish="handlePublish"
@tryout="handleTryout"
/>

22
easyflow-ui-admin/app/src/views/ai/agents/AgentList.vue
View File

@@ -36,6 +36,8 @@ import {
const router = useRouter();
const pageDataRef = ref();
const sideList = ref<any[]>([]);
const AGENT_TAB_PAGE_KEY = '/ai/agents';
const DEFAULT_AGENT_TITLE = '未命名智能体';
const headerButtons = [
{
@@ -53,7 +55,13 @@ const primaryAction: CardPrimaryAction = {
text: '编排',
permission: '/api/v1/agent/update',
onClick(row: AgentInfo) {
router.push(`/ai/agents/designer/${row.id}`);
router.push({
path: `/ai/agents/designer/${row.id}`,
query: {
pageKey: AGENT_TAB_PAGE_KEY,
navTitle: resolveNavTitle(row),
},
});
},
};
@@ -106,10 +114,20 @@ function handleSearch(keyword: string) {
function handleButtonClick(payload: any) {
if (payload?.key === 'create' || payload?.data?.action === 'create') {
router.push('/ai/agents/designer/new');
router.push({
path: '/ai/agents/designer/new',
query: {
pageKey: AGENT_TAB_PAGE_KEY,
navTitle: DEFAULT_AGENT_TITLE,
},
});
}
}
function resolveNavTitle(row: AgentInfo) {
return String(row.name || '').trim() || DEFAULT_AGENT_TITLE;
}
function changeCategory(category: any) {
pageDataRef.value?.setQuery({ categoryId: category.id });
}

42
easyflow-ui-admin/app/src/views/ai/agents/components/AgentCommandBar.vue
View File

@@ -1,19 +1,14 @@
<script setup lang="ts">
import type {AgentCapabilityKind} from '../types';
import {onBeforeUnmount, onMounted, ref} from 'vue';
import {computed, onBeforeUnmount, onMounted, ref} from 'vue';
import {
Connection,
Files,
Loading,
Plus,
Promotion,
Share,
VideoPlay,
} from '@element-plus/icons-vue';
import {Connection, Files, Loading, Plus, Share, VideoPlay,} from '@element-plus/icons-vue';
defineProps<{
const props = defineProps<{
offlineDisabled?: boolean;
offlineLoading?: boolean;
offlineVisible?: boolean;
publishDisabled?: boolean;
publishLoading?: boolean;
publishText: string;
@@ -21,8 +16,11 @@ defineProps<{
tryoutDisabled?: boolean;
}>();
const isRepublish = computed(() => props.publishText === '重新发布');
const emit = defineEmits<{
add: [kind: AgentCapabilityKind];
offline: [];
publish: [];
save: [];
tryout: [];
@@ -120,13 +118,23 @@ onBeforeUnmount(() => {
</button>
<div class="agent-command-bar__divider"></div>
<button
v-if="offlineVisible"
class="agent-command-bar__button agent-command-bar__button--ghost"
type="button"
:disabled="offlineDisabled || offlineLoading || publishLoading"
@click="emit('offline')"
>
<Loading v-if="offlineLoading" class="is-loading" />
<span>下线</span>
</button>
<button
class="agent-command-bar__button agent-command-bar__button--ghost"
:class="{ 'agent-command-bar__button--republish': isRepublish }"
type="button"
:disabled="publishDisabled || publishLoading"
@click="emit('publish')"
>
<Loading v-if="publishLoading" class="is-loading" />
<Promotion v-else />
<span>{{ publishText }}</span>
</button>
</div>
@@ -280,11 +288,21 @@ onBeforeUnmount(() => {
color: var(--el-text-color-secondary);
}
.agent-command-bar__button--republish {
color: var(--el-color-warning);
background: var(--el-color-warning-light-9);
}
.agent-command-bar__button:hover:not(:disabled) {
color: var(--el-text-color-primary);
background: var(--el-fill-color-light);
}
.agent-command-bar__button--republish:hover:not(:disabled) {
color: var(--el-color-warning);
background: var(--el-color-warning-light-8);
}
.agent-command-bar__button--primary:hover:not(:disabled) {
color: var(--el-color-primary);
background: var(--el-color-primary-light-8);

31
easyflow-ui-admin/app/src/views/ai/agents/composables/useAgentTryoutRawRounds.test.ts
View File

@@ -98,6 +98,37 @@ describe('useAgentTryoutRawRounds', () => {
]);
});
it('AgentScope context_reload 工具事件不进入页面时间线', () => {
const store = useAgentTryoutRawRounds({
mode: 'draft',
sessionId: 'session-raw-context-reload',
});
const roundId = store.createRound('展开第一层');
store.recordEvent(roundId, {
domain: 'TOOL',
payload: {
input: { working_context_offload_uuid: 'context-id' },
toolCallId: 'context-reload-1',
toolName: 'context_reload',
},
type: 'TOOL_CALL',
});
store.recordEvent(roundId, {
domain: 'TOOL',
payload: {
output: 'context',
toolCallId: 'context-reload-1',
toolName: 'context_reload',
},
type: 'TOOL_RESULT',
});
expect(store.buildTimelineItems().map((item) => item.type)).toEqual([
'message',
]);
});
it('刷新后能从 raw rounds 恢复 timeline', () => {
const first = useAgentTryoutRawRounds({
mode: 'draft',

6
easyflow-ui-admin/app/src/views/ai/agents/composables/useAgentTryoutRawRounds.ts
View File

@@ -75,7 +75,11 @@ function normalizeToolName(value: unknown) {
function isHiddenToolName(value: unknown) {
const normalizedName = normalizeToolName(value);
return normalizedName === 'retrieve_knowledge' || normalizedName === '__fragment__';
return (
normalizedName === 'retrieve_knowledge' ||
normalizedName === 'context_reload' ||
normalizedName === '__fragment__'
);
}
function clone<T>(value: T): T {

53
easyflow-ui-admin/app/src/views/ai/workflow/WorkflowDesign.vue
View File

@@ -1,30 +1,19 @@
<script setup lang="ts">
import { computed, onMounted, onUnmounted, ref } from 'vue';
import { useRoute } from 'vue-router';
import {computed, onMounted, onUnmounted, ref} from 'vue';
import {useRoute} from 'vue-router';
import { usePreferences } from '@easyflow/preferences';
import { getOptions, sortNodes } from '@easyflow/utils';
import { Tinyflow } from '@tinyflow-ai/vue';
import {usePreferences} from '@easyflow/preferences';
import {getOptions, sortNodes} from '@easyflow/utils';
import {Tinyflow} from '@tinyflow-ai/vue';
import {
ArrowLeft,
CircleCheck,
Close,
Promotion,
} from '@element-plus/icons-vue';
import {
ElButton,
ElDrawer,
ElMessage,
ElMessageBox,
ElSkeleton,
} from 'element-plus';
import {ArrowLeft, CircleCheck, Close, Promotion,} from '@element-plus/icons-vue';
import {ElButton, ElDrawer, ElMessage, ElMessageBox, ElSkeleton,} from 'element-plus';
import { api } from '#/api/request';
import {api} from '#/api/request';
import CommonSelectDataModal from '#/components/commonSelectModal/CommonSelectDataModal.vue';
import { $t } from '#/locales';
import { router } from '#/router';
import { getIconByValue } from '#/views/ai/model/modelUtils/defaultIcon';
import {$t} from '#/locales';
import {router} from '#/router';
import {getIconByValue} from '#/views/ai/model/modelUtils/defaultIcon';
import {
canAiResourceRepublish,
isAiResourceApprovalPending,
@@ -35,7 +24,7 @@ import SingleRun from '#/views/ai/workflow/components/SingleRun.vue';
import WorkflowForm from '#/views/ai/workflow/components/WorkflowForm.vue';
import WorkflowSteps from '#/views/ai/workflow/components/WorkflowSteps.vue';
import { getCustomNode } from './customNode/index';
import {getCustomNode} from './customNode/index';
import nodeNames from './customNode/nodeNames';
import {
createInitialWorkflowData,
@@ -368,15 +357,17 @@ async function handleSave(showMsg: boolean = false): Promise<boolean> {
saveLoading.value = false;
}
}
async function getWorkflowInfo(workflowId: any) {
async function getWorkflowInfo(workflowId: any, syncFlowData: boolean = true) {
return api.get(`/api/v1/workflow/detail?id=${workflowId}`).then((res) => {
workflowInfo.value = res.data;
const parsedContent = workflowInfo.value.content
? JSON.parse(workflowInfo.value.content)
: {};
tinyFlowData.value = isWorkflowDataEmpty(parsedContent)
? createInitialWorkflowData()
: normalizeWorkflowStartNodes(parsedContent);
if (syncFlowData) {
const parsedContent = workflowInfo.value.content
? JSON.parse(workflowInfo.value.content)
: {};
tinyFlowData.value = isWorkflowDataEmpty(parsedContent)
? createInitialWorkflowData()
: normalizeWorkflowStartNodes(parsedContent);
}
syncNavTitle(workflowInfo.value?.title || '');
});
}
@@ -561,7 +552,7 @@ async function handlePublishAction() {
});
if (res.errorCode === 0) {
ElMessage.success(res.message || $t('message.saveOkMessage'));
await getWorkflowInfo(workflowId.value);
await getWorkflowInfo(workflowId.value, false);
}
} finally {
publishLoading.value = false;