@veltra/ai 2.1.9 → 2.1.10

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

@@ -23,10 +23,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const isStreaming = computed(() => props.message.status === "streaming");
 		/** 思考中：流式且正文还未开始输出 */
 		const isThinking = computed(() => isStreaming.value && !props.message.content);
-		const reasoningExpanded = ref(true);
+		/** 思考默认折叠（含流式进行中），用户点击头部展开 */
+		const reasoningExpanded = ref(false);
+		/** 折叠时头部右侧滚动展示的最新一行思考：取最后一行非空文本，随流式输出持续刷新 */
+		const latestReasoningLine = computed(() => {
+			if (!isThinking.value || reasoningExpanded.value) return "";
+			const lines = (props.message.reasoning ?? "").split("\n");
+			for (let i = lines.length - 1; i >= 0; i--) {
+				const line = lines[i]?.trim();
+				if (line) return line;
+			}
+			return "";
+		});
 		/** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */
 		const reasoningStick = ref(true);
-		/** 思考内容滚动区：流式输出时吸附底部，始终展示最新思考 */
+		/** 思考内容滚动区：展开且流式输出时吸附底部，始终展示最新思考 */
 		const reasoningScrollRef = useTemplateRef("reasoningScrollRef");
 		const toggleReasoning = async () => {
 			reasoningExpanded.value = !reasoningExpanded.value;
@@ -41,12 +52,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const handleReasoningScroll = (position) => {
 			if (position.sh - position.ch - position.y < 8) reasoningStick.value = true;
 		};
-		watch(() => props.message.status, (status) => {
-			if (status === "streaming") {
-				reasoningExpanded.value = true;
-				reasoningStick.value = true;
-			} else if (status) reasoningExpanded.value = false;
-		}, { immediate: true });
 		watch(() => props.message.reasoning, async () => {
 			if (!isThinking.value || !reasoningExpanded.value || !reasoningStick.value) return;
 			await nextTick();
@@ -116,6 +121,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							_: 1
 						}, 8, ["class"]),
 						createElementVNode("span", { class: normalizeClass([unref(cls).e("reasoning-title"), isThinking.value && "u-shine"]) }, toDisplayString(isThinking.value ? "思考中…" : "思考过程"), 3),
+						createCommentVNode(" 折叠态在头部右侧滚动展示最新一行思考 "),
+						latestReasoningLine.value ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(unref(cls).e("reasoning-line"))
+						}, toDisplayString(latestReasoningLine.value), 3)) : createCommentVNode("v-if", true),
 						createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("reasoning-chevron")) }, {
 							default: withCtx(() => [createVNode(unref(ArrowRight))]),
 							_: 1

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

@@ -1 +1 @@
-{"version":3,"file":"message-item.js","names":[],"sources":["../../../src/components/ai-chat/message-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('message'), cls.em('message', message.role), bem.is('streaming', isStreaming)]\"\n  >\n    <!-- 用户消息：右对齐气泡 -->\n    <template v-if=\"message.role === 'user'\">\n      <div :class=\"cls.e('message-bubble')\">\n        <div v-if=\"message.attachments?.length\" :class=\"cls.e('message-attachments')\">\n          <img\n            v-for=\"att in message.attachments\"\n            :key=\"att.dataUrl\"\n            :src=\"att.dataUrl\"\n            :alt=\"att.name\"\n            :class=\"cls.e('message-attachment')\"\n          />\n        </div>\n        <div v-if=\"message.content\" :class=\"cls.e('message-text')\">{{ message.content }}</div>\n      </div>\n    </template>\n\n    <!-- assistant 消息 -->\n    <template v-else>\n      <div\n        v-if=\"message.reasoning\"\n        :class=\"[cls.e('reasoning'), bem.is('expanded', reasoningExpanded)]\"\n      >\n        <div :class=\"cls.e('reasoning-header')\" @click=\"toggleReasoning\">\n          <UIcon :class=\"[cls.e('reasoning-icon'), bem.is('loading', isThinking)]\">\n            <Loading v-if=\"isThinking\" />\n            <InfoCircle v-else />\n          </UIcon>\n          <span :class=\"[cls.e('reasoning-title'), isThinking && 'u-shine']\">\n            {{ isThinking ? '思考中…' : '思考过程' }}\n          </span>\n          <UIcon :class=\"cls.e('reasoning-chevron')\"><ArrowRight /></UIcon>\n        </div>\n        <!-- 折叠时完全卸载内容 DOM：思考文本可能很长，常驻挂载浪费内存与渲染成本 -->\n        <div v-if=\"reasoningExpanded\" :class=\"cls.e('reasoning-content')\">\n          <UScroll\n            ref=\"reasoningScrollRef\"\n            container-style=\"max-height: 220px\"\n            @scroll=\"handleReasoningScroll\"\n            @wheel.passive=\"handleReasoningWheel\"\n          >\n            <div :class=\"cls.e('reasoning-text')\">{{ message.reasoning }}</div>\n          </UScroll>\n        </div>\n      </div>\n\n      <MarkdownRender\n        v-if=\"message.content || isStreaming\"\n        mode=\"chat\"\n        :content=\"message.content\"\n        :final=\"!isStreaming\"\n        :fade=\"false\"\n        v-bind=\"rendererProps\"\n      />\n\n      <ToolCallCard\n        v-for=\"call in message.toolCalls ?? []\"\n        :key=\"call.id\"\n        :tool-call=\"call\"\n        @respond=\"(approved) => emit('respond', call.id, approved)\"\n      />\n\n      <div v-if=\"message.status === 'error'\" :class=\"cls.e('message-status')\">生成出错</div>\n      <div v-else-if=\"message.status === 'aborted'\" :class=\"cls.e('message-status')\">\n        已停止生成\n      </div>\n\n      <div v-if=\"showActions\" :class=\"cls.e('message-actions')\">\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          :type=\"copied ? 'success' : 'primary'\"\n          :icon=\"copied ? CircleCheck : Copy\"\n          :disabled=\"!canCopy\"\n          :title=\"copied ? '已复制' : '复制'\"\n          @click=\"handleCopy\"\n        />\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          type=\"primary\"\n          :icon=\"Refresh\"\n          title=\"重新生成\"\n          @click=\"emit('regenerate')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { message as toast, UButton, UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowRight, CircleCheck, Copy, InfoCircle, Loading, Refresh } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport MarkdownRender from 'markstream-vue'\nimport { computed, inject, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport ToolCallCard from './tool-call.vue'\n\ndefineOptions({ name: 'UAiChatMessageItem' })\n\nconst props = defineProps<{\n  message: ChatMessage\n  /** 是否为最后一条可见消息（决定是否显示重新生成） */\n  isLast: 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\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst isStreaming = computed(() => props.message.status === 'streaming')\n/** 思考中：流式且正文还未开始输出 */\nconst isThinking = computed(() => isStreaming.value && !props.message.content)\n\nconst reasoningExpanded = ref(true)\n\n/** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */\nconst reasoningStick = ref(true)\n\n/** 思考内容滚动区：流式输出时吸附底部，始终展示最新思考 */\nconst reasoningScrollRef = useTemplateRef<InstanceType<typeof UScroll>>('reasoningScrollRef')\n\nconst toggleReasoning = async () => {\n  reasoningExpanded.value = !reasoningExpanded.value\n  if (!reasoningExpanded.value) return\n  // 重新展开时恢复吸附并定位到最新思考\n  reasoningStick.value = true\n  await nextTick()\n  reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\nconst handleReasoningWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) reasoningStick.value = false\n}\n\nconst handleReasoningScroll = (position: Required<ScrollPosition>) => {\n  if (position.sh - position.ch - position.y < 8) reasoningStick.value = true\n}\n\n// 流式结束后自动折叠思考过程；immediate 保证终态消息重挂载（过程块展开/收起、载入历史会话）时呈折叠态\nwatch(\n  () => props.message.status,\n  (status) => {\n    if (status === 'streaming') {\n      reasoningExpanded.value = true\n      reasoningStick.value = true\n    } else if (status) {\n      reasoningExpanded.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.message.reasoning,\n  async () => {\n    if (!isThinking.value || !reasoningExpanded.value || !reasoningStick.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态\n    if (!reasoningStick.value) return\n    reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nconst showActions = computed(() => {\n  if (props.message.role !== 'assistant' || !props.isLast) return false\n  return ['done', 'error', 'aborted'].includes(props.message.status ?? '')\n})\n\nconst canCopy = computed(() => !!props.message.content?.trim())\n\nconst copied = ref(false)\nlet copyTimer: ReturnType<typeof setTimeout> | undefined\n\nconst handleCopy = async () => {\n  const text = props.message.content?.trim()\n  if (!text) return\n  try {\n    await navigator.clipboard.writeText(text)\n    copied.value = true\n    toast.success('已复制到剪贴板')\n    clearTimeout(copyTimer)\n    copyTimer = setTimeout(() => {\n      copied.value = false\n    }, 2000)\n  } catch {\n    toast.error('复制失败，请检查浏览器权限')\n  }\n}\n\nonBeforeUnmount(() => clearTimeout(copyTimer))\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-item.js","names":[],"sources":["../../../src/components/ai-chat/message-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('message'), cls.em('message', message.role), bem.is('streaming', isStreaming)]\"\n  >\n    <!-- 用户消息：右对齐气泡 -->\n    <template v-if=\"message.role === 'user'\">\n      <div :class=\"cls.e('message-bubble')\">\n        <div v-if=\"message.attachments?.length\" :class=\"cls.e('message-attachments')\">\n          <img\n            v-for=\"att in message.attachments\"\n            :key=\"att.dataUrl\"\n            :src=\"att.dataUrl\"\n            :alt=\"att.name\"\n            :class=\"cls.e('message-attachment')\"\n          />\n        </div>\n        <div v-if=\"message.content\" :class=\"cls.e('message-text')\">{{ message.content }}</div>\n      </div>\n    </template>\n\n    <!-- assistant 消息 -->\n    <template v-else>\n      <div\n        v-if=\"message.reasoning\"\n        :class=\"[cls.e('reasoning'), bem.is('expanded', reasoningExpanded)]\"\n      >\n        <div :class=\"cls.e('reasoning-header')\" @click=\"toggleReasoning\">\n          <UIcon :class=\"[cls.e('reasoning-icon'), bem.is('loading', isThinking)]\">\n            <Loading v-if=\"isThinking\" />\n            <InfoCircle v-else />\n          </UIcon>\n          <span :class=\"[cls.e('reasoning-title'), isThinking && 'u-shine']\">\n            {{ isThinking ? '思考中…' : '思考过程' }}\n          </span>\n          <!-- 折叠态在头部右侧滚动展示最新一行思考 -->\n          <span v-if=\"latestReasoningLine\" :class=\"cls.e('reasoning-line')\">\n            {{ latestReasoningLine }}\n          </span>\n          <UIcon :class=\"cls.e('reasoning-chevron')\"><ArrowRight /></UIcon>\n        </div>\n        <!-- 折叠时完全卸载内容 DOM：思考文本可能很长，常驻挂载浪费内存与渲染成本 -->\n        <div v-if=\"reasoningExpanded\" :class=\"cls.e('reasoning-content')\">\n          <UScroll\n            ref=\"reasoningScrollRef\"\n            container-style=\"max-height: 220px\"\n            @scroll=\"handleReasoningScroll\"\n            @wheel.passive=\"handleReasoningWheel\"\n          >\n            <div :class=\"cls.e('reasoning-text')\">{{ message.reasoning }}</div>\n          </UScroll>\n        </div>\n      </div>\n\n      <MarkdownRender\n        v-if=\"message.content || isStreaming\"\n        mode=\"chat\"\n        :content=\"message.content\"\n        :final=\"!isStreaming\"\n        :fade=\"false\"\n        v-bind=\"rendererProps\"\n      />\n\n      <ToolCallCard\n        v-for=\"call in message.toolCalls ?? []\"\n        :key=\"call.id\"\n        :tool-call=\"call\"\n        @respond=\"(approved) => emit('respond', call.id, approved)\"\n      />\n\n      <div v-if=\"message.status === 'error'\" :class=\"cls.e('message-status')\">生成出错</div>\n      <div v-else-if=\"message.status === 'aborted'\" :class=\"cls.e('message-status')\">\n        已停止生成\n      </div>\n\n      <div v-if=\"showActions\" :class=\"cls.e('message-actions')\">\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          :type=\"copied ? 'success' : 'primary'\"\n          :icon=\"copied ? CircleCheck : Copy\"\n          :disabled=\"!canCopy\"\n          :title=\"copied ? '已复制' : '复制'\"\n          @click=\"handleCopy\"\n        />\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          type=\"primary\"\n          :icon=\"Refresh\"\n          title=\"重新生成\"\n          @click=\"emit('regenerate')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { message as toast, UButton, UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowRight, CircleCheck, Copy, InfoCircle, Loading, Refresh } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport MarkdownRender from 'markstream-vue'\nimport { computed, inject, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport ToolCallCard from './tool-call.vue'\n\ndefineOptions({ name: 'UAiChatMessageItem' })\n\nconst props = defineProps<{\n  message: ChatMessage\n  /** 是否为最后一条可见消息（决定是否显示重新生成） */\n  isLast: 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\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst isStreaming = computed(() => props.message.status === 'streaming')\n/** 思考中：流式且正文还未开始输出 */\nconst isThinking = computed(() => isStreaming.value && !props.message.content)\n\n/** 思考默认折叠（含流式进行中），用户点击头部展开 */\nconst reasoningExpanded = ref(false)\n\n/** 折叠时头部右侧滚动展示的最新一行思考：取最后一行非空文本，随流式输出持续刷新 */\nconst latestReasoningLine = computed(() => {\n  if (!isThinking.value || reasoningExpanded.value) return ''\n  const lines = (props.message.reasoning ?? '').split('\\n')\n  for (let i = lines.length - 1; i >= 0; i--) {\n    const line = lines[i]?.trim()\n    if (line) return line\n  }\n  return ''\n})\n\n/** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */\nconst reasoningStick = ref(true)\n\n/** 思考内容滚动区：展开且流式输出时吸附底部，始终展示最新思考 */\nconst reasoningScrollRef = useTemplateRef<InstanceType<typeof UScroll>>('reasoningScrollRef')\n\nconst toggleReasoning = async () => {\n  reasoningExpanded.value = !reasoningExpanded.value\n  if (!reasoningExpanded.value) return\n  // 重新展开时恢复吸附并定位到最新思考\n  reasoningStick.value = true\n  await nextTick()\n  reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\nconst handleReasoningWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) reasoningStick.value = false\n}\n\nconst handleReasoningScroll = (position: Required<ScrollPosition>) => {\n  if (position.sh - position.ch - position.y < 8) reasoningStick.value = true\n}\n\nwatch(\n  () => props.message.reasoning,\n  async () => {\n    if (!isThinking.value || !reasoningExpanded.value || !reasoningStick.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态\n    if (!reasoningStick.value) return\n    reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nconst showActions = computed(() => {\n  if (props.message.role !== 'assistant' || !props.isLast) return false\n  return ['done', 'error', 'aborted'].includes(props.message.status ?? '')\n})\n\nconst canCopy = computed(() => !!props.message.content?.trim())\n\nconst copied = ref(false)\nlet copyTimer: ReturnType<typeof setTimeout> | undefined\n\nconst handleCopy = async () => {\n  const text = props.message.content?.trim()\n  if (!text) return\n  try {\n    await navigator.clipboard.writeText(text)\n    copied.value = true\n    toast.success('已复制到剪贴板')\n    clearTimeout(copyTimer)\n    copyTimer = setTimeout(() => {\n      copied.value = false\n    }, 2000)\n  } catch {\n    toast.error('复制失败，请检查浏览器权限')\n  }\n}\n\nonBeforeUnmount(() => clearTimeout(copyTimer))\n</script>\n"],"mappings":"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"}

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

@@ -205,7 +205,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const stickToBottom = ref(true);
 		/** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */
 		let lastScrollY = 0;
-		/** 上翻阅读时展示「最新消息」悬浮按钮 */
+		/** 上翻阅读时展示回到底部的悬浮按钮 */
 		const showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0);
 		const handleScroll = (position) => {
 			if (position.sh - position.ch - position.y < 60) stickToBottom.value = true;
@@ -263,7 +263,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(unref(cls).e("list")),
 					ref_key: "scrollRef",
 					ref: scrollRef,
-					always: "",
 					onScroll: handleScroll,
 					onWheelPassive: handleWheel
 				}, {
@@ -360,11 +359,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: 0,
 						type: "button",
 						class: normalizeClass(unref(cls).e("to-latest")),
+						title: "回到最新",
 						onClick: scrollToLatest
 					}, [createVNode(unref(UIcon), null, {
 						default: withCtx(() => [createVNode(unref(ArrowDown))]),
 						_: 1
-					}), _cache[8] || (_cache[8] = createElementVNode("span", null, "最新消息", -1))], 2)) : createCommentVNode("v-if", true)]),
+					})], 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      <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                :disabled=\"readonly\"\n                @click=\"!readonly && 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  /** 只读时欢迎语不可点击发送 */\n  readonly?: 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    // 清除会话后列表已空：跳过结束停留，立刻回到欢迎区\n    if (visibleMessages.value.length === 0) {\n      finishing.value = false\n      workingLeaving.value = false\n      idleLeaving.value = false\n      idleEnter.value = false\n      return\n    }\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// 消息被清空（clear）：立刻收掉工作球，欢迎区恢复\nwatch(\n  () => visibleMessages.value.length,\n  (len) => {\n    if (len > 0) return\n    clearJumpTimers()\n    finishing.value = false\n    workingLeaving.value = false\n    idleLeaving.value = false\n    idleEnter.value = false\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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"}
+{"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      @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                :disabled=\"readonly\"\n                @click=\"!readonly && 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\n        v-if=\"showToLatest\"\n        type=\"button\"\n        :class=\"cls.e('to-latest')\"\n        title=\"回到最新\"\n        @click=\"scrollToLatest\"\n      >\n        <UIcon><ArrowDown /></UIcon>\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  /** 只读时欢迎语不可点击发送 */\n  readonly?: 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    // 清除会话后列表已空：跳过结束停留，立刻回到欢迎区\n    if (visibleMessages.value.length === 0) {\n      finishing.value = false\n      workingLeaving.value = false\n      idleLeaving.value = false\n      idleEnter.value = false\n      return\n    }\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// 消息被清空（clear）：立刻收掉工作球，欢迎区恢复\nwatch(\n  () => visibleMessages.value.length,\n  (len) => {\n    if (len > 0) return\n    clearJumpTimers()\n    finishing.value = false\n    workingLeaving.value = false\n    idleLeaving.value = false\n    idleEnter.value = false\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/style.js

@@ -1,3 +1,4 @@
+import "../ai-orb/style.css";
 import "./style2.css";
 import "@veltra/desktop/components/button/style";
 import "@veltra/desktop/components/collapse/style";

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

@@ -302,21 +302,22 @@
 }
 .u-ai-chat__to-latest {
   position: absolute;
-  top: var(--u-gap-small);
+  bottom: var(--u-gap-small);
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 4px;
-  padding: 4px 12px;
   border: none;
-  border-radius: 999px;
+  border-radius: 50%;
   background-color: var(--u-bg-color-top);
   color: var(--u-text-color-second);
-  font-size: var(--u-font-size-main-small);
+  font-size: 14px;
   box-shadow: 0 2px 8px var(--u-shadow-color-a-20);
   cursor: pointer;
   transition: color 0.15s ease;
@@ -332,11 +333,11 @@
 }
 .u-ai-chat__to-latest--fade-enter-from {
   opacity: 0;
-  transform: translateX(-50%) translateY(-4px);
+  transform: translateX(-50%) translateY(4px);
 }
 .u-ai-chat__to-latest--fade-leave-to {
   opacity: 0;
-  transform: translateX(-50%) translateY(-4px);
+  transform: translateX(-50%) translateY(4px);
 }
 .u-ai-chat__message {
   padding: var(--u-gap-small) var(--u-gap-default);
@@ -428,8 +429,18 @@
   font-size: var(--u-font-size-main-small);
 }
 .u-ai-chat__reasoning-title {
+  flex-shrink: 0;
   line-height: 1.5;
 }
