@veltra/ai 2.1.0 → 2.1.2

package/dist/components/ai-chat/message-list.js

@@ -1,16 +1,17 @@
 import { AiChatDIKey } from "./di.js";
 import _sfc_main$1 from "../ai-orb/ai-orb.js";
 import _sfc_main$2 from "./message-item.js";
+import _sfc_main$3 from "./turn-process.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import { ArrowDown } from "@veltra/icons/normal";
 import { UIcon, UScroll } from "@veltra/desktop";
 import { bem } from "@veltra/utils";
 //#region src/components/ai-chat/message-list.vue
-const WELCOME_ORB_SIZE = 64;
-/** 工作指示活体球直径（px） */
-const WORKING_ORB_SIZE = 48;
-/** 生成结束 / 失败后工作球停留再隐藏 */
+const ORB_SIZE = 48;
+/** 生成结束 / 失败后工作球停留再跳回输入框上方 */
 const WORKING_LINGER_MS = 2500;
+/** 两处活体球对向缩放的时长（与样式中的 jump 过渡一致） */
+const JUMP_MS = 380;
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UAiChatMessageList",
 	__name: "message-list",
@@ -26,12 +27,47 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		"welcome-click"
 	],
 	setup(__props, { emit: __emit }) {
-		/** 欢迎区活体球直径（px） */
+		/** 空闲欢迎 / 工作指示共用活体球直径（px） */
 		const props = __props;
 		const emit = __emit;
 		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
 		/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */
 		const visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== "tool"));
+		/** 一轮对话：以 user 消息为界，含本轮全部 assistant 消息（每次工具循环产生一条） */
+		const isFinalStatus = (msg) => msg?.status === "done" || msg?.status === "error" || msg?.status === "aborted";
+		const turns = computed(() => {
+			const grouped = [];
+			for (const msg of visibleMessages.value) {
+				if (msg.role === "user") {
+					grouped.push({
+						key: msg.id,
+						userMsg: msg,
+						assistants: []
+					});
+					continue;
+				}
+				const last = grouped[grouped.length - 1];
+				if (last) last.assistants.push(msg);
+				else grouped.push({
+					key: msg.id,
+					assistants: [msg]
+				});
+			}
+			return grouped.map((turn, index) => {
+				const processMsgs = turn.assistants.slice(0, -1);
+				const answerMsg = turn.assistants[turn.assistants.length - 1];
+				const isLastTurn = index === grouped.length - 1;
+				const processCollapsed = processMsgs.length > 0 && (!isLastTurn || !!answerMsg?.content || !props.running && isFinalStatus(answerMsg));
+				return {
+					key: turn.key,
+					userMsg: turn.userMsg,
+					processMsgs,
+					answerMsg,
+					processCollapsed,
+					isLast: isLastTurn && !!answerMsg
+				};
+			});
+		});
 		const welcomeItems = computed(() => {
 			const welcome = props.welcome;
 			if (!welcome) return [];
@@ -61,11 +97,24 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			welcomeIndex.value += 1;
 			startWelcomeRotation();
 		};
-		watch(() => [welcomeItems.value.length, visibleMessages.value.length], () => {
-			if (visibleMessages.value.length > 0) stopWelcomeRotation();
-			else startWelcomeRotation();
-		}, { immediate: true });
-		onBeforeUnmount(stopWelcomeRotation);
+		/** 回答完毕 / 失败后工作球短暂停留，播完表情再跳回输入框上方 */
+		const finishing = ref(false);
+		/** 列表中的球正在缩小离开 */
+		const workingLeaving = ref(false);
+		/** 输入框上方的球正在缩小离开 */
+		const idleLeaving = ref(false);
+		/** 输入框上方的球从工作位放大回来（首屏出现不播） */
+		const idleEnter = ref(false);
+		let finishTimer;
+		let jumpTimer;
+		const clearJumpTimers = () => {
+			clearTimeout(finishTimer);
+			clearTimeout(jumpTimer);
+		};
+		/** 列表末尾的工作球：生成中 / 收尾停留 / 跳回过渡 */
+		const showWorking = computed(() => !!(props.running || finishing.value || workingLeaving.value));
+		/** 输入框上方的空闲欢迎：含工作开始时的缩小离开帧 */
+		const showIdleWelcome = computed(() => !props.running && !finishing.value || idleLeaving.value);
 		const workingOrbRef = useTemplateRef("workingOrb");
 		/** 工具调用失败的 id 去重集合：同一次失败只播一次沮丧表情 */
 		const reactedToolErrorIds = /* @__PURE__ */ new Set();
@@ -84,13 +133,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				workingOrbRef.value?.react("frustrated");
 			}
 		});
