eddyter 1.3.30

package/dist/index-68349a2f.js

@@ -0,0 +1,1286 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { CodeNode } from "@lexical/code";
+import { LinkNode } from "@lexical/link";
+import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+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, $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-e6dfde84.js";
+import "axios";
+import "@emotion/styled";
+import "@lexical/html";
+import "@lexical/react/LexicalCheckListPlugin";
+import "@lexical/react/LexicalComposer";
+import "@lexical/react/LexicalHorizontalRulePlugin";
+import "@lexical/react/LexicalListPlugin";
+import "@lexical/react/LexicalTablePlugin";
+import "@lexical/table";
+import "react-dom";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/react/LexicalHorizontalRuleNode";
+import "@mui/icons-material/Description";
+import "@mui/icons-material/FolderZip";
+import "@mui/icons-material/InsertChart";
+import "@mui/icons-material/InsertDriveFile";
+import "@mui/icons-material/PictureAsPdf";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "emoji-picker-react";
+import "@lexical/react/LexicalLinkPlugin";
+import "@lexical/react/LexicalTypeaheadMenuPlugin";
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const 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,
+  onOpenChange,
+  oldImageUrl,
+  newImageUrl,
+  onReplace,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2 text-xl", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-2xl", children: "🔄" }),
+        "Compare Images"
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Refined Image" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-100 dark:bg-blue-950/30 text-blue-600 dark:text-blue-400", children: "New" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative aspect-square rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border-2 border-blue-500 dark:border-blue-600", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: newImageUrl,
+            alt: "Refined",
+            className: "w-full h-full object-contain"
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-blue-800 dark:text-blue-200", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Note:" }),
+        ' Clicking "Replace" will update the image in your document. This action cannot be undone.'
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: onCancel,
+          children: "Keep Original"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: onReplace,
+          className: "bg-blue-500 hover:bg-blue-600 text-white",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "mr-2", children: "✓" }),
+            "Replace Image"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+};
+const signatureCaption = "";
+function SignatureCaption({
+  caption
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "signature-caption-container", children: /* @__PURE__ */ jsxs(
+    LexicalNestedComposer,
+    {
+      initialEditor: caption,
+      initialNodes: [
+        RootNode,
+        TextNode,
+        LineBreakNode,
+        ParagraphNode,
+        LinkNode,
+        CodeNode
+      ],
+      children: [
+        /* @__PURE__ */ jsx(
+          RichTextPlugin,
+          {
+            contentEditable: /* @__PURE__ */ jsx(
+              ContentEditable,
+              {
+                "aria-placeholder": "Enter signature name...",
+                placeholder: /* @__PURE__ */ jsx("div", { style: {
+                  position: "absolute",
+                  top: "4px",
+                  left: "8px",
+                  right: "8px",
+                  textAlign: "center",
+                  pointerEvents: "none",
+                  color: "hsla(var(--cteditorf47ac10b-foreground) / 0.4)",
+                  fontStyle: "italic"
+                }, children: "Enter signature name..." }),
+                className: "signature-caption-editable"
+              }
+            ),
+            ErrorBoundary: LexicalErrorBoundary
+          }
+        ),
+        /* @__PURE__ */ jsx(OnChangePlugin, { onChange: () => {
+        } }),
+        /* @__PURE__ */ jsx(HistoryPlugin, {}),
+        /* @__PURE__ */ jsx(LocalStoragePlugin, { namespace: initialConfig.namespace })
+      ]
+    }
+  ) });
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+const Direction = {
+  east: 1 << 0,
+  north: 1 << 3,
+  south: 1 << 1,
+  west: 1 << 2
+};
+function ImageResizer({
+  onResizeStart,
+  onResizeEnd,
+  buttonRef,
+  imageRef,
+  maxWidth,
+  editor,
+  showCaption,
+  setShowCaption,
+  captionsEnabled
+}) {
+  const controlWrapperRef = useRef(null);
+  const userSelect = useRef({
+    priority: "",
+    value: "default"
+  });
+  const positioningRef = useRef({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: false,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  });
+  const editorRootElement = editor.getRootElement();
+  const maxWidthContainer = editorRootElement !== null ? editorRootElement.getBoundingClientRect().width - 20 : 100;
+  const maxHeightContainer = editorRootElement !== null ? editorRootElement.getBoundingClientRect().height - 20 : 100;
+  const minWidth = 100;
+  const minHeight = 100;
+  const setStartCursor = (direction) => {
+    const ew = direction === Direction.east || direction === Direction.west;
+    const ns = direction === Direction.north || direction === Direction.south;
+    const nwse = direction & Direction.north && direction & Direction.west || direction & Direction.south && direction & Direction.east;
+    const cursorDir = ew ? "ew" : ns ? "ns" : nwse ? "nwse" : "nesw";
+    if (editorRootElement !== null) {
+      editorRootElement.style.setProperty(
+        "cursor",
+        `${cursorDir}-resize`,
+        "important"
+      );
+    }
+    if (document.body !== null) {
+      document.body.style.setProperty(
+        "cursor",
+        `${cursorDir}-resize`,
+        "important"
+      );
+      userSelect.current.value = document.body.style.getPropertyValue(
+        "-webkit-user-select"
+      );
+      userSelect.current.priority = document.body.style.getPropertyPriority(
+        "-webkit-user-select"
+      );
+      document.body.style.setProperty(
+        "-webkit-user-select",
+        `none`,
+        "important"
+      );
+    }
+  };
+  const setEndCursor = () => {
+    if (editorRootElement !== null) {
+      editorRootElement.style.setProperty("cursor", "text");
+    }
+    if (document.body !== null) {
+      document.body.style.setProperty("cursor", "default");
+      document.body.style.setProperty(
+        "-webkit-user-select",
+        userSelect.current.value,
+        userSelect.current.priority
+      );
+    }
+  };
+  const handlePointerDown = (event, direction) => {
+    if (!editor.isEditable()) {
+      return;
+    }
+    const image = imageRef.current;
+    const controlWrapper = controlWrapperRef.current;
+    if (image !== null && controlWrapper !== null) {
+      event.preventDefault();
+      const { width, height } = image.getBoundingClientRect();
+      const zoom = calculateZoomLevel(image);
+      const positioning = positioningRef.current;
+      positioning.startWidth = width;
+      positioning.startHeight = height;
+      positioning.ratio = width / height;
+      positioning.currentWidth = width;
+      positioning.currentHeight = height;
+      positioning.startX = event.clientX / zoom;
+      positioning.startY = event.clientY / zoom;
+      positioning.isResizing = true;
+      positioning.direction = direction;
+      setStartCursor(direction);
+      onResizeStart();
+      controlWrapper.classList.add("image-control-wrapper--resizing");
+      image.style.height = `${height}px`;
+      image.style.width = `${width}px`;
+      document.addEventListener("pointermove", handlePointerMove);
+      document.addEventListener("pointerup", handlePointerUp);
+    }
+  };
+  const handlePointerMove = (event) => {
+    const image = imageRef.current;
+    const positioning = positioningRef.current;
+    const isHorizontal = positioning.direction & (Direction.east | Direction.west);
+    const isVertical = positioning.direction & (Direction.south | Direction.north);
+    if (image !== null && positioning.isResizing) {
+      const zoom = calculateZoomLevel(image);
+      if (isHorizontal && isVertical) {
+        let diff = Math.floor(positioning.startX - event.clientX / zoom);
+        diff = positioning.direction & Direction.east ? -diff : diff;
+        const width = clamp(
+          positioning.startWidth + diff,
+          minWidth,
+          maxWidthContainer
+        );
+        const height = width / positioning.ratio;
+        image.style.width = `${width}px`;
+        image.style.height = `${height}px`;
+        positioning.currentHeight = height;
+        positioning.currentWidth = width;
+      } else if (isVertical) {
+        let diff = Math.floor(positioning.startY - event.clientY / zoom);
+        diff = positioning.direction & Direction.south ? -diff : diff;
+        const height = clamp(
+          positioning.startHeight + diff,
+          minHeight,
+          maxHeightContainer
+        );
+        image.style.height = `${height}px`;
+        positioning.currentHeight = height;
+      } else {
+        let diff = Math.floor(positioning.startX - event.clientX / zoom);
+        diff = positioning.direction & Direction.east ? -diff : diff;
+        const width = clamp(
+          positioning.startWidth + diff,
+          minWidth,
+          maxWidthContainer
+        );
+        image.style.width = `${width}px`;
+        positioning.currentWidth = width;
+      }
+    }
+  };
+  const handlePointerUp = () => {
+    const image = imageRef.current;
+    const positioning = positioningRef.current;
+    const controlWrapper = controlWrapperRef.current;
+    if (image !== null && controlWrapper !== null && positioning.isResizing) {
+      const width = positioning.currentWidth;
+      const height = positioning.currentHeight;
+      positioning.startWidth = 0;
+      positioning.startHeight = 0;
+      positioning.ratio = 0;
+      positioning.startX = 0;
+      positioning.startY = 0;
+      positioning.currentWidth = 0;
+      positioning.currentHeight = 0;
+      positioning.isResizing = false;
+      controlWrapper.classList.remove("image-control-wrapper--resizing");
+      setEndCursor();
+      onResizeEnd(width, height);
+      document.removeEventListener("pointermove", handlePointerMove);
+      document.removeEventListener("pointerup", handlePointerUp);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: controlWrapperRef, children: [
+    !showCaption && captionsEnabled && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "image-caption-button",
+        ref: buttonRef,
+        onClick: () => {
+          setShowCaption(!showCaption);
+        },
+        children: "Add Caption"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north | Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south | Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south | Direction.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north | Direction.west);
+        }
+      }
+    )
+  ] });
+}
+const imageCache = /* @__PURE__ */ new Set();
+const RIGHT_CLICK_IMAGE_COMMAND = createCommand("RIGHT_CLICK_IMAGE_COMMAND");
+function useSuspenseImage(src) {
+  if (!imageCache.has(src)) {
+    throw new Promise((resolve) => {
+      const img = new Image();
+      img.src = src;
+      img.onload = () => {
+        imageCache.add(src);
+        resolve(null);
+      };
+      img.onerror = () => {
+        imageCache.add(src);
+      };
+    });
+  }
+}
+function LazyImage({
+  altText,
+  className,
+  imageRef,
+  src,
+  width,
+  height,
+  maxWidth,
+  onError
+}) {
+  useSuspenseImage(src);
+  const hasExplicitSize = typeof width === "number" && typeof height === "number";
+  const computedWidth = typeof width === "number" ? width : "auto";
+  const computedHeight = typeof height === "number" ? height : "auto";
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      className: className || void 0,
+      src,
+      alt: altText,
+      ref: imageRef,
+      style: hasExplicitSize ? {
+        // User has set a numeric size or original dimensions are provided
+        width: computedWidth,
+        height: computedHeight,
+        maxWidth: "100%"
+      } : {
+        // No dimensions specified - use original image size
+        maxWidth: "100%",
+        height: "auto"
+      },
+      onError,
+      draggable: "false"
+    }
+  );
+}
+function BrokenImage() {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    }
+  );
+}
+function ImageComponent({
+  src,
+  altText,
+  nodeKey,
+  width,
+  height,
+  maxWidth,
+  resizable,
+  showCaption,
+  caption,
+  captionsEnabled,
+  originalPrompt,
+  position = "none",
+  linkUrl
+}) {
+  const imageRef = useRef(null);
+  const buttonRef = useRef(null);
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const [isResizing, setIsResizing] = useState(false);
+  useCollaborationContext();
+  const [editor] = useLexicalComposerContext();
+  const [selection, setSelection] = useState(null);
+  const activeEditorRef = useRef(null);
+  const [isLoadError, setIsLoadError] = useState(false);
+  const isEditable = useLexicalEditable();
+  const [showRefineInput, setShowRefineInput] = useState(false);
+  const [refinementPrompt, setRefinementPrompt] = useState("");
+  const [isRefining, setIsRefining] = useState(false);
+  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();
+      if (isSelected && $isNodeSelection(deleteSelection)) {
+        const event = payload;
+        event.preventDefault();
+        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");
+              }
+            }
+          });
+        });
+      }
+      return false;
+    },
+    [editor, isSelected]
+  );
+  const $onEnter = useCallback(
+    (event) => {
+      const latestSelection = $getSelection();
+      const buttonElem = buttonRef.current;
+      if (isSelected && $isNodeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
+        if (showCaption) {
+          $setSelection(null);
+          event.preventDefault();
+          caption.focus();
+          return true;
+        } else if (buttonElem !== null && buttonElem !== document.activeElement) {
+          event.preventDefault();
+          buttonElem.focus();
+          return true;
+        }
+      }
+      return false;
+    },
+    [caption, isSelected, showCaption]
+  );
+  const $onEscape = useCallback(
+    (event) => {
+      if (activeEditorRef.current === caption || buttonRef.current === event.target) {
+        $setSelection(null);
+        editor.update(() => {
+          setSelected(true);
+          const parentRootElement = editor.getRootElement();
+          if (parentRootElement !== null) {
+            parentRootElement.focus();
+          }
+        });
+        return true;
+      }
+      return false;
+    },
+    [caption, editor, setSelected]
+  );
+  const onClick = useCallback(
+    (payload) => {
+      const event = payload;
+      if (isResizing) {
+        return true;
+      }
+      const target = event.target;
+      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 {
+          clearSelection();
+          setSelected(true);
+        }
+        return true;
+      }
+      return false;
+    },
+    [isResizing, isSelected, setSelected, clearSelection]
+  );
+  const onRightClick = useCallback(
+    (event) => {
+      editor.getEditorState().read(() => {
+        const latestSelection = $getSelection();
+        const domElement = event.target;
+        if (domElement.tagName === "IMG" && $isRangeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
+          editor.dispatchCommand(
+            RIGHT_CLICK_IMAGE_COMMAND,
+            event
+          );
+        }
+      });
+    },
+    [editor]
+  );
+  useEffect(() => {
+    let isMounted = true;
+    const rootElement = editor.getRootElement();
+    const unregister = mergeRegister(
+      editor.registerUpdateListener(({ editorState }) => {
+        if (isMounted) {
+          setSelection(editorState.read(() => $getSelection()));
+        }
+      }),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        (_, activeEditor) => {
+          activeEditorRef.current = activeEditor;
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        CLICK_COMMAND,
+        onClick,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        RIGHT_CLICK_IMAGE_COMMAND,
+        onClick,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        DRAGSTART_COMMAND,
+        (event) => {
+          if (event.target === imageRef.current) {
+            event.preventDefault();
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_DELETE_COMMAND,
+        $onDelete,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_BACKSPACE_COMMAND,
+        $onDelete,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(KEY_ENTER_COMMAND, $onEnter, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(
+        KEY_ESCAPE_COMMAND,
+        $onEscape,
+        COMMAND_PRIORITY_LOW
+      )
+    );
+    rootElement == null ? void 0 : rootElement.addEventListener("contextmenu", onRightClick);
+    return () => {
+      isMounted = false;
+      unregister();
+      rootElement == null ? void 0 : rootElement.removeEventListener("contextmenu", onRightClick);
+    };
+  }, [
+    clearSelection,
+    editor,
+    isResizing,
+    isSelected,
+    nodeKey,
+    $onDelete,
+    $onEnter,
+    $onEscape,
+    onClick,
+    onRightClick,
+    setSelected
+  ]);
+  const setShowCaption = () => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setShowCaption(true);
+      }
+    });
+  };
+  const onResizeEnd = (nextWidth, nextHeight) => {
+    setTimeout(() => {
+      setIsResizing(false);
+    }, 200);
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setWidthAndHeight(nextWidth, nextHeight);
+      }
+    });
+  };
+  const onResizeStart = () => {
+    setIsResizing(true);
+  };
+  const handleOpenInNewTab = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (src.startsWith("data:")) {
+      const newWindow = window.open("", "_blank");
+      if (newWindow) {
+        newWindow.document.write(`
+          <!DOCTYPE html>
+          <html>
+            <head>
+              <title>${altText || "Image"}</title>
+              <style>
+                body {
+                  margin: 0;
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  min-height: 100vh;
+                  background-color: #1a1a1a;
+                }
+                img {
+                  max-width: 100%;
+                  max-height: 100vh;
+                  object-fit: contain;
+                }
+              </style>
+            </head>
+            <body>
+              <img src="${src}" alt="${altText || "Image"}" />
+            </body>
+          </html>
+        `);
+        newWindow.document.close();
+      }
+    } else {
+      window.open(src, "_blank");
+    }
+  };
+  const handleDeleteImage = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    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);
+      }
+    });
+  };
+  const handleRefineClick = (e) => {
+    e.preventDefault();
+    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;
+    setIsRefining(true);
+    const loadingToast = toast.loading("Refining image...", {
+      description: "This may take 10-30 seconds. Please wait."
+    });
+    try {
+      let combinedPrompt = refinementPrompt.trim();
+      if (originalPrompt && originalPrompt.trim()) {
+        const original = originalPrompt.trim();
+        const refinement = refinementPrompt.trim();
+        const cleanedRefinement = refinement.replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim();
+        combinedPrompt = `${original} with ${cleanedRefinement}`;
+      } else {
+        if (altText && altText !== "Generated image" && altText.trim()) {
+          const cleanedRefinement = refinementPrompt.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim();
+          combinedPrompt = `${altText} with ${cleanedRefinement}`;
+        }
+      }
+      const response = await AiJsonResponse({
+        content: `Generate Image: ${combinedPrompt}`
+      });
+      const htmlString = response == null ? void 0 : response.data;
+      if (!htmlString) {
+        throw new Error("Failed to generate image - empty response");
+      }
+      const parser = new DOMParser();
+      const dom = parser.parseFromString(htmlString, "text/html");
+      const imgElement = dom.querySelector("img");
+      if (!imgElement || !imgElement.src) {
+        throw new Error(`No image found in response`);
+      }
+      const generatedImageUrl = imgElement.src;
+      toast.dismiss(loadingToast);
+      toast.success("Image refined successfully!", {
+        description: "Compare the images and choose which to keep."
+      });
+      setNewImageUrl(generatedImageUrl);
+      setNewCombinedPrompt(combinedPrompt);
+      setShowComparisonDialog(true);
+      setRefinementPrompt("");
+      setShowRefineInput(false);
+    } catch (error) {
+      toast.dismiss(loadingToast);
+      toast.error("Failed to refine image", {
+        description: error instanceof Error ? error.message : "Unknown error. Please try again."
+      });
+    } finally {
+      setIsRefining(false);
+    }
+  };
+  const handleReplaceImage = () => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setSrc(newImageUrl);
+        node.setOriginalPrompt(newCombinedPrompt);
+        const currentSelection = $getSelection();
+        if (currentSelection) {
+          $setSelection(currentSelection.clone());
+        }
+      }
+    });
+    setShowComparisonDialog(false);
+    setNewImageUrl("");
+    setNewCombinedPrompt("");
+    toast.success("Image replaced successfully!", {
+      description: "The image has been updated with the refined version."
+    });
+  };
+  const handleCancelReplace = () => {
+    setShowComparisonDialog(false);
+    setNewImageUrl("");
+    setNewCombinedPrompt("");
+  };
+  const draggable = isSelected && $isNodeSelection(selection) && !isResizing;
+  const isFocused = (isSelected || isResizing) && isEditable;
+  const getPositionStyles = () => {
+    if (position === "left" || position === "right") {
+      return {
+        position: "relative",
+        display: "block",
+        width: "100%"
+        // Fill the floated container
+      };
+    }
+    if (position === "full") {
+      return {
+        position: "relative",
+        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 {
+      position: "relative",
+      display: "inline-block"
+    };
+  };
+  const handleDirectClick = useCallback(
+    (e) => {
+      if (isResizing) {
+        return;
+      }
+      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 {
+        clearSelection();
+        setSelected(true);
+      }
+    },
+    [isResizing, isSelected, setSelected, clearSelection]
+  );
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        draggable,
+        style: getPositionStyles(),
+        onClick: handleDirectClick,
+        onMouseEnter: handleImageMouseEnter,
+        onMouseLeave: handleImageMouseLeave,
+        children: [
+          isLoadError ? /* @__PURE__ */ jsx(BrokenImage, {}) : /* @__PURE__ */ jsx(
+            LazyImage,
+            {
+              className: isFocused ? `focused ${$isNodeSelection(selection) ? "draggable" : ""}` : linkUrl ? "cteditor-cursor-pointer" : null,
+              src,
+              altText,
+              imageRef,
+              width,
+              height,
+              maxWidth,
+              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-flex cteditor-gap-1  z-10 ${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"}`,
+              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",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleRefineClick(e);
+                    },
+                    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": "Refine image",
+                    title: "Refine image",
+                    children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleOpenInNewTab(e);
+                    },
+                    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": "Open image in new tab",
+                    title: "Open in new tab",
+                    children: /* @__PURE__ */ jsx(ExternalLink, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleDeleteImage(e);
+                    },
+                    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",
+                    "aria-label": "Delete image",
+                    title: "Delete image",
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  }
+                )
+              ]
+            }
+          ),
+          showRefineInput && isSelected && !isLoadError && originalPrompt && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background cteditor-rounded-lg cteditor-shadow-xl cteditor-border cteditor-border-border cteditor-p-3",
+              style: { zIndex: 10 },
+              onClick: (e) => e.stopPropagation(),
+              onKeyDown: (e) => e.stopPropagation(),
+              onKeyUp: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-2", children: [
+                /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "What else do you want in this scene?" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: refinementPrompt,
+                    onChange: (e) => setRefinementPrompt(e.target.value),
+                    onKeyDown: (e) => {
+                      e.stopPropagation();
+                      if (e.key === "Enter" && refinementPrompt.trim() && !isRefining) {
+                        handleRefineImage();
+                      }
+                      if (e.key === "Escape") {
+                        setShowRefineInput(false);
+                        setRefinementPrompt("");
+                      }
+                    },
+                    onKeyUp: (e) => {
+                      e.stopPropagation();
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    },
+                    placeholder: "e.g., flying birds, golden sunset, stormy clouds...",
+                    className: "cteditor-w-full cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-border cteditor-border-border cteditor-rounded-md cteditor-bg-background cteditor-text-foreground focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-blue-500",
+                    disabled: isRefining,
+                    autoFocus: true
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleRefineImage();
+                      },
+                      disabled: isRefining || !refinementPrompt.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: isRefining ? /* @__PURE__ */ jsxs("span", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2", children: [
+                        /* @__PURE__ */ jsx("span", { className: "cteditor-inline-block cteditor-w-4 cteditor-h-4 cteditor-border-2 cteditor-border-white cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }),
+                        "Refining..."
+                      ] }) : "Refine Image"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setShowRefineInput(false);
+                        setRefinementPrompt("");
+                      },
+                      disabled: isRefining,
+                      className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          resizable && $isNodeSelection(selection) && isFocused && /* @__PURE__ */ jsx(
+            ImageResizer,
+            {
+              showCaption,
+              setShowCaption,
+              editor,
+              buttonRef,
+              imageRef,
+              maxWidth,
+              onResizeStart,
+              onResizeEnd,
+              captionsEnabled: !isLoadError && captionsEnabled
+            }
+          )
+        ]
+      }
+    ),
+    showCaption && (altText.startsWith("Signature by") ? /* @__PURE__ */ jsx(SignatureCaption, { caption }) : /* @__PURE__ */ jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ jsxs(
+      LexicalNestedComposer,
+      {
+        initialEditor: caption,
+        initialNodes: [
+          RootNode,
+          TextNode,
+          LineBreakNode,
+          ParagraphNode,
+          LinkNode,
+          CodeNode
+        ],
+        children: [
+          /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
+          /* @__PURE__ */ jsx(
+            RichTextPlugin,
+            {
+              contentEditable: /* @__PURE__ */ jsx(
+                ContentEditable,
+                {
+                  "aria-placeholder": "Enter a caption...",
+                  placeholder: () => /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
+                  className: "ImageNode__contentEditable"
+                }
+              ),
+              ErrorBoundary: LexicalErrorBoundary
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            OnChangePlugin,
+            {
+              onChange: () => {
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(HistoryPlugin, {}),
+          /* @__PURE__ */ jsx(LocalStoragePlugin, { namespace: initialConfig.namespace })
+        ]
+      }
+    ) })),
+    /* @__PURE__ */ jsx(
+      ImageComparisonDialog,
+      {
+        open: showComparisonDialog,
+        onOpenChange: setShowComparisonDialog,
+        oldImageUrl: src,
+        newImageUrl,
+        onReplace: handleReplaceImage,
+        onCancel: handleCancelReplace
+      }
+    )
+  ] }) });
+}
+export {
+  RIGHT_CLICK_IMAGE_COMMAND,
+  ImageComponent as default
+};
+//# sourceMappingURL=index-68349a2f.js.map