@devicai/ui 0.13.0 → 0.14.0

package/dist/cjs/components/AIElementWrapper/AIElementWrapper.js

@@ -0,0 +1,334 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var DevicContext = require('../../provider/DevicContext.js');
+var index = require('../../utils/index.js');
+var useAIElementWrapper = require('./useAIElementWrapper.js');
+var activeWrapperRegistry = require('./activeWrapperRegistry.js');
+
+const DEFAULT_OPTIONS = {
+    showOn: 'hover',
+    triggerPlacement: 'bottom',
+    tooltipPlacement: 'bottom',
+    tooltipWidth: 360,
+    triggerLabel: 'Preguntar a IA',
+    highlightOnInteract: true,
+    zIndex: 2147483000,
+    triggerBorderRadius: 999,
+    color: undefined,
+    drawerPromptPrefix: undefined,
+    defaultInlinePrompt: undefined,
+};
+function rectFromDom(rect) {
+    return { top: rect.top, left: rect.left, width: rect.width, height: rect.height };
+}
+function placementStyle(placement, anchor, offset = 8) {
+    const cx = anchor.left + anchor.width / 2;
+    const cy = anchor.top + anchor.height / 2;
+    switch (placement) {
+        case 'top':
+            return { position: 'fixed', top: anchor.top - offset, left: cx, transform: 'translate(-50%, -100%)' };
+        case 'bottom':
+            return { position: 'fixed', top: anchor.top + anchor.height + offset, left: cx, transform: 'translateX(-50%)' };
+        case 'left':
+            return { position: 'fixed', top: cy, left: anchor.left - offset, transform: 'translate(-100%, -50%)' };
+        case 'right':
+            return { position: 'fixed', top: cy, left: anchor.left + anchor.width + offset, transform: 'translateY(-50%)' };
+    }
+}
+/**
+ * AIElementWrapper wraps an arbitrary React node and exposes an AI trigger
+ * that can either show an inline floating tooltip with the assistant's
+ * answer (`behavior='inline'`) or push a reference to the registered
+ * ChatDrawer (`behavior='drawer'`).
+ *
+ * The trigger and inline tooltip are rendered through a React portal anchored
+ * to the wrapped element, so they always sit above other UI (including the
+ * ChatDrawer) regardless of stacking context.
+ */
+const AIElementWrapper = React.forwardRef(function AIElementWrapper(props, ref) {
+    const { label, data, referenceContent, behavior = 'inline', trigger, options = {}, assistantId, getPrompt, apiKey, baseUrl, tenantId, tenantMetadata, modelInterfaceTools, inlineRenderer, onActivate, onInlineResponse, onError, className, style, children, } = props;
+    const merged = React.useMemo(() => ({ ...DEFAULT_OPTIONS, ...options }), [options]);
+    // Stable instance ID used by the active-wrapper registry (singleton)
+    const wrapperIdRef = React.useRef('');
+    if (!wrapperIdRef.current)
+        wrapperIdRef.current = index.generateId();
+    const [activeWrapperId, setActiveWrapperLocal] = React.useState(activeWrapperRegistry.getActiveWrapper());
+    React.useEffect(() => activeWrapperRegistry.subscribeActiveWrapper(setActiveWrapperLocal), []);
+    const context = DevicContext.useOptionalDevicContext();
+    const containerRef = React.useRef(null);
+    const tooltipRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const [isHovered, setIsHovered] = React.useState(false);
+    const hoverTimerRef = React.useRef(null);
+    const setHoveredImmediately = React.useCallback((v) => {
+        if (hoverTimerRef.current) {
+            clearTimeout(hoverTimerRef.current);
+            hoverTimerRef.current = null;
+        }
+        if (v) {
+            setIsHovered(true);
+        }
+        else {
+            // Grace period so the cursor can travel from the wrapper to the
+            // portal-rendered trigger without the trigger disappearing mid-flight.
+            hoverTimerRef.current = setTimeout(() => setIsHovered(false), 200);
+        }
+    }, []);
+    React.useEffect(() => () => {
+        if (hoverTimerRef.current)
+            clearTimeout(hoverTimerRef.current);
+    }, []);
+    const [isInlineOpen, setIsInlineOpen] = React.useState(false);
+    const [containerRect, setContainerRect] = React.useState(null);
+    const [selectionRect, setSelectionRect] = React.useState(null);
+    const inline = useAIElementWrapper.useAIElementWrapper({
+        assistantId,
+        apiKey,
+        baseUrl,
+        tenantId,
+        tenantMetadata,
+        modelInterfaceTools,
+        onResponse: onInlineResponse,
+        onError,
+    });
+    // What this wrapper would show if there were no coordination.
+    const wantsTriggerVisible = merged.showOn === 'always' ||
+        (merged.showOn === 'hover' && isHovered) ||
+        (merged.showOn === 'click' && isInlineOpen) ||
+        (merged.showOn === 'select' && selectionRect !== null);
+    // Coordinate via the singleton registry so only one wrapper shows the
+    // floating trigger at a time. The most recent wrapper to want visibility
+    // wins; others hide until they are activated again.
+    const isActive = activeWrapperId === wrapperIdRef.current;
+    const triggerVisible = wantsTriggerVisible && (activeWrapperId === null || isActive);
+    React.useEffect(() => {
+        const id = wrapperIdRef.current;
+        if (wantsTriggerVisible) {
+            activeWrapperRegistry.setActiveWrapper(id);
+        }
+        else if (activeWrapperRegistry.getActiveWrapper() === id) {
+            activeWrapperRegistry.setActiveWrapper(null);
+        }
+    }, [wantsTriggerVisible]);
+    // Release the registry slot if the component unmounts while active.
+    React.useEffect(() => () => {
+        if (activeWrapperRegistry.getActiveWrapper() === wrapperIdRef.current) {
+            activeWrapperRegistry.setActiveWrapper(null);
+        }
+    }, []);
+    // Track container rect (for hover/click/always trigger and tooltip anchor)
+    const updateContainerRect = React.useCallback(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        setContainerRect(rectFromDom(el.getBoundingClientRect()));
+    }, []);
+    React.useLayoutEffect(() => {
+        if (!triggerVisible && !isInlineOpen)
+            return;
+        updateContainerRect();
+        const onScrollOrResize = () => updateContainerRect();
+        window.addEventListener('scroll', onScrollOrResize, true);
+        window.addEventListener('resize', onScrollOrResize);
+        return () => {
+            window.removeEventListener('scroll', onScrollOrResize, true);
+            window.removeEventListener('resize', onScrollOrResize);
+        };
+    }, [triggerVisible, isInlineOpen, updateContainerRect]);
+    // selectionchange listener for showOn='select'
+    React.useEffect(() => {
+        if (merged.showOn !== 'select') {
+            setSelectionRect(null);
+            return;
+        }
+        const isInside = (node, cont) => {
+            if (!node)
+                return false;
+            if (node === cont)
+                return true;
+            return cont.contains(node);
+        };
+        const recompute = () => {
+            const sel = window.getSelection();
+            const cont = containerRef.current;
+            if (!sel || sel.isCollapsed || !cont || sel.rangeCount === 0) {
+                setSelectionRect(null);
+                return;
+            }
+            // Don't react to selections happening elsewhere — but tolerate the
+            // case where anchor or focus are inside our container.
+            if (!isInside(sel.anchorNode, cont) && !isInside(sel.focusNode, cont)) {
+                setSelectionRect(null);
+                return;
+            }
+            const range = sel.getRangeAt(0);
+            const rect = range.getBoundingClientRect();
+            if (rect.width === 0 && rect.height === 0) {
+                setSelectionRect(null);
+                return;
+            }
+            setSelectionRect(rectFromDom(rect));
+        };
+        const onMouseUp = () => {
+            // Run on next tick so the browser commits the final selection state.
+            setTimeout(recompute, 0);
+        };
+        document.addEventListener('selectionchange', recompute);
+        document.addEventListener('mouseup', onMouseUp);
+        return () => {
+            document.removeEventListener('selectionchange', recompute);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+    }, [merged.showOn]);
+    const buildPrompt = React.useCallback(() => {
+        if (getPrompt)
+            return getPrompt({ data, label });
+        if (merged.defaultInlinePrompt)
+            return merged.defaultInlinePrompt;
+        // Use selected text if available, otherwise fall back to label
+        if (merged.showOn === 'select') {
+            const sel = window.getSelection();
+            const txt = sel?.toString().trim();
+            if (txt)
+                return `Cuéntame más sobre: "${txt}"`;
+        }
+        return `Cuéntame más sobre: ${label}`;
+    }, [getPrompt, data, label, merged.defaultInlinePrompt, merged.showOn]);
+    const handleActivate = React.useCallback(() => {
+        onActivate?.();
+        if (behavior === 'inline') {
+            if (!assistantId) {
+                const err = new Error('assistantId is required for behavior="inline"');
+                onError?.(err);
+                // eslint-disable-next-line no-console
+                console.warn('[AIElementWrapper]', err.message);
+                return;
+            }
+            setIsInlineOpen(true);
+            inline.reset();
+            inline.sendInlinePrompt(buildPrompt());
+            return;
+        }
+        // drawer behavior
+        if (!context) {
+            // eslint-disable-next-line no-console
+            console.warn('[AIElementWrapper] behavior="drawer" requires a DevicProvider ancestor.');
+            return;
+        }
+        // For 'select' showOn, prefer selected text as label content fallback
+        let finalLabel = label;
+        if (merged.showOn === 'select') {
+            const txt = window.getSelection()?.toString().trim();
+            if (txt)
+                finalLabel = txt;
+        }
+        context.addReference({ label: finalLabel, content: referenceContent, data });
+        context.openDrawer();
+    }, [
+        onActivate,
+        behavior,
+        assistantId,
+        onError,
+        inline,
+        buildPrompt,
+        context,
+        label,
+        referenceContent,
+        data,
+        merged.showOn,
+    ]);
+    const closeInline = React.useCallback(() => {
+        setIsInlineOpen(false);
+        inline.reset();
+    }, [inline]);
+    React.useImperativeHandle(ref, () => ({
+        activate: handleActivate,
+        close: closeInline,
+    }), [handleActivate, closeInline]);
+    // Click outside to close inline tooltip
+    React.useEffect(() => {
+        if (!isInlineOpen)
+            return;
+        const handler = (e) => {
+            const t = tooltipRef.current;
+            const c = containerRef.current;
+            const tr = triggerRef.current;
+            const target = e.target;
+            if (t && !t.contains(target) &&
+                c && !c.contains(target) &&
+                (!tr || !tr.contains(target))) {
+                closeInline();
+            }
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, [isInlineOpen, closeInline]);
+    // Anchor for trigger: selection rect (when showOn='select') else container rect
+    const triggerAnchor = merged.showOn === 'select' ? selectionRect : containerRect;
+    // Tooltip anchor: container rect (or selection if select mode)
+    const tooltipAnchor = merged.showOn === 'select' && selectionRect ? selectionRect : containerRect;
+    const triggerStyle = React.useMemo(() => {
+        if (!triggerAnchor)
+            return { display: 'none' };
+        return {
+            ...placementStyle(merged.triggerPlacement, triggerAnchor),
+            zIndex: merged.zIndex + 1,
+            pointerEvents: 'auto',
+        };
+    }, [triggerAnchor, merged.triggerPlacement, merged.zIndex]);
+    const tooltipStyle = React.useMemo(() => {
+        const w = typeof merged.tooltipWidth === 'number' ? `${merged.tooltipWidth}px` : merged.tooltipWidth;
+        if (!tooltipAnchor)
+            return { display: 'none' };
+        return {
+            ...placementStyle(merged.tooltipPlacement, tooltipAnchor),
+            width: w,
+            zIndex: merged.zIndex,
+        };
+    }, [tooltipAnchor, merged.tooltipPlacement, merged.tooltipWidth, merged.zIndex]);
+    const renderInlineContent = () => {
+        if (inline.error) {
+            return jsxRuntime.jsx("div", { className: "devic-aiwrap-error", children: inline.error.message });
+        }
+        if (inline.isProcessing) {
+            return (jsxRuntime.jsxs("div", { className: "devic-aiwrap-processing", children: [jsxRuntime.jsx("span", { className: "devic-aiwrap-spinner", "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: "Pensando\u2026" })] }));
+        }
+        if (inline.response) {
+            if (inlineRenderer)
+                return inlineRenderer(inline.response);
+            const text = typeof inline.response.content === 'string'
+                ? inline.response.content
+                : inline.response.content?.message || '';
+            return jsxRuntime.jsx("div", { className: "devic-aiwrap-answer", children: text });
+        }
+        return null;
+    };
+    const triggerNode = trigger ?? (jsxRuntime.jsxs("button", { type: "button", className: "devic-aiwrap-trigger", style: {
+            borderRadius: typeof merged.triggerBorderRadius === 'number'
+                ? `${merged.triggerBorderRadius}px`
+                : merged.triggerBorderRadius,
+            ...(merged.color ? { ['--devic-aiwrap-color']: merged.color } : {}),
+        }, children: [jsxRuntime.jsx("span", { className: "devic-aiwrap-trigger-icon", "aria-hidden": "true", children: jsxRuntime.jsx(SparklesIcon, {}) }), jsxRuntime.jsx("span", { className: "devic-aiwrap-trigger-label", children: merged.triggerLabel })] }));
+    const portalTarget = typeof document !== 'undefined' ? document.body : null;
+    return (jsxRuntime.jsxs("span", { ref: containerRef, className: `devic-aiwrap-container ${className || ''}`, style: { position: 'relative', display: 'inline-block', ...style }, "data-highlight": merged.highlightOnInteract && (isHovered || isInlineOpen) ? 'true' : 'false', onMouseEnter: () => setHoveredImmediately(true), onMouseLeave: () => setHoveredImmediately(false), children: [jsxRuntime.jsx("span", { className: "devic-aiwrap-content", children: children }), portalTarget && triggerVisible &&
+                reactDom.createPortal(jsxRuntime.jsx("div", { ref: triggerRef, className: "devic-aiwrap-trigger-wrapper", style: triggerStyle, onMouseEnter: () => setHoveredImmediately(true), onMouseLeave: () => setHoveredImmediately(false), onMouseDown: (e) => {
+                        // Prevent losing the text selection when interacting with trigger
+                        e.preventDefault();
+                    }, onClick: (e) => {
+                        e.stopPropagation();
+                        handleActivate();
+                    }, children: triggerNode }), portalTarget), portalTarget && behavior === 'inline' && isInlineOpen &&
+                reactDom.createPortal(jsxRuntime.jsxs("div", { ref: tooltipRef, className: "devic-aiwrap-tooltip", style: tooltipStyle, "data-placement": merged.tooltipPlacement, children: [jsxRuntime.jsxs("div", { className: "devic-aiwrap-tooltip-header", children: [jsxRuntime.jsx("span", { className: "devic-aiwrap-tooltip-label", children: label }), jsxRuntime.jsx("button", { type: "button", className: "devic-aiwrap-tooltip-close", onClick: closeInline, "aria-label": "Cerrar", children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsx("div", { className: "devic-aiwrap-tooltip-body", children: renderInlineContent() })] }), portalTarget)] }));
+});
+function SparklesIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M10 2L11.5 8.5L18 10L11.5 11.5L10 18L8.5 11.5L2 10L8.5 8.5L10 2Z", opacity: "0.95" }), jsxRuntime.jsx("path", { d: "M16 3L16.5 5L18.5 5.5L16.5 6L16 8L15.5 6L13.5 5.5L15.5 5L16 3Z", opacity: "0.6" })] }));
+}
+function CloseIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
+}
+
+exports.AIElementWrapper = AIElementWrapper;
+//# sourceMappingURL=AIElementWrapper.js.map

package/dist/cjs/components/AIElementWrapper/AIElementWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIElementWrapper.js","sources":["../../../../../src/components/AIElementWrapper/AIElementWrapper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOptionalDevicContext } from '../../provider';\nimport { useAIElementWrapper } from './useAIElementWrapper';\nimport {\n  getActiveWrapper,\n  setActiveWrapper,\n  subscribeActiveWrapper,\n} from './activeWrapperRegistry';\nimport { generateId } from '../../utils';\nimport type {\n  AIElementWrapperHandle,\n  AIElementWrapperOptions,\n  AIElementWrapperPlacement,\n  AIElementWrapperProps,\n} from './AIElementWrapper.types';\nimport './AIElementWrapper.css';\n\nconst DEFAULT_OPTIONS: Required<\n  Omit<AIElementWrapperOptions, 'color' | 'drawerPromptPrefix' | 'defaultInlinePrompt'>\n> & {\n  color?: string;\n  drawerPromptPrefix?: AIElementWrapperOptions['drawerPromptPrefix'];\n  defaultInlinePrompt?: string;\n} = {\n  showOn: 'hover',\n  triggerPlacement: 'bottom',\n  tooltipPlacement: 'bottom',\n  tooltipWidth: 360,\n  triggerLabel: 'Preguntar a IA',\n  highlightOnInteract: true,\n  zIndex: 2147483000,\n  triggerBorderRadius: 999,\n  color: undefined,\n  drawerPromptPrefix: undefined,\n  defaultInlinePrompt: undefined,\n};\n\ninterface AnchorRect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nfunction rectFromDom(rect: DOMRect): AnchorRect {\n  return { top: rect.top, left: rect.left, width: rect.width, height: rect.height };\n}\n\nfunction placementStyle(\n  placement: AIElementWrapperPlacement,\n  anchor: AnchorRect,\n  offset = 8\n): React.CSSProperties {\n  const cx = anchor.left + anchor.width / 2;\n  const cy = anchor.top + anchor.height / 2;\n  switch (placement) {\n    case 'top':\n      return { position: 'fixed', top: anchor.top - offset, left: cx, transform: 'translate(-50%, -100%)' };\n    case 'bottom':\n      return { position: 'fixed', top: anchor.top + anchor.height + offset, left: cx, transform: 'translateX(-50%)' };\n    case 'left':\n      return { position: 'fixed', top: cy, left: anchor.left - offset, transform: 'translate(-100%, -50%)' };\n    case 'right':\n      return { position: 'fixed', top: cy, left: anchor.left + anchor.width + offset, transform: 'translateY(-50%)' };\n  }\n}\n\n/**\n * AIElementWrapper wraps an arbitrary React node and exposes an AI trigger\n * that can either show an inline floating tooltip with the assistant's\n * answer (`behavior='inline'`) or push a reference to the registered\n * ChatDrawer (`behavior='drawer'`).\n *\n * The trigger and inline tooltip are rendered through a React portal anchored\n * to the wrapped element, so they always sit above other UI (including the\n * ChatDrawer) regardless of stacking context.\n */\nexport const AIElementWrapper = forwardRef<AIElementWrapperHandle, AIElementWrapperProps>(\n  function AIElementWrapper(props, ref) {\n    const {\n      label,\n      data,\n      referenceContent,\n      behavior = 'inline',\n      trigger,\n      options = {},\n      assistantId,\n      getPrompt,\n      apiKey,\n      baseUrl,\n      tenantId,\n      tenantMetadata,\n      modelInterfaceTools,\n      inlineRenderer,\n      onActivate,\n      onInlineResponse,\n      onError,\n      className,\n      style,\n      children,\n    } = props;\n\n    const merged = useMemo(() => ({ ...DEFAULT_OPTIONS, ...options }), [options]);\n\n    // Stable instance ID used by the active-wrapper registry (singleton)\n    const wrapperIdRef = useRef<string>('');\n    if (!wrapperIdRef.current) wrapperIdRef.current = generateId();\n\n    const [activeWrapperId, setActiveWrapperLocal] = useState<string | null>(getActiveWrapper());\n    useEffect(() => subscribeActiveWrapper(setActiveWrapperLocal), []);\n\n    const context = useOptionalDevicContext();\n    const containerRef = useRef<HTMLSpanElement>(null);\n    const tooltipRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const setHoveredImmediately = useCallback((v: boolean) => {\n      if (hoverTimerRef.current) {\n        clearTimeout(hoverTimerRef.current);\n        hoverTimerRef.current = null;\n      }\n      if (v) {\n        setIsHovered(true);\n      } else {\n        // Grace period so the cursor can travel from the wrapper to the\n        // portal-rendered trigger without the trigger disappearing mid-flight.\n        hoverTimerRef.current = setTimeout(() => setIsHovered(false), 200);\n      }\n    }, []);\n    useEffect(() => () => {\n      if (hoverTimerRef.current) clearTimeout(hoverTimerRef.current);\n    }, []);\n    const [isInlineOpen, setIsInlineOpen] = useState(false);\n    const [containerRect, setContainerRect] = useState<AnchorRect | null>(null);\n    const [selectionRect, setSelectionRect] = useState<AnchorRect | null>(null);\n\n    const inline = useAIElementWrapper({\n      assistantId,\n      apiKey,\n      baseUrl,\n      tenantId,\n      tenantMetadata,\n      modelInterfaceTools,\n      onResponse: onInlineResponse,\n      onError,\n    });\n\n    // What this wrapper would show if there were no coordination.\n    const wantsTriggerVisible =\n      merged.showOn === 'always' ||\n      (merged.showOn === 'hover' && isHovered) ||\n      (merged.showOn === 'click' && isInlineOpen) ||\n      (merged.showOn === 'select' && selectionRect !== null);\n\n    // Coordinate via the singleton registry so only one wrapper shows the\n    // floating trigger at a time. The most recent wrapper to want visibility\n    // wins; others hide until they are activated again.\n    const isActive = activeWrapperId === wrapperIdRef.current;\n    const triggerVisible = wantsTriggerVisible && (activeWrapperId === null || isActive);\n\n    useEffect(() => {\n      const id = wrapperIdRef.current;\n      if (wantsTriggerVisible) {\n        setActiveWrapper(id);\n      } else if (getActiveWrapper() === id) {\n        setActiveWrapper(null);\n      }\n    }, [wantsTriggerVisible]);\n\n    // Release the registry slot if the component unmounts while active.\n    useEffect(\n      () => () => {\n        if (getActiveWrapper() === wrapperIdRef.current) {\n          setActiveWrapper(null);\n        }\n      },\n      []\n    );\n\n    // Track container rect (for hover/click/always trigger and tooltip anchor)\n    const updateContainerRect = useCallback(() => {\n      const el = containerRef.current;\n      if (!el) return;\n      setContainerRect(rectFromDom(el.getBoundingClientRect()));\n    }, []);\n\n    useLayoutEffect(() => {\n      if (!triggerVisible && !isInlineOpen) return;\n      updateContainerRect();\n      const onScrollOrResize = () => updateContainerRect();\n      window.addEventListener('scroll', onScrollOrResize, true);\n      window.addEventListener('resize', onScrollOrResize);\n      return () => {\n        window.removeEventListener('scroll', onScrollOrResize, true);\n        window.removeEventListener('resize', onScrollOrResize);\n      };\n    }, [triggerVisible, isInlineOpen, updateContainerRect]);\n\n    // selectionchange listener for showOn='select'\n    useEffect(() => {\n      if (merged.showOn !== 'select') {\n        setSelectionRect(null);\n        return;\n      }\n      const isInside = (node: Node | null, cont: HTMLElement) => {\n        if (!node) return false;\n        if (node === cont) return true;\n        return cont.contains(node);\n      };\n      const recompute = () => {\n        const sel = window.getSelection();\n        const cont = containerRef.current;\n        if (!sel || sel.isCollapsed || !cont || sel.rangeCount === 0) {\n          setSelectionRect(null);\n          return;\n        }\n        // Don't react to selections happening elsewhere — but tolerate the\n        // case where anchor or focus are inside our container.\n        if (!isInside(sel.anchorNode, cont) && !isInside(sel.focusNode, cont)) {\n          setSelectionRect(null);\n          return;\n        }\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        if (rect.width === 0 && rect.height === 0) {\n          setSelectionRect(null);\n          return;\n        }\n        setSelectionRect(rectFromDom(rect));\n      };\n      const onMouseUp = () => {\n        // Run on next tick so the browser commits the final selection state.\n        setTimeout(recompute, 0);\n      };\n      document.addEventListener('selectionchange', recompute);\n      document.addEventListener('mouseup', onMouseUp);\n      return () => {\n        document.removeEventListener('selectionchange', recompute);\n        document.removeEventListener('mouseup', onMouseUp);\n      };\n    }, [merged.showOn]);\n\n    const buildPrompt = useCallback((): string => {\n      if (getPrompt) return getPrompt({ data, label });\n      if (merged.defaultInlinePrompt) return merged.defaultInlinePrompt;\n      // Use selected text if available, otherwise fall back to label\n      if (merged.showOn === 'select') {\n        const sel = window.getSelection();\n        const txt = sel?.toString().trim();\n        if (txt) return `Cuéntame más sobre: \"${txt}\"`;\n      }\n      return `Cuéntame más sobre: ${label}`;\n    }, [getPrompt, data, label, merged.defaultInlinePrompt, merged.showOn]);\n\n    const handleActivate = useCallback(() => {\n      onActivate?.();\n\n      if (behavior === 'inline') {\n        if (!assistantId) {\n          const err = new Error('assistantId is required for behavior=\"inline\"');\n          onError?.(err);\n          // eslint-disable-next-line no-console\n          console.warn('[AIElementWrapper]', err.message);\n          return;\n        }\n        setIsInlineOpen(true);\n        inline.reset();\n        inline.sendInlinePrompt(buildPrompt());\n        return;\n      }\n\n      // drawer behavior\n      if (!context) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[AIElementWrapper] behavior=\"drawer\" requires a DevicProvider ancestor.'\n        );\n        return;\n      }\n      // For 'select' showOn, prefer selected text as label content fallback\n      let finalLabel = label;\n      if (merged.showOn === 'select') {\n        const txt = window.getSelection()?.toString().trim();\n        if (txt) finalLabel = txt;\n      }\n      context.addReference({ label: finalLabel, content: referenceContent, data });\n      context.openDrawer();\n    }, [\n      onActivate,\n      behavior,\n      assistantId,\n      onError,\n      inline,\n      buildPrompt,\n      context,\n      label,\n      referenceContent,\n      data,\n      merged.showOn,\n    ]);\n\n    const closeInline = useCallback(() => {\n      setIsInlineOpen(false);\n      inline.reset();\n    }, [inline]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        activate: handleActivate,\n        close: closeInline,\n      }),\n      [handleActivate, closeInline]\n    );\n\n    // Click outside to close inline tooltip\n    useEffect(() => {\n      if (!isInlineOpen) return;\n      const handler = (e: MouseEvent) => {\n        const t = tooltipRef.current;\n        const c = containerRef.current;\n        const tr = triggerRef.current;\n        const target = e.target as Node;\n        if (\n          t && !t.contains(target) &&\n          c && !c.contains(target) &&\n          (!tr || !tr.contains(target))\n        ) {\n          closeInline();\n        }\n      };\n      document.addEventListener('mousedown', handler);\n      return () => document.removeEventListener('mousedown', handler);\n    }, [isInlineOpen, closeInline]);\n\n    // Anchor for trigger: selection rect (when showOn='select') else container rect\n    const triggerAnchor = merged.showOn === 'select' ? selectionRect : containerRect;\n    // Tooltip anchor: container rect (or selection if select mode)\n    const tooltipAnchor = merged.showOn === 'select' && selectionRect ? selectionRect : containerRect;\n\n    const triggerStyle = useMemo<React.CSSProperties>(() => {\n      if (!triggerAnchor) return { display: 'none' };\n      return {\n        ...placementStyle(merged.triggerPlacement, triggerAnchor),\n        zIndex: merged.zIndex + 1,\n        pointerEvents: 'auto',\n      };\n    }, [triggerAnchor, merged.triggerPlacement, merged.zIndex]);\n\n    const tooltipStyle = useMemo<React.CSSProperties>(() => {\n      const w = typeof merged.tooltipWidth === 'number' ? `${merged.tooltipWidth}px` : merged.tooltipWidth;\n      if (!tooltipAnchor) return { display: 'none' };\n      return {\n        ...placementStyle(merged.tooltipPlacement, tooltipAnchor),\n        width: w,\n        zIndex: merged.zIndex,\n      };\n    }, [tooltipAnchor, merged.tooltipPlacement, merged.tooltipWidth, merged.zIndex]);\n\n    const renderInlineContent = () => {\n      if (inline.error) {\n        return <div className=\"devic-aiwrap-error\">{inline.error.message}</div>;\n      }\n      if (inline.isProcessing) {\n        return (\n          <div className=\"devic-aiwrap-processing\">\n            <span className=\"devic-aiwrap-spinner\" aria-hidden=\"true\" />\n            <span>Pensando…</span>\n          </div>\n        );\n      }\n      if (inline.response) {\n        if (inlineRenderer) return inlineRenderer(inline.response);\n        const text =\n          typeof inline.response.content === 'string'\n            ? inline.response.content\n            : (inline.response.content as any)?.message || '';\n        return <div className=\"devic-aiwrap-answer\">{text}</div>;\n      }\n      return null;\n    };\n\n    const triggerNode = trigger ?? (\n      <button\n        type=\"button\"\n        className=\"devic-aiwrap-trigger\"\n        style={{\n          borderRadius:\n            typeof merged.triggerBorderRadius === 'number'\n              ? `${merged.triggerBorderRadius}px`\n              : merged.triggerBorderRadius,\n          ...(merged.color ? { ['--devic-aiwrap-color' as any]: merged.color } : {}),\n        }}\n      >\n        <span className=\"devic-aiwrap-trigger-icon\" aria-hidden=\"true\">\n          <SparklesIcon />\n        </span>\n        <span className=\"devic-aiwrap-trigger-label\">{merged.triggerLabel}</span>\n      </button>\n    );\n\n    const portalTarget = typeof document !== 'undefined' ? document.body : null;\n\n    return (\n      <span\n        ref={containerRef}\n        className={`devic-aiwrap-container ${className || ''}`}\n        style={{ position: 'relative', display: 'inline-block', ...style }}\n        data-highlight={merged.highlightOnInteract && (isHovered || isInlineOpen) ? 'true' : 'false'}\n        onMouseEnter={() => setHoveredImmediately(true)}\n        onMouseLeave={() => setHoveredImmediately(false)}\n      >\n        <span className=\"devic-aiwrap-content\">{children}</span>\n\n        {portalTarget && triggerVisible &&\n          createPortal(\n            <div\n              ref={triggerRef}\n              className=\"devic-aiwrap-trigger-wrapper\"\n              style={triggerStyle}\n              onMouseEnter={() => setHoveredImmediately(true)}\n              onMouseLeave={() => setHoveredImmediately(false)}\n              onMouseDown={(e) => {\n                // Prevent losing the text selection when interacting with trigger\n                e.preventDefault();\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                handleActivate();\n              }}\n            >\n              {triggerNode}\n            </div>,\n            portalTarget\n          )}\n\n        {portalTarget && behavior === 'inline' && isInlineOpen &&\n          createPortal(\n            <div\n              ref={tooltipRef}\n              className=\"devic-aiwrap-tooltip\"\n              style={tooltipStyle}\n              data-placement={merged.tooltipPlacement}\n            >\n              <div className=\"devic-aiwrap-tooltip-header\">\n                <span className=\"devic-aiwrap-tooltip-label\">{label}</span>\n                <button\n                  type=\"button\"\n                  className=\"devic-aiwrap-tooltip-close\"\n                  onClick={closeInline}\n                  aria-label=\"Cerrar\"\n                >\n                  <CloseIcon />\n                </button>\n              </div>\n              <div className=\"devic-aiwrap-tooltip-body\">{renderInlineContent()}</div>\n            </div>,\n            portalTarget\n          )}\n      </span>\n    );\n  }\n);\n\nfunction SparklesIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M10 2L11.5 8.5L18 10L11.5 11.5L10 18L8.5 11.5L2 10L8.5 8.5L10 2Z\" opacity=\"0.95\" />\n      <path d=\"M16 3L16.5 5L18.5 5.5L16.5 6L16 8L15.5 6L13.5 5.5L15.5 5L16 3Z\" opacity=\"0.6\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n"],"names":["forwardRef","useMemo","useRef","generateId","useState","getActiveWrapper","useEffect","subscribeActiveWrapper","useOptionalDevicContext","useCallback","useAIElementWrapper","setActiveWrapper","useLayoutEffect","useImperativeHandle","_jsx","_jsxs","createPortal"],"mappings":"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"}

package/dist/cjs/components/AIElementWrapper/activeWrapperRegistry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Module-level singleton that coordinates which AIElementWrapper instance
+ * currently owns the floating trigger. Ensures only one wrapper shows its
+ * trigger at any given time across the page.
+ */
+let activeId = null;
+const listeners = new Set();
+function getActiveWrapper() {
+    return activeId;
+}
+function setActiveWrapper(id) {
+    if (activeId === id)
+        return;
+    activeId = id;
+    for (const l of listeners)
+        l(activeId);
+}
+function subscribeActiveWrapper(listener) {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+}
+
+exports.getActiveWrapper = getActiveWrapper;
+exports.setActiveWrapper = setActiveWrapper;
+exports.subscribeActiveWrapper = subscribeActiveWrapper;
+//# sourceMappingURL=activeWrapperRegistry.js.map

package/dist/cjs/components/AIElementWrapper/activeWrapperRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activeWrapperRegistry.js","sources":["../../../../../src/components/AIElementWrapper/activeWrapperRegistry.ts"],"sourcesContent":["/**\n * Module-level singleton that coordinates which AIElementWrapper instance\n * currently owns the floating trigger. Ensures only one wrapper shows its\n * trigger at any given time across the page.\n */\n\ntype Listener = (activeId: string | null) => void;\n\nlet activeId: string | null = null;\nconst listeners = new Set<Listener>();\n\nexport function getActiveWrapper(): string | null {\n  return activeId;\n}\n\nexport function setActiveWrapper(id: string | null): void {\n  if (activeId === id) return;\n  activeId = id;\n  for (const l of listeners) l(activeId);\n}\n\nexport function subscribeActiveWrapper(listener: Listener): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n"],"names":[],"mappings":";;AAAA;;;;AAIG;AAIH,IAAI,QAAQ,GAAkB,IAAI;AAClC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY;SAErB,gBAAgB,GAAA;AAC9B,IAAA,OAAO,QAAQ;AACjB;AAEM,SAAU,gBAAgB,CAAC,EAAiB,EAAA;IAChD,IAAI,QAAQ,KAAK,EAAE;QAAE;IACrB,QAAQ,GAAG,EAAE;IACb,KAAK,MAAM,CAAC,IAAI,SAAS;QAAE,CAAC,CAAC,QAAQ,CAAC;AACxC;AAEM,SAAU,sBAAsB,CAAC,QAAkB,EAAA;AACvD,IAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AACvB,IAAA,OAAO,MAAK;AACV,QAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,CAAC;AACH;;;;;;"}

package/dist/cjs/components/AIElementWrapper/useAIElementWrapper.js

@@ -0,0 +1,161 @@
+'use strict';
+
+var React = require('react');
+require('react/jsx-runtime');
+var DevicContext = require('../../provider/DevicContext.js');
+var client = require('../../api/client.js');
+var usePolling = require('../../hooks/usePolling.js');
+var useModelInterface = require('../../hooks/useModelInterface.js');
+
+/**
+ * Hook that manages the inline AI generation flow for AIElementWrapper.
+ * Reuses sendMessageAsync + polling, similar to useAIGenerationButton but
+ * without the modal/tooltip UI orchestration.
+ */
+function useAIElementWrapper(options) {
+    const { assistantId, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId, tenantMetadata, modelInterfaceTools = [], onResponse, onError, } = options;
+    const context = DevicContext.useOptionalDevicContext();
+    const apiKey = propsApiKey || context?.apiKey;
+    const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';
+    const resolvedTenantId = tenantId || context?.tenantId;
+    const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };
+    const [isProcessing, setIsProcessing] = React.useState(false);
+    const [response, setResponse] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const [chatUid, setChatUid] = React.useState(null);
+    const [shouldPoll, setShouldPoll] = React.useState(false);
+    const onResponseRef = React.useRef(onResponse);
+    const onErrorRef = React.useRef(onError);
+    React.useEffect(() => {
+        onResponseRef.current = onResponse;
+        onErrorRef.current = onError;
+    });
+    const clientRef = React.useRef(null);
+    if (!clientRef.current && apiKey) {
+        clientRef.current = new client.DevicApiClient({ apiKey, baseUrl });
+    }
+    React.useEffect(() => {
+        if (clientRef.current && apiKey) {
+            clientRef.current.setConfig({ apiKey, baseUrl });
+        }
+    }, [apiKey, baseUrl]);
+    const { toolSchemas, handleToolCalls: executeToolCalls, extractPendingToolCalls, } = useModelInterface.useModelInterface({ tools: modelInterfaceTools });
+    const handlePendingToolCalls = React.useCallback(async (data) => {
+        if (!clientRef.current || !chatUid || !assistantId)
+            return;
+        const pendingCalls = data.pendingToolCalls || extractPendingToolCalls(data.chatHistory);
+        if (pendingCalls.length === 0)
+            return;
+        try {
+            const { responses } = await executeToolCalls(pendingCalls);
+            if (responses.length > 0) {
+                await clientRef.current.sendToolResponses(assistantId, chatUid, responses);
+                setShouldPoll(true);
+            }
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            onErrorRef.current?.(error);
+        }
+    }, [chatUid, assistantId, executeToolCalls, extractPendingToolCalls]);
+    usePolling.usePolling(shouldPoll ? chatUid : null, async () => {
+        if (!clientRef.current || !chatUid || !assistantId) {
+            throw new Error('Cannot poll without client, chatUid or assistantId');
+        }
+        return clientRef.current.getRealtimeHistory(assistantId, chatUid);
+    }, {
+        interval: 1000,
+        enabled: shouldPoll,
+        stopStatuses: ['completed', 'error', 'waiting_for_tool_response'],
+        onUpdate: async (data) => {
+            if (data.status === 'waiting_for_tool_response' || data.pendingToolCalls?.length) {
+                await handlePendingToolCalls(data);
+            }
+        },
+        onStop: (data) => {
+            setShouldPoll(false);
+            if (data?.status === 'error') {
+                setIsProcessing(false);
+                const err = new Error('Processing failed');
+                setError(err);
+                onErrorRef.current?.(err);
+                return;
+            }
+            if (data?.status === 'completed') {
+                setIsProcessing(false);
+                const assistantMessages = data.chatHistory.filter((m) => m.role === 'assistant');
+                const last = assistantMessages[assistantMessages.length - 1];
+                if (last) {
+                    setResponse(last);
+                    onResponseRef.current?.(last);
+                }
+            }
+        },
+        onError: (err) => {
+            setError(err);
+            setIsProcessing(false);
+            setShouldPoll(false);
+            onErrorRef.current?.(err);
+        },
+    });
+    const sendInlinePrompt = React.useCallback(async (prompt) => {
+        if (!assistantId) {
+            const err = new Error('assistantId is required for inline behavior');
+            setError(err);
+            onErrorRef.current?.(err);
+            return;
+        }
+        if (!clientRef.current) {
+            const err = new Error('API client not configured. Please provide an API key.');
+            setError(err);
+            onErrorRef.current?.(err);
+            return;
+        }
+        const trimmed = prompt.trim();
+        if (!trimmed) {
+            const err = new Error('Prompt is empty');
+            setError(err);
+            onErrorRef.current?.(err);
+            return;
+        }
+        setIsProcessing(true);
+        setError(null);
+        setResponse(null);
+        try {
+            const dto = {
+                message: trimmed,
+                metadata: resolvedTenantMetadata,
+                tenantId: resolvedTenantId,
+                ...(toolSchemas.length > 0 && { tools: toolSchemas }),
+            };
+            const resp = await clientRef.current.sendMessageAsync(assistantId, dto);
+            if (resp.chatUid)
+                setChatUid(resp.chatUid);
+            setShouldPoll(true);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            setIsProcessing(false);
+            onErrorRef.current?.(error);
+        }
+    }, [assistantId, resolvedTenantId, resolvedTenantMetadata, toolSchemas]);
+    const reset = React.useCallback(() => {
+        setIsProcessing(false);
+        setResponse(null);
+        setError(null);
+        setChatUid(null);
+        setShouldPoll(false);
+    }, []);
+    return {
+        isProcessing,
+        response,
+        error,
+        sendInlinePrompt,
+        reset,
+    };
+}
+
+exports.useAIElementWrapper = useAIElementWrapper;
+//# sourceMappingURL=useAIElementWrapper.js.map

package/dist/cjs/components/AIElementWrapper/useAIElementWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIElementWrapper.js","sources":["../../../../../src/components/AIElementWrapper/useAIElementWrapper.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { usePolling } from '../../hooks/usePolling';\nimport { useModelInterface } from '../../hooks/useModelInterface';\nimport type {\n  ChatMessage,\n  ModelInterfaceTool,\n  RealtimeChatHistory,\n} from '../../api/types';\n\nexport interface UseAIElementWrapperOptions {\n  assistantId?: string;\n  apiKey?: string;\n  baseUrl?: string;\n  tenantId?: string;\n  tenantMetadata?: Record<string, any>;\n  modelInterfaceTools?: ModelInterfaceTool[];\n  onResponse?: (message: ChatMessage) => void;\n  onError?: (error: Error) => void;\n}\n\nexport interface UseAIElementWrapperResult {\n  isProcessing: boolean;\n  response: ChatMessage | null;\n  error: Error | null;\n  /** Send a prompt to the inline assistant. */\n  sendInlinePrompt: (prompt: string) => Promise<void>;\n  /** Reset response/error state. */\n  reset: () => void;\n}\n\n/**\n * Hook that manages the inline AI generation flow for AIElementWrapper.\n * Reuses sendMessageAsync + polling, similar to useAIGenerationButton but\n * without the modal/tooltip UI orchestration.\n */\nexport function useAIElementWrapper(\n  options: UseAIElementWrapperOptions\n): UseAIElementWrapperResult {\n  const {\n    assistantId,\n    apiKey: propsApiKey,\n    baseUrl: propsBaseUrl,\n    tenantId,\n    tenantMetadata,\n    modelInterfaceTools = [],\n    onResponse,\n    onError,\n  } = options;\n\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };\n\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [response, setResponse] = useState<ChatMessage | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n  const [chatUid, setChatUid] = useState<string | null>(null);\n  const [shouldPoll, setShouldPoll] = useState(false);\n\n  const onResponseRef = useRef(onResponse);\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onResponseRef.current = onResponse;\n    onErrorRef.current = onError;\n  });\n\n  const clientRef = useRef<DevicApiClient | null>(null);\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  const {\n    toolSchemas,\n    handleToolCalls: executeToolCalls,\n    extractPendingToolCalls,\n  } = useModelInterface({ tools: modelInterfaceTools });\n\n  const handlePendingToolCalls = useCallback(\n    async (data: RealtimeChatHistory) => {\n      if (!clientRef.current || !chatUid || !assistantId) return;\n      const pendingCalls =\n        data.pendingToolCalls || extractPendingToolCalls(data.chatHistory);\n      if (pendingCalls.length === 0) return;\n      try {\n        const { responses } = await executeToolCalls(pendingCalls);\n        if (responses.length > 0) {\n          await clientRef.current.sendToolResponses(assistantId, chatUid, responses);\n          setShouldPoll(true);\n        }\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onErrorRef.current?.(error);\n      }\n    },\n    [chatUid, assistantId, executeToolCalls, extractPendingToolCalls]\n  );\n\n  usePolling(\n    shouldPoll ? chatUid : null,\n    async () => {\n      if (!clientRef.current || !chatUid || !assistantId) {\n        throw new Error('Cannot poll without client, chatUid or assistantId');\n      }\n      return clientRef.current.getRealtimeHistory(assistantId, chatUid);\n    },\n    {\n      interval: 1000,\n      enabled: shouldPoll,\n      stopStatuses: ['completed', 'error', 'waiting_for_tool_response'],\n      onUpdate: async (data: RealtimeChatHistory) => {\n        if (data.status === 'waiting_for_tool_response' || data.pendingToolCalls?.length) {\n          await handlePendingToolCalls(data);\n        }\n      },\n      onStop: (data) => {\n        setShouldPoll(false);\n        if (data?.status === 'error') {\n          setIsProcessing(false);\n          const err = new Error('Processing failed');\n          setError(err);\n          onErrorRef.current?.(err);\n          return;\n        }\n        if (data?.status === 'completed') {\n          setIsProcessing(false);\n          const assistantMessages = data.chatHistory.filter(\n            (m: ChatMessage) => m.role === 'assistant'\n          );\n          const last = assistantMessages[assistantMessages.length - 1];\n          if (last) {\n            setResponse(last);\n            onResponseRef.current?.(last);\n          }\n        }\n      },\n      onError: (err) => {\n        setError(err);\n        setIsProcessing(false);\n        setShouldPoll(false);\n        onErrorRef.current?.(err);\n      },\n    }\n  );\n\n  const sendInlinePrompt = useCallback(\n    async (prompt: string) => {\n      if (!assistantId) {\n        const err = new Error('assistantId is required for inline behavior');\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n      if (!clientRef.current) {\n        const err = new Error('API client not configured. Please provide an API key.');\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n      const trimmed = prompt.trim();\n      if (!trimmed) {\n        const err = new Error('Prompt is empty');\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n\n      setIsProcessing(true);\n      setError(null);\n      setResponse(null);\n\n      try {\n        const dto = {\n          message: trimmed,\n          metadata: resolvedTenantMetadata,\n          tenantId: resolvedTenantId,\n          ...(toolSchemas.length > 0 && { tools: toolSchemas }),\n        };\n        const resp = await clientRef.current.sendMessageAsync(assistantId, dto);\n        if (resp.chatUid) setChatUid(resp.chatUid);\n        setShouldPoll(true);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        setIsProcessing(false);\n        onErrorRef.current?.(error);\n      }\n    },\n    [assistantId, resolvedTenantId, resolvedTenantMetadata, toolSchemas]\n  );\n\n  const reset = useCallback(() => {\n    setIsProcessing(false);\n    setResponse(null);\n    setError(null);\n    setChatUid(null);\n    setShouldPoll(false);\n  }, []);\n\n  return {\n    isProcessing,\n    response,\n    error,\n    sendInlinePrompt,\n    reset,\n  };\n}\n"],"names":["useOptionalDevicContext","useState","useRef","useEffect","DevicApiClient","useModelInterface","useCallback","usePolling"],"mappings":"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"}