-		/** 回答完毕 / 失败后工作球短暂停留，播完表情再隐藏 */
-		const finishing = ref(false);
-		let finishTimer;
-		const clearFinishing = () => {
-			clearTimeout(finishTimer);
-			finishing.value = false;
-		};
 		/** 工作球状态：收尾停留 → idle；正文输出中 → speaking；其余生成阶段 → thinking */
 		const workingOrbStatus = computed(() => {
 			if (finishing.value) return "idle";
@@ -100,11 +142,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		watch(() => props.running, (running, prev) => {
 			if (running) {
-				clearFinishing();
+				clearJumpTimers();
+				const idleWasVisible = !prev && !finishing.value && !workingLeaving.value;
+				finishing.value = false;
+				workingLeaving.value = false;
+				idleEnter.value = false;
+				if (idleWasVisible) {
+					idleLeaving.value = true;
+					jumpTimer = setTimeout(() => {
+						idleLeaving.value = false;
+					}, JUMP_MS);
+				} else idleLeaving.value = false;
 				return;
 			}
 			if (!prev) return;
 			finishing.value = true;
+			idleLeaving.value = false;
 			const last = visibleMessages.value[visibleMessages.value.length - 1];
 			let reaction;
 			if (last?.role === "assistant") {
@@ -112,9 +165,24 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				else if (last.status === "error") reaction = "frustrated";
 			}
 			if (reaction) nextTick(() => workingOrbRef.value?.react(reaction));
-			finishTimer = setTimeout(clearFinishing, WORKING_LINGER_MS);
+			finishTimer = setTimeout(() => {
+				finishing.value = false;
+				workingLeaving.value = true;
+				idleEnter.value = true;
+				jumpTimer = setTimeout(() => {
+					workingLeaving.value = false;
+					idleEnter.value = false;
+				}, JUMP_MS);
+			}, WORKING_LINGER_MS);
+		});
+		watch(() => [welcomeItems.value.length, showIdleWelcome.value], () => {
+			if (showIdleWelcome.value) startWelcomeRotation();
+			else stopWelcomeRotation();
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			stopWelcomeRotation();
+			clearJumpTimers();
 		});
-		onBeforeUnmount(clearFinishing);
 		const scrollRef = shallowRef();
 		/** 是否吸附底部（用户上翻浏览历史时取消吸附） */
 		const stickToBottom = ref(true);
@@ -183,60 +251,91 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					onWheelPassive: handleWheel
 				}, {
 					default: withCtx(() => [
-						!visibleMessages.value.length ? (openBlock(), createElementBlock("div", {
-							key: 0,
-							class: normalizeClass(unref(cls).e("welcome"))
-						}, [renderSlot(_ctx.$slots, "welcome", {}, () => [createElementVNode("div", { class: normalizeClass(unref(cls).e("welcome-inner")) }, [
-							createVNode(_sfc_main$1, {
-								size: WELCOME_ORB_SIZE,
-								onClick: cycleWelcome
-							}),
-							createCommentVNode(" 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n                 固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 "),
-							welcomeItems.value.length ? (openBlock(), createElementBlock("div", {
-								key: 0,
-								class: normalizeClass(unref(cls).e("welcome-item-wrap"))
-							}, [createVNode(Transition, {
-								name: unref(cls).em("welcome", "swap"),
-								mode: "out-in"
-							}, {
-								default: withCtx(() => [currentWelcomeItem.value ? (openBlock(), createElementBlock("button", {
-									key: welcomeIndex.value,
-									type: "button",
-									class: normalizeClass(unref(cls).e("welcome-item")),
-									onClick: _cache[0] || (_cache[0] = ($event) => emit("welcome-click", currentWelcomeItem.value))
-								}, toDisplayString(currentWelcomeItem.value), 3)) : createCommentVNode("v-if", true)]),
-								_: 1
-							}, 8, ["name"])], 2)) : createCommentVNode("v-if", true)
-						], 2)])], 2)) : createCommentVNode("v-if", true),
-						(openBlock(true), createElementBlock(Fragment, null, renderList(visibleMessages.value, (msg, index) => {
-							return openBlock(), createBlock(_sfc_main$2, {
-								key: msg.id,
-								message: msg,
-								"is-last": index === visibleMessages.value.length - 1,
-								"renderer-props": __props.rendererProps,
-								onRespond: _cache[1] || (_cache[1] = (id, approved) => emit("respond", id, approved)),
-								onRegenerate: _cache[2] || (_cache[2] = ($event) => emit("regenerate"))
-							}, null, 8, [
-								"message",
-								"is-last",
-								"renderer-props"
-							]);
+						(openBlock(true), createElementBlock(Fragment, null, renderList(turns.value, (turn) => {
+							return openBlock(), createElementBlock(Fragment, { key: turn.key }, [
+								turn.userMsg ? (openBlock(), createBlock(_sfc_main$2, {
+									key: 0,
+									message: turn.userMsg,
+									"is-last": false,
+									"renderer-props": __props.rendererProps,
+									onRespond: _cache[0] || (_cache[0] = (id, approved) => emit("respond", id, approved)),
+									onRegenerate: _cache[1] || (_cache[1] = ($event) => emit("regenerate"))
+								}, null, 8, ["message", "renderer-props"])) : createCommentVNode("v-if", true),
+								createCommentVNode(" 最终答案开始输出后，本轮之前的思考/工具调用过程收进「已完成」折叠块 "),
+								turn.processCollapsed ? (openBlock(), createBlock(_sfc_main$3, {
+									key: 1,
+									messages: turn.processMsgs,
+									"renderer-props": __props.rendererProps,
+									onRespond: _cache[2] || (_cache[2] = (id, approved) => emit("respond", id, approved))
+								}, null, 8, ["messages", "renderer-props"])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(turn.processMsgs, (msg) => {
+									return openBlock(), createBlock(_sfc_main$2, {
+										key: msg.id,
+										message: msg,
+										"is-last": false,
+										"renderer-props": __props.rendererProps,
+										onRespond: _cache[3] || (_cache[3] = (id, approved) => emit("respond", id, approved)),
+										onRegenerate: _cache[4] || (_cache[4] = ($event) => emit("regenerate"))
+									}, null, 8, ["message", "renderer-props"]);
+								}), 128)),
+								turn.answerMsg ? (openBlock(), createBlock(_sfc_main$2, {
+									key: 3,
+									message: turn.answerMsg,
+									"is-last": turn.isLast,
+									"renderer-props": __props.rendererProps,
+									onRespond: _cache[5] || (_cache[5] = (id, approved) => emit("respond", id, approved)),
+									onRegenerate: _cache[6] || (_cache[6] = ($event) => emit("regenerate"))
+								}, null, 8, [
+									"message",
+									"is-last",
+									"renderer-props"
+								])) : createCommentVNode("v-if", true)
+							], 64);
 						}), 128)),
-						createCommentVNode(" 工作状态统一指示：生成中在列表末尾展示活体球 + 文案；结束 / 失败停留片刻再隐藏 "),
-						__props.running || finishing.value ? (openBlock(), createElementBlock("div", {
-							key: 1,
-							class: normalizeClass(unref(cls).e("working"))
+						createCommentVNode(" 工作中：活体球从输入框上方跳到最新会话下面；结束停留后再跳回 "),
+						showWorking.value ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass([unref(cls).e("working"), unref(bem).is("leaving", workingLeaving.value)])
 						}, [createVNode(_sfc_main$1, {
 							ref: "workingOrb",
-							size: WORKING_ORB_SIZE,
+							size: ORB_SIZE,
 							status: workingOrbStatus.value
 						}, null, 8, ["status"]), __props.running ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass([unref(cls).e("working-text"), "u-shine"])
 						}, "工作中…", 2)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)
 					]),
-					_: 3
+					_: 1
 				}, 8, ["class"]),
+				createCommentVNode(" 空闲：始终钉在滚动容器外、输入框上方；工作开始时缩小离开、结束后放大回来 "),
+				showIdleWelcome.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([
+						unref(cls).e("welcome"),
+						unref(bem).is("leaving", idleLeaving.value),
+						unref(bem).is("enter", idleEnter.value)
+					])
+				}, [renderSlot(_ctx.$slots, "welcome", {}, () => [createElementVNode("div", { class: normalizeClass(unref(cls).e("welcome-inner")) }, [
+					createVNode(_sfc_main$1, {
+						size: ORB_SIZE,
+						onClick: cycleWelcome
+					}),
+					createCommentVNode(" 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n               固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 "),
+					welcomeItems.value.length ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("welcome-item-wrap"))
+					}, [createVNode(Transition, {
+						name: unref(cls).em("welcome", "swap"),
+						mode: "out-in"
+					}, {
+						default: withCtx(() => [currentWelcomeItem.value ? (openBlock(), createElementBlock("button", {
+							key: welcomeIndex.value,
+							type: "button",
+							class: normalizeClass(unref(cls).e("welcome-item")),
+							onClick: _cache[7] || (_cache[7] = ($event) => emit("welcome-click", currentWelcomeItem.value))
+						}, toDisplayString(currentWelcomeItem.value), 3)) : createCommentVNode("v-if", true)]),
+						_: 1
+					}, 8, ["name"])], 2)) : createCommentVNode("v-if", true)
+				], 2)])], 2)) : createCommentVNode("v-if", true),
 				createCommentVNode(" 用户上翻浏览时悬浮入口：一键回到最新消息 "),
 				createVNode(Transition, { name: unref(cls).em("to-latest", "fade") }, {
 					default: withCtx(() => [showToLatest.value ? (openBlock(), createElementBlock("button", {
@@ -247,7 +346,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, [createVNode(unref(UIcon), null, {
 						default: withCtx(() => [createVNode(unref(ArrowDown))]),
 						_: 1
-					}), _cache[3] || (_cache[3] = createElementVNode("span", null, "最新消息", -1))], 2)) : createCommentVNode("v-if", true)]),
+					}), _cache[8] || (_cache[8] = createElementVNode("span", null, "最新消息", -1))], 2)) : createCommentVNode("v-if", true)]),
 					_: 1
 				}, 8, ["name"])
 			], 2);

