@assistant-ui/vue 0.0.0 → 0.0.2

package/dist/primitives/threadList.js

@@ -0,0 +1,128 @@
+import { useAuiState } from "../useAuiState.js";
+import { AuiProvider } from "../AuiProvider.js";
+import { useAui } from "../useAui.js";
+import { createLastValidCache as createLastValidCache$1, createStaleReporter } from "./lastValidCache.js";
+import { isAttrDisabled } from "./attrDisabled.js";
+import { ThreadListItemPrimitiveTrigger } from "./ThreadListItemPrimitiveTrigger.js";
+import { computed, defineComponent, h, mergeProps, onScopeDispose } from "vue";
+import { AuiConfig, Derived } from "@assistant-ui/store/client";
+//#region src/primitives/threadList.ts
+/**
+* Scopes the subtree to the thread-list item at `index`: descendants read it
+* through `s.threadListItem`.
+*/
+const ThreadListItemByIndexProvider = defineComponent({
+	name: "ThreadListItemByIndexProvider",
+	props: {
+		index: {
+			type: Number,
+			required: true
+		},
+		archived: {
+			type: Boolean,
+			default: false
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const aui = useAui();
+		let disposed = false;
+		onScopeDispose(() => {
+			disposed = true;
+		});
+		const config = computed(() => {
+			const index = props.index;
+			const archived = props.archived;
+			const idsOf = (state) => archived ? state.archivedThreadIds : state.threadIds;
+			const cache = createLastValidCache$1(createStaleReporter({
+				name: "ThreadListItemByIndexProvider",
+				index,
+				isCurrent: () => !disposed && index === props.index && archived === props.archived,
+				isValid: () => index < idsOf(aui.threads.getState()).length
+			}));
+			return AuiConfig({ threadListItem: Derived({
+				source: "threads",
+				query: {
+					type: "index",
+					index,
+					archived
+				},
+				get: (aui) => cache.resolve(index < idsOf(aui.threads.getState()).length, () => aui.threads.item({
+					index,
+					archived
+				}))
+			}) });
+		});
+		return () => h(AuiProvider, {
+			config: config.value,
+			extends: aui
+		}, { default: () => slots.default?.() });
+	}
+});
+/**
+* Renders the default slot once per thread in the list (or per archived
+* thread with `archived`), each instance scoped through
+* {@link ThreadListItemByIndexProvider}.
+*/
+const ThreadListPrimitiveItems = defineComponent({
+	name: "ThreadListPrimitiveItems",
+	props: { archived: {
+		type: Boolean,
+		default: false
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const threadIds = useAuiState((s) => props.archived ? s.threads.archivedThreadIds : s.threads.threadIds);
+		return () => threadIds.value.map((threadId, index) => h(ThreadListItemByIndexProvider, {
+			index,
+			archived: props.archived,
+			key: threadId
+		}, { default: () => slots.default?.() }));
+	}
+});
+/**
+* A button that switches to a new thread. Carries `data-active` and
+* `aria-current` while the new thread is the main one.
+*/
+const ThreadListPrimitiveNew = defineComponent({
+	name: "ThreadListPrimitiveNew",
+	inheritAttrs: false,
+	slots: Object,
+	setup(_, { attrs, slots }) {
+		const aui = useAui();
+		const active = useAuiState((s) => s.threads.newThreadId === s.threads.mainThreadId);
+		const onClick = (event) => {
+			if (event.defaultPrevented || isAttrDisabled(attrs)) return;
+			aui.threads.switchToNewThread();
+		};
+		return () => h("button", mergeProps(attrs, {
+			type: "button",
+			disabled: isAttrDisabled(attrs),
+			...active.value && {
+				"data-active": "true",
+				"aria-current": "true"
+			},
+			onClick
+		}), slots.default?.());
+	}
+});
+/**
+* Renders the current thread-list item's title. When the title is empty,
+* renders the default slot, or the `fallback` string.
+*/
+const ThreadListItemPrimitiveTitle = defineComponent({
+	name: "ThreadListItemPrimitiveTitle",
+	props: { fallback: {
+		type: String,
+		default: ""
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const title = useAuiState((s) => s.threadListItem.title);
+		return () => title.value || (slots.default ? slots.default() : props.fallback);
+	}
+});
+//#endregion
+export { ThreadListItemByIndexProvider, ThreadListItemPrimitiveTitle, ThreadListItemPrimitiveTrigger, ThreadListPrimitiveItems, ThreadListPrimitiveNew };
+
+//# sourceMappingURL=threadList.js.map

package/dist/primitives/threadList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadList.js","names":["createLastValidCache"],"sources":["../../src/primitives/threadList.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  mergeProps,\n  onScopeDispose,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport { AuiConfig, Derived } from \"@assistant-ui/store/client\";\nimport type { ThreadListItemMethods } from \"@assistant-ui/core/store\";\nimport { AuiProvider } from \"../AuiProvider\";\nimport { isAttrDisabled } from \"./attrDisabled\";\nimport { createLastValidCache, createStaleReporter } from \"./lastValidCache\";\nimport { useAui } from \"../useAui\";\nimport { useAuiState } from \"../useAuiState\";\nexport { ThreadListItemPrimitiveTrigger } from \"./ThreadListItemPrimitiveTrigger\";\n\n/**\n * Scopes the subtree to the thread-list item at `index`: descendants read it\n * through `s.threadListItem`.\n */\nexport const ThreadListItemByIndexProvider = defineComponent({\n  name: \"ThreadListItemByIndexProvider\",\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n    archived: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { slots }) {\n    const aui = useAui();\n    let disposed = false;\n    onScopeDispose(() => {\n      disposed = true;\n    });\n    const config = computed(() => {\n      const index = props.index;\n      const archived = props.archived;\n      const idsOf = (state: {\n        archivedThreadIds: readonly string[];\n        threadIds: readonly string[];\n      }) => (archived ? state.archivedThreadIds : state.threadIds);\n      const cache = createLastValidCache<ThreadListItemMethods>(\n        createStaleReporter({\n          name: \"ThreadListItemByIndexProvider\",\n          index,\n          isCurrent: () =>\n            !disposed && index === props.index && archived === props.archived,\n          isValid: () => index < idsOf(aui.threads.getState()).length,\n        }),\n      );\n      return AuiConfig({\n        threadListItem: Derived({\n          source: \"threads\",\n          query: {\n            type: \"index\",\n            index,\n            archived,\n          },\n          get: (aui) =>\n            cache.resolve(index < idsOf(aui.threads.getState()).length, () =>\n              aui.threads.item({ index, archived }),\n            ),\n        }),\n      });\n    });\n    return () =>\n      h(\n        AuiProvider,\n        { config: config.value, extends: aui },\n        { default: () => slots.default?.() },\n      );\n  },\n});\n\n/**\n * Renders the default slot once per thread in the list (or per archived\n * thread with `archived`), each instance scoped through\n * {@link ThreadListItemByIndexProvider}.\n */\nexport const ThreadListPrimitiveItems = defineComponent({\n  name: \"ThreadListPrimitiveItems\",\n  props: {\n    archived: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { slots }) {\n    const threadIds = useAuiState((s) =>\n      props.archived ? s.threads.archivedThreadIds : s.threads.threadIds,\n    );\n    return () =>\n      threadIds.value.map((threadId, index) =>\n        h(\n          ThreadListItemByIndexProvider,\n          { index, archived: props.archived, key: threadId },\n          { default: () => slots.default?.() },\n        ),\n      );\n  },\n});\n\n/**\n * A button that switches to a new thread. Carries `data-active` and\n * `aria-current` while the new thread is the main one.\n */\nexport const ThreadListPrimitiveNew = defineComponent({\n  name: \"ThreadListPrimitiveNew\",\n  inheritAttrs: false,\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { attrs, slots }) {\n    const aui = useAui();\n    const active = useAuiState(\n      (s) => s.threads.newThreadId === s.threads.mainThreadId,\n    );\n    const onClick = (event: MouseEvent) => {\n      if (event.defaultPrevented || isAttrDisabled(attrs)) return;\n      aui.threads.switchToNewThread();\n    };\n    return () =>\n      h(\n        \"button\",\n        mergeProps(attrs, {\n          type: \"button\",\n          disabled: isAttrDisabled(attrs),\n          ...(active.value && {\n            \"data-active\": \"true\",\n            \"aria-current\": \"true\",\n          }),\n          onClick,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n\n/**\n * Renders the current thread-list item's title. When the title is empty,\n * renders the default slot, or the `fallback` string.\n */\nexport const ThreadListItemPrimitiveTitle = defineComponent({\n  name: \"ThreadListItemPrimitiveTitle\",\n  props: {\n    fallback: {\n      type: String,\n      default: \"\",\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { slots }) {\n    const title = useAuiState((s) => s.threadListItem.title);\n    return () =>\n      title.value || (slots.default ? slots.default() : props.fallback);\n  },\n});\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,OAAO;EACL,OAAO;GACL,MAAM;GACN,UAAU;EACZ;EACA,UAAU;GACR,MAAM;GACN,SAAS;EACX;CACF;CACA,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,OAAO;EACnB,IAAI,WAAW;EACf,qBAAqB;GACnB,WAAW;EACb,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,MAAM,QAAQ,MAAM;GACpB,MAAM,WAAW,MAAM;GACvB,MAAM,SAAS,UAGR,WAAW,MAAM,oBAAoB,MAAM;GAClD,MAAM,QAAQA,uBACZ,oBAAoB;IAClB,MAAM;IACN;IACA,iBACE,CAAC,YAAY,UAAU,MAAM,SAAS,aAAa,MAAM;IAC3D,eAAe,QAAQ,MAAM,IAAI,QAAQ,SAAS,CAAC,CAAC,CAAC;GACvD,CAAC,CACH;GACA,OAAO,UAAU,EACf,gBAAgB,QAAQ;IACtB,QAAQ;IACR,OAAO;KACL,MAAM;KACN;KACA;IACF;IACA,MAAM,QACJ,MAAM,QAAQ,QAAQ,MAAM,IAAI,QAAQ,SAAS,CAAC,CAAC,CAAC,cAClD,IAAI,QAAQ,KAAK;KAAE;KAAO;IAAS,CAAC,CACtC;GACJ,CAAC,EACH,CAAC;EACH,CAAC;EACD,aACE,EACE,aACA;GAAE,QAAQ,OAAO;GAAO,SAAS;EAAI,GACrC,EAAE,eAAe,MAAM,UAAU,EAAE,CACrC;CACJ;AACF,CAAC;;;;;;AAOD,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,OAAO,EACL,UAAU;EACR,MAAM;EACN,SAAS;CACX,EACF;CACA,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,YAAY,aAAa,MAC7B,MAAM,WAAW,EAAE,QAAQ,oBAAoB,EAAE,QAAQ,SAC3D;EACA,aACE,UAAU,MAAM,KAAK,UAAU,UAC7B,EACE,+BACA;GAAE;GAAO,UAAU,MAAM;GAAU,KAAK;EAAS,GACjD,EAAE,eAAe,MAAM,UAAU,EAAE,CACrC,CACF;CACJ;AACF,CAAC;;;;;AAMD,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,cAAc;CACd,OAAO;CACP,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,OAAO;EACnB,MAAM,SAAS,aACZ,MAAM,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,YAC7C;EACA,MAAM,WAAW,UAAsB;GACrC,IAAI,MAAM,oBAAoB,eAAe,KAAK,GAAG;GACrD,IAAI,QAAQ,kBAAkB;EAChC;EACA,aACE,EACE,UACA,WAAW,OAAO;GAChB,MAAM;GACN,UAAU,eAAe,KAAK;GAC9B,GAAI,OAAO,SAAS;IAClB,eAAe;IACf,gBAAgB;GAClB;GACA;EACF,CAAC,GACD,MAAM,UAAU,CAClB;CACJ;AACF,CAAC;;;;;AAMD,MAAa,+BAA+B,gBAAgB;CAC1D,MAAM;CACN,OAAO,EACL,UAAU;EACR,MAAM;EACN,SAAS;CACX,EACF;CACA,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,QAAQ,aAAa,MAAM,EAAE,eAAe,KAAK;EACvD,aACE,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,IAAI,MAAM;CAC5D;AACF,CAAC"}

package/dist/primitives/threadListFocusGroup.d.ts

@@ -0,0 +1,14 @@
+import { type ShallowRef } from "vue";
+type ThreadListCollection = {
+    registerTrigger: (key: symbol, trigger: HTMLButtonElement) => () => void;
+    getTriggers: () => HTMLButtonElement[];
+};
+type ThreadListItemFocus = {
+    trigger: ShallowRef<HTMLButtonElement | null>;
+};
+export declare const provideThreadListCollection: () => void;
+export declare const useThreadListCollection: () => ThreadListCollection | null;
+export declare const provideThreadListItemFocus: () => ThreadListItemFocus;
+export declare const useThreadListItemFocus: () => ThreadListItemFocus | null;
+export {};
+//# sourceMappingURL=threadListFocusGroup.d.ts.map

package/dist/primitives/threadListFocusGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadListFocusGroup.d.ts","sourceRoot":"","sources":["../../src/primitives/threadListFocusGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAEb,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,KAAK,MAAM,IAAI,CAAC;IACzE,WAAW,EAAE,MAAM,iBAAiB,EAAE,CAAC;CACxC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC/C,CAAC;AAUF,eAAO,MAAM,2BAA2B,YAkBvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mCACG,CAAC;AAExC,eAAO,MAAM,0BAA0B,QAAO,mBAI7C,CAAC;AAEF,eAAO,MAAM,sBAAsB,kCACG,CAAC"}

package/dist/primitives/threadListFocusGroup.js

@@ -0,0 +1,32 @@
+import { inject, provide, shallowRef } from "vue";
+//#region src/primitives/threadListFocusGroup.ts
+const threadListCollectionKey = Symbol("assistant-ui.vue.thread-list-collection");
+const threadListItemFocusKey = Symbol("assistant-ui.vue.thread-list-item-focus");
+const provideThreadListCollection = () => {
+	const triggers = /* @__PURE__ */ new Map();
+	provide(threadListCollectionKey, {
+		registerTrigger: (key, trigger) => {
+			triggers.set(key, trigger);
+			return () => {
+				if (triggers.get(key) === trigger) triggers.delete(key);
+			};
+		},
+		getTriggers: () => [...triggers.values()].sort((first, second) => {
+			const position = first.compareDocumentPosition(second);
+			if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+			if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+			return 0;
+		})
+	});
+};
+const useThreadListCollection = () => inject(threadListCollectionKey, null);
+const provideThreadListItemFocus = () => {
+	const focus = { trigger: shallowRef(null) };
+	provide(threadListItemFocusKey, focus);
+	return focus;
+};
+const useThreadListItemFocus = () => inject(threadListItemFocusKey, null);
+//#endregion
+export { provideThreadListCollection, provideThreadListItemFocus, useThreadListCollection, useThreadListItemFocus };
+
+//# sourceMappingURL=threadListFocusGroup.js.map

package/dist/primitives/threadListFocusGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadListFocusGroup.js","names":[],"sources":["../../src/primitives/threadListFocusGroup.ts"],"sourcesContent":["import {\n  inject,\n  provide,\n  shallowRef,\n  type InjectionKey,\n  type ShallowRef,\n} from \"vue\";\n\ntype ThreadListCollection = {\n  registerTrigger: (key: symbol, trigger: HTMLButtonElement) => () => void;\n  getTriggers: () => HTMLButtonElement[];\n};\n\ntype ThreadListItemFocus = {\n  trigger: ShallowRef<HTMLButtonElement | null>;\n};\n\nconst threadListCollectionKey: InjectionKey<ThreadListCollection> = Symbol(\n  \"assistant-ui.vue.thread-list-collection\",\n);\n\nconst threadListItemFocusKey: InjectionKey<ThreadListItemFocus> = Symbol(\n  \"assistant-ui.vue.thread-list-item-focus\",\n);\n\nexport const provideThreadListCollection = () => {\n  const triggers = new Map<symbol, HTMLButtonElement>();\n  const collection: ThreadListCollection = {\n    registerTrigger: (key, trigger) => {\n      triggers.set(key, trigger);\n      return () => {\n        if (triggers.get(key) === trigger) triggers.delete(key);\n      };\n    },\n    getTriggers: () =>\n      [...triggers.values()].sort((first, second) => {\n        const position = first.compareDocumentPosition(second);\n        if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n        if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n        return 0;\n      }),\n  };\n  provide(threadListCollectionKey, collection);\n};\n\nexport const useThreadListCollection = () =>\n  inject(threadListCollectionKey, null);\n\nexport const provideThreadListItemFocus = (): ThreadListItemFocus => {\n  const focus = { trigger: shallowRef<HTMLButtonElement | null>(null) };\n  provide(threadListItemFocusKey, focus);\n  return focus;\n};\n\nexport const useThreadListItemFocus = () =>\n  inject(threadListItemFocusKey, null);\n"],"mappings":";;AAiBA,MAAM,0BAA8D,OAClE,yCACF;AAEA,MAAM,yBAA4D,OAChE,yCACF;AAEA,MAAa,oCAAoC;CAC/C,MAAM,2BAAW,IAAI,IAA+B;CAgBpD,QAAQ,yBAAyB;EAd/B,kBAAkB,KAAK,YAAY;GACjC,SAAS,IAAI,KAAK,OAAO;GACzB,aAAa;IACX,IAAI,SAAS,IAAI,GAAG,MAAM,SAAS,SAAS,OAAO,GAAG;GACxD;EACF;EACA,mBACE,CAAC,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,WAAW;GAC7C,MAAM,WAAW,MAAM,wBAAwB,MAAM;GACrD,IAAI,WAAW,KAAK,6BAA6B,OAAO;GACxD,IAAI,WAAW,KAAK,6BAA6B,OAAO;GACxD,OAAO;EACT,CAAC;CAEqC,CAAC;AAC7C;AAEA,MAAa,gCACX,OAAO,yBAAyB,IAAI;AAEtC,MAAa,mCAAwD;CACnE,MAAM,QAAQ,EAAE,SAAS,WAAqC,IAAI,EAAE;CACpE,QAAQ,wBAAwB,KAAK;CACrC,OAAO;AACT;AAEA,MAAa,+BACX,OAAO,wBAAwB,IAAI"}

