@eshal-bot/chat-widget 0.2.0 → 0.2.2

package/dist/chat-widget-markdown-chunk.js

@@ -87896,6 +87896,8 @@
         },
         children: props.title
       }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        role: "img",
+        "aria-label": props.title || seriesName || 'Bar chart',
         style: {
           height: chartHeight,
           width: '100%'
@@ -88172,6 +88174,8 @@
         },
         children: props.title
       }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        role: "img",
+        "aria-label": props.title || (donut ? 'Donut chart' : 'Pie chart'),
         style: {
           height: 260,
           width: '100%'
@@ -88289,6 +88293,8 @@
         },
         children: props.title
       }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        role: "img",
+        "aria-label": props.title || seriesName || (area ? 'Area chart' : 'Line chart'),
         style: {
           height: 220,
           width: '100%'
@@ -91194,7 +91200,46 @@
     };
   }
 
-  const WidgetCitationContext = /*#__PURE__*/React.createContext(null);
+  /**
+   * WidgetCitationContext - the message's `sources` array + download handler,
+   * supplied by `<MessageBubble>` and consumed by every `<CitationPill>` that
+   * `rehypeCitations` renders inside the ReactMarkdown output.
+   *
+   * EV-2904 - WHY THIS LIVES IN ITS OWN MODULE, BEHIND A GLOBAL SINGLETON
+   * ---------------------------------------------------------------------
+   * The vanilla/IIFE build (`chat-widget.min.js` - the `<script src=...>`
+   * snippet customers actually install) ships the markdown pipeline as a
+   * SEPARATE IIFE bundle, `chat-widget-markdown-chunk.min.js`, injected at
+   * runtime by vanilla/lazyChunkLoader.js. Per rollup.config.js, `react` is
+   * the ONLY module the two bundles share (via the `__eshalChatWidgetReact`
+   * global) - every other module, including this one, is bundled a SECOND
+   * time into the chunk.
+   *
+   * The provider (`MessageBubble.jsx`) lives in the main bundle; the consumer
+   * (`CitationPill.jsx`) is pulled in by `MarkdownRenderer.jsx` and therefore
+   * lives in the chunk. With a plain `createContext(null)` in each bundle,
+   * those are two DIFFERENT context objects: the pill's `useContext` finds no
+   * matching Provider above it, falls back to the default `null`, and
+   * `CitationPill` returns `null` (its "rendered outside a chat" guard). The
+   * result is that citations silently vanish on the installed widget - no
+   * error, no raw `[N]` leak - while the Testing Lab and the ESM/UMD builds
+   * (single module graph) render them fine.
+   *
+   * Stashing the context object on a `window` key makes it a true
+   * cross-bundle singleton: whichever bundle evaluates first creates it, the
+   * other reuses it, so provider and consumer always agree. Safe for the
+   * single-graph builds too - the second import just re-reads the same
+   * object, which is exactly what a plain module-level `createContext` did.
+   *
+   * `createContext` must come from the one shared React instance for hooks to
+   * work at all; rollup.config.js already guarantees that via the
+   * `__eshalChatWidgetReact` global, so the object created here is valid in
+   * both bundles.
+   */
+  const GLOBAL_KEY = "__eshalChatWidgetCitationContext";
+  const globalScope = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : undefined;
+  const WidgetCitationContext = globalScope ? globalScope[GLOBAL_KEY] || (globalScope[GLOBAL_KEY] = /*#__PURE__*/React.createContext(null)) : /*#__PURE__*/React.createContext(null);
+
   function decodeName(name) {
     if (!name) return "";
     try {
@@ -91291,7 +91336,27 @@
         setOpen(false);
       };
       const onKey = e => {
-        if (e.key === "Escape") setOpen(false);
+        if (e.key === "Escape") {
+          setOpen(false);
+          return;
+        }
+        if (e.key === "Tab" && popoverRef.current) {
+          const focusables = popoverRef.current.querySelectorAll('a[href], button:not([disabled])');
+          if (focusables.length === 0) return;
+          const first = focusables[0];
+          const last = focusables[focusables.length - 1];
+          // document.activeElement is unreliable across a shadow boundary
+          // (it resolves to the shadow host, not the focused element inside
+          // it) - composedPath()[0] gives the true focused node either way.
+          const active = typeof e.composedPath === "function" ? e.composedPath()[0] : e.target;
+          if (e.shiftKey && active === first) {
+            e.preventDefault();
+            last.focus();
+          } else if (!e.shiftKey && active === last) {
+            e.preventDefault();
+            first.focus();
+          }
+        }
       };
       document.addEventListener("mousedown", onDocClick);
       document.addEventListener("keydown", onKey);
@@ -91311,6 +91376,23 @@
       setOpen(true);
     };
 
+    // Move focus into the popover on open; restore it to the pill on close
+    // so keyboard users don't lose their place when Escape or a click
+    // outside dismisses it.
+    const wasOpenRef = React.useRef(false);
+    React.useEffect(() => {
+      if (open) {
+        var _popoverRef$current;
+        wasOpenRef.current = true;
+        const firstFocusable = (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.querySelector('a[href], button:not([disabled])');
+        firstFocusable === null || firstFocusable === void 0 || firstFocusable.focus();
+      } else if (wasOpenRef.current) {
+        var _anchorRef$current;
+        wasOpenRef.current = false;
+        (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 || _anchorRef$current.focus();
+      }
+    }, [open]);
+
     // No context (rendered outside a chat) - hide the marker rather than
     // leaking a raw `[N]` into the bubble.
     if (!ctx) {
@@ -91363,6 +91445,7 @@
         tabIndex: 0,
         dir: "ltr",
         title: firstLabel + (extraCount ? " (+".concat(extraCount, " more)") : ""),
+        "aria-label": firstLabel + (extraCount ? " (+".concat(extraCount, " more)") : ""),
         onClick: onPillClick,
         onKeyDown: e => {
           if (e.key === "Enter" || e.key === " ") {