package/dist/components/ai-chat/message-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-list.js","names":[],"sources":["../../../src/components/ai-chat/message-list.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('list-wrap')\">\n    <UScroll\n      :class=\"cls.e('list')\"\n      ref=\"scrollRef\"\n      always\n      @scroll=\"handleScroll\"\n      @wheel.passive=\"handleWheel\"\n    >\n      <div v-if=\"!visibleMessages.length\" :class=\"cls.e('welcome')\">\n        <slot name=\"welcome\">\n          <div :class=\"cls.e('welcome-inner')\">\n            <UAiOrb :size=\"WELCOME_ORB_SIZE\" @click=\"cycleWelcome\" />\n            <!-- 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n                 固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 -->\n            <div v-if=\"welcomeItems.length\" :class=\"cls.e('welcome-item-wrap')\">\n              <Transition :name=\"cls.em('welcome', 'swap')\" mode=\"out-in\">\n                <button\n                  v-if=\"currentWelcomeItem\"\n                  :key=\"welcomeIndex\"\n                  type=\"button\"\n                  :class=\"cls.e('welcome-item')\"\n                  @click=\"emit('welcome-click', currentWelcomeItem)\"\n                >\n                  {{ currentWelcomeItem }}\n                </button>\n              </Transition>\n            </div>\n          </div>\n        </slot>\n      </div>\n\n      <MessageItem\n        v-for=\"(msg, index) in visibleMessages\"\n        :key=\"msg.id\"\n        :message=\"msg\"\n        :is-last=\"index === visibleMessages.length - 1\"\n        :renderer-props=\"rendererProps\"\n        @respond=\"(id, approved) => emit('respond', id, approved)\"\n        @regenerate=\"emit('regenerate')\"\n      />\n\n      <!-- 工作状态统一指示：生成中在列表末尾展示活体球 + 文案；结束 / 失败停留片刻再隐藏 -->\n      <div v-if=\"running || finishing\" :class=\"cls.e('working')\">\n        <UAiOrb ref=\"workingOrb\" :size=\"WORKING_ORB_SIZE\" :status=\"workingOrbStatus\" />\n        <span v-if=\"running\" :class=\"[cls.e('working-text'), 'u-shine']\">工作中…</span>\n      </div>\n    </UScroll>\n\n    <!-- 用户上翻浏览时悬浮入口：一键回到最新消息 -->\n    <Transition :name=\"cls.em('to-latest', 'fade')\">\n      <button v-if=\"showToLatest\" type=\"button\" :class=\"cls.e('to-latest')\" @click=\"scrollToLatest\">\n        <UIcon><ArrowDown /></UIcon>\n        <span>最新消息</span>\n      </button>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  watch\n} from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport type { AiOrbExposed, AiOrbReaction, AiOrbStatus } from '../../types/ai-orb'\nimport UAiOrb from '../ai-orb/ai-orb.vue'\nimport { AiChatDIKey } from './di'\nimport MessageItem from './message-item.vue'\n\ndefineOptions({ name: 'UAiChatMessageList' })\n\n/** 欢迎区活体球直径（px） */\nconst WELCOME_ORB_SIZE = 64\n/** 工作指示活体球直径（px） */\nconst WORKING_ORB_SIZE = 48\n/** 生成结束 / 失败后工作球停留再隐藏 */\nconst WORKING_LINGER_MS = 2500\n\nconst props = defineProps<{\n  messages: ChatMessage[]\n  /** 空状态欢迎项；字符串按单项处理 */\n  welcome?: string | string[]\n  /** 是否生成中（控制底部工作状态指示） */\n  running?: boolean\n  /** 透传给 MarkdownRender 的属性 */\n  rendererProps?: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'respond', toolCallId: string, approved: boolean): void\n  (e: 'regenerate'): void\n  /** 点击欢迎项（快捷提问） */\n  (e: 'welcome-click', text: string): void\n}>()\n\ndefineSlots<{\n  /** 空状态欢迎区插槽 */\n  welcome(): any\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */\nconst visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== 'tool'))\n\nconst welcomeItems = computed(() => {\n  const welcome = props.welcome\n  if (!welcome) return []\n  return (Array.isArray(welcome) ? welcome : [welcome]).filter(Boolean)\n})\n\n/** 欢迎语逐条轮换：当前展示项的下标 */\nconst welcomeIndex = ref(0)\n\n/** 当前展示的欢迎语 */\nconst currentWelcomeItem = computed(() => {\n  const items = welcomeItems.value\n  return items.length ? items[welcomeIndex.value % items.length] : undefined\n})\n\nlet welcomeTimer: ReturnType<typeof setInterval> | undefined\n\nconst stopWelcomeRotation = () => {\n  clearInterval(welcomeTimer)\n  welcomeTimer = undefined\n}\n\nconst startWelcomeRotation = () => {\n  stopWelcomeRotation()\n  if (welcomeItems.value.length > 1) {\n    welcomeTimer = setInterval(() => {\n      welcomeIndex.value += 1\n    }, 4000)\n  }\n}\n\n/** 点击欢迎球：不等自动轮换，立即换下一条，并重置计时 */\nconst cycleWelcome = () => {\n  if (welcomeItems.value.length <= 1) return\n  welcomeIndex.value += 1\n  startWelcomeRotation()\n}\n\n// 欢迎区展示期间自动轮换；出现消息后停止\nwatch(\n  () => [welcomeItems.value.length, visibleMessages.value.length] as const,\n  () => {\n    if (visibleMessages.value.length > 0) stopWelcomeRotation()\n    else startWelcomeRotation()\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(stopWelcomeRotation)\n\nconst workingOrbRef = useTemplateRef<AiOrbExposed>('workingOrb')\n\n/** 工具调用失败的 id 去重集合：同一次失败只播一次沮丧表情 */\nconst reactedToolErrorIds = new Set<string>()\n\nconst toolErrorIds = computed(() => {\n  const ids: string[] = []\n  for (const msg of props.messages) {\n    if (msg.role !== 'assistant' || !msg.toolCalls) continue\n    for (const call of msg.toolCalls) {\n      if (call.status === 'error') ids.push(call.id)\n    }\n  }\n  return ids\n})\n\n// 工具调用失败 → 工作球闭眼摇头（frustrated）\nwatch(toolErrorIds, (ids) => {\n  for (const id of ids) {\n    if (reactedToolErrorIds.has(id)) continue\n    reactedToolErrorIds.add(id)\n    workingOrbRef.value?.react('frustrated')\n  }\n})\n\n/** 回答完毕 / 失败后工作球短暂停留，播完表情再隐藏 */\nconst finishing = ref(false)\nlet finishTimer: ReturnType<typeof setTimeout> | undefined\n\nconst clearFinishing = () => {\n  clearTimeout(finishTimer)\n  finishing.value = false\n}\n\n/** 工作球状态：收尾停留 → idle；正文输出中 → speaking；其余生成阶段 → thinking */\nconst workingOrbStatus = computed<AiOrbStatus>(() => {\n  if (finishing.value) return 'idle'\n  const last = visibleMessages.value[visibleMessages.value.length - 1]\n  if (last?.role === 'assistant' && last.status === 'streaming' && last.content) {\n    return 'speaking'\n  }\n  return 'thinking'\n})\n\nwatch(\n  () => props.running,\n  (running, prev) => {\n    if (running) {\n      // 新一轮生成开始：立即结束收尾停留\n      clearFinishing()\n      return\n    }\n    if (!prev) return\n\n    finishing.value = true\n    const last = visibleMessages.value[visibleMessages.value.length - 1]\n    let reaction: AiOrbReaction | undefined\n    if (last?.role === 'assistant') {\n      if (last.status === 'done') reaction = 'happy'\n      else if (last.status === 'error') reaction = 'frustrated'\n    }\n    if (reaction) {\n      nextTick(() => workingOrbRef.value?.react(reaction))\n    }\n    finishTimer = setTimeout(clearFinishing, WORKING_LINGER_MS)\n  }\n)\n\nonBeforeUnmount(clearFinishing)\n\nconst scrollRef = shallowRef<{ scrollTo: (position: ScrollPosition) => void }>()\n/** 是否吸附底部（用户上翻浏览历史时取消吸附） */\nconst stickToBottom = ref(true)\n/** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */\nlet lastScrollY = 0\n\n/** 上翻阅读时展示「最新消息」悬浮按钮 */\nconst showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0)\n\nconst handleScroll = (position: Required<ScrollPosition>) => {\n  const atBottom = position.sh - position.ch - position.y < 60\n  if (atBottom) {\n    stickToBottom.value = true\n  } else if (position.y < lastScrollY) {\n    // 只有「向上滚」才算用户离开底部的意图：自动吸底的 scroll 事件可能滞后于\n    // 流式内容增长（sh 已变大、y 仍是旧底部），按位置判断会误判成未吸底\n    stickToBottom.value = false\n  }\n  lastScrollY = position.y\n}\n\n/**\n * 用户向上滚动轮 = 明确的离开底部意图，立即取消吸附。\n * 不能等 scroll 事件再按方向判断：流式期间每个 chunk 都会排一次吸底滚动，\n * 滞后的 scrollTo 会把用户拉回底部并触发 atBottom 重新吸附，导致「上滚动不了」\n */\nconst handleWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) stickToBottom.value = false\n}\n\n/** 点击悬浮按钮：恢复吸附并回到底部 */\nconst scrollToLatest = async () => {\n  stickToBottom.value = true\n  await nextTick()\n  scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\n// 消息数量或流式内容变化时，若处于吸附状态则滚动到底部\nwatch(\n  () => {\n    const list = visibleMessages.value\n    const last = list[list.length - 1]\n    return [\n      list.length,\n      last?.content.length ?? 0,\n      last?.reasoning?.length ?? 0,\n      last?.toolCalls?.length ?? 0,\n      props.running\n    ].join('|')\n  },\n  async () => {\n    // 用户刚发出消息时强制回到底部（无论之前是否在上翻）\n    const list = visibleMessages.value\n    if (list[list.length - 1]?.role === 'user') stickToBottom.value = true\n    if (!stickToBottom.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态，避免把用户拉回底部\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nlet trailingScrollTimer: ReturnType<typeof setTimeout> | undefined\n\n// 生成收尾时动作区出现 / markdown 终态渲染 / 思考块折叠会再次改变高度，\n// 同帧滚动可能够不到最终底部，追加一次延迟兜底滚动\nwatch(\n  () => props.running,\n  async (running) => {\n    if (running) return\n    clearTimeout(trailingScrollTimer)\n    if (!stickToBottom.value) return\n    await nextTick()\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    trailingScrollTimer = setTimeout(() => {\n      if (stickToBottom.value) scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    }, 150)\n  }\n)\n\nonBeforeUnmount(() => clearTimeout(trailingScrollTimer))\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-list.js","names":[],"sources":["../../../src/components/ai-chat/message-list.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('list-wrap')\">\n    <UScroll\n      :class=\"cls.e('list')\"\n      ref=\"scrollRef\"\n      always\n      @scroll=\"handleScroll\"\n      @wheel.passive=\"handleWheel\"\n    >\n      <template v-for=\"turn in turns\" :key=\"turn.key\">\n        <MessageItem\n          v-if=\"turn.userMsg\"\n          :message=\"turn.userMsg\"\n          :is-last=\"false\"\n          :renderer-props=\"rendererProps\"\n          @respond=\"(id, approved) => emit('respond', id, approved)\"\n          @regenerate=\"emit('regenerate')\"\n        />\n\n        <!-- 最终答案开始输出后，本轮之前的思考/工具调用过程收进「已完成」折叠块 -->\n        <TurnProcess\n          v-if=\"turn.processCollapsed\"\n          :messages=\"turn.processMsgs\"\n          :renderer-props=\"rendererProps\"\n          @respond=\"(id, approved) => emit('respond', id, approved)\"\n        />\n        <template v-else>\n          <MessageItem\n            v-for=\"msg in turn.processMsgs\"\n            :key=\"msg.id\"\n            :message=\"msg\"\n            :is-last=\"false\"\n            :renderer-props=\"rendererProps\"\n            @respond=\"(id, approved) => emit('respond', id, approved)\"\n            @regenerate=\"emit('regenerate')\"\n          />\n        </template>\n\n        <MessageItem\n          v-if=\"turn.answerMsg\"\n          :message=\"turn.answerMsg\"\n          :is-last=\"turn.isLast\"\n          :renderer-props=\"rendererProps\"\n          @respond=\"(id, approved) => emit('respond', id, approved)\"\n          @regenerate=\"emit('regenerate')\"\n        />\n      </template>\n\n      <!-- 工作中：活体球从输入框上方跳到最新会话下面；结束停留后再跳回 -->\n      <div v-if=\"showWorking\" :class=\"[cls.e('working'), bem.is('leaving', workingLeaving)]\">\n        <UAiOrb ref=\"workingOrb\" :size=\"ORB_SIZE\" :status=\"workingOrbStatus\" />\n        <span v-if=\"running\" :class=\"[cls.e('working-text'), 'u-shine']\">工作中…</span>\n      </div>\n    </UScroll>\n\n    <!-- 空闲：始终钉在滚动容器外、输入框上方；工作开始时缩小离开、结束后放大回来 -->\n    <div\n      v-if=\"showIdleWelcome\"\n      :class=\"[cls.e('welcome'), bem.is('leaving', idleLeaving), bem.is('enter', idleEnter)]\"\n    >\n      <slot name=\"welcome\">\n        <div :class=\"cls.e('welcome-inner')\">\n          <UAiOrb :size=\"ORB_SIZE\" @click=\"cycleWelcome\" />\n          <!-- 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n               固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 -->\n          <div v-if=\"welcomeItems.length\" :class=\"cls.e('welcome-item-wrap')\">\n            <Transition :name=\"cls.em('welcome', 'swap')\" mode=\"out-in\">\n              <button\n                v-if=\"currentWelcomeItem\"\n                :key=\"welcomeIndex\"\n                type=\"button\"\n                :class=\"cls.e('welcome-item')\"\n                @click=\"emit('welcome-click', currentWelcomeItem)\"\n              >\n                {{ currentWelcomeItem }}\n              </button>\n            </Transition>\n          </div>\n        </div>\n      </slot>\n    </div>\n\n    <!-- 用户上翻浏览时悬浮入口：一键回到最新消息 -->\n    <Transition :name=\"cls.em('to-latest', 'fade')\">\n      <button v-if=\"showToLatest\" type=\"button\" :class=\"cls.e('to-latest')\" @click=\"scrollToLatest\">\n        <UIcon><ArrowDown /></UIcon>\n        <span>最新消息</span>\n      </button>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  watch\n} from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport type { AiOrbExposed, AiOrbReaction, AiOrbStatus } from '../../types/ai-orb'\nimport UAiOrb from '../ai-orb/ai-orb.vue'\nimport { AiChatDIKey } from './di'\nimport MessageItem from './message-item.vue'\nimport TurnProcess from './turn-process.vue'\n\ndefineOptions({ name: 'UAiChatMessageList' })\n\n/** 空闲欢迎 / 工作指示共用活体球直径（px） */\nconst ORB_SIZE = 48\n/** 生成结束 / 失败后工作球停留再跳回输入框上方 */\nconst WORKING_LINGER_MS = 2500\n/** 两处活体球对向缩放的时长（与样式中的 jump 过渡一致） */\nconst JUMP_MS = 380\n\nconst props = defineProps<{\n  messages: ChatMessage[]\n  /** 空闲时输入框上方的快捷提问；字符串按单项处理 */\n  welcome?: string | string[]\n  /** 是否生成中（控制底部工作状态指示） */\n  running?: boolean\n  /** 透传给 MarkdownRender 的属性 */\n  rendererProps?: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'respond', toolCallId: string, approved: boolean): void\n  (e: 'regenerate'): void\n  /** 点击欢迎项（快捷提问） */\n  (e: 'welcome-click', text: string): void\n}>()\n\ndefineSlots<{\n  /** 空闲欢迎区插槽（输入框上方；工作中跳到列表末尾） */\n  welcome(): any\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */\nconst visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== 'tool'))\n\n/** 一轮对话：以 user 消息为界，含本轮全部 assistant 消息（每次工具循环产生一条） */\ninterface ChatTurn {\n  /** 轮次 key（取用户消息或首条 assistant 消息 id） */\n  key: string\n  userMsg?: ChatMessage\n  /** 最终答案之前的过程消息（思考 + 中间文本 + 工具卡片） */\n  processMsgs: ChatMessage[]\n  /** 本轮最终答案（最后一条 assistant 消息） */\n  answerMsg?: ChatMessage\n  /** 过程消息是否收进「已完成」折叠块 */\n  processCollapsed: boolean\n  /** answerMsg 是否为全局最后一条可见消息 */\n  isLast: boolean\n}\n\nconst isFinalStatus = (msg?: ChatMessage) =>\n  msg?.status === 'done' || msg?.status === 'error' || msg?.status === 'aborted'\n\nconst turns = computed<ChatTurn[]>(() => {\n  const grouped: { key: string; userMsg?: ChatMessage; assistants: ChatMessage[] }[] = []\n  for (const msg of visibleMessages.value) {\n    if (msg.role === 'user') {\n      grouped.push({ key: msg.id, userMsg: msg, assistants: [] })\n      continue\n    }\n    const last = grouped[grouped.length - 1]\n    // 兼容 assistant 开头的历史会话：归入无用户消息的轮次\n    if (last) last.assistants.push(msg)\n    else grouped.push({ key: msg.id, assistants: [msg] })\n  }\n  return grouped.map((turn, index) => {\n    const processMsgs = turn.assistants.slice(0, -1)\n    const answerMsg = turn.assistants[turn.assistants.length - 1]\n    const isLastTurn = index === grouped.length - 1\n    // 该轮结束（非最后一轮 / 答案进入终态）或最终答案开始输出时折叠过程。\n    // content 只增不减，折叠后不会回弹；regenerate 删除本轮 assistant 重跑，条件自然复位\n    const processCollapsed =\n      processMsgs.length > 0 &&\n      (!isLastTurn || !!answerMsg?.content || (!props.running && isFinalStatus(answerMsg)))\n    return {\n      key: turn.key,\n      userMsg: turn.userMsg,\n      processMsgs,\n      answerMsg,\n      processCollapsed,\n      isLast: isLastTurn && !!answerMsg\n    }\n  })\n})\n\nconst welcomeItems = computed(() => {\n  const welcome = props.welcome\n  if (!welcome) return []\n  return (Array.isArray(welcome) ? welcome : [welcome]).filter(Boolean)\n})\n\n/** 欢迎语逐条轮换：当前展示项的下标 */\nconst welcomeIndex = ref(0)\n\n/** 当前展示的欢迎语 */\nconst currentWelcomeItem = computed(() => {\n  const items = welcomeItems.value\n  return items.length ? items[welcomeIndex.value % items.length] : undefined\n})\n\nlet welcomeTimer: ReturnType<typeof setInterval> | undefined\n\nconst stopWelcomeRotation = () => {\n  clearInterval(welcomeTimer)\n  welcomeTimer = undefined\n}\n\nconst startWelcomeRotation = () => {\n  stopWelcomeRotation()\n  if (welcomeItems.value.length > 1) {\n    welcomeTimer = setInterval(() => {\n      welcomeIndex.value += 1\n    }, 4000)\n  }\n}\n\n/** 点击欢迎球：不等自动轮换，立即换下一条，并重置计时 */\nconst cycleWelcome = () => {\n  if (welcomeItems.value.length <= 1) return\n  welcomeIndex.value += 1\n  startWelcomeRotation()\n}\n\n/** 回答完毕 / 失败后工作球短暂停留，播完表情再跳回输入框上方 */\nconst finishing = ref(false)\n/** 列表中的球正在缩小离开 */\nconst workingLeaving = ref(false)\n/** 输入框上方的球正在缩小离开 */\nconst idleLeaving = ref(false)\n/** 输入框上方的球从工作位放大回来（首屏出现不播） */\nconst idleEnter = ref(false)\n\nlet finishTimer: ReturnType<typeof setTimeout> | undefined\nlet jumpTimer: ReturnType<typeof setTimeout> | undefined\n\nconst clearJumpTimers = () => {\n  clearTimeout(finishTimer)\n  clearTimeout(jumpTimer)\n}\n\n/** 列表末尾的工作球：生成中 / 收尾停留 / 跳回过渡 */\nconst showWorking = computed(() => !!(props.running || finishing.value || workingLeaving.value))\n/** 输入框上方的空闲欢迎：含工作开始时的缩小离开帧 */\nconst showIdleWelcome = computed(() => (!props.running && !finishing.value) || idleLeaving.value)\n\nconst workingOrbRef = useTemplateRef<AiOrbExposed>('workingOrb')\n\n/** 工具调用失败的 id 去重集合：同一次失败只播一次沮丧表情 */\nconst reactedToolErrorIds = new Set<string>()\n\nconst toolErrorIds = computed(() => {\n  const ids: string[] = []\n  for (const msg of props.messages) {\n    if (msg.role !== 'assistant' || !msg.toolCalls) continue\n    for (const call of msg.toolCalls) {\n      if (call.status === 'error') ids.push(call.id)\n    }\n  }\n  return ids\n})\n\n// 工具调用失败 → 工作球闭眼摇头（frustrated）\nwatch(toolErrorIds, (ids) => {\n  for (const id of ids) {\n    if (reactedToolErrorIds.has(id)) continue\n    reactedToolErrorIds.add(id)\n    workingOrbRef.value?.react('frustrated')\n  }\n})\n\n/** 工作球状态：收尾停留 → idle；正文输出中 → speaking；其余生成阶段 → thinking */\nconst workingOrbStatus = computed<AiOrbStatus>(() => {\n  if (finishing.value) return 'idle'\n  const last = visibleMessages.value[visibleMessages.value.length - 1]\n  if (last?.role === 'assistant' && last.status === 'streaming' && last.content) {\n    return 'speaking'\n  }\n  return 'thinking'\n})\n\nwatch(\n  () => props.running,\n  (running, prev) => {\n    if (running) {\n      // 工作开始：立即从输入框上方跳到列表，无停留\n      clearJumpTimers()\n      const idleWasVisible = !prev && !finishing.value && !workingLeaving.value\n      finishing.value = false\n      workingLeaving.value = false\n      idleEnter.value = false\n      if (idleWasVisible) {\n        idleLeaving.value = true\n        jumpTimer = setTimeout(() => {\n          idleLeaving.value = false\n        }, JUMP_MS)\n      } else {\n        idleLeaving.value = false\n      }\n      return\n    }\n    if (!prev) return\n\n    finishing.value = true\n    idleLeaving.value = false\n    const last = visibleMessages.value[visibleMessages.value.length - 1]\n    let reaction: AiOrbReaction | undefined\n    if (last?.role === 'assistant') {\n      if (last.status === 'done') reaction = 'happy'\n      else if (last.status === 'error') reaction = 'frustrated'\n    }\n    if (reaction) {\n      nextTick(() => workingOrbRef.value?.react(reaction))\n    }\n    // 停留结束 → 列表中缩小、输入框上方放大\n    finishTimer = setTimeout(() => {\n      finishing.value = false\n      workingLeaving.value = true\n      idleEnter.value = true\n      jumpTimer = setTimeout(() => {\n        workingLeaving.value = false\n        idleEnter.value = false\n      }, JUMP_MS)\n    }, WORKING_LINGER_MS)\n  }\n)\n\n// 空闲欢迎区展示期间自动轮换；跳到工作位后停止\nwatch(\n  () => [welcomeItems.value.length, showIdleWelcome.value] as const,\n  () => {\n    if (showIdleWelcome.value) startWelcomeRotation()\n    else stopWelcomeRotation()\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  stopWelcomeRotation()\n  clearJumpTimers()\n})\n\nconst scrollRef = shallowRef<{ scrollTo: (position: ScrollPosition) => void }>()\n/** 是否吸附底部（用户上翻浏览历史时取消吸附） */\nconst stickToBottom = ref(true)\n/** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */\nlet lastScrollY = 0\n\n/** 上翻阅读时展示「最新消息」悬浮按钮 */\nconst showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0)\n\nconst handleScroll = (position: Required<ScrollPosition>) => {\n  const atBottom = position.sh - position.ch - position.y < 60\n  if (atBottom) {\n    stickToBottom.value = true\n  } else if (position.y < lastScrollY) {\n    // 只有「向上滚」才算用户离开底部的意图：自动吸底的 scroll 事件可能滞后于\n    // 流式内容增长（sh 已变大、y 仍是旧底部），按位置判断会误判成未吸底\n    stickToBottom.value = false\n  }\n  lastScrollY = position.y\n}\n\n/**\n * 用户向上滚动轮 = 明确的离开底部意图，立即取消吸附。\n * 不能等 scroll 事件再按方向判断：流式期间每个 chunk 都会排一次吸底滚动，\n * 滞后的 scrollTo 会把用户拉回底部并触发 atBottom 重新吸附，导致「上滚动不了」\n */\nconst handleWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) stickToBottom.value = false\n}\n\n/** 点击悬浮按钮：恢复吸附并回到底部 */\nconst scrollToLatest = async () => {\n  stickToBottom.value = true\n  await nextTick()\n  scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\n// 消息数量或流式内容变化时，若处于吸附状态则滚动到底部\nwatch(\n  () => {\n    const list = visibleMessages.value\n    const last = list[list.length - 1]\n    return [\n      list.length,\n      last?.content.length ?? 0,\n      last?.reasoning?.length ?? 0,\n      last?.toolCalls?.length ?? 0,\n      props.running\n    ].join('|')\n  },\n  async () => {\n    // 用户刚发出消息时强制回到底部（无论之前是否在上翻）\n    const list = visibleMessages.value\n    if (list[list.length - 1]?.role === 'user') stickToBottom.value = true\n    if (!stickToBottom.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态，避免把用户拉回底部\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nlet trailingScrollTimer: ReturnType<typeof setTimeout> | undefined\n\n// 生成收尾时动作区出现 / markdown 终态渲染 / 思考块折叠会再次改变高度，\n// 同帧滚动可能够不到最终底部，追加一次延迟兜底滚动\nwatch(\n  () => props.running,\n  async (running) => {\n    if (running) return\n    clearTimeout(trailingScrollTimer)\n    if (!stickToBottom.value) return\n    await nextTick()\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    trailingScrollTimer = setTimeout(() => {\n      if (stickToBottom.value) scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    }, 150)\n  }\n)\n\nonBeforeUnmount(() => clearTimeout(trailingScrollTimer))\n</script>\n"],"mappings":"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"}

