@veltra/ai 1.4.0 → 2.1.0

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

@@ -1,9 +1,8 @@
 import { AiChatDIKey } from "./di.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
-import { bem } from "@veltra/utils";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withKeys, withModifiers } from "vue";
+import { ArrowDown, CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from "@veltra/icons/normal";
 import { UButton, UCollapseItem, UIcon } from "@veltra/desktop";
-import { CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from "@veltra/icons/normal";
-import "@veltra/desktop/components/collapse/style";
+import { bem } from "@veltra/utils";
 //#region src/components/ai-chat/tool-call.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UAiChatToolCall",
@@ -15,16 +14,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const di = inject(AiChatDIKey);
 		const cls = di?.cls ?? bem("ai-chat");
-		/** 当前调用对应的工具定义（解析 icon/label/render/autoCollapse） */
+		/** 当前调用对应的工具定义（解析 icon/label/render/autoCollapse/terminal） */
 		const tool = computed(() => di?.tools.value[props.toolCall.name]);
 		const isExpanded = ref(false);
 		/** 用户手动切换过后，不再随 status 自动展开/折叠 */
 		let userToggled = false;
-		function markUserToggled() {
+		/** UCollapseItem 的 change 仅在用户点击头部时触发（程序化 v-model 变更不触发） */
+		const markUserToggled = () => {
 			userToggled = true;
-		}
-		/** 完成后是否自动折叠：缺省有 render 时不折叠，否则折叠 */
-		const autoCollapse = computed(() => tool.value?.autoCollapse ?? !tool.value?.render);
+		};
+		/** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */
+		const isPanelTool = computed(() => tool.value?.renderTo === "panel");
+		/** 完成后是否自动折叠：缺省面板工具折叠；有 render 时不折叠，否则折叠 */
+		const autoCollapse = computed(() => tool.value?.autoCollapse ?? (isPanelTool.value || !tool.value?.render));
 		watch(() => props.toolCall.status, (status) => {
 			if (userToggled) return;
 			if (status === "running" || status === "awaiting-confirm") isExpanded.value = true;
@@ -33,11 +35,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const STATUS_META = {
 			pending: {
 				icon: Loading,
-				class: "is-loading"
+				class: "is-active"
 			},
 			running: {
 				icon: Loading,
-				class: "is-loading"
+				class: "is-active"
 			},
 			"awaiting-confirm": {
 				icon: WarningFilled,
@@ -58,6 +60,23 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		};
 		const statusIcon = computed(() => STATUS_META[props.toolCall.status]?.icon ?? Loading);
 		const statusClass = computed(() => STATUS_META[props.toolCall.status]?.class ?? "");
+		/** 进行中（pending/running）：工具名带扫光效果 */
+		const isActive = computed(() => {
+			return props.toolCall.status === "pending" || props.toolCall.status === "running";
+		});
+		/** 终态（成功/失败/拒绝） */
+		const isSettled = computed(() => {
+			return [
+				"success",
+				"error",
+				"rejected"
+			].includes(props.toolCall.status);
+		});
+		/**
+		* 折叠后卸载内容 DOM：仅终态且非面板工具时启用——
+		* 进行中/待确认要保留内容状态（确认按钮、表单），面板工具的 body 是「查看面板」入口必须可达
+		*/
+		const destroyOnCollapse = computed(() => isSettled.value && !isPanelTool.value);
 		/** 头部图标：工具自定义图标优先，缺省用状态图标 */
 		const headerIcon = computed(() => tool.value?.icon ?? statusIcon.value);
 		const parsedArguments = computed(() => {
@@ -97,21 +116,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return slot ? () => slot({ toolCall: props.toolCall }) : void 0;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([
-				unref(cls).e("tool-call"),
-				unref(bem).is(__props.toolCall.status),
-				unref(bem).is("expanded", isExpanded.value)
-			]) }, [createVNode(unref(UCollapseItem), {
+			return openBlock(), createBlock(unref(UCollapseItem), {
 				modelValue: isExpanded.value,
-				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isExpanded.value = $event),
+				"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isExpanded.value = $event),
+				class: normalizeClass([unref(cls).e("tool-call"), unref(bem).is(__props.toolCall.status)]),
+				"destroy-on-collapse": destroyOnCollapse.value,
 				onChange: markUserToggled
 			}, {
-				title: withCtx(() => [
+				header: withCtx(() => [
 					createVNode(unref(UIcon), { class: normalizeClass([unref(cls).e("tool-call-status"), statusClass.value]) }, {
 						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(headerIcon.value)))]),
 						_: 1
 					}, 8, ["class"]),
-					createElementVNode("span", { class: normalizeClass(unref(cls).e("tool-call-name")) }, toDisplayString(tool.value?.label ?? __props.toolCall.name), 3),
+					createElementVNode("span", { class: normalizeClass([unref(cls).e("tool-call-name"), isActive.value && "u-shine"]) }, toDisplayString(tool.value?.label ?? __props.toolCall.name), 3),
 					summary.value ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(cls).e("tool-call-summary"))
@@ -119,29 +136,46 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					__props.toolCall.status === "awaiting-confirm" ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(cls).e("tool-call-confirm")),
-						onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+						onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+						onKeydown: [_cache[3] || (_cache[3] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"])), _cache[4] || (_cache[4] = withKeys(withModifiers(() => {}, ["stop"]), ["space"]))]
 					}, [createVNode(unref(UButton), {
 						size: "small",
 						type: "primary",
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("respond", true))
 					}, {
-						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("允许", -1)])]),
+						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("允许", -1)])]),
 						_: 1
 					}), createVNode(unref(UButton), {
 						size: "small",
 						text: "",
 						onClick: _cache[1] || (_cache[1] = ($event) => emit("respond", false))
 					}, {
-						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("拒绝", -1)])]),
+						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("拒绝", -1)])]),
+						_: 1
+					})], 34)) : createCommentVNode("v-if", true),
+					createVNode(unref(UIcon), { class: normalizeClass(unref(cls).e("tool-call-chevron")) }, {
+						default: withCtx(() => [createVNode(unref(ArrowDown))]),
 						_: 1
-					})], 2)) : createCommentVNode("v-if", true)
+					}, 8, ["class"])
 				]),
