@veltra/ai 1.4.0

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

@@ -0,0 +1,88 @@
+import { useChat } from "../../chat/use-chat.js";
+import { AiChatDIKey } from "./di.js";
+import _sfc_main$1 from "./chat-input.js";
+import _sfc_main$2 from "./message-list.js";
+import { computed, createElementBlock, createSlots, createVNode, defineComponent, normalizeClass, openBlock, provide, renderSlot, unref, useSlots, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/ai-chat/ai-chat.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChat",
+	__name: "ai-chat",
+	props: {
+		transport: { type: Function },
+		tools: {},
+		systemPrompt: {},
+		messages: {},
+		welcome: {},
+		placeholder: {},
+		accept: {},
+		maxAttachmentSize: {},
+		rendererProps: {}
+	},
+	emits: [
+		"update:messages",
+		"send",
+		"finish",
+		"error",
+		"tool-call"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("ai-chat");
+		provide(AiChatDIKey, {
+			cls,
+			slots: useSlots(),
+			tools: computed(() => {
+				return Object.fromEntries((props.tools ?? []).map((tool) => [tool.name, tool]));
+			})
+		});
+		const { messages, running, send, abort, regenerate, clear, respondToolCall } = useChat({
+			props,
+			emit
+		});
+		__expose({
+			send,
+			abort,
+			regenerate,
+			clear
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, [createVNode(_sfc_main$2, {
+				messages: unref(messages),
+				welcome: __props.welcome,
+				"renderer-props": __props.rendererProps,
+				onRespond: unref(respondToolCall),
+				onRegenerate: unref(regenerate)
+			}, createSlots({ _: 2 }, [_ctx.$slots.welcome ? {
+				name: "welcome",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "welcome")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"messages",
+				"welcome",
+				"renderer-props",
+				"onRespond",
+				"onRegenerate"
+			]), createVNode(_sfc_main$1, {
+				running: unref(running),
+				placeholder: __props.placeholder,
+				accept: __props.accept,
+				"max-attachment-size": __props.maxAttachmentSize,
+				onSend: unref(send),
+				onAbort: unref(abort)
+			}, null, 8, [
+				"running",
+				"placeholder",
+				"accept",
+				"max-attachment-size",
+				"onSend",
+				"onAbort"
+			])], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ai-chat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-chat.js","names":["$slots"],"sources":["../../../src/components/ai-chat/ai-chat.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <MessageList\n      :messages=\"messages\"\n      :welcome=\"welcome\"\n      :renderer-props=\"rendererProps\"\n      @respond=\"respondToolCall\"\n      @regenerate=\"regenerate\"\n    >\n      <template v-if=\"$slots.welcome\" #welcome>\n        <slot name=\"welcome\" />\n      </template>\n    </MessageList>\n\n    <ChatInput\n      :running=\"running\"\n      :placeholder=\"placeholder\"\n      :accept=\"accept\"\n      :max-attachment-size=\"maxAttachmentSize\"\n      @send=\"send\"\n      @abort=\"abort\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useSlots } from 'vue'\n\nimport type { ChatTool, ChatToolCall } from '../../chat/types'\nimport { useChat } from '../../chat/use-chat'\nimport type { _AiChatExposed, AiChatEmits, AiChatProps } from '../../types'\nimport ChatInput from './chat-input.vue'\nimport { AiChatDIKey } from './di'\nimport MessageList from './message-list.vue'\n\ndefineOptions({ name: 'UAiChat' })\n\nconst props = defineProps<AiChatProps>()\n\nconst emit = defineEmits<AiChatEmits>()\n\ndefineSlots<{\n  /** 空状态欢迎区插槽 */\n  welcome(): any\n  /** 按工具名自定义工具结果展示，如 tool-getWeather */\n  [name: `tool-${string}`]: (scope: { toolCall: ChatToolCall }) => any\n}>()\n\nconst cls = bem('ai-chat')\n\nconst slots = useSlots()\n\n/** 按 name 索引的工具定义，供工具卡片解析 icon/label/render/autoCollapse */\nconst toolMap = computed<Record<string, ChatTool | undefined>>(() => {\n  return Object.fromEntries((props.tools ?? []).map((tool) => [tool.name, tool]))\n})\n\nprovide(AiChatDIKey, { cls, slots, tools: toolMap })\n\nconst { messages, running, send, abort, regenerate, clear, respondToolCall } = useChat({\n  props,\n  emit\n})\n\ndefineExpose<_AiChatExposed>({ send, abort, regenerate, clear })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EASb,MAAM,MAAM,IAAI,SAAS;EASzB,QAAQ,aAAa;GAAE;GAAK,OAPd,SAOc;GAAO,OAJnB,eAAqD;IACnE,OAAO,OAAO,aAAa,MAAM,SAAS,CAAC,EAAA,CAAG,KAAK,SAAS,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC;GAChF,CAE0C;EAAQ,CAAC;EAEnD,MAAM,EAAE,UAAU,SAAS,MAAM,OAAO,YAAY,OAAO,oBAAoB,QAAQ;GACrF;GACA;EACF,CAAC;EAED,SAA6B;GAAE;GAAM;GAAO;GAAY;EAAM,CAAC;;uBAhE7D,mBAqBM,OAAA,EArBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC,EAAA,GAAA,CAChB,YAUc,aAAA;IATX,UAAU,MAAA,QAAA;IACV,SAAS,QAAA;IACT,kBAAgB,QAAA;IAChB,WAAS,MAAA,eAAA;IACT,cAAY,MAAA,UAAA;6BAEGA,KAAAA,OAAO,UAAA;UAAU;sBACR,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;OAI3B,YAOE,aAAA;IANC,SAAS,MAAA,OAAA;IACT,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,uBAAqB,QAAA;IACrB,QAAM,MAAA,IAAA;IACN,SAAO,MAAA,KAAA"}

package/dist/components/ai-chat/ai-chat.vue.d.ts

@@ -0,0 +1,36 @@
+import { ChatMessage, ChatToolCall } from "../../chat/types.js";
+import { AiChatProps, _AiChatExposed } from "../../types/ai-chat.js";
+import "../../types/index.js";
+import "../../index.js";
+//#region src/components/ai-chat/ai-chat.vue.d.ts
+type __VLS_Slots = {
+  /** 空状态欢迎区插槽 */
+  welcome(): any;
+  /** 按工具名自定义工具结果展示，如 tool-getWeather */
+  [name: `tool-${string}`]: (scope: {
+    toolCall: ChatToolCall;
+  }) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AiChatProps, _AiChatExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  "update:messages": (messages: ChatMessage[]) => any;
+  send: (message: ChatMessage) => any;
+  finish: (message: ChatMessage) => any;
+  error: (error: Error) => any;
+  "tool-call": (toolCall: ChatToolCall) => any;
+}, string, import("vue").PublicProps, Readonly<AiChatProps> & Readonly<{
+  "onUpdate:messages"?: ((messages: ChatMessage[]) => any) | undefined;
+  onSend?: ((message: ChatMessage) => any) | undefined;
+  onFinish?: ((message: ChatMessage) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
+  "onTool-call"?: ((toolCall: ChatToolCall) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=ai-chat.vue.d.ts.map

package/dist/components/ai-chat/ask-question.js

@@ -0,0 +1,187 @@
+import { AiChatDIKey } from "./di.js";
+import { resolveAskQuestion } from "../../tools/ask-question/deferred.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { UButton, UInput } from "@veltra/desktop";
+//#region src/components/ai-chat/ask-question.vue
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["aria-checked", "onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatAskQuestion",
+	__name: "ask-question",
+	props: { toolCall: {} },
+	setup(__props) {
+		const props = __props;
+		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
+		/** 模型输出的提问参数 */
+		const questions = computed(() => {
+			try {
+				const args = JSON.parse(props.toolCall.arguments || "{}");
+				return Array.isArray(args.questions) ? args.questions : [];
+			} catch {
+				return [];
+			}
+		});
+		/** 作答中：execute 挂起等待用户提交 */
+		const answering = computed(() => {
+			return props.toolCall.result == null && (props.toolCall.status === "running" || props.toolCall.status === "pending");
+		});
+		/** 当前题索引 */
+		const current = ref(0);
+		/** 各题选中的预设选项 */
+		const selections = ref([]);
+		/** 各题的自定义输入 */
+		const customs = ref([]);
+		watch(questions, (list) => {
+			if (props.toolCall.result != null) return;
+			selections.value = list.map(() => null);
+			customs.value = list.map(() => "");
+		}, { immediate: true });
+		const currentQuestion = computed(() => questions.value[current.value]);
+		/** 某题是否已作答：自定义输入非空优先，否则看选中项 */
+		const isAnswered = (index) => {
+			return Boolean(customs.value[index]?.trim() || selections.value[index]);
+		};
+		const allAnswered = computed(() => {
+			return questions.value.length > 0 && questions.value.every((_, i) => isAnswered(i));
+		});
+		const goTo = (index) => {
+			if (index < 0 || index >= questions.value.length) return;
+			current.value = index;
+		};
+		/** 点选选项：再次点击取消选择；选中时清空自定义输入（两者互斥） */
+		const pickOption = (option) => {
+			const i = current.value;
+			const selected = selections.value[i] === option ? null : option;
+			selections.value[i] = selected;
+			if (selected) customs.value[i] = "";
+		};
+		/** 自定义输入：有内容时清除已选选项（两者互斥） */
+		const onCustomInput = (value) => {
+			customs.value[current.value] = value;
+			if (value) selections.value[current.value] = null;
+		};
+		const handleSubmit = () => {
+			const firstUnanswered = questions.value.findIndex((_, i) => !isAnswered(i));
+			if (firstUnanswered >= 0) {
+				current.value = firstUnanswered;
+				return;
+			}
+			const answers = questions.value.map((item, i) => ({
+				question: item.question,
+				answer: customs.value[i]?.trim() || selections.value[i] || ""
+			}));
+			resolveAskQuestion(props.toolCall.id, { answers });
+		};
+		/** 提交后的问答摘要（含历史恢复：从序列化结果解析） */
+		const doneAnswers = computed(() => {
+			if (props.toolCall.status !== "success" || !props.toolCall.result) return [];
+			let result;
+			try {
+				result = JSON.parse(props.toolCall.result);
+			} catch {
+				return [];
+			}
+			if (!Array.isArray(result?.answers)) return [];
+			return result.answers.map((item) => ({
+				...item,
+				/** 命中预设选项的回答渲染为 chip */
+				isOption: questions.value.some((q) => q.question === item.question && q.options?.includes(item.answer))
+			}));
+		});
+		const statusText = computed(() => {
+			if (props.toolCall.status !== "error") return "";
+			const err = props.toolCall.error ?? "";
+			if (err.includes("Abort") || err.includes("取消")) return "已取消";
+			return err || "提问失败";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("ask-question")) }, [createCommentVNode(" 作答中：分页向导 "), answering.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				questions.value.length > 1 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("ask-question-progress"))
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("ask-question-count")) }, toDisplayString(current.value + 1) + " / " + toDisplayString(questions.value.length), 3), createElementVNode("span", { class: normalizeClass(unref(cls).e("ask-question-dots")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(questions.value, (_, i) => {
+					return openBlock(), createElementBlock("span", {
+						key: i,
+						class: normalizeClass([
+							unref(cls).e("ask-question-dot"),
+							unref(bem).is("current", i === current.value),
+							unref(bem).is("answered", isAnswered(i))
+						]),
+						onClick: ($event) => goTo(i)
+					}, null, 10, _hoisted_1);
+				}), 128))], 2)], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("ask-question-q")) }, [questions.value.length > 1 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("ask-question-no")),
+					"aria-hidden": "true"
+				}, toDisplayString(current.value + 1), 3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(currentQuestion.value?.question), 1)], 2),
+				currentQuestion.value?.options?.length ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("ask-question-options")),
+					role: "radiogroup"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(currentQuestion.value.options, (option) => {
+					return openBlock(), createElementBlock("button", {
+						key: option,
+						type: "button",
+						role: "radio",
+						"aria-checked": selections.value[current.value] === option,
+						class: normalizeClass([unref(cls).e("ask-question-opt"), unref(bem).is("selected", selections.value[current.value] === option)]),
+						onClick: ($event) => pickOption(option)
+					}, [createElementVNode("span", {
+						class: normalizeClass([unref(cls).e("ask-question-glyph"), unref(bem).is("selected", selections.value[current.value] === option)]),
+						"aria-hidden": "true"
+					}, null, 2), createElementVNode("span", { class: normalizeClass(unref(cls).e("ask-question-opt-text")) }, toDisplayString(option), 3)], 10, _hoisted_2);
+				}), 128))], 2)) : createCommentVNode("v-if", true),
+				createVNode(unref(UInput), {
+					"model-value": customs.value[current.value],
+					placeholder: currentQuestion.value?.placeholder ?? "自定义回答…",
+					"onUpdate:modelValue": onCustomInput
+				}, null, 8, ["model-value", "placeholder"]),
+				createElementVNode("footer", { class: normalizeClass(unref(cls).e("ask-question-actions")) }, [questions.value.length > 1 ? (openBlock(), createBlock(unref(UButton), {
+					key: 0,
+					size: "small",
+					text: "",
+					disabled: current.value === 0,
+					onClick: _cache[0] || (_cache[0] = ($event) => goTo(current.value - 1))
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" 上一个 ", -1)])]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("v-if", true), current.value < questions.value.length - 1 ? (openBlock(), createBlock(unref(UButton), {
+					key: 1,
+					size: "small",
+					type: "primary",
+					onClick: _cache[1] || (_cache[1] = ($event) => goTo(current.value + 1))
+				}, {
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" 下一个 ", -1)])]),
+					_: 1
+				})) : (openBlock(), createBlock(unref(UButton), {
+					key: 2,
+					size: "small",
+					type: "primary",
+					disabled: !allAnswered.value,
+					onClick: handleSubmit
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 提交 ", -1)])]),
+					_: 1
+				}, 8, ["disabled"]))], 2)
+			], 64)) : __props.toolCall.status === "success" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 提交后：问答摘要 "), (openBlock(true), createElementBlock(Fragment, null, renderList(doneAnswers.value, (item, i) => {
+				return openBlock(), createElementBlock("div", {
+					key: i,
+					class: normalizeClass(unref(cls).e("ask-question-result"))
+				}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("ask-question-result-q")) }, [doneAnswers.value.length > 1 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("ask-question-result-no")),
+					"aria-hidden": "true"
+				}, toDisplayString(i + 1), 3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(item.question), 1)], 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("ask-question-result-a")) }, [item.isOption ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("ask-question-chip"))
+				}, toDisplayString(item.answer), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.answer), 1)], 64))], 2)], 2);
+			}), 128))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" 异常 / 取消 "), createElementVNode("div", { class: normalizeClass(unref(cls).e("ask-question-status")) }, toDisplayString(statusText.value), 3)], 2112))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ask-question.js.map

