@assistant-ui/react 0.14.14 → 0.14.15

package/dist/primitives/composer/ComposerQuote.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerQuote.js","names":[],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\n// ---- Root ----\n\nexport namespace ComposerPrimitiveQuote {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * Renders a container for the quoted text preview in the composer.\n * Only renders when a quote is set.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Quote>\n *   <ComposerPrimitive.QuoteText />\n *   <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * </ComposerPrimitive.Quote>\n * ```\n */\nexport const ComposerPrimitiveQuote = forwardRef<\n  ComposerPrimitiveQuote.Element,\n  ComposerPrimitiveQuote.Props\n>((props, forwardedRef) => {\n  const quote = useAuiState((s) => s.composer.quote);\n  if (!quote) return null;\n\n  return <Primitive.div {...props} ref={forwardedRef} />;\n});\n\nComposerPrimitiveQuote.displayName = \"ComposerPrimitive.Quote\";\n\n// ---- QuoteText ----\n\nexport namespace ComposerPrimitiveQuoteText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/**\n * Renders the quoted text content.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteText />\n * ```\n */\nexport const ComposerPrimitiveQuoteText = forwardRef<\n  ComposerPrimitiveQuoteText.Element,\n  ComposerPrimitiveQuoteText.Props\n>(({ children, ...props }, forwardedRef) => {\n  const text = useAuiState((s) => s.composer.quote?.text);\n  if (!text) return null;\n\n  return (\n    <Primitive.span {...props} ref={forwardedRef}>\n      {children ?? text}\n    </Primitive.span>\n  );\n});\n\nComposerPrimitiveQuoteText.displayName = \"ComposerPrimitive.QuoteText\";\n\n// ---- QuoteDismiss ----\n\nexport namespace ComposerPrimitiveQuoteDismiss {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/**\n * A button that clears the current quote from the composer.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * ```\n */\nexport const ComposerPrimitiveQuoteDismiss = forwardRef<\n  ComposerPrimitiveQuoteDismiss.Element,\n  ComposerPrimitiveQuoteDismiss.Props\n>(({ onClick, ...props }, forwardedRef) => {\n  const aui = useAui();\n  const handleDismiss = useCallback(() => {\n    aui.composer().setQuote(undefined);\n  }, [aui]);\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(onClick, handleDismiss)}\n    />\n  );\n});\n\nComposerPrimitiveQuoteDismiss.displayName = \"ComposerPrimitive.QuoteDismiss\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyB,YAGnC,OAAO,iBAAiB;CAEzB,IAAI,CADU,aAAa,MAAM,EAAE,SAAS,KACnC,GAAG,OAAO;CAEnB,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAO,KAAK;CAAe,CAAA;AACvD,CAAC;AAED,uBAAuB,cAAc;;;;;;;;;AAiBrC,MAAa,6BAA6B,YAGvC,EAAE,UAAU,GAAG,SAAS,iBAAiB;CAC1C,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,IAAI;CACtD,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAO,KAAK;YAC7B,YAAY;CACC,CAAA;AAEpB,CAAC;AAED,2BAA2B,cAAc;;;;;;;;;AAiBzC,MAAa,gCAAgC,YAG1C,EAAE,SAAS,GAAG,SAAS,iBAAiB;CACzC,MAAM,MAAM,OAAO;CACnB,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,SAAS,EAAE,SAAS,KAAA,CAAS;CACnC,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,SAAS,qBAAqB,SAAS,aAAa;CACrD,CAAA;AAEL,CAAC;AAED,8BAA8B,cAAc"}
+{"version":3,"file":"ComposerQuote.js","names":[],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\n// ---- Root ----\n\nexport namespace ComposerPrimitiveQuote {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * Renders a container for the quoted text preview in the composer.\n * Only renders when a quote is set.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Quote>\n *   <ComposerPrimitive.QuoteText />\n *   <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * </ComposerPrimitive.Quote>\n * ```\n */\nexport const ComposerPrimitiveQuote = forwardRef<\n  ComposerPrimitiveQuote.Element,\n  ComposerPrimitiveQuote.Props\n>((props, forwardedRef) => {\n  const quote = useAuiState((s) => s.composer.quote);\n  if (!quote) return null;\n\n  return <Primitive.div {...props} ref={forwardedRef} />;\n});\n\nComposerPrimitiveQuote.displayName = \"ComposerPrimitive.Quote\";\n\n// ---- QuoteText ----\n\nexport namespace ComposerPrimitiveQuoteText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/**\n * Renders the quoted text content.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteText />\n * ```\n */\nexport const ComposerPrimitiveQuoteText = forwardRef<\n  ComposerPrimitiveQuoteText.Element,\n  ComposerPrimitiveQuoteText.Props\n>(({ children, ...props }, forwardedRef) => {\n  const text = useAuiState((s) => s.composer.quote?.text);\n  if (!text) return null;\n\n  return (\n    <Primitive.span {...props} ref={forwardedRef}>\n      {children ?? text}\n    </Primitive.span>\n  );\n});\n\nComposerPrimitiveQuoteText.displayName = \"ComposerPrimitive.QuoteText\";\n\n// ---- QuoteDismiss ----\n\nexport namespace ComposerPrimitiveQuoteDismiss {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/**\n * A button that clears the current quote from the composer.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * ```\n */\nexport const ComposerPrimitiveQuoteDismiss = forwardRef<\n  ComposerPrimitiveQuoteDismiss.Element,\n  ComposerPrimitiveQuoteDismiss.Props\n>(({ onClick, ...props }, forwardedRef) => {\n  const aui = useAui();\n  const handleDismiss = useCallback(() => {\n    aui.composer().setQuote(undefined);\n  }, [aui]);\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(onClick, handleDismiss)}\n    />\n  );\n});\n\nComposerPrimitiveQuoteDismiss.displayName = \"ComposerPrimitive.QuoteDismiss\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyB,YAGnC,OAAO,iBAAiB;CAEzB,IAAI,CADU,aAAa,MAAM,EAAE,SAAS,KACnC,GAAG,OAAO;CAEnB,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAO,KAAK;CAAe,CAAA;AACvD,CAAC;AAED,uBAAuB,cAAc;;;;;;;;;AAiBrC,MAAa,6BAA6B,YAGvC,EAAE,UAAU,GAAG,SAAS,iBAAiB;CAC1C,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,IAAI;CACtD,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAO,KAAK;YAC7B,YAAY;CACC,CAAA;AAEpB,CAAC;AAED,2BAA2B,cAAc;;;;;;;;;AAiBzC,MAAa,gCAAgC,YAG1C,EAAE,SAAS,GAAG,SAAS,iBAAiB;CACzC,MAAM,MAAM,OAAO;CACnB,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,SAAS,CAAC,CAAC,SAAS,KAAA,CAAS;CACnC,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,SAAS,qBAAqB,SAAS,aAAa;CACrD,CAAA;AAEL,CAAC;AAED,8BAA8B,cAAc"}

package/dist/primitives/composer/ComposerRoot.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useComposerSend } from "./ComposerSend.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/ComposerRoot.tsx

package/dist/primitives/composer/ComposerSend.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useComposerSend as useComposerSend$1 } from "@assistant-ui/core/react";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/ComposerSend.ts
 const useComposerSend = () => {
 	const { disabled, send } = useComposerSend$1();

package/dist/primitives/composer/ComposerStopDictation.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/composer/ComposerStopDictation.ts
 const useComposerStopDictation = () => {
 	const aui = useAui();

package/dist/primitives/composer/ComposerStopDictation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerStopDictation.js","names":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport type {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { createActionButton } from \"../../utils/createActionButton\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nconst useComposerStopDictation = () => {\n  const aui = useAui();\n  const isDictating = useAuiState((s) => s.composer.dictation != null);\n\n  const callback = useCallback(() => {\n    aui.composer().stopDictation();\n  }, [aui]);\n\n  if (!isDictating) return null;\n  return callback;\n};\n\nexport namespace ComposerPrimitiveStopDictation {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useComposerStopDictation>;\n}\n\n/**\n * A button that stops the current dictation session.\n *\n * Only rendered when dictation is active.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.StopDictation>\n *   <StopIcon />\n * </ComposerPrimitive.StopDictation>\n * ```\n */\nexport const ComposerPrimitiveStopDictation = createActionButton(\n  \"ComposerPrimitive.StopDictation\",\n  useComposerStopDictation,\n);\n"],"mappings":";;;;;AAWA,MAAM,iCAAiC;CACrC,MAAM,MAAM,OAAO;CACnB,MAAM,cAAc,aAAa,MAAM,EAAE,SAAS,aAAa,IAAI;CAEnE,MAAM,WAAW,kBAAkB;EACjC,IAAI,SAAS,EAAE,cAAc;CAC/B,GAAG,CAAC,GAAG,CAAC;CAER,IAAI,CAAC,aAAa,OAAO;CACzB,OAAO;AACT;;;;;;;;;;;;;AAmBA,MAAa,iCAAiC,mBAC5C,mCACA,wBACF"}
+{"version":3,"file":"ComposerStopDictation.js","names":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport type {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { createActionButton } from \"../../utils/createActionButton\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nconst useComposerStopDictation = () => {\n  const aui = useAui();\n  const isDictating = useAuiState((s) => s.composer.dictation != null);\n\n  const callback = useCallback(() => {\n    aui.composer().stopDictation();\n  }, [aui]);\n\n  if (!isDictating) return null;\n  return callback;\n};\n\nexport namespace ComposerPrimitiveStopDictation {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useComposerStopDictation>;\n}\n\n/**\n * A button that stops the current dictation session.\n *\n * Only rendered when dictation is active.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.StopDictation>\n *   <StopIcon />\n * </ComposerPrimitive.StopDictation>\n * ```\n */\nexport const ComposerPrimitiveStopDictation = createActionButton(\n  \"ComposerPrimitive.StopDictation\",\n  useComposerStopDictation,\n);\n"],"mappings":";;;;;AAWA,MAAM,iCAAiC;CACrC,MAAM,MAAM,OAAO;CACnB,MAAM,cAAc,aAAa,MAAM,EAAE,SAAS,aAAa,IAAI;CAEnE,MAAM,WAAW,kBAAkB;EACjC,IAAI,SAAS,CAAC,CAAC,cAAc;CAC/B,GAAG,CAAC,GAAG,CAAC;CAER,IAAI,CAAC,aAAa,OAAO;CACzB,OAAO;AACT;;;;;;;;;;;;;AAmBA,MAAa,iCAAiC,mBAC5C,mCACA,wBACF"}

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