package/dist/primitives/threadListStructural.d.ts

@@ -0,0 +1,29 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/**
+ * A button that loads more threads. Stays mounted and disabled while no
+ * more threads are available or a load is in flight.
+ */
+export declare const ThreadListPrimitiveLoadMore: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A button that archives the current thread list item. */
+export declare const ThreadListItemPrimitiveArchive: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A button that unarchives the current thread list item. */
+export declare const ThreadListItemPrimitiveUnarchive: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A button that deletes the current thread list item. */
+export declare const ThreadListItemPrimitiveDelete: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=threadListStructural.d.ts.map

package/dist/primitives/threadListStructural.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadListStructural.d.ts","sourceRoot":"","sources":["../../src/primitives/threadListStructural.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAOb;;;GAGG;AACH,eAAO,MAAM,2BAA2B;;;cAGC,MAAM,UAAU,EAAE;yEAoBzD,CAAC;AA6BH,2DAA2D;AAC3D,eAAO,MAAM,8BAA8B;;;cArBA,MAAM,UAAU,EAAE;yEAwB5D,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,gCAAgC;;;cA3BF,MAAM,UAAU,EAAE;yEA8B5D,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,6BAA6B;;;cAjCC,MAAM,UAAU,EAAE;yEAoC5D,CAAC"}

