@veltra/ai 1.4.0 → 2.1.0

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

@@ -1,29 +1,145 @@
 import { AiChatDIKey } from "./di.js";
-import _sfc_main$1 from "./message-item.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, inject, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import _sfc_main$1 from "../ai-orb/ai-orb.js";
+import _sfc_main$2 from "./message-item.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { ArrowDown } from "@veltra/icons/normal";
+import { UIcon, UScroll } from "@veltra/desktop";
 import { bem } from "@veltra/utils";
-import { UScroll } from "@veltra/desktop";
 //#region src/components/ai-chat/message-list.vue
+const WELCOME_ORB_SIZE = 64;
+/** 工作指示活体球直径（px） */
+const WORKING_ORB_SIZE = 48;
+/** 生成结束 / 失败后工作球停留再隐藏 */
+const WORKING_LINGER_MS = 2500;
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UAiChatMessageList",
 	__name: "message-list",
 	props: {
 		messages: {},
 		welcome: {},
+		running: { type: Boolean },
 		rendererProps: {}
 	},
-	emits: ["respond", "regenerate"],
+	emits: [
+		"respond",
+		"regenerate",
+		"welcome-click"
+	],
 	setup(__props, { emit: __emit }) {
+		/** 欢迎区活体球直径（px） */
 		const props = __props;
 		const emit = __emit;
 		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
 		/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */
 		const visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== "tool"));
+		const welcomeItems = computed(() => {
+			const welcome = props.welcome;
+			if (!welcome) return [];
+			return (Array.isArray(welcome) ? welcome : [welcome]).filter(Boolean);
+		});
+		/** 欢迎语逐条轮换：当前展示项的下标 */
+		const welcomeIndex = ref(0);
+		/** 当前展示的欢迎语 */
+		const currentWelcomeItem = computed(() => {
+			const items = welcomeItems.value;
+			return items.length ? items[welcomeIndex.value % items.length] : void 0;
+		});
+		let welcomeTimer;
+		const stopWelcomeRotation = () => {
+			clearInterval(welcomeTimer);
+			welcomeTimer = void 0;
+		};
+		const startWelcomeRotation = () => {
+			stopWelcomeRotation();
+			if (welcomeItems.value.length > 1) welcomeTimer = setInterval(() => {
+				welcomeIndex.value += 1;
+			}, 4e3);
+		};
+		/** 点击欢迎球：不等自动轮换，立即换下一条，并重置计时 */
+		const cycleWelcome = () => {
+			if (welcomeItems.value.length <= 1) return;
+			welcomeIndex.value += 1;
+			startWelcomeRotation();
+		};
+		watch(() => [welcomeItems.value.length, visibleMessages.value.length], () => {
+			if (visibleMessages.value.length > 0) stopWelcomeRotation();
+			else startWelcomeRotation();
+		}, { immediate: true });
+		onBeforeUnmount(stopWelcomeRotation);
+		const workingOrbRef = useTemplateRef("workingOrb");
+		/** 工具调用失败的 id 去重集合：同一次失败只播一次沮丧表情 */
+		const reactedToolErrorIds = /* @__PURE__ */ new Set();
+		const toolErrorIds = computed(() => {
+			const ids = [];
+			for (const msg of props.messages) {
+				if (msg.role !== "assistant" || !msg.toolCalls) continue;
+				for (const call of msg.toolCalls) if (call.status === "error") ids.push(call.id);
+			}
+			return ids;
+		});
+		watch(toolErrorIds, (ids) => {
+			for (const id of ids) {
+				if (reactedToolErrorIds.has(id)) continue;
+				reactedToolErrorIds.add(id);
+				workingOrbRef.value?.react("frustrated");
+			}
+		});
+		/** 回答完毕 / 失败后工作球短暂停留，播完表情再隐藏 */
+		const finishing = ref(false);
+		let finishTimer;
+		const clearFinishing = () => {
+			clearTimeout(finishTimer);
+			finishing.value = false;
+		};
+		/** 工作球状态：收尾停留 → idle；正文输出中 → speaking；其余生成阶段 → thinking */
+		const workingOrbStatus = computed(() => {
+			if (finishing.value) return "idle";
+			const last = visibleMessages.value[visibleMessages.value.length - 1];
+			if (last?.role === "assistant" && last.status === "streaming" && last.content) return "speaking";
+			return "thinking";
+		});
+		watch(() => props.running, (running, prev) => {
+			if (running) {
+				clearFinishing();
+				return;
+			}
+			if (!prev) return;
+			finishing.value = true;
+			const last = visibleMessages.value[visibleMessages.value.length - 1];
+			let reaction;
+			if (last?.role === "assistant") {
+				if (last.status === "done") reaction = "happy";
+				else if (last.status === "error") reaction = "frustrated";
+			}
+			if (reaction) nextTick(() => workingOrbRef.value?.react(reaction));
+			finishTimer = setTimeout(clearFinishing, WORKING_LINGER_MS);
+		});
+		onBeforeUnmount(clearFinishing);
 		const scrollRef = shallowRef();
 		/** 是否吸附底部（用户上翻浏览历史时取消吸附） */
 		const stickToBottom = ref(true);
+		/** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */
+		let lastScrollY = 0;
+		/** 上翻阅读时展示「最新消息」悬浮按钮 */
+		const showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0);
 		const handleScroll = (position) => {
-			stickToBottom.value = position.sh - position.ch - position.y < 60;
+			if (position.sh - position.ch - position.y < 60) stickToBottom.value = true;
+			else if (position.y < lastScrollY) stickToBottom.value = false;
+			lastScrollY = position.y;
+		};
+		/**
+		* 用户向上滚动轮 = 明确的离开底部意图，立即取消吸附。
+		* 不能等 scroll 事件再按方向判断：流式期间每个 chunk 都会排一次吸底滚动，
+		* 滞后的 scrollTo 会把用户拉回底部并触发 atBottom 重新吸附，导致「上滚动不了」
+		*/
+		const handleWheel = (e) => {
+			if (e.deltaY < 0) stickToBottom.value = false;
+		};
+		/** 点击悬浮按钮：恢复吸附并回到底部 */
+		const scrollToLatest = async () => {
+			stickToBottom.value = true;
+			await nextTick();
+			scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER });
 		};
 		watch(() => {
 			const list = visibleMessages.value;
@@ -32,40 +148,109 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				list.length,
 				last?.content.length ?? 0,
 				last?.reasoning?.length ?? 0,
-				last?.toolCalls?.length ?? 0
+				last?.toolCalls?.length ?? 0,
+				props.running
 			].join("|");
 		}, async () => {
+			const list = visibleMessages.value;
+			if (list[list.length - 1]?.role === "user") stickToBottom.value = true;
+			if (!stickToBottom.value) return;
+			await nextTick();
+			if (!stickToBottom.value) return;
+			scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER });
+		});
+		let trailingScrollTimer;
+		watch(() => props.running, async (running) => {
+			if (running) return;
+			clearTimeout(trailingScrollTimer);
 			if (!stickToBottom.value) return;
 			await nextTick();
+			if (!stickToBottom.value) return;
 			scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER });
