ct-rich-text-editor 1.3.26 → 1.3.28

package/dist/{index-01a6d110.js → index-c26337f6.js}

@@ -13,9 +13,9 @@ import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { calculateZoomLevel, mergeRegister } from "@lexical/utils";
-import { RootNode, TextNode, LineBreakNode, ParagraphNode, $getSelection, $isNodeSelection, $setSelection, $isRangeSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, CLICK_COMMAND, DRAGSTART_COMMAND, KEY_DELETE_COMMAND, KEY_BACKSPACE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, createCommand, $getNodeByKey } from "lexical";
-import { useRef, useState, useCallback, useEffect, Suspense } from "react";
-import { b as Dialog, d as DialogContent, e as DialogHeader, f as DialogTitle, h as DialogDescription, i as DialogFooter, B as Button, L as LocalStoragePlugin, j as initialConfig, k as $isImageNode, S as Sparkles, E as ExternalLink, T as Trash2, t as toast, A as AiJsonResponse } from "./index-a2107b7c.js";
+import { RootNode, TextNode, LineBreakNode, ParagraphNode, $getSelection, $isNodeSelection, $isParagraphNode, $setSelection, $isRangeSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, CLICK_COMMAND, DRAGSTART_COMMAND, KEY_DELETE_COMMAND, KEY_BACKSPACE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, createCommand, $getNodeByKey } from "lexical";
+import { useRef, useState, useEffect, useCallback, Suspense } from "react";
+import { a as createLucideIcon, b as Dialog, d as DialogContent, e as DialogHeader, f as DialogTitle, h as DialogDescription, i as DialogFooter, B as Button, L as LocalStoragePlugin, j as initialConfig, k as $isImageNode, A as AlignLeft, l as AlignCenter, m as AlignRight, n as Type, S as Sparkles, E as ExternalLink, T as Trash2, t as toast, o as AiJsonResponse } from "./index-0533674e.js";
 import "axios";
 import "@emotion/styled";
 import "@lexical/html";
@@ -41,6 +41,29 @@ import "emoji-picker-react";
 import "@mui/icons-material";
 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 Link2 = createLucideIcon("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" }]
+]);
+/**
+ * @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 WrapText = createLucideIcon("WrapText", [
+  ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
+  ["path", { d: "M3 12h15a3 3 0 1 1 0 6h-4", key: "1cl7v7" }],
+  ["polyline", { points: "16 16 14 18 16 20", key: "1jznyi" }],
+  ["line", { x1: "3", x2: "10", y1: "18", y2: "18", key: "1h33wv" }]
+]);
 const imageCaptionStyles = "";
 const ImageComparisonDialog = ({
   open,
@@ -493,7 +516,8 @@ function ImageComponent({
   caption,
   captionsEnabled,
   originalPrompt,
-  position = "none"
+  position = "none",
+  linkUrl
 }) {
   const imageRef = useRef(null);
   const buttonRef = useRef(null);
@@ -511,6 +535,23 @@ function ImageComponent({
   const [showComparisonDialog, setShowComparisonDialog] = useState(false);
   const [newImageUrl, setNewImageUrl] = useState("");
   const [newCombinedPrompt, setNewCombinedPrompt] = useState("");
+  const [showLinkPreview, setShowLinkPreview] = useState(false);
+  const linkPreviewTimeoutRef = useRef(null);
+  const [imageWidth, setImageWidth] = useState(0);
+  const shouldPositionBelow = imageWidth > 0 && imageWidth < 350;
+  useEffect(() => {
+    if (imageRef.current) {
+      const updateWidth = () => {
+        if (imageRef.current) {
+          setImageWidth(imageRef.current.offsetWidth);
+        }
+      };
+      updateWidth();
+      const resizeObserver = new ResizeObserver(updateWidth);
+      resizeObserver.observe(imageRef.current);
+      return () => resizeObserver.disconnect();
+    }
+  }, [width, height, isSelected]);
   const $onDelete = useCallback(
     (payload) => {
       const deleteSelection = $getSelection();
@@ -520,7 +561,11 @@ function ImageComponent({
         editor.update(() => {
           deleteSelection.getNodes().forEach((node) => {
             if ($isImageNode(node)) {
+              const parent = node.getParent();
               node.remove();
+              if (parent && $isParagraphNode(parent) && parent.getChildrenSize() === 0) {
+                parent.setFormat("left");
+              }
             }
           });
         });
@@ -568,14 +613,18 @@ function ImageComponent({
   );
   const onClick = useCallback(
     (payload) => {
-      var _a, _b;
       const event = payload;
       if (isResizing) {
         return true;
       }
       const target = event.target;
-      const isClickOnImage = target === imageRef.current || ((_a = imageRef.current) == null ? void 0 : _a.contains(target)) || ((_b = target.closest(".editor-image")) == null ? void 0 : _b.contains(imageRef.current));
-      if (isClickOnImage) {
+      const isClickOnImage = target === imageRef.current;
+      let isClickWithinImageBounds = false;
+      if (!isClickOnImage && imageRef.current) {
+        const imageRect = imageRef.current.getBoundingClientRect();
+        isClickWithinImageBounds = event.clientX >= imageRect.left && event.clientX <= imageRect.right && event.clientY >= imageRect.top && event.clientY <= imageRect.bottom;
+      }
+      if (isClickOnImage || isClickWithinImageBounds) {
         if (event.shiftKey) {
           setSelected(!isSelected);
         } else {
@@ -743,7 +792,21 @@ function ImageComponent({
     editor.update(() => {
       const node = $getNodeByKey(nodeKey);
       if ($isImageNode(node)) {
+        const parent = node.getParent();
         node.remove();
+        if (parent && $isParagraphNode(parent) && parent.getChildrenSize() === 0) {
+          parent.setFormat("left");
+        }
+      }
+    });
+  };
+  const handlePositionChange = (e, newPosition) => {
+    e.preventDefault();
+    e.stopPropagation();
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setPosition(newPosition);
       }
     });
   };
@@ -752,6 +815,34 @@ function ImageComponent({
     e.stopPropagation();
     setShowRefineInput(!showRefineInput);
   };
+  const handleImageMouseEnter = useCallback(() => {
+    if (linkUrl && !isSelected) {
+      linkPreviewTimeoutRef.current = setTimeout(() => {
+        setShowLinkPreview(true);
+      }, 300);
+    }
+  }, [linkUrl, isSelected]);
+  const handleImageMouseLeave = useCallback(() => {
+    if (linkPreviewTimeoutRef.current) {
+      clearTimeout(linkPreviewTimeoutRef.current);
+      linkPreviewTimeoutRef.current = null;
+    }
+    setShowLinkPreview(false);
+  }, []);
+  const handleLinkClick = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (linkUrl) {
+      window.open(linkUrl, "_blank", "noopener,noreferrer");
+    }
+  }, [linkUrl]);
+  useEffect(() => {
+    return () => {
+      if (linkPreviewTimeoutRef.current) {
+        clearTimeout(linkPreviewTimeoutRef.current);
+      }
+    };
+  }, []);
   const handleRefineImage = async () => {
     if (!refinementPrompt.trim() || isRefining)
       return;
@@ -842,8 +933,15 @@ function ImageComponent({
     if (position === "full") {
       return {
         position: "relative",
-        display: "block",
-        width: "100%"
+        display: "inline-block"
+        // Use inline-block to respect text-align: center from parent
+      };
+    }
+    if (position === "inline-left" || position === "inline-center" || position === "inline-right") {
+      return {
+        position: "relative",
+        display: "inline-block"
+        // Use inline-block to respect text-align from parent
       };
     }
     return {
@@ -859,6 +957,17 @@ function ImageComponent({
       if (e.target.closest("button")) {
         return;
       }
+      const target = e.target;
+      const isClickOnImage = target === imageRef.current;
+      let isClickWithinImageBounds = false;
+      if (!isClickOnImage && imageRef.current) {
+        const imageRect = imageRef.current.getBoundingClientRect();
+        isClickWithinImageBounds = e.clientX >= imageRect.left && e.clientX <= imageRect.right && e.clientY >= imageRect.top && e.clientY <= imageRect.bottom;
+      }
+      if (!isClickOnImage && !isClickWithinImageBounds) {
+        return;
+      }
+      e.stopPropagation();
       if (e.shiftKey) {
         setSelected(!isSelected);
       } else {
@@ -875,11 +984,13 @@ function ImageComponent({
         draggable,
         style: getPositionStyles(),
         onClick: handleDirectClick,
+        onMouseEnter: handleImageMouseEnter,
+        onMouseLeave: handleImageMouseLeave,
         children: [
           isLoadError ? /* @__PURE__ */ jsx(BrokenImage, {}) : /* @__PURE__ */ jsx(
             LazyImage,
             {
-              className: isFocused ? `focused ${$isNodeSelection(selection) ? "draggable" : ""}` : null,
+              className: isFocused ? `focused ${$isNodeSelection(selection) ? "draggable" : ""}` : linkUrl ? "cteditor-cursor-pointer" : null,
               src,
               altText,
               imageRef,
@@ -889,12 +1000,105 @@ function ImageComponent({
               onError: () => setIsLoadError(true)
             }
           ),
+          showLinkPreview && linkUrl && !isSelected && /* @__PURE__ */ jsxs(
+            "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__ */ jsx(Link2, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: linkUrl }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleLinkClick,
+                    className: "cteditor-px-2 cteditor-py-1 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"
+                  }
+                )
+              ]
+            }
+          ),
           isSelected && $isNodeSelection(selection) && !isLoadError && /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-flex cteditor-gap-2",
