eddyter 1.3.52 → 1.3.53

package/dist/{index-ed633fb3.js → index-a38293b8.js}

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as g, Fragment as it } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, 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";
@@ -12,10 +12,10 @@ 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 T, useState as R, useEffect as ae, useCallback as W, Suspense as wt } from "react";
-import { a as xt, D as Ct, b as Nt, d as vt, e as kt, f as Et, h as It, B as Ce, L as Me, i as $e, $ as F, W as Pt, j as Rt, A as Dt, k as zt, l as St, T as Lt, m as Wt, S as At, E as Mt, n as $t, t as $, o as _t, p as Ot, C as Ht } from "./index-4b2cda16.js";
+import { calculateZoomLevel as xe, 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 we, $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 T, useState as R, useEffect as ae, useCallback as W, Suspense as xt } from "react";
+import { a as wt, D as Ct, b as Nt, d as vt, e as kt, f as Et, h as It, B as Ce, L as Me, i as $e, $ as F, W as Pt, j as Rt, A as Dt, k as zt, l as St, T as Lt, m as Wt, S as At, E as Mt, n as $t, t as $, o as _t, p as Ot, C as Ht } from "./index-006b2aae.js";
 import "axios";
 import "react-dom";
 import "@emotion/styled";
@@ -40,29 +40,29 @@ import "@lexical/react/LexicalTypeaheadMenuPlugin";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tt = xt("Link2", [
+const Tt = wt("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 jt = ({
-  open: u,
-  onOpenChange: p,
-  oldImageUrl: f,
+  open: m,
+  onOpenChange: f,
+  oldImageUrl: b,
   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(Ct, { open: m, onOpenChange: f, children: /* @__PURE__ */ h(Nt, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ h(vt, { children: [
+    /* @__PURE__ */ h(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__ */ h("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ t("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__ */ 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" })
       ] }),
@@ -75,12 +75,12 @@ const jt = ({
         }
       ) })
     ] }) }),
-    /* @__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("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__ */ 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__ */ h(It, { className: "gap-2", children: [
     /* @__PURE__ */ t(
       Ce,
       {
@@ -89,7 +89,7 @@ const jt = ({
         children: "Keep Original"
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ h(
       Ce,
       {
         onClick: z,
@@ -103,12 +103,12 @@ const jt = ({
   ] })
 ] }) });
 function Bt({
-  caption: u
+  caption: m
 }) {
-  return /* @__PURE__ */ t("div", { className: "signature-caption-container", children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ t("div", { className: "signature-caption-container", children: /* @__PURE__ */ h(
     Re,
     {
-      initialEditor: u,
+      initialEditor: m,
       initialNodes: [
         Se,
         Le,
@@ -149,8 +149,8 @@ function Bt({
     }
   ) });
 }
-function se(u, p, f) {
-  return Math.min(Math.max(u, p), f);
+function se(m, f, b) {
+  return Math.min(Math.max(m, f), b);
 }
 const s = {
   east: 1,
@@ -159,9 +159,9 @@ const s = {
   west: 4
 };
 function Yt({
-  onResizeStart: u,
-  onResizeEnd: p,
-  buttonRef: f,
+  onResizeStart: m,
+  onResizeEnd: f,
+  buttonRef: b,
   imageRef: N,
   maxWidth: z,
   editor: v,
@@ -172,7 +172,7 @@ function Yt({
   const j = T(null), k = T({
     priority: "",
     value: "default"
-  }), y = T({
+  }), l = T({
     currentHeight: 0,
     currentWidth: 0,
     direction: 0,
@@ -182,9 +182,9 @@ function Yt({
     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) => {
+  }), p = v.getRootElement(), x = p !== null ? p.getBoundingClientRect().width - 20 : 100, q = p !== null ? p.getBoundingClientRect().height - 20 : 100, g = 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(
+    p !== null && p.style.setProperty(
       "cursor",
       `${C}-resize`,
       "important"
@@ -202,7 +202,7 @@ function Yt({
       "important"
     ));
   }, L = () => {
-    h !== null && h.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
+    p !== null && p.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
@@ -213,55 +213,55 @@ function Yt({
     const o = N.current, D = j.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);
+      const { width: C, height: P } = o.getBoundingClientRect(), u = xe(o), a = l.current;
+      a.startWidth = C, a.startHeight = P, a.ratio = C / P, a.currentWidth = C, a.currentHeight = P, a.startX = i.clientX / u, a.startY = i.clientY / u, a.isResizing = !0, a.direction = d, _(d), m(), 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);
+    const d = N.current, o = l.current, D = o.direction & (s.east | s.west), C = o.direction & (s.south | s.north);
     if (d !== null && o.isResizing) {
-      const P = we(d);
+      const P = xe(d);
       if (D && C) {
-        let l = Math.floor(o.startX - i.clientX / P);
-        l = o.direction & s.east ? -l : l;
+        let u = Math.floor(o.startX - i.clientX / P);
+        u = o.direction & s.east ? -u : u;
         const a = se(
-          o.startWidth + l,
-          m,
-          w
+          o.startWidth + u,
+          g,
+          x
         ), 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;
+        let u = Math.floor(o.startY - i.clientY / P);
+        u = o.direction & s.south ? -u : u;
         const a = se(
-          o.startHeight + l,
+          o.startHeight + u,
           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;
+        let u = Math.floor(o.startX - i.clientX / P);
+        u = o.direction & s.east ? -u : u;
         const a = se(
-          o.startWidth + l,
-          m,
-          w
+          o.startWidth + u,
+          g,
+          x
         );
         d.style.width = `${a}px`, o.currentWidth = a;
       }
     }
   }, O = () => {
-    const i = N.current, d = y.current, o = j.current;
+    const i = N.current, d = l.current, o = j.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);
+      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(), f(D, C), document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", O);
     }
   };
-  return /* @__PURE__ */ g("div", { ref: j, children: [
+  return /* @__PURE__ */ h("div", { ref: j, children: [
     !G && S && /* @__PURE__ */ t(
       "button",
       {
         className: "image-caption-button",
-        ref: f,
+        ref: b,
         onClick: () => {
           A(!G);
         },
@@ -343,21 +343,21 @@ function Yt({
   ] });
 }
 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 Kt(m) {
+  if (!de.has(m))
+    throw new Promise((f) => {
+      const b = new Image();
+      b.src = m, b.onload = () => {
+        de.add(m), f(null);
+      }, b.onerror = () => {
+        de.add(m);
       };
     });
 }
 function Xt({
-  altText: u,
-  className: p,
-  imageRef: f,
+  altText: m,
+  className: f,
+  imageRef: b,
   src: N,
   width: z,
   height: v,
@@ -367,10 +367,10 @@ function Xt({
   return Kt(N), /* @__PURE__ */ t(
     "img",
     {
-      className: p || void 0,
+      className: f || void 0,
       src: N,
-      alt: u,
-      ref: f,
+      alt: m,
+      ref: b,
       style: typeof z == "number" && typeof v == "number" ? {
         // User has set a numeric size or original dimensions are provided
         width: typeof z == "number" ? z : "auto",
@@ -401,9 +401,9 @@ function Ft() {
   );
 }
 function zr({
-  src: u,
-  altText: p,
-  nodeKey: f,
+  src: m,
+  altText: f,
+  nodeKey: b,
   width: N,
   height: z,
   maxWidth: v,
@@ -412,39 +412,39 @@ function zr({
   caption: S,
   captionsEnabled: j,
   originalPrompt: k,
-  position: y = "none",
-  linkUrl: h
+  position: l = "none",
+  linkUrl: p
 }) {
-  const w = T(null), q = T(null), [m, E, _] = st(f), [L, I] = R(!1);
+  const x = T(null), q = T(null), [g, E, _] = st(b), [L, I] = R(!1);
   nt();
-  const [n] = ct(), [O, i] = R(null), d = T(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 = T(null), [ge, Te] = R(0), je = ge > 0 && ge < 350;
+  const [n] = ct(), [O, i] = R(null), d = T(null), [o, D] = R(!1), C = at(), [P, u] = R(!1), [a, H] = R(""), [B, le] = R(!1), [_e, Z] = R(!1), [ue, Q] = R(""), [Oe, ee] = R(""), [He, me] = R(!1), Y = T(null), [ge, Te] = R(0), je = ge > 0 && ge < 350;
   ae(() => {
-    if (w.current) {
+    if (x.current) {
       const e = () => {
-        w.current && Te(w.current.offsetWidth);
+        x.current && Te(x.current.offsetWidth);
       };
       e();
       const r = new ResizeObserver(e);
-      return r.observe(w.current), () => r.disconnect();
+      return r.observe(x.current), () => r.disconnect();
     }
-  }, [N, z, m]);
+  }, [N, z, g]);
   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");
+      return g && X(r) && (e.preventDefault(), n.update(() => {
+        r.getNodes().forEach((y) => {
+          if (F(y)) {
+            const w = y.getParent();
+            y.remove(), w && we(w) && w.getChildrenSize() === 0 && w.setFormat("left");
           }
         });
       })), !1;
     },
-    [n, m]
+    [n, g]
   ), he = W(
     (e) => {
       const r = J(), c = q.current;
-      if (m && X(r) && r.getNodes().length === 1) {
+      if (g && X(r) && r.getNodes().length === 1) {
         if (A)
           return ce(null), e.preventDefault(), S.focus(), !0;
         if (c !== null && c !== document.activeElement)
@@ -452,7 +452,7 @@ function zr({
       }
       return !1;
     },
-    [S, m, A]
+    [S, g, A]
   ), pe = W(
     (e) => d.current === S || q.current === e.target ? (ce(null), n.update(() => {
       E(!0);
@@ -465,15 +465,15 @@ function zr({
       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;
+      const y = r.target === x.current;
+      let w = !1;
+      if (!y && x.current) {
+        const V = x.current.getBoundingClientRect();
+        w = 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;
+      return y || w ? (r.shiftKey ? E(!g) : (_(), E(!0)), !0) : !1;
     },
-    [L, m, E, _]
+    [L, g, E, _]
   ), ie = W(
     (e) => {
       n.getEditorState().read(() => {
@@ -489,12 +489,12 @@ function zr({
   ae(() => {
     let e = !0;
     const r = n.getRootElement(), c = dt(
-      n.registerUpdateListener(({ editorState: b }) => {
-        e && i(b.read(() => J()));
+      n.registerUpdateListener(({ editorState: y }) => {
+        e && i(y.read(() => J()));
       }),
       n.registerCommand(
         ut,
-        (b, x) => (d.current = x, !1),
+        (y, w) => (d.current = w, !1),
         M
       ),
       n.registerCommand(
@@ -509,7 +509,7 @@ function zr({
       ),
       n.registerCommand(
         gt,
-        (b) => b.target === w.current ? (b.preventDefault(), !0) : !1,
+        (y) => y.target === x.current ? (y.preventDefault(), !0) : !1,
         M
       ),
       n.registerCommand(
@@ -536,8 +536,8 @@ function zr({
     _,
     n,
     L,
-    m,
-    f,
+    g,
+    b,
     te,
     he,
     pe,
@@ -547,26 +547,26 @@ function zr({
   ]);
   const Be = () => {
     n.update(() => {
-      const e = U(f);
+      const e = U(b);
       F(e) && e.setShowCaption(!0);
     });
   }, Ye = (e, r) => {
     setTimeout(() => {
       I(!1);
     }, 200), n.update(() => {
-      const c = U(f);
+      const c = U(b);
       F(c) && c.setWidthAndHeight(e, r);
     });
   }, Ke = () => {
     I(!0);
   }, Xe = (e) => {
-    if (e.preventDefault(), e.stopPropagation(), u.startsWith("data:")) {
+    if (e.preventDefault(), e.stopPropagation(), m.startsWith("data:")) {
       const r = window.open("", "_blank");
       r && (r.document.write(`
           <!DOCTYPE html>
           <html>
             <head>
-              <title>${p || "Image"}</title>
+              <title>${f || "Image"}</title>
               <style>
                 body {
                   margin: 0;
@@ -584,36 +584,36 @@ function zr({
               </style>
             </head>
             <body>
-              <img src="${u}" alt="${p || "Image"}" />
+              <img src="${m}" alt="${f || "Image"}" />
             </body>
           </html>
         `), r.document.close());
     } else
-      window.open(u, "_blank");
+      window.open(m, "_blank");
   }, Fe = (e) => {
     e.preventDefault(), e.stopPropagation(), n.update(() => {
-      const r = U(f);
+      const r = U(b);
       if (F(r)) {
         const c = r.getParent();
-        r.remove(), c && xe(c) && c.getChildrenSize() === 0 && c.setFormat("left");
+        r.remove(), c && we(c) && c.getChildrenSize() === 0 && c.setFormat("left");
       }
     });
   }, K = (e, r) => {
     e.preventDefault(), e.stopPropagation(), n.update(() => {
-      const c = U(f);
+      const c = U(b);
       F(c) && c.setPosition(r);
     });
   }, Ge = (e) => {
-    e.preventDefault(), e.stopPropagation(), l(!P);
+    e.preventDefault(), e.stopPropagation(), u(!P);
   }, qe = W(() => {
-    h && !m && (Y.current = setTimeout(() => {
+    p && !g && (Y.current = setTimeout(() => {
       me(!0);
     }, 300));
-  }, [h, m]), Ve = W(() => {
+  }, [p, g]), 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]);
+    e.preventDefault(), e.stopPropagation(), p && window.open(p, "_blank", "noopener,noreferrer");
+  }, [p]);
   ae(() => () => {
     Y.current && clearTimeout(Y.current);
   }, []);
@@ -629,22 +629,22 @@ function zr({
       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()) {
+      } else if (f && f !== "Generated image" && f.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}`;
+        r = `${f} with ${ne}`;
       }
       const c = await _t({
         content: `Generate Image: ${r}`
-      }), b = c == null ? void 0 : c.data;
-      if (!b)
+      }), y = c == null ? void 0 : c.data;
+      if (!y)
         throw new Error("Failed to generate image - empty response");
-      const oe = new DOMParser().parseFromString(b, "text/html").querySelector("img");
+      const oe = new DOMParser().parseFromString(y, "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);
+      }), Q(tt), ee(r), Z(!0), H(""), u(!1);
     } catch (r) {
       if ($.dismiss(e), r instanceof Ot) {
         const c = r.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
@@ -664,7 +664,7 @@ function zr({
     }
   }, Je = () => {
     n.update(() => {
-      const e = U(f);
+      const e = U(b);
       if (F(e)) {
         e.setSrc(ue), e.setOriginalPrompt(Oe);
         const r = J();
@@ -675,16 +675,16 @@ function zr({
     });
   }, Ue = () => {
     Z(!1), Q(""), ee("");
-  }, Ze = m && X(O) && !L, ye = (m || L) && C, Qe = () => y === "left" || y === "right" ? {
+  }, Ze = g && X(O) && !L, ye = (g || L) && C, Qe = () => l === "left" || l === "right" ? {
     position: "relative",
     display: "block",
     width: "100%"
     // Fill the floated container
-  } : y === "full" ? {
+  } : l === "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" ? {
+  } : l === "inline-left" || l === "inline-center" || l === "inline-right" ? {
     position: "relative",
     display: "inline-block"
     // Use inline-block to respect text-align from parent
@@ -695,18 +695,18 @@ function zr({
     (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;
+      const c = e.target === x.current;
+      let y = !1;
+      if (!c && x.current) {
+        const w = x.current.getBoundingClientRect();
+        y = e.clientX >= w.left && e.clientX <= w.right && e.clientY >= w.top && e.clientY <= w.bottom;
       }
-      !c && !b || (e.stopPropagation(), e.shiftKey ? E(!m) : (_(), E(!0)));
+      !c && !y || (e.stopPropagation(), e.shiftKey ? E(!g) : (_(), E(!0)));
     },
-    [L, m, E, _]
+    [L, g, E, _]
   );
-  return /* @__PURE__ */ t(wt, { fallback: null, children: /* @__PURE__ */ g(it, { children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ t(xt, { fallback: null, children: /* @__PURE__ */ h(it, { children: [
+    /* @__PURE__ */ h(
       "div",
       {
         draggable: Ze,
@@ -718,24 +718,24 @@ function zr({
           o ? /* @__PURE__ */ t(Ft, {}) : /* @__PURE__ */ t(
             Xt,
             {
-              className: ye ? `focused ${X(O) ? "draggable" : ""}` : h ? "cteditor-cursor-pointer" : null,
-              src: u,
-              altText: p,
-              imageRef: w,
+              className: ye ? `focused ${X(O) ? "draggable" : ""}` : p ? "cteditor-cursor-pointer" : null,
+              src: m,
+              altText: f,
+              imageRef: x,
               width: N,
               height: z,
               maxWidth: v,
               onError: () => D(!0)
             }
           ),
-          He && h && !m && /* @__PURE__ */ g(
+          He && p && !g && /* @__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__ */ t(Tt, { 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("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: p }),
                 /* @__PURE__ */ t(
                   "button",
                   {
@@ -747,17 +747,17 @@ function zr({
               ]
             }
           ),
-          m && X(O) && !o && /* @__PURE__ */ g(
+          g && X(O) && !o && /* @__PURE__ */ h(
             "div",
             {
               className: `cteditor-absolute cteditor-flex cteditor-gap-1  z-10 ${je ? "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__ */ h("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" : ""}`,
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "left" ? "cteditor-bg-accent" : ""}`,
                       "aria-label": "Wrap text left",
                       title: "Wrap text left",
                       children: /* @__PURE__ */ t(Pt, {})
@@ -767,7 +767,7 @@ function zr({
                     "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" : ""}`,
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "right" ? "cteditor-bg-accent" : ""}`,
                       "aria-label": "Wrap text right",
                       title: "Wrap text right",
                       children: /* @__PURE__ */ t(Rt, {})
@@ -778,7 +778,7 @@ function zr({
                     "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" : ""}`,
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "inline-left" ? "cteditor-bg-accent" : ""}`,
                       "aria-label": "Align left",
                       title: "Align left (no text wrap)",
                       children: /* @__PURE__ */ t(Dt, {})
@@ -788,7 +788,7 @@ function zr({
                     "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" : ""}`,
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "inline-center" || l === "full" ? "cteditor-bg-accent" : ""}`,
                       "aria-label": "Align center",
                       title: "Align center (no text wrap)",
                       children: /* @__PURE__ */ t(zt, {})
@@ -798,7 +798,7 @@ function zr({
                     "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" : ""}`,
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "inline-right" ? "cteditor-bg-accent" : ""}`,
                       "aria-label": "Align right",
                       title: "Align right (no text wrap)",
                       children: /* @__PURE__ */ t(St, {})
@@ -809,20 +809,20 @@ function zr({
                     "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" : ""}`,
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${l === "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(
+                p && /* @__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}`,
+                    title: `Visit: ${p}`,
                     children: /* @__PURE__ */ t(Wt, {})
                   }
                 ),
@@ -865,7 +865,7 @@ function zr({
               ]
             }
           ),
-          P && m && !o && k && /* @__PURE__ */ t(
+          P && g && !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",
@@ -873,7 +873,7 @@ function zr({
               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: [
+              children: /* @__PURE__ */ h("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",
@@ -882,7 +882,7 @@ function zr({
                     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(""));
+                      e.stopPropagation(), e.key === "Enter" && a.trim() && !B && be(), e.key === "Escape" && (u(!1), H(""));
                     },
                     onKeyUp: (e) => {
                       e.stopPropagation();
@@ -896,7 +896,7 @@ function zr({
                     autoFocus: !0
                   }
                 ),
-                /* @__PURE__ */ g("div", { className: "cteditor-flex cteditor-gap-2", children: [
+                /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-gap-2", children: [
                   /* @__PURE__ */ t(
                     "button",
                     {
@@ -905,7 +905,7 @@ function zr({
                       },
                       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: [
+                      children: B ? /* @__PURE__ */ h("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"
@@ -915,7 +915,7 @@ function zr({
                     "button",
                     {
                       onClick: (e) => {
-                        e.stopPropagation(), l(!1), H("");
+                        e.stopPropagation(), u(!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",
@@ -933,7 +933,7 @@ function zr({
               setShowCaption: Be,
               editor: n,
               buttonRef: q,
-              imageRef: w,
+              imageRef: x,
               maxWidth: v,
               onResizeStart: Ke,
               onResizeEnd: Ye,
@@ -943,52 +943,64 @@ function zr({
         ]
       }
     ),
-    A && (p.startsWith("Signature by") ? /* @__PURE__ */ t(Bt, { caption: S }) : /* @__PURE__ */ t("div", { className: "image-caption-container", children: /* @__PURE__ */ g(
-      Re,
+    A && (f.startsWith("Signature by") ? /* @__PURE__ */ t(Bt, { caption: S }) : /* @__PURE__ */ t(
+      "div",
       {
-        initialEditor: S,
-        initialNodes: [
-          Se,
-          Le,
-          We,
-          Ae,
-          ke,
-          ve
-        ],
-        children: [
-          /* @__PURE__ */ t(ot, {}),
-          /* @__PURE__ */ t(
-            ze,
-            {
-              contentEditable: /* @__PURE__ */ t(
-                Ee,
+        className: "image-caption-container",
+        style: {
+          width: typeof N == "number" ? `${N}px` : "100%",
+          maxWidth: "100%",
+          // Match the image's alignment
+          ...l === "inline-center" || l === "full" ? { margin: "0 auto" } : l === "inline-right" ? { marginLeft: "auto" } : l === "left" ? { float: "left", clear: "left" } : l === "right" ? { float: "right", clear: "right" } : {}
+        },
+        children: /* @__PURE__ */ h(
+          Re,
+          {
+            initialEditor: S,
+            initialNodes: [
+              Se,
+              Le,
+              We,
+              Ae,
+              ke,
+              ve
+            ],
+            children: [
+              /* @__PURE__ */ t(ot, {}),
+              /* @__PURE__ */ t(
+                ze,
                 {
-                  "aria-placeholder": "Enter a caption...",
-                  placeholder: () => /* @__PURE__ */ t("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
-                  className: "ImageNode__contentEditable"
+                  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
                 }
               ),
-              ErrorBoundary: Ie
-            }
-          ),
-          /* @__PURE__ */ t(
-            De,
-            {
-              onChange: () => {
-              }
-            }
-          ),
-          /* @__PURE__ */ t(Pe, {}),
-          /* @__PURE__ */ t(Me, { namespace: $e.namespace })
-        ]
+              /* @__PURE__ */ t(
+                De,
+                {
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(Pe, {}),
+              /* @__PURE__ */ t(Me, { namespace: $e.namespace })
+            ]
+          }
+        )
       }
-    ) })),
+    )),
     /* @__PURE__ */ t(
       jt,
       {
         open: _e,
         onOpenChange: Z,
-        oldImageUrl: u,
+        oldImageUrl: m,
         newImageUrl: ue,
         onReplace: Je,
         onCancel: Ue