From 05a0e3589105b6ca68ca009ae1e865e1694a0ad0 Mon Sep 17 00:00:00 2001
From: 2910410219 <2910410219@qq.com>
Date: Thu, 4 Jun 2026 15:04:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8A=82=E7=82=B9=E6=96=B0=E5=A2=9E=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=E5=92=8C=E6=8F=90=E7=A4=BA=E8=AF=8D=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/settings/creation/index.ts            |   2 +
 src/api/settings/promptManager/index.ts       |  12 +
 .../creation/component/PromptSelector.vue     | 242 +++++++++
 src/views/settings/creation/index.vue         | 481 ++++++++++++++++--
 4 files changed, 705 insertions(+), 32 deletions(-)
 create mode 100644 src/views/settings/creation/component/PromptSelector.vue

diff --git a/src/api/settings/creation/index.ts b/src/api/settings/creation/index.ts
index 27152ca..3655fbc 100644
--- a/src/api/settings/creation/index.ts
+++ b/src/api/settings/creation/index.ts
@@ -37,6 +37,8 @@ export interface NodeLibraryItem {
 	nodeName: string;
 	modelType: number;
 	skillOption: boolean;
+	promptOption: boolean;
+	isSaveFile: boolean;
 	formConfig: NodeLibraryFormItem[];
 	modelConfig: NodeLibraryModelConfig[];
 }
diff --git a/src/api/settings/promptManager/index.ts b/src/api/settings/promptManager/index.ts
index c48bd52..bde9e3a 100644
--- a/src/api/settings/promptManager/index.ts
+++ b/src/api/settings/promptManager/index.ts
@@ -23,6 +23,7 @@ export interface PromptListParams {
 	pageNum?: number;
 	pageSize?: number;
 	keyword?: string;
+	nodeType?: string;
 }
 
 export interface CreatePromptParams {
@@ -65,6 +66,17 @@ export function getNodeLibraryList() {
 	});
 }
 
+/**
+ * 获取提示词列表（根据节点类型）
+ */
+export function getPromptList(params: PromptListParams) {
+	return request<PromptListResponse>({
+		url: '/ai-agent/node/prompt/list',
+		method: 'get',
+		params,
+	});
+}
+
 /**
  * 获取当前用户提示词列表
  */
