@assistant-ui/react 0.14.13 → 0.14.15

package/dist/primitives/composer/trigger/triggerNavigationResource.js

@@ -1,4 +1,5 @@
-import { resource, tapEffect, tapEffectEvent, tapMemo, tapState } from "@assistant-ui/tap";
+import { useEffect, useEffectEvent, useMemo, useState } from "@assistant-ui/tap/react-shim";
+import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerNavigationResource.ts
 function matchesQuery(item, lower) {
 	return item.id.toLowerCase().includes(lower) || item.label.toLowerCase().includes(lower) || (item.description?.toLowerCase().includes(lower) ?? false);
@@ -7,21 +8,21 @@ function matchesQuery(item, lower) {
 * Computes categories, items, search results, and navigation state from the
 * adapter + current query. Pure derivation — no side effects on the composer.
 */
-const TriggerNavigationResource = resource(({ adapter, query, open }) => {
-	const [activeCategoryId, setActiveCategoryId] = tapState(null);
-	tapEffect(() => {
+const TriggerNavigationResource = resource(function TriggerNavigationResource({ adapter, query, open }) {
+	const [activeCategoryId, setActiveCategoryId] = useState(null);
+	useEffect(() => {
 		if (!open) setActiveCategoryId(null);
 	}, [open]);
-	const categories = tapMemo(() => {
+	const categories = useMemo(() => {
 		if (!open || !adapter) return [];
 		return adapter.categories();
 	}, [open, adapter]);
 	const effectiveActiveCategoryId = open ? activeCategoryId : null;
-	const allItems = tapMemo(() => {
+	const allItems = useMemo(() => {
 		if (!effectiveActiveCategoryId || !adapter) return [];
 		return adapter.categoryItems(effectiveActiveCategoryId);
 	}, [effectiveActiveCategoryId, adapter]);
-	const searchResults = tapMemo(() => {
+	const searchResults = useMemo(() => {
 		if (!open || !adapter || effectiveActiveCategoryId) return null;
 		if (!query && categories.length > 0) return null;
 		if (adapter.search) return adapter.search(query);
@@ -37,7 +38,7 @@ const TriggerNavigationResource = resource(({ adapter, query, open }) => {
 		categories
 	]);
 	const isSearchMode = searchResults !== null;
-	const filteredCategories = tapMemo(() => {
+	const filteredCategories = useMemo(() => {
 		if (isSearchMode) return [];
 		if (!query) return categories;
 		const lower = query.toLowerCase();
@@ -47,7 +48,7 @@ const TriggerNavigationResource = resource(({ adapter, query, open }) => {
 		query,
 		isSearchMode
 	]);
-	const filteredItems = tapMemo(() => {
+	const filteredItems = useMemo(() => {
 		if (isSearchMode) return searchResults ?? [];
 		if (!query) return allItems;
 		const lower = query.toLowerCase();
@@ -63,7 +64,7 @@ const TriggerNavigationResource = resource(({ adapter, query, open }) => {
 		items: filteredItems,
 		isSearchMode,
 		activeCategoryId: effectiveActiveCategoryId,
-		navigableList: tapMemo(() => {
+		navigableList: useMemo(() => {
 			if (isSearchMode) return searchResults ?? [];
 			if (effectiveActiveCategoryId) return filteredItems;
 			return filteredCategories;
@@ -74,10 +75,10 @@ const TriggerNavigationResource = resource(({ adapter, query, open }) => {
 			filteredItems,
 			filteredCategories
 		]),
-		selectCategory: tapEffectEvent((categoryId) => {
+		selectCategory: useEffectEvent((categoryId) => {
 			setActiveCategoryId(categoryId);
 		}),
-		goBack: tapEffectEvent(() => {
+		goBack: useEffectEvent(() => {
 			setActiveCategoryId(null);
 		})
 	};

package/dist/primitives/composer/trigger/triggerNavigationResource.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerNavigationResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"sourcesContent":["import {\n  resource,\n  tapEffect,\n  tapEffectEvent,\n  tapMemo,\n  tapState,\n} from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerAdapter,\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\nfunction matchesQuery(item: Unstable_TriggerItem, lower: string): boolean {\n  return (\n    item.id.toLowerCase().includes(lower) ||\n    item.label.toLowerCase().includes(lower) ||\n    (item.description?.toLowerCase().includes(lower) ?? false)\n  );\n}\n\nexport type TriggerNavigationResourceOutput = {\n  /** Filtered categories visible in the list (empty in search mode). */\n  readonly categories: readonly Unstable_TriggerCategory[];\n  /** Filtered items visible in the list. */\n  readonly items: readonly Unstable_TriggerItem[];\n  /** `true` when the current list is search results rather than categories. */\n  readonly isSearchMode: boolean;\n  /** Currently drilled-into category id (or `null` for the top level). */\n  readonly activeCategoryId: string | null;\n  /** Flat list used for keyboard navigation (categories or items). */\n  readonly navigableList: readonly (\n    | Unstable_TriggerCategory\n    | Unstable_TriggerItem\n  )[];\n  /** Drill into a category. */\n  selectCategory(categoryId: string): void;\n  /** Return to the top-level category list. */\n  goBack(): void;\n};\n\n/**\n * Computes categories, items, search results, and navigation state from the\n * adapter + current query. Pure derivation — no side effects on the composer.\n */\nexport const TriggerNavigationResource = resource(\n  ({\n    adapter,\n    query,\n    open,\n  }: {\n    adapter: Unstable_TriggerAdapter | undefined;\n    query: string;\n    open: boolean;\n  }): TriggerNavigationResourceOutput => {\n    const [activeCategoryId, setActiveCategoryId] = tapState<string | null>(\n      null,\n    );\n\n    tapEffect(() => {\n      if (!open) setActiveCategoryId(null);\n    }, [open]);\n\n    const categories = tapMemo<readonly Unstable_TriggerCategory[]>(() => {\n      if (!open || !adapter) return [];\n      return adapter.categories();\n    }, [open, adapter]);\n\n    const effectiveActiveCategoryId = open ? activeCategoryId : null;\n\n    const allItems = tapMemo<readonly Unstable_TriggerItem[]>(() => {\n      if (!effectiveActiveCategoryId || !adapter) return [];\n      return adapter.categoryItems(effectiveActiveCategoryId);\n    }, [effectiveActiveCategoryId, adapter]);\n\n    const searchResults = tapMemo<\n      readonly Unstable_TriggerItem[] | null\n    >(() => {\n      if (!open || !adapter || effectiveActiveCategoryId) return null;\n      // If categories exist and query is empty, show categories first (not search)\n      if (!query && categories.length > 0) return null;\n      if (adapter.search) return adapter.search(query);\n\n      // fallback: no adapter.search\n      const all: Unstable_TriggerItem[] = [];\n      const lower = query.toLowerCase();\n      for (const cat of categories) {\n        for (const item of adapter.categoryItems(cat.id)) {\n          if (matchesQuery(item, lower)) {\n            all.push(item);\n          }\n        }\n      }\n      return all;\n    }, [open, adapter, query, effectiveActiveCategoryId, categories]);\n\n    const isSearchMode = searchResults !== null;\n\n    const filteredCategories = tapMemo(() => {\n      if (isSearchMode) return [];\n      if (!query) return categories;\n      const lower = query.toLowerCase();\n      return categories.filter((cat) =>\n        cat.label.toLowerCase().includes(lower),\n      );\n    }, [categories, query, isSearchMode]);\n\n    const filteredItems = tapMemo(() => {\n      if (isSearchMode) return searchResults ?? [];\n      if (!query) return allItems;\n      const lower = query.toLowerCase();\n      return allItems.filter((item) => matchesQuery(item, lower));\n    }, [allItems, query, isSearchMode, searchResults]);\n\n    const navigableList = tapMemo(() => {\n      if (isSearchMode) return searchResults ?? [];\n      if (effectiveActiveCategoryId) return filteredItems;\n      return filteredCategories;\n    }, [\n      isSearchMode,\n      searchResults,\n      effectiveActiveCategoryId,\n      filteredItems,\n      filteredCategories,\n    ]);\n\n    const selectCategory = tapEffectEvent((categoryId: string) => {\n      setActiveCategoryId(categoryId);\n    });\n\n    const goBack = tapEffectEvent(() => {\n      setActiveCategoryId(null);\n    });\n\n    return {\n      categories: filteredCategories,\n      items: filteredItems,\n      isSearchMode,\n      activeCategoryId: effectiveActiveCategoryId,\n      navigableList,\n      selectCategory,\n      goBack,\n    };\n  },\n);\n"],"mappings":";;AAaA,SAAS,aAAa,MAA4B,OAAwB;CACxE,OACE,KAAK,GAAG,YAAY,EAAE,SAAS,KAAK,KACpC,KAAK,MAAM,YAAY,EAAE,SAAS,KAAK,MACtC,KAAK,aAAa,YAAY,EAAE,SAAS,KAAK,KAAK;AAExD;;;;;AA0BA,MAAa,4BAA4B,UACtC,EACC,SACA,OACA,WAKqC;CACrC,MAAM,CAAC,kBAAkB,uBAAuB,SAC9C,IACF;CAEA,gBAAgB;EACd,IAAI,CAAC,MAAM,oBAAoB,IAAI;CACrC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aAAa,cAAmD;EACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,OAAO,CAAC;EAC/B,OAAO,QAAQ,WAAW;CAC5B,GAAG,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,4BAA4B,OAAO,mBAAmB;CAE5D,MAAM,WAAW,cAA+C;EAC9D,IAAI,CAAC,6BAA6B,CAAC,SAAS,OAAO,CAAC;EACpD,OAAO,QAAQ,cAAc,yBAAyB;CACxD,GAAG,CAAC,2BAA2B,OAAO,CAAC;CAEvC,MAAM,gBAAgB,cAEd;EACN,IAAI,CAAC,QAAQ,CAAC,WAAW,2BAA2B,OAAO;EAE3D,IAAI,CAAC,SAAS,WAAW,SAAS,GAAG,OAAO;EAC5C,IAAI,QAAQ,QAAQ,OAAO,QAAQ,OAAO,KAAK;EAG/C,MAAM,MAA8B,CAAC;EACrC,MAAM,QAAQ,MAAM,YAAY;EAChC,KAAK,MAAM,OAAO,YAChB,KAAK,MAAM,QAAQ,QAAQ,cAAc,IAAI,EAAE,GAC7C,IAAI,aAAa,MAAM,KAAK,GAC1B,IAAI,KAAK,IAAI;EAInB,OAAO;CACT,GAAG;EAAC;EAAM;EAAS;EAAO;EAA2B;CAAU,CAAC;CAEhE,MAAM,eAAe,kBAAkB;CAEvC,MAAM,qBAAqB,cAAc;EACvC,IAAI,cAAc,OAAO,CAAC;EAC1B,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,QAAQ,MAAM,YAAY;EAChC,OAAO,WAAW,QAAQ,QACxB,IAAI,MAAM,YAAY,EAAE,SAAS,KAAK,CACxC;CACF,GAAG;EAAC;EAAY;EAAO;CAAY,CAAC;CAEpC,MAAM,gBAAgB,cAAc;EAClC,IAAI,cAAc,OAAO,iBAAiB,CAAC;EAC3C,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,QAAQ,MAAM,YAAY;EAChC,OAAO,SAAS,QAAQ,SAAS,aAAa,MAAM,KAAK,CAAC;CAC5D,GAAG;EAAC;EAAU;EAAO;EAAc;CAAa,CAAC;CAsBjD,OAAO;EACL,YAAY;EACZ,OAAO;EACP;EACA,kBAAkB;EAClB,eAzBoB,cAAc;GAClC,IAAI,cAAc,OAAO,iBAAiB,CAAC;GAC3C,IAAI,2BAA2B,OAAO;GACtC,OAAO;EACT,GAAG;GACD;GACA;GACA;GACA;GACA;EACF,CAec;EACZ,gBAdqB,gBAAgB,eAAuB;GAC5D,oBAAoB,UAAU;EAChC,CAYe;EACb,QAXa,qBAAqB;GAClC,oBAAoB,IAAI;EAC1B,CASO;CACP;AACF,CACF"}
+{"version":3,"file":"triggerNavigationResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useMemo, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerAdapter,\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\nfunction matchesQuery(item: Unstable_TriggerItem, lower: string): boolean {\n  return (\n    item.id.toLowerCase().includes(lower) ||\n    item.label.toLowerCase().includes(lower) ||\n    (item.description?.toLowerCase().includes(lower) ?? false)\n  );\n}\n\nexport type TriggerNavigationResourceOutput = {\n  /** Filtered categories visible in the list (empty in search mode). */\n  readonly categories: readonly Unstable_TriggerCategory[];\n  /** Filtered items visible in the list. */\n  readonly items: readonly Unstable_TriggerItem[];\n  /** `true` when the current list is search results rather than categories. */\n  readonly isSearchMode: boolean;\n  /** Currently drilled-into category id (or `null` for the top level). */\n  readonly activeCategoryId: string | null;\n  /** Flat list used for keyboard navigation (categories or items). */\n  readonly navigableList: readonly (\n    | Unstable_TriggerCategory\n    | Unstable_TriggerItem\n  )[];\n  /** Drill into a category. */\n  selectCategory(categoryId: string): void;\n  /** Return to the top-level category list. */\n  goBack(): void;\n};\n\n/**\n * Computes categories, items, search results, and navigation state from the\n * adapter + current query. Pure derivation — no side effects on the composer.\n */\nexport const TriggerNavigationResource = resource(\n  function TriggerNavigationResource({\n    adapter,\n    query,\n    open,\n  }: {\n    adapter: Unstable_TriggerAdapter | undefined;\n    query: string;\n    open: boolean;\n  }): TriggerNavigationResourceOutput {\n    const [activeCategoryId, setActiveCategoryId] = useState<string | null>(\n      null,\n    );\n\n    useEffect(() => {\n      if (!open) setActiveCategoryId(null);\n    }, [open]);\n\n    const categories = useMemo<readonly Unstable_TriggerCategory[]>(() => {\n      if (!open || !adapter) return [];\n      return adapter.categories();\n    }, [open, adapter]);\n\n    const effectiveActiveCategoryId = open ? activeCategoryId : null;\n\n    const allItems = useMemo<readonly Unstable_TriggerItem[]>(() => {\n      if (!effectiveActiveCategoryId || !adapter) return [];\n      return adapter.categoryItems(effectiveActiveCategoryId);\n    }, [effectiveActiveCategoryId, adapter]);\n\n    const searchResults = useMemo<\n      readonly Unstable_TriggerItem[] | null\n    >(() => {\n      if (!open || !adapter || effectiveActiveCategoryId) return null;\n      // If categories exist and query is empty, show categories first (not search)\n      if (!query && categories.length > 0) return null;\n      if (adapter.search) return adapter.search(query);\n\n      // fallback: no adapter.search\n      const all: Unstable_TriggerItem[] = [];\n      const lower = query.toLowerCase();\n      for (const cat of categories) {\n        for (const item of adapter.categoryItems(cat.id)) {\n          if (matchesQuery(item, lower)) {\n            all.push(item);\n          }\n        }\n      }\n      return all;\n    }, [open, adapter, query, effectiveActiveCategoryId, categories]);\n\n    const isSearchMode = searchResults !== null;\n\n    const filteredCategories = useMemo(() => {\n      if (isSearchMode) return [];\n      if (!query) return categories;\n      const lower = query.toLowerCase();\n      return categories.filter((cat) =>\n        cat.label.toLowerCase().includes(lower),\n      );\n    }, [categories, query, isSearchMode]);\n\n    const filteredItems = useMemo(() => {\n      if (isSearchMode) return searchResults ?? [];\n      if (!query) return allItems;\n      const lower = query.toLowerCase();\n      return allItems.filter((item) => matchesQuery(item, lower));\n    }, [allItems, query, isSearchMode, searchResults]);\n\n    const navigableList = useMemo(() => {\n      if (isSearchMode) return searchResults ?? [];\n      if (effectiveActiveCategoryId) return filteredItems;\n      return filteredCategories;\n    }, [\n      isSearchMode,\n      searchResults,\n      effectiveActiveCategoryId,\n      filteredItems,\n      filteredCategories,\n    ]);\n\n    const selectCategory = useEffectEvent((categoryId: string) => {\n      setActiveCategoryId(categoryId);\n    });\n\n    const goBack = useEffectEvent(() => {\n      setActiveCategoryId(null);\n    });\n\n    return {\n      categories: filteredCategories,\n      items: filteredItems,\n      isSearchMode,\n      activeCategoryId: effectiveActiveCategoryId,\n      navigableList,\n      selectCategory,\n      goBack,\n    };\n  },\n);\n"],"mappings":";;;AAQA,SAAS,aAAa,MAA4B,OAAwB;CACxE,OACE,KAAK,GAAG,YAAY,CAAC,CAAC,SAAS,KAAK,KACpC,KAAK,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,MACtC,KAAK,aAAa,YAAY,CAAC,CAAC,SAAS,KAAK,KAAK;AAExD;;;;;AA0BA,MAAa,4BAA4B,SACvC,SAAS,0BAA0B,EACjC,SACA,OACA,QAKkC;CAClC,MAAM,CAAC,kBAAkB,uBAAuB,SAC9C,IACF;CAEA,gBAAgB;EACd,IAAI,CAAC,MAAM,oBAAoB,IAAI;CACrC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aAAa,cAAmD;EACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,OAAO,CAAC;EAC/B,OAAO,QAAQ,WAAW;CAC5B,GAAG,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,4BAA4B,OAAO,mBAAmB;CAE5D,MAAM,WAAW,cAA+C;EAC9D,IAAI,CAAC,6BAA6B,CAAC,SAAS,OAAO,CAAC;EACpD,OAAO,QAAQ,cAAc,yBAAyB;CACxD,GAAG,CAAC,2BAA2B,OAAO,CAAC;CAEvC,MAAM,gBAAgB,cAEd;EACN,IAAI,CAAC,QAAQ,CAAC,WAAW,2BAA2B,OAAO;EAE3D,IAAI,CAAC,SAAS,WAAW,SAAS,GAAG,OAAO;EAC5C,IAAI,QAAQ,QAAQ,OAAO,QAAQ,OAAO,KAAK;EAG/C,MAAM,MAA8B,CAAC;EACrC,MAAM,QAAQ,MAAM,YAAY;EAChC,KAAK,MAAM,OAAO,YAChB,KAAK,MAAM,QAAQ,QAAQ,cAAc,IAAI,EAAE,GAC7C,IAAI,aAAa,MAAM,KAAK,GAC1B,IAAI,KAAK,IAAI;EAInB,OAAO;CACT,GAAG;EAAC;EAAM;EAAS;EAAO;EAA2B;CAAU,CAAC;CAEhE,MAAM,eAAe,kBAAkB;CAEvC,MAAM,qBAAqB,cAAc;EACvC,IAAI,cAAc,OAAO,CAAC;EAC1B,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,QAAQ,MAAM,YAAY;EAChC,OAAO,WAAW,QAAQ,QACxB,IAAI,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CACxC;CACF,GAAG;EAAC;EAAY;EAAO;CAAY,CAAC;CAEpC,MAAM,gBAAgB,cAAc;EAClC,IAAI,cAAc,OAAO,iBAAiB,CAAC;EAC3C,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,QAAQ,MAAM,YAAY;EAChC,OAAO,SAAS,QAAQ,SAAS,aAAa,MAAM,KAAK,CAAC;CAC5D,GAAG;EAAC;EAAU;EAAO;EAAc;CAAa,CAAC;CAsBjD,OAAO;EACL,YAAY;EACZ,OAAO;EACP;EACA,kBAAkB;EAClB,eAzBoB,cAAc;GAClC,IAAI,cAAc,OAAO,iBAAiB,CAAC;GAC3C,IAAI,2BAA2B,OAAO;GACtC,OAAO;EACT,GAAG;GACD;GACA;GACA;GACA;GACA;EACF,CAec;EACZ,gBAdqB,gBAAgB,eAAuB;GAC5D,oBAAoB,UAAU;EAChC,CAYe;EACb,QAXa,qBAAqB;GAClC,oBAAoB,IAAI;EAC1B,CASO;CACP;AACF,CACF"}

package/dist/primitives/composer/trigger/triggerSelectionResource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triggerSelectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"mappings":";;;;;;KASY,kBAAA,IAAsB,IAA0B,EAApB,oBAAoB;AAAA,KAEhD,eAAA;EAAA,SAEG,IAAA;EAAA,SACA,SAAA,EAAW,2BAAA;EAAA,SACX,UAAA,IAAc,IAAA,EAAM,oBAAA;AAAA;EAAA,SAGpB,IAAA;EAAA,SACA,SAAA,EAAW,2BAAA;EAAA,SACX,SAAA,GAAY,IAAA,EAAM,oBAAA;EAAA,SAClB,eAAA;AAAA;AAAA,KAGH,8BAAA;EAJqB,qEAM/B,UAAA,CAAW,IAAA,EAAM,oBAAA,SANkC;EAQnD,KAAA,UAda;EAgBb,0BAAA,CAA2B,EAAA,EAAI,kBAAkB;AAAA;;cAItC,wBAAA,GAAwB,KAAA;YASvB,eAAA;WACD,eAAA;OACJ,eAAA;;sBAEe,GAAA,mBA3BG;;;YAuBb,eAAA;WACD,eAAA;OACJ,eAAA;;sBAEe,GAAA,mBArBtB"}
+{"version":3,"file":"triggerSelectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"mappings":";;;;;;KAUY,kBAAA,IAAsB,IAA0B,EAApB,oBAAoB;AAAA,KAEhD,eAAA;EAAA,SAEG,IAAA;EAAA,SACA,SAAA,EAAW,2BAAA;EAAA,SACX,UAAA,IAAc,IAAA,EAAM,oBAAA;AAAA;EAAA,SAGpB,IAAA;EAAA,SACA,SAAA,EAAW,2BAAA;EAAA,SACX,SAAA,GAAY,IAAA,EAAM,oBAAA;EAAA,SAClB,eAAA;AAAA;AAAA,KAGH,8BAAA;EAJqB,qEAM/B,UAAA,CAAW,IAAA,EAAM,oBAAA,SANkC;EAQnD,KAAA,UAda;EAgBb,0BAAA,CAA2B,EAAA,EAAI,kBAAkB;AAAA;;cAItC,wBAAA,GAAwB,KAAA;YASvB,eAAA;WACD,eAAA;OACJ,eAAA;;sBAEe,GAAA,mBA3BG;;;YAuBb,eAAA;WACD,eAAA;OACJ,eAAA;;sBAEe,GAAA,mBArBtB"}

package/dist/primitives/composer/trigger/triggerSelectionResource.js

@@ -1,16 +1,17 @@
-import { resource, tapEffectEvent, tapRef } from "@assistant-ui/tap";
+import { useEffectEvent, useRef } from "@assistant-ui/tap/react-shim";
+import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerSelectionResource.ts
 /** Owns composer text mutation + behavior dispatch on item selection. */
-const TriggerSelectionResource = resource(({ behavior, trigger, aui, triggerChar, setCursorPosition, onSelected }) => {
-	const selectItemOverrideRef = tapRef(null);
-	const registerSelectItemOverride = tapEffectEvent((fn) => {
+const TriggerSelectionResource = resource(function TriggerSelectionResource({ behavior, trigger, aui, triggerChar, setCursorPosition, onSelected }) {
+	const selectItemOverrideRef = useRef(null);
+	const registerSelectItemOverride = useEffectEvent((fn) => {
 		selectItemOverrideRef.current = fn;
 		return () => {
 			if (selectItemOverrideRef.current === fn) selectItemOverrideRef.current = null;
 		};
 	});
 	return {
-		selectItem: tapEffectEvent((item) => {
+		selectItem: useEffectEvent((item) => {
 			if (!trigger || !behavior) return;
 			if (selectItemOverrideRef.current?.(item)) {
 				onSelected();
@@ -33,7 +34,7 @@ const TriggerSelectionResource = resource(({ behavior, trigger, aui, triggerChar
 			}
 			onSelected();
 		}),
-		close: tapEffectEvent(() => {
+		close: useEffectEvent(() => {
 			onSelected();
 			if (trigger) setCursorPosition(trigger.offset);
 		}),

package/dist/primitives/composer/trigger/triggerSelectionResource.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerSelectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"sourcesContent":["import { resource, tapEffectEvent, tapRef } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport type { DetectedTrigger } from \"./triggerDetectionResource\";\n\n/** External override for selection (used by Lexical's DirectivePlugin). */\nexport type SelectItemOverride = (item: Unstable_TriggerItem) => boolean;\n\nexport type TriggerBehavior =\n  | {\n      readonly kind: \"directive\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onInserted?: (item: Unstable_TriggerItem) => void;\n    }\n  | {\n      readonly kind: \"action\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onExecute: (item: Unstable_TriggerItem) => void;\n      readonly removeOnExecute?: boolean;\n    };\n\nexport type TriggerSelectionResourceOutput = {\n  /** Select an item — runs override (if any) then applies behavior. */\n  selectItem(item: Unstable_TriggerItem): void;\n  /** Close the popover (moves cursor before trigger to deactivate detection). */\n  close(): void;\n  /** Register a Lexical-style selection override. Returns unregister fn. */\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Owns composer text mutation + behavior dispatch on item selection. */\nexport const TriggerSelectionResource = resource(\n  ({\n    behavior,\n    trigger,\n    aui,\n    triggerChar,\n    setCursorPosition,\n    onSelected,\n  }: {\n    behavior: TriggerBehavior | undefined;\n    trigger: DetectedTrigger | null;\n    aui: AssistantClient;\n    triggerChar: string;\n    setCursorPosition: (pos: number) => void;\n    /** Called after a successful selection so the parent can reset nav state. */\n    onSelected: () => void;\n  }): TriggerSelectionResourceOutput => {\n    // Select-item override: lets Lexical's DirectivePlugin intercept selection\n    // and drive its own node insertion.\n    const selectItemOverrideRef = tapRef<SelectItemOverride | null>(null);\n\n    const registerSelectItemOverride = tapEffectEvent(\n      (fn: SelectItemOverride) => {\n        selectItemOverrideRef.current = fn;\n        return () => {\n          if (selectItemOverrideRef.current === fn) {\n            selectItemOverrideRef.current = null;\n          }\n        };\n      },\n    );\n\n    const selectItem = tapEffectEvent((item: Unstable_TriggerItem) => {\n      if (!trigger || !behavior) return;\n\n      if (selectItemOverrideRef.current?.(item)) {\n        onSelected();\n        return;\n      }\n\n      const currentText = aui.composer().getState().text;\n      const before = currentText.slice(0, trigger.offset);\n      const after = currentText.slice(\n        trigger.offset + triggerChar.length + trigger.query.length,\n      );\n\n      const insertDirective = () => {\n        const directive = behavior.formatter.serialize(item);\n        aui\n          .composer()\n          .setText(\n            before + directive + (after.startsWith(\" \") ? after : ` ${after}`),\n          );\n      };\n\n      if (behavior.kind === \"directive\") {\n        insertDirective();\n        behavior.onInserted?.(item);\n      } else {\n        if (behavior.removeOnExecute) {\n          aui\n            .composer()\n            .setText(before + (after.startsWith(\" \") ? after.slice(1) : after));\n        } else {\n          // Leave directive chip in the composer as an audit trail\n          insertDirective();\n        }\n        behavior.onExecute(item);\n      }\n\n      onSelected();\n    });\n\n    const close = tapEffectEvent(() => {\n      onSelected();\n      // Move cursor before the trigger so trigger detection deactivates\n      if (trigger) {\n        setCursorPosition(trigger.offset);\n      }\n    });\n\n    return {\n      selectItem,\n      close,\n      registerSelectItemOverride,\n    };\n  },\n);\n"],"mappings":";;;AAkCA,MAAa,2BAA2B,UACrC,EACC,UACA,SACA,KACA,aACA,mBACA,iBASoC;CAGpC,MAAM,wBAAwB,OAAkC,IAAI;CAEpE,MAAM,6BAA6B,gBAChC,OAA2B;EAC1B,sBAAsB,UAAU;EAChC,aAAa;GACX,IAAI,sBAAsB,YAAY,IACpC,sBAAsB,UAAU;EAEpC;CACF,CACF;CAmDA,OAAO;EACL,YAlDiB,gBAAgB,SAA+B;GAChE,IAAI,CAAC,WAAW,CAAC,UAAU;GAE3B,IAAI,sBAAsB,UAAU,IAAI,GAAG;IACzC,WAAW;IACX;GACF;GAEA,MAAM,cAAc,IAAI,SAAS,EAAE,SAAS,EAAE;GAC9C,MAAM,SAAS,YAAY,MAAM,GAAG,QAAQ,MAAM;GAClD,MAAM,QAAQ,YAAY,MACxB,QAAQ,SAAS,YAAY,SAAS,QAAQ,MAAM,MACtD;GAEA,MAAM,wBAAwB;IAC5B,MAAM,YAAY,SAAS,UAAU,UAAU,IAAI;IACnD,IACG,SAAS,EACT,QACC,SAAS,aAAa,MAAM,WAAW,GAAG,IAAI,QAAQ,IAAI,QAC5D;GACJ;GAEA,IAAI,SAAS,SAAS,aAAa;IACjC,gBAAgB;IAChB,SAAS,aAAa,IAAI;GAC5B,OAAO;IACL,IAAI,SAAS,iBACX,IACG,SAAS,EACT,QAAQ,UAAU,MAAM,WAAW,GAAG,IAAI,MAAM,MAAM,CAAC,IAAI,MAAM;SAGpE,gBAAgB;IAElB,SAAS,UAAU,IAAI;GACzB;GAEA,WAAW;EACb,CAWW;EACT,OAVY,qBAAqB;GACjC,WAAW;GAEX,IAAI,SACF,kBAAkB,QAAQ,MAAM;EAEpC,CAIM;EACJ;CACF;AACF,CACF"}
+{"version":3,"file":"triggerSelectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"sourcesContent":["import { useEffectEvent, useRef } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport type { DetectedTrigger } from \"./triggerDetectionResource\";\n\n/** External override for selection (used by Lexical's DirectivePlugin). */\nexport type SelectItemOverride = (item: Unstable_TriggerItem) => boolean;\n\nexport type TriggerBehavior =\n  | {\n      readonly kind: \"directive\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onInserted?: (item: Unstable_TriggerItem) => void;\n    }\n  | {\n      readonly kind: \"action\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onExecute: (item: Unstable_TriggerItem) => void;\n      readonly removeOnExecute?: boolean;\n    };\n\nexport type TriggerSelectionResourceOutput = {\n  /** Select an item — runs override (if any) then applies behavior. */\n  selectItem(item: Unstable_TriggerItem): void;\n  /** Close the popover (moves cursor before trigger to deactivate detection). */\n  close(): void;\n  /** Register a Lexical-style selection override. Returns unregister fn. */\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Owns composer text mutation + behavior dispatch on item selection. */\nexport const TriggerSelectionResource = resource(\n  function TriggerSelectionResource({\n    behavior,\n    trigger,\n    aui,\n    triggerChar,\n    setCursorPosition,\n    onSelected,\n  }: {\n    behavior: TriggerBehavior | undefined;\n    trigger: DetectedTrigger | null;\n    aui: AssistantClient;\n    triggerChar: string;\n    setCursorPosition: (pos: number) => void;\n    /** Called after a successful selection so the parent can reset nav state. */\n    onSelected: () => void;\n  }): TriggerSelectionResourceOutput {\n    // Select-item override: lets Lexical's DirectivePlugin intercept selection\n    // and drive its own node insertion.\n    const selectItemOverrideRef = useRef<SelectItemOverride | null>(null);\n\n    const registerSelectItemOverride = useEffectEvent(\n      (fn: SelectItemOverride) => {\n        selectItemOverrideRef.current = fn;\n        return () => {\n          if (selectItemOverrideRef.current === fn) {\n            selectItemOverrideRef.current = null;\n          }\n        };\n      },\n    );\n\n    const selectItem = useEffectEvent((item: Unstable_TriggerItem) => {\n      if (!trigger || !behavior) return;\n\n      if (selectItemOverrideRef.current?.(item)) {\n        onSelected();\n        return;\n      }\n\n      const currentText = aui.composer().getState().text;\n      const before = currentText.slice(0, trigger.offset);\n      const after = currentText.slice(\n        trigger.offset + triggerChar.length + trigger.query.length,\n      );\n\n      const insertDirective = () => {\n        const directive = behavior.formatter.serialize(item);\n        aui\n          .composer()\n          .setText(\n            before + directive + (after.startsWith(\" \") ? after : ` ${after}`),\n          );\n      };\n\n      if (behavior.kind === \"directive\") {\n        insertDirective();\n        behavior.onInserted?.(item);\n      } else {\n        if (behavior.removeOnExecute) {\n          aui\n            .composer()\n            .setText(before + (after.startsWith(\" \") ? after.slice(1) : after));\n        } else {\n          // Leave directive chip in the composer as an audit trail\n          insertDirective();\n        }\n        behavior.onExecute(item);\n      }\n\n      onSelected();\n    });\n\n    const close = useEffectEvent(() => {\n      onSelected();\n      // Move cursor before the trigger so trigger detection deactivates\n      if (trigger) {\n        setCursorPosition(trigger.offset);\n      }\n    });\n\n    return {\n      selectItem,\n      close,\n      registerSelectItemOverride,\n    };\n  },\n);\n"],"mappings":";;;;AAmCA,MAAa,2BAA2B,SACtC,SAAS,yBAAyB,EAChC,UACA,SACA,KACA,aACA,mBACA,cASiC;CAGjC,MAAM,wBAAwB,OAAkC,IAAI;CAEpE,MAAM,6BAA6B,gBAChC,OAA2B;EAC1B,sBAAsB,UAAU;EAChC,aAAa;GACX,IAAI,sBAAsB,YAAY,IACpC,sBAAsB,UAAU;EAEpC;CACF,CACF;CAmDA,OAAO;EACL,YAlDiB,gBAAgB,SAA+B;GAChE,IAAI,CAAC,WAAW,CAAC,UAAU;GAE3B,IAAI,sBAAsB,UAAU,IAAI,GAAG;IACzC,WAAW;IACX;GACF;GAEA,MAAM,cAAc,IAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;GAC9C,MAAM,SAAS,YAAY,MAAM,GAAG,QAAQ,MAAM;GAClD,MAAM,QAAQ,YAAY,MACxB,QAAQ,SAAS,YAAY,SAAS,QAAQ,MAAM,MACtD;GAEA,MAAM,wBAAwB;IAC5B,MAAM,YAAY,SAAS,UAAU,UAAU,IAAI;IACnD,IACG,SAAS,CAAC,CACV,QACC,SAAS,aAAa,MAAM,WAAW,GAAG,IAAI,QAAQ,IAAI,QAC5D;GACJ;GAEA,IAAI,SAAS,SAAS,aAAa;IACjC,gBAAgB;IAChB,SAAS,aAAa,IAAI;GAC5B,OAAO;IACL,IAAI,SAAS,iBACX,IACG,SAAS,CAAC,CACV,QAAQ,UAAU,MAAM,WAAW,GAAG,IAAI,MAAM,MAAM,CAAC,IAAI,MAAM;SAGpE,gBAAgB;IAElB,SAAS,UAAU,IAAI;GACzB;GAEA,WAAW;EACb,CAWW;EACT,OAVY,qBAAqB;GACjC,WAAW;GAEX,IAAI,SACF,kBAAkB,QAAQ,MAAM;EAEpC,CAIM;EACJ;CACF;AACF,CACF"}

package/dist/primitives/error/ErrorMessage.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useMessageError } from "@assistant-ui/core/react";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/error/ErrorMessage.tsx
 const ErrorPrimitiveMessage = forwardRef(({ children, ...props }, forwardRef) => {

package/dist/primitives/error/ErrorRoot.js

@@ -1,6 +1,6 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/error/ErrorRoot.tsx
 const ErrorPrimitiveRoot = forwardRef((props, forwardRef) => {

package/dist/primitives/message/MessagePartsGrouped.js

@@ -5,7 +5,7 @@ import { MessagePartPrimitiveText } from "../messagePart/MessagePartText.js";
 import { MessagePartPrimitiveImage } from "../messagePart/MessagePartImage.js";
 import { MessagePartPrimitiveInProgress } from "../messagePart/MessagePartInProgress.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { memo, useMemo } from "react";
+import { memo, useMemo } from "@assistant-ui/tap/react-shim";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/message/MessagePartsGrouped.tsx
 /**

package/dist/primitives/message/MessagePartsGrouped.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessagePartsGrouped.js","names":[],"sources":["../../../src/primitives/message/MessagePartsGrouped.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentType,\n  type FC,\n  memo,\n  type PropsWithChildren,\n  useMemo,\n} from \"react\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\nimport { PartByIndexProvider } from \"../../context/providers/PartByIndexProvider\";\nimport { TextMessagePartProvider } from \"../../context/providers/TextMessagePartProvider\";\nimport { MessagePartPrimitiveText } from \"../messagePart/MessagePartText\";\nimport { MessagePartPrimitiveImage } from \"../messagePart/MessagePartImage\";\nimport type {\n  Unstable_AudioMessagePartComponent,\n  DataMessagePartComponent,\n  DataMessagePartProps,\n  EmptyMessagePartComponent,\n  TextMessagePartComponent,\n  ImageMessagePartComponent,\n  SourceMessagePartComponent,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n  FileMessagePartComponent,\n  ReasoningMessagePartComponent,\n} from \"@assistant-ui/core/react\";\nimport { MessagePartPrimitiveInProgress } from \"../messagePart/MessagePartInProgress\";\nimport type { MessagePartStatus } from \"@assistant-ui/core\";\n\ntype MessagePartGroup = {\n  groupKey: string | undefined;\n  indices: number[];\n};\n\nexport type GroupingFunction = (parts: readonly any[]) => MessagePartGroup[];\n\n/**\n * Groups message parts by their parent ID.\n * Parts without a parent ID appear in their chronological position as individual groups.\n * Parts with the same parent ID are grouped together at the position of their first occurrence.\n */\nconst groupMessagePartsByParentId: GroupingFunction = (\n  parts: readonly any[],\n): MessagePartGroup[] => {\n  // Map maintains insertion order, so groups appear in order of first occurrence\n  const groupMap = new Map<string, number[]>();\n\n  // Process each part in order\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n    const parentId = part?.parentId as string | undefined;\n\n    // For parts without parentId, assign a unique group ID to maintain their position\n    const groupId = parentId ?? `__ungrouped_${i}`;\n\n    // Get or create the indices array for this group\n    const indices = groupMap.get(groupId) ?? [];\n    indices.push(i);\n    groupMap.set(groupId, indices);\n  }\n\n  // Convert map to array of groups\n  const groups: MessagePartGroup[] = [];\n  for (const [groupId, indices] of groupMap) {\n    // Extract parentId (undefined for ungrouped parts)\n    const groupKey = groupId.startsWith(\"__ungrouped_\") ? undefined : groupId;\n    groups.push({ groupKey, indices });\n  }\n\n  return groups;\n};\n\nconst useMessagePartsGrouped = (\n  groupingFunction: GroupingFunction,\n): MessagePartGroup[] => {\n  const parts = useAuiState((s) => s.message.parts);\n\n  return useMemo(() => {\n    if (parts.length === 0) {\n      return [];\n    }\n    return groupingFunction(parts);\n  }, [parts, groupingFunction]);\n};\n\nexport namespace MessagePrimitiveUnstable_PartsGrouped {\n  export type Props = {\n    /**\n     * Function that takes an array of message parts and returns an array of groups.\n     * Each group contains a key (for identification) and an array of indices.\n     *\n     * @example\n     * ```tsx\n     * // Group by parent ID (default behavior)\n     * groupingFunction={(parts) => {\n     *   const groups = new Map<string, number[]>();\n     *   parts.forEach((part, i) => {\n     *     const key = part.parentId ?? `__ungrouped_${i}`;\n     *     const indices = groups.get(key) ?? [];\n     *     indices.push(i);\n     *     groups.set(key, indices);\n     *   });\n     *   return Array.from(groups.entries()).map(([key, indices]) => ({\n     *     key: key.startsWith(\"__ungrouped_\") ? undefined : key,\n     *     indices\n     *   }));\n     * }}\n     * ```\n     *\n     * @example\n     * ```tsx\n     * // Group by tool name\n     * import { groupMessagePartsByToolName } from \"@assistant-ui/react\";\n     *\n     * <MessagePrimitive.Unstable_PartsGrouped\n     *   groupingFunction={groupMessagePartsByToolName}\n     *   components={{\n     *     Group: ({ key, indices, children }) => {\n     *       if (!key) return <>{children}</>;\n     *       return (\n     *         <div className=\"tool-group\">\n     *           <h4>Tool: {key}</h4>\n     *           {children}\n     *         </div>\n     *       );\n     *     }\n     *   }}\n     * />\n     * ```\n     */\n    groupingFunction: GroupingFunction;\n\n    /**\n     * Component configuration for rendering different types of message content.\n     *\n     * You can provide custom components for each content type (text, image, file, etc.)\n     * and configure tool rendering behavior. If not provided, default components will be used.\n     */\n    components:\n      | {\n          /** Component for rendering empty messages */\n          Empty?: EmptyMessagePartComponent | undefined;\n          /** Component for rendering text content */\n          Text?: TextMessagePartComponent | undefined;\n          /** Component for rendering reasoning content (typically hidden) */\n          Reasoning?: ReasoningMessagePartComponent | undefined;\n          /** Component for rendering source content */\n          Source?: SourceMessagePartComponent | undefined;\n          /** Component for rendering image content */\n          Image?: ImageMessagePartComponent | undefined;\n          /** Component for rendering file content */\n          File?: FileMessagePartComponent | undefined;\n          /** Component for rendering audio content (experimental) */\n          Unstable_Audio?: Unstable_AudioMessagePartComponent | undefined;\n          /** Configuration for data part rendering */\n          data?:\n            | {\n                /** Map data event names to specific components */\n                by_name?:\n                  | Record<string, DataMessagePartComponent | undefined>\n                  | undefined;\n                /** Fallback component for unmatched data events */\n                Fallback?: DataMessagePartComponent | undefined;\n              }\n            | undefined;\n          /** Configuration for tool call rendering */\n          tools?:\n            | {\n                /** Map of tool names to their specific components */\n                by_name?:\n                  | Record<string, ToolCallMessagePartComponent | undefined>\n                  | undefined;\n                /** Fallback component for unregistered tools */\n                Fallback?: ComponentType<ToolCallMessagePartProps> | undefined;\n              }\n            | {\n                /** Override component that handles all tool calls */\n                Override: ComponentType<ToolCallMessagePartProps>;\n              }\n            | undefined;\n\n          /**\n           * Component for rendering grouped message parts.\n           *\n           * When provided, this component will automatically wrap message parts that share\n           * the same group key as determined by the groupingFunction.\n           *\n           * The component receives:\n           * - `groupKey`: The group key (or undefined for ungrouped parts)\n           * - `indices`: Array of indices for the parts in this group\n           * - `children`: The rendered message part components\n           *\n           * @example\n           * ```tsx\n           * // Collapsible group\n           * Group: ({ groupKey, indices, children }) => {\n           *   if (!groupKey) return <>{children}</>;\n           *   return (\n           *     <details className=\"message-group\">\n           *       <summary>\n           *         Group {groupKey} ({indices.length} parts)\n           *       </summary>\n           *       <div className=\"group-content\">\n           *         {children}\n           *       </div>\n           *     </details>\n           *   );\n           * }\n           * ```\n           *\n           * @param groupKey - The group key (undefined for ungrouped parts)\n           * @param indices - Array of indices for the parts in this group\n           * @param children - Rendered message part components to display within the group\n           */\n          Group?: ComponentType<\n            PropsWithChildren<{\n              groupKey: string | undefined;\n              indices: number[];\n            }>\n          >;\n        }\n      | undefined;\n  };\n}\n\nconst ToolUIDisplay = ({\n  Fallback,\n  ...props\n}: {\n  Fallback: ToolCallMessagePartComponent | undefined;\n} & ToolCallMessagePartProps) => {\n  const Render = useAuiState((s) => {\n    const Render = s.tools.tools[props.toolName] ?? Fallback;\n    if (Array.isArray(Render)) return Render[0] ?? Fallback;\n    return Render;\n  });\n  if (!Render) return null;\n  return <Render {...props} />;\n};\n\nconst DataUIDisplay = ({\n  Fallback,\n  ...props\n}: {\n  Fallback: DataMessagePartComponent | undefined;\n} & DataMessagePartProps) => {\n  const Render = useAuiState((s) => {\n    const Render = s.dataRenderers.renderers[props.name] ?? Fallback;\n    if (Array.isArray(Render)) return Render[0] ?? Fallback;\n    return Render;\n  });\n  if (!Render) return null;\n  return <Render {...props} />;\n};\n\nconst defaultComponents = {\n  Text: () => (\n    <p style={{ whiteSpace: \"pre-line\" }}>\n      <MessagePartPrimitiveText />\n      <MessagePartPrimitiveInProgress>\n        <span style={{ fontFamily: \"revert\" }}>{\" \\u25CF\"}</span>\n      </MessagePartPrimitiveInProgress>\n    </p>\n  ),\n  Reasoning: () => null,\n  Source: () => null,\n  Image: () => <MessagePartPrimitiveImage />,\n  File: () => null,\n  Unstable_Audio: () => null,\n  Group: ({ children }) => children,\n} satisfies MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n\ntype MessagePartComponentProps = {\n  components: MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n};\n\nconst MessagePartComponent: FC<MessagePartComponentProps> = ({\n  components: {\n    Text = defaultComponents.Text,\n    Reasoning = defaultComponents.Reasoning,\n    Image = defaultComponents.Image,\n    Source = defaultComponents.Source,\n    File = defaultComponents.File,\n    Unstable_Audio: Audio = defaultComponents.Unstable_Audio,\n    tools = {},\n    data,\n  } = {},\n}) => {\n  const aui = useAui();\n  const part = useAuiState((s) => s.part);\n\n  const type = part.type;\n  if (type === \"tool-call\") {\n    const addResult = aui.part().addToolResult;\n    const resume = aui.part().resumeToolCall;\n    const respondToApproval = aui.part().respondToToolApproval;\n    if (\"Override\" in tools)\n      return (\n        <tools.Override\n          {...part}\n          addResult={addResult}\n          resume={resume}\n          respondToApproval={respondToApproval}\n        />\n      );\n    const Tool = tools.by_name?.[part.toolName] ?? tools.Fallback;\n    return (\n      <ToolUIDisplay\n        {...part}\n        Fallback={Tool}\n        addResult={addResult}\n        resume={resume}\n        respondToApproval={respondToApproval}\n      />\n    );\n  }\n\n  if (part.status?.type === \"requires-action\")\n    throw new Error(\"Encountered unexpected requires-action status\");\n\n  switch (type) {\n    case \"text\":\n      return <Text {...part} />;\n\n    case \"reasoning\":\n      return <Reasoning {...part} />;\n\n    case \"source\":\n      return <Source {...part} />;\n\n    case \"image\":\n      return <Image {...part} />;\n\n    case \"file\":\n      return <File {...part} />;\n\n    case \"audio\":\n      return <Audio {...part} />;\n\n    case \"data\": {\n      const Data = data?.by_name?.[part.name] ?? data?.Fallback;\n      return <DataUIDisplay {...part} Fallback={Data} />;\n    }\n\n    default:\n      console.warn(`Unknown message part type: ${type}`);\n      return null;\n  }\n};\n\ntype MessagePartProps = {\n  partIndex: number;\n  components: MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n};\n\nconst MessagePartImpl: FC<MessagePartProps> = ({ partIndex, components }) => {\n  return (\n    <PartByIndexProvider index={partIndex}>\n      <MessagePartComponent components={components} />\n    </PartByIndexProvider>\n  );\n};\n\nconst MessagePart = memo(\n  MessagePartImpl,\n  (prev, next) =>\n    prev.partIndex === next.partIndex &&\n    prev.components?.Text === next.components?.Text &&\n    prev.components?.Reasoning === next.components?.Reasoning &&\n    prev.components?.Source === next.components?.Source &&\n    prev.components?.Image === next.components?.Image &&\n    prev.components?.File === next.components?.File &&\n    prev.components?.Unstable_Audio === next.components?.Unstable_Audio &&\n    prev.components?.tools === next.components?.tools &&\n    prev.components?.data === next.components?.data &&\n    prev.components?.Group === next.components?.Group,\n);\n\nconst EmptyPartFallback: FC<{\n  status: MessagePartStatus;\n  component: TextMessagePartComponent;\n}> = ({ status, component: Component }) => {\n  return (\n    <TextMessagePartProvider text=\"\" isRunning={status.type === \"running\"}>\n      <Component type=\"text\" text=\"\" status={status} />\n    </TextMessagePartProvider>\n  );\n};\n\nconst COMPLETE_STATUS: MessagePartStatus = Object.freeze({\n  type: \"complete\",\n});\n\nconst EmptyPartsImpl: FC<MessagePartComponentProps> = ({ components }) => {\n  const status = useAuiState(\n    (s) => (s.message.status ?? COMPLETE_STATUS) as MessagePartStatus,\n  );\n\n  if (components?.Empty) return <components.Empty status={status} />;\n\n  return (\n    <EmptyPartFallback\n      status={status}\n      component={components?.Text ?? defaultComponents.Text}\n    />\n  );\n};\n\nconst EmptyParts = memo(\n  EmptyPartsImpl,\n  (prev, next) =>\n    prev.components?.Empty === next.components?.Empty &&\n    prev.components?.Text === next.components?.Text,\n);\n\n/**\n * Renders the parts of a message grouped by a custom grouping function.\n *\n * This component allows you to group message parts based on any criteria you define.\n * The grouping function receives all message parts and returns an array of groups,\n * where each group has a key and an array of part indices.\n *\n * @deprecated Prefer `<MessagePrimitive.GroupedParts>` for adjacent\n * grouping — it dispatches all rendering through one `switch (part.type)`\n * and supports nested group paths. Keep this primitive only for\n * non-adjacent clustering (e.g., gathering parts with the same parent-id\n * across the message).\n *\n * @example\n * ```tsx\n * // Group by parent ID (default behavior)\n * <MessagePrimitive.Unstable_PartsGrouped\n *   components={{\n *     Text: ({ text }) => <p className=\"message-text\">{text}</p>,\n *     Image: ({ image }) => <img src={image} alt=\"Message image\" />,\n *     Group: ({ groupKey, indices, children }) => {\n *       if (!groupKey) return <>{children}</>;\n *       return (\n *         <div className=\"parent-group border rounded p-4\">\n *           <h4>Parent ID: {groupKey}</h4>\n *           {children}\n *         </div>\n *       );\n *     }\n *   }}\n * />\n * ```\n */\nexport const MessagePrimitiveUnstable_PartsGrouped: FC<\n  MessagePrimitiveUnstable_PartsGrouped.Props\n> = ({ groupingFunction, components }) => {\n  const contentLength = useAuiState((s) => s.message.parts.length);\n  const messageGroups = useMessagePartsGrouped(groupingFunction);\n\n  const partsElements = useMemo(() => {\n    if (contentLength === 0) {\n      return <EmptyParts components={components} />;\n    }\n\n    return messageGroups.map((group, groupIndex) => {\n      const GroupComponent = components?.Group ?? defaultComponents.Group;\n\n      return (\n        <GroupComponent\n          key={`group-${groupIndex}-${group.groupKey ?? \"ungrouped\"}`}\n          groupKey={group.groupKey}\n          indices={group.indices}\n        >\n          {group.indices.map((partIndex) => (\n            <MessagePart\n              key={partIndex}\n              partIndex={partIndex}\n              components={components}\n            />\n          ))}\n        </GroupComponent>\n      );\n    });\n  }, [messageGroups, components, contentLength]);\n\n  return <>{partsElements}</>;\n};\n\nMessagePrimitiveUnstable_PartsGrouped.displayName =\n  \"MessagePrimitive.Unstable_PartsGrouped\";\n\n/**\n * Renders the parts of a message grouped by their parent ID.\n * This is a convenience wrapper around Unstable_PartsGrouped with parent ID grouping.\n *\n * @deprecated Use MessagePrimitive.Unstable_PartsGrouped instead for more flexibility\n */\nexport const MessagePrimitiveUnstable_PartsGroupedByParentId: FC<\n  Omit<MessagePrimitiveUnstable_PartsGrouped.Props, \"groupingFunction\">\n> = ({ components, ...props }) => {\n  return (\n    <MessagePrimitiveUnstable_PartsGrouped\n      {...props}\n      components={components}\n      groupingFunction={groupMessagePartsByParentId}\n    />\n  );\n};\n\nMessagePrimitiveUnstable_PartsGroupedByParentId.displayName =\n  \"MessagePrimitive.Unstable_PartsGroupedByParentId\";\n"],"mappings":"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"}
+{"version":3,"file":"MessagePartsGrouped.js","names":[],"sources":["../../../src/primitives/message/MessagePartsGrouped.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentType,\n  type FC,\n  memo,\n  type PropsWithChildren,\n  useMemo,\n} from \"react\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\nimport { PartByIndexProvider } from \"../../context/providers/PartByIndexProvider\";\nimport { TextMessagePartProvider } from \"../../context/providers/TextMessagePartProvider\";\nimport { MessagePartPrimitiveText } from \"../messagePart/MessagePartText\";\nimport { MessagePartPrimitiveImage } from \"../messagePart/MessagePartImage\";\nimport type {\n  Unstable_AudioMessagePartComponent,\n  DataMessagePartComponent,\n  DataMessagePartProps,\n  EmptyMessagePartComponent,\n  TextMessagePartComponent,\n  ImageMessagePartComponent,\n  SourceMessagePartComponent,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n  FileMessagePartComponent,\n  ReasoningMessagePartComponent,\n} from \"@assistant-ui/core/react\";\nimport { MessagePartPrimitiveInProgress } from \"../messagePart/MessagePartInProgress\";\nimport type { MessagePartStatus } from \"@assistant-ui/core\";\n\ntype MessagePartGroup = {\n  groupKey: string | undefined;\n  indices: number[];\n};\n\nexport type GroupingFunction = (parts: readonly any[]) => MessagePartGroup[];\n\n/**\n * Groups message parts by their parent ID.\n * Parts without a parent ID appear in their chronological position as individual groups.\n * Parts with the same parent ID are grouped together at the position of their first occurrence.\n */\nconst groupMessagePartsByParentId: GroupingFunction = (\n  parts: readonly any[],\n): MessagePartGroup[] => {\n  // Map maintains insertion order, so groups appear in order of first occurrence\n  const groupMap = new Map<string, number[]>();\n\n  // Process each part in order\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n    const parentId = part?.parentId as string | undefined;\n\n    // For parts without parentId, assign a unique group ID to maintain their position\n    const groupId = parentId ?? `__ungrouped_${i}`;\n\n    // Get or create the indices array for this group\n    const indices = groupMap.get(groupId) ?? [];\n    indices.push(i);\n    groupMap.set(groupId, indices);\n  }\n\n  // Convert map to array of groups\n  const groups: MessagePartGroup[] = [];\n  for (const [groupId, indices] of groupMap) {\n    // Extract parentId (undefined for ungrouped parts)\n    const groupKey = groupId.startsWith(\"__ungrouped_\") ? undefined : groupId;\n    groups.push({ groupKey, indices });\n  }\n\n  return groups;\n};\n\nconst useMessagePartsGrouped = (\n  groupingFunction: GroupingFunction,\n): MessagePartGroup[] => {\n  const parts = useAuiState((s) => s.message.parts);\n\n  return useMemo(() => {\n    if (parts.length === 0) {\n      return [];\n    }\n    return groupingFunction(parts);\n  }, [parts, groupingFunction]);\n};\n\nexport namespace MessagePrimitiveUnstable_PartsGrouped {\n  export type Props = {\n    /**\n     * Function that takes an array of message parts and returns an array of groups.\n     * Each group contains a key (for identification) and an array of indices.\n     *\n     * @example\n     * ```tsx\n     * // Group by parent ID (default behavior)\n     * groupingFunction={(parts) => {\n     *   const groups = new Map<string, number[]>();\n     *   parts.forEach((part, i) => {\n     *     const key = part.parentId ?? `__ungrouped_${i}`;\n     *     const indices = groups.get(key) ?? [];\n     *     indices.push(i);\n     *     groups.set(key, indices);\n     *   });\n     *   return Array.from(groups.entries()).map(([key, indices]) => ({\n     *     key: key.startsWith(\"__ungrouped_\") ? undefined : key,\n     *     indices\n     *   }));\n     * }}\n     * ```\n     *\n     * @example\n     * ```tsx\n     * // Group by tool name\n     * import { groupMessagePartsByToolName } from \"@assistant-ui/react\";\n     *\n     * <MessagePrimitive.Unstable_PartsGrouped\n     *   groupingFunction={groupMessagePartsByToolName}\n     *   components={{\n     *     Group: ({ key, indices, children }) => {\n     *       if (!key) return <>{children}</>;\n     *       return (\n     *         <div className=\"tool-group\">\n     *           <h4>Tool: {key}</h4>\n     *           {children}\n     *         </div>\n     *       );\n     *     }\n     *   }}\n     * />\n     * ```\n     */\n    groupingFunction: GroupingFunction;\n\n    /**\n     * Component configuration for rendering different types of message content.\n     *\n     * You can provide custom components for each content type (text, image, file, etc.)\n     * and configure tool rendering behavior. If not provided, default components will be used.\n     */\n    components:\n      | {\n          /** Component for rendering empty messages */\n          Empty?: EmptyMessagePartComponent | undefined;\n          /** Component for rendering text content */\n          Text?: TextMessagePartComponent | undefined;\n          /** Component for rendering reasoning content (typically hidden) */\n          Reasoning?: ReasoningMessagePartComponent | undefined;\n          /** Component for rendering source content */\n          Source?: SourceMessagePartComponent | undefined;\n          /** Component for rendering image content */\n          Image?: ImageMessagePartComponent | undefined;\n          /** Component for rendering file content */\n          File?: FileMessagePartComponent | undefined;\n          /** Component for rendering audio content (experimental) */\n          Unstable_Audio?: Unstable_AudioMessagePartComponent | undefined;\n          /** Configuration for data part rendering */\n          data?:\n            | {\n                /** Map data event names to specific components */\n                by_name?:\n                  | Record<string, DataMessagePartComponent | undefined>\n                  | undefined;\n                /** Fallback component for unmatched data events */\n                Fallback?: DataMessagePartComponent | undefined;\n              }\n            | undefined;\n          /** Configuration for tool call rendering */\n          tools?:\n            | {\n                /** Map of tool names to their specific components */\n                by_name?:\n                  | Record<string, ToolCallMessagePartComponent | undefined>\n                  | undefined;\n                /** Fallback component for unregistered tools */\n                Fallback?: ComponentType<ToolCallMessagePartProps> | undefined;\n              }\n            | {\n                /** Override component that handles all tool calls */\n                Override: ComponentType<ToolCallMessagePartProps>;\n              }\n            | undefined;\n\n          /**\n           * Component for rendering grouped message parts.\n           *\n           * When provided, this component will automatically wrap message parts that share\n           * the same group key as determined by the groupingFunction.\n           *\n           * The component receives:\n           * - `groupKey`: The group key (or undefined for ungrouped parts)\n           * - `indices`: Array of indices for the parts in this group\n           * - `children`: The rendered message part components\n           *\n           * @example\n           * ```tsx\n           * // Collapsible group\n           * Group: ({ groupKey, indices, children }) => {\n           *   if (!groupKey) return <>{children}</>;\n           *   return (\n           *     <details className=\"message-group\">\n           *       <summary>\n           *         Group {groupKey} ({indices.length} parts)\n           *       </summary>\n           *       <div className=\"group-content\">\n           *         {children}\n           *       </div>\n           *     </details>\n           *   );\n           * }\n           * ```\n           *\n           * @param groupKey - The group key (undefined for ungrouped parts)\n           * @param indices - Array of indices for the parts in this group\n           * @param children - Rendered message part components to display within the group\n           */\n          Group?: ComponentType<\n            PropsWithChildren<{\n              groupKey: string | undefined;\n              indices: number[];\n            }>\n          >;\n        }\n      | undefined;\n  };\n}\n\nconst ToolUIDisplay = ({\n  Fallback,\n  ...props\n}: {\n  Fallback: ToolCallMessagePartComponent | undefined;\n} & ToolCallMessagePartProps) => {\n  const Render = useAuiState((s) => {\n    const Render = s.tools.tools[props.toolName] ?? Fallback;\n    if (Array.isArray(Render)) return Render[0] ?? Fallback;\n    return Render;\n  });\n  if (!Render) return null;\n  return <Render {...props} />;\n};\n\nconst DataUIDisplay = ({\n  Fallback,\n  ...props\n}: {\n  Fallback: DataMessagePartComponent | undefined;\n} & DataMessagePartProps) => {\n  const Render = useAuiState((s) => {\n    const Render = s.dataRenderers.renderers[props.name] ?? Fallback;\n    if (Array.isArray(Render)) return Render[0] ?? Fallback;\n    return Render;\n  });\n  if (!Render) return null;\n  return <Render {...props} />;\n};\n\nconst defaultComponents = {\n  Text: () => (\n    <p style={{ whiteSpace: \"pre-line\" }}>\n      <MessagePartPrimitiveText />\n      <MessagePartPrimitiveInProgress>\n        <span style={{ fontFamily: \"revert\" }}>{\" \\u25CF\"}</span>\n      </MessagePartPrimitiveInProgress>\n    </p>\n  ),\n  Reasoning: () => null,\n  Source: () => null,\n  Image: () => <MessagePartPrimitiveImage />,\n  File: () => null,\n  Unstable_Audio: () => null,\n  Group: ({ children }) => children,\n} satisfies MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n\ntype MessagePartComponentProps = {\n  components: MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n};\n\nconst MessagePartComponent: FC<MessagePartComponentProps> = ({\n  components: {\n    Text = defaultComponents.Text,\n    Reasoning = defaultComponents.Reasoning,\n    Image = defaultComponents.Image,\n    Source = defaultComponents.Source,\n    File = defaultComponents.File,\n    Unstable_Audio: Audio = defaultComponents.Unstable_Audio,\n    tools = {},\n    data,\n  } = {},\n}) => {\n  const aui = useAui();\n  const part = useAuiState((s) => s.part);\n\n  const type = part.type;\n  if (type === \"tool-call\") {\n    const addResult = aui.part().addToolResult;\n    const resume = aui.part().resumeToolCall;\n    const respondToApproval = aui.part().respondToToolApproval;\n    if (\"Override\" in tools)\n      return (\n        <tools.Override\n          {...part}\n          addResult={addResult}\n          resume={resume}\n          respondToApproval={respondToApproval}\n        />\n      );\n    const Tool = tools.by_name?.[part.toolName] ?? tools.Fallback;\n    return (\n      <ToolUIDisplay\n        {...part}\n        Fallback={Tool}\n        addResult={addResult}\n        resume={resume}\n        respondToApproval={respondToApproval}\n      />\n    );\n  }\n\n  if (part.status?.type === \"requires-action\")\n    throw new Error(\"Encountered unexpected requires-action status\");\n\n  switch (type) {\n    case \"text\":\n      return <Text {...part} />;\n\n    case \"reasoning\":\n      return <Reasoning {...part} />;\n\n    case \"source\":\n      return <Source {...part} />;\n\n    case \"image\":\n      return <Image {...part} />;\n\n    case \"file\":\n      return <File {...part} />;\n\n    case \"audio\":\n      return <Audio {...part} />;\n\n    case \"data\": {\n      const Data = data?.by_name?.[part.name] ?? data?.Fallback;\n      return <DataUIDisplay {...part} Fallback={Data} />;\n    }\n\n    default:\n      console.warn(`Unknown message part type: ${type}`);\n      return null;\n  }\n};\n\ntype MessagePartProps = {\n  partIndex: number;\n  components: MessagePrimitiveUnstable_PartsGrouped.Props[\"components\"];\n};\n\nconst MessagePartImpl: FC<MessagePartProps> = ({ partIndex, components }) => {\n  return (\n    <PartByIndexProvider index={partIndex}>\n      <MessagePartComponent components={components} />\n    </PartByIndexProvider>\n  );\n};\n\nconst MessagePart = memo(\n  MessagePartImpl,\n  (prev, next) =>\n    prev.partIndex === next.partIndex &&\n    prev.components?.Text === next.components?.Text &&\n    prev.components?.Reasoning === next.components?.Reasoning &&\n    prev.components?.Source === next.components?.Source &&\n    prev.components?.Image === next.components?.Image &&\n    prev.components?.File === next.components?.File &&\n    prev.components?.Unstable_Audio === next.components?.Unstable_Audio &&\n    prev.components?.tools === next.components?.tools &&\n    prev.components?.data === next.components?.data &&\n    prev.components?.Group === next.components?.Group,\n);\n\nconst EmptyPartFallback: FC<{\n  status: MessagePartStatus;\n  component: TextMessagePartComponent;\n}> = ({ status, component: Component }) => {\n  return (\n    <TextMessagePartProvider text=\"\" isRunning={status.type === \"running\"}>\n      <Component type=\"text\" text=\"\" status={status} />\n    </TextMessagePartProvider>\n  );\n};\n\nconst COMPLETE_STATUS: MessagePartStatus = Object.freeze({\n  type: \"complete\",\n});\n\nconst EmptyPartsImpl: FC<MessagePartComponentProps> = ({ components }) => {\n  const status = useAuiState(\n    (s) => (s.message.status ?? COMPLETE_STATUS) as MessagePartStatus,\n  );\n\n  if (components?.Empty) return <components.Empty status={status} />;\n\n  return (\n    <EmptyPartFallback\n      status={status}\n      component={components?.Text ?? defaultComponents.Text}\n    />\n  );\n};\n\nconst EmptyParts = memo(\n  EmptyPartsImpl,\n  (prev, next) =>\n    prev.components?.Empty === next.components?.Empty &&\n    prev.components?.Text === next.components?.Text,\n);\n\n/**\n * Renders the parts of a message grouped by a custom grouping function.\n *\n * This component allows you to group message parts based on any criteria you define.\n * The grouping function receives all message parts and returns an array of groups,\n * where each group has a key and an array of part indices.\n *\n * @deprecated Prefer `<MessagePrimitive.GroupedParts>` for adjacent\n * grouping — it dispatches all rendering through one `switch (part.type)`\n * and supports nested group paths. Keep this primitive only for\n * non-adjacent clustering (e.g., gathering parts with the same parent-id\n * across the message).\n *\n * @example\n * ```tsx\n * // Group by parent ID (default behavior)\n * <MessagePrimitive.Unstable_PartsGrouped\n *   components={{\n *     Text: ({ text }) => <p className=\"message-text\">{text}</p>,\n *     Image: ({ image }) => <img src={image} alt=\"Message image\" />,\n *     Group: ({ groupKey, indices, children }) => {\n *       if (!groupKey) return <>{children}</>;\n *       return (\n *         <div className=\"parent-group border rounded p-4\">\n *           <h4>Parent ID: {groupKey}</h4>\n *           {children}\n *         </div>\n *       );\n *     }\n *   }}\n * />\n * ```\n */\nexport const MessagePrimitiveUnstable_PartsGrouped: FC<\n  MessagePrimitiveUnstable_PartsGrouped.Props\n> = ({ groupingFunction, components }) => {\n  const contentLength = useAuiState((s) => s.message.parts.length);\n  const messageGroups = useMessagePartsGrouped(groupingFunction);\n\n  const partsElements = useMemo(() => {\n    if (contentLength === 0) {\n      return <EmptyParts components={components} />;\n    }\n\n    return messageGroups.map((group, groupIndex) => {\n      const GroupComponent = components?.Group ?? defaultComponents.Group;\n\n      return (\n        <GroupComponent\n          key={`group-${groupIndex}-${group.groupKey ?? \"ungrouped\"}`}\n          groupKey={group.groupKey}\n          indices={group.indices}\n        >\n          {group.indices.map((partIndex) => (\n            <MessagePart\n              key={partIndex}\n              partIndex={partIndex}\n              components={components}\n            />\n          ))}\n        </GroupComponent>\n      );\n    });\n  }, [messageGroups, components, contentLength]);\n\n  return <>{partsElements}</>;\n};\n\nMessagePrimitiveUnstable_PartsGrouped.displayName =\n  \"MessagePrimitive.Unstable_PartsGrouped\";\n\n/**\n * Renders the parts of a message grouped by their parent ID.\n * This is a convenience wrapper around Unstable_PartsGrouped with parent ID grouping.\n *\n * @deprecated Use MessagePrimitive.Unstable_PartsGrouped instead for more flexibility\n */\nexport const MessagePrimitiveUnstable_PartsGroupedByParentId: FC<\n  Omit<MessagePrimitiveUnstable_PartsGrouped.Props, \"groupingFunction\">\n> = ({ components, ...props }) => {\n  return (\n    <MessagePrimitiveUnstable_PartsGrouped\n      {...props}\n      components={components}\n      groupingFunction={groupMessagePartsByParentId}\n    />\n  );\n};\n\nMessagePrimitiveUnstable_PartsGroupedByParentId.displayName =\n  \"MessagePrimitive.Unstable_PartsGroupedByParentId\";\n"],"mappings":"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"}

package/dist/primitives/message/MessageRoot.js

@@ -4,7 +4,7 @@ import { Primitive } from "../../utils/Primitive.js";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
 import { parseCssLength } from "../thread/topAnchor/topAnchorUtils.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 //#region src/primitives/message/MessageRoot.tsx

package/dist/primitives/message/MessageRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageRoot.js","names":[],"sources":["../../../src/primitives/message/MessageRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ForwardedRef,\n  useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\nimport { parseCssLength } from \"../thread/topAnchor/topAnchorUtils\";\n\ntype ThreadViewportStore = NonNullable<\n  ReturnType<typeof useThreadViewportStore>\n>;\n\nconst useIsHoveringRef = () => {\n  const aui = useAui();\n  const message = useAuiState(() => aui.message());\n\n  const callbackRef = useCallback(\n    (el: HTMLElement) => {\n      const handleMouseEnter = () => {\n        message.setIsHovering(true);\n      };\n      const handleMouseLeave = () => {\n        message.setIsHovering(false);\n      };\n\n      el.addEventListener(\"mouseenter\", handleMouseEnter);\n      el.addEventListener(\"mouseleave\", handleMouseLeave);\n\n      if (el.matches(\":hover\")) {\n        // TODO this is needed for SSR to work, figure out why\n        queueMicrotask(() => message.setIsHovering(true));\n      }\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", handleMouseEnter);\n        el.removeEventListener(\"mouseleave\", handleMouseLeave);\n        message.setIsHovering(false);\n      };\n    },\n    [message],\n  );\n\n  return useManagedRef(callbackRef);\n};\n\nconst useIsTopAnchorUser = () => {\n  const activeAnchorId = useThreadViewport((s) => s.topAnchorTurn?.anchorId);\n  return useAuiState(\n    (s) =>\n      s.message.role === \"user\" &&\n      s.message.index > 0 &&\n      s.message.index === s.thread.messages.length - 2 &&\n      s.thread.messages.at(-1)?.role === \"assistant\" &&\n      (s.message.id === activeAnchorId || s.thread.isRunning),\n  );\n};\n\nconst useIsTopAnchorTarget = () => {\n  const activeTargetId = useThreadViewport((s) => s.topAnchorTurn?.targetId);\n  return useAuiState(\n    (s) =>\n      s.message.isLast &&\n      s.message.role === \"assistant\" &&\n      s.message.index >= 1 &&\n      s.thread.messages.at(s.message.index - 1)?.role === \"user\" &&\n      (s.message.id === activeTargetId || s.thread.isRunning),\n  );\n};\n\nconst useTopAnchorUserRef = (\n  active: boolean,\n  threadViewportStore: ThreadViewportStore,\n) => {\n  const callback = useCallback(\n    (el: HTMLElement) => {\n      if (!active) return;\n      return threadViewportStore.getState().registerAnchorElement(el);\n    },\n    [active, threadViewportStore],\n  );\n\n  return useManagedRef<HTMLElement>(callback);\n};\n\nconst useTopAnchorTargetRef = ({\n  active,\n  threadViewportStore,\n}: {\n  active: boolean;\n  threadViewportStore: ThreadViewportStore;\n}) => {\n  const targetRefCallback = useCallback(\n    (el: HTMLElement) => {\n      if (!active) return;\n      const state = threadViewportStore.getState();\n      const clamp = state.topAnchorMessageClamp;\n\n      return state.registerAnchorTargetElement(el, {\n        tallerThan: parseCssLength(clamp.tallerThan, el),\n        visibleHeight: parseCssLength(clamp.visibleHeight, el),\n      });\n    },\n    [active, threadViewportStore],\n  );\n\n  return useManagedRef<HTMLElement>(targetRefCallback);\n};\n\nexport namespace MessagePrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\ntype MessagePrimitiveRootInternalProps = MessagePrimitiveRoot.Props & {\n  forwardedRef: ForwardedRef<MessagePrimitiveRoot.Element>;\n};\n\nconst MessagePrimitiveRootDefault = ({\n  forwardedRef,\n  ...props\n}: MessagePrimitiveRootInternalProps) => {\n  const isHoveringRef = useIsHoveringRef();\n  const ref = useComposedRefs<HTMLDivElement>(forwardedRef, isHoveringRef);\n  const messageId = useAuiState((s) => s.message.id);\n\n  return <Primitive.div {...props} ref={ref} data-message-id={messageId} />;\n};\n\nconst MessagePrimitiveRootTopAnchor = ({\n  forwardedRef,\n  threadViewportStore,\n  ...props\n}: MessagePrimitiveRootInternalProps & {\n  threadViewportStore: ThreadViewportStore;\n}) => {\n  const isHoveringRef = useIsHoveringRef();\n  const isTopAnchorUser = useIsTopAnchorUser();\n  const isTopAnchorTarget = useIsTopAnchorTarget();\n  const topAnchorUserRef = useTopAnchorUserRef(\n    isTopAnchorUser,\n    threadViewportStore,\n  );\n  const topAnchorTargetRef = useTopAnchorTargetRef({\n    active: isTopAnchorTarget,\n    threadViewportStore,\n  });\n  const ref = useComposedRefs<HTMLDivElement>(\n    forwardedRef,\n    isHoveringRef,\n    topAnchorUserRef,\n    topAnchorTargetRef,\n  );\n  const messageId = useAuiState((s) => s.message.id);\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      data-message-id={messageId}\n      data-aui-top-anchor-user={isTopAnchorUser ? \"\" : undefined}\n      data-aui-top-anchor-target={isTopAnchorTarget ? \"\" : undefined}\n    />\n  );\n};\n\n/**\n * The root container component for a message.\n *\n * This component provides the foundational wrapper for message content and handles\n * hover state management for the message. It automatically tracks when the user\n * is hovering over the message, which can be used by child components like action bars.\n *\n * When `turnAnchor=\"top\"` is set on the viewport, this component automatically\n * registers itself as the top-anchor user message (when it's the previous user\n * message) or as the top-anchor target (when it's the streaming assistant\n * response). No additional component is required.\n *\n * @example\n * ```tsx\n * <MessagePrimitive.Root>\n *   <MessagePrimitive.Content />\n *   <ActionBarPrimitive.Root>\n *     <ActionBarPrimitive.Copy />\n *     <ActionBarPrimitive.Edit />\n *   </ActionBarPrimitive.Root>\n * </MessagePrimitive.Root>\n * ```\n */\nexport const MessagePrimitiveRoot = forwardRef<\n  MessagePrimitiveRoot.Element,\n  MessagePrimitiveRoot.Props\n>((props, forwardedRef) => {\n  const threadViewportStore = useThreadViewportStore();\n  // turnAnchor is initial-only viewport config (see ThreadViewportProvider).\n  const turnAnchor = threadViewportStore.getState().turnAnchor;\n\n  if (turnAnchor === \"top\") {\n    return (\n      <MessagePrimitiveRootTopAnchor\n        {...props}\n        forwardedRef={forwardedRef}\n        threadViewportStore={threadViewportStore}\n      />\n    );\n  }\n  return <MessagePrimitiveRootDefault {...props} forwardedRef={forwardedRef} />;\n});\n\nMessagePrimitiveRoot.displayName = \"MessagePrimitive.Root\";\n"],"mappings":"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"}
+{"version":3,"file":"MessageRoot.js","names":[],"sources":["../../../src/primitives/message/MessageRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ForwardedRef,\n  useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\nimport { parseCssLength } from \"../thread/topAnchor/topAnchorUtils\";\n\ntype ThreadViewportStore = NonNullable<\n  ReturnType<typeof useThreadViewportStore>\n>;\n\nconst useIsHoveringRef = () => {\n  const aui = useAui();\n  const message = useAuiState(() => aui.message());\n\n  const callbackRef = useCallback(\n    (el: HTMLElement) => {\n      const handleMouseEnter = () => {\n        message.setIsHovering(true);\n      };\n      const handleMouseLeave = () => {\n        message.setIsHovering(false);\n      };\n\n      el.addEventListener(\"mouseenter\", handleMouseEnter);\n      el.addEventListener(\"mouseleave\", handleMouseLeave);\n\n      if (el.matches(\":hover\")) {\n        // TODO this is needed for SSR to work, figure out why\n        queueMicrotask(() => message.setIsHovering(true));\n      }\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", handleMouseEnter);\n        el.removeEventListener(\"mouseleave\", handleMouseLeave);\n        message.setIsHovering(false);\n      };\n    },\n    [message],\n  );\n\n  return useManagedRef(callbackRef);\n};\n\nconst useIsTopAnchorUser = () => {\n  const activeAnchorId = useThreadViewport((s) => s.topAnchorTurn?.anchorId);\n  return useAuiState(\n    (s) =>\n      s.message.role === \"user\" &&\n      s.message.index > 0 &&\n      s.message.index === s.thread.messages.length - 2 &&\n      s.thread.messages.at(-1)?.role === \"assistant\" &&\n      (s.message.id === activeAnchorId || s.thread.isRunning),\n  );\n};\n\nconst useIsTopAnchorTarget = () => {\n  const activeTargetId = useThreadViewport((s) => s.topAnchorTurn?.targetId);\n  return useAuiState(\n    (s) =>\n      s.message.isLast &&\n      s.message.role === \"assistant\" &&\n      s.message.index >= 1 &&\n      s.thread.messages.at(s.message.index - 1)?.role === \"user\" &&\n      (s.message.id === activeTargetId || s.thread.isRunning),\n  );\n};\n\nconst useTopAnchorUserRef = (\n  active: boolean,\n  threadViewportStore: ThreadViewportStore,\n) => {\n  const callback = useCallback(\n    (el: HTMLElement) => {\n      if (!active) return;\n      return threadViewportStore.getState().registerAnchorElement(el);\n    },\n    [active, threadViewportStore],\n  );\n\n  return useManagedRef<HTMLElement>(callback);\n};\n\nconst useTopAnchorTargetRef = ({\n  active,\n  threadViewportStore,\n}: {\n  active: boolean;\n  threadViewportStore: ThreadViewportStore;\n}) => {\n  const targetRefCallback = useCallback(\n    (el: HTMLElement) => {\n      if (!active) return;\n      const state = threadViewportStore.getState();\n      const clamp = state.topAnchorMessageClamp;\n\n      return state.registerAnchorTargetElement(el, {\n        tallerThan: parseCssLength(clamp.tallerThan, el),\n        visibleHeight: parseCssLength(clamp.visibleHeight, el),\n      });\n    },\n    [active, threadViewportStore],\n  );\n\n  return useManagedRef<HTMLElement>(targetRefCallback);\n};\n\nexport namespace MessagePrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\ntype MessagePrimitiveRootInternalProps = MessagePrimitiveRoot.Props & {\n  forwardedRef: ForwardedRef<MessagePrimitiveRoot.Element>;\n};\n\nconst MessagePrimitiveRootDefault = ({\n  forwardedRef,\n  ...props\n}: MessagePrimitiveRootInternalProps) => {\n  const isHoveringRef = useIsHoveringRef();\n  const ref = useComposedRefs<HTMLDivElement>(forwardedRef, isHoveringRef);\n  const messageId = useAuiState((s) => s.message.id);\n\n  return <Primitive.div {...props} ref={ref} data-message-id={messageId} />;\n};\n\nconst MessagePrimitiveRootTopAnchor = ({\n  forwardedRef,\n  threadViewportStore,\n  ...props\n}: MessagePrimitiveRootInternalProps & {\n  threadViewportStore: ThreadViewportStore;\n}) => {\n  const isHoveringRef = useIsHoveringRef();\n  const isTopAnchorUser = useIsTopAnchorUser();\n  const isTopAnchorTarget = useIsTopAnchorTarget();\n  const topAnchorUserRef = useTopAnchorUserRef(\n    isTopAnchorUser,\n    threadViewportStore,\n  );\n  const topAnchorTargetRef = useTopAnchorTargetRef({\n    active: isTopAnchorTarget,\n    threadViewportStore,\n  });\n  const ref = useComposedRefs<HTMLDivElement>(\n    forwardedRef,\n    isHoveringRef,\n    topAnchorUserRef,\n    topAnchorTargetRef,\n  );\n  const messageId = useAuiState((s) => s.message.id);\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      data-message-id={messageId}\n      data-aui-top-anchor-user={isTopAnchorUser ? \"\" : undefined}\n      data-aui-top-anchor-target={isTopAnchorTarget ? \"\" : undefined}\n    />\n  );\n};\n\n/**\n * The root container component for a message.\n *\n * This component provides the foundational wrapper for message content and handles\n * hover state management for the message. It automatically tracks when the user\n * is hovering over the message, which can be used by child components like action bars.\n *\n * When `turnAnchor=\"top\"` is set on the viewport, this component automatically\n * registers itself as the top-anchor user message (when it's the previous user\n * message) or as the top-anchor target (when it's the streaming assistant\n * response). No additional component is required.\n *\n * @example\n * ```tsx\n * <MessagePrimitive.Root>\n *   <MessagePrimitive.Content />\n *   <ActionBarPrimitive.Root>\n *     <ActionBarPrimitive.Copy />\n *     <ActionBarPrimitive.Edit />\n *   </ActionBarPrimitive.Root>\n * </MessagePrimitive.Root>\n * ```\n */\nexport const MessagePrimitiveRoot = forwardRef<\n  MessagePrimitiveRoot.Element,\n  MessagePrimitiveRoot.Props\n>((props, forwardedRef) => {\n  const threadViewportStore = useThreadViewportStore();\n  // turnAnchor is initial-only viewport config (see ThreadViewportProvider).\n  const turnAnchor = threadViewportStore.getState().turnAnchor;\n\n  if (turnAnchor === \"top\") {\n    return (\n      <MessagePrimitiveRootTopAnchor\n        {...props}\n        forwardedRef={forwardedRef}\n        threadViewportStore={threadViewportStore}\n      />\n    );\n  }\n  return <MessagePrimitiveRootDefault {...props} forwardedRef={forwardedRef} />;\n});\n\nMessagePrimitiveRoot.displayName = \"MessagePrimitive.Root\";\n"],"mappings":";;;;;;;;;;AAuBA,MAAM,yBAAyB;CAC7B,MAAM,MAAM,OAAO;CACnB,MAAM,UAAU,kBAAkB,IAAI,QAAQ,CAAC;CA4B/C,OAAO,cA1Ba,aACjB,OAAoB;EACnB,MAAM,yBAAyB;GAC7B,QAAQ,cAAc,IAAI;EAC5B;EACA,MAAM,yBAAyB;GAC7B,QAAQ,cAAc,KAAK;EAC7B;EAEA,GAAG,iBAAiB,cAAc,gBAAgB;EAClD,GAAG,iBAAiB,cAAc,gBAAgB;EAElD,IAAI,GAAG,QAAQ,QAAQ,GAErB,qBAAqB,QAAQ,cAAc,IAAI,CAAC;EAGlD,aAAa;GACX,GAAG,oBAAoB,cAAc,gBAAgB;GACrD,GAAG,oBAAoB,cAAc,gBAAgB;GACrD,QAAQ,cAAc,KAAK;EAC7B;CACF,GACA,CAAC,OAAO,CAGqB,CAAC;AAClC;AAEA,MAAM,2BAA2B;CAC/B,MAAM,iBAAiB,mBAAmB,MAAM,EAAE,eAAe,QAAQ;CACzE,OAAO,aACJ,MACC,EAAE,QAAQ,SAAS,UACnB,EAAE,QAAQ,QAAQ,KAClB,EAAE,QAAQ,UAAU,EAAE,OAAO,SAAS,SAAS,KAC/C,EAAE,OAAO,SAAS,GAAG,EAAE,CAAC,EAAE,SAAS,gBAClC,EAAE,QAAQ,OAAO,kBAAkB,EAAE,OAAO,UACjD;AACF;AAEA,MAAM,6BAA6B;CACjC,MAAM,iBAAiB,mBAAmB,MAAM,EAAE,eAAe,QAAQ;CACzE,OAAO,aACJ,MACC,EAAE,QAAQ,UACV,EAAE,QAAQ,SAAS,eACnB,EAAE,QAAQ,SAAS,KACnB,EAAE,OAAO,SAAS,GAAG,EAAE,QAAQ,QAAQ,CAAC,CAAC,EAAE,SAAS,WACnD,EAAE,QAAQ,OAAO,kBAAkB,EAAE,OAAO,UACjD;AACF;AAEA,MAAM,uBACJ,QACA,wBACG;CASH,OAAO,cARU,aACd,OAAoB;EACnB,IAAI,CAAC,QAAQ;EACb,OAAO,oBAAoB,SAAS,CAAC,CAAC,sBAAsB,EAAE;CAChE,GACA,CAAC,QAAQ,mBAAmB,CAGW,CAAC;AAC5C;AAEA,MAAM,yBAAyB,EAC7B,QACA,0BAII;CAeJ,OAAO,cAdmB,aACvB,OAAoB;EACnB,IAAI,CAAC,QAAQ;EACb,MAAM,QAAQ,oBAAoB,SAAS;EAC3C,MAAM,QAAQ,MAAM;EAEpB,OAAO,MAAM,4BAA4B,IAAI;GAC3C,YAAY,eAAe,MAAM,YAAY,EAAE;GAC/C,eAAe,eAAe,MAAM,eAAe,EAAE;EACvD,CAAC;CACH,GACA,CAAC,QAAQ,mBAAmB,CAGoB,CAAC;AACrD;AAWA,MAAM,+BAA+B,EACnC,cACA,GAAG,YACoC;CAEvC,MAAM,MAAM,gBAAgC,cADtB,iBACgD,CAAC;CACvE,MAAM,YAAY,aAAa,MAAM,EAAE,QAAQ,EAAE;CAEjD,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAY;EAAK,mBAAiB;CAAY,CAAA;AAC1E;AAEA,MAAM,iCAAiC,EACrC,cACA,qBACA,GAAG,YAGC;CACJ,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,oBAAoB,qBAAqB;CAS/C,MAAM,MAAM,gBACV,cACA,eAVuB,oBACvB,iBACA,mBASe,GAPU,sBAAsB;EAC/C,QAAQ;EACR;CACF,CAKmB,CACnB;CACA,MAAM,YAAY,aAAa,MAAM,EAAE,QAAQ,EAAE;CAEjD,OACE,oBAAC,UAAU,KAAX;EACE,GAAI;EACC;EACL,mBAAiB;EACjB,4BAA0B,kBAAkB,KAAK,KAAA;EACjD,8BAA4B,oBAAoB,KAAK,KAAA;CACtD,CAAA;AAEL;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,uBAAuB,YAGjC,OAAO,iBAAiB;CACzB,MAAM,sBAAsB,uBAAuB;CAInD,IAFmB,oBAAoB,SAAS,CAAC,CAAC,eAE/B,OACjB,OACE,oBAAC,+BAAD;EACE,GAAI;EACU;EACO;CACtB,CAAA;CAGL,OAAO,oBAAC,6BAAD;EAA6B,GAAI;EAAqB;CAAe,CAAA;AAC9E,CAAC;AAED,qBAAqB,cAAc"}

package/dist/primitives/messagePart/MessagePartImage.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useMessagePartImage } from "./useMessagePartImage.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/messagePart/MessagePartImage.tsx
 /**

package/dist/primitives/messagePart/MessagePartText.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMessagePartText } from "./useMessagePartText.js";
 import { useSmooth } from "../../utils/smooth/useSmooth.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/messagePart/MessagePartText.tsx
 /**

package/dist/primitives/queueItem/QueueItemRemove.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useAui } from "@assistant-ui/store";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/queueItem/QueueItemRemove.ts
 const useQueueItemRemove = () => {
 	const aui = useAui();

package/dist/primitives/queueItem/QueueItemRemove.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueueItemRemove.js","names":[],"sources":["../../../src/primitives/queueItem/QueueItemRemove.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useCallback } from \"react\";\n\nconst useQueueItemRemove = () => {\n  const aui = useAui();\n\n  const callback = useCallback(() => {\n    aui.queueItem().remove();\n  }, [aui]);\n\n  return callback;\n};\n\nexport namespace QueueItemPrimitiveRemove {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useQueueItemRemove>;\n}\n\n/**\n * A button that removes this item from the queue.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Remove>×</QueueItemPrimitive.Remove>\n * ```\n */\nexport const QueueItemPrimitiveRemove = createActionButton(\n  \"QueueItemPrimitive.Remove\",\n  useQueueItemRemove,\n);\n"],"mappings":";;;;;AAUA,MAAM,2BAA2B;CAC/B,MAAM,MAAM,OAAO;CAMnB,OAJiB,kBAAkB;EACjC,IAAI,UAAU,EAAE,OAAO;CACzB,GAAG,CAAC,GAAG,CAEO;AAChB;;;;;;;;;AAeA,MAAa,2BAA2B,mBACtC,6BACA,kBACF"}
+{"version":3,"file":"QueueItemRemove.js","names":[],"sources":["../../../src/primitives/queueItem/QueueItemRemove.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useCallback } from \"react\";\n\nconst useQueueItemRemove = () => {\n  const aui = useAui();\n\n  const callback = useCallback(() => {\n    aui.queueItem().remove();\n  }, [aui]);\n\n  return callback;\n};\n\nexport namespace QueueItemPrimitiveRemove {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useQueueItemRemove>;\n}\n\n/**\n * A button that removes this item from the queue.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Remove>×</QueueItemPrimitive.Remove>\n * ```\n */\nexport const QueueItemPrimitiveRemove = createActionButton(\n  \"QueueItemPrimitive.Remove\",\n  useQueueItemRemove,\n);\n"],"mappings":";;;;;AAUA,MAAM,2BAA2B;CAC/B,MAAM,MAAM,OAAO;CAMnB,OAJiB,kBAAkB;EACjC,IAAI,UAAU,CAAC,CAAC,OAAO;CACzB,GAAG,CAAC,GAAG,CAEO;AAChB;;;;;;;;;AAeA,MAAa,2BAA2B,mBACtC,6BACA,kBACF"}

package/dist/primitives/queueItem/QueueItemSteer.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useAui } from "@assistant-ui/store";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/queueItem/QueueItemSteer.ts
 const useQueueItemSteer = () => {
 	const aui = useAui();

package/dist/primitives/queueItem/QueueItemSteer.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueueItemSteer.js","names":[],"sources":["../../../src/primitives/queueItem/QueueItemSteer.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useCallback } from \"react\";\n\nconst useQueueItemSteer = () => {\n  const aui = useAui();\n\n  const callback = useCallback(() => {\n    aui.queueItem().steer();\n  }, [aui]);\n\n  return callback;\n};\n\nexport namespace QueueItemPrimitiveSteer {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useQueueItemSteer>;\n}\n\n/**\n * A button that steers the current run to process this queue item immediately.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Steer>Run Now</QueueItemPrimitive.Steer>\n * ```\n */\nexport const QueueItemPrimitiveSteer = createActionButton(\n  \"QueueItemPrimitive.Steer\",\n  useQueueItemSteer,\n);\n"],"mappings":";;;;;AAUA,MAAM,0BAA0B;CAC9B,MAAM,MAAM,OAAO;CAMnB,OAJiB,kBAAkB;EACjC,IAAI,UAAU,EAAE,MAAM;CACxB,GAAG,CAAC,GAAG,CAEO;AAChB;;;;;;;;;AAeA,MAAa,0BAA0B,mBACrC,4BACA,iBACF"}
+{"version":3,"file":"QueueItemSteer.js","names":[],"sources":["../../../src/primitives/queueItem/QueueItemSteer.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useCallback } from \"react\";\n\nconst useQueueItemSteer = () => {\n  const aui = useAui();\n\n  const callback = useCallback(() => {\n    aui.queueItem().steer();\n  }, [aui]);\n\n  return callback;\n};\n\nexport namespace QueueItemPrimitiveSteer {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useQueueItemSteer>;\n}\n\n/**\n * A button that steers the current run to process this queue item immediately.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Steer>Run Now</QueueItemPrimitive.Steer>\n * ```\n */\nexport const QueueItemPrimitiveSteer = createActionButton(\n  \"QueueItemPrimitive.Steer\",\n  useQueueItemSteer,\n);\n"],"mappings":";;;;;AAUA,MAAM,0BAA0B;CAC9B,MAAM,MAAM,OAAO;CAMnB,OAJiB,kBAAkB;EACjC,IAAI,UAAU,CAAC,CAAC,MAAM;CACxB,GAAG,CAAC,GAAG,CAEO;AAChB;;;;;;;;;AAeA,MAAa,0BAA0B,mBACrC,4BACA,iBACF"}

package/dist/primitives/queueItem/QueueItemText.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useAuiState } from "@assistant-ui/store";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/queueItem/QueueItemText.tsx
 /**

package/dist/primitives/reasoning/useScrollLock.js

@@ -1,5 +1,5 @@
 "use client";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/reasoning/useScrollLock.ts
 /**
 * Locks scroll position during collapsible/height animations and hides scrollbar.

package/dist/primitives/reasoning/useScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollLock.js","names":[],"sources":["../../../src/primitives/reasoning/useScrollLock.ts"],"sourcesContent":["\"use client\";\n\nimport { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n/**\n * Locks scroll position during collapsible/height animations and hides scrollbar.\n *\n * This utility prevents page jumps when content height changes during animations,\n * providing a smooth user experience. It finds the nearest scrollable ancestor and\n * temporarily locks its scroll position while the animation completes.\n *\n * - Prevents forced reflows: no layout reads, mutations scoped to scrollable parent only\n * - Reactive: only intercepts scroll events when browser actually adjusts\n * - Cleans up automatically after animation duration\n *\n * @param animatedElementRef - Ref to the animated element\n * @param animationDuration - Lock duration in milliseconds\n * @returns Function to activate the scroll lock\n *\n * @example\n * ```tsx\n * const collapsibleRef = useRef<HTMLDivElement>(null);\n * const lockScroll = useScrollLock(collapsibleRef, 200);\n *\n * const handleCollapse = () => {\n *   lockScroll(); // Lock scroll before collapsing\n *   setIsOpen(false);\n * };\n * ```\n */\nexport const useScrollLock = <T extends HTMLElement = HTMLElement>(\n  animatedElementRef: RefObject<T | null>,\n  animationDuration: number,\n) => {\n  const scrollContainerRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    return () => {\n      cleanupRef.current?.();\n    };\n  }, []);\n\n  const lockScroll = useCallback(() => {\n    cleanupRef.current?.();\n\n    (function findScrollableAncestor() {\n      if (scrollContainerRef.current || !animatedElementRef.current) return;\n\n      let el: HTMLElement | null = animatedElementRef.current;\n      while (el) {\n        const { overflowY } = getComputedStyle(el);\n        if (overflowY === \"scroll\" || overflowY === \"auto\") {\n          scrollContainerRef.current = el;\n          break;\n        }\n        el = el.parentElement;\n      }\n    })();\n\n    const scrollContainer = scrollContainerRef.current;\n    if (!scrollContainer) return;\n\n    const scrollPosition = scrollContainer.scrollTop;\n    const scrollbarWidth = scrollContainer.style.scrollbarWidth;\n\n    scrollContainer.style.scrollbarWidth = \"none\";\n\n    const resetPosition = () => (scrollContainer.scrollTop = scrollPosition);\n    scrollContainer.addEventListener(\"scroll\", resetPosition);\n\n    const timeoutId = setTimeout(() => {\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n      cleanupRef.current = null;\n    }, animationDuration);\n\n    cleanupRef.current = () => {\n      clearTimeout(timeoutId);\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n    };\n  }, [animationDuration, animatedElementRef]);\n\n  return lockScroll;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,iBACX,oBACA,sBACG;CACH,MAAM,qBAAqB,OAA2B,IAAI;CAC1D,MAAM,aAAa,OAA4B,IAAI;CAEnD,gBAAgB;EACd,aAAa;GACX,WAAW,UAAU;EACvB;CACF,GAAG,CAAC,CAAC;CA2CL,OAzCmB,kBAAkB;EACnC,WAAW,UAAU;EAErB,CAAC,SAAS,yBAAyB;GACjC,IAAI,mBAAmB,WAAW,CAAC,mBAAmB,SAAS;GAE/D,IAAI,KAAyB,mBAAmB;GAChD,OAAO,IAAI;IACT,MAAM,EAAE,cAAc,iBAAiB,EAAE;IACzC,IAAI,cAAc,YAAY,cAAc,QAAQ;KAClD,mBAAmB,UAAU;KAC7B;IACF;IACA,KAAK,GAAG;GACV;EACF,GAAG;EAEH,MAAM,kBAAkB,mBAAmB;EAC3C,IAAI,CAAC,iBAAiB;EAEtB,MAAM,iBAAiB,gBAAgB;EACvC,MAAM,iBAAiB,gBAAgB,MAAM;EAE7C,gBAAgB,MAAM,iBAAiB;EAEvC,MAAM,sBAAuB,gBAAgB,YAAY;EACzD,gBAAgB,iBAAiB,UAAU,aAAa;EAExD,MAAM,YAAY,iBAAiB;GACjC,gBAAgB,oBAAoB,UAAU,aAAa;GAC3D,gBAAgB,MAAM,iBAAiB;GACvC,WAAW,UAAU;EACvB,GAAG,iBAAiB;EAEpB,WAAW,gBAAgB;GACzB,aAAa,SAAS;GACtB,gBAAgB,oBAAoB,UAAU,aAAa;GAC3D,gBAAgB,MAAM,iBAAiB;EACzC;CACF,GAAG,CAAC,mBAAmB,kBAAkB,CAEzB;AAClB"}
+{"version":3,"file":"useScrollLock.js","names":[],"sources":["../../../src/primitives/reasoning/useScrollLock.ts"],"sourcesContent":["\"use client\";\n\nimport { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n/**\n * Locks scroll position during collapsible/height animations and hides scrollbar.\n *\n * This utility prevents page jumps when content height changes during animations,\n * providing a smooth user experience. It finds the nearest scrollable ancestor and\n * temporarily locks its scroll position while the animation completes.\n *\n * - Prevents forced reflows: no layout reads, mutations scoped to scrollable parent only\n * - Reactive: only intercepts scroll events when browser actually adjusts\n * - Cleans up automatically after animation duration\n *\n * @param animatedElementRef - Ref to the animated element\n * @param animationDuration - Lock duration in milliseconds\n * @returns Function to activate the scroll lock\n *\n * @example\n * ```tsx\n * const collapsibleRef = useRef<HTMLDivElement>(null);\n * const lockScroll = useScrollLock(collapsibleRef, 200);\n *\n * const handleCollapse = () => {\n *   lockScroll(); // Lock scroll before collapsing\n *   setIsOpen(false);\n * };\n * ```\n */\nexport const useScrollLock = <T extends HTMLElement = HTMLElement>(\n  animatedElementRef: RefObject<T | null>,\n  animationDuration: number,\n) => {\n  const scrollContainerRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    return () => {\n      cleanupRef.current?.();\n    };\n  }, []);\n\n  const lockScroll = useCallback(() => {\n    cleanupRef.current?.();\n\n    (function findScrollableAncestor() {\n      if (scrollContainerRef.current || !animatedElementRef.current) return;\n\n      let el: HTMLElement | null = animatedElementRef.current;\n      while (el) {\n        const { overflowY } = getComputedStyle(el);\n        if (overflowY === \"scroll\" || overflowY === \"auto\") {\n          scrollContainerRef.current = el;\n          break;\n        }\n        el = el.parentElement;\n      }\n    })();\n\n    const scrollContainer = scrollContainerRef.current;\n    if (!scrollContainer) return;\n\n    const scrollPosition = scrollContainer.scrollTop;\n    const scrollbarWidth = scrollContainer.style.scrollbarWidth;\n\n    scrollContainer.style.scrollbarWidth = \"none\";\n\n    const resetPosition = () => (scrollContainer.scrollTop = scrollPosition);\n    scrollContainer.addEventListener(\"scroll\", resetPosition);\n\n    const timeoutId = setTimeout(() => {\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n      cleanupRef.current = null;\n    }, animationDuration);\n\n    cleanupRef.current = () => {\n      clearTimeout(timeoutId);\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n    };\n  }, [animationDuration, animatedElementRef]);\n\n  return lockScroll;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,iBACX,oBACA,sBACG;CACH,MAAM,qBAAqB,OAA2B,IAAI;CAC1D,MAAM,aAAa,OAA4B,IAAI;CAEnD,gBAAgB;EACd,aAAa;GACX,WAAW,UAAU;EACvB;CACF,GAAG,CAAC,CAAC;CA2CL,OAzCmB,kBAAkB;EACnC,WAAW,UAAU;EAErB,CAAC,SAAS,yBAAyB;GACjC,IAAI,mBAAmB,WAAW,CAAC,mBAAmB,SAAS;GAE/D,IAAI,KAAyB,mBAAmB;GAChD,OAAO,IAAI;IACT,MAAM,EAAE,cAAc,iBAAiB,EAAE;IACzC,IAAI,cAAc,YAAY,cAAc,QAAQ;KAClD,mBAAmB,UAAU;KAC7B;IACF;IACA,KAAK,GAAG;GACV;EACF,EAAA,CAAG;EAEH,MAAM,kBAAkB,mBAAmB;EAC3C,IAAI,CAAC,iBAAiB;EAEtB,MAAM,iBAAiB,gBAAgB;EACvC,MAAM,iBAAiB,gBAAgB,MAAM;EAE7C,gBAAgB,MAAM,iBAAiB;EAEvC,MAAM,sBAAuB,gBAAgB,YAAY;EACzD,gBAAgB,iBAAiB,UAAU,aAAa;EAExD,MAAM,YAAY,iBAAiB;GACjC,gBAAgB,oBAAoB,UAAU,aAAa;GAC3D,gBAAgB,MAAM,iBAAiB;GACvC,WAAW,UAAU;EACvB,GAAG,iBAAiB;EAEpB,WAAW,gBAAgB;GACzB,aAAa,SAAS;GACtB,gBAAgB,oBAAoB,UAAU,aAAa;GAC3D,gBAAgB,MAAM,iBAAiB;EACzC;CACF,GAAG,CAAC,mBAAmB,kBAAkB,CAEzB;AAClB"}

package/dist/primitives/selectionToolbar/SelectionToolbarQuote.js

@@ -2,7 +2,7 @@
 import { Primitive } from "../../utils/Primitive.js";
 import { useSelectionToolbarInfo } from "./SelectionToolbarRoot.js";
 import { useAui } from "@assistant-ui/store";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/selectionToolbar/SelectionToolbarQuote.tsx

package/dist/primitives/selectionToolbar/SelectionToolbarQuote.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionToolbarQuote.js","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useSelectionToolbarInfo } from \"./SelectionToolbarRoot\";\n\nexport namespace SelectionToolbarPrimitiveQuote {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/**\n * A button that quotes the currently selected text.\n *\n * Must be placed inside `SelectionToolbarPrimitive.Root`. Reads the\n * selection info from context (captured by the Root), sets it as a\n * quote in the thread composer, and clears the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Quote>\n *   <QuoteIcon /> Quote\n * </SelectionToolbarPrimitive.Quote>\n * ```\n */\nexport const SelectionToolbarPrimitiveQuote = forwardRef<\n  SelectionToolbarPrimitiveQuote.Element,\n  SelectionToolbarPrimitiveQuote.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const aui = useAui();\n  const info = useSelectionToolbarInfo();\n\n  const handleClick = useCallback(() => {\n    if (!info) return;\n\n    aui.thread().composer().setQuote({\n      text: info.text,\n      messageId: info.messageId,\n    });\n\n    window.getSelection()?.removeAllRanges();\n  }, [aui, info]);\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !info}\n      onClick={composeEventHandlers(onClick, handleClick)}\n    />\n  );\n});\n\nSelectionToolbarPrimitiveQuote.displayName = \"SelectionToolbarPrimitive.Quote\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,iCAAiC,YAG3C,EAAE,SAAS,UAAU,GAAG,SAAS,iBAAiB;CACnD,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,wBAAwB;CAErC,MAAM,cAAc,kBAAkB;EACpC,IAAI,CAAC,MAAM;EAEX,IAAI,OAAO,EAAE,SAAS,EAAE,SAAS;GAC/B,MAAM,KAAK;GACX,WAAW,KAAK;EAClB,CAAC;EAED,OAAO,aAAa,GAAG,gBAAgB;CACzC,GAAG,CAAC,KAAK,IAAI,CAAC;CAEd,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,UAAU,YAAY,CAAC;EACvB,SAAS,qBAAqB,SAAS,WAAW;CACnD,CAAA;AAEL,CAAC;AAED,+BAA+B,cAAc"}
+{"version":3,"file":"SelectionToolbarQuote.js","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useSelectionToolbarInfo } from \"./SelectionToolbarRoot\";\n\nexport namespace SelectionToolbarPrimitiveQuote {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/**\n * A button that quotes the currently selected text.\n *\n * Must be placed inside `SelectionToolbarPrimitive.Root`. Reads the\n * selection info from context (captured by the Root), sets it as a\n * quote in the thread composer, and clears the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Quote>\n *   <QuoteIcon /> Quote\n * </SelectionToolbarPrimitive.Quote>\n * ```\n */\nexport const SelectionToolbarPrimitiveQuote = forwardRef<\n  SelectionToolbarPrimitiveQuote.Element,\n  SelectionToolbarPrimitiveQuote.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const aui = useAui();\n  const info = useSelectionToolbarInfo();\n\n  const handleClick = useCallback(() => {\n    if (!info) return;\n\n    aui.thread().composer().setQuote({\n      text: info.text,\n      messageId: info.messageId,\n    });\n\n    window.getSelection()?.removeAllRanges();\n  }, [aui, info]);\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !info}\n      onClick={composeEventHandlers(onClick, handleClick)}\n    />\n  );\n});\n\nSelectionToolbarPrimitiveQuote.displayName = \"SelectionToolbarPrimitive.Quote\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,iCAAiC,YAG3C,EAAE,SAAS,UAAU,GAAG,SAAS,iBAAiB;CACnD,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,wBAAwB;CAErC,MAAM,cAAc,kBAAkB;EACpC,IAAI,CAAC,MAAM;EAEX,IAAI,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS;GAC/B,MAAM,KAAK;GACX,WAAW,KAAK;EAClB,CAAC;EAED,OAAO,aAAa,CAAC,EAAE,gBAAgB;CACzC,GAAG,CAAC,KAAK,IAAI,CAAC;CAEd,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,UAAU,YAAY,CAAC;EACvB,SAAS,qBAAqB,SAAS,WAAW;CACnD,CAAA;AAEL,CAAC;AAED,+BAA+B,cAAc"}

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { getSelectionMessageId } from "../../utils/getSelectionMessageId.js";
-import { createContext, forwardRef, useContext, useEffect, useState } from "react";
+import { createContext, forwardRef, useContext, useEffect, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 //#region src/primitives/selectionToolbar/SelectionToolbarRoot.tsx

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionToolbarRoot.js","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for mouse and keyboard selection events, validates that the\n * selection is within a single message, and renders a positioned portal\n * near the selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    const checkSelection = () => {\n      requestAnimationFrame(() => {\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        const messageId = getSelectionMessageId(sel);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionCollapse = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        setInfo(null);\n      }\n    };\n\n    const handleScroll = () => {\n      setInfo(null);\n    };\n\n    document.addEventListener(\"mouseup\", checkSelection);\n    document.addEventListener(\"keyup\", checkSelection);\n    document.addEventListener(\"selectionchange\", handleSelectionCollapse);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", checkSelection);\n      document.removeEventListener(\"keyup\", checkSelection);\n      document.removeEventListener(\"selectionchange\", handleSelectionCollapse);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, []);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={(e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n          onMouseDown?.(e);\n        }}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":";;;;;;;AAqBA,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAa,gCACX,WAAW,uBAAuB;;;;;;;;;;;;;;;AAqBpC,MAAa,gCAAgC,YAG1C,EAAE,aAAa,OAAO,GAAG,SAAS,iBAAiB;CACpD,MAAM,CAAC,MAAM,WAAW,SAA+B,IAAI;CAE3D,gBAAgB;EACd,MAAM,uBAAuB;GAC3B,4BAA4B;IAC1B,MAAM,MAAM,OAAO,aAAa;IAChC,IAAI,CAAC,OAAO,IAAI,aAAa;KAC3B,QAAQ,IAAI;KACZ;IACF;IAEA,MAAM,OAAO,IAAI,SAAS,EAAE,KAAK;IACjC,IAAI,CAAC,MAAM;KACT,QAAQ,IAAI;KACZ;IACF;IAEA,MAAM,YAAY,sBAAsB,GAAG;IAC3C,IAAI,CAAC,WAAW;KACd,QAAQ,IAAI;KACZ;IACF;IAIA,QAAQ;KAAE;KAAM;KAAW,MAFb,IAAI,WAAW,CACZ,EAAE,sBACW;IAAE,CAAC;GACnC,CAAC;EACH;EAEA,MAAM,gCAAgC;GACpC,MAAM,MAAM,OAAO,aAAa;GAChC,IAAI,CAAC,OAAO,IAAI,aACd,QAAQ,IAAI;EAEhB;EAEA,MAAM,qBAAqB;GACzB,QAAQ,IAAI;EACd;EAEA,SAAS,iBAAiB,WAAW,cAAc;EACnD,SAAS,iBAAiB,SAAS,cAAc;EACjD,SAAS,iBAAiB,mBAAmB,uBAAuB;EACpE,SAAS,iBAAiB,UAAU,cAAc,IAAI;EAEtD,aAAa;GACX,SAAS,oBAAoB,WAAW,cAAc;GACtD,SAAS,oBAAoB,SAAS,cAAc;GACpD,SAAS,oBAAoB,mBAAmB,uBAAuB;GACvE,SAAS,oBAAoB,UAAU,cAAc,IAAI;EAC3D;CACF,GAAG,CAAC,CAAC;CAEL,IAAI,CAAC,MAAM,OAAO;CAElB,MAAM,gBAAqC;EACzC,UAAU;EACV,KAAK,GAAG,KAAK,KAAK,MAAM,EAAE;EAC1B,MAAM,GAAG,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,EAAE;EAC9C,WAAW;EACX,QAAQ;EACR,GAAG;CACL;CAEA,OAAO,aACL,oBAAC,wBAAwB,UAAzB;EAAkC,OAAO;YACvC,oBAAC,UAAU,KAAX;GACE,GAAI;GACJ,KAAK;GACL,OAAO;GACP,cAAc,MAAM;IAElB,EAAE,eAAe;IACjB,cAAc,CAAC;GACjB;EACD,CAAA;CAC+B,CAAA,GAClC,SAAS,IACX;AACF,CAAC;AAED,8BAA8B,cAAc"}
+{"version":3,"file":"SelectionToolbarRoot.js","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for mouse and keyboard selection events, validates that the\n * selection is within a single message, and renders a positioned portal\n * near the selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    const checkSelection = () => {\n      requestAnimationFrame(() => {\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        const messageId = getSelectionMessageId(sel);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionCollapse = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        setInfo(null);\n      }\n    };\n\n    const handleScroll = () => {\n      setInfo(null);\n    };\n\n    document.addEventListener(\"mouseup\", checkSelection);\n    document.addEventListener(\"keyup\", checkSelection);\n    document.addEventListener(\"selectionchange\", handleSelectionCollapse);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", checkSelection);\n      document.removeEventListener(\"keyup\", checkSelection);\n      document.removeEventListener(\"selectionchange\", handleSelectionCollapse);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, []);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={(e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n          onMouseDown?.(e);\n        }}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":";;;;;;;AAqBA,MAAM,0BAA0B,cAAoC,IAAI;AAExE,MAAa,gCACX,WAAW,uBAAuB;;;;;;;;;;;;;;;AAqBpC,MAAa,gCAAgC,YAG1C,EAAE,aAAa,OAAO,GAAG,SAAS,iBAAiB;CACpD,MAAM,CAAC,MAAM,WAAW,SAA+B,IAAI;CAE3D,gBAAgB;EACd,MAAM,uBAAuB;GAC3B,4BAA4B;IAC1B,MAAM,MAAM,OAAO,aAAa;IAChC,IAAI,CAAC,OAAO,IAAI,aAAa;KAC3B,QAAQ,IAAI;KACZ;IACF;IAEA,MAAM,OAAO,IAAI,SAAS,CAAC,CAAC,KAAK;IACjC,IAAI,CAAC,MAAM;KACT,QAAQ,IAAI;KACZ;IACF;IAEA,MAAM,YAAY,sBAAsB,GAAG;IAC3C,IAAI,CAAC,WAAW;KACd,QAAQ,IAAI;KACZ;IACF;IAIA,QAAQ;KAAE;KAAM;KAAW,MAFb,IAAI,WAAW,CACZ,CAAC,CAAC,sBACW;IAAE,CAAC;GACnC,CAAC;EACH;EAEA,MAAM,gCAAgC;GACpC,MAAM,MAAM,OAAO,aAAa;GAChC,IAAI,CAAC,OAAO,IAAI,aACd,QAAQ,IAAI;EAEhB;EAEA,MAAM,qBAAqB;GACzB,QAAQ,IAAI;EACd;EAEA,SAAS,iBAAiB,WAAW,cAAc;EACnD,SAAS,iBAAiB,SAAS,cAAc;EACjD,SAAS,iBAAiB,mBAAmB,uBAAuB;EACpE,SAAS,iBAAiB,UAAU,cAAc,IAAI;EAEtD,aAAa;GACX,SAAS,oBAAoB,WAAW,cAAc;GACtD,SAAS,oBAAoB,SAAS,cAAc;GACpD,SAAS,oBAAoB,mBAAmB,uBAAuB;GACvE,SAAS,oBAAoB,UAAU,cAAc,IAAI;EAC3D;CACF,GAAG,CAAC,CAAC;CAEL,IAAI,CAAC,MAAM,OAAO;CAElB,MAAM,gBAAqC;EACzC,UAAU;EACV,KAAK,GAAG,KAAK,KAAK,MAAM,EAAE;EAC1B,MAAM,GAAG,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,EAAE;EAC9C,WAAW;EACX,QAAQ;EACR,GAAG;CACL;CAEA,OAAO,aACL,oBAAC,wBAAwB,UAAzB;EAAkC,OAAO;YACvC,oBAAC,UAAU,KAAX;GACE,GAAI;GACJ,KAAK;GACL,OAAO;GACP,cAAc,MAAM;IAElB,EAAE,eAAe;IACjB,cAAc,CAAC;GACjB;EACD,CAAA;CAC+B,CAAA,GAClC,SAAS,IACX;AACF,CAAC;AAED,8BAA8B,cAAc"}

package/dist/primitives/suggestion/SuggestionDescription.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useAuiState } from "@assistant-ui/store";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionDescription.tsx
 /**

package/dist/primitives/suggestion/SuggestionTitle.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useAuiState } from "@assistant-ui/store";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionTitle.tsx
 /**

package/dist/primitives/suggestion/SuggestionTrigger.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/suggestion/SuggestionTrigger.ts
 const useSuggestionTrigger = ({ send, clearComposer = true }) => {
 	const aui = useAui();

package/dist/primitives/suggestion/SuggestionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionTrigger.js","names":[],"sources":["../../../src/primitives/suggestion/SuggestionTrigger.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\n\nconst useSuggestionTrigger = ({\n  send,\n  clearComposer = true,\n}: {\n  /**\n   * When true, automatically sends the message.\n   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.\n   */\n  send?: boolean | undefined;\n\n  /**\n   * Whether to clear the composer after sending.\n   * When send is set to false, determines if composer text is replaced with suggestion (true, default),\n   * or if it's appended to the composer text (false).\n   *\n   * @default true\n   */\n  clearComposer?: boolean | undefined;\n}) => {\n  const aui = useAui();\n  const disabled = useAuiState((s) => s.thread.isDisabled);\n  const prompt = useAuiState((s) => s.suggestion.prompt);\n\n  const resolvedSend = send ?? false;\n\n  const callback = useCallback(() => {\n    const isRunning = aui.thread().getState().isRunning;\n\n    if (resolvedSend && !isRunning) {\n      aui.thread().append({\n        content: [{ type: \"text\", text: prompt }],\n        runConfig: aui.composer().getState().runConfig,\n      });\n      if (clearComposer) {\n        aui.composer().setText(\"\");\n      }\n    } else {\n      if (clearComposer) {\n        aui.composer().setText(prompt);\n      } else {\n        const currentText = aui.composer().getState().text;\n        aui\n          .composer()\n          .setText(currentText.trim() ? `${currentText} ${prompt}` : prompt);\n      }\n    }\n  }, [aui, resolvedSend, clearComposer, prompt]);\n\n  if (disabled) return null;\n  return callback;\n};\n\nexport namespace SuggestionPrimitiveTrigger {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useSuggestionTrigger>;\n}\n\n/**\n * A button that triggers the suggestion action (send or insert into composer).\n *\n * @example\n * ```tsx\n * <SuggestionPrimitive.Trigger send>\n *   Click me\n * </SuggestionPrimitive.Trigger>\n * ```\n */\nexport const SuggestionPrimitiveTrigger = createActionButton(\n  \"SuggestionPrimitive.Trigger\",\n  useSuggestionTrigger,\n  [\"send\", \"clearComposer\"],\n);\n"],"mappings":";;;;;AAUA,MAAM,wBAAwB,EAC5B,MACA,gBAAgB,WAgBZ;CACJ,MAAM,MAAM,OAAO;CACnB,MAAM,WAAW,aAAa,MAAM,EAAE,OAAO,UAAU;CACvD,MAAM,SAAS,aAAa,MAAM,EAAE,WAAW,MAAM;CAErD,MAAM,eAAe,QAAQ;CAE7B,MAAM,WAAW,kBAAkB;EACjC,MAAM,YAAY,IAAI,OAAO,EAAE,SAAS,EAAE;EAE1C,IAAI,gBAAgB,CAAC,WAAW;GAC9B,IAAI,OAAO,EAAE,OAAO;IAClB,SAAS,CAAC;KAAE,MAAM;KAAQ,MAAM;IAAO,CAAC;IACxC,WAAW,IAAI,SAAS,EAAE,SAAS,EAAE;GACvC,CAAC;GACD,IAAI,eACF,IAAI,SAAS,EAAE,QAAQ,EAAE;EAE7B,OACE,IAAI,eACF,IAAI,SAAS,EAAE,QAAQ,MAAM;OACxB;GACL,MAAM,cAAc,IAAI,SAAS,EAAE,SAAS,EAAE;GAC9C,IACG,SAAS,EACT,QAAQ,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,WAAW,MAAM;EACrE;CAEJ,GAAG;EAAC;EAAK;EAAc;EAAe;CAAM,CAAC;CAE7C,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;;;;;;;;;;;AAiBA,MAAa,6BAA6B,mBACxC,+BACA,sBACA,CAAC,QAAQ,eAAe,CAC1B"}
+{"version":3,"file":"SuggestionTrigger.js","names":[],"sources":["../../../src/primitives/suggestion/SuggestionTrigger.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\n\nconst useSuggestionTrigger = ({\n  send,\n  clearComposer = true,\n}: {\n  /**\n   * When true, automatically sends the message.\n   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.\n   */\n  send?: boolean | undefined;\n\n  /**\n   * Whether to clear the composer after sending.\n   * When send is set to false, determines if composer text is replaced with suggestion (true, default),\n   * or if it's appended to the composer text (false).\n   *\n   * @default true\n   */\n  clearComposer?: boolean | undefined;\n}) => {\n  const aui = useAui();\n  const disabled = useAuiState((s) => s.thread.isDisabled);\n  const prompt = useAuiState((s) => s.suggestion.prompt);\n\n  const resolvedSend = send ?? false;\n\n  const callback = useCallback(() => {\n    const isRunning = aui.thread().getState().isRunning;\n\n    if (resolvedSend && !isRunning) {\n      aui.thread().append({\n        content: [{ type: \"text\", text: prompt }],\n        runConfig: aui.composer().getState().runConfig,\n      });\n      if (clearComposer) {\n        aui.composer().setText(\"\");\n      }\n    } else {\n      if (clearComposer) {\n        aui.composer().setText(prompt);\n      } else {\n        const currentText = aui.composer().getState().text;\n        aui\n          .composer()\n          .setText(currentText.trim() ? `${currentText} ${prompt}` : prompt);\n      }\n    }\n  }, [aui, resolvedSend, clearComposer, prompt]);\n\n  if (disabled) return null;\n  return callback;\n};\n\nexport namespace SuggestionPrimitiveTrigger {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useSuggestionTrigger>;\n}\n\n/**\n * A button that triggers the suggestion action (send or insert into composer).\n *\n * @example\n * ```tsx\n * <SuggestionPrimitive.Trigger send>\n *   Click me\n * </SuggestionPrimitive.Trigger>\n * ```\n */\nexport const SuggestionPrimitiveTrigger = createActionButton(\n  \"SuggestionPrimitive.Trigger\",\n  useSuggestionTrigger,\n  [\"send\", \"clearComposer\"],\n);\n"],"mappings":";;;;;AAUA,MAAM,wBAAwB,EAC5B,MACA,gBAAgB,WAgBZ;CACJ,MAAM,MAAM,OAAO;CACnB,MAAM,WAAW,aAAa,MAAM,EAAE,OAAO,UAAU;CACvD,MAAM,SAAS,aAAa,MAAM,EAAE,WAAW,MAAM;CAErD,MAAM,eAAe,QAAQ;CAE7B,MAAM,WAAW,kBAAkB;EACjC,MAAM,YAAY,IAAI,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;EAE1C,IAAI,gBAAgB,CAAC,WAAW;GAC9B,IAAI,OAAO,CAAC,CAAC,OAAO;IAClB,SAAS,CAAC;KAAE,MAAM;KAAQ,MAAM;IAAO,CAAC;IACxC,WAAW,IAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;GACvC,CAAC;GACD,IAAI,eACF,IAAI,SAAS,CAAC,CAAC,QAAQ,EAAE;EAE7B,OACE,IAAI,eACF,IAAI,SAAS,CAAC,CAAC,QAAQ,MAAM;OACxB;GACL,MAAM,cAAc,IAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;GAC9C,IACG,SAAS,CAAC,CACV,QAAQ,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,WAAW,MAAM;EACrE;CAEJ,GAAG;EAAC;EAAK;EAAc;EAAe;CAAM,CAAC;CAE7C,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;;;;;;;;;;;AAiBA,MAAa,6BAA6B,mBACxC,+BACA,sBACA,CAAC,QAAQ,eAAe,CAC1B"}