-				default: withCtx(() => [tool.value?.render ? (openBlock(), createBlock(resolveDynamicComponent(tool.value?.render), {
+				default: withCtx(() => [isPanelTool.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					"tool-call": __props.toolCall
-				}, null, 8, ["tool-call"])) : slotBody.value && hasResult.value ? (openBlock(), createBlock(resolveDynamicComponent(slotBody.value), { key: 1 })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [prettyArguments.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tool-call-section")) }, "参数", 2), createElementVNode("pre", { class: normalizeClass(unref(cls).e("tool-call-code")) }, toDisplayString(prettyArguments.value), 3)], 64)) : createCommentVNode("v-if", true), hasResult.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tool-call-section")) }, toDisplayString(__props.toolCall.status === "error" ? "错误" : "结果"), 3), createElementVNode("pre", { class: normalizeClass(unref(cls).e("tool-call-code")) }, toDisplayString(displayResult.value), 3)], 64)) : createCommentVNode("v-if", true)], 64))]),
+					class: normalizeClass(unref(cls).e("tool-call-panel-entry"))
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("tool-call-panel-hint")) }, "内容展示在右侧面板", 2), createVNode(unref(UButton), {
+					size: "small",
+					text: "",
+					type: "primary",
+					onClick: _cache[5] || (_cache[5] = ($event) => unref(di)?.openPanel(__props.toolCall.id))
+				}, {
+					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(" 查看面板 ", -1)])]),
+					_: 1
+				})], 2)) : tool.value?.render ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 自定义渲染：工具定义的 render 优先于 tool-<name> 插槽，均替换整个 body "), (openBlock(), createBlock(resolveDynamicComponent(tool.value.render), { "tool-call": __props.toolCall }, null, 8, ["tool-call"]))], 2112)) : slotBody.value && hasResult.value ? (openBlock(), createBlock(resolveDynamicComponent(slotBody.value), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [prettyArguments.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tool-call-section")) }, "参数", 2), createElementVNode("pre", { class: normalizeClass(unref(cls).e("tool-call-code")) }, toDisplayString(prettyArguments.value), 3)], 64)) : createCommentVNode("v-if", true), hasResult.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tool-call-section")) }, toDisplayString(__props.toolCall.status === "error" ? "错误" : "结果"), 3), createElementVNode("pre", { class: normalizeClass(unref(cls).e("tool-call-code")) }, toDisplayString(displayResult.value), 3)], 64)) : createCommentVNode("v-if", true)], 64))]),
 				_: 1