+.u-ai-chat__reasoning-line {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.5;
+  color: var(--u-text-color-assist);
+}
 .u-ai-chat__reasoning-chevron {
   font-size: 12px;
   transition: transform 0.2s;

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

@@ -40,12 +40,25 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		};
 		/** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */
 		const isPanelTool = computed(() => tool.value?.renderTo === "panel");
-		/** 完成后是否自动折叠：缺省面板工具折叠；有 render 时不折叠，否则折叠 */
-		const autoCollapse = computed(() => tool.value?.autoCollapse ?? (isPanelTool.value || !tool.value?.render));
+		/** 「UI 即答复」的终结工具（session 元信息无 terminal，恒为 false） */
+		const isAnswerTool = computed(() => {
+			const t = tool.value;
+			return !!(t && "terminal" in t && t.terminal);
+		});
+		/** 内联自定义 body（render / tool-<name> 插槽）：进行中可能是提问表单等交互 UI，需展开可见 */
+		const hasInlineBody = computed(() => !isPanelTool.value && !!(tool.value?.render || di?.slots[`tool-${props.toolCall.name}`]));
+		/** 完成后是否自动折叠：缺省一律折叠；「UI 即答复」的终结工具缺省保持展开 */
+		const autoCollapse = computed(() => tool.value?.autoCollapse ?? !isAnswerTool.value);
+		/** 需要用户交互/展示的进行中状态：待确认（看参数再决策）、有内联自定义 body（提问表单等） */
+		const needsInteraction = computed(() => {
+			if (props.toolCall.status === "awaiting-confirm") return true;
+			return (props.toolCall.status === "pending" || props.toolCall.status === "running") && hasInlineBody.value;
+		});
+		const isSettledStatus = (status) => status === "success" || status === "error" || status === "rejected";
 		watch(() => props.toolCall.status, (status) => {
 			if (userToggled) return;
-			if (status === "pending" || status === "running" || status === "awaiting-confirm") isExpanded.value = true;
-			else isExpanded.value = !autoCollapse.value;
+			if (isSettledStatus(status)) isExpanded.value = !autoCollapse.value;
+			else isExpanded.value = needsInteraction.value;
 		}, { immediate: true });
 		const STATUS_CLASS = {
 			pending: "is-active",
@@ -61,13 +74,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return props.toolCall.status === "pending" || props.toolCall.status === "running";
 		});
 		/** 终态（成功/失败/拒绝） */
