@astryx-vue/core 0.2.0 → 0.2.2

package/dist/Chat-DjNxw5gv.js

@@ -1,1051 +0,0 @@
-import { t as _sfc_main$14 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$15 } from "./Button-DrqeomlE.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
-import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
-import { a as useAstryxMessages, i as useAstryxLocale } from "./context-Dbo22sck.js";
-import { t as _sfc_main$16 } from "./Badge-Ba0EwsTj.js";
-import { t as _sfc_main$17 } from "./Icon-Dfr4k6-S.js";
-import { t as _sfc_main$18 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$19 } from "./Divider-BtwnL18I.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
-import "../styles/chat.css";
-//#region src/Chat/ChatLayoutScrollButton.vue
-const _hoisted_1$12 = [
-	"data-visible",
-	"data-labeled",
-	"inert"
-];
-const _sfc_main$13 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatLayoutScrollButton",
-	inheritAttrs: false,
-	__name: "ChatLayoutScrollButton",
-	props: {
-		isVisible: { type: Boolean },
-		label: {}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const messages = useAstryxMessages();
-		const accessibleLabel = computed(() => props.label ?? messages.value.chat.scrollToBottom);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, { class: "astryx-chat-scroll-button" }), [createElementVNode("div", {
-				class: "astryx-chat-scroll-button__pill",
-				"data-visible": __props.isVisible || void 0,
-				"data-labeled": __props.label ? "" : void 0,
-				inert: !__props.isVisible
-			}, [createVNode(_sfc_main$15, {
-				class: "astryx-chat-scroll-button__control",
-				label: accessibleLabel.value,
-				variant: "ghost",
-				size: "md",
-				"is-icon-only": !__props.label,
-				onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
-			}, {
-				icon: withCtx(() => [createVNode(_sfc_main$17, {
-					icon: "chevronDown",
-					size: "md"
-				})]),
-				_: 1
-			}, 8, ["label", "is-icon-only"])], 8, _hoisted_1$12)], 16);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/context.ts
-const chatMessageContextKey = Symbol("astryx-chat-message");
-function useChatMessageContext() {
-	return inject(chatMessageContextKey, void 0);
-}
-const chatListContextKey = Symbol("astryx-chat-list");
-function useChatListContext() {
-	return inject(chatListContextKey, void 0);
-}
-const chatLayoutContextKey = Symbol("astryx-chat-layout");
-function useChatLayoutContext() {
-	return inject(chatLayoutContextKey, void 0);
-}
-//#endregion
-//#region src/Chat/ChatLayout.vue
-const _hoisted_1$11 = ["data-density", "data-scroll"];
-const _hoisted_2$9 = ["data-density"];
-const _hoisted_3$7 = {
-	key: 0,
-	class: "astryx-chat-layout__empty"
-};
-const _hoisted_4$7 = ["data-density"];
-const _hoisted_5$5 = ["data-density"];
-const _hoisted_6$4 = ["data-density"];
-const _hoisted_7$3 = ["data-density"];
-const _sfc_main$12 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatLayout",
-	inheritAttrs: false,
-	__name: "ChatLayout",
-	props: {
-		density: { default: "balanced" },
-		scrollRef: {},
-		showScrollButton: {
-			type: Boolean,
-			default: true
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const messages = useAstryxMessages();
-		const announce = useAnnounce();
-		const root = useTemplateRef("root");
-		const scrollTarget = computed(() => props.scrollRef ?? root.value);
-		const isSelfScrolling = computed(() => props.scrollRef == null);
-		const scroll = useChatStreamScroll({ scrollRef: scrollTarget });
-		const newMessages = useChatNewMessages({
-			isLocked: scroll.isLocked,
-			onResize: scroll.scrollIfLocked
-		});
-		const buttonVisible = computed(() => scroll.isScrolledUp.value || newMessages.hasNewMessages.value);
-		const buttonLabel = computed(() => newMessages.hasNewMessages.value ? messages.value.chat.newMessages : void 0);
-		function scrollToBottom() {
-			newMessages.dismiss();
-			scroll.scrollToBottom();
-		}
-		watch(() => newMessages.hasNewMessages.value, (hasNew) => {
-			if (hasNew) announce(messages.value.chat.newMessages);
-		});
-		provide(chatLayoutContextKey, {
-			scrollContainer: scrollTarget,
-			contentRef: newMessages.contentRef
-		});
-		__expose({
-			element: root,
-			scrollToBottom
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, {
-				class: "astryx-chat-layout",
-				"data-density": __props.density,
-				"data-scroll": isSelfScrolling.value ? "self" : "external"
-			}), [createElementVNode("div", {
-				class: "astryx-chat-layout__messages",
-				"data-density": __props.density
-			}, [!_ctx.$slots.default && _ctx.$slots.empty ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "empty")])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 8, _hoisted_2$9), createElementVNode("div", {
-				class: "astryx-chat-layout__dock",
-				"data-density": __props.density
-			}, [
-				renderSlot(_ctx.$slots, "scrollButton", {
-					isVisible: buttonVisible.value,
-					label: buttonLabel.value,
-					scrollToBottom
-				}, () => [__props.showScrollButton ? (openBlock(), createBlock(_sfc_main$13, {
-					key: 0,
-					"is-visible": buttonVisible.value,
-					label: buttonLabel.value,
-					onClick: scrollToBottom
-				}, null, 8, ["is-visible", "label"])) : createCommentVNode("v-if", true)]),
-				createElementVNode("div", {
-					class: "astryx-chat-layout__blur",
-					"data-density": __props.density
-				}, null, 8, _hoisted_5$5),
-				createElementVNode("div", {
-					class: "astryx-chat-layout__composer",
-					"data-density": __props.density
-				}, [createElementVNode("div", {
-					class: "astryx-chat-layout__composer-inner",
-					"data-density": __props.density
-				}, [renderSlot(_ctx.$slots, "composer")], 8, _hoisted_7$3)], 8, _hoisted_6$4)
-			], 8, _hoisted_4$7)], 16, _hoisted_1$11);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatMessage.vue
-const _hoisted_1$10 = [
-	"data-sender",
-	"data-density",
-	"aria-label",
-	"aria-labelledby"
-];
-const _hoisted_2$8 = {
-	key: 0,
-	class: "astryx-chat-message__avatar"
-};
-const _hoisted_3$6 = ["data-sender"];
-const _hoisted_4$6 = ["data-sender", "data-density"];
-const _hoisted_5$4 = {
-	key: 1,
-	class: "astryx-chat-message__metadata"
-};
-const _sfc_main$11 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatMessage",
-	inheritAttrs: false,
-	__name: "ChatMessage",
-	props: {
-		sender: {},
-		name: {},
-		density: {}
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const slots = useSlots();
-		const messages = useAstryxMessages();
-		const list = useChatListContext();
-		const root = useTemplateRef("root");
-		const nameId = `astryx-chat-message-${useId()}`;
-		const density = computed(() => props.density ?? list?.density.value ?? "balanced");
-		const isSystem = computed(() => props.sender === "system");
-		const hasName = computed(() => !isSystem.value && (Boolean(props.name) || Boolean(slots.name)));
-		const senderName = computed(() => {
-			const chat = messages.value.chat;
-			if (props.sender === "user") return chat.senderUser;
-			if (props.sender === "system") return chat.senderSystem;
-			return chat.senderAssistant;
-		});
-		provide(chatMessageContextKey, {
-			sender: computed(() => props.sender),
-			density
-		});
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("article", mergeProps({
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, {
-				class: "astryx-chat-message",
-				"data-sender": __props.sender,
-				"data-density": density.value,
-				"aria-label": hasName.value ? void 0 : unref(messages).chat.messageFrom(senderName.value),
-				"aria-labelledby": hasName.value ? nameId : void 0
-			}), [_ctx.$slots.avatar && !isSystem.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "avatar")])) : createCommentVNode("v-if", true), createElementVNode("div", {
-				class: "astryx-chat-message__column",
-				"data-sender": __props.sender
-			}, [
-				hasName.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					id: nameId,
-					class: "astryx-chat-message__name",
-					"data-chat-name": ""
-				}, [renderSlot(_ctx.$slots, "name", {}, () => [createTextVNode(toDisplayString(__props.name), 1)])])) : createCommentVNode("v-if", true),
-				createElementVNode("div", {
-					class: "astryx-chat-message__body",
-					"data-sender": __props.sender,
-					"data-density": density.value
-				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_4$6),
-				!isSystem.value && _ctx.$slots.metadata ? (openBlock(), createElementBlock("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "metadata")])) : createCommentVNode("v-if", true)
-			], 8, _hoisted_3$6)], 16, _hoisted_1$10);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatMessageBubble.vue
-const _hoisted_1$9 = [
-	"data-sender",
-	"data-variant",
-	"data-density"
-];
-const _hoisted_2$7 = ["data-sender", "data-density"];
-const _hoisted_3$5 = [
-	"data-sender",
-	"data-variant",
-	"data-density",
-	"data-group"
-];
-const _hoisted_4$5 = ["data-sender", "data-density"];
-const _sfc_main$10 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatMessageBubble",
-	inheritAttrs: false,
-	__name: "ChatMessageBubble",
-	props: {
-		variant: { default: "filled" },
-		name: {},
-		group: {},
-		width: {}
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const context = useChatMessageContext();
-		const root = useTemplateRef("root");
-		const sender = computed(() => context?.sender.value ?? "assistant");
-		const density = computed(() => context?.density.value ?? "balanced");
-		const frameStyle = computed(() => props.width ? {
-			width: props.width,
-			maxWidth: props.width
-		} : void 0);
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: "astryx-chat-message-bubble__frame",
-				"data-sender": sender.value,
-				"data-variant": __props.variant,
-				"data-density": density.value,
-				style: normalizeStyle(frameStyle.value)
-			}, [
-				__props.name || _ctx.$slots.name ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: "astryx-chat-message-bubble__name",
-					"data-chat-name": "",
-					"data-sender": sender.value,
-					"data-density": density.value
-				}, [renderSlot(_ctx.$slots, "name", {}, () => [createTextVNode(toDisplayString(__props.name), 1)])], 8, _hoisted_2$7)) : createCommentVNode("v-if", true),
-				createElementVNode("div", mergeProps({
-					ref_key: "root",
-					ref: root
-				}, _ctx.$attrs, {
-					class: "astryx-chat-message-bubble",
-					"data-sender": sender.value,
-					"data-variant": __props.variant,
-					"data-density": density.value,
-					"data-group": __props.group
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$5),
-				_ctx.$slots.metadata ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					class: "astryx-chat-message-bubble__meta",
-					"data-sender": sender.value,
-					"data-density": density.value
-				}, [renderSlot(_ctx.$slots, "metadata")], 8, _hoisted_4$5)) : createCommentVNode("v-if", true)
-			], 12, _hoisted_1$9);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatMessageList.vue
-const _hoisted_1$8 = [
-	"aria-busy",
-	"aria-label",
-	"data-density"
-];
-const _hoisted_2$6 = ["data-density", "data-gap"];
-const _hoisted_3$4 = {
-	key: 1,
-	class: "astryx-chat-message-list__loading"
-};
-const _hoisted_4$4 = {
-	key: 3,
-	class: "astryx-chat-message-list__empty"
-};
-const _sfc_main$9 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatMessageList",
-	inheritAttrs: false,
-	__name: "ChatMessageList",
-	props: {
-		density: { default: "balanced" },
-		gap: {},
-		scrollToTopAction: {},
-		isStreaming: {
-			type: Boolean,
-			default: false
-		},
-		label: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const messages = useAstryxMessages();
-		const layout = useChatLayoutContext();
-		const inner = useTemplateRef("inner");
-		const sentinel = useTemplateRef("sentinel");
-		const isLoadingTop = ref(false);
-		const accessibleName = computed(() => props.label ?? messages.value.chat.log);
-		provide(chatListContextKey, { density: computed(() => props.density) });
-		watch(inner, (el, _, onCleanup) => {
-			if (!layout) return;
-			layout.contentRef(el);
-			onCleanup(() => layout.contentRef(null));
-		});
-		watch(() => [
-			props.scrollToTopAction,
-			sentinel.value,
-			layout?.scrollContainer.value
-		], ([action, sentinelEl], _, onCleanup) => {
-			if (!action || !sentinelEl || typeof IntersectionObserver === "undefined") return;
-			let pending = false;
-			const observer = new IntersectionObserver((entries) => {
-				if (!entries[0]?.isIntersecting || pending) return;
-				pending = true;
-				isLoadingTop.value = true;
-				Promise.resolve(action()).finally(() => {
-					pending = false;
-					isLoadingTop.value = false;
-				});
-			}, {
-				root: layout?.scrollContainer.value ?? null,
-				threshold: 0
-			});
-			observer.observe(sentinelEl);
-			onCleanup(() => observer.disconnect());
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
-				class: "astryx-chat-message-list",
-				role: "log",
-				"aria-live": "polite",
-				"aria-busy": __props.isStreaming || void 0,
-				"aria-label": accessibleName.value,
-				tabindex: "0",
-				"data-density": __props.density
-			}), [createElementVNode("div", {
-				ref_key: "inner",
-				ref: inner,
-				class: "astryx-chat-message-list__inner",
-				"data-density": __props.density,
-				"data-gap": __props.gap
-			}, [
-				__props.scrollToTopAction ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref_key: "sentinel",
-					ref: sentinel,
-					class: "astryx-chat-message-list__sentinel",
-					"aria-hidden": "true"
-				}, null, 512)) : createCommentVNode("v-if", true),
-				isLoadingTop.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$18, {
-					size: "md",
-					"aria-label": unref(messages).chat.toolRunning
-				}, null, 8, ["aria-label"])])) : createCommentVNode("v-if", true),
-				_cache[0] || (_cache[0] = createElementVNode("div", {
-					class: "astryx-chat-message-list__spacer",
-					"aria-hidden": "true"
-				}, null, -1)),
-				_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2) : _ctx.$slots.empty ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "empty")])) : createCommentVNode("v-if", true)
-			], 8, _hoisted_2$6)], 16, _hoisted_1$8);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatIcon.vue
-const _sfc_main$8 = /*@__PURE__*/ defineComponent({
-	__name: "ChatIcon",
-	props: {
-		name: {},
-		size: { default: "sm" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$17, {
-				size: __props.size,
-				color: "inherit"
-			}, {
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["astryx-icon__glyph", `astryx-chat-icon--${__props.name}`]) }, null, 2)]),
-				_: 1
-			}, 8, ["size"]);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatMessageMetadata.vue
-const _hoisted_1$7 = ["data-sender"];
-const _hoisted_2$5 = {
-	key: 0,
-	class: "astryx-chat-metadata__timestamp"
-};
-const _hoisted_3$3 = {
-	key: 1,
-	class: "astryx-chat-metadata__dot",
-	"aria-hidden": "true"
-};
-const _hoisted_4$3 = {
-	key: 2,
-	class: "astryx-chat-metadata__footer"
-};
-const _hoisted_5$3 = {
-	key: 3,
-	class: "astryx-chat-metadata__dot",
-	"aria-hidden": "true"
-};
-const _hoisted_6$3 = [
-	"data-status",
-	"title",
-	"aria-label"
-];
-const _sfc_main$7 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatMessageMetadata",
-	inheritAttrs: false,
-	__name: "ChatMessageMetadata",
-	props: {
-		timestamp: {},
-		footer: {},
-		status: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const messages = useAstryxMessages();
-		const locale = useAstryxLocale();
-		const context = useChatMessageContext();
-		const sender = computed(() => context?.sender.value ?? "assistant");
-		const statusLabel = computed(() => {
-			const chat = messages.value.chat;
-			const labels = {
-				sending: chat.statusSending,
-				sent: chat.statusSent,
-				delivered: chat.statusDelivered,
-				read: chat.statusRead,
-				error: chat.statusFailed
-			};
-			return props.status ? labels[props.status] : "";
-		});
-		const spokenStatus = computed(() => {
-			if (locale.value === "en") return statusLabel.value.toLowerCase();
-			return statusLabel.value;
-		});
-		const hasContent = computed(() => Boolean(props.timestamp) || Boolean(slots.timestamp) || Boolean(props.footer) || Boolean(slots.footer) || props.status != null);
-		const showTimestampDot = computed(() => (Boolean(props.timestamp) || Boolean(slots.timestamp)) && (Boolean(props.footer) || Boolean(slots.footer) || props.status != null));
-		const showFooterDot = computed(() => (Boolean(props.footer) || Boolean(slots.footer)) && props.status != null);
-		return (_ctx, _cache) => {
-			return hasContent.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
-				class: "astryx-chat-metadata",
-				"data-sender": sender.value
-			}), [
-				__props.timestamp || _ctx.$slots.timestamp ? (openBlock(), createElementBlock("span", _hoisted_2$5, [renderSlot(_ctx.$slots, "timestamp", {}, () => [createTextVNode(toDisplayString(__props.timestamp), 1)])])) : createCommentVNode("v-if", true),
-				showTimestampDot.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, "·")) : createCommentVNode("v-if", true),
-				__props.footer || _ctx.$slots.footer ? (openBlock(), createElementBlock("span", _hoisted_4$3, [renderSlot(_ctx.$slots, "footer", {}, () => [createTextVNode(toDisplayString(__props.footer), 1)])])) : createCommentVNode("v-if", true),
-				showFooterDot.value ? (openBlock(), createElementBlock("span", _hoisted_5$3, "·")) : createCommentVNode("v-if", true),
-				__props.status ? (openBlock(), createElementBlock("span", {
-					key: 4,
-					class: "astryx-chat-metadata__status",
-					"data-status": __props.status,
-					title: statusLabel.value,
-					"aria-label": unref(messages).chat.messageStatus(spokenStatus.value)
-				}, [__props.status === "sending" ? (openBlock(), createBlock(_sfc_main$8, {
-					key: 0,
-					name: "clock",
-					size: "xsm"
-				})) : __props.status === "sent" ? (openBlock(), createBlock(_sfc_main$17, {
-					key: 1,
-					icon: "check",
-					size: "xsm",
-					color: "inherit"
-				})) : __props.status === "delivered" || __props.status === "read" ? (openBlock(), createBlock(_sfc_main$8, {
-					key: 2,
-					name: "check-double",
-					size: "xsm"
-				})) : (openBlock(), createBlock(_sfc_main$8, {
-					key: 3,
-					name: "error",
-					size: "xsm"
-				})), createElementVNode("span", null, toDisplayString(statusLabel.value), 1)], 8, _hoisted_6$3)) : createCommentVNode("v-if", true)
-			], 16, _hoisted_1$7)) : createCommentVNode("v-if", true);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatReasoning.vue
-const _hoisted_1$6 = ["data-streaming", "data-open"];
-const _hoisted_2$4 = ["aria-expanded"];
-const _hoisted_3$2 = { class: "astryx-chat-reasoning__icon" };
-const _hoisted_4$2 = { class: "astryx-chat-reasoning__label-row" };
-const _hoisted_5$2 = ["data-streaming"];
-const _hoisted_6$2 = { class: "astryx-chat-reasoning__duration" };
-const _hoisted_7$2 = { class: "astryx-chat-reasoning__preview" };
-const _hoisted_8$2 = ["data-open"];
-const _hoisted_9$2 = ["data-open", "inert"];
-const _hoisted_10$2 = { class: "astryx-chat-reasoning__panel-inner" };
-const _hoisted_11$1 = { class: "astryx-chat-reasoning__body" };
-const _sfc_main$6 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatReasoning",
-	inheritAttrs: false,
-	__name: "ChatReasoning",
-	props: /*@__PURE__*/ mergeModels({
-		label: {},
-		duration: {},
-		isStreaming: {
-			type: Boolean,
-			default: false
-		},
-		defaultIsExpanded: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"isExpanded": {
-			type: Boolean,
-			default: void 0
-		},
-		"isExpandedModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["expandedChange"], ["update:isExpanded"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const slots = useSlots();
-		const messages = useAstryxMessages();
-		const model = useModel(__props, "isExpanded");
-		const internalExpanded = ref(props.defaultIsExpanded);
-		const isExpanded = computed(() => model.value ?? internalExpanded.value);
-		const contentId = `astryx-chat-reasoning-${useId()}`;
-		const root = useTemplateRef("root");
-		const heading = computed(() => props.label ?? messages.value.chat.thinking);
-		function slotPreview() {
-			const nodes = slots.default?.();
-			if (!nodes || nodes.length !== 1) return null;
-			const text = textOf(nodes[0]);
-			return text.trim() === "" ? null : text.trim();
-		}
-		function textOf(node) {
-			if (typeof node.children === "string") return node.children;
-			return "";
-		}
-		function toggle() {
-			const next = !isExpanded.value;
-			internalExpanded.value = next;
-			model.value = next;
-			emit("expandedChange", next);
-		}
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, {
-				class: "astryx-chat-reasoning",
-				"data-streaming": __props.isStreaming || void 0,
-				"data-open": isExpanded.value || void 0
-			}), [createElementVNode("button", {
-				type: "button",
-				class: "astryx-chat-reasoning__header",
-				"aria-expanded": isExpanded.value,
-				"aria-controls": contentId,
-				onClick: toggle
-			}, [
-				createElementVNode("span", _hoisted_3$2, [createVNode(_sfc_main$8, {
-					name: "thinking",
-					size: "sm"
-				})]),
-				createElementVNode("span", _hoisted_4$2, [
-					createElementVNode("span", {
-						class: "astryx-chat-reasoning__label",
-						"data-streaming": __props.isStreaming || void 0
-					}, toDisplayString(heading.value), 9, _hoisted_5$2),
-					__props.duration && !__props.isStreaming ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("span", {
-						class: "astryx-chat-reasoning__separator",
-						"aria-hidden": "true"
-					}, "·", -1)), createElementVNode("span", _hoisted_6$2, toDisplayString(__props.duration), 1)], 64)) : createCommentVNode("v-if", true),
-					!isExpanded.value && !__props.isStreaming && slotPreview() ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[1] || (_cache[1] = createElementVNode("span", {
-						class: "astryx-chat-reasoning__separator",
-						"aria-hidden": "true"
-					}, "—", -1)), createElementVNode("span", _hoisted_7$2, toDisplayString(slotPreview()), 1)], 64)) : createCommentVNode("v-if", true)
-				]),
-				createElementVNode("span", {
-					class: "astryx-chat-tool-calls__chevron",
-					"data-open": isExpanded.value || void 0
-				}, [createVNode(_sfc_main$17, {
-					icon: "chevronDown",
-					size: "xsm",
-					color: "inherit"
-				})], 8, _hoisted_8$2)
-			], 8, _hoisted_2$4), createElementVNode("div", {
-				id: contentId,
-				class: "astryx-chat-reasoning__panel",
-				"data-open": isExpanded.value || void 0,
-				inert: !isExpanded.value
-			}, [createElementVNode("div", _hoisted_10$2, [createElementVNode("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_9$2)], 16, _hoisted_1$6);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatSystemMessage.vue
-const _hoisted_1$5 = { class: "astryx-chat-system-message__content" };
-const _hoisted_2$3 = {
-	key: 0,
-	class: "astryx-chat-system-message__icon"
-};
-const _sfc_main$5 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatSystemMessage",
-	inheritAttrs: false,
-	__name: "ChatSystemMessage",
-	props: { variant: { default: "default" } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return __props.variant === "divider" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
-				class: "astryx-chat-system-message",
-				"data-variant": "divider",
-				role: "status"
-			}), [createVNode(_sfc_main$19, null, {
-				label: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			})], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, {
-				class: "astryx-chat-system-message",
-				"data-variant": "default",
-				role: "status"
-			}), [createElementVNode("span", _hoisted_1$5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2$3, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])], 16));
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatStatusMark.vue
-const _hoisted_1$4 = ["data-status", "title"];
-const _sfc_main$4 = /*@__PURE__*/ defineComponent({
-	__name: "ChatStatusMark",
-	props: {
-		status: {},
-		errorMessage: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const messages = useAstryxMessages();
-		const label = computed(() => {
-			const chat = messages.value.chat;
-			if (props.status === "pending") return chat.toolPending;
-			if (props.status === "running") return chat.toolRunning;
-			if (props.status === "error") return props.errorMessage ? chat.toolError(props.errorMessage) : chat.statusFailed;
-			return chat.statusSent;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				class: "astryx-chat-status",
-				"data-status": __props.status,
-				title: __props.status === "error" ? __props.errorMessage : void 0
-			}, [__props.status === "pending" || __props.status === "running" ? (openBlock(), createBlock(_sfc_main$18, {
-				key: 0,
-				size: "sm",
-				shade: "inherit",
-				"aria-label": label.value
-			}, null, 8, ["aria-label"])) : __props.status === "complete" ? (openBlock(), createBlock(_sfc_main$8, {
-				key: 1,
-				name: "circle-check",
-				size: "xsm"
-			})) : (openBlock(), createBlock(_sfc_main$8, {
-				key: 2,
-				name: "circle-x",
-				size: "xsm"
-			})), __props.status !== "pending" && __props.status !== "running" ? (openBlock(), createBlock(_sfc_main$14, { key: 3 }, {
-				default: withCtx(() => [createTextVNode(toDisplayString(label.value), 1)]),
-				_: 1
-			})) : createCommentVNode("v-if", true)], 8, _hoisted_1$4);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatToolCallRow.vue
-const _hoisted_1$3 = { class: "astryx-chat-tool-calls__entry" };
-const _hoisted_2$2 = ["aria-expanded", "aria-controls"];
-const _hoisted_3$1 = { class: "astryx-chat-tool-calls__name" };
-const _hoisted_4$1 = {
-	key: 1,
-	class: "astryx-chat-tool-calls__target"
-};
-const _hoisted_5$1 = {
-	key: 2,
-	class: "astryx-chat-tool-calls__stats"
-};
-const _hoisted_6$1 = {
-	key: 0,
-	class: "astryx-chat-tool-calls__additions"
-};
-const _hoisted_7$1 = {
-	key: 1,
-	class: "astryx-chat-tool-calls__deletions"
-};
-const _hoisted_8$1 = { key: 2 };
-const _hoisted_9$1 = {
-	key: 3,
-	class: "astryx-chat-tool-calls__duration"
-};
-const _hoisted_10$1 = ["data-open"];
-const _hoisted_11 = {
-	key: 1,
-	class: "astryx-chat-tool-calls__row"
-};
-const _hoisted_12 = { class: "astryx-chat-tool-calls__name" };
-const _hoisted_13 = {
-	key: 1,
-	class: "astryx-chat-tool-calls__target"
-};
-const _hoisted_14 = {
-	key: 2,
-	class: "astryx-chat-tool-calls__stats"
-};
-const _hoisted_15 = {
-	key: 0,
-	class: "astryx-chat-tool-calls__additions"
-};
-const _hoisted_16 = {
-	key: 1,
-	class: "astryx-chat-tool-calls__deletions"
-};
-const _hoisted_17 = { key: 2 };
-const _hoisted_18 = {
-	key: 3,
-	class: "astryx-chat-tool-calls__duration"
-};
-const _sfc_main$3 = /*@__PURE__*/ defineComponent({
-	__name: "ChatToolCallRow",
-	props: {
-		call: {},
-		expandable: { type: Boolean }
-	},
-	setup(__props) {
-		const props = __props;
-		const isDetailOpen = ref(false);
-		const detailId = `astryx-chat-tool-detail-${useId()}`;
-		const status = computed(() => props.call.status ?? "complete");
-		function toggle() {
-			isDetailOpen.value = !isDetailOpen.value;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [__props.expandable ? (openBlock(), createElementBlock("button", {
-				key: 0,
-				type: "button",
-				class: "astryx-chat-tool-calls__row",
-				"data-expandable": "",
-				"aria-expanded": isDetailOpen.value,
-				"aria-controls": isDetailOpen.value ? detailId : void 0,
-				onClick: toggle
-			}, [
-				createVNode(_sfc_main$4, {
-					status: status.value,
-					"error-message": __props.call.errorMessage
-				}, null, 8, ["status", "error-message"]),
-				createElementVNode("span", _hoisted_3$1, toDisplayString(__props.call.name), 1),
-				__props.call.node ? (openBlock(), createBlock(_sfc_main$16, {
-					key: 0,
-					class: "astryx-chat-tool-calls__node",
-					variant: "neutral"
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.call.node), 1)]),
-					_: 1
-				})) : createCommentVNode("v-if", true),
-				__props.call.target ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.call.target), 1)) : createCommentVNode("v-if", true),
-				__props.call.additions != null || __props.call.deletions != null || __props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
-					__props.call.additions != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, "+" + toDisplayString(__props.call.additions), 1)) : createCommentVNode("v-if", true),
-					__props.call.deletions != null ? (openBlock(), createElementBlock("span", _hoisted_7$1, "-" + toDisplayString(__props.call.deletions), 1)) : createCommentVNode("v-if", true),
-					__props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.call.stats), 1)) : createCommentVNode("v-if", true)
-				])) : createCommentVNode("v-if", true),
-				__props.call.duration && status.value === "complete" ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(__props.call.duration), 1)) : createCommentVNode("v-if", true),
-				createElementVNode("span", {
-					class: "astryx-chat-tool-calls__chevron",
-					"data-open": isDetailOpen.value || void 0
-				}, [createVNode(_sfc_main$17, {
-					icon: "chevronDown",
-					size: "xsm",
-					color: "inherit"
-				})], 8, _hoisted_10$1)
-			], 8, _hoisted_2$2)) : (openBlock(), createElementBlock("div", _hoisted_11, [
-				createVNode(_sfc_main$4, {
-					status: status.value,
-					"error-message": __props.call.errorMessage
-				}, null, 8, ["status", "error-message"]),
-				createElementVNode("span", _hoisted_12, toDisplayString(__props.call.name), 1),
-				__props.call.node ? (openBlock(), createBlock(_sfc_main$16, {
-					key: 0,
-					class: "astryx-chat-tool-calls__node",
-					variant: "neutral"
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.call.node), 1)]),
-					_: 1
-				})) : createCommentVNode("v-if", true),
-				__props.call.target ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.call.target), 1)) : createCommentVNode("v-if", true),
-				__props.call.additions != null || __props.call.deletions != null || __props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_14, [
-					__props.call.additions != null ? (openBlock(), createElementBlock("span", _hoisted_15, "+" + toDisplayString(__props.call.additions), 1)) : createCommentVNode("v-if", true),
-					__props.call.deletions != null ? (openBlock(), createElementBlock("span", _hoisted_16, "-" + toDisplayString(__props.call.deletions), 1)) : createCommentVNode("v-if", true),
-					__props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(__props.call.stats), 1)) : createCommentVNode("v-if", true)
-				])) : createCommentVNode("v-if", true),
-				__props.call.duration && status.value === "complete" ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(__props.call.duration), 1)) : createCommentVNode("v-if", true)
-			])), __props.expandable && isDetailOpen.value ? (openBlock(), createElementBlock("div", {
-				key: 2,
-				id: detailId,
-				class: "astryx-chat-tool-calls__detail"
-			}, [renderSlot(_ctx.$slots, "detail")])) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatToolCalls.vue
-const _hoisted_1$2 = ["aria-expanded"];
-const _hoisted_2$1 = { class: "astryx-chat-tool-calls__group-icon" };
-const _hoisted_3 = { class: "astryx-chat-tool-calls__group-label" };
-const _hoisted_4 = { class: "astryx-chat-tool-calls__name" };
-const _hoisted_5 = {
-	key: 0,
-	class: "astryx-chat-tool-calls__target"
-};
-const _hoisted_6 = { class: "astryx-chat-tool-calls__count" };
-const _hoisted_7 = ["data-open"];
-const _hoisted_8 = ["data-open", "inert"];
-const _hoisted_9 = { class: "astryx-chat-tool-calls__panel-inner" };
-const _hoisted_10 = { class: "astryx-chat-tool-calls__list" };
-const _sfc_main$2 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatToolCalls",
-	inheritAttrs: false,
-	__name: "ChatToolCalls",
-	props: /*@__PURE__*/ mergeModels({
-		calls: {},
-		label: {},
-		defaultIsExpanded: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"isExpanded": {
-			type: Boolean,
-			default: void 0
-		},
-		"isExpandedModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["expandedChange"], ["update:isExpanded"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const slots = useSlots();
-		const messages = useAstryxMessages();
-		const model = useModel(__props, "isExpanded");
-		const internalExpanded = ref(props.defaultIsExpanded);
-		const isExpanded = computed(() => model.value ?? internalExpanded.value);
-		const contentId = `astryx-chat-tool-calls-${useId()}`;
-		const root = useTemplateRef("root");
-		const summary = computed(() => props.label ?? messages.value.chat.toolGroup(props.calls.length));
-		const latest = computed(() => props.calls[props.calls.length - 1]);
-		const single = computed(() => props.calls.length === 1 ? props.calls[0] : void 0);
-		function toggle() {
-			const next = !isExpanded.value;
-			internalExpanded.value = next;
-			model.value = next;
-			emit("expandedChange", next);
-		}
-		function rowKey(call, index) {
-			return call.key ?? `${call.name}\u001F${call.target ?? ""}\u001F${call.node ?? ""}\u001F${index}`;
-		}
-		function expandable(call) {
-			return Boolean(call.detail) || Boolean(slots.detail);
-		}
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return __props.calls.length ? (openBlock(), createElementBlock("div", mergeProps({
-				key: 0,
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, { class: "astryx-chat-tool-calls" }), [single.value ? (openBlock(), createBlock(_sfc_main$3, {
-				key: 0,
-				call: single.value,
-				expandable: expandable(single.value)
-			}, createSlots({ _: 2 }, [expandable(single.value) ? {
-				name: "detail",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "detail", { call: single.value }, () => [createTextVNode(toDisplayString(single.value.detail), 1)])]),
-				key: "0"
-			} : void 0]), 1032, ["call", "expandable"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
-				type: "button",
-				class: "astryx-chat-tool-calls__row",
-				"aria-expanded": isExpanded.value,
-				"aria-controls": contentId,
-				onClick: toggle
-			}, [
-				isExpanded.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2$1, [createVNode(_sfc_main$8, {
-					name: "wrench",
-					size: "sm"
-				})]), createElementVNode("span", _hoisted_3, toDisplayString(summary.value), 1)], 64)) : latest.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-					createVNode(_sfc_main$4, {
-						status: latest.value.status ?? "complete",
-						"error-message": latest.value.errorMessage
-					}, null, 8, ["status", "error-message"]),
-					createElementVNode("span", _hoisted_4, toDisplayString(latest.value.name), 1),
-					latest.value.target ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(latest.value.target), 1)) : createCommentVNode("v-if", true)
-				], 64)) : createCommentVNode("v-if", true),
-				createElementVNode("span", _hoisted_6, [!isExpanded.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_sfc_main$8, {
-					name: "wrench",
-					size: "xsm"
-				}), createTextVNode(" " + toDisplayString(__props.calls.length), 1)], 64)) : createCommentVNode("v-if", true)]),
-				createElementVNode("span", {
-					class: "astryx-chat-tool-calls__chevron",
-					"data-open": isExpanded.value || void 0
-				}, [createVNode(_sfc_main$17, {
-					icon: "chevronDown",
-					size: "xsm",
-					color: "inherit"
-				})], 8, _hoisted_7)
-			], 8, _hoisted_1$2), createElementVNode("div", {
-				id: contentId,
-				class: "astryx-chat-tool-calls__panel",
-				"data-open": isExpanded.value || void 0,
-				inert: !isExpanded.value
-			}, [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.calls, (call, index) => {
-				return openBlock(), createBlock(_sfc_main$3, {
-					key: rowKey(call, index),
-					call,
-					expandable: expandable(call)
-				}, createSlots({ _: 2 }, [expandable(call) ? {
-					name: "detail",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "detail", { call }, () => [createTextVNode(toDisplayString(call.detail), 1)])]),
-					key: "0"
-				} : void 0]), 1032, ["call", "expandable"]);
-			}), 128))])])], 8, _hoisted_8)], 64))], 16)) : createCommentVNode("v-if", true);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatTypingIndicator.vue
-const _hoisted_1$1 = {
-	key: 0,
-	class: "astryx-chat-typing__label"
-};
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatTypingIndicator",
-	inheritAttrs: false,
-	__name: "ChatTypingIndicator",
-	props: { names: {} },
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const messages = useAstryxMessages();
-		const root = useTemplateRef("root");
-		const label = computed(() => {
-			const names = props.names?.filter((name) => name.trim() !== "") ?? [];
-			const chat = messages.value.chat;
-			if (names.length === 0) return null;
-			if (names.length === 1) return chat.typingOne(names[0]);
-			if (names.length === 2) return chat.typingTwo(names[0], names[1]);
-			return chat.typingMany(names[0], names.length - 1);
-		});
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, {
-				class: "astryx-chat-typing",
-				role: "status",
-				"aria-live": "polite"
-			}), [_cache[0] || (_cache[0] = createElementVNode("span", {
-				class: "astryx-chat-typing__dots",
-				"aria-hidden": "true"
-			}, [
-				createElementVNode("span", { class: "astryx-chat-typing__dot" }),
-				createElementVNode("span", {
-					class: "astryx-chat-typing__dot",
-					"data-index": "2"
-				}),
-				createElementVNode("span", {
-					class: "astryx-chat-typing__dot",
-					"data-index": "3"
-				})
-			], -1)), label.value ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(label.value), 1)) : createCommentVNode("v-if", true)], 16);
-		};
-	}
-});
-//#endregion
-//#region src/Chat/ChatUnreadDivider.vue
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = { class: "astryx-chat-unread__label" };
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxChatUnreadDivider",
-	inheritAttrs: false,
-	__name: "ChatUnreadDivider",
-	props: { label: {} },
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const messages = useAstryxMessages();
-		const root = useTemplateRef("root");
-		const text = computed(() => props.label ?? messages.value.chat.unreadLabel);
-		const accessibleName = computed(() => messages.value.chat.unreadBelow(text.value));
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
-				ref_key: "root",
-				ref: root
-			}, _ctx.$attrs, {
-				class: "astryx-chat-unread",
-				role: "separator",
-				"aria-label": accessibleName.value
-			}), [_cache[0] || (_cache[0] = createElementVNode("span", { class: "astryx-chat-unread__line" }, null, -1)), createElementVNode("span", _hoisted_2, toDisplayString(text.value), 1)], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { _sfc_main$6 as a, _sfc_main$10 as c, useChatLayoutContext as d, useChatListContext as f, _sfc_main$5 as i, _sfc_main$11 as l, _sfc_main$13 as m, _sfc_main$1 as n, _sfc_main$7 as o, useChatMessageContext as p, _sfc_main$2 as r, _sfc_main$9 as s, _sfc_main as t, _sfc_main$12 as u };