eddyter 1.3.63 → 1.3.64

package/dist/index-BL8HWCRw.js

@@ -0,0 +1,816 @@
+import { jsx as t, jsxs as n, Fragment as ot } from "react/jsx-runtime";
+import { I as it } from "./ImageResizer-CbtUYHip.js";
+import { CodeNode as xe } from "@lexical/code";
+import { LinkNode as Ce } from "@lexical/link";
+import { AutoFocusPlugin as nt } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext as ct } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext as at } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as ye } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as Ne } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as we } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as ve } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as Ee } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as ke } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as dt } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as st } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as lt } from "@lexical/utils";
+import { RootNode as Ie, TextNode as Re, LineBreakNode as Pe, ParagraphNode as Se, $getSelection as _, $isNodeSelection as L, $isParagraphNode as pe, $setSelection as Q, $isRangeSelection as mt, SELECTION_CHANGE_COMMAND as ut, COMMAND_PRIORITY_LOW as w, CLICK_COMMAND as gt, DRAGSTART_COMMAND as ft, KEY_DELETE_COMMAND as pt, KEY_BACKSPACE_COMMAND as ht, KEY_ENTER_COMMAND as bt, KEY_ESCAPE_COMMAND as xt, createCommand as Ct, $getNodeByKey as $ } from "lexical";
+import { useRef as G, useState as f, useEffect as U, useCallback as C, Suspense as yt } from "react";
+import { a as Nt, D as wt, b as vt, d as Et, e as kt, f as It, h as Rt, B as he, L as De, i as Ae, u as Pt, $ as M, W as St, j as Dt, A as At, k as Lt, l as Mt, T as Ot, m as _t, S as $t, E as zt, n as Wt, t as v, o as jt, p as Kt, C as Tt } from "./index-FZVNbwSO.js";
+const Bt = Nt("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" }]
+]), Gt = ({
+  open: l,
+  onOpenChange: c,
+  oldImageUrl: u,
+  newImageUrl: b,
+  onReplace: y,
+  onCancel: N
+}) => /* @__PURE__ */ t(wt, { open: l, onOpenChange: c, children: /* @__PURE__ */ n(vt, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ n(Et, { children: [
+    /* @__PURE__ */ n(kt, { className: "flex items-center gap-2 text-xl", children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl", children: "🔄" }),
+      "Compare Images"
+    ] }),
+    /* @__PURE__ */ t(It, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+  ] }),
+  /* @__PURE__ */ n("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Refined Image" }),
+        /* @__PURE__ */ t("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__ */ t("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__ */ t(
+        "img",
+        {
+          src: b,
+          alt: "Refined",
+          className: "w-full h-full object-contain"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ n("p", { className: "text-sm text-blue-800 dark:text-blue-200", children: [
+      /* @__PURE__ */ t("span", { className: "font-semibold", children: "Note:" }),
+      ' Clicking "Replace" will update the image in your document. This action cannot be undone.'
+    ] }) })
+  ] }),
+  /* @__PURE__ */ n(Rt, { className: "gap-2", children: [
+    /* @__PURE__ */ t(
+      he,
+      {
+        variant: "outline",
+        onClick: N,
+        children: "Keep Original"
+      }
+    ),
+    /* @__PURE__ */ n(
+      he,
+      {
+        onClick: y,
+        className: "bg-blue-500 hover:bg-blue-600 text-white",
+        children: [
+          /* @__PURE__ */ t("span", { className: "mr-2", children: "✓" }),
+          "Replace Image"
+        ]
+      }
+    )
+  ] })
+] }) });
+function Yt({
+  caption: l
+}) {
+  return /* @__PURE__ */ t("div", { className: "signature-caption-container", children: /* @__PURE__ */ n(
+    ve,
+    {
+      initialEditor: l,
+      initialNodes: [
+        Ie,
+        Re,
+        Pe,
+        Se,
+        Ce,
+        xe
+      ],
+      children: [
+        /* @__PURE__ */ t(
+          ke,
+          {
+            contentEditable: /* @__PURE__ */ t(
+              ye,
+              {
+                "aria-placeholder": "Enter signature name...",
+                placeholder: /* @__PURE__ */ t("div", { style: {
+                  position: "absolute",
+                  top: "4px",
+                  left: "8px",
+                  right: "8px",
+                  textAlign: "center",
+                  pointerEvents: "none",
+                  color: "hsla(var(--cteditorf47ac10b-foreground) / 0.4)",
+                  fontStyle: "italic"
+                }, children: "Enter signature name..." }),
+                className: "signature-caption-editable"
+              }
+            ),
+            ErrorBoundary: Ne
+          }
+        ),
+        /* @__PURE__ */ t(Ee, { onChange: () => {
+        } }),
+        /* @__PURE__ */ t(we, {}),
+        /* @__PURE__ */ t(De, { namespace: Ae.namespace })
+      ]
+    }
+  ) });
+}
+const Z = /* @__PURE__ */ new Set(), be = Ct("RIGHT_CLICK_IMAGE_COMMAND");
+function Ft(l) {
+  if (!Z.has(l))
+    throw new Promise((c) => {
+      const u = new Image();
+      u.src = l, u.onload = () => {
+        Z.add(l), c(null);
+      }, u.onerror = () => {
+        Z.add(l);
+      };
+    });
+}
+function Ht({
+  altText: l,
+  className: c,
+  imageRef: u,
+  src: b,
+  width: y,
+  height: N,
+  maxWidth: ee,
+  onError: I
+}) {
+  return Ft(b), /* @__PURE__ */ t(
+    "img",
+    {
+      className: c || void 0,
+      src: b,
+      alt: l,
+      ref: u,
+      style: typeof y == "number" && typeof N == "number" ? {
+        // User has set a numeric size or original dimensions are provided
+        width: typeof y == "number" ? y : "auto",
+        height: typeof N == "number" ? N : "auto",
+        maxWidth: "100%"
+      } : {
+        // No dimensions specified - use original image size
+        maxWidth: "100%",
+        height: "auto"
+      },
+      onError: I,
+      draggable: "false"
+    }
+  );
+}
+function qt() {
+  return /* @__PURE__ */ t(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    }
+  );
+}
+function Cr({
+  src: l,
+  altText: c,
+  nodeKey: u,
+  width: b,
+  height: y,
+  maxWidth: N,
+  resizable: ee,
+  showCaption: I,
+  caption: E,
+  captionsEnabled: te,
+  originalPrompt: R,
+  position: a = "none",
+  linkUrl: p
+}) {
+  const g = G(null), Y = G(null), [s, x, O] = st(u), [k, re] = f(!1), { isCollabActive: Xt } = ct(), [o] = at(), [z, Le] = f(null), oe = G(null), [W, Me] = f(!1), Oe = dt(), [ie, j] = f(!1), [P, K] = f(""), [S, ne] = f(!1), [_e, T] = f(!1), [ce, F] = f(""), [$e, H] = f(""), [ze, ae] = f(!1), D = G(null), [de, We] = f(0), je = Pt()?.apiKey, Ke = de > 0 && de < 350;
+  U(() => {
+    if (g.current) {
+      const e = () => {
+        g.current && We(g.current.offsetWidth);
+      };
+      e();
+      const r = new ResizeObserver(e);
+      return r.observe(g.current), () => r.disconnect();
+    }
+  }, [b, y, s]);
+  const q = C(
+    (e) => {
+      const r = _();
+      return s && L(r) && (e.preventDefault(), o.update(() => {
+        r.getNodes().forEach((d) => {
+          if (M(d)) {
+            const m = d.getParent();
+            d.remove(), m && pe(m) && m.getChildrenSize() === 0 && m.setFormat("left");
+          }
+        });
+      })), !1;
+    },
+    [o, s]
+  ), se = C(
+    (e) => {
+      const r = _(), i = Y.current;
+      if (s && L(r) && r.getNodes().length === 1) {
+        if (I)
+          return Q(null), e.preventDefault(), E.focus(), !0;
+        if (i !== null && i !== document.activeElement)
+          return e.preventDefault(), i.focus(), !0;
+      }
+      return !1;
+    },
+    [E, s, I]
+  ), le = C(
+    (e) => oe.current === E || Y.current === e.target ? (Q(null), o.update(() => {
+      x(!0);
+      const r = o.getRootElement();
+      r !== null && r.focus();
+    }), !0) : !1,
+    [E, o, x]
+  ), X = C(
+    (e) => {
+      const r = e;
+      if (k)
+        return !0;
+      const d = r.target === g.current;
+      let m = !1;
+      if (!d && g.current) {
+        const h = g.current.getBoundingClientRect();
+        m = r.clientX >= h.left && r.clientX <= h.right && r.clientY >= h.top && r.clientY <= h.bottom;
+      }
+      return d || m ? (r.shiftKey ? x(!s) : (O(), x(!0)), !0) : !1;
+    },
+    [k, s, x, O]
+  ), V = C(
+    (e) => {
+      o.getEditorState().read(() => {
+        const r = _();
+        e.target.tagName === "IMG" && mt(r) && r.getNodes().length === 1 && o.dispatchCommand(
+          be,
+          e
+        );
+      });
+    },
+    [o]
+  );
+  U(() => {
+    let e = !0;
+    const r = o.getRootElement(), i = lt(
+      o.registerUpdateListener(({ editorState: d }) => {
+        e && Le(d.read(() => _()));
+      }),
+      o.registerCommand(
+        ut,
+        (d, m) => (oe.current = m, !1),
+        w
+      ),
+      o.registerCommand(
+        gt,
+        X,
+        w
+      ),
+      o.registerCommand(
+        be,
+        X,
+        w
+      ),
+      o.registerCommand(
+        ft,
+        (d) => d.target === g.current ? (d.preventDefault(), !0) : !1,
+        w
+      ),
+      o.registerCommand(
+        pt,
+        q,
+        w
+      ),
+      o.registerCommand(
+        ht,
+        q,
+        w
+      ),
+      o.registerCommand(bt, se, w),
+      o.registerCommand(
+        xt,
+        le,
+        w
+      )
+    );
+    return r?.addEventListener("contextmenu", V), () => {
+      e = !1, i(), r?.removeEventListener("contextmenu", V);
+    };
+  }, [
+    O,
+    o,
+    k,
+    s,
+    u,
+    q,
+    se,
+    le,
+    X,
+    V,
+    x
+  ]);
+  const Te = () => {
+    o.update(() => {
+      const e = $(u);
+      M(e) && e.setShowCaption(!0);
+    });
+  }, Be = (e, r) => {
+    setTimeout(() => {
+      re(!1);
+    }, 200), o.update(() => {
+      const i = $(u);
+      M(i) && i.setWidthAndHeight(e, r);
+    });
+  }, Ge = () => {
+    re(!0);
+  }, Ye = (e) => {
+    if (e.preventDefault(), e.stopPropagation(), l.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="${l}" alt="${c || "Image"}" />
+            </body>
+          </html>
+        `), r.document.close());
+    } else
+      window.open(l, "_blank");
+  }, Fe = (e) => {
+    e.preventDefault(), e.stopPropagation(), o.update(() => {
+      const r = $(u);
+      if (M(r)) {
+        const i = r.getParent();
+        r.remove(), i && pe(i) && i.getChildrenSize() === 0 && i.setFormat("left");
+      }
+    });
+  }, A = (e, r) => {
+    e.preventDefault(), e.stopPropagation(), o.update(() => {
+      const i = $(u);
+      M(i) && i.setPosition(r);
+    });
+  }, He = (e) => {
+    e.preventDefault(), e.stopPropagation(), j(!ie);
+  }, qe = C(() => {
+    p && !s && (D.current = setTimeout(() => {
+      ae(!0);
+    }, 300));
+  }, [p, s]), Xe = C(() => {
+    D.current && (clearTimeout(D.current), D.current = null), ae(!1);
+  }, []), me = C((e) => {
+    e.preventDefault(), e.stopPropagation(), p && window.open(p, "_blank", "noopener,noreferrer");
+  }, [p]);
+  U(() => () => {
+    D.current && clearTimeout(D.current);
+  }, []);
+  const ue = async () => {
+    if (!P.trim() || S)
+      return;
+    ne(!0);
+    const e = v.loading("Refining image...", {
+      description: "This may take 10-30 seconds. Please wait."
+    });
+    try {
+      let r = P.trim();
+      const d = 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 = (B) => {
+        const tt = B.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((rt) => tt.includes(rt));
+      };
+      let h = "";
+      if (R && R.trim()) {
+        const B = R.trim();
+        m(B) && c && c !== "Generated image" && c.trim() ? h = c.trim() : h = B;
+      } else
+        c && c !== "Generated image" && c.trim() && (h = c.trim());
+      h ? r = `${h} with ${d}` : r = d;
+      const fe = (await jt({
+        content: `Generate Image: ${r}`,
+        apiKey: je || void 0
+      }))?.data;
+      if (!fe)
+        throw new Error("Failed to generate image - empty response");
+      const J = new DOMParser().parseFromString(fe, "text/html").querySelector("img");
+      if (!J || !J.src)
+        throw new Error("No image found in response");
+      const et = J.src;
+      v.dismiss(e), v.success("Image refined successfully!", {
+        description: "Compare the images and choose which to keep."
+      }), F(et), H(r), T(!0), K(""), j(!1);
+    } catch (r) {
+      if (v.dismiss(e), r instanceof Kt) {
+        const i = r.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+        v.error(i, {
+          description: r.message,
+          duration: 8e3
+        });
+      } else
+        r instanceof Tt ? v.error("Credits Issue", {
+          description: r.message,
+          duration: 8e3
+        }) : v.error("Failed to refine image", {
+          description: r instanceof Error ? r.message : "Unknown error. Please try again."
+        });
+    } finally {
+      ne(!1);
+    }
+  }, Ve = () => {
+    o.update(() => {
+      const e = $(u);
+      if (M(e)) {
+        e.setSrc(ce), e.setOriginalPrompt($e);
+        const r = _();
+        r && Q(r.clone());
+      }
+    }), T(!1), F(""), H(""), v.success("Image replaced successfully!", {
+      description: "The image has been updated with the refined version."
+    });
+  }, Je = () => {
+    T(!1), F(""), H("");
+  }, Qe = s && L(z) && !k, ge = (s || k) && Oe, Ue = () => a === "left" || a === "right" ? {
+    position: "relative",
+    display: "block",
+    width: "100%"
+    // Fill the floated container
+  } : a === "full" ? {
+    position: "relative",
+    display: "inline-block"
+    // Use inline-block to respect text-align: center from parent
+  } : a === "inline-left" || a === "inline-center" || a === "inline-right" ? {
+    position: "relative",
+    display: "inline-block"
+    // Use inline-block to respect text-align from parent
+  } : {
+    position: "relative",
+    display: "inline-block"
+  }, Ze = C(
+    (e) => {
+      if (k || e.target.closest("button"))
+        return;
+      const i = e.target === g.current;
+      let d = !1;
+      if (!i && g.current) {
+        const m = g.current.getBoundingClientRect();
+        d = e.clientX >= m.left && e.clientX <= m.right && e.clientY >= m.top && e.clientY <= m.bottom;
+      }
+      !i && !d || (e.stopPropagation(), e.shiftKey ? x(!s) : (O(), x(!0)));
+    },
+    [k, s, x, O]
+  );
+  return /* @__PURE__ */ t(yt, { fallback: null, children: /* @__PURE__ */ n(ot, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        draggable: Qe,
+        style: Ue(),
+        onClick: Ze,
+        onMouseEnter: qe,
+        onMouseLeave: Xe,
+        children: [
+          W ? /* @__PURE__ */ t(qt, {}) : /* @__PURE__ */ t(
+            Ht,
+            {
+              className: ge ? `focused ${L(z) ? "draggable" : ""}` : p ? "cteditor-cursor-pointer" : null,
+              src: l,
+              altText: c,
+              imageRef: g,
+              width: b,
+              height: y,
+              maxWidth: N,
+              onError: () => Me(!0)
+            }
+          ),
+          ze && p && !s && /* @__PURE__ */ n(
+            "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__ */ t(Bt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0" }),
+                /* @__PURE__ */ t("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: p }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: me,
+                    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"
+                  }
+                )
+              ]
+            }
+          ),
+          s && L(z) && !W && /* @__PURE__ */ n(
+            "div",
+            {
+              className: `cteditor-absolute cteditor-flex cteditor-gap-1  z-10 ${Ke ? "cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-bottom-0 cteditor-translate-y-full cteditor-mt-1" : "cteditor-top-2 cteditor-right-2"}`,
+              children: [
+                /* @__PURE__ */ n("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-background/80 cteditor-rounded-md cteditor-shadow-md cteditor-border cteditor-border-border cteditor-p-0.5", children: [
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "left"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text left",
+                      title: "Wrap text left",
+                      children: /* @__PURE__ */ t(St, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "right"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text right",
+                      title: "Wrap text right",
+                      children: /* @__PURE__ */ t(Dt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "inline-left"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "inline-left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align left",
+                      title: "Align left (no text wrap)",
+                      children: /* @__PURE__ */ t(At, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "inline-center"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "inline-center" || a === "full" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align center",
+                      title: "Align center (no text wrap)",
+                      children: /* @__PURE__ */ t(Lt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "inline-right"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "inline-right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align right",
+                      title: "Align right (no text wrap)",
+                      children: /* @__PURE__ */ t(Mt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => A(e, "none"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${a === "none" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Inline",
+                      title: "Inline with text",
+                      children: /* @__PURE__ */ t(Ot, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  )
+                ] }),
+                p && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: me,
+                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    "aria-label": "Visit link",
+                    title: `Visit: ${p}`,
+                    children: /* @__PURE__ */ t(_t, {})
+                  }
+                ),
+                R && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation(), He(e);
+                    },
+                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    "aria-label": "Refine image",
+                    title: "Refine image",
+                    children: /* @__PURE__ */ t($t, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation(), Ye(e);
+                    },
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    "aria-label": "Open image in new tab",
+                    title: "Open in new tab",
+                    children: /* @__PURE__ */ t(zt, {})
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation(), Fe(e);
+                    },
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    "aria-label": "Delete image",
+                    title: "Delete image",
+                    children: /* @__PURE__ */ t(Wt, {})
+                  }
+                )
+              ]
+            }
+          ),
+          ie && s && !W && R && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background cteditor-rounded-lg cteditor-shadow-xl cteditor-border cteditor-border-border cteditor-p-3",
+              style: { zIndex: 10 },
+              onClick: (e) => e.stopPropagation(),
+              onKeyDown: (e) => e.stopPropagation(),
+              onKeyUp: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ n("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-2", children: [
+                /* @__PURE__ */ t("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "What else do you want in this scene?" }),
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "text",
+                    value: P,
+                    onChange: (e) => K(e.target.value),
+                    onKeyDown: (e) => {
+                      e.stopPropagation(), e.key === "Enter" && P.trim() && !S && ue(), e.key === "Escape" && (j(!1), K(""));
+                    },
+                    onKeyUp: (e) => {
+                      e.stopPropagation();
+                    },
+                    onClick: (e) => {
+                      e.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-border cteditor-rounded-md cteditor-bg-background cteditor-text-foreground focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-blue-500",
+                    disabled: S,
+                    autoFocus: !0
+                  }
+                ),
+                /* @__PURE__ */ n("div", { className: "cteditor-flex cteditor-gap-2", children: [
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation(), ue();
+                      },
+                      disabled: S || !P.trim(),
+                      className: "cteditor-flex-1 cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-blue-500 cteditor-text-white hover:cteditor-bg-blue-600 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
+                      children: S ? /* @__PURE__ */ n("span", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2", children: [
+                        /* @__PURE__ */ t("span", { className: "cteditor-inline-block cteditor-w-4 cteditor-h-4 cteditor-border-2 cteditor-border-white cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }),
+                        "Refining..."
+                      ] }) : "Refine Image"
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation(), j(!1), K("");
+                      },
+                      disabled: S,
+                      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 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          ee && L(z) && ge && /* @__PURE__ */ t(
+            it,
+            {
+              showCaption: I,
+              setShowCaption: Te,
+              editor: o,
+              buttonRef: Y,
+              imageRef: g,
+              maxWidth: N,
+              onResizeStart: Ge,
+              onResizeEnd: Be,
+              captionsEnabled: !W && te
+            }
+          )
+        ]
+      }
+    ),
+    I && (c.startsWith("Signature by") ? /* @__PURE__ */ t(Yt, { caption: E }) : /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-caption-container",
+        style: {
+          width: typeof b == "number" ? `${b}px` : "100%",
+          maxWidth: "100%",
+          // Match the image's alignment
+          ...a === "inline-center" || a === "full" ? { margin: "0 auto" } : a === "inline-right" ? { marginLeft: "auto" } : a === "left" ? { float: "left", clear: "left" } : a === "right" ? { float: "right", clear: "right" } : {}
+        },
+        children: /* @__PURE__ */ n(
+          ve,
+          {
+            initialEditor: E,
+            initialNodes: [
+              Ie,
+              Re,
+              Pe,
+              Se,
+              Ce,
+              xe
+            ],
+            children: [
+              /* @__PURE__ */ t(nt, {}),
+              /* @__PURE__ */ t(
+                ke,
+                {
+                  contentEditable: /* @__PURE__ */ t(
+                    ye,
+                    {
+                      "aria-placeholder": "Enter a caption...",
+                      placeholder: () => /* @__PURE__ */ t("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
+                      className: "ImageNode__contentEditable"
+                    }
+                  ),
+                  ErrorBoundary: Ne
+                }
+              ),
+              /* @__PURE__ */ t(
+                Ee,
+                {
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(we, {}),
+              /* @__PURE__ */ t(De, { namespace: Ae.namespace })
+            ]
+          }
+        )
+      }
+    )),
+    /* @__PURE__ */ t(
+      Gt,
+      {
+        open: _e,
+        onOpenChange: T,
+        oldImageUrl: l,
+        newImageUrl: ce,
+        onReplace: Ve,
+        onCancel: Je
+      }
+    )
+  ] }) });
+}
+export {
+  be as RIGHT_CLICK_IMAGE_COMMAND,
+  Cr as default
+};