feat(XL13): 归档工作流对话运行界面

- 接入发布快照优先与未发布草稿受控运行

- 支持文本和思考流式输出、循环多输出及实时运行详情

- 完成聊天分享、图片输入、中止与清空重来

- 补充后端与前端定向回归测试

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

@@ -113,6 +113,12 @@ function getMessageParts(item: ChatTimelineMessageItem) {
   ];
 }
 
+function hasMessageBubble(item: ChatTimelineMessageItem) {
+  return (
+    getMessageParts(item).length > 0 || Boolean(item.knowledgeItems?.length)
+  );
+}
+
 function updateThinkingExpanded(partId: string, expanded: boolean) {
   const item = messageItem.value;
   if (!item) {
@@ -170,26 +176,32 @@ function handleCopyAction() {
         :document-loader="documentLoader"
         compact
       />
-      <template v-for="part in getMessageParts(messageItem)" :key="part.id">
-        <ChatThinkingBlock
-          v-if="part.type === 'thinking'"
-          :content="part.content"
-          :expanded="resolveThinkingExpanded(part)"
-          :status="part.status"
-          class="chat-timeline-item__thinking"
-          readonly
-          @update:expanded="updateThinkingExpanded(part.id, $event)"
+      <div
+        v-if="hasMessageBubble(messageItem)"
+        class="chat-timeline-item__bubble"
+        :class="`is-${messageItem.role}`"
+      >
+        <template v-for="part in getMessageParts(messageItem)" :key="part.id">
+          <ChatThinkingBlock
+            v-if="part.type === 'thinking'"
+            :content="part.content"
+            :expanded="resolveThinkingExpanded(part)"
+            :status="part.status"
+            class="chat-timeline-item__thinking"
+            readonly
+            @update:expanded="updateThinkingExpanded(part.id, $event)"
+          />
+          <ChatTextBlock
+            v-else
+            :content="part.content"
+            :streaming="messageItem.status === 'streaming'"
+          />
+        </template>
+        <ChatKnowledgeCard
+          v-if="messageItem.knowledgeItems?.length"
+          :items="messageItem.knowledgeItems"
         />
-        <ChatTextBlock
-          v-else
-          :content="part.content"
-          :streaming="messageItem.status === 'streaming'"
-        />
-      </template>
-      <ChatKnowledgeCard
-        v-if="messageItem.knowledgeItems?.length"
-        :items="messageItem.knowledgeItems"
-      />
+      </div>
       <ChatMessageToolbar
         v-if="showToolbar && messageItem"
         :align="messageItem.role === 'user' ? 'end' : 'start'"
@@ -246,18 +258,29 @@ function handleCopyAction() {
   display: flex;
   flex-direction: column;
   gap: 8px;
+  width: fit-content;
   min-width: 0;
-  max-width: min(78%, 680px);
+  max-width: 100%;
 }
 
 .chat-timeline-item__message {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0;
   min-width: 0;
   max-width: min(78%, 680px);
 }
 
+.chat-timeline-item__message.is-user {
+  align-items: flex-end;
+  color: var(--el-text-color-primary);
+}
+
+.chat-timeline-item__message.is-assistant,
+.chat-timeline-item__message.is-system {
+  align-items: flex-start;
+}
+
 .chat-timeline-item__message :deep(.chat-text-block),
 .chat-timeline-item__message :deep(.chat-thinking-block) {
   padding: 0;
@@ -271,10 +294,6 @@ function handleCopyAction() {
   line-height: 22px;
 }
 
-.chat-timeline-item__message.is-user {
-  color: var(--el-text-color-primary);
-}
-
 .chat-timeline-item__message.is-assistant.has-variant-navigator {
   width: min(78%, 680px);
 }