@astryx-vue/core 0.2.6 → 0.4.0

package/dist/{Carousel-DAkOa7KK.js → Carousel-DXC22UWq.js}

@@ -1,7 +1,7 @@
-import { t as _sfc_main$1 } from "./IconButton-DDNgNl7B.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, useSlots, watch, withCtx } from "vue";
+import { t as _sfc_main$1 } from "./IconButton-DI-XBbtV.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, unref, watch, withCtx } from "vue";
 import "../styles/carousel.css";
 //#region src/Carousel/slides.ts
 function flattenSlides(nodes) {
@@ -17,14 +17,38 @@ function flattenSlides(nodes) {
 	}
 	return slides;
 }
-const CarouselSlideHost = defineComponent({
-	name: "CarouselSlideHost",
-	props: { node: {
-		type: Object,
-		required: true
-	} },
-	setup(props) {
-		return () => props.node;
+/**
+* 在自己的渲染函数里读取轮播的默认插槽，并给每张卡片套上分组外壳。
+*
+* 插槽必须在渲染时调用：Vue 才能追踪插槽里用到的响应式数据，
+* 父组件传下新的插槽函数时也能立刻看到最新内容。放进 `computed` 或 `watch`
+* 会得到缓存的旧结果，在 `setup` 里求值还会触发 Vue 的警告。
+*/
+const CarouselItems = defineComponent({
+	name: "CarouselItems",
+	props: {
+		content: {
+			type: Function,
+			default: void 0
+		},
+		label: {
+			type: Function,
+			required: true
+		}
+	},
+	emits: ["update"],
+	setup(props, { emit }) {
+		onUpdated(() => emit("update"));
+		return () => {
+			const slides = flattenSlides(props.content?.() ?? []);
+			return slides.map((slide, index) => h("div", {
+				"key": index,
+				"class": "astryx-carousel__item",
+				"role": "group",
+				"aria-roledescription": "slide",
+				"aria-label": props.label(index + 1, slides.length)
+			}, [slide]));
+		};
 	}
 });
 //#endregion
@@ -178,13 +202,12 @@ const _hoisted_2 = [
 	"data-edge-fade",
 	"data-fade"
 ];
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = {
+const _hoisted_3 = {
 	key: 0,
 	class: "astryx-carousel__controls"
 };
+const _hoisted_4 = ["data-hidden"];
 const _hoisted_5 = ["data-hidden"];
-const _hoisted_6 = ["data-hidden"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxCarousel",
 	inheritAttrs: false,
@@ -212,14 +235,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const slots = useSlots();
 		const messages = useAstryxMessages();
 		const scroller = ref(null);
 		const startButton = ref(null);
 		const endButton = ref(null);
 		const focusedNav = ref(null);
 		const { measure, onKeyDown, overflow, scrollByDirection, scrollToIndex } = useCarouselScroller(scroller);
-		const slides = computed(() => flattenSlides(slots.default?.() ?? []));
 		const regionLabel = computed(() => props.label ?? messages.value.carousel.label);
 		const canScrollStart = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowStart);
 		const canScrollEnd = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowEnd);
@@ -286,9 +307,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			scrollPrev,
 			scrollTo: scrollToIndex
 		});
-		watch(slides, () => {
-			nextTick(measure);
-		});
+		function slideLabel(position, total) {
+			return messages.value.carousel.slide(position, total);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["astryx-carousel", _ctx.$attrs.class]),
@@ -302,7 +323,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				createElementVNode("div", {
 					ref_key: "scroller",
 					ref: scroller,
-					class: "astryx-carousel__scroller",
+					class: "astryx-carousel__scroller astryx-carousel-scroller",
 					"data-gap": __props.gap,
 					"data-padding": __props.padding,
 					"data-snap": __props.hasSnap || void 0,
@@ -311,16 +332,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					tabindex: "0",
 					style: normalizeStyle(scrollerStyle.value),
 					onKeydown: _cache[0] || (_cache[0] = ($event) => unref(onKeyDown)($event, __props.hasLoop))
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(slides.value, (slide, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: index,
-						class: "astryx-carousel__item",
-						role: "group",
-						"aria-roledescription": "slide",
-						"aria-label": unref(messages).carousel.slide(index + 1, slides.value.length)
-					}, [createVNode(unref(CarouselSlideHost), { node: slide }, null, 8, ["node"])], 8, _hoisted_3);
-				}), 128))], 44, _hoisted_2),
-				__props.hasButtons ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", {
+				}, [createVNode(unref(CarouselItems), {
+					content: _ctx.$slots.default,
+					label: slideLabel,
+					onUpdate: unref(measure)
+				}, null, 8, ["content", "onUpdate"])], 44, _hoisted_2),
+				__props.hasButtons ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", {
 					class: "astryx-carousel__pill astryx-carousel__pill--start",
 					"data-hidden": !canScrollStart.value || void 0
 				}, [createVNode(_sfc_main$1, {
@@ -337,7 +354,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						size: "xsm"
 					})]),
 					_: 1