diff --git a/src/views/settings/creation/component/PromptSelector.vue b/src/views/settings/creation/component/PromptSelector.vue
new file mode 100644
index 0000000..d9ac241
--- /dev/null
+++ b/src/views/settings/creation/component/PromptSelector.vue
@@ -0,0 +1,242 @@
+<template>
+	<el-dialog
+		v-model="visible"
+		title="选择提示词"
+		width="900px"
+		:close-on-click-modal="false"
+		destroy-on-close
+		@close="handleClose"
+	>
+		<div class="prompt-selector-dialog">
+			<div class="prompt-header">
+				<div class="search-bar">
+					<el-input v-model="searchParams.keyword" placeholder="搜索提示词内容" clearable @clear="handleSearch" @keyup.enter="handleSearch">
+						<template #prefix>
+							<el-icon><Search /></el-icon>
+						</template>
+					</el-input>
+					<el-button type="primary" @click="handleSearch">搜索</el-button>
+				</div>
+			</div>
+
+			<div class="prompt-content" v-loading="loading">
+				<el-empty v-if="!loading && promptList.length === 0" description="暂无提示词数据" :image-size="100" />
+				<el-table v-else :data="promptList" height="360" border stripe style="width: 100%" @row-click="handleSelectPrompt">
+					<el-table-column label="节点类型" width="120" prop="nodeType" />
+					<el-table-column label="提示词内容" prop="prompt" show-overflow-tooltip />
+					<el-table-column label="来源" width="80">
+						<template #default="{ row }">
+							<el-tag :type="row.sourceType === 1 ? 'success' : 'info'" size="small">
+								{{ row.sourceType === 1 ? '公共' : '自定义' }}
+							</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column label="选择" width="60" align="center">
+						<template #default="{ row }">
+							<el-icon v-if="selectedPrompt?.id === row.id" class="check-icon" color="#67c23a">
+								<CircleCheck />
+							</el-icon>
+						</template>
+					</el-table-column>
+				</el-table>
+			</div>
+
+			<div v-if="shouldRenderPagination" class="pagination-panel">
+				<div class="pagination-summary">共 {{ displayTotal }} 条</div>
+				<el-pagination
+					v-model:current-page="pagination.pageNum"
+					v-model:page-size="pagination.pageSize"
+					:total="displayTotal"
+					:page-sizes="[10, 20, 50]"
+					layout="sizes, prev, pager, next, jumper"
+					background
+					:hide-on-single-page="false"
+					@current-change="handlePageChange"
+					@size-change="handleSizeChange"
+				/>
+			</div>
+		</div>
+
+		<template #footer>
+			<el-button @click="handleClose">取消</el-button>
+			<el-button type="primary" :disabled="!selectedPrompt" @click="handleConfirm">确定</el-button>
+		</template>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from 'vue';
+import { Search, CircleCheck } from '@element-plus/icons-vue';
+import { getPromptList, type PromptItem } from '/@/api/settings/promptManager';
+
+interface Props {
+	modelValue: boolean;
+	defaultPrompt?: PromptItem | null;
+	nodeType?: string;
+}
+
+interface Emits {
+	(e: 'update:modelValue', value: boolean): void;
+	(e: 'confirm', prompt: PromptItem): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	modelValue: false,
+	defaultPrompt: null,
+	nodeType: '',
+});
+
+const emit = defineEmits<Emits>();
+
+const visible = ref(false);
+const loading = ref(false);
+const promptList = ref<PromptItem[]>([]);
+const selectedPrompt = ref<PromptItem | null>(null);
+const searchParams = reactive({ keyword: '' });
+const pagination = reactive({ pageNum: 1, pageSize: 10, total: 0 });
+
+const displayTotal = computed(() => {
+	if (pagination.total > 0) return pagination.total;
+	if (promptList.value.length > 0) return promptList.value.length;
+	return 0;
+});
+
+const shouldRenderPagination = computed(() => displayTotal.value > 0);
+
+watch(
+	() => props.modelValue,
+	(val) => {
+		visible.value = val;
+		if (val) {
+			selectedPrompt.value = props.defaultPrompt || null;
+			pagination.pageNum = 1;
+			fetchPromptList();
+		}
+	}
+);
+
+watch(
+	() => props.nodeType,
+	() => {
+		if (visible.value) {
+			pagination.pageNum = 1;
+			fetchPromptList();
+		}
+	}
+);
+
+watch(visible, (val) => {
+	if (!val) {
+		emit('update:modelValue', false);
+	}
+});
+
+const resolvePromptList = (payload: any): PromptItem[] => {
+	if (Array.isArray(payload?.data?.list)) return payload.data.list;
+	if (Array.isArray(payload?.list)) return payload.list;
+	if (Array.isArray(payload?.rows)) return payload.rows;
+	return [];
+};
+
+const resolvePromptTotal = (payload: any, list: PromptItem[]) => {
+	const totalCandidates = [payload?.data?.total, payload?.total, payload?.data?.count, payload?.count];
+	const validTotal = totalCandidates.find((item) => typeof item === 'number' && !Number.isNaN(item));
+	if (typeof validTotal === 'number') return validTotal;
+	return list.length;
+};
+
+const fetchPromptList = async () => {
+	loading.value = true;
+	try {
+		const params = {
+			pageNum: pagination.pageNum,
+			pageSize: pagination.pageSize,
+			keyword: searchParams.keyword || undefined,
+			nodeType: props.nodeType || undefined,
+		};
+		const res = await getPromptList(params);
+		const list = resolvePromptList(res);
+		promptList.value = list;
+		pagination.total = resolvePromptTotal(res, list);
+	} catch (error) {
+		promptList.value = [];
+		pagination.total = 0;
+	} finally {
+		loading.value = false;
+	}
+};
+
+const handleSearch = () => {
+	pagination.pageNum = 1;
+	fetchPromptList();
+};
+
+const handlePageChange = () => {
+	fetchPromptList();
+};
+
+const handleSizeChange = (size: number) => {
+	pagination.pageSize = size;
+	pagination.pageNum = 1;
+	fetchPromptList();
+};
+
+const handleSelectPrompt = (prompt: PromptItem) => {
+	selectedPrompt.value = prompt;
+};
+
+const handleConfirm = () => {
+	if (!selectedPrompt.value) return;
+	emit('confirm', selectedPrompt.value);
+	handleClose();
+};
+
+const handleClose = () => {
+	visible.value = false;
+	selectedPrompt.value = null;
+};
+</script>
+
+<style scoped lang="scss">
+.prompt-selector-dialog {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+
+.prompt-header {
+	flex-shrink: 0;
+}
+
+.search-bar {
+	display: flex;
+	gap: 12px;
+}
+
+.search-bar :deep(.el-input) {
+	flex: 1;
+}
+
+.prompt-content {
+	min-height: 360px;
+}
+
+.pagination-panel {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	padding-top: 8px;
+	border-top: 1px solid var(--el-border-color-lighter);
+}
+
+.pagination-summary {
+	font-size: 14px;
+	color: var(--el-text-color-regular);
+	white-space: nowrap;
+}
+
+.pagination-panel :deep(.el-pagination) {
+	margin-left: auto;
+}
+</style>
diff --git a/src/views/settings/creation/index.vue b/src/views/settings/creation/index.vue
index f9e6424..e1c8685 100644
--- a/src/views/settings/creation/index.vue
+++ b/src/views/settings/creation/index.vue
@@ -39,11 +39,33 @@
 									<el-form-item v-if="selectedElement.kind === 'node'" label="节点名称"><el-input v-model="formState.text" /></el-form-item>
 									<el-form-item v-if="selectedElement.kind === 'edge'" label="字段"><el-input v-model="formState.field" /></el-form-item>
 									<template v-if="selectedElement.kind === 'node'">
+										<!-- 提示词选择（如果节点支持） -->
+										<el-form-item v-if="currentNodePromptOption" label="选择提示词">
+											<div class="prompt-selector-wrapper">
+												<el-button type="primary" @click="showPromptSelector = true" style="width: 100%">
+													<el-icon>
+														<Plus />
+													</el-icon>
+													选择提示词
+												</el-button>
+												<div v-if="selectedPrompt" class="selected-prompt-tag">
+													<el-tag type="success" size="large" closable @close="handleRemovePrompt">
+														{{ selectedPrompt.prompt ? selectedPrompt.prompt.substring(0, 50) + '...' : '提示词' }}
+													</el-tag>
+												</div>
+											</div>
+										</el-form-item>
+										<!-- 对话模式开关（如果节点支持） -->
+										<el-form-item v-if="currentNodeisSaveFile" label="是否保存文件">
+											<el-switch v-model="isSaveFileEnabled" active-text="开启" inactive-text="关闭" />
+										</el-form-item>
 										<!-- 模型选择（如果有模型配置） -->
 										<el-form-item v-if="currentNodeModelConfig.length > 0" label="选择模型">
 											<div class="model-selector-wrapper">
 												<el-button type="primary" @click="showModelSelector = true" style="width: 100%">
-													<el-icon><Plus /></el-icon>
+													<el-icon>
+														<Plus />
+													</el-icon>
 													选择模型
 												</el-button>
 												<div v-if="selectedModel" class="selected-model-tag">
@@ -57,7 +79,9 @@
 										<el-form-item v-if="currentNodeSkillOption" label="选择技能">
 											<div class="skill-selector-wrapper">
 												<el-button type="primary" @click="showSkillSelector = true">
-													<el-icon><Plus /></el-icon>
+													<el-icon>
+														<Plus />
+													</el-icon>
 													选择技能
 												</el-button>
 												<div v-if="selectedSkill" class="selected-skill-tag">
@@ -153,7 +177,9 @@
 											<!-- HTTP请求体配置（弹窗方式） -->
 											<div v-else-if="fieldItem.type === 'httpBody'" class="http-body-config-wrapper">
 												<el-button type="primary" @click="openHttpBodyDialog(fieldItem.field)" style="width: 100%">
-													<el-icon><Setting /></el-icon>
+													<el-icon>
+														<Setting />
+													</el-icon>
 													配置请求体
 												</el-button>
 												<div v-if="getHttpBodyFieldCount(fieldItem.field) > 0" class="http-body-summary">
@@ -169,7 +195,9 @@
 
 											<div v-if="isHttpExpandTriggerField(fieldItem) && dynamicFormValues.responseType === 'pull'" class="http-body-config-wrapper">
 												<el-button type="primary" @click="openHttpExpandDialog(fieldItem)" style="width: 100%; margin-top: 10px">
-													<el-icon><Setting /></el-icon>
+													<el-icon>
+														<Setting />
+													</el-icon>
 													配置主动拉取参数
 												</el-button>
 											</div>
@@ -261,7 +289,9 @@
 							</div>
 							<div class="form-actions">
 								<el-button type="primary" size="large" class="apply-button" @click="applySelected">
-									<el-icon><Check /></el-icon>
+									<el-icon>
+										<Check />
+									</el-icon>
 									应用到当前元素
 								</el-button>
 							</div>
@@ -485,7 +515,9 @@
 								</div>
 							</div>
 						</div>
-						<div class="canvas-wrap"><div ref="logicFlowRef" class="logicflow-canvas"></div></div>
+						<div class="canvas-wrap">
+							<div ref="logicFlowRef" class="logicflow-canvas"></div>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -584,6 +616,9 @@
 			@confirm="confirmSaveWorkflow"
 		/>
 
+		<!-- 提示词选择器 -->
+		<PromptSelector v-model="showPromptSelector" :default-prompt="selectedPrompt" :node-type="formState.nodeCode" @confirm="handlePromptConfirm" />
+
 		<!-- 技能选择器 -->
 		<SkillSelector v-model="showSkillSelector" :default-skill="selectedSkill" @confirm="handleSkillConfirm" />
 
@@ -599,7 +634,7 @@
 				<div class="chat-model-search">
 					<el-input v-model="chatModelSearchKeyword" placeholder="搜索模型名称" clearable @clear="handleChatModelSearch">
 						<template #prefix
-							><el-icon><Search /></el-icon
+							><el-icon> <Search /> </el-icon
 						></template>
 					</el-input>
 					<el-button type="primary" @click="handleChatModelSearch">搜索</el-button>
@@ -616,9 +651,9 @@
 						>
 							<div class="chat-model-name">{{ model.modelName }}</div>
 							<div class="chat-model-url">{{ model.baseUrl }}</div>
-							<el-icon v-if="selectedChatModel?.id === model.id || model.isChatModel === 1" class="check-icon" color="#67c23a"
-								><CircleCheck
-							/></el-icon>
+							<el-icon v-if="selectedChatModel?.id === model.id || model.isChatModel === 1" class="check-icon" color="#67c23a">
+								<CircleCheck />
+							</el-icon>
 						</div>
 					</div>
 				</div>
@@ -795,6 +830,8 @@ import '@logicflow/extension/lib/style/index.css';
 import SkillSelector from '/@/components/skill/NodeSkillSelector.vue';
 import ModelSelector from '/@/components/model/ModelSelector.vue';
 import SaveWorkflowDialog from './component/SaveWorkflowDialog.vue';
+import PromptSelector from './component/PromptSelector.vue';
+import type { PromptItem } from '/@/api/settings/promptManager';
 import type { SkillItem } from '/@/api/settings/skill';
 import {
 	downloadToFile,
@@ -860,6 +897,9 @@ const selectedParentParam = ref('');
 const selectedModel = ref('');
 const showSkillSelector = ref(false);
 const selectedSkill = ref<SkillItem | null>(null);
+const showPromptSelector = ref(false);
+const selectedPrompt = ref<PromptItem | null>(null);
+const isSaveFileEnabled = ref(false);
 const saving = ref(false);
 const leftPanelTab = ref('selected'); // 默认显示"当前选中"Tab
 const saveDialogVisible = ref(false);
@@ -1015,6 +1055,30 @@ const currentNodeSkillOption = computed(() => {
 	});
 	return skillOption;
 });