@@ -4,9 +4,9 @@ import { useComposerInputPluginRegistryOptional } from "../ComposerInputPluginCo
 import { useTriggerPopoverAriaPublish, useTriggerPopoverRootContext } from "./TriggerPopoverRootContext.js";
 import { TriggerPopoverResource } from "./TriggerPopoverResource.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
-import { useResource } from "@assistant-ui/tap/react";
+import { useResource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/TriggerPopover.tsx
 const TriggerPopoverScopeContext = createContext(null);
 const useTriggerPopoverScopeContext = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerPopover.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useResource } from \"@assistant-ui/tap/react\";\nimport type { Unstable_TriggerAdapter } from \"@assistant-ui/core\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n} from \"react\";\nimport { Primitive } from \"../../../utils/Primitive\";\nimport { useComposerInputPluginRegistryOptional } from \"../ComposerInputPluginContext\";\nimport {\n  TriggerPopoverResource,\n  type TriggerPopoverResourceOutput,\n} from \"./TriggerPopoverResource\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\nimport {\n  useTriggerPopoverAriaPublish,\n  useTriggerPopoverRootContext,\n} from \"./TriggerPopoverRootContext\";\n\nconst TriggerPopoverScopeContext =\n  createContext<TriggerPopoverResourceOutput | null>(null);\n\nexport const useTriggerPopoverScopeContext = () => {\n  const ctx = useContext(TriggerPopoverScopeContext);\n  if (!ctx)\n    throw new Error(\n      \"useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\n\nexport const useTriggerPopoverScopeContextOptional = () =>\n  useContext(TriggerPopoverScopeContext);\n\n/** Registration API exposed to behavior sub-primitives. */\nexport type TriggerBehaviorRegistration = {\n  register(behavior: TriggerBehavior): () => void;\n};\n\nconst TriggerBehaviorRegistrationContext =\n  createContext<TriggerBehaviorRegistration | null>(null);\n\n/** Obtain the registration handle from the parent `<TriggerPopover>`. */\nexport const useTriggerBehaviorRegistration = () => {\n  const ctx = useContext(TriggerBehaviorRegistrationContext);\n  if (!ctx)\n    throw new Error(\n      \"TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\n\nexport namespace ComposerPrimitiveTriggerPopover {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof Primitive.div>,\n    \"onSelect\"\n  > & {\n    /** The character(s) that activate this trigger (e.g. `\"@\"`, `\"/\"`). Also serves as the trigger identity within the root. */\n    readonly char: string;\n    /** Adapter providing categories and items. */\n    readonly adapter?: Unstable_TriggerAdapter | undefined;\n  };\n}\n\n/**\n * Declares a trigger and renders its popover container. The popover only\n * renders its DOM (and children) when the trigger character is active in the\n * composer input and a behavior sub-primitive has been registered.\n *\n * A behavior is contributed by rendering exactly one of\n * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without\n * a behavior the trigger stays closed.\n *\n * Must be placed inside `ComposerPrimitive.Unstable_TriggerPopoverRoot`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover\n *   char=\"@\"\n *   adapter={mentionAdapter}\n * >\n *   <ComposerPrimitive.Unstable_TriggerPopover.Directive formatter={formatter} />\n *   <ComposerPrimitive.Unstable_TriggerPopoverCategories>\n *     {(cats) => cats.map(...)}\n *   </ComposerPrimitive.Unstable_TriggerPopoverCategories>\n *   <ComposerPrimitive.Unstable_TriggerPopoverItems>\n *     {(items) => items.map(...)}\n *   </ComposerPrimitive.Unstable_TriggerPopoverItems>\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopover = forwardRef<\n  ComposerPrimitiveTriggerPopover.Element,\n  ComposerPrimitiveTriggerPopover.Props\n>(\n  (\n    { char, adapter, \"aria-label\": ariaLabel, children, ...props },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const text = useAuiState((s) => s.composer.text);\n    const popoverId = useId();\n\n    // Track in state (for resource reactivity) + ref (dev warning on duplicate registrations).\n    const behaviorRef = useRef<TriggerBehavior | null>(null);\n    const [behavior, setBehavior] = useState<TriggerBehavior | null>(null);\n    const registrationCountRef = useRef(0);\n\n    const register = useCallback<TriggerBehaviorRegistration[\"register\"]>(\n      (next) => {\n        registrationCountRef.current += 1;\n        if (\n          process.env.NODE_ENV !== \"production\" &&\n          registrationCountRef.current > 1\n        ) {\n          console.warn(\n            `[assistant-ui] TriggerPopover \"${char}\" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`,\n          );\n        }\n        behaviorRef.current = next;\n        setBehavior(next);\n        return () => {\n          registrationCountRef.current = Math.max(\n            0,\n            registrationCountRef.current - 1,\n          );\n          if (behaviorRef.current === next) {\n            behaviorRef.current = null;\n            setBehavior(null);\n          }\n        };\n      },\n      [char],\n    );\n\n    const registration = useMemo<TriggerBehaviorRegistration>(\n      () => ({ register }),\n      [register],\n    );\n\n    const resource = useResource(\n      TriggerPopoverResource({\n        adapter,\n        text,\n        triggerChar: char,\n        behavior: behavior ?? undefined,\n        aui,\n        popoverId,\n      }),\n    );\n\n    // Wrapper changes per render, but tap-stable methods inside don't.\n    const resourceRef = useRef(resource);\n    resourceRef.current = resource;\n\n    const root = useTriggerPopoverRootContext();\n    useEffect(() => {\n      return root.register({\n        char,\n        ...(behavior ? { behavior } : {}),\n        resource: resourceRef.current,\n      });\n    }, [root, char, behavior]);\n\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    useEffect(() => {\n      if (!pluginRegistry) return undefined;\n      return pluginRegistry.register(resourceRef.current);\n    }, [pluginRegistry]);\n\n    const open = behavior !== null && resource.open;\n\n    const aria = useTriggerPopoverAriaPublish();\n\n    useEffect(() => {\n      if (!open) return undefined;\n      return () => {\n        aria.setActiveAria(char, null);\n      };\n    }, [aria, char, open]);\n\n    useEffect(() => {\n      if (!open) return;\n      aria.setActiveAria(char, {\n        popoverId,\n        highlightedItemId: resource.highlightedItemId,\n      });\n    }, [aria, char, popoverId, open, resource.highlightedItemId]);\n\n    return (\n      <TriggerBehaviorRegistrationContext.Provider value={registration}>\n        <TriggerPopoverScopeContext.Provider value={resource}>\n          {open ? (\n            <Primitive.div\n              role=\"listbox\"\n              id={popoverId}\n              aria-label={ariaLabel ?? \"Suggestions\"}\n              aria-activedescendant={resource.highlightedItemId}\n              data-state=\"open\"\n              {...props}\n              ref={forwardedRef}\n            >\n              {children}\n            </Primitive.div>\n          ) : (\n            children\n          )}\n        </TriggerPopoverScopeContext.Provider>\n      </TriggerBehaviorRegistrationContext.Provider>\n    );\n  },\n);\n\nComposerPrimitiveTriggerPopover.displayName =\n  \"ComposerPrimitive.TriggerPopover\";\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,6BACJ,cAAmD,IAAI;AAEzD,MAAa,sCAAsC;CACjD,MAAM,MAAM,WAAW,0BAA0B;CACjD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,oFACF;CACF,OAAO;AACT;AAEA,MAAa,8CACX,WAAW,0BAA0B;AAOvC,MAAM,qCACJ,cAAkD,IAAI;;AAGxD,MAAa,uCAAuC;CAClD,MAAM,MAAM,WAAW,kCAAkC;CACzD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,2GACF;CACF,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,kCAAkC,YAK3C,EAAE,MAAM,SAAS,cAAc,WAAW,UAAU,GAAG,SACvD,iBACG;CACH,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,IAAI;CAC/C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,OAA+B,IAAI;CACvD,MAAM,CAAC,UAAU,eAAe,SAAiC,IAAI;CACrE,MAAM,uBAAuB,OAAO,CAAC;CAErC,MAAM,WAAW,aACd,SAAS;EACR,qBAAqB,WAAW;EAChC,IACE,QAAQ,IAAI,aAAa,gBACzB,qBAAqB,UAAU,GAE/B,QAAQ,KACN,kCAAkC,KAAK,sKACzC;EAEF,YAAY,UAAU;EACtB,YAAY,IAAI;EAChB,aAAa;GACX,qBAAqB,UAAU,KAAK,IAClC,GACA,qBAAqB,UAAU,CACjC;GACA,IAAI,YAAY,YAAY,MAAM;IAChC,YAAY,UAAU;IACtB,YAAY,IAAI;GAClB;EACF;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,eAAe,eACZ,EAAE,SAAS,IAClB,CAAC,QAAQ,CACX;CAEA,MAAM,WAAW,YACf,uBAAuB;EACrB;EACA;EACA,aAAa;EACb,UAAU,YAAY,KAAA;EACtB;EACA;CACF,CAAC,CACH;CAGA,MAAM,cAAc,OAAO,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,OAAO,6BAA6B;CAC1C,gBAAgB;EACd,OAAO,KAAK,SAAS;GACnB;GACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,UAAU,YAAY;EACxB,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;CAAQ,CAAC;CAEzB,MAAM,iBAAiB,uCAAuC;CAC9D,gBAAgB;EACd,IAAI,CAAC,gBAAgB,OAAO,KAAA;EAC5B,OAAO,eAAe,SAAS,YAAY,OAAO;CACpD,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,OAAO,aAAa,QAAQ,SAAS;CAE3C,MAAM,OAAO,6BAA6B;CAE1C,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,aAAa;GACX,KAAK,cAAc,MAAM,IAAI;EAC/B;CACF,GAAG;EAAC;EAAM;EAAM;CAAI,CAAC;CAErB,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,KAAK,cAAc,MAAM;GACvB;GACA,mBAAmB,SAAS;EAC9B,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;EAAW;EAAM,SAAS;CAAiB,CAAC;CAE5D,OACE,oBAAC,mCAAmC,UAApC;EAA6C,OAAO;YAClD,oBAAC,2BAA2B,UAA5B;GAAqC,OAAO;aACzC,OACC,oBAAC,UAAU,KAAX;IACE,MAAK;IACL,IAAI;IACJ,cAAY,aAAa;IACzB,yBAAuB,SAAS;IAChC,cAAW;IACX,GAAI;IACJ,KAAK;IAEJ;GACY,CAAA,IAEf;EAEiC,CAAA;CACM,CAAA;AAEjD,CACF;AAEA,gCAAgC,cAC9B"}