-				}, 8, ["label", "is-disabled"])], 8, _hoisted_5), createElementVNode("div", {
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_4), createElementVNode("div", {
 					class: "astryx-carousel__pill astryx-carousel__pill--end",
 					"data-hidden": !canScrollEnd.value || void 0
 				}, [createVNode(_sfc_main$1, {
@@ -354,7 +371,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						size: "xsm"
 					})]),
 					_: 1
-				}, 8, ["label", "is-disabled"])], 8, _hoisted_6)])) : createCommentVNode("v-if", true)
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_5)])) : createCommentVNode("v-if", true)
 			], 14, _hoisted_1);
 		};
 	}

package/dist/Chat/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as ChatComposerTokenBadge, A as _default$8, At as ChatSystemMessageProps, B as ChatComposerDrawerEmits, Bt as ChatTypingIndicatorProps, C as _default$15, Ct as ChatMessageStatus, D as _default$11, Dt as ChatSendButtonEmits, E as _default$12, Et as ChatReasoningSlots, F as _default$3, Ft as ChatToolCallItem, G as ChatComposerInputControl, H as ChatComposerDrawerSlots, I as _default$2, It as ChatToolCallStatus, J as ChatComposerInputProps, K as ChatComposerInputEmits, L as _default$1, Lt as ChatToolCallsEmits, M as _default$6, Mt as ChatSystemMessageVariant, N as _default$5, Nt as ChatTokenizedTextProps, O as _default$10, Ot as ChatSendButtonProps, P as _default$4, Pt as ChatTokenizedTextSlots, Q as ChatComposerToken, R as _default, Rt as ChatToolCallsProps, S as _default$16, St as ChatMessageSlots, T as _default$13, Tt as ChatReasoningProps, U as ChatComposerElevation, V as ChatComposerDrawerProps, Vt as ChatUnreadDividerProps, W as ChatComposerEmits, X as ChatComposerSlots, Y as ChatComposerProps, Z as ChatComposerStatus, _ as useChatComposerContext, _t as ChatMessageListSlots, a as useChatPasteAsToken, at as ChatDictationButtonProps, b as useChatMessageContext, bt as ChatMessageProps, c as SpeechRecognitionError, ct as ChatLayoutScrollButtonProps, d as useSpeechRecognition, dt as ChatMessageBubbleGroup, et as ChatComposerTokenCustom, f as TokenPortal, ft as ChatMessageBubbleProps, g as ChatComposerContextValue, gt as ChatMessageListProps, h as useChatComposerTokens, ht as ChatMessageListAlign, i as pastedTextLabel, it as ChatDensity, j as _default$7, jt as ChatSystemMessageSlots, k as _default$9, kt as ChatSendButtonSlots, l as UseSpeechRecognitionOptions, lt as ChatLayoutScrollSlotProps, m as UseChatComposerTokensReturn, mt as ChatMessageBubbleVariant, n as UseChatPasteAsTokenOptions, nt as ChatComposerTrigger, o as UseChatDictationOptions, ot as ChatLayoutProps, p as UseChatComposerTokensOptions, pt as ChatMessageBubbleSlots, q as ChatComposerInputHandle, r as UseChatPasteAsTokenReturn, rt as ChatComposerTriggerItem, s as useChatDictation, st as ChatLayoutScrollButtonEmits, t as PASTE_TOKEN_THRESHOLD, tt as ChatComposerTokenElementProps, u as UseSpeechRecognitionReturn, ut as ChatLayoutSlots, v as useChatLayoutContext, vt as ChatMessageMetadataProps, w as _default$14, wt as ChatReasoningEmits, x as _default$17, xt as ChatMessageSender, y as useChatListContext, yt as ChatMessageMetadataSlots, z as ChatComposerDensity, zt as ChatToolCallsSlots } from "../index-BJSxFVXH.js";
+import { $ as ChatComposerTokenBadge, A as _default$8, At as ChatReasoningProps, B as ChatComposerDrawerEmits, Bt as ChatTypingIndicatorProps, C as _default$15, Ct as ChatMessageMetadataProps, D as _default$11, Dt as ChatMessageSlots, E as _default$12, Et as ChatMessageSender, F as _default$3, Ft as ChatToolCallItem, G as ChatComposerInputControl, H as ChatComposerDrawerSlots, I as _default$2, It as ChatToolCallStatus, J as ChatComposerInputProps, K as ChatComposerInputEmits, L as _default$1, Lt as ChatToolCallsEmits, M as _default$6, Mt as ChatSystemMessageProps, N as _default$5, Nt as ChatSystemMessageSlots, O as _default$10, Ot as ChatMessageStatus, P as _default$4, Pt as ChatSystemMessageVariant, Q as ChatComposerToken, R as _default, Rt as ChatToolCallsProps, S as _default$16, St as ChatMessageListSlots, T as _default$13, Tt as ChatMessageProps, U as ChatComposerElevation, V as ChatComposerDrawerProps, Vt as ChatUnreadDividerProps, W as ChatComposerEmits, X as ChatComposerSlots, Y as ChatComposerProps, Z as ChatComposerStatus, _ as useChatComposerContext, _t as ChatMessageBubbleProps, a as useChatPasteAsToken, at as ChatSendButtonEmits, b as useChatMessageContext, bt as ChatMessageListAlign, c as SpeechRecognitionError, ct as ChatTokenizedTextProps, d as useSpeechRecognition, dt as ChatLayoutProps, et as ChatComposerTokenCustom, f as TokenPortal, ft as ChatLayoutScrollButtonEmits, g as ChatComposerContextValue, gt as ChatMessageBubbleGroup, h as useChatComposerTokens, ht as ChatLayoutSlots, i as pastedTextLabel, it as ChatDictationButtonProps, j as _default$7, jt as ChatReasoningSlots, k as _default$9, kt as ChatReasoningEmits, l as UseSpeechRecognitionOptions, lt as ChatTokenizedTextSlots, m as UseChatComposerTokensReturn, mt as ChatLayoutScrollSlotProps, n as UseChatPasteAsTokenOptions, nt as ChatComposerTrigger, o as UseChatDictationOptions, ot as ChatSendButtonProps, p as UseChatComposerTokensOptions, pt as ChatLayoutScrollButtonProps, q as ChatComposerInputHandle, r as UseChatPasteAsTokenReturn, rt as ChatComposerTriggerItem, s as useChatDictation, st as ChatSendButtonSlots, t as PASTE_TOKEN_THRESHOLD, tt as ChatComposerTokenElementProps, u as UseSpeechRecognitionReturn, ut as ChatDensity, v as useChatLayoutContext, vt as ChatMessageBubbleSlots, w as _default$14, wt as ChatMessageMetadataSlots, x as _default$17, xt as ChatMessageListProps, y as useChatListContext, yt as ChatMessageBubbleVariant, z as ChatComposerDensity, zt as ChatToolCallsSlots } from "../index-BQEJj72c.js";
 export { _default as ChatComposer, type ChatComposerContextValue, type ChatComposerDensity, _default$1 as ChatComposerDrawer, type ChatComposerDrawerEmits, type ChatComposerDrawerProps, type ChatComposerDrawerSlots, type ChatComposerElevation, type ChatComposerEmits, _default$2 as ChatComposerInput, type ChatComposerInputControl, type ChatComposerInputEmits, type ChatComposerInputHandle, type ChatComposerInputProps, type ChatComposerProps, type ChatComposerSlots, type ChatComposerStatus, type ChatComposerToken, type ChatComposerTokenBadge, type ChatComposerTokenCustom, _default$3 as ChatComposerTokenElement, type ChatComposerTokenElementProps, type ChatComposerTrigger, type ChatComposerTriggerItem, type ChatDensity, _default$4 as ChatDictationButton, type ChatDictationButtonProps, _default$5 as ChatLayout, type ChatLayoutProps, _default$6 as ChatLayoutScrollButton, type ChatLayoutScrollButtonEmits, type ChatLayoutScrollButtonProps, type ChatLayoutScrollSlotProps, type ChatLayoutSlots, _default$7 as ChatMessage, _default$8 as ChatMessageBubble, type ChatMessageBubbleGroup, type ChatMessageBubbleProps, type ChatMessageBubbleSlots, type ChatMessageBubbleVariant, _default$9 as ChatMessageList, type ChatMessageListAlign, type ChatMessageListProps, type ChatMessageListSlots, _default$10 as ChatMessageMetadata, type ChatMessageMetadataProps, type ChatMessageMetadataSlots, type ChatMessageProps, type ChatMessageSender, type ChatMessageSlots, type ChatMessageStatus, _default$11 as ChatReasoning, type ChatReasoningEmits, type ChatReasoningProps, type ChatReasoningSlots, _default$12 as ChatSendButton, type ChatSendButtonEmits, type ChatSendButtonProps, type ChatSendButtonSlots, _default$13 as ChatSystemMessage, type ChatSystemMessageProps, type ChatSystemMessageSlots, type ChatSystemMessageVariant, _default$14 as ChatTokenizedText, type ChatTokenizedTextProps, type ChatTokenizedTextSlots, type ChatToolCallItem, type ChatToolCallStatus, _default$15 as ChatToolCalls, type ChatToolCallsEmits, type ChatToolCallsProps, type ChatToolCallsSlots, _default$16 as ChatTypingIndicator, type ChatTypingIndicatorProps, _default$17 as ChatUnreadDivider, type ChatUnreadDividerProps, PASTE_TOKEN_THRESHOLD, type SpeechRecognitionError, type TokenPortal, type UseChatComposerTokensOptions, type UseChatComposerTokensReturn, type UseChatDictationOptions, type UseChatPasteAsTokenOptions, type UseChatPasteAsTokenReturn, type UseSpeechRecognitionOptions, type UseSpeechRecognitionReturn, pastedTextLabel, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatListContext, useChatMessageContext, useChatPasteAsToken, useSpeechRecognition };