package/dist/primitives/threadListStructural.js

@@ -0,0 +1,55 @@
+import { useAuiState } from "../useAuiState.js";
+import { useAui } from "../useAui.js";
+import { isAttrDisabled } from "./attrDisabled.js";
+import { defineComponent, h, mergeProps } from "vue";
+import { threadListLoadMoreDisabled } from "@assistant-ui/core/store/internal";
+//#region src/primitives/threadListStructural.ts
+/**
+* A button that loads more threads. Stays mounted and disabled while no
+* more threads are available or a load is in flight.
+*/
+const ThreadListPrimitiveLoadMore = defineComponent({
+	name: "ThreadListPrimitiveLoadMore",
+	inheritAttrs: false,
+	slots: Object,
+	setup(_, { attrs, slots }) {
+		const aui = useAui();
+		const disabled = useAuiState(threadListLoadMoreDisabled);
+		const onClick = (event) => {
+			if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs)) return;
+			aui.threads.loadMore();
+		};
+		return () => h("button", mergeProps(attrs, {
+			type: "button",
+			disabled: disabled.value || isAttrDisabled(attrs),
+			onClick
+		}), slots.default?.());
+	}
+});
+const threadListItemAction = (name, action) => defineComponent({
+	name,
+	inheritAttrs: false,
+	slots: Object,
+	setup(_, { attrs, slots }) {
+		const aui = useAui();
+		const onClick = (event) => {
+			if (event.defaultPrevented || isAttrDisabled(attrs)) return;
+			action(aui);
+		};
+		return () => h("button", mergeProps(attrs, {
+			type: "button",
+			disabled: isAttrDisabled(attrs),
+			onClick
+		}), slots.default?.());
+	}
+});
+/** A button that archives the current thread list item. */
+const ThreadListItemPrimitiveArchive = threadListItemAction("ThreadListItemPrimitiveArchive", (aui) => aui.threadListItem.archive());
+/** A button that unarchives the current thread list item. */
+const ThreadListItemPrimitiveUnarchive = threadListItemAction("ThreadListItemPrimitiveUnarchive", (aui) => aui.threadListItem.unarchive());
+/** A button that deletes the current thread list item. */
+const ThreadListItemPrimitiveDelete = threadListItemAction("ThreadListItemPrimitiveDelete", (aui) => aui.threadListItem.delete());
+//#endregion
+export { ThreadListItemPrimitiveArchive, ThreadListItemPrimitiveDelete, ThreadListItemPrimitiveUnarchive, ThreadListPrimitiveLoadMore };
+
+//# sourceMappingURL=threadListStructural.js.map

