You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
AIElementWrapper component — wraps any React node and exposes a floating trigger to query AI about that element. Two behaviors:
inline — floating tooltip with the assistant's answer.
drawer — push the wrapped element as a chip-style reference into the registered ChatDrawer.
Four showOn modes: hover, click, always, select. The select mode anchors the trigger to the user's text selection.
Trigger and tooltip rendered through a React portal with position: fixed, so they always stay above other UI (including the ChatDrawer) regardless of stacking context.
Singleton registry ensures only one wrapper shows its trigger at a time.
Provider / ChatDrawer integration
DevicProvider extended with references[], addReference, removeReference, clearReferences, registerDrawer, openDrawer.
ChatDrawer auto-registers in the provider, reads references from context, renders chips above the input area and prefixes outgoing user messages.
User-message bubbles parse the prefix and show chip widgets instead of the raw text — the LLM still receives the full prefixed content.
CustomPromptBoxProps extended with references, removeReference, clearReferences.