+			trailingScrollTimer = setTimeout(() => {
+				if (stickToBottom.value) scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER });
+			}, 150);
 		});
+		onBeforeUnmount(() => clearTimeout(trailingScrollTimer));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(UScroll), {
-				class: normalizeClass(unref(cls).e("list")),
-				ref_key: "scrollRef",
-				ref: scrollRef,
-				always: "",
-				onScroll: handleScroll
-			}, {
-				default: withCtx(() => [!visibleMessages.value.length ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(cls).e("welcome"))
-				}, [renderSlot(_ctx.$slots, "welcome", {}, () => [createTextVNode(toDisplayString(__props.welcome), 1)])], 2)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleMessages.value, (msg, index) => {
-					return openBlock(), createBlock(_sfc_main$1, {
-						key: msg.id,
-						message: msg,
-						"is-last": index === visibleMessages.value.length - 1,
-						"renderer-props": __props.rendererProps,
-						onRespond: _cache[0] || (_cache[0] = (id, approved) => emit("respond", id, approved)),
-						onRegenerate: _cache[1] || (_cache[1] = ($event) => emit("regenerate"))
-					}, null, 8, [
-						"message",
-						"is-last",
-						"renderer-props"
-					]);
-				}), 128))]),
-				_: 3
-			}, 8, ["class"]);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("list-wrap")) }, [
+				createVNode(unref(UScroll), {
+					class: normalizeClass(unref(cls).e("list")),
+					ref_key: "scrollRef",
+					ref: scrollRef,
+					always: "",
+					onScroll: handleScroll,
+					onWheelPassive: handleWheel
+				}, {
+					default: withCtx(() => [
+						!visibleMessages.value.length ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(unref(cls).e("welcome"))
+						}, [renderSlot(_ctx.$slots, "welcome", {}, () => [createElementVNode("div", { class: normalizeClass(unref(cls).e("welcome-inner")) }, [
+							createVNode(_sfc_main$1, {
+								size: WELCOME_ORB_SIZE,
+								onClick: cycleWelcome
+							}),
+							createCommentVNode(" 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n                 固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 "),
+							welcomeItems.value.length ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								class: normalizeClass(unref(cls).e("welcome-item-wrap"))
+							}, [createVNode(Transition, {
+								name: unref(cls).em("welcome", "swap"),
+								mode: "out-in"
+							}, {
+								default: withCtx(() => [currentWelcomeItem.value ? (openBlock(), createElementBlock("button", {
+									key: welcomeIndex.value,
+									type: "button",
+									class: normalizeClass(unref(cls).e("welcome-item")),
+									onClick: _cache[0] || (_cache[0] = ($event) => emit("welcome-click", currentWelcomeItem.value))
+								}, toDisplayString(currentWelcomeItem.value), 3)) : createCommentVNode("v-if", true)]),
+								_: 1
+							}, 8, ["name"])], 2)) : createCommentVNode("v-if", true)
+						], 2)])], 2)) : createCommentVNode("v-if", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(visibleMessages.value, (msg, index) => {
+							return openBlock(), createBlock(_sfc_main$2, {
+								key: msg.id,
+								message: msg,
+								"is-last": index === visibleMessages.value.length - 1,
+								"renderer-props": __props.rendererProps,
+								onRespond: _cache[1] || (_cache[1] = (id, approved) => emit("respond", id, approved)),
+								onRegenerate: _cache[2] || (_cache[2] = ($event) => emit("regenerate"))
+							}, null, 8, [
+								"message",
+								"is-last",
+								"renderer-props"
+							]);
+						}), 128)),
+						createCommentVNode(" 工作状态统一指示：生成中在列表末尾展示活体球 + 文案；结束 / 失败停留片刻再隐藏 "),
+						__props.running || finishing.value ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(unref(cls).e("working"))
+						}, [createVNode(_sfc_main$1, {
+							ref: "workingOrb",
+							size: WORKING_ORB_SIZE,
+							status: workingOrbStatus.value
+						}, null, 8, ["status"]), __props.running ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass([unref(cls).e("working-text"), "u-shine"])
+						}, "工作中…", 2)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)
+					]),
+					_: 3
+				}, 8, ["class"]),
+				createCommentVNode(" 用户上翻浏览时悬浮入口：一键回到最新消息 "),
+				createVNode(Transition, { name: unref(cls).em("to-latest", "fade") }, {
+					default: withCtx(() => [showToLatest.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: normalizeClass(unref(cls).e("to-latest")),
+						onClick: scrollToLatest
+					}, [createVNode(unref(UIcon), null, {
+						default: withCtx(() => [createVNode(unref(ArrowDown))]),
+						_: 1
+					}), _cache[3] || (_cache[3] = createElementVNode("span", null, "最新消息", -1))], 2)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["name"])
+			], 2);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"message-list.js","names":[],"sources":["../../../src/components/ai-chat/message-list.vue"],"sourcesContent":["<template>\n  <UScroll :class=\"cls.e('list')\" ref=\"scrollRef\" always @scroll=\"handleScroll\">\n    <div v-if=\"!visibleMessages.length\" :class=\"cls.e('welcome')\">\n      <slot name=\"welcome\">{{ welcome }}</slot>\n    </div>\n\n    <MessageItem\n      v-for=\"(msg, index) in visibleMessages\"\n      :key=\"msg.id\"\n      :message=\"msg\"\n      :is-last=\"index === visibleMessages.length - 1\"\n      :renderer-props=\"rendererProps\"\n      @respond=\"(id, approved) => emit('respond', id, approved)\"\n      @regenerate=\"emit('regenerate')\"\n    />\n  </UScroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, ref, shallowRef, watch } from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport MessageItem from './message-item.vue'\n\ndefineOptions({ name: 'UAiChatMessageList' })\n\nconst props = defineProps<{\n  messages: ChatMessage[]\n  /** 空状态欢迎语 */\n  welcome?: string\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\ndefineSlots<{\n  /** 空状态欢迎区插槽 */\n  welcome(): any\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */\nconst visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== 'tool'))\n\nconst scrollRef = shallowRef<{ scrollTo: (position: ScrollPosition) => void }>()\n/** 是否吸附底部（用户上翻浏览历史时取消吸附） */\nconst stickToBottom = ref(true)\n\nconst handleScroll = (position: Required<ScrollPosition>) => {\n  stickToBottom.value = position.sh - position.ch - position.y < 60\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    ].join('|')\n  },\n  async () => {\n    if (!stickToBottom.value) return\n    await nextTick()\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAWb,MAAM,MADK,OAAO,WACN,CAAA,EAAI,OAAO,IAAI,SAAS;;EAGpC,MAAM,kBAAkB,eAAe,MAAM,SAAS,QAAQ,QAAQ,IAAI,SAAS,MAAM,CAAC;EAE1F,MAAM,YAAY,WAA6D;;EAE/E,MAAM,gBAAgB,IAAI,IAAI;EAE9B,MAAM,gBAAgB,aAAuC;GAC3D,cAAc,QAAQ,SAAS,KAAK,SAAS,KAAK,SAAS,IAAI;EACjE;EAGA,YACQ;GACJ,MAAM,OAAO,gBAAgB;GAC7B,MAAM,OAAO,KAAK,KAAK,SAAS;GAChC,OAAO;IACL,KAAK;IACL,MAAM,QAAQ,UAAU;IACxB,MAAM,WAAW,UAAU;IAC3B,MAAM,WAAW,UAAU;GAC7B,CAAC,CAAC,KAAK,GAAG;EACZ,GACA,YAAY;GACV,IAAI,CAAC,cAAc,OAAO;GAC1B,MAAM,SAAS;GACf,UAAU,OAAO,SAAS,EAAE,GAAG,OAAO,iBAAiB,CAAC;EAC1D,CACF;;uBA9EE,YAcU,MAAA,OAAA,GAAA;IAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;aAAc;IAAJ,KAAI;IAAY,QAAA;IAAQ,UAAQ;;2BAGxD,CAAA,CAFM,gBAAA,MAAgB,UAAA,UAAA,GAA5B,mBAEM,OAAA;;KAF+B,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA;QAC/C,WAAyC,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAjB,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,IAAA,UAAA,IAAA,GAGjC,mBAQE,UAAA,MAAA,WAPuB,gBAAA,QAAf,KAAK,UAAK;yBADpB,YAQE,aAAA;MANC,KAAK,IAAI;MACT,SAAS;MACT,WAAS,UAAU,gBAAA,MAAgB,SAAM;MACzC,kBAAgB,QAAA;MAChB,WAAO,OAAA,OAAA,OAAA,MAAG,IAAI,aAAa,KAAI,WAAY,IAAI,QAAQ;MACvD,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA"}
+{"version":3,"file":"message-list.js","names":[],"sources":["../../../src/components/ai-chat/message-list.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('list-wrap')\">\n    <UScroll\n      :class=\"cls.e('list')\"\n      ref=\"scrollRef\"\n      always\n      @scroll=\"handleScroll\"\n      @wheel.passive=\"handleWheel\"\n    >\n      <div v-if=\"!visibleMessages.length\" :class=\"cls.e('welcome')\">\n        <slot name=\"welcome\">\n          <div :class=\"cls.e('welcome-inner')\">\n            <UAiOrb :size=\"WELCOME_ORB_SIZE\" @click=\"cycleWelcome\" />\n            <!-- 快捷提问逐条展示在球右侧并自动轮换：点文案发送，点球立即换下一条。\n                 固定锚点布局：球位置钉死不动，气泡只向右延展，避免轮换时水平瞬移 -->\n            <div v-if=\"welcomeItems.length\" :class=\"cls.e('welcome-item-wrap')\">\n              <Transition :name=\"cls.em('welcome', 'swap')\" mode=\"out-in\">\n                <button\n                  v-if=\"currentWelcomeItem\"\n                  :key=\"welcomeIndex\"\n                  type=\"button\"\n                  :class=\"cls.e('welcome-item')\"\n                  @click=\"emit('welcome-click', currentWelcomeItem)\"\n                >\n                  {{ currentWelcomeItem }}\n                </button>\n              </Transition>\n            </div>\n          </div>\n        </slot>\n      </div>\n\n      <MessageItem\n        v-for=\"(msg, index) in visibleMessages\"\n        :key=\"msg.id\"\n        :message=\"msg\"\n        :is-last=\"index === visibleMessages.length - 1\"\n        :renderer-props=\"rendererProps\"\n        @respond=\"(id, approved) => emit('respond', id, approved)\"\n        @regenerate=\"emit('regenerate')\"\n      />\n\n      <!-- 工作状态统一指示：生成中在列表末尾展示活体球 + 文案；结束 / 失败停留片刻再隐藏 -->\n      <div v-if=\"running || finishing\" :class=\"cls.e('working')\">\n        <UAiOrb ref=\"workingOrb\" :size=\"WORKING_ORB_SIZE\" :status=\"workingOrbStatus\" />\n        <span v-if=\"running\" :class=\"[cls.e('working-text'), 'u-shine']\">工作中…</span>\n      </div>\n    </UScroll>\n\n    <!-- 用户上翻浏览时悬浮入口：一键回到最新消息 -->\n    <Transition :name=\"cls.em('to-latest', 'fade')\">\n      <button v-if=\"showToLatest\" type=\"button\" :class=\"cls.e('to-latest')\" @click=\"scrollToLatest\">\n        <UIcon><ArrowDown /></UIcon>\n        <span>最新消息</span>\n      </button>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  watch\n} from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport type { AiOrbExposed, AiOrbReaction, AiOrbStatus } from '../../types/ai-orb'\nimport UAiOrb from '../ai-orb/ai-orb.vue'\nimport { AiChatDIKey } from './di'\nimport MessageItem from './message-item.vue'\n\ndefineOptions({ name: 'UAiChatMessageList' })\n\n/** 欢迎区活体球直径（px） */\nconst WELCOME_ORB_SIZE = 64\n/** 工作指示活体球直径（px） */\nconst WORKING_ORB_SIZE = 48\n/** 生成结束 / 失败后工作球停留再隐藏 */\nconst WORKING_LINGER_MS = 2500\n\nconst props = defineProps<{\n  messages: ChatMessage[]\n  /** 空状态欢迎项；字符串按单项处理 */\n  welcome?: string | string[]\n  /** 是否生成中（控制底部工作状态指示） */\n  running?: boolean\n  /** 透传给 MarkdownRender 的属性 */\n  rendererProps?: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'respond', toolCallId: string, approved: boolean): void\n  (e: 'regenerate'): void\n  /** 点击欢迎项（快捷提问） */\n  (e: 'welcome-click', text: string): void\n}>()\n\ndefineSlots<{\n  /** 空状态欢迎区插槽 */\n  welcome(): any\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** tool 消息不单独渲染，其内容体现在工具卡片的结果区 */\nconst visibleMessages = computed(() => props.messages.filter((msg) => msg.role !== 'tool'))\n\nconst welcomeItems = computed(() => {\n  const welcome = props.welcome\n  if (!welcome) return []\n  return (Array.isArray(welcome) ? welcome : [welcome]).filter(Boolean)\n})\n\n/** 欢迎语逐条轮换：当前展示项的下标 */\nconst welcomeIndex = ref(0)\n\n/** 当前展示的欢迎语 */\nconst currentWelcomeItem = computed(() => {\n  const items = welcomeItems.value\n  return items.length ? items[welcomeIndex.value % items.length] : undefined\n})\n\nlet welcomeTimer: ReturnType<typeof setInterval> | undefined\n\nconst stopWelcomeRotation = () => {\n  clearInterval(welcomeTimer)\n  welcomeTimer = undefined\n}\n\nconst startWelcomeRotation = () => {\n  stopWelcomeRotation()\n  if (welcomeItems.value.length > 1) {\n    welcomeTimer = setInterval(() => {\n      welcomeIndex.value += 1\n    }, 4000)\n  }\n}\n\n/** 点击欢迎球：不等自动轮换，立即换下一条，并重置计时 */\nconst cycleWelcome = () => {\n  if (welcomeItems.value.length <= 1) return\n  welcomeIndex.value += 1\n  startWelcomeRotation()\n}\n\n// 欢迎区展示期间自动轮换；出现消息后停止\nwatch(\n  () => [welcomeItems.value.length, visibleMessages.value.length] as const,\n  () => {\n    if (visibleMessages.value.length > 0) stopWelcomeRotation()\n    else startWelcomeRotation()\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(stopWelcomeRotation)\n\nconst workingOrbRef = useTemplateRef<AiOrbExposed>('workingOrb')\n\n/** 工具调用失败的 id 去重集合：同一次失败只播一次沮丧表情 */\nconst reactedToolErrorIds = new Set<string>()\n\nconst toolErrorIds = computed(() => {\n  const ids: string[] = []\n  for (const msg of props.messages) {\n    if (msg.role !== 'assistant' || !msg.toolCalls) continue\n    for (const call of msg.toolCalls) {\n      if (call.status === 'error') ids.push(call.id)\n    }\n  }\n  return ids\n})\n\n// 工具调用失败 → 工作球闭眼摇头（frustrated）\nwatch(toolErrorIds, (ids) => {\n  for (const id of ids) {\n    if (reactedToolErrorIds.has(id)) continue\n    reactedToolErrorIds.add(id)\n    workingOrbRef.value?.react('frustrated')\n  }\n})\n\n/** 回答完毕 / 失败后工作球短暂停留，播完表情再隐藏 */\nconst finishing = ref(false)\nlet finishTimer: ReturnType<typeof setTimeout> | undefined\n\nconst clearFinishing = () => {\n  clearTimeout(finishTimer)\n  finishing.value = false\n}\n\n/** 工作球状态：收尾停留 → idle；正文输出中 → speaking；其余生成阶段 → thinking */\nconst workingOrbStatus = computed<AiOrbStatus>(() => {\n  if (finishing.value) return 'idle'\n  const last = visibleMessages.value[visibleMessages.value.length - 1]\n  if (last?.role === 'assistant' && last.status === 'streaming' && last.content) {\n    return 'speaking'\n  }\n  return 'thinking'\n})\n\nwatch(\n  () => props.running,\n  (running, prev) => {\n    if (running) {\n      // 新一轮生成开始：立即结束收尾停留\n      clearFinishing()\n      return\n    }\n    if (!prev) return\n\n    finishing.value = true\n    const last = visibleMessages.value[visibleMessages.value.length - 1]\n    let reaction: AiOrbReaction | undefined\n    if (last?.role === 'assistant') {\n      if (last.status === 'done') reaction = 'happy'\n      else if (last.status === 'error') reaction = 'frustrated'\n    }\n    if (reaction) {\n      nextTick(() => workingOrbRef.value?.react(reaction))\n    }\n    finishTimer = setTimeout(clearFinishing, WORKING_LINGER_MS)\n  }\n)\n\nonBeforeUnmount(clearFinishing)\n\nconst scrollRef = shallowRef<{ scrollTo: (position: ScrollPosition) => void }>()\n/** 是否吸附底部（用户上翻浏览历史时取消吸附） */\nconst stickToBottom = ref(true)\n/** 上一次滚动位置：用于区分用户上翻与自动吸底触发的 scroll 事件 */\nlet lastScrollY = 0\n\n/** 上翻阅读时展示「最新消息」悬浮按钮 */\nconst showToLatest = computed(() => !stickToBottom.value && visibleMessages.value.length > 0)\n\nconst handleScroll = (position: Required<ScrollPosition>) => {\n  const atBottom = position.sh - position.ch - position.y < 60\n  if (atBottom) {\n    stickToBottom.value = true\n  } else if (position.y < lastScrollY) {\n    // 只有「向上滚」才算用户离开底部的意图：自动吸底的 scroll 事件可能滞后于\n    // 流式内容增长（sh 已变大、y 仍是旧底部），按位置判断会误判成未吸底\n    stickToBottom.value = false\n  }\n  lastScrollY = position.y\n}\n\n/**\n * 用户向上滚动轮 = 明确的离开底部意图，立即取消吸附。\n * 不能等 scroll 事件再按方向判断：流式期间每个 chunk 都会排一次吸底滚动，\n * 滞后的 scrollTo 会把用户拉回底部并触发 atBottom 重新吸附，导致「上滚动不了」\n */\nconst handleWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) stickToBottom.value = false\n}\n\n/** 点击悬浮按钮：恢复吸附并回到底部 */\nconst scrollToLatest = async () => {\n  stickToBottom.value = true\n  await nextTick()\n  scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\n// 消息数量或流式内容变化时，若处于吸附状态则滚动到底部\nwatch(\n  () => {\n    const list = visibleMessages.value\n    const last = list[list.length - 1]\n    return [\n      list.length,\n      last?.content.length ?? 0,\n      last?.reasoning?.length ?? 0,\n      last?.toolCalls?.length ?? 0,\n      props.running\n    ].join('|')\n  },\n  async () => {\n    // 用户刚发出消息时强制回到底部（无论之前是否在上翻）\n    const list = visibleMessages.value\n    if (list[list.length - 1]?.role === 'user') stickToBottom.value = true\n    if (!stickToBottom.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态，避免把用户拉回底部\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nlet trailingScrollTimer: ReturnType<typeof setTimeout> | undefined\n\n// 生成收尾时动作区出现 / markdown 终态渲染 / 思考块折叠会再次改变高度，\n// 同帧滚动可能够不到最终底部，追加一次延迟兜底滚动\nwatch(\n  () => props.running,\n  async (running) => {\n    if (running) return\n    clearTimeout(trailingScrollTimer)\n    if (!stickToBottom.value) return\n    await nextTick()\n    if (!stickToBottom.value) return\n    scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    trailingScrollTimer = setTimeout(() => {\n      if (stickToBottom.value) scrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n    }, 150)\n  }\n)\n\nonBeforeUnmount(() => clearTimeout(trailingScrollTimer))\n</script>\n"],"mappings":"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"}