+              className: `cteditor-absolute cteditor-flex cteditor-gap-1 cteditor-flex-wrap ${shouldPositionBelow ? "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"}`,
               style: { zIndex: 10 },
               children: [
+                /* @__PURE__ */ jsxs("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__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "left"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text left",
+                      title: "Wrap text left",
+                      children: /* @__PURE__ */ jsx(WrapText, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground", style: { transform: "scaleX(-1)" } })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "right"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Wrap text right",
+                      title: "Wrap text right",
+                      children: /* @__PURE__ */ jsx(WrapText, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "inline-left"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "inline-left" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align left",
+                      title: "Align left (no text wrap)",
+                      children: /* @__PURE__ */ jsx(AlignLeft, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "inline-center"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "inline-center" || position === "full" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align center",
+                      title: "Align center (no text wrap)",
+                      children: /* @__PURE__ */ jsx(AlignCenter, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "inline-right"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "inline-right" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Align right",
+                      title: "Align right (no text wrap)",
+                      children: /* @__PURE__ */ jsx(AlignRight, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => handlePositionChange(e, "none"),
+                      className: `cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === "none" ? "cteditor-bg-accent" : ""}`,
+                      "aria-label": "Inline",
+                      title: "Inline with text",
+                      children: /* @__PURE__ */ jsx(Type, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    }
+                  )
+                ] }),
+                linkUrl && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleLinkClick,
+                    className: "cteditor-p-2 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: ${linkUrl}`,
+                    children: /* @__PURE__ */ jsx(Link2, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
                 originalPrompt && /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -1082,4 +1286,4 @@ export {
   RIGHT_CLICK_IMAGE_COMMAND,
   ImageComponent as default
 };
-//# sourceMappingURL=index-01a6d110.js.map
+//# sourceMappingURL=index-c26337f6.js.map

package/dist/index-c26337f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-c26337f6.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/link-2.js","../../../node_modules/lucide-react/dist/esm/icons/wrap-text.js","../src/components/ImageComparisonDialog/index.tsx","../src/components/SignatureCaption/index.tsx","../src/components/ImageView/ImageResizer.tsx","../src/components/ImageView/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.344.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Link2 = createLucideIcon(\"Link2\", [\n  [\"path\", { d: \"M9 17H7A5 5 0 0 1 7 7h2\", key: \"8i5ue5\" }],\n  [\"path\", { d: \"M15 7h2a5 5 0 1 1 0 10h-2\", key: \"1b9ql8\" }],\n  [\"line\", { x1: \"8\", x2: \"16\", y1: \"12\", y2: \"12\", key: \"1jonct\" }]\n]);\n\nexport { Link2 as default };\n//# sourceMappingURL=link-2.js.map\n","/**\n * @license lucide-react v0.344.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst WrapText = createLucideIcon(\"WrapText\", [\n  [\"line\", { x1: \"3\", x2: \"21\", y1: \"6\", y2: \"6\", key: \"4m8b97\" }],\n  [\"path\", { d: \"M3 12h15a3 3 0 1 1 0 6h-4\", key: \"1cl7v7\" }],\n  [\"polyline\", { points: \"16 16 14 18 16 20\", key: \"1jznyi\" }],\n  [\"line\", { x1: \"3\", x2: \"10\", y1: \"18\", y2: \"18\", key: \"1h33wv\" }]\n]);\n\nexport { WrapText as default };\n//# sourceMappingURL=wrap-text.js.map\n","import React from \"react\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\n\ninterface ImageComparisonDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  oldImageUrl: string;\n  newImageUrl: string;\n  onReplace: () => void;\n  onCancel: () => void;\n}\n\nexport const ImageComparisonDialog: React.FC<ImageComparisonDialogProps> = ({\n  open,\n  onOpenChange,\n  oldImageUrl,\n  newImageUrl,\n  onReplace,\n  onCancel,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-[800px] max-h-[90vh] overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2 text-xl\">\n            <span className=\"text-2xl\">🔄</span>\n            Compare Images\n          </DialogTitle>\n          <DialogDescription className=\"text-sm pt-1\">\n            Choose whether to replace the original image with the refined version.\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-4 py-4\">\n          <div className=\"grid grid-cols-2 gap-4\">\n\n            {/* New Image */}\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-semibold text-gray-700 dark:text-gray-300\">\n                  Refined Image\n                </span>\n                <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\">\n                  New\n                </span>\n              </div>\n              <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\">\n                <img\n                  src={newImageUrl}\n                  alt=\"Refined\"\n                  className=\"w-full h-full object-contain\"\n                />\n              </div>\n            </div>\n          </div>\n\n          {/* Info */}\n          <div className=\"p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800\">\n            <p className=\"text-sm text-blue-800 dark:text-blue-200\">\n              <span className=\"font-semibold\">Note:</span> Clicking \"Replace\" will update the image in your document.\n              This action cannot be undone.\n            </p>\n          </div>\n        </div>\n\n        <DialogFooter className=\"gap-2\">\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n          >\n            Keep Original\n          </Button>\n          <Button\n            onClick={onReplace}\n            className=\"bg-blue-500 hover:bg-blue-600 text-white\"\n          >\n            <span className=\"mr-2\">✓</span>\n            Replace Image\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\n","/**\n * SignatureCaption Component\n * A premium styled caption component specifically for signatures\n */\n\nimport \"./signature-caption.css\";\n\nimport { CodeNode } from \"@lexical/code\";\nimport { LinkNode } from \"@lexical/link\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport { LexicalErrorBoundary } from \"@lexical/react/LexicalErrorBoundary\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { LexicalNestedComposer } from \"@lexical/react/LexicalNestedComposer\";\nimport { OnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport type { LexicalEditor } from \"lexical\";\nimport { LineBreakNode, ParagraphNode, RootNode, TextNode } from \"lexical\";\nimport { initialConfig } from \"src/constants\";\nimport LocalStoragePlugin from \"src/plugins/LocalStoragePlugin\";\n\ninterface SignatureCaptionProps {\n  caption: LexicalEditor;\n}\n\nexport default function SignatureCaption({\n  caption,\n}: SignatureCaptionProps): JSX.Element {\n  return (\n    <div className=\"signature-caption-container\">\n      <LexicalNestedComposer\n        initialEditor={caption}\n        initialNodes={[\n          RootNode,\n          TextNode,\n          LineBreakNode,\n          ParagraphNode,\n          LinkNode,\n          CodeNode,\n        ]}\n      >\n        <RichTextPlugin\n          contentEditable={\n            <ContentEditable\n              aria-placeholder=\"Enter signature name...\"\n              placeholder={\n                <div style={{\n                  position: 'absolute',\n                  top: '4px',\n                  left: '8px',\n                  right: '8px',\n                  textAlign: 'center',\n                  pointerEvents: 'none',\n                  color: 'hsla(var(--cteditorf47ac10b-foreground) / 0.4)',\n                  fontStyle: 'italic'\n                }}>\n                  Enter signature name...\n                </div>\n              }\n              className=\"signature-caption-editable\"\n            />\n          }\n          ErrorBoundary={LexicalErrorBoundary}\n        />\n\n        <OnChangePlugin onChange={() => {\n          // Placeholder for future change handling\n        }} />\n        <HistoryPlugin />\n        <LocalStoragePlugin namespace={initialConfig.namespace} />\n      </LexicalNestedComposer>\n    </div>\n  );\n}\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport \"./image-caption-styles.css\";\n\nimport { calculateZoomLevel } from \"@lexical/utils\";\nimport type { LexicalEditor } from \"lexical\";\nimport * as React from \"react\";\nimport { useRef } from \"react\";\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nconst Direction = {\n  east: 1 << 0,\n  north: 1 << 3,\n  south: 1 << 1,\n  west: 1 << 2,\n};\n\nexport default function ImageResizer({\n  onResizeStart,\n  onResizeEnd,\n  buttonRef,\n  imageRef,\n  maxWidth,\n  editor,\n  showCaption,\n  setShowCaption,\n  captionsEnabled,\n}: {\n  editor: LexicalEditor;\n  buttonRef: { current: null | HTMLButtonElement };\n  imageRef: { current: null | HTMLElement };\n  maxWidth?: number;\n  onResizeEnd: (width: \"inherit\" | number, height: \"inherit\" | number) => void;\n  onResizeStart: () => void;\n  setShowCaption: (show: boolean) => void;\n  showCaption: boolean;\n  captionsEnabled: boolean;\n}): JSX.Element {\n  const controlWrapperRef = useRef<HTMLDivElement>(null);\n  const userSelect = useRef({\n    priority: \"\",\n    value: \"default\",\n  });\n  const positioningRef = useRef<{\n    currentHeight: \"inherit\" | number;\n    currentWidth: \"inherit\" | number;\n    direction: number;\n    isResizing: boolean;\n    ratio: number;\n    startHeight: number;\n    startWidth: number;\n    startX: number;\n    startY: number;\n  }>({\n    currentHeight: 0,\n    currentWidth: 0,\n    direction: 0,\n    isResizing: false,\n    ratio: 0,\n    startHeight: 0,\n    startWidth: 0,\n    startX: 0,\n    startY: 0,\n  });\n  const editorRootElement = editor.getRootElement();\n\n  // Allow enlarging up to the editor container width (ignore any fixed maxWidth cap)\n  const maxWidthContainer =\n    editorRootElement !== null\n      ? editorRootElement.getBoundingClientRect().width - 20\n      : 100;\n  const maxHeightContainer =\n    editorRootElement !== null\n      ? editorRootElement.getBoundingClientRect().height - 20\n      : 100;\n\n  const minWidth = 100;\n  const minHeight = 100;\n\n  /**\n   * Sets the cursor style to indicate the resizing direction.\n   * This function updates the cursor for the editor and document body\n   * based on the resizing direction.\n   */\n  const setStartCursor = (direction: number) => {\n    // Determine if the resizing is happening horizontally (east or west)\n    const ew = direction === Direction.east || direction === Direction.west;\n    // Determine if the resizing is happening vertically (north or south)\n    const ns = direction === Direction.north || direction === Direction.south;\n    // Determine if the resizing is diagonal (north-west, south-east, etc.)\n    const nwse =\n      (direction & Direction.north && direction & Direction.west) ||\n      (direction & Direction.south && direction & Direction.east);\n\n    // Set the appropriate cursor style based on the detected direction\n    const cursorDir = ew ? \"ew\" : ns ? \"ns\" : nwse ? \"nwse\" : \"nesw\";\n\n    // Apply the cursor style to the editor root element if it exists\n    if (editorRootElement !== null) {\n      editorRootElement.style.setProperty(\n        \"cursor\",\n        `${cursorDir}-resize`,\n        \"important\"\n      );\n    }\n\n    // Apply the cursor style to the document body\n    if (document.body !== null) {\n      document.body.style.setProperty(\n        \"cursor\",\n        `${cursorDir}-resize`,\n        \"important\"\n      );\n\n      // Store the current user selection settings before modifying them\n      userSelect.current.value = document.body.style.getPropertyValue(\n        \"-webkit-user-select\"\n      );\n      userSelect.current.priority = document.body.style.getPropertyPriority(\n        \"-webkit-user-select\"\n      );\n\n      // Disable text selection during resizing to prevent unwanted text selection\n      document.body.style.setProperty(\n        \"-webkit-user-select\",\n        `none`,\n        \"important\"\n      );\n    }\n  };\n\n  /**\n   * Resets the cursor style when resizing ends.\n   */\n\n  const setEndCursor = () => {\n    if (editorRootElement !== null) {\n      editorRootElement.style.setProperty(\"cursor\", \"text\");\n    }\n    if (document.body !== null) {\n      document.body.style.setProperty(\"cursor\", \"default\");\n      document.body.style.setProperty(\n        \"-webkit-user-select\",\n        userSelect.current.value,\n        userSelect.current.priority\n      );\n    }\n  };\n\n  /**\n   * Handles pointer down event when resizing starts.\n   */\n  const handlePointerDown = (\n    event: React.PointerEvent<HTMLDivElement>,\n    direction: number\n  ) => {\n    if (!editor.isEditable()) {\n      return;\n    }\n    const image = imageRef.current;\n    const controlWrapper = controlWrapperRef.current;\n\n    // Ensure both the image and control wrapper exist before proceeding\n    if (image !== null && controlWrapper !== null) {\n      event.preventDefault();\n\n      // Get the image's current width and height from its bounding rectangle\n      const { width, height } = image.getBoundingClientRect();\n      // Calculate the zoom level to adjust calculations accordingly\n      const zoom = calculateZoomLevel(image);\n      // Retrieve the positioning reference object to store resize state\n      const positioning = positioningRef.current;\n\n      // Store the initial dimensions of the image\n      positioning.startWidth = width;\n      positioning.startHeight = height;\n      // Store the aspect ratio to maintain proportions when resizing\n      positioning.ratio = width / height;\n      // Set the current width and height values for tracking changes\n      positioning.currentWidth = width;\n      positioning.currentHeight = height;\n      // Store the initial pointer position, adjusted for zoom level\n      positioning.startX = event.clientX / zoom;\n      positioning.startY = event.clientY / zoom;\n      // Mark the resizing state as active\n      positioning.isResizing = true;\n      // Store the resize direction (north, south, east, west, or combinations)\n      positioning.direction = direction;\n\n      // Set the cursor style to indicate resizing in the correct direction\n      setStartCursor(direction);\n      onResizeStart();\n\n      controlWrapper.classList.add(\"image-control-wrapper--resizing\");\n      image.style.height = `${height}px`;\n      image.style.width = `${width}px`;\n      document.addEventListener(\"pointermove\", handlePointerMove);\n      document.addEventListener(\"pointerup\", handlePointerUp);\n    }\n  };\n\n  /**\n   * Handles pointer move event when resizing the image dynamically.\n   */\n  const handlePointerMove = (event: PointerEvent) => {\n    const image = imageRef.current;\n    const positioning = positioningRef.current;\n\n    // Check if the resize direction includes horizontal movement (east or west)\n    const isHorizontal =\n      positioning.direction & (Direction.east | Direction.west);\n    // Check if the resize direction includes vertical movement (north or south)\n    const isVertical =\n      positioning.direction & (Direction.south | Direction.north);\n\n    if (image !== null && positioning.isResizing) {\n      // Get the zoom level of the image to ensure accurate calculations\n      const zoom = calculateZoomLevel(image);\n\n      if (isHorizontal && isVertical) {\n        // Calculate the difference in X position relative to the starting point\n        let diff = Math.floor(positioning.startX - event.clientX / zoom);\n        // Reverse the difference if resizing from the east to ensure correct calculations\n        diff = positioning.direction & Direction.east ? -diff : diff;\n\n        // Calculate the new width, ensuring it stays within allowed min and max limits\n        const width = clamp(\n          positioning.startWidth + diff,\n          minWidth,\n          maxWidthContainer\n        );\n        // Maintain the aspect ratio by adjusting height proportionally\n        const height = width / positioning.ratio;\n        // Apply the new width and height to the image\n        image.style.width = `${width}px`;\n        image.style.height = `${height}px`;\n        // Update stored dimensions for ongoing tracking\n        positioning.currentHeight = height;\n        positioning.currentWidth = width;\n      } else if (isVertical) {\n        // Calculate the difference in Y position relative to the starting point\n        let diff = Math.floor(positioning.startY - event.clientY / zoom);\n        // Reverse the difference if resizing from the south to maintain correct direction\n        diff = positioning.direction & Direction.south ? -diff : diff;\n\n        // Calculate the new height, ensuring it stays within allowed min and max limits\n        const height = clamp(\n          positioning.startHeight + diff,\n          minHeight,\n          maxHeightContainer\n        );\n\n        // Apply the new height to the image\n        image.style.height = `${height}px`;\n        // Update stored height for ongoing tracking\n        positioning.currentHeight = height;\n      } else {\n        // Calculate the difference in X position relative to the starting point\n        let diff = Math.floor(positioning.startX - event.clientX / zoom);\n        // Reverse the difference if resizing from the east to maintain correct direction\n        diff = positioning.direction & Direction.east ? -diff : diff;\n\n        // Calculate the new width, ensuring it stays within allowed min and max limits\n        const width = clamp(\n          positioning.startWidth + diff,\n          minWidth,\n          maxWidthContainer\n        );\n\n        // Apply the new width to the image\n        image.style.width = `${width}px`;\n        // Update stored width for ongoing tracking\n        positioning.currentWidth = width;\n      }\n    }\n  };\n\n  /**\n   * Handles the pointer up event when resizing ends.\n   */\n  const handlePointerUp = () => {\n    const image = imageRef.current;\n    const positioning = positioningRef.current;\n    const controlWrapper = controlWrapperRef.current;\n\n    // Ensure the image, control wrapper exist, and resizing is active before proceeding\n    if (image !== null && controlWrapper !== null && positioning.isResizing) {\n      // Capture the final width and height of the resized image\n      const width = positioning.currentWidth;\n      const height = positioning.currentHeight;\n\n      // Reset positioning values after resizing is complete\n      positioning.startWidth = 0;\n      positioning.startHeight = 0;\n      positioning.ratio = 0;\n      positioning.startX = 0;\n      positioning.startY = 0;\n      positioning.currentWidth = 0;\n      positioning.currentHeight = 0;\n      positioning.isResizing = false; // Mark resizing as finished\n\n      // Remove the resizing class from the control wrapper\n      controlWrapper.classList.remove(\"image-control-wrapper--resizing\");\n\n      // Restore default cursor appearance\n      setEndCursor();\n      // Trigger the resize end callback with the final dimensions\n      onResizeEnd(width, height);\n\n      // Remove event listeners for pointer movement and release to stop tracking\n      document.removeEventListener(\"pointermove\", handlePointerMove);\n      document.removeEventListener(\"pointerup\", handlePointerUp);\n    }\n  };\n\n  return (\n    <div ref={controlWrapperRef}>\n      {!showCaption && captionsEnabled && (\n        <button\n          className=\"image-caption-button\"\n          ref={buttonRef}\n          onClick={() => {\n            setShowCaption(!showCaption);\n          }}\n        >\n          Add Caption\n        </button>\n      )}\n      <div\n        className=\"image-resizer image-resizer-n\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-ne\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north | Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-e\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-se\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south | Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-s\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-sw\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south | Direction.west);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-w\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.west);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-nw\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north | Direction.west);\n        }}\n      />\n    </div>\n  );\n}\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport \"./image-caption-styles.css\";\n\nimport { CodeNode } from \"@lexical/code\";\nimport { LinkNode } from \"@lexical/link\";\nimport { AutoFocusPlugin } from \"@lexical/react/LexicalAutoFocusPlugin\";\nimport { useCollaborationContext } from \"@lexical/react/LexicalCollaborationContext\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport { LexicalErrorBoundary } from \"@lexical/react/LexicalErrorBoundary\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { LexicalNestedComposer } from \"@lexical/react/LexicalNestedComposer\";\nimport { OnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\n// import './ImageNode.css';\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { useLexicalNodeSelection } from \"@lexical/react/useLexicalNodeSelection\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport type {\n  BaseSelection,\n  LexicalCommand,\n  LexicalEditor,\n  NodeKey,\n} from \"lexical\";\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n  DRAGSTART_COMMAND,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n  LineBreakNode,\n  ParagraphNode,\n  RootNode,\n  SELECTION_CHANGE_COMMAND,\n  TextNode,\n} from \"lexical\";\nimport { AlignCenter, AlignLeft, AlignRight, ExternalLink, Link2, Sparkles, Trash2, Type, WrapText } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Suspense, useCallback, useEffect, useRef, useState } from \"react\";\n// import brokenImage from '../images/image-broken.svg';\nimport { toast } from \"sonner\";\nimport { initialConfig } from \"src/constants\";\nimport { $isImageNode, ImagePosition } from \"src/nodes/ImageNode\";\nimport LocalStoragePlugin from \"src/plugins/LocalStoragePlugin\";\n\nimport { AiJsonResponse } from \"../../api/ai\";\nimport { ImageComparisonDialog } from \"../ImageComparisonDialog\";\nimport SignatureCaption from \"../SignatureCaption\";\nimport ImageResizer from \"./ImageResizer\";\n\nconst imageCache = new Set();\n\nexport const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent> =\n  createCommand(\"RIGHT_CLICK_IMAGE_COMMAND\");\n\nfunction useSuspenseImage(src: string) {\n  if (!imageCache.has(src)) {\n    throw new Promise((resolve) => {\n      const img = new Image();\n      img.src = src;\n      img.onload = () => {\n        imageCache.add(src);\n        resolve(null);\n      };\n      img.onerror = () => {\n        imageCache.add(src);\n      };\n    });\n  }\n}\n\nfunction LazyImage({\n  altText,\n  className,\n  imageRef,\n  src,\n  width,\n  height,\n  maxWidth,\n  onError,\n}: {\n  altText: string;\n  className: string | null;\n  height: \"inherit\" | number;\n  imageRef: { current: null | HTMLImageElement };\n  maxWidth: number;\n  src: string;\n  width: \"inherit\" | number;\n  onError: () => void;\n}): JSX.Element {\n  useSuspenseImage(src);\n  const hasExplicitSize =\n    typeof width === \"number\" && typeof height === \"number\";\n  const computedWidth = typeof width === \"number\" ? width : \"auto\";\n  const computedHeight = typeof height === \"number\" ? height : \"auto\";\n\n  return (\n    <img\n      className={className || undefined}\n      src={src}\n      alt={altText}\n      ref={imageRef}\n      style={\n        hasExplicitSize\n          ? {\n              // User has set a numeric size or original dimensions are provided\n              width: computedWidth,\n              height: computedHeight,\n              maxWidth: \"100%\",\n            }\n          : {\n              // No dimensions specified - use original image size\n              maxWidth: \"100%\",\n              height: \"auto\",\n            }\n      }\n      onError={onError}\n      draggable=\"false\"\n    />\n  );\n}\n\n// if the image is broken ; we are showing this component\nfunction BrokenImage(): JSX.Element {\n  return (\n    <img\n      src={\"\"} //TODO: NEED TO ADD BROKEN IMAGE\n      style={{\n        height: 200,\n        opacity: 0.2,\n        width: 200,\n      }}\n      draggable=\"false\"\n    />\n  );\n}\n\nexport default function ImageComponent({\n  src,\n  altText,\n  nodeKey,\n  width,\n  height,\n  maxWidth,\n  resizable,\n  showCaption,\n  caption,\n  captionsEnabled,\n  originalPrompt,\n  position = \"none\",\n  linkUrl,\n}: {\n  altText: string;\n  caption: LexicalEditor;\n  height: \"inherit\" | number;\n  maxWidth: number;\n  nodeKey: NodeKey;\n  resizable: boolean;\n  showCaption: boolean;\n  src: string;\n  width: \"inherit\" | number;\n  captionsEnabled: boolean;\n  originalPrompt?: string;\n  position?: ImagePosition;\n  linkUrl?: string;\n}): JSX.Element {\n  const imageRef = useRef<null | HTMLImageElement>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const [isSelected, setSelected, clearSelection] =\n    useLexicalNodeSelection(nodeKey);\n  const [isResizing, setIsResizing] = useState<boolean>(false);\n  const { isCollabActive } = useCollaborationContext();\n  const [editor] = useLexicalComposerContext();\n  const [selection, setSelection] = useState<BaseSelection | null>(null);\n  const activeEditorRef = useRef<LexicalEditor | null>(null);\n  const [isLoadError, setIsLoadError] = useState<boolean>(false);\n  const isEditable = useLexicalEditable();\n  const [showRefineInput, setShowRefineInput] = useState<boolean>(false);\n  const [refinementPrompt, setRefinementPrompt] = useState<string>(\"\");\n  const [isRefining, setIsRefining] = useState<boolean>(false);\n  const [showComparisonDialog, setShowComparisonDialog] =\n    useState<boolean>(false);\n  const [newImageUrl, setNewImageUrl] = useState<string>(\"\");\n  const [newCombinedPrompt, setNewCombinedPrompt] = useState<string>(\"\");\n  const [showLinkPreview, setShowLinkPreview] = useState<boolean>(false);\n  const linkPreviewTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [imageWidth, setImageWidth] = useState<number>(0);\n\n  // Position toolbar below image when it's small (under 350px)\n  const shouldPositionBelow = imageWidth > 0 && imageWidth < 350;\n\n  // Update image width when it changes\n  useEffect(() => {\n    if (imageRef.current) {\n      const updateWidth = () => {\n        if (imageRef.current) {\n          setImageWidth(imageRef.current.offsetWidth);\n        }\n      };\n      updateWidth();\n\n      // Also observe for size changes\n      const resizeObserver = new ResizeObserver(updateWidth);\n      resizeObserver.observe(imageRef.current);\n\n      return () => resizeObserver.disconnect();\n    }\n  }, [width, height, isSelected]);\n\n  /**\n   * Deletes the image node when the delete key is pressed.\n   */\n  const $onDelete = useCallback(\n    (payload: KeyboardEvent) => {\n      const deleteSelection = $getSelection();\n      if (isSelected && $isNodeSelection(deleteSelection)) {\n        const event: KeyboardEvent = payload;\n        event.preventDefault();\n        editor.update(() => {\n          deleteSelection.getNodes().forEach((node) => {\n            if ($isImageNode(node)) {\n              // Get parent before removing to reset alignment if needed\n              const parent = node.getParent();\n              node.remove();\n              // Reset paragraph alignment to left after removing centered image\n              if (parent && $isParagraphNode(parent) && parent.getChildrenSize() === 0) {\n                parent.setFormat(\"left\");\n              }\n            }\n          });\n        });\n      }\n      return false;\n    },\n    [editor, isSelected]\n  );\n\n  /**\n   * Handles enter key to move focus into the caption editor.\n   */\n  const $onEnter = useCallback(\n    (event: KeyboardEvent) => {\n      const latestSelection = $getSelection();\n      const buttonElem = buttonRef.current;\n      if (\n        isSelected &&\n        $isNodeSelection(latestSelection) &&\n        latestSelection.getNodes().length === 1\n      ) {\n        if (showCaption) {\n          // Move focus into nested editor\n          $setSelection(null);\n          event.preventDefault();\n          caption.focus();\n          return true;\n        } else if (\n          buttonElem !== null &&\n          buttonElem !== document.activeElement\n        ) {\n          event.preventDefault();\n          buttonElem.focus();\n          return true;\n        }\n      }\n      return false;\n    },\n    [caption, isSelected, showCaption]\n  );\n\n  /**\n   * Handles escape key to reset selection.\n   */\n  const $onEscape = useCallback(\n    (event: KeyboardEvent) => {\n      if (\n        activeEditorRef.current === caption ||\n        buttonRef.current === event.target\n      ) {\n        $setSelection(null);\n        editor.update(() => {\n          setSelected(true);\n          const parentRootElement = editor.getRootElement();\n          if (parentRootElement !== null) {\n            parentRootElement.focus();\n          }\n        });\n        return true;\n      }\n      return false;\n    },\n    [caption, editor, setSelected]\n  );\n\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload;\n\n      if (isResizing) {\n        return true;\n      }\n\n      const target = event.target as HTMLElement;\n\n      // Check if clicking directly on this image element\n      const isClickOnImage = target === imageRef.current;\n\n      // Also check if click coordinates are within the image bounds\n      // This handles cases where inline images next to text might not receive direct clicks\n      let isClickWithinImageBounds = false;\n      if (!isClickOnImage && imageRef.current) {\n        const imageRect = imageRef.current.getBoundingClientRect();\n        isClickWithinImageBounds =\n          event.clientX >= imageRect.left &&\n          event.clientX <= imageRect.right &&\n          event.clientY >= imageRect.top &&\n          event.clientY <= imageRect.bottom;\n      }\n\n      if (isClickOnImage || isClickWithinImageBounds) {\n        if (event.shiftKey) {\n          setSelected(!isSelected);\n        } else {\n          clearSelection();\n          setSelected(true);\n        }\n        return true;\n      }\n\n      return false;\n    },\n    [isResizing, isSelected, setSelected, clearSelection]\n  );\n\n  const onRightClick = useCallback(\n    (event: MouseEvent): void => {\n      editor.getEditorState().read(() => {\n        const latestSelection = $getSelection();\n        const domElement = event.target as HTMLElement;\n        if (\n          domElement.tagName === \"IMG\" &&\n          $isRangeSelection(latestSelection) &&\n          latestSelection.getNodes().length === 1\n        ) {\n          editor.dispatchCommand(\n            RIGHT_CLICK_IMAGE_COMMAND,\n            event as MouseEvent\n          );\n        }\n      });\n    },\n    [editor]\n  );\n\n  useEffect(() => {\n    let isMounted = true;\n    const rootElement = editor.getRootElement();\n    const unregister = mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        if (isMounted) {\n          setSelection(editorState.read(() => $getSelection()));\n        }\n      }),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        (_, activeEditor) => {\n          activeEditorRef.current = activeEditor;\n          return false;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand<MouseEvent>(\n        CLICK_COMMAND,\n        onClick,\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand<MouseEvent>(\n        RIGHT_CLICK_IMAGE_COMMAND,\n        onClick,\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(\n        DRAGSTART_COMMAND,\n        (event) => {\n          if (event.target === imageRef.current) {\n            // Temporary workaround for FF to behave like other browsers.\n            // Ideally, this handles drag & drop too (and all browsers).\n            event.preventDefault();\n            return true;\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(\n        KEY_DELETE_COMMAND,\n        $onDelete,\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(\n        KEY_BACKSPACE_COMMAND,\n        $onDelete,\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(KEY_ENTER_COMMAND, $onEnter, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        $onEscape,\n        COMMAND_PRIORITY_LOW\n      )\n    );\n\n    rootElement?.addEventListener(\"contextmenu\", onRightClick);\n\n    return () => {\n      isMounted = false;\n      unregister();\n      rootElement?.removeEventListener(\"contextmenu\", onRightClick);\n    };\n  }, [\n    clearSelection,\n    editor,\n    isResizing,\n    isSelected,\n    nodeKey,\n    $onDelete,\n    $onEnter,\n    $onEscape,\n    onClick,\n    onRightClick,\n    setSelected,\n  ]);\n\n  const setShowCaption = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isImageNode(node)) {\n        node.setShowCaption(true);\n      }\n    });\n  };\n\n  const onResizeEnd = (\n    nextWidth: \"inherit\" | number,\n    nextHeight: \"inherit\" | number\n  ) => {\n    // Delay hiding the resize bars for click case\n    setTimeout(() => {\n      setIsResizing(false);\n    }, 200);\n\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isImageNode(node)) {\n        node.setWidthAndHeight(nextWidth, nextHeight);\n      }\n    });\n  };\n\n  const onResizeStart = () => {\n    setIsResizing(true);\n  };\n\n  const handleOpenInNewTab = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // Check if it's a data URL (base64)\n    if (src.startsWith(\"data:\")) {\n      // For data URLs, we need to open them in a new tab with the image displayed\n      const newWindow = window.open(\"\", \"_blank\");\n      if (newWindow) {\n        newWindow.document.write(`\n          <!DOCTYPE html>\n          <html>\n            <head>\n              <title>${altText || \"Image\"}</title>\n              <style>\n                body {\n                  margin: 0;\n                  display: flex;\n                  justify-content: center;\n                  align-items: center;\n                  min-height: 100vh;\n                  background-color: #1a1a1a;\n                }\n                img {\n                  max-width: 100%;\n                  max-height: 100vh;\n                  object-fit: contain;\n                }\n              </style>\n            </head>\n            <body>\n              <img src=\"${src}\" alt=\"${altText || \"Image\"}\" />\n            </body>\n          </html>\n        `);\n        newWindow.document.close();\n      }\n    } else {\n      // For regular URLs, just open them directly\n      window.open(src, \"_blank\");\n    }\n  };\n\n  const handleDeleteImage = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isImageNode(node)) {\n        // Get parent before removing to reset alignment if needed\n        const parent = node.getParent();\n        node.remove();\n        // Reset paragraph alignment to left after removing centered image\n        if (parent && $isParagraphNode(parent) && parent.getChildrenSize() === 0) {\n          parent.setFormat(\"left\");\n        }\n      }\n    });\n  };\n\n  const handlePositionChange = (e: React.MouseEvent, newPosition: ImagePosition) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isImageNode(node)) {\n        node.setPosition(newPosition);\n      }\n    });\n  };\n\n  const handleRefineClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setShowRefineInput(!showRefineInput);\n  };\n\n  // Link preview hover handlers\n  const handleImageMouseEnter = useCallback(() => {\n    if (linkUrl && !isSelected) {\n      // Delay showing the link preview to avoid flickering on quick mouse movements\n      linkPreviewTimeoutRef.current = setTimeout(() => {\n        setShowLinkPreview(true);\n      }, 300);\n    }\n  }, [linkUrl, isSelected]);\n\n  const handleImageMouseLeave = useCallback(() => {\n    // Clear the timeout if mouse leaves before preview shows\n    if (linkPreviewTimeoutRef.current) {\n      clearTimeout(linkPreviewTimeoutRef.current);\n      linkPreviewTimeoutRef.current = null;\n    }\n    setShowLinkPreview(false);\n  }, []);\n\n  const handleLinkClick = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (linkUrl) {\n      window.open(linkUrl, \"_blank\", \"noopener,noreferrer\");\n    }\n  }, [linkUrl]);\n\n  // Clean up timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (linkPreviewTimeoutRef.current) {\n        clearTimeout(linkPreviewTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleRefineImage = async () => {\n    if (!refinementPrompt.trim() || isRefining) return;\n\n    setIsRefining(true);\n\n    // Show loading toast\n    const loadingToast = toast.loading(\"Refining image...\", {\n      description: \"This may take 10-30 seconds. Please wait.\",\n    });\n\n    try {\n      // Intelligently combine original prompt with refinement\n      let combinedPrompt = refinementPrompt.trim();\n\n      // Check if we have an original prompt\n      if (originalPrompt && originalPrompt.trim()) {\n        const original = originalPrompt.trim();\n        const refinement = refinementPrompt.trim();\n\n        // Remove common \"add\" prefixes from refinement\n        const cleanedRefinement = refinement\n          .replace(/^(add|also add|include|with|and)\\s+(some|a|an)\\s+/gi, \"\")\n          .replace(/^(add|also add|include|with|and)\\s+/gi, \"\")\n          .trim();\n\n        // Simple and clear combination - just list both elements\n        // This is the most reliable format for DALL-E\n        combinedPrompt = `${original} with ${cleanedRefinement}`;\n      } else {\n        // No original prompt (image was created before this feature)\n        // Try to use altText or just use the refinement as-is\n        if (altText && altText !== \"Generated image\" && altText.trim()) {\n          // Use altText as the original description\n          const cleanedRefinement = refinementPrompt\n            .trim()\n            .replace(/^(add|also add|include|with|and)\\s+(some|a|an)\\s+/gi, \"\")\n            .replace(/^(add|also add|include|with|and)\\s+/gi, \"\")\n            .trim();\n          combinedPrompt = `${altText} with ${cleanedRefinement}`;\n        }\n        // else: Just use the refinement prompt as-is\n      }\n\n      // Generate refined image with combined prompt\n      const response = await AiJsonResponse({\n        content: `Generate Image: ${combinedPrompt}`,\n      });\n      const htmlString = response?.data;\n\n      if (!htmlString) {\n        throw new Error(\"Failed to generate image - empty response\");\n      }\n\n      // Extract image URL from HTML response\n      const parser = new DOMParser();\n      const dom = parser.parseFromString(htmlString, \"text/html\");\n      const imgElement = dom.querySelector(\"img\");\n\n      if (!imgElement || !imgElement.src) {\n        throw new Error(`No image found in response`);\n      }\n\n      const generatedImageUrl = imgElement.src;\n\n      // Dismiss loading toast and show success\n      toast.dismiss(loadingToast);\n      toast.success(\"Image refined successfully!\", {\n        description: \"Compare the images and choose which to keep.\",\n      });\n\n      // Store new image URL, combined prompt, and show comparison dialog\n      setNewImageUrl(generatedImageUrl);\n      setNewCombinedPrompt(combinedPrompt);\n      setShowComparisonDialog(true);\n\n      // Clear refinement input and close it\n      setRefinementPrompt(\"\");\n      setShowRefineInput(false);\n    } catch (error) {\n      // Dismiss loading toast and show error\n      toast.dismiss(loadingToast);\n      toast.error(\"Failed to refine image\", {\n        description:\n          error instanceof Error\n            ? error.message\n            : \"Unknown error. Please try again.\",\n      });\n    } finally {\n      setIsRefining(false);\n    }\n  };\n\n  const handleReplaceImage = () => {\n    // Update the image node with new URL and updated prompt\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isImageNode(node)) {\n        // Use setter methods which properly call getWritable()\n        node.setSrc(newImageUrl);\n        node.setOriginalPrompt(newCombinedPrompt);\n\n        // Force Lexical to re-render the DecoratorNode by triggering selection change\n        const currentSelection = $getSelection();\n        if (currentSelection) {\n          $setSelection(currentSelection.clone());\n        }\n      }\n    });\n\n    // Close dialog and reset\n    setShowComparisonDialog(false);\n    setNewImageUrl(\"\");\n    setNewCombinedPrompt(\"\");\n\n    // Show success toast\n    toast.success(\"Image replaced successfully!\", {\n      description: \"The image has been updated with the refined version.\",\n    });\n  };\n\n  const handleCancelReplace = () => {\n    // Just close dialog and reset\n    setShowComparisonDialog(false);\n    setNewImageUrl(\"\");\n    setNewCombinedPrompt(\"\");\n  };\n\n  const draggable = isSelected && $isNodeSelection(selection) && !isResizing;\n  const isFocused = (isSelected || isResizing) && isEditable;\n\n  // Get position-based styles for float layouts\n  // Note: Float styles are now applied at the ImageNode.createDOM level for proper text wrapping\n  // This component only needs basic positioning\n  const getPositionStyles = (): React.CSSProperties => {\n    // For floated images, use simpler styles since float is on parent span\n    if (position === \"left\" || position === \"right\") {\n      return {\n        position: \"relative\",\n        display: \"block\",\n        width: \"100%\", // Fill the floated container\n      };\n    }\n    // For full width images, use inline-block so parent's text-align: center works\n    if (position === \"full\") {\n      return {\n        position: \"relative\",\n        display: \"inline-block\", // Use inline-block to respect text-align: center from parent\n      };\n    }\n    // For inline alignment options (block-level with alignment)\n    if (position === \"inline-left\" || position === \"inline-center\" || position === \"inline-right\") {\n      return {\n        position: \"relative\",\n        display: \"inline-block\", // Use inline-block to respect text-align from parent\n      };\n    }\n    // Default: inline-block for regular images (position \"none\")\n    return {\n      position: \"relative\",\n      display: \"inline-block\",\n    };\n  };\n\n  // Direct click handler as fallback for when Lexical CLICK_COMMAND doesn't fire\n  // This happens in dialogs and other contexts where event propagation differs\n  const handleDirectClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (isResizing) {\n        return;\n      }\n\n      // Don't handle if clicking on action buttons, toolbar, or other interactive elements\n      if ((e.target as HTMLElement).closest(\"button\")) {\n        return;\n      }\n\n      const target = e.target as HTMLElement;\n\n      // Check if clicking directly on the image element\n      const isClickOnImage = target === imageRef.current;\n\n      // Also check if click coordinates are within the image bounds\n      // This handles cases where inline images next to text might not receive direct clicks\n      let isClickWithinImageBounds = false;\n      if (!isClickOnImage && imageRef.current) {\n        const imageRect = imageRef.current.getBoundingClientRect();\n        isClickWithinImageBounds =\n          e.clientX >= imageRect.left &&\n          e.clientX <= imageRect.right &&\n          e.clientY >= imageRect.top &&\n          e.clientY <= imageRect.bottom;\n      }\n\n      if (!isClickOnImage && !isClickWithinImageBounds) {\n        return;\n      }\n\n      // Stop propagation only for clicks on the actual image\n      e.stopPropagation();\n\n      if (e.shiftKey) {\n        setSelected(!isSelected);\n      } else {\n        clearSelection();\n        setSelected(true);\n      }\n    },\n    [isResizing, isSelected, setSelected, clearSelection]\n  );\n\n  return (\n    <Suspense fallback={null}>\n      <>\n        <div\n          draggable={draggable}\n          style={getPositionStyles()}\n          onClick={handleDirectClick}\n          onMouseEnter={handleImageMouseEnter}\n          onMouseLeave={handleImageMouseLeave}\n        >\n          {isLoadError ? (\n            <BrokenImage />\n          ) : (\n            <LazyImage\n              className={\n                isFocused\n                  ? `focused ${$isNodeSelection(selection) ? \"draggable\" : \"\"}`\n                  : linkUrl ? \"cteditor-cursor-pointer\" : null\n              }\n              src={src}\n              altText={altText}\n              imageRef={imageRef}\n              width={width}\n              height={height}\n              maxWidth={maxWidth}\n              onError={() => setIsLoadError(true)}\n            />\n          )}\n          {/* Link Preview Popup - shown on hover when image has a link */}\n          {showLinkPreview && linkUrl && !isSelected && (\n            <div\n              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\"\n              style={{ zIndex: 10 }}\n            >\n              <Link2 className=\"cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0\" />\n              <span className=\"cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1\">\n                {linkUrl}\n              </span>\n              <button\n                onClick={handleLinkClick}\n                className=\"cteditor-px-2 cteditor-py-1 cteditor-text-xs cteditor-rounded cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-colors cteditor-flex-shrink-0\"\n              >\n                Open\n              </button>\n            </div>\n          )}\n          {/* Action Buttons - Responsive toolbar that adapts to image size */}\n          {isSelected && $isNodeSelection(selection) && !isLoadError && (\n            <div\n              className={`cteditor-absolute cteditor-flex cteditor-gap-1 cteditor-flex-wrap ${\n                shouldPositionBelow\n                  ? \"cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-bottom-0 cteditor-translate-y-full cteditor-mt-1\"\n                  : \"cteditor-top-2 cteditor-right-2\"\n              }`}\n              style={{ zIndex: 10 }}\n            >\n              {/* Alignment buttons - always visible */}\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\">\n                {/* Text Wrap (Float) Options */}\n                <button\n                  onClick={(e) => handlePositionChange(e, \"left\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"left\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Wrap text left\"\n                  title=\"Wrap text left\"\n                >\n                  <WrapText className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" style={{ transform: \"scaleX(-1)\" }} />\n                </button>\n                <button\n                  onClick={(e) => handlePositionChange(e, \"right\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"right\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Wrap text right\"\n                  title=\"Wrap text right\"\n                >\n                  <WrapText className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n\n                {/* Separator */}\n                <div className=\"cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5\" />\n\n                {/* Block Alignment (Inline) Options */}\n                <button\n                  onClick={(e) => handlePositionChange(e, \"inline-left\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"inline-left\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Align left\"\n                  title=\"Align left (no text wrap)\"\n                >\n                  <AlignLeft className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n                <button\n                  onClick={(e) => handlePositionChange(e, \"inline-center\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"inline-center\" || position === \"full\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Align center\"\n                  title=\"Align center (no text wrap)\"\n                >\n                  <AlignCenter className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n                <button\n                  onClick={(e) => handlePositionChange(e, \"inline-right\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"inline-right\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Align right\"\n                  title=\"Align right (no text wrap)\"\n                >\n                  <AlignRight className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n\n                {/* Separator */}\n                <div className=\"cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5\" />\n\n                {/* Inline (original behavior) */}\n                <button\n                  onClick={(e) => handlePositionChange(e, \"none\")}\n                  className={`cteditor-p-1.5 cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${position === \"none\" ? \"cteditor-bg-accent\" : \"\"}`}\n                  aria-label=\"Inline\"\n                  title=\"Inline with text\"\n                >\n                  <Type className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n              </div>\n\n              {/* Link button - shown when image has an original link URL */}\n              {linkUrl && (\n                <button\n                  onClick={handleLinkClick}\n                  className=\"cteditor-p-2 cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border\"\n                  aria-label=\"Visit link\"\n                  title={`Visit: ${linkUrl}`}\n                >\n                  <Link2 className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n              )}\n\n              {/* Only show Refine button for AI-generated images (those with originalPrompt) */}\n              {originalPrompt && (\n                <button\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleRefineClick(e);\n                  }}\n                  className=\"cteditor-p-2 cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border\"\n                  aria-label=\"Refine image\"\n                  title=\"Refine image\"\n                >\n                  <Sparkles className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n                </button>\n              )}\n              <button\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleOpenInNewTab(e);\n                }}\n                className=\"cteditor-p-2 cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border\"\n                aria-label=\"Open image in new tab\"\n                title=\"Open in new tab\"\n              >\n                <ExternalLink className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n              </button>\n              <button\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleDeleteImage(e);\n                }}\n                className=\"cteditor-p-2 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\"\n                aria-label=\"Delete image\"\n                title=\"Delete image\"\n              >\n                <Trash2 className=\"cteditor-w-4 cteditor-h-4 cteditor-text-foreground\" />\n              </button>\n            </div>\n          )}\n          {/* Refine Input - Only for AI-generated images */}\n          {showRefineInput && isSelected && !isLoadError && originalPrompt && (\n            <div\n              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\"\n              style={{ zIndex: 10 }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => e.stopPropagation()}\n              onKeyUp={(e) => e.stopPropagation()}\n            >\n              <div className=\"cteditor-flex cteditor-flex-col cteditor-gap-2\">\n                <label className=\"cteditor-text-xs cteditor-font-medium cteditor-text-foreground\">\n                  What else do you want in this scene?\n                </label>\n                <input\n                  type=\"text\"\n                  value={refinementPrompt}\n                  onChange={(e) => setRefinementPrompt(e.target.value)}\n                  onKeyDown={(e) => {\n                    // Stop propagation to prevent editor commands from firing\n                    e.stopPropagation();\n\n                    if (\n                      e.key === \"Enter\" &&\n                      refinementPrompt.trim() &&\n                      !isRefining\n                    ) {\n                      handleRefineImage();\n                    }\n                    if (e.key === \"Escape\") {\n                      setShowRefineInput(false);\n                      setRefinementPrompt(\"\");\n                    }\n                  }}\n                  onKeyUp={(e) => {\n                    // Also stop propagation on keyup\n                    e.stopPropagation();\n                  }}\n                  onClick={(e) => {\n                    // Prevent click from bubbling to image selection\n                    e.stopPropagation();\n                  }}\n                  placeholder=\"e.g., flying birds, golden sunset, stormy clouds...\"\n                  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\"\n                  disabled={isRefining}\n                  autoFocus\n                />\n                <div className=\"cteditor-flex cteditor-gap-2\">\n                  <button\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleRefineImage();\n                    }}\n                    disabled={isRefining || !refinementPrompt.trim()}\n                    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\"\n                  >\n                    {isRefining ? (\n                      <span className=\"cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2\">\n                        <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\"></span>\n                        Refining...\n                      </span>\n                    ) : (\n                      \"Refine Image\"\n                    )}\n                  </button>\n                  <button\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setShowRefineInput(false);\n                      setRefinementPrompt(\"\");\n                    }}\n                    disabled={isRefining}\n                    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\"\n                  >\n                    Cancel\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n          {/* ImageResizer must be inside the position:relative container for proper absolute positioning */}\n          {resizable && $isNodeSelection(selection) && isFocused && (\n            <ImageResizer\n              showCaption={showCaption}\n              setShowCaption={setShowCaption}\n              editor={editor}\n              buttonRef={buttonRef}\n              imageRef={imageRef}\n              maxWidth={maxWidth}\n              onResizeStart={onResizeStart}\n              onResizeEnd={onResizeEnd}\n              captionsEnabled={!isLoadError && captionsEnabled}\n            />\n          )}\n        </div>\n\n        {/* Caption container must be outside the draggable wrapper to prevent drag issues */}\n        {showCaption &&\n          (altText.startsWith(\"Signature by\") ? (\n            <SignatureCaption caption={caption} />\n          ) : (\n            <div className=\"image-caption-container\">\n              <LexicalNestedComposer\n                initialEditor={caption}\n                initialNodes={[\n                  RootNode,\n                  TextNode,\n                  LineBreakNode,\n                  ParagraphNode,\n                  LinkNode,\n                  CodeNode,\n                ]}\n              >\n                <AutoFocusPlugin />\n\n                <RichTextPlugin\n                  contentEditable={\n                    <ContentEditable\n                      aria-placeholder=\"Enter a caption...\"\n                      placeholder={() => (\n                        <span className=\"cteditor-text-xs\">\n                          Enter a caption...\n                        </span>\n                      )}\n                      className=\"ImageNode__contentEditable\"\n                    />\n                  }\n                  ErrorBoundary={LexicalErrorBoundary}\n                />\n\n                <OnChangePlugin\n                  onChange={() => {\n                    //no code\n                  }}\n                />\n                <HistoryPlugin />\n                <LocalStoragePlugin namespace={initialConfig.namespace} />\n              </LexicalNestedComposer>\n            </div>\n          ))}\n\n        {/* Image Comparison Dialog */}\n        <ImageComparisonDialog\n          open={showComparisonDialog}\n          onOpenChange={setShowComparisonDialog}\n          oldImageUrl={src}\n          newImageUrl={newImageUrl}\n          onReplace={handleReplaceImage}\n          onCancel={handleCancelReplace}\n        />\n      </>\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { n, C, l, H, o, m, u, v } from "./index-a2107b7c.js";
+import { r, C, p, H, s, q, u, v } from "./index-0533674e.js";
 import "react/jsx-runtime";
 import "react";
 import "axios";
@@ -38,12 +38,12 @@ import "@lexical/react/LexicalLinkPlugin";
 import "@lexical/react/LexicalTypeaheadMenuPlugin";
 import "@lexical/react/useLexicalEditable";
 export {
-  n as ConfigurableEditor,
+  r as ConfigurableEditor,
   C as ConfigurableEditorWithAuth,
-  l as EditorProvider,
+  p as EditorProvider,
   H as HtmlViewProvider,
-  o as defaultEditorConfig,
-  m as useEditor,
+  s as defaultEditorConfig,
+  q as useEditor,
   u as useHtmlView,
   v as verifyApiKey
 };

package/dist/nodes/ImageNode.d.ts

@@ -1,5 +1,5 @@
 import { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditor, SerializedLexicalNode, Spread, DecoratorNode } from '../../node_modules/lexical';
-export type ImagePosition = "none" | "left" | "right" | "full";
+export type ImagePosition = "none" | "left" | "right" | "full" | "inline-left" | "inline-center" | "inline-right";
 export interface ImagePayload {
     altText: string;
     caption?: LexicalEditor;
@@ -12,6 +12,7 @@ export interface ImagePayload {
     captionsEnabled?: boolean;
     originalPrompt?: string;
     position?: ImagePosition;
+    linkUrl?: string;
 }
 export type SerializedImageNode = Spread<{
     altText: string;
@@ -23,6 +24,7 @@ export type SerializedImageNode = Spread<{
     width?: number;
     originalPrompt?: string;
     position?: ImagePosition;
+    linkUrl?: string;
 }, SerializedLexicalNode>;
 export declare class ImageNode extends DecoratorNode<JSX.Element> {
     __src: string;
@@ -35,15 +37,17 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
     __captionsEnabled: boolean;
     __originalPrompt: string;
     __position: ImagePosition;
+    __linkUrl: string;
     static getType(): string;
     static clone(node: ImageNode): ImageNode;
     static importJSON(serializedNode: SerializedImageNode): ImageNode;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap | null;
-    constructor(src: string, altText: string, maxWidth: number, width?: "inherit" | number, height?: "inherit" | number, showCaption?: boolean, caption?: LexicalEditor, captionsEnabled?: boolean, originalPrompt?: string, position?: ImagePosition, key?: NodeKey);
+    constructor(src: string, altText: string, maxWidth: number, width?: "inherit" | number, height?: "inherit" | number, showCaption?: boolean, caption?: LexicalEditor, captionsEnabled?: boolean, originalPrompt?: string, position?: ImagePosition, linkUrl?: string, key?: NodeKey);
     exportJSON(): SerializedImageNode;
     setWidthAndHeight(width: "inherit" | number, height: "inherit" | number): void;
     setShowCaption(showCaption: boolean): void;
+    private getPositionStyles;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(prevNode: ImageNode, dom: HTMLElement): boolean;
     getSrc(): string;
@@ -53,7 +57,9 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
     setOriginalPrompt(prompt: string): void;
     getPosition(): ImagePosition;
     setPosition(position: ImagePosition): void;
+    getLinkUrl(): string;
+    setLinkUrl(linkUrl: string): void;
     decorate(): JSX.Element;
 }
-export declare function $createImageNode({ altText, height, maxWidth, captionsEnabled, src, width, showCaption, caption, key, originalPrompt, position, }: ImagePayload): ImageNode;
+export declare function $createImageNode({ altText, height, maxWidth, captionsEnabled, src, width, showCaption, caption, key, originalPrompt, position, linkUrl, }: ImagePayload): ImageNode;
 export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

package/dist/plugins/LinkPreviewPlugin/index.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export default function LinkPreviewPlugin(): JSX.Element | null;
+export default function LinkPreviewPlugin({ apiKey }: {
+    apiKey?: string;
+}): JSX.Element | null;