@streamoid/agent 0.6.37 → 0.6.38

package/dist/index.js

@@ -68862,48 +68862,62 @@ function DynamicForm(e) {
         ]
       }
     )
-  ] }), Ft = ct && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "fixed inset-0 z-50 bg-black/80 flex items-center justify-center p-4",
-      onClick: () => We(null),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative w-full max-w-5xl max-h-[90vh] bg-background rounded-lg border border-border overflow-hidden",
-          onClick: (wt) => wt.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsx(
-              Button$2,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onClick: () => We(null),
-                className: "absolute right-2 top-2 z-10 bg-background/80 hover:bg-background",
-                children: /* @__PURE__ */ jsx(X$3, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "w-full h-full p-2 flex items-center justify-center", children: ct.type === "video" ? /* @__PURE__ */ jsx(
-              "video",
-              {
-                src: ct.url,
-                controls: !0,
-                autoPlay: !0,
-                className: "max-w-full max-h-[84vh] object-contain bg-black rounded"
-              }
-            ) : /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: ct.url,
-                alt: "Full preview",
-                className: "max-w-full max-h-[84vh] object-contain rounded"
-              }
-            ) })
-          ]
-        }
-      )
-    }
+  ] });
+  useEffect(() => {
+    if (!ct) return;
+    const wt = (Pt) => {
+      Pt.key === "Escape" && We(null);
+    };
+    return document.addEventListener("keydown", wt), () => document.removeEventListener("keydown", wt);
+  }, [ct]);
+  const Ft = ct && typeof document < "u" && createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sa-surface fixed inset-0 z-[120] bg-black/80 flex items-center justify-center p-4",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Media preview",
+        onClick: () => We(null),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "relative w-full max-w-5xl max-h-[90vh] bg-background rounded-lg border border-border overflow-hidden",
+            onClick: (wt) => wt.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx(
+                Button$2,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => We(null),
+                  className: "absolute right-2 top-2 z-10 bg-background/80 hover:bg-background",
+                  children: /* @__PURE__ */ jsx(X$3, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "w-full h-full p-2 flex items-center justify-center", children: ct.type === "video" ? /* @__PURE__ */ jsx(
+                "video",
+                {
+                  src: ct.url,
+                  controls: !0,
+                  autoPlay: !0,
+                  className: "max-w-full max-h-[84vh] object-contain bg-black rounded"
+                }
+              ) : /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: ct.url,
+                  alt: "Full preview",
+                  className: "max-w-full max-h-[84vh] object-contain rounded"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
   );
   return R ? /* @__PURE__ */ jsxs(
     "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/agent",
-  "version": "0.6.37",
+  "version": "0.6.38",
   "description": "Native (no-iframe) embeddable Streamoid agent chat panel. Host renders <AgentPanel adapters={\u2026}/>. Prebuilt bundle \u2014 source + build live in the stream-agent repo.",
   "type": "module",
   "main": "./dist/index.js",