package/dist/primitives/threadListStructural.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadListStructural.js","names":[],"sources":["../../src/primitives/threadListStructural.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  mergeProps,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport type { AssistantClient } from \"@assistant-ui/store/client\";\nimport { threadListLoadMoreDisabled } from \"@assistant-ui/core/store/internal\";\nimport { isAttrDisabled } from \"./attrDisabled\";\nimport { useAui } from \"../useAui\";\nimport { useAuiState } from \"../useAuiState\";\n\n/**\n * A button that loads more threads. Stays mounted and disabled while no\n * more threads are available or a load is in flight.\n */\nexport const ThreadListPrimitiveLoadMore = defineComponent({\n  name: \"ThreadListPrimitiveLoadMore\",\n  inheritAttrs: false,\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { attrs, slots }) {\n    const aui = useAui();\n    const disabled = useAuiState(threadListLoadMoreDisabled);\n    const onClick = (event: MouseEvent) => {\n      if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs))\n        return;\n      void aui.threads.loadMore();\n    };\n    return () =>\n      h(\n        \"button\",\n        mergeProps(attrs, {\n          type: \"button\",\n          disabled: disabled.value || isAttrDisabled(attrs),\n          onClick,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n\nconst threadListItemAction = (\n  name: string,\n  action: (aui: AssistantClient) => void,\n) =>\n  defineComponent({\n    name,\n    inheritAttrs: false,\n    slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n    setup(_, { attrs, slots }) {\n      const aui = useAui();\n      const onClick = (event: MouseEvent) => {\n        if (event.defaultPrevented || isAttrDisabled(attrs)) return;\n        action(aui);\n      };\n      return () =>\n        h(\n          \"button\",\n          mergeProps(attrs, {\n            type: \"button\",\n            disabled: isAttrDisabled(attrs),\n            onClick,\n          }),\n          slots.default?.(),\n        );\n    },\n  });\n\n/** A button that archives the current thread list item. */\nexport const ThreadListItemPrimitiveArchive = threadListItemAction(\n  \"ThreadListItemPrimitiveArchive\",\n  (aui) => aui.threadListItem.archive(),\n);\n\n/** A button that unarchives the current thread list item. */\nexport const ThreadListItemPrimitiveUnarchive = threadListItemAction(\n  \"ThreadListItemPrimitiveUnarchive\",\n  (aui) => aui.threadListItem.unarchive(),\n);\n\n/** A button that deletes the current thread list item. */\nexport const ThreadListItemPrimitiveDelete = threadListItemAction(\n  \"ThreadListItemPrimitiveDelete\",\n  (aui) => aui.threadListItem.delete(),\n);\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,cAAc;CACd,OAAO;CACP,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,OAAO;EACnB,MAAM,WAAW,YAAY,0BAA0B;EACvD,MAAM,WAAW,UAAsB;GACrC,IAAI,MAAM,oBAAoB,SAAS,SAAS,eAAe,KAAK,GAClE;GACF,IAAS,QAAQ,SAAS;EAC5B;EACA,aACE,EACE,UACA,WAAW,OAAO;GAChB,MAAM;GACN,UAAU,SAAS,SAAS,eAAe,KAAK;GAChD;EACF,CAAC,GACD,MAAM,UAAU,CAClB;CACJ;AACF,CAAC;AAED,MAAM,wBACJ,MACA,WAEA,gBAAgB;CACd;CACA,cAAc;CACd,OAAO;CACP,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,OAAO;EACnB,MAAM,WAAW,UAAsB;GACrC,IAAI,MAAM,oBAAoB,eAAe,KAAK,GAAG;GACrD,OAAO,GAAG;EACZ;EACA,aACE,EACE,UACA,WAAW,OAAO;GAChB,MAAM;GACN,UAAU,eAAe,KAAK;GAC9B;EACF,CAAC,GACD,MAAM,UAAU,CAClB;CACJ;AACF,CAAC;;AAGH,MAAa,iCAAiC,qBAC5C,mCACC,QAAQ,IAAI,eAAe,QAAQ,CACtC;;AAGA,MAAa,mCAAmC,qBAC9C,qCACC,QAAQ,IAAI,eAAe,UAAU,CACxC;;AAGA,MAAa,gCAAgC,qBAC3C,kCACC,QAAQ,IAAI,eAAe,OAAO,CACrC"}

