@eshal-bot/chat-widget 0.1.125 → 0.2.1

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%'
@@ -91291,7 +91297,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 +91337,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 +91406,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 === " ") {