@veltra/ai 1.4.0 → 2.1.0

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

@@ -0,0 +1,96 @@
+import { AiChatDIKey } from "./di.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from "@veltra/icons/normal";
+import { UIcon, UScroll } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/ai-chat/side-panel.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAiChatSidePanel",
+	__name: "side-panel",
+	props: { toolCall: {} },
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const di = inject(AiChatDIKey);
+		const cls = di?.cls ?? bem("ai-chat");
+		/** 当前调用对应的工具定义（解析 icon/label/render） */
+		const tool = computed(() => di?.tools.value[props.toolCall.name]);
+		const STATUS_META = {
+			pending: {
+				icon: Loading,
+				class: "is-active"
+			},
+			running: {
+				icon: Loading,
+				class: "is-active"
+			},
+			"awaiting-confirm": {
+				icon: WarningFilled,
+				class: "is-warning"
+			},
+			success: {
+				icon: CircleCheckFilled,
+				class: "is-success"
+			},
+			error: {
+				icon: CircleClose,
+				class: "is-danger"
+			},
+			rejected: {
+				icon: Close,
+				class: "is-danger"
+			}
+		};
+		const statusIcon = computed(() => STATUS_META[props.toolCall.status]?.icon ?? Loading);
+		const statusClass = computed(() => STATUS_META[props.toolCall.status]?.class ?? "");
+		/** 头部图标：工具自定义图标优先，缺省用状态图标（与工具卡片一致） */
+		const headerIcon = computed(() => tool.value?.icon ?? statusIcon.value);
+		/** 面板标题：优先工具定义的 panelTitle（业务对象 + 动作），缺省回落到 label ?? name */
+		const panelTitle = computed(() => {
+			const t = tool.value;
+			const pt = t?.panelTitle;
+			if (typeof pt === "function") return pt(props.toolCall);
+			return pt ?? t?.label ?? props.toolCall.name;
+		});
+		/** 未提供 render 时的兜底展示（面板工具通常都应提供 render） */
+		const fallbackResult = computed(() => {
+			const raw = props.toolCall.error ?? props.toolCall.result ?? "";
+			try {
+				return JSON.stringify(JSON.parse(raw), null, 2);
+			} catch {
+				return raw;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", { class: normalizeClass(unref(cls).e("panel")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("panel-card")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("panel-header")) }, [
+				createVNode(unref(UIcon), { class: normalizeClass([unref(cls).e("panel-icon"), statusClass.value]) }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(headerIcon.value)))]),
+					_: 1
+				}, 8, ["class"]),
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("panel-title")) }, toDisplayString(panelTitle.value), 3),
+				createVNode(unref(UIcon), {
+					class: normalizeClass(unref(cls).e("panel-close")),
+					title: "关闭面板",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [createVNode(unref(Close))]),
+					_: 1
+				}, 8, ["class"])
+			], 2), createVNode(unref(UScroll), { class: normalizeClass(unref(cls).e("panel-body")) }, {
+				default: withCtx(() => [createCommentVNode(" render 组件与工具卡片同一契约（ChatToolRenderProps），可随 toolCall 状态实时更新 "), tool.value?.render ? (openBlock(), createBlock(resolveDynamicComponent(tool.value.render), {
+					key: 0,
+					"tool-call": __props.toolCall
+				}, null, 8, ["tool-call"])) : (openBlock(), createElementBlock("pre", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("panel-fallback"))
+				}, toDisplayString(fallbackResult.value), 3))]),
+				_: 1
+			}, 8, ["class"])], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=side-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.js","names":[],"sources":["../../../src/components/ai-chat/side-panel.vue"],"sourcesContent":["<template>\n  <aside :class=\"cls.e('panel')\">\n    <div :class=\"cls.e('panel-card')\">\n      <div :class=\"cls.e('panel-header')\">\n        <UIcon :class=\"[cls.e('panel-icon'), statusClass]\">\n          <component :is=\"headerIcon\" />\n        </UIcon>\n        <span :class=\"cls.e('panel-title')\">{{ panelTitle }}</span>\n        <UIcon :class=\"cls.e('panel-close')\" title=\"关闭面板\" @click=\"emit('close')\">\n          <Close />\n        </UIcon>\n      </div>\n\n      <UScroll :class=\"cls.e('panel-body')\">\n        <!-- render 组件与工具卡片同一契约（ChatToolRenderProps），可随 toolCall 状态实时更新 -->\n        <component :is=\"tool.render\" v-if=\"tool?.render\" :tool-call=\"toolCall\" />\n        <pre v-else :class=\"cls.e('panel-fallback')\">{{ fallbackResult }}</pre>\n      </UScroll>\n    </div>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UIcon, UScroll } from '@veltra/desktop'\nimport { CircleCheckFilled, CircleClose, Close, Loading, WarningFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport type { ChatToolCall } from '../../chat/types'\nimport { AiChatDIKey } from './di'\n\ndefineOptions({ name: 'UAiChatSidePanel' })\n\nconst props = defineProps<{ toolCall: ChatToolCall }>()\n\nconst emit = defineEmits<{ (e: 'close'): void }>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\n/** 当前调用对应的工具定义（解析 icon/label/render） */\nconst tool = computed(() => di?.tools.value[props.toolCall.name])\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/** 头部图标：工具自定义图标优先，缺省用状态图标（与工具卡片一致） */\nconst headerIcon = computed(() => tool.value?.icon ?? statusIcon.value)\n\n/** 面板标题：优先工具定义的 panelTitle（业务对象 + 动作），缺省回落到 label ?? name */\nconst panelTitle = computed(() => {\n  const t = tool.value\n  const pt = t?.panelTitle\n  if (typeof pt === 'function') return pt(props.toolCall)\n  return pt ?? t?.label ?? props.toolCall.name\n})\n\n/** 未提供 render 时的兜底展示（面板工具通常都应提供 render） */\nconst fallbackResult = 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</script>\n"],"mappings":";;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,KAAK,OAAO,WAAW;EAC7B,MAAM,MAAM,IAAI,OAAO,IAAI,SAAS;;EAGpC,MAAM,OAAO,eAAe,IAAI,MAAM,MAAM,MAAM,SAAS,KAAK;EAEhE,MAAM,cAAkE;GACtE,SAAS;IAAE,MAAM;IAAS,OAAO;GAAY;GAC7C,SAAS;IAAE,MAAM;IAAS,OAAO;GAAY;GAC7C,oBAAoB;IAAE,MAAM;IAAe,OAAO;GAAa;GAC/D,SAAS;IAAE,MAAM;IAAmB,OAAO;GAAa;GACxD,OAAO;IAAE,MAAM;IAAa,OAAO;GAAY;GAC/C,UAAU;IAAE,MAAM;IAAO,OAAO;GAAY;EAC9C;EAEA,MAAM,aAAa,eAAe,YAAY,MAAM,SAAS,OAAO,EAAE,QAAQ,OAAO;EACrF,MAAM,cAAc,eAAe,YAAY,MAAM,SAAS,OAAO,EAAE,SAAS,EAAE;;EAGlF,MAAM,aAAa,eAAe,KAAK,OAAO,QAAQ,WAAW,KAAK;;EAGtE,MAAM,aAAa,eAAe;GAChC,MAAM,IAAI,KAAK;GACf,MAAM,KAAK,GAAG;GACd,IAAI,OAAO,OAAO,YAAY,OAAO,GAAG,MAAM,QAAQ;GACtD,OAAO,MAAM,GAAG,SAAS,MAAM,SAAS;EAC1C,CAAC;;EAGD,MAAM,iBAAiB,eAAe;GACpC,MAAM,MAAM,MAAM,SAAS,SAAS,MAAM,SAAS,UAAU;GAC7D,IAAI;IACF,OAAO,KAAK,UAAU,KAAK,MAAM,GAAG,GAAG,MAAM,CAAC;GAChD,QAAQ;IACN,OAAO;GACT;EACF,CAAC;;GAzEC,OAAA,UAAA,GAAA,mBAkBQ,SAAA,EAlBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAClB,CAAA,mBAgBM,OAAA,EAhBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAChB,CAAA,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IAChB,YAEQ,MAAA,KAAA,GAAA,EAFA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,GAAgB,YAAA,KAAW,CAAA,EAAA,GAAA;KAChB,SAAA,cAAA,EAAA,UAAA,GAA9B,YAA8B,wBAAd,WAAA,KAAU,CAAA,EAAA,CAAA;;;IAE5B,mBAA2D,QAAA,EAApD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA,EAAA,GAAoB,gBAAA,WAAA,KAAU,GAAA,CAAA;IACjD,YAEQ,MAAA,KAAA,GAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAiB,OAAM;KAAQ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;KACnD,SAAA,cAAA,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;;GAIb,GAAA,CAAA,GAAA,YAIU,MAAA,OAAA,GAAA,EAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA;IAC+C,SAAA,cAAA,CAAnE,mBAAA,8DAAA,GACmC,KAAA,OAAM,UAAA,UAAA,GAAzC,YAAyE,wBAAzD,KAAA,MAAK,MAAM,GAAA;;KAAuB,aAAW,QAAA;IAC7D,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,MAAA,UAAA,GAAA,mBAAuE,OAAA;;KAA1D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,gBAAA,CAAA;IAAuB,GAAA,gBAAA,eAAA,KAAc,GAAA,CAAA,EAAA,CAAA"}

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

@@ -1,5 +1,11 @@
 import "@veltra/desktop/components/button/style";
+import "@veltra/desktop/components/collapse/style";
+import "@veltra/desktop/components/file-picker/style";
 import "@veltra/desktop/components/icon/style";
 import "@veltra/desktop/components/input/style";
+import "@veltra/desktop/components/layout/style";
+import "@veltra/desktop/components/message/style";
 import "@veltra/desktop/components/scroll/style";
+import "@veltra/desktop/components/select/style";
+import "@veltra/styles/animations/shine.scss";
 import "markstream-vue/index.css";

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

@@ -1,6 +1,12 @@
 import "./style2.css";
 import "@veltra/desktop/components/button/style";
+import "@veltra/desktop/components/collapse/style";
+import "@veltra/desktop/components/file-picker/style";
 import "@veltra/desktop/components/icon/style";
 import "@veltra/desktop/components/input/style";
+import "@veltra/desktop/components/layout/style";
+import "@veltra/desktop/components/message/style";
 import "@veltra/desktop/components/scroll/style";
+import "@veltra/desktop/components/select/style";
+import "@veltra/styles/animations/shine.scss";
 import "markstream-vue/index.css";