package/dist/primitives/useComposerSendState.d.ts

@@ -0,0 +1,6 @@
+import type { ComputedRef } from "vue";
+export declare const useComposerSendState: () => {
+    disabled: ComputedRef<boolean>;
+    send: () => void;
+};
+//# sourceMappingURL=useComposerSendState.d.ts.map

package/dist/primitives/useComposerSendState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerSendState.d.ts","sourceRoot":"","sources":["../../src/primitives/useComposerSendState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAKvC,eAAO,MAAM,oBAAoB,QAAO;IACtC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;CAKlB,CAAC"}

package/dist/primitives/useComposerSendState.js

@@ -0,0 +1,15 @@
+import { useAuiState } from "../useAuiState.js";
+import { useAui } from "../useAui.js";
+import { composerSendDisabled } from "@assistant-ui/core/store/internal";
+//#region src/primitives/useComposerSendState.ts
+const useComposerSendState = () => {
+	const aui = useAui();
+	return {
+		disabled: useAuiState(composerSendDisabled),
+		send: () => aui.composer.send()
+	};
+};
+//#endregion
+export { useComposerSendState };
+
+//# sourceMappingURL=useComposerSendState.js.map

package/dist/primitives/useComposerSendState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerSendState.js","names":[],"sources":["../../src/primitives/useComposerSendState.ts"],"sourcesContent":["import type { ComputedRef } from \"vue\";\nimport { useAui } from \"../useAui\";\nimport { composerSendDisabled } from \"@assistant-ui/core/store/internal\";\nimport { useAuiState } from \"../useAuiState\";\n\nexport const useComposerSendState = (): {\n  disabled: ComputedRef<boolean>;\n  send: () => void;\n} => {\n  const aui = useAui();\n  const disabled = useAuiState(composerSendDisabled);\n  return { disabled, send: () => aui.composer.send() };\n};\n"],"mappings":";;;;AAKA,MAAa,6BAGR;CACH,MAAM,MAAM,OAAO;CAEnB,OAAO;EAAE,UADQ,YAAY,oBACb;EAAG,YAAY,IAAI,SAAS,KAAK;CAAE;AACrD"}