package/dist/Chat/index.js

@@ -1,2 +1,2 @@
-import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-DVoI6UOA.js";
+import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-BdJW6IX5.js";
 export { _sfc_main as ChatComposer, _sfc_main$1 as ChatComposerDrawer, _sfc_main$2 as ChatComposerInput, _sfc_main$3 as ChatComposerTokenElement, _sfc_main$4 as ChatDictationButton, _sfc_main$5 as ChatLayout, _sfc_main$6 as ChatLayoutScrollButton, _sfc_main$7 as ChatMessage, _sfc_main$8 as ChatMessageBubble, _sfc_main$9 as ChatMessageList, _sfc_main$10 as ChatMessageMetadata, _sfc_main$11 as ChatReasoning, _sfc_main$12 as ChatSendButton, _sfc_main$13 as ChatSystemMessage, _sfc_main$14 as ChatTokenizedText, _sfc_main$15 as ChatToolCalls, _sfc_main$16 as ChatTypingIndicator, _sfc_main$17 as ChatUnreadDivider, PASTE_TOKEN_THRESHOLD, pastedTextLabel, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatListContext, useChatMessageContext, useChatPasteAsToken, useSpeechRecognition };

package/dist/{Chat-DVoI6UOA.js → Chat-BdJW6IX5.js}