-			}, 8, ["modelValue"])], 2);
+			}, 8, [
+				"modelValue",
+				"class",
+				"destroy-on-collapse"
+			]);
 		};
 	}
 });

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  <div :class=\"[cls.e('tool-call'), bem.is(toolCall.status), bem.is('expanded', isExpanded)]\">\n    <UCollapseItem v-model=\"isExpanded\" @change=\"markUserToggled\">\n      <template #title>\n        <UIcon :class=\"[cls.e('tool-call-status'), statusClass]\">\n          <component :is=\"headerIcon\" />\n        </UIcon>\n        <span :class=\"cls.e('tool-call-name')\">{{ tool?.label ?? toolCall.name }}</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        >\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 优先于 tool-<name> 插槽，均替换整个 body -->\n      <component :is=\"tool?.render\" v-if=\"tool?.render\" :tool-call=\"toolCall\" />\n      <component :is=\"slotBody\" v-else-if=\"slotBody && hasResult\" />\n      <template v-else>\n        <template v-if=\"prettyArguments\">\n          <div :class=\"cls.e('tool-call-section')\">参数</div>\n          <pre :class=\"cls.e('tool-call-code')\">{{ prettyArguments }}</pre>\n        </template>\n\n        <template v-if=\"hasResult\">\n          <div :class=\"cls.e('tool-call-section')\">\n            {{ toolCall.status === 'error' ? '错误' : '结果' }}\n          </div>\n          <pre :class=\"cls.e('tool-call-code')\">{{ displayResult }}</pre>\n        </template>\n      </template>\n    </UCollapseItem>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UCollapseItem, UIcon } from '@veltra/desktop'\nimport '@veltra/desktop/components/collapse/style'\nimport { CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, watch, type Component } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport { AiChatDIKey } from './di'\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/** 当前调用对应的工具定义（解析 icon/label/render/autoCollapse） */\nconst tool = computed(() => di?.tools.value[props.toolCall.name])\n\nconst isExpanded = ref(false)\n/** 用户手动切换过后，不再随 status 自动展开/折叠 */\nlet userToggled: boolean = false\n\nfunction markUserToggled() {\n  userToggled = true\n}\n\n/** 完成后是否自动折叠：缺省有 render 时不折叠，否则折叠 */\nconst autoCollapse = computed(() => tool.value?.autoCollapse ?? !tool.value?.render)\n\nwatch(\n  () => props.toolCall.status,\n  (status) => {\n    if (userToggled) return\n    if (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_META: Record<string, { icon: Component; class: string }> = {\n  pending: { icon: Loading, class: 'is-loading' },\n  running: { icon: Loading, class: 'is-loading' },\n  'awaiting-confirm': { icon: WarningFilled, class: 'is-warning' },\n  success: { icon: CircleCheckFilled, class: 'is-success' },\n  error: { icon: CircleClose, class: 'is-danger' },\n  rejected: { icon: Close, class: 'is-danger' }\n}\n\nconst statusIcon = computed(() => STATUS_META[props.toolCall.status]?.icon ?? Loading)\nconst statusClass = computed(() => STATUS_META[props.toolCall.status]?.class ?? '')\n\n/** 头部图标：工具自定义图标优先，缺省用状态图标 */\nconst headerIcon = computed(() => tool.value?.icon ?? statusIcon.value)\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 displayResult = computed(() => {\n  const raw = props.toolCall.error ?? props.toolCall.result ?? ''\n  try {\n    return JSON.stringify(JSON.parse(raw), null, 2)\n  } catch {\n    return raw\n  }\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\n      <UIcon :class=\"cls.e('tool-call-chevron')\"><ArrowDown /></UIcon>\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    <!-- 自定义渲染：工具定义的 render 优先于 tool-<name> 插槽，均替换整个 body -->\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      <template v-if=\"prettyArguments\">\n        <div :class=\"cls.e('tool-call-section')\">参数</div>\n        <pre :class=\"cls.e('tool-call-code')\">{{ prettyArguments }}</pre>\n      </template>\n\n      <template v-if=\"hasResult\">\n        <div :class=\"cls.e('tool-call-section')\">\n          {{ toolCall.status === 'error' ? '错误' : '结果' }}\n        </div>\n        <pre :class=\"cls.e('tool-call-code')\">{{ displayResult }}</pre>\n      </template>\n    </template>\n  </UCollapseItem>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UCollapseItem, UIcon } from '@veltra/desktop'\nimport {\n  ArrowDown,\n  CircleCheckFilled,\n  CircleClose,\n  Close,\n  Loading,\n  WarningFilled\n} from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, ref, watch, type Component } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport { AiChatDIKey } from './di'\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/** 当前调用对应的工具定义（解析 icon/label/render/autoCollapse/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 === 'running' || status === 'awaiting-confirm') {\n      isExpanded.value = true\n    } else {\n      isExpanded.value = !autoCollapse.value\n    }\n  },\n  { immediate: true }\n)\n\nconst STATUS_META: Record<string, { icon: Component; class: string }> = {\n  pending: { icon: Loading, class: 'is-active' },\n  running: { icon: Loading, class: 'is-active' },\n  'awaiting-confirm': { icon: WarningFilled, class: 'is-warning' },\n  success: { icon: CircleCheckFilled, class: 'is-success' },\n  error: { icon: CircleClose, class: 'is-danger' },\n  rejected: { icon: Close, class: 'is-danger' }\n}\n\nconst statusIcon = computed(() => STATUS_META[props.toolCall.status]?.icon ?? Loading)\nconst statusClass = computed(() => STATUS_META[props.toolCall.status]?.class ?? '')\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/** 头部图标：工具自定义图标优先，缺省用状态图标 */\nconst headerIcon = computed(() => tool.value?.icon ?? statusIcon.value)\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 displayResult = computed(() => {\n  const raw = props.toolCall.error ?? props.toolCall.result ?? ''\n  try {\n    return JSON.stringify(JSON.parse(raw), null, 2)\n  } catch {\n    return raw\n  }\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/components/ai-orb/ai-orb.js