package/dist/primitives/viewportContext.d.ts

@@ -0,0 +1,12 @@
+import type { InjectionKey, ShallowRef } from "vue";
+export type ViewportContentInsetHandle = {
+    setHeight: (height: number) => void;
+    unregister: () => void;
+};
+export type ViewportContext = {
+    isAtBottom: ShallowRef<boolean>;
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+    registerContentInset: () => ViewportContentInsetHandle;
+};
+export declare const viewportInjectionKey: InjectionKey<ViewportContext>;
+//# sourceMappingURL=viewportContext.d.ts.map

package/dist/primitives/viewportContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewportContext.d.ts","sourceRoot":"","sources":["../../src/primitives/viewportContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEpD,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,eAAe,CAE9D,CAAC"}

package/dist/primitives/viewportContext.js

@@ -0,0 +1,6 @@
+//#region src/primitives/viewportContext.ts
+const viewportInjectionKey = Symbol("assistant-ui.vue.viewport");
+//#endregion
+export { viewportInjectionKey };
+
+//# sourceMappingURL=viewportContext.js.map

package/dist/primitives/viewportContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewportContext.js","names":[],"sources":["../../src/primitives/viewportContext.ts"],"sourcesContent":["import type { InjectionKey, ShallowRef } from \"vue\";\n\nexport type ViewportContentInsetHandle = {\n  setHeight: (height: number) => void;\n  unregister: () => void;\n};\n\nexport type ViewportContext = {\n  isAtBottom: ShallowRef<boolean>;\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  registerContentInset: () => ViewportContentInsetHandle;\n};\n\nexport const viewportInjectionKey: InjectionKey<ViewportContext> = Symbol(\n  \"assistant-ui.vue.viewport\",\n);\n"],"mappings":";AAaA,MAAa,uBAAsD,OACjE,2BACF"}

package/dist/useAui.d.ts

@@ -0,0 +1,15 @@
+import type { AssistantClient } from "@assistant-ui/store/client";
+/**
+ * Returns the `AssistantClient` provided by the nearest {@link AuiProvider}.
+ *
+ * The returned object is stable for the lifetime of the provider and always
+ * forwards to the provider's current client, so it can be captured once and
+ * used in event handlers: `aui.composer.send()`, `aui.thread.cancelRun()`.
+ * Pair with {@link useAuiState} to read reactive state and
+ * {@link useAuiEvent} to subscribe to events.
+ *
+ * Called outside a provider, the returned client's scope accessors throw a
+ * descriptive error whenever they are used.
+ */
+export declare const useAui: () => AssistantClient;
+//# sourceMappingURL=useAui.d.ts.map

package/dist/useAui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAui.d.ts","sourceRoot":"","sources":["../src/useAui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,QAAO,eAEzB,CAAC"}

package/dist/useAui.js

@@ -0,0 +1,21 @@
+import { useAuiContext } from "./context.js";
+//#region src/useAui.ts
+/**
+* Returns the `AssistantClient` provided by the nearest {@link AuiProvider}.
+*
+* The returned object is stable for the lifetime of the provider and always
+* forwards to the provider's current client, so it can be captured once and
+* used in event handlers: `aui.composer.send()`, `aui.thread.cancelRun()`.
+* Pair with {@link useAuiState} to read reactive state and
+* {@link useAuiEvent} to subscribe to events.
+*
+* Called outside a provider, the returned client's scope accessors throw a
+* descriptive error whenever they are used.
+*/
+const useAui = () => {
+	return useAuiContext().aui;
+};
+//#endregion
+export { useAui };
+
+//# sourceMappingURL=useAui.js.map

package/dist/useAui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAui.js","names":[],"sources":["../src/useAui.ts"],"sourcesContent":["import type { AssistantClient } from \"@assistant-ui/store/client\";\nimport { useAuiContext } from \"./context\";\n\n/**\n * Returns the `AssistantClient` provided by the nearest {@link AuiProvider}.\n *\n * The returned object is stable for the lifetime of the provider and always\n * forwards to the provider's current client, so it can be captured once and\n * used in event handlers: `aui.composer.send()`, `aui.thread.cancelRun()`.\n * Pair with {@link useAuiState} to read reactive state and\n * {@link useAuiEvent} to subscribe to events.\n *\n * Called outside a provider, the returned client's scope accessors throw a\n * descriptive error whenever they are used.\n */\nexport const useAui = (): AssistantClient => {\n  return useAuiContext().aui;\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAa,eAAgC;CAC3C,OAAO,cAAc,CAAC,CAAC;AACzB"}

package/dist/useAuiEvent.d.ts

@@ -0,0 +1,17 @@
+import { type AssistantEventCallback, type AssistantEventName, type AssistantEventSelector } from "@assistant-ui/store/client";
+/**
+ * Subscribes to an assistant event for the lifetime of the current effect
+ * scope.
+ *
+ * The subscription follows the provider's current client across structural
+ * changes. Use `scope: "*"` to receive emissions from any descendant scope.
+ *
+ * @example
+ * ```ts
+ * useAuiEvent("thread.modelContextUpdate", ({ threadId }) => {
+ *   analytics.track("model_context_update", { threadId });
+ * });
+ * ```
+ */
+export declare const useAuiEvent: <TEvent extends AssistantEventName>(selector: AssistantEventSelector<TEvent>, callback: AssistantEventCallback<TEvent>) => void;
+//# sourceMappingURL=useAuiEvent.d.ts.map