@@ -1,15 +1,20 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
 import { t as _sfc_main$24 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$25 } from "./Button-B6Hj_O_s.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { t as _sfc_main$25 } from "./Button-ONOoHdkg.js";
+import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
-import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
+import { n as isKeyboardModality, r as trackInteractionModality } from "./interactionModality-ACpTMhak.js";
+import { o as useAstryxLocale, s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$26 } from "./Badge-CjDQPF5g.js";
-import { t as _sfc_main$27 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$28 } from "./Divider-BtwnL18I.js";
-import { t as _sfc_main$29 } from "./HoverCard-ycY50pRN.js";
-import { t as _sfc_main$30 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$27 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$28 } from "./Divider-mOZ6vIQw.js";
+import { t as _sfc_main$29 } from "./HoverCard-BpJhT0sn.js";
+import { t as _sfc_main$30 } from "./Spinner-DdVUadii.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/layer.css";
 import "../styles/popover.css";
 import "../styles/chat.css";
 //#region src/Chat/useChatPasteAsToken.ts
@@ -157,6 +162,10 @@ function groupSearchItems(items) {
 		items: ungrouped
 	}] : named;
 }
+/** Same order as the rendered options: named groups first, ungrouped last. */
+function flattenSearchItems(items) {
+	return groupSearchItems(items).flatMap((group) => group.items);
+}
 //#endregion
 //#region src/Chat/ChatTriggerMenu.vue
 const _hoisted_1$18 = ["id", "aria-label"];
