eddyter 1.4.18 → 1.4.19

package/dist/index-Cl_A9eof.js

@@ -0,0 +1,1508 @@
+import { jsx as e, jsxs as a, Fragment as Me } from "react/jsx-runtime";
+import { I as Tt } from "./ImageResizer-BVwxL4Eh.js";
+import { CodeNode as Wt } from "@lexical/code";
+import { LinkNode as zt } from "@lexical/link";
+import { AutoFocusPlugin as Ot } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext as _t } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext as Ft } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as Ht } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as Yt } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as jt } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as Bt } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as Xt } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as Kt } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as Ut } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as Gt } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as qt } from "@lexical/utils";
+import { $getRoot as Xe, $createParagraphNode as Vt, $createTextNode as Jt, $isNodeSelection as ge, $getSelection as ce, $isParagraphNode as Ke, $setSelection as we, $isRangeSelection as Qt, SELECTION_CHANGE_COMMAND as Zt, COMMAND_PRIORITY_LOW as de, CLICK_COMMAND as er, DRAGSTART_COMMAND as tr, KEY_DELETE_COMMAND as rr, KEY_BACKSPACE_COMMAND as ir, KEY_ENTER_COMMAND as or, KEY_ESCAPE_COMMAND as nr, $getNodeByKey as se, RootNode as ar, TextNode as cr, LineBreakNode as dr, ParagraphNode as sr, createCommand as lr } from "lexical";
+import { useState as v, useRef as X, useEffect as G, useMemo as it, useCallback as R, useLayoutEffect as ot, Suspense as ur } from "react";
+import { c as Ue, D as ct, a as dt, b as st, d as lt, e as ut, g as mr, B as Ie, aK as De, t as I, x as hr, aL as re, aM as gr, aN as fr, aO as pr, O as br, Q as Y, U as j, ap as xr, V as B, aq as wr, ar as yr, as as Cr, at as Nr, aP as vr, am as kr, aQ as Rr, aR as Er, a0 as Ir, aS as Pr, aT as Sr, r as $r, aU as Mr, aV as Dr } from "./index-Bex3G_eE.js";
+import { S as Lr } from "./sparkles-C-XoMho5.js";
+const Ar = Ue("Crop", [
+  ["path", { d: "M6 2v14a2 2 0 0 0 2 2h14", key: "ron5a4" }],
+  ["path", { d: "M18 22V8a2 2 0 0 0-2-2H2", key: "7s9ehn" }]
+]);
+const Tr = Ue("Link2", [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+]);
+const mt = Ue("RotateCcw", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+]), Wr = ({
+  open: r,
+  onOpenChange: c,
+  oldImageUrl: u,
+  newImageUrl: p,
+  onReplace: N,
+  onCancel: y
+}) => /* @__PURE__ */ e(ct, { open: r, onOpenChange: c, children: /* @__PURE__ */ a(dt, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ a(st, { children: [
+    /* @__PURE__ */ a(lt, { className: "flex items-center gap-2 text-xl", children: [
+      /* @__PURE__ */ e("span", { className: "text-2xl", children: "🔄" }),
+      "Compare Images"
+    ] }),
+    /* @__PURE__ */ e(ut, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Refined Image" }),
+        /* @__PURE__ */ e("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-100 dark:bg-blue-950/30 text-blue-600 dark:text-blue-400", children: "New" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "relative aspect-square rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border-2 border-blue-500 dark:border-blue-600", children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: p,
+          alt: "Refined",
+          className: "w-full h-full object-contain"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ a("p", { className: "text-sm text-blue-800 dark:text-blue-200", children: [
+      /* @__PURE__ */ e("span", { className: "font-semibold", children: "Note:" }),
+      ' Clicking "Replace" will update the image in your document. This action cannot be undone.'
+    ] }) })
+  ] }),
+  /* @__PURE__ */ a(mr, { className: "gap-2", children: [
+    /* @__PURE__ */ e(
+      Ie,
+      {
+        variant: "outline",
+        onClick: y,
+        children: "Keep Original"
+      }
+    ),
+    /* @__PURE__ */ a(
+      Ie,
+      {
+        onClick: N,
+        className: "bg-blue-500 hover:bg-blue-600 text-white",
+        children: [
+          /* @__PURE__ */ e("span", { className: "mr-2", children: "✓" }),
+          "Replace Image"
+        ]
+      }
+    )
+  ] })
+] }) });
+function zr({
+  caption: r
+}) {
+  const [c, u] = v(""), [p, N] = v(""), [y, q] = v(""), E = X(null), P = X(!1);
+  G(() => {
+    const w = (f) => {
+      const D = f.split(" • "), o = D[0] || "";
+      o.startsWith("by ") ? (u("by "), N(o.slice(3))) : (u(""), N(o)), q(D[1] || "");
+    };
+    return w(r.getEditorState().read(() => Xe().getTextContent())), r.registerUpdateListener(({ editorState: f }) => {
+      P.current || w(f.read(() => Xe().getTextContent()));
+    });
+  }, [r]), G(() => {
+    E.current && !P.current && (E.current.textContent = p);
+  }, [p]);
+  const K = r.isEditable();
+  return /* @__PURE__ */ e("div", { className: "signature-caption-container", children: /* @__PURE__ */ a("div", { className: "signature-caption-info", children: [
+    /* @__PURE__ */ a("span", { className: "signature-user-name", children: [
+      c && /* @__PURE__ */ e("span", { className: "signature-name-prefix", children: c }),
+      /* @__PURE__ */ e(
+        "span",
+        {
+          ref: E,
+          className: `signature-name-value${K ? " is-editable" : ""}`,
+          contentEditable: K,
+          suppressContentEditableWarning: !0,
+          spellCheck: !1,
+          title: K ? "Click to edit name" : void 0,
+          onFocus: () => {
+            P.current = !0;
+          },
+          onBlur: () => {
+            P.current = !1;
+            const w = (E.current?.textContent || "").trim();
+            let f = `${c}${w}`;
+            y && (f += ` • ${y}`), r.update(() => {
+              const D = Xe();
+              D.clear();
+              const o = Vt();
+              o.append(Jt(f)), D.append(o);
+            });
+          },
+          onKeyDown: (w) => {
+            w.key === "Enter" && (w.preventDefault(), E.current?.blur());
+          }
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ e("span", { className: "signature-separator" }),
+    y && /* @__PURE__ */ e("span", { className: "signature-timestamp", children: y })
+  ] }) });
+}
+const Or = "/transform-image/";
+function fe(r) {
+  if (!De || r.startsWith("data:") || r.toLowerCase().endsWith(".svg")) return !1;
+  try {
+    const c = new URL(r).origin, u = new URL(De).origin;
+    return c === u;
+  } catch {
+    return !1;
+  }
+}
+function ht(r) {
+  if (!fe(r)) return null;
+  try {
+    const u = new URL(r).pathname.replace(/^\//, ""), p = "transform-image/";
+    return u.startsWith(p) ? u.slice(p.length) || null : u || null;
+  } catch {
+    return null;
+  }
+}
+function _r(r, c) {
+  if (!fe(r)) return r;
+  const u = ht(r);
+  if (!u) return r;
+  const p = `${c.x},${c.y},${c.width},${c.height}`;
+  return `${De.replace(/\/$/, "")}${Or}${u}?crop=${p}`;
+}
+function nt(r) {
+  if (!fe(r)) return r;
+  try {
+    const c = new URL(r);
+    return c.searchParams.delete("crop"), c.toString();
+  } catch {
+    return r;
+  }
+}
+function Ee(r) {
+  if (!fe(r)) return nt(r);
+  const c = ht(r);
+  return c ? `${De.replace(/\/$/, "")}/${c}` : nt(r);
+}
+function Fr({
+  open: r,
+  onOpenChange: c,
+  src: u,
+  altText: p,
+  width: N,
+  height: y,
+  onCropApply: q
+}) {
+  const [E, P] = v("freeform"), [K, W] = v(u), [x, w] = v(!1), f = X(null), D = X(null), [o, z] = v({ x: 0, y: 0, width: 0, height: 0 }), [k, A] = v({ x: 0, y: 0, width: 0, height: 0 }), le = X(null), pe = it(() => typeof N == "number" && typeof y == "number" && y > 0 ? N / y : o.width > 0 && o.height > 0 ? o.width / o.height : null, [o.height, o.width, y, N]), ye = it(() => {
+    switch (E) {
+      case "original":
+        return pe;
+      case "1:1":
+        return 1;
+      case "4:3":
+        return 4 / 3;
+      case "16:9":
+        return 16 / 9;
+      case "3:4":
+        return 3 / 4;
+      case "9:16":
+        return 9 / 16;
+      default:
+        return null;
+    }
+  }, [pe, E]), l = 24, O = R(
+    (n) => {
+      let { x: h, y: C, width: s, height: b } = n;
+      const L = o.width, S = o.height;
+      return h = Math.max(0, Math.min(h, L - l)), C = Math.max(0, Math.min(C, S - l)), s = Math.max(l, Math.min(s, L - h)), b = Math.max(l, Math.min(b, S - C)), { x: h, y: C, width: s, height: b };
+    },
+    [o.height, o.width]
+  ), Ce = R(
+    (n) => {
+      if (o.width <= 0 || o.height <= 0) return;
+      if (n == null) {
+        A({
+          x: 0,
+          y: 0,
+          width: o.width,
+          height: o.height
+        });
+        return;
+      }
+      const h = o.width * 0.9, C = o.height * 0.9;
+      let s = h, b = s / n;
+      b > C && (b = C, s = b * n), A(
+        O({
+          x: (o.width - s) / 2,
+          y: (o.height - b) / 2,
+          width: s,
+          height: b
+        })
+      );
+    },
+    [o.height, o.width, O]
+  ), ue = R(() => {
+    const n = f.current, h = D.current;
+    if (!n || !h) return;
+    let C = 0, s = 0, b = h;
+    for (; b && b !== n; )
+      C += b.offsetLeft, s += b.offsetTop, b = b.offsetParent;
+    z({
+      x: C,
+      y: s,
+      width: h.offsetWidth,
+      height: h.offsetHeight
+    });
+  }, []), Z = R(
+    (n) => {
+      o.width <= 0 || o.height <= 0 || (n.preventDefault(), n.stopPropagation(), n.target.setPointerCapture?.(n.pointerId), le.current = {
+        mode: "move",
+        startX: n.clientX,
+        startY: n.clientY,
+        initialRect: { ...k }
+      });
+    },
+    [o.height, o.width, k]
+  ), Ne = R(
+    (n, h) => {
+      o.width <= 0 || o.height <= 0 || (n.preventDefault(), n.stopPropagation(), n.target.setPointerCapture?.(n.pointerId), le.current = {
+        mode: h,
+        startX: n.clientX,
+        startY: n.clientY,
+        initialRect: { ...k }
+      });
+    },
+    [o.height, o.width, k]
+  ), Le = R(async () => {
+    if (o.width <= 0 || o.height <= 0) {
+      c(!1);
+      return;
+    }
+    const n = D.current;
+    if (!n || !n.naturalWidth || !n.naturalHeight) {
+      I.error("Could not read image dimensions");
+      return;
+    }
+    const h = n.naturalWidth / o.width, C = n.naturalHeight / o.height, s = {
+      x: Math.max(0, Math.round(k.x * h)),
+      y: Math.max(0, Math.round(k.y * C)),
+      width: Math.max(1, Math.round(k.width * h)),
+      height: Math.max(1, Math.round(k.height * C)),
+      naturalWidth: n.naturalWidth,
+      naturalHeight: n.naturalHeight
+    };
+    s.width = Math.min(s.width, n.naturalWidth - s.x), s.height = Math.min(s.height, n.naturalHeight - s.y), c(!1), Promise.resolve(q(s));
+  }, [o, k, q, c]);
+  return G(() => {
+    r && (z({ x: 0, y: 0, width: 0, height: 0 }), A({ x: 0, y: 0, width: 0, height: 0 }), w(!1), W(Ee(u)));
+  }, [r, u]), G(() => {
+    if (!r) return;
+    const n = f.current;
+    if (!n) return;
+    const h = new ResizeObserver(() => {
+      ue();
+    });
+    h.observe(n);
+    const C = D.current;
+    C && h.observe(C);
+    const s = () => ue();
+    return window.addEventListener("resize", s), () => {
+      h.disconnect(), window.removeEventListener("resize", s);
+    };
+  }, [r, ue]), G(() => {
+    if (!r) return;
+    const n = (C) => {
+      const s = le.current;
+      if (!s) return;
+      C.preventDefault();
+      const b = C.clientX - s.startX, L = C.clientY - s.startY, S = o.width, ie = o.height, V = ye ?? null, { x: _, y: oe, width: ee, height: F } = s.initialRect;
+      if (s.mode === "move") {
+        const ve = Math.max(0, S - ee), ae = Math.max(0, ie - F);
+        A(
+          O({
+            x: Math.max(0, Math.min(ve, _ + b)),
+            y: Math.max(0, Math.min(ae, oe + L)),
+            width: ee,
+            height: F
+          })
+        );
+        return;
+      }
+      const M = s.mode;
+      let ne = _, be = oe, H = ee, J = F;
+      M.includes("e") && (H = ee + b), M.includes("w") && (ne = _ + b, H = ee - b), M.includes("s") && (J = F + L), M.includes("n") && (be = oe + L, J = F - L), V != null && V > 0 && (M === "e" || M === "w" ? (J = H / V, M.includes("n") && (be = oe + F - J)) : M === "n" || M === "s" ? (H = J * V, M.includes("w") && (ne = _ + ee - H)) : (J = H / V, M.includes("n") && (be = oe + F - J), M.includes("w") && (ne = _ + ee - H))), A(O({ x: ne, y: be, width: H, height: J }));
+    }, h = () => {
+      le.current = null;
+    };
+    return window.addEventListener("pointermove", n), window.addEventListener("pointerup", h), () => {
+      window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", h);
+    };
+  }, [
+    r,
+    o.width,
+    o.height,
+    ye,
+    O
+  ]), G(() => {
+    r && Ce(ye);
+  }, [r, ye, o, Ce]), /* @__PURE__ */ e(ct, { open: r, onOpenChange: c, children: /* @__PURE__ */ e(
+    dt,
+    {
+      className: "sm:cteditor-max-w-[860px] cteditor-max-w-[calc(100%-2rem)] cteditor-rounded-xl cteditor-overflow-hidden !cteditor-p-0 cteditor-border-none cteditor-bg-background",
+      onClick: (n) => n.stopPropagation(),
+      onPointerDown: (n) => n.stopPropagation(),
+      children: /* @__PURE__ */ a("div", { className: "cteditor-grid md:cteditor-grid-cols-[1.4fr_320px]", children: [
+        /* @__PURE__ */ e("div", { className: "cteditor-bg-background cteditor-p-4 md:cteditor-p-6 cteditor-flex cteditor-items-center cteditor-justify-center cropTransparentBg", children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: f,
+            className: "cteditor-relative cteditor-rounded-lg cteditor-bg-black/60 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-select-none cteditor-touch-none cteditor-w-full",
+            children: [
+              /* @__PURE__ */ e("div", { className: "cteditor-overflow-hidden cteditor-rounded-lg cteditor-flex cteditor-items-center cteditor-justify-center cteditor-w-full", children: x ? /* @__PURE__ */ e("div", { className: "cteditor-text-sm cteditor-text-foreground/50", children: "Failed to load image preview" }) : /* @__PURE__ */ e(
+                "img",
+                {
+                  ref: D,
+                  src: K,
+                  alt: p || "Crop preview",
+                  className: "cteditor-max-w-full cteditor-max-h-[460px] cteditor-w-auto cteditor-h-auto cteditor-select-none cteditor-block",
+                  draggable: !1,
+                  onLoad: () => {
+                    w(!1), ue();
+                  },
+                  onError: () => {
+                    w(!0);
+                  }
+                }
+              ) }),
+              o.width > 0 && o.height > 0 && !x && /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "cteditor-absolute cteditor-border-2 cteditor-border-[#8a7df4] cteditor-cursor-move cteditor-select-none",
+                  style: {
+                    left: o.x + k.x,
+                    top: o.y + k.y,
+                    width: k.width,
+                    height: k.height
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "cteditor-absolute cteditor-inset-0 cteditor-grid cteditor-grid-cols-3 cteditor-grid-rows-3 cteditor-pointer-events-none",
+                        "aria-hidden": !0,
+                        children: Array.from({ length: 9 }).map((n, h) => /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: "cteditor-border cteditor-border-[#8a7df4]/35"
+                          },
+                          h
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "cteditor-absolute cteditor-inset-0 cteditor-pointer-events-auto",
+                        onPointerDown: Z,
+                        "aria-label": "Move crop area"
+                      }
+                    ),
+                    [
+                      ["n", "cteditor-top-0 cteditor-left-1/2 cteditor--translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-n-resize", "cteditor-w-8 cteditor-h-2"],
+                      ["s", "cteditor-bottom-0 cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-translate-y-1/2", "cteditor-cursor-s-resize", "cteditor-w-8 cteditor-h-2"],
+                      ["e", "cteditor-right-0 cteditor-top-1/2 cteditor-translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-e-resize", "cteditor-w-2 cteditor-h-8"],
+                      ["w", "cteditor-left-0 cteditor-top-1/2 cteditor--translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-w-resize", "cteditor-w-2 cteditor-h-8"],
+                      ["nw", "cteditor-left-0 cteditor-top-0 cteditor--translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-nw-resize", "cteditor-size-4"],
+                      ["ne", "cteditor-right-0 cteditor-top-0 cteditor-translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-ne-resize", "cteditor-size-4"],
+                      ["sw", "cteditor-left-0 cteditor-bottom-0 cteditor--translate-x-1/2 cteditor-translate-y-1/2", "cteditor-cursor-sw-resize", "cteditor-size-4"],
+                      ["se", "cteditor-right-0 cteditor-bottom-0 cteditor-translate-x-1/2 cteditor-translate-y-1/2", "cteditor-cursor-se-resize", "cteditor-size-4"]
+                    ].map(([n, h, C, s]) => /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `cteditor-absolute cteditor-border-2 cteditor-border-white cteditor-bg-[#8a7df4] cteditor-rounded-sm cteditor-pointer-events-auto cteditor-shadow ${h} ${C} ${s}`,
+                        onPointerDown: (b) => Ne(b, n),
+                        "aria-label": `Resize ${n}`
+                      },
+                      n
+                    ))
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: "md:cteditor-w-[320px] cteditor-flex cteditor-flex-col dark:cteditor-bg-black/10 cteditor-bg-white/10 cteditor-border-l cteditor-border-foreground/5", children: [
+          /* @__PURE__ */ a(st, { className: "md:cteditor-pt-6 cteditor-pt-3 md:cteditor-px-6 cteditor-px-4 md:cteditor-pb-4 cteditor-pb-2 cteditor-relative cteditor-space-y-1", children: [
+            /* @__PURE__ */ e(lt, { className: "cteditor-text-2xl cteditor-font-semibold cteditor-text-foreground/90 cteditor-tracking-[-0.02em] cteditor-mb-1.5 max-md:cteditor-hidden", children: "Crop" }),
+            /* @__PURE__ */ e(ut, { className: "cteditor-text-sm cteditor-leading-normal cteditor-text-foreground/50 md:cteditor-max-w-[250px]", children: "Choose an aspect ratio and adjust the crop area, then click Apply." })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "cteditor-pt-1 md:cteditor-px-5.5 cteditor-px-3 cteditor-pb-0 cteditor-flex-1 cteditor-overflow-y-auto cteditor-space-y-4", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("p", { className: "cteditor-font-mono cteditor-text-[10px] cteditor-font-medium cteditor-uppercase cteditor-tracking-[0.16em] cteditor-text-foreground/50 cteditor-mt-3.5 cteditor-mb-[9px]", children: "Aspect ratio" }),
+              /* @__PURE__ */ e("div", { className: "md:cteditor-grid  md:cteditor-grid-cols-3 md:cteditor-gap-3 cteditor-gap-2 max-md:cteditor-flex max-md:cteditor-flex-wrap ", children: [
+                { id: "freeform", label: "Freeform", shapeClass: "cteditor-w-4 cteditor-h-4 cteditor-border-dashed" },
+                { id: "original", label: "Original", shapeClass: "cteditor-w-[18px] cteditor-h-[13.5px]" },
+                { id: "1:1", label: "1:1", shapeClass: "cteditor-w-[15px] cteditor-h-[15px]" },
+                { id: "4:3", label: "4:3", shapeClass: "cteditor-w-[18px] cteditor-h-[13.5px]" },
+                { id: "16:9", label: "16:9", shapeClass: "cteditor-w-5 cteditor-h-[11.3px]" },
+                { id: "3:4", label: "3:4", shapeClass: "cteditor-w-[13.5px] cteditor-h-[18px]" },
+                { id: "9:16", label: "9:16", shapeClass: "cteditor-w-[11.3px] cteditor-h-[20px]" }
+              ].map((n) => {
+                const h = E === n.id;
+                return /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      P(n.id);
+                    },
+                    className: `group md:cteditor-h-[61px] cteditor-w-full cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-gap-3 cteditor-rounded-xl cteditor-transition-all max-md:cteditor-w-fit max-md:cteditor-p-3  cteditor-bg-background cteditor-border cteditor-border-foreground/10 cteditor-text-foreground/70 hover:cteditor-crop-btn-glow ${h ? "cteditor-crop-btn-glow" : ""}`,
+                    children: [
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: `cteditor-border-[1.6px] cteditor-rounded-[3px] max-md:cteditor-hidden cteditor-border-current ${h ? "cteditor-text-[#8a7df4]" : "cteditor-text-foreground/50 group-hover:cteditor-text-[#8a7df4]"} ${n.shapeClass}`
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: `cteditor-font-mono cteditor-text-[11px] cteditor-tracking-[0.02em] ${h ? "cteditor-text-foreground/90" : "cteditor-text-foreground/70 group-hover:cteditor-text-foreground/90"}`,
+                          children: n.label
+                        }
+                      )
+                    ]
+                  },
+                  n.id
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "cteditor-mt-1 cteditor-border cteditor-border-foreground/10 cteditor-rounded-[10px] ", children: [
+              /* @__PURE__ */ a("div", { className: "cteditor-flex cteditor-items-baseline cteditor-justify-between cteditor-gap-3 cteditor-py-2 cteditor-px-3", children: [
+                /* @__PURE__ */ e("span", { className: "cteditor-text-[11px] cteditor-text-foreground/50 cteditor-whitespace-nowrap", children: "Crop size" }),
+                /* @__PURE__ */ a("span", { className: "cteditor-font-mono cteditor-text-[13px] cteditor-text-[#8a7df4] cteditor-whitespace-nowrap cteditor-text-right", children: [
+                  Math.round(k.width),
+                  " ",
+                  /* @__PURE__ */ e("span", { className: "cteditor-text-foreground/30", children: "×" }),
+                  " ",
+                  Math.round(k.height),
+                  " ",
+                  /* @__PURE__ */ e("span", { className: "cteditor-text-foreground/30", children: "px" })
+                ] })
+              ] }),
+              /* @__PURE__ */ a("div", { className: "cteditor-flex cteditor-items-baseline cteditor-justify-between cteditor-gap-3 cteditor-py-2 cteditor-px-3 cteditor-border-t cteditor-border-foreground/5", children: [
+                /* @__PURE__ */ e("span", { className: "cteditor-text-[11px] cteditor-text-foreground/50 cteditor-whitespace-nowrap", children: "Aspect ratio" }),
+                /* @__PURE__ */ e("span", { className: "cteditor-font-mono cteditor-text-[13px] cteditor-text-foreground/90 cteditor-whitespace-nowrap cteditor-text-right", children: E === "freeform" ? "Freeform" : E === "original" ? "Original" : E })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "cteditor-border-t cteditor-border-foreground/5 cteditor-pt-3.5 cteditor-px-4 cteditor-pb-4 cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-mt-4", children: [
+            /* @__PURE__ */ a(
+              Ie,
+              {
+                onClick: () => {
+                  P("freeform"), Ce(null);
+                },
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ e(mt, { strokeWidth: 1.85, className: "!cteditor-size-4" }),
+                  /* @__PURE__ */ e("span", { children: "Reset" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "cteditor-flex-1" }),
+            /* @__PURE__ */ e(
+              Ie,
+              {
+                onClick: () => c(!1),
+                variant: "outline",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              Ie,
+              {
+                onClick: Le,
+                children: "Apply"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+const Pe = /* @__PURE__ */ new Set(), at = lr("RIGHT_CLICK_IMAGE_COMMAND");
+function Hr(r) {
+  if (!Pe.has(r))
+    throw new Promise((c) => {
+      const u = new Image();
+      u.src = r, u.onload = () => {
+        Pe.add(r), c(null);
+      }, u.onerror = () => {
+        Pe.add(r);
+      };
+    });
+}
+function Yr({
+  altText: r,
+  className: c,
+  imageRef: u,
+  src: p,
+  width: N,
+  height: y,
+  maxWidth: q,
+  onError: E,
+  onLoad: P
+}) {
+  Hr(p);
+  const K = typeof N == "number", W = typeof y == "number", x = K && W, w = K ? N : "auto", f = W ? y : "auto";
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      className: c || void 0,
+      src: p,
+      alt: r,
+      ref: u,
+      style: x ? {
+        width: w,
+        height: "auto",
+        aspectRatio: `${w} / ${f}`,
+        maxWidth: "100%"
+      } : K ? {
+        // Only width known (e.g. bogus height stripped from source HTML):
+        // fix the width and let the browser compute height naturally.
+        width: w,
+        height: "auto",
+        maxWidth: "100%"
+      } : W ? {
+        // Only height known: fix height, let browser compute width.
+        width: "auto",
+        height: f,
+        maxWidth: "100%"
+      } : {
+        // No dimensions specified - use original image size.
+        height: "auto"
+      },
+      onError: E,
+      onLoad: P,
+      draggable: "false"
+    }
+  );
+}
+function jr() {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    }
+  );
+}
+function Br(r, c = 12e3) {
+  return new Promise((u, p) => {
+    const N = new Image();
+    let y = !1;
+    const q = window.setTimeout(() => {
+      y || (y = !0, p(new Error("Image load timeout")));
+    }, c);
+    N.onload = () => {
+      y || (y = !0, window.clearTimeout(q), u());
+    }, N.onerror = () => {
+      y || (y = !0, window.clearTimeout(q), p(new Error("Image failed to load")));
+    }, N.src = r;
+  });
+}
+function mi({
+  src: r,
+  altText: c,
+  nodeKey: u,
+  width: p,
+  height: N,
+  maxWidth: y,
+  resizable: q,
+  showCaption: E,
+  caption: P,
+  captionsEnabled: K,
+  originalPrompt: W,
+  position: x = "none",
+  linkUrl: w
+}) {
+  const f = X(null), D = X(null), [o, z, k] = Gt(u), [A, le] = v(!1), pe = X(!1), { isCollabActive: ye } = _t(), [l] = Ft(), [O, Ce] = v(null), ue = X(null), [Z, Ne] = v(!1), Le = Ut(), [n, h] = v(!1), C = "cteditor-absolute cteditor-flex cteditor-items-center cteditor-gap-1 z-10 cteditor-text-foreground cteditor-bg-accent cteditor-border cteditor-border-foreground/10 cteditor-rounded-lg cteditor-shadow-md cteditor-p-1 cteditor-h-10 cteditor-w-max", s = "cteditor-h-7 cteditor-w-7 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md hover:cteditor-bg-foreground/10 cteditor-transition-all", b = "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5", L = "cteditor-bg-foreground/10 cteditor-text-foreground cteditor-font-medium", S = "cteditor-text-foreground/80 hover:cteditor-text-foreground", [ie, V] = v(""), [_, oe] = v(!1), [ee, F] = v(!1), [M, ne] = v(""), [be, H] = v(""), [J, ve] = v(!1), ae = X(null), [Ae, gt] = v(0), [ft, Te] = v(!1), Ge = X(null), [pt, ke] = v(null), [We, Re] = v(!1), [qe, Ve] = v(!1), me = X(null), Se = hr()?.apiKey, ze = Ae > 0 && Ae < 350;
+  ot(() => {
+    if (!o || !ge(O) || Z) {
+      ke(null);
+      return;
+    }
+    const t = Ge.current, i = l.getRootElement(), d = t?.parentElement;
+    if (!t || !i || !d) {
+      ke(null);
+      return;
+    }
+    const m = i.getBoundingClientRect(), g = d.getBoundingClientRect(), $ = t.getBoundingClientRect(), T = 8, U = $.width;
+    if (U <= 0) {
+      ke(null);
+      return;
+    }
+    if (ze) {
+      const he = g.left + g.width / 2 - U / 2, Q = Math.max(m.left + T, Math.min(he, m.right - T - U));
+      ke({
+        left: Q - g.left,
+        bottom: 0,
+        right: "auto",
+        transform: "translateY(100%) translateY(4px)"
+      });
+    } else {
+      const he = g.right - T - U, Q = Math.max(m.left + T, Math.min(he, m.right - T - U));
+      ke({
+        left: Q - g.left,
+        top: T,
+        right: "auto"
+      });
+    }
+  }, [o, O, Z, ze, l, Ae]), G(() => {
+    if (f.current) {
+      const t = () => {
+        pe.current || f.current && gt(f.current.offsetWidth);
+      };
+      t();
+      const i = new ResizeObserver(t);
+      return i.observe(f.current), () => i.disconnect();
+    }
+  }, [p, N, o]), ot(() => {
+    if ((x === "left" || x === "right") && typeof p == "number" && f.current) {
+      const t = f.current.closest(".editor-image"), i = t?.parentElement, d = l.getRootElement(), m = d ? d.getBoundingClientRect().width : p + 32, g = `${Math.min(p + 32, m)}px`;
+      return t && (t.style.removeProperty("display"), t.style.setProperty("max-width", g, "important")), i && i.style.setProperty("max-width", g, "important"), () => {
+        t && (t.style.removeProperty("max-width"), t.style.removeProperty("display")), i && i.style.removeProperty("max-width");
+      };
+    }
+  }, [x, p, l]);
+  const Oe = R(
+    (t) => {
+      const i = ce();
+      return o && ge(i) && (t.preventDefault(), l.update(() => {
+        i.getNodes().forEach((m) => {
+          if (re(m)) {
+            const g = m.getParent();
+            m.remove(), g && Ke(g) && g.getChildrenSize() === 0 && g.setFormat("left");
+          }
+        });
+      })), !1;
+    },
+    [l, o]
+  ), Je = R(
+    (t) => {
+      const i = ce(), d = D.current;
+      if (o && ge(i) && i.getNodes().length === 1) {
+        if (E)
+          return we(null), t.preventDefault(), P.focus(), !0;
+        if (d !== null && d !== document.activeElement)
+          return t.preventDefault(), d.focus(), !0;
+      }
+      return !1;
+    },
+    [P, o, E]
+  ), Qe = R(
+    (t) => ue.current === P || D.current === t.target ? (we(null), l.update(() => {
+      z(!0);
+      const i = l.getRootElement();
+      i !== null && i.focus();
+    }), !0) : !1,
+    [P, l, z]
+  ), _e = R(
+    (t) => {
+      const i = t;
+      if (A)
+        return !0;
+      const d = i.target;
+      if (d.closest("button") && f.current && d.closest(".editor-image") === f.current.closest(".editor-image"))
+        return !0;
+      const m = d === f.current;
+      let g = !1;
+      if (!m && f.current) {
+        const $ = f.current.getBoundingClientRect();
+        g = i.clientX >= $.left && i.clientX <= $.right && i.clientY >= $.top && i.clientY <= $.bottom;
+      }
+      return m || g ? (i.shiftKey ? z(!o) : (k(), z(!0)), !0) : !1;
+    },
+    [A, o, z, k]
+  ), Fe = R(
+    (t) => {
+      l.getEditorState().read(() => {
+        const i = ce();
+        t.target.tagName === "IMG" && Qt(i) && i.getNodes().length === 1 && l.dispatchCommand(
+          at,
+          t
+        );
+      });
+    },
+    [l]
+  );
+  G(() => {
+    let t = !0;
+    const i = l.getRootElement(), d = qt(
+      l.registerUpdateListener(({ editorState: m }) => {
+        t && Ce(m.read(() => ce()));
+      }),
+      l.registerCommand(
+        Zt,
+        (m, g) => (ue.current = g, !1),
+        de
+      ),
+      l.registerCommand(
+        er,
+        _e,
+        de
+      ),
+      l.registerCommand(
+        at,
+        _e,
+        de
+      ),
+      l.registerCommand(
+        tr,
+        (m) => m.target === f.current ? (m.preventDefault(), !0) : !1,
+        de
+      ),
+      l.registerCommand(
+        rr,
+        Oe,
+        de
+      ),
+      l.registerCommand(
+        ir,
+        Oe,
+        de
+      ),
+      l.registerCommand(or, Je, de),
+      l.registerCommand(
+        nr,
+        Qe,
+        de
+      )
+    );
+    return i?.addEventListener("contextmenu", Fe), () => {
+      t = !1, d(), i?.removeEventListener("contextmenu", Fe);
+    };
+  }, [
+    k,
+    l,
+    A,
+    o,
+    u,
+    Oe,
+    Je,
+    Qe,
+    _e,
+    Fe,
+    z
+  ]);
+  const bt = () => {
+    l.update(() => {
+      const t = se(u);
+      re(t) && t.setShowCaption(!0);
+    });
+  }, xt = (t, i) => {
+    pe.current = !1, setTimeout(() => {
+      le(!1);
+    }, 200), l.update(() => {
+      const d = se(u);
+      re(d) && d.setWidthAndHeight(t, i);
+    });
+  }, wt = () => {
+    pe.current = !0, le(!0);
+  }, yt = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), r.startsWith("data:")) {
+      const i = window.open("", "_blank");
+      i && (i.document.write(`
+          <!DOCTYPE html>
+          <html>
+            <head>
+              <title>${c || "Image"}</title>
+              <style>
+                body {
+                  margin: 0;
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  min-height: 100vh;
+                  background-color: #1a1a1a;
+                }
+                img {
+                  max-width: 100%;
+                  max-height: 100vh;
+                  object-fit: contain;
+                }
+              </style>
+            </head>
+            <body>
+              <img src="${r}" alt="${c || "Image"}" />
+            </body>
+          </html>
+        `), i.document.close());
+    } else
+      window.open(r, "_blank");
+  }, Ct = (t) => {
+    t.preventDefault(), t.stopPropagation(), l.update(() => {
+      const i = se(u);
+      if (re(i)) {
+        const d = i.getParent();
+        i.remove(), d && Ke(d) && d.getChildrenSize() === 0 && d.setFormat("left");
+      }
+    });
+  }, xe = (t, i) => {
+    t.preventDefault(), t.stopPropagation(), l.update(() => {
+      const d = se(u);
+      if (re(d)) {
+        d.setPosition(i);
+        const m = d.getParent();
+        m && Ke(m) && (i === "left" ? m.setFormat("left") : i === "right" ? m.setFormat("right") : m.setFormat(""));
+      }
+    });
+  }, Nt = (t) => {
+    t.preventDefault(), t.stopPropagation(), h(!n);
+  }, vt = R((t) => {
+    t.preventDefault(), t.stopPropagation(), Te(!0);
+  }, []), kt = R(
+    (t) => {
+      t.preventDefault(), t.stopPropagation();
+      const i = Ee(r);
+      if (!(fe(r) && r !== i) && !(typeof p == "number" || typeof N == "number"))
+        return;
+      l.update(
+        () => {
+          const $ = se(u);
+          if (!re($)) return;
+          $.setSrc(i), $.setWidthAndHeight("inherit", "inherit");
+          const T = ce();
+          T && we(T.clone());
+        },
+        { tag: "image-reset" }
+      );
+      const g = f.current;
+      g && requestAnimationFrame(() => {
+        g.src = i, g.style.removeProperty("width"), g.style.removeProperty("height");
+      }), I.success("Image reset to original size and crop");
+    },
+    [l, u, r, p, N]
+  ), Rt = R(
+    async (t) => {
+      let i = r;
+      if (fe(r))
+        i = Ee(r);
+      else {
+        if (!Se) {
+          I.error("API key is required to upload and crop external images.");
+          return;
+        }
+        const m = I.loading("Uploading image…");
+        try {
+          i = (await gr.post(
+            fr.project.fileUploadFromUrl,
+            { url: r, prefix: "uploads" },
+            { headers: { "x-api-key": Se } }
+          )).data.fileUrl, I.dismiss(m);
+        } catch {
+          I.dismiss(m), I.error("Failed to upload image. Try again.");
+          return;
+        }
+      }
+      const d = _r(i, t);
+      if (d === i) {
+        I.error("Cropping is only supported for images hosted on the CDN.");
+        return;
+      }
+      Re(!0), me.current = d;
+      try {
+        await Br(d), Pe.add(d), l.update(() => {
+          const m = se(u);
+          if (!re(m)) return;
+          m.setSrc(d), m.setWidthAndHeight(t.width, t.height);
+          const g = ce();
+          g && we(g.clone());
+        }), I.success("Image cropped");
+      } catch {
+        me.current = null, Re(!1), I.error("Crop failed to load. Showing original image.");
+      }
+    },
+    [l, u, r, Se]
+  ), Et = R(() => {
+    w && !o && (ae.current = setTimeout(() => {
+      ve(!0);
+    }, 300));
+  }, [w, o]), It = R(() => {
+    ae.current && (clearTimeout(ae.current), ae.current = null), ve(!1);
+  }, []), Ze = R((t) => {
+    t.preventDefault(), t.stopPropagation(), w && window.open(w, "_blank", "noopener,noreferrer");
+  }, [w]);
+  G(() => () => {
+    ae.current && clearTimeout(ae.current);
+  }, []), G(() => {
+    o || Te(!1);
+  }, [o]), G(() => {
+    Ne(!1), Ve(!1);
+  }, [r]);
+  const et = async () => {
+    if (!ie.trim() || _) return;
+    oe(!0);
+    const t = I.loading("Refining image...", {
+      description: "This may take 10-30 seconds. Please wait."
+    });
+    try {
+      let i = ie.trim();
+      const m = ie.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim(), g = (Q) => {
+        const je = Q.toLowerCase();
+        return [
+          "article",
+          "write",
+          "blog",
+          "post",
+          "essay",
+          "content",
+          "generate an article",
+          "create an article",
+          "write about",
+          "and add some pictures",
+          "with pictures",
+          "with images",
+          "add some images",
+          "include images",
+          "include pictures"
+        ].some(($e) => je.includes($e));
+      };
+      let $ = "";
+      if (W && W.trim()) {
+        const Q = W.trim();
+        g(Q) && c && c !== "Generated image" && c.trim() ? $ = c.trim() : $ = Q;
+      } else c && c !== "Generated image" && c.trim() && ($ = c.trim());
+      $ ? i = `${$} with ${m}` : i = m;
+      const T = await fetch(`${$r}/agent/stream`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          type: "general",
+          query: `Generate Image: ${i}`,
+          model: "openai",
+          api_key: Se || ""
+        })
+      });
+      if (!T.ok)
+        throw new Error(`Image service error: ${T.status}`);
+      const U = T.body?.getReader(), Ye = new TextDecoder();
+      if (!U) throw new Error("Stream reader not available");
+      let he = null;
+      e: for (; ; ) {
+        const { done: Q, value: je } = await U.read();
+        if (Q) break;
+        const rt = Ye.decode(je, { stream: !0 }).split(`
+`);
+        for (const $e of rt) {
+          if (!$e.startsWith("data: ")) continue;
+          const Be = $e.slice(6).trim();
+          if (!(!Be || Be === "[DONE]"))
+            try {
+              const te = JSON.parse(Be);
+              if (te.type === "image_ready") {
+                he = te.url, U.cancel();
+                break e;
+              } else {
+                if (te.type === "image_failed")
+                  throw U.cancel(), new Error(te.error || "Image generation failed");
+                if (te.type === "error")
+                  throw U.cancel(), new Error(te.message || "Image generation failed");
+              }
+            } catch (te) {
+              if (te instanceof SyntaxError) continue;
+              throw te;
+            }
+        }
+      }
+      if (!he)
+        throw new Error("Failed to generate image - no image received");
+      I.dismiss(t), I.success("Image refined successfully!", {
+        description: "Compare the images and choose which to keep."
+      }), ne(he), H(i), F(!0), V(""), h(!1);
+    } catch (i) {
+      if (I.dismiss(t), i instanceof Mr) {
+        const d = i.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+        I.error(d, {
+          description: i.message,
+          duration: 8e3
+        });
+      } else i instanceof Dr ? I.error("Credits Issue", {
+        description: i.message,
+        duration: 8e3
+      }) : I.error("Failed to refine image", {
+        description: i instanceof Error ? i.message : "Unknown error. Please try again."
+      });
+    } finally {
+      oe(!1);
+    }
+  }, Pt = () => {
+    l.update(() => {
+      const t = se(u);
+      if (re(t)) {
+        t.setSrc(M), t.setOriginalPrompt(be);
+        const i = ce();
+        i && we(i.clone());
+      }
+    }), F(!1), ne(""), H(""), I.success("Image replaced successfully!", {
+      description: "The image has been updated with the refined version."
+    });
+  }, St = () => {
+    F(!1), ne(""), H("");
+  }, $t = o && ge(O) && !A, tt = (o || A) && Le, He = Ee(r), Mt = R(() => {
+    me.current && r === me.current && (Pe.add(r), me.current = null, Re(!1));
+  }, [r]), Dt = R(() => {
+    if (!qe && fe(r) && r !== He) {
+      Ve(!0), Ne(!1), Re(!1), me.current = null, l.update(() => {
+        const i = se(u);
+        if (!re(i)) return;
+        i.setSrc(He);
+        const d = ce();
+        d && we(d.clone());
+      }), I.error("Cropped image failed. Showing original image instead.");
+      return;
+    }
+    Re(!1), me.current = null, Ne(!0);
+  }, [qe, r, He, l, u]), Lt = () => x === "left" || x === "right" ? {
+    position: "relative",
+    display: "block",
+    width: "100%"
+    // Fill the floated container
+  } : x === "full" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : x === "inline-left" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    marginRight: "auto"
+  } : x === "inline-center" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : x === "inline-right" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    marginLeft: "auto"
+  } : {
+    position: "relative",
+    display: "inline-block"
+  }, At = R(
+    (t) => {
+      if (A || t.target.closest("button"))
+        return;
+      const d = t.target === f.current;
+      let m = !1;
+      if (!d && f.current) {
+        const g = f.current.getBoundingClientRect();
+        m = t.clientX >= g.left && t.clientX <= g.right && t.clientY >= g.top && t.clientY <= g.bottom;
+      }
+      !d && !m || (t.stopPropagation(), t.shiftKey ? z(!o) : (k(), z(!0)));
+    },
+    [A, o, z, k]
+  );
+  return /* @__PURE__ */ e(ur, { fallback: null, children: /* @__PURE__ */ a(Me, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        draggable: $t,
+        style: Lt(),
+        onClick: At,
+        onMouseEnter: Et,
+        onMouseLeave: It,
+        children: [
+          Z ? /* @__PURE__ */ e(jr, {}) : /* @__PURE__ */ e(
+            Yr,
+            {
+              className: tt ? `focused ${ge(O) ? "draggable" : ""}` : w ? "cteditor-cursor-pointer" : null,
+              src: r,
+              altText: c,
+              imageRef: f,
+              width: p,
+              height: N,
+              maxWidth: y,
+              onLoad: Mt,
+              onError: Dt
+            }
+          ),
+          We && !Z && /* @__PURE__ */ a("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-rounded-lg cteditor-bg-background/50 cteditor-backdrop-blur-[1px] cteditor-pointer-events-none", children: [
+            /* @__PURE__ */ e(pr, { className: "cteditor-w-10 cteditor-h-10 cteditor-text-foreground cteditor-animate-spin cteditor-mb-2", "aria-hidden": !0 }),
+            /* @__PURE__ */ e("span", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground", children: "Applying crop..." })
+          ] }),
+          J && w && !o && /* @__PURE__ */ a(
+            "div",
+            {
+              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background cteditor-rounded-lg cteditor-shadow-lg cteditor-border cteditor-border-border cteditor-p-2 cteditor-flex cteditor-items-center cteditor-gap-2",
+              style: { zIndex: 10 },
+              children: [
+                /* @__PURE__ */ e(Tr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: w }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: Ze,
+                    className: "cteditor-px-2 cteditor-py-1.5 cteditor-text-xs cteditor-rounded cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-colors cteditor-flex-shrink-0",
+                    children: "Open"
+                  }
+                )
+              ]
+            }
+          ),
+          o && ge(O) && !Z && !We && /* @__PURE__ */ e(br, { delayDuration: 300, children: /* @__PURE__ */ a(
+            "div",
+            {
+              ref: Ge,
+              className: C,
+              style: pt ?? (ze ? { left: "50%", transform: "translateX(-50%) translateY(100%) translateY(4px)", bottom: 0 } : { top: 8, right: 8 }),
+              children: [
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "left"),
+                      className: `${s} ${x === "left" ? L : S}`,
+                      "aria-label": "Wrap text left",
+                      children: /* @__PURE__ */ e(xr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Wrap text left" })
+                ] }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "right"),
+                      className: `${s} ${x === "right" ? L : S}`,
+                      "aria-label": "Wrap text right",
+                      children: /* @__PURE__ */ e(wr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Wrap text right" })
+                ] }),
+                /* @__PURE__ */ e("div", { className: b }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "inline-left"),
+                      className: `${s} ${x === "inline-left" ? L : S}`,
+                      "aria-label": "Align left",
+                      children: /* @__PURE__ */ e(yr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Align left (no text wrap)" })
+                ] }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "inline-center"),
+                      className: `${s} ${x === "inline-center" || x === "full" ? L : S}`,
+                      "aria-label": "Align center",
+                      children: /* @__PURE__ */ e(Cr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Align center (no text wrap)" })
+                ] }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "inline-right"),
+                      className: `${s} ${x === "inline-right" ? L : S}`,
+                      "aria-label": "Align right",
+                      children: /* @__PURE__ */ e(Nr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Align right (no text wrap)" })
+                ] }),
+                /* @__PURE__ */ e("div", { className: b }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => xe(t, "none"),
+                      className: `${s} ${x === "none" ? L : S}`,
+                      "aria-label": "Inline",
+                      children: /* @__PURE__ */ e(vr, { className: "cteditor-w-4 cteditor-h-4" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Inline with text" })
+                ] }),
+                !r.startsWith("data:") && !r.toLowerCase().endsWith(".svg") && /* @__PURE__ */ a(Me, { children: [
+                  /* @__PURE__ */ e("div", { className: b }),
+                  /* @__PURE__ */ a(Y, { children: [
+                    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: vt,
+                        className: `${s} ${S}`,
+                        "aria-label": "Crop image",
+                        children: /* @__PURE__ */ e(Ar, { className: "cteditor-w-4 cteditor-h-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(B, { children: "Crop image" })
+                  ] }),
+                  (Ee(r) !== r || typeof p == "number" || typeof N == "number") && /* @__PURE__ */ a(Y, { children: [
+                    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: kt,
+                        className: `${s} ${S}`,
+                        "aria-label": "Reset image to original size and crop",
+                        children: /* @__PURE__ */ e(mt, { className: "cteditor-w-4 cteditor-h-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(B, { children: "Reset to original size and crop" })
+                  ] })
+                ] }),
+                w && /* @__PURE__ */ a(Me, { children: [
+                  /* @__PURE__ */ e("div", { className: b }),
+                  /* @__PURE__ */ a(Y, { children: [
+                    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: Ze,
+                        className: `${s} ${S}`,
+                        "aria-label": "Visit link",
+                        children: /* @__PURE__ */ e(kr, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(B, { children: [
+                      "Visit: ",
+                      w
+                    ] })
+                  ] })
+                ] }),
+                W && /* @__PURE__ */ a(Me, { children: [
+                  /* @__PURE__ */ e("div", { className: b }),
+                  /* @__PURE__ */ a(Y, { children: [
+                    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (t) => {
+                          t.stopPropagation(), Nt(t);
+                        },
+                        className: `cteditor-h-8 cteditor-px-2.5 cteditor-flex cteditor-items-center cteditor-gap-1 cteditor-rounded-md hover:cteditor-bg-foreground/10 cteditor-transition-colors ${S}`,
+                        "aria-label": "Refine image",
+                        children: [
+                          /* @__PURE__ */ e(Lr, { className: "cteditor-size-3.5" }),
+                          /* @__PURE__ */ e("span", { className: "cteditor-text-[11px] cteditor-font-medium", children: "AI" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(B, { children: "Refine image" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e("div", { className: b }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => {
+                        t.stopPropagation(), yt(t);
+                      },
+                      className: `${s} ${S}`,
+                      "aria-label": "Open image in new tab",
+                      children: /* @__PURE__ */ e(Rr, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Open in new tab" })
+                ] }),
+                /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => {
+                        t.stopPropagation(), Ct(t);
+                      },
+                      className: `${s} hover:cteditor-bg-red-500/10 hover:cteditor-text-red-500 cteditor-text-foreground/80`,
+                      "aria-label": "Delete image",
+                      children: /* @__PURE__ */ e(Er, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(B, { children: "Delete image" })
+                ] })
+              ]
+            }
+          ) }),
+          n && o && !Z && W && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background/85 cteditor-rounded-lg cteditor-shadow-xl cteditor-border cteditor-border-foreground/20 cteditor-p-3 cteditor-backdrop-blur-lg md:cteditor-min-w-80",
+              style: { zIndex: 10 },
+              onClick: (t) => t.stopPropagation(),
+              onKeyDown: (t) => t.stopPropagation(),
+              onKeyUp: (t) => t.stopPropagation(),
+              children: /* @__PURE__ */ a("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-2", children: [
+                /* @__PURE__ */ e("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "What else do you want in this scene?" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    value: ie,
+                    onChange: (t) => V(t.target.value),
+                    onKeyDown: (t) => {
+                      t.stopPropagation(), t.key === "Enter" && ie.trim() && !_ && et(), t.key === "Escape" && (h(!1), V(""));
+                    },
+                    onKeyUp: (t) => {
+                      t.stopPropagation();
+                    },
+                    onClick: (t) => {
+                      t.stopPropagation();
+                    },
+                    placeholder: "e.g., flying birds, golden sunset, stormy clouds...",
+                    className: "cteditor-w-full cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-border cteditor-border-foreground/10 focus:cteditor-border-foreground cteditor-rounded-md cteditor-bg-background cteditor-text-foreground ",
+                    disabled: _,
+                    autoFocus: !0
+                  }
+                ),
+                /* @__PURE__ */ a("div", { className: "cteditor-flex cteditor-gap-2 cteditor-justify-end", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => {
+                        t.stopPropagation(), et();
+                      },
+                      disabled: _ || !ie.trim(),
+                      className: " cteditor-px-5 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-foreground cteditor-text-background hover:cteditor-bg-foreground/95 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-background",
+                      children: _ ? /* @__PURE__ */ a("span", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2", children: [
+                        /* @__PURE__ */ e("span", { className: "cteditor-inline-block cteditor-w-4 cteditor-h-4 cteditor-border-2  cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }),
+                        "Refining..."
+                      ] }) : "Refine Image"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => {
+                        t.stopPropagation(), h(!1), V("");
+                      },
+                      disabled: _,
+                      className: "cteditor-size-9 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
+                      children: /* @__PURE__ */ e(Ir, { size: 16 })
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          q && ge(O) && tt && !We && /* @__PURE__ */ e(
+            Tt,
+            {
+              showCaption: E,
+              setShowCaption: bt,
+              editor: l,
+              buttonRef: D,
+              imageRef: f,
+              maxWidth: y,
+              onResizeStart: wt,
+              onResizeEnd: xt,
+              captionsEnabled: !Z && K
+            }
+          )
+        ]
+      }
+    ),
+    E && (c.startsWith("Signature by") ? /* @__PURE__ */ e(zr, { caption: P }) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: "image-caption-container",
+        style: {
+          width: typeof p == "number" ? `${p}px` : "100%",
+          maxWidth: "100%",
+          // Match the image's alignment
+          ...x === "inline-center" || x === "full" ? { margin: "0 auto" } : x === "inline-right" ? { marginLeft: "auto" } : x === "left" ? { float: "left", clear: "left" } : x === "right" ? { float: "right", clear: "right" } : {}
+        },
+        children: /* @__PURE__ */ a(
+          Bt,
+          {
+            initialEditor: P,
+            initialNodes: [
+              ar,
+              cr,
+              dr,
+              sr,
+              zt,
+              Wt
+            ],
+            children: [
+              /* @__PURE__ */ e(Ot, {}),
+              /* @__PURE__ */ e(
+                Kt,
+                {
+                  contentEditable: /* @__PURE__ */ e(
+                    Ht,
+                    {
+                      "aria-placeholder": "Enter a caption...",
+                      placeholder: () => /* @__PURE__ */ e("span", { className: "cteditor-text-xs cteditor-absolute cteditor-left-2 cteditor-top-[7px]", children: "Enter a caption..." }),
+                      className: " cteditor-outline-none !cteditor-shadow-none cteditor-bg-foreground/10 cteditor-border !cteditor-border-foreground/15 cteditor-py-1 cteditor-px-2 cteditor-rounded-sm cteditor-text-xs cteditor-relative"
+                    }
+                  ),
+                  ErrorBoundary: Yt
+                }
+              ),
+              /* @__PURE__ */ e(
+                Xt,
+                {
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(jt, {}),
+              /* @__PURE__ */ e(Pr, { namespace: Sr.namespace })
+            ]
+          }
+        )
+      }
+    )),
+    /* @__PURE__ */ e(
+      Fr,
+      {
+        open: ft,
+        onOpenChange: Te,
+        src: r,
+        altText: c,
+        width: p,
+        height: N,
+        onCropApply: Rt
+      }
+    ),
+    /* @__PURE__ */ e(
+      Wr,
+      {
+        open: ee,
+        onOpenChange: F,
+        oldImageUrl: r,
+        newImageUrl: M,
+        onReplace: Pt,
+        onCancel: St
+      }
+    )
+  ] }) });
+}
+export {
+  at as RIGHT_CLICK_IMAGE_COMMAND,
+  mi as default
+};