package/dist/components/ai-chat/model-picker.js

@@ -0,0 +1,140 @@
+import { AiChatDIKey } from "./di.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, nextTick, normalizeClass, openBlock, renderList, shallowRef, toDisplayString, unref, useModel, useTemplateRef, withCtx, withModifiers } from "vue";
+import { ArrowDown, Check } from "@veltra/icons/normal";
+import { UDropdown, UIcon } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/ai-chat/model-picker.vue
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatModelPicker",
+	__name: "model-picker",
+	props: /*@__PURE__*/ mergeModels({ models: {} }, {
+		"model": {},
+		"modelModifiers": {},
+		"reasoningLevel": {},
+		"reasoningLevelModifiers": {}
+	}),
+	emits: ["update:model", "update:reasoningLevel"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "model");
+		const reasoningLevel = useModel(__props, "reasoningLevel");
+		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
+		const dropdownRef = useTemplateRef("dropdownRef");
+		/** 当前内联展开思考强度的模型 id（手风琴，同时只展开一个） */
+		const expandedReasoningId = shallowRef();
+		const currentModel = computed(() => {
+			return props.models.find((m) => m.id === model.value);
+		});
+		const currentReasoningLabel = computed(() => {
+			return currentModel.value?.reasoningLevels?.find((level) => level.value === reasoningLevel.value)?.label;
+		});
+		/** 取模型默认推理等级：显式配置优先，缺省落到首个可选等级 */
+		const resolveDefaultReasoningLevel = (item) => {
+			const levels = item.reasoningLevels ?? [];
+			if (!levels.length) return void 0;
+			return levels.find((level) => level.value === item.defaultReasoningLevel)?.value ?? levels[0]?.value;
+		};
+		/** 胶囊文案：已选中模型展示当前推理等级，其余展示该模型的默认等级 */
+		const getReasoningLabel = (item) => {
+			if (item.id === model.value && currentReasoningLabel.value) return currentReasoningLabel.value;
+			return item.reasoningLevels?.find((level) => level.value === resolveDefaultReasoningLevel(item))?.label;
+		};
+		const isReasoningActive = (item, value) => {
+			return item.id === model.value && reasoningLevel.value === value;
+		};
+		/** 关闭时收起内联思考强度，下次打开仍从模型列表开始 */
+		const handleVisibleChange = (visible) => {
+			if (!visible) expandedReasoningId.value = void 0;
+		};
+		/** 点击模型主体：直接选中模型，并同步到该模型默认推理等级 */
+		const handleSelectModel = (item) => {
+			model.value = item.id;
+			reasoningLevel.value = resolveDefaultReasoningLevel(item);
+			dropdownRef.value?.close();
+		};
+		/** 点击推理等级胶囊：内联展开/收起该模型的思考强度 */
+		const toggleReasoning = (item) => {
+			expandedReasoningId.value = expandedReasoningId.value === item.id ? void 0 : item.id;
+			nextTick(() => dropdownRef.value?.updateDropdown());
+		};
+		/** 选中思考强度：同时切到该等级所属模型，避免模型与推理等级错配 */
+		const handleSelectReasoning = (item, value) => {
+			model.value = item.id;
+			reasoningLevel.value = value;
+			dropdownRef.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UDropdown), {
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				trigger: "click",
+				width: "auto",
+				"min-width": "220px",
+				"content-class": unref(cls).e("model-panel"),
+				"onUpdate:visible": handleVisibleChange
+			}, {
+				trigger: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(cls).e("model-trigger"))
+				}, [
+					createElementVNode("span", { class: normalizeClass(unref(cls).e("model-trigger-label")) }, toDisplayString(currentModel.value?.label ?? model.value ?? "模型"), 3),
+					currentReasoningLabel.value ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("model-trigger-reasoning"))
+					}, toDisplayString(currentReasoningLabel.value), 3)) : createCommentVNode("v-if", true),
+					createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("model-trigger-arrow")) }, {
+						default: withCtx(() => [createVNode(unref(ArrowDown))]),
+						_: 1
+					}, 8, ["class"])
+				], 2)]),
+				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("model-panel-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.models, (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.id,
+						class: normalizeClass([unref(cls).e("model-option"), unref(bem).is("active", item.id === model.value)])
+					}, [createElementVNode("div", {
+						class: normalizeClass(unref(cls).e("model-option-main")),
+						onClick: ($event) => handleSelectModel(item)
+					}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("model-option-head")) }, [createElementVNode("span", { class: normalizeClass(unref(cls).e("model-option-name")) }, toDisplayString(item.label ?? item.id), 3), createElementVNode("span", { class: normalizeClass(unref(cls).e("model-option-actions")) }, [
+						item.reasoningLevels?.length ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: normalizeClass([unref(cls).e("model-option-reasoning"), unref(bem).is("expanded", expandedReasoningId.value === item.id)]),
+							onClick: withModifiers(($event) => toggleReasoning(item), ["stop"])
+						}, [createElementVNode("span", null, toDisplayString(getReasoningLabel(item)), 1), createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("model-option-reasoning-arrow")) }, {
+							default: withCtx(() => [createVNode(unref(ArrowDown))]),
+							_: 1
+						}, 8, ["class"])], 10, _hoisted_2)) : createCommentVNode("v-if", true),
+						createCommentVNode(" 勾选槽位固定占位：未选中也保留位置，保证推理等级按钮跨行对齐 "),
+						createVNode(unref(UIcon), { class: normalizeClass([unref(cls).e("model-option-check"), unref(bem).is("hidden", item.id !== model.value)]) }, {
+							default: withCtx(() => [createVNode(unref(Check))]),
+							_: 1
+						}, 8, ["class"])
+					], 2)], 2), item.description ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("model-option-desc"))
+					}, toDisplayString(item.description), 3)) : createCommentVNode("v-if", true)], 10, _hoisted_1), item.reasoningLevels?.length ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass([unref(cls).e("reasoning-levels"), unref(bem).is("expanded", expandedReasoningId.value === item.id)])
+					}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("reasoning-levels-inner")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.reasoningLevels, (level) => {
+						return openBlock(), createElementBlock("div", {
+							key: level.value,
+							class: normalizeClass([unref(cls).e("reasoning-option"), unref(bem).is("active", isReasoningActive(item, level.value))]),
+							onClick: ($event) => handleSelectReasoning(item, level.value)
+						}, [createElementVNode("span", null, toDisplayString(level.label), 1), createVNode(unref(UIcon), { class: normalizeClass([unref(cls).e("model-option-check"), unref(bem).is("hidden", !isReasoningActive(item, level.value))]) }, {
+							default: withCtx(() => [createVNode(unref(Check))]),
+							_: 1
+						}, 8, ["class"])], 10, _hoisted_3);
+					}), 128))], 2)], 2)) : createCommentVNode("v-if", true)], 2);
+				}), 128))], 2)]),
+				_: 1
+			}, 8, ["content-class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=model-picker.js.map

package/dist/components/ai-chat/model-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-picker.js","names":[],"sources":["../../../src/components/ai-chat/model-picker.vue"],"sourcesContent":["<template>\n  <UDropdown\n    ref=\"dropdownRef\"\n    trigger=\"click\"\n    width=\"auto\"\n    min-width=\"220px\"\n    :content-class=\"cls.e('model-panel')\"\n    @update:visible=\"handleVisibleChange\"\n  >\n    <template #trigger>\n      <button type=\"button\" :class=\"cls.e('model-trigger')\">\n        <span :class=\"cls.e('model-trigger-label')\">\n          {{ currentModel?.label ?? model ?? '模型' }}\n        </span>\n        <span v-if=\"currentReasoningLabel\" :class=\"cls.e('model-trigger-reasoning')\">\n          {{ currentReasoningLabel }}\n        </span>\n        <UIcon :class=\"cls.e('model-trigger-arrow')\">\n          <ArrowDown />\n        </UIcon>\n      </button>\n    </template>\n\n    <template #content>\n      <div :class=\"cls.e('model-panel-list')\">\n        <div\n          v-for=\"item in models\"\n          :key=\"item.id\"\n          :class=\"[cls.e('model-option'), bem.is('active', item.id === model)]\"\n        >\n          <div :class=\"cls.e('model-option-main')\" @click=\"handleSelectModel(item)\">\n            <div :class=\"cls.e('model-option-head')\">\n              <span :class=\"cls.e('model-option-name')\">{{ item.label ?? item.id }}</span>\n              <span :class=\"cls.e('model-option-actions')\">\n                <button\n                  v-if=\"item.reasoningLevels?.length\"\n                  type=\"button\"\n                  :class=\"[\n                    cls.e('model-option-reasoning'),\n                    bem.is('expanded', expandedReasoningId === item.id)\n                  ]\"\n                  @click.stop=\"toggleReasoning(item)\"\n                >\n                  <span>{{ getReasoningLabel(item) }}</span>\n                  <UIcon :class=\"cls.e('model-option-reasoning-arrow')\">\n                    <ArrowDown />\n                  </UIcon>\n                </button>\n                <!-- 勾选槽位固定占位：未选中也保留位置，保证推理等级按钮跨行对齐 -->\n                <UIcon :class=\"[cls.e('model-option-check'), bem.is('hidden', item.id !== model)]\">\n                  <Check />\n                </UIcon>\n              </span>\n            </div>\n            <div v-if=\"item.description\" :class=\"cls.e('model-option-desc')\">\n              {{ item.description }}\n            </div>\n          </div>\n\n          <div\n            v-if=\"item.reasoningLevels?.length\"\n            :class=\"[\n              cls.e('reasoning-levels'),\n              bem.is('expanded', expandedReasoningId === item.id)\n            ]\"\n          >\n            <div :class=\"cls.e('reasoning-levels-inner')\">\n              <div\n                v-for=\"level in item.reasoningLevels\"\n                :key=\"level.value\"\n                :class=\"[\n                  cls.e('reasoning-option'),\n                  bem.is('active', isReasoningActive(item, level.value))\n                ]\"\n                @click=\"handleSelectReasoning(item, level.value)\"\n              >\n                <span>{{ level.label }}</span>\n                <UIcon\n                  :class=\"[\n                    cls.e('model-option-check'),\n                    bem.is('hidden', !isReasoningActive(item, level.value))\n                  ]\"\n                >\n                  <Check />\n                </UIcon>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </UDropdown>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UDropdown, UIcon } from '@veltra/desktop'\nimport { ArrowDown, Check } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, shallowRef, useTemplateRef } from 'vue'\n\nimport type { ChatModelOption } from '../../providers'\nimport { AiChatDIKey } from './di'\n\ndefineOptions({ name: 'UAiChatModelPicker' })\n\nconst props = defineProps<{\n  /** 可选模型列表 */\n  models: ChatModelOption[]\n}>()\n\nconst model = defineModel<string | undefined>('model')\nconst reasoningLevel = defineModel<string | undefined>('reasoningLevel')\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst dropdownRef = useTemplateRef('dropdownRef')\n\n/** 当前内联展开思考强度的模型 id（手风琴，同时只展开一个） */\nconst expandedReasoningId = shallowRef<string>()\n\nconst currentModel = computed(() => {\n  return props.models.find((m) => m.id === model.value)\n})\n\nconst currentReasoningLabel = computed(() => {\n  return currentModel.value?.reasoningLevels?.find((level) => level.value === reasoningLevel.value)\n    ?.label\n})\n\n/** 取模型默认推理等级：显式配置优先，缺省落到首个可选等级 */\nconst resolveDefaultReasoningLevel = (item: ChatModelOption) => {\n  const levels = item.reasoningLevels ?? []\n  if (!levels.length) return undefined\n  return (\n    levels.find((level) => level.value === item.defaultReasoningLevel)?.value ?? levels[0]?.value\n  )\n}\n\n/** 胶囊文案：已选中模型展示当前推理等级，其余展示该模型的默认等级 */\nconst getReasoningLabel = (item: ChatModelOption) => {\n  if (item.id === model.value && currentReasoningLabel.value) {\n    return currentReasoningLabel.value\n  }\n  return item.reasoningLevels?.find((level) => level.value === resolveDefaultReasoningLevel(item))\n    ?.label\n}\n\nconst isReasoningActive = (item: ChatModelOption, value: string) => {\n  return item.id === model.value && reasoningLevel.value === value\n}\n\n/** 关闭时收起内联思考强度，下次打开仍从模型列表开始 */\nconst handleVisibleChange = (visible: boolean) => {\n  if (!visible) expandedReasoningId.value = undefined\n}\n\n/** 点击模型主体：直接选中模型，并同步到该模型默认推理等级 */\nconst handleSelectModel = (item: ChatModelOption) => {\n  model.value = item.id\n  reasoningLevel.value = resolveDefaultReasoningLevel(item)\n  dropdownRef.value?.close()\n}\n\n/** 点击推理等级胶囊：内联展开/收起该模型的思考强度 */\nconst toggleReasoning = (item: ChatModelOption) => {\n  expandedReasoningId.value = expandedReasoningId.value === item.id ? undefined : item.id\n  nextTick(() => dropdownRef.value?.updateDropdown())\n}\n\n/** 选中思考强度：同时切到该等级所属模型，避免模型与推理等级错配 */\nconst handleSelectReasoning = (item: ChatModelOption, value: string) => {\n  model.value = item.id\n  reasoningLevel.value = value\n  dropdownRef.value?.close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAyGA,MAAM,QAAQ;EAKd,MAAM,QAAQ,SAA+B,SAAC,OAAO;EACrD,MAAM,iBAAiB,SAA+B,SAAC,gBAAgB;EAGvE,MAAM,MADK,OAAO,WACN,CAAA,EAAI,OAAO,IAAI,SAAS;EAEpC,MAAM,cAAc,eAAe,aAAa;;EAGhD,MAAM,sBAAsB,WAAmB;EAE/C,MAAM,eAAe,eAAe;GAClC,OAAO,MAAM,OAAO,MAAM,MAAM,EAAE,OAAO,MAAM,KAAK;EACtD,CAAC;EAED,MAAM,wBAAwB,eAAe;GAC3C,OAAO,aAAa,OAAO,iBAAiB,MAAM,UAAU,MAAM,UAAU,eAAe,KAAK,CAAA,EAC5F;EACN,CAAC;;EAGD,MAAM,gCAAgC,SAA0B;GAC9D,MAAM,SAAS,KAAK,mBAAmB,CAAC;GACxC,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAA;GAC3B,OACE,OAAO,MAAM,UAAU,MAAM,UAAU,KAAK,qBAAqB,CAAC,EAAE,SAAS,OAAO,EAAE,EAAE;EAE5F;;EAGA,MAAM,qBAAqB,SAA0B;GACnD,IAAI,KAAK,OAAO,MAAM,SAAS,sBAAsB,OACnD,OAAO,sBAAsB;GAE/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,MAAM,UAAU,6BAA6B,IAAI,CAAC,CAAA,EAC3F;EACN;EAEA,MAAM,qBAAqB,MAAuB,UAAkB;GAClE,OAAO,KAAK,OAAO,MAAM,SAAS,eAAe,UAAU;EAC7D;;EAGA,MAAM,uBAAuB,YAAqB;GAChD,IAAI,CAAC,SAAS,oBAAoB,QAAQ,KAAA;EAC5C;;EAGA,MAAM,qBAAqB,SAA0B;GACnD,MAAM,QAAQ,KAAK;GACnB,eAAe,QAAQ,6BAA6B,IAAI;GACxD,YAAY,OAAO,MAAM;EAC3B;;EAGA,MAAM,mBAAmB,SAA0B;GACjD,oBAAoB,QAAQ,oBAAoB,UAAU,KAAK,KAAK,KAAA,IAAY,KAAK;GACrF,eAAe,YAAY,OAAO,eAAe,CAAC;EACpD;;EAGA,MAAM,yBAAyB,MAAuB,UAAkB;GACtE,MAAM,QAAQ,KAAK;GACnB,eAAe,QAAQ;GACvB,YAAY,OAAO,MAAM;EAC3B;;GA9KE,OAAA,UAAA,GAAA,YA0FY,MAAA,SAAA,GAAA;IAzFN,SAAA;IAAJ,KAAI;IACJ,SAAQ;IACR,OAAM;IACN,aAAU;IACT,iBAAe,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA;IACpB,oBAAgB;;IAEN,SAAO,cAWP,CAVT,mBAUS,UAAA;KAVD,MAAK;KAAU,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA;;KACjC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,qBAAA,CAAA,EAAA,GACd,gBAAA,aAAA,OAAc,SAAS,MAAA,SAAK,IAAA,GAAA,CAAA;KAErB,sBAAA,SAAA,UAAA,GAAZ,mBAEO,QAAA;;MAF6B,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,yBAAA,CAAA;KAC3C,GAAA,gBAAA,sBAAA,KAAqB,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;KAE1B,YAEQ,MAAA,KAAA,GAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,qBAAA,CAAA,EAAA,GAAA;MACL,SAAA,cAAA,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;;IAKR,SAAO,cAkEV,CAjEN,mBAiEM,OAAA,EAjEA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,CAAA,EAAA,GAChB,EAAA,UAAA,IAAA,GAAA,mBA+DM,UAAA,MAAA,WA9DW,QAAA,SAAR,SAAI;KADb,OAAA,UAAA,GAAA,mBA+DM,OAAA;MA7DH,KAAK,KAAK;MACV,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,GAAkB,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,KAAK,OAAO,MAAA,KAAK,CAAA,CAAA;KAElE,GAAA,CAAA,mBA2BM,OAAA;MA3BA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,mBAAA,CAAA;MAAwB,UAAK,WAAE,kBAAkB,IAAI;KACrE,GAAA,CAAA,mBAsBM,OAAA,EAtBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,mBAAA,CAAA,EAAA,GAChB,CAAA,mBAA4E,QAAA,EAArE,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,mBAAA,CAAA,EAAA,GAA0B,gBAAA,KAAK,SAAS,KAAK,EAAE,GAAA,CAAA,GAClE,mBAmBO,QAAA,EAnBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,sBAAA,CAAA,EAAA,GAAA;MAET,KAAK,iBAAiB,UAAA,UAAA,GAD9B,mBAaS,UAAA;;OAXP,MAAK;OACJ,OAAK,eAAA,CAAwB,MAAA,GAAA,CAAG,CAAC,EAAC,wBAAA,GAAgD,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,oBAAA,UAAwB,KAAK,EAAE,CAAA,CAAA;OAIpI,SAAK,eAAA,WAAO,gBAAgB,IAAI,GAAA,CAAA,MAAA,CAAA;MAEjC,GAAA,CAAA,mBAA0C,QAAA,MAAA,gBAAjC,kBAAkB,IAAI,CAAA,GAAA,CAAA,GAC/B,YAEQ,MAAA,KAAA,GAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,8BAAA,CAAA,EAAA,GAAA;OACL,SAAA,cAAA,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;MAGjB,mBAAA,kCAAA;MACA,YAEQ,MAAA,KAAA,GAAA,EAFA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,oBAAA,GAAwB,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,KAAK,OAAO,MAAA,KAAK,CAAA,CAAA,EAAA,GAAA;OACpE,SAAA,cAAA,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;;KAIJ,GAAA,CAAA,CAAA,GAAA,CAAA,GAAA,KAAK,eAAA,UAAA,GAAhB,mBAEM,OAAA;;MAFwB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,mBAAA,CAAA;KACrC,GAAA,gBAAA,KAAK,WAAW,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,IAAA,UAAA,GAKf,KAAK,iBAAiB,UAAA,UAAA,GAD9B,mBA4BM,OAAA;;MA1BH,OAAK,eAAA,CAAkB,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,GAAoC,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,oBAAA,UAAwB,KAAK,EAAE,CAAA,CAAA;KAKnH,GAAA,CAAA,mBAoBM,OAAA,EApBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,wBAAA,CAAA,EAAA,GAChB,EAAA,UAAA,IAAA,GAAA,mBAkBM,UAAA,MAAA,WAjBY,KAAK,kBAAd,UAAK;MADd,OAAA,UAAA,GAAA,mBAkBM,OAAA;OAhBH,KAAK,MAAM;OACX,OAAK,eAAA,CAAsB,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,GAAwC,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,kBAAkB,MAAM,MAAM,KAAK,CAAA,CAAA,CAAA;OAI5H,UAAK,WAAE,sBAAsB,MAAM,MAAM,KAAK;MAE/C,GAAA,CAAA,mBAA8B,QAAA,MAAA,gBAArB,MAAM,KAAK,GAAA,CAAA,GACpB,YAOQ,MAAA,KAAA,GAAA,EANL,OAAK,eAAA,CAAwB,MAAA,GAAA,CAAG,CAAC,EAAC,oBAAA,GAA4C,MAAA,GAAA,CAAG,CAAC,GAAE,UAAA,CAAY,kBAAkB,MAAM,MAAM,KAAK,CAAA,CAAA,CAAA,EAAA,GAAA;OAK3H,SAAA,cAAA,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,70 @@
+import { AiChatDIKey } from "./di.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { CaretRight, Close, EditPen } from "@veltra/icons/normal";
+import { UIcon } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/ai-chat/queue-list.vue
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatQueueList",
+	__name: "queue-list",
+	props: { queue: {} },
+	emits: [
+		"start-now",
+		"edit",
+		"remove"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
+		return (_ctx, _cache) => {
+			return __props.queue.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("queue"))
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("queue-head")) }, "待发送队列 · " + toDisplayString(__props.queue.length), 3), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.queue, (item) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.id,
+					class: normalizeClass(unref(cls).e("queue-item"))
+				}, [createElementVNode("span", {
+					class: normalizeClass(unref(cls).e("queue-text")),
+					title: item.content
+				}, toDisplayString(item.content), 11, _hoisted_1), createElementVNode("span", { class: normalizeClass(unref(cls).e("queue-actions")) }, [
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass([unref(cls).e("queue-action"), unref(cls).em("queue-action", "primary")]),
+						title: "中断当前会话，立即执行该条",
+						onClick: ($event) => emit("start-now", item.id)
+					}, [createVNode(unref(UIcon), null, {
+						default: withCtx(() => [createVNode(unref(CaretRight))]),
+						_: 1
+					}), _cache[0] || (_cache[0] = createTextVNode("立即开始 ", -1))], 10, _hoisted_2),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("queue-action")),
+						title: "取回输入框编辑",
+						onClick: ($event) => emit("edit", item.id)
+					}, [createVNode(unref(UIcon), null, {
+						default: withCtx(() => [createVNode(unref(EditPen))]),
+						_: 1
+					})], 10, _hoisted_3),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("queue-action")),
+						title: "移出队列",
+						onClick: ($event) => emit("remove", item.id)
+					}, [createVNode(unref(UIcon), null, {
+						default: withCtx(() => [createVNode(unref(Close))]),
+						_: 1
+					})], 10, _hoisted_4)
+				], 2)], 2);
+			}), 128))], 2)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=queue-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queue-list.js","names":[],"sources":["../../../src/components/ai-chat/queue-list.vue"],"sourcesContent":["<template>\n  <div v-if=\"queue.length\" :class=\"cls.e('queue')\">\n    <div :class=\"cls.e('queue-head')\">待发送队列 · {{ queue.length }}</div>\n    <div v-for=\"item in queue\" :key=\"item.id\" :class=\"cls.e('queue-item')\">\n      <span :class=\"cls.e('queue-text')\" :title=\"item.content\">{{ item.content }}</span>\n      <span :class=\"cls.e('queue-actions')\">\n        <button\n          type=\"button\"\n          :class=\"[cls.e('queue-action'), cls.em('queue-action', 'primary')]\"\n          title=\"中断当前会话，立即执行该条\"\n          @click=\"emit('start-now', item.id)\"\n        >\n          <UIcon><CaretRight /></UIcon>立即开始\n        </button>\n        <button\n          type=\"button\"\n          :class=\"cls.e('queue-action')\"\n          title=\"取回输入框编辑\"\n          @click=\"emit('edit', item.id)\"\n        >\n          <UIcon><EditPen /></UIcon>\n        </button>\n        <button\n          type=\"button\"\n          :class=\"cls.e('queue-action')\"\n          title=\"移出队列\"\n          @click=\"emit('remove', item.id)\"\n        >\n          <UIcon><Close /></UIcon>\n        </button>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UIcon } from '@veltra/desktop'\nimport { CaretRight, Close, EditPen } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject } from 'vue'\n\nimport type { ChatQueuedMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\n\ndefineOptions({ name: 'UAiChatQueueList' })\n\ndefineProps<{\n  /** 待发送队列（按执行顺序排列） */\n  queue: ChatQueuedMessage[]\n}>()\n\nconst emit = defineEmits<{\n  /** 立即开始：中断当前会话并插队执行 */\n  (e: 'start-now', id: string): void\n  /** 编辑：取回输入框重新编辑 */\n  (e: 'edit', id: string): void\n  /** 移出队列 */\n  (e: 'remove', id: string): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,OAAO;EAUb,MAAM,MADK,OAAO,WACN,CAAA,EAAI,OAAO,IAAI,SAAS;;GA5DvB,OAAA,QAAA,MAAM,UAAA,UAAA,GAAjB,mBA+BM,OAAA;;IA/BoB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;GACpC,GAAA,CAAA,mBAAkE,OAAA,EAA5D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAgB,aAAQ,gBAAG,QAAA,MAAM,MAAM,GAAA,CAAA,IAAA,UAAA,IAAA,GACzD,mBA4BM,UAAA,MAAA,WA5Bc,QAAA,QAAR,SAAI;IAAhB,OAAA,UAAA,GAAA,mBA4BM,OAAA;KA5BsB,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;IACrD,GAAA,CAAA,mBAAkF,QAAA;KAA3E,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;KAAiB,OAAO,KAAK;IAAY,GAAA,gBAAA,KAAK,OAAO,GAAA,IAAA,UAAA,GACxE,mBAyBO,QAAA,EAzBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA,EAAA,GAAA;KACjB,mBAOS,UAAA;MANP,MAAK;MACJ,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,GAAkB,MAAA,GAAA,CAAG,CAAC,GAAE,gBAAA,SAAA,CAAA,CAAA;MACtC,OAAM;MACL,UAAK,WAAE,KAAI,aAAc,KAAK,EAAE;KAEjC,GAAA,CAAA,YAA6B,MAAA,KAAA,GAAA,MAAA;MAAR,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;KAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,SAC/B,EAAA,EAAA,GAAA,IAAA,UAAA;KACA,mBAOS,UAAA;MANP,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;MACb,OAAM;MACL,UAAK,WAAE,KAAI,QAAS,KAAK,EAAE;KAE5B,GAAA,CAAA,YAA0B,MAAA,KAAA,GAAA,MAAA;MAAR,SAAA,cAAA,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;;KAEpB,mBAOS,UAAA;MANP,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;MACb,OAAM;MACL,UAAK,WAAE,KAAI,UAAW,KAAK,EAAE;KAE9B,GAAA,CAAA,YAAwB,MAAA,KAAA,GAAA,MAAA;MAAR,SAAA,cAAA,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA"}