@blueking/chat-x 0.0.1-beta.11 → 0.0.1-beta.13

package/dist/components/ai-buttons/tool-btn/tool-btn.vue.d.ts

@@ -1,8 +1,10 @@
+import { type TippyOptions } from 'vue-tippy';
 import type { IToolBtn } from '../../../types';
 import 'tippy.js/dist/tippy.css';
 type __VLS_Props = IToolBtn & {
     active?: boolean;
     disabled?: boolean;
+    tippyOptions?: Partial<Omit<TippyOptions, 'content' | 'getReferenceClientRect' | 'triggerTarget'>>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (data: IToolBtn, event: MouseEvent) => any;

package/dist/components/chat-message/message-container/message-container.vue.d.ts

@@ -1,5 +1,6 @@
 import { type Message, type UserMessage, MessageRole, MessageStatus } from '../../../ag-ui/types';
 import { MessageToolsStatus } from '../../../types/tool';
+import { type MessageToolsProps } from '../../message-tools/message-tools.vue';
 import type { IToolBtn, TagSchema } from '../../../types';
 /**
  * Agent 工具操作回调类型
@@ -26,6 +27,7 @@ type __VLS_Props = {
     messages: Message[];
     messageStatus?: MessageStatus;
     messageToolsStatus?: MessageToolsStatus;
+    messageToolsTippyOptions?: MessageToolsProps['tippyOptions'];
     onAgentAction?: AgentActionCallback;
     onAgentFeedback?: AgentFeedbackCallback;
     onUserAction?: UserActionCallback;
@@ -90,6 +92,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -621,6 +624,7 @@ declare var __VLS_9: {
                             rows?: number | undefined;
                         }[];
                         shortcut?: {
+                            alias?: string | undefined;
                             components?: ({
                                 props: {
                                     readonly [x: string]: unknown;
@@ -1142,6 +1146,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -1661,6 +1666,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -2180,6 +2186,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -2699,6 +2706,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -3218,6 +3226,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -3737,6 +3746,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -4256,6 +4266,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -4775,6 +4786,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -5294,6 +5306,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -5813,6 +5826,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -6332,6 +6346,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -6851,6 +6866,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -7371,6 +7387,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -7890,6 +7907,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -8409,6 +8427,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -8928,6 +8947,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -9447,6 +9467,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -9966,6 +9987,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -10485,6 +10507,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -11007,6 +11030,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;
@@ -11536,6 +11560,7 @@ declare var __VLS_9: {
                     rows?: number | undefined;
                 }[];
                 shortcut?: {
+                    alias?: string | undefined;
                     components?: ({
                         props: {
                             readonly [x: string]: unknown;

package/dist/index.js

@@ -2976,7 +2976,7 @@ var _hoisted_1$33 = ["src"], shortcut_btn_default = /* @__PURE__ */ defineCompon
 			class: normalizeClass(["ai-shortcut-btn", { "is-menu-mode": n.mode === "menu" }]),
 			onClick: i[0] || (i[0] = (e) => o(n.shortcut))
 		}, [renderSlot(r.$slots, "default", {}, () => {
-			var r, i, a, o, f, p;
+			var r, i, a, o, f, p, m;
 			return [(r = n.shortcut) != null && r.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [typeof n.shortcut.icon == "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [n.shortcut.icon.startsWith("http") ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				class: "ai-common-icon ai-shortcut-btn-icon",
@@ -2987,7 +2987,7 @@ var _hoisted_1$33 = ["src"], shortcut_btn_default = /* @__PURE__ */ defineCompon
 			}))], 64)) : n.shortcut && !((f = n.shortcut.components) != null && f.length) ? (openBlock(), createBlock(unref(AgentIcon), {
 				key: 1,
 				class: "ai-shortcut-btn-icon"
-			})) : createCommentVNode("", !0), createTextVNode(" " + toDisplayString((p = n.shortcut) == null ? void 0 : p.name), 1)];
+			})) : createCommentVNode("", !0), createTextVNode(" " + toDisplayString(((p = n.shortcut) == null ? void 0 : p.alias) || ((m = n.shortcut) == null ? void 0 : m.name)), 1)];
 		}), renderSlot(r.$slots, "append")], 2));
 	}
 }), _hoisted_1$32 = { class: "ai-selection-popover-content" }, _hoisted_2$21 = {
@@ -3295,6 +3295,7 @@ function _objectWithoutProperties(e, n) {
 var _excluded = ["options"], _excluded2 = ["options"], _hoisted_1$30 = { class: "shortcut-render" }, _hoisted_2$20 = { class: "shortcut-render-header" }, _hoisted_3$15 = { class: "header-name" }, _hoisted_4$13 = { class: "shortcut-render-content" }, _hoisted_5$10 = { class: "shortcut-footer" }, shortcut_render_default = /* @__PURE__ */ defineComponent({
 	__name: "shortcut-render",
 	props: {
+		alias: {},
 		components: {},
 		description: {},
 		formModel: {},
@@ -3371,7 +3372,7 @@ var _excluded = ["options"], _excluded2 = ["options"], _hoisted_1$30 = { class:
 		};
 		return (r, i) => (openBlock(), createElementBlock("div", _hoisted_1$30, [createElementVNode("div", _hoisted_2$20, [
 			createVNode(unref(ThinkingIcon), { class: "header-icon" }),
-			createElementVNode("span", _hoisted_3$15, toDisplayString(n.name), 1),
+			createElementVNode("span", _hoisted_3$15, toDisplayString(n.alias || n.name), 1),
 			createVNode(unref(CloseIcon), {
 				class: "header-close",
 				onClick: x
@@ -6800,17 +6801,17 @@ var _hoisted_1$29 = { key: 1 }, tool_btn_default = /* @__PURE__ */ defineCompone
 		id: {},
 		name: {},
 		active: { type: Boolean },
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		tippyOptions: {}
 	},
 	emits: ["click"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, o = computed(() => ({
+		let r = e, i = n, o = computed(() => _objectSpread2(_objectSpread2({
 			content: r.description,
-			theme: "ai-chat-box",
-			onShow: () => {
-				if (r.disabled) return !1;
-			}
-		})), c = (e) => {
+			theme: "ai-chat-box"
+		}, r.tippyOptions || {}), {}, { onShow: () => {
+			if (r.disabled) return !1;
+		} })), c = (e) => {
 			r.disabled || i("click", r, e);
 		};
 		return (n, r) => withDirectives((openBlock(), createElementBlock("div", {
@@ -10582,8 +10583,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				ref_for: !0
 			}, e, {
 				disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+				"tippy-options": n.tippyOptions,
 				onClick: (n) => v(e)
-			}), null, 16, ["disabled", "onClick"]))), 128))]),
+			}), null, 16, [
+				"disabled",
+				"tippy-options",
+				"onClick"
+			]))), 128))]),
 			n.updateTools.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$8)) : createCommentVNode("", !0),
 			createElementVNode("div", _hoisted_4$6, [(openBlock(!0), createElementBlock(Fragment, null, renderList(n.updateTools, (r) => (openBlock(), createElementBlock(Fragment, { key: r.id }, [["like", "unlike"].includes(r.id) ? (openBlock(), createBlock(unref(TippyComponent), mergeProps({
 				key: 0,
@@ -10607,11 +10613,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 					id: b(r.id),
 					active: g.value === r.id,
 					disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+					"tippy-options": n.tippyOptions,
 					onClick: (e) => v(r)
 				}), null, 16, [
 					"id",
 					"active",
 					"disabled",
+					"tippy-options",
 					"onClick"
 				])]),
 				_: 2
@@ -10620,8 +10628,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				ref_for: !0
 			}, r, {
 				disabled: n.messageToolsStatus === unref(MessageToolsStatus).Disabled,
+				"tippy-options": n.tippyOptions,
 				onClick: (e) => v(r)
-			}), null, 16, ["disabled", "onClick"]))], 64))), 128))])
+			}), null, 16, [
+				"disabled",
+				"tippy-options",
+				"onClick"
+			]))], 64))), 128))])
 		], 512));
 	}
 }), _hoisted_1$11 = { class: "ai-loading-ring" }, _hoisted_2$8 = {
@@ -11179,6 +11192,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 		messages: {},
 		messageStatus: {},
 		messageToolsStatus: {},
+		messageToolsTippyOptions: {},
 		onAgentAction: {},
 		onAgentFeedback: {},
 		onUserAction: {},
@@ -11190,7 +11204,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 	}),
 	emits: /* @__PURE__ */ mergeModels(["stopStreaming"], ["update:selectedMessages"]),
 	setup(n) {
-		let r = n, i = useModel(n, "selectedMessages"), a = useTemplateRef("messageContainerRef"), o = useTemplateRef("messageContainerBottomRef"), d = ref([]), { isScrollBottom: p, toScrollBottom: m, scrollBottomHeight: g } = useContainerScrollProvider(a, o), { copy: _ } = useClipboard(), v = { appendTo: () => document.querySelector(".draggable-container-content") || document.body };
+		let r = n, i = useModel(n, "selectedMessages"), a = useTemplateRef("messageContainerRef"), o = useTemplateRef("messageContainerBottomRef"), d = ref([]), { isScrollBottom: p, toScrollBottom: m, scrollBottomHeight: g } = useContainerScrollProvider(a, o), { copy: _ } = useClipboard();
 		watchEffect(() => {
 			var e;
 			let n = [], i = [];
@@ -11251,7 +11265,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			immediate: !0,
 			flush: "post"
 		});
-		let y = function() {
+		let v = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				return e.id === "copy" && (console.log("messages", n), _(n.filter((e) => e.role !== MessageRole.Reasoning).map((e) => typeof e.content == "string" ? e.content : JSON.stringify(e.content || "")).join("\n"))), (i = r.onAgentAction) == null ? void 0 : i.call(r, e, n);
@@ -11259,7 +11273,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r) {
 				return e.apply(this, arguments);
 			};
-		}(), b = function() {
+		}(), y = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				(i = r.onUserAction) == null || i.call(r, e, n);
@@ -11267,11 +11281,11 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r) {
 				return e.apply(this, arguments);
 			};
