eddyter 1.3.44 → 1.3.51

package/dist/index-1cd4fd49.js

@@ -0,0 +1,1002 @@
+import { jsx as t, jsxs as g, Fragment as it } from "react/jsx-runtime";
+import { CodeNode as ve } from "@lexical/code";
+import { LinkNode as ke } from "@lexical/link";
+import { AutoFocusPlugin as ot } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext as nt } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext as ct } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as Ee } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as Ie } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as Pe } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as Re } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as De } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as ze } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as at } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as st } from "@lexical/react/useLexicalNodeSelection";
+import { calculateZoomLevel as we, mergeRegister as dt } from "@lexical/utils";
+import { RootNode as Se, TextNode as Le, LineBreakNode as We, ParagraphNode as Ae, $getSelection as J, $isNodeSelection as X, $isParagraphNode as xe, $setSelection as ce, $isRangeSelection as lt, SELECTION_CHANGE_COMMAND as ut, COMMAND_PRIORITY_LOW as M, CLICK_COMMAND as mt, DRAGSTART_COMMAND as gt, KEY_DELETE_COMMAND as ht, KEY_BACKSPACE_COMMAND as pt, KEY_ENTER_COMMAND as ft, KEY_ESCAPE_COMMAND as bt, createCommand as yt, $getNodeByKey as U } from "lexical";
+import { useRef as j, useState as R, useEffect as ae, useCallback as W, Suspense as wt } from "react";
+import { d as xt, e as Ct, f as Nt, h as vt, i as kt, j as Et, k as It, B as Ce, L as Me, l as $e, m as F, W as Pt, n as Rt, A as Dt, o as zt, p as St, q as Lt, r as Wt, S as At, E as Mt, s as $t, t as $, u as _t, v as Ot, C as Ht } from "./index-269df0bf.js";
+import "axios";
+import "react-dom";
+import "@emotion/styled";
+import "@lexical/html";
+import "@lexical/react/LexicalCheckListPlugin";
+import "@lexical/react/LexicalComposer";
+import "@lexical/react/LexicalHorizontalRulePlugin";
+import "@lexical/react/LexicalListPlugin";
+import "@lexical/react/LexicalTablePlugin";
+import "@lexical/table";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/react/LexicalHorizontalRuleNode";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "emoji-picker-react";
+import "@lexical/react/LexicalLinkPlugin";
+import "@lexical/react/LexicalTypeaheadMenuPlugin";
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const jt = xt("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 Tt = ({
+  open: u,
+  onOpenChange: p,
+  oldImageUrl: f,
+  newImageUrl: N,
+  onReplace: z,
+  onCancel: v
+}) => /* @__PURE__ */ t(Ct, { open: u, onOpenChange: p, children: /* @__PURE__ */ g(Nt, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ g(vt, { children: [
+    /* @__PURE__ */ g(kt, { className: "flex items-center gap-2 text-xl", children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl", children: "🔄" }),
+      "Compare Images"
+    ] }),
+    /* @__PURE__ */ t(Et, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+  ] }),
+  /* @__PURE__ */ g("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ g("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ g("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: N,
+          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__ */ g("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__ */ g(It, { className: "gap-2", children: [
+    /* @__PURE__ */ t(
+      Ce,
+      {
+        variant: "outline",
+        onClick: v,
+        children: "Keep Original"
+      }
+    ),
+    /* @__PURE__ */ g(
+      Ce,
+      {
+        onClick: z,
+        className: "bg-blue-500 hover:bg-blue-600 text-white",
+        children: [
+          /* @__PURE__ */ t("span", { className: "mr-2", children: "✓" }),
+          "Replace Image"
+        ]
+      }
+    )
+  ] })
+] }) });
+function Bt({
+  caption: u
+}) {
+  return /* @__PURE__ */ t("div", { className: "signature-caption-container", children: /* @__PURE__ */ g(
+    Re,
+    {
+      initialEditor: u,
+      initialNodes: [
+        Se,
+        Le,
+        We,
+        Ae,
+        ke,
+        ve
+      ],
+      children: [
+        /* @__PURE__ */ t(
+          ze,
+          {
+            contentEditable: /* @__PURE__ */ t(
+              Ee,
+              {
+                "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: Ie
+          }
+        ),
+        /* @__PURE__ */ t(De, { onChange: () => {
+        } }),
+        /* @__PURE__ */ t(Pe, {}),
+        /* @__PURE__ */ t(Me, { namespace: $e.namespace })
+      ]
+    }
+  ) });
+}
+function se(u, p, f) {
+  return Math.min(Math.max(u, p), f);
+}
+const s = {
+  east: 1,
+  north: 8,
+  south: 2,
+  west: 4
+};
+function Yt({
+  onResizeStart: u,
+  onResizeEnd: p,
+  buttonRef: f,
+  imageRef: N,
+  maxWidth: z,
+  editor: v,
+  showCaption: G,
+  setShowCaption: A,
+  captionsEnabled: S
+}) {
+  const T = j(null), k = j({
+    priority: "",
+    value: "default"
+  }), y = j({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: !1,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  }), h = v.getRootElement(), w = h !== null ? h.getBoundingClientRect().width - 20 : 100, q = h !== null ? h.getBoundingClientRect().height - 20 : 100, m = 100, E = 100, _ = (i) => {
+    const d = i === s.east || i === s.west, o = i === s.north || i === s.south, D = i & s.north && i & s.west || i & s.south && i & s.east, C = d ? "ew" : o ? "ns" : D ? "nwse" : "nesw";
+    h !== null && h.style.setProperty(
+      "cursor",
+      `${C}-resize`,
+      "important"
+    ), document.body !== null && (document.body.style.setProperty(
+      "cursor",
+      `${C}-resize`,
+      "important"
+    ), k.current.value = document.body.style.getPropertyValue(
+      "-webkit-user-select"
+    ), k.current.priority = document.body.style.getPropertyPriority(
+      "-webkit-user-select"
+    ), document.body.style.setProperty(
+      "-webkit-user-select",
+      "none",
+      "important"
+    ));
+  }, L = () => {
+    h !== null && h.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
+      "-webkit-user-select",
+      k.current.value,
+      k.current.priority
+    ));
+  }, I = (i, d) => {
+    if (!v.isEditable())
+      return;
+    const o = N.current, D = T.current;
+    if (o !== null && D !== null) {
+      i.preventDefault();
+      const { width: C, height: P } = o.getBoundingClientRect(), l = we(o), a = y.current;
+      a.startWidth = C, a.startHeight = P, a.ratio = C / P, a.currentWidth = C, a.currentHeight = P, a.startX = i.clientX / l, a.startY = i.clientY / l, a.isResizing = !0, a.direction = d, _(d), u(), D.classList.add("image-control-wrapper--resizing"), o.style.height = `${P}px`, o.style.width = `${C}px`, document.addEventListener("pointermove", n), document.addEventListener("pointerup", O);
+    }
+  }, n = (i) => {
+    const d = N.current, o = y.current, D = o.direction & (s.east | s.west), C = o.direction & (s.south | s.north);
+    if (d !== null && o.isResizing) {
+      const P = we(d);
+      if (D && C) {
+        let l = Math.floor(o.startX - i.clientX / P);
+        l = o.direction & s.east ? -l : l;
+        const a = se(
+          o.startWidth + l,
+          m,
+          w
+        ), H = a / o.ratio;
+        d.style.width = `${a}px`, d.style.height = `${H}px`, o.currentHeight = H, o.currentWidth = a;
+      } else if (C) {
+        let l = Math.floor(o.startY - i.clientY / P);
+        l = o.direction & s.south ? -l : l;
+        const a = se(
+          o.startHeight + l,
+          E,
+          q
+        );
+        d.style.height = `${a}px`, o.currentHeight = a;
+      } else {
+        let l = Math.floor(o.startX - i.clientX / P);
+        l = o.direction & s.east ? -l : l;
+        const a = se(
+          o.startWidth + l,
+          m,
+          w
+        );
+        d.style.width = `${a}px`, o.currentWidth = a;
+      }
+    }
+  }, O = () => {
+    const i = N.current, d = y.current, o = T.current;
+    if (i !== null && o !== null && d.isResizing) {
+      const D = d.currentWidth, C = d.currentHeight;
+      d.startWidth = 0, d.startHeight = 0, d.ratio = 0, d.startX = 0, d.startY = 0, d.currentWidth = 0, d.currentHeight = 0, d.isResizing = !1, o.classList.remove("image-control-wrapper--resizing"), L(), p(D, C), document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", O);
+    }
+  };
+  return /* @__PURE__ */ g("div", { ref: T, children: [
+    !G && S && /* @__PURE__ */ t(
+      "button",
+      {
+        className: "image-caption-button",
+        ref: f,
+        onClick: () => {
+          A(!G);
+        },
+        children: "Add Caption"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (i) => {
+          I(i, s.north);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (i) => {
+          I(i, s.north | s.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (i) => {
+          I(i, s.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (i) => {
+          I(i, s.south | s.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (i) => {
+          I(i, s.south);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (i) => {
+          I(i, s.south | s.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (i) => {
+          I(i, s.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (i) => {
+          I(i, s.north | s.west);
+        }
+      }
+    )
+  ] });
+}
+const de = /* @__PURE__ */ new Set(), Ne = yt("RIGHT_CLICK_IMAGE_COMMAND");
+function Kt(u) {
+  if (!de.has(u))
+    throw new Promise((p) => {
+      const f = new Image();
+      f.src = u, f.onload = () => {
+        de.add(u), p(null);
+      }, f.onerror = () => {
+        de.add(u);
+      };
+    });
+}
+function Xt({
+  altText: u,
+  className: p,
+  imageRef: f,
+  src: N,
+  width: z,
+  height: v,
+  maxWidth: G,
+  onError: A
+}) {
+  return Kt(N), /* @__PURE__ */ t(
+    "img",
+    {
+      className: p || void 0,
+      src: N,
+      alt: u,
+      ref: f,
+      style: typeof z == "number" && typeof v == "number" ? {
+        // User has set a numeric size or original dimensions are provided
+        width: typeof z == "number" ? z : "auto",
+        height: typeof v == "number" ? v : "auto",
+        maxWidth: "100%"
+      } : {
+        // No dimensions specified - use original image size
+        maxWidth: "100%",
+        height: "auto"
+      },
+      onError: A,
+      draggable: "false"
+    }
+  );
+}
+function Ft() {
+  return /* @__PURE__ */ t(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    }
+  );
+}
+function zr({
+  src: u,
+  altText: p,
+  nodeKey: f,
+  width: N,
+  height: z,
+  maxWidth: v,
+  resizable: G,
+  showCaption: A,
+  caption: S,
+  captionsEnabled: T,
+  originalPrompt: k,
+  position: y = "none",
+  linkUrl: h
+}) {
+  const w = j(null), q = j(null), [m, E, _] = st(f), [L, I] = R(!1);
+  nt();
+  const [n] = ct(), [O, i] = R(null), d = j(null), [o, D] = R(!1), C = at(), [P, l] = R(!1), [a, H] = R(""), [B, le] = R(!1), [_e, Z] = R(!1), [ue, Q] = R(""), [Oe, ee] = R(""), [He, me] = R(!1), Y = j(null), [ge, je] = R(0), Te = ge > 0 && ge < 350;
+  ae(() => {
+    if (w.current) {
+      const e = () => {
+        w.current && je(w.current.offsetWidth);
+      };
+      e();
+      const r = new ResizeObserver(e);
+      return r.observe(w.current), () => r.disconnect();
+    }
+  }, [N, z, m]);
+  const te = W(
+    (e) => {
+      const r = J();
+      return m && X(r) && (e.preventDefault(), n.update(() => {
+        r.getNodes().forEach((b) => {
+          if (F(b)) {
+            const x = b.getParent();
+            b.remove(), x && xe(x) && x.getChildrenSize() === 0 && x.setFormat("left");
+          }
+        });
+      })), !1;
+    },
+    [n, m]
+  ), he = W(
+    (e) => {
+      const r = J(), c = q.current;
+      if (m && X(r) && r.getNodes().length === 1) {
+        if (A)
+          return ce(null), e.preventDefault(), S.focus(), !0;
+        if (c !== null && c !== document.activeElement)
+          return e.preventDefault(), c.focus(), !0;
+      }
+      return !1;
+    },
+    [S, m, A]
+  ), pe = W(
+    (e) => d.current === S || q.current === e.target ? (ce(null), n.update(() => {
+      E(!0);
+      const r = n.getRootElement();
+      r !== null && r.focus();
+    }), !0) : !1,
+    [S, n, E]
+  ), re = W(
+    (e) => {
+      const r = e;
+      if (L)
+        return !0;
+      const b = r.target === w.current;
+      let x = !1;
+      if (!b && w.current) {
+        const V = w.current.getBoundingClientRect();
+        x = r.clientX >= V.left && r.clientX <= V.right && r.clientY >= V.top && r.clientY <= V.bottom;
+      }
+      return b || x ? (r.shiftKey ? E(!m) : (_(), E(!0)), !0) : !1;
+    },
+    [L, m, E, _]
+  ), ie = W(
+    (e) => {
+      n.getEditorState().read(() => {
+        const r = J();
+        e.target.tagName === "IMG" && lt(r) && r.getNodes().length === 1 && n.dispatchCommand(
+          Ne,
+          e
+        );
+      });
+    },
+    [n]
+  );
+  ae(() => {
+    let e = !0;
+    const r = n.getRootElement(), c = dt(
+      n.registerUpdateListener(({ editorState: b }) => {
+        e && i(b.read(() => J()));
+      }),
+      n.registerCommand(
+        ut,
+        (b, x) => (d.current = x, !1),
+        M
+      ),
+      n.registerCommand(
+        mt,
+        re,
+        M
+      ),
+      n.registerCommand(
+        Ne,
+        re,
+        M
+      ),
+      n.registerCommand(
+        gt,
+        (b) => b.target === w.current ? (b.preventDefault(), !0) : !1,
+        M
+      ),
+      n.registerCommand(
+        ht,
+        te,
+        M
+      ),
+      n.registerCommand(
+        pt,
+        te,
+        M
+      ),
+      n.registerCommand(ft, he, M),
+      n.registerCommand(
+        bt,
+        pe,
+        M
+      )
+    );
+    return r == null || r.addEventListener("contextmenu", ie), () => {
+      e = !1, c(), r == null || r.removeEventListener("contextmenu", ie);
+    };
+  }, [
+    _,
+    n,
+    L,
+    m,
+    f,
+    te,
+    he,
+    pe,
+    re,
+    ie,
+    E
+  ]);
+  const Be = () => {
+    n.update(() => {
+      const e = U(f);
+      F(e) && e.setShowCaption(!0);
+    });
+  }, Ye = (e, r) => {
+    setTimeout(() => {
+      I(!1);
+    }, 200), n.update(() => {
+      const c = U(f);
+      F(c) && c.setWidthAndHeight(e, r);
+    });
+  }, Ke = () => {
+    I(!0);
+  }, Xe = (e) => {
+    if (e.preventDefault(), e.stopPropagation(), u.startsWith("data:")) {
+      const r = window.open("", "_blank");
+      r && (r.document.write(`
+          <!DOCTYPE html>
+          <html>
+            <head>
+              <title>${p || "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="${u}" alt="${p || "Image"}" />
+            </body>
+          </html>
+        `), r.document.close());
+    } else
+      window.open(u, "_blank");
+  }, Fe = (e) => {
+    e.preventDefault(), e.stopPropagation(), n.update(() => {
+      const r = U(f);
+      if (F(r)) {
+        const c = r.getParent();
+        r.remove(), c && xe(c) && c.getChildrenSize() === 0 && c.setFormat("left");
+      }
+    });
+  }, K = (e, r) => {
+    e.preventDefault(), e.stopPropagation(), n.update(() => {
+      const c = U(f);
+      F(c) && c.setPosition(r);
+    });
+  }, Ge = (e) => {
+    e.preventDefault(), e.stopPropagation(), l(!P);
+  }, qe = W(() => {
+    h && !m && (Y.current = setTimeout(() => {
+      me(!0);
+    }, 300));
+  }, [h, m]), Ve = W(() => {
+    Y.current && (clearTimeout(Y.current), Y.current = null), me(!1);
+  }, []), fe = W((e) => {
+    e.preventDefault(), e.stopPropagation(), h && window.open(h, "_blank", "noopener,noreferrer");
+  }, [h]);
+  ae(() => () => {
+    Y.current && clearTimeout(Y.current);
+  }, []);
+  const be = async () => {
+    if (!a.trim() || B)
+      return;
+    le(!0);
+    const e = $.loading("Refining image...", {
+      description: "This may take 10-30 seconds. Please wait."
+    });
+    try {
+      let r = a.trim();
+      if (k && k.trim()) {
+        const ne = k.trim(), rt = a.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim();
+        r = `${ne} with ${rt}`;
+      } else if (p && p !== "Generated image" && p.trim()) {
+        const ne = a.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim();
+        r = `${p} with ${ne}`;
+      }
+      const c = await _t({
+        content: `Generate Image: ${r}`
+      }), b = c == null ? void 0 : c.data;
+      if (!b)
+        throw new Error("Failed to generate image - empty response");
+      const oe = new DOMParser().parseFromString(b, "text/html").querySelector("img");
+      if (!oe || !oe.src)
+        throw new Error("No image found in response");
+      const tt = oe.src;
+      $.dismiss(e), $.success("Image refined successfully!", {
+        description: "Compare the images and choose which to keep."
+      }), Q(tt), ee(r), Z(!0), H(""), l(!1);
+    } catch (r) {
+      if ($.dismiss(e), r instanceof Ot) {
+        const c = r.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+        $.error(c, {
+          description: r.message,
+          duration: 8e3
+        });
+      } else
+        r instanceof Ht ? $.error("Credits Issue", {
+          description: r.message,
+          duration: 8e3
+        }) : $.error("Failed to refine image", {
+          description: r instanceof Error ? r.message : "Unknown error. Please try again."
+        });
+    } finally {
+      le(!1);
+    }
+  }, Je = () => {
+    n.update(() => {
+      const e = U(f);
+      if (F(e)) {
+        e.setSrc(ue), e.setOriginalPrompt(Oe);
+        const r = J();
+        r && ce(r.clone());
+      }
+    }), Z(!1), Q(""), ee(""), $.success("Image replaced successfully!", {
+      description: "The image has been updated with the refined version."
+    });
+  }, Ue = () => {
+    Z(!1), Q(""), ee("");
+  }, Ze = m && X(O) && !L, ye = (m || L) && C, Qe = () => y === "left" || y === "right" ? {
+    position: "relative",
+    display: "block",
+    width: "100%"
+    // Fill the floated container
+  } : y === "full" ? {
+    position: "relative",
+    display: "inline-block"
+    // Use inline-block to respect text-align: center from parent
+  } : y === "inline-left" || y === "inline-center" || y === "inline-right" ? {
+    position: "relative",
+    display: "inline-block"
+    // Use inline-block to respect text-align from parent
+  } : {
+    position: "relative",
+    display: "inline-block"
+  }, et = W(
+    (e) => {
+      if (L || e.target.closest("button"))
+        return;
+      const c = e.target === w.current;
+      let b = !1;
+      if (!c && w.current) {
+        const x = w.current.getBoundingClientRect();
+        b = e.clientX >= x.left && e.clientX <= x.right && e.clientY >= x.top && e.clientY <= x.bottom;
+      }
+      !c && !b || (e.stopPropagation(), e.shiftKey ? E(!m) : (_(), E(!0)));
+    },
+    [L, m, E, _]
+  );
+  return /* @__PURE__ */ t(wt, { fallback: null, children: /* @__PURE__ */ g(it, { children: [
+    /* @__PURE__ */ g(
+      "div",
+      {
+        draggable: Ze,
+        style: Qe(),
+        onClick: et,
+        onMouseEnter: qe,
+        onMouseLeave: Ve,
+        children: [
+          o ? /* @__PURE__ */ t(Ft, {}) : /* @__PURE__ */ t(
+            Xt,
+            {
+              className: ye ? `focused ${X(O) ? "draggable" : ""}` : h ? "cteditor-cursor-pointer" : null,
+              src: u,
+              altText: p,
+              imageRef: w,
+              width: N,
+              height: z,
+              maxWidth: v,
+              onError: () => D(!0)
+            }
+          ),
+          He && h && !m && /* @__PURE__ */ g(
+            "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(jt, { 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: h }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: fe,
+                    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"
+                  }
+                )
+              ]
+            }
+          ),
+          m && X(O) && !o && /* @__PURE__ */ g(
+            "div",
+            {
+              className: `cteditor-absolute cteditor-flex cteditor-gap-1  z-10 ${Te ? "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__ */ g("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) => K(e, "left"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text left",
+                      title: "Wrap text left",
+                      children: /* @__PURE__ */ t(Pt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => K(e, "right"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text right",
+                      title: "Wrap text right",
+                      children: /* @__PURE__ */ t(Rt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => K(e, "inline-left"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "inline-left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align left",
+                      title: "Align left (no text wrap)",
+                      children: /* @__PURE__ */ t(Dt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => K(e, "inline-center"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "inline-center" || y === "full" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align center",
+                      title: "Align center (no text wrap)",
+                      children: /* @__PURE__ */ t(zt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => K(e, "inline-right"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "inline-right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align right",
+                      title: "Align right (no text wrap)",
+                      children: /* @__PURE__ */ t(St, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => K(e, "none"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${y === "none" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Inline",
+                      title: "Inline with text",
+                      children: /* @__PURE__ */ t(Lt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  )
+                ] }),
+                h && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: fe,
+                    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: ${h}`,
+                    children: /* @__PURE__ */ t(Wt, {})
+                  }
+                ),
+                k && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation(), Ge(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(At, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation(), Xe(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(Mt, {})
+                  }
+                ),
+                /* @__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($t, {})
+                  }
+                )
+              ]
+            }
+          ),
+          P && m && !o && k && /* @__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__ */ g("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: a,
+                    onChange: (e) => H(e.target.value),
+                    onKeyDown: (e) => {
+                      e.stopPropagation(), e.key === "Enter" && a.trim() && !B && be(), e.key === "Escape" && (l(!1), H(""));
+                    },
+                    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: B,
+                    autoFocus: !0
+                  }
+                ),
+                /* @__PURE__ */ g("div", { className: "cteditor-flex cteditor-gap-2", children: [
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation(), be();
+                      },
+                      disabled: B || !a.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: B ? /* @__PURE__ */ g("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(), l(!1), H("");
+                      },
+                      disabled: B,
+                      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"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          G && X(O) && ye && /* @__PURE__ */ t(
+            Yt,
+            {
+              showCaption: A,
+              setShowCaption: Be,
+              editor: n,
+              buttonRef: q,
+              imageRef: w,
+              maxWidth: v,
+              onResizeStart: Ke,
+              onResizeEnd: Ye,
+              captionsEnabled: !o && T
+            }
+          )
+        ]
+      }
+    ),
+    A && (p.startsWith("Signature by") ? /* @__PURE__ */ t(Bt, { caption: S }) : /* @__PURE__ */ t("div", { className: "image-caption-container", children: /* @__PURE__ */ g(
+      Re,
+      {
+        initialEditor: S,
+        initialNodes: [
+          Se,
+          Le,
+          We,
+          Ae,
+          ke,
+          ve
+        ],
+        children: [
+          /* @__PURE__ */ t(ot, {}),
+          /* @__PURE__ */ t(
+            ze,
+            {
+              contentEditable: /* @__PURE__ */ t(
+                Ee,
+                {
+                  "aria-placeholder": "Enter a caption...",
+                  placeholder: () => /* @__PURE__ */ t("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
+                  className: "ImageNode__contentEditable"
+                }
+              ),
+              ErrorBoundary: Ie
+            }
+          ),
+          /* @__PURE__ */ t(
+            De,
+            {
+              onChange: () => {
+              }
+            }
+          ),
+          /* @__PURE__ */ t(Pe, {}),
+          /* @__PURE__ */ t(Me, { namespace: $e.namespace })
+        ]
+      }
+    ) })),
+    /* @__PURE__ */ t(
+      Tt,
+      {
+        open: _e,
+        onOpenChange: Z,
+        oldImageUrl: u,
+        newImageUrl: ue,
+        onReplace: Je,
+        onCancel: Ue
+      }
+    )
+  ] }) });
+}
+export {
+  Ne as RIGHT_CLICK_IMAGE_COMMAND,
+  zr as default
+};