-		const isSettled = computed(() => {
-			return [
-				"success",
-				"error",
-				"rejected"
-			].includes(props.toolCall.status);
-		});
+		const isSettled = computed(() => isSettledStatus(props.toolCall.status));
 		/**
 		* 折叠后卸载内容 DOM：仅终态且非面板工具时启用——
 		* 进行中/待确认要保留内容状态（确认按钮、表单），面板工具的 body 是「查看面板」入口必须可达

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

@@ -1 +1 @@
-{"version":3,"file":"tool-call.js","names":[],"sources":["../../../src/components/ai-chat/tool-call.vue"],"sourcesContent":["<template>\n  <UCollapseItem\n    v-model=\"isExpanded\"\n    :class=\"[cls.e('tool-call'), bem.is(toolCall.status)]\"\n    :destroy-on-collapse=\"destroyOnCollapse\"\n    @change=\"markUserToggled\"\n  >\n    <template #header>\n      <UIcon :class=\"[cls.e('tool-call-status'), statusClass]\">\n        <component :is=\"headerIcon\" />\n      </UIcon>\n      <span :class=\"[cls.e('tool-call-name'), isActive && 'u-shine']\">\n        {{ tool?.label ?? toolCall.name }}\n      </span>\n      <span v-if=\"summary\" :class=\"cls.e('tool-call-summary')\">{{ summary }}</span>\n\n      <span\n        v-if=\"toolCall.status === 'awaiting-confirm'\"\n        :class=\"cls.e('tool-call-confirm')\"\n        @click.stop\n        @keydown.enter.stop\n        @keydown.space.stop\n      >\n        <UButton size=\"small\" type=\"primary\" @click=\"emit('respond', true)\">允许</UButton>\n        <UButton size=\"small\" text @click=\"emit('respond', false)\">拒绝</UButton>\n      </span>\n    </template>\n\n    <!-- 面板工具：render 展示在右侧侧边面板，卡片 body 仅提供查看入口 -->\n    <div v-if=\"isPanelTool\" :class=\"cls.e('tool-call-panel-entry')\">\n      <span :class=\"cls.e('tool-call-panel-hint')\">内容展示在右侧面板</span>\n      <UButton size=\"small\" text type=\"primary\" @click=\"di?.openPanel(toolCall.id)\">\n        查看面板\n      </UButton>\n    </div>\n    <!-- 自定义渲染：meta.render / tool-<name> 插槽优先于通用工具视图 -->\n    <component :is=\"tool.render\" v-else-if=\"tool?.render\" :tool-call=\"toolCall\" />\n    <component :is=\"slotBody\" v-else-if=\"slotBody && hasResult\" />\n    <template v-else>\n      <ToolJson v-if=\"prettyArguments\" title=\"参数\" :text=\"prettyArguments\" />\n      <ToolJson v-if=\"hasResult\" :title=\"resultTitle\" :text=\"displayResult\" />\n      <ToolJson v-if=\"prettyView\" title=\"视图\" :text=\"prettyView\" />\n    </template>\n  </UCollapseItem>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UCollapseItem, UIcon } from '@veltra/desktop'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, watch } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport { resolveToolIcon } from './tool-icons'\nimport ToolJson from './tool-json.vue'\n\ndefineOptions({ name: 'UAiChatToolCall' })\n\nconst props = defineProps<{ toolCall: ChatToolCall }>()\n\nconst emit = defineEmits<{ (e: 'respond', approved: boolean): void }>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** 把未知值格式成可读 JSON，循环引用等异常时退回 String，不得 throw */\nfunction formatUnknown(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string') {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2)\n    } catch {\n      return value\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value)\n  } catch {\n    return String(value)\n  }\n}\n\n/** 当前调用对应的工具定义或渲染元信息（session 下忽略 execute / needsConfirm / terminal） */\nconst tool = computed(() => di?.tools.value[props.toolCall.name])\n\nconst isExpanded = ref(false)\n/** 用户手动切换过后，不再随 status 自动展开/折叠 */\nlet userToggled: boolean = false\n\n/** UCollapseItem 的 change 仅在用户点击头部时触发（程序化 v-model 变更不触发） */\nconst markUserToggled = () => {\n  userToggled = true\n}\n\n/** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */\nconst isPanelTool = computed(() => tool.value?.renderTo === 'panel')\n\n/** 完成后是否自动折叠：缺省面板工具折叠；有 render 时不折叠，否则折叠 */\nconst autoCollapse = computed(\n  () => tool.value?.autoCollapse ?? (isPanelTool.value || !tool.value?.render)\n)\n\nwatch(\n  () => props.toolCall.status,\n  (status) => {\n    if (userToggled) return\n    if (status === 'pending' || status === 'running' || status === 'awaiting-confirm') {\n      isExpanded.value = true\n    } else {\n      isExpanded.value = !autoCollapse.value\n    }\n  },\n  { immediate: true }\n)\n\nconst STATUS_CLASS: Record<string, string> = {\n  pending: 'is-active',\n  running: 'is-active',\n  'awaiting-confirm': 'is-warning',\n  success: 'is-success',\n  error: 'is-danger',\n  rejected: 'is-danger'\n}\n\nconst statusClass = computed(() => STATUS_CLASS[props.toolCall.status] ?? '')\n\n/** 进行中（pending/running）：工具名带扫光效果 */\nconst isActive = computed(() => {\n  return props.toolCall.status === 'pending' || props.toolCall.status === 'running'\n})\n\n/** 终态（成功/失败/拒绝） */\nconst isSettled = computed(() => {\n  return ['success', 'error', 'rejected'].includes(props.toolCall.status)\n})\n\n/**\n * 折叠后卸载内容 DOM：仅终态且非面板工具时启用——\n * 进行中/待确认要保留内容状态（确认按钮、表单），面板工具的 body 是「查看面板」入口必须可达\n */\nconst destroyOnCollapse = computed(() => isSettled.value && !isPanelTool.value)\n\n/** 头部图标：meta.icon > 宿主覆盖 > 内置名称规则 > 兜底；状态点走 status class */\nconst headerIcon = computed(\n  () => tool.value?.icon ?? resolveToolIcon(props.toolCall.name, di?.toolIcons?.value)\n)\n\nconst parsedArguments = computed<Record<string, unknown> | null>(() => {\n  if (!props.toolCall.arguments) return null\n  try {\n    return JSON.parse(props.toolCall.arguments)\n  } catch {\n    return null\n  }\n})\n\n/** 折叠态参数摘要：取第一个字符串参数值 */\nconst summary = computed(() => {\n  const args = parsedArguments.value\n  if (!args) return ''\n  for (const value of Object.values(args)) {\n    if (typeof value === 'string' && value) {\n      return value.length > 40 ? `${value.slice(0, 40)}…` : value\n    }\n  }\n  return ''\n})\n\nconst prettyArguments = computed(() => {\n  const args = parsedArguments.value\n  if (args) return JSON.stringify(args, null, 2)\n  return props.toolCall.arguments || ''\n})\n\nconst hasResult = computed(() => {\n  return props.toolCall.result != null || props.toolCall.error != null\n})\n\nconst resultTitle = computed(() => (props.toolCall.status === 'error' ? '错误' : '结果'))\n\nconst displayResult = computed(() => formatUnknown(props.toolCall.error ?? props.toolCall.result))\n\n/** 服务端下发的 view，格式化为 JSON；不得丢弃、不得 throw */\nconst prettyView = computed(() => {\n  if (props.toolCall.view == null) return ''\n  return formatUnknown(props.toolCall.view)\n})\n\n/** 使用方通过 tool-<name> 插槽自定义该工具的展示（有结果时替换整个 body） */\nconst slotBody = computed(() => {\n  const slot = di?.slots[`tool-${props.toolCall.name}`]\n  return slot ? () => slot({ toolCall: props.toolCall }) : undefined\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tool-call.js","names":[],"sources":["../../../src/components/ai-chat/tool-call.vue"],"sourcesContent":["<template>\n  <UCollapseItem\n    v-model=\"isExpanded\"\n    :class=\"[cls.e('tool-call'), bem.is(toolCall.status)]\"\n    :destroy-on-collapse=\"destroyOnCollapse\"\n    @change=\"markUserToggled\"\n  >\n    <template #header>\n      <UIcon :class=\"[cls.e('tool-call-status'), statusClass]\">\n        <component :is=\"headerIcon\" />\n      </UIcon>\n      <span :class=\"[cls.e('tool-call-name'), isActive && 'u-shine']\">\n        {{ tool?.label ?? toolCall.name }}\n      </span>\n      <span v-if=\"summary\" :class=\"cls.e('tool-call-summary')\">{{ summary }}</span>\n\n      <span\n        v-if=\"toolCall.status === 'awaiting-confirm'\"\n        :class=\"cls.e('tool-call-confirm')\"\n        @click.stop\n        @keydown.enter.stop\n        @keydown.space.stop\n      >\n        <UButton size=\"small\" type=\"primary\" @click=\"emit('respond', true)\">允许</UButton>\n        <UButton size=\"small\" text @click=\"emit('respond', false)\">拒绝</UButton>\n      </span>\n    </template>\n\n    <!-- 面板工具：render 展示在右侧侧边面板，卡片 body 仅提供查看入口 -->\n    <div v-if=\"isPanelTool\" :class=\"cls.e('tool-call-panel-entry')\">\n      <span :class=\"cls.e('tool-call-panel-hint')\">内容展示在右侧面板</span>\n      <UButton size=\"small\" text type=\"primary\" @click=\"di?.openPanel(toolCall.id)\">\n        查看面板\n      </UButton>\n    </div>\n    <!-- 自定义渲染：meta.render / tool-<name> 插槽优先于通用工具视图 -->\n    <component :is=\"tool.render\" v-else-if=\"tool?.render\" :tool-call=\"toolCall\" />\n    <component :is=\"slotBody\" v-else-if=\"slotBody && hasResult\" />\n    <template v-else>\n      <ToolJson v-if=\"prettyArguments\" title=\"参数\" :text=\"prettyArguments\" />\n      <ToolJson v-if=\"hasResult\" :title=\"resultTitle\" :text=\"displayResult\" />\n      <ToolJson v-if=\"prettyView\" title=\"视图\" :text=\"prettyView\" />\n    </template>\n  </UCollapseItem>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UCollapseItem, UIcon } from '@veltra/desktop'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, watch } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport { resolveToolIcon } from './tool-icons'\nimport ToolJson from './tool-json.vue'\n\ndefineOptions({ name: 'UAiChatToolCall' })\n\nconst props = defineProps<{ toolCall: ChatToolCall }>()\n\nconst emit = defineEmits<{ (e: 'respond', approved: boolean): void }>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** 把未知值格式成可读 JSON，循环引用等异常时退回 String，不得 throw */\nfunction formatUnknown(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string') {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2)\n    } catch {\n      return value\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value)\n  } catch {\n    return String(value)\n  }\n}\n\n/** 当前调用对应的工具定义或渲染元信息（session 下忽略 execute / needsConfirm / terminal） */\nconst tool = computed(() => di?.tools.value[props.toolCall.name])\n\nconst isExpanded = ref(false)\n/** 用户手动切换过后，不再随 status 自动展开/折叠 */\nlet userToggled: boolean = false\n\n/** UCollapseItem 的 change 仅在用户点击头部时触发（程序化 v-model 变更不触发） */\nconst markUserToggled = () => {\n  userToggled = true\n}\n\n/** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */\nconst isPanelTool = computed(() => tool.value?.renderTo === 'panel')\n\n/** 「UI 即答复」的终结工具（session 元信息无 terminal，恒为 false） */\nconst isAnswerTool = computed(() => {\n  const t = tool.value\n  return !!(t && 'terminal' in t && t.terminal)\n})\n\n/** 内联自定义 body（render / tool-<name> 插槽）：进行中可能是提问表单等交互 UI，需展开可见 */\nconst hasInlineBody = computed(\n  () => !isPanelTool.value && !!(tool.value?.render || di?.slots[`tool-${props.toolCall.name}`])\n)\n\n/** 完成后是否自动折叠：缺省一律折叠；「UI 即答复」的终结工具缺省保持展开 */\nconst autoCollapse = computed(() => tool.value?.autoCollapse ?? !isAnswerTool.value)\n\n/** 需要用户交互/展示的进行中状态：待确认（看参数再决策）、有内联自定义 body（提问表单等） */\nconst needsInteraction = computed(() => {\n  if (props.toolCall.status === 'awaiting-confirm') return true\n  const active = props.toolCall.status === 'pending' || props.toolCall.status === 'running'\n  return active && hasInlineBody.value\n})\n\nconst isSettledStatus = (status: ChatToolCall['status']) =>\n  status === 'success' || status === 'error' || status === 'rejected'\n\n// 默认折叠（含进行中）；仅交互/答复类自动展开，用户手动切换过后不再自动变化\nwatch(\n  () => props.toolCall.status,\n  (status) => {\n    if (userToggled) return\n    if (isSettledStatus(status)) {\n      isExpanded.value = !autoCollapse.value\n    } else {\n      isExpanded.value = needsInteraction.value\n    }\n  },\n  { immediate: true }\n)\n\nconst STATUS_CLASS: Record<string, string> = {\n  pending: 'is-active',\n  running: 'is-active',\n  'awaiting-confirm': 'is-warning',\n  success: 'is-success',\n  error: 'is-danger',\n  rejected: 'is-danger'\n}\n\nconst statusClass = computed(() => STATUS_CLASS[props.toolCall.status] ?? '')\n\n/** 进行中（pending/running）：工具名带扫光效果 */\nconst isActive = computed(() => {\n  return props.toolCall.status === 'pending' || props.toolCall.status === 'running'\n})\n\n/** 终态（成功/失败/拒绝） */\nconst isSettled = computed(() => isSettledStatus(props.toolCall.status))\n\n/**\n * 折叠后卸载内容 DOM：仅终态且非面板工具时启用——\n * 进行中/待确认要保留内容状态（确认按钮、表单），面板工具的 body 是「查看面板」入口必须可达\n */\nconst destroyOnCollapse = computed(() => isSettled.value && !isPanelTool.value)\n\n/** 头部图标：meta.icon > 宿主覆盖 > 内置名称规则 > 兜底；状态点走 status class */\nconst headerIcon = computed(\n  () => tool.value?.icon ?? resolveToolIcon(props.toolCall.name, di?.toolIcons?.value)\n)\n\nconst parsedArguments = computed<Record<string, unknown> | null>(() => {\n  if (!props.toolCall.arguments) return null\n  try {\n    return JSON.parse(props.toolCall.arguments)\n  } catch {\n    return null\n  }\n})\n\n/** 折叠态参数摘要：取第一个字符串参数值 */\nconst summary = computed(() => {\n  const args = parsedArguments.value\n  if (!args) return ''\n  for (const value of Object.values(args)) {\n    if (typeof value === 'string' && value) {\n      return value.length > 40 ? `${value.slice(0, 40)}…` : value\n    }\n  }\n  return ''\n})\n\nconst prettyArguments = computed(() => {\n  const args = parsedArguments.value\n  if (args) return JSON.stringify(args, null, 2)\n  return props.toolCall.arguments || ''\n})\n\nconst hasResult = computed(() => {\n  return props.toolCall.result != null || props.toolCall.error != null\n})\n\nconst resultTitle = computed(() => (props.toolCall.status === 'error' ? '错误' : '结果'))\n\nconst displayResult = computed(() => formatUnknown(props.toolCall.error ?? props.toolCall.result))\n\n/** 服务端下发的 view，格式化为 JSON；不得丢弃、不得 throw */\nconst prettyView = computed(() => {\n  if (props.toolCall.view == null) return ''\n  return formatUnknown(props.toolCall.view)\n})\n\n/** 使用方通过 tool-<name> 插槽自定义该工具的展示（有结果时替换整个 body） */\nconst slotBody = computed(() => {\n  const slot = di?.slots[`tool-${props.toolCall.name}`]\n  return slot ? () => slot({ toolCall: props.toolCall }) : undefined\n})\n</script>\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import _sfc_main$1 from "./components/ai-orb/ai-orb.js";
 import _sfc_main from "./components/ai-chat/ai-chat.js";
 import { ChatAttachment, ChatJob, ChatJobStatus, ChatMessage, ChatQueuedMessage, ChatTokenUsage, ChatTool, ChatToolCall, ChatToolContext, ChatToolMeta, ChatToolRenderProps, ChatTransport, ChatTransportHandlers, ChatTransportRequest, ToolCallStatus } from "./chat/types.js";
 import { AskQuestionAnswer, AskQuestionArgs, AskQuestionItem, AskQuestionResult } from "./tools/ask-question/ask-question.js";
