feat: 全新智能体功能

- 基于先进智能体框架，增加智能体编排功能
- 增加智能体聊天，并对接持久化

easyflow-ui-admin/packages/effects/common-ui/src/components/chat-timeline/ChatTimelineStatusRow.vue

@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import type {ChatTimelineStatusItem} from './types';
+
+import {computed} from 'vue';
+
+import {BookOpenText} from '@easyflow/icons';
+
+import {ChatEventLabel} from '../chat-status';
+
+defineOptions({
+  name: 'ChatTimelineStatusRow',
+});
+
+const props = defineProps<{
+  item: ChatTimelineStatusItem;
+}>();
+
+const isRunning = computed(() => props.item.status === 'running');
+const isSeparator = computed(() => props.item.presentation === 'separator');
+</script>
+
+<template>
+  <div
+    class="chat-timeline-status-row"
+    :class="[
+      `is-${item.status}`,
+      `is-${item.tone || 'muted'}`,
+      { 'is-separator': isSeparator },
+    ]"
+  >
+    <span
+      v-if="isSeparator"
+      class="chat-timeline-status-row__line"
+      aria-hidden="true"
+    />
+    <ChatEventLabel
+      class="chat-timeline-status-row__content"
+      :active="isRunning"
+      :text="item.label"
+    >
+      <template #icon>
+        <BookOpenText
+          class="chat-timeline-status-row__icon"
+          aria-hidden="true"
+        />
+      </template>
+    </ChatEventLabel>
+    <span
+      v-if="isSeparator"
+      class="chat-timeline-status-row__line"
+      aria-hidden="true"
+    />
+  </div>
+</template>
+
+<style scoped>
+.chat-timeline-status-row {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  max-width: min(78%, 680px);
+  min-width: 0;
+  padding: 2px 0;
+  color: var(--el-text-color-placeholder);
+}
+
+.chat-timeline-status-row__content {
+  min-width: 0;
+}
+
+.chat-timeline-status-row__icon {
+  width: 14px;
+  height: 14px;
+  color: var(--el-text-color-placeholder);
+}
+
+.chat-timeline-status-row.is-done {
+  opacity: 0.84;
+}
+
+.chat-timeline-status-row.is-separator {
+  display: flex;
+  width: 100%;
+  max-width: 100%;
+  gap: 8px;
+  justify-content: center;
+}
+
+.chat-timeline-status-row.is-separator .chat-timeline-status-row__line {
+  flex: 1 1 auto;
+  min-width: 24px;
+  height: 1px;
+  background: var(--el-border-color-lighter);
+}
+</style>