会话相关

src/views/home/components/MainContent.vue

@@ -130,9 +130,21 @@
 			</div>
 		</div>
 
-		<!-- 对话页 — 无工作流但有消息时展示消息流 -->
-		<div v-else-if="hasMessages" :key="'chat'" class="content-body chat-body">
-			<ChatList :messages="messages" @retry="emit('retry', $event)" />
+		<!-- 对话页 — 无工作流但有消息或会话结果时展示：结果卡片（仅工作流结果时显示）+ 消息流（下） -->
+		<div v-else-if="hasMessages || hasResults" :key="'chat'" class="content-body chat-body">
+			<SessionResults
+				v-if="hasWorkflowResults"
+				:results="results"
+				:loading="resultsLoading"
+				@preview="emit('preview-result', $event)"
+				@download="emit('download-result', $event)"
+			/>
+			<ChatList
+				:messages="messages"
+				class="chat-list-scroll"
+				@retry="emit('retry', $event)"
+				@regenerate="emit('regenerate', $event)"
+			/>
 		</div>
 
 		<!-- 默认占位 — 无工作流时显示引导 -->
@@ -170,26 +182,37 @@ import { collectHomeFormFields } from '../utils/flowDsl';
 import { getWorkflowList } from '/@/api/settings/creation';
 import { Promotion } from '@element-plus/icons-vue';
 import ChatList from './ChatList.vue';
+import SessionResults from './SessionResults.vue';
+import type { VOSessionInfoResult } from '/@/api/settings/workflow/session';
 
 interface Props {
 	activeMenu: string;
 	workflowDetail: any;
 	activeHistoryId?: string | null;
 	messages?: any[];
+	results?: VOSessionInfoResult[];
+	resultsLoading?: boolean;
 }
 
 interface Emits {
 	(e: 'retry', msg: any): void;
+	(e: 'regenerate', msg: any): void;
 	(e: 'workflow-select', id: string, isTemplate?: boolean): void;
+	(e: 'preview-result', url: string): void;
+	(e: 'download-result', url: string): void;
 }
 
 const props = withDefaults(defineProps<Props>(), {
 	activeHistoryId: null,
 	messages: () => [],
+	results: () => [],
+	resultsLoading: false,
 });
 const emit = defineEmits<Emits>();
 
 const hasMessages = computed(() => Array.isArray(props.messages) && props.messages.length > 0);
+const hasResults = computed(() => Array.isArray(props.results) && props.results.length > 0);
+const hasWorkflowResults = computed(() => Array.isArray(props.results) && props.results.some((r) => r.type === 'workflow'));
 const formValues = reactive<Record<string, any>>({});
 const fieldFiles = reactive<Record<string, { name: string; url: string }[]>>({});
 const uploadingFields = reactive<Record<string, boolean>>({});
@@ -593,11 +616,27 @@ defineExpose({ formValues, fieldFiles, templates, validateFormFields });
 	flex-direction: column;
 	padding: 0;
 	box-sizing: border-box;
+	overflow: hidden; /* 结果列表固定高度、消息流内部滚动，避免整体滚动与内部冲突 */
+	scrollbar-width: none;
+	&::-webkit-scrollbar { display: none; }
+}
+
+/* 会话结果区块：固定在消息流上方，结果多时内部滚动（不挤压消息流） */
+.chat-body :deep(.session-results) {
+	flex-shrink: 0;
+	max-height: 42%;
 	overflow-y: auto;
 	scrollbar-width: none;
 	&::-webkit-scrollbar { display: none; }
 }
 
+/* 消息流填充剩余高度并在内部滚动 */
+.chat-body :deep(.chat-list-scroll) {
+	flex: 1;
+	min-height: 0;
+	height: auto;
+}
+
 .placeholder-body { display: flex; align-items: center; justify-content: center; }
 .placeholder-content { text-align: center; padding: 24px 20px; width: 100%; max-width: 740px; }