@@ -0,0 +1,94 @@
+import { createOrbRenderer } from "./orb-renderer.js";
+import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, unref, useTemplateRef, watch } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/ai-orb/ai-orb.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiOrb",
+	__name: "ai-orb",
+	props: {
+		size: { default: 48 },
+		status: { default: "idle" }
+	},
+	emits: ["click"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("ai-orb");
+		const canvasRef = useTemplateRef("canvasRef");
+		let renderer = null;
+		let observer = null;
+		let motionQuery = null;
+		/** 指针坐标 → 单位球空间（球心为原点，1 = 球半径），交给渲染器做视线跟随 */
+		const handlePointerMove = (e) => {
+			const el = canvasRef.value;
+			if (!el || !renderer) return;
+			const rect = el.getBoundingClientRect();
+			const ballRadius = rect.width * .36;
+			renderer.setPointer({
+				x: (e.clientX - rect.left - rect.width / 2) / ballRadius,
+				y: (e.clientY - rect.top - rect.height / 2) / ballRadius
+			});
+		};
+		const handlePointerLeave = () => renderer?.setPointer(null);
+		const handlePointerDown = () => renderer?.poke();
+		const applyVisibility = (visible) => {
+			if (!renderer) return;
+			if (motionQuery?.matches) {
+				renderer.stop();
+				renderer.renderOnce();
+				return;
+			}
+			if (visible) renderer.start();
+			else renderer.stop();
+		};
+		const handleMotionChange = () => {
+			applyVisibility(true);
+		};
+		onMounted(() => {
+			const canvas = canvasRef.value;
+			if (!canvas) return;
+			renderer = createOrbRenderer(canvas, {
+				size: props.size,
+				status: props.status
+			});
+			motionQuery = window.matchMedia?.("(prefers-reduced-motion: reduce)") ?? null;
+			motionQuery?.addEventListener?.("change", handleMotionChange);
+			if (typeof IntersectionObserver !== "undefined") {
+				observer = new IntersectionObserver((entries) => {
+					applyVisibility(entries[0]?.isIntersecting ?? true);
+				});
+				observer.observe(canvas);
+			} else applyVisibility(true);
+		});
+		watch(() => props.status, (status) => renderer?.setStatus(status));
+		watch(() => props.size, (size) => renderer?.resize(size));
+		const react = (reaction) => renderer?.trigger(reaction);
+		__expose({ react });
+		onBeforeUnmount(() => {
+			observer?.disconnect();
+			motionQuery?.removeEventListener?.("change", handleMotionChange);
+			renderer?.stop();
+			renderer = null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("canvas", {
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				class: normalizeClass(unref(cls).b),
+				style: normalizeStyle({
+					width: `${__props.size}px`,
+					height: `${__props.size}px`
+				}),
+				"aria-hidden": "true",
+				onPointermove: handlePointerMove,
+				onPointerleave: handlePointerLeave,
+				onPointerdown: handlePointerDown,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+			}, null, 38);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ai-orb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-orb.js","names":[],"sources":["../../../src/components/ai-orb/ai-orb.vue"],"sourcesContent":["<template>\n  <canvas\n    ref=\"canvasRef\"\n    :class=\"cls.b\"\n    :style=\"{ width: `${size}px`, height: `${size}px` }\"\n    aria-hidden=\"true\"\n    @pointermove=\"handlePointerMove\"\n    @pointerleave=\"handlePointerLeave\"\n    @pointerdown=\"handlePointerDown\"\n    @click=\"emit('click')\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, onMounted, useTemplateRef, watch } from 'vue'\n\nimport type { AiOrbEmits, AiOrbExposed, AiOrbProps, AiOrbReaction } from '../../types/ai-orb'\nimport { createOrbRenderer, type AiOrbRenderer } from './orb-renderer'\n\ndefineOptions({ name: 'UAiOrb' })\n\nconst props = withDefaults(defineProps<AiOrbProps>(), { size: 48, status: 'idle' })\nconst emit = defineEmits<AiOrbEmits>()\n\nconst cls = bem('ai-orb')\n\nconst canvasRef = useTemplateRef<HTMLCanvasElement>('canvasRef')\n\nlet renderer: AiOrbRenderer | null = null\nlet observer: IntersectionObserver | null = null\nlet motionQuery: MediaQueryList | null = null\n\n/** 指针坐标 → 单位球空间（球心为原点，1 = 球半径），交给渲染器做视线跟随 */\nconst handlePointerMove = (e: PointerEvent) => {\n  const el = canvasRef.value\n  if (!el || !renderer) return\n  const rect = el.getBoundingClientRect()\n  const ballRadius = rect.width * 0.36\n  renderer.setPointer({\n    x: (e.clientX - rect.left - rect.width / 2) / ballRadius,\n    y: (e.clientY - rect.top - rect.height / 2) / ballRadius\n  })\n}\n\nconst handlePointerLeave = () => renderer?.setPointer(null)\n\nconst handlePointerDown = () => renderer?.poke()\n\nconst applyVisibility = (visible: boolean) => {\n  if (!renderer) return\n  if (motionQuery?.matches) {\n    // 减少动态偏好：只画一帧静态画面，不启动画循环\n    renderer.stop()\n    renderer.renderOnce()\n    return\n  }\n  if (visible) renderer.start()\n  else renderer.stop()\n}\n\nconst handleMotionChange = () => {\n  // 偏好像素级开关变化时重评估（不可见时 start 也会被 IntersectionObserver 纠正）\n  applyVisibility(true)\n}\n\nonMounted(() => {\n  const canvas = canvasRef.value\n  if (!canvas) return\n\n  renderer = createOrbRenderer(canvas, { size: props.size, status: props.status })\n\n  motionQuery = window.matchMedia?.('(prefers-reduced-motion: reduce)') ?? null\n  motionQuery?.addEventListener?.('change', handleMotionChange)\n\n  if (typeof IntersectionObserver !== 'undefined') {\n    // 滚出视口的球暂停动画循环，长会话下同屏多个球也不累积开销\n    observer = new IntersectionObserver((entries) => {\n      applyVisibility(entries[0]?.isIntersecting ?? true)\n    })\n    observer.observe(canvas)\n  } else {\n    applyVisibility(true)\n  }\n})\n\nwatch(\n  () => props.status,\n  (status) => renderer?.setStatus(status)\n)\n\nwatch(\n  () => props.size,\n  (size) => renderer?.resize(size)\n)\n\nconst react = (reaction: AiOrbReaction) => renderer?.trigger(reaction)\n\ndefineExpose<AiOrbExposed>({ react })\n\nonBeforeUnmount(() => {\n  observer?.disconnect()\n  motionQuery?.removeEventListener?.('change', handleMotionChange)\n  renderer?.stop()\n  renderer = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,QAAQ;EAExB,MAAM,YAAY,eAAkC,WAAW;EAE/D,IAAI,WAAiC;EACrC,IAAI,WAAwC;EAC5C,IAAI,cAAqC;;EAGzC,MAAM,qBAAqB,MAAoB;GAC7C,MAAM,KAAK,UAAU;GACrB,IAAI,CAAC,MAAM,CAAC,UAAU;GACtB,MAAM,OAAO,GAAG,sBAAsB;GACtC,MAAM,aAAa,KAAK,QAAQ;GAChC,SAAS,WAAW;IAClB,IAAI,EAAE,UAAU,KAAK,OAAO,KAAK,QAAQ,KAAK;IAC9C,IAAI,EAAE,UAAU,KAAK,MAAM,KAAK,SAAS,KAAK;GAChD,CAAC;EACH;EAEA,MAAM,2BAA2B,UAAU,WAAW,IAAI;EAE1D,MAAM,0BAA0B,UAAU,KAAK;EAE/C,MAAM,mBAAmB,YAAqB;GAC5C,IAAI,CAAC,UAAU;GACf,IAAI,aAAa,SAAS;IAExB,SAAS,KAAK;IACd,SAAS,WAAW;IACpB;GACF;GACA,IAAI,SAAS,SAAS,MAAM;QACvB,SAAS,KAAK;EACrB;EAEA,MAAM,2BAA2B;GAE/B,gBAAgB,IAAI;EACtB;EAEA,gBAAgB;GACd,MAAM,SAAS,UAAU;GACzB,IAAI,CAAC,QAAQ;GAEb,WAAW,kBAAkB,QAAQ;IAAE,MAAM,MAAM;IAAM,QAAQ,MAAM;GAAO,CAAC;GAE/E,cAAc,OAAO,aAAa,kCAAkC,KAAK;GACzE,aAAa,mBAAmB,UAAU,kBAAkB;GAE5D,IAAI,OAAO,yBAAyB,aAAa;IAE/C,WAAW,IAAI,sBAAsB,YAAY;KAC/C,gBAAgB,QAAQ,EAAE,EAAE,kBAAkB,IAAI;IACpD,CAAC;IACD,SAAS,QAAQ,MAAM;GACzB,OACE,gBAAgB,IAAI;EAExB,CAAC;EAED,YACQ,MAAM,SACX,WAAW,UAAU,UAAU,MAAM,CACxC;EAEA,YACQ,MAAM,OACX,SAAS,UAAU,OAAO,IAAI,CACjC;EAEA,MAAM,SAAS,aAA4B,UAAU,QAAQ,QAAQ;EAErE,SAA2B,EAAE,MAAM,CAAC;EAEpC,sBAAsB;GACpB,UAAU,WAAW;GACrB,aAAa,sBAAsB,UAAU,kBAAkB;GAC/D,UAAU,KAAK;GACf,WAAW;EACb,CAAC;;GAxGC,OAAA,UAAA,GAAA,mBASE,UAAA;IARI,SAAA;IAAJ,KAAI;IACH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,OAAK,eAAA;KAAA,OAAA,GAAc,QAAA,KAAI;KAAA,QAAA,GAAiB,QAAA,KAAI;IAAA,CAAA;IAC7C,eAAY;IACX,eAAa;IACb,gBAAc;IACd,eAAa;IACb,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA"}