@pagehub/sdk 0.1.5 → 0.1.6

package/dist/chunks/useMediaManager-CmKDbFfw.js

@@ -0,0 +1,4629 @@
+import { jsx as a, jsxs as s, Fragment as se } from "react/jsx-runtime";
+import Qe from "react-dom";
+import { ct as qe, dc as Ye, dd as ze, aA as Re, de as ke, bY as Fe, df as Ze, P as ee, dg as $t, aQ as ge, dh as yt, a4 as ut, di as Kt, dj as Bt, dk as Ot, dl as Je, dm as et, dn as tt, dp as at, c6 as _t, Q as Qt, dq as Xe, dr as Nt, ds as Ct, c8 as St, H as Yt, aO as ye, G as jt, dt as Gt, du as Ht, dv as Vt, dw as Wt, aB as Mt, dx as mt, dy as Xt, dz as qt, cd as ht, dA as Zt, dB as Jt, z as ea, ci as ta, dC as aa, dD as na, ca as ra, al as ia, aS as Ae, a_ as nt, d as la, dE as sa, dF as oa, cs as da, dG as ca, bZ as ua, db as pt, dH as ma, u as ha, b$ as pa, dI as ga } from "./index-C66dAl3Q.js";
+import { useState as S, useRef as le, useCallback as J, useEffect as re, useMemo as Ie, useSyncExternalStore as fa } from "react";
+import { b as ba, c as xa, d as va } from "./FloatingPanel-DJP5Vhua.js";
+import { S as Aa } from "./SlotRenderer-CaLf_2_C.js";
+import { ROOT_NODE as q } from "@craftjs/utils";
+import { useEditor as rt } from "@craftjs/core";
+function wa(e) {
+  if (!e || typeof e.closest != "function") return !1;
+  const t = e, i = t.tagName;
+  if (i === "INPUT" || i === "TEXTAREA" || i === "SELECT" || t.isContentEditable) return !0;
+  const l = typeof t.getAttribute == "function" ? t.getAttribute("contenteditable") : null;
+  return !!(l === "true" || l === "" || t.closest(".ProseMirror") || t.closest(".cm-editor") || t.closest(".cm-content") || t.closest(".monaco-editor"));
+}
+const ya = ({
+  isOpen: e,
+  onClose: t,
+  onConfirm: i,
+  title: l,
+  message: r,
+  confirmText: n = "Confirm",
+  cancelText: c = "Cancel",
+  variant: m = "danger",
+  icon: h
+}) => {
+  const d = ba(e), p = xa();
+  if (qe({
+    id: `confirm-dialog:${l}`,
+    isOpen: e,
+    onDismiss: t
+  }), !e) return null;
+  const f = () => {
+    switch (m) {
+      case "danger":
+        return {
+          iconBg: "bg-red-100",
+          iconColor: "text-red-600",
+          confirmBg: "bg-red-600 hover:bg-red-700",
+          confirmText: "text-white"
+        };
+      case "warning":
+        return {
+          iconBg: "bg-yellow-100",
+          iconColor: "text-yellow-600",
+          confirmBg: "bg-yellow-600 hover:bg-yellow-700",
+          confirmText: "text-white"
+        };
+      case "info":
+        return {
+          iconBg: "bg-blue-100",
+          iconColor: "text-blue-600",
+          confirmBg: "bg-blue-600 hover:bg-blue-700",
+          confirmText: "text-white"
+        };
+      case "success":
+        return {
+          iconBg: "bg-green-100",
+          iconColor: "text-green-600",
+          confirmBg: "bg-green-600 hover:bg-green-700",
+          confirmText: "text-white"
+        };
+      default:
+        return {
+          iconBg: "bg-red-100",
+          iconColor: "text-red-600",
+          confirmBg: "bg-red-600 hover:bg-red-700",
+          confirmText: "text-white"
+        };
+    }
+  }, u = () => {
+    switch (m) {
+      case "danger":
+        return /* @__PURE__ */ a(ze, { className: "text-2xl" });
+      case "warning":
+        return /* @__PURE__ */ a(ze, { className: "text-2xl" });
+      case "info":
+        return /* @__PURE__ */ a(ze, { className: "text-2xl" });
+      case "success":
+        return /* @__PURE__ */ a(Re, { className: "text-2xl" });
+      default:
+        return /* @__PURE__ */ a(ze, { className: "text-2xl" });
+    }
+  }, C = f(), o = h || u(), x = () => {
+    i(), t(), p(`${l} confirmed`, "assertive");
+  };
+  return Qe.createPortal(
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "pagehub-sdk-root ph-modal-backdrop ph-modal-backdrop--center",
+        style: { zIndex: Ye },
+        onClick: t,
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: d,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "confirm-dialog-title",
+            className: "pagehub-sdk-root ph-modal-surface w-full max-w-md overflow-hidden",
+            onClick: (A) => A.stopPropagation(),
+            children: /* @__PURE__ */ s("div", { className: "p-6", children: [
+              /* @__PURE__ */ s("div", { className: "mb-4 flex items-start gap-4", children: [
+                /* @__PURE__ */ a("div", { className: `${C.iconBg} ${C.iconColor} shrink-0 rounded-full p-3`, children: o }),
+                /* @__PURE__ */ s("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ a(
+                    "h3",
+                    {
+                      id: "confirm-dialog-title",
+                      className: "text-base-content mb-2 text-lg font-semibold",
+                      children: l
+                    }
+                  ),
+                  /* @__PURE__ */ a("p", { className: "text-neutral-content text-sm", children: r })
+                ] })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "flex justify-end gap-3", children: [
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    onClick: t,
+                    className: "border-base-300 text-neutral-content hover:bg-neutral hover:text-base-content rounded-md border px-4 py-2 text-sm font-medium transition-colors",
+                    children: c
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    onClick: x,
+                    className: `px-4 py-2 text-sm font-medium ${C.confirmBg} ${C.confirmText} rounded-lg transition-colors`,
+                    children: n
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    ),
+    document.querySelector(".pagehub-sdk-root") || document.body
+  );
+}, Na = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAABAAEDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAv/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCdABmX/9k=";
+function Ca({ crop: e }) {
+  const t = e.getImageUrl();
+  return /* @__PURE__ */ s("div", { className: "relative min-h-[400px] flex-1 p-4 lg:min-h-0 lg:p-6", children: [
+    /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ a(
+      "div",
+      {
+        role: "presentation",
+        "aria-hidden": "true",
+        className: "relative flex flex-1 cursor-grab touch-none items-center justify-center overflow-hidden select-none",
+        style: {
+          cursor: e.isPanning ? "grabbing" : "grab",
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        },
+        onPointerDown: e.handlePointerDown,
+        onDragStart: (i) => i.preventDefault(),
+        onWheel: e.handleWheel,
+        onTouchStart: e.handleTouchStart,
+        onTouchMove: e.handleTouchMove,
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: e.containerRef,
+            className: "relative",
+            style: { transform: `scale(${e.previewScale})`, transformOrigin: "center" },
+            children: t && /* @__PURE__ */ s(
+              "div",
+              {
+                className: "relative inline-block",
+                style: {
+                  transform: `translate(${e.viewportPosition.x}px, ${e.viewportPosition.y}px)`
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "relative size-full",
+                      style: {
+                        width: e.imageSize.width || 400,
+                        height: e.imageSize.height || 400
+                      },
+                      children: /* @__PURE__ */ a(
+                        ke,
+                        {
+                          ref: e.imageRef,
+                          src: t,
+                          alt: "Crop preview",
+                          fill: !0,
+                          className: "object-contain",
+                          draggable: !1,
+                          onLoad: e.handleImageLoad,
+                          onDragStart: (i) => i.preventDefault(),
+                          placeholder: "blur",
+                          blurDataURL: Na,
+                          crossOrigin: "anonymous"
+                        }
+                      )
+                    }
+                  ),
+                  e.imageSize.width > 0 && /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "pointer-events-none absolute",
+                      style: {
+                        left: 0,
+                        top: 0,
+                        width: e.imageSize.width,
+                        height: e.imageSize.height,
+                        background: `linear-gradient(to right,
+                        rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) ${e.cropArea.x}px,
+                        transparent ${e.cropArea.x}px, transparent ${e.cropArea.x + e.cropArea.width}px,
+                        rgba(0,0,0,0.5) ${e.cropArea.x + e.cropArea.width}px, rgba(0,0,0,0.5) 100%
+                      ),
+                      linear-gradient(to bottom,
+                        rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) ${e.cropArea.y}px,
+                        transparent ${e.cropArea.y}px, transparent ${e.cropArea.y + e.cropArea.height}px,
+                        rgba(0,0,0,0.5) ${e.cropArea.y + e.cropArea.height}px, rgba(0,0,0,0.5) 100%
+                      )`
+                      }
+                    }
+                  ),
+                  e.imageSize.width > 0 && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: "pointer-events-none absolute border-2 border-white bg-transparent shadow-lg",
+                      style: {
+                        left: e.cropArea.x,
+                        top: e.cropArea.y,
+                        width: e.cropArea.width,
+                        height: e.cropArea.height
+                      },
+                      children: [
+                        /* @__PURE__ */ a(Ke, { position: "-left-1 -top-1", cursor: "nw-resize" }),
+                        /* @__PURE__ */ a(Ke, { position: "-right-1 -top-1", cursor: "ne-resize" }),
+                        /* @__PURE__ */ a(Ke, { position: "-bottom-1 -left-1", cursor: "sw-resize" }),
+                        /* @__PURE__ */ a(Ke, { position: "-bottom-1 -right-1", cursor: "se-resize" }),
+                        /* @__PURE__ */ a("div", { className: "pointer-events-auto absolute -top-1 left-1/2 h-3 w-2 -translate-x-1/2 cursor-n-resize rounded-full border-2 border-gray-800 bg-white shadow-lg transition-transform hover:scale-110" }),
+                        /* @__PURE__ */ a("div", { className: "pointer-events-auto absolute -bottom-1 left-1/2 h-3 w-2 -translate-x-1/2 cursor-s-resize rounded-full border-2 border-gray-800 bg-white shadow-lg transition-transform hover:scale-110" }),
+                        /* @__PURE__ */ a("div", { className: "pointer-events-auto absolute top-1/2 -left-1 h-2 w-3 -translate-y-1/2 cursor-w-resize rounded-full border-2 border-gray-800 bg-white shadow-lg transition-transform hover:scale-110" }),
+                        /* @__PURE__ */ a("div", { className: "pointer-events-auto absolute top-1/2 -right-1 h-2 w-3 -translate-y-1/2 cursor-e-resize rounded-full border-2 border-gray-800 bg-white shadow-lg transition-transform hover:scale-110" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    ) }),
+    e.saveError && /* @__PURE__ */ s("div", { className: "border-error/20 bg-error/10 text-error absolute inset-x-6 top-6 rounded-lg border p-3 text-sm", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(Fe, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "font-medium", children: "Save Failed" })
+      ] }),
+      /* @__PURE__ */ a("p", { className: "text-error/80 mt-1", children: e.saveError }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => e.setSaveError(null),
+          className: "mt-2 text-xs underline hover:no-underline",
+          children: "Dismiss"
+        }
+      )
+    ] }),
+    e.saveSuccess && /* @__PURE__ */ s("div", { className: "absolute inset-x-6 top-6 rounded-lg border border-green-500/20 bg-green-500/10 p-3 text-sm text-green-600", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(Re, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "font-medium", children: "Success!" })
+      ] }),
+      /* @__PURE__ */ a("p", { className: "mt-1 text-green-600/80", children: e.saveMode === "override" ? `Image cropped and original file replaced on CDN (${e.imageFormat.toUpperCase()}, ${e.imageQuality}% quality)` : `Image cropped and saved as new variant on CDN (${e.imageFormat.toUpperCase()}, ${e.imageQuality}% quality)` })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "border-base-300 bg-base-200/95 absolute right-3 bottom-3 rounded-lg border px-3 py-1.5 backdrop-blur-sm", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-6", children: [
+      /* @__PURE__ */ s("label", { className: "text-neutral-content flex cursor-pointer items-center gap-2 text-sm", children: [
+        "Override original",
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            checked: e.saveMode === "override",
+            onChange: (i) => e.setSaveMode(i.target.checked ? "override" : "new"),
+            className: "border-base-300 bg-neutral text-accent focus:ring-ring size-4 rounded"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: e.handleSave,
+          disabled: e.isSaving,
+          className: "btn btn-primary flex items-center gap-2",
+          children: e.isSaving ? /* @__PURE__ */ s(se, { children: [
+            /* @__PURE__ */ a(Ze, { className: "animate-spin" }),
+            "Processing..."
+          ] }) : e.saveSuccess ? /* @__PURE__ */ s(se, { children: [
+            /* @__PURE__ */ a(Re, {}),
+            "Saved!"
+          ] }) : /* @__PURE__ */ a(se, { children: e.saveMode === "new" ? "Save as New Variant" : "Override Original" })
+        }
+      )
+    ] }) })
+  ] });
+}
+function Ke({ position: e, cursor: t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `pointer-events-auto absolute ${e} size-3 cursor-${t} rounded-full border-2 border-gray-800 bg-white shadow-lg transition-transform hover:scale-110`,
+      "data-tooltip-id": ee,
+      "data-tooltip-content": `Resize from ${t.replace("-resize", "")}`
+    }
+  );
+}
+const Sa = (e) => new Promise((t, i) => {
+  const l = new Image();
+  l.onload = () => {
+    const r = {
+      width: l.naturalWidth,
+      height: l.naturalHeight,
+      aspectRatio: l.naturalWidth / l.naturalHeight
+    };
+    t(r);
+  }, l.onerror = () => {
+    i(new Error("Failed to load image for dimension extraction"));
+  }, l.src = URL.createObjectURL(e);
+}), gt = (e) => new Promise((t, i) => {
+  const l = new Image();
+  l.onload = () => {
+    const r = {
+      width: l.naturalWidth,
+      height: l.naturalHeight,
+      aspectRatio: l.naturalWidth / l.naturalHeight
+    };
+    t(r);
+  }, l.onerror = () => {
+    i(new Error("Failed to load image from URL for dimension extraction"));
+  }, l.src = e;
+}), it = (e) => {
+  const t = e.aspectRatio;
+  let i = "";
+  return Math.abs(t - 16 / 9) < 0.01 ? i = "16:9" : Math.abs(t - 4 / 3) < 0.01 ? i = "4:3" : Math.abs(t - 1) < 0.01 ? i = "1:1" : Math.abs(t - 3 / 2) < 0.01 ? i = "3:2" : Math.abs(t - 21 / 9) < 0.01 && (i = "21:9"), i ? `${e.width} × ${e.height} (${i})` : `${e.width} × ${e.height}`;
+}, Ma = {
+  too_large: "MEDIA_TOO_LARGE",
+  bad_mime: "MEDIA_BAD_MIME",
+  quota: "MEDIA_QUOTA",
+  cf_rejected: "MEDIA_CF_REJECTED",
+  auth: "MEDIA_AUTH",
+  rate_limited: "MEDIA_RATE_LIMITED",
+  network: "MEDIA_NETWORK",
+  unknown: "MEDIA_UNKNOWN"
+};
+class we extends $t {
+  constructor(t, i, l) {
+    super({ code: Ma[t] ?? "MEDIA_UNKNOWN", message: i }), this.name = "MediaUploadError", this.code = t, this.status = l;
+  }
+}
+const It = "image/png,image/jpeg,image/jpg,image/gif,image/webp,image/avif,image/svg+xml";
+function lt() {
+  return It;
+}
+async function Me(e, t = {}) {
+  throw new we(
+    "unknown",
+    "No media upload handler registered — call registerMediaUploadHandler() at app boot"
+  );
+}
+const Ia = [
+  { name: "Mobile Hero", width: 375, height: 667, ratio: 0.562 },
+  { name: "Desktop Hero", width: 1920, height: 1080, ratio: 1.778 },
+  { name: "Square", width: 400, height: 400, ratio: 1 },
+  { name: "Instagram Post", width: 1080, height: 1080, ratio: 1 },
+  { name: "Instagram Story", width: 1080, height: 1920, ratio: 0.562 },
+  { name: "Facebook Cover", width: 1200, height: 630, ratio: 1.905 },
+  { name: "Twitter Header", width: 1500, height: 500, ratio: 3 },
+  { name: "LinkedIn Cover", width: 1584, height: 396, ratio: 4 }
+];
+function ka({ media: e, onSave: t, onClose: i, settings: l }) {
+  const [r, n] = S({ x: 0, y: 0, width: 200, height: 200 }), [c, m] = S({
+    x: 0,
+    y: 0,
+    width: 200,
+    height: 200
+  }), [h, d] = S(null), [p, f] = S(!1), [u, C] = S(400), [o, x] = S(400), [A, y] = S(1), [g, b] = S({ width: 0, height: 0 }), [v, k] = S(1), [M, z] = S({ x: 0, y: 0 }), $ = le(!1), _ = le({ x: 0, y: 0 }), B = le(null), H = le(null), V = le(!1), W = le({ x: 0, y: 0 }), [te, Z] = S(!1), [de, fe] = S(0), [oe, ce] = S(1), [O, Ce] = S("new"), [Se, F] = S(!1), [w, D] = S(null), [R, T] = S(!1), [E, Q] = S("webp"), [L, U] = S(90), [Y, ue] = S(""), X = le(null), me = le(null), Ee = () => {
+    var I;
+    return (e == null ? void 0 : e.type) === "url" ? (I = e.metadata) == null ? void 0 : I.url : (e == null ? void 0 : e.type) === "svg" ? null : e ? ge(e.cdnId || e.id, { width: 800, format: "auto" }) : null;
+  }, he = J(
+    (I) => {
+      n((P) => {
+        let N = { ...P, ...I };
+        return p && h && (I.width !== void 0 ? N.height = N.width / h : I.height !== void 0 && (N.width = N.height * h)), N.x = Math.max(0, Math.min(N.x, g.width - N.width)), N.y = Math.max(0, Math.min(N.y, g.height - N.height)), N.width = Math.max(50, Math.min(N.width, g.width - N.x)), N.height = Math.max(50, Math.min(N.height, g.height - N.y)), p && h && (I.width !== void 0 ? (N.height = Math.min(N.height, N.width / h), N.width = N.height * h) : I.height !== void 0 && (N.width = Math.min(N.width, N.height * h), N.height = N.width / h)), N;
+      });
+    },
+    [p, h, g]
+  ), Te = () => {
+    if (!X.current) return;
+    const { naturalWidth: I, naturalHeight: P } = X.current;
+    if (b({ width: I, height: P }), r.width === 0 && r.height === 0) {
+      const N = Math.min(I, P) * 0.5, K = {
+        x: (I - N) / 2,
+        y: (P - N) / 2,
+        width: N,
+        height: N
+      };
+      n(K), m(K);
+    }
+    y(1), z({ x: 0, y: 0 }), W.current = { x: 0, y: 0 };
+  }, { onPointerDown: Pe } = va({
+    onStart: (I) => {
+      if (!me.current || !X.current) return !1;
+      const P = X.current.getBoundingClientRect(), N = (I.clientX - P.left) / v, K = (I.clientY - P.top) / v, j = 8, pe = (ie) => {
+        const be = ie.includes("w") ? r.x : r.x + r.width, xe = ie.includes("n") ? r.y : r.y + r.height;
+        return Math.abs(N - be) <= j && Math.abs(K - xe) <= j;
+      };
+      for (const ie of ["nw", "ne", "sw", "se"])
+        if (pe(ie)) {
+          $.current = !0, B.current = "resize", H.current = ie, _.current = { x: N, y: K };
+          return;
+        }
+      N >= r.x && N <= r.x + r.width && K >= r.y && K <= r.y + r.height ? ($.current = !0, B.current = "move", _.current = { x: N - r.x, y: K - r.y }) : (V.current = !0, _.current = { x: I.clientX, y: I.clientY }, W.current = M, Z(!0));
+    },
+    onMove: (I) => {
+      if (!(!me.current || !X.current))
+        if ($.current) {
+          const P = X.current.getBoundingClientRect(), N = (I.clientX - P.left) / v, K = (I.clientY - P.top) / v;
+          if (B.current === "move")
+            he({ x: N - _.current.x, y: K - _.current.y });
+          else if (B.current === "resize" && H.current) {
+            const j = { ...r };
+            switch (H.current) {
+              case "nw":
+                j.width = r.width + (r.x - N), j.height = r.height + (r.y - K), j.x = N, j.y = K;
+                break;
+              case "ne":
+                j.width = N - r.x, j.height = r.height + (r.y - K), j.y = K;
+                break;
+              case "sw":
+                j.width = r.width + (r.x - N), j.height = K - r.y, j.x = N;
+                break;
+              case "se":
+                j.width = N - r.x, j.height = K - r.y;
+                break;
+            }
+            he(j);
+          }
+        } else V.current && z({
+          x: W.current.x + (I.clientX - _.current.x),
+          y: W.current.y + (I.clientY - _.current.y)
+        });
+    },
+    onEnd: () => {
+      $.current = !1, B.current = null, H.current = null, V.current = !1, W.current = { x: 0, y: 0 }, Z(!1);
+    }
+  }), Ge = (I) => {
+    if (I.preventDefault(), !me.current || !X.current) return;
+    const P = me.current.getBoundingClientRect(), N = I.clientX - P.left, K = I.clientY - P.top, j = I.deltaY > 0 ? 0.9 : 1.1, pe = Math.max(0.1, Math.min(10, v * j));
+    if (pe !== v) {
+      const ie = X.current.getBoundingClientRect(), be = N - ie.width / 2, xe = K - ie.height / 2, ve = pe / v;
+      k(pe), z({
+        x: M.x - be * (ve - 1),
+        y: M.y - xe * (ve - 1)
+      });
+    }
+  }, Le = (I, P) => Math.sqrt((I.clientX - P.clientX) ** 2 + (I.clientY - P.clientY) ** 2), ot = (I) => {
+    I.touches.length === 2 && (I.preventDefault(), fe(Le(I.touches[0], I.touches[1])), ce(v));
+  }, dt = (I) => {
+    if (I.touches.length !== 2) return;
+    I.preventDefault();
+    const P = Le(I.touches[0], I.touches[1]), N = Math.max(0.1, Math.min(10, P / de * oe));
+    if (N !== v && me.current && X.current) {
+      const K = (I.touches[0].clientX + I.touches[1].clientX) / 2, j = (I.touches[0].clientY + I.touches[1].clientY) / 2, pe = me.current.getBoundingClientRect(), ie = X.current.getBoundingClientRect(), be = K - pe.left - ie.width / 2, xe = j - pe.top - ie.height / 2, ve = N / v;
+      k(N), z({
+        x: M.x - be * (ve - 1),
+        y: M.y - xe * (ve - 1)
+      });
+    }
+  }, ae = (I) => {
+    C(I.width), x(I.height), d(I.ratio), f(!0);
+    const P = Math.min(r.width, g.width - r.x), N = { ...r, width: P, height: P / I.ratio };
+    he(N), m(N);
+  }, He = (I) => {
+    y(I);
+    const P = Math.min(c.width * I, g.width), N = p && h ? P / h : Math.min(c.height * I, g.height), K = c.x + c.width / 2, j = c.y + c.height / 2;
+    he({
+      x: Math.max(0, Math.min(K - P / 2, g.width - P)),
+      y: Math.max(0, Math.min(j - N / 2, g.height - N)),
+      width: P,
+      height: N
+    });
+  }, $e = (I, P) => {
+    I === "width" ? (C(P), p && h && x(P / h)) : (x(P), p && h && C(P * h));
+  }, Pt = async () => new Promise((I, P) => {
+    const N = X.current;
+    if (!N || !N.complete) {
+      P(new Error("Image not loaded"));
+      return;
+    }
+    const K = document.createElement("canvas"), j = K.getContext("2d");
+    if (!j) {
+      P(new Error("Canvas context not available"));
+      return;
+    }
+    K.width = u, K.height = o;
+    const pe = X.current.getBoundingClientRect(), ie = g.width / pe.width, be = g.height / pe.height;
+    j.drawImage(
+      N,
+      r.x * ie,
+      r.y * be,
+      r.width * ie,
+      r.height * be,
+      0,
+      0,
+      u,
+      o
+    ), K.toBlob(
+      (xe) => {
+        var ct;
+        if (!xe) {
+          P(new Error("Failed to create image blob"));
+          return;
+        }
+        const ve = Y.trim() || `${((ct = e.metadata) == null ? void 0 : ct.title) || e.id}-${u}x${o}`, Lt = O === "new" ? `${ve}-${Date.now()}.${E}` : `${ve}.${E}`;
+        I(new File([xe], Lt, { type: `image/${E}` }));
+      },
+      `image/${E}`,
+      L / 100
+    );
+  });
+  return {
+    // Crop
+    cropArea: r,
+    imageSize: g,
+    aspectRatio: h,
+    lockAspectRatio: p,
+    customWidth: u,
+    customHeight: o,
+    cropScale: A,
+    baseCropArea: c,
+    setLockAspectRatio: f,
+    setAspectRatio: d,
+    updateCropArea: he,
+    handleImageLoad: Te,
+    handlePresetSelect: ae,
+    handleCropScaleChange: He,
+    handleCustomSizeChange: $e,
+    // Viewport
+    previewScale: v,
+    setPreviewScale: k,
+    viewportPosition: M,
+    setViewportPosition: z,
+    isPanning: te,
+    // Drag
+    handlePointerDown: Pe,
+    handleWheel: Ge,
+    handleTouchStart: ot,
+    handleTouchMove: dt,
+    // Save
+    saveMode: O,
+    setSaveMode: Ce,
+    isSaving: Se,
+    saveError: w,
+    setSaveError: D,
+    saveSuccess: R,
+    handleSave: async () => {
+      var I, P;
+      F(!0), D(null), T(!1);
+      try {
+        const N = await Pt(), { mediaId: K } = await Me(N, {
+          skipPreprocess: !0
+        });
+        if (O === "override")
+          try {
+            await yt(e.id, l);
+          } catch {
+          }
+        const j = {
+          ...e,
+          id: O === "new" ? K : e.id,
+          metadata: {
+            ...e.metadata,
+            title: Y.trim() || `${((I = e.metadata) == null ? void 0 : I.title) || e.id} (${u}x${o})`,
+            versionName: Y.trim() || `${u}x${o}`,
+            cropArea: r,
+            customWidth: u,
+            customHeight: o,
+            aspectRatio: h,
+            isVariant: O === "new",
+            parentId: O === "new" ? e.id : void 0,
+            dimensions: {
+              width: u,
+              height: o,
+              aspectRatio: u / o
+            },
+            ...O === "override" && {
+              originalFileReplaced: !0,
+              replacedAt: (/* @__PURE__ */ new Date()).toISOString(),
+              originalDimensions: (P = e.metadata) == null ? void 0 : P.dimensions,
+              newCdnId: K
+            }
+          }
+        };
+        t(j), T(!0), setTimeout(() => i(), 1500);
+      } catch (N) {
+        const K = N instanceof we || N instanceof Error ? N.message : "Failed to save image";
+        D(K);
+      } finally {
+        F(!1);
+      }
+    },
+    // Export
+    imageFormat: E,
+    setImageFormat: Q,
+    imageQuality: L,
+    setImageQuality: U,
+    versionName: Y,
+    setVersionName: ue,
+    // Refs
+    imageRef: X,
+    containerRef: me,
+    // Image
+    getImageUrl: Ee
+  };
+}
+function Oe({ title: e, children: t }) {
+  return /* @__PURE__ */ s("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ s("h3", { className: "toolbar-label flex items-center gap-2 font-semibold", children: [
+      /* @__PURE__ */ a("div", { className: "bg-primary h-4 w-1 rounded-full" }),
+      e
+    ] }),
+    /* @__PURE__ */ a("div", { className: "border-base-300/30 bg-base-200 rounded-lg border p-4", children: t })
+  ] });
+}
+function ft({
+  title: e,
+  value: t,
+  onChange: i,
+  min: l = 0.1,
+  max: r = 10,
+  step: n = 0.1,
+  presets: c = [0.5, 1, 2]
+}) {
+  return /* @__PURE__ */ s(Oe, { title: e, children: [
+    /* @__PURE__ */ s("div", { className: "mb-3 flex items-center gap-3", children: [
+      /* @__PURE__ */ a("span", { className: "toolbar-label font-medium", children: "Scale:" }),
+      /* @__PURE__ */ a("div", { className: "relative flex-1", children: /* @__PURE__ */ a(
+        "input",
+        {
+          type: "range",
+          min: l,
+          max: r,
+          step: n,
+          value: t,
+          onChange: (m) => i(parseFloat(m.target.value)),
+          className: "slider bg-neutral h-2 w-full cursor-pointer appearance-none rounded-lg"
+        }
+      ) }),
+      /* @__PURE__ */ s("div", { className: "bg-primary/10 text-primary min-w-12 rounded-md px-2 py-1 text-center text-sm font-semibold", children: [
+        Math.round(t * 100),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex gap-2", children: c.map((m) => /* @__PURE__ */ s(
+      "button",
+      {
+        onClick: () => i(m),
+        className: "bg-neutral text-neutral-content hover:bg-primary/10 hover:text-primary flex-1 rounded-md px-3 py-2 text-xs font-medium transition-colors",
+        children: [
+          Math.round(m * 100),
+          "%"
+        ]
+      },
+      m
+    )) })
+  ] });
+}
+function Da({ crop: e }) {
+  return /* @__PURE__ */ a(ut, { className: "border-base-300 from-neutral/20 to-neutral/40 w-full bg-linear-to-b p-4 pb-20 sm:w-64 md:w-72 lg:w-80 lg:border-r lg:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ a(Oe, { title: "Aspect Ratios", children: /* @__PURE__ */ a(ut, { className: "h-32 pr-1", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-2", children: Ia.map((t) => /* @__PURE__ */ s(
+      "button",
+      {
+        onClick: () => e.handlePresetSelect(t),
+        className: "group border-base-300 bg-base-200 hover:border-primary/30 hover:bg-primary/5 rounded-lg border p-2 text-left text-xs hover:shadow-sm",
+        children: [
+          /* @__PURE__ */ a("div", { className: "text-base-content group-hover:text-primary font-semibold transition-colors", children: t.name }),
+          /* @__PURE__ */ s("div", { className: "text-neutral-content text-xs", children: [
+            t.width,
+            " × ",
+            t.height
+          ] })
+        ]
+      },
+      t.name
+    )) }) }) }),
+    /* @__PURE__ */ a(Oe, { title: "Dimensions", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ s("div", { className: "flex-1", children: [
+        /* @__PURE__ */ a(
+          "label",
+          {
+            htmlFor: "crop-width-input",
+            className: "text-neutral-content mb-1 block text-xs font-medium",
+            children: "Width"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            id: "crop-width-input",
+            type: "number",
+            value: e.customWidth,
+            onChange: (t) => e.handleCustomSizeChange("width", parseInt(t.target.value) || 0),
+            className: "input-dialog-md focus:border-primary focus:ring-primary/20 focus:ring-1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => e.setLockAspectRatio(!e.lockAspectRatio),
+          className: `rounded-lg p-2 ${e.lockAspectRatio ? "bg-primary text-primary-content shadow-sm" : "bg-neutral text-neutral-content hover:bg-primary/10 hover:text-primary"}`,
+          "data-tooltip-id": ee,
+          "data-tooltip-content": e.lockAspectRatio ? "Unlock aspect ratio" : "Lock aspect ratio",
+          children: e.lockAspectRatio ? /* @__PURE__ */ a(Kt, { className: "size-4" }) : /* @__PURE__ */ a(Bt, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: "flex-1", children: [
+        /* @__PURE__ */ a(
+          "label",
+          {
+            htmlFor: "crop-height-input",
+            className: "text-neutral-content mb-1 block text-xs font-medium",
+            children: "Height"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            id: "crop-height-input",
+            type: "number",
+            value: e.customHeight,
+            onChange: (t) => e.handleCustomSizeChange("height", parseInt(t.target.value) || 0),
+            className: "input-dialog-md focus:border-primary focus:ring-primary/20 focus:ring-1"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a(
+      ft,
+      {
+        title: "Crop Size",
+        value: e.cropScale,
+        onChange: e.handleCropScaleChange,
+        min: 0.1,
+        max: 3,
+        presets: [0.5, 1, 2]
+      }
+    ),
+    /* @__PURE__ */ a(
+      ft,
+      {
+        title: "Zoom",
+        value: e.previewScale,
+        onChange: (t) => {
+          e.setPreviewScale(t), e.setViewportPosition({ x: 0, y: 0 });
+        },
+        min: 0.1,
+        max: 10,
+        presets: [0.5, 1, 2]
+      }
+    ),
+    /* @__PURE__ */ s(Oe, { title: "Export Settings", children: [
+      /* @__PURE__ */ s("div", { className: "mb-4", children: [
+        /* @__PURE__ */ a(
+          "label",
+          {
+            htmlFor: "crop-version-name-input",
+            className: "text-neutral-content mb-1 block text-xs font-medium",
+            children: "Version Name"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            id: "crop-version-name-input",
+            type: "text",
+            value: e.versionName,
+            onChange: (t) => e.setVersionName(t.target.value),
+            placeholder: `${e.customWidth}x${e.customHeight} crop`,
+            className: "input-dialog-md focus:border-primary focus:ring-primary/20 focus:ring-1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "mb-4", children: [
+        /* @__PURE__ */ a("span", { className: "toolbar-label mb-2 block font-medium", children: "Format" }),
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-1", children: [
+          { value: "webp", label: "WebP", desc: "Best" },
+          { value: "png", label: "PNG", desc: "Lossless" },
+          { value: "jpeg", label: "JPEG", desc: "Universal" }
+        ].map((t) => /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => e.setImageFormat(t.value),
+            className: `rounded-md p-1.5 text-xs font-medium transition-colors ${e.imageFormat === t.value ? "bg-primary text-primary-content" : "bg-neutral text-neutral-content hover:bg-primary/10 hover:text-primary"}`,
+            children: [
+              /* @__PURE__ */ a("div", { className: "text-xs font-semibold", children: t.label }),
+              /* @__PURE__ */ a("div", { className: "text-xs opacity-70", children: t.desc })
+            ]
+          },
+          t.value
+        )) })
+      ] }),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("div", { className: "mb-3 flex items-center gap-3", children: [
+          /* @__PURE__ */ a("span", { className: "toolbar-label font-medium", children: "Quality:" }),
+          /* @__PURE__ */ a("div", { className: "relative flex-1", children: /* @__PURE__ */ a(
+            "input",
+            {
+              type: "range",
+              min: "10",
+              max: "100",
+              step: "5",
+              value: e.imageQuality,
+              onChange: (t) => e.setImageQuality(parseInt(t.target.value)),
+              className: "slider bg-neutral h-2 w-full cursor-pointer appearance-none rounded-lg"
+            }
+          ) }),
+          /* @__PURE__ */ s("div", { className: "bg-primary/10 text-primary min-w-12 rounded-md px-2 py-1 text-center text-sm font-semibold", children: [
+            e.imageQuality,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [50, 75, 90, 100].map((t) => /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => e.setImageQuality(t),
+            className: `flex-1 rounded-lg px-3 py-2 text-xs font-medium transition-colors ${e.imageQuality === t ? "bg-primary text-primary-content" : "bg-neutral text-neutral-content hover:bg-primary/10 hover:text-primary"}`,
+            children: [
+              t,
+              "%"
+            ]
+          },
+          t
+        )) })
+      ] })
+    ] })
+  ] }) });
+}
+function Fn({ isOpen: e, onClose: t, media: i, onSave: l, settings: r }) {
+  var c;
+  const n = ka({ media: i, onSave: l, onClose: t, settings: r });
+  return e ? Qe.createPortal(
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "pagehub-sdk-root ph-modal-backdrop ph-modal-backdrop--center",
+        style: { zIndex: Ye },
+        onClick: t,
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            className: "pagehub-sdk-root ph-modal-surface bg-base-200! relative mx-4 max-h-[90vh] w-full max-w-6xl overflow-hidden",
+            onClick: (m) => m.stopPropagation(),
+            children: [
+              /* @__PURE__ */ s("div", { className: "border-base-300 bg-neutral/20 flex items-center justify-between border-b px-6 py-4", children: [
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+                  /* @__PURE__ */ a("div", { className: "border-primary/20 bg-primary/10 flex size-10 items-center justify-center rounded-lg border", children: /* @__PURE__ */ a(Ot, { className: "text-primary text-lg" }) }),
+                  /* @__PURE__ */ s("div", { children: [
+                    /* @__PURE__ */ a("h2", { className: "text-base-content text-xl font-semibold", children: "Image Cropper" }),
+                    /* @__PURE__ */ a("p", { className: "text-neutral-content text-sm font-medium", children: ((c = i == null ? void 0 : i.metadata) == null ? void 0 : c.title) || (i == null ? void 0 : i.id) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    onClick: t,
+                    className: "text-neutral-content hover:bg-neutral hover:text-base-content rounded-md p-2 transition-colors",
+                    "data-tooltip-id": ee,
+                    "data-tooltip-content": "Close",
+                    children: /* @__PURE__ */ a(Fe, { className: "text-lg" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s("div", { className: "relative flex h-full max-h-[calc(90vh-120px)] flex-col lg:flex-row", children: [
+                /* @__PURE__ */ a(Da, { crop: n }),
+                /* @__PURE__ */ a(Ca, { crop: n })
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.querySelector(".pagehub-sdk-root") || document.body
+  ) : null;
+}
+const je = {
+  image: "Image",
+  video: "Video",
+  audio: "Audio",
+  pdf: "PDF",
+  archive: "Archive",
+  other: "File"
+};
+function De(e) {
+  var i;
+  const t = ((i = e.metadata) == null ? void 0 : i.contentType) || "";
+  return e.type === "svg" || e.type === "cdn" || e.type === "url" || t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t === "application/pdf" ? "pdf" : t === "application/zip" ? "archive" : "other";
+}
+function kt(e) {
+  switch (De(e)) {
+    case "image":
+      return It;
+    case "video":
+      return "video/*";
+    case "audio":
+      return "audio/*";
+    case "pdf":
+      return "application/pdf";
+    case "archive":
+      return "application/zip";
+    default:
+      return "*/*";
+  }
+}
+function Ue(e) {
+  if (e === 0) return "0 B";
+  const t = 1024, i = ["B", "KB", "MB", "GB"], l = Math.floor(Math.log(e) / Math.log(t));
+  return `${(e / Math.pow(t, l)).toFixed(1)} ${i[l]}`;
+}
+function Fa(e, t, i) {
+  return [...e].sort((l, r) => {
+    var m, h, d, p;
+    let n, c;
+    switch (t) {
+      case "name":
+        n = ((m = l.metadata) == null ? void 0 : m.title) || l.id, c = ((h = r.metadata) == null ? void 0 : h.title) || r.id;
+        break;
+      case "size":
+        n = ((d = l.metadata) == null ? void 0 : d.size) || 0, c = ((p = r.metadata) == null ? void 0 : p.size) || 0;
+        break;
+      case "createdAt":
+        n = l.uploadedAt || l.createdAt || 0, c = r.uploadedAt || r.createdAt || 0;
+        break;
+      case "order":
+        n = l.order || 0, c = r.order || 0;
+        break;
+      default:
+        return 0;
+    }
+    return typeof n == "string" && typeof c == "string" ? i === "asc" ? n.localeCompare(c) : c.localeCompare(n) : i === "asc" ? n - c : c - n;
+  });
+}
+function Dt(e) {
+  let t = e.trim();
+  t = t.replace(/<\?xml[^?]*\?>/gi, ""), t = t.replace(/<!DOCTYPE[^>]*>/gi, ""), t = t.replace(/<!--[\s\S]*?-->/g, "");
+  const i = t.match(/<svg[\s\S]*<\/svg>/i);
+  return i && (t = i[0]), t = t.replace(/\s*(width|height)\s*=\s*["'][^"']*["']/gi, ""), t = t.replace(/fill\s*=\s*["']#000000["']/gi, 'fill="currentColor"'), t = t.replace(/fill\s*=\s*["']#000["']/gi, 'fill="currentColor"'), t = t.replace(/fill\s*=\s*["']black["']/gi, 'fill="currentColor"'), t = t.replace(/fill\s*=\s*["']rgb\(0,\s*0,\s*0\)["']/gi, 'fill="currentColor"'), t = t.replace(/fill\s*=\s*["']rgba\(0,\s*0,\s*0,\s*1\)["']/gi, 'fill="currentColor"'), t.trim();
+}
+const bt = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAABAAEDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAv/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCdABmX/9k=";
+function Ea({
+  editingMedia: e,
+  savingMetadata: t,
+  canUseImageAnalyze: i,
+  mediaEditAiActionsContext: l,
+  onClose: r,
+  onSave: n,
+  onUpdate: c
+}) {
+  var h, d, p, f, u, C, o, x, A, y, g;
+  const m = (b, v) => {
+    c({
+      ...e,
+      metadata: { ...e.metadata, [b]: v }
+    });
+  };
+  return Qe.createPortal(
+    /* @__PURE__ */ a(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "bg-base-100/60 text-neutral-content fixed inset-0 flex items-center justify-center backdrop-blur-sm",
+        style: { zIndex: Ye },
+        onClick: r,
+        onKeyDown: (b) => {
+          (b.key === "Enter" || b.key === " ") && (b.preventDefault(), r());
+        },
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            onClick: (b) => b.stopPropagation(),
+            className: "pagehub-sdk-root ph-modal-surface-heavy flex max-h-[80vh] w-full max-w-2xl flex-col overflow-hidden",
+            children: [
+              /* @__PURE__ */ s("div", { className: "border-base-300 flex items-center justify-between border-b p-6", children: [
+                /* @__PURE__ */ a("h3", { className: "text-base-content text-xl font-bold", children: "Edit Media" }),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    onClick: r,
+                    className: "text-neutral-content hover:text-base-content text-xl",
+                    children: /* @__PURE__ */ a(Fe, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s("div", { className: "scrollbar-light relative flex-1 space-y-4 overflow-y-auto p-6", children: [
+                /* @__PURE__ */ s("div", { className: "border-base-300 bg-neutral text-neutral-content flex items-center gap-4 rounded-lg border p-4", children: [
+                  e.type === "url" ? /* @__PURE__ */ a("div", { className: "bg-neutral relative size-24 overflow-hidden rounded-lg", children: /* @__PURE__ */ a(
+                    ke,
+                    {
+                      src: (h = e.metadata) == null ? void 0 : h.url,
+                      alt: ((d = e.metadata) == null ? void 0 : d.alt) || "Preview",
+                      width: 96,
+                      height: 96,
+                      className: "object-cover",
+                      placeholder: "blur",
+                      blurDataURL: bt
+                    }
+                  ) }) : e.type === "svg" ? /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "border-base-300 flex size-24 items-center justify-center rounded-lg border",
+                      dangerouslySetInnerHTML: { __html: ((p = e.metadata) == null ? void 0 : p.svg) || "" }
+                    }
+                  ) : /* @__PURE__ */ a("div", { className: "bg-neutral relative size-24 overflow-hidden rounded-lg", children: /* @__PURE__ */ a(
+                    ke,
+                    {
+                      src: ge(e.cdnId || e.id, {
+                        width: 200,
+                        format: "auto"
+                      }),
+                      alt: ((f = e.metadata) == null ? void 0 : f.alt) || "Preview",
+                      width: 96,
+                      height: 96,
+                      className: "object-cover",
+                      placeholder: "blur",
+                      blurDataURL: bt
+                    },
+                    `${e.id}-${e.uploadedAt || 0}`
+                  ) }),
+                  /* @__PURE__ */ s("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ a("p", { className: "text-neutral-content font-mono text-sm", children: e.id }),
+                    /* @__PURE__ */ s("p", { className: "text-neutral-content mt-1 text-xs", children: [
+                      "Type: ",
+                      e.type || "cdn"
+                    ] }),
+                    ((u = e.metadata) == null ? void 0 : u.size) && /* @__PURE__ */ s("p", { className: "text-neutral-content mt-1 text-xs", children: [
+                      "Size: ",
+                      Ue(e.metadata.size)
+                    ] }),
+                    ((C = e.metadata) == null ? void 0 : C.dimensions) && /* @__PURE__ */ s("p", { className: "text-neutral-content mt-1 text-xs", children: [
+                      "Dimensions: ",
+                      it(e.metadata.dimensions)
+                    ] })
+                  ] })
+                ] }),
+                e.type === "url" && /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s("label", { htmlFor: "edit-image-url", className: "toolbar-label mb-2 block font-medium", children: [
+                    "Image URL ",
+                    /* @__PURE__ */ a("span", { className: "text-error", children: "*" })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    "input",
+                    {
+                      id: "edit-image-url",
+                      type: "text",
+                      value: ((o = e.metadata) == null ? void 0 : o.url) || "",
+                      onChange: (b) => m("url", b.target.value),
+                      placeholder: "https://example.com/image.jpg",
+                      className: "input placeholder:text-neutral-content"
+                    }
+                  )
+                ] }),
+                e.type === "svg" && /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s("label", { htmlFor: "edit-svg-code", className: "toolbar-label mb-2 block font-medium", children: [
+                    "SVG Code ",
+                    /* @__PURE__ */ a("span", { className: "text-error", children: "*" })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    "textarea",
+                    {
+                      id: "edit-svg-code",
+                      value: ((x = e.metadata) == null ? void 0 : x.svg) || "",
+                      onChange: (b) => m("svg", b.target.value),
+                      placeholder: "<svg>...</svg>",
+                      className: "input placeholder:text-neutral-content min-h-[8rem] resize-none font-mono text-sm",
+                      rows: 6
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ a("label", { htmlFor: "edit-file-name", className: "toolbar-label mb-2 block font-medium", children: "File Name" }),
+                  /* @__PURE__ */ a(
+                    "input",
+                    {
+                      id: "edit-file-name",
+                      type: "text",
+                      value: ((A = e.metadata) == null ? void 0 : A.title) || "",
+                      onChange: (b) => m("title", b.target.value),
+                      placeholder: "Enter file name",
+                      className: "input placeholder:text-neutral-content"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s("label", { htmlFor: "edit-alt-text", className: "toolbar-label mb-2 block font-medium", children: [
+                    "Alt Text ",
+                    /* @__PURE__ */ a("span", { className: "text-error", children: "*" })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    "input",
+                    {
+                      id: "edit-alt-text",
+                      type: "text",
+                      value: ((y = e.metadata) == null ? void 0 : y.alt) || "",
+                      onChange: (b) => m("alt", b.target.value),
+                      placeholder: "Describe the image for accessibility",
+                      className: "input placeholder:text-neutral-content"
+                    }
+                  ),
+                  /* @__PURE__ */ a("p", { className: "text-neutral-content mt-1 text-xs", children: "Important for accessibility and SEO" })
+                ] }),
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ a("label", { htmlFor: "edit-description", className: "toolbar-label mb-2 block font-medium", children: "Description" }),
+                  /* @__PURE__ */ a(
+                    "textarea",
+                    {
+                      id: "edit-description",
+                      value: ((g = e.metadata) == null ? void 0 : g.description) || "",
+                      onChange: (b) => m("description", b.target.value),
+                      placeholder: "Additional details about this media",
+                      rows: 3,
+                      className: "input placeholder:text-neutral-content min-h-[4.5rem] resize-none"
+                    }
+                  )
+                ] }),
+                i && e.type !== "svg" && l && /* @__PURE__ */ a("div", { className: "border-base-300 border-t pt-4", children: /* @__PURE__ */ a(Aa, { id: "media-edit/ai-actions", ctx: l }) })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "border-base-300 bg-neutral text-neutral-content flex justify-end gap-3 border-t p-6", children: [
+                /* @__PURE__ */ a("button", { type: "button", onClick: r, className: "btn btn-secondary", children: "Cancel" }),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (b) => {
+                      b.preventDefault(), b.stopPropagation(), n();
+                    },
+                    disabled: t !== "idle",
+                    className: `btn btn-primary flex items-center gap-2 ${t === "saving" ? "cursor-not-allowed opacity-60" : ""}`,
+                    children: t === "saving" ? /* @__PURE__ */ s(se, { children: [
+                      /* @__PURE__ */ a(Ze, { className: "animate-spin" }),
+                      "Saving..."
+                    ] }) : t === "saved" ? /* @__PURE__ */ s(se, { children: [
+                      /* @__PURE__ */ a(Re, {}),
+                      "Saved"
+                    ] }) : /* @__PURE__ */ s(se, { children: [
+                      /* @__PURE__ */ a(Je, {}),
+                      "Save Changes"
+                    ] })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.querySelector(".pagehub-sdk-root") || document.body
+  );
+}
+const Ta = "flex w-full cursor-pointer items-center gap-1 px-3 py-3 text-neutral-content hover:bg-neutral";
+function za({ children: e }) {
+  return /* @__PURE__ */ a("div", { className: "text-neutral-content/60 px-3 pt-3 pb-1 text-[10px] font-medium tracking-widest uppercase", children: e });
+}
+function Ve({ icon: e, label: t, onClick: i, kbd: l }) {
+  return /* @__PURE__ */ s("button", { type: "button", onClick: i, className: Ta, children: [
+    /* @__PURE__ */ a("div", { className: "shrink-0 text-base", children: e }),
+    /* @__PURE__ */ a("div", { className: "min-w-0 flex-1 text-left", children: t }),
+    l ?? null
+  ] });
+}
+const xt = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAABAAEDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAv/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCdABmX/9k=", Ft = "grid-cols-[2rem_minmax(0,2.4fr)_minmax(4.5rem,.7fr)_minmax(4.8rem,.75fr)_minmax(6.2rem,.9fr)_minmax(6rem,.8fr)]";
+function Ra({
+  filteredMedia: e,
+  viewMode: t,
+  sortField: i,
+  selectedMedia: l,
+  selectedMediaIds: r,
+  deletingMedia: n,
+  searchQuery: c,
+  uploadProgress: m,
+  isDragOver: h,
+  dropProps: d,
+  selectionMode: p,
+  onSelect: f,
+  onClose: u,
+  onItemSelect: C,
+  onPreview: o,
+  onSetAddMode: x,
+  folderNameById: A,
+  fileInputRef: y
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `scrollbar-light bg-base-100 relative h-full overflow-y-auto transition-colors ${h ? "border-accent bg-accent border-2 border-dashed" : ""} ${m ? "pt-16" : "p-3"}`,
+      ...d,
+      children: [
+        h && /* @__PURE__ */ a("div", { className: "border-accent bg-base-200/75 absolute inset-0 z-40 flex items-center justify-center rounded-lg border-2 border-dashed backdrop-blur-sm", children: /* @__PURE__ */ s("div", { className: "text-accent-content flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ a(et, { className: "text-6xl" }),
+          /* @__PURE__ */ s("div", { className: "text-center", children: [
+            /* @__PURE__ */ a("p", { className: "text-xl font-semibold", children: "Drop files here" }),
+            /* @__PURE__ */ a("p", { className: "text-sm opacity-75", children: "Release to upload multiple files" })
+          ] })
+        ] }) }),
+        m && /* @__PURE__ */ s("div", { className: "border-base-300 bg-base-200 absolute inset-x-0 top-0 z-30 border-b p-4", children: [
+          /* @__PURE__ */ s("div", { className: "mb-2 flex items-center justify-between", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a("div", { className: "border-accent size-4 animate-spin rounded-full border-2 border-t-transparent" }),
+              /* @__PURE__ */ s("span", { className: "text-base-content text-sm font-medium", children: [
+                "Uploading ",
+                m.current + 1,
+                " of ",
+                m.total,
+                " files"
+              ] })
+            ] }),
+            /* @__PURE__ */ s("span", { className: "text-neutral-content text-xs", children: [
+              Math.round((m.current + 1) / m.total * 100),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "bg-neutral text-neutral-content mb-2 h-2 w-full rounded-full", children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: "bg-accent text-accent-content h-2 rounded-full transition-all duration-300 ease-out",
+              style: {
+                width: `${(m.current + 1) / m.total * 100}%`
+              }
+            }
+          ) }),
+          m.currentFile && /* @__PURE__ */ s("div", { className: "text-neutral-content truncate text-xs", children: [
+            /* @__PURE__ */ a(tt, { className: "mr-1 inline" }),
+            " ",
+            m.currentFile
+          ] }),
+          m.completedFiles.length > 0 && /* @__PURE__ */ s("div", { className: "text-secondary-content mt-1 text-xs", children: [
+            /* @__PURE__ */ a(Re, { className: "mr-1 inline" }),
+            " Completed:",
+            " ",
+            m.completedFiles.join(", ")
+          ] })
+        ] }),
+        e.length === 0 ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col items-center justify-center p-8 text-center", children: c ? /* @__PURE__ */ s("div", { className: "animate-modal-in flex flex-col items-center", children: [
+          /* @__PURE__ */ a("div", { className: "bg-neutral mb-4 rounded-full p-6", children: /* @__PURE__ */ a(at, { className: "text-neutral-content text-5xl" }) }),
+          /* @__PURE__ */ a("p", { className: "text-base-content mb-2 text-xl font-semibold", children: "No media found" }),
+          /* @__PURE__ */ a("p", { className: "text-neutral-content text-sm", children: "Try adjusting search or folder/type filters" })
+        ] }) : /* @__PURE__ */ a(Ua, { onSetAddMode: x, fileInputRef: y }) }) : /* @__PURE__ */ s(se, { children: [
+          t === "list" && /* @__PURE__ */ s(
+            "div",
+            {
+              className: `text-base-content/60 border-base-300/70 bg-base-100/80 mb-1 grid ${Ft} items-center gap-3 rounded-md border px-4 py-2 text-[10px] font-semibold tracking-[0.08em] uppercase`,
+              children: [
+                /* @__PURE__ */ a("span", {}),
+                /* @__PURE__ */ a("span", { children: "Name" }),
+                /* @__PURE__ */ a("span", { children: "Type" }),
+                /* @__PURE__ */ a("span", { children: "Size" }),
+                /* @__PURE__ */ a("span", { children: "Modified" }),
+                /* @__PURE__ */ a("span", { children: "Folder" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: t === "cards" ? "grid grid-cols-[repeat(auto-fill,minmax(11.5rem,1fr))] gap-3" : "border-base-300/70 bg-base-100 overflow-hidden rounded-md border",
+              children: e.map((g) => {
+                const b = r.includes(g.id);
+                return /* @__PURE__ */ a(
+                  Pa,
+                  {
+                    media: g,
+                    viewMode: t,
+                    sortField: i,
+                    isSelected: b,
+                    isDeleting: n.includes(g.id),
+                    folderNameById: A,
+                    selectionMode: p,
+                    onSelect: (v) => C(g.id, v),
+                    onDoubleClick: () => {
+                      p && f && (f(g.id), u());
+                    },
+                    onPreview: () => o(g.id)
+                  },
+                  g.id
+                );
+              })
+            }
+          )
+        ] }),
+        l && p && f && /* @__PURE__ */ a("div", { className: "absolute right-4 bottom-4", children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              f(l), u();
+            },
+            className: "btn btn-primary shadow-lg",
+            children: "Select"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ua({
+  onSetAddMode: e,
+  fileInputRef: t
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex w-full max-w-2xl animate-[slide-up_0.8s_ease-out_forwards] flex-col items-center justify-center gap-8", children: [
+    /* @__PURE__ */ s("div", { className: "w-full max-w-lg", children: [
+      /* @__PURE__ */ a(za, { children: "Add media" }),
+      /* @__PURE__ */ s("div", { className: "border-base-300 bg-base-100 overflow-hidden rounded-xl border", children: [
+        /* @__PURE__ */ a(
+          Ve,
+          {
+            icon: /* @__PURE__ */ a(et, { className: "size-5" }),
+            label: /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("div", { className: "text-base-content text-sm font-medium", children: "Upload Files" }),
+              /* @__PURE__ */ a("div", { className: "text-neutral-content text-xs", children: "Drag & drop or click to upload files" })
+            ] }),
+            onClick: () => {
+              var i;
+              e("upload"), (i = t.current) == null || i.click();
+            }
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "bg-base-300 h-px", "aria-hidden": !0 }),
+        /* @__PURE__ */ a(
+          Ve,
+          {
+            icon: /* @__PURE__ */ a(_t, { className: "size-5" }),
+            label: /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("div", { className: "text-base-content text-sm font-medium", children: "Use URLs" }),
+              /* @__PURE__ */ a("div", { className: "text-neutral-content text-xs", children: "Link to assets hosted anywhere" })
+            ] }),
+            onClick: () => e("url")
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "bg-base-300 h-px", "aria-hidden": !0 }),
+        /* @__PURE__ */ a(
+          Ve,
+          {
+            icon: /* @__PURE__ */ a(Qt, { className: "size-5" }),
+            label: /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("div", { className: "text-base-content text-sm font-medium", children: "Paste SVG" }),
+              /* @__PURE__ */ a("div", { className: "text-neutral-content text-xs", children: "Add inline SVG code directly" })
+            ] }),
+            onClick: () => e("svg")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "text-neutral-content flex flex-col gap-2 text-xs", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(Xe, { className: "text-primary text-base" }),
+        /* @__PURE__ */ a("span", { children: "Paste images from your clipboard anywhere in this window" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(Xe, { className: "text-primary text-base" }),
+        /* @__PURE__ */ a("span", { children: "Drag and drop multiple files at once for batch upload" })
+      ] })
+    ] })
+  ] });
+}
+function Pa({
+  media: e,
+  viewMode: t,
+  sortField: i,
+  isSelected: l,
+  isDeleting: r,
+  folderNameById: n,
+  selectionMode: c,
+  onSelect: m,
+  onDoubleClick: h,
+  onPreview: d
+}) {
+  var C;
+  const p = De(e), f = (C = e.metadata) != null && C.folderId ? n.get(e.metadata.folderId) ?? "Unfiled" : "Unfiled", u = (o) => {
+    m({ shiftKey: o.shiftKey, metaKey: o.metaKey, ctrlKey: o.ctrlKey });
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: `group relative cursor-pointer ${t === "cards" ? `border-base-300 bg-base-200 overflow-hidden rounded-lg border ${l ? "ring-primary ring-offset-background ring-2 ring-offset-2" : "hover:border-primary"}` : `border-base-300/70 grid ${Ft} items-center gap-3 border-b px-4 py-2 ${l ? "bg-primary/10" : "hover:bg-base-200/55"}`} ${r ? "pointer-events-none opacity-60" : ""}`,
+      onClick: u,
+      onDoubleClick: h,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), m());
+      },
+      children: [
+        r && /* @__PURE__ */ a("div", { className: "bg-error/20 absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ a(Ze, { className: "text-error size-8 animate-spin" }),
+          /* @__PURE__ */ a("span", { className: "text-error text-xs font-medium", children: "Deleting..." })
+        ] }) }),
+        !c && t === "list" && /* @__PURE__ */ a("div", { className: "flex items-center", onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            checked: l,
+            onChange: () => {
+            },
+            onClick: (o) => {
+              o.stopPropagation(), m({ shiftKey: o.shiftKey, metaKey: !0 });
+            },
+            className: "checkbox checkbox-sm border-base-300 bg-base-100/95",
+            "aria-label": "Select media item"
+          }
+        ) }),
+        t === "cards" ? /* @__PURE__ */ a(La, { media: e, sortField: i, folderLabel: f, kind: p }) : /* @__PURE__ */ a(
+          $a,
+          {
+            media: e,
+            folderLabel: f,
+            kind: p,
+            showLeadingSpacer: c
+          }
+        ),
+        !c && t === "cards" && /* @__PURE__ */ a("div", { className: "absolute top-1 left-1", onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            checked: l,
+            onChange: () => {
+            },
+            onClick: (o) => {
+              o.stopPropagation(), m({ shiftKey: o.shiftKey, metaKey: !0 });
+            },
+            className: "checkbox checkbox-sm border-base-300 bg-base-100/95",
+            "aria-label": "Select media item"
+          }
+        ) }),
+        t === "cards" && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: (o) => {
+              o.stopPropagation(), d();
+            },
+            className: "bg-base-100/90 text-base-content absolute top-1 right-1 rounded p-1.5 opacity-0 transition-opacity group-hover:opacity-100",
+            "aria-label": "Preview media",
+            "data-tooltip-id": ee,
+            "data-tooltip-content": "Preview",
+            "data-tooltip-place": "top",
+            "data-tooltip-offset": 8,
+            children: /* @__PURE__ */ a(Nt, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function La({
+  media: e,
+  sortField: t,
+  folderLabel: i,
+  kind: l
+}) {
+  var d, p, f, u, C, o, x;
+  const r = e.type === "r2", n = ((d = e.metadata) == null ? void 0 : d.contentType) || "", c = r && n.startsWith("video/"), m = r && n.startsWith("audio/"), h = (p = e.metadata) == null ? void 0 : p.deliveryURL;
+  return /* @__PURE__ */ s("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "bg-neutral relative aspect-square overflow-hidden bg-cover bg-center",
+        style: {
+          backgroundImage: e.type === "url" ? `url("${(f = e.metadata) == null ? void 0 : f.url}")` : e.type === "svg" || r ? void 0 : `url(${ge(e.cdnId || e.id, { width: 400, format: "auto" })})`
+        },
+        children: [
+          /* @__PURE__ */ a("div", { className: "bg-base-100/95 text-base-content absolute top-1 right-1 rounded px-1.5 py-0.5 text-[10px] font-medium", children: je[l] }),
+          e.type === "svg" && /* @__PURE__ */ a(
+            "div",
+            {
+              className: "flex size-full items-center justify-center p-2",
+              dangerouslySetInnerHTML: { __html: ((u = e.metadata) == null ? void 0 : u.svg) || "" }
+            }
+          ),
+          c && h && /* @__PURE__ */ a(
+            "video",
+            {
+              src: h,
+              className: "size-full object-cover",
+              preload: "metadata",
+              muted: !0,
+              playsInline: !0
+            }
+          ),
+          r && !c && /* @__PURE__ */ s("div", { className: "text-base-content/70 flex size-full flex-col items-center justify-center gap-1 p-2", children: [
+            m ? /* @__PURE__ */ a(Ct, { className: "size-8" }) : /* @__PURE__ */ a(St, { className: "size-8" }),
+            /* @__PURE__ */ a("span", { className: "truncate text-[10px]", children: n || "file" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "bg-base-100 flex min-h-[4.5rem] flex-col gap-0.5 p-2", children: [
+      /* @__PURE__ */ a("p", { className: "text-base-content truncate text-xs font-semibold", children: ((C = e.metadata) == null ? void 0 : C.title) || e.id }),
+      /* @__PURE__ */ s("p", { className: "text-neutral-content truncate text-[10px]", children: [
+        (o = e.metadata) != null && o.size ? Ue(e.metadata.size) : "--",
+        (x = e.metadata) != null && x.dimensions ? ` • ${it(e.metadata.dimensions)}` : ""
+      ] }),
+      /* @__PURE__ */ s("p", { className: "text-neutral-content truncate text-[10px]", children: [
+        t === "createdAt" ? e.uploadedAt ? new Date(e.uploadedAt).toLocaleDateString() : "Unknown date" : i,
+        t !== "createdAt" ? "" : ` • ${i}`
+      ] })
+    ] })
+  ] });
+}
+function $a({
+  media: e,
+  folderLabel: t,
+  kind: i,
+  showLeadingSpacer: l
+}) {
+  var d, p, f, u, C, o, x, A;
+  const r = e.type === "r2", n = ((d = e.metadata) == null ? void 0 : d.contentType) || "", c = r && n.startsWith("video/"), m = r && n.startsWith("audio/"), h = (p = e.metadata) == null ? void 0 : p.deliveryURL;
+  return /* @__PURE__ */ s(se, { children: [
+    l ? /* @__PURE__ */ a("span", {}) : null,
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ a("div", { className: "border-base-300 bg-neutral flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: e.type === "url" ? /* @__PURE__ */ a("div", { className: "bg-neutral relative size-full", children: /* @__PURE__ */ a(
+        ke,
+        {
+          src: (f = e.metadata) == null ? void 0 : f.url,
+          alt: ((u = e.metadata) == null ? void 0 : u.alt) || e.id,
+          fill: !0,
+          className: "object-cover",
+          onError: (y) => {
+            y.currentTarget.style.display = "none";
+          },
+          placeholder: "blur",
+          blurDataURL: xt
+        },
+        `${e.id}-url-${e.uploadedAt || 0}`
+      ) }) : e.type === "svg" ? /* @__PURE__ */ a(
+        "div",
+        {
+          className: "size-full p-1",
+          dangerouslySetInnerHTML: { __html: ((C = e.metadata) == null ? void 0 : C.svg) || "" }
+        }
+      ) : c && h ? /* @__PURE__ */ a(
+        "video",
+        {
+          src: h,
+          className: "size-full object-cover",
+          preload: "metadata",
+          muted: !0,
+          playsInline: !0
+        }
+      ) : r ? /* @__PURE__ */ a("div", { className: "text-base-content/70 flex size-full items-center justify-center", children: m ? /* @__PURE__ */ a(Ct, { className: "size-5" }) : /* @__PURE__ */ a(St, { className: "size-5" }) }) : /* @__PURE__ */ a("div", { className: "bg-neutral relative size-full", children: /* @__PURE__ */ a(
+        ke,
+        {
+          src: ge(e.cdnId || e.id, { width: 100, format: "auto" }),
+          alt: ((o = e.metadata) == null ? void 0 : o.alt) || e.id,
+          fill: !0,
+          className: "object-cover",
+          loading: "lazy",
+          onError: (y) => {
+            y.currentTarget.style.display = "none";
+          },
+          placeholder: "blur",
+          blurDataURL: xt
+        },
+        `${e.id}-cdn-${e.uploadedAt || 0}`
+      ) }) }),
+      /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ a("p", { className: "text-base-content truncate text-sm font-medium", children: ((x = e.metadata) == null ? void 0 : x.title) || e.id }),
+        /* @__PURE__ */ a("p", { className: "text-neutral-content truncate text-[10px]", children: e.id })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "text-base-content/70 truncate text-xs font-medium", children: je[i] }),
+    /* @__PURE__ */ a("div", { className: "text-base-content/75 truncate text-xs font-medium", children: (A = e.metadata) != null && A.size ? Ue(e.metadata.size) : "--" }),
+    /* @__PURE__ */ a("div", { className: "text-base-content/70 truncate text-xs", children: e.uploadedAt ? new Date(e.uploadedAt).toLocaleDateString() : "--" }),
+    /* @__PURE__ */ a("div", { className: "text-base-content/70 truncate text-xs", children: t })
+  ] });
+}
+const Et = "h-8", Ne = `tool-bg-flat ${Et} shrink-0 !items-stretch !justify-start !gap-0.5 !px-0 !py-0 text-neutral-content [&_button.tool-button]:h-full [&_button.tool-button]:min-h-0 [&_button.tool-button]:rounded-sm [&_button.tool-button]:px-1.5`;
+function ne({
+  onClick: e,
+  tooltip: t,
+  children: i,
+  active: l,
+  disabled: r,
+  className: n
+}) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      onClick: e,
+      disabled: r,
+      className: `tool-button flex h-full items-stretch px-2 ${l ? "bg-base-200 text-base-content" : ""} ${n || ""}`,
+      "data-tooltip-id": ee,
+      "data-tooltip-content": t,
+      "data-tooltip-place": "bottom",
+      "data-tooltip-offset": 10,
+      children: i
+    }
+  );
+}
+function Ka({
+  addMode: e,
+  uploading: t,
+  hasImageInClipboard: i,
+  canUseImageGenerate: l,
+  fileInputRef: r,
+  setAddMode: n,
+  handlePasteClick: c,
+  onClose: m
+}) {
+  const h = Yt(Ht);
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2`, children: [
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: () => {
+          var d;
+          n("upload"), (d = r.current) == null || d.click();
+        },
+        disabled: t,
+        active: e === "upload",
+        tooltip: "Upload files",
+        children: /* @__PURE__ */ a(et, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "flex h-full min-h-0 w-[2.5rem] items-stretch md:w-full md:max-w-[8.5rem] [&_button.input-plain]:text-xs", children: /* @__PURE__ */ s(
+      ye,
+      {
+        wrap: "control",
+        propKey: "media-add-actions",
+        tooltipId: ee,
+        tooltipContent: "Add media actions",
+        placeholder: /* @__PURE__ */ a(jt, { className: "size-4" }),
+        value: "",
+        onChange: (d) => {
+          d === "url" && n("url"), d === "svg" && n("svg"), d === "ai" && l && (m(), h({
+            revealPanel: !0,
+            freshChat: !0,
+            assistantScope: "media",
+            mediaContext: { intent: "generate-image" },
+            promptHint: "Generate a new image for my media library."
+          })), d === "paste" && c();
+        },
+        children: [
+          /* @__PURE__ */ a("option", { value: "url", children: "Add from URL" }),
+          /* @__PURE__ */ a("option", { value: "svg", children: "Paste SVG" }),
+          l && /* @__PURE__ */ a("option", { value: "ai", children: "Generate with AI" }),
+          /* @__PURE__ */ a("option", { value: "paste", children: "Paste from clipboard" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: c,
+        disabled: !i || t,
+        tooltip: i ? "Paste image from clipboard (Ctrl+V / Cmd+V)" : "No image in clipboard",
+        children: /* @__PURE__ */ a(Gt, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function Ba({ inputRef: e, searchQuery: t, onSearch: i }) {
+  return /* @__PURE__ */ a("div", { className: "mt-2", children: /* @__PURE__ */ s(
+    "div",
+    {
+      className: `input-wrapper input-hover relative flex min-h-0 w-full items-center ${Et}`,
+      children: [
+        /* @__PURE__ */ a(at, { className: "text-neutral-content pointer-events-none absolute top-1/2 left-3 z-10 size-4 -translate-y-1/2" }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: e,
+            type: "text",
+            value: t,
+            onChange: (l) => i(l.target.value),
+            placeholder: "Search media...",
+            className: "input-plain-search h-full! min-h-0 pl-10"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Oa({
+  filteredCount: e,
+  busy: t,
+  canRenameOrDeleteFolder: i,
+  onSelectVisible: l,
+  onCreateFolder: r,
+  onRenameFolder: n,
+  onDeleteFolder: c
+}) {
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2`, children: [
+    e > 0 && /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: l,
+        disabled: t,
+        tooltip: "Select all items in current view",
+        children: /* @__PURE__ */ a(Vt, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ a(ne, { onClick: r, disabled: t, tooltip: "Create folder", children: /* @__PURE__ */ a(Wt, { className: "size-4" }) }),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: n,
+        disabled: !i || t,
+        tooltip: "Rename selected folder tab",
+        children: /* @__PURE__ */ a(Je, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: c,
+        disabled: !i || t,
+        tooltip: "Delete selected folder tab",
+        className: "text-error",
+        children: /* @__PURE__ */ a(Mt, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function _a({
+  fileInputRef: e,
+  replaceInputRef: t,
+  replaceAccept: i,
+  handleUpload: l,
+  handleReplaceMedia: r
+}) {
+  return /* @__PURE__ */ s(se, { children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: e,
+        type: "file",
+        accept: lt(),
+        multiple: !0,
+        onChange: (n) => l(n.target.files),
+        className: "hidden"
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: t,
+        type: "file",
+        accept: i,
+        onChange: (n) => r(n.target.files),
+        className: "hidden"
+      }
+    )
+  ] });
+}
+function Qa({
+  selectionMode: e,
+  selectedCount: t,
+  filteredCount: i,
+  totalCount: l,
+  searchQuery: r
+}) {
+  return /* @__PURE__ */ a("div", { className: "text-neutral-content order-3 ml-auto shrink-0 text-[11px]", children: e ? `${i} ${i === 1 ? "item" : "items"}` : t > 0 ? `${t} selected` : r ? `${i} of ${l}` : `${i} ${i === 1 ? "item" : "items"}` });
+}
+function vt({
+  total: e,
+  counts: t
+}) {
+  return /* @__PURE__ */ s(se, { children: [
+    /* @__PURE__ */ s("option", { value: "all", children: [
+      "All types (",
+      e,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "image", children: [
+      "Image (",
+      t.image || 0,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "video", children: [
+      "Video (",
+      t.video || 0,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "audio", children: [
+      "Audio (",
+      t.audio || 0,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "pdf", children: [
+      "PDF (",
+      t.pdf || 0,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "archive", children: [
+      "Archive (",
+      t.archive || 0,
+      ")"
+    ] }),
+    /* @__PURE__ */ s("option", { value: "other", children: [
+      je.other,
+      " (",
+      t.other || 0,
+      ")"
+    ] })
+  ] });
+}
+function Ya({ mediaList: e, kindCounts: t, onChange: i }) {
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2 min-w-0`, children: [
+    /* @__PURE__ */ a("div", { className: "hidden h-full min-h-0 items-stretch md:flex", children: /* @__PURE__ */ a(
+      ye,
+      {
+        wrap: "control",
+        propKey: "media-kind-filter",
+        tooltipId: ee,
+        tooltipContent: "Filter by media type",
+        placeholder: /* @__PURE__ */ a(mt, { className: "size-4" }),
+        value: "",
+        onChange: (l) => i(l),
+        children: /* @__PURE__ */ a(vt, { total: e.length, counts: t })
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "flex h-full min-h-0 items-stretch md:hidden", children: /* @__PURE__ */ a(
+      ye,
+      {
+        wrap: "control",
+        propKey: "media-kind-filter-compact",
+        tooltipId: ee,
+        tooltipContent: "Filter by media type",
+        placeholder: /* @__PURE__ */ a(mt, { className: "size-4" }),
+        value: "",
+        onChange: (l) => i(l),
+        children: /* @__PURE__ */ a(vt, { total: e.length, counts: t })
+      }
+    ) })
+  ] });
+}
+function ja({ showCompactSearch: e, hasSearchQuery: t, onToggle: i }) {
+  return /* @__PURE__ */ a("div", { className: `${Ne} order-1`, children: /* @__PURE__ */ a(
+    ne,
+    {
+      onClick: i,
+      tooltip: "Search media",
+      active: e || t,
+      children: /* @__PURE__ */ a(at, { className: "size-4" })
+    }
+  ) });
+}
+function Ga({
+  busy: e,
+  folders: t,
+  singleSelectedId: i,
+  onMoveSelectedToFolder: l,
+  onPreviewSingleSelected: r,
+  onEditSingleSelected: n,
+  onCropSingleSelected: c,
+  onReplaceSingleSelected: m,
+  onDeleteSelected: h,
+  onClearSelection: d
+}) {
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2`, children: [
+    /* @__PURE__ */ s(
+      ye,
+      {
+        wrap: "control",
+        propKey: "media-move-selected",
+        tooltipId: ee,
+        tooltipContent: "Move selected items",
+        placeholder: /* @__PURE__ */ a(tt, { className: "size-4" }),
+        value: "",
+        onChange: (p) => l(p === "unfiled" ? null : p),
+        children: [
+          /* @__PURE__ */ a("option", { value: "unfiled", children: "Move to Unfiled" }),
+          t.map((p) => /* @__PURE__ */ s("option", { value: p.id, children: [
+            "Move to ",
+            p.name
+          ] }, p.id))
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ s(se, { children: [
+      /* @__PURE__ */ a(
+        ne,
+        {
+          onClick: r,
+          disabled: e,
+          tooltip: "Preview selected",
+          children: /* @__PURE__ */ a(Nt, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          onClick: n,
+          disabled: e,
+          tooltip: "Edit selected",
+          children: /* @__PURE__ */ a(Je, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          onClick: c,
+          disabled: e,
+          tooltip: "Crop selected",
+          children: /* @__PURE__ */ a(Xt, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          onClick: m,
+          disabled: e,
+          tooltip: "Replace selected",
+          children: /* @__PURE__ */ a(qt, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: h,
+        disabled: e,
+        tooltip: "Delete selected",
+        className: "text-error",
+        children: /* @__PURE__ */ a(Mt, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ a(ne, { onClick: d, disabled: e, tooltip: "Clear selection", children: /* @__PURE__ */ a(Fe, { className: "size-4" }) })
+  ] });
+}
+const At = /* @__PURE__ */ s(se, { children: [
+  /* @__PURE__ */ a("option", { value: "createdAt", children: "Date" }),
+  /* @__PURE__ */ a("option", { value: "name", children: "Name" }),
+  /* @__PURE__ */ a("option", { value: "size", children: "Size" }),
+  /* @__PURE__ */ a("option", { value: "order", children: "Order" })
+] });
+function Ha({
+  sortField: e,
+  sortDirection: t,
+  onChangeSortField: i,
+  onToggleDirection: l
+}) {
+  const r = `${e} • ${t === "asc" ? "ascending" : "descending"}`, n = `Sort ${t === "asc" ? "ascending" : "descending"}`, c = t === "asc" ? Zt : Jt, m = (h) => /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      onClick: l,
+      className: "tool-button flex h-full items-stretch px-1.5",
+      "data-tooltip-id": ee,
+      "data-tooltip-content": h,
+      "data-tooltip-place": "bottom",
+      "data-tooltip-offset": 10,
+      children: /* @__PURE__ */ a(c, { className: "size-3.5" })
+    }
+  );
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2 min-w-0`, children: [
+    /* @__PURE__ */ a("div", { className: "hidden h-full min-h-0 items-stretch md:flex", children: /* @__PURE__ */ a(
+      ye,
+      {
+        wrap: "control",
+        propKey: "media-sort-field",
+        tooltipId: ee,
+        tooltipContent: "Sort by",
+        placeholder: /* @__PURE__ */ a(ht, { className: "size-4" }),
+        value: "",
+        onChange: (h) => i(h),
+        append: m(r),
+        children: At
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 items-stretch md:hidden", children: [
+      /* @__PURE__ */ a(
+        ye,
+        {
+          wrap: "control",
+          propKey: "media-sort-field-compact",
+          tooltipId: ee,
+          tooltipContent: "Sort by",
+          placeholder: /* @__PURE__ */ a(ht, { className: "size-4" }),
+          value: "",
+          onChange: (h) => i(h),
+          children: At
+        }
+      ),
+      m(n)
+    ] })
+  ] });
+}
+function Va({ svgInput: e, setSvgInput: t, handleAddSvg: i }) {
+  return /* @__PURE__ */ s("div", { className: "mt-2", children: [
+    /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          value: e,
+          onChange: (l) => t(l.target.value),
+          placeholder: "<svg>...</svg>",
+          className: "input-dialog placeholder:text-neutral-content min-h-[4.5rem] flex-1 resize-none font-mono text-xs",
+          rows: 3,
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: i,
+          disabled: !e.trim(),
+          className: "btn btn-primary text-sm!",
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("p", { className: "text-neutral-content mt-1.5 ml-0.5 text-xs", children: [
+      "Find SVGs @",
+      " ",
+      /* @__PURE__ */ a(
+        "a",
+        {
+          href: "https://www.svgrepo.com/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-primary hover:text-primary underline",
+          children: "svgrepo.com"
+        }
+      )
+    ] })
+  ] });
+}
+function Wa({
+  urlInput: e,
+  saveUrlToCdn: t,
+  uploading: i,
+  setUrlInput: l,
+  setSaveUrlToCdn: r,
+  handleAddUrl: n
+}) {
+  return /* @__PURE__ */ s("div", { className: "mt-2", children: [
+    /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "text",
+          value: e,
+          onChange: (c) => l(c.target.value),
+          placeholder: "https://example.com/image.jpg",
+          className: "input-dialog placeholder:text-neutral-content flex-1",
+          onKeyDown: (c) => c.key === "Enter" && n(),
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: n,
+          disabled: !e.trim() || i,
+          className: "btn btn-primary text-sm!",
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "checkbox",
+          id: "saveUrlToCdn",
+          checked: t,
+          onChange: (c) => r(c.target.checked),
+          className: "border-base-300 bg-neutral text-accent focus:ring-ring size-4 rounded-lg"
+        }
+      ),
+      /* @__PURE__ */ a("label", { htmlFor: "saveUrlToCdn", className: "text-neutral-content text-xs", children: "Save to CDN (downloads image to your account)" })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "text-neutral-content mt-2 text-xs", children: [
+      /* @__PURE__ */ a(Xe, { className: "mr-1 inline" }),
+      " Tip: You can also paste images directly (Ctrl+V / Cmd+V) or use the clipboard button above!"
+    ] })
+  ] });
+}
+function Xa(e) {
+  const [t, i] = S(!1), l = le(null);
+  return re(() => {
+    var r;
+    t && ((r = l.current) == null || r.focus());
+  }, [t]), re(() => {
+    if (!t) return;
+    const r = (n) => {
+      var m;
+      const c = n.target;
+      c && ((m = e.current) != null && m.contains(c) || i(!1));
+    };
+    return document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
+    };
+  }, [t, e]), qe({
+    id: "media-compact-search",
+    isOpen: t,
+    onDismiss: () => i(!1)
+  }), { showCompactSearch: t, setShowCompactSearch: i, compactSearchInputRef: l };
+}
+function qa({ viewMode: e, setViewMode: t }) {
+  return /* @__PURE__ */ s("div", { className: `${Ne} order-2`, children: [
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: () => t("cards"),
+        tooltip: "Card view",
+        active: e === "cards",
+        children: /* @__PURE__ */ a(ea, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        onClick: () => t("list"),
+        tooltip: "List view",
+        active: e === "list",
+        children: /* @__PURE__ */ a(ta, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function Za({
+  manager: e,
+  selectionMode: t,
+  filteredCount: i,
+  totalCount: l,
+  selectedCount: r,
+  busy: n,
+  canRenameOrDeleteFolder: c,
+  onSelectVisible: m,
+  onCreateFolder: h,
+  onRenameFolder: d,
+  onDeleteFolder: p,
+  folders: f,
+  singleSelectedId: u,
+  onMoveSelectedToFolder: C,
+  onPreviewSingleSelected: o,
+  onEditSingleSelected: x,
+  onCropSingleSelected: A,
+  onReplaceSingleSelected: y,
+  onDeleteSelected: g,
+  onClearSelection: b
+}) {
+  const {
+    searchQuery: v,
+    viewMode: k,
+    sortField: M,
+    sortDirection: z,
+    addMode: $,
+    urlInput: _,
+    svgInput: B,
+    saveUrlToCdn: H,
+    hasImageInClipboard: V,
+    uploading: W,
+    canUseImageGenerate: te,
+    toolbarRef: Z,
+    fileInputRef: de,
+    replaceInputRef: fe,
+    mediaList: oe,
+    replacingMedia: ce,
+    setViewMode: O,
+    setSortField: Ce,
+    setSortDirection: Se,
+    setKindFilter: F,
+    setAddMode: w,
+    setUrlInput: D,
+    setSvgInput: R,
+    setSaveUrlToCdn: T,
+    handleSearch: E,
+    handleUpload: Q,
+    handleAddUrl: L,
+    handleAddSvg: U,
+    handlePasteClick: Y,
+    handleReplaceMedia: ue,
+    resortFilteredMedia: X,
+    onClose: me
+  } = e, { showCompactSearch: Ee, setShowCompactSearch: he, compactSearchInputRef: Te } = Xa(Z), Pe = ce ? oe.find((ae) => ae.id === ce) : null, Ge = Pe ? kt(Pe) : lt(), Le = Ie(
+    () => oe.reduce(
+      (ae, He) => {
+        const $e = De(He);
+        return ae[$e] = (ae[$e] || 0) + 1, ae;
+      },
+      {}
+    ),
+    [oe]
+  );
+  return /* @__PURE__ */ s("div", { ref: Z, className: "border-base-300 bg-neutral border-b px-3 py-1", children: [
+    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ s("div", { className: "flex w-full min-w-0 items-center gap-1", children: [
+      /* @__PURE__ */ a(
+        ja,
+        {
+          showCompactSearch: Ee,
+          hasSearchQuery: !!v,
+          onToggle: () => he((ae) => !ae)
+        }
+      ),
+      /* @__PURE__ */ a(qa, { viewMode: k, setViewMode: O }),
+      /* @__PURE__ */ a(
+        Ha,
+        {
+          sortField: M,
+          sortDirection: z,
+          onChangeSortField: (ae) => {
+            Ce(ae), X({ sortField: ae });
+          },
+          onToggleDirection: () => {
+            const ae = z === "asc" ? "desc" : "asc";
+            Se(ae), X({ sortDirection: ae });
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        Ya,
+        {
+          mediaList: oe,
+          kindCounts: Le,
+          onChange: F
+        }
+      ),
+      /* @__PURE__ */ a(
+        Ka,
+        {
+          addMode: $,
+          uploading: W,
+          hasImageInClipboard: V,
+          canUseImageGenerate: te,
+          fileInputRef: de,
+          setAddMode: w,
+          handlePasteClick: Y,
+          onClose: me
+        }
+      ),
+      !t && /* @__PURE__ */ a(
+        Oa,
+        {
+          filteredCount: i,
+          busy: n,
+          canRenameOrDeleteFolder: c,
+          onSelectVisible: m,
+          onCreateFolder: h,
+          onRenameFolder: d,
+          onDeleteFolder: p
+        }
+      ),
+      !t && r > 0 && /* @__PURE__ */ a(
+        Ga,
+        {
+          busy: n,
+          folders: f,
+          singleSelectedId: u,
+          onMoveSelectedToFolder: C,
+          onPreviewSingleSelected: o,
+          onEditSingleSelected: x,
+          onCropSingleSelected: A,
+          onReplaceSingleSelected: y,
+          onDeleteSelected: g,
+          onClearSelection: b
+        }
+      ),
+      /* @__PURE__ */ a(
+        Qa,
+        {
+          selectionMode: t,
+          selectedCount: r,
+          filteredCount: i,
+          totalCount: l,
+          searchQuery: v
+        }
+      )
+    ] }) }),
+    Ee && /* @__PURE__ */ a(
+      Ba,
+      {
+        inputRef: Te,
+        searchQuery: v,
+        onSearch: E
+      }
+    ),
+    $ === "url" && /* @__PURE__ */ a(
+      Wa,
+      {
+        urlInput: _,
+        saveUrlToCdn: H,
+        uploading: W,
+        setUrlInput: D,
+        setSaveUrlToCdn: T,
+        handleAddUrl: L
+      }
+    ),
+    $ === "svg" && /* @__PURE__ */ a(Va, { svgInput: B, setSvgInput: R, handleAddSvg: U }),
+    /* @__PURE__ */ a(
+      _a,
+      {
+        fileInputRef: de,
+        replaceInputRef: fe,
+        replaceAccept: Ge,
+        handleUpload: Q,
+        handleReplaceMedia: ue
+      }
+    )
+  ] });
+}
+function En({
+  manager: e,
+  selectionMode: t,
+  onSelect: i,
+  onClose: l,
+  popover: r
+}) {
+  const [n, c] = S(null), [m, h] = S(""), [d, p] = S(!1), f = Ie(
+    () => e.mediaList.filter((M) => e.selectedMediaIds.includes(M.id)),
+    [e.mediaList, e.selectedMediaIds]
+  ), u = f.length === 1 ? f[0] : null, C = e.uploading || e.savingMetadata === "saving" || e.deletingMedia.length > 0, o = e.folderFilter !== "all" && e.folderFilter !== "unfiled" && e.folders.find((M) => M.id === e.folderFilter) || null, x = (M) => {
+    e.setReplacingMedia(M);
+    const z = e.mediaList.find((_) => _.id === M), $ = e.replaceInputRef.current;
+    $ && ($.accept = z ? kt(z) : "*/*", $.click());
+  }, A = () => {
+    c("create"), h("");
+  }, y = () => {
+    o && (c("rename"), h(o.name));
+  }, g = () => {
+    o && p(!0);
+  }, b = () => {
+    const M = m.trim();
+    if (M) {
+      if (n === "create") {
+        const z = e.createFolder(M);
+        z && e.setFolderFilter(z.id);
+      } else n === "rename" && o && e.renameFolder(o.id, M);
+      c(null), h("");
+    }
+  }, v = () => {
+    c(null), h("");
+  }, k = () => {
+    o && (e.deleteFolder(o.id), p(!1));
+  };
+  return /* @__PURE__ */ s(se, { children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: r ? "flex min-h-0 flex-1 flex-col overflow-hidden" : "-mx-6 -my-6 flex min-h-0 flex-1 flex-col overflow-hidden",
+        children: [
+          e.uploadError && /* @__PURE__ */ a("div", { className: "border-error bg-error/10 border-b px-6 py-3", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ a(ze, { className: "text-error mt-0.5 size-5 shrink-0" }),
+            /* @__PURE__ */ a("div", { className: "flex-1", children: /* @__PURE__ */ a("p", { className: "text-error text-sm whitespace-pre-line", children: e.uploadError }) }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                onClick: () => e.setUploadError(null),
+                className: "hover:bg-error/20 shrink-0 rounded p-1 transition-colors",
+                children: /* @__PURE__ */ a(Fe, { className: "text-error size-4" })
+              }
+            )
+          ] }) }),
+          r && /* @__PURE__ */ s("div", { className: "border-base-300 bg-neutral flex items-center gap-2 border-b px-3 py-1.5", children: [
+            /* @__PURE__ */ a("span", { className: "text-neutral-content shrink-0 text-[11px]", children: "Folder" }),
+            /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
+              ye,
+              {
+                wrap: "control",
+                propKey: "media-folder-filter-popover",
+                placeholder: /* @__PURE__ */ a(tt, { className: "size-3.5" }),
+                value: e.folderFilter,
+                onChange: (M) => e.setFolderFilter(M),
+                children: [
+                  /* @__PURE__ */ s("option", { value: "all", children: [
+                    "All (",
+                    e.folderCounts.all,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ s("option", { value: "unfiled", children: [
+                    "Unfiled (",
+                    e.folderCounts.unfiled,
+                    ")"
+                  ] }),
+                  e.folders.map((M) => /* @__PURE__ */ s("option", { value: M.id, children: [
+                    M.name,
+                    " (",
+                    e.folderCounts.byId.get(M.id) || 0,
+                    ")"
+                  ] }, M.id))
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a(
+            Za,
+            {
+              manager: e,
+              selectionMode: t,
+              filteredCount: e.filteredMedia.length,
+              totalCount: e.mediaList.length,
+              selectedCount: e.selectedMediaIds.length,
+              busy: C,
+              canRenameOrDeleteFolder: !!o,
+              onSelectVisible: e.selectAllVisible,
+              onCreateFolder: A,
+              onRenameFolder: y,
+              onDeleteFolder: g,
+              folders: e.folders,
+              singleSelectedId: (u == null ? void 0 : u.id) ?? null,
+              onMoveSelectedToFolder: e.moveSelectedToFolder,
+              onPreviewSingleSelected: () => u && e.setPreviewMedia(u.id),
+              onEditSingleSelected: () => u && e.openEditModal(u),
+              onCropSingleSelected: () => u && e.setCropMedia(u),
+              onReplaceSingleSelected: () => u && x(u.id),
+              onDeleteSelected: e.handleDeleteSelected,
+              onClearSelection: e.clearSelection
+            }
+          ),
+          n && !t && /* @__PURE__ */ s("div", { className: "border-base-300 bg-base-100 flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ a("div", { className: "input-wrapper input-hover relative flex h-8 min-h-0 flex-1 items-center", children: /* @__PURE__ */ a(
+              "input",
+              {
+                type: "text",
+                value: m,
+                onChange: (M) => h(M.target.value),
+                placeholder: n === "create" ? "New folder name" : "Rename folder",
+                className: "input-plain-search h-full! min-h-0 px-3",
+                autoFocus: !0,
+                onKeyDown: (M) => {
+                  M.key === "Enter" && b(), M.key === "Escape" && v();
+                }
+              }
+            ) }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                onClick: b,
+                disabled: !m.trim() || C,
+                className: "btn btn-primary btn-sm",
+                children: n === "create" ? "Create" : "Save"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                onClick: v,
+                disabled: C,
+                className: "btn btn-ghost btn-sm",
+                children: "Cancel"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ a(
+            Ra,
+            {
+              filteredMedia: e.filteredMedia,
+              viewMode: e.viewMode,
+              sortField: e.sortField,
+              selectedMedia: e.selectedMedia,
+              selectedMediaIds: e.selectedMediaIds,
+              deletingMedia: e.deletingMedia,
+              searchQuery: e.searchQuery,
+              uploadProgress: e.uploadProgress,
+              isDragOver: e.isDragOver,
+              dropProps: e.dropProps,
+              selectionMode: t,
+              onSelect: i,
+              onClose: l,
+              onItemSelect: e.handleMediaSelection,
+              onPreview: (M) => e.setPreviewMedia(M),
+              onSetAddMode: e.setAddMode,
+              folderNameById: e.folderNameById,
+              fileInputRef: e.fileInputRef
+            }
+          ) })
+        ]
+      }
+    ),
+    e.editingMedia && /* @__PURE__ */ a(
+      Ea,
+      {
+        editingMedia: e.editingMedia,
+        savingMetadata: e.savingMetadata,
+        canUseImageAnalyze: e.canUseImageAnalyze,
+        mediaEditAiActionsContext: e.mediaEditAiActionsContext,
+        onClose: e.closeEditModal,
+        onSave: e.saveEditedMetadata,
+        onUpdate: e.setEditingMedia
+      }
+    ),
+    /* @__PURE__ */ a(
+      ya,
+      {
+        isOpen: d,
+        onClose: () => p(!1),
+        onConfirm: k,
+        title: "Delete Folder",
+        message: o ? `Delete folder "${o.name}"? Items will be moved to Unfiled.` : "Delete this folder? Items will be moved to Unfiled.",
+        confirmText: "Delete Folder",
+        cancelText: "Cancel",
+        variant: "danger"
+      },
+      "delete-folder-confirm-dialog"
+    )
+  ] });
+}
+function Tn({
+  previewMedia: e,
+  filteredMedia: t,
+  onClose: i,
+  onPrevious: l,
+  onNext: r
+}) {
+  var u, C, o, x, A, y, g, b, v, k, M, z, $, _, B, H, V, W, te, Z, de, fe, oe, ce;
+  if (!e) return null;
+  const n = t.find((O) => O.id === e);
+  if (!n) return null;
+  const c = t.findIndex((O) => O.id === e), m = c > 0, h = c < t.length - 1, d = De(n), p = n.type === "r2" ? (u = n.metadata) == null ? void 0 : u.deliveryURL : n.type === "url" ? (C = n.metadata) == null ? void 0 : C.url : d === "image" ? ge(n.cdnId || n.id, { width: 2048, format: "auto" }) : void 0, f = ((o = n.metadata) == null ? void 0 : o.title) || n.id;
+  return Qe.createPortal(
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "animate-backdrop-in fixed inset-0 flex items-center justify-center bg-black/90 backdrop-blur-sm",
+        style: { zIndex: Ye },
+        onClick: i,
+        children: [
+          /* @__PURE__ */ s("div", { className: "absolute top-4 right-4 z-10 flex items-center gap-2", children: [
+            /* @__PURE__ */ a(Ja, { mediaId: n.id }),
+            p && /* @__PURE__ */ a(
+              "a",
+              {
+                href: p,
+                download: f,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: (O) => O.stopPropagation(),
+                className: "rounded-lg bg-white/10 p-2 text-white transition-colors hover:bg-white/20",
+                "data-tooltip-id": ee,
+                "data-tooltip-content": "Download",
+                children: /* @__PURE__ */ a(aa, { className: "size-6" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                onClick: i,
+                className: "rounded-lg bg-white/10 p-2 text-white transition-colors hover:bg-white/20",
+                "data-tooltip-id": ee,
+                "data-tooltip-content": "Close (ESC)",
+                children: /* @__PURE__ */ a(Fe, { className: "size-6" })
+              }
+            )
+          ] }),
+          m && /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: (O) => {
+                O.stopPropagation(), l();
+              },
+              className: "absolute top-1/2 left-4 z-10 -translate-y-1/2 rounded-lg bg-white/10 p-3 text-white transition-colors hover:bg-white/20",
+              "data-tooltip-id": ee,
+              "data-tooltip-content": "Previous (←)",
+              children: /* @__PURE__ */ a(na, { className: "size-8" })
+            }
+          ),
+          h && /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: (O) => {
+                O.stopPropagation(), r();
+              },
+              className: "absolute top-1/2 right-4 z-10 -translate-y-1/2 rounded-lg bg-white/10 p-3 text-white transition-colors hover:bg-white/20",
+              "data-tooltip-id": ee,
+              "data-tooltip-content": "Next (→)",
+              children: /* @__PURE__ */ a(ra, { className: "size-8" })
+            }
+          ),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              role: "button",
+              tabIndex: 0,
+              className: "relative max-h-[90vh] max-w-[90vw]",
+              onClick: (O) => O.stopPropagation(),
+              onKeyDown: (O) => {
+                (O.key === "Enter" || O.key === " ") && (O.preventDefault(), O.stopPropagation());
+              },
+              children: [
+                n.type === "svg" ? /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: "flex max-h-[90vh] max-w-[90vw] items-center justify-center bg-white/5 p-8 backdrop-blur-sm",
+                    dangerouslySetInnerHTML: { __html: ((x = n.metadata) == null ? void 0 : x.svg) || "" }
+                  }
+                ) : d === "video" && ((A = n.metadata) != null && A.deliveryURL) ? /* @__PURE__ */ a(
+                  "video",
+                  {
+                    src: n.metadata.deliveryURL,
+                    controls: !0,
+                    playsInline: !0,
+                    className: "max-h-[90vh] max-w-[90vw]"
+                  }
+                ) : d === "audio" && ((y = n.metadata) != null && y.deliveryURL) ? /* @__PURE__ */ s("div", { className: "flex max-w-[90vw] flex-col items-center gap-4 rounded-lg bg-white/5 p-8 backdrop-blur-sm", children: [
+                  /* @__PURE__ */ a("p", { className: "text-sm text-white/80", children: ((g = n.metadata) == null ? void 0 : g.title) || n.id }),
+                  /* @__PURE__ */ a("audio", { src: n.metadata.deliveryURL, controls: !0, className: "min-w-[400px]" })
+                ] }) : d === "pdf" && ((b = n.metadata) != null && b.deliveryURL) ? /* @__PURE__ */ a(
+                  "iframe",
+                  {
+                    src: n.metadata.deliveryURL,
+                    title: ((v = n.metadata) == null ? void 0 : v.title) || n.id,
+                    className: "h-[90vh] w-[90vw] bg-white"
+                  }
+                ) : d !== "image" ? /* @__PURE__ */ s("div", { className: "flex max-w-[90vw] flex-col items-center gap-4 rounded-lg bg-white/5 p-12 text-center backdrop-blur-sm", children: [
+                  /* @__PURE__ */ a("p", { className: "text-lg text-white", children: ((k = n.metadata) == null ? void 0 : k.title) || n.id }),
+                  /* @__PURE__ */ s("p", { className: "text-sm text-white/60", children: [
+                    ((M = n.metadata) == null ? void 0 : M.contentType) || "file",
+                    " —",
+                    " ",
+                    (z = n.metadata) != null && z.size ? Ue(n.metadata.size) : "unknown size"
+                  ] }),
+                  p && /* @__PURE__ */ a(
+                    "a",
+                    {
+                      href: p,
+                      download: f,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      onClick: (O) => O.stopPropagation(),
+                      className: "btn btn-primary",
+                      children: "Download"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ a("div", { className: "relative max-h-[90vh] max-w-[90vw]", children: /* @__PURE__ */ a(
+                  ke,
+                  {
+                    src: n.type === "url" ? ($ = n.metadata) == null ? void 0 : $.url : ge(n.cdnId || n.id, { width: 2e3, format: "auto" }),
+                    alt: ((_ = n.metadata) == null ? void 0 : _.alt) || ((B = n.metadata) == null ? void 0 : B.title) || n.id,
+                    width: ((V = (H = n.metadata) == null ? void 0 : H.dimensions) == null ? void 0 : V.width) || 1200,
+                    height: ((te = (W = n.metadata) == null ? void 0 : W.dimensions) == null ? void 0 : te.height) || 800,
+                    className: "max-h-[90vh] max-w-[90vw] object-contain",
+                    quality: 90
+                  }
+                ) }),
+                (d === "image" || n.type === "svg") && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 bg-linear-to-t from-black/80 to-transparent p-4 text-white", children: [
+                  /* @__PURE__ */ a("h3", { className: "text-lg font-semibold", children: ((Z = n.metadata) == null ? void 0 : Z.title) || n.id }),
+                  ((de = n.metadata) == null ? void 0 : de.description) && /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-white/80", children: n.metadata.description }),
+                  /* @__PURE__ */ s("div", { className: "mt-2 flex flex-wrap gap-4 text-xs text-white/60", children: [
+                    ((fe = n.metadata) == null ? void 0 : fe.dimensions) && /* @__PURE__ */ a("span", { children: it(n.metadata.dimensions) }),
+                    ((oe = n.metadata) == null ? void 0 : oe.size) && /* @__PURE__ */ a("span", { children: Ue(n.metadata.size) }),
+                    ((ce = n.metadata) == null ? void 0 : ce.contentType) && /* @__PURE__ */ a("span", { children: n.metadata.contentType }),
+                    n.uploadedAt && /* @__PURE__ */ a("span", { children: new Date(n.uploadedAt).toLocaleDateString() }),
+                    /* @__PURE__ */ s("span", { children: [
+                      c + 1,
+                      " / ",
+                      t.length
+                    ] })
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.querySelector(".pagehub-sdk-root") || document.body
+  );
+}
+function Ja({ mediaId: e }) {
+  const [t, i] = S(!1);
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      onClick: (r) => {
+        r.stopPropagation(), navigator.clipboard.writeText(e).then(() => {
+          i(!0), setTimeout(() => i(!1), 1500);
+        });
+      },
+      className: "rounded-lg bg-white/10 p-2 text-white transition-colors hover:bg-white/20",
+      title: t ? "Copied!" : "Copy media ID",
+      children: /* @__PURE__ */ a(ia, { className: "size-6" })
+    }
+  );
+}
+function en({
+  refreshMediaList: e,
+  generateMetadataForImage: t,
+  setUploading: i
+}) {
+  const { query: l, actions: r } = rt(), [n, c] = S(""), [m, h] = S(!1), [d, p] = S(!1), [f, u] = S(""), [C, o] = S(""), [x, A] = S(""), [y, g] = S(null), [b, v] = S(null), [k, M] = S(null), [z, $] = S("gpt-image-1"), [_, B] = S(100), [H, V] = S({ x: 0, y: 0 }), [W, te] = S(!1), [Z, de] = S({ x: 0, y: 0 });
+  return {
+    aiPrompt: n,
+    aiModel: z,
+    aiImagePreview: y,
+    aiOptimizedPrompt: b,
+    aiClaudeUsage: k,
+    aiImageScale: _,
+    aiImagePosition: H,
+    aiError: f,
+    metadataError: C,
+    aiSuccess: x,
+    isGeneratingAi: m,
+    isDragging: W,
+    isGeneratingMetadata: d,
+    setAiPrompt: c,
+    setAiModel: $,
+    setAiImageScale: B,
+    setAiError: u,
+    setMetadataError: o,
+    setAiSuccess: A,
+    setIsGeneratingAi: h,
+    setIsGeneratingMetadata: p,
+    applyGeneratedImage: ({
+      imageUrl: w,
+      optimizedPrompt: D,
+      usage: R
+    }) => {
+      g(w), v(D ?? null), M(R ?? null);
+    },
+    handleSaveAiImage: async (w) => {
+      const D = (w == null ? void 0 : w.imageUrl) ?? y, R = ((w == null ? void 0 : w.prompt) ?? n).trim();
+      if (D) {
+        i(!0);
+        try {
+          const E = await (await fetch(D)).blob(), Q = new File([E], `ai-generated-${Date.now()}.png`, { type: "image/png" }), { mediaId: L, file: U, width: Y, height: ue } = await Me(Q);
+          Ae(l, r, L, "cdn", "media-manager"), r.setProp(q, (me) => {
+            const he = (me.pageMedia || []).find((Te) => Te.id === L);
+            he && (he.metadata = {
+              ...he.metadata,
+              title: R ? `AI Generated: ${R}` : "AI Generated Image",
+              alt: R || "AI generated image",
+              size: U.size,
+              ...Y && ue ? { dimensions: { width: Y, height: ue, aspectRatio: Y / ue } } : {},
+              aiGenerated: !0,
+              aiPrompt: R || void 0
+            });
+          });
+          const X = ge(L, { width: 800, format: "auto" });
+          t(L, X), e(), u(""), A("Image saved successfully!"), setTimeout(() => A(""), 3e3);
+        } catch (T) {
+          const E = T instanceof we ? T.message : T == null ? void 0 : T.message;
+          u(`Failed to save image: ${E}`);
+        } finally {
+          i(!1);
+        }
+      }
+    },
+    handleImageMouseDown: (w) => {
+      w.preventDefault(), te(!0), de({ x: w.clientX - H.x, y: w.clientY - H.y });
+    },
+    handleImageMouseMove: (w) => {
+      W && (w.preventDefault(), V({ x: w.clientX - Z.x, y: w.clientY - Z.y }));
+    },
+    handleImageMouseUp: () => te(!1),
+    handleWheel: (w) => {
+      w.preventDefault();
+      const D = w.deltaY > 0 ? -10 : 10;
+      B((R) => Math.max(25, Math.min(300, R + D)));
+    },
+    resetImageView: () => {
+      B(100), V({ x: 0, y: 0 });
+    }
+  };
+}
+function tn({
+  query: e,
+  actions: t,
+  settings: i,
+  selectedMediaIds: l,
+  refreshMediaList: r,
+  clearSelection: n
+}) {
+  const [c, m] = S({ isOpen: !1, mediaIds: [] }), [h, d] = S([]);
+  return {
+    deleteConfirm: c,
+    setDeleteConfirm: m,
+    deletingMedia: h,
+    handleDelete: (C) => {
+      m({ isOpen: !0, mediaIds: [C] });
+    },
+    handleDeleteSelected: () => {
+      l.length && m({ isOpen: !0, mediaIds: l });
+    },
+    confirmDelete: async () => {
+      if (!c.mediaIds.length) return;
+      const C = c.mediaIds;
+      m({ isOpen: !1, mediaIds: [] }), d((o) => Array.from(/* @__PURE__ */ new Set([...o, ...C])));
+      for (const o of C)
+        try {
+          await yt(o, i, e, t);
+        } catch (x) {
+          nt.error("Failed to delete media:", x);
+        }
+      t.setProp(q, (o) => {
+        const x = o.pageMedia;
+        if (!x) return;
+        const A = new Set(C);
+        o.pageMedia = x.filter((y) => !A.has(y.id));
+      }), r(), n(), d((o) => o.filter((x) => !C.includes(x)));
+    }
+  };
+}
+function an({
+  query: e,
+  actions: t,
+  ai: i,
+  designContext: l,
+  refreshMediaList: r
+}) {
+  const [n, c] = S(null), [m, h] = S(null), [d, p] = S("idle"), [f, u] = la(
+    sa
+  ), C = (v) => {
+    var k, M, z, $, _, B;
+    c({
+      ...v,
+      metadata: {
+        alt: ((k = v.metadata) == null ? void 0 : k.alt) || "",
+        title: ((M = v.metadata) == null ? void 0 : M.title) || "",
+        description: ((z = v.metadata) == null ? void 0 : z.description) || "",
+        url: (($ = v.metadata) == null ? void 0 : $.url) || "",
+        svg: ((_ = v.metadata) == null ? void 0 : _.svg) || "",
+        folderId: (B = v.metadata) == null ? void 0 : B.folderId
+      }
+    }), p("idle"), i.setMetadataError("");
+  }, o = () => {
+    c(null), p("idle"), i.setMetadataError("");
+  }, x = async () => {
+    if (n) {
+      p("saving");
+      try {
+        const v = { ...n.metadata };
+        if (n.type === "svg" && (v != null && v.svg)) {
+          const k = Dt(v.svg);
+          v.svg = k, v.size = new Blob([k]).size;
+        }
+        await new Promise((k) => setTimeout(k, 300)), oa(e, t, n.id, v), r(), p("saved"), setTimeout(() => p("idle"), 2e3);
+      } catch (v) {
+        nt.error("Failed to save metadata:", v), p("idle");
+      }
+    }
+  }, A = (v) => {
+    n && c({
+      ...n,
+      metadata: {
+        ...n.metadata,
+        ...v
+      }
+    });
+  }, y = (v) => {
+    t.setProp(q, (k) => {
+      const M = k.pageMedia;
+      M && (k.pageMedia = [...M, v]);
+    }), r(), h(null);
+  }, g = Ie(() => {
+    var v;
+    if (!(!n || n.type === "svg"))
+      return n.type === "url" ? ((v = n.metadata) == null ? void 0 : v.url) || void 0 : ge(n.cdnId || n.id, { width: 800, format: "auto" });
+  }, [n]), b = n ? {
+    media: {
+      id: n.id,
+      type: n.type,
+      cdnId: n.cdnId,
+      metadata: n.metadata
+    },
+    imageUrl: g,
+    isGenerating: i.isGeneratingMetadata,
+    error: i.metadataError,
+    designNotes: l.designNotes,
+    designTags: l.designTags,
+    setGenerating: i.setIsGeneratingMetadata,
+    setError: i.setMetadataError,
+    applyMetadata: A
+  } : null;
+  return re(() => {
+    !f || !n || f.mediaId === n.id && (A({
+      title: f.title,
+      alt: f.alt,
+      description: f.description
+    }), i.setMetadataError(""), u(null));
+  }, [
+    f,
+    n,
+    A,
+    i,
+    u
+  ]), {
+    editingMedia: n,
+    setEditingMedia: c,
+    cropMedia: m,
+    setCropMedia: h,
+    savingMetadata: d,
+    openEditModal: C,
+    closeEditModal: o,
+    saveEditedMetadata: x,
+    applyGeneratedMetadata: A,
+    handleSaveCroppedImage: y,
+    analysisImageUrl: g,
+    mediaEditAiActionsContext: b
+  };
+}
+function nn({
+  actions: e,
+  mediaList: t,
+  folderNameById: i,
+  validFolderIdSet: l,
+  searchQuery: r,
+  kindFilter: n,
+  folderFilter: c,
+  sortField: m,
+  sortDirection: h
+}) {
+  const [d, p] = S([]), f = J(
+    (o, x) => {
+      const A = (x == null ? void 0 : x.kind) ?? n, y = (x == null ? void 0 : x.folder) ?? c, g = (x == null ? void 0 : x.search) ?? r, b = (x == null ? void 0 : x.sortField) ?? m, v = (x == null ? void 0 : x.sortDirection) ?? h;
+      let k = o;
+      if (A !== "all" && (k = k.filter((M) => De(M) === A)), y === "unfiled" ? k = k.filter((M) => {
+        var $;
+        const z = ($ = M.metadata) == null ? void 0 : $.folderId;
+        return !z || !l.has(z);
+      }) : y !== "all" && (k = k.filter((M) => {
+        var z;
+        return ((z = M.metadata) == null ? void 0 : z.folderId) === y;
+      })), g.trim()) {
+        const M = g.toLowerCase();
+        k = k.filter((z) => {
+          var H, V, W, te, Z;
+          const $ = je[De(z)].toLowerCase(), _ = (H = z.metadata) != null && H.folderId ? i.get(z.metadata.folderId) || "" : "unfiled";
+          return [
+            z.id,
+            (V = z.metadata) == null ? void 0 : V.title,
+            (W = z.metadata) == null ? void 0 : W.alt,
+            (te = z.metadata) == null ? void 0 : te.description,
+            (Z = z.metadata) == null ? void 0 : Z.contentType,
+            $,
+            _
+          ].filter(Boolean).join(" ").toLowerCase().includes(M);
+        });
+      }
+      return Fa(k, b, v);
+    },
+    [
+      c,
+      i,
+      n,
+      r,
+      h,
+      m,
+      l
+    ]
+  );
+  return re(() => {
+    p(f(t));
+  }, [f, t]), {
+    filteredMedia: d,
+    setFilteredMedia: p,
+    applyFilters: f,
+    handleReorder: (o, x) => {
+      if (o === x) return;
+      const A = d.findIndex((k) => k.id === o), y = d.findIndex((k) => k.id === x);
+      if (A === -1 || y === -1) return;
+      const g = [...d], [b] = g.splice(A, 1);
+      g.splice(y, 0, b);
+      const v = g.map((k, M) => ({ ...k, order: M }));
+      e.setProp(q, (k) => {
+        const M = k.pageMedia;
+        M && (k.pageMedia = M.map((z) => {
+          const $ = v.find((_) => _.id === z.id);
+          return $ ? { ...z, order: $.order } : z;
+        }));
+      }), p(v);
+    },
+    resortFilteredMedia: (o) => p(
+      f(t, {
+        sortField: o == null ? void 0 : o.sortField,
+        sortDirection: o == null ? void 0 : o.sortDirection
+      })
+    )
+  };
+}
+function rn({
+  isOpen: e,
+  selectionMode: t,
+  onSelect: i,
+  onClose: l,
+  filteredMedia: r,
+  selectedMedia: n,
+  selectedMediaIds: c,
+  previewMedia: m,
+  editingMedia: h,
+  viewMode: d,
+  clearSelection: p,
+  selectSingle: f,
+  setPreviewMedia: u
+}) {
+  re(() => {
+    if (!e || m || h) return;
+    const C = (o) => {
+      var k;
+      if (wa(o.target)) return;
+      const x = c.length > 0;
+      if (o.key === "Escape") {
+        x && (o.preventDefault(), p());
+        return;
+      }
+      if (o.key === "Enter" && n) {
+        o.preventDefault(), t && i ? (i(n), l()) : u(n);
+        return;
+      }
+      if (o.key !== "ArrowLeft" && o.key !== "ArrowRight" && o.key !== "ArrowUp" && o.key !== "ArrowDown" || !r.length) return;
+      o.preventDefault();
+      const A = n || r[0].id, y = Math.max(
+        0,
+        r.findIndex((M) => M.id === A)
+      ), g = d === "cards" ? 5 : 1;
+      let b = y;
+      o.key === "ArrowLeft" && (b = Math.max(0, y - 1)), o.key === "ArrowRight" && (b = Math.min(r.length - 1, y + 1)), o.key === "ArrowUp" && (b = Math.max(0, y - g)), o.key === "ArrowDown" && (b = Math.min(r.length - 1, y + g));
+      const v = (k = r[b]) == null ? void 0 : k.id;
+      v && f(v);
+    };
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [
+    p,
+    h,
+    r,
+    e,
+    l,
+    i,
+    m,
+    f,
+    n,
+    c.length,
+    t,
+    d,
+    u
+  ]);
+}
+function ln({
+  isOpen: e,
+  selectionMode: t,
+  selectedCount: i,
+  selectAllVisible: l,
+  handleDeleteSelected: r
+}) {
+  const { context: n } = da();
+  re(() => (n.set("media.modalOpen", e), () => {
+    n.set("media.modalOpen", !1);
+  }), [n, e]), re(() => {
+    n.set("media.selectionMode", t);
+  }, [n, t]), re(() => {
+    n.set("media.selectedCount", i);
+  }, [n, i]), re(() => {
+    if (e)
+      return () => {
+      };
+  }, [e, l, r]);
+}
+function sn(e) {
+  return Array.isArray(e) ? e.map((t, i) => {
+    const l = typeof (t == null ? void 0 : t.name) == "string" ? t.name.trim() : "", r = typeof (t == null ? void 0 : t.id) == "string" ? t.id : "";
+    if (!l || !r) return null;
+    const n = Date.now();
+    return {
+      id: r,
+      name: l,
+      order: Number.isFinite(t == null ? void 0 : t.order) ? Number(t.order) : i,
+      createdAt: Number.isFinite(t == null ? void 0 : t.createdAt) ? Number(t.createdAt) : n,
+      updatedAt: Number.isFinite(t == null ? void 0 : t.updatedAt) ? Number(t.updatedAt) : n
+    };
+  }).filter((t) => !!t).sort((t, i) => t.order - i.order || t.name.localeCompare(i.name)) : [];
+}
+function on() {
+  const { query: e, actions: t } = rt(), [i, l] = S([]), [r, n] = S([]), c = Ie(() => {
+    const x = /* @__PURE__ */ new Map();
+    for (const A of r) x.set(A.id, A.name);
+    return x;
+  }, [r]), m = Ie(() => new Set(r.map((x) => x.id)), [r]), h = Ie(() => {
+    var y;
+    const x = /* @__PURE__ */ new Map();
+    let A = 0;
+    for (const g of i) {
+      const b = (y = g.metadata) == null ? void 0 : y.folderId;
+      if (!b || !m.has(b)) {
+        A += 1;
+        continue;
+      }
+      x.set(b, (x.get(b) ?? 0) + 1);
+    }
+    return {
+      all: i.length,
+      unfiled: A,
+      byId: x
+    };
+  }, [i, m]), d = J(() => {
+    var b;
+    const x = ca(e), A = e.node(q).get(), y = (b = A == null ? void 0 : A.data) == null ? void 0 : b.props, g = sn(y == null ? void 0 : y.mediaFolders);
+    l(x), n(g);
+  }, [e]), p = J(
+    (x) => {
+      t.setProp(q, (A) => {
+        A.mediaFolders = x;
+      }), n(x);
+    },
+    [t]
+  ), f = J(
+    (x) => {
+      const A = x.trim();
+      if (!A) return null;
+      const y = Date.now(), g = {
+        id: `folder_${y.toString(36)}_${Math.random().toString(36).slice(2, 8)}`,
+        name: A,
+        order: r.length,
+        createdAt: y,
+        updatedAt: y
+      };
+      return p([...r, g]), g;
+    },
+    [r, p]
+  ), u = J(
+    (x, A) => {
+      const y = A.trim();
+      if (!y) return;
+      const g = r.map(
+        (b) => b.id === x ? { ...b, name: y, updatedAt: Date.now() } : b
+      );
+      p(g);
+    },
+    [r, p]
+  ), C = J(
+    (x, A) => {
+      const y = r.filter((g) => g.id !== x);
+      t.setProp(q, (g) => {
+        g.mediaFolders = y, Array.isArray(g.pageMedia) && (g.pageMedia = g.pageMedia.map((b) => {
+          var k;
+          if (((k = b.metadata) == null ? void 0 : k.folderId) !== x) return b;
+          const v = { ...b.metadata || {} };
+          return delete v.folderId, { ...b, metadata: v };
+        }));
+      }), n(y), A == null || A(), d();
+    },
+    [t, r, d]
+  ), o = J(
+    (x, A) => {
+      if (!x.length) return;
+      const y = new Set(x);
+      t.setProp(q, (g) => {
+        Array.isArray(g.pageMedia) && (g.pageMedia = g.pageMedia.map((b) => {
+          if (!y.has(b.id)) return b;
+          const v = { ...b.metadata || {} };
+          return A ? v.folderId = A : delete v.folderId, { ...b, metadata: v };
+        }));
+      }), d();
+    },
+    [t, d]
+  );
+  return {
+    query: e,
+    actions: t,
+    mediaList: i,
+    setMediaList: l,
+    folders: r,
+    setFolders: n,
+    folderNameById: c,
+    validFolderIdSet: m,
+    folderCounts: h,
+    refreshMediaList: d,
+    createFolder: f,
+    renameFolder: u,
+    deleteFolderById: C,
+    moveMediaToFolder: o
+  };
+}
+function dn(e) {
+  const [t, i] = S(null), l = () => {
+    if (!t) return;
+    const n = e.findIndex((c) => c.id === t);
+    n < e.length - 1 && i(e[n + 1].id);
+  }, r = () => {
+    if (!t) return;
+    const n = e.findIndex((c) => c.id === t);
+    n > 0 && i(e[n - 1].id);
+  };
+  return re(() => {
+    if (!t) return;
+    const n = (c) => {
+      c.key === "ArrowLeft" ? r() : c.key === "ArrowRight" && l();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [t, e]), qe({
+    id: "media-preview",
+    isOpen: t != null,
+    onDismiss: () => i(null)
+  }), { previewMedia: t, setPreviewMedia: i, handlePreviewNext: l, handlePreviewPrevious: r };
+}
+function cn(e, t) {
+  const [i, l] = S(null), [r, n] = S([]), c = le(null), m = J(() => {
+    n([]), l(null), c.current = null;
+  }, []), h = J((f) => {
+    if (!f) {
+      n([]), l(null), c.current = null;
+      return;
+    }
+    l(f), n([f]), c.current = f;
+  }, []), d = J(
+    (f, u) => {
+      if (t) {
+        h(f);
+        return;
+      }
+      const C = !!(u != null && u.shiftKey), o = !!(u != null && u.metaKey) || !!(u != null && u.ctrlKey);
+      if (C && c.current) {
+        const x = e.findIndex((y) => y.id === c.current), A = e.findIndex((y) => y.id === f);
+        if (x > -1 && A > -1) {
+          const [y, g] = [Math.min(x, A), Math.max(x, A)], b = e.slice(y, g + 1).map((v) => v.id);
+          n((v) => o ? Array.from(/* @__PURE__ */ new Set([...v, ...b])) : b), l(f), c.current = f;
+          return;
+        }
+      }
+      if (o) {
+        n((x) => x.includes(f) ? x.filter((A) => A !== f) : [...x, f]), l(f), c.current = f;
+        return;
+      }
+      h(f);
+    },
+    [e, h, t]
+  ), p = J(() => {
+    if (t) return;
+    const f = e.map((u) => u.id);
+    n(f), l(f[0] || null), c.current = f[f.length - 1] || null;
+  }, [e, t]);
+  return {
+    selectedMedia: i,
+    setSelectedMedia: l,
+    selectedMediaIds: r,
+    setSelectedMediaIds: n,
+    lastSelectedMediaIdRef: c,
+    clearSelection: m,
+    selectSingle: h,
+    handleMediaSelection: d,
+    selectAllVisible: p
+  };
+}
+function un(e, t) {
+  const i = t.trim();
+  return !i || i === "*" || i === "*/*" ? !0 : i.split(",").some((l) => {
+    const r = l.trim();
+    return r ? r === "*" || r === "*/*" ? !0 : r.endsWith("/*") ? e.startsWith(r.slice(0, -1)) : r.endsWith("/") ? e.startsWith(r) : e === r : !1;
+  });
+}
+function mn({
+  onFiles: e,
+  accept: t = "image/",
+  max: i = 10,
+  maxSizeBytes: l,
+  onRejected: r,
+  disabled: n = !1
+}) {
+  const [c, m] = S(!1), h = J(
+    (u) => {
+      u.preventDefault(), n || m(!0);
+    },
+    [n]
+  ), d = J(
+    (u) => {
+      u.preventDefault(), n || m(!0);
+    },
+    [n]
+  ), p = J((u) => {
+    u.currentTarget.contains(u.relatedTarget) || m(!1);
+  }, []), f = J(
+    (u) => {
+      if (u.preventDefault(), u.stopPropagation(), m(!1), n) return;
+      const C = [];
+      for (const o of Array.from(u.dataTransfer.files)) {
+        if (!un(o.type, t)) {
+          r == null || r(o, "bad_mime");
+          continue;
+        }
+        if (l && o.size > l) {
+          r == null || r(o, "too_large");
+          continue;
+        }
+        if (C.length >= i) {
+          r == null || r(o, "over_max_count");
+          continue;
+        }
+        C.push(o);
+      }
+      C.length > 0 && e(C);
+    },
+    [e, t, i, l, r, n]
+  );
+  return {
+    isDragOver: c,
+    dropProps: { onDragOver: h, onDragEnter: d, onDragLeave: p, onDrop: f }
+  };
+}
+let _e;
+typeof window < "u" ? window.btoa ? _e = function(e) {
+  return btoa(unescape(encodeURIComponent(e)));
+} : _e = function(e) {
+  const t = unescape(encodeURIComponent(e + ""));
+  let i = "";
+  for (let l, r, n = 0, c = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; t.charAt(n | 0) || (c = "=", n % 1); i += c.charAt(63 & l >> 8 - n % 1 * 8)) {
+    if (r = t.charCodeAt(n += 3 / 4), r > 255)
+      throw new Error("'btoa' failed: The string to be encoded contains characters outside of the Latin1 range.");
+    l = l << 8 | r;
+  }
+  return i;
+} : _e = function(e) {
+  return Buffer.from(e).toString("base64");
+};
+function G(e, t) {
+  let i = wt(e, t);
+  return (t && t.fallback !== void 0 ? t.fallback : G.defaults.fallback) === !0 && i === "" && (i = wt(_e(e), t)), i;
+}
+const Tt = {
+  // http://www.eki.ee/wgrs/rom1_bg.pdf
+  bg: { Й: "Y", й: "y", X: "H", x: "h", Ц: "Ts", ц: "ts", Щ: "Sht", щ: "sht", Ъ: "A", ъ: "a", Ь: "Y", ь: "y" },
+  // Need a reference URL for German, although this is pretty well-known.
+  de: { Ä: "AE", ä: "ae", Ö: "OE", ö: "oe", Ü: "UE", ü: "ue" },
+  // Need a reference URL for Serbian.
+  sr: { đ: "dj", Đ: "DJ" },
+  // https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/864314/ROMANIZATION_OF_UKRAINIAN.pdf
+  uk: { И: "Y", и: "y", Й: "Y", й: "y", Ц: "Ts", ц: "ts", Х: "Kh", х: "kh", Щ: "Shch", щ: "shch", Г: "H", г: "h" }
+};
+let st = {};
+function wt(e, t) {
+  if (typeof e != "string")
+    throw new Error("slug() requires a string argument, received " + typeof e);
+  if (!e.isWellFormed())
+    throw new Error("slug() received a malformed string with lone surrogates");
+  typeof t == "string" && (t = { replacement: t }), t = t ? Object.assign({}, t) : {}, t.mode = t.mode || G.defaults.mode;
+  const i = G.defaults.modes[t.mode], l = ["replacement", "multicharmap", "charmap", "remove", "lower", "trim"];
+  for (let h, d = 0, p = l.length; d < p; d++)
+    h = l[d], t[h] = h in t ? t[h] : i[h];
+  const r = Tt[t.locale] || st;
+  let n = [];
+  for (const h in t.multicharmap) {
+    if (!Object.prototype.hasOwnProperty.call(t.multicharmap, h))
+      continue;
+    const d = h.length;
+    n.indexOf(d) === -1 && n.push(d);
+  }
+  n = n.sort(function(h, d) {
+    return d - h;
+  });
+  const c = t.mode === "rfc3986" ? /[^\w\s\-.~]/ : /[^A-Za-z0-9\s]/;
+  let m = "";
+  for (let h, d = 0, p = e.length; d < p; d++) {
+    h = e[d];
+    let f = !1;
+    for (let u = 0; u < n.length; u++) {
+      const C = n[u], o = e.substr(d, C);
+      if (t.multicharmap[o]) {
+        d += C - 1, h = t.multicharmap[o], f = !0;
+        break;
+      }
+    }
+    f || (r[h] ? h = r[h] : t.charmap[h] ? h = t.charmap[h].replace(t.replacement, " ") : h.includes(t.replacement) ? h = h.replace(t.replacement, " ") : h = h.replace(c, "")), m += h;
+  }
+  return t.remove && (m = m.replace(t.remove, "")), t.trim && (m = m.trim()), m = m.replace(/\s+/g, t.replacement), t.lower && (m = m.toLowerCase()), m;
+}
+const zt = {
+  // multibyte devanagari characters (hindi, sanskrit, etc.)
+  फ़: "Fi",
+  ग़: "Ghi",
+  ख़: "Khi",
+  क़: "Qi",
+  ड़: "ugDha",
+  ढ़: "ugDhha",
+  य़: "Yi",
+  ज़: "Za",
+  // hebrew
+  // Refs: http://www.eki.ee/wgrs/rom1_he.pdf
+  // Refs: https://en.wikipedia.org/wiki/Niqqud
+  בִי: "i",
+  בֵ: "e",
+  בֵי: "e",
+  בֶ: "e",
+  בַ: "a",
+  בָ: "a",
+  בֹ: "o",
+  וֹ: "o",
+  בֻ: "u",
+  וּ: "u",
+  בּ: "b",
+  כּ: "k",
+  ךּ: "k",
+  פּ: "p",
+  שׁ: "sh",
+  שׂ: "s",
+  בְ: "e",
+  חֱ: "e",
+  חֲ: "a",
+  חֳ: "o",
+  בִ: "i"
+}, Rt = {
+  // latin
+  À: "A",
+  Á: "A",
+  Â: "A",
+  Ã: "A",
+  Ä: "A",
+  Å: "A",
+  Æ: "AE",
+  Ç: "C",
+  È: "E",
+  É: "E",
+  Ê: "E",
+  Ë: "E",
+  Ì: "I",
+  Í: "I",
+  Î: "I",
+  Ï: "I",
+  Ð: "D",
+  Ñ: "N",
+  Ò: "O",
+  Ó: "O",
+  Ô: "O",
+  Õ: "O",
+  Ö: "O",
+  Ő: "O",
+  Ø: "O",
+  Ō: "O",
+  Ù: "U",
+  Ú: "U",
+  Û: "U",
+  Ü: "U",
+  Ű: "U",
+  Ý: "Y",
+  Þ: "TH",
+  ß: "ss",
+  à: "a",
+  á: "a",
+  â: "a",
+  ã: "a",
+  ä: "a",
+  å: "a",
+  æ: "ae",
+  ç: "c",
+  è: "e",
+  é: "e",
+  ê: "e",
+  ë: "e",
+  ì: "i",
+  í: "i",
+  î: "i",
+  ï: "i",
+  ð: "d",
+  ñ: "n",
+  ò: "o",
+  ó: "o",
+  ô: "o",
+  õ: "o",
+  ö: "o",
+  ő: "o",
+  ø: "o",
+  ō: "o",
+  Œ: "OE",
+  œ: "oe",
+  ù: "u",
+  ú: "u",
+  û: "u",
+  ü: "u",
+  ű: "u",
+  ý: "y",
+  þ: "th",
+  ÿ: "y",
+  "ẞ": "SS",
+  // greek
+  α: "a",
+  β: "b",
+  γ: "g",
+  δ: "d",
+  ε: "e",
+  ζ: "z",
+  η: "h",
+  θ: "th",
+  ι: "i",
+  κ: "k",
+  λ: "l",
+  μ: "m",
+  ν: "n",
+  ξ: "3",
+  ο: "o",
+  π: "p",
+  ρ: "r",
+  σ: "s",
+  τ: "t",
+  υ: "y",
+  φ: "f",
+  χ: "x",
+  ψ: "ps",
+  ω: "w",
+  ά: "a",
+  έ: "e",
+  ί: "i",
+  ό: "o",
+  ύ: "y",
+  ή: "h",
+  ώ: "w",
+  ς: "s",
+  ϊ: "i",
+  ΰ: "y",
+  ϋ: "y",
+  ΐ: "i",
+  Α: "A",
+  Β: "B",
+  Γ: "G",
+  Δ: "D",
+  Ε: "E",
+  Ζ: "Z",
+  Η: "H",
+  Θ: "Th",
+  Ι: "I",
+  Κ: "K",
+  Λ: "L",
+  Μ: "M",
+  Ν: "N",
+  Ξ: "3",
+  Ο: "O",
+  Π: "P",
+  Ρ: "R",
+  Σ: "S",
+  Τ: "T",
+  Υ: "Y",
+  Φ: "F",
+  Χ: "X",
+  Ψ: "PS",
+  Ω: "W",
+  Ά: "A",
+  Έ: "E",
+  Ί: "I",
+  Ό: "O",
+  Ύ: "Y",
+  Ή: "H",
+  Ώ: "W",
+  Ϊ: "I",
+  Ϋ: "Y",
+  // turkish
+  ş: "s",
+  Ş: "S",
+  ı: "i",
+  İ: "I",
+  ğ: "g",
+  Ğ: "G",
+  // russian
+  а: "a",
+  б: "b",
+  в: "v",
+  г: "g",
+  д: "d",
+  е: "e",
+  ё: "yo",
+  ж: "zh",
+  з: "z",
+  и: "i",
+  й: "j",
+  к: "k",
+  л: "l",
+  м: "m",
+  н: "n",
+  о: "o",
+  п: "p",
+  р: "r",
+  с: "s",
+  т: "t",
+  у: "u",
+  ф: "f",
+  х: "h",
+  ц: "c",
+  ч: "ch",
+  ш: "sh",
+  щ: "sh",
+  ъ: "u",
+  ы: "y",
+  ь: "",
+  э: "e",
+  ю: "yu",
+  я: "ya",
+  А: "A",
+  Б: "B",
+  В: "V",
+  Г: "G",
+  Д: "D",
+  Е: "E",
+  Ё: "Yo",
+  Ж: "Zh",
+  З: "Z",
+  И: "I",
+  Й: "J",
+  К: "K",
+  Л: "L",
+  М: "M",
+  Н: "N",
+  О: "O",
+  П: "P",
+  Р: "R",
+  С: "S",
+  Т: "T",
+  У: "U",
+  Ф: "F",
+  Х: "H",
+  Ц: "C",
+  Ч: "Ch",
+  Ш: "Sh",
+  Щ: "Sh",
+  Ъ: "U",
+  Ы: "Y",
+  Ь: "",
+  Э: "E",
+  Ю: "Yu",
+  Я: "Ya",
+  // ukranian
+  Є: "Ye",
+  І: "I",
+  Ї: "Yi",
+  Ґ: "G",
+  є: "ye",
+  і: "i",
+  ї: "yi",
+  ґ: "g",
+  // czech
+  č: "c",
+  ď: "d",
+  ě: "e",
+  ň: "n",
+  ř: "r",
+  š: "s",
+  ť: "t",
+  ů: "u",
+  ž: "z",
+  Č: "C",
+  Ď: "D",
+  Ě: "E",
+  Ň: "N",
+  Ř: "R",
+  Š: "S",
+  Ť: "T",
+  Ů: "U",
+  Ž: "Z",
+  // slovak
+  ľ: "l",
+  ĺ: "l",
+  ŕ: "r",
+  Ľ: "L",
+  Ĺ: "L",
+  Ŕ: "R",
+  // polish
+  ą: "a",
+  ć: "c",
+  ę: "e",
+  ł: "l",
+  ń: "n",
+  ś: "s",
+  ź: "z",
+  ż: "z",
+  Ą: "A",
+  Ć: "C",
+  Ę: "E",
+  Ł: "L",
+  Ń: "N",
+  Ś: "S",
+  Ź: "Z",
+  Ż: "Z",
+  // latvian
+  ā: "a",
+  ē: "e",
+  ģ: "g",
+  ī: "i",
+  ķ: "k",
+  ļ: "l",
+  ņ: "n",
+  ū: "u",
+  Ā: "A",
+  Ē: "E",
+  Ģ: "G",
+  Ī: "I",
+  Ķ: "K",
+  Ļ: "L",
+  Ņ: "N",
+  Ū: "U",
+  // arabic
+  أ: "a",
+  إ: "i",
+  ب: "b",
+  ت: "t",
+  ث: "th",
+  ج: "g",
+  ح: "h",
+  خ: "kh",
+  د: "d",
+  ذ: "th",
+  ر: "r",
+  ز: "z",
+  س: "s",
+  ش: "sh",
+  ص: "s",
+  ض: "d",
+  ط: "t",
+  ظ: "th",
+  ع: "aa",
+  غ: "gh",
+  ف: "f",
+  ق: "k",
+  ك: "k",
+  ل: "l",
+  م: "m",
+  ن: "n",
+  ه: "h",
+  و: "o",
+  ي: "y",
+  ء: "aa",
+  ة: "a",
+  // farsi
+  آ: "a",
+  ا: "a",
+  پ: "p",
+  ژ: "zh",
+  گ: "g",
+  چ: "ch",
+  ک: "k",
+  ی: "i",
+  // lithuanian
+  ė: "e",
+  į: "i",
+  ų: "u",
+  Ė: "E",
+  Į: "I",
+  Ų: "U",
+  // romanian
+  ț: "t",
+  Ț: "T",
+  ţ: "t",
+  Ţ: "T",
+  ș: "s",
+  Ș: "S",
+  ă: "a",
+  Ă: "A",
+  // vietnamese
+  Ạ: "A",
+  Ả: "A",
+  Ầ: "A",
+  Ấ: "A",
+  Ậ: "A",
+  Ẩ: "A",
+  Ẫ: "A",
+  Ằ: "A",
+  Ắ: "A",
+  Ặ: "A",
+  Ẳ: "A",
+  Ẵ: "A",
+  Ẹ: "E",
+  Ẻ: "E",
+  Ẽ: "E",
+  Ề: "E",
+  Ế: "E",
+  Ệ: "E",
+  Ể: "E",
+  Ễ: "E",
+  Ị: "I",
+  Ỉ: "I",
+  Ĩ: "I",
+  Ọ: "O",
+  Ỏ: "O",
+  Ồ: "O",
+  Ố: "O",
+  Ộ: "O",
+  Ổ: "O",
+  Ỗ: "O",
+  Ơ: "O",
+  Ờ: "O",
+  Ớ: "O",
+  Ợ: "O",
+  Ở: "O",
+  Ỡ: "O",
+  Ụ: "U",
+  Ủ: "U",
+  Ũ: "U",
+  Ư: "U",
+  Ừ: "U",
+  Ứ: "U",
+  Ự: "U",
+  Ử: "U",
+  Ữ: "U",
+  Ỳ: "Y",
+  Ỵ: "Y",
+  Ỷ: "Y",
+  Ỹ: "Y",
+  Đ: "D",
+  ạ: "a",
+  ả: "a",
+  ầ: "a",
+  ấ: "a",
+  ậ: "a",
+  ẩ: "a",
+  ẫ: "a",
+  ằ: "a",
+  ắ: "a",
+  ặ: "a",
+  ẳ: "a",
+  ẵ: "a",
+  ẹ: "e",
+  ẻ: "e",
+  ẽ: "e",
+  ề: "e",
+  ế: "e",
+  ệ: "e",
+  ể: "e",
+  ễ: "e",
+  ị: "i",
+  ỉ: "i",
+  ĩ: "i",
+  ọ: "o",
+  ỏ: "o",
+  ồ: "o",
+  ố: "o",
+  ộ: "o",
+  ổ: "o",
+  ỗ: "o",
+  ơ: "o",
+  ờ: "o",
+  ớ: "o",
+  ợ: "o",
+  ở: "o",
+  ỡ: "o",
+  ụ: "u",
+  ủ: "u",
+  ũ: "u",
+  ư: "u",
+  ừ: "u",
+  ứ: "u",
+  ự: "u",
+  ử: "u",
+  ữ: "u",
+  ỳ: "y",
+  ỵ: "y",
+  ỷ: "y",
+  ỹ: "y",
+  đ: "d",
+  // kazakh
+  Ә: "AE",
+  ә: "ae",
+  Ғ: "GH",
+  ғ: "gh",
+  Қ: "KH",
+  қ: "kh",
+  Ң: "NG",
+  ң: "ng",
+  Ү: "UE",
+  ү: "ue",
+  Ұ: "U",
+  ұ: "u",
+  Һ: "H",
+  һ: "h",
+  Ө: "OE",
+  ө: "oe",
+  // serbian
+  ђ: "dj",
+  ј: "j",
+  љ: "lj",
+  њ: "nj",
+  ћ: "c",
+  џ: "dz",
+  Ђ: "Dj",
+  Ј: "j",
+  Љ: "Lj",
+  Њ: "Nj",
+  Ћ: "C",
+  Џ: "Dz",
+  nj: "nj",
+  lj: "lj",
+  Nj: "NJ",
+  Lj: "LJ",
+  // hindi
+  अ: "a",
+  आ: "aa",
+  ए: "e",
+  ई: "ii",
+  ऍ: "ei",
+  ऎ: "ae",
+  ऐ: "ai",
+  इ: "i",
+  ओ: "o",
+  ऑ: "oi",
+  ऒ: "oii",
+  ऊ: "uu",
+  औ: "ou",
+  उ: "u",
+  ब: "B",
+  भ: "Bha",
+  च: "Ca",
+  छ: "Chha",
+  ड: "Da",
+  ढ: "Dha",
+  फ: "Fa",
+  ग: "Ga",
+  घ: "Gha",
+  ग़: "Ghi",
+  ह: "Ha",
+  ज: "Ja",
+  झ: "Jha",
+  क: "Ka",
+  ख: "Kha",
+  ख़: "Khi",
+  ल: "L",
+  ळ: "Li",
+  ऌ: "Li",
+  ऴ: "Lii",
+  ॡ: "Lii",
+  म: "Ma",
+  न: "Na",
+  ङ: "Na",
+  ञ: "Nia",
+  ण: "Nae",
+  ऩ: "Ni",
+  ॐ: "oms",
+  प: "Pa",
+  क़: "Qi",
+  र: "Ra",
+  ऋ: "Ri",
+  ॠ: "Ri",
+  ऱ: "Ri",
+  स: "Sa",
+  श: "Sha",
+  ष: "Shha",
+  ट: "Ta",
+  त: "Ta",
+  ठ: "Tha",
+  द: "Tha",
+  थ: "Tha",
+  ध: "Thha",
+  ड़: "ugDha",
+  ढ़: "ugDhha",
+  व: "Va",
+  य: "Ya",
+  य़: "Yi",
+  ज़: "Za",
+  // azerbaijani
+  ə: "e",
+  Ə: "E",
+  // georgian
+  ა: "a",
+  ბ: "b",
+  გ: "g",
+  დ: "d",
+  ე: "e",
+  ვ: "v",
+  ზ: "z",
+  თ: "t",
+  ი: "i",
+  კ: "k",
+  ლ: "l",
+  მ: "m",
+  ნ: "n",
+  ო: "o",
+  პ: "p",
+  ჟ: "zh",
+  რ: "r",
+  ს: "s",
+  ტ: "t",
+  უ: "u",
+  ფ: "p",
+  ქ: "k",
+  ღ: "gh",
+  ყ: "q",
+  შ: "sh",
+  ჩ: "ch",
+  ც: "ts",
+  ძ: "dz",
+  წ: "ts",
+  ჭ: "ch",
+  ხ: "kh",
+  ჯ: "j",
+  ჰ: "h",
+  // hebrew
+  ב: "v",
+  גּ: "g",
+  ג: "g",
+  ד: "d",
+  דּ: "d",
+  ה: "h",
+  ו: "v",
+  ז: "z",
+  ח: "h",
+  ט: "t",
+  י: "y",
+  כ: "kh",
+  ך: "kh",
+  ל: "l",
+  מ: "m",
+  ם: "m",
+  נ: "n",
+  ן: "n",
+  ס: "s",
+  פ: "f",
+  ף: "f",
+  ץ: "ts",
+  צ: "ts",
+  ק: "k",
+  ר: "r",
+  תּ: "t",
+  ת: "t"
+};
+G.charmap = Object.assign({}, Rt);
+G.multicharmap = Object.assign({}, zt);
+G.defaults = {
+  charmap: G.charmap,
+  mode: "pretty",
+  modes: {
+    rfc3986: {
+      replacement: "-",
+      remove: null,
+      lower: !0,
+      charmap: G.charmap,
+      multicharmap: G.multicharmap,
+      trim: !0
+    },
+    pretty: {
+      replacement: "-",
+      remove: null,
+      lower: !0,
+      charmap: G.charmap,
+      multicharmap: G.multicharmap,
+      trim: !0
+    }
+  },
+  multicharmap: G.multicharmap,
+  fallback: !0
+};
+G.reset = function() {
+  G.defaults.modes.rfc3986.charmap = G.defaults.modes.pretty.charmap = G.charmap = G.defaults.charmap = Object.assign({}, Rt), G.defaults.modes.rfc3986.multicharmap = G.defaults.modes.pretty.multicharmap = G.multicharmap = G.defaults.multicharmap = Object.assign({}, zt), st = "";
+};
+G.extend = function(e) {
+  const t = Object.keys(e), i = {}, l = {};
+  for (let r = 0; r < t.length; r++)
+    t[r].length > 1 ? i[t[r]] = e[t[r]] : l[t[r]] = e[t[r]];
+  Object.assign(G.charmap, l), Object.assign(G.multicharmap, i);
+};
+G.setLocale = function(e) {
+  st = Tt[e] || {};
+};
+let Be = [], Ut = { activePageId: null, siteId: null };
+function hn(e) {
+  return Be = [...Be, e], () => {
+    Be = Be.filter((t) => t !== e);
+  };
+}
+function pn() {
+  return Ut;
+}
+const gn = { activePageId: null, siteId: null };
+function fn() {
+  return gn;
+}
+typeof window < "u" && window.addEventListener("popstate", () => {
+});
+function bn(e, t, i, l) {
+}
+function xn(e) {
+}
+function We() {
+  return Ut.siteId;
+}
+function zn() {
+  const e = fa(hn, pn, fn);
+  return {
+    activePageId: e.activePageId,
+    siteId: e.siteId,
+    navigateToPage: bn,
+    setSiteId: xn
+  };
+}
+function vn({
+  isOpen: e,
+  refreshMediaList: t,
+  generateMetadataForImage: i
+}) {
+  const { query: l, actions: r } = rt(), { config: n, save: c } = ua(), m = async () => {
+    if (!We()) {
+      try {
+        await c({ isDraft: !0 });
+      } catch (F) {
+        if (We()) return;
+        throw nt.warn("[MediaManager] page save before upload failed:", F), F;
+      }
+      if (!We())
+        throw new Error("Site is not saved yet. Please wait for save to finish, then retry upload.");
+    }
+  }, [h, d] = S(!1), [p, f] = S(null), [u, C] = S(null), [o, x] = S(null), [A, y] = S("upload"), [g, b] = S(""), [v, k] = S(""), [M, z] = S(!1), [$, _] = S(!1), B = le(null), H = le(null), V = le(null), W = async (F, w, D, R = "cf-images", T) => {
+    if (R === "r2") {
+      Ae(l, r, F, "r2", "media-manager"), r.setProp(q, (E) => {
+        var U;
+        const L = (E.pageMedia || []).find((Y) => Y.id === F);
+        L && (L.metadata = {
+          ...L.metadata,
+          title: w.name || F,
+          alt: ((U = w.name) == null ? void 0 : U.replace(/\.[^/.]+$/, "")) || F,
+          size: w.size,
+          source: D,
+          contentType: w.type,
+          deliveryURL: T
+        });
+      });
+      return;
+    }
+    Ae(l, r, F, "cdn", "media-manager");
+    try {
+      const E = await Sa(w);
+      r.setProp(q, (Q) => {
+        var Y;
+        const U = (Q.pageMedia || []).find((ue) => ue.id === F);
+        U && (U.metadata = {
+          ...U.metadata,
+          title: w.name || "Pasted Image",
+          alt: ((Y = w.name) == null ? void 0 : Y.replace(/\.[^/.]+$/, "")) || "Pasted Image",
+          size: w.size,
+          source: D,
+          dimensions: {
+            width: E.width,
+            height: E.height,
+            aspectRatio: E.aspectRatio
+          }
+        });
+      });
+    } catch {
+      r.setProp(q, (E) => {
+        var U;
+        const L = (E.pageMedia || []).find((Y) => Y.id === F);
+        L && (L.metadata = {
+          ...L.metadata,
+          title: w.name || "Pasted Image",
+          alt: ((U = w.name) == null ? void 0 : U.replace(/\.[^/.]+$/, "")) || "Pasted Image",
+          size: w.size,
+          source: D
+        });
+      });
+    }
+    ge(F, { width: 800, format: "auto" });
+  }, te = async (F) => {
+    if (!F || F.length === 0) return;
+    d(!0), C(null), f({ current: 0, total: F.length, currentFile: "", completedFiles: [] }), await m();
+    const w = [];
+    try {
+      for (let D = 0; D < F.length; D++) {
+        const R = F[D];
+        f((T) => T ? { ...T, current: D, currentFile: R.name } : null);
+        try {
+          const {
+            mediaId: T,
+            file: E,
+            destination: Q,
+            deliveryURL: L
+          } = await Me(R);
+          f(
+            (U) => U ? { ...U, completedFiles: [...U.completedFiles, R.name] } : null
+          ), await W(T, E, "upload", Q, L);
+        } catch (T) {
+          const E = T instanceof we ? T.message : T == null ? void 0 : T.message;
+          w.push({ name: R.name, error: E || "Unknown error" });
+        }
+      }
+      if (t(), w.length > 0) {
+        const D = w.length === 1 ? `Failed to upload ${w[0].name}: ${w[0].error}` : `Failed to upload ${w.length} file(s):
+${w.map((R) => `• ${R.name}: ${R.error}`).join(`
+`)}`;
+        C(D);
+      }
+    } catch (D) {
+      C(D.message || "Upload failed");
+    } finally {
+      d(!1), f(null);
+    }
+  }, Z = async (F) => {
+    if (!(!F || F.length === 0 || !o)) {
+      d(!0), f({ current: 0, total: 1, currentFile: F[0].name, completedFiles: [] }), await m();
+      try {
+        const w = F[0], {
+          mediaId: D,
+          file: R,
+          destination: T,
+          deliveryURL: E
+        } = await Me(w);
+        r.setProp("ROOT", (Q) => {
+          const L = Q.pageMedia;
+          if (!L) return;
+          const U = L.find((Y) => Y.id === o);
+          if (U) {
+            const Y = T === "r2" ? "r2" : "cdn";
+            U.cdnId = D, U.uploadedAt = Date.now(), U.type = Y, U.metadata && (U.metadata.title = R.name, U.metadata.size = R.size, U.metadata.contentType = R.type || U.metadata.contentType, delete U.metadata.svg, delete U.metadata.url, T === "r2" ? U.metadata.deliveryURL = E : delete U.metadata.deliveryURL);
+          }
+        }), t(), x(null);
+      } catch (w) {
+        const D = w instanceof we ? w.message : w == null ? void 0 : w.message;
+        C(`Replace failed: ${D || "Unknown error"}`);
+      } finally {
+        d(!1), f(null);
+      }
+    }
+  }, de = async () => {
+    if (g.trim()) {
+      d(!0), f({ current: 0, total: 1, currentFile: g, completedFiles: [] }), await m();
+      try {
+        if (M) {
+          const F = n.apiBaseUrl || "", w = await fetch(`${F}/api/download-image`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ imageUrl: g, saveToCdn: !0 })
+          });
+          if (!w.ok) {
+            const T = await w.json();
+            throw new Error(T.error || "Failed to download image");
+          }
+          const D = await w.json(), R = D.mediaId;
+          Ae(l, r, R, "cdn", "media-manager");
+          try {
+            const T = ge(R, { width: 800, format: "auto" }), E = await gt(T);
+            r.setProp(q, (Q) => {
+              const U = (Q.pageMedia || []).find((Y) => Y.id === R);
+              U && (U.metadata = {
+                ...U.metadata,
+                title: D.filename,
+                alt: D.filename.replace(/\.[^/.]+$/, ""),
+                size: D.size,
+                dimensions: {
+                  width: E.width,
+                  height: E.height,
+                  aspectRatio: E.aspectRatio
+                },
+                originalUrl: g
+              });
+            }), i(R, T);
+          } catch {
+            r.setProp(q, (E) => {
+              const L = (E.pageMedia || []).find((U) => U.id === R);
+              L && (L.metadata = {
+                ...L.metadata,
+                title: D.filename,
+                alt: D.filename.replace(/\.[^/.]+$/, ""),
+                size: D.size,
+                originalUrl: g
+              });
+            });
+            const T = ge(R, { width: 800, format: "auto" });
+            i(R, T);
+          }
+        } else {
+          const F = `url-${Date.now()}`;
+          Ae(l, r, F, "url", "media-manager");
+          try {
+            const w = await gt(g);
+            r.setProp(q, (D) => {
+              const T = (D.pageMedia || []).find((E) => E.id === F);
+              T && (T.metadata = {
+                ...T.metadata,
+                title: g.split("/").pop() || g,
+                url: g,
+                dimensions: {
+                  width: w.width,
+                  height: w.height,
+                  aspectRatio: w.aspectRatio
+                }
+              });
+            }), i(F, g);
+          } catch {
+            r.setProp(q, (w) => {
+              const R = (w.pageMedia || []).find((T) => T.id === F);
+              R && (R.metadata = {
+                ...R.metadata,
+                title: g.split("/").pop() || g,
+                url: g
+              });
+            }), i(F, g);
+          }
+        }
+        t(), b(""), z(!1), y("upload");
+      } catch (F) {
+        alert(`Failed to add URL: ${F.message}`);
+      } finally {
+        d(!1), f(null);
+      }
+    }
+  }, fe = async () => {
+    if (v.trim()) {
+      d(!0), f({ current: 0, total: 1, currentFile: "SVG Image", completedFiles: [] }), await m();
+      try {
+        const F = Dt(v), w = new Blob([F]).size, D = `svg-${Date.now()}`;
+        Ae(l, r, D, "svg", "media-manager"), r.setProp(q, (R) => {
+          const E = (R.pageMedia || []).find((Q) => Q.id === D);
+          E && (E.metadata = {
+            ...E.metadata,
+            title: "SVG Image",
+            svg: F,
+            size: w
+          });
+        }), t(), k(""), y("upload");
+      } finally {
+        d(!1), f(null);
+      }
+    }
+  }, oe = async () => {
+    try {
+      const F = await navigator.clipboard.read();
+      _(
+        F.some((w) => w.types.some((D) => D.startsWith("image/")))
+      );
+    } catch {
+      _(!1);
+    }
+  }, ce = async (F) => {
+    var R;
+    const w = F.target;
+    if (w.tagName === "INPUT" || w.tagName === "TEXTAREA") return;
+    const D = (R = F.clipboardData) == null ? void 0 : R.items;
+    if (D)
+      for (let T = 0; T < D.length; T++) {
+        const E = D[T];
+        if (E.type.indexOf("image") !== -1) {
+          F.preventDefault();
+          const Q = E.getAsFile();
+          if (!Q) continue;
+          d(!0), f({
+            current: 0,
+            total: 1,
+            currentFile: Q.name || "Pasted image",
+            completedFiles: []
+          }), await m();
+          try {
+            const { mediaId: L, file: U } = await Me(Q);
+            await W(L, U, "paste"), t();
+          } catch (L) {
+            const U = L instanceof we ? L.message : L == null ? void 0 : L.message;
+            alert(`Failed to upload pasted image: ${U}`);
+          } finally {
+            d(!1), f(null);
+          }
+          break;
+        }
+      }
+  }, O = async () => {
+    if ($)
+      try {
+        const F = await navigator.clipboard.read();
+        for (const w of F)
+          for (const D of w.types)
+            if (D.startsWith("image/")) {
+              const R = await w.getType(D), T = new File([R], `pasted-image-${Date.now()}.${D.split("/")[1]}`, {
+                type: D
+              });
+              d(!0), await m();
+              try {
+                const { mediaId: E, file: Q } = await Me(T);
+                Ae(l, r, E, "cdn", "media-manager"), r.setProp(q, (L) => {
+                  const Y = (L.pageMedia || []).find((ue) => ue.id === E);
+                  Y && (Y.metadata = {
+                    ...Y.metadata,
+                    title: Q.name,
+                    alt: Q.name.replace(/\.[^/.]+$/, ""),
+                    size: Q.size,
+                    source: "paste"
+                  });
+                }), t();
+              } catch (E) {
+                const Q = E instanceof we ? E.message : E == null ? void 0 : E.message;
+                alert(`Failed to upload pasted image: ${Q}`);
+              } finally {
+                d(!1);
+              }
+              return;
+            }
+      } catch {
+        alert("Failed to access clipboard. Please try pasting with Ctrl+V / Cmd+V instead.");
+      }
+  }, { isDragOver: Ce, dropProps: Se } = mn({
+    onFiles: (F) => {
+      const w = new DataTransfer();
+      F.forEach((D) => w.items.add(D)), te(w.files);
+    },
+    accept: lt()
+  });
+  return re(() => (e && (oe(), document.addEventListener("paste", ce)), () => document.removeEventListener("paste", ce)), [e]), re(() => {
+    const F = (w) => {
+      var D;
+      (D = w.target) != null && D.closest("[data-ai-login-modal]") || V.current && !V.current.contains(w.target) && (A === "url" || A === "svg") && y("upload");
+    };
+    if (e)
+      return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
+  }, [e, A]), {
+    // State
+    uploading: h,
+    uploadProgress: p,
+    uploadError: u,
+    addMode: A,
+    urlInput: g,
+    svgInput: v,
+    saveUrlToCdn: M,
+    hasImageInClipboard: $,
+    isDragOver: Ce,
+    dropProps: Se,
+    replacingMedia: o,
+    // Setters
+    setAddMode: y,
+    setUrlInput: b,
+    setSvgInput: k,
+    setSaveUrlToCdn: z,
+    setUploading: d,
+    setUploadError: C,
+    setReplacingMedia: x,
+    // Handlers
+    handleUpload: te,
+    handleReplaceMedia: Z,
+    handleAddUrl: de,
+    handleAddSvg: fe,
+    handlePasteClick: O,
+    // Refs
+    fileInputRef: B,
+    replaceInputRef: H,
+    toolbarRef: V
+  };
+}
+function An() {
+  const [e, t] = S(""), [i, l] = S(() => {
+    if (typeof window < "u") {
+      const o = pt.get("media-view");
+      return o === "list" || o === "cards" ? o : "cards";
+    }
+    return "cards";
+  }), [r, n] = S("createdAt"), [c, m] = S("desc"), [h, d] = S("all"), [p, f] = S("all");
+  return re(() => {
+    typeof window < "u" && pt.set("media-view", i);
+  }, [i]), {
+    searchQuery: e,
+    setSearchQuery: t,
+    viewMode: i,
+    setViewMode: l,
+    sortField: r,
+    setSortField: n,
+    sortDirection: c,
+    setSortDirection: m,
+    kindFilter: h,
+    setKindFilter: d,
+    folderFilter: p,
+    setFolderFilter: f,
+    handleSearch: (o) => t(o),
+    handleKindFilterChange: (o) => d(o)
+  };
+}
+function Rn({
+  isOpen: e,
+  onClose: t,
+  onSelect: i,
+  selectionMode: l
+}) {
+  var _;
+  const r = ma(), n = ha(pa), c = ga("media-edit/ai-actions", void 0), m = r, h = r && c !== null, d = on(), p = An(), f = nn({
+    actions: d.actions,
+    mediaList: d.mediaList,
+    folderNameById: d.folderNameById,
+    validFolderIdSet: d.validFolderIdSet,
+    searchQuery: p.searchQuery,
+    kindFilter: p.kindFilter,
+    folderFilter: p.folderFilter,
+    sortField: p.sortField,
+    sortDirection: p.sortDirection
+  }), u = vn({
+    isOpen: e,
+    refreshMediaList: d.refreshMediaList,
+    generateMetadataForImage: () => {
+    }
+  }), C = en({
+    refreshMediaList: d.refreshMediaList,
+    generateMetadataForImage: () => {
+    },
+    setUploading: u.setUploading
+  }), o = d.query.node(q).get(), x = (_ = o == null ? void 0 : o.data) == null ? void 0 : _.props, A = x == null ? void 0 : x.design, y = {
+    designNotes: typeof (A == null ? void 0 : A.notes) == "string" ? A.notes : void 0,
+    designTags: Array.isArray(A == null ? void 0 : A.tags) ? A.tags : void 0
+  }, g = an({
+    query: d.query,
+    actions: d.actions,
+    ai: C,
+    designContext: y,
+    refreshMediaList: d.refreshMediaList
+  }), b = cn(f.filteredMedia, l), v = dn(f.filteredMedia), k = tn({
+    query: d.query,
+    actions: d.actions,
+    settings: n,
+    selectedMediaIds: b.selectedMediaIds,
+    refreshMediaList: d.refreshMediaList,
+    clearSelection: b.clearSelection
+  }), M = (B) => d.deleteFolderById(B, () => {
+    p.folderFilter === B && p.setFolderFilter("all");
+  }), z = (B) => d.moveMediaToFolder(b.selectedMediaIds, B);
+  re(() => {
+    e && (d.refreshMediaList(), p.setSearchQuery(""), b.clearSelection(), g.setEditingMedia(null), p.setFolderFilter("all"));
+  }, [e, d.refreshMediaList, b.clearSelection]), re(() => {
+    b.setSelectedMediaIds(
+      (B) => B.filter((H) => d.mediaList.some((V) => V.id === H))
+    ), b.setSelectedMedia(
+      (B) => B && d.mediaList.some((H) => H.id === B) ? B : null
+    );
+  }, [d.mediaList]), rn({
+    isOpen: e,
+    selectionMode: l,
+    onSelect: i,
+    onClose: t,
+    filteredMedia: f.filteredMedia,
+    selectedMedia: b.selectedMedia,
+    selectedMediaIds: b.selectedMediaIds,
+    previewMedia: v.previewMedia,
+    editingMedia: g.editingMedia,
+    viewMode: p.viewMode,
+    clearSelection: b.clearSelection,
+    selectSingle: b.selectSingle,
+    setPreviewMedia: v.setPreviewMedia
+  }), ln({
+    isOpen: e && !v.previewMedia && !g.editingMedia,
+    selectionMode: l,
+    selectedCount: b.selectedMediaIds.length,
+    selectAllVisible: b.selectAllVisible,
+    handleDeleteSelected: k.handleDeleteSelected
+  });
+  const $ = b.selectedMediaIds.length === 1;
+  return {
+    mediaList: d.mediaList,
+    filteredMedia: f.filteredMedia,
+    folders: d.folders,
+    folderNameById: d.folderNameById,
+    folderCounts: d.folderCounts,
+    folderFilter: p.folderFilter,
+    searchQuery: p.searchQuery,
+    selectedMedia: b.selectedMedia,
+    selectedMediaIds: b.selectedMediaIds,
+    editingMedia: g.editingMedia,
+    cropMedia: g.cropMedia,
+    viewMode: p.viewMode,
+    sortField: p.sortField,
+    sortDirection: p.sortDirection,
+    kindFilter: p.kindFilter,
+    previewMedia: v.previewMedia,
+    deleteConfirm: k.deleteConfirm,
+    deletingMedia: k.deletingMedia,
+    savingMetadata: g.savingMetadata,
+    uploading: u.uploading,
+    uploadProgress: u.uploadProgress,
+    uploadError: u.uploadError,
+    addMode: u.addMode,
+    urlInput: u.urlInput,
+    svgInput: u.svgInput,
+    saveUrlToCdn: u.saveUrlToCdn,
+    hasImageInClipboard: u.hasImageInClipboard,
+    isDragOver: u.isDragOver,
+    dropProps: u.dropProps,
+    replacingMedia: u.replacingMedia,
+    fileInputRef: u.fileInputRef,
+    replaceInputRef: u.replaceInputRef,
+    toolbarRef: u.toolbarRef,
+    canUseImageAnalyze: h,
+    canUseImageGenerate: m,
+    canEditSelected: $,
+    mediaEditAiActionsContext: g.mediaEditAiActionsContext,
+    setSearchQuery: p.setSearchQuery,
+    setSelectedMedia: b.setSelectedMedia,
+    setViewMode: p.setViewMode,
+    setSortField: p.setSortField,
+    setSortDirection: p.setSortDirection,
+    setKindFilter: p.handleKindFilterChange,
+    setFolderFilter: p.setFolderFilter,
+    setPreviewMedia: v.setPreviewMedia,
+    setCropMedia: g.setCropMedia,
+    setEditingMedia: g.setEditingMedia,
+    setAddMode: u.setAddMode,
+    setUrlInput: u.setUrlInput,
+    setSvgInput: u.setSvgInput,
+    setSaveUrlToCdn: u.setSaveUrlToCdn,
+    setUploadError: u.setUploadError,
+    setReplacingMedia: u.setReplacingMedia,
+    setDeleteConfirm: k.setDeleteConfirm,
+    handleSearch: p.handleSearch,
+    handleDelete: k.handleDelete,
+    handleDeleteSelected: k.handleDeleteSelected,
+    confirmDelete: k.confirmDelete,
+    handlePreviewNext: v.handlePreviewNext,
+    handlePreviewPrevious: v.handlePreviewPrevious,
+    handleReorder: f.handleReorder,
+    handleSaveCroppedImage: g.handleSaveCroppedImage,
+    handleMediaSelection: b.handleMediaSelection,
+    clearSelection: b.clearSelection,
+    selectAllVisible: b.selectAllVisible,
+    openEditModal: g.openEditModal,
+    closeEditModal: g.closeEditModal,
+    saveEditedMetadata: g.saveEditedMetadata,
+    handleUpload: u.handleUpload,
+    handleReplaceMedia: u.handleReplaceMedia,
+    handleAddUrl: u.handleAddUrl,
+    handleAddSvg: u.handleAddSvg,
+    handlePasteClick: u.handlePasteClick,
+    createFolder: d.createFolder,
+    renameFolder: d.renameFolder,
+    deleteFolder: M,
+    moveMediaToFolder: d.moveMediaToFolder,
+    moveSelectedToFolder: z,
+    selectionMode: l,
+    onSelect: i,
+    onClose: t,
+    settings: n,
+    resortFilteredMedia: f.resortFilteredMedia
+  };
+}
+export {
+  ya as C,
+  Fn as I,
+  En as M,
+  Tn as a,
+  zn as b,
+  Me as c,
+  we as d,
+  De as g,
+  G as s,
+  Rn as u
+};