package/dist/useAuiEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuiEvent.d.ts","sourceRoot":"","sources":["../src/useAuiEvent.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAE5B,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,kBAAkB,EAC3D,UAAU,sBAAsB,CAAC,MAAM,CAAC,EACxC,UAAU,sBAAsB,CAAC,MAAM,CAAC,KACvC,IAkCF,CAAC"}

package/dist/useAuiEvent.js

@@ -0,0 +1,52 @@
+import { useAuiContext } from "./context.js";
+import { onScopeDispose } from "vue";
+import { normalizeEventSelector } from "@assistant-ui/store/client";
+import { isDevelopment } from "@assistant-ui/core/store/internal";
+//#region src/useAuiEvent.ts
+/**
+* Subscribes to an assistant event for the lifetime of the current effect
+* scope.
+*
+* The subscription follows the provider's current client across structural
+* changes. Use `scope: "*"` to receive emissions from any descendant scope.
+*
+* @example
+* ```ts
+* useAuiEvent("thread.modelContextUpdate", ({ threadId }) => {
+*   analytics.track("model_context_update", { threadId });
+* });
+* ```
+*/
+const useAuiEvent = (selector, callback) => {
+	const { source } = useAuiContext();
+	const { scope, event } = normalizeEventSelector(selector);
+	let bound;
+	let off;
+	const bind = () => {
+		const client = source.getClient();
+		if (client === bound) return;
+		let next;
+		try {
+			next = client.on({
+				scope,
+				event
+			}, callback);
+		} catch (error) {
+			if (isDevelopment) console.warn(error);
+			return;
+		}
+		off?.();
+		bound = client;
+		off = next;
+	};
+	bind();
+	const unsubscribe = source.subscribe(bind);
+	onScopeDispose(() => {
+		unsubscribe();
+		off?.();
+	});
+};
+//#endregion
+export { useAuiEvent };
+
+//# sourceMappingURL=useAuiEvent.js.map

package/dist/useAuiEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuiEvent.js","names":[],"sources":["../src/useAuiEvent.ts"],"sourcesContent":["import { onScopeDispose } from \"vue\";\nimport { isDevelopment } from \"@assistant-ui/core/store/internal\";\nimport {\n  normalizeEventSelector,\n  type AssistantClient,\n  type AssistantEventCallback,\n  type AssistantEventName,\n  type AssistantEventSelector,\n  type Unsubscribe,\n} from \"@assistant-ui/store/client\";\nimport { useAuiContext } from \"./context\";\n\n/**\n * Subscribes to an assistant event for the lifetime of the current effect\n * scope.\n *\n * The subscription follows the provider's current client across structural\n * changes. Use `scope: \"*\"` to receive emissions from any descendant scope.\n *\n * @example\n * ```ts\n * useAuiEvent(\"thread.modelContextUpdate\", ({ threadId }) => {\n *   analytics.track(\"model_context_update\", { threadId });\n * });\n * ```\n */\nexport const useAuiEvent = <TEvent extends AssistantEventName>(\n  selector: AssistantEventSelector<TEvent>,\n  callback: AssistantEventCallback<TEvent>,\n): void => {\n  const { source } = useAuiContext();\n  const { scope, event } = normalizeEventSelector(selector);\n\n  let bound: AssistantClient | undefined;\n  let off: Unsubscribe | undefined;\n\n  const bind = () => {\n    const client = source.getClient();\n    if (client === bound) return;\n    let next: Unsubscribe;\n    try {\n      next = client.on(\n        { scope, event } as AssistantEventSelector<TEvent>,\n        callback,\n      );\n    } catch (error) {\n      // A live config may drop the selected scope; keep the current binding and\n      // retry once a later structural change makes the scope available again. A\n      // selector that never resolves (a typo'd scope) surfaces here in dev.\n      if (isDevelopment) console.warn(error);\n      return;\n    }\n    off?.();\n    bound = client;\n    off = next;\n  };\n\n  bind();\n  const unsubscribe = source.subscribe(bind);\n  onScopeDispose(() => {\n    unsubscribe();\n    off?.();\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,MAAa,eACX,UACA,aACS;CACT,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,EAAE,OAAO,UAAU,uBAAuB,QAAQ;CAExD,IAAI;CACJ,IAAI;CAEJ,MAAM,aAAa;EACjB,MAAM,SAAS,OAAO,UAAU;EAChC,IAAI,WAAW,OAAO;EACtB,IAAI;EACJ,IAAI;GACF,OAAO,OAAO,GACZ;IAAE;IAAO;GAAM,GACf,QACF;EACF,SAAS,OAAO;GAId,IAAI,eAAe,QAAQ,KAAK,KAAK;GACrC;EACF;EACA,MAAM;EACN,QAAQ;EACR,MAAM;CACR;CAEA,KAAK;CACL,MAAM,cAAc,OAAO,UAAU,IAAI;CACzC,qBAAqB;EACnB,YAAY;EACZ,MAAM;CACR,CAAC;AACH"}

package/dist/useAuiState.d.ts