+{"version":3,"file":"TriggerPopover.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useResource } from \"@assistant-ui/tap\";\nimport type { Unstable_TriggerAdapter } from \"@assistant-ui/core\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n} from \"react\";\nimport { Primitive } from \"../../../utils/Primitive\";\nimport { useComposerInputPluginRegistryOptional } from \"../ComposerInputPluginContext\";\nimport {\n  TriggerPopoverResource,\n  type TriggerPopoverResourceOutput,\n} from \"./TriggerPopoverResource\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\nimport {\n  useTriggerPopoverAriaPublish,\n  useTriggerPopoverRootContext,\n} from \"./TriggerPopoverRootContext\";\n\nconst TriggerPopoverScopeContext =\n  createContext<TriggerPopoverResourceOutput | null>(null);\n\nexport const useTriggerPopoverScopeContext = () => {\n  const ctx = useContext(TriggerPopoverScopeContext);\n  if (!ctx)\n    throw new Error(\n      \"useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\n\nexport const useTriggerPopoverScopeContextOptional = () =>\n  useContext(TriggerPopoverScopeContext);\n\n/** Registration API exposed to behavior sub-primitives. */\nexport type TriggerBehaviorRegistration = {\n  register(behavior: TriggerBehavior): () => void;\n};\n\nconst TriggerBehaviorRegistrationContext =\n  createContext<TriggerBehaviorRegistration | null>(null);\n\n/** Obtain the registration handle from the parent `<TriggerPopover>`. */\nexport const useTriggerBehaviorRegistration = () => {\n  const ctx = useContext(TriggerBehaviorRegistrationContext);\n  if (!ctx)\n    throw new Error(\n      \"TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\n\nexport namespace ComposerPrimitiveTriggerPopover {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof Primitive.div>,\n    \"onSelect\"\n  > & {\n    /** The character(s) that activate this trigger (e.g. `\"@\"`, `\"/\"`). Also serves as the trigger identity within the root. */\n    readonly char: string;\n    /** Adapter providing categories and items. */\n    readonly adapter?: Unstable_TriggerAdapter | undefined;\n  };\n}\n\n/**\n * Declares a trigger and renders its popover container. The popover only\n * renders its DOM (and children) when the trigger character is active in the\n * composer input and a behavior sub-primitive has been registered.\n *\n * A behavior is contributed by rendering exactly one of\n * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without\n * a behavior the trigger stays closed.\n *\n * Must be placed inside `ComposerPrimitive.Unstable_TriggerPopoverRoot`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover\n *   char=\"@\"\n *   adapter={mentionAdapter}\n * >\n *   <ComposerPrimitive.Unstable_TriggerPopover.Directive formatter={formatter} />\n *   <ComposerPrimitive.Unstable_TriggerPopoverCategories>\n *     {(cats) => cats.map(...)}\n *   </ComposerPrimitive.Unstable_TriggerPopoverCategories>\n *   <ComposerPrimitive.Unstable_TriggerPopoverItems>\n *     {(items) => items.map(...)}\n *   </ComposerPrimitive.Unstable_TriggerPopoverItems>\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopover = forwardRef<\n  ComposerPrimitiveTriggerPopover.Element,\n  ComposerPrimitiveTriggerPopover.Props\n>(\n  (\n    { char, adapter, \"aria-label\": ariaLabel, children, ...props },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const text = useAuiState((s) => s.composer.text);\n    const popoverId = useId();\n\n    // Track in state (for resource reactivity) + ref (dev warning on duplicate registrations).\n    const behaviorRef = useRef<TriggerBehavior | null>(null);\n    const [behavior, setBehavior] = useState<TriggerBehavior | null>(null);\n    const registrationCountRef = useRef(0);\n\n    const register = useCallback<TriggerBehaviorRegistration[\"register\"]>(\n      (next) => {\n        registrationCountRef.current += 1;\n        if (\n          process.env.NODE_ENV !== \"production\" &&\n          registrationCountRef.current > 1\n        ) {\n          console.warn(\n            `[assistant-ui] TriggerPopover \"${char}\" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`,\n          );\n        }\n        behaviorRef.current = next;\n        setBehavior(next);\n        return () => {\n          registrationCountRef.current = Math.max(\n            0,\n            registrationCountRef.current - 1,\n          );\n          if (behaviorRef.current === next) {\n            behaviorRef.current = null;\n            setBehavior(null);\n          }\n        };\n      },\n      [char],\n    );\n\n    const registration = useMemo<TriggerBehaviorRegistration>(\n      () => ({ register }),\n      [register],\n    );\n\n    const resource = useResource(\n      TriggerPopoverResource({\n        adapter,\n        text,\n        triggerChar: char,\n        behavior: behavior ?? undefined,\n        aui,\n        popoverId,\n      }),\n    );\n\n    // Wrapper changes per render, but tap-stable methods inside don't.\n    const resourceRef = useRef(resource);\n    resourceRef.current = resource;\n\n    const root = useTriggerPopoverRootContext();\n    useEffect(() => {\n      return root.register({\n        char,\n        ...(behavior ? { behavior } : {}),\n        resource: resourceRef.current,\n      });\n    }, [root, char, behavior]);\n\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    useEffect(() => {\n      if (!pluginRegistry) return undefined;\n      return pluginRegistry.register(resourceRef.current);\n    }, [pluginRegistry]);\n\n    const open = behavior !== null && resource.open;\n\n    const aria = useTriggerPopoverAriaPublish();\n\n    useEffect(() => {\n      if (!open) return undefined;\n      return () => {\n        aria.setActiveAria(char, null);\n      };\n    }, [aria, char, open]);\n\n    useEffect(() => {\n      if (!open) return;\n      aria.setActiveAria(char, {\n        popoverId,\n        highlightedItemId: resource.highlightedItemId,\n      });\n    }, [aria, char, popoverId, open, resource.highlightedItemId]);\n\n    return (\n      <TriggerBehaviorRegistrationContext.Provider value={registration}>\n        <TriggerPopoverScopeContext.Provider value={resource}>\n          {open ? (\n            <Primitive.div\n              role=\"listbox\"\n              id={popoverId}\n              aria-label={ariaLabel ?? \"Suggestions\"}\n              aria-activedescendant={resource.highlightedItemId}\n              data-state=\"open\"\n              {...props}\n              ref={forwardedRef}\n            >\n              {children}\n            </Primitive.div>\n          ) : (\n            children\n          )}\n        </TriggerPopoverScopeContext.Provider>\n      </TriggerBehaviorRegistrationContext.Provider>\n    );\n  },\n);\n\nComposerPrimitiveTriggerPopover.displayName =\n  \"ComposerPrimitive.TriggerPopover\";\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,6BACJ,cAAmD,IAAI;AAEzD,MAAa,sCAAsC;CACjD,MAAM,MAAM,WAAW,0BAA0B;CACjD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,oFACF;CACF,OAAO;AACT;AAEA,MAAa,8CACX,WAAW,0BAA0B;AAOvC,MAAM,qCACJ,cAAkD,IAAI;;AAGxD,MAAa,uCAAuC;CAClD,MAAM,MAAM,WAAW,kCAAkC;CACzD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,2GACF;CACF,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,kCAAkC,YAK3C,EAAE,MAAM,SAAS,cAAc,WAAW,UAAU,GAAG,SACvD,iBACG;CACH,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,IAAI;CAC/C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,OAA+B,IAAI;CACvD,MAAM,CAAC,UAAU,eAAe,SAAiC,IAAI;CACrE,MAAM,uBAAuB,OAAO,CAAC;CAErC,MAAM,WAAW,aACd,SAAS;EACR,qBAAqB,WAAW;EAChC,IACE,QAAQ,IAAI,aAAa,gBACzB,qBAAqB,UAAU,GAE/B,QAAQ,KACN,kCAAkC,KAAK,sKACzC;EAEF,YAAY,UAAU;EACtB,YAAY,IAAI;EAChB,aAAa;GACX,qBAAqB,UAAU,KAAK,IAClC,GACA,qBAAqB,UAAU,CACjC;GACA,IAAI,YAAY,YAAY,MAAM;IAChC,YAAY,UAAU;IACtB,YAAY,IAAI;GAClB;EACF;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,eAAe,eACZ,EAAE,SAAS,IAClB,CAAC,QAAQ,CACX;CAEA,MAAM,WAAW,YACf,uBAAuB;EACrB;EACA;EACA,aAAa;EACb,UAAU,YAAY,KAAA;EACtB;EACA;CACF,CAAC,CACH;CAGA,MAAM,cAAc,OAAO,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,OAAO,6BAA6B;CAC1C,gBAAgB;EACd,OAAO,KAAK,SAAS;GACnB;GACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,UAAU,YAAY;EACxB,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;CAAQ,CAAC;CAEzB,MAAM,iBAAiB,uCAAuC;CAC9D,gBAAgB;EACd,IAAI,CAAC,gBAAgB,OAAO,KAAA;EAC5B,OAAO,eAAe,SAAS,YAAY,OAAO;CACpD,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,OAAO,aAAa,QAAQ,SAAS;CAE3C,MAAM,OAAO,6BAA6B;CAE1C,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,aAAa;GACX,KAAK,cAAc,MAAM,IAAI;EAC/B;CACF,GAAG;EAAC;EAAM;EAAM;CAAI,CAAC;CAErB,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,KAAK,cAAc,MAAM;GACvB;GACA,mBAAmB,SAAS;EAC9B,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;EAAW;EAAM,SAAS;CAAiB,CAAC;CAE5D,OACE,oBAAC,mCAAmC,UAApC;EAA6C,OAAO;YAClD,oBAAC,2BAA2B,UAA5B;GAAqC,OAAO;aACzC,OACC,oBAAC,UAAU,KAAX;IACE,MAAK;IACL,IAAI;IACJ,cAAY,aAAa;IACzB,yBAAuB,SAAS;IAChC,cAAW;IACX,GAAI;IACJ,KAAK;IAEJ;GACY,CAAA,IAEf;EAEiC,CAAA;CACM,CAAA;AAEjD,CACF;AAEA,gCAAgC,cAC9B"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
 import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/trigger/TriggerPopoverAction.tsx
 /**
 * Configures a `<TriggerPopover>` to fire a handler when an item is selected,

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

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/trigger/TriggerPopoverBack.tsx

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

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-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/composer/trigger/TriggerPopoverCategories.tsx

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

@@ -1,7 +1,7 @@
 "use client";
 import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
 import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/trigger/TriggerPopoverDirective.tsx
 /**
 * Configures a `<TriggerPopover>` to insert a directive chip when an item is

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

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-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/composer/trigger/TriggerPopoverItems.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerPopoverResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"mappings":";;;;;;;KAoBY,gBAAA,GAAmB,eAAe;AAAA,KAElC,4BAAA;EAAA,SACD,IAAA;EAAA,SACA,KAAA;EAAA,SACA,gBAAA;EAAA,SACA,UAAA,WAAqB,wBAAA;EAAA,SACrB,KAAA,WAAgB,oBAAA;EAAA,SAChB,gBAAA;EAAA,SACA,YAAA,WAFgB;EAAA,SAIhB,SAAA,UAiBsB;EAAA,SAftB,iBAAA;EAET,cAAA,CAAe,UAAA;EACf,MAAA;EACA,UAAA,CAAW,IAAA,EAAM,oBAAA;EACjB,KAAA,UAZS;EAcT,cAAA,CAAe,KAAA;EACf,aAAA,CAAc,CAAA;IAAA,SACH,GAAA;IAAA,SACA,QAAA;IACT,cAAA;EAAA;EAGF,iBAAA,CAAkB,GAAA;EAClB,0BAAA,CAA2B,EAAA,EAAI,kBAAA;AAAA;;cAIpB,sBAAA,GAAsB,KAAA;WAStB,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAxBP;;;WAoBW,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAjBwB"}
+{"version":3,"file":"TriggerPopoverResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"mappings":";;;;;;;KAqBY,gBAAA,GAAmB,eAAe;AAAA,KAElC,4BAAA;EAAA,SACD,IAAA;EAAA,SACA,KAAA;EAAA,SACA,gBAAA;EAAA,SACA,UAAA,WAAqB,wBAAA;EAAA,SACrB,KAAA,WAAgB,oBAAA;EAAA,SAChB,gBAAA;EAAA,SACA,YAAA,WAFgB;EAAA,SAIhB,SAAA,UAiBsB;EAAA,SAftB,iBAAA;EAET,cAAA,CAAe,UAAA;EACf,MAAA;EACA,UAAA,CAAW,IAAA,EAAM,oBAAA;EACjB,KAAA,UAZS;EAcT,cAAA,CAAe,KAAA;EACf,aAAA,CAAc,CAAA;IAAA,SACH,GAAA;IAAA,SACA,QAAA;IACT,cAAA;EAAA;EAGF,iBAAA,CAAkB,GAAA;EAClB,0BAAA,CAA2B,EAAA,EAAI,kBAAA;AAAA;;cAIpB,sBAAA,GAAsB,KAAA;WAQxB,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAvBL;;;WAmBS,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAhB0B"}

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

@@ -2,24 +2,25 @@ import { TriggerDetectionResource } from "./triggerDetectionResource.js";
 import { TriggerKeyboardResource } from "./triggerKeyboardResource.js";
 import { TriggerNavigationResource } from "./triggerNavigationResource.js";
 import { TriggerSelectionResource } from "./triggerSelectionResource.js";
-import { resource, tapEffectEvent, tapResource } from "@assistant-ui/tap";
+import { useEffectEvent } from "@assistant-ui/tap/react-shim";
+import { resource, useResource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/TriggerPopoverResource.ts
 /** Composes detection, navigation, keyboard, and selection sub-resources. */
-const TriggerPopoverResource = resource(({ adapter, text, triggerChar, behavior, aui, popoverId }) => {
-	const detection = tapResource(TriggerDetectionResource({
+const TriggerPopoverResource = resource(function TriggerPopoverResource({ adapter, text, triggerChar, behavior, aui, popoverId }) {
+	const detection = useResource(TriggerDetectionResource({
 		text,
 		triggerChar
 	}));
 	const open = detection.trigger !== null && adapter !== void 0 && behavior !== void 0;
-	const navigation = tapResource(TriggerNavigationResource({
+	const navigation = useResource(TriggerNavigationResource({
 		adapter,
 		query: detection.query,
 		open
 	}));
-	const onSelected = tapEffectEvent(() => {
+	const onSelected = useEffectEvent(() => {
 		navigation.goBack();
 	});
-	const selection = tapResource(TriggerSelectionResource({
+	const selection = useResource(TriggerSelectionResource({
 		behavior,
 		trigger: detection.trigger,
 		aui,
@@ -27,7 +28,7 @@ const TriggerPopoverResource = resource(({ adapter, text, triggerChar, behavior,
 		setCursorPosition: detection.setCursorPosition,
 		onSelected
 	}));
-	const keyboard = tapResource(TriggerKeyboardResource({
+	const keyboard = useResource(TriggerKeyboardResource({
 		navigableList: navigation.navigableList,
 		isSearchMode: navigation.isSearchMode,
 		activeCategoryId: navigation.activeCategoryId,

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerPopoverResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"sourcesContent":["import { resource, tapEffectEvent, tapResource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerAdapter,\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport { TriggerDetectionResource } from \"./triggerDetectionResource\";\nimport { TriggerKeyboardResource } from \"./triggerKeyboardResource\";\nimport { TriggerNavigationResource } from \"./triggerNavigationResource\";\nimport {\n  TriggerSelectionResource,\n  type SelectItemOverride,\n  type TriggerBehavior,\n} from \"./triggerSelectionResource\";\n\nexport type { SelectItemOverride, TriggerBehavior };\nexport type { TriggerPopoverKeyEvent } from \"./triggerKeyboardResource\";\n\n/** @deprecated Use `TriggerBehavior`. */\nexport type OnSelectBehavior = TriggerBehavior;\n\nexport type TriggerPopoverResourceOutput = {\n  readonly open: boolean;\n  readonly query: string;\n  readonly activeCategoryId: string | null;\n  readonly categories: readonly Unstable_TriggerCategory[];\n  readonly items: readonly Unstable_TriggerItem[];\n  readonly highlightedIndex: number;\n  readonly isSearchMode: boolean;\n  /** Stable ID prefix for generating accessible element IDs. */\n  readonly popoverId: string;\n  /** ID of the currently highlighted item (for aria-activedescendant). */\n  readonly highlightedItemId: string | undefined;\n\n  selectCategory(categoryId: string): void;\n  goBack(): void;\n  selectItem(item: Unstable_TriggerItem): void;\n  close(): void;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  handleKeyDown(e: {\n    readonly key: string;\n    readonly shiftKey: boolean;\n    preventDefault(): void;\n  }): boolean;\n\n  setCursorPosition(pos: number): void;\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Composes detection, navigation, keyboard, and selection sub-resources. */\nexport const TriggerPopoverResource = resource(\n  ({\n    adapter,\n    text,\n    triggerChar,\n    behavior,\n    aui,\n    popoverId,\n  }: {\n    adapter: Unstable_TriggerAdapter | undefined;\n    text: string;\n    triggerChar: string;\n    behavior: TriggerBehavior | undefined;\n    aui: AssistantClient;\n    /** Stable ID for accessible element IDs (pass React's useId() from component layer). */\n    popoverId: string;\n  }): TriggerPopoverResourceOutput => {\n    const detection = tapResource(\n      TriggerDetectionResource({ text, triggerChar }),\n    );\n\n    const open =\n      detection.trigger !== null &&\n      adapter !== undefined &&\n      behavior !== undefined;\n\n    const navigation = tapResource(\n      TriggerNavigationResource({\n        adapter,\n        query: detection.query,\n        open,\n      }),\n    );\n\n    const onSelected = tapEffectEvent(() => {\n      navigation.goBack();\n    });\n\n    const selection = tapResource(\n      TriggerSelectionResource({\n        behavior,\n        trigger: detection.trigger,\n        aui,\n        triggerChar,\n        setCursorPosition: detection.setCursorPosition,\n        onSelected,\n      }),\n    );\n\n    const keyboard = tapResource(\n      TriggerKeyboardResource({\n        navigableList: navigation.navigableList,\n        isSearchMode: navigation.isSearchMode,\n        activeCategoryId: navigation.activeCategoryId,\n        query: detection.query,\n        popoverId,\n        open,\n        selectItem: selection.selectItem,\n        selectCategory: navigation.selectCategory,\n        goBack: navigation.goBack,\n        close: selection.close,\n      }),\n    );\n\n    return {\n      open,\n      query: detection.query,\n      activeCategoryId: navigation.activeCategoryId,\n      categories: navigation.categories,\n      items: navigation.items,\n      highlightedIndex: keyboard.highlightedIndex,\n      isSearchMode: navigation.isSearchMode,\n      popoverId,\n      highlightedItemId: keyboard.highlightedItemId,\n      selectCategory: navigation.selectCategory,\n      goBack: navigation.goBack,\n      selectItem: selection.selectItem,\n      close: selection.close,\n      highlightIndex: keyboard.highlightIndex,\n      handleKeyDown: keyboard.handleKeyDown,\n      setCursorPosition: detection.setCursorPosition,\n      registerSelectItemOverride: selection.registerSelectItemOverride,\n    };\n  },\n);\n"],"mappings":";;;;;;;AAoDA,MAAa,yBAAyB,UACnC,EACC,SACA,MACA,aACA,UACA,KACA,gBASkC;CAClC,MAAM,YAAY,YAChB,yBAAyB;EAAE;EAAM;CAAY,CAAC,CAChD;CAEA,MAAM,OACJ,UAAU,YAAY,QACtB,YAAY,KAAA,KACZ,aAAa,KAAA;CAEf,MAAM,aAAa,YACjB,0BAA0B;EACxB;EACA,OAAO,UAAU;EACjB;CACF,CAAC,CACH;CAEA,MAAM,aAAa,qBAAqB;EACtC,WAAW,OAAO;CACpB,CAAC;CAED,MAAM,YAAY,YAChB,yBAAyB;EACvB;EACA,SAAS,UAAU;EACnB;EACA;EACA,mBAAmB,UAAU;EAC7B;CACF,CAAC,CACH;CAEA,MAAM,WAAW,YACf,wBAAwB;EACtB,eAAe,WAAW;EAC1B,cAAc,WAAW;EACzB,kBAAkB,WAAW;EAC7B,OAAO,UAAU;EACjB;EACA;EACA,YAAY,UAAU;EACtB,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,OAAO,UAAU;CACnB,CAAC,CACH;CAEA,OAAO;EACL;EACA,OAAO,UAAU;EACjB,kBAAkB,WAAW;EAC7B,YAAY,WAAW;EACvB,OAAO,WAAW;EAClB,kBAAkB,SAAS;EAC3B,cAAc,WAAW;EACzB;EACA,mBAAmB,SAAS;EAC5B,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,YAAY,UAAU;EACtB,OAAO,UAAU;EACjB,gBAAgB,SAAS;EACzB,eAAe,SAAS;EACxB,mBAAmB,UAAU;EAC7B,4BAA4B,UAAU;CACxC;AACF,CACF"}
+{"version":3,"file":"TriggerPopoverResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"sourcesContent":["import { useEffectEvent } from \"react\";\nimport { useResource, resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerAdapter,\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport { TriggerDetectionResource } from \"./triggerDetectionResource\";\nimport { TriggerKeyboardResource } from \"./triggerKeyboardResource\";\nimport { TriggerNavigationResource } from \"./triggerNavigationResource\";\nimport {\n  TriggerSelectionResource,\n  type SelectItemOverride,\n  type TriggerBehavior,\n} from \"./triggerSelectionResource\";\n\nexport type { SelectItemOverride, TriggerBehavior };\nexport type { TriggerPopoverKeyEvent } from \"./triggerKeyboardResource\";\n\n/** @deprecated Use `TriggerBehavior`. */\nexport type OnSelectBehavior = TriggerBehavior;\n\nexport type TriggerPopoverResourceOutput = {\n  readonly open: boolean;\n  readonly query: string;\n  readonly activeCategoryId: string | null;\n  readonly categories: readonly Unstable_TriggerCategory[];\n  readonly items: readonly Unstable_TriggerItem[];\n  readonly highlightedIndex: number;\n  readonly isSearchMode: boolean;\n  /** Stable ID prefix for generating accessible element IDs. */\n  readonly popoverId: string;\n  /** ID of the currently highlighted item (for aria-activedescendant). */\n  readonly highlightedItemId: string | undefined;\n\n  selectCategory(categoryId: string): void;\n  goBack(): void;\n  selectItem(item: Unstable_TriggerItem): void;\n  close(): void;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  handleKeyDown(e: {\n    readonly key: string;\n    readonly shiftKey: boolean;\n    preventDefault(): void;\n  }): boolean;\n\n  setCursorPosition(pos: number): void;\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Composes detection, navigation, keyboard, and selection sub-resources. */\nexport const TriggerPopoverResource = resource(function TriggerPopoverResource({\n  adapter,\n  text,\n  triggerChar,\n  behavior,\n  aui,\n  popoverId,\n}: {\n  adapter: Unstable_TriggerAdapter | undefined;\n  text: string;\n  triggerChar: string;\n  behavior: TriggerBehavior | undefined;\n  aui: AssistantClient;\n  /** Stable ID for accessible element IDs (pass React's useId() from component layer). */\n  popoverId: string;\n}): TriggerPopoverResourceOutput {\n  const detection = useResource(\n    TriggerDetectionResource({ text, triggerChar }),\n  );\n\n  const open =\n    detection.trigger !== null &&\n    adapter !== undefined &&\n    behavior !== undefined;\n\n  const navigation = useResource(\n    TriggerNavigationResource({\n      adapter,\n      query: detection.query,\n      open,\n    }),\n  );\n\n  const onSelected = useEffectEvent(() => {\n    navigation.goBack();\n  });\n\n  const selection = useResource(\n    TriggerSelectionResource({\n      behavior,\n      trigger: detection.trigger,\n      aui,\n      triggerChar,\n      setCursorPosition: detection.setCursorPosition,\n      onSelected,\n    }),\n  );\n\n  const keyboard = useResource(\n    TriggerKeyboardResource({\n      navigableList: navigation.navigableList,\n      isSearchMode: navigation.isSearchMode,\n      activeCategoryId: navigation.activeCategoryId,\n      query: detection.query,\n      popoverId,\n      open,\n      selectItem: selection.selectItem,\n      selectCategory: navigation.selectCategory,\n      goBack: navigation.goBack,\n      close: selection.close,\n    }),\n  );\n\n  return {\n    open,\n    query: detection.query,\n    activeCategoryId: navigation.activeCategoryId,\n    categories: navigation.categories,\n    items: navigation.items,\n    highlightedIndex: keyboard.highlightedIndex,\n    isSearchMode: navigation.isSearchMode,\n    popoverId,\n    highlightedItemId: keyboard.highlightedItemId,\n    selectCategory: navigation.selectCategory,\n    goBack: navigation.goBack,\n    selectItem: selection.selectItem,\n    close: selection.close,\n    highlightIndex: keyboard.highlightIndex,\n    handleKeyDown: keyboard.handleKeyDown,\n    setCursorPosition: detection.setCursorPosition,\n    registerSelectItemOverride: selection.registerSelectItemOverride,\n  };\n});\n"],"mappings":";;;;;;;;AAqDA,MAAa,yBAAyB,SAAS,SAAS,uBAAuB,EAC7E,SACA,MACA,aACA,UACA,KACA,aAS+B;CAC/B,MAAM,YAAY,YAChB,yBAAyB;EAAE;EAAM;CAAY,CAAC,CAChD;CAEA,MAAM,OACJ,UAAU,YAAY,QACtB,YAAY,KAAA,KACZ,aAAa,KAAA;CAEf,MAAM,aAAa,YACjB,0BAA0B;EACxB;EACA,OAAO,UAAU;EACjB;CACF,CAAC,CACH;CAEA,MAAM,aAAa,qBAAqB;EACtC,WAAW,OAAO;CACpB,CAAC;CAED,MAAM,YAAY,YAChB,yBAAyB;EACvB;EACA,SAAS,UAAU;EACnB;EACA;EACA,mBAAmB,UAAU;EAC7B;CACF,CAAC,CACH;CAEA,MAAM,WAAW,YACf,wBAAwB;EACtB,eAAe,WAAW;EAC1B,cAAc,WAAW;EACzB,kBAAkB,WAAW;EAC7B,OAAO,UAAU;EACjB;EACA;EACA,YAAY,UAAU;EACtB,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,OAAO,UAAU;CACnB,CAAC,CACH;CAEA,OAAO;EACL;EACA,OAAO,UAAU;EACjB,kBAAkB,WAAW;EAC7B,YAAY,WAAW;EACvB,OAAO,WAAW;EAClB,kBAAkB,SAAS;EAC3B,cAAc,WAAW;EACzB;EACA,mBAAmB,SAAS;EAC5B,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,YAAY,UAAU;EACtB,OAAO,UAAU;EACjB,gBAAgB,SAAS;EACzB,eAAe,SAAS;EACxB,mBAAmB,UAAU;EAC7B,4BAA4B,UAAU;CACxC;AACF,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client";
 import { ComposerInputPluginProvider, useComposerInputPluginRegistryOptional } from "../ComposerInputPluginContext.js";
-import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/composer/trigger/TriggerPopoverRootContext.tsx
 const TriggerPopoverRootContext = createContext(null);

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

@@ -1 +1 @@
-{"version":3,"file":"triggerDetectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"mappings":";;KAIY,eAAA;EAAA,SACD,MAAA;EAAA,SACA,KAAK;AAAA;AAAA,KAGJ,8BAAA;EAAA,2DAED,OAAA,EAAS,eAAe;WAExB,KAAA,UAFA;EAIT,iBAAA,CAAkB,GAAA;AAAA;;cAIP,wBAAA,GAAwB,KAAA;;;kDAuBpC,8BAAA"}
+{"version":3,"file":"triggerDetectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"mappings":";;KAKY,eAAA;EAAA,SACD,MAAA;EAAA,SACA,KAAK;AAAA;AAAA,KAGJ,8BAAA;EAAA,2DAED,OAAA,EAAS,eAAe;WAExB,KAAA,UAFA;EAIT,iBAAA,CAAkB,GAAA;AAAA;;cAIP,wBAAA,GAAwB,KAAA;;;kDAuBpC,8BAAA"}

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

@@ -1,10 +1,11 @@
 import { detectTrigger } from "./detectTrigger.js";
-import { resource, tapMemo, tapState } from "@assistant-ui/tap";
+import { useMemo, useState } from "@assistant-ui/tap/react-shim";
+import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerDetectionResource.ts
 /** Tracks cursor position and derives the active trigger + query from composer text. */
-const TriggerDetectionResource = resource(({ text, triggerChar }) => {
-	const [cursorPosition, setCursorPosition] = tapState(text.length);
-	const trigger = tapMemo(() => {
+const TriggerDetectionResource = resource(function TriggerDetectionResource({ text, triggerChar }) {
+	const [cursorPosition, setCursorPosition] = useState(text.length);
+	const trigger = useMemo(() => {
 		return detectTrigger(text, triggerChar, Math.min(cursorPosition, text.length));
 	}, [
 		cursorPosition,

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

@@ -1 +1 @@
-{"version":3,"file":"triggerDetectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"sourcesContent":["import { resource, tapMemo, tapState } from \"@assistant-ui/tap\";\nimport { detectTrigger } from \"./detectTrigger\";\n\n/** Detected trigger position within the composer text. */\nexport type DetectedTrigger = {\n  readonly offset: number;\n  readonly query: string;\n};\n\nexport type TriggerDetectionResourceOutput = {\n  /** Detected trigger (or `null` when inactive). */\n  readonly trigger: DetectedTrigger | null;\n  /** Current query string (empty when no trigger active). */\n  readonly query: string;\n  /** Update the tracked cursor position (wired to composer input). */\n  setCursorPosition(pos: number): void;\n};\n\n/** Tracks cursor position and derives the active trigger + query from composer text. */\nexport const TriggerDetectionResource = resource(\n  ({\n    text,\n    triggerChar,\n  }: {\n    text: string;\n    triggerChar: string;\n  }): TriggerDetectionResourceOutput => {\n    const [cursorPosition, setCursorPosition] = tapState(text.length);\n\n    const trigger = tapMemo(() => {\n      const pos = Math.min(cursorPosition, text.length);\n      return detectTrigger(text, triggerChar, pos);\n    }, [cursorPosition, text, triggerChar]);\n\n    const query = trigger?.query ?? \"\";\n\n    return {\n      trigger,\n      query,\n      setCursorPosition,\n    };\n  },\n);\n"],"mappings":";;;;AAmBA,MAAa,2BAA2B,UACrC,EACC,MACA,kBAIoC;CACpC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK,MAAM;CAEhE,MAAM,UAAU,cAAc;EAE5B,OAAO,cAAc,MAAM,aADf,KAAK,IAAI,gBAAgB,KAAK,MACA,CAAC;CAC7C,GAAG;EAAC;EAAgB;EAAM;CAAW,CAAC;CAItC,OAAO;EACL;EACA,OAJY,SAAS,SAAS;EAK9B;CACF;AACF,CACF"}
+{"version":3,"file":"triggerDetectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport { detectTrigger } from \"./detectTrigger\";\n\n/** Detected trigger position within the composer text. */\nexport type DetectedTrigger = {\n  readonly offset: number;\n  readonly query: string;\n};\n\nexport type TriggerDetectionResourceOutput = {\n  /** Detected trigger (or `null` when inactive). */\n  readonly trigger: DetectedTrigger | null;\n  /** Current query string (empty when no trigger active). */\n  readonly query: string;\n  /** Update the tracked cursor position (wired to composer input). */\n  setCursorPosition(pos: number): void;\n};\n\n/** Tracks cursor position and derives the active trigger + query from composer text. */\nexport const TriggerDetectionResource = resource(\n  function TriggerDetectionResource({\n    text,\n    triggerChar,\n  }: {\n    text: string;\n    triggerChar: string;\n  }): TriggerDetectionResourceOutput {\n    const [cursorPosition, setCursorPosition] = useState(text.length);\n\n    const trigger = useMemo(() => {\n      const pos = Math.min(cursorPosition, text.length);\n      return detectTrigger(text, triggerChar, pos);\n    }, [cursorPosition, text, triggerChar]);\n\n    const query = trigger?.query ?? \"\";\n\n    return {\n      trigger,\n      query,\n      setCursorPosition,\n    };\n  },\n);\n"],"mappings":";;;;;AAoBA,MAAa,2BAA2B,SACtC,SAAS,yBAAyB,EAChC,MACA,eAIiC;CACjC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK,MAAM;CAEhE,MAAM,UAAU,cAAc;EAE5B,OAAO,cAAc,MAAM,aADf,KAAK,IAAI,gBAAgB,KAAK,MACA,CAAC;CAC7C,GAAG;EAAC;EAAgB;EAAM;CAAW,CAAC;CAItC,OAAO;EACL;EACA,OAJY,SAAS,SAAS;EAK9B;CACF;AACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;;KAmBY,sBAAA;EAAA,SACD,GAAA;EAAA,SACA,QAAA;EACT,cAAA;AAAA;AAAA,KAGU,6BAAA;EAJD,mFAMA,gBAAA,UALK;EAAA,SAOL,iBAAA,sBAJC;EAMV,cAAA,CAAe,KAAA;EAEf,aAAA,CAAc,CAAA,EAAG,sBAAsB;AAAA;;;;;cAO5B,uBAAA,GAAuB,KAAA;2BAaP,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA;;;;2BAPQ,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA"}
+{"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;;KAeY,sBAAA;EAAA,SACD,GAAA;EAAA,SACA,QAAA;EACT,cAAA;AAAA;AAAA,KAGU,6BAAA;EAJD,mFAMA,gBAAA,UALK;EAAA,SAOL,iBAAA,sBAJC;EAMV,cAAA,CAAe,KAAA;EAEf,aAAA,CAAc,CAAA,EAAG,sBAAsB;AAAA;;;;;cAO5B,uBAAA,GAAuB,KAAA;2BAaP,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA;;;;2BAPQ,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA"}

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

@@ -1,4 +1,5 @@
-import { resource, tapEffect, tapEffectEvent, tapState } from "@assistant-ui/tap";
+import { useEffect, useEffectEvent, useState } from "@assistant-ui/tap/react-shim";
+import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerKeyboardResource.ts
 /** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */
 function isTriggerItem(x) {
@@ -8,20 +9,20 @@ function isTriggerItem(x) {
 * Owns keyboard-driven highlight state for the popover. Delegates selection,
 * category drill-in, back, and close to the callbacks supplied by the parent.
 */
-const TriggerKeyboardResource = resource(({ navigableList, isSearchMode, activeCategoryId, query, popoverId, open, selectItem, selectCategory, goBack, close }) => {
-	const [highlightedIndex, setHighlightedIndex] = tapState(0);
-	tapEffect(() => {
+const TriggerKeyboardResource = resource(function TriggerKeyboardResource({ navigableList, isSearchMode, activeCategoryId, query, popoverId, open, selectItem, selectCategory, goBack, close }) {
+	const [highlightedIndex, setHighlightedIndex] = useState(0);
+	useEffect(() => {
 		setHighlightedIndex(0);
 	}, [navigableList]);
-	tapEffect(() => {
+	useEffect(() => {
 		setHighlightedIndex(0);
 	}, [isSearchMode, activeCategoryId]);
-	const highlightIndex = tapEffectEvent((index) => {
+	const highlightIndex = useEffectEvent((index) => {
 		if (index < 0 || index >= navigableList.length) return;
 		if (index === highlightedIndex) return;
 		setHighlightedIndex(index);
 	});
-	const handleKeyDown = tapEffectEvent((e) => {
+	const handleKeyDown = useEffectEvent((e) => {
 		if (!open) return false;
 		switch (e.key) {
 			case "ArrowDown":

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

@@ -1 +1 @@
-{"version":3,"file":"triggerKeyboardResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"sourcesContent":["import {\n  resource,\n  tapEffect,\n  tapEffectEvent,\n  tapState,\n} from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\n/** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */\nfunction isTriggerItem(\n  x: Unstable_TriggerItem | Unstable_TriggerCategory,\n): x is Unstable_TriggerItem {\n  return \"type\" in x;\n}\n\n/** Key event shape accepted by the keyboard handler. */\nexport type TriggerPopoverKeyEvent = {\n  readonly key: string;\n  readonly shiftKey: boolean;\n  preventDefault(): void;\n};\n\nexport type TriggerKeyboardResourceOutput = {\n  /** Index of the currently highlighted entry within the navigable list. */\n  readonly highlightedIndex: number;\n  /** ID of the currently highlighted item (for `aria-activedescendant`). */\n  readonly highlightedItemId: string | undefined;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  /** Handle a key event; returns `true` if it was consumed. */\n  handleKeyDown(e: TriggerPopoverKeyEvent): boolean;\n};\n\n/**\n * Owns keyboard-driven highlight state for the popover. Delegates selection,\n * category drill-in, back, and close to the callbacks supplied by the parent.\n */\nexport const TriggerKeyboardResource = resource(\n  ({\n    navigableList,\n    isSearchMode,\n    activeCategoryId,\n    query,\n    popoverId,\n    open,\n    selectItem,\n    selectCategory,\n    goBack,\n    close,\n  }: {\n    navigableList: readonly (Unstable_TriggerCategory | Unstable_TriggerItem)[];\n    isSearchMode: boolean;\n    activeCategoryId: string | null;\n    query: string;\n    popoverId: string;\n    open: boolean;\n    selectItem: (item: Unstable_TriggerItem) => void;\n    selectCategory: (categoryId: string) => void;\n    goBack: () => void;\n    close: () => void;\n  }): TriggerKeyboardResourceOutput => {\n    const [highlightedIndex, setHighlightedIndex] = tapState(0);\n\n    tapEffect(() => {\n      setHighlightedIndex(0);\n    }, [navigableList]);\n\n    tapEffect(() => {\n      setHighlightedIndex(0);\n    }, [isSearchMode, activeCategoryId]);\n\n    const highlightIndex = tapEffectEvent((index: number) => {\n      if (index < 0 || index >= navigableList.length) return;\n      if (index === highlightedIndex) return;\n      setHighlightedIndex(index);\n    });\n\n    const handleKeyDown = tapEffectEvent(\n      (e: TriggerPopoverKeyEvent): boolean => {\n        if (!open) return false;\n\n        switch (e.key) {\n          case \"ArrowDown\": {\n            e.preventDefault();\n            setHighlightedIndex((prev) => {\n              const len = navigableList.length;\n              if (len === 0) return 0;\n              return prev < len - 1 ? prev + 1 : 0;\n            });\n            return true;\n          }\n          case \"ArrowUp\": {\n            e.preventDefault();\n            setHighlightedIndex((prev) => {\n              const len = navigableList.length;\n              if (len === 0) return 0;\n              return prev > 0 ? prev - 1 : len - 1;\n            });\n            return true;\n          }\n          case \"Enter\":\n          case \"Tab\": {\n            if (e.shiftKey) return false;\n            e.preventDefault();\n            const item = navigableList[highlightedIndex];\n            if (!item) return true;\n\n            if (isTriggerItem(item)) {\n              selectItem(item);\n            } else {\n              selectCategory(item.id);\n            }\n            return true;\n          }\n          case \"Escape\": {\n            e.preventDefault();\n            close();\n            return true;\n          }\n          case \"Backspace\": {\n            if (activeCategoryId && query === \"\") {\n              e.preventDefault();\n              goBack();\n              return true;\n            }\n            return false;\n          }\n          default:\n            return false;\n        }\n      },\n    );\n\n    const highlightedEntry = navigableList[highlightedIndex];\n    const highlightedItemId =\n      open && highlightedEntry\n        ? `${popoverId}-option-${highlightedEntry.id}`\n        : undefined;\n\n    return {\n      highlightedIndex,\n      highlightedItemId,\n      highlightIndex,\n      handleKeyDown,\n    };\n  },\n);\n"],"mappings":";;;AAYA,SAAS,cACP,GAC2B;CAC3B,OAAO,UAAU;AACnB;;;;;AAwBA,MAAa,0BAA0B,UACpC,EACC,eACA,cACA,kBACA,OACA,WACA,MACA,YACA,gBACA,QACA,YAYmC;CACnC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,CAAC;CAE1D,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,aAAa,CAAC;CAElB,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,cAAc,gBAAgB,CAAC;CAEnC,MAAM,iBAAiB,gBAAgB,UAAkB;EACvD,IAAI,QAAQ,KAAK,SAAS,cAAc,QAAQ;EAChD,IAAI,UAAU,kBAAkB;EAChC,oBAAoB,KAAK;CAC3B,CAAC;CAED,MAAM,gBAAgB,gBACnB,MAAuC;EACtC,IAAI,CAAC,MAAM,OAAO;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;IACrC,CAAC;IACD,OAAO;GAET,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,IAAI,OAAO,IAAI,MAAM;IACrC,CAAC;IACD,OAAO;GAET,KAAK;GACL,KAAK,OAAO;IACV,IAAI,EAAE,UAAU,OAAO;IACvB,EAAE,eAAe;IACjB,MAAM,OAAO,cAAc;IAC3B,IAAI,CAAC,MAAM,OAAO;IAElB,IAAI,cAAc,IAAI,GACpB,WAAW,IAAI;SAEf,eAAe,KAAK,EAAE;IAExB,OAAO;GACT;GACA,KAAK;IACH,EAAE,eAAe;IACjB,MAAM;IACN,OAAO;GAET,KAAK;IACH,IAAI,oBAAoB,UAAU,IAAI;KACpC,EAAE,eAAe;KACjB,OAAO;KACP,OAAO;IACT;IACA,OAAO;GAET,SACE,OAAO;EACX;CACF,CACF;CAEA,MAAM,mBAAmB,cAAc;CAMvC,OAAO;EACL;EACA,mBANA,QAAQ,mBACJ,GAAG,UAAU,UAAU,iBAAiB,OACxC,KAAA;EAKJ;EACA;CACF;AACF,CACF"}
+{"version":3,"file":"triggerKeyboardResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\n/** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */\nfunction isTriggerItem(\n  x: Unstable_TriggerItem | Unstable_TriggerCategory,\n): x is Unstable_TriggerItem {\n  return \"type\" in x;\n}\n\n/** Key event shape accepted by the keyboard handler. */\nexport type TriggerPopoverKeyEvent = {\n  readonly key: string;\n  readonly shiftKey: boolean;\n  preventDefault(): void;\n};\n\nexport type TriggerKeyboardResourceOutput = {\n  /** Index of the currently highlighted entry within the navigable list. */\n  readonly highlightedIndex: number;\n  /** ID of the currently highlighted item (for `aria-activedescendant`). */\n  readonly highlightedItemId: string | undefined;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  /** Handle a key event; returns `true` if it was consumed. */\n  handleKeyDown(e: TriggerPopoverKeyEvent): boolean;\n};\n\n/**\n * Owns keyboard-driven highlight state for the popover. Delegates selection,\n * category drill-in, back, and close to the callbacks supplied by the parent.\n */\nexport const TriggerKeyboardResource = resource(\n  function TriggerKeyboardResource({\n    navigableList,\n    isSearchMode,\n    activeCategoryId,\n    query,\n    popoverId,\n    open,\n    selectItem,\n    selectCategory,\n    goBack,\n    close,\n  }: {\n    navigableList: readonly (Unstable_TriggerCategory | Unstable_TriggerItem)[];\n    isSearchMode: boolean;\n    activeCategoryId: string | null;\n    query: string;\n    popoverId: string;\n    open: boolean;\n    selectItem: (item: Unstable_TriggerItem) => void;\n    selectCategory: (categoryId: string) => void;\n    goBack: () => void;\n    close: () => void;\n  }): TriggerKeyboardResourceOutput {\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n\n    useEffect(() => {\n      setHighlightedIndex(0);\n    }, [navigableList]);\n\n    useEffect(() => {\n      setHighlightedIndex(0);\n    }, [isSearchMode, activeCategoryId]);\n\n    const highlightIndex = useEffectEvent((index: number) => {\n      if (index < 0 || index >= navigableList.length) return;\n      if (index === highlightedIndex) return;\n      setHighlightedIndex(index);\n    });\n\n    const handleKeyDown = useEffectEvent(\n      (e: TriggerPopoverKeyEvent): boolean => {\n        if (!open) return false;\n\n        switch (e.key) {\n          case \"ArrowDown\": {\n            e.preventDefault();\n            setHighlightedIndex((prev) => {\n              const len = navigableList.length;\n              if (len === 0) return 0;\n              return prev < len - 1 ? prev + 1 : 0;\n            });\n            return true;\n          }\n          case \"ArrowUp\": {\n            e.preventDefault();\n            setHighlightedIndex((prev) => {\n              const len = navigableList.length;\n              if (len === 0) return 0;\n              return prev > 0 ? prev - 1 : len - 1;\n            });\n            return true;\n          }\n          case \"Enter\":\n          case \"Tab\": {\n            if (e.shiftKey) return false;\n            e.preventDefault();\n            const item = navigableList[highlightedIndex];\n            if (!item) return true;\n\n            if (isTriggerItem(item)) {\n              selectItem(item);\n            } else {\n              selectCategory(item.id);\n            }\n            return true;\n          }\n          case \"Escape\": {\n            e.preventDefault();\n            close();\n            return true;\n          }\n          case \"Backspace\": {\n            if (activeCategoryId && query === \"\") {\n              e.preventDefault();\n              goBack();\n              return true;\n            }\n            return false;\n          }\n          default:\n            return false;\n        }\n      },\n    );\n\n    const highlightedEntry = navigableList[highlightedIndex];\n    const highlightedItemId =\n      open && highlightedEntry\n        ? `${popoverId}-option-${highlightedEntry.id}`\n        : undefined;\n\n    return {\n      highlightedIndex,\n      highlightedItemId,\n      highlightIndex,\n      handleKeyDown,\n    };\n  },\n);\n"],"mappings":";;;;AAQA,SAAS,cACP,GAC2B;CAC3B,OAAO,UAAU;AACnB;;;;;AAwBA,MAAa,0BAA0B,SACrC,SAAS,wBAAwB,EAC/B,eACA,cACA,kBACA,OACA,WACA,MACA,YACA,gBACA,QACA,SAYgC;CAChC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,CAAC;CAE1D,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,aAAa,CAAC;CAElB,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,cAAc,gBAAgB,CAAC;CAEnC,MAAM,iBAAiB,gBAAgB,UAAkB;EACvD,IAAI,QAAQ,KAAK,SAAS,cAAc,QAAQ;EAChD,IAAI,UAAU,kBAAkB;EAChC,oBAAoB,KAAK;CAC3B,CAAC;CAED,MAAM,gBAAgB,gBACnB,MAAuC;EACtC,IAAI,CAAC,MAAM,OAAO;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;IACrC,CAAC;IACD,OAAO;GAET,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,IAAI,OAAO,IAAI,MAAM;IACrC,CAAC;IACD,OAAO;GAET,KAAK;GACL,KAAK,OAAO;IACV,IAAI,EAAE,UAAU,OAAO;IACvB,EAAE,eAAe;IACjB,MAAM,OAAO,cAAc;IAC3B,IAAI,CAAC,MAAM,OAAO;IAElB,IAAI,cAAc,IAAI,GACpB,WAAW,IAAI;SAEf,eAAe,KAAK,EAAE;IAExB,OAAO;GACT;GACA,KAAK;IACH,EAAE,eAAe;IACjB,MAAM;IACN,OAAO;GAET,KAAK;IACH,IAAI,oBAAoB,UAAU,IAAI;KACpC,EAAE,eAAe;KACjB,OAAO;KACP,OAAO;IACT;IACA,OAAO;GAET,SACE,OAAO;EACX;CACF,CACF;CAEA,MAAM,mBAAmB,cAAc;CAMvC,OAAO;EACL;EACA,mBANA,QAAQ,mBACJ,GAAG,UAAU,UAAU,iBAAiB,OACxC,KAAA;EAKJ;EACA;CACF;AACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;;KAqBY,+BAAA;iFAED,UAAA,WAAqB,wBAAA,IAFW;EAAA,SAIhC,KAAA,WAAgB,oBAAA,IAFK;EAAA,SAIrB,YAAA,WAKL;EAAA,SAHK,gBAAA,iBAIe;EAAA,SAFf,aAAA,YACL,wBAAA,GACA,oBAAA,KAVK;EAaT,cAAA,CAAe,UAAA,iBAXN;EAaT,MAAA;AAAA;;;;;cAOW,yBAAA,GAAyB,KAAA;WAMzB,uBAAA;;;;WAAA,uBAAA"}
+{"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;;KAgBY,+BAAA;iFAED,UAAA,WAAqB,wBAAA,IAFW;EAAA,SAIhC,KAAA,WAAgB,oBAAA,IAFK;EAAA,SAIrB,YAAA,WAKL;EAAA,SAHK,gBAAA,iBAIe;EAAA,SAFf,aAAA,YACL,wBAAA,GACA,oBAAA,KAVK;EAaT,cAAA,CAAe,UAAA,iBAXN;EAaT,MAAA;AAAA;;;;;cAOW,yBAAA,GAAyB,KAAA;WAMzB,uBAAA;;;;WAAA,uBAAA"}

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
 /**