eddyter 1.4.15 → 1.4.17

package/dist/index-D25uusM-.js

@@ -0,0 +1,1430 @@
+import { jsx as e, jsxs as h, Fragment as Kt } from "react/jsx-runtime";
+import { I as Me } from "./ImageResizer-BVwxL4Eh.js";
+import { CodeNode as De } from "@lexical/code";
+import { LinkNode as Le } from "@lexical/link";
+import { AutoFocusPlugin as Ae } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext as ze } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext as $e } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as We } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as Te } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as Oe } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as _e } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as je } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as Fe } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as He } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as Ye } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as Be } from "@lexical/utils";
+import { $getRoot as qt, $isNodeSelection as st, $getSelection as tt, $isParagraphNode as _t, $setSelection as pt, $isRangeSelection as Xe, SELECTION_CHANGE_COMMAND as Ue, COMMAND_PRIORITY_LOW as et, CLICK_COMMAND as Ge, DRAGSTART_COMMAND as Ke, KEY_DELETE_COMMAND as qe, KEY_BACKSPACE_COMMAND as Ve, KEY_ENTER_COMMAND as Je, KEY_ESCAPE_COMMAND as Qe, $getNodeByKey as rt, RootNode as Ze, TextNode as tr, LineBreakNode as er, ParagraphNode as rr, createCommand as or } from "lexical";
+import { useState as C, useEffect as X, useRef as B, useMemo as Vt, useCallback as R, useLayoutEffect as Jt, Suspense as ir } from "react";
+import { c as Rt, D as oe, a as ie, b as ne, d as ce, e as ae, g as de, B as Qt, av as Pt, t as k, a6 as nr, q as cr, aw as V, ax as ar, ay as dr, az as sr, a8 as lr, a9 as ur, aa as mr, ab as gr, ac as hr, aA as fr, a4 as pr, S as br, aB as wr, aC as xr, X as yr, aD as Cr, aE as vr, l as Nr, aF as Rr, aG as kr } from "./index-CxOOJD40.js";
+import { S as Ir } from "./square-DrMKkLmP.js";
+const se = Rt("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 Er = Rt("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 Zt = Rt("RectangleHorizontal", [
+  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
+]);
+const te = Rt("RectangleVertical", [
+  ["rect", { width: "12", height: "20", x: "6", y: "2", rx: "2", key: "1oxtiu" }]
+]);
+const Pr = Rt("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" }]
+]), Sr = ({
+  open: o,
+  onOpenChange: c,
+  oldImageUrl: s,
+  newImageUrl: f,
+  onReplace: y,
+  onCancel: N
+}) => /* @__PURE__ */ e(oe, { open: o, onOpenChange: c, children: /* @__PURE__ */ h(ie, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ h(ne, { children: [
+    /* @__PURE__ */ h(ce, { className: "flex items-center gap-2 text-xl", children: [
+      /* @__PURE__ */ e("span", { className: "text-2xl", children: "🔄" }),
+      "Compare Images"
+    ] }),
+    /* @__PURE__ */ e(ae, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+  ] }),
+  /* @__PURE__ */ h("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ h("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ h("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: f,
+          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__ */ h("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__ */ h(de, { className: "gap-2", children: [
+    /* @__PURE__ */ e(
+      Qt,
+      {
+        variant: "outline",
+        onClick: N,
+        children: "Keep Original"
+      }
+    ),
+    /* @__PURE__ */ h(
+      Qt,
+      {
+        onClick: y,
+        className: "bg-blue-500 hover:bg-blue-600 text-white",
+        children: [
+          /* @__PURE__ */ e("span", { className: "mr-2", children: "✓" }),
+          "Replace Image"
+        ]
+      }
+    )
+  ] })
+] }) });
+function Mr({
+  caption: o
+}) {
+  const [c, s] = C(""), [f, y] = C("");
+  return X(() => ((() => {
+    const E = o.getEditorState().read(() => qt().getTextContent()).split(" • ");
+    s(E[0] || ""), y(E[1] || "");
+  })(), o.registerUpdateListener(({ editorState: $ }) => {
+    const M = $.read(() => qt().getTextContent()).split(" • ");
+    s(M[0] || ""), y(M[1] || "");
+  })), [o]), /* @__PURE__ */ e("div", { className: "signature-caption-container", children: /* @__PURE__ */ h("div", { className: "signature-caption-info", children: [
+    c && /* @__PURE__ */ e("span", { className: "signature-user-name", children: c }),
+    c && f && /* @__PURE__ */ e("span", { className: "signature-separator" }),
+    f && /* @__PURE__ */ e("span", { className: "signature-timestamp", children: f }),
+    !c && !f && /* @__PURE__ */ e("span", { children: "Signature" })
+  ] }) });
+}
+const Dr = "/transform-image/";
+function lt(o) {
+  if (!Pt || o.startsWith("data:") || o.toLowerCase().endsWith(".svg")) return !1;
+  try {
+    const c = new URL(o).origin, s = new URL(Pt).origin;
+    return c === s;
+  } catch {
+    return !1;
+  }
+}
+function le(o) {
+  if (!lt(o)) return null;
+  try {
+    const s = new URL(o).pathname.replace(/^\//, ""), f = "transform-image/";
+    return s.startsWith(f) ? s.slice(f.length) || null : s || null;
+  } catch {
+    return null;
+  }
+}
+function Lr(o, c) {
+  if (!lt(o)) return o;
+  const s = le(o);
+  if (!s) return o;
+  const f = `${c.x},${c.y},${c.width},${c.height}`;
+  return `${Pt.replace(/\/$/, "")}${Dr}${s}?crop=${f}`;
+}
+function ee(o) {
+  if (!lt(o)) return o;
+  try {
+    const c = new URL(o);
+    return c.searchParams.delete("crop"), c.toString();
+  } catch {
+    return o;
+  }
+}
+function vt(o) {
+  if (!lt(o)) return ee(o);
+  const c = le(o);
+  return c ? `${Pt.replace(/\/$/, "")}/${c}` : ee(o);
+}
+function Ar({
+  open: o,
+  onOpenChange: c,
+  src: s,
+  altText: f,
+  width: y,
+  height: N,
+  onCropApply: $
+}) {
+  const [E, M] = C("freeform"), [ot, W] = C(s), [w, I] = C(!1), x = B(null), J = B(null), [i, A] = C({ x: 0, y: 0, width: 0, height: 0 }), [v, D] = C({ x: 0, y: 0, width: 0, height: 0 }), it = B(null), ut = Vt(() => typeof y == "number" && typeof N == "number" && N > 0 ? y / N : i.width > 0 && i.height > 0 ? i.width / i.height : null, [i.height, i.width, N, y]), bt = Vt(() => {
+    switch (E) {
+      case "original":
+        return ut;
+      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;
+    }
+  }, [ut, E]), d = 24, z = R(
+    (n) => {
+      let { x: g, y: p, width: u, height: b } = n;
+      const j = i.width, mt = i.height;
+      return g = Math.max(0, Math.min(g, j - d)), p = Math.max(0, Math.min(p, mt - d)), u = Math.max(d, Math.min(u, j - g)), b = Math.max(d, Math.min(b, mt - p)), { x: g, y: p, width: u, height: b };
+    },
+    [i.height, i.width]
+  ), wt = R(
+    (n) => {
+      if (i.width <= 0 || i.height <= 0) return;
+      if (n == null) {
+        D({
+          x: 0,
+          y: 0,
+          width: i.width,
+          height: i.height
+        });
+        return;
+      }
+      const g = i.width * 0.9, p = i.height * 0.9;
+      let u = g, b = u / n;
+      b > p && (b = p, u = b * n), D(
+        z({
+          x: (i.width - u) / 2,
+          y: (i.height - b) / 2,
+          width: u,
+          height: b
+        })
+      );
+    },
+    [i.height, i.width, z]
+  ), nt = R(() => {
+    const n = x.current, g = J.current;
+    if (!n || !g) return;
+    let p = 0, u = 0, b = g;
+    for (; b && b !== n; )
+      p += b.offsetLeft, u += b.offsetTop, b = b.offsetParent;
+    A({
+      x: p,
+      y: u,
+      width: g.offsetWidth,
+      height: g.offsetHeight
+    });
+  }, []), U = R(
+    (n) => {
+      i.width <= 0 || i.height <= 0 || (n.preventDefault(), n.stopPropagation(), n.target.setPointerCapture?.(n.pointerId), it.current = {
+        mode: "move",
+        startX: n.clientX,
+        startY: n.clientY,
+        initialRect: { ...v }
+      });
+    },
+    [i.height, i.width, v]
+  ), xt = R(
+    (n, g) => {
+      i.width <= 0 || i.height <= 0 || (n.preventDefault(), n.stopPropagation(), n.target.setPointerCapture?.(n.pointerId), it.current = {
+        mode: g,
+        startX: n.clientX,
+        startY: n.clientY,
+        initialRect: { ...v }
+      });
+    },
+    [i.height, i.width, v]
+  ), St = R(async () => {
+    if (i.width <= 0 || i.height <= 0) {
+      c(!1);
+      return;
+    }
+    const n = J.current;
+    if (!n || !n.naturalWidth || !n.naturalHeight) {
+      k.error("Could not read image dimensions");
+      return;
+    }
+    const g = n.naturalWidth / i.width, p = n.naturalHeight / i.height, u = {
+      x: Math.max(0, Math.round(v.x * g)),
+      y: Math.max(0, Math.round(v.y * p)),
+      width: Math.max(1, Math.round(v.width * g)),
+      height: Math.max(1, Math.round(v.height * p)),
+      naturalWidth: n.naturalWidth,
+      naturalHeight: n.naturalHeight
+    };
+    u.width = Math.min(u.width, n.naturalWidth - u.x), u.height = Math.min(u.height, n.naturalHeight - u.y), c(!1), Promise.resolve($(u));
+  }, [i, v, $, c]);
+  return X(() => {
+    o && (A({ x: 0, y: 0, width: 0, height: 0 }), D({ x: 0, y: 0, width: 0, height: 0 }), I(!1), W(vt(s)));
+  }, [o, s]), X(() => {
+    if (!o) return;
+    const n = x.current;
+    if (!n) return;
+    const g = new ResizeObserver(() => {
+      nt();
+    });
+    g.observe(n);
+    const p = J.current;
+    p && g.observe(p);
+    const u = () => nt();
+    return window.addEventListener("resize", u), () => {
+      g.disconnect(), window.removeEventListener("resize", u);
+    };
+  }, [o, nt]), X(() => {
+    if (!o) return;
+    const n = (p) => {
+      const u = it.current;
+      if (!u) return;
+      p.preventDefault();
+      const b = p.clientX - u.startX, j = p.clientY - u.startY, mt = i.width, gt = i.height, Q = bt ?? null, { x: G, y: ct, width: T, height: K } = u.initialRect;
+      if (u.mode === "move") {
+        const ht = Math.max(0, mt - T), kt = Math.max(0, gt - K);
+        D(
+          z({
+            x: Math.max(0, Math.min(ht, G + b)),
+            y: Math.max(0, Math.min(kt, ct + j)),
+            width: T,
+            height: K
+          })
+        );
+        return;
+      }
+      const S = u.mode;
+      let O = G, Z = ct, F = T, H = K;
+      S.includes("e") && (F = T + b), S.includes("w") && (O = G + b, F = T - b), S.includes("s") && (H = K + j), S.includes("n") && (Z = ct + j, H = K - j), Q != null && Q > 0 && (S === "e" || S === "w" ? (H = F / Q, S.includes("n") && (Z = ct + K - H)) : S === "n" || S === "s" ? (F = H * Q, S.includes("w") && (O = G + T - F)) : (H = F / Q, S.includes("n") && (Z = ct + K - H), S.includes("w") && (O = G + T - F))), D(z({ x: O, y: Z, width: F, height: H }));
+    }, g = () => {
+      it.current = null;
+    };
+    return window.addEventListener("pointermove", n), window.addEventListener("pointerup", g), () => {
+      window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", g);
+    };
+  }, [
+    o,
+    i.width,
+    i.height,
+    bt,
+    z
+  ]), X(() => {
+    o && wt(bt);
+  }, [o, bt, i, wt]), /* @__PURE__ */ e(oe, { open: o, onOpenChange: c, children: /* @__PURE__ */ e(
+    ie,
+    {
+      className: "sm:cteditor-max-w-[860px] cteditor-max-w-[calc(100%-2rem)] cteditor-rounded-xl cteditor-overflow-hidden cteditor-p-0",
+      onClick: (n) => n.stopPropagation(),
+      onPointerDown: (n) => n.stopPropagation(),
+      children: /* @__PURE__ */ h("div", { className: "cteditor-grid md:cteditor-grid-cols-[1.4fr_320px]", children: [
+        /* @__PURE__ */ e("div", { className: "cteditor-bg-muted/20 cteditor-p-4 md:cteditor-p-6", children: /* @__PURE__ */ h(
+          "div",
+          {
+            ref: x,
+            className: "cteditor-relative cteditor-min-h-[340px] cteditor-rounded-lg cteditor-bg-black/70 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-select-none cteditor-touch-none",
+            children: [
+              /* @__PURE__ */ e("div", { className: "cteditor-overflow-hidden cteditor-rounded-lg cteditor-flex cteditor-items-center cteditor-justify-center cteditor-w-full", children: w ? /* @__PURE__ */ e("div", { className: "cteditor-text-sm cteditor-text-muted-foreground", children: "Failed to load image preview" }) : /* @__PURE__ */ e(
+                "img",
+                {
+                  ref: J,
+                  src: ot,
+                  alt: f || "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: () => {
+                    I(!1), nt();
+                  },
+                  onError: () => {
+                    I(!0);
+                  }
+                }
+              ) }),
+              i.width > 0 && i.height > 0 && !w && /* @__PURE__ */ h(
+                "div",
+                {
+                  className: "cteditor-absolute cteditor-border-2 cteditor-border-blue-500 cteditor-cursor-move cteditor-select-none",
+                  style: {
+                    left: i.x + v.x,
+                    top: i.y + v.y,
+                    width: v.width,
+                    height: v.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, g) => /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: "cteditor-border cteditor-border-white/30"
+                          },
+                          g
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "cteditor-absolute cteditor-inset-0 cteditor-pointer-events-auto",
+                        onPointerDown: U,
+                        "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, g, p, u]) => /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `cteditor-absolute cteditor-border-2 cteditor-border-white cteditor-bg-blue-500 cteditor-rounded-sm cteditor-pointer-events-auto cteditor-shadow ${g} ${p} ${u}`,
+                        onPointerDown: (b) => xt(b, n),
+                        "aria-label": `Resize ${n}`
+                      },
+                      n
+                    ))
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ h("div", { className: "cteditor-p-4 md:cteditor-p-5 cteditor-border-l cteditor-border-border cteditor-bg-background", children: [
+          /* @__PURE__ */ h(ne, { className: "cteditor-mb-4 cteditor-space-y-1", children: [
+            /* @__PURE__ */ e(ce, { children: "Crop" }),
+            /* @__PURE__ */ e(ae, { children: "Choose an aspect ratio and adjust the crop area, then click Apply." })
+          ] }),
+          /* @__PURE__ */ h("div", { className: "cteditor-space-y-4", children: [
+            /* @__PURE__ */ h("div", { children: [
+              /* @__PURE__ */ e("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-mb-2", children: "Aspect ratio" }),
+              /* @__PURE__ */ e("div", { className: "cteditor-grid cteditor-grid-cols-3 cteditor-gap-2", children: [
+                { id: "freeform", label: "Freeform", icon: se },
+                { id: "original", label: "Original", icon: nr },
+                { id: "1:1", label: "1:1", icon: Ir },
+                { id: "4:3", label: "4:3", icon: Zt },
+                { id: "16:9", label: "16:9", icon: Zt },
+                { id: "3:4", label: "3:4", icon: te },
+                { id: "9:16", label: "9:16", icon: te }
+              ].map((n) => {
+                const g = n.icon, p = E === n.id;
+                return /* @__PURE__ */ h(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      M(n.id);
+                    },
+                    className: `cteditor-h-20 cteditor-rounded-md cteditor-border cteditor-text-sm cteditor-transition-colors cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-gap-1.5 ${p ? "cteditor-border-primary cteditor-bg-primary/10 cteditor-text-primary" : "cteditor-border-border hover:cteditor-bg-accent"}`,
+                    children: [
+                      /* @__PURE__ */ e(g, { className: "cteditor-w-4 cteditor-h-4" }),
+                      /* @__PURE__ */ e("span", { children: n.label })
+                    ]
+                  },
+                  n.id
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ h("div", { className: "cteditor-rounded-md cteditor-border cteditor-border-border cteditor-p-3 cteditor-bg-muted/20 cteditor-space-y-2", children: [
+              /* @__PURE__ */ h("div", { children: [
+                /* @__PURE__ */ e("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-0.5", children: "Crop size" }),
+                /* @__PURE__ */ h("p", { className: "cteditor-text-sm cteditor-font-medium", children: [
+                  Math.round(v.width),
+                  " × ",
+                  Math.round(v.height),
+                  " px"
+                ] })
+              ] }),
+              /* @__PURE__ */ h("div", { children: [
+                /* @__PURE__ */ e("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-0.5", children: "Aspect ratio" }),
+                /* @__PURE__ */ e("p", { className: "cteditor-text-sm", children: E === "freeform" ? "Free" : E === "original" ? "Original" : E })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ h(de, { className: "cteditor-gap-2 cteditor-mt-4", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  M("freeform"), wt(null);
+                },
+                className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent cteditor-transition-colors",
+                children: "Reset"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => c(!1),
+                className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent cteditor-transition-colors",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: St,
+                className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-colors",
+                children: "Apply"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+const Nt = /* @__PURE__ */ new Set(), re = or("RIGHT_CLICK_IMAGE_COMMAND");
+function zr(o) {
+  if (!Nt.has(o))
+    throw new Promise((c) => {
+      const s = new Image();
+      s.src = o, s.onload = () => {
+        Nt.add(o), c(null);
+      }, s.onerror = () => {
+        Nt.add(o);
+      };
+    });
+}
+function $r({
+  altText: o,
+  className: c,
+  imageRef: s,
+  src: f,
+  width: y,
+  height: N,
+  maxWidth: $,
+  onError: E,
+  onLoad: M
+}) {
+  zr(f);
+  const ot = typeof y == "number", W = typeof N == "number", w = ot && W, I = ot ? y : "auto", x = W ? N : "auto";
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      className: c || void 0,
+      src: f,
+      alt: o,
+      ref: s,
+      style: w ? {
+        width: I,
+        height: "auto",
+        aspectRatio: `${I} / ${x}`,
+        maxWidth: "100%"
+      } : ot ? {
+        // Only width known (e.g. bogus height stripped from source HTML):
+        // fix the width and let the browser compute height naturally.
+        width: I,
+        height: "auto",
+        maxWidth: "100%"
+      } : W ? {
+        // Only height known: fix height, let browser compute width.
+        width: "auto",
+        height: x,
+        maxWidth: "100%"
+      } : {
+        // No dimensions specified - use original image size.
+        height: "auto"
+      },
+      onError: E,
+      onLoad: M,
+      draggable: "false"
+    }
+  );
+}
+function Wr() {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    }
+  );
+}
+function Tr(o, c = 12e3) {
+  return new Promise((s, f) => {
+    const y = new Image();
+    let N = !1;
+    const $ = window.setTimeout(() => {
+      N || (N = !0, f(new Error("Image load timeout")));
+    }, c);
+    y.onload = () => {
+      N || (N = !0, window.clearTimeout($), s());
+    }, y.onerror = () => {
+      N || (N = !0, window.clearTimeout($), f(new Error("Image failed to load")));
+    }, y.src = o;
+  });
+}
+function no({
+  src: o,
+  altText: c,
+  nodeKey: s,
+  width: f,
+  height: y,
+  maxWidth: N,
+  resizable: $,
+  showCaption: E,
+  caption: M,
+  captionsEnabled: ot,
+  originalPrompt: W,
+  position: w = "none",
+  linkUrl: I
+}) {
+  const x = B(null), J = B(null), [i, A, v] = Ye(s), [D, it] = C(!1), ut = B(!1), { isCollabActive: bt } = ze(), [d] = $e(), [z, wt] = C(null), nt = B(null), [U, xt] = C(!1), St = He(), [n, g] = C(!1), [p, u] = C(""), [b, j] = C(!1), [mt, gt] = C(!1), [Q, G] = C(""), [ct, T] = C(""), [K, S] = C(!1), O = B(null), [Z, F] = C(0), [H, ht] = C(!1), kt = B(null), [ue, yt] = C(null), [Mt, Ct] = C(!1), [jt, Ft] = C(!1), at = B(null), It = cr()?.apiKey, Dt = Z > 0 && Z < 350;
+  Jt(() => {
+    if (!i || !st(z) || U) {
+      yt(null);
+      return;
+    }
+    const t = kt.current, r = d.getRootElement(), a = t?.parentElement;
+    if (!t || !r || !a) {
+      yt(null);
+      return;
+    }
+    const l = r.getBoundingClientRect(), m = a.getBoundingClientRect(), P = t.getBoundingClientRect(), L = 8, _ = P.width;
+    if (_ <= 0) {
+      yt(null);
+      return;
+    }
+    if (Dt) {
+      const dt = m.left + m.width / 2 - _ / 2, Y = Math.max(l.left + L, Math.min(dt, l.right - L - _));
+      yt({
+        left: Y - m.left,
+        bottom: 0,
+        right: "auto",
+        transform: "translateY(100%) translateY(4px)"
+      });
+    } else {
+      const dt = m.right - L - _, Y = Math.max(l.left + L, Math.min(dt, l.right - L - _));
+      yt({
+        left: Y - m.left,
+        top: L,
+        right: "auto"
+      });
+    }
+  }, [i, z, U, Dt, d, Z]), X(() => {
+    if (x.current) {
+      const t = () => {
+        ut.current || x.current && F(x.current.offsetWidth);
+      };
+      t();
+      const r = new ResizeObserver(t);
+      return r.observe(x.current), () => r.disconnect();
+    }
+  }, [f, y, i]), Jt(() => {
+    if ((w === "left" || w === "right") && typeof f == "number" && x.current) {
+      const t = x.current.closest(".editor-image"), r = t?.parentElement, a = d.getRootElement(), l = a ? a.getBoundingClientRect().width : f + 32, m = `${Math.min(f + 32, l)}px`;
+      return t && (t.style.removeProperty("display"), t.style.setProperty("max-width", m, "important")), r && r.style.setProperty("max-width", m, "important"), () => {
+        t && (t.style.removeProperty("max-width"), t.style.removeProperty("display")), r && r.style.removeProperty("max-width");
+      };
+    }
+  }, [w, f, d]);
+  const Lt = R(
+    (t) => {
+      const r = tt();
+      return i && st(r) && (t.preventDefault(), d.update(() => {
+        r.getNodes().forEach((l) => {
+          if (V(l)) {
+            const m = l.getParent();
+            l.remove(), m && _t(m) && m.getChildrenSize() === 0 && m.setFormat("left");
+          }
+        });
+      })), !1;
+    },
+    [d, i]
+  ), Ht = R(
+    (t) => {
+      const r = tt(), a = J.current;
+      if (i && st(r) && r.getNodes().length === 1) {
+        if (E)
+          return pt(null), t.preventDefault(), M.focus(), !0;
+        if (a !== null && a !== document.activeElement)
+          return t.preventDefault(), a.focus(), !0;
+      }
+      return !1;
+    },
+    [M, i, E]
+  ), Yt = R(
+    (t) => nt.current === M || J.current === t.target ? (pt(null), d.update(() => {
+      A(!0);
+      const r = d.getRootElement();
+      r !== null && r.focus();
+    }), !0) : !1,
+    [M, d, A]
+  ), At = R(
+    (t) => {
+      const r = t;
+      if (D)
+        return !0;
+      const a = r.target;
+      if (a.closest("button") && x.current && a.closest(".editor-image") === x.current.closest(".editor-image"))
+        return !0;
+      const l = a === x.current;
+      let m = !1;
+      if (!l && x.current) {
+        const P = x.current.getBoundingClientRect();
+        m = r.clientX >= P.left && r.clientX <= P.right && r.clientY >= P.top && r.clientY <= P.bottom;
+      }
+      return l || m ? (r.shiftKey ? A(!i) : (v(), A(!0)), !0) : !1;
+    },
+    [D, i, A, v]
+  ), zt = R(
+    (t) => {
+      d.getEditorState().read(() => {
+        const r = tt();
+        t.target.tagName === "IMG" && Xe(r) && r.getNodes().length === 1 && d.dispatchCommand(
+          re,
+          t
+        );
+      });
+    },
+    [d]
+  );
+  X(() => {
+    let t = !0;
+    const r = d.getRootElement(), a = Be(
+      d.registerUpdateListener(({ editorState: l }) => {
+        t && wt(l.read(() => tt()));
+      }),
+      d.registerCommand(
+        Ue,
+        (l, m) => (nt.current = m, !1),
+        et
+      ),
+      d.registerCommand(
+        Ge,
+        At,
+        et
+      ),
+      d.registerCommand(
+        re,
+        At,
+        et
+      ),
+      d.registerCommand(
+        Ke,
+        (l) => l.target === x.current ? (l.preventDefault(), !0) : !1,
+        et
+      ),
+      d.registerCommand(
+        qe,
+        Lt,
+        et
+      ),
+      d.registerCommand(
+        Ve,
+        Lt,
+        et
+      ),
+      d.registerCommand(Je, Ht, et),
+      d.registerCommand(
+        Qe,
+        Yt,
+        et
+      )
+    );
+    return r?.addEventListener("contextmenu", zt), () => {
+      t = !1, a(), r?.removeEventListener("contextmenu", zt);
+    };
+  }, [
+    v,
+    d,
+    D,
+    i,
+    s,
+    Lt,
+    Ht,
+    Yt,
+    At,
+    zt,
+    A
+  ]);
+  const me = () => {
+    d.update(() => {
+      const t = rt(s);
+      V(t) && t.setShowCaption(!0);
+    });
+  }, ge = (t, r) => {
+    ut.current = !1, setTimeout(() => {
+      it(!1);
+    }, 200), d.update(() => {
+      const a = rt(s);
+      V(a) && a.setWidthAndHeight(t, r);
+    });
+  }, he = () => {
+    ut.current = !0, it(!0);
+  }, fe = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), o.startsWith("data:")) {
+      const r = window.open("", "_blank");
+      r && (r.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="${o}" alt="${c || "Image"}" />
+            </body>
+          </html>
+        `), r.document.close());
+    } else
+      window.open(o, "_blank");
+  }, pe = (t) => {
+    t.preventDefault(), t.stopPropagation(), d.update(() => {
+      const r = rt(s);
+      if (V(r)) {
+        const a = r.getParent();
+        r.remove(), a && _t(a) && a.getChildrenSize() === 0 && a.setFormat("left");
+      }
+    });
+  }, ft = (t, r) => {
+    t.preventDefault(), t.stopPropagation(), d.update(() => {
+      const a = rt(s);
+      if (V(a)) {
+        a.setPosition(r);
+        const l = a.getParent();
+        l && _t(l) && (r === "left" ? l.setFormat("left") : r === "right" ? l.setFormat("right") : l.setFormat(""));
+      }
+    });
+  }, be = (t) => {
+    t.preventDefault(), t.stopPropagation(), g(!n);
+  }, we = R((t) => {
+    t.preventDefault(), t.stopPropagation(), ht(!0);
+  }, []), xe = R(
+    (t) => {
+      t.preventDefault(), t.stopPropagation();
+      const r = vt(o);
+      if (!(lt(o) && o !== r) && !(typeof f == "number" || typeof y == "number"))
+        return;
+      d.update(
+        () => {
+          const P = rt(s);
+          if (!V(P)) return;
+          P.setSrc(r), P.setWidthAndHeight("inherit", "inherit");
+          const L = tt();
+          L && pt(L.clone());
+        },
+        { tag: "image-reset" }
+      );
+      const m = x.current;
+      m && requestAnimationFrame(() => {
+        m.src = r, m.style.removeProperty("width"), m.style.removeProperty("height");
+      }), k.success("Image reset to original size and crop");
+    },
+    [d, s, o, f, y]
+  ), ye = R(
+    async (t) => {
+      let r = o;
+      if (lt(o))
+        r = vt(o);
+      else {
+        if (!It) {
+          k.error("API key is required to upload and crop external images.");
+          return;
+        }
+        const l = k.loading("Uploading image…");
+        try {
+          r = (await ar.post(
+            dr.project.fileUploadFromUrl,
+            { url: o, prefix: "uploads" },
+            { headers: { "x-api-key": It } }
+          )).data.fileUrl, k.dismiss(l);
+        } catch {
+          k.dismiss(l), k.error("Failed to upload image. Try again.");
+          return;
+        }
+      }
+      const a = Lr(r, t);
+      if (a === r) {
+        k.error("Cropping is only supported for images hosted on the CDN.");
+        return;
+      }
+      Ct(!0), at.current = a;
+      try {
+        await Tr(a), Nt.add(a), d.update(() => {
+          const l = rt(s);
+          if (!V(l)) return;
+          l.setSrc(a), l.setWidthAndHeight(t.width, t.height);
+          const m = tt();
+          m && pt(m.clone());
+        }), k.success("Image cropped");
+      } catch {
+        at.current = null, Ct(!1), k.error("Crop failed to load. Showing original image.");
+      }
+    },
+    [d, s, o, It]
+  ), Ce = R(() => {
+    I && !i && (O.current = setTimeout(() => {
+      S(!0);
+    }, 300));
+  }, [I, i]), ve = R(() => {
+    O.current && (clearTimeout(O.current), O.current = null), S(!1);
+  }, []), Bt = R((t) => {
+    t.preventDefault(), t.stopPropagation(), I && window.open(I, "_blank", "noopener,noreferrer");
+  }, [I]);
+  X(() => () => {
+    O.current && clearTimeout(O.current);
+  }, []), X(() => {
+    i || ht(!1);
+  }, [i]), X(() => {
+    xt(!1), Ft(!1);
+  }, [o]);
+  const Xt = async () => {
+    if (!p.trim() || b) return;
+    j(!0);
+    const t = k.loading("Refining image...", {
+      description: "This may take 10-30 seconds. Please wait."
+    });
+    try {
+      let r = p.trim();
+      const l = p.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim(), m = (Y) => {
+        const Tt = Y.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((Et) => Tt.includes(Et));
+      };
+      let P = "";
+      if (W && W.trim()) {
+        const Y = W.trim();
+        m(Y) && c && c !== "Generated image" && c.trim() ? P = c.trim() : P = Y;
+      } else c && c !== "Generated image" && c.trim() && (P = c.trim());
+      P ? r = `${P} with ${l}` : r = l;
+      const L = await fetch(`${Nr}/agent/stream`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          type: "general",
+          query: `Generate Image: ${r}`,
+          model: "openai",
+          api_key: It || ""
+        })
+      });
+      if (!L.ok)
+        throw new Error(`Image service error: ${L.status}`);
+      const _ = L.body?.getReader(), Wt = new TextDecoder();
+      if (!_) throw new Error("Stream reader not available");
+      let dt = null;
+      t: for (; ; ) {
+        const { done: Y, value: Tt } = await _.read();
+        if (Y) break;
+        const Gt = Wt.decode(Tt, { stream: !0 }).split(`
+`);
+        for (const Et of Gt) {
+          if (!Et.startsWith("data: ")) continue;
+          const Ot = Et.slice(6).trim();
+          if (!(!Ot || Ot === "[DONE]"))
+            try {
+              const q = JSON.parse(Ot);
+              if (q.type === "image_ready") {
+                dt = q.url, _.cancel();
+                break t;
+              } else {
+                if (q.type === "image_failed")
+                  throw _.cancel(), new Error(q.error || "Image generation failed");
+                if (q.type === "error")
+                  throw _.cancel(), new Error(q.message || "Image generation failed");
+              }
+            } catch (q) {
+              if (q instanceof SyntaxError) continue;
+              throw q;
+            }
+        }
+      }
+      if (!dt)
+        throw new Error("Failed to generate image - no image received");
+      k.dismiss(t), k.success("Image refined successfully!", {
+        description: "Compare the images and choose which to keep."
+      }), G(dt), T(r), gt(!0), u(""), g(!1);
+    } catch (r) {
+      if (k.dismiss(t), r instanceof Rr) {
+        const a = r.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+        k.error(a, {
+          description: r.message,
+          duration: 8e3
+        });
+      } else r instanceof kr ? k.error("Credits Issue", {
+        description: r.message,
+        duration: 8e3
+      }) : k.error("Failed to refine image", {
+        description: r instanceof Error ? r.message : "Unknown error. Please try again."
+      });
+    } finally {
+      j(!1);
+    }
+  }, Ne = () => {
+    d.update(() => {
+      const t = rt(s);
+      if (V(t)) {
+        t.setSrc(Q), t.setOriginalPrompt(ct);
+        const r = tt();
+        r && pt(r.clone());
+      }
+    }), gt(!1), G(""), T(""), k.success("Image replaced successfully!", {
+      description: "The image has been updated with the refined version."
+    });
+  }, Re = () => {
+    gt(!1), G(""), T("");
+  }, ke = i && st(z) && !D, Ut = (i || D) && St, $t = vt(o), Ie = R(() => {
+    at.current && o === at.current && (Nt.add(o), at.current = null, Ct(!1));
+  }, [o]), Ee = R(() => {
+    if (!jt && lt(o) && o !== $t) {
+      Ft(!0), xt(!1), Ct(!1), at.current = null, d.update(() => {
+        const r = rt(s);
+        if (!V(r)) return;
+        r.setSrc($t);
+        const a = tt();
+        a && pt(a.clone());
+      }), k.error("Cropped image failed. Showing original image instead.");
+      return;
+    }
+    Ct(!1), at.current = null, xt(!0);
+  }, [jt, o, $t, d, s]), Pe = () => w === "left" || w === "right" ? {
+    position: "relative",
+    display: "block",
+    width: "100%"
+    // Fill the floated container
+  } : w === "full" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : w === "inline-left" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    marginRight: "auto"
+  } : w === "inline-center" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : w === "inline-right" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    marginLeft: "auto"
+  } : {
+    position: "relative",
+    display: "inline-block"
+  }, Se = R(
+    (t) => {
+      if (D || t.target.closest("button"))
+        return;
+      const a = t.target === x.current;
+      let l = !1;
+      if (!a && x.current) {
+        const m = x.current.getBoundingClientRect();
+        l = t.clientX >= m.left && t.clientX <= m.right && t.clientY >= m.top && t.clientY <= m.bottom;
+      }
+      !a && !l || (t.stopPropagation(), t.shiftKey ? A(!i) : (v(), A(!0)));
+    },
+    [D, i, A, v]
+  );
+  return /* @__PURE__ */ e(ir, { fallback: null, children: /* @__PURE__ */ h(Kt, { children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        draggable: ke,
+        style: Pe(),
+        onClick: Se,
+        onMouseEnter: Ce,
+        onMouseLeave: ve,
+        children: [
+          U ? /* @__PURE__ */ e(Wr, {}) : /* @__PURE__ */ e(
+            $r,
+            {
+              className: Ut ? `focused ${st(z) ? "draggable" : ""}` : I ? "cteditor-cursor-pointer" : null,
+              src: o,
+              altText: c,
+              imageRef: x,
+              width: f,
+              height: y,
+              maxWidth: N,
+              onLoad: Ie,
+              onError: Ee
+            }
+          ),
+          Mt && !U && /* @__PURE__ */ h("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(sr, { 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..." })
+          ] }),
+          K && I && !i && /* @__PURE__ */ h(
+            "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(Er, { 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: I }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: Bt,
+                    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"
+                  }
+                )
+              ]
+            }
+          ),
+          i && st(z) && !U && !Mt && /* @__PURE__ */ h(
+            "div",
+            {
+              ref: kt,
+              className: "cteditor-absolute cteditor-flex cteditor-gap-1 z-10 cteditor-text-foreground",
+              style: ue ?? (Dt ? { left: "50%", transform: "translateX(-50%) translateY(100%) translateY(4px)", bottom: 0 } : { top: 8, right: 8 }),
+              children: [
+                /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-accent cteditor-border cteditor-border-foreground/10 cteditor-rounded-md cteditor-shadow-md cteditor-p-0.5", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "left"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "left" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Wrap text left",
+                      title: "Wrap text left",
+                      children: /* @__PURE__ */ e(lr, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "right"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "right" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Wrap text right",
+                      title: "Wrap text right",
+                      children: /* @__PURE__ */ e(ur, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "inline-left"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "inline-left" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Align left",
+                      title: "Align left (no text wrap)",
+                      children: /* @__PURE__ */ e(mr, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "inline-center"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "inline-center" || w === "full" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Align center",
+                      title: "Align center (no text wrap)",
+                      children: /* @__PURE__ */ e(gr, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "inline-right"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "inline-right" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Align right",
+                      title: "Align right (no text wrap)",
+                      children: /* @__PURE__ */ e(hr, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => ft(t, "none"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${w === "none" ? "cteditor-bg-foreground/10" : ""}`,
+                      "aria-label": "Inline",
+                      title: "Inline with text",
+                      children: /* @__PURE__ */ e(fr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ e("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
+                  !o.startsWith("data:") && !o.toLowerCase().endsWith(".svg") && /* @__PURE__ */ h(Kt, { children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: we,
+                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded  hover:cteditor-bg-foreground/10 cteditor-transition-colors",
+                        "aria-label": "Crop image",
+                        title: "Crop image",
+                        children: /* @__PURE__ */ e(se, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                      }
+                    ),
+                    (vt(o) !== o || typeof f == "number" || typeof y == "number") && /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: xe,
+                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors",
+                        "aria-label": "Reset image to original size and crop",
+                        title: "Reset to original size and crop",
+                        children: /* @__PURE__ */ e(Pr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                      }
+                    )
+                  ] })
+                ] }),
+                I && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: Bt,
+                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/95 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
+                    "aria-label": "Visit link",
+                    title: `Visit: ${I}`,
+                    children: /* @__PURE__ */ e(pr, {})
+                  }
+                ),
+                W && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (t) => {
+                      t.stopPropagation(), be(t);
+                    },
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/90 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
+                    "aria-label": "Refine image",
+                    title: "Refine image",
+                    children: /* @__PURE__ */ e(br, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (t) => {
+                      t.stopPropagation(), fe(t);
+                    },
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/90 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
+                    "aria-label": "Open image in new tab",
+                    title: "Open in new tab",
+                    children: /* @__PURE__ */ e(wr, {})
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (t) => {
+                      t.stopPropagation(), pe(t);
+                    },
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
+                    "aria-label": "Delete image",
+                    title: "Delete image",
+                    children: /* @__PURE__ */ e(xr, {})
+                  }
+                )
+              ]
+            }
+          ),
+          n && i && !U && 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__ */ h("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: p,
+                    onChange: (t) => u(t.target.value),
+                    onKeyDown: (t) => {
+                      t.stopPropagation(), t.key === "Enter" && p.trim() && !b && Xt(), t.key === "Escape" && (g(!1), u(""));
+                    },
+                    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: b,
+                    autoFocus: !0
+                  }
+                ),
+                /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-gap-2 cteditor-justify-end", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (t) => {
+                        t.stopPropagation(), Xt();
+                      },
+                      disabled: b || !p.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: b ? /* @__PURE__ */ h("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(), g(!1), u("");
+                      },
+                      disabled: b,
+                      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(yr, { size: 16 })
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          $ && st(z) && Ut && !Mt && /* @__PURE__ */ e(
+            Me,
+            {
+              showCaption: E,
+              setShowCaption: me,
+              editor: d,
+              buttonRef: J,
+              imageRef: x,
+              maxWidth: N,
+              onResizeStart: he,
+              onResizeEnd: ge,
+              captionsEnabled: !U && ot
+            }
+          )
+        ]
+      }
+    ),
+    E && (c.startsWith("Signature by") ? /* @__PURE__ */ e(Mr, { caption: M }) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: "image-caption-container",
+        style: {
+          width: typeof f == "number" ? `${f}px` : "100%",
+          maxWidth: "100%",
+          // Match the image's alignment
+          ...w === "inline-center" || w === "full" ? { margin: "0 auto" } : w === "inline-right" ? { marginLeft: "auto" } : w === "left" ? { float: "left", clear: "left" } : w === "right" ? { float: "right", clear: "right" } : {}
+        },
+        children: /* @__PURE__ */ h(
+          _e,
+          {
+            initialEditor: M,
+            initialNodes: [
+              Ze,
+              tr,
+              er,
+              rr,
+              Le,
+              De
+            ],
+            children: [
+              /* @__PURE__ */ e(Ae, {}),
+              /* @__PURE__ */ e(
+                Fe,
+                {
+                  contentEditable: /* @__PURE__ */ e(
+                    We,
+                    {
+                      "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: Te
+                }
+              ),
+              /* @__PURE__ */ e(
+                je,
+                {
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(Oe, {}),
+              /* @__PURE__ */ e(Cr, { namespace: vr.namespace })
+            ]
+          }
+        )
+      }
+    )),
+    /* @__PURE__ */ e(
+      Ar,
+      {
+        open: H,
+        onOpenChange: ht,
+        src: o,
+        altText: c,
+        width: f,
+        height: y,
+        onCropApply: ye
+      }
+    ),
+    /* @__PURE__ */ e(
+      Sr,
+      {
+        open: mt,
+        onOpenChange: gt,
+        oldImageUrl: o,
+        newImageUrl: Q,
+        onReplace: Ne,
+        onCancel: Re
+      }
+    )
+  ] }) });
+}
+export {
+  re as RIGHT_CLICK_IMAGE_COMMAND,
+  no as default
+};