@@ -249,7 +258,7 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 			container: surfaceRef,
 			trigger: anchorWritable,
 			isEnabled: open,
-			enableEscape: computed(() => false),
+			dismissOnEscape: "ignore",
 			onDismiss: () => emit("dismiss")
 		});
 		const groups = computed(() => groupSearchItems(props.items));
@@ -287,6 +296,8 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 			if (!props.open || !props.keyboardMove || index < 0) return;
 			document.getElementById(optionId(index))?.scrollIntoView({ block: "nearest" });
 		});
+		const listEl = useTemplateRef("list");
+		useScrollbars(listEl);
 		function onSelect(item, event) {
 			event.preventDefault();
 			emit("select", item);
@@ -300,6 +311,7 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 				style: normalizeStyle(style.value)
 			}, [createElementVNode("div", {
 				id: __props.listboxId,
+				ref: "list",
 				class: "astryx-chat-trigger__list",
 				role: "listbox",
 				"aria-label": __props.label
@@ -347,13 +359,13 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/Chat/context.ts
-const chatMessageContextKey = Symbol("astryx-chat-message");
+const chatMessageContextKey = defineLayerScopedKey("astryx-chat-message", void 0);
 function useChatMessageContext() {
-	return inject(chatMessageContextKey, void 0);
+	return readLayerScoped(chatMessageContextKey);
 }
-const chatListContextKey = Symbol("astryx-chat-list");
+const chatListContextKey = defineLayerScopedKey("astryx-chat-list", void 0);
 function useChatListContext() {
-	return inject(chatListContextKey, void 0);
+	return readLayerScoped(chatListContextKey);
 }
 const chatLayoutContextKey = Symbol("astryx-chat-layout");
 function useChatLayoutContext() {
@@ -385,16 +397,6 @@ function wasPropPassed(name) {
 	return Object.hasOwn(props, kebab);
 }
 //#endregion
-//#region src/Chat/ime.ts
-const IME_PROCESSING_KEY_CODE = 229;
-/**
-* Enter and Escape during an IME composition commit the candidate. They are not
-* composer commands. `keyCode` 229 covers engines that have not set `isComposing` yet.
-*/
-function isImeKeyEvent(event) {
-	return event.isComposing === true || event.keyCode === IME_PROCESSING_KEY_CODE;
-}
-//#endregion
 //#region src/Chat/selection.ts
 /**
 * Caret helpers for the contenteditable composer.
@@ -691,8 +693,6 @@ function useComposerHistory(options) {
 		onKeyDown
 	};
 }
-//#endregion
-//#region src/Chat/useTriggerMenu.ts
 function textBeforeCursor(editable) {
 	const selection = window.getSelection();
 	if (!selection || selection.rangeCount === 0 || !selection.getRangeAt(0).collapsed) return null;
@@ -700,22 +700,59 @@ function textBeforeCursor(editable) {
 	if (!editable.contains(range.startContainer) || range.startContainer.nodeType !== Node.TEXT_NODE) return null;
 	return (range.startContainer.textContent ?? "").slice(0, range.startOffset);
 }
-function findActiveTrigger(text, triggers) {
-	for (let index = text.length - 1; index >= 0; index -= 1) {
-		const char = text[index];
-		if (char === " " || char === "\n") return null;
-		for (const trigger of triggers) {
-			if (char !== trigger.character) continue;
-			const previous = index > 0 ? text[index - 1] : null;
-			if (previous === null || previous === " " || previous === "\n") return {
-				trigger,
-				query: text.slice(index + 1),
-				triggerStart: index
-			};
+function caretTextNode(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return null;
+	const node = selection.getRangeAt(0).startContainer;
+	return node.nodeType === Node.TEXT_NODE && editable.contains(node) ? node : null;
+}
+function isTriggerBoundary(char) {
+	return char === null || char === " " || char === "	" || char === "\n";
+}
+/**
+* The caret's trigger query.
+* A trigger character starts the text or follows a space, a tab, or a line break.
+* A single-token query ends at a space, a tab, or a line break.
+* A multi-word query ends at a line break, past the length bound, or where the
+* same trigger character starts again. Another trigger's character stays text.
+*/
+function findActiveTrigger(textBefore, triggers) {
+	let active = null;
+	for (let index = 0; index < textBefore.length; index += 1) {
+		const char = textBefore[index];
+		if (char === "\n") {
+			active = null;
+			continue;
+		}
+		if (active && !active.trigger.hasMultiWordQuery) {
+			if (char === " " || char === "	") active = null;
+			continue;
 		}
+		if (active && index - active.triggerStart > 64) active = null;
+		if (!isTriggerBoundary(index > 0 ? textBefore[index - 1] : null)) continue;
+		const trigger = triggers.find((item) => item.character === char);
+		if (!trigger) continue;
+		if (active && trigger.character !== active.trigger.character) continue;
+		active = {
+			trigger,
+			triggerStart: index
+		};
 	}
-	return null;
+	if (!active) return null;
+	const query = textBefore.slice(active.triggerStart + 1);
+	if (active.trigger.hasMultiWordQuery && query.length > 64) return null;
+	return {
+		trigger: active.trigger,
+		query,
+		triggerStart: active.triggerStart
+	};
+}
+/** An unmatched multi-word query hides the menu unless the caller wrote an empty message. */
+function isUnmatchedMultiWordQuery(trigger, items, isLoading) {
+	return trigger?.hasMultiWordQuery === true && trigger.emptySearchText == null && items.length === 0 && !isLoading;
 }
+//#endregion
+//#region src/Chat/useTriggerMenu.ts
 function deleteTriggerText(triggerStart) {
 	const selection = window.getSelection();
 	if (!selection || selection.rangeCount === 0) return;
@@ -735,6 +772,8 @@ function isPromise(value) {
 }
 /**
 * Opens a suggestion list when a trigger character is typed at a word boundary.
+* A trigger may opt into a multi-word query. Results apply only while that
+* query is still the one at the caret.
 */
 function useTriggerMenu(options) {
 	const listboxId = useId();
@@ -744,16 +783,18 @@ function useTriggerMenu(options) {
 		query: "",
 		items: [],
 		highlightedIndex: 0,
-		isLoading: false
+		isLoading: false,
+		isHidden: false
 	});
 	const anchor = ref(null);
 	const keyboardMove = ref(false);
 	let triggerStart = -1;
 	let timer;
 	let requestId = 0;
+	let dismissed = null;
 	const asyncSources = /* @__PURE__ */ new WeakSet();
 	function removeAnchor() {
-		anchor.value?.remove();
+		if (anchor.value?.getAttribute("data-astryx-trigger-anchor") != null) anchor.value.remove();
 		anchor.value = null;
 	}
 	function placeAnchor() {
@@ -788,40 +829,53 @@ function useTriggerMenu(options) {
 		document.body.append(span);
 		anchor.value = span;
 	}
-	function applyItems(items, captured) {
-		if (captured !== requestId) return;
+	function queryStillCurrent(captured, trigger) {
+		if (captured !== requestId) return false;
+		const editable = options.editable.value;
+		const before = editable ? textBeforeCursor(editable) : null;
+		const triggers = options.triggers.value;
+		const found = before == null || !triggers ? null : findActiveTrigger(before, triggers);
+		if (found?.trigger.character !== trigger.character || found.triggerStart !== triggerStart) {
+			reset();
+			return false;
+		}
+		return true;
+	}
+	function applyItems(items, captured, trigger) {
+		if (!queryStillCurrent(captured, trigger)) return;
 		state.items = items;
 		state.highlightedIndex = items.length > 0 ? 0 : -1;
 		state.isLoading = false;
+		state.isHidden = isUnmatchedMultiWordQuery(trigger, items, false);
 	}
-	function runSearch(trigger, query) {
+	function runSearch(trigger, query, captured) {
 		const source = trigger.searchSource;
-		source.cancel?.();
-		const captured = ++requestId;
 		state.isLoading = true;
 		const result = source.search(query);
 		if (isPromise(result)) {
 			asyncSources.add(source);
-			result.then((items) => applyItems(items, captured), () => applyItems([], captured));
+			result.then((items) => applyItems(items, captured, trigger), () => applyItems([], captured, trigger));
 			return;
 		}
-		applyItems(result, captured);
+		applyItems(result, captured, trigger);
 	}
 	function searchItems(trigger, query) {
 		if (timer !== void 0) {
 			clearTimeout(timer);
 			timer = void 0;
 		}
+		const captured = ++requestId;
+		trigger.searchSource.cancel?.();
 		const delay = options.debounceMs?.value ?? 150;
 		if (asyncSources.has(trigger.searchSource) && delay > 0) {
 			state.isLoading = true;
 			timer = setTimeout(() => {
 				timer = void 0;
-				runSearch(trigger, query);
+				runSearch(trigger, query, captured);
 			}, delay);
 			return;
 		}
-		runSearch(trigger, query);
+		runSearch(trigger, query, captured);
 	}
 	function reset() {
 		if (timer !== void 0) {
@@ -832,12 +886,14 @@ function useTriggerMenu(options) {
 		requestId += 1;
 		removeAnchor();
 		triggerStart = -1;
+		dismissed = null;
 		state.isActive = false;
 		state.activeTrigger = null;
 		state.query = "";
 		state.items = [];
 		state.highlightedIndex = 0;
 		state.isLoading = false;
+		state.isHidden = false;
 	}
 	function selectItem(item) {
 		const trigger = state.activeTrigger;
@@ -857,20 +913,28 @@ function useTriggerMenu(options) {
 		if (!triggers || triggers.length === 0 || !editable) return;
 		const before = textBeforeCursor(editable);
 		if (before === null) {
+			dismissed = null;
 			if (state.isActive) reset();
 			return;
 		}
 		const found = findActiveTrigger(before, triggers);
 		if (!found) {
+			dismissed = null;
 			if (state.isActive) reset();
 			return;
 		}
-		if (!state.isActive || state.activeTrigger !== found.trigger) {
+		const remembered = dismissed;
+		if (remembered && remembered.character === found.trigger.character && remembered.triggerStart === found.triggerStart && remembered.textNode !== null && remembered.textNode.isConnected && remembered.textNode === caretTextNode(editable)) {
+			if (found.query.startsWith(remembered.dismissedQuery)) return;
+			dismissed = null;
+		} else dismissed = null;
+		if (!state.isActive || state.activeTrigger?.character !== found.trigger.character || triggerStart !== found.triggerStart) {
 			triggerStart = found.triggerStart;
 			state.isActive = true;
 			state.activeTrigger = found.trigger;
 			state.query = found.query;
 			state.highlightedIndex = 0;
+			state.isHidden = false;
 			placeAnchor();
 			searchItems(found.trigger, found.query);
 			return;
@@ -884,8 +948,33 @@ function useTriggerMenu(options) {
 		keyboardMove.value = true;
 		state.highlightedIndex = next;
 	}
+	function highlightedItem() {
+		return flattenSearchItems(state.items)[state.highlightedIndex];
+	}
+	const isMenuVisible = computed(() => state.isActive && !state.isHidden);
 	function handleKeyDown(event) {
-		if (!state.isActive) return false;
+		if (isImeKeyEvent(event)) return false;
+		if (!isMenuVisible.value) return false;
+		if (event.key === "Escape") {
+			event.preventDefault();
+			const editable = options.editable.value;
+			const nextDismissed = state.activeTrigger ? {
+				character: state.activeTrigger.character,
+				triggerStart,
+				dismissedQuery: state.query,
+				textNode: editable ? caretTextNode(editable) : null
+			} : null;
+			reset();
+			dismissed = nextDismissed;
+			return true;
+		}
+		const hasPickableRows = !state.isLoading && state.items.length > 0;
+		if (!hasPickableRows && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+			event.preventDefault();
+			return true;
+		}
+		if (!hasPickableRows) return false;
+		if (event.key === "Enter" && event.shiftKey) return false;
 		const last = state.items.length - 1;
 		if (event.key === "ArrowDown") {
 			event.preventDefault();
@@ -898,17 +987,12 @@ function useTriggerMenu(options) {
 			return true;
 		}
 		if (event.key === "Enter" || event.key === "Tab") {
-			const item = state.items[state.highlightedIndex];
+			const item = highlightedItem();
 			if (!item) return false;
 			event.preventDefault();
 			selectItem(item);
 			return true;
 		}
-		if (event.key === "Escape") {
-			event.preventDefault();
-			reset();
-			return true;
-		}
 		return false;
 	}
 	function highlightOnHover(index) {
@@ -926,6 +1010,7 @@ function useTriggerMenu(options) {
 		anchor,
 		keyboardMove,
 		hasTriggers,
+		isMenuVisible,
 		handleInput,
 		handleKeyDown,
 		selectItem,
@@ -1085,8 +1170,9 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 			getValue: readValue
 		};
 		self.value = handle;
+		const menuOpen = computed(() => menu.isMenuVisible.value);
 		const activeDescendant = computed(() => {
-			if (!menu.state.isActive || menu.state.highlightedIndex < 0) return void 0;
+			if (!menuOpen.value || menu.state.highlightedIndex < 0) return void 0;
 			return `${menu.listboxId}-option-${menu.state.highlightedIndex}`;
 		});
 		const menuLabel = computed(() => menu.state.activeTrigger?.menuLabel ?? messages.value.chat.suggestions);
@@ -1122,6 +1208,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 				tokens.clearPortals();
 				editable.textContent = "";
 				isEmpty.value = true;
+				menu.reset();
 				publish("");
 				return;
 			}
@@ -1178,6 +1265,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 				editable.textContent = next;
 				if (focused) placeCaretAtEnd(editable);
 				isEmpty.value = next.length === 0;
+				menu.handleInput();
 			} else pendingEcho.value = void 0;
 		});
 		onMounted(() => {
@@ -1210,9 +1298,9 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 					"aria-disabled": disabled.value ? "true" : void 0,
 					role: unref(menu).hasTriggers.value ? "combobox" : "textbox",
 					"aria-multiline": unref(menu).hasTriggers.value ? void 0 : "true",
-					"aria-expanded": unref(menu).hasTriggers.value ? unref(menu).state.isActive : void 0,
-					"aria-controls": unref(menu).hasTriggers.value && unref(menu).state.isActive ? unref(menu).listboxId : void 0,
-					"aria-activedescendant": unref(menu).hasTriggers.value && unref(menu).state.isActive ? activeDescendant.value : void 0,
+					"aria-expanded": unref(menu).hasTriggers.value ? menuOpen.value : void 0,
+					"aria-controls": unref(menu).hasTriggers.value && menuOpen.value ? unref(menu).listboxId : void 0,
+					"aria-activedescendant": unref(menu).hasTriggers.value && menuOpen.value ? activeDescendant.value : void 0,
 					"aria-haspopup": unref(menu).hasTriggers.value ? "listbox" : void 0,
 					onInput,
 					onKeydown: onKeyDown,
@@ -1221,7 +1309,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 					onDrop
 				}, null, 44, _hoisted_3$10),
 				createVNode(_sfc_main$21, {
-					open: unref(menu).state.isActive,
+					open: menuOpen.value,
 					anchor: unref(menu).anchor.value,
 					"listbox-id": unref(menu).listboxId,
 					label: menuLabel.value,
@@ -1328,26 +1416,6 @@ const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/Chat/modality.ts
-let modality = "keyboard";
-let listening = false;
-/** Pointer focus must not draw the keyboard ring. `:focus-visible` is not enough: programmatic focus matches it too. */
-function trackInteractionModality() {
-	if (listening || typeof document === "undefined") return;
-	listening = true;
-	document.addEventListener("pointerdown", () => {
-		modality = "pointer";
-	}, true);
-	document.addEventListener("keydown", (event) => {
-		if (event.metaKey || event.altKey || event.ctrlKey) return;
-		modality = "keyboard";
-	}, true);
-}
-function isKeyboardModality() {
-	trackInteractionModality();
-	return modality === "keyboard";
-}
-//#endregion
 //#region src/Chat/ChatComposer.vue
 const _hoisted_1$16 = ["data-disabled", "data-density"];
 const _hoisted_2$11 = ["data-type", "role"];
@@ -1783,6 +1851,7 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 		const root = useTemplateRef("root");
 		const scrollTarget = computed(() => props.scrollRef ?? root.value);
 		const isSelfScrolling = computed(() => props.scrollRef == null);
+		useScrollbars(root, { enabled: isSelfScrolling });
 		const scroll = useChatStreamScroll({ scrollRef: scrollTarget });
 		const newMessages = useChatNewMessages({
 			isLocked: scroll.isLocked,
@@ -2173,7 +2242,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 			return props.status ? labels[props.status] : "";
 		});
 		const spokenStatus = computed(() => {
-			if (locale.value === "en") return statusLabel.value.toLowerCase();
+			if (locale.value.split("-")[0] === "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);

package/dist/CheckboxIndicator/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../CheckboxIndicator-D37cm2Rh.js";
+import { t as _sfc_main } from "../CheckboxIndicator-fH4d-JE1.js";
 export { _sfc_main as CheckboxIndicator };