@streamoid/agent 0.6.36 → 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",
@@ -130776,12 +130790,12 @@ function QuickPrompt({
       "aria-describedby": s ? b : void 0,
       onClick: () => c?.(h),
       onKeyDown: R,
-      className: `${CARD_CHROME} min-h-[64px] items-start justify-start p-[16px] ${s ? "" : f}`,
+      className: `${CARD_CHROME} sa-suggestion-card min-h-[64px] items-start justify-start px-[14px] py-[12px] ${s ? "" : f}`,
       children: /* @__PURE__ */ jsx("div", { "data-id": "suggested-card-body", className: "flex w-full flex-col items-start gap-[4px]", children: /* @__PURE__ */ jsx(
         "p",
         {
           "data-id": "suggested-card-label",
-          className: "w-full break-words text-left text-[14px] font-normal leading-[20px] text-[var(--alias-text---icons-primary)]",
+          className: "sa-suggestion-label w-full break-words text-left text-[14px] font-normal leading-[20px]",
           children: g
         }
       ) })