+// 获取当前节点是否支持提示词选择
+const currentNodePromptOption = computed(() => {
+	let promptOption = false;
+	nodeLibraryGroups.value.forEach((group) => {
+		(group.items || []).forEach((item) => {
+			if (item.nodeCode === formState.nodeCode) {
+				promptOption = item.promptOption || false;
+			}
+		});
+	});
+	return promptOption;
+});
+// 获取当前节点是否支持对话模式
+const currentNodeisSaveFile = computed(() => {
+	let isSaveFile = false;
+	nodeLibraryGroups.value.forEach((group) => {
+		(group.items || []).forEach((item) => {
+			if (item.nodeCode === formState.nodeCode) {
+				isSaveFile = item.isSaveFile || false;
+			}
+		});
+	});
+	return isSaveFile;
+});
 // 获取当前节点的模型类型
 const currentNodeModelType = computed(() => {
 	const currentNodeCode = String(formState.nodeCode || '').trim();
@@ -1190,24 +1254,24 @@ const workflowDsl = computed(() => ({
 					const rawValue = item.value;
 					let normalizedValue: any = rawValue;
 					if (typeof rawValue === 'string') {
-			const matched = rawValue.match(/^\$\{([^\.}]+)\.([^}]+)\}$/);
-			if (matched) {
-				normalizedValue = {
-					field: matched[2],
-					nodeId: matched[1],
-					quoteOutput: false,
-				};
-			} else {
-				const nodeOutputMatched = rawValue.match(/^\$\{([^}]+)\}$/);
-				if (nodeOutputMatched) {
-					normalizedValue = {
-						field: 'nodeOutputResult',
-						nodeId: nodeOutputMatched[1],
-						quoteOutput: false,
-					};
-				}
-			}
-		}
+						const matched = rawValue.match(/^\$\{([^\.}]+)\.([^}]+)\}$/);
+						if (matched) {
+							normalizedValue = {
+								field: matched[2],
+								nodeId: matched[1],
+								quoteOutput: false,
+							};
+						} else {
+							const nodeOutputMatched = rawValue.match(/^\$\{([^}]+)\}$/);
+							if (nodeOutputMatched) {
+								normalizedValue = {
+									field: 'nodeOutputResult',
+									nodeId: nodeOutputMatched[1],
+									quoteOutput: false,
+								};
+							}
+						}
+					}
 
 					const normalizedItem: any = {
 						key: realKey,
@@ -1248,9 +1312,10 @@ const workflowDsl = computed(() => ({
 		modelConfig: n.properties?.modelConfig
 			? {
 					...n.properties.modelConfig,
-					modelResponse: n.properties.modelConfig?.modelResponse || n.properties?.modelResponse || null,
-				}
+					modelResponse: n.properties.modelConfig?.modelResponse || n.properties?.modelResponse || null,				}
 			: null,
+		isSaveFile: n.properties?.isSaveFileEnabled ?? null,
+		promptContent: n.properties?.promptData?.prompt || null,
 		outputResult: null,
 	})),
 	edges: flowDsl.value.edges.map((e) => ({
@@ -1420,6 +1485,14 @@ const handleRemoveModel = () => {
 	selectedModel.value = '';
 	selectedModelData.value = null;
 };
+// 处理提示词选择确认
+const handlePromptConfirm = (prompt: PromptItem) => {
+	selectedPrompt.value = prompt;
+};
+// 移除已选择的提示词
+const handleRemovePrompt = () => {
+	selectedPrompt.value = null;
+};
 // 获取对话模型列表
 const fetchChatModelList = async () => {
 	chatModelLoading.value = true;
@@ -3412,6 +3485,16 @@ watch(
 			selectedSkill.value = null;
 		}
 
+		// 恢复提示词信息
+		if (e?.properties?.promptData) {
+			selectedPrompt.value = e.properties.promptData;
+		} else {
+			selectedPrompt.value = null;
+		}
+
+		// 恢复对话模式状态
+		isSaveFileEnabled.value = e?.properties?.isSaveFileEnabled === true;
+
 		// 初始化所有表单字段（基础 + 模型）- 只设置还没有值的字段
 		allFormFields.value.forEach((fieldItem) => {
 			const currentValue = dynamicFormValues[fieldItem.field];
@@ -3484,7 +3567,18 @@ const applySelected = () => {
 		formState.field ? (p.field = formState.field) : delete p.field;
 	} else {
 		// 保留重要的配置字段，删除其他字段
-		const keysToKeep = ['nodeCode', 'fieldMetadata', 'modelConfig', 'inputSource', 'formConfig', 'skillName', 'width', 'height'];
+		const keysToKeep = [
+			'nodeCode',
+			'fieldMetadata',
+			'modelConfig',
+			'inputSource',
+			'formConfig',
+			'skillName',
+			'promptData',
+			'isSaveFileEnabled',
+			'width',
+			'height',
+		];
 		Object.keys(p).forEach((key) => {
 			if (!keysToKeep.includes(key)) {
 				delete p[key];
@@ -3524,6 +3618,16 @@ const applySelected = () => {
 			delete p.skillName;
 		}
 
+		// 保存提示词选择状态
+		if (selectedPrompt.value) {
+			p.promptData = selectedPrompt.value;
+		} else {
+			delete p.promptData;
+		}
+
+		// 保存对话模式状态
+		p.isSaveFileEnabled = isSaveFileEnabled.value;
+
 		// 不再保存基础字段到根级别，所有字段都通过 formConfig 保存
 
 		// 保存字段元数据（label、type、required等）
@@ -3935,6 +4039,9 @@ const loadWorkflowFromDsl = (dsl: any) => {
 					formConfig: n.formConfig || null,
 					modelConfig: n.modelConfig || null,
 					inputSource: n.inputSource || null,
+					// 加载提示词和保存文件配置
+					isSaveFileEnabled: n.isSaveFile ?? false,
+					promptData: n.promptContent ? { id: 0, prompt: n.promptContent, nodeType: n.nodeCode } : null,
 				},
 			};
 		});
@@ -3985,11 +4092,19 @@ watch(selectedElement, (newElement) => {
 		} else {
 			selectedSkill.value = null;
 		}
+
+		// 从节点属性中恢复提示词选择状态
+		selectedPrompt.value = newElement.properties.promptData || null;
+
+		// 从节点属性中恢复对话模式状态
+		isSaveFileEnabled.value = newElement.properties.isSaveFileEnabled === true;
 	} else {
 		// 如果不是节点或没有选中元素，清空状态
 		selectedModel.value = '';
 		selectedModelData.value = null;
 		selectedSkill.value = null;
+		selectedPrompt.value = null;
+		isSaveFileEnabled.value = false;
 	}
 });
 
@@ -4051,17 +4166,21 @@ onBeforeUnmount(() => {
 	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
 	overflow: hidden;
 }
+
 .panel.left.collapsed {
 	width: 70px;
 	padding: 14px 10px;
 	align-items: center;
 }
+
 .panel.left.collapsed .title {
 	display: none;
 }
+
 .panel.left.collapsed .panel-header {
 	justify-content: center;
 }
+
 .panel-header {
 	display: flex;
 	justify-content: space-between;
@@ -4069,28 +4188,34 @@ onBeforeUnmount(() => {
 	margin-bottom: 10px;
 	flex-shrink: 0;
 }
+
 .collapse-btn {
 	flex-shrink: 0;
 }
+
 .panel.left.collapsed .collapse-btn {
 	width: 48px;
 	height: 48px;
 }
+
 .tree-wrap {
 	flex: 1;
 	overflow: auto;
 }
+
 .tree-node {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 }
+
 .ellipsis {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
+
 .editor-shell {
 	display: flex;
 	flex-direction: column;
@@ -4099,6 +4224,7 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	min-width: 0;
 }
+
 .panel {
 	background: #fff;
 	border-radius: 14px;
@@ -4108,35 +4234,42 @@ onBeforeUnmount(() => {
 	display: flex;
 	flex-direction: column;
 }
+
 .panel.side {
 	min-height: 0;
 	max-height: 100%;
 	display: flex;
 	flex-direction: column;
 }
+
 .panel.side .title-sm {
 	flex-shrink: 0;
 	margin-bottom: 10px;
 }
+
 .panel.canvas-panel {
 	min-height: 0;
 }
+
 .title {
 	font-size: 18px;
 	font-weight: 700;
 	color: #1f2937;
 	margin-bottom: 10px;
 }
+
 .title-sm {
 	font-size: 15px;
 	font-weight: 700;
 	color: #1f2937;
 }
+
 .sub {
 	font-size: 13px;
 	line-height: 1.7;
 	color: #64748b;
 }
+
 .editor-shell {
 	display: flex;
 	flex-direction: column;
@@ -4145,16 +4278,19 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	min-width: 0;
 }
+
 .top {
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: flex-start;
 }
+
 .actions {
 	display: flex;
 	gap: 10px;
 	flex-shrink: 0;
 }
+
 .main {
 	display: flex;
 	gap: 14px;
@@ -4162,10 +4298,12 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	overflow: hidden;
 }
+
 /* 创作模式：表单占满整个区域 */
 .creation-mode .main {
 	display: block;
 }
+
 .creation-mode-container {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
@@ -4174,20 +4312,24 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	height: 100%;
 }
+
 .creation-form-panel {
 	display: flex;
 	flex-direction: column;
 	min-height: 0;
 	width: 100%;
 }
+
 .creation-form-panel.collapsed {
 	display: none;
 }
+
 .creation-history-panel {
 	display: flex;
 	flex-direction: column;
 	min-height: 0;
 }
+
 .history-header {
 	font-size: 16px;
 	font-weight: 700;
@@ -4196,6 +4338,7 @@ onBeforeUnmount(() => {
 	border-bottom: 1px solid #e5e7eb;
 	margin-bottom: 12px;
 }
+
 .history-list-placeholder {
 	flex: 1;
 	overflow: auto;
@@ -4204,15 +4347,18 @@ onBeforeUnmount(() => {
 	gap: 12px;
 	padding-right: 4px;
 }
+
 .history-item {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
+
 .history-item .role {
 	font-size: 12px;
 	color: #64748b;
 }
+
 .history-item .bubble {
 	max-width: 86%;
 	padding: 10px 12px;
@@ -4220,26 +4366,32 @@ onBeforeUnmount(() => {
 	line-height: 1.6;
 	font-size: 13px;
 }
+
 .history-item.assistant .bubble {
 	background: #f1f5f9;
 	color: #0f172a;
 	align-self: flex-start;
 }
+
 .history-item.user {
 	align-items: flex-end;
 }
+
 .history-item.user .bubble {
 	background: #3b82f6;
 	color: #fff;
 }
+
 .creation-form-panel.collapsed + .creation-history-panel {
 	grid-column: 1 / -1;
 }
+
 /* 画布模式：画布和侧边栏并排 */
 .panel.canvas-panel {
 	flex: 1;
 	min-width: 0;
 }
+
 .panel.side {
 	width: 380px;
 	flex-shrink: 0;
@@ -4248,30 +4400,36 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	max-height: 100%;
 }
+
 .meta {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 10px;
 }
+
 .meta-left {
 	display: flex;
 	align-items: center;
 	gap: 12px;
 }
+
 .meta-title {
 	font-weight: 600;
 	font-size: 14px;
 	color: #1f2937;
 }
+
 .meta-info {
 	font-size: 13px;
 	color: #64748b;
 }
+
 .meta-actions {
 	display: flex;
 	gap: 8px;
 }
+
 .canvas-layout {
 	display: grid;
 	grid-template-columns: 220px minmax(0, 1fr);
@@ -4279,6 +4437,7 @@ onBeforeUnmount(() => {
 	flex: 1;
 	min-height: 560px;
 }
+
 .node-library {
 	border: 1px solid #e8eef7;
 	border-radius: 12px;
@@ -4286,20 +4445,24 @@ onBeforeUnmount(() => {
 	overflow: auto;
 	background: #f8fafc;
 }
+
 .node-library :deep(.el-empty) {
 	padding: 8px 0;
 }
+
 .node-library-groups {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
+
 .node-group {
 	background: #fff;
 	border: 1px solid #e5e7eb;
 	border-radius: 10px;
 	padding: 10px 10px 8px;
 }
+
 .node-group-title {
 	font-size: 13px;
 	font-weight: 700;
@@ -4307,12 +4470,14 @@ onBeforeUnmount(() => {
 	margin-bottom: 8px;
 	padding-left: 2px;
 }
+
 .node-group-items {
 	display: flex;
 	flex-direction: column;
 	align-items: stretch;
 	gap: 4px;
 }
+
 .node-item {
 	justify-content: flex-start;
 	width: 100%;
@@ -4321,9 +4486,11 @@ onBeforeUnmount(() => {
 	color: #334155;
 	border-radius: 6px;
 }
+
 .node-item:hover {
 	background: #eef4ff;
 }
+
 .canvas-wrap {
 	flex: 1;
 	min-height: 560px;
@@ -4332,11 +4499,13 @@ onBeforeUnmount(() => {
 	overflow: hidden;
 	background: linear-gradient(180deg, #fcfdff 0%, #f8fbff 100%);
 }
+
 .logicflow-canvas {
 	width: 100%;
 	height: 100%;
 	min-height: 560px;
 }
+
 .form-container {
 	display: flex;
 	flex-direction: column;
@@ -4344,26 +4513,32 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	overflow: hidden;
 }
+
 .form-scroll-area {
 	overflow-y: auto;
 	padding-right: 4px;
 	max-height: 600px;
 }
+
 .form-scroll-area::-webkit-scrollbar {
 	width: 6px;
 }
+
 .form-scroll-area::-webkit-scrollbar-thumb {
 	background: #cbd5e1;
 	border-radius: 3px;
 }
+
 .form-scroll-area::-webkit-scrollbar-thumb:hover {
 	background: #94a3b8;
 }
+
 .form-actions {
 	padding-top: 12px;
 	border-top: 1px solid #e5e7eb;
 	flex-shrink: 0;
 }
+
 .apply-button {
 	width: 100%;
 	height: 48px;
@@ -4374,22 +4549,27 @@ onBeforeUnmount(() => {
 	transition: all 0.3s ease;
 	margin-top: 20px;
 }
+
 .apply-button:hover {
 	transform: translateY(-2px);
 	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
 }
+
 .apply-button:active {
 	transform: translateY(0);
 }
+
 .json-preview {
 	margin-top: 16px;
 }
+
 .json-preview-title {
 	font-size: 13px;
 	font-weight: 600;
 	color: #475569;
 	margin-bottom: 8px;
 }
+
 .form-wrap {
 	display: flex;
 	flex-direction: column;
@@ -4397,14 +4577,17 @@ onBeforeUnmount(() => {
 	font-size: 13px;
 	color: #475569;
 }
+
 .prop-form {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
+
 .w100 {
 	width: 100%;
 }
+
 .custom-field-config {
 	display: flex;
 	flex-direction: column;
@@ -4415,29 +4598,36 @@ onBeforeUnmount(() => {
 	border-radius: 8px;
 	background: #f9fafb;
 }
+
 .custom-field-row {
 	display: flex;
 	gap: 8px;
 	align-items: center;
 }
+
 .custom-field-input {
 	flex: 1;
 	min-width: 0;
 }
+
 .custom-field-type {
 	width: 90px;
 	flex-shrink: 0;
 }
+
 .custom-field-required {
 	flex-shrink: 0;
 	margin: 0;
 }
+
 .custom-field-delete {
 	flex-shrink: 0;
 }
+
 .custom-field-value-full {
 	width: 100%;
 }
+
 .key-value-input-wrapper {
 	display: flex;
 	flex-direction: column;
@@ -4447,32 +4637,39 @@ onBeforeUnmount(() => {
 	border: 1px solid #e5e7eb;
 	border-radius: 8px;
 }
+
 .key-value-pair {
 	display: flex;
 	gap: 8px;
 	align-items: center;
 }
+
 .key-value-pair .key-input {
 	flex: 0 0 35%;
 	min-width: 0;
 }
+
 .key-value-pair .value-input {
 	flex: 1;
 	min-width: 0;
 }
+
 .key-value-pair .el-button {
 	flex-shrink: 0;
 }
+
 .add-pair-btn {
 	align-self: flex-start;
 	margin-top: 4px;
 }
+
 .custom-field-upload-wrapper,
 .field-upload-wrapper {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
+
 .uploaded-files-list {
 	display: flex;
 	flex-direction: column;
@@ -4482,6 +4679,7 @@ onBeforeUnmount(() => {
 	border: 1px solid #e5e7eb;
 	border-radius: 6px;
 }
+
 .uploaded-file-item {
 	display: flex;
 	justify-content: space-between;
@@ -4492,10 +4690,12 @@ onBeforeUnmount(() => {
 	border-radius: 4px;
 	transition: all 0.2s ease;
 }
+
 .uploaded-file-item:hover {
 	border-color: #cbd5e1;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 }
+
 .uploaded-file-item .file-name {
 	flex: 1;
 	font-size: 13px;
@@ -4505,12 +4705,14 @@ onBeforeUnmount(() => {
 	white-space: nowrap;
 	margin-right: 12px;
 }
+
 .input-source-list {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	margin-bottom: 12px;
 }
+
 .input-source-item {
 	display: flex;
 	align-items: center;
@@ -4520,34 +4722,41 @@ onBeforeUnmount(() => {
 	border: 1px solid #bae6fd;
 	border-radius: 6px;
 }
+
 .input-source-content {
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
+
 .input-source-label {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	font-size: 13px;
 }
+
 .input-source-key {
 	font-weight: 600;
 	color: #0369a1;
 }
+
 .input-source-arrow {
 	color: #94a3b8;
 	font-size: 12px;
 }
+
 .input-source-ref {
 	color: #0891b2;
 }
+
 .input-source-raw {
 	font-size: 11px;
 	color: #94a3b8;
 	font-family: 'Consolas', 'Monaco', monospace;
 }
+
 .input-source-field {
 	display: flex;
 	justify-content: space-between;
@@ -4555,19 +4764,23 @@ onBeforeUnmount(() => {
 	padding: 6px 0;
 	border-bottom: 1px solid #f1f5f9;
 }
+
 .input-source-field:last-child {
 	border-bottom: none;
 }
+
 .input-source-field-name {
 	font-size: 13px;
 	color: #475569;
 	font-weight: 500;
 }
+
 .input-source-quote {
 	margin-top: 8px;
 	padding-top: 8px;
 	border-top: 1px solid #e5e7eb;
 }
+
 .parent-nodes-output {
 	margin-bottom: 16px;
 	padding: 12px;
@@ -4575,12 +4788,14 @@ onBeforeUnmount(() => {
 	border-radius: 8px;
 	border: 1px solid #e5e7eb;
 }
+
 .parent-nodes-title {
 	font-size: 13px;
 	font-weight: 600;
 	color: #374151;
 	margin-bottom: 12px;
 }
+
 .parent-node-output-item {
 	display: flex;
 	justify-content: space-between;
@@ -4588,27 +4803,33 @@ onBeforeUnmount(() => {
 	padding: 8px 0;
 	border-bottom: 1px solid #e5e7eb;
 }
+
 .parent-node-output-item:last-child {
 	border-bottom: none;
 }
+
 .parent-node-name {
 	font-size: 13px;
 	color: #475569;
 	font-weight: 500;
 }
+
 .custom-field-item {
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	margin-bottom: 12px;
 }
+
 .custom-field-label {
 	width: 100px;
 	flex-shrink: 0;
 }
+
 .custom-field-value {
 	flex: 1;
 }
+
 .json-box {
 	margin: 0;
 	padding: 12px;
@@ -4621,73 +4842,91 @@ onBeforeUnmount(() => {
 	white-space: pre-wrap;
 	word-break: break-word;
 }
+
 :deep(.lf-control) {
 	right: 14px;
 	top: 14px;
 	left: auto;
 }
+
 :deep(.lf-node-selected .lf-basic-shape) {
 	stroke: #2563eb !important;
 	stroke-width: 1.8 !important;
 }
+
 :deep(.lf-edge-selected path) {
 	stroke: #2563eb !important;
 }
+
 @media (max-width: 1400px) {
 	.panel.side {
 		width: 320px;
 	}
+
 	.canvas-layout {
 		grid-template-columns: 1fr;
 	}
 }
+
 @media (max-width: 1100px) {
 	.main {
 		flex-direction: column;
 	}
+
 	.panel.side {
 		width: 100%;
 		max-height: 400px;
 	}
+
 	.top {
 		flex-direction: column;
 	}
+
 	.actions {
 		width: 100%;
 		flex-wrap: wrap;
 	}
+
 	.creation-middle {
 		grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
 	}
 }
+
 .workflow-list-panel {
 	padding: 16px;
 	transition: all 0.3s ease;
 }
+
 .workflow-list-panel.collapsed {
 	padding: 16px;
 }
+
 .workflow-list-panel.collapsed .workflow-list-container {
 	display: none;
 }
+
 .workflow-list-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 12px;
 }
+
 .header-actions {
 	display: flex;
 	gap: 12px;
 	align-items: center;
 }
+
 .collapse-btn-workflow {
 	padding: 8px 16px;
 	font-weight: 600;
 }
+
 .workflow-list-container {
 	min-height: 100px;
 }
+
 .workflow-pagination {
 	margin-top: 12px;
 	display: flex;
@@ -4696,9 +4935,11 @@ onBeforeUnmount(() => {
 	background: #f8fafc;
 	border-radius: 8px;
 }
+
 .workflow-pagination :deep(.el-pagination) {
 	justify-content: center;
 }
+
 .workflow-pagination :deep(.el-pager li) {
 	min-width: 32px;
 	height: 32px;
@@ -4706,15 +4947,18 @@ onBeforeUnmount(() => {
 	border-radius: 6px;
 	font-weight: 500;
 }
+
 .workflow-pagination :deep(.el-pager li.is-active) {
 	background: #3b82f6;
 	color: #fff;
 }
+
 .workflow-cards {
 	display: flex;
 	gap: 12px;
 	flex-wrap: wrap;
 }
+
 .workflow-card {
 	position: relative;
 	width: 180px;
@@ -4730,11 +4974,13 @@ onBeforeUnmount(() => {
 	justify-content: center;
 	align-items: center;
 }
+
 .workflow-card:hover {
 	border-color: #3b82f6;
 	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
 	transform: translateY(-2px);
 }
+
 .workflow-card-name {
 	font-size: 14px;
 	font-weight: 600;
@@ -4748,6 +4994,7 @@ onBeforeUnmount(() => {
 	-webkit-box-orient: vertical;
 	line-height: 1.4;
 }
+
 .workflow-card-actions {
 	position: absolute;
 	top: 0;
@@ -4762,35 +5009,42 @@ onBeforeUnmount(() => {
 	align-items: center;
 	animation: fadeIn 0.2s ease;
 }
+
 @keyframes fadeIn {
 	from {
 		opacity: 0;
 	}
+
 	to {
 		opacity: 1;
 	}
 }
+
 .workflow-card-add {
 	border-style: dashed;
 	border-color: #cbd5e1;
 	background: #f8fafc;
 	gap: 8px;
 }
+
 .workflow-card-add:hover {
 	border-color: #3b82f6;
 	background: #eff6ff;
 }
+
 .workflow-card-add-text {
 	font-size: 13px;
 	color: #64748b;
 	font-weight: 500;
 }
+
 .creation-mode-container {
 	display: flex;
 	flex: 1;
 	min-height: 0;
 	height: 100%;
 }
+
 .creation-main-panel {
 	display: flex;
 	flex-direction: column;
@@ -4798,6 +5052,7 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	width: 100%;
 }
+
 .creation-middle {
 	display: grid;
 	grid-template-rows: minmax(0, 1fr) 8px minmax(0, 1fr);
@@ -4806,9 +5061,11 @@ onBeforeUnmount(() => {
 	min-height: 0;
 	overflow: hidden;
 }
+
 .creation-middle.form-collapsed {
 	grid-template-rows: 1fr;
 }
+
 .middle-splitter {
 	display: flex;
 	align-items: center;
@@ -4816,15 +5073,18 @@ onBeforeUnmount(() => {
 	cursor: row-resize;
 	user-select: none;
 }
+
 .middle-splitter-line {
 	width: 100%;
 	height: 2px;
 	background: #dbe4ef;
 	border-radius: 999px;
 }
+
 .middle-splitter:hover .middle-splitter-line {
 	background: #8db4f7;
 }
+
 .creation-form-panel {
 	display: flex;
 	flex-direction: column;
@@ -4836,14 +5096,17 @@ onBeforeUnmount(() => {
 	box-shadow: none;
 	border: 1px solid #e5e7eb;
 }
+
 .simple-form-scroll {
 	flex: 1;
 	overflow: auto;
 	padding: 12px;
 }
+
 .simple-creation-form :deep(.el-form-item) {
 	margin-bottom: 12px;
 }
+
 .creation-history-panel {
 	display: flex;
 	flex-direction: column;
@@ -4851,6 +5114,7 @@ onBeforeUnmount(() => {
 	padding: 12px;
 	height: 100%;
 }
+
 .history-header {
 	font-size: 16px;
 	font-weight: 700;
@@ -4859,6 +5123,7 @@ onBeforeUnmount(() => {
 	border-bottom: 1px solid #e5e7eb;
 	margin-bottom: 10px;
 }
+
 .history-list-placeholder {
 	flex: 1;
 	overflow: auto;
@@ -4867,15 +5132,18 @@ onBeforeUnmount(() => {
 	gap: 12px;
 	padding-right: 4px;
 }
+
 .history-item {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
+
 .history-item .role {
 	font-size: 12px;
 	color: #64748b;
 }
+
 .history-item .bubble {
 	max-width: 86%;
 	padding: 10px 12px;
@@ -4883,18 +5151,22 @@ onBeforeUnmount(() => {
 	line-height: 1.6;
 	font-size: 13px;
 }
+
 .history-item.assistant .bubble {
 	background: #f1f5f9;
 	color: #0f172a;
 	align-self: flex-start;
 }
+
 .history-item.user {
 	align-items: flex-end;
 }
+
 .history-item.user .bubble {
 	background: #3b82f6;
 	color: #fff;
 }
+
 .creation-header {
 	display: flex;
 	justify-content: space-between;
@@ -4903,35 +5175,43 @@ onBeforeUnmount(() => {
 	padding-bottom: 16px;
 	border-bottom: 1px solid #e5e7eb;
 }
+
 .creation-header-actions {
 	display: flex;
 	gap: 12px;
 	align-items: center;
 }
+
 .creation-form-scroll {
 	flex: 1;
 	overflow-y: auto;
 	padding-right: 8px;
 	min-height: 0;
 }
+
 .creation-form-scroll::-webkit-scrollbar {
 	width: 6px;
 }
+
 .creation-form-scroll::-webkit-scrollbar-thumb {
 	background: #cbd5e1;
 	border-radius: 3px;
 }
+
 .creation-form-scroll::-webkit-scrollbar-thumb:hover {
 	background: #94a3b8;
 }
+
 .creation-form {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
 }
+
 .node-form-wrapper {
 	display: contents;
 }
+
 .node-form-section {
 	padding: 24px;
 	background: #ffffff;
@@ -4940,10 +5220,12 @@ onBeforeUnmount(() => {
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
 	transition: all 0.3s ease;
 }
+
 .node-form-section:hover {
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 	border-color: #cbd5e1;
 }
+
 .node-form-title {
 	font-size: 17px;
 	font-weight: 700;
@@ -4960,28 +5242,35 @@ onBeforeUnmount(() => {
 	border-radius: 14px 14px 0 0;
 	border-bottom: 3px solid #3b82f6;
 }
+
 .node-icon {
 	color: #3b82f6;
 	font-size: 22px;
 	font-weight: bold;
 }
+
 .form-grid {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	gap: 20px 24px;
 }
+
 .form-item-full {
 	grid-column: 1 / -1;
 }
+
 .form-item-medium {
 	grid-column: span 1;
 }
+
 .form-item-small {
 	grid-column: span 1;
 }
+
 .form-grid :deep(.el-form-item) {
 	margin-bottom: 0;
 }
+
 .form-grid :deep(.el-form-item__label) {
 	font-weight: 600;
 	color: #1e293b;
@@ -4989,9 +5278,11 @@ onBeforeUnmount(() => {
 	font-size: 14px;
 	line-height: 1.5;
 }
+
 .form-grid :deep(.el-form-item__label::before) {
 	color: #ef4444 !important;
 }
+
 .form-grid :deep(.el-input__wrapper) {
 	border-radius: 10px;
 	box-shadow: 0 0 0 1px #e2e8f0;
@@ -4999,18 +5290,22 @@ onBeforeUnmount(() => {
 	transition: all 0.2s ease;
 	padding: 8px 12px;
 }
+
 .form-grid :deep(.el-input__wrapper:hover) {
 	box-shadow: 0 0 0 1px #cbd5e1;
 	background-color: #ffffff;
 }
+
 .form-grid :deep(.el-input__wrapper.is-focus) {
 	box-shadow: 0 0 0 2px #3b82f6;
 	background-color: #ffffff;
 }
+
 .form-grid :deep(.el-input__inner) {
 	color: #0f172a;
 	font-size: 14px;
 }
+
 .form-grid :deep(.el-textarea__inner) {
 	border-radius: 10px;
 	border: 1px solid #e2e8f0;
@@ -5021,37 +5316,46 @@ onBeforeUnmount(() => {
 	font-size: 14px;
 	line-height: 1.6;
 }
+
 .form-grid :deep(.el-textarea__inner:hover) {
 	border-color: #cbd5e1;
 	background-color: #ffffff;
 }
+
 .form-grid :deep(.el-textarea__inner:focus) {
 	border-color: #3b82f6;
 	border-width: 2px;
 	background-color: #ffffff;
 	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
 }
+
 .form-grid :deep(.el-input-number) {
 	width: 100%;
 }
+
 .form-grid :deep(.el-input-number .el-input__wrapper) {
 	border-radius: 10px;
 }
+
 .form-grid :deep(.el-switch) {
 	height: 28px;
 }
+
 .form-grid :deep(.el-switch__core) {
 	height: 28px;
 	border-radius: 14px;
 }
+
 .form-grid :deep(.el-switch.is-checked .el-switch__core) {
 	background-color: #3b82f6;
 }
+
 .creation-actions {
 	margin-top: 24px;
 	padding-top: 24px;
 	border-top: 2px solid #e2e8f0;
 }
+
 .creation-actions :deep(.el-button) {
 	height: 52px;
 	font-size: 16px;
@@ -5062,23 +5366,28 @@ onBeforeUnmount(() => {
 	box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
 	transition: all 0.3s ease;
 }
+
 .creation-actions :deep(.el-button:hover) {
 	transform: translateY(-2px);
 	box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
 	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
 }
+
 .creation-actions :deep(.el-button:active) {
 	transform: translateY(0);
 }
+
 /* 创作模式表单布局优化（仅创作表单生效） */
 .creation-form-panel {
 	padding: 14px 16px 10px;
 }
+
 .simple-form-scroll {
 	height: 100%;
 	overflow: auto;
 	padding-right: 4px;
 }
+
 .creation-form-grid {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -5086,18 +5395,22 @@ onBeforeUnmount(() => {
 	align-items: start;
 	grid-auto-flow: row dense;
 }
+
 .creation-form-grid :deep(.el-form-item:last-child:nth-child(odd)) {
 	grid-column: 1 / -1;
 }
+
 .creation-form-grid :deep(.el-form-item) {
 	margin-bottom: 0;
 }
+
 .creation-form-grid :deep(.el-form-item__label) {
 	margin-bottom: 6px;
 	font-size: 13px;
 	color: #334155;
 	line-height: 1.35;
 }
+
 .creation-form-grid :deep(.el-input-number),
 .creation-form-grid :deep(.el-select),
 .creation-form-grid :deep(.el-select .el-input),
@@ -5105,24 +5418,30 @@ onBeforeUnmount(() => {
 .creation-form-grid :deep(.el-input) {
 	width: 100%;
 }
+
 .creation-form-grid :deep(.el-input__wrapper),
 .creation-form-grid :deep(.el-textarea__inner) {
 	border-radius: 8px;
 }
+
 .creation-form-grid :deep(.el-input-number .el-input__inner) {
 	text-align: left;
 }
+
 .creation-form-grid .form-item-full {
 	grid-column: 1 / -1;
 }
+
 .creation-form-grid .form-item-small,
 .creation-form-grid .form-item-medium {
 	grid-column: span 1;
 }
+
 @media (max-width: 900px) {
 	.creation-form-grid {
 		grid-template-columns: 1fr;
 	}
+
 	.creation-form-grid .form-item-small,
 	.creation-form-grid .form-item-medium {
 		grid-column: 1 / -1;
@@ -5133,34 +5452,42 @@ onBeforeUnmount(() => {
 	.form-grid {
 		grid-template-columns: 1fr;
 	}
+
 	.form-item-small,
 	.form-item-medium {
 		grid-column: span 1;
 	}
 }
+
 @media (max-width: 1400px) {
 	.panel.side {
 		width: 320px;
 	}
+
 	.canvas-layout {
 		grid-template-columns: 1fr;
 	}
 }
+
 @media (max-width: 1100px) {
 	.main {
 		flex-direction: column;
 	}
+
 	.panel.side {
 		width: 100%;
 		max-height: 400px;
 	}
+
 	.top {
 		flex-direction: column;
 	}
+
 	.actions {
 		width: 100%;
 		flex-wrap: wrap;
 	}
+
 	.creation-middle {
 		grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
 	}
@@ -5172,24 +5499,29 @@ onBeforeUnmount(() => {
 	flex-direction: column;
 	overflow: hidden;
 }
+
 .left-tabs {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
+
 .left-tabs :deep(.el-tabs__content) {
 	flex: 1;
 	overflow: hidden;
 }
+
 .left-tabs :deep(.el-tab-pane) {
 	height: 100%;
 	overflow: auto;
 }
+
 .tree-wrap {
 	padding: 14px;
 	height: 100%;
 	overflow: auto;
 }
+
 .selected-panel {
 	padding: 14px;
 	height: 100%;
@@ -5206,23 +5538,27 @@ onBeforeUnmount(() => {
 	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
 	overflow: hidden;
 }
+
 .workflow-tabs {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
+
 .workflow-tabs :deep(.el-tabs__content) {
 	flex: 1;
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
 }
+
 .workflow-tabs :deep(.el-tab-pane) {
 	height: 100%;
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
 }
+
 .right-panel-header {
 	display: flex;
 	justify-content: flex-end;
@@ -5231,12 +5567,14 @@ onBeforeUnmount(() => {
 	margin-bottom: 12px;
 	flex-shrink: 0;
 }
+
 .workflow-list-vertical {
 	flex: 1;
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
 }
+
 .workflow-list-scroll {
 	flex: 1;
 	overflow-y: auto;
@@ -5245,13 +5583,16 @@ onBeforeUnmount(() => {
 	gap: 10px;
 	padding-right: 4px;
 }
+
 .workflow-list-scroll::-webkit-scrollbar {
 	width: 6px;
 }
+
 .workflow-list-scroll::-webkit-scrollbar-thumb {
 	background: #cbd5e1;
 	border-radius: 3px;
 }
+
 .workflow-item {
 	padding: 12px;
 	border: 1px solid #e5e7eb;
@@ -5260,17 +5601,21 @@ onBeforeUnmount(() => {
 	transition: all 0.2s ease;
 	background: #fff;
 }
+
 .workflow-item:hover {
 	border-color: #3b82f6;
 	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
 }
+
 .workflow-item.active {
 	border-color: #3b82f6;
 	background: #eff6ff;
 }
+
 .workflow-item-content {
 	margin-bottom: 8px;
 }
+
 .workflow-item-name {
 	font-size: 14px;
 	font-weight: 600;
@@ -5280,6 +5625,7 @@ onBeforeUnmount(() => {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
+
 .workflow-item-desc {
 	font-size: 12px;
 	color: #64748b;
@@ -5287,11 +5633,13 @@ onBeforeUnmount(() => {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
+
 .workflow-item-actions {
 	display: flex;
 	gap: 8px;
 	justify-content: flex-end;
 }
+
 .workflow-pagination {
 	padding: 12px 0 0;
 	display: flex;
@@ -5331,18 +5679,40 @@ onBeforeUnmount(() => {
 	padding: 8px 16px;
 }
 
+.prompt-selector-wrapper {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.selected-prompt-tag {
+	margin-top: 12px;
+}
+
+.selected-prompt-tag .el-tag {
+	font-size: 13px;
+	padding: 6px 12px;
+	max-width: 100%;
+	white-space: normal;
+	word-break: break-word;
+	height: auto;
+	line-height: 1.5;
+}
+
 /* AI 创作输入区域样式 */
 .creation-input-area {
 	padding: 20px;
 	background: #fff;
 	border-top: 1px solid #e5e7eb;
 }
+
 .selected-files-top {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 	margin-bottom: 12px;
 }
+
 .chat-input-container {
 	display: flex;
 	align-items: center;
@@ -5353,16 +5723,19 @@ onBeforeUnmount(() => {
 	border-radius: 24px;
 	transition: all 0.2s ease;
 }
+
 .chat-input-container:focus-within {
 	border-color: #3b82f6;
 	background: #fff;
 	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
 }
+
 .input-tools-left {
 	display: flex;
 	align-items: center;
 	gap: 4px;
 }
+
 .tool-btn {
 	width: 32px;
 	height: 32px;
@@ -5371,31 +5744,38 @@ onBeforeUnmount(() => {
 	color: #64748b;
 	transition: all 0.2s ease;
 }
+
 .tool-btn:hover {
 	color: #3b82f6;
 	background: rgba(59, 130, 246, 0.1);
 }
+
 .chat-input {
 	flex: 1;
 }
+
 .chat-input :deep(.el-input__wrapper) {
 	box-shadow: none;
 	background: transparent;
 	padding: 0;
 }
+
 .chat-input :deep(.el-input__inner) {
 	font-size: 14px;
 	color: #1e293b;
 }
+
 .send-btn {
 	width: 36px;
 	height: 36px;
 	padding: 0;
 	flex-shrink: 0;
 }
+
 .send-btn:disabled {
 	opacity: 0.5;
 }
+
 .selected-skill-bottom {
 	margin-top: 12px;
 	display: flex;
@@ -5414,16 +5794,19 @@ onBeforeUnmount(() => {
 	flex-direction: column;
 	gap: 8px;
 }
+
 .creation-upload-top {
 	display: flex;
 	align-items: center;
 	justify-content: flex-start;
 }
+
 .creation-upload-tags {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
+
 .creation-upload-tag {
 	display: inline-flex;
 	align-items: center;
@@ -5436,22 +5819,26 @@ onBeforeUnmount(() => {
 	color: #1e40af;
 	max-width: 100%;
 }
+
 .creation-upload-tag.rule {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
+
 .creation-upload-tag.count {
 	border-color: #cbd5e1;
 	background: #f8fafc;
 	color: #334155;
 }
+
 .creation-upload-list {
 	margin-top: 2px;
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
+
 .creation-upload-item {
 	padding: 6px 8px;
 	border-radius: 8px;
@@ -5465,6 +5852,7 @@ onBeforeUnmount(() => {
 	flex-direction: column;
 	gap: 10px;
 }
+
 .http-body-summary {
 	font-size: 12px;
 	color: #64748b;
@@ -5473,32 +5861,38 @@ onBeforeUnmount(() => {
 	border-radius: 8px;
 	padding: 6px 10px;
 }
+
 .http-body-dialog-content {
 	max-height: 62vh;
 	overflow: auto;
 	padding-right: 4px;
 }
+
 .http-body-fields-list {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
+
 .http-body-field-item {
 	border: 1px solid #e5e7eb;
 	border-radius: 10px;
 	padding: 12px;
 	background: #fff;
 }
+
 .http-body-main-row {
 	display: grid;
 	grid-template-columns: 1fr 180px 40px;
 	gap: 10px;
 	align-items: center;
 }
+
 .http-body-value-row,
 .http-body-rules-row {
 	margin-top: 10px;
 }
+
 .http-body-rules-row {
 	display: flex;
 	gap: 10px;
@@ -5507,27 +5901,34 @@ onBeforeUnmount(() => {
 	padding-top: 10px;
 	border-top: 1px dashed #e5e7eb;
 }
+
 .rule-num,
 .rule-type {
 	width: 140px;
 }
+
 .rule-file-types {
 	width: 320px;
 }
+
 .rule-file-size {
 	width: 180px;
 }
+
 .rule-sep {
 	color: #94a3b8;
 }
+
 .http-body-add-btn {
 	margin-top: 12px;
 }
+
 @media (max-width: 1200px) {
 	.http-body-main-row {
 		grid-template-columns: 1fr 120px 1fr 40px;
 	}
 }
+
 /* 预览弹窗样式 */
 .preview-container {
 	width: 100%;
@@ -5537,6 +5938,7 @@ onBeforeUnmount(() => {
 	justify-content: center;
 	overflow: hidden;
 }
+
 .preview-iframe {
 	width: 100%;
 	height: 100%;
@@ -5558,14 +5960,17 @@ onBeforeUnmount(() => {
 	display: flex;
 	flex-direction: column;
 }
+
 .chat-model-search {
 	display: flex;
 	gap: 12px;
 	margin-bottom: 20px;
 }
+
 .chat-model-search .el-input {
 	flex: 1;
 }
+
 .chat-model-list {
 	flex: 1;
 	max-height: 450px;
@@ -5573,18 +5978,22 @@ onBeforeUnmount(() => {
 	margin-bottom: 16px;
 	padding: 4px;
 }
+
 .chat-model-list::-webkit-scrollbar {
 	width: 6px;
 }
+
 .chat-model-list::-webkit-scrollbar-thumb {
 	background: #cbd5e1;
 	border-radius: 3px;
 }
+
 .chat-model-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
 	gap: 16px;
 }
+
 .chat-model-card {
 	position: relative;
 	padding: 20px;
@@ -5595,17 +6004,20 @@ onBeforeUnmount(() => {
 	background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }
+
 .chat-model-card:hover {
 	border-color: #3b82f6;
 	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
 	transform: translateY(-2px);
 }
+
 .chat-model-card.selected,
 .chat-model-card.is-chat-model {
 	border-color: #67c23a;
 	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
 	box-shadow: 0 4px 12px rgba(103, 194, 58, 0.2);
 }
+
 .chat-model-name {
 	font-size: 15px;
 	font-weight: 700;
@@ -5617,6 +6029,7 @@ onBeforeUnmount(() => {
 	white-space: nowrap;
 	line-height: 1.4;
 }
+
 .chat-model-url {
 	font-size: 13px;
 	color: #64748b;
@@ -5629,6 +6042,7 @@ onBeforeUnmount(() => {
 	border-radius: 6px;
 	font-family: 'Consolas', 'Monaco', monospace;
 }
+
 .chat-model-card .check-icon {
 	position: absolute;
 	top: 12px;
@@ -5636,22 +6050,25 @@ onBeforeUnmount(() => {
 	font-size: 24px;
 	animation: scaleIn 0.3s ease;
 }
+
 @keyframes scaleIn {
 	from {
 		transform: scale(0);
 	}
+
 	to {
 		transform: scale(1);
 	}
 }
+
 .chat-model-pagination {
 	display: flex;
 	justify-content: center;
 	padding-top: 16px;
 	border-top: 2px solid #e5e7eb;
 }
+
 .chat-model-pagination :deep(.el-pagination) {
 	justify-content: center;
 }
 </style>
-