@@ -0,0 +1,23 @@
+import { type ComputedRef } from "vue";
+import { type AssistantState } from "@assistant-ui/store/client";
+/**
+ * Subscribes to a slice of `AssistantState` and returns it as a computed ref.
+ *
+ * The `selector` runs on every store update; dependents re-run only when the
+ * selected slice changes by `Object.is`. Returning the entire state object is
+ * not supported and throws — select a specific field instead, or compose
+ * multiple `useAuiState` calls. Returning a fresh object or array literal
+ * re-triggers dependents on every update; select primitives or a memoized
+ * reference.
+ *
+ * Scopes that may be unavailable can be read via `s.optional.<scope>`, which
+ * resolves to `undefined` instead of throwing.
+ *
+ * @example
+ * ```ts
+ * const isRunning = useAuiState((s) => s.thread.isRunning);
+ * // template: <button :disabled="isRunning">…</button>
+ * ```
+ */
+export declare const useAuiState: <T>(selector: (state: AssistantState) => T) => ComputedRef<T>;
+//# sourceMappingURL=useAuiState.d.ts.map

package/dist/useAuiState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuiState.d.ts","sourceRoot":"","sources":["../src/useAuiState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC7E,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,EAC3B,UAAU,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,KACrC,WAAW,CAAC,CAAC,CA0Bf,CAAC"}

package/dist/useAuiState.js

@@ -0,0 +1,42 @@
+import { useAuiContext } from "./context.js";
+import { computed, onScopeDispose, shallowRef } from "vue";
+import { getProxiedAssistantState } from "@assistant-ui/store/client";
+//#region src/useAuiState.ts
+/**
+* Subscribes to a slice of `AssistantState` and returns it as a computed ref.
+*
+* The `selector` runs on every store update; dependents re-run only when the
+* selected slice changes by `Object.is`. Returning the entire state object is
+* not supported and throws — select a specific field instead, or compose
+* multiple `useAuiState` calls. Returning a fresh object or array literal
+* re-triggers dependents on every update; select primitives or a memoized
+* reference.
+*
+* Scopes that may be unavailable can be read via `s.optional.<scope>`, which
+* resolves to `undefined` instead of throwing.
+*
+* @example
+* ```ts
+* const isRunning = useAuiState((s) => s.thread.isRunning);
+* // template: <button :disabled="isRunning">…</button>
+* ```
+*/
+const useAuiState = (selector) => {
+	const { source } = useAuiContext();
+	const version = shallowRef(0);
+	const unsubscribe = source.subscribe(() => {
+		version.value++;
+	});
+	onScopeDispose(unsubscribe);
+	return computed(() => {
+		version.value;
+		const state = getProxiedAssistantState(source.getClient());
+		const slice = selector(state);
+		if (typeof slice === "object" && slice !== null && (slice === state || slice === state.optional)) throw new Error("You tried to return the entire AssistantState. This is not supported due to technical limitations.");
+		return slice;
+	});
+};
+//#endregion
+export { useAuiState };
+
+//# sourceMappingURL=useAuiState.js.map

package/dist/useAuiState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuiState.js","names":[],"sources":["../src/useAuiState.ts"],"sourcesContent":["import { computed, onScopeDispose, shallowRef, type ComputedRef } from \"vue\";\nimport {\n  getProxiedAssistantState,\n  type AssistantState,\n} from \"@assistant-ui/store/client\";\nimport { useAuiContext } from \"./context\";\n\n/**\n * Subscribes to a slice of `AssistantState` and returns it as a computed ref.\n *\n * The `selector` runs on every store update; dependents re-run only when the\n * selected slice changes by `Object.is`. Returning the entire state object is\n * not supported and throws — select a specific field instead, or compose\n * multiple `useAuiState` calls. Returning a fresh object or array literal\n * re-triggers dependents on every update; select primitives or a memoized\n * reference.\n *\n * Scopes that may be unavailable can be read via `s.optional.<scope>`, which\n * resolves to `undefined` instead of throwing.\n *\n * @example\n * ```ts\n * const isRunning = useAuiState((s) => s.thread.isRunning);\n * // template: <button :disabled=\"isRunning\">…</button>\n * ```\n */\nexport const useAuiState = <T>(\n  selector: (state: AssistantState) => T,\n): ComputedRef<T> => {\n  const { source } = useAuiContext();\n\n  const version = shallowRef(0);\n  const unsubscribe = source.subscribe(() => {\n    version.value++;\n  });\n  onScopeDispose(unsubscribe);\n\n  return computed(() => {\n    void version.value;\n    const state = getProxiedAssistantState(source.getClient());\n    const slice = selector(state);\n\n    if (\n      typeof slice === \"object\" &&\n      slice !== null &&\n      ((slice as unknown) === state || (slice as unknown) === state.optional)\n    ) {\n      throw new Error(\n        \"You tried to return the entire AssistantState. This is not supported due to technical limitations.\",\n      );\n    }\n\n    return slice;\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,eACX,aACmB;CACnB,MAAM,EAAE,WAAW,cAAc;CAEjC,MAAM,UAAU,WAAW,CAAC;CAC5B,MAAM,cAAc,OAAO,gBAAgB;EACzC,QAAQ;CACV,CAAC;CACD,eAAe,WAAW;CAE1B,OAAO,eAAe;EACpB,QAAa;EACb,MAAM,QAAQ,yBAAyB,OAAO,UAAU,CAAC;EACzD,MAAM,QAAQ,SAAS,KAAK;EAE5B,IACE,OAAO,UAAU,YACjB,UAAU,SACR,UAAsB,SAAU,UAAsB,MAAM,WAE9D,MAAM,IAAI,MACR,oGACF;EAGF,OAAO;CACT,CAAC;AACH"}

package/dist/useScrollLock.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from "vue";
+export declare const useScrollLock: (target: Ref<HTMLElement | null | undefined>, animationDuration: number) => () => void;
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../src/useScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAY/C,eAAO,MAAM,aAAa,GACxB,QAAQ,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,EAC3C,mBAAmB,MAAM,eAgE1B,CAAC"}