@devicai/ui 0.57.0 → 0.58.0

package/dist/esm/components/AIElementWrapper/AIElementWrapper.js

@@ -5,6 +5,7 @@ import { useOptionalDevicContext } from '../../provider/DevicContext.js';
 import { generateId } from '../../utils/index.js';
 import { useAIElementWrapper } from './useAIElementWrapper.js';
 import { getActiveWrapper, subscribeActiveWrapper, setActiveWrapper } from './activeWrapperRegistry.js';
+import { useTranslations, DevicTranslationsProvider } from '../../i18n/useTranslations.js';
 
 const DEFAULT_OPTIONS = {
     showOn: 'hover',
@@ -18,6 +19,7 @@ const DEFAULT_OPTIONS = {
     color: undefined,
     drawerPromptPrefix: undefined,
     defaultInlinePrompt: undefined,
+    translations: undefined,
 };
 function rectFromDom(rect) {
     return { top: rect.top, left: rect.left, width: rect.width, height: rect.height };
@@ -49,6 +51,7 @@ function placementStyle(placement, anchor, offset = 8) {
 const AIElementWrapper = forwardRef(function AIElementWrapper(props, ref) {
     const { label, data, referenceContent, behavior = 'inline', trigger, options = {}, assistantId, getPrompt, apiKey, baseUrl, pollingInterval, tenantId, tenantMetadata, modelInterfaceTools, inlineRenderer, onActivate, onInlineResponse, onError, className, style, children, } = props;
     const merged = useMemo(() => ({ ...DEFAULT_OPTIONS, ...options }), [options]);
+    const t = useTranslations(merged.translations);
     // Stable instance ID used by the active-wrapper registry (singleton)
     const wrapperIdRef = useRef('');
     if (!wrapperIdRef.current)
@@ -192,10 +195,10 @@ const AIElementWrapper = forwardRef(function AIElementWrapper(props, ref) {
             const sel = window.getSelection();
             const txt = sel?.toString().trim();
             if (txt)
-                return `Cuéntame más sobre: "${txt}"`;
+                return t('Cuéntame más sobre: "{text}"', { text: txt });
         }
-        return `Cuéntame más sobre: ${label}`;
-    }, [getPrompt, data, label, merged.defaultInlinePrompt, merged.showOn]);
+        return t('Cuéntame más sobre: {label}', { label });
+    }, [getPrompt, data, label, merged.defaultInlinePrompt, merged.showOn, t]);
     const handleActivate = useCallback(() => {
         onActivate?.();
         if (behavior === 'inline') {
@@ -293,7 +296,7 @@ const AIElementWrapper = forwardRef(function AIElementWrapper(props, ref) {
             return jsx("div", { className: "devic-aiwrap-error", children: inline.error.message });
         }
         if (inline.isProcessing) {
-            return (jsxs("div", { className: "devic-aiwrap-processing", children: [jsx("span", { className: "devic-aiwrap-spinner", "aria-hidden": "true" }), jsx("span", { children: "Pensando\u2026" })] }));
+            return (jsxs("div", { className: "devic-aiwrap-processing", children: [jsx("span", { className: "devic-aiwrap-spinner", "aria-hidden": "true" }), jsx("span", { children: t('Pensando…') })] }));
         }
         if (inline.response) {
             if (inlineRenderer)
@@ -310,17 +313,17 @@ const AIElementWrapper = forwardRef(function AIElementWrapper(props, ref) {
                 ? `${merged.triggerBorderRadius}px`
                 : merged.triggerBorderRadius,
             ...(merged.color ? { ['--devic-aiwrap-color']: merged.color } : {}),
-        }, children: [jsx("span", { className: "devic-aiwrap-trigger-icon", "aria-hidden": "true", children: jsx(SparklesIcon, {}) }), jsx("span", { className: "devic-aiwrap-trigger-label", children: merged.triggerLabel })] }));
+        }, children: [jsx("span", { className: "devic-aiwrap-trigger-icon", "aria-hidden": "true", children: jsx(SparklesIcon, {}) }), jsx("span", { className: "devic-aiwrap-trigger-label", children: t(merged.triggerLabel) })] }));
     const portalTarget = typeof document !== 'undefined' ? document.body : null;
-    return (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: [jsx("span", { className: "devic-aiwrap-content", children: children }), portalTarget && triggerVisible &&
-                createPortal(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 &&
-                createPortal(jsxs("div", { ref: tooltipRef, className: "devic-aiwrap-tooltip", style: tooltipStyle, "data-placement": merged.tooltipPlacement, children: [jsxs("div", { className: "devic-aiwrap-tooltip-header", children: [jsx("span", { className: "devic-aiwrap-tooltip-label", children: label }), jsx("button", { type: "button", className: "devic-aiwrap-tooltip-close", onClick: closeInline, "aria-label": "Cerrar", children: jsx(CloseIcon, {}) })] }), jsx("div", { className: "devic-aiwrap-tooltip-body", children: renderInlineContent() })] }), portalTarget)] }));
+    return (jsx(DevicTranslationsProvider, { translations: merged.translations, children: 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: [jsx("span", { className: "devic-aiwrap-content", children: children }), portalTarget && triggerVisible &&
+                    createPortal(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 &&
+                    createPortal(jsxs("div", { ref: tooltipRef, className: "devic-aiwrap-tooltip", style: tooltipStyle, "data-placement": merged.tooltipPlacement, children: [jsxs("div", { className: "devic-aiwrap-tooltip-header", children: [jsx("span", { className: "devic-aiwrap-tooltip-label", children: label }), jsx("button", { type: "button", className: "devic-aiwrap-tooltip-close", onClick: closeInline, "aria-label": t('Cerrar'), children: jsx(CloseIcon, {}) })] }), jsx("div", { className: "devic-aiwrap-tooltip-body", children: renderInlineContent() })] }), portalTarget)] }) }));
 });
 function SparklesIcon() {
     return (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M10 2L11.5 8.5L18 10L11.5 11.5L10 18L8.5 11.5L2 10L8.5 8.5L10 2Z", opacity: "0.95" }), jsx("path", { d: "M16 3L16.5 5L18.5 5.5L16.5 6L16 8L15.5 6L13.5 5.5L15.5 5L16 3Z", opacity: "0.6" })] }));

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

@@ -1 +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      pollingInterval,\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      pollingInterval,\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":["_jsx","_jsxs"],"mappings":"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"}
+{"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 { DevicTranslationsProvider, useTranslations } from '../../i18n';\nimport './AIElementWrapper.css';\n\nconst DEFAULT_OPTIONS: Required<\n  Omit<\n    AIElementWrapperOptions,\n    'color' | 'drawerPromptPrefix' | 'defaultInlinePrompt' | 'translations'\n  >\n> & {\n  color?: string;\n  drawerPromptPrefix?: AIElementWrapperOptions['drawerPromptPrefix'];\n  defaultInlinePrompt?: string;\n  translations?: AIElementWrapperOptions['translations'];\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  translations: 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      pollingInterval,\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    const t = useTranslations(merged.translations);\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      pollingInterval,\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 t('Cuéntame más sobre: \"{text}\"', { text: txt });\n      }\n      return t('Cuéntame más sobre: {label}', { label });\n    }, [getPrompt, data, label, merged.defaultInlinePrompt, merged.showOn, t]);\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>{t('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\">\n          {t(merged.triggerLabel)}\n        </span>\n      </button>\n    );\n\n    const portalTarget = typeof document !== 'undefined' ? document.body : null;\n\n    return (\n      <DevicTranslationsProvider translations={merged.translations}>\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={t('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      </DevicTranslationsProvider>\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":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/AIElementWrapper/AIElementWrapper.types.d.ts

@@ -1,3 +1,4 @@
+import type { DevicTranslations } from '../../i18n';
 import type { ChatMessage, ModelInterfaceTool } from '../../api/types';
 /**
  * Behavior when the trigger is activated.
@@ -75,6 +76,15 @@ export interface AIElementWrapperOptions {
      * Default prompt used when behavior='inline' and no getPrompt is provided.
      */
     defaultInlinePrompt?: string;
+    /**
+     * Translations for the texts this component renders itself, keyed by the
+     * exact text it shows — which here is Spanish, since that is what the
+     * defaults have always been: `{ 'Preguntar a IA': 'Ask AI' }`.
+     *
+     * Merged on top of the `DevicProvider`'s `translations` and passed down to
+     * everything mounted below. Anything absent stays as the provider left it.
+     */
+    translations?: DevicTranslations;
 }
 /**
  * Props for AIElementWrapper.

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

@@ -4,6 +4,7 @@ import { useOptionalDevicContext } from '../../provider/DevicContext.js';
 import { DevicApiClient } from '../../api/client.js';
 import { resolvePollingInterval, usePolling } from '../../hooks/usePolling.js';
 import { useModelInterface } from '../../hooks/useModelInterface.js';
+import { useTranslations } from '../../i18n/useTranslations.js';
 
 /**
  * Hook that manages the inline AI generation flow for AIElementWrapper.
@@ -12,6 +13,7 @@ import { useModelInterface } from '../../hooks/useModelInterface.js';
  */
 function useAIElementWrapper(options) {
     const { assistantId, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId, tenantMetadata, pollingInterval: propsPollingInterval, modelInterfaceTools = [], onResponse, onError, } = options;
+    const t = useTranslations();
     const context = useOptionalDevicContext();
     const apiKey = propsApiKey || context?.apiKey;
     const getTenantSession = context?.getTenantSession;
@@ -62,7 +64,7 @@ function useAIElementWrapper(options) {
     }, [chatUid, assistantId, executeToolCalls, extractPendingToolCalls, toolSchemas]);
     usePolling(shouldPoll ? chatUid : null, async () => {
         if (!clientRef.current || !chatUid || !assistantId) {
-            throw new Error('Cannot poll without client, chatUid or assistantId');
+            throw new Error(t('Cannot poll without client, chatUid or assistantId'));
         }
         return clientRef.current.getRealtimeHistory(assistantId, chatUid);
     }, {
@@ -78,7 +80,7 @@ function useAIElementWrapper(options) {
             setShouldPoll(false);
             if (data?.status === 'error') {
                 setIsProcessing(false);
-                const err = new Error('Processing failed');
+                const err = new Error(t('Processing failed'));
                 setError(err);
                 onErrorRef.current?.(err);
                 return;
@@ -102,20 +104,20 @@ function useAIElementWrapper(options) {
     });
     const sendInlinePrompt = useCallback(async (prompt) => {
         if (!assistantId) {
-            const err = new Error('assistantId is required for inline behavior');
+            const err = new Error(t('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.');
+            const err = new Error(t('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');
+            const err = new Error(t('Prompt is empty'));
             setError(err);
             onErrorRef.current?.(err);
             return;

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

@@ -1 +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, resolvePollingInterval } 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  /** Poll cadence (ms) for the generation in progress (overrides the provider's). */\n  pollingInterval?: number;\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    pollingInterval: propsPollingInterval,\n    modelInterfaceTools = [],\n    onResponse,\n    onError,\n  } = options;\n\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const getTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };\n  const pollingInterval = resolvePollingInterval(\n    propsPollingInterval,\n    context?.pollingInterval\n  );\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 || getTenantSession)) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\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(\n            assistantId,\n            chatUid,\n            responses,\n            toolSchemas\n          );\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, toolSchemas]\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: pollingInterval,\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":[],"mappings":"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"}
+{"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, resolvePollingInterval } from '../../hooks/usePolling';\nimport { useModelInterface } from '../../hooks/useModelInterface';\nimport { useTranslations } from '../../i18n';\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  /** Poll cadence (ms) for the generation in progress (overrides the provider's). */\n  pollingInterval?: number;\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    pollingInterval: propsPollingInterval,\n    modelInterfaceTools = [],\n    onResponse,\n    onError,\n  } = options;\n\n  const t = useTranslations();\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const getTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };\n  const pollingInterval = resolvePollingInterval(\n    propsPollingInterval,\n    context?.pollingInterval\n  );\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 || getTenantSession)) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\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(\n            assistantId,\n            chatUid,\n            responses,\n            toolSchemas\n          );\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, toolSchemas]\n  );\n\n  usePolling(\n    shouldPoll ? chatUid : null,\n    async () => {\n      if (!clientRef.current || !chatUid || !assistantId) {\n        throw new Error(t('Cannot poll without client, chatUid or assistantId'));\n      }\n      return clientRef.current.getRealtimeHistory(assistantId, chatUid);\n    },\n    {\n      interval: pollingInterval,\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(t('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(t('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(\n          t('API client not configured. Please provide an API key.')\n        );\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n      const trimmed = prompt.trim();\n      if (!trimmed) {\n        const err = new Error(t('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":[],"mappings":";;;;;;;;AAmCA;;;;AAIG;AACG,SAAU,mBAAmB,CACjC,OAAmC,EAAA;AAEnC,IAAA,MAAM,EACJ,WAAW,EACX,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,QAAQ,EACR,cAAc,EACd,eAAe,EAAE,oBAAoB,EACrC,mBAAmB,GAAG,EAAE,EACxB,UAAU,EACV,OAAO,GACR,GAAG,OAAO;AAEX,IAAA,MAAM,CAAC,GAAG,eAAe,EAAE;AAC3B,IAAA,MAAM,OAAO,GAAG,uBAAuB,EAAE;AACzC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,EAAE,MAAM;AAC7C,IAAA,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB;AAClD,IAAA,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB;IAClD,MAAM,OAAO,GAAG,YAAY,IAAI,OAAO,EAAE,OAAO,IAAI,sBAAsB;AAC1E,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,OAAO,EAAE,QAAQ;IACtD,MAAM,sBAAsB,GAAG,EAAE,GAAG,OAAO,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE;IAChF,MAAM,eAAe,GAAG,sBAAsB,CAC5C,oBAAoB,EACpB,OAAO,EAAE,eAAe,CACzB;IAED,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC;IACtD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;AACxC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,MAAK;AACb,QAAA,aAAa,CAAC,OAAO,GAAG,UAAU;AAClC,QAAA,UAAU,CAAC,OAAO,GAAG,OAAO;AAC9B,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC;IACrD,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,gBAAgB,CAAC,EAAE;AACtD,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACjG;IACA,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,MAAM,EAAE;YAC/B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAClD;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErB,IAAA,MAAM,EACJ,WAAW,EACX,eAAe,EAAE,gBAAgB,EACjC,uBAAuB,GACxB,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAErD,MAAM,sBAAsB,GAAG,WAAW,CACxC,OAAO,IAAyB,KAAI;QAClC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW;YAAE;AACpD,QAAA,MAAM,YAAY,GAChB,IAAI,CAAC,gBAAgB,IAAI,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC;AACpE,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;AAC/B,QAAA,IAAI;YACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,gBAAgB,CAAC,YAAY,CAAC;AAC1D,YAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,gBAAA,MAAM,SAAS,CAAC,OAAO,CAAC,iBAAiB,CACvC,WAAW,EACX,OAAO,EACP,SAAS,EACT,WAAW,CACZ;gBACD,aAAa,CAAC,IAAI,CAAC;YACrB;QACF;QAAE,OAAO,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,GAAG,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B;AACF,IAAA,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,WAAW,CAAC,CAC/E;AAED,IAAA,UAAU,CACR,UAAU,GAAG,OAAO,GAAG,IAAI,EAC3B,YAAW;QACT,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW,EAAE;YAClD,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,oDAAoD,CAAC,CAAC;QAC1E;QACA,OAAO,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC,WAAW,EAAE,OAAO,CAAC;AACnE,IAAA,CAAC,EACD;AACE,QAAA,QAAQ,EAAE,eAAe;AACzB,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,YAAY,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,2BAA2B,CAAC;AACjE,QAAA,QAAQ,EAAE,OAAO,IAAyB,KAAI;AAC5C,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,2BAA2B,IAAI,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE;AAChF,gBAAA,MAAM,sBAAsB,CAAC,IAAI,CAAC;YACpC;QACF,CAAC;AACD,QAAA,MAAM,EAAE,CAAC,IAAI,KAAI;YACf,aAAa,CAAC,KAAK,CAAC;AACpB,YAAA,IAAI,IAAI,EAAE,MAAM,KAAK,OAAO,EAAE;gBAC5B,eAAe,CAAC,KAAK,CAAC;gBACtB,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;gBAC7C,QAAQ,CAAC,GAAG,CAAC;AACb,gBAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;gBACzB;YACF;AACA,YAAA,IAAI,IAAI,EAAE,MAAM,KAAK,WAAW,EAAE;gBAChC,eAAe,CAAC,KAAK,CAAC;AACtB,gBAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAC/C,CAAC,CAAc,KAAK,CAAC,CAAC,IAAI,KAAK,WAAW,CAC3C;gBACD,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5D,IAAI,IAAI,EAAE;oBACR,WAAW,CAAC,IAAI,CAAC;AACjB,oBAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B;YACF;QACF,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,GAAG,KAAI;YACf,QAAQ,CAAC,GAAG,CAAC;YACb,eAAe,CAAC,KAAK,CAAC;YACtB,aAAa,CAAC,KAAK,CAAC;AACpB,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;QAC3B,CAAC;AACF,KAAA,CACF;IAED,MAAM,gBAAgB,GAAG,WAAW,CAClC,OAAO,MAAc,KAAI;QACvB,IAAI,CAAC,WAAW,EAAE;YAChB,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC;YACvE,QAAQ,CAAC,GAAG,CAAC;AACb,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB;QACF;AACA,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,MAAM,GAAG,GAAG,IAAI,KAAK,CACnB,CAAC,CAAC,uDAAuD,CAAC,CAC3D;YACD,QAAQ,CAAC,GAAG,CAAC;AACb,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB;QACF;AACA,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC3C,QAAQ,CAAC,GAAG,CAAC;AACb,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB;QACF;QAEA,eAAe,CAAC,IAAI,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC;QACd,WAAW,CAAC,IAAI,CAAC;AAEjB,QAAA,IAAI;AACF,YAAA,MAAM,GAAG,GAAG;AACV,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,QAAQ,EAAE,sBAAsB;AAChC,gBAAA,QAAQ,EAAE,gBAAgB;AAC1B,gBAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;aACtD;AACD,YAAA,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,CAAC;YACvE,IAAI,IAAI,CAAC,OAAO;AAAE,gBAAA,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;YAC1C,aAAa,CAAC,IAAI,CAAC;QACrB;QAAE,OAAO,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,GAAG,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,QAAQ,CAAC,KAAK,CAAC;YACf,eAAe,CAAC,KAAK,CAAC;AACtB,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B;IACF,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,WAAW,CAAC,CACrE;AAED,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAK;QAC7B,eAAe,CAAC,KAAK,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC;QACd,UAAU,CAAC,IAAI,CAAC;QAChB,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,KAAK;QACL,gBAAgB;QAChB,KAAK;KACN;AACH;;"}

package/dist/esm/components/AIGenerationButton/AIGenerationButton.js

@@ -1,7 +1,8 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useMemo, useImperativeHandle, useRef, useEffect, useCallback } from 'react';
 import { useAIGenerationButton } from './useAIGenerationButton.js';
 import { segmentToolCalls } from '../../utils/toolGroups.js';
+import { useTranslations, DevicTranslationsProvider } from '../../i18n/useTranslations.js';
 
 const DEFAULT_OPTIONS = {
     mode: 'modal',
@@ -32,6 +33,7 @@ const DEFAULT_OPTIONS = {
     toolRenderers: undefined,
     toolIcons: undefined,
     processingMessage: 'Processing...',
+    translations: undefined,
     toolGroups: undefined,
 };
 /**
@@ -75,6 +77,7 @@ const DEFAULT_OPTIONS = {
 const AIGenerationButton = forwardRef(function AIGenerationButton(props, ref) {
     const { assistantId, apiKey, baseUrl, pollingInterval, tenantId, tenantMetadata, tags, options = {}, modelInterfaceTools, onResponse, onBeforeSend, onError, onStart, onOpen, onClose, disabled, className, containerClassName, children, theme, } = props;
     const mergedOptions = useMemo(() => ({ ...DEFAULT_OPTIONS, ...options }), [options]);
+    const t = useTranslations(mergedOptions.translations);
     const hook = useAIGenerationButton({
         assistantId,
         apiKey,
@@ -203,7 +206,9 @@ const AIGenerationButton = forwardRef(function AIGenerationButton(props, ref) {
         if (children) {
             return children;
         }
-        return (jsxs(Fragment, { children: [!mergedOptions.hideIcon && (jsx("span", { className: "devic-gen-button-icon", children: showButtonLoading ? (jsx("span", { className: "devic-gen-spinner" })) : (mergedOptions.icon || jsx(SparklesIcon, {})) })), !mergedOptions.hideLabel && (jsx("span", { className: "devic-gen-button-label", children: showButtonLoading ? mergedOptions.loadingLabel : mergedOptions.label }))] }));
+        return (jsxs(Fragment, { children: [!mergedOptions.hideIcon && (jsx("span", { className: "devic-gen-button-icon", children: showButtonLoading ? (jsx("span", { className: "devic-gen-spinner" })) : (mergedOptions.icon || jsx(SparklesIcon, {})) })), !mergedOptions.hideLabel && (jsx("span", { className: "devic-gen-button-label", children: showButtonLoading
+                        ? t(mergedOptions.loadingLabel)
+                        : t(mergedOptions.label) }))] }));
     };
     // Render a single tool call item (default rendering)
     const renderSingleToolCall = (tc) => {
@@ -255,12 +260,12 @@ const AIGenerationButton = forwardRef(function AIGenerationButton(props, ref) {
     const renderProcessingStatus = () => {
         if (!hook.isProcessing)
             return null;
-        return (jsxs("div", { className: "devic-gen-processing-status", children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), jsx("span", { className: "devic-gen-processing-text", children: hook.currentToolSummary || mergedOptions.processingMessage })] }));
+        return (jsxs("div", { className: "devic-gen-processing-status", children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), jsx("span", { className: "devic-gen-processing-text", children: hook.currentToolSummary || t(mergedOptions.processingMessage) })] }));
     };
-    return (jsxs("div", { ref: containerRef, className: `devic-gen-container ${containerClassName || ''}`, style: { position: 'relative', display: 'inline-block' }, children: [jsx("button", { type: "button", className: `devic-gen-button ${className || ''}`, "data-variant": mergedOptions.variant, "data-size": mergedOptions.size, "data-processing": showButtonLoading, onClick: handleButtonClick, disabled: disabled || showButtonLoading, children: renderButtonContent() }), mergedOptions.mode === 'tooltip' && hook.isOpen && (jsxs("div", { ref: tooltipRef, className: "devic-gen-tooltip", style: tooltipPositionStyle, "data-placement": mergedOptions.tooltipPlacement, children: [renderToolCalls(), hook.isProcessing && hook.toolCalls.length === 0 && renderProcessingStatus(), jsx("textarea", { ref: hook.inputRef, className: "devic-gen-input", placeholder: mergedOptions.placeholder, value: hook.inputValue, onChange: (e) => hook.setInputValue(e.target.value), onKeyDown: hook.handleKeyDown, rows: 3, disabled: hook.isProcessing }), hook.error && (jsx("div", { className: "devic-gen-error", children: hook.error.message })), jsxs("div", { className: "devic-gen-tooltip-actions", children: [jsx("button", { type: "button", className: "devic-gen-tooltip-cancel", onClick: hook.close, disabled: hook.isProcessing, children: mergedOptions.cancelText }), jsx("button", { type: "button", className: "devic-gen-tooltip-confirm", onClick: handleConfirm, disabled: hook.isProcessing || !hook.inputValue.trim(), children: hook.isProcessing ? (jsxs(Fragment, { children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), mergedOptions.loadingLabel] })) : (mergedOptions.confirmText) })] })] })), mergedOptions.mode === 'modal' && hook.isOpen && (jsx("div", { className: "devic-gen-modal-overlay", onClick: (e) => {
-                    if (e.target === e.currentTarget && !hook.isProcessing)
-                        hook.close();
-                }, children: jsxs("div", { className: "devic-gen-modal", children: [jsxs("div", { className: "devic-gen-modal-header", children: [jsx("h3", { className: "devic-gen-modal-title", children: mergedOptions.modalTitle }), jsx("button", { type: "button", className: "devic-gen-modal-close", onClick: hook.close, "aria-label": "Close", disabled: hook.isProcessing, children: jsx(CloseIcon, {}) })] }), mergedOptions.modalDescription && (jsx("p", { className: "devic-gen-modal-description", children: mergedOptions.modalDescription })), jsxs("div", { className: "devic-gen-modal-body", children: [renderToolCalls(), hook.isProcessing && hook.toolCalls.length === 0 && renderProcessingStatus(), jsx("textarea", { ref: hook.inputRef, className: "devic-gen-input", placeholder: mergedOptions.placeholder, value: hook.inputValue, onChange: (e) => hook.setInputValue(e.target.value), onKeyDown: hook.handleKeyDown, rows: 4, disabled: hook.isProcessing }), hook.error && (jsx("div", { className: "devic-gen-error", children: hook.error.message }))] }), jsxs("div", { className: "devic-gen-modal-footer", children: [jsx("button", { type: "button", className: "devic-gen-modal-cancel", onClick: hook.close, disabled: hook.isProcessing, children: mergedOptions.cancelText }), jsx("button", { type: "button", className: "devic-gen-modal-confirm", onClick: handleConfirm, disabled: hook.isProcessing || !hook.inputValue.trim(), children: hook.isProcessing ? (jsxs(Fragment, { children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), mergedOptions.loadingLabel] })) : (mergedOptions.confirmText) })] })] }) }))] }));
+    return (jsx(DevicTranslationsProvider, { translations: mergedOptions.translations, children: jsxs("div", { ref: containerRef, className: `devic-gen-container ${containerClassName || ''}`, style: { position: 'relative', display: 'inline-block' }, children: [jsx("button", { type: "button", className: `devic-gen-button ${className || ''}`, "data-variant": mergedOptions.variant, "data-size": mergedOptions.size, "data-processing": showButtonLoading, onClick: handleButtonClick, disabled: disabled || showButtonLoading, children: renderButtonContent() }), mergedOptions.mode === 'tooltip' && hook.isOpen && (jsxs("div", { ref: tooltipRef, className: "devic-gen-tooltip", style: tooltipPositionStyle, "data-placement": mergedOptions.tooltipPlacement, children: [renderToolCalls(), hook.isProcessing && hook.toolCalls.length === 0 && renderProcessingStatus(), jsx("textarea", { ref: hook.inputRef, className: "devic-gen-input", placeholder: t(mergedOptions.placeholder), value: hook.inputValue, onChange: (e) => hook.setInputValue(e.target.value), onKeyDown: hook.handleKeyDown, rows: 3, disabled: hook.isProcessing }), hook.error && (jsx("div", { className: "devic-gen-error", children: hook.error.message })), jsxs("div", { className: "devic-gen-tooltip-actions", children: [jsx("button", { type: "button", className: "devic-gen-tooltip-cancel", onClick: hook.close, disabled: hook.isProcessing, children: t(mergedOptions.cancelText) }), jsx("button", { type: "button", className: "devic-gen-tooltip-confirm", onClick: handleConfirm, disabled: hook.isProcessing || !hook.inputValue.trim(), children: hook.isProcessing ? (jsxs(Fragment, { children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), t(mergedOptions.loadingLabel)] })) : (t(mergedOptions.confirmText)) })] })] })), mergedOptions.mode === 'modal' && hook.isOpen && (jsx("div", { className: "devic-gen-modal-overlay", onClick: (e) => {
+                        if (e.target === e.currentTarget && !hook.isProcessing)
+                            hook.close();
+                    }, children: jsxs("div", { className: "devic-gen-modal", children: [jsxs("div", { className: "devic-gen-modal-header", children: [jsx("h3", { className: "devic-gen-modal-title", children: t(mergedOptions.modalTitle) }), jsx("button", { type: "button", className: "devic-gen-modal-close", onClick: hook.close, "aria-label": t('Close'), disabled: hook.isProcessing, children: jsx(CloseIcon, {}) })] }), mergedOptions.modalDescription && (jsx("p", { className: "devic-gen-modal-description", children: mergedOptions.modalDescription })), jsxs("div", { className: "devic-gen-modal-body", children: [renderToolCalls(), hook.isProcessing && hook.toolCalls.length === 0 && renderProcessingStatus(), jsx("textarea", { ref: hook.inputRef, className: "devic-gen-input", placeholder: t(mergedOptions.placeholder), value: hook.inputValue, onChange: (e) => hook.setInputValue(e.target.value), onKeyDown: hook.handleKeyDown, rows: 4, disabled: hook.isProcessing }), hook.error && (jsx("div", { className: "devic-gen-error", children: hook.error.message }))] }), jsxs("div", { className: "devic-gen-modal-footer", children: [jsx("button", { type: "button", className: "devic-gen-modal-cancel", onClick: hook.close, disabled: hook.isProcessing, children: t(mergedOptions.cancelText) }), jsx("button", { type: "button", className: "devic-gen-modal-confirm", onClick: handleConfirm, disabled: hook.isProcessing || !hook.inputValue.trim(), children: hook.isProcessing ? (jsxs(Fragment, { children: [jsx("span", { className: "devic-gen-spinner devic-gen-spinner-small" }), t(mergedOptions.loadingLabel)] })) : (t(mergedOptions.confirmText)) })] })] }) }))] }) }));
 });
 /**
  * Default sparkles icon