@@ -6,10 +5,9 @@ import "./tools/index.js";
 import { ChatSessionAdapter, ChatSessionEvent, ChatSessionTransport, createServerTransport, isServerTransport } from "./chat/session.js";
 import { ChatModel, ChatModelOption, ChatProvider, ChatReasoningLevel } from "./providers/types.js";
 import { AiChatEmits, AiChatExposed, AiChatProps, _AiChatExposed } from "./types/ai-chat.js";
-import { AiOrbEmits, AiOrbExposed, AiOrbProps, AiOrbReaction, AiOrbStatus } from "./types/ai-orb.js";
 import "./types/index.js";
 import { ChatFoldState, ChatPendingApproval, createFoldState, foldSessionEvent } from "./chat/fold.js";
 import { UseChatOptions, useChat } from "./chat/use-chat.js";
 import { OpenAITransport, OpenAITransportOptions, createOpenAITransport } from "./chat/transports/openai.js";
 import "./chat/index.js";
-export { type AiChatEmits, type AiChatExposed, type AiChatProps, type AiOrbEmits, type AiOrbExposed, type AiOrbProps, type AiOrbReaction, type AiOrbStatus, type AskQuestionAnswer, type AskQuestionArgs, type AskQuestionItem, type AskQuestionResult, ChatAttachment, ChatFoldState, ChatJob, ChatJobStatus, ChatMessage, type ChatModel, type ChatModelOption, ChatPendingApproval, type ChatProvider, ChatQueuedMessage, type ChatReasoningLevel, ChatSessionAdapter, ChatSessionEvent, ChatSessionTransport, ChatTokenUsage, ChatTool, ChatToolCall, ChatToolContext, ChatToolMeta, ChatToolRenderProps, ChatTransport, ChatTransportHandlers, ChatTransportRequest, OpenAITransport, OpenAITransportOptions, ToolCallStatus, _sfc_main as UAiChat, _sfc_main$1 as UAiOrb, UseChatOptions, type _AiChatExposed, createFoldState, createOpenAITransport, createServerTransport, foldSessionEvent, isServerTransport, useChat };
+export { type AiChatEmits, type AiChatExposed, type AiChatProps, type AskQuestionAnswer, type AskQuestionArgs, type AskQuestionItem, type AskQuestionResult, ChatAttachment, ChatFoldState, ChatJob, ChatJobStatus, ChatMessage, type ChatModel, type ChatModelOption, ChatPendingApproval, type ChatProvider, ChatQueuedMessage, type ChatReasoningLevel, ChatSessionAdapter, ChatSessionEvent, ChatSessionTransport, ChatTokenUsage, ChatTool, ChatToolCall, ChatToolContext, ChatToolMeta, ChatToolRenderProps, ChatTransport, ChatTransportHandlers, ChatTransportRequest, OpenAITransport, OpenAITransportOptions, ToolCallStatus, _sfc_main as UAiChat, UseChatOptions, type _AiChatExposed, createFoldState, createOpenAITransport, createServerTransport, foldSessionEvent, isServerTransport, useChat };