package/dist/components/ai-chat/style2.css

@@ -72,6 +72,16 @@
     opacity: 1;
   }
 }
+@keyframes u-ai-chat-orb-jump-in {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
 .u-ai-chat__panel-header {
   flex: none;
   display: flex;
@@ -168,20 +178,34 @@
   flex: 1;
   min-height: 0;
 }
-.u-ai-chat__list .u-scroll__content {
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-}
 .u-ai-chat__welcome {
-  flex: 1;
+  flex-shrink: 0;
+  width: 100%;
+  height: 48px;
   display: flex;
-  justify-content: center;
-  align-items: flex-end;
+  justify-content: flex-start;
+  align-items: center;
   flex-wrap: nowrap;
   color: var(--u-text-color-assist);
-  padding: var(--u-gap-default) 0;
-  text-align: center;
+  padding: 0 var(--u-gap-default);
+}
+.u-ai-chat__welcome .u-ai-orb {
+  transform-origin: center;
+}
+.u-ai-chat__welcome.is-enter .u-ai-orb {
+  animation: u-ai-chat-orb-jump-in 0.38s ease both;
+}
+.u-ai-chat__welcome.is-leaving {
+  pointer-events: none;
+}
+.u-ai-chat__welcome.is-leaving .u-ai-orb {
+  opacity: 0;
+  transform: scale(0);
+  transition: opacity 0.28s ease, transform 0.38s ease;
+}
+.u-ai-chat__welcome.is-leaving .u-ai-chat__welcome-item-wrap {
+  opacity: 0;
+  transition: opacity 0.2s ease;
 }
 .u-ai-chat__welcome-inner {
   display: flex;
@@ -194,12 +218,15 @@
 .u-ai-chat__welcome-item-wrap {
   flex: 1;
   min-width: 0;
+  height: 48px;
   display: flex;
   align-items: center;
-  min-height: 54px;
 }
 .u-ai-chat__welcome-item {
   max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   padding: var(--u-gap-small) var(--u-gap-default);
   border: none;
   border-radius: var(--u-radius-large);
@@ -235,10 +262,34 @@
   flex-wrap: nowrap;
   gap: var(--u-gap-small);
   padding: 0 var(--u-gap-default) var(--u-gap-small);
+  width: fit-content;
+}
+.u-ai-chat__working .u-ai-orb {
+  transform-origin: center;
+  animation: u-ai-chat-orb-jump-in 0.38s ease both;
+}
+.u-ai-chat__working.is-leaving {
+  pointer-events: none;
+}
+.u-ai-chat__working.is-leaving .u-ai-orb {
+  animation: none;
+  opacity: 0;
+  transform: scale(0);
+  transition: opacity 0.28s ease, transform 0.38s ease;
 }
 .u-ai-chat__working-text {
   font-size: var(--u-font-size-main-small);
 }
+@media (prefers-reduced-motion: reduce) {
+  .u-ai-chat .u-ai-chat__welcome.is-enter .u-ai-orb,
+  .u-ai-chat .u-ai-chat__working .u-ai-orb {
+    animation: none;
+  }
+  .u-ai-chat .u-ai-chat__welcome.is-leaving .u-ai-orb,
+  .u-ai-chat .u-ai-chat__working.is-leaving .u-ai-orb {
+    transition: none;
+  }
+}
 .u-ai-chat__to-latest {
   position: absolute;
   top: var(--u-gap-small);
@@ -338,7 +389,7 @@
 }
 .u-ai-chat__message-status {
   margin-top: var(--u-gap-small);
-  color: var(--u-text-color-assist);
+  color: var(--u-text-color-second);
   font-size: var(--u-font-size-main-small);
 }
 .u-ai-chat__message-actions {
@@ -348,7 +399,7 @@
 }
 .u-ai-chat__reasoning {
   margin-bottom: 4px;
-  color: var(--u-text-color-assist);
+  color: var(--u-text-color-second);
 }
 .u-ai-chat__reasoning.is-expanded .u-ai-chat__reasoning-chevron {
   transform: rotate(90deg);
@@ -382,9 +433,44 @@
   font-size: var(--u-font-size-main-small);
   line-height: 1.55;
 }
+.u-ai-chat__process {
+  padding: 4px var(--u-gap-default);
+  color: var(--u-text-color-second);
+}
+.u-ai-chat__process.is-expanded .u-ai-chat__process-chevron {
+  transform: rotate(90deg);
+}
+.u-ai-chat__process-header {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 4px;
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--u-font-size-main-small);
+}
+.u-ai-chat__process-icon {
+  color: var(--u-color-success);
+}
+.u-ai-chat__process-title {
+  line-height: 1.5;
+}
+.u-ai-chat__process-chevron {
+  font-size: 12px;
+  transition: transform 0.2s;
+}
+.u-ai-chat__process-content {
+  margin-top: 4px;
+  padding-left: var(--u-gap-small);
+  border-left: var(--u-border-muted);
+}
+.u-ai-chat__process-content .u-ai-chat__message {
+  padding-left: 0;
+  padding-right: 0;
+}
 .u-ai-chat__tool-call {
   margin: 4px 0;
-  background-color: var(--u-bg-color-top);
   font-size: var(--u-font-size-main-small);
 }
 .u-ai-chat__tool-call + .u-ai-chat__tool-call {
@@ -397,15 +483,9 @@
   letter-spacing: normal;
 }
 .u-ai-chat__tool-call .u-collapse__content {
-  border-top: var(--u-border-muted);
   padding: var(--u-gap-small);
   line-height: 1.5;
 }
-.u-ai-chat__tool-call-chevron {
-  flex-shrink: 0;
-  font-size: 12px;
-  color: var(--u-text-color-assist);
-}
 .u-ai-chat__tool-call-status {
   flex-shrink: 0;
   font-size: 13px;
@@ -688,7 +768,7 @@
   width: 100%;
   max-width: 800px;
   box-sizing: border-box;
-  margin: var(--u-gap-small) 0 var(--u-gap-default);
+  margin: 0 0 var(--u-gap-default);
   border-radius: var(--u-radius-large);
   background-color: var(--u-bg-color-top);
   padding: var(--u-gap-small);

package/dist/components/ai-chat/tool-call.js

@@ -1,6 +1,6 @@
 import { AiChatDIKey } from "./di.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withKeys, withModifiers } from "vue";
-import { ArrowDown, CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from "@veltra/icons/normal";
+import { CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from "@veltra/icons/normal";
 import { UButton, UCollapseItem, UIcon } from "@veltra/desktop";
 import { bem } from "@veltra/utils";
 //#region src/components/ai-chat/tool-call.vue
@@ -152,11 +152,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, {
 						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("拒绝", -1)])]),
 						_: 1
-					})], 34)) : createCommentVNode("v-if", true),
-					createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("tool-call-chevron")) }, {
-						default: withCtx(() => [createVNode(unref(ArrowDown))]),
-						_: 1
-					}, 8, ["class"])
+					})], 34)) : createCommentVNode("v-if", true)
 				]),
 				default: withCtx(() => [isPanelTool.value ? (openBlock(), createElementBlock("div", {
 					key: 0,