package/dist/components/ai-chat/ask-question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ask-question.js","names":[],"sources":["../../../src/components/ai-chat/ask-question.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('ask-question')\">\n    <!-- 作答中：分页向导 -->\n    <template v-if=\"answering\">\n      <div v-if=\"questions.length > 1\" :class=\"cls.e('ask-question-progress')\">\n        <span :class=\"cls.e('ask-question-count')\">{{ current + 1 }} / {{ questions.length }}</span>\n        <span :class=\"cls.e('ask-question-dots')\">\n          <span\n            v-for=\"(_, i) in questions\"\n            :key=\"i\"\n            :class=\"[\n              cls.e('ask-question-dot'),\n              bem.is('current', i === current),\n              bem.is('answered', isAnswered(i))\n            ]\"\n            @click=\"goTo(i)\"\n          />\n        </span>\n      </div>\n\n      <div :class=\"cls.e('ask-question-q')\">\n        <span v-if=\"questions.length > 1\" :class=\"cls.e('ask-question-no')\" aria-hidden=\"true\">\n          {{ current + 1 }}\n        </span>\n        {{ currentQuestion?.question }}\n      </div>\n\n      <div\n        v-if=\"currentQuestion?.options?.length\"\n        :class=\"cls.e('ask-question-options')\"\n        role=\"radiogroup\"\n      >\n        <button\n          v-for=\"option in currentQuestion.options\"\n          :key=\"option\"\n          type=\"button\"\n          role=\"radio\"\n          :aria-checked=\"selections[current] === option\"\n          :class=\"[cls.e('ask-question-opt'), bem.is('selected', selections[current] === option)]\"\n          @click=\"pickOption(option)\"\n        >\n          <span\n            :class=\"[\n              cls.e('ask-question-glyph'),\n              bem.is('selected', selections[current] === option)\n            ]\"\n            aria-hidden=\"true\"\n          />\n          <span :class=\"cls.e('ask-question-opt-text')\">{{ option }}</span>\n        </button>\n      </div>\n\n      <UInput\n        :model-value=\"customs[current]\"\n        :placeholder=\"currentQuestion?.placeholder ?? '自定义回答…'\"\n        @update:model-value=\"onCustomInput\"\n      />\n\n      <footer :class=\"cls.e('ask-question-actions')\">\n        <UButton\n          v-if=\"questions.length > 1\"\n          size=\"small\"\n          text\n          :disabled=\"current === 0\"\n          @click=\"goTo(current - 1)\"\n        >\n          上一个\n        </UButton>\n        <UButton\n          v-if=\"current < questions.length - 1\"\n          size=\"small\"\n          type=\"primary\"\n          @click=\"goTo(current + 1)\"\n        >\n          下一个\n        </UButton>\n        <UButton v-else size=\"small\" type=\"primary\" :disabled=\"!allAnswered\" @click=\"handleSubmit\">\n          提交\n        </UButton>\n      </footer>\n    </template>\n\n    <!-- 提交后：问答摘要 -->\n    <template v-else-if=\"toolCall.status === 'success'\">\n      <div v-for=\"(item, i) in doneAnswers\" :key=\"i\" :class=\"cls.e('ask-question-result')\">\n        <div :class=\"cls.e('ask-question-result-q')\">\n          <span\n            v-if=\"doneAnswers.length > 1\"\n            :class=\"cls.e('ask-question-result-no')\"\n            aria-hidden=\"true\"\n          >\n            {{ i + 1 }}\n          </span>\n          {{ item.question }}\n        </div>\n        <div :class=\"cls.e('ask-question-result-a')\">\n          <span v-if=\"item.isOption\" :class=\"cls.e('ask-question-chip')\">{{ item.answer }}</span>\n          <template v-else>{{ item.answer }}</template>\n        </div>\n      </div>\n    </template>\n\n    <!-- 异常 / 取消 -->\n    <div v-else :class=\"cls.e('ask-question-status')\">{{ statusText }}</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UInput } from '@veltra/desktop'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, watch } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport type {\n  AskQuestionArgs,\n  AskQuestionItem,\n  AskQuestionResult\n} from '../../tools/ask-question/ask-question'\nimport { resolveAskQuestion } from '../../tools/ask-question/deferred'\nimport { AiChatDIKey } from './di'\n\ndefineOptions({ name: 'UAiChatAskQuestion' })\n\nconst props = defineProps<{ toolCall: ChatToolCall }>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** 模型输出的提问参数 */\nconst questions = computed<AskQuestionItem[]>(() => {\n  try {\n    const args = JSON.parse(props.toolCall.arguments || '{}') as Partial<AskQuestionArgs>\n    return Array.isArray(args.questions) ? args.questions : []\n  } catch {\n    return []\n  }\n})\n\n/** 作答中：execute 挂起等待用户提交 */\nconst answering = computed(() => {\n  return (\n    props.toolCall.result == null &&\n    (props.toolCall.status === 'running' || props.toolCall.status === 'pending')\n  )\n})\n\n/** 当前题索引 */\nconst current = ref(0)\n/** 各题选中的预设选项 */\nconst selections = ref<(string | null)[]>([])\n/** 各题的自定义输入 */\nconst customs = ref<string[]>([])\n\nwatch(\n  questions,\n  (list) => {\n    if (props.toolCall.result != null) return\n    selections.value = list.map(() => null)\n    customs.value = list.map(() => '')\n  },\n  { immediate: true }\n)\n\nconst currentQuestion = computed(() => questions.value[current.value])\n\n/** 某题是否已作答：自定义输入非空优先，否则看选中项 */\nconst isAnswered = (index: number) => {\n  return Boolean(customs.value[index]?.trim() || selections.value[index])\n}\n\nconst allAnswered = computed(() => {\n  return questions.value.length > 0 && questions.value.every((_, i) => isAnswered(i))\n})\n\nconst goTo = (index: number) => {\n  if (index < 0 || index >= questions.value.length) return\n  current.value = index\n}\n\n/** 点选选项：再次点击取消选择；选中时清空自定义输入（两者互斥） */\nconst pickOption = (option: string) => {\n  const i = current.value\n  const selected = selections.value[i] === option ? null : option\n  selections.value[i] = selected\n  if (selected) customs.value[i] = ''\n}\n\n/** 自定义输入：有内容时清除已选选项（两者互斥） */\nconst onCustomInput = (value: string) => {\n  customs.value[current.value] = value\n  if (value) selections.value[current.value] = null\n}\n\nconst handleSubmit = () => {\n  const firstUnanswered = questions.value.findIndex((_, i) => !isAnswered(i))\n  if (firstUnanswered >= 0) {\n    current.value = firstUnanswered\n    return\n  }\n  const answers = questions.value.map((item, i) => ({\n    question: item.question,\n    answer: customs.value[i]?.trim() || selections.value[i] || ''\n  }))\n  resolveAskQuestion(props.toolCall.id, { answers })\n}\n\n/** 提交后的问答摘要（含历史恢复：从序列化结果解析） */\nconst doneAnswers = computed(() => {\n  if (props.toolCall.status !== 'success' || !props.toolCall.result) return []\n  let result: AskQuestionResult\n  try {\n    result = JSON.parse(props.toolCall.result)\n  } catch {\n    return []\n  }\n  if (!Array.isArray(result?.answers)) return []\n  return result.answers.map((item) => ({\n    ...item,\n    /** 命中预设选项的回答渲染为 chip */\n    isOption: questions.value.some(\n      (q) => q.question === item.question && q.options?.includes(item.answer)\n    )\n  }))\n})\n\nconst statusText = computed(() => {\n  if (props.toolCall.status !== 'error') return ''\n  const err = props.toolCall.error ?? ''\n  if (err.includes('Abort') || err.includes('取消')) return '已取消'\n  return err || '提问失败'\n})\n</script>\n"],"mappings":"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"}