package/dist/index.js

@@ -2,6 +2,5 @@ import { createServerTransport, isServerTransport } from "./chat/session.js";
 import { createFoldState, foldSessionEvent } from "./chat/fold.js";
 import { useChat } from "./chat/use-chat.js";
 import { createOpenAITransport } from "./chat/transports/openai.js";
-import _sfc_main$1 from "./components/ai-orb/ai-orb.js";
 import _sfc_main from "./components/ai-chat/ai-chat.js";
-export { _sfc_main as UAiChat, _sfc_main$1 as UAiOrb, createFoldState, createOpenAITransport, createServerTransport, foldSessionEvent, isServerTransport, useChat };
+export { _sfc_main as UAiChat, createFoldState, createOpenAITransport, createServerTransport, foldSessionEvent, isServerTransport, useChat };

package/dist/style.js

@@ -1,2 +1 @@
 import "./components/ai-chat/style.js";
-import "./components/ai-orb/style.js";

package/dist/tools/ask-question/ask-question.js

@@ -81,7 +81,8 @@ const AskQuestionRender = defineComponent({
 });
 /**
 * 创建内置提问工具：execute 挂起等待用户在 UI 中作答，提交后结果回灌模型。
-* 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要，不自动折叠）。
+* 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要）；
+* 进行中因有内联 render 自动展开，终态默认折叠，展开后可查看问答摘要。
 */
 function createAskQuestionTool(options = {}) {
 	const { name = "askQuestion", description = DEFAULT_DESCRIPTION, label = "提问", icon = QuestionFilled } = options;

package/dist/tools/ask-question/ask-question.js.map

@@ -1 +1 @@
-{"version":3,"file":"ask-question.js","names":["AskQuestion"],"sources":["../../../src/tools/ask-question/ask-question.ts"],"sourcesContent":["import { QuestionFilled } from '@veltra/icons/normal'\nimport { computed, defineComponent, h, type Component, type PropType } from 'vue'\n\nimport type { ChatTool, ChatToolCall } from '../../chat/types'\nimport AskQuestion from '../../components/ai-chat/ask-question.vue'\nimport { deferAskQuestion, resolveAskQuestion, takeAskQuestionDeferred } from './deferred'\n\n/** 单个提问项 */\nexport interface AskQuestionItem {\n  /** 问题文案 */\n  question: string\n  /** 预设选项（单选）；缺省为纯文本题 */\n  options?: string[]\n  /** 自定义输入占位文案 */\n  placeholder?: string\n}\n\n/** 一条问答结果 */\nexport interface AskQuestionAnswer {\n  /** 问题文案 */\n  question: string\n  /** 用户回答（选中的选项或自定义输入） */\n  answer: string\n}\n\n/** 提问工具参数（模型输出） */\nexport interface AskQuestionArgs {\n  questions: AskQuestionItem[]\n}\n\n/** 提问工具结果（序列化后回灌模型，渲染层据此展示问答摘要） */\nexport interface AskQuestionResult {\n  answers: AskQuestionAnswer[]\n}\n\nexport interface CreateAskQuestionToolOptions {\n  /** 工具名（传给模型），默认 askQuestion */\n  name?: string\n  /** 工具描述（传给模型） */\n  description?: string\n  /** 工具显示名，默认「提问」 */\n  label?: string\n  /** 工具图标，默认 QuestionFilled */\n  icon?: Component\n}\n\nconst DEFAULT_DESCRIPTION =\n  '当需求不明确或存在歧义时，向用户提问以澄清。一次可提 1-4 个关键问题；' +\n  '每个问题可提供若干预设选项，用户可选择选项或自定义输入。用户作答后再继续生成。'\n\n/** 提问参数 JSON Schema（原样传给模型） */\nconst QUESTIONS_SCHEMA: Record<string, unknown> = {\n  type: 'object',\n  properties: {\n    questions: {\n      type: 'array',\n      description: '问题列表',\n      minItems: 1,\n      maxItems: 4,\n      items: {\n        type: 'object',\n        properties: {\n          question: { type: 'string', description: '问题文案' },\n          options: {\n            type: 'array',\n            description: '预设选项（单选）；缺省为纯文本题',\n            items: { type: 'string' }\n          },\n          placeholder: { type: 'string', description: '自定义输入占位文案' }\n        },\n        required: ['question']\n      }\n    }\n  },\n  required: ['questions']\n}\n\nfunction parseQuestions(toolCall: ChatToolCall): AskQuestionItem[] {\n  try {\n    const args = JSON.parse(toolCall.arguments || '{}') as Partial<AskQuestionArgs>\n    return Array.isArray(args.questions) ? args.questions : []\n  } catch {\n    return []\n  }\n}\n\nfunction parseAnswers(toolCall: ChatToolCall): AskQuestionAnswer[] | undefined {\n  if (toolCall.status !== 'success' || !toolCall.result) return undefined\n  try {\n    const result = JSON.parse(toolCall.result) as Partial<AskQuestionResult>\n    return Array.isArray(result.answers) ? result.answers : undefined\n  } catch {\n    return undefined\n  }\n}\n\nfunction statusError(toolCall: ChatToolCall): string | undefined {\n  if (toolCall.status !== 'error') return undefined\n  const err = toolCall.error ?? ''\n  if (err.includes('Abort') || err.includes('取消')) return '已取消'\n  return err || '提问失败'\n}\n\n/** 把 toolCall 转成提问表单的 questions / onSubmit；提交仍走 resolveAskQuestion */\nconst AskQuestionRender = defineComponent({\n  name: 'AskQuestionRender',\n  props: { toolCall: { type: Object as PropType<ChatToolCall>, required: true } },\n  setup(props) {\n    const questions = computed(() => parseQuestions(props.toolCall))\n    const answers = computed(() => parseAnswers(props.toolCall))\n    const error = computed(() => statusError(props.toolCall))\n    const onSubmit = (value: AskQuestionAnswer[] | AskQuestionResult) => {\n      resolveAskQuestion(props.toolCall.id, {\n        answers: Array.isArray(value) ? value : value.answers\n      })\n    }\n    return () =>\n      h(AskQuestion, {\n        questions: questions.value,\n        answers: answers.value,\n        error: error.value,\n        onSubmit\n      })\n  }\n})\n\n/**\n * 创建内置提问工具：execute 挂起等待用户在 UI 中作答，提交后结果回灌模型。\n * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要，不自动折叠）。\n */\nexport function createAskQuestionTool(\n  options: CreateAskQuestionToolOptions = {}\n): ChatTool<AskQuestionArgs> {\n  const {\n    name = 'askQuestion',\n    description = DEFAULT_DESCRIPTION,\n    label = '提问',\n    icon = QuestionFilled\n  } = options\n\n  return {\n    name,\n    description,\n    parameters: QUESTIONS_SCHEMA,\n    icon,\n    label,\n    render: AskQuestionRender,\n    execute: (_args, { toolCall, signal }) =>\n      new Promise<AskQuestionResult>((resolve, reject) => {\n        deferAskQuestion(toolCall.id, { resolve, reject })\n        signal.addEventListener(\n          'abort',\n          () => {\n            // 不依赖 signal.reason（各环境 DOMException 行为不一），统一拒绝为 AbortError\n            const error = new Error('Aborted')\n            error.name = 'AbortError'\n            takeAskQuestionDeferred(toolCall.id)?.reject(error)\n          },\n          { once: true }\n        )\n      })\n  }\n}\n"],"mappings":";;;;;AA8CA,MAAM,sBACJ;;AAIF,MAAM,mBAA4C;CAChD,MAAM;CACN,YAAY,EACV,WAAW;EACT,MAAM;EACN,aAAa;EACb,UAAU;EACV,UAAU;EACV,OAAO;GACL,MAAM;GACN,YAAY;IACV,UAAU;KAAE,MAAM;KAAU,aAAa;IAAO;IAChD,SAAS;KACP,MAAM;KACN,aAAa;KACb,OAAO,EAAE,MAAM,SAAS;IAC1B;IACA,aAAa;KAAE,MAAM;KAAU,aAAa;IAAY;GAC1D;GACA,UAAU,CAAC,UAAU;EACvB;CACF,EACF;CACA,UAAU,CAAC,WAAW;AACxB;AAEA,SAAS,eAAe,UAA2C;CACjE,IAAI;EACF,MAAM,OAAO,KAAK,MAAM,SAAS,aAAa,IAAI;EAClD,OAAO,MAAM,QAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC;CAC3D,QAAQ;EACN,OAAO,CAAC;CACV;AACF;AAEA,SAAS,aAAa,UAAyD;CAC7E,IAAI,SAAS,WAAW,aAAa,CAAC,SAAS,QAAQ,OAAO,KAAA;CAC9D,IAAI;EACF,MAAM,SAAS,KAAK,MAAM,SAAS,MAAM;EACzC,OAAO,MAAM,QAAQ,OAAO,OAAO,IAAI,OAAO,UAAU,KAAA;CAC1D,QAAQ;EACN;CACF;AACF;AAEA,SAAS,YAAY,UAA4C;CAC/D,IAAI,SAAS,WAAW,SAAS,OAAO,KAAA;CACxC,MAAM,MAAM,SAAS,SAAS;CAC9B,IAAI,IAAI,SAAS,OAAO,KAAK,IAAI,SAAS,IAAI,GAAG,OAAO;CACxD,OAAO,OAAO;AAChB;;AAGA,MAAM,oBAAoB,gBAAgB;CACxC,MAAM;CACN,OAAO,EAAE,UAAU;EAAE,MAAM;EAAkC,UAAU;CAAK,EAAE;CAC9E,MAAM,OAAO;EACX,MAAM,YAAY,eAAe,eAAe,MAAM,QAAQ,CAAC;EAC/D,MAAM,UAAU,eAAe,aAAa,MAAM,QAAQ,CAAC;EAC3D,MAAM,QAAQ,eAAe,YAAY,MAAM,QAAQ,CAAC;EACxD,MAAM,YAAY,UAAmD;GACnE,mBAAmB,MAAM,SAAS,IAAI,EACpC,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM,QAChD,CAAC;EACH;EACA,aACE,EAAEA,WAAa;GACb,WAAW,UAAU;GACrB,SAAS,QAAQ;GACjB,OAAO,MAAM;GACb;EACF,CAAC;CACL;AACF,CAAC;;;;;AAMD,SAAgB,sBACd,UAAwC,CAAC,GACd;CAC3B,MAAM,EACJ,OAAO,eACP,cAAc,qBACd,QAAQ,MACR,OAAO,mBACL;CAEJ,OAAO;EACL;EACA;EACA,YAAY;EACZ;EACA;EACA,QAAQ;EACR,UAAU,OAAO,EAAE,UAAU,aAC3B,IAAI,SAA4B,SAAS,WAAW;GAClD,iBAAiB,SAAS,IAAI;IAAE;IAAS;GAAO,CAAC;GACjD,OAAO,iBACL,eACM;IAEJ,MAAM,wBAAQ,IAAI,MAAM,SAAS;IACjC,MAAM,OAAO;IACb,wBAAwB,SAAS,EAAE,CAAC,EAAE,OAAO,KAAK;GACpD,GACA,EAAE,MAAM,KAAK,CACf;EACF,CAAC;CACL;AACF"}
+{"version":3,"file":"ask-question.js","names":["AskQuestion"],"sources":["../../../src/tools/ask-question/ask-question.ts"],"sourcesContent":["import { QuestionFilled } from '@veltra/icons/normal'\nimport { computed, defineComponent, h, type Component, type PropType } from 'vue'\n\nimport type { ChatTool, ChatToolCall } from '../../chat/types'\nimport AskQuestion from '../../components/ai-chat/ask-question.vue'\nimport { deferAskQuestion, resolveAskQuestion, takeAskQuestionDeferred } from './deferred'\n\n/** 单个提问项 */\nexport interface AskQuestionItem {\n  /** 问题文案 */\n  question: string\n  /** 预设选项（单选）；缺省为纯文本题 */\n  options?: string[]\n  /** 自定义输入占位文案 */\n  placeholder?: string\n}\n\n/** 一条问答结果 */\nexport interface AskQuestionAnswer {\n  /** 问题文案 */\n  question: string\n  /** 用户回答（选中的选项或自定义输入） */\n  answer: string\n}\n\n/** 提问工具参数（模型输出） */\nexport interface AskQuestionArgs {\n  questions: AskQuestionItem[]\n}\n\n/** 提问工具结果（序列化后回灌模型，渲染层据此展示问答摘要） */\nexport interface AskQuestionResult {\n  answers: AskQuestionAnswer[]\n}\n\nexport interface CreateAskQuestionToolOptions {\n  /** 工具名（传给模型），默认 askQuestion */\n  name?: string\n  /** 工具描述（传给模型） */\n  description?: string\n  /** 工具显示名，默认「提问」 */\n  label?: string\n  /** 工具图标，默认 QuestionFilled */\n  icon?: Component\n}\n\nconst DEFAULT_DESCRIPTION =\n  '当需求不明确或存在歧义时，向用户提问以澄清。一次可提 1-4 个关键问题；' +\n  '每个问题可提供若干预设选项，用户可选择选项或自定义输入。用户作答后再继续生成。'\n\n/** 提问参数 JSON Schema（原样传给模型） */\nconst QUESTIONS_SCHEMA: Record<string, unknown> = {\n  type: 'object',\n  properties: {\n    questions: {\n      type: 'array',\n      description: '问题列表',\n      minItems: 1,\n      maxItems: 4,\n      items: {\n        type: 'object',\n        properties: {\n          question: { type: 'string', description: '问题文案' },\n          options: {\n            type: 'array',\n            description: '预设选项（单选）；缺省为纯文本题',\n            items: { type: 'string' }\n          },\n          placeholder: { type: 'string', description: '自定义输入占位文案' }\n        },\n        required: ['question']\n      }\n    }\n  },\n  required: ['questions']\n}\n\nfunction parseQuestions(toolCall: ChatToolCall): AskQuestionItem[] {\n  try {\n    const args = JSON.parse(toolCall.arguments || '{}') as Partial<AskQuestionArgs>\n    return Array.isArray(args.questions) ? args.questions : []\n  } catch {\n    return []\n  }\n}\n\nfunction parseAnswers(toolCall: ChatToolCall): AskQuestionAnswer[] | undefined {\n  if (toolCall.status !== 'success' || !toolCall.result) return undefined\n  try {\n    const result = JSON.parse(toolCall.result) as Partial<AskQuestionResult>\n    return Array.isArray(result.answers) ? result.answers : undefined\n  } catch {\n    return undefined\n  }\n}\n\nfunction statusError(toolCall: ChatToolCall): string | undefined {\n  if (toolCall.status !== 'error') return undefined\n  const err = toolCall.error ?? ''\n  if (err.includes('Abort') || err.includes('取消')) return '已取消'\n  return err || '提问失败'\n}\n\n/** 把 toolCall 转成提问表单的 questions / onSubmit；提交仍走 resolveAskQuestion */\nconst AskQuestionRender = defineComponent({\n  name: 'AskQuestionRender',\n  props: { toolCall: { type: Object as PropType<ChatToolCall>, required: true } },\n  setup(props) {\n    const questions = computed(() => parseQuestions(props.toolCall))\n    const answers = computed(() => parseAnswers(props.toolCall))\n    const error = computed(() => statusError(props.toolCall))\n    const onSubmit = (value: AskQuestionAnswer[] | AskQuestionResult) => {\n      resolveAskQuestion(props.toolCall.id, {\n        answers: Array.isArray(value) ? value : value.answers\n      })\n    }\n    return () =>\n      h(AskQuestion, {\n        questions: questions.value,\n        answers: answers.value,\n        error: error.value,\n        onSubmit\n      })\n  }\n})\n\n/**\n * 创建内置提问工具：execute 挂起等待用户在 UI 中作答，提交后结果回灌模型。\n * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要）；\n * 进行中因有内联 render 自动展开，终态默认折叠，展开后可查看问答摘要。\n */\nexport function createAskQuestionTool(\n  options: CreateAskQuestionToolOptions = {}\n): ChatTool<AskQuestionArgs> {\n  const {\n    name = 'askQuestion',\n    description = DEFAULT_DESCRIPTION,\n    label = '提问',\n    icon = QuestionFilled\n  } = options\n\n  return {\n    name,\n    description,\n    parameters: QUESTIONS_SCHEMA,\n    icon,\n    label,\n    render: AskQuestionRender,\n    execute: (_args, { toolCall, signal }) =>\n      new Promise<AskQuestionResult>((resolve, reject) => {\n        deferAskQuestion(toolCall.id, { resolve, reject })\n        signal.addEventListener(\n          'abort',\n          () => {\n            // 不依赖 signal.reason（各环境 DOMException 行为不一），统一拒绝为 AbortError\n            const error = new Error('Aborted')\n            error.name = 'AbortError'\n            takeAskQuestionDeferred(toolCall.id)?.reject(error)\n          },\n          { once: true }\n        )\n      })\n  }\n}\n"],"mappings":";;;;;AA8CA,MAAM,sBACJ;;AAIF,MAAM,mBAA4C;CAChD,MAAM;CACN,YAAY,EACV,WAAW;EACT,MAAM;EACN,aAAa;EACb,UAAU;EACV,UAAU;EACV,OAAO;GACL,MAAM;GACN,YAAY;IACV,UAAU;KAAE,MAAM;KAAU,aAAa;IAAO;IAChD,SAAS;KACP,MAAM;KACN,aAAa;KACb,OAAO,EAAE,MAAM,SAAS;IAC1B;IACA,aAAa;KAAE,MAAM;KAAU,aAAa;IAAY;GAC1D;GACA,UAAU,CAAC,UAAU;EACvB;CACF,EACF;CACA,UAAU,CAAC,WAAW;AACxB;AAEA,SAAS,eAAe,UAA2C;CACjE,IAAI;EACF,MAAM,OAAO,KAAK,MAAM,SAAS,aAAa,IAAI;EAClD,OAAO,MAAM,QAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC;CAC3D,QAAQ;EACN,OAAO,CAAC;CACV;AACF;AAEA,SAAS,aAAa,UAAyD;CAC7E,IAAI,SAAS,WAAW,aAAa,CAAC,SAAS,QAAQ,OAAO,KAAA;CAC9D,IAAI;EACF,MAAM,SAAS,KAAK,MAAM,SAAS,MAAM;EACzC,OAAO,MAAM,QAAQ,OAAO,OAAO,IAAI,OAAO,UAAU,KAAA;CAC1D,QAAQ;EACN;CACF;AACF;AAEA,SAAS,YAAY,UAA4C;CAC/D,IAAI,SAAS,WAAW,SAAS,OAAO,KAAA;CACxC,MAAM,MAAM,SAAS,SAAS;CAC9B,IAAI,IAAI,SAAS,OAAO,KAAK,IAAI,SAAS,IAAI,GAAG,OAAO;CACxD,OAAO,OAAO;AAChB;;AAGA,MAAM,oBAAoB,gBAAgB;CACxC,MAAM;CACN,OAAO,EAAE,UAAU;EAAE,MAAM;EAAkC,UAAU;CAAK,EAAE;CAC9E,MAAM,OAAO;EACX,MAAM,YAAY,eAAe,eAAe,MAAM,QAAQ,CAAC;EAC/D,MAAM,UAAU,eAAe,aAAa,MAAM,QAAQ,CAAC;EAC3D,MAAM,QAAQ,eAAe,YAAY,MAAM,QAAQ,CAAC;EACxD,MAAM,YAAY,UAAmD;GACnE,mBAAmB,MAAM,SAAS,IAAI,EACpC,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM,QAChD,CAAC;EACH;EACA,aACE,EAAEA,WAAa;GACb,WAAW,UAAU;GACrB,SAAS,QAAQ;GACjB,OAAO,MAAM;GACb;EACF,CAAC;CACL;AACF,CAAC;;;;;;AAOD,SAAgB,sBACd,UAAwC,CAAC,GACd;CAC3B,MAAM,EACJ,OAAO,eACP,cAAc,qBACd,QAAQ,MACR,OAAO,mBACL;CAEJ,OAAO;EACL;EACA;EACA,YAAY;EACZ;EACA;EACA,QAAQ;EACR,UAAU,OAAO,EAAE,UAAU,aAC3B,IAAI,SAA4B,SAAS,WAAW;GAClD,iBAAiB,SAAS,IAAI;IAAE;IAAS;GAAO,CAAC;GACjD,OAAO,iBACL,eACM;IAEJ,MAAM,wBAAQ,IAAI,MAAM,SAAS;IACjC,MAAM,OAAO;IACb,wBAAwB,SAAS,EAAE,CAAC,EAAE,OAAO,KAAK;GACpD,GACA,EAAE,MAAM,KAAK,CACf;EACF,CAAC;CACL;AACF"}

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
 import { AiChatEmits, AiChatExposed, AiChatProps, _AiChatExposed } from "./ai-chat.js";
-import { AiOrbEmits, AiOrbExposed, AiOrbProps, AiOrbReaction, AiOrbStatus } from "./ai-orb.js";
-export { AiChatEmits, AiChatExposed, AiChatProps, AiOrbEmits, AiOrbExposed, AiOrbProps, AiOrbReaction, AiOrbStatus, _AiChatExposed };
+export { AiChatEmits, AiChatExposed, AiChatProps, _AiChatExposed };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/ai",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"

package/src/components/ai-chat/__test__/ai-chat.test.ts

@@ -207,6 +207,8 @@ describe('UAiChat', () => {
     await vi.waitFor(() => {
       expect(host.querySelector('.u-ai-chat__tool-call-confirm')).toBeTruthy()
     })
+    // 待确认自动展开：确认前可查看参数
+    expect(host.querySelector('.u-ai-chat__tool-call.is-active')).toBeTruthy()
     expect(execute).not.toHaveBeenCalled()
 
     const allowBtn = [
@@ -286,21 +288,40 @@ describe('UAiChat', () => {
     ...extra
   })
 
-  it('render 自定义渲染替换卡片 body，完成后保持展开', async () => {
+  it('render 自定义渲染替换卡片 body，完成后默认折叠、展开后可见', async () => {
     const tools = [weatherTool({ render: createResultView('weather-view') })]
     const { host, chat, unmount } = mountAiChat({ transport: createWeatherTransport(), tools })
 
     chat.value?.send('北京天气')
 
-    // 最终答案输出后工具卡片收进「已完成」过程块，展开后 render 保持展开态
+    // 最终答案输出后工具卡片收进「已完成」过程块，展开后断言
     await expandProcess(host)
 
-    // 完成后保持展开，默认参数/结果区被替换
+    // render 工具完成后默认折叠（不再是保持展开）
+    expect(host.querySelector('.u-ai-chat__tool-call.is-success')).toBeTruthy()
+    expect(host.querySelector('.u-ai-chat__tool-call.is-active')).toBeFalsy()
+
+    // 手动展开：render 替换默认参数/结果区
+    const header = host.querySelector<HTMLElement>('.u-ai-chat__tool-call .u-collapse__header')!
+    header.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    await nextTick()
+    await nextTick()
+    expect(host.querySelector('.weather-view')?.textContent).toContain('{"temperature":26}')
+    expect(host.querySelector('.u-ai-chat__tool-call-code')).toBeFalsy()
+    unmount()
+  })
+
+  it('terminal + render 的「UI 即答复」工具完成后保持展开', async () => {
+    const tools = [weatherTool({ render: createResultView('weather-view'), terminal: true })]
+    const { host, chat, unmount } = mountAiChat({ transport: createWeatherTransport(), tools })
+
+    chat.value?.send('北京天气')
+
+    // 终结工具成功即结束对话（无第二轮文本），答复卡片保持展开
     await vi.waitFor(() => {
       expect(host.querySelector('.u-ai-chat__tool-call.is-success.is-active')).toBeTruthy()
     })
     expect(host.querySelector('.weather-view')?.textContent).toContain('{"temperature":26}')
-    expect(host.querySelector('.u-ai-chat__tool-call-code')).toBeFalsy()
     unmount()
   })
 
@@ -389,6 +410,43 @@ describe('UAiChat', () => {
     unmount()
   })
 
+  it('思考中默认折叠，头部右侧滚动展示最新一行思考', async () => {
+    // 由测试手动推进流式节奏，避免断言竞态
+    const steps: (() => void)[] = []
+    const transport: ChatTransport = async (_req, handlers) => {
+      handlers.onReasoningDelta?.('第一行思考')
+      await new Promise<void>((resolve) => steps.push(resolve))
+      handlers.onReasoningDelta?.('\n\n第二行思考')
+      await new Promise<void>((resolve) => steps.push(resolve))
+      handlers.onTextDelta('答案')
+    }
+    const { host, chat, unmount } = mountAiChat({ transport })
+
+    chat.value?.send('hi')
+
+    // 思考中：折叠态不挂载内容 DOM，头部标题为「思考中…」且右侧展示最新一行
+    await vi.waitFor(() => {
+      expect(host.querySelector('.u-ai-chat__reasoning-line')?.textContent).toBe('第一行思考')
+    })
+    expect(host.querySelector('.u-ai-chat__reasoning-title')?.textContent).toContain('思考中')
+    expect(host.querySelector('.u-ai-chat__reasoning-content')).toBeFalsy()
+
+    // 流式推进后滚动到最新一行（跳过空行）
+    steps.shift()?.()
+    await vi.waitFor(() => {
+      expect(host.querySelector('.u-ai-chat__reasoning-line')?.textContent).toBe('第二行思考')
+    })
+
+    // 正文开始输出后：标题回到「思考过程」，不再展示行
+    steps.shift()?.()
+    await vi.waitFor(() => {
+      expect(host.querySelector('.md-stub')?.textContent).toContain('答案')
+    })
+    expect(host.querySelector('.u-ai-chat__reasoning-title')?.textContent).toContain('思考过程')
+    expect(host.querySelector('.u-ai-chat__reasoning-line')).toBeFalsy()
+    unmount()
+  })
+
   it('思考过程流式结束后自动折叠并卸载内容 DOM', async () => {
     const transport: ChatTransport = (_req, handlers) => {
       handlers.onReasoningDelta?.('先分析一下问题')
@@ -513,6 +571,12 @@ describe('UAiChat', () => {
     await expandProcess(host)
 
     expect(host.querySelector('.u-ai-chat__tool-call.is-success')).toBeTruthy()
+
+    // 完成后默认折叠，展开后 render 优先于插槽
+    const header = host.querySelector<HTMLElement>('.u-ai-chat__tool-call .u-collapse__header')!
+    header.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    await nextTick()
+    await nextTick()
     expect(host.querySelector('.weather-view')).toBeTruthy()
     expect(host.querySelector('.slot-view')).toBeFalsy()
     unmount()
@@ -1319,6 +1383,11 @@ describe('UAiChat', () => {
     expect(host.querySelector('.u-ai-chat__tool-call-name')?.classList.contains('u-shine')).toBe(
       true
     )
+    // 进行中默认折叠
+    expect(host.querySelector('.u-ai-chat__tool-call.is-active')).toBeFalsy()
+
+    // 手动展开可查看参数
+    await expandToolCard(host)
     expect(host.textContent).toContain('"q": "hi"')
 
     call.status = 'success'
@@ -1326,7 +1395,7 @@ describe('UAiChat', () => {
     await nextTick()
     assertGenericCard(host, 'success')
 
-    await expandToolCard(host)
+    // 用户已手动展开过，进入终态后保持展开
     expect(host.textContent).toContain('"ok": true')
     unmount()
   })

package/src/components/ai-chat/message-item.vue

@@ -32,6 +32,10 @@
           <span :class="[cls.e('reasoning-title'), isThinking && 'u-shine']">
             {{ isThinking ? '思考中…' : '思考过程' }}
           </span>
+          <!-- 折叠态在头部右侧滚动展示最新一行思考 -->
+          <span v-if="latestReasoningLine" :class="cls.e('reasoning-line')">
+            {{ latestReasoningLine }}
+          </span>
           <UIcon :class="cls.e('reasoning-chevron')"><ArrowRight /></UIcon>
         </div>
         <!-- 折叠时完全卸载内容 DOM：思考文本可能很长，常驻挂载浪费内存与渲染成本 -->
@@ -127,12 +131,24 @@ const isStreaming = computed(() => props.message.status === 'streaming')
 /** 思考中：流式且正文还未开始输出 */
 const isThinking = computed(() => isStreaming.value && !props.message.content)
 
-const reasoningExpanded = ref(true)
+/** 思考默认折叠（含流式进行中），用户点击头部展开 */
+const reasoningExpanded = ref(false)
+
+/** 折叠时头部右侧滚动展示的最新一行思考：取最后一行非空文本，随流式输出持续刷新 */
+const latestReasoningLine = computed(() => {
+  if (!isThinking.value || reasoningExpanded.value) return ''
+  const lines = (props.message.reasoning ?? '').split('\n')
+  for (let i = lines.length - 1; i >= 0; i--) {
+    const line = lines[i]?.trim()
+    if (line) return line
+  }
+  return ''
+})
 
 /** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */
 const reasoningStick = ref(true)
 
-/** 思考内容滚动区：流式输出时吸附底部，始终展示最新思考 */
+/** 思考内容滚动区：展开且流式输出时吸附底部，始终展示最新思考 */
 const reasoningScrollRef = useTemplateRef<InstanceType<typeof UScroll>>('reasoningScrollRef')
 
 const toggleReasoning = async () => {
@@ -152,20 +168,6 @@ const handleReasoningScroll = (position: Required<ScrollPosition>) => {
   if (position.sh - position.ch - position.y < 8) reasoningStick.value = true
 }
 
-// 流式结束后自动折叠思考过程；immediate 保证终态消息重挂载（过程块展开/收起、载入历史会话）时呈折叠态
-watch(
-  () => props.message.status,
-  (status) => {
-    if (status === 'streaming') {
-      reasoningExpanded.value = true
-      reasoningStick.value = true
-    } else if (status) {
-      reasoningExpanded.value = false
-    }
-  },
-  { immediate: true }
-)
-
 watch(
   () => props.message.reasoning,
   async () => {

package/src/components/ai-chat/message-list.vue

@@ -3,7 +3,6 @@
     <UScroll
       :class="cls.e('list')"
       ref="scrollRef"
-      always
       @scroll="handleScroll"
       @wheel.passive="handleWheel"
     >
@@ -83,9 +82,14 @@
 
     <!-- 用户上翻浏览时悬浮入口：一键回到最新消息 -->
     <Transition :name="cls.em('to-latest', 'fade')">
-      <button v-if="showToLatest" type="button" :class="cls.e('to-latest')" @click="scrollToLatest">
+      <button
+        v-if="showToLatest"
+        type="button"
+        :class="cls.e('to-latest')"
+        title="回到最新"
+        @click="scrollToLatest"
+      >
         <UIcon><ArrowDown /></UIcon>
-        <span>最新消息</span>
       </button>
     </Transition>
   </div>
@@ -387,7 +391,7 @@ const stickToBottom = ref(true)
 /** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */
 let lastScrollY = 0
 
-/** 上翻阅读时展示「最新消息」悬浮按钮 */
+/** 上翻阅读时展示回到底部的悬浮按钮 */
 const showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0)
 
 const handleScroll = (position: Required<ScrollPosition>) => {

package/src/components/ai-chat/style.scss

@@ -346,21 +346,22 @@ $root-name: ai-chat;
     }
   }
 
-  // 「最新消息」悬浮按钮：上翻浏览时出现，点击回到底部
+  // 回到底部悬浮按钮：上翻浏览时出现于列表下方，点击回到底部
   @include m.e(to-latest) {
     position: absolute;
-    top: fn.use-var(gap, small);
+    bottom: fn.use-var(gap, small);
     left: 50%;
     transform: translateX(-50%);
     z-index: 1;
+    width: 28px;
+    height: 28px;
+    padding: 0;
     @include m.flex(flex, center, center);
-    gap: 4px;
-    padding: 4px 12px;
     border: none;
-    border-radius: 999px;
+    border-radius: 50%;
     background-color: fn.use-var(bg-color, top);
     color: fn.use-var(text-color, second);
-    font-size: fn.use-var(font-size-main, small);
+    font-size: 14px;
     box-shadow: 0 2px 8px fn.color-a(shadow, 20, color);
     cursor: pointer;
     transition: color 0.15s ease;
@@ -384,12 +385,12 @@ $root-name: ai-chat;
 
   @include m.em(to-latest, 'fade-enter-from') {
     opacity: 0;
-    transform: translateX(-50%) translateY(-4px);
+    transform: translateX(-50%) translateY(4px);
   }
 
   @include m.em(to-latest, 'fade-leave-to') {
     opacity: 0;
-    transform: translateX(-50%) translateY(-4px);
+    transform: translateX(-50%) translateY(4px);
   }
 
   @include m.e(message) {
@@ -500,7 +501,17 @@ $root-name: ai-chat;
   }
 
   @include m.e(reasoning-title) {
+    flex-shrink: 0;
+    line-height: 1.5;
+  }
+
+  // 折叠态头部右侧滚动展示的最新一行思考
+  @include m.e(reasoning-line) {
+    flex: 1;
+    min-width: 0;
+    @include m.ellipsis;
     line-height: 1.5;
+    color: fn.use-var(text-color, assist);
   }
 
   @include m.e(reasoning-chevron) {

package/src/components/ai-chat/style.ts

@@ -10,4 +10,6 @@ import '@veltra/desktop/components/scroll/style'
 import '@veltra/desktop/components/select/style'
 import '@veltra/styles/animations/shine.scss'
 import 'markstream-vue/index.css'
+// 活体球为 ai-chat 内部组件，样式随 ai-chat 一并加载
+import '../ai-orb/style.scss'
 import './style.scss'

package/src/components/ai-chat/tool-call.vue

@@ -95,19 +95,39 @@ const markUserToggled = () => {
 /** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */
 const isPanelTool = computed(() => tool.value?.renderTo === 'panel')
 
-/** 完成后是否自动折叠：缺省面板工具折叠；有 render 时不折叠，否则折叠 */
-const autoCollapse = computed(
-  () => tool.value?.autoCollapse ?? (isPanelTool.value || !tool.value?.render)
+/** 「UI 即答复」的终结工具（session 元信息无 terminal，恒为 false） */
+const isAnswerTool = computed(() => {
+  const t = tool.value
+  return !!(t && 'terminal' in t && t.terminal)
+})
+
+/** 内联自定义 body（render / tool-<name> 插槽）：进行中可能是提问表单等交互 UI，需展开可见 */
+const hasInlineBody = computed(
+  () => !isPanelTool.value && !!(tool.value?.render || di?.slots[`tool-${props.toolCall.name}`])
 )
 
+/** 完成后是否自动折叠：缺省一律折叠；「UI 即答复」的终结工具缺省保持展开 */
+const autoCollapse = computed(() => tool.value?.autoCollapse ?? !isAnswerTool.value)
+
+/** 需要用户交互/展示的进行中状态：待确认（看参数再决策）、有内联自定义 body（提问表单等） */
+const needsInteraction = computed(() => {
+  if (props.toolCall.status === 'awaiting-confirm') return true
+  const active = props.toolCall.status === 'pending' || props.toolCall.status === 'running'
+  return active && hasInlineBody.value
+})
+
+const isSettledStatus = (status: ChatToolCall['status']) =>
+  status === 'success' || status === 'error' || status === 'rejected'
+
+// 默认折叠（含进行中）；仅交互/答复类自动展开，用户手动切换过后不再自动变化
 watch(
   () => props.toolCall.status,
   (status) => {
     if (userToggled) return
-    if (status === 'pending' || status === 'running' || status === 'awaiting-confirm') {
-      isExpanded.value = true
-    } else {
+    if (isSettledStatus(status)) {
       isExpanded.value = !autoCollapse.value
+    } else {
+      isExpanded.value = needsInteraction.value
     }
   },
   { immediate: true }
@@ -130,9 +150,7 @@ const isActive = computed(() => {
 })
 
 /** 终态（成功/失败/拒绝） */
-const isSettled = computed(() => {
-  return ['success', 'error', 'rejected'].includes(props.toolCall.status)
-})
+const isSettled = computed(() => isSettledStatus(props.toolCall.status))
 
 /**
  * 折叠后卸载内容 DOM：仅终态且非面板工具时启用——

package/src/components/index.ts

@@ -1,2 +1 @@
 export * from './ai-chat'
-export * from './ai-orb'

package/src/style.ts

@@ -1,2 +1 @@
 import './components/ai-chat/style'
-import './components/ai-orb/style'

package/src/tools/ask-question/__test__/ask-question.test.ts

@@ -76,6 +76,15 @@ async function expandProcess(host: HTMLElement) {
   await nextTick()
 }
 
+/** 工具卡片终态默认折叠（destroyOnCollapse 卸载内容 DOM）：点头部展开后内容才挂载 */
+async function expandToolCard(host: HTMLElement) {
+  const header = host.querySelector<HTMLElement>('.u-ai-chat__tool-call .u-collapse__header')!
+  expect(header, '工具卡片头部应存在').toBeTruthy()
+  click(header)
+  await nextTick()
+  await nextTick()
+}
+
 /** 底部导航按钮（UButton disabled 体现为 is-disabled class） */
 const actionButton = (host: HTMLElement, text: string) => {
   return [...host.querySelectorAll<HTMLElement>('.u-ai-chat__ask-question-actions button')].find(
@@ -169,10 +178,13 @@ describe('内置提问工具', () => {
       ]
     })
 
-    // 第二轮文本输出后，提问工具卡片收进「已完成」过程块，先展开
+    // 第二轮文本输出后，提问工具卡片收进「已完成」过程块，先展开过程块
     await expandProcess(host)
 
-    // 问答摘要视图：命中选项的回答渲染为 chip，完成后保持展开
+    // 工具卡片终态默认折叠且卸载内容 DOM，手动展开后才挂载摘要视图
+    await expandToolCard(host)
+
+    // 问答摘要视图：命中选项的回答渲染为 chip
     expect(host.querySelectorAll('.u-ai-chat__ask-question-result').length).toBe(3)
     const summary = host.querySelector('.u-ai-chat__ask-question')!.textContent!
     expect(summary).toContain('目标用户是谁？')
@@ -200,6 +212,12 @@ describe('内置提问工具', () => {
 
     chat.value?.abort()
 
+    // 中止后调用进入终态：卡片默认折叠并卸载内容 DOM，展开后显示状态
+    await vi.waitFor(() => {
+      expect(host.querySelector('.u-ai-chat__tool-call.is-error')).toBeTruthy()
+    })
+    await expandToolCard(host)
+
     await vi.waitFor(() => {
       expect(host.querySelector('.u-ai-chat__ask-question-status')?.textContent).toBe('已取消')
     })

package/src/tools/ask-question/ask-question.ts

@@ -126,7 +126,8 @@ const AskQuestionRender = defineComponent({
 
 /**
  * 创建内置提问工具：execute 挂起等待用户在 UI 中作答，提交后结果回灌模型。
- * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要，不自动折叠）。
+ * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要）；
+ * 进行中因有内联 render 自动展开，终态默认折叠，展开后可查看问答摘要。
  */
 export function createAskQuestionTool(
   options: CreateAskQuestionToolOptions = {}

package/src/types/index.ts

@@ -1,2 +1 @@
 export * from './ai-chat'
-export * from './ai-orb'

package/dist/components/ai-orb/style.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/components/ai-orb/style.js

@@ -1 +0,0 @@
-import "./style2.css";

package/dist/types/ai-orb.d.ts

@@ -1,26 +0,0 @@
-//#region src/types/ai-orb.d.ts
-/** 活体球生命状态：驱动常态动画（平静 / 思考 / 输出） */
-export type AiOrbStatus = 'idle' | 'thinking' | 'speaking';
-/**
- * 瞬时表情：播放约 1-2s 后自动回到 status 驱动的常态。
- * - happy：成功 / 回答完毕 —— 先睁大眼睛，再弯眼大笑 + 点头
- * - shock：惊讶 —— 睁大眼睛 + 小嘴微张 + 轻微后仰
- * - frustrated：受挫（如工具调用失败）—— 闭紧眼睛 + 摇头 + 嘴角下撇
- */
-export type AiOrbReaction = 'happy' | 'shock' | 'frustrated';
-export interface AiOrbProps {
-  /** 球体直径（px），默认 48 */
-  size?: number;
-  /** 生命状态，默认 idle */
-  status?: AiOrbStatus;
-}
-export interface AiOrbEmits {
-  /** 点击球体（球体同时会做 Q 弹反馈） */
-  (e: 'click'): void;
-}
-export interface AiOrbExposed {
-  /** 播放一次瞬时表情（对应阶段性事件，如回答完毕 / 工具调用失败） */
-  react: (reaction: AiOrbReaction) => void;
-}
-//#endregion
-//# sourceMappingURL=ai-orb.d.ts.map

package/src/components/ai-orb/index.ts

@@ -1 +0,0 @@
-export { default as UAiOrb } from './ai-orb.vue'

package/src/components/ai-orb/style.ts

@@ -1 +0,0 @@
-import './style.scss'