-		}(), x = (e) => {
+		}(), b = (e) => {
 			e.isHover = !0;
-		}, S = (e) => {
+		}, x = (e) => {
 			e.isHover = !1;
-		}, C = (e, n) => {
+		}, S = (e, n) => {
 			var r, a;
 			let o = e.type === MessageRole.User;
 			(r = d.value) == null || r.forEach((r, i) => {
@@ -11281,7 +11295,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 					e && (e.checked = n);
 				}
 			}), i.value = (a = d.value) == null ? void 0 : a.filter((e) => e.checked).map((e) => e.messages).flat();
-		}, T = function() {
+		}, C = function() {
 			var e = _asyncToGenerator(function* (e, n, i) {
 				var a;
 				(a = r.onUserInputConfirm) == null || a.call(r, e, n, i);
@@ -11289,7 +11303,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			return function(n, r, i) {
 				return e.apply(this, arguments);
 			};
-		}(), E = function() {
+		}(), T = function() {
 			var e = _asyncToGenerator(function* (e, n) {
 				var i;
 				(i = r.onUserShortcutConfirm) == null || i.call(r, e, n);
@@ -11307,13 +11321,13 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				key: o,
 				class: "message-group",
 				style: normalizeStyle({ backgroundColor: a.checked ? "#f5f7fa" : "transparent" }),
-				onMouseenter: (e) => x(a),
-				onMouseleave: (e) => S(a)
+				onMouseenter: (e) => b(a),
+				onMouseleave: (e) => x(a)
 			}, [n.enableSelection && a.type !== unref(MessageRole).Loading ? (openBlock(), createBlock(unref(Checkbox), {
 				key: o,
 				class: "message-group-checkbox",
 				"model-value": a.checked,
-				"onUpdate:modelValue": (e) => C(a, e)
+				"onUpdate:modelValue": (e) => S(a, e)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("", !0), createElementVNode("div", _hoisted_2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.messages, (e, r) => renderSlot(i.$slots, "default", mergeProps({
 				key: r,
 				ref_for: !0
@@ -11324,9 +11338,9 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 				key: r,
 				message: e,
 				"message-tools-status": n.messageToolsStatus,
-				"on-action": (n) => b(n, e),
-				"on-input-confirm": (n, r) => T(e, n, r),
-				"on-shortcut-confirm": (n) => E(e, n)
+				"on-action": (n) => y(n, e),
+				"on-input-confirm": (n, r) => C(e, n, r),
+				"on-shortcut-confirm": (n) => T(e, n)
 			}, null, 8, [
 				"message",
 				"message-tools-status",
@@ -11336,8 +11350,8 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			]))])), 128)), a.type === unref(MessageRole).Assistant && n.messageToolsStatus !== unref(MessageToolsStatus).Hidden ? (openBlock(), createBlock(message_tools_default, {
 				key: 0,
 				"message-tools-status": n.messageToolsStatus,
-				"on-action": (e) => y(e, a.messages),
-				"tippy-options": v,
+				"on-action": (e) => v(e, a.messages),
+				"tippy-options": r.messageToolsTippyOptions,
 				onFeedback: (e, n, i) => {
 					var o;
 					return (o = r.onAgentFeedback) == null ? void 0 : o.call(r, e, a.messages, n, i);
@@ -11345,6 +11359,7 @@ var _hoisted_1$17 = { class: "ai-slash-input-wrapper" }, _hoisted_2$12 = ["aria-
 			}, null, 8, [
 				"message-tools-status",
 				"on-action",
+				"tippy-options",
 				"onFeedback"
 			])) : createCommentVNode("", !0)])], 44, _hoisted_1))), 128)),
 			createElementVNode("div", {