package/dist/components/ai-chat/chat-input.js

@@ -0,0 +1,143 @@
+import { AiChatDIKey } from "./di.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, shallowRef, unref, vModelText, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { bem } from "@veltra/utils";
+import { UButton, UIcon } from "@veltra/desktop";
+import { Attach, Close, Send } from "@veltra/icons/normal";
+//#region src/components/ai-chat/chat-input.vue
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = ["placeholder", "onKeydown"];
+const _hoisted_3 = ["accept"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatInput",
+	__name: "chat-input",
+	props: {
+		running: { type: Boolean },
+		placeholder: {},
+		accept: {},
+		maxAttachmentSize: {}
+	},
+	emits: ["send", "abort"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
+		const text = ref("");
+		const attachments = ref([]);
+		const textareaRef = shallowRef();
+		const fileRef = shallowRef();
+		const canSend = computed(() => {
+			return !props.running && (!!text.value.trim() || attachments.value.length > 0);
+		});
+		const autoResize = () => {
+			const el = textareaRef.value;
+			if (!el) return;
+			el.style.height = "auto";
+			el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
+		};
+		const handleSend = () => {
+			if (!canSend.value) return;
+			emit("send", text.value.trim(), attachments.value);
+			text.value = "";
+			attachments.value = [];
+			autoResize();
+		};
+		const handleFiles = (event) => {
+			const input = event.target;
+			const files = Array.from(input.files ?? []);
+			input.value = "";
+			const maxSize = props.maxAttachmentSize ?? 10 * 1024 * 1024;
+			for (const file of files) {
+				if (file.size > maxSize) {
+					console.warn(`[UAiChat] 附件 ${file.name} 超过大小限制，已忽略`);
+					continue;
+				}
+				const reader = new FileReader();
+				reader.onload = () => {
+					attachments.value.push({
+						name: file.name,
+						mimeType: file.type,
+						size: file.size,
+						dataUrl: String(reader.result)
+					});
+				};
+				reader.readAsDataURL(file);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("input-area")) }, [
+				attachments.value.length ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("input-attachments"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(attachments.value, (att, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: att.dataUrl,
+						class: normalizeClass(unref(cls).e("input-attachment"))
+					}, [createElementVNode("img", {
+						src: att.dataUrl,
+						alt: att.name
+					}, null, 8, _hoisted_1), createVNode(unref(UIcon), {
+						class: normalizeClass(unref(cls).e("input-attachment-remove")),
+						onClick: ($event) => attachments.value.splice(index, 1)
+					}, {
+						default: withCtx(() => [createVNode(unref(Close))]),
+						_: 1
+					}, 8, ["class", "onClick"])], 2);
+				}), 128))], 2)) : createCommentVNode("v-if", true),
+				withDirectives(createElementVNode("textarea", {
+					ref_key: "textareaRef",
+					ref: textareaRef,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
+					class: normalizeClass(unref(cls).e("input")),
+					placeholder: __props.placeholder ?? "输入消息，Enter 发送，Shift + Enter 换行",
+					rows: "1",
+					onKeydown: withKeys(withModifiers(handleSend, ["exact", "prevent"]), ["enter"]),
+					onInput: autoResize
+				}, null, 42, _hoisted_2), [[vModelText, text.value]]),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("input-toolbar")) }, [
+					createVNode(unref(UIcon), {
+						class: normalizeClass(unref(cls).e("input-attach")),
+						title: "添加图片",
+						onClick: _cache[1] || (_cache[1] = ($event) => fileRef.value?.click())
+					}, {
+						default: withCtx(() => [createVNode(unref(Attach))]),
+						_: 1
+					}, 8, ["class"]),
+					createElementVNode("input", {
+						ref_key: "fileRef",
+						ref: fileRef,
+						type: "file",
+						hidden: "",
+						multiple: "",
+						accept: __props.accept ?? "image/*",
+						onChange: handleFiles
+					}, null, 40, _hoisted_3),
+					__props.running ? (openBlock(), createBlock(unref(UButton), {
+						key: 0,
+						type: "danger",
+						circle: "",
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("abort"))
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(cls).e("input-stop")) }, null, 2)]),
+						_: 1
+					})) : (openBlock(), createBlock(unref(UButton), {
+						key: 1,
+						type: "primary",
+						circle: "",
+						disabled: !canSend.value,
+						onClick: handleSend
+					}, {
+						default: withCtx(() => [createVNode(unref(UIcon), null, {
+							default: withCtx(() => [createVNode(unref(Send))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["disabled"]))
+				], 2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=chat-input.js.map

package/dist/components/ai-chat/chat-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.js","names":[],"sources":["../../../src/components/ai-chat/chat-input.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('input-area')\">\n    <div v-if=\"attachments.length\" :class=\"cls.e('input-attachments')\">\n      <div\n        v-for=\"(att, index) in attachments\"\n        :key=\"att.dataUrl\"\n        :class=\"cls.e('input-attachment')\"\n      >\n        <img :src=\"att.dataUrl\" :alt=\"att.name\" />\n        <UIcon :class=\"cls.e('input-attachment-remove')\" @click=\"attachments.splice(index, 1)\">\n          <Close />\n        </UIcon>\n      </div>\n    </div>\n\n    <textarea\n      ref=\"textareaRef\"\n      v-model=\"text\"\n      :class=\"cls.e('input')\"\n      :placeholder=\"placeholder ?? '输入消息，Enter 发送，Shift + Enter 换行'\"\n      rows=\"1\"\n      @keydown.enter.exact.prevent=\"handleSend\"\n      @input=\"autoResize\"\n    />\n\n    <div :class=\"cls.e('input-toolbar')\">\n      <UIcon :class=\"cls.e('input-attach')\" title=\"添加图片\" @click=\"fileRef?.click()\">\n        <Attach />\n      </UIcon>\n      <input\n        ref=\"fileRef\"\n        type=\"file\"\n        hidden\n        multiple\n        :accept=\"accept ?? 'image/*'\"\n        @change=\"handleFiles\"\n      />\n\n      <UButton v-if=\"running\" type=\"danger\" circle @click=\"emit('abort')\">\n        <span :class=\"cls.e('input-stop')\" />\n      </UButton>\n      <UButton v-else type=\"primary\" circle :disabled=\"!canSend\" @click=\"handleSend\">\n        <UIcon><Send /></UIcon>\n      </UButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UIcon } from '@veltra/desktop'\nimport { Attach, Close, Send } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, shallowRef } from 'vue'\n\nimport type { ChatAttachment } from '../../chat/types'\nimport { AiChatDIKey } from './di'\n\ndefineOptions({ name: 'UAiChatInput' })\n\nconst props = defineProps<{\n  /** 是否生成中（显示停止按钮） */\n  running: boolean\n  /** 输入框占位文本 */\n  placeholder?: string\n  /** 附件 accept 类型 */\n  accept?: string\n  /** 单个附件最大字节数 */\n  maxAttachmentSize?: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'send', content: string, attachments: ChatAttachment[]): void\n  (e: 'abort'): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst text = ref('')\nconst attachments = ref<ChatAttachment[]>([])\nconst textareaRef = shallowRef<HTMLTextAreaElement>()\nconst fileRef = shallowRef<HTMLInputElement>()\n\nconst canSend = computed(() => {\n  return !props.running && (!!text.value.trim() || attachments.value.length > 0)\n})\n\nconst autoResize = () => {\n  const el = textareaRef.value\n  if (!el) return\n  el.style.height = 'auto'\n  el.style.height = `${Math.min(el.scrollHeight, 160)}px`\n}\n\nconst handleSend = () => {\n  if (!canSend.value) return\n  emit('send', text.value.trim(), attachments.value)\n  text.value = ''\n  attachments.value = []\n  autoResize()\n}\n\nconst handleFiles = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  const files = Array.from(input.files ?? [])\n  input.value = ''\n\n  const maxSize = props.maxAttachmentSize ?? 10 * 1024 * 1024\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      console.warn(`[UAiChat] 附件 ${file.name} 超过大小限制，已忽略`)\n      continue\n    }\n    const reader = new FileReader()\n    reader.onload = () => {\n      attachments.value.push({\n        name: file.name,\n        mimeType: file.type,\n        size: file.size,\n        dataUrl: String(reader.result)\n      })\n    }\n    reader.readAsDataURL(file)\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/components/ai-chat/di.js

@@ -0,0 +1,6 @@
+//#region src/components/ai-chat/di.ts
+const AiChatDIKey = Symbol("AiChatDIKey");
+//#endregion
+export { AiChatDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/ai-chat/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/ai-chat/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, Slots } from 'vue'\n\nimport type { ChatTool } from '../../chat/types'\n\nexport interface AiChatContext {\n  /** ai-chat 组件的 BEM 类生成器 */\n  cls: BEM<'ai-chat'>\n  /** ai-chat 使用方提供的插槽（用于 tool-<name> 动态插槽） */\n  slots: Slots\n  /** 按 name 索引的工具定义（解析 icon/label/render/autoCollapse） */\n  tools: ComputedRef<Record<string, ChatTool | undefined>>\n}\n\nexport const AiChatDIKey: InjectionKey<AiChatContext> = Symbol('AiChatDIKey')\n"],"mappings":";AAcA,MAAa,cAA2C,OAAO,aAAa"}

package/dist/components/ai-chat/index.d.ts

@@ -0,0 +1,2 @@
+import _default from "./ai-chat.vue.js";
+export { _default as UAiChat };

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

@@ -0,0 +1,120 @@
+import { AiChatDIKey } from "./di.js";
+import _sfc_main$1 from "./tool-call.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { bem } from "@veltra/utils";
+import { UIcon } from "@veltra/desktop";
+import { ArrowDown, InfoCircle, Loading, Refresh } from "@veltra/icons/normal";
+import MarkdownRender from "markstream-vue";
+//#region src/components/ai-chat/message-item.vue
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatMessageItem",
+	__name: "message-item",
+	props: {
+		message: {},
+		isLast: { type: Boolean },
+		rendererProps: {}
+	},
+	emits: ["respond", "regenerate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = inject(AiChatDIKey)?.cls ?? bem("ai-chat");
+		const isStreaming = computed(() => props.message.status === "streaming");
+		/** 思考中：流式且正文还未开始输出 */
+		const isThinking = computed(() => isStreaming.value && !props.message.content);
+		const reasoningExpanded = ref(true);
+		watch(() => props.message.status, (status) => {
+			if (status === "streaming") reasoningExpanded.value = true;
+			else if (status) reasoningExpanded.value = false;
+		});
+		const showActions = computed(() => {
+			if (props.message.role !== "assistant" || !props.isLast) return false;
+			return [
+				"done",
+				"error",
+				"aborted"
+			].includes(props.message.status ?? "");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([
+				unref(cls).e("message"),
+				unref(cls).em("message", __props.message.role),
+				unref(bem).is("streaming", isStreaming.value)
+			]) }, [createCommentVNode(" 用户消息：右对齐气泡 "), __props.message.role === "user" ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("message-bubble"))
+			}, [__props.message.attachments?.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("message-attachments"))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.message.attachments, (att) => {
+				return openBlock(), createElementBlock("img", {
+					key: att.dataUrl,
+					src: att.dataUrl,
+					alt: att.name,
+					class: normalizeClass(unref(cls).e("message-attachment"))
+				}, null, 10, _hoisted_1);
+			}), 128))], 2)) : createCommentVNode("v-if", true), __props.message.content ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(unref(cls).e("message-text"))
+			}, toDisplayString(__props.message.content), 3)) : createCommentVNode("v-if", true)], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				createCommentVNode(" assistant 消息 "),
+				__props.message.reasoning ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([unref(cls).e("reasoning"), unref(bem).is("expanded", reasoningExpanded.value)])
+				}, [createElementVNode("div", {
+					class: normalizeClass(unref(cls).e("reasoning-header")),
+					onClick: _cache[0] || (_cache[0] = ($event) => reasoningExpanded.value = !reasoningExpanded.value)
+				}, [
+					createVNode(unref(UIcon), { class: normalizeClass([unref(cls).e("reasoning-icon"), isThinking.value && unref(cls).is("loading")]) }, {
+						default: withCtx(() => [isThinking.value ? (openBlock(), createBlock(unref(Loading), { key: 0 })) : (openBlock(), createBlock(unref(InfoCircle), { key: 1 }))]),
+						_: 1
+					}, 8, ["class"]),
+					createElementVNode("span", null, toDisplayString(isThinking.value ? "思考中…" : "思考过程"), 1),
+					createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("reasoning-chevron")) }, {
+						default: withCtx(() => [createVNode(unref(ArrowDown))]),
+						_: 1
+					}, 8, ["class"])
+				], 2), withDirectives(createElementVNode("div", { class: normalizeClass(unref(cls).e("reasoning-content")) }, toDisplayString(__props.message.reasoning), 3), [[vShow, reasoningExpanded.value]])], 2)) : createCommentVNode("v-if", true),
+				__props.message.content || isStreaming.value ? (openBlock(), createBlock(unref(MarkdownRender), mergeProps({
+					key: 1,
+					mode: "chat",
+					class: unref(cls).e("message-content"),
+					content: __props.message.content,
+					final: !isStreaming.value,
+					fade: false
+				}, __props.rendererProps), null, 16, [
+					"class",
+					"content",
+					"final"
+				])) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.message.toolCalls ?? [], (call) => {
+					return openBlock(), createBlock(_sfc_main$1, {
+						key: call.id,
+						"tool-call": call,
+						onRespond: (approved) => emit("respond", call.id, approved)
+					}, null, 8, ["tool-call", "onRespond"]);
+				}), 128)),
+				__props.message.status === "error" ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("message-status"))
+				}, "生成出错", 2)) : __props.message.status === "aborted" ? (openBlock(), createElementBlock("div", {
+					key: 3,
+					class: normalizeClass(unref(cls).e("message-status"))
+				}, " 已停止生成 ", 2)) : createCommentVNode("v-if", true),
+				showActions.value ? (openBlock(), createElementBlock("div", {
+					key: 4,
+					class: normalizeClass(unref(cls).e("message-actions")),
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("regenerate"))
+				}, [createVNode(unref(UIcon), { title: "重新生成" }, {
+					default: withCtx(() => [createVNode(unref(Refresh))]),
+					_: 1
+				})], 2)) : createCommentVNode("v-if", true)
+			], 64))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=message-item.js.map