@examind/block-editor 0.1.20 → 0.1.22

package/dist/index.mjs

@@ -4525,7 +4525,7 @@ import { useEffect as useEffect30, useRef as useRef20 } from "react";
 // src/plugins/ImagePlugin/ImageSettings.tsx
 import { useLexicalComposerContext as useLexicalComposerContext17 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey14 } from "lexical";
-import { useEffect as useEffect29, useRef as useRef19 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect29, useRef as useRef19, useState as useState5 } from "react";
 import { Fragment as Fragment17, jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
 function ImageSettings(props) {
   const { nodeKey } = props;
@@ -4535,28 +4535,96 @@ function ImageSettings(props) {
   const alignRadioGroupRef = useRef19(null);
   const widthRadioGroupRef = useRef19(null);
   const altTextInputRef = useRef19(null);
+  const [currentImageNode, setCurrentImageNode] = useState5();
   useEffect29(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const imageNode = $getNodeByKey14(nodeKey);
         if (imageNode && $isImageNode(imageNode)) {
-          alignRadioGroupRef.current?.setValue(
-            imageNode.__align || "start"
-          );
-          showBorderInputRef.current?.setChecked(
-            !!imageNode.__showBorder
-          );
-          showCaptionInputRef.current?.setChecked(
-            !!imageNode.__showCaption
-          );
-          widthRadioGroupRef.current?.setValue(imageNode.__width);
-          altTextInputRef.current?.setValue(
-            imageNode.__altText || ""
-          );
+          setCurrentImageNode(imageNode);
         }
       });
     }
   }, [editor, nodeKey]);
+  useEffect29(() => {
+    if (currentImageNode) {
+      alignRadioGroupRef.current?.setValue(
+        currentImageNode.__align || "left"
+      );
+      showBorderInputRef.current?.setChecked(
+        currentImageNode.__showBorder
+      );
+      showCaptionInputRef.current?.setChecked(
+        currentImageNode.__showCaption
+      );
+      widthRadioGroupRef.current?.setValue(currentImageNode.__width);
+      altTextInputRef.current?.setValue(
+        currentImageNode.__altText || ""
+      );
+    }
+  }, [currentImageNode]);
+  const handleShowBorderChange = useCallback3(
+    (checked) => {
+      editor.update(() => {
+        const targetNode = $getNodeByKey14(nodeKey);
+        if (targetNode && $isImageNode(targetNode)) {
+          targetNode.setShowBorder(checked);
+        }
+      });
+    },
+    [editor, nodeKey]
+  );
+  const handleShowCaptionChange = useCallback3(
+    (checked) => {
+      editor.update(() => {
+        const targetNode = $getNodeByKey14(nodeKey);
+        if (targetNode && $isImageNode(targetNode)) {
+          targetNode.setShowCaption(checked);
+        }
+      });
+    },
+    [editor, nodeKey]
+  );
+  const handleAlightChange = useCallback3(
+    (value) => {
+      editor.update(() => {
+        const targetNode = $getNodeByKey14(nodeKey);
+        if (targetNode && $isImageNode(targetNode)) {
+          targetNode.setAlign(value);
+        }
+      });
+    },
+    [editor, nodeKey]
+  );
+  const handleSizeChange = useCallback3(
+    (value) => {
+      editor.update(() => {
+        const targetNode = $getNodeByKey14(nodeKey);
+        if (targetNode && $isImageNode(targetNode)) {
+          targetNode.setWidth(value);
+        }
+      });
+    },
+    [editor, nodeKey]
+  );
+  const handleAltTextChange = useCallback3(
+    (text) => {
+      editor.update(() => {
+        const targetNode = $getNodeByKey14(nodeKey);
+        if (targetNode && $isImageNode(targetNode)) {
+          if (text) {
+            targetNode.setAltText(text);
+          } else {
+            targetNode.setAltText("");
+          }
+        }
+      });
+    },
+    [editor, nodeKey]
+  );
+  if (!currentImageNode) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs15(Fragment17, { children: [
     /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45(
       Checkbox,
@@ -4565,14 +4633,7 @@ function ImageSettings(props) {
         size: "small",
         name: "showBorder",
         label: "Border",
-        onChange: (checked) => {
-          editor.update(() => {
-            const targetNode = $getNodeByKey14(nodeKey);
-            if (targetNode && $isImageNode(targetNode)) {
-              targetNode.setShowBorder(checked);
-            }
-          });
-        }
+        onChange: handleShowBorderChange
       }
     ) }),
     /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45(
@@ -4582,14 +4643,7 @@ function ImageSettings(props) {
         size: "small",
         name: "showCaption",
         label: "Caption",
-        onChange: (checked) => {
-          editor.update(() => {
-            const targetNode = $getNodeByKey14(nodeKey);
-            if (targetNode && $isImageNode(targetNode)) {
-              targetNode.setShowCaption(checked);
-            }
-          });
-        }
+        onChange: handleShowCaptionChange
       }
     ) }),
     /* @__PURE__ */ jsx45("div", { style: { gridColumn: "span 2" }, children: /* @__PURE__ */ jsx45("sl-divider", { style: { "--spacing": "5px" } }) }),
@@ -4599,17 +4653,10 @@ function ImageSettings(props) {
         ref: alignRadioGroupRef,
         label: "Align",
         name: "align",
-        onChange: (value) => {
-          editor.update(() => {
-            const targetNode = $getNodeByKey14(nodeKey);
-            if (targetNode && $isImageNode(targetNode)) {
-              targetNode.setAlign(value);
-            }
-          });
-        },
+        onChange: handleAlightChange,
         options: [
           {
-            id: "start",
+            id: "left",
             label: "Left"
           },
           {
@@ -4617,7 +4664,7 @@ function ImageSettings(props) {
             label: "Center"
           },
           {
-            id: "end",
+            id: "right",
             label: "Right"
           }
         ]
@@ -4629,14 +4676,7 @@ function ImageSettings(props) {
         ref: widthRadioGroupRef,
         label: "Size",
         name: "width",
-        onChange: (value) => {
-          editor.update(() => {
-            const targetNode = $getNodeByKey14(nodeKey);
-            if (targetNode && $isImageNode(targetNode)) {
-              targetNode.setWidth(value);
-            }
-          });
-        },
+        onChange: handleSizeChange,
         options: [
           {
             id: "188px",
@@ -4677,18 +4717,7 @@ function ImageSettings(props) {
             label: "Alt Text",
             clearable: true,
             debounceDelay: 800,
-            onChange: (text) => {
-              editor.update(() => {
-                const targetNode = $getNodeByKey14(nodeKey);
-                if (targetNode && $isImageNode(targetNode)) {
-                  if (text) {
-                    targetNode.setAltText(text);
-                  } else {
-                    targetNode.setAltText("");
-                  }
-                }
-              });
-            }
+            onChange: handleAltTextChange
           }
         )
       }
@@ -4925,7 +4954,7 @@ function ImagePlugin(props) {
   useEffect30(() => {
     if (isBlockEditorReady && settingsPanelStickyRef.current) {
       registerSettingsPanel(
-        ImageNode.getType(),
+        ImageNode2.getType(),
         settingsPanelStickyRef.current
       );
     }
@@ -5161,7 +5190,7 @@ function convertImageElement(domNode) {
   });
   return { node };
 }
-var ImageNode = class _ImageNode extends DecoratorNode3 {
+var ImageNode2 = class _ImageNode extends DecoratorNode3 {
   static getType() {
     return "image";
   }
@@ -5190,11 +5219,11 @@ var ImageNode = class _ImageNode extends DecoratorNode3 {
   _createWrapper() {
     const element = document.createElement("div");
     element.classList.add("image-box-wrapper");
-    if (this.__align === "start") {
+    if (this.__align === "left") {
       element.classList.add("left-aligned");
     } else if (this.__align === "center") {
       element.classList.add("centered");
-    } else if (this.__align === "end") {
+    } else if (this.__align === "right") {
       element.classList.add("right-aligned");
     }
     return element;
@@ -5204,11 +5233,11 @@ var ImageNode = class _ImageNode extends DecoratorNode3 {
   }
   updateDOM(_prevNode, dom, _config) {
     dom.classList.remove("left-aligned", "centered", "right-aligned");
-    if (this.__align === "start") {
+    if (this.__align === "left") {
       dom.classList.add("left-aligned");
     } else if (this.__align === "center") {
       dom.classList.add("centered");
-    } else if (this.__align === "end") {
+    } else if (this.__align === "right") {
       dom.classList.add("right-aligned");
     }
     return false;
@@ -5336,7 +5365,7 @@ function $createImageNode(payload) {
     key
   } = payload;
   return $applyNodeReplacement3(
-    new ImageNode(
+    new ImageNode2(
       width,
       align,
       src,
@@ -5349,11 +5378,11 @@ function $createImageNode(payload) {
   );
 }
 function $isImageNode(node) {
-  return node instanceof ImageNode;
+  return node instanceof ImageNode2;
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext33 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext34 } from "@lexical/react/LexicalComposerContext";
 import {
   $createNodeSelection as $createNodeSelection7,
   $getNodeByKey as $getNodeByKey27,
@@ -5361,7 +5390,7 @@ import {
   CLICK_COMMAND as CLICK_COMMAND7,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW7
 } from "lexical";
-import { useEffect as useEffect40, useRef as useRef26 } from "react";
+import { useEffect as useEffect41, useRef as useRef26 } from "react";
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
 import {
@@ -6207,12 +6236,12 @@ import {
   $getNodeByKey as $getNodeByKey19,
   $getRoot as $getRoot3
 } from "lexical";
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback4 } from "react";
 import { jsx as jsx54, jsxs as jsxs18 } from "react/jsx-runtime";
 function DistractorButton(props) {
   const { nodeKey, itemIndex } = props;
   const [editor] = useLexicalComposerContext23();
-  const addDistractor = useCallback3(() => {
+  const addDistractor = useCallback4(() => {
     editor.update(
       () => {
         const foundNode = $getNodeByKey19(nodeKey);
@@ -6322,7 +6351,7 @@ import {
   $getRoot as $getRoot4
 } from "lexical";
 import { CircleMinus, CirclePlus } from "lucide-react";
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 import { jsx as jsx56, jsxs as jsxs19 } from "react/jsx-runtime";
 function QuestionItemComponent(props) {
   const {
@@ -6335,7 +6364,7 @@ function QuestionItemComponent(props) {
   } = props;
   const { historyState } = useSharedHistoryContext();
   const [editor] = useLexicalComposerContext25();
-  const addItem = useCallback4(() => {
+  const addItem = useCallback5(() => {
     editor.update(
       () => {
         const foundNode = $getNodeByKey20(nodeKey);
@@ -6379,7 +6408,7 @@ function QuestionItemComponent(props) {
       }
     );
   }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = useCallback4(() => {
+  const removeItem = useCallback5(() => {
     editor.update(() => {
       const foundNode = $getNodeByKey20(nodeKey);
       if ($isMatchingQuestionNode(foundNode)) {
@@ -6771,7 +6800,7 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW5
 } from "lexical";
 import { Plus } from "lucide-react";
-import { useCallback as useCallback7, useEffect as useEffect37, useRef as useRef24 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect37, useRef as useRef24 } from "react";
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionItemComponent.tsx
 import { useLexicalComposerContext as useLexicalComposerContext27 } from "@lexical/react/LexicalComposerContext";
@@ -6782,13 +6811,13 @@ import { RichTextPlugin as RichTextPlugin3 } from "@lexical/react/LexicalRichTex
 import clsx3 from "clsx";
 import { $getNodeByKey as $getNodeByKey22 } from "lexical";
 import { Check, Trash2 as Trash23, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 import { jsx as jsx59, jsxs as jsxs21 } from "react/jsx-runtime";
 function MultipleOptionQuestionItemComponent(props) {
   const { nodeKey, id, optionIndex, correct, content } = props;
   const { historyState } = useSharedHistoryContext();
   const [editor] = useLexicalComposerContext27();
-  const toggleChoice = useCallback5(() => {
+  const toggleChoice = useCallback6(() => {
     editor.update(() => {
       const foundNode = $getNodeByKey22(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
@@ -6796,7 +6825,7 @@ function MultipleOptionQuestionItemComponent(props) {
       }
     });
   }, [editor, nodeKey, optionIndex, correct]);
-  const removeOptionItem = useCallback5(() => {
+  const removeOptionItem = useCallback6(() => {
     editor.update(() => {
       const foundNode = $getNodeByKey22(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
@@ -6894,12 +6923,12 @@ function MultipleOptionQuestionItemComponent(props) {
 import { useLexicalComposerContext as useLexicalComposerContext28 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey23 } from "lexical";
 import { Check as Check2, Trash2 as Trash24 } from "lucide-react";
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 import { jsx as jsx60, jsxs as jsxs22 } from "react/jsx-runtime";
 function MultipleOptionQuestionNoneOfTheAboveItem(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext28();
-  const removeOptionItem = useCallback6(() => {
+  const removeOptionItem = useCallback7(() => {
     editor.update(() => {
       const foundNode = $getNodeByKey23(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
@@ -6954,7 +6983,7 @@ function MultipleOptionQuestionComponent(props) {
   const { nodeKey, options, questionType, noneOfTheAbove } = props;
   const [editor] = useLexicalComposerContext29();
   const rootElementRef = useRef24(null);
-  const addOptionItem = useCallback7(() => {
+  const addOptionItem = useCallback8(() => {
     let newContent = void 0;
     editor.update(
       () => {
@@ -7332,8 +7361,45 @@ import {
 } from "lexical";
 import { nanoid as nanoid5 } from "nanoid";
 
-// src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionComponent.tsx
+// src/plugins/WordsCounterPlugin/WordsCounterPlugin.tsx
 import { useLexicalComposerContext as useLexicalComposerContext30 } from "@lexical/react/LexicalComposerContext";
+import { $getRoot as $getRoot7 } from "lexical";
+import debounce3 from "lodash-es/debounce";
+import { useEffect as useEffect38 } from "react";
+import { Fragment as Fragment23, jsx as jsx63 } from "react/jsx-runtime";
+function countWords(text) {
+  if (text && text.trim().length > 0) {
+    const words = text.split(" ").filter((word) => word && word.trim().length > 0);
+    return words.length;
+  }
+  return 0;
+}
+function WordsCounterPlugin(props) {
+  const { onChange } = props;
+  const [editor] = useLexicalComposerContext30();
+  const handleChange = debounce3((editorState) => {
+    editorState.read(() => {
+      onChange(countWords($getRoot7().getTextContent()));
+    });
+  }, 800);
+  useEffect38(() => {
+    editor.getEditorState().read(() => {
+      onChange(countWords($getRoot7().getTextContent()));
+    });
+    return editor.registerUpdateListener(
+      ({ editorState, dirtyElements, dirtyLeaves, tags }) => {
+        if (dirtyElements.size === 0 && dirtyLeaves.size === 0 || tags.has("history-merge")) {
+          return;
+        }
+        handleChange(editorState);
+      }
+    );
+  }, [editor]);
+  return /* @__PURE__ */ jsx63(Fragment23, {});
+}
+
+// src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionComponent.tsx
+import { useLexicalComposerContext as useLexicalComposerContext31 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary5 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin5 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer5 } from "@lexical/react/LexicalNestedComposer";
@@ -7345,14 +7411,18 @@ import {
   CLICK_COMMAND as CLICK_COMMAND6,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW6
 } from "lexical";
-import { useEffect as useEffect38, useRef as useRef25 } from "react";
-import { jsx as jsx63, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useEffect as useEffect39, useRef as useRef25 } from "react";
+import { jsx as jsx64, jsxs as jsxs24 } from "react/jsx-runtime";
+function getFooterText(wordsCount) {
+  return `${wordsCount} / 100 words`;
+}
 function ShortAnswerQuestionComponent(props) {
   const { nodeKey, id, notes } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext30();
+  const [editor] = useLexicalComposerContext31();
   const rootElementRef = useRef25(null);
-  useEffect38(() => {
+  const promptFooterTextRef = useRef25(null);
+  useEffect39(() => {
     return editor.registerCommand(
       CLICK_COMMAND6,
       (event, _activeEditor) => {
@@ -7380,7 +7450,7 @@ function ShortAnswerQuestionComponent(props) {
       id,
       className: "short-answer-question-prompt",
       children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           "div",
           {
             className: "short-answer-question-prompt-title",
@@ -7388,41 +7458,56 @@ function ShortAnswerQuestionComponent(props) {
             children: "Short Answer"
           }
         ),
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx64(
           "div",
           {
             className: "short-answer-question-prompt-content",
             "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ jsx63("div", { className: "title", "data-selectable": "true", children: "Answer Key" }),
-              /* @__PURE__ */ jsx63("div", { children: /* @__PURE__ */ jsx63(LexicalNestedComposer5, { initialEditor: notes, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx63(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx63(
-                  RichTextPlugin4,
-                  {
-                    contentEditable: /* @__PURE__ */ jsx63(NestedContentEditable, {}),
-                    ErrorBoundary: LexicalErrorBoundary5,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ jsx63(HistoryPlugin5, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx63(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: ShortAnswerQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx63(
-                  TypeaheadVariableAgentPlugin,
-                  {
-                    decoratorNode: ShortAnswerQuestionNode
+            children: /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsx64(LexicalNestedComposer5, { initialEditor: notes, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
+              /* @__PURE__ */ jsx64(SettingsPanelNestedAgentPlugin, {}),
+              /* @__PURE__ */ jsx64(
+                RichTextPlugin4,
+                {
+                  contentEditable: /* @__PURE__ */ jsx64(NestedContentEditable, {}),
+                  ErrorBoundary: LexicalErrorBoundary5,
+                  placeholder: null
+                },
+                nodeKey
+              ),
+              /* @__PURE__ */ jsx64(HistoryPlugin5, { externalHistoryState: historyState }),
+              /* @__PURE__ */ jsx64(
+                TextToolbarAgentPlugin,
+                {
+                  decoratorNode: ShortAnswerQuestionNode
+                }
+              ),
+              /* @__PURE__ */ jsx64(
+                TypeaheadVariableAgentPlugin,
+                {
+                  decoratorNode: ShortAnswerQuestionNode
+                }
+              ),
+              /* @__PURE__ */ jsx64(VariableComponentPlugin, {}),
+              /* @__PURE__ */ jsx64(VariableToolbarAgentPlugin, {}),
+              /* @__PURE__ */ jsx64(
+                WordsCounterPlugin,
+                {
+                  onChange: (wordsCount) => {
+                    if (promptFooterTextRef.current) {
+                      promptFooterTextRef.current.innerText = getFooterText(wordsCount);
+                    }
                   }
-                ),
-                /* @__PURE__ */ jsx63(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx63(VariableToolbarAgentPlugin, {})
-              ] }) }) })
-            ]
+                }
+              )
+            ] }) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx64(
+          "div",
+          {
+            "data-selectable": "true",
+            className: "short-answer-question-prompt-footer",
+            children: /* @__PURE__ */ jsx64("span", { ref: promptFooterTextRef })
           }
         )
       ]
@@ -7431,7 +7516,7 @@ function ShortAnswerQuestionComponent(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionNode.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var TYPE_NAME7 = "short-answer-question";
 function initNewContentEditor3() {
   return createEditor5();
@@ -7520,7 +7605,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends DecoratorNo
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65(
       ShortAnswerQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7540,17 +7625,17 @@ function $isShortAnswerQuestionNode(node) {
 }
 
 // src/plugins/VariablesPlugin/TypeaheadVariableAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext31 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext32 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister8 } from "@lexical/utils";
 import { createCommand as createCommand7 } from "lexical";
-import { useEffect as useEffect39 } from "react";
-import { Fragment as Fragment23, jsx as jsx65 } from "react/jsx-runtime";
+import { useEffect as useEffect40 } from "react";
+import { Fragment as Fragment24, jsx as jsx66 } from "react/jsx-runtime";
 var TYPEAHEAD_VARIABLE_COMMAND = createCommand7("TYPEAHEAD_VARIABLE_COMMAND");
 function TypeaheadVariableAgentPlugin(props) {
   const { decoratorNode } = props;
   const { hasModule, modulesNumber } = useBlockEditor();
-  const [editor] = useLexicalComposerContext31();
-  useEffect39(() => {
+  const [editor] = useLexicalComposerContext32();
+  useEffect40(() => {
     if (hasModule("Variables")) {
       return mergeRegister8(
         editor.registerUpdateListener(({ tags }) => {
@@ -7563,11 +7648,11 @@ function TypeaheadVariableAgentPlugin(props) {
       );
     }
   }, [editor, modulesNumber, decoratorNode, hasModule]);
-  return /* @__PURE__ */ jsx65(Fragment23, {});
+  return /* @__PURE__ */ jsx66(Fragment24, {});
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext32 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext33 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary6 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin6 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer6 } from "@lexical/react/LexicalNestedComposer";
@@ -7576,16 +7661,16 @@ import clsx4 from "clsx";
 import {
   $createParagraphNode as $createParagraphNode8,
   $getNodeByKey as $getNodeByKey26,
-  $getRoot as $getRoot7
+  $getRoot as $getRoot8
 } from "lexical";
 import { CircleMinus as CircleMinus2, CirclePlus as CirclePlus2 } from "lucide-react";
-import { useCallback as useCallback8 } from "react";
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useCallback as useCallback9 } from "react";
+import { jsx as jsx67, jsxs as jsxs25 } from "react/jsx-runtime";
 function JournalEntryQuestionItemComponent(props) {
   const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext32();
-  const addItem = useCallback8(() => {
+  const [editor] = useLexicalComposerContext33();
+  const addItem = useCallback9(() => {
     editor.update(
       () => {
         const foundNode = $getNodeByKey26(nodeKey);
@@ -7601,7 +7686,7 @@ function JournalEntryQuestionItemComponent(props) {
               const newEntryItem = foundNode.__lineItems[itemIndex + 1];
               if (newEntryItem.account) {
                 newEntryItem.account.update(() => {
-                  const root = $getRoot7();
+                  const root = $getRoot8();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
                     firstChild = $createParagraphNode8();
@@ -7612,7 +7697,7 @@ function JournalEntryQuestionItemComponent(props) {
               }
               if (newEntryItem.credit) {
                 newEntryItem.credit.update(() => {
-                  const root = $getRoot7();
+                  const root = $getRoot8();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
                     firstChild = $createParagraphNode8();
@@ -7622,7 +7707,7 @@ function JournalEntryQuestionItemComponent(props) {
               }
               if (newEntryItem.debit) {
                 newEntryItem.debit.update(() => {
-                  const root = $getRoot7();
+                  const root = $getRoot8();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
                     firstChild = $createParagraphNode8();
@@ -7636,7 +7721,7 @@ function JournalEntryQuestionItemComponent(props) {
       }
     );
   }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = useCallback8(() => {
+  const removeItem = useCallback9(() => {
     editor.update(() => {
       const foundNode = $getNodeByKey26(nodeKey);
       if ($isJournalEntryQuestionNode(foundNode)) {
@@ -7662,32 +7747,32 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx66("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx66("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choices (1 per line)" }) }),
-              /* @__PURE__ */ jsx66("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx66(LexicalNestedComposer6, { initialEditor: account, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx66(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx67("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx67("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choices (1 per line)" }) }),
+              /* @__PURE__ */ jsx67("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx67(LexicalNestedComposer6, { initialEditor: account, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx67(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx67(
                   RichTextPlugin5,
                   {
-                    contentEditable: /* @__PURE__ */ jsx66(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx67(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary6,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx66(HistoryPlugin6, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx67(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(VariableComponentPlugin, {})
+                /* @__PURE__ */ jsx67(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
@@ -7704,36 +7789,36 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx66("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx66("div", { "data-selectable": "true", children: "Debit" }) }),
-              /* @__PURE__ */ jsx66("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx66(LexicalNestedComposer6, { initialEditor: debit, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx66(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx67("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx67("div", { "data-selectable": "true", children: "Debit" }) }),
+              /* @__PURE__ */ jsx67("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx67(LexicalNestedComposer6, { initialEditor: debit, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx67(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx67(
                   RichTextPlugin5,
                   {
-                    contentEditable: /* @__PURE__ */ jsx66(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx67(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary6,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx66(HistoryPlugin6, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx67(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(VariableComponentPlugin, {})
+                /* @__PURE__ */ jsx67(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
-        ) : /* @__PURE__ */ jsx66("div", {}),
+        ) : /* @__PURE__ */ jsx67("div", {}),
         credit ? /* @__PURE__ */ jsxs25(
           "div",
           {
@@ -7746,36 +7831,36 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx66("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx66("div", { "data-selectable": "true", children: "Credit" }) }),
-              /* @__PURE__ */ jsx66("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx66(LexicalNestedComposer6, { initialEditor: credit, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx66(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx67("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx67("div", { "data-selectable": "true", children: "Credit" }) }),
+              /* @__PURE__ */ jsx67("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx67(LexicalNestedComposer6, { initialEditor: credit, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx67(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx67(
                   RichTextPlugin5,
                   {
-                    contentEditable: /* @__PURE__ */ jsx66(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx67(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary6,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx66(HistoryPlugin6, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx67(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx67(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx66(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx66(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ jsx67(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx67(VariableToolbarAgentPlugin, {})
               ] }) }) }),
               /* @__PURE__ */ jsxs25("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsx66(
+                itemIndex > 0 ? /* @__PURE__ */ jsx67("div", { children: /* @__PURE__ */ jsx67(
                   Button,
                   {
                     StartIcon: CircleMinus2,
@@ -7784,8 +7869,8 @@ function JournalEntryQuestionItemComponent(props) {
                     className: "cancel",
                     onClick: removeItem
                   }
-                ) }) : /* @__PURE__ */ jsx66("div", {}),
-                /* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsx66(
+                ) }) : /* @__PURE__ */ jsx67("div", {}),
+                /* @__PURE__ */ jsx67("div", { children: /* @__PURE__ */ jsx67(
                   Button,
                   {
                     StartIcon: CirclePlus2,
@@ -7798,19 +7883,19 @@ function JournalEntryQuestionItemComponent(props) {
               ] })
             ]
           }
-        ) : /* @__PURE__ */ jsx66("div", {})
+        ) : /* @__PURE__ */ jsx67("div", {})
       ]
     }
   );
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs26 } from "react/jsx-runtime";
 function JournalEntryQuestionComponent(props) {
   const { nodeKey, journalType, lineItems, id } = props;
-  const [editor] = useLexicalComposerContext33();
+  const [editor] = useLexicalComposerContext34();
   const rootElementRef = useRef26(null);
-  useEffect40(() => {
+  useEffect41(() => {
     return editor.registerCommand(
       CLICK_COMMAND7,
       (event, _activeEditor) => {
@@ -7838,7 +7923,7 @@ function JournalEntryQuestionComponent(props) {
       id,
       className: "journal-entry-question-prompt",
       children: [
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           "div",
           {
             className: "journal-entry-question-prompt-title",
@@ -7858,14 +7943,14 @@ function JournalEntryQuestionComponent(props) {
                   className: "journal-entry-question-prompt-question-item correct",
                   "data-selectable": "true",
                   children: [
-                    /* @__PURE__ */ jsx67("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx67("div", { "data-selectable": "true", children: "Correct Choice" }) }),
-                    /* @__PURE__ */ jsx67("div", { "data-selectable": "true", children: "No Entry Required" })
+                    /* @__PURE__ */ jsx68("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx68("div", { "data-selectable": "true", children: "Correct Choice" }) }),
+                    /* @__PURE__ */ jsx68("div", { "data-selectable": "true", children: "No Entry Required" })
                   ]
                 }
               ),
               journalType === "noEntryRequiredCorrect" && lineItems.map((journalEntryItem, itemIndex) => {
                 if (!journalEntryItem.correct) {
-                  return /* @__PURE__ */ jsx67(
+                  return /* @__PURE__ */ jsx68(
                     JournalEntryQuestionItemComponent,
                     {
                       nodeKey,
@@ -7881,7 +7966,7 @@ function JournalEntryQuestionComponent(props) {
                 }
               }),
               (journalType === "default" || journalType === "noEntryRequiredDistractor") && lineItems.map((journalEntryItem, itemIndex) => {
-                return /* @__PURE__ */ jsx67(
+                return /* @__PURE__ */ jsx68(
                   JournalEntryQuestionItemComponent,
                   {
                     nodeKey,
@@ -7910,7 +7995,7 @@ import {
   createEditor as createEditor6
 } from "lexical";
 import { nanoid as nanoid6 } from "nanoid";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var TYPE_NAME8 = "journal-entry-question";
 var JournalTypeLabelMap = {
   default: "Default",
@@ -8107,7 +8192,7 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends Decorator
     }
   }
   decorate() {
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       JournalEntryQuestionComponent,
       {
         nodeKey: this.__key,
@@ -8134,20 +8219,20 @@ function $isJournalEntryQuestionNode(node) {
 }
 
 // src/plugins/TextToolbarPlugin/TextToolbarAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext34 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext35 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister9 } from "@lexical/utils";
 import {
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR5,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND3,
   createCommand as createCommand8
 } from "lexical";
-import { useEffect as useEffect41 } from "react";
-import { Fragment as Fragment24, jsx as jsx69 } from "react/jsx-runtime";
+import { useEffect as useEffect42 } from "react";
+import { Fragment as Fragment25, jsx as jsx70 } from "react/jsx-runtime";
 var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = createCommand8("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
 function TextToolbarAgentPlugin(props) {
   const { decoratorNode } = props;
-  const [editor] = useLexicalComposerContext34();
-  useEffect41(() => {
+  const [editor] = useLexicalComposerContext35();
+  useEffect42(() => {
     return mergeRegister9(
       editor.registerCommand(
         SELECTION_CHANGE_COMMAND3,
@@ -8172,20 +8257,20 @@ function TextToolbarAgentPlugin(props) {
       })
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx69(Fragment24, {});
+  return /* @__PURE__ */ jsx70(Fragment25, {});
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext35 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext36 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister10 } from "@lexical/utils";
 import { createCommand as createCommand9 } from "lexical";
-import { useEffect as useEffect42 } from "react";
-import { Fragment as Fragment25, jsx as jsx70 } from "react/jsx-runtime";
+import { useEffect as useEffect43 } from "react";
+import { Fragment as Fragment26, jsx as jsx71 } from "react/jsx-runtime";
 var TYPEAHEAD_MENU_COMMAND = createCommand9("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
 function TypeaheadMenuAgentPlugin(props) {
   const { decoratorNode } = props;
-  const [editor] = useLexicalComposerContext35();
-  useEffect42(() => {
+  const [editor] = useLexicalComposerContext36();
+  useEffect43(() => {
     return mergeRegister10(
       editor.registerUpdateListener(({ tags }) => {
         if (!tags.has("history-merge")) {
@@ -8196,11 +8281,11 @@ function TypeaheadMenuAgentPlugin(props) {
       })
     );
   }, [editor, decoratorNode]);
-  return /* @__PURE__ */ jsx70(Fragment25, {});
+  return /* @__PURE__ */ jsx71(Fragment26, {});
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext37 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext38 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary7 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin7 } from "@lexical/react/LexicalHistoryPlugin";
 import { ListPlugin } from "@lexical/react/LexicalListPlugin";
@@ -8215,7 +8300,7 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW8,
   createCommand as createCommand10
 } from "lexical";
-import { useEffect as useEffect44, useRef as useRef28 } from "react";
+import { useEffect as useEffect45, useRef as useRef28 } from "react";
 
 // src/utils/extractSelectionNode.ts
 import { $getSelection as $getSelection2, $isRangeSelection } from "lexical";
@@ -8255,7 +8340,7 @@ function $extractSelectionNode() {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankSpaceComponentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext36 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext37 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister11 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection8,
@@ -8271,16 +8356,16 @@ import {
   KEY_ARROW_UP_COMMAND,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND4
 } from "lexical";
-import { useEffect as useEffect43, useRef as useRef27 } from "react";
-import { Fragment as Fragment26, jsx as jsx71 } from "react/jsx-runtime";
+import { useEffect as useEffect44, useRef as useRef27 } from "react";
+import { Fragment as Fragment27, jsx as jsx72 } from "react/jsx-runtime";
 function FillInTheBlankSpaceComponentPlugin() {
   const { nestedEditorId } = useNestedEditor();
-  const [editor] = useLexicalComposerContext36();
+  const [editor] = useLexicalComposerContext37();
   const lastSelectedNodeRef = useRef27(
     void 0
   );
   const selectedSpaceNodeKeyRef = useRef27(void 0);
-  useEffect43(() => {
+  useEffect44(() => {
     return mergeRegister11(
       editor.registerCommand(
         CREATE_SPACE_FROM_SELECTION_COMMAND,
@@ -8353,18 +8438,18 @@ function FillInTheBlankSpaceComponentPlugin() {
       )
     );
   }, [editor, nestedEditorId]);
-  return /* @__PURE__ */ jsx71(Fragment26, {});
+  return /* @__PURE__ */ jsx72(Fragment27, {});
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-import { jsx as jsx72, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs27 } from "react/jsx-runtime";
 var CREATE_SPACE_FROM_SELECTION_COMMAND = createCommand10("CREATE_SPACE_FROM_SELECTION_COMMAND");
 function FillInTheBlankQuestionComponent(props) {
   const { nodeKey, id, content } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext37();
+  const [editor] = useLexicalComposerContext38();
   const rootElementRef = useRef28(null);
-  useEffect44(() => {
+  useEffect45(() => {
     return editor.registerCommand(
       CLICK_COMMAND9,
       (event, _activeEditor) => {
@@ -8396,7 +8481,7 @@ function FillInTheBlankQuestionComponent(props) {
       id,
       className: "fill-in-the-blank-question-prompt",
       children: [
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(
           "div",
           {
             className: "fill-in-the-blank-question-prompt-title",
@@ -8410,45 +8495,45 @@ function FillInTheBlankQuestionComponent(props) {
             className: "fill-in-the-blank-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx72("div", { className: "title", "data-selectable": "true", children: "Statement" }),
-              /* @__PURE__ */ jsx72(LexicalNestedComposer7, { initialEditor: content, children: /* @__PURE__ */ jsxs27(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx72(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx72(FillInTheBlankSpaceComponentPlugin, {}),
-                /* @__PURE__ */ jsx72(FillInTheBlankSpaceSettingsPlugin, {}),
-                /* @__PURE__ */ jsx72(
+              /* @__PURE__ */ jsx73("div", { className: "title", "data-selectable": "true", children: "Statement" }),
+              /* @__PURE__ */ jsx73(LexicalNestedComposer7, { initialEditor: content, children: /* @__PURE__ */ jsxs27(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx73(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx73(FillInTheBlankSpaceComponentPlugin, {}),
+                /* @__PURE__ */ jsx73(FillInTheBlankSpaceSettingsPlugin, {}),
+                /* @__PURE__ */ jsx73(
                   RichTextPlugin6,
                   {
-                    contentEditable: /* @__PURE__ */ jsx72(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx73(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary7,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx72(HistoryPlugin7, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsx73(HistoryPlugin7, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx73(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsx73(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx72(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx72(VariableToolbarAgentPlugin, {}),
-                /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsx73(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx73(VariableToolbarAgentPlugin, {}),
+                /* @__PURE__ */ jsx73(
                   TypeaheadMenuAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx72(ListPlugin, {}),
-                /* @__PURE__ */ jsx72(ListLevelLimitPlugin, {}),
-                /* @__PURE__ */ jsx72(Table, {}),
-                /* @__PURE__ */ jsx72(TabIndentationPlugin, {})
+                /* @__PURE__ */ jsx73(ListPlugin, {}),
+                /* @__PURE__ */ jsx73(ListLevelLimitPlugin, {}),
+                /* @__PURE__ */ jsx73(Table, {}),
+                /* @__PURE__ */ jsx73(TabIndentationPlugin, {})
               ] }) })
             ]
           }
@@ -8459,7 +8544,7 @@ function FillInTheBlankQuestionComponent(props) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var TYPE_NAME9 = "fill-in-the-blank-question";
 function initNewContentEditor5() {
   return createEditor7();
@@ -8540,7 +8625,7 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends Decor
     writable.__pointsPerSpace = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ jsx73(
+    return /* @__PURE__ */ jsx74(
       FillInTheBlankQuestionComponent,
       {
         nodeKey: this.__key,
@@ -8560,17 +8645,17 @@ function $isFillInTheBlankQuestionNode(node) {
 }
 
 // src/plugins/SettingsPanel/SmartTableSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext38 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext39 } from "@lexical/react/LexicalComposerContext";
 import { $isTableNode as $isTableNode8 } from "@lexical/table";
 import { $getNodeByKey as $getNodeByKey29 } from "lexical";
-import { useEffect as useEffect45, useRef as useRef29 } from "react";
-import { Fragment as Fragment27, jsx as jsx74, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect46, useRef as useRef29 } from "react";
+import { Fragment as Fragment28, jsx as jsx75, jsxs as jsxs28 } from "react/jsx-runtime";
 function SmartTableSettings(props) {
   const { nodeKey } = props;
   const isHeaderRowInputRef = useRef29(null);
   const isRowStripingInputRef = useRef29(null);
-  const [editor] = useLexicalComposerContext38();
-  useEffect45(() => {
+  const [editor] = useLexicalComposerContext39();
+  useEffect46(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const targetNode = $getNodeByKey29(nodeKey);
@@ -8585,8 +8670,8 @@ function SmartTableSettings(props) {
       });
     }
   }, [editor, nodeKey]);
-  return /* @__PURE__ */ jsxs28(Fragment27, { children: [
-    /* @__PURE__ */ jsx74("div", { children: /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs28(Fragment28, { children: [
+    /* @__PURE__ */ jsx75("div", { children: /* @__PURE__ */ jsx75(
       Checkbox,
       {
         ref: isHeaderRowInputRef,
@@ -8615,7 +8700,7 @@ function SmartTableSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx74("div", { children: /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75("div", { children: /* @__PURE__ */ jsx75(
       Checkbox,
       {
         ref: isRowStripingInputRef,
@@ -8636,7 +8721,7 @@ function SmartTableSettings(props) {
 }
 
 // src/plugins/SettingsPanel/SettingsPanelPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext39 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext40 } from "@lexical/react/LexicalComposerContext";
 import { $isTableNode as $isTableNode9, TableNode as TableNode3 } from "@lexical/table";
 import { mergeRegister as mergeRegister12 } from "@lexical/utils";
 import {
@@ -8649,13 +8734,13 @@ import {
   RootNode,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND5
 } from "lexical";
-import debounce3 from "lodash-es/debounce";
-import { useEffect as useEffect46, useRef as useRef30, useState as useState5 } from "react";
-import { Fragment as Fragment28, jsx as jsx75, jsxs as jsxs29 } from "react/jsx-runtime";
+import debounce4 from "lodash-es/debounce";
+import { useEffect as useEffect47, useRef as useRef30, useState as useState6 } from "react";
+import { Fragment as Fragment29, jsx as jsx76, jsxs as jsxs29 } from "react/jsx-runtime";
 var REQUEST_DECORATOR_NODE_COMMAND = createCommand11("REQUEST_DECORATOR_NODE_COMMAND");
 var RESPONSE_DECORATOR_NODE_COMMAND = createCommand11("RESPONSE_DECORATOR_NODE_COMMAND");
 function SettingsPanelPlugin() {
-  const [editor] = useLexicalComposerContext39();
+  const [editor] = useLexicalComposerContext40();
   const {
     settingsPanelSwitch,
     toggleSettingsPanelSwitch,
@@ -8665,12 +8750,12 @@ function SettingsPanelPlugin() {
     renderSettings,
     autoOpenSettingsPanel
   } = useBlockEditor();
-  const [_articleIsReady, setArticleReady] = useState5(false);
+  const [_articleIsReady, setArticleReady] = useState6(false);
   const articleElementRef = useRef30();
   const currentStickyRef = useRef30(null);
   const tableStickyRef = useRef30(null);
   const emptyStickyRef = useRef30(null);
-  const [selectedNode, setSelectedNode] = useState5();
+  const [selectedNode, setSelectedNode] = useState6();
   const currentFocusedNode = useRef30();
   const currentFocusedElement = useRef30(null);
   const currentNestedEditorId = useRef30();
@@ -8684,7 +8769,7 @@ function SettingsPanelPlugin() {
       }
     }
   }
-  const setSelection = debounce3(() => {
+  const setSelection = debounce4(() => {
     clearSelection();
     if (currentFocusedElement.current) {
       currentFocusedElement.current.setAttribute(
@@ -8699,7 +8784,7 @@ function SettingsPanelPlugin() {
       setSelectedNode(void 0);
     }
   }, 300);
-  useEffect46(() => {
+  useEffect47(() => {
     return mergeRegister12(
       editor.registerCommand(
         RESPONSE_DECORATOR_NODE_COMMAND,
@@ -8771,7 +8856,7 @@ function SettingsPanelPlugin() {
       })
     );
   }, [editor]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (settingsPanelSwitch === "on") {
       currentStickyRef.current?.hide();
       currentStickyRef.current = null;
@@ -8803,16 +8888,16 @@ function SettingsPanelPlugin() {
       currentStickyRef.current?.hide();
     }
   }, [settingsPanelSwitch, selectedNode]);
-  return /* @__PURE__ */ jsx75(Fragment28, { children: settingsPanelSwitch === "on" && drawer && /* @__PURE__ */ jsxs29(Fragment28, { children: [
-    /* @__PURE__ */ jsx75(StickyToPosition, { ref: tableStickyRef, container: drawer, children: (data, position, isVisible) => {
-      return /* @__PURE__ */ jsx75("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(Fragment29, { children: settingsPanelSwitch === "on" && drawer && /* @__PURE__ */ jsxs29(Fragment29, { children: [
+    /* @__PURE__ */ jsx76(StickyToPosition, { ref: tableStickyRef, container: drawer, children: (data, position, isVisible) => {
+      return /* @__PURE__ */ jsx76("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx76(
         SettingsCard,
         {
           isVisible: !!isVisible,
           container: drawer,
           title: "Table Settings",
           onClose: toggleSettingsPanelSwitch,
-          children: /* @__PURE__ */ jsx75(
+          children: /* @__PURE__ */ jsx76(
             SmartTableSettings,
             {
               nodeKey: data.nodeKey
@@ -8822,8 +8907,8 @@ function SettingsPanelPlugin() {
         }
       ) });
     } }),
-    /* @__PURE__ */ jsx75(StickyToPosition, { ref: emptyStickyRef, container: drawer, children: (_data, position, isVisible) => {
-      return /* @__PURE__ */ jsx75("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(StickyToPosition, { ref: emptyStickyRef, container: drawer, children: (_data, position, isVisible) => {
+      return /* @__PURE__ */ jsx76("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx76(
         SettingsExtraCard,
         {
           isVisible: !!isVisible,
@@ -8838,18 +8923,18 @@ function SettingsPanelPlugin() {
 }
 
 // src/plugins/SettingsPanel/SettingsPanelNestedAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext40 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext41 } from "@lexical/react/LexicalComposerContext";
 import {
   $getSelection as $getSelection5,
   $isNodeSelection as $isNodeSelection3,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR8
 } from "lexical";
-import { useEffect as useEffect47 } from "react";
-import { Fragment as Fragment29, jsx as jsx76 } from "react/jsx-runtime";
+import { useEffect as useEffect48 } from "react";
+import { Fragment as Fragment30, jsx as jsx77 } from "react/jsx-runtime";
 function SettingsPanelNestedAgentPlugin() {
   const { nestedEditorId, decoratorNodeKey } = useNestedEditor();
-  const [editor] = useLexicalComposerContext40();
-  useEffect47(() => {
+  const [editor] = useLexicalComposerContext41();
+  useEffect48(() => {
     return editor.registerCommand(
       REQUEST_DECORATOR_NODE_COMMAND,
       () => {
@@ -8878,7 +8963,7 @@ function SettingsPanelNestedAgentPlugin() {
       COMMAND_PRIORITY_EDITOR8
     );
   }, [editor, nestedEditorId, decoratorNodeKey]);
-  return /* @__PURE__ */ jsx76(Fragment29, {});
+  return /* @__PURE__ */ jsx77(Fragment30, {});
 }
 
 // src/utils/getLineBreakNodeBeforeCaretOnLastLine.ts
@@ -8939,7 +9024,7 @@ import { PlainTextPlugin as PlainTextPlugin2 } from "@lexical/react/LexicalPlain
 import { useLexicalNodeSelection as useLexicalNodeSelection3 } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as mergeRegister13 } from "@lexical/utils";
 import {
-  $getRoot as $getRoot8,
+  $getRoot as $getRoot9,
   $getSelection as $getSelection6,
   $isParagraphNode,
   $isRangeSelection as $isRangeSelection4,
@@ -8947,13 +9032,13 @@ import {
   KEY_BACKSPACE_COMMAND as KEY_BACKSPACE_COMMAND3,
   KEY_ENTER_COMMAND
 } from "lexical";
-import { useEffect as useEffect48 } from "react";
-import { jsx as jsx77, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect49 } from "react";
+import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
 function CalloutBoxComponent(props) {
   const { nodeKey, content, calloutType } = props;
   const { historyState } = useSharedHistoryContext();
   const [isSelected] = useLexicalNodeSelection3(nodeKey);
-  useEffect48(() => {
+  useEffect49(() => {
     if (content) {
       return mergeRegister13(
         content.registerCommand(
@@ -8964,7 +9049,7 @@ function CalloutBoxComponent(props) {
               () => {
                 const currentSelection = $getSelection6();
                 if ($isRangeSelection4(currentSelection) && currentSelection.isCollapsed()) {
-                  const firstChild = $getRoot8().getFirstChild();
+                  const firstChild = $getRoot9().getFirstChild();
                   if (firstChild?.getTextContentSize() === 0) {
                     event.stopPropagation();
                     event.preventDefault();
@@ -8998,7 +9083,7 @@ function CalloutBoxComponent(props) {
           (event) => {
             const currentSelection = $getSelection6();
             if ($isRangeSelection4(currentSelection) && currentSelection.isCollapsed()) {
-              const firstChild = $getRoot8().getFirstChild();
+              const firstChild = $getRoot9().getFirstChild();
               if ($isParagraphNode(firstChild)) {
                 const breakNodes = getLineBreakNodeBeforeCaretOnLastLine(
                   firstChild,
@@ -9043,29 +9128,29 @@ function CalloutBoxComponent(props) {
         outline: isSelected ? "1px dashed var(--sl-color-primary-500)" : void 0
       },
       children: [
-        /* @__PURE__ */ jsx77("div", { className: "callout-box-icon", children: /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78("div", { className: "callout-box-icon", children: /* @__PURE__ */ jsx78(
           Icon,
           {
             style: { color: `var(${CALLOUT_COLORS[calloutType]}-400)` },
             icon: CALLOUT_ICONS[calloutType]
           }
         ) }),
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           "div",
           {
             className: "callout-box-content",
             style: { color: `var(${CALLOUT_COLORS[calloutType]}-600)` },
-            children: /* @__PURE__ */ jsx77(LexicalNestedComposer8, { initialEditor: content, children: /* @__PURE__ */ jsxs30(NestedEditor, { nodeKey, children: [
-              /* @__PURE__ */ jsx77(SettingsPanelNestedAgentPlugin, {}),
-              /* @__PURE__ */ jsx77(
+            children: /* @__PURE__ */ jsx78(LexicalNestedComposer8, { initialEditor: content, children: /* @__PURE__ */ jsxs30(NestedEditor, { nodeKey, children: [
+              /* @__PURE__ */ jsx78(SettingsPanelNestedAgentPlugin, {}),
+              /* @__PURE__ */ jsx78(
                 PlainTextPlugin2,
                 {
-                  contentEditable: /* @__PURE__ */ jsx77(NestedContentEditable, {}),
+                  contentEditable: /* @__PURE__ */ jsx78(NestedContentEditable, {}),
                   ErrorBoundary: LexicalErrorBoundary8
                 }
               ),
-              /* @__PURE__ */ jsx77(HistoryPlugin8, { externalHistoryState: historyState }),
-              /* @__PURE__ */ jsx77(TextToolbarAgentPlugin, { decoratorNode: CalloutBoxNode })
+              /* @__PURE__ */ jsx78(HistoryPlugin8, { externalHistoryState: historyState }),
+              /* @__PURE__ */ jsx78(TextToolbarAgentPlugin, { decoratorNode: CalloutBoxNode })
             ] }) })
           }
         )
@@ -9075,7 +9160,7 @@ function CalloutBoxComponent(props) {
 }
 
 // src/plugins/CalloutBoxPlugin/CalloutBoxNode.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var CALLOUT_ICONS = {
   info: Info,
   tip: Lightbulb
@@ -9169,7 +9254,7 @@ var CalloutBoxNode = class _CalloutBoxNode extends DecoratorNode11 {
     writable.__calloutType = value;
   }
   decorate() {
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       CalloutBoxComponent,
       {
         nodeKey: this.getKey(),
@@ -9197,7 +9282,7 @@ import {
 import { nanoid as nanoid8 } from "nanoid";
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext41 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext42 } from "@lexical/react/LexicalComposerContext";
 import {
   $createNodeSelection as $createNodeSelection10,
   $getNodeByKey as $getNodeByKey31,
@@ -9205,13 +9290,13 @@ import {
   CLICK_COMMAND as CLICK_COMMAND10,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW10
 } from "lexical";
-import { useEffect as useEffect49, useRef as useRef31 } from "react";
-import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useEffect as useEffect50, useRef as useRef31 } from "react";
+import { jsx as jsx80, jsxs as jsxs31 } from "react/jsx-runtime";
 function EssayQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage } = props;
-  const [editor] = useLexicalComposerContext41();
+  const [editor] = useLexicalComposerContext42();
   const rootElementRef = useRef31(null);
-  useEffect49(() => {
+  useEffect50(() => {
     return editor.registerCommand(
       CLICK_COMMAND10,
       (event, _activeEditor) => {
@@ -9239,7 +9324,7 @@ function EssayQuestionComponent(props) {
       id,
       className: "essay-question-prompt",
       children: [
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           "div",
           {
             className: "essay-question-prompt-title",
@@ -9247,12 +9332,12 @@ function EssayQuestionComponent(props) {
             children: "Essay"
           }
         ),
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           "div",
           {
             className: "essay-question-prompt-content",
             "data-selectable": "true",
-            children: /* @__PURE__ */ jsx79("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
+            children: /* @__PURE__ */ jsx80("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
           }
         )
       ]
@@ -9261,7 +9346,7 @@ function EssayQuestionComponent(props) {
 }
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionNode.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var TYPE_NAME11 = "essay-question";
 var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
   constructor(points, maxWords, hideChat, aiSystemMessage, aiChatModel, id, key) {
@@ -9348,7 +9433,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx81(
       EssayQuestionComponent,
       {
         nodeKey: this.__key,
@@ -9375,7 +9460,7 @@ function $isEssayQuestionNode(node) {
 }
 
 // src/plugins/HorizontalRulePlugin/HorizontalRuleNode.tsx
-import { useLexicalComposerContext as useLexicalComposerContext42 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext43 } from "@lexical/react/LexicalComposerContext";
 import { useLexicalNodeSelection as useLexicalNodeSelection4 } from "@lexical/react/useLexicalNodeSelection";
 import {
   addClassNamesToElement,
@@ -9393,13 +9478,13 @@ import {
   KEY_BACKSPACE_COMMAND as KEY_BACKSPACE_COMMAND4,
   KEY_DELETE_COMMAND as KEY_DELETE_COMMAND3
 } from "lexical";
-import { useCallback as useCallback9, useEffect as useEffect50 } from "react";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { useCallback as useCallback10, useEffect as useEffect51 } from "react";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var INSERT_HORIZONTAL_RULE_COMMAND = createCommand12("INSERT_HORIZONTAL_RULE_COMMAND");
 function HorizontalRuleComponent({ nodeKey }) {
-  const [editor] = useLexicalComposerContext42();
+  const [editor] = useLexicalComposerContext43();
   const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection4(nodeKey);
-  const $onDelete = useCallback9(
+  const $onDelete = useCallback10(
     (event) => {
       const deleteSelection = $getSelection7();
       if (isSelected && $isNodeSelection4(deleteSelection)) {
@@ -9414,7 +9499,7 @@ function HorizontalRuleComponent({ nodeKey }) {
     },
     [isSelected]
   );
-  useEffect50(() => {
+  useEffect51(() => {
     return mergeRegister14(
       editor.registerCommand(
         CLICK_COMMAND11,
@@ -9449,7 +9534,7 @@ function HorizontalRuleComponent({ nodeKey }) {
     $onDelete,
     setSelected
   ]);
-  useEffect50(() => {
+  useEffect51(() => {
     const hrElem = editor.getElementByKey(nodeKey);
     const isSelectedClassName = editor._config.theme.hrSelected ?? "selected";
     if (hrElem !== null) {
@@ -9506,7 +9591,7 @@ var HorizontalRuleNode = class _HorizontalRuleNode extends DecoratorNode13 {
     return false;
   }
   decorate() {
-    return /* @__PURE__ */ jsx81(HorizontalRuleComponent, { nodeKey: this.__key });
+    return /* @__PURE__ */ jsx82(HorizontalRuleComponent, { nodeKey: this.__key });
   }
 };
 function $convertHorizontalRuleElement() {
@@ -9527,7 +9612,7 @@ import {
 import { nanoid as nanoid9 } from "nanoid";
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext43 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext44 } from "@lexical/react/LexicalComposerContext";
 import {
   $createNodeSelection as $createNodeSelection11,
   $getNodeByKey as $getNodeByKey32,
@@ -9535,13 +9620,13 @@ import {
   CLICK_COMMAND as CLICK_COMMAND12,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW12
 } from "lexical";
-import { useEffect as useEffect51, useRef as useRef32 } from "react";
-import { jsx as jsx82, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useEffect as useEffect52, useRef as useRef32 } from "react";
+import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
 function SimulationQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage, step2Instruction } = props;
-  const [editor] = useLexicalComposerContext43();
+  const [editor] = useLexicalComposerContext44();
   const rootElementRef = useRef32(null);
-  useEffect51(() => {
+  useEffect52(() => {
     return editor.registerCommand(
       CLICK_COMMAND12,
       (event, _activeEditor) => {
@@ -9569,7 +9654,7 @@ function SimulationQuestionComponent(props) {
       id,
       className: "simulation-question-prompt",
       children: [
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(
           "div",
           {
             className: "simulation-question-prompt-title",
@@ -9583,8 +9668,8 @@ function SimulationQuestionComponent(props) {
             className: "simulation-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx82("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
-              /* @__PURE__ */ jsx82("div", { children: step2Instruction })
+              /* @__PURE__ */ jsx83("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
+              /* @__PURE__ */ jsx83("div", { children: step2Instruction })
             ]
           }
         )
@@ -9594,7 +9679,7 @@ function SimulationQuestionComponent(props) {
 }
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionNode.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var TYPE_NAME12 = "simulation-question";
 var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode14 {
   constructor(points, aiSystemMessage, aiChatModel, step2Instructions, id, key) {
@@ -9673,7 +9758,7 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
     writable.__points = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsx84(
       SimulationQuestionComponent,
       {
         nodeKey: this.__key,
@@ -9712,7 +9797,7 @@ var commonEditorNodes = [
   HeadingNode,
   HorizontalRuleNode,
   QuoteNode,
-  ImageNode,
+  ImageNode2,
   ImagePlaceholderNode,
   LinkNode,
   ListItemNode2,
@@ -9774,8 +9859,8 @@ var initialEditorRegistry = {
 
 // src/content/drawer/Drawer.tsx
 import { Menu } from "lucide-react";
-import { forwardRef as forwardRef10, useEffect as useEffect52, useState as useState6 } from "react";
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { forwardRef as forwardRef10, useEffect as useEffect53, useState as useState7 } from "react";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var Drawer = forwardRef10(
   (props, ref) => {
     const {
@@ -9784,18 +9869,18 @@ var Drawer = forwardRef10(
       modulesNumber,
       hasModule
     } = useBlockEditor();
-    const [showSettingsButton, setShowSettingsButton] = useState6(false);
-    useEffect52(() => {
+    const [showSettingsButton, setShowSettingsButton] = useState7(false);
+    useEffect53(() => {
       if (hasModule("SettingsPanel")) {
         setShowSettingsButton(true);
       }
     }, [modulesNumber, hasModule]);
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx85(
       "nav",
       {
         ref,
         className: !showSettingsButton ? "disabled" : settingsPanelSwitch === "on" ? "shown" : "hidden",
-        children: settingsPanelSwitch === "off" && /* @__PURE__ */ jsx84("div", { children: /* @__PURE__ */ jsx84(
+        children: settingsPanelSwitch === "off" && /* @__PURE__ */ jsx85("div", { children: /* @__PURE__ */ jsx85(
           Button,
           {
             className: "cancel",
@@ -9812,27 +9897,27 @@ var Drawer = forwardRef10(
 
 // src/content/editable/ContentEditable.tsx
 import { ContentEditable as LexicalContentEditable2 } from "@lexical/react/LexicalContentEditable";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 function ContentEditable() {
-  return /* @__PURE__ */ jsx85(LexicalContentEditable2, { className: "content" });
+  return /* @__PURE__ */ jsx86(LexicalContentEditable2, { className: "content" });
 }
 
 // src/content/node/NodeProvider.tsx
 import React18, {
   useContext as useContext3,
-  useEffect as useEffect65,
+  useEffect as useEffect66,
   useRef as useRef46
 } from "react";
 
 // src/components/inputs/DropdownWrapper.tsx
 import {
   forwardRef as forwardRef11,
-  useEffect as useEffect53,
+  useEffect as useEffect54,
   useImperativeHandle as useImperativeHandle10,
   useMemo as useMemo6,
   useRef as useRef33
 } from "react";
-import { jsx as jsx86, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs33 } from "react/jsx-runtime";
 var DropdownWrapper = forwardRef11((props, ref) => {
   const {
     className,
@@ -9915,9 +10000,9 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       subMenu
     } = menuItem;
     if (menuItemDivider) {
-      menuItemElement = /* @__PURE__ */ jsx86("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ jsx87("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
     } else if (menuItemIsGroup) {
-      menuItemElement = /* @__PURE__ */ jsx86("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ jsx87("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
     } else if (subMenu) {
       const subMenuElements = [];
       let subTabsIndex = 0;
@@ -9936,7 +10021,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ jsx86(
+            MenuItemIcon && /* @__PURE__ */ jsx87(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -9945,7 +10030,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
               }
             ),
             menuItemLabel,
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(
               "sl-menu",
               {
                 slot: "submenu",
@@ -9982,7 +10067,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ jsx86(
+            MenuItemIcon && /* @__PURE__ */ jsx87(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -9991,7 +10076,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
               }
             ),
             menuItemLabel,
-            menuItemIsError && /* @__PURE__ */ jsx86(DotBadge, { variant: "danger", leftSided: true })
+            menuItemIsError && /* @__PURE__ */ jsx87(DotBadge, { variant: "danger", leftSided: true })
           ]
         },
         `menuItem${menuItemId}`
@@ -10013,7 +10098,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
   }, [menu]);
   filterNilAttrs(props, ["sync", "slot"]);
   const dropdownAttributes = filterNilAttrs(props, ["placement"]);
-  useEffect53(() => {
+  useEffect54(() => {
     window.customElements.whenDefined("sl-menu").then(() => {
       if (menuRef.current) {
         menuRef.current.addEventListener(
@@ -10031,7 +10116,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       }
     };
   }, [menu]);
-  useEffect53(() => {
+  useEffect54(() => {
     window.customElements.whenDefined("sl-dropdown").then(() => {
       if (dropdownRef.current) {
         dropdownRef.current.addEventListener(
@@ -10066,7 +10151,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       ...dropdownAttributes,
       children: [
         children,
-        menuItems.length > 0 && /* @__PURE__ */ jsx86(
+        menuItems.length > 0 && /* @__PURE__ */ jsx87(
           "sl-menu",
           {
             ref: menuRef,
@@ -10115,25 +10200,25 @@ function exportNodeToJSON(node) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext45 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext46 } from "@lexical/react/LexicalComposerContext";
 import { $isTableNode as $isTableNode10 } from "@lexical/table";
 import { mergeRegister as mergeRegister15 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection12,
   $createParagraphNode as $createParagraphNode9,
   $getNodeByKey as $getNodeByKey34,
-  $getRoot as $getRoot9,
+  $getRoot as $getRoot10,
   $parseSerializedNode,
   $setSelection as $setSelection12,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR9,
   createCommand as createCommand13
 } from "lexical";
-import { useEffect as useEffect55, useRef as useRef35 } from "react";
+import { useEffect as useEffect56, useRef as useRef35 } from "react";
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext44 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext45 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey33 } from "lexical";
-import { useEffect as useEffect54, useRef as useRef34, useState as useState7 } from "react";
+import { useEffect as useEffect55, useRef as useRef34, useState as useState8 } from "react";
 
 // src/plugins/FillInTheBlankQuestionPlugin/validatePointslnput.ts
 function validatePointsInput(input) {
@@ -10155,13 +10240,13 @@ function validatePointsInput(input) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionSettings.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 function FillInTheBlankQuestionSettings(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext44();
+  const [editor] = useLexicalComposerContext45();
   const pointsTextInputRef = useRef34(null);
-  const [foundNode, setFoundNode] = useState7();
-  useEffect54(() => {
+  const [foundNode, setFoundNode] = useState8();
+  useEffect55(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const fillInTheBlankNode = $getNodeByKey33(nodeKey);
@@ -10174,7 +10259,7 @@ function FillInTheBlankQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx87("div", { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsx88(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -10204,7 +10289,7 @@ function FillInTheBlankQuestionSettings(props) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionPlugin.tsx
-import { Fragment as Fragment30, jsx as jsx88 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx89 } from "react/jsx-runtime";
 var INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND = createCommand13("INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND");
 function FillInTheBlankQuestionPlugin() {
   const {
@@ -10213,9 +10298,9 @@ function FillInTheBlankQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext45();
+  const [editor] = useLexicalComposerContext46();
   const settingsPanelStickyRef = useRef35(null);
-  useEffect55(() => {
+  useEffect56(() => {
     return mergeRegister15(
       editor.registerCommand(
         INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND,
@@ -10262,7 +10347,7 @@ function FillInTheBlankQuestionPlugin() {
                     onUpdate: () => {
                       if (fillInTheBlankNode) {
                         fillInTheBlankNode.__content.update(() => {
-                          const root = $getRoot9();
+                          const root = $getRoot10();
                           if (serializedData) {
                             const nodeSerialized2 = JSON.parse(serializedData);
                             const newNode = $parseSerializedNode(nodeSerialized2);
@@ -10296,7 +10381,7 @@ function FillInTheBlankQuestionPlugin() {
                   {
                     onUpdate: () => {
                       fillInTheBlankNode?.__content.update(() => {
-                        const root = $getRoot9();
+                        const root = $getRoot10();
                         let firstChild = root.getFirstChild();
                         if (!firstChild) {
                           firstChild = $createParagraphNode9();
@@ -10316,7 +10401,7 @@ function FillInTheBlankQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (isBlockEditorReady) {
       if (settingsPanelStickyRef.current) {
         registerSettingsPanel(
@@ -10326,20 +10411,20 @@ function FillInTheBlankQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx88(Fragment30, { children: drawer && /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(Fragment31, { children: drawer && /* @__PURE__ */ jsx89(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx88("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx88(
+        return /* @__PURE__ */ jsx89("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx89(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Fill In The Blank Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ jsx88(
+            children: /* @__PURE__ */ jsx89(
               FillInTheBlankQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10354,23 +10439,23 @@ function FillInTheBlankQuestionPlugin() {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext47 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext48 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister16 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection13,
   $createParagraphNode as $createParagraphNode10,
   $getNodeByKey as $getNodeByKey36,
-  $getRoot as $getRoot10,
+  $getRoot as $getRoot11,
   $setSelection as $setSelection13,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR10,
   createCommand as createCommand14
 } from "lexical";
-import { useEffect as useEffect57, useRef as useRef37 } from "react";
+import { useEffect as useEffect58, useRef as useRef37 } from "react";
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext46 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext47 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey35 } from "lexical";
-import { useEffect as useEffect56, useMemo as useMemo7, useRef as useRef36, useState as useState8 } from "react";
+import { useEffect as useEffect57, useMemo as useMemo7, useRef as useRef36, useState as useState9 } from "react";
 
 // src/plugins/JournalEntryQuestionPlugin/validateErrorTolarancelnput.ts
 function validateErrorTolerance(input) {
@@ -10411,15 +10496,15 @@ function validatePointsInput2(input) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionSettings.tsx
-import { Fragment as Fragment31, jsx as jsx89, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx90, jsxs as jsxs34 } from "react/jsx-runtime";
 function JournalEntryQuestionSettings(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext46();
+  const [editor] = useLexicalComposerContext47();
   const pointsTextInputRef = useRef36(null);
   const errorToleranceTextInputRef = useRef36(null);
   const typeRadioGroupRef = useRef36(null);
-  const [foundNode, setFoundNode] = useState8();
-  useEffect56(() => {
+  const [foundNode, setFoundNode] = useState9();
+  useEffect57(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const journalEntryNode = $getNodeByKey35(nodeKey);
@@ -10444,8 +10529,8 @@ function JournalEntryQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs34(Fragment31, { children: [
-    /* @__PURE__ */ jsx89("div", { children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs34(Fragment32, { children: [
+    /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -10472,7 +10557,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx89("div", { children: /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
       TextInput,
       {
         ref: errorToleranceTextInputRef,
@@ -10503,7 +10588,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx89("div", { children: /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
       RadioGroup,
       {
         ref: typeRadioGroupRef,
@@ -10525,7 +10610,7 @@ function JournalEntryQuestionSettings(props) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionPlugin.tsx
-import { Fragment as Fragment32, jsx as jsx90 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx91 } from "react/jsx-runtime";
 var INSERT_JOURNAL_ENTRY_QUESTION_COMMAND = createCommand14("INSERT_JOURNAL_ENTRY_QUESTION_COMMAND");
 function JournalEntryQuestionPlugin() {
   const {
@@ -10534,9 +10619,9 @@ function JournalEntryQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext47();
+  const [editor] = useLexicalComposerContext48();
   const settingsPanelStickyRef = useRef37(null);
-  useEffect57(() => {
+  useEffect58(() => {
     return mergeRegister16(
       editor.registerCommand(
         INSERT_JOURNAL_ENTRY_QUESTION_COMMAND,
@@ -10576,7 +10661,7 @@ function JournalEntryQuestionPlugin() {
                           let index = 0;
                           for (const questionItem of journalEntryNode.__lineItems) {
                             questionItem.account.update(() => {
-                              const root = $getRoot10();
+                              const root = $getRoot11();
                               let firstChild = root.getFirstChild();
                               if (!firstChild) {
                                 firstChild = $createParagraphNode10();
@@ -10588,7 +10673,7 @@ function JournalEntryQuestionPlugin() {
                             });
                             if (questionItem.debit) {
                               questionItem.debit.update(() => {
-                                const root = $getRoot10();
+                                const root = $getRoot11();
                                 let firstChild = root.getFirstChild();
                                 if (!firstChild) {
                                   firstChild = $createParagraphNode10();
@@ -10598,7 +10683,7 @@ function JournalEntryQuestionPlugin() {
                             }
                             if (questionItem.credit) {
                               questionItem.credit.update(() => {
-                                const root = $getRoot10();
+                                const root = $getRoot11();
                                 let firstChild = root.getFirstChild();
                                 if (!firstChild) {
                                   firstChild = $createParagraphNode10();
@@ -10622,7 +10707,7 @@ function JournalEntryQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (isBlockEditorReady && settingsPanelStickyRef.current) {
       registerSettingsPanel(
         JournalEntryQuestionNode.getType(),
@@ -10630,20 +10715,20 @@ function JournalEntryQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx90(Fragment32, { children: drawer && /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(Fragment33, { children: drawer && /* @__PURE__ */ jsx91(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx90("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx90(
+        return /* @__PURE__ */ jsx91("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx91(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Journal Entry Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx90(
+            children: isVisible && /* @__PURE__ */ jsx91(
               JournalEntryQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10657,9 +10742,9 @@ function JournalEntryQuestionPlugin() {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext48 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext49 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey37 } from "lexical";
-import { useEffect as useEffect58, useRef as useRef38, useState as useState9 } from "react";
+import { useEffect as useEffect59, useRef as useRef38, useState as useState10 } from "react";
 
 // src/plugins/MatchingQuestionPlugin/validatePointslnput.ts
 function validatePointsInput3(input) {
@@ -10681,13 +10766,13 @@ function validatePointsInput3(input) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionSettings.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 function MatchingQuestionSettings(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext48();
+  const [editor] = useLexicalComposerContext49();
   const pointsTextInputRef = useRef38(null);
-  const [foundNode, setFoundNode] = useState9();
-  useEffect58(() => {
+  const [foundNode, setFoundNode] = useState10();
+  useEffect59(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const matchingQuestionNode = $getNodeByKey37(nodeKey);
@@ -10700,7 +10785,7 @@ function MatchingQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx91("div", { children: /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -10730,19 +10815,19 @@ function MatchingQuestionSettings(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext49 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext50 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister17 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection14,
   $createParagraphNode as $createParagraphNode11,
   $getNodeByKey as $getNodeByKey38,
-  $getRoot as $getRoot11,
+  $getRoot as $getRoot12,
   $setSelection as $setSelection14,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR11,
   createCommand as createCommand15
 } from "lexical";
-import { useEffect as useEffect59, useRef as useRef39 } from "react";
-import { Fragment as Fragment33, jsx as jsx92 } from "react/jsx-runtime";
+import { useEffect as useEffect60, useRef as useRef39 } from "react";
+import { Fragment as Fragment34, jsx as jsx93 } from "react/jsx-runtime";
 var INSERT_MATCHING_QUESTION_COMMAND = createCommand15("INSERT_MATCHING_QUESTION_COMMAND");
 function MatchingQuestionPlugin() {
   const {
@@ -10751,9 +10836,9 @@ function MatchingQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext49();
+  const [editor] = useLexicalComposerContext50();
   const settingsPanelStickyRef = useRef39(null);
-  useEffect59(() => {
+  useEffect60(() => {
     return mergeRegister17(
       editor.registerCommand(
         INSERT_MATCHING_QUESTION_COMMAND,
@@ -10780,7 +10865,7 @@ function MatchingQuestionPlugin() {
                     for (const questionItem of matchingQuestionNode.__items) {
                       if (questionItem.itemPremiseContent) {
                         questionItem.itemPremiseContent.update(() => {
-                          const root = $getRoot11();
+                          const root = $getRoot12();
                           let firstChild = root.getFirstChild();
                           if (!firstChild) {
                             firstChild = $createParagraphNode11();
@@ -10792,7 +10877,7 @@ function MatchingQuestionPlugin() {
                         });
                       }
                       questionItem.itemOptionContent.update(() => {
-                        const root = $getRoot11();
+                        const root = $getRoot12();
                         let firstChild = root.getFirstChild();
                         if (!firstChild) {
                           firstChild = $createParagraphNode11();
@@ -10812,7 +10897,7 @@ function MatchingQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect59(() => {
+  useEffect60(() => {
     if (isBlockEditorReady && settingsPanelStickyRef.current) {
       registerSettingsPanel(
         MatchingQuestionNode.getType(),
@@ -10820,20 +10905,20 @@ function MatchingQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx92(Fragment33, { children: drawer && /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(Fragment34, { children: drawer && /* @__PURE__ */ jsx93(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx92("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsx93("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx93(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Matching Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx92(
+            children: isVisible && /* @__PURE__ */ jsx93(
               MatchingQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10886,23 +10971,23 @@ function traverseListItemNodes(rootNode, cb) {
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionPlugin.tsx
 import { $isListNode as $isListNode2 } from "@lexical/list";
-import { useLexicalComposerContext as useLexicalComposerContext51 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext52 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister18 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection15,
   $createParagraphNode as $createParagraphNode12,
   $getNodeByKey as $getNodeByKey40,
-  $getRoot as $getRoot12,
+  $getRoot as $getRoot13,
   $setSelection as $setSelection15,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR12,
   createCommand as createCommand16
 } from "lexical";
-import { useEffect as useEffect61, useRef as useRef41 } from "react";
+import { useEffect as useEffect62, useRef as useRef41 } from "react";
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext50 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext51 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey39 } from "lexical";
-import { useCallback as useCallback10, useEffect as useEffect60, useRef as useRef40, useState as useState10 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect61, useRef as useRef40, useState as useState11 } from "react";
 
 // src/plugins/MultipleOptionQuestionPlugin/validateChoicesInput.ts
 function validateChoicesInput(input, min) {
@@ -10946,18 +11031,18 @@ function validatePointsInput4(input) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionSettings.tsx
-import { Fragment as Fragment34, jsx as jsx93, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx94, jsxs as jsxs35 } from "react/jsx-runtime";
 function MultipleOptionQuestionSettings(props) {
   const { nodeKey, questionType } = props;
-  const [editor] = useLexicalComposerContext50();
+  const [editor] = useLexicalComposerContext51();
   const noneOfTheAboveInputRef = useRef40(null);
   const gradingRadioGroupRef = useRef40(null);
   const pointsTextInputRef = useRef40(null);
   const choicesTextInputRef = useRef40(null);
   const correctChoicesTextInputRef = useRef40(null);
   const incorrectChoicesTextInputRef = useRef40(null);
-  const [foundNodeRef, setFoundNodeRef] = useState10();
-  useEffect60(() => {
+  const [foundNodeRef, setFoundNodeRef] = useState11();
+  useEffect61(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const optionsQuestionNode = $getNodeByKey39(nodeKey);
@@ -10967,7 +11052,7 @@ function MultipleOptionQuestionSettings(props) {
       });
     }
   }, [editor, nodeKey]);
-  useEffect60(() => {
+  useEffect61(() => {
     return editor.registerMutationListener(
       MultipleOptionQuestionNode,
       (nodeMutations) => {
@@ -10990,7 +11075,7 @@ function MultipleOptionQuestionSettings(props) {
       }
     );
   }, [editor, nodeKey]);
-  const handlePointsChange = useCallback10(
+  const handlePointsChange = useCallback11(
     (value) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11007,7 +11092,7 @@ function MultipleOptionQuestionSettings(props) {
     },
     [editor, nodeKey]
   );
-  const handleGradingChange = useCallback10(
+  const handleGradingChange = useCallback11(
     (value) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11018,7 +11103,7 @@ function MultipleOptionQuestionSettings(props) {
     },
     [editor, nodeKey]
   );
-  const handleCorrectChoicesChange = useCallback10(
+  const handleCorrectChoicesChange = useCallback11(
     (value) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11039,7 +11124,7 @@ function MultipleOptionQuestionSettings(props) {
     },
     [editor, nodeKey]
   );
-  const handleIncorrectChoicesChange = useCallback10(
+  const handleIncorrectChoicesChange = useCallback11(
     (value) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11060,7 +11145,7 @@ function MultipleOptionQuestionSettings(props) {
     },
     [editor, nodeKey]
   );
-  const handleChoicesChange = useCallback10(
+  const handleChoicesChange = useCallback11(
     (value) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11081,7 +11166,7 @@ function MultipleOptionQuestionSettings(props) {
     },
     [editor, nodeKey]
   );
-  const handleNoneOfTheAboveChange = useCallback10(
+  const handleNoneOfTheAboveChange = useCallback11(
     (checked) => {
       editor.update(() => {
         const targetNode = $getNodeByKey39(nodeKey);
@@ -11095,8 +11180,8 @@ function MultipleOptionQuestionSettings(props) {
   if (!foundNodeRef) {
     return null;
   }
-  return /* @__PURE__ */ jsxs35(Fragment34, { children: [
-    /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs35(Fragment35, { children: [
+    /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -11111,7 +11196,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `points_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
       RadioGroup,
       {
         ref: gradingRadioGroupRef,
@@ -11132,7 +11217,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `grading_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
       TextInput,
       {
         ref: correctChoicesTextInputRef,
@@ -11147,7 +11232,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `correctChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
       TextInput,
       {
         ref: incorrectChoicesTextInputRef,
@@ -11162,7 +11247,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `incorrectChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-choice" && /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    questionType === "multiple-choice" && /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
       TextInput,
       {
         ref: choicesTextInputRef,
@@ -11177,13 +11262,13 @@ function MultipleOptionQuestionSettings(props) {
       },
       `choices_${nodeKey}`
     ) }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       "div",
       {
         style: {
           paddingBottom: "var(--sl-spacing-medium)"
         },
-        children: /* @__PURE__ */ jsx93(
+        children: /* @__PURE__ */ jsx94(
           Checkbox,
           {
             ref: noneOfTheAboveInputRef,
@@ -11201,7 +11286,7 @@ function MultipleOptionQuestionSettings(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionPlugin.tsx
-import { Fragment as Fragment35, jsx as jsx94 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx95 } from "react/jsx-runtime";
 var INSERT_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("INSERT_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND");
@@ -11212,9 +11297,9 @@ function MultipleOptionQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext51();
+  const [editor] = useLexicalComposerContext52();
   const settingsPanelStickyRef = useRef41(null);
-  useEffect61(() => {
+  useEffect62(() => {
     return mergeRegister18(
       editor.registerCommand(
         INSERT_MULTIPLE_OPTION_QUESTION_COMMAND,
@@ -11253,7 +11338,7 @@ function MultipleOptionQuestionPlugin() {
                           let index = 0;
                           for (const optionItem of foundNode.__options) {
                             optionItem.content.update(() => {
-                              const root = $getRoot12();
+                              const root = $getRoot13();
                               let firstChild = root.getFirstChild();
                               if (!firstChild) {
                                 firstChild = $createParagraphNode12();
@@ -11327,7 +11412,7 @@ function MultipleOptionQuestionPlugin() {
                       const foundNode = $getNodeByKey40(newNodeKey);
                       if ($isMultipleOptionQuestionNode(foundNode)) {
                         foundNode.__options[0].content.update(() => {
-                          const root = $getRoot12();
+                          const root = $getRoot13();
                           const firstChild = root.getFirstChild();
                           firstChild?.selectStart();
                         });
@@ -11376,7 +11461,7 @@ function MultipleOptionQuestionPlugin() {
                       const foundNode = $getNodeByKey40(newNodeKey);
                       if ($isMultipleOptionQuestionNode(foundNode)) {
                         foundNode.__options[0].content.update(() => {
-                          const root = $getRoot12();
+                          const root = $getRoot13();
                           const firstChild = root.getFirstChild();
                           firstChild?.selectStart();
                         });
@@ -11393,7 +11478,7 @@ function MultipleOptionQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect61(() => {
+  useEffect62(() => {
     if (isBlockEditorReady && settingsPanelStickyRef.current) {
       registerSettingsPanel(
         MultipleOptionQuestionNode.getType(),
@@ -11401,7 +11486,7 @@ function MultipleOptionQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx94(Fragment35, { children: drawer && /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(Fragment36, { children: drawer && /* @__PURE__ */ jsx95(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
@@ -11418,14 +11503,14 @@ function MultipleOptionQuestionPlugin() {
             }
           });
         }
-        return /* @__PURE__ */ jsx94("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx94(
+        return /* @__PURE__ */ jsx95("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx95(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: questionType === "multiple-answers" ? "Multiple Answers Settings" : "Multiple Choice Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && questionType && /* @__PURE__ */ jsx94(
+            children: isVisible && questionType && /* @__PURE__ */ jsx95(
               MultipleOptionQuestionSettings,
               {
                 nodeKey: data.nodeKey,
@@ -11440,23 +11525,23 @@ function MultipleOptionQuestionPlugin() {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext53 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext54 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister19 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection16,
   $createParagraphNode as $createParagraphNode13,
   $getNodeByKey as $getNodeByKey42,
-  $getRoot as $getRoot13,
+  $getRoot as $getRoot14,
   $setSelection as $setSelection16,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR13,
   createCommand as createCommand17
 } from "lexical";
-import { useEffect as useEffect63, useRef as useRef43 } from "react";
+import { useEffect as useEffect64, useRef as useRef43 } from "react";
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext52 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext53 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey41 } from "lexical";
-import { useEffect as useEffect62, useRef as useRef42, useState as useState11 } from "react";
+import { useEffect as useEffect63, useRef as useRef42, useState as useState12 } from "react";
 
 // src/plugins/ShortAnswerQuestionPlugin/validateMaxWordsInput.ts
 function validateMaxWordsInput(input, min) {
@@ -11500,14 +11585,14 @@ function validatePointsInput5(input) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionSettings.tsx
-import { Fragment as Fragment36, jsx as jsx95, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx96, jsxs as jsxs36 } from "react/jsx-runtime";
 function ShortAnswerQuestionSettings(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext52();
+  const [editor] = useLexicalComposerContext53();
   const pointsTextInputRef = useRef42(null);
   const maxWordsTextInputRef = useRef42(null);
-  const [foundNode, setFoundNode] = useState11();
-  useEffect62(() => {
+  const [foundNode, setFoundNode] = useState12();
+  useEffect63(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const shortAnswerNode = $getNodeByKey41(nodeKey);
@@ -11520,8 +11605,8 @@ function ShortAnswerQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs36(Fragment36, { children: [
-    /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs36(Fragment37, { children: [
+    /* @__PURE__ */ jsx96("div", { children: /* @__PURE__ */ jsx96(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -11548,7 +11633,7 @@ function ShortAnswerQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx96("div", { children: /* @__PURE__ */ jsx96(
       TextInput,
       {
         ref: maxWordsTextInputRef,
@@ -11579,7 +11664,7 @@ function ShortAnswerQuestionSettings(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionPlugin.tsx
-import { Fragment as Fragment37, jsx as jsx96 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx97 } from "react/jsx-runtime";
 var INSERT_SHORT_ANSWER_QUESTION_COMMAND = createCommand17("INSERT_SHORT_ANSWER_QUESTION_COMMAND");
 function ShortAnswerQuestionPlugin() {
   const {
@@ -11588,9 +11673,9 @@ function ShortAnswerQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext53();
+  const [editor] = useLexicalComposerContext54();
   const settingsPanelStickyRef = useRef43(null);
-  useEffect63(() => {
+  useEffect64(() => {
     return mergeRegister19(
       editor.registerCommand(
         INSERT_SHORT_ANSWER_QUESTION_COMMAND,
@@ -11624,7 +11709,7 @@ function ShortAnswerQuestionPlugin() {
                         const shortAnswerNode = $getNodeByKey42(newNodeKey);
                         if ($isShortAnswerQuestionNode(shortAnswerNode)) {
                           shortAnswerNode.__notes.update(() => {
-                            const root = $getRoot13();
+                            const root = $getRoot14();
                             let firstChild = root.getFirstChild();
                             if (!firstChild) {
                               firstChild = $createParagraphNode13();
@@ -11646,7 +11731,7 @@ function ShortAnswerQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect63(() => {
+  useEffect64(() => {
     if (isBlockEditorReady && settingsPanelStickyRef.current) {
       registerSettingsPanel(
         ShortAnswerQuestionNode.getType(),
@@ -11654,20 +11739,20 @@ function ShortAnswerQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx96(Fragment37, { children: drawer && /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(Fragment38, { children: drawer && /* @__PURE__ */ jsx97(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx96("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx96(
+        return /* @__PURE__ */ jsx97("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx97(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Short Answer Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx96(
+            children: isVisible && /* @__PURE__ */ jsx97(
               ShortAnswerQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -11707,7 +11792,7 @@ import {
   Table2
 } from "lucide-react";
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var handlerStyle3 = {
   display: "flex",
   zIndex: 10,
@@ -12049,7 +12134,7 @@ function AddMenuHandle(props) {
     }
     return menu2;
   }, [hoveredNode]);
-  return /* @__PURE__ */ jsx97("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ jsx98(
     DropdownWrapper,
     {
       placement: "bottom-start",
@@ -12060,7 +12145,7 @@ function AddMenuHandle(props) {
       onHideMenu: () => {
         removeVisiblePopup();
       },
-      children: /* @__PURE__ */ jsx97("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ jsx97(Icon, { icon: Plus2 }) })
+      children: /* @__PURE__ */ jsx98("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ jsx98(Icon, { icon: Plus2 }) })
     }
   ) });
 }
@@ -12098,7 +12183,7 @@ function renderCopyToClipboardMenu(nodeKey, editor) {
 import {
   $createParagraphNode as $createParagraphNode15,
   $getNodeByKey as $getNodeByKey45,
-  $getRoot as $getRoot14
+  $getRoot as $getRoot15
 } from "lexical";
 import { Trash2 as Trash25 } from "lucide-react";
 function renderDeleteMenu(nodeKey, editor) {
@@ -12119,7 +12204,7 @@ function renderDeleteMenu(nodeKey, editor) {
             } else if (prevBlock) {
               prevBlock.selectStart();
             } else {
-              const root = $getRoot14();
+              const root = $getRoot15();
               const newParagraph = $createParagraphNode15();
               root.append(newParagraph);
               newParagraph.selectStart();
@@ -12390,7 +12475,7 @@ import { HeadingNode as HeadingNode3 } from "@lexical/rich-text";
 import { ParagraphNode as ParagraphNode3 } from "lexical";
 import { GripVertical } from "lucide-react";
 import { useMemo as useMemo9 } from "react";
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var handlerStyle4 = {
   display: "flex",
   zIndex: 10,
@@ -12477,7 +12562,7 @@ function DragHandle(props) {
     }
     return menu2;
   }, [hoveredNode, currentEditor]);
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "div",
     {
       id: handlerKey,
@@ -12485,7 +12570,7 @@ function DragHandle(props) {
       ...listeners,
       ...attributes,
       style: handlerStyle4,
-      children: /* @__PURE__ */ jsx98(
+      children: /* @__PURE__ */ jsx99(
         DropdownWrapper,
         {
           placement: "bottom-start",
@@ -12496,7 +12581,7 @@ function DragHandle(props) {
           onHideMenu: () => {
             removeVisiblePopup();
           },
-          children: /* @__PURE__ */ jsx98("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ jsx98(Icon, { icon: GripVertical }) })
+          children: /* @__PURE__ */ jsx99("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ jsx99(Icon, { icon: GripVertical }) })
         }
       )
     }
@@ -12530,7 +12615,7 @@ function findNodePosition(rows, point, lastFound) {
 }
 
 // src/content/node/NodeDragOverlay.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var overlayStyle2 = {
   display: "flex",
   minWidth: "150px",
@@ -12549,12 +12634,12 @@ var overlayStyle2 = {
   boxShadow: "0 1px 3px rgba(34, 25, 25, 0.4)"
 };
 function NodeDragOverlay(props) {
-  return /* @__PURE__ */ jsx99("div", { style: overlayStyle2, children: props.children() });
+  return /* @__PURE__ */ jsx100("div", { style: overlayStyle2, children: props.children() });
 }
 
 // src/content/node/NodeDropMarker.tsx
-import { useEffect as useEffect64, useRef as useRef44 } from "react";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { useEffect as useEffect65, useRef as useRef44 } from "react";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var placeholderStyle3 = {
   position: "absolute",
   top: "calc(-1 * var(--sl-spacing-small) / 2)",
@@ -12573,7 +12658,7 @@ var lineStyle3 = {
 function NodeDropMarker(props) {
   const { visible, top } = props;
   const lineDivRef = useRef44(null);
-  useEffect64(() => {
+  useEffect65(() => {
     if (visible && lineDivRef.current) {
       lineDivRef.current.style.transition = "none";
       lineDivRef.current.style.width = "0px";
@@ -12585,7 +12670,7 @@ function NodeDropMarker(props) {
       }, 5);
     }
   }, [visible, top]);
-  return /* @__PURE__ */ jsx100("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ jsx100("div", { ref: lineDivRef, style: lineStyle3 }) });
+  return /* @__PURE__ */ jsx101("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ jsx101("div", { ref: lineDivRef, style: lineStyle3 }) });
 }
 
 // src/content/node/NodeDraggableHandleSticky.tsx
@@ -12606,9 +12691,9 @@ import {
   forwardRef as forwardRef12,
   useImperativeHandle as useImperativeHandle11,
   useRef as useRef45,
-  useState as useState12
+  useState as useState13
 } from "react";
-import { Fragment as Fragment38, jsx as jsx101, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx102, jsxs as jsxs37 } from "react/jsx-runtime";
 var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
   const {
     getRegisteredEditor,
@@ -12616,7 +12701,7 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
     unsetHandleDragged
   } = useNode();
   const anchorElementRef = useRef45();
-  const [isAnchorElementReady, setAnchorElementReady] = useState12(false);
+  const [isAnchorElementReady, setAnchorElementReady] = useState13(false);
   const nodeHandleSticky = useRef45(null);
   const dropMarkerSticky = useRef45(null);
   const nodePositionsRef = useRef45([]);
@@ -12682,7 +12767,7 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
     isHandleVisible: () => !!nodeHandleSticky.current?.isVisible()
   }));
   if (!isAnchorElementReady || !anchorElementRef.current) {
-    return /* @__PURE__ */ jsx101(Fragment38, {});
+    return /* @__PURE__ */ jsx102(Fragment39, {});
   }
   return /* @__PURE__ */ jsxs37(
     DndContext4,
@@ -12905,7 +12990,7 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
         unsetHandleDragged();
       },
       children: [
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           StickyToPosition,
           {
             ref: nodeHandleSticky,
@@ -12923,21 +13008,21 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
                     gap: "6px"
                   },
                   children: [
-                    /* @__PURE__ */ jsx101(AddMenuHandle, { hoveredNode: data.hoveredNode }),
-                    /* @__PURE__ */ jsx101(DragHandle, { hoveredNode: data.hoveredNode })
+                    /* @__PURE__ */ jsx102(AddMenuHandle, { hoveredNode: data.hoveredNode }),
+                    /* @__PURE__ */ jsx102(DragHandle, { hoveredNode: data.hoveredNode })
                   ]
                 }
               );
             }
           }
         ),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           StickyToPosition,
           {
             ref: dropMarkerSticky,
             container: anchorElementRef.current,
             children: (_data, position, isVisible) => {
-              return /* @__PURE__ */ jsx101(
+              return /* @__PURE__ */ jsx102(
                 NodeDropMarker,
                 {
                   top: `${position.top}px`,
@@ -12948,8 +13033,8 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx101(DragOverlay3, { dropAnimation: null, children: /* @__PURE__ */ jsx101(NodeDragOverlay, { children: () => {
-          return /* @__PURE__ */ jsx101("div", { children: "Move Block" });
+        /* @__PURE__ */ jsx102(DragOverlay3, { dropAnimation: null, children: /* @__PURE__ */ jsx102(NodeDragOverlay, { children: () => {
+          return /* @__PURE__ */ jsx102("div", { children: "Move Block" });
         } }) })
       ]
     }
@@ -12957,7 +13042,7 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
 });
 
 // src/content/node/NodeProvider.tsx
-import { jsx as jsx102, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs38 } from "react/jsx-runtime";
 var NodeProviderContext = React18.createContext(null);
 function NodeProvider(props) {
   const { children } = props;
@@ -13028,7 +13113,7 @@ function NodeProvider(props) {
   const getHandleOverNodeKey = () => {
     return handleOverNodeKeyRef.current;
   };
-  useEffect65(() => {
+  useEffect66(() => {
     return () => {
       const editorsKeys = Object.keys(editorsRegisterRef.current);
       for (const editorKey of editorsKeys) {
@@ -13059,7 +13144,7 @@ function NodeProvider(props) {
       },
       children: [
         children,
-        /* @__PURE__ */ jsx102(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
+        /* @__PURE__ */ jsx103(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
       ]
     }
   );
@@ -13073,23 +13158,23 @@ var useNode = () => {
 };
 
 // src/plugins/AutoBottomParagraphPlugin/AutoBottomParagraphPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext54 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext55 } from "@lexical/react/LexicalComposerContext";
 import { TableNode as TableNode5 } from "@lexical/table";
 import { mergeRegister as mergeRegister20 } from "@lexical/utils";
 import {
   $createParagraphNode as $createParagraphNode17,
-  $getRoot as $getRoot15,
+  $getRoot as $getRoot16,
   $isParagraphNode as $isParagraphNode2
 } from "lexical";
-import { useEffect as useEffect66 } from "react";
-import { Fragment as Fragment39, jsx as jsx103 } from "react/jsx-runtime";
+import { useEffect as useEffect67 } from "react";
+import { Fragment as Fragment40, jsx as jsx104 } from "react/jsx-runtime";
 function AutoBottomParagraphPlugin() {
-  const [editor] = useLexicalComposerContext54();
+  const [editor] = useLexicalComposerContext55();
   const listener = (nodeMutations) => {
     for (const [_key, mutation] of nodeMutations) {
       if (mutation === "created") {
         editor.update(() => {
-          const rootNode = $getRoot15();
+          const rootNode = $getRoot16();
           if (rootNode) {
             const lastChild = rootNode.getLastChild();
             if (lastChild && !$isParagraphNode2(lastChild)) {
@@ -13101,10 +13186,10 @@ function AutoBottomParagraphPlugin() {
       }
     }
   };
-  useEffect66(() => {
+  useEffect67(() => {
     return mergeRegister20(
       ...[
-        ImageNode,
+        ImageNode2,
         ImagePlaceholderNode,
         CalloutBoxNode,
         TableNode5,
@@ -13124,19 +13209,19 @@ function AutoBottomParagraphPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx103(Fragment39, {});
+  return /* @__PURE__ */ jsx104(Fragment40, {});
 }
 
 // src/plugins/AutoFocusPlugin/AutoFocusPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext55 } from "@lexical/react/LexicalComposerContext";
-import { $getRoot as $getRoot16 } from "lexical";
-import { useEffect as useEffect67 } from "react";
+import { useLexicalComposerContext as useLexicalComposerContext56 } from "@lexical/react/LexicalComposerContext";
+import { $getRoot as $getRoot17 } from "lexical";
+import { useEffect as useEffect68 } from "react";
 function AutoFocusPlugin() {
-  const [editor] = useLexicalComposerContext55();
-  useEffect67(() => {
+  const [editor] = useLexicalComposerContext56();
+  useEffect68(() => {
     setTimeout(() => {
       editor.update(() => {
-        const rootNode = $getRoot16();
+        const rootNode = $getRoot17();
         if (rootNode.getChildrenKeys().length >= 1) {
           rootNode.getFirstChild()?.selectStart();
         }
@@ -13150,24 +13235,24 @@ function AutoFocusPlugin() {
 }
 
 // src/plugins/EditorRefPlugin/EditorRefPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext56 } from "@lexical/react/LexicalComposerContext";
-import { useEffect as useEffect68 } from "react";
+import { useLexicalComposerContext as useLexicalComposerContext57 } from "@lexical/react/LexicalComposerContext";
+import { useEffect as useEffect69 } from "react";
 function EditorRefPlugin(props) {
-  const [editor] = useLexicalComposerContext56();
+  const [editor] = useLexicalComposerContext57();
   const { onMountRef } = props;
-  useEffect68(() => {
+  useEffect69(() => {
     onMountRef(editor);
   }, [editor]);
   return null;
 }
 
 // src/plugins/MarkdownPlugin/MarkdownPlugin.tsx
-import { useEffect as useEffect69 } from "react";
-import { useLexicalComposerContext as useLexicalComposerContext57 } from "@lexical/react/LexicalComposerContext";
+import { useEffect as useEffect70 } from "react";
+import { useLexicalComposerContext as useLexicalComposerContext58 } from "@lexical/react/LexicalComposerContext";
 
 // src/plugins/MarkdownPlugin/markdown/MarkdownExport.ts
 import {
-  $getRoot as $getRoot17,
+  $getRoot as $getRoot18,
   $isDecoratorNode,
   $isElementNode as $isElementNode3,
   $isLineBreakNode as $isLineBreakNode2,
@@ -13429,7 +13514,7 @@ import {
   $createLineBreakNode as $createLineBreakNode2,
   $createParagraphNode as $createParagraphNode18,
   $createTextNode as $createTextNode5,
-  $getRoot as $getRoot18,
+  $getRoot as $getRoot19,
   $getSelection as $getSelection8,
   $isParagraphNode as $isParagraphNode4
 } from "lexical";
@@ -14035,19 +14120,19 @@ var TRANSFORMERS = [
 
 // src/plugins/MarkdownPlugin/MarkdownPlugin.tsx
 function MarkdownPlugin() {
-  const [editor] = useLexicalComposerContext57();
-  useEffect69(() => {
+  const [editor] = useLexicalComposerContext58();
+  useEffect70(() => {
     return registerMarkdownShortcuts(editor, TRANSFORMERS);
   }, [editor]);
   return null;
 }
 
 // src/plugins/NodeMousePlugin/NodeMouseAnchorPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext58 } from "@lexical/react/LexicalComposerContext";
-import { useEffect as useEffect70, useRef as useRef47 } from "react";
-import { Fragment as Fragment40, jsx as jsx104 } from "react/jsx-runtime";
+import { useLexicalComposerContext as useLexicalComposerContext59 } from "@lexical/react/LexicalComposerContext";
+import { useEffect as useEffect71, useRef as useRef47 } from "react";
+import { Fragment as Fragment41, jsx as jsx105 } from "react/jsx-runtime";
 function NodeMouseAnchorPlugin() {
-  const [editor] = useLexicalComposerContext58();
+  const [editor] = useLexicalComposerContext59();
   const { setAnchorElement, hideHandles } = useNode();
   const parentWeakRef = useRef47();
   const handleMouseLeave = (event) => {
@@ -14062,7 +14147,7 @@ function NodeMouseAnchorPlugin() {
     }
     hideHandles();
   };
-  useEffect70(() => {
+  useEffect71(() => {
     const removeRootListener = editor.registerRootListener(
       (nextRootElem) => {
         if (nextRootElem?.parentElement) {
@@ -14095,7 +14180,7 @@ function NodeMouseAnchorPlugin() {
       removeRootListener();
     };
   }, [editor]);
-  return /* @__PURE__ */ jsx104(Fragment40, {});
+  return /* @__PURE__ */ jsx105(Fragment41, {});
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
@@ -14104,7 +14189,7 @@ import {
   $isListNode as $isListNode8,
   ListNode as ListNode5
 } from "@lexical/list";
-import { useLexicalComposerContext as useLexicalComposerContext59 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext60 } from "@lexical/react/LexicalComposerContext";
 import { HorizontalRuleNode as HorizontalRuleNode3 } from "@lexical/react/LexicalHorizontalRuleNode";
 import { HeadingNode as HeadingNode5 } from "@lexical/rich-text";
 import { $isTableCellNode, TableNode as TableNode6 } from "@lexical/table";
@@ -14113,13 +14198,13 @@ import {
   $createParagraphNode as $createParagraphNode19,
   $createTextNode as $createTextNode7,
   $getNodeByKey as $getNodeByKey51,
-  $getRoot as $getRoot19,
+  $getRoot as $getRoot20,
   $isParagraphNode as $isParagraphNode5,
   ParagraphNode as ParagraphNode4
 } from "lexical";
-import debounce4 from "lodash-es/debounce";
+import debounce5 from "lodash-es/debounce";
 import uniqueId2 from "lodash-es/uniqueId";
-import { useEffect as useEffect71, useRef as useRef48 } from "react";
+import { useEffect as useEffect72, useRef as useRef48 } from "react";
 
 // src/plugins/NodeMousePlugin/nodeUtils.ts
 function getNodePosition2(element, parent) {
@@ -14135,9 +14220,9 @@ function getNodePosition2(element, parent) {
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
-import { Fragment as Fragment41, jsx as jsx105 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx106 } from "react/jsx-runtime";
 function NodeMousePlugin() {
-  const [editor] = useLexicalComposerContext59();
+  const [editor] = useLexicalComposerContext60();
   const editorUniqueIdRef = useRef48(uniqueId2("editor"));
   const elementsMapRef = useRef48(
     {}
@@ -14337,7 +14422,7 @@ function NodeMousePlugin() {
       }
     }
   }
-  const refreshHelpersPositions = debounce4(() => {
+  const refreshHelpersPositions = debounce5(() => {
     const anchorElement = getAnchorElement();
     if (anchorElement) {
       const nodePositions = {};
@@ -14411,7 +14496,7 @@ function NodeMousePlugin() {
     }
     let childrenCount = 0;
     editor.getEditorState().read(() => {
-      const rootNode = $getRoot19();
+      const rootNode = $getRoot20();
       if (rootNode) {
         const childrenKeys = rootNode.getChildrenKeys();
         childrenCount = childrenKeys.length;
@@ -14419,7 +14504,7 @@ function NodeMousePlugin() {
     });
     if (childrenCount === 0) {
       editor.update(() => {
-        const rootNode = $getRoot19();
+        const rootNode = $getRoot20();
         if (rootNode && rootNode.getChildrenSize() <= 0) {
           const newParagraph = $createParagraphNode19();
           newParagraph.append($createTextNode7());
@@ -14429,7 +14514,7 @@ function NodeMousePlugin() {
     }
     refreshHelpersPositions();
   };
-  useEffect71(() => {
+  useEffect72(() => {
     window.addEventListener(
       RESIZE_CONTENT_EVENT,
       refreshHelpersPositions
@@ -14441,13 +14526,13 @@ function NodeMousePlugin() {
       );
     };
   }, []);
-  useEffect71(() => {
+  useEffect72(() => {
     registerEditor(editorUniqueIdRef.current, editor);
     const removeRegistration = mergeRegister21(
       ...[
         HeadingNode5,
         HorizontalRuleNode3,
-        ImageNode,
+        ImageNode2,
         ImagePlaceholderNode,
         ListNode5,
         ParagraphNode4,
@@ -14477,7 +14562,7 @@ function NodeMousePlugin() {
         if (nextRootElem) {
           let childrenCount = 0;
           editor.getEditorState().read(() => {
-            const rootNode = $getRoot19();
+            const rootNode = $getRoot20();
             if (rootNode) {
               const childrenKeys = rootNode.getChildrenKeys();
               childrenCount = childrenKeys.length;
@@ -14489,7 +14574,7 @@ function NodeMousePlugin() {
           });
           if (childrenCount === 0) {
             editor.update(() => {
-              const rootNode = $getRoot19();
+              const rootNode = $getRoot20();
               if (rootNode && rootNode.getChildrenSize() <= 0) {
                 const newParagraph = $createParagraphNode19();
                 newParagraph.append($createTextNode7());
@@ -14505,11 +14590,11 @@ function NodeMousePlugin() {
       removeRegistration();
     };
   }, [editor]);
-  return /* @__PURE__ */ jsx105(Fragment41, {});
+  return /* @__PURE__ */ jsx106(Fragment42, {});
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext60 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext61 } from "@lexical/react/LexicalComposerContext";
 import { DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { mergeRegister as mergeRegister22 } from "@lexical/utils";
 import {
@@ -14519,7 +14604,7 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW13,
   PASTE_COMMAND
 } from "lexical";
-import { useEffect as useEffect72 } from "react";
+import { useEffect as useEffect73 } from "react";
 
 // src/plugins/NodePastePlugin/regenerateIdsInQuestion.ts
 import { nanoid as nanoid10 } from "nanoid";
@@ -14566,10 +14651,10 @@ function regenerateIdsInQuestion(serializedNode) {
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
-import { Fragment as Fragment42, jsx as jsx106 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx107 } from "react/jsx-runtime";
 function NodePastePlugin() {
-  const [editor] = useLexicalComposerContext60();
-  useEffect72(() => {
+  const [editor] = useLexicalComposerContext61();
+  useEffect73(() => {
     return mergeRegister22(
       editor.registerCommand(
         PASTE_COMMAND,
@@ -14648,19 +14733,19 @@ function NodePastePlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx106(Fragment42, {});
+  return /* @__PURE__ */ jsx107(Fragment43, {});
 }
 
 // src/components/inputs/PopupToolbar.tsx
 import clsx5 from "clsx";
 import {
   forwardRef as forwardRef13,
-  useEffect as useEffect73,
+  useEffect as useEffect74,
   useImperativeHandle as useImperativeHandle12,
   useMemo as useMemo10,
   useRef as useRef49
 } from "react";
-import { Fragment as Fragment43, jsx as jsx107, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx108, jsxs as jsxs39 } from "react/jsx-runtime";
 var PopupToolbar = forwardRef13((props, ref) => {
   const { onEscape, menu, toolbar } = props;
   const popupRef = useRef49(null);
@@ -14693,7 +14778,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
             menuItemAttributes.checked = menuItemSelected;
             menuItemAttributes.type = "checkbox";
           }
-          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ jsx107(
+          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ jsx108(
             DropdownButton,
             {
               size: "medium",
@@ -14718,15 +14803,15 @@ var PopupToolbar = forwardRef13((props, ref) => {
                 }
               },
               children: [
-                MenuItemIcon && /* @__PURE__ */ jsx107(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                MenuItemIcon && /* @__PURE__ */ jsx108(Icon, { slot: "prefix", icon: MenuItemIcon }),
                 menuItemLabel,
-                menuItemIsError && /* @__PURE__ */ jsx107(DotBadge, { variant: "danger" })
+                menuItemIsError && /* @__PURE__ */ jsx108(DotBadge, { variant: "danger" })
               ]
             },
             `menuItem${menuItemId}`
           );
           if (tooltip && !menuItem.subMenu) {
-            buttonElement = /* @__PURE__ */ jsx107(
+            buttonElement = /* @__PURE__ */ jsx108(
               "sl-tooltip",
               {
                 content: tooltip,
@@ -14777,7 +14862,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
       onEscape();
     }
   }
-  useEffect73(() => {
+  useEffect74(() => {
     if (onEscape) {
       toolbarRef.current?.addEventListener("keydown", handleKeyDown);
       return () => {
@@ -14788,7 +14873,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
       };
     }
   }, [onEscape]);
-  return /* @__PURE__ */ jsx107(Fragment43, { children: /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(Fragment44, { children: /* @__PURE__ */ jsx108(
     "sl-popup",
     {
       ref: popupRef,
@@ -14796,7 +14881,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
       shift: true,
       "auto-size": "horizontal",
       strategy: "fixed",
-      children: toolbar || /* @__PURE__ */ jsx107("sl-button-group", { ref: toolbarRef, children: menuItems })
+      children: toolbar || /* @__PURE__ */ jsx108("sl-button-group", { ref: toolbarRef, children: menuItems })
     }
   ) });
 });
@@ -14848,16 +14933,16 @@ var bgColorList = [
 ];
 
 // src/components/feedback/ProgressBar.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 function ProgressBar() {
-  return /* @__PURE__ */ jsx108("sl-progress-bar", { indeterminate: "indeterminate" });
+  return /* @__PURE__ */ jsx109("sl-progress-bar", { indeterminate: "indeterminate" });
 }
 
 // src/components/layouts/Stack.tsx
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 function Stack(props) {
   const { id, style, className, slot, children } = props;
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     "div",
     {
       id,
@@ -14872,11 +14957,11 @@ function Stack(props) {
 // src/components/dialogs/FormDialog.tsx
 import {
   forwardRef as forwardRef14,
-  useEffect as useEffect74,
+  useEffect as useEffect75,
   useImperativeHandle as useImperativeHandle13,
   useRef as useRef50
 } from "react";
-import { jsx as jsx110, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs40 } from "react/jsx-runtime";
 var FormDialog = forwardRef14((props, ref) => {
   const {
     id,
@@ -14940,7 +15025,7 @@ var FormDialog = forwardRef14((props, ref) => {
       onHide();
     }
   };
-  useEffect74(() => {
+  useEffect75(() => {
     window.customElements.whenDefined("sl-dialog").then(() => {
       if (dialogRef.current) {
         dialogRef.current.addEventListener(
@@ -14974,7 +15059,7 @@ var FormDialog = forwardRef14((props, ref) => {
       }
     };
   }, [onCancel]);
-  useEffect74(() => {
+  useEffect75(() => {
     window.addEventListener(
       FORM_DIALOG_OPEN_EVENT,
       handleOpenByEvent
@@ -15004,13 +15089,13 @@ var FormDialog = forwardRef14((props, ref) => {
       }
     };
   });
-  return /* @__PURE__ */ jsx110("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx111("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs40(
     "sl-dialog",
     {
       class: `dialog_control ${className}`,
       ref: dialogRef,
       children: [
-        /* @__PURE__ */ jsx110("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ jsxs40(
+        /* @__PURE__ */ jsx111("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ jsxs40(
           Stack,
           {
             className: "stack__gap-3 stack__row",
@@ -15021,13 +15106,13 @@ var FormDialog = forwardRef14((props, ref) => {
             },
             children: [
               headerControls,
-              /* @__PURE__ */ jsx110("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ jsx110("span", { className: "font-medium font-w-semibold", children: title }) })
+              /* @__PURE__ */ jsx111("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ jsx111("span", { className: "font-medium font-w-semibold", children: title }) })
             ]
           }
-        ) : /* @__PURE__ */ jsx110("span", { className: "font-medium font-w-semibold", children: title }) }),
-        loading && /* @__PURE__ */ jsx110(ProgressBar, {}),
-        /* @__PURE__ */ jsx110("input", { type: "hidden", name: "formDialogId", value: id }),
-        /* @__PURE__ */ jsx110("input", { type: "hidden", name: "action", value: actionName }),
+        ) : /* @__PURE__ */ jsx111("span", { className: "font-medium font-w-semibold", children: title }) }),
+        loading && /* @__PURE__ */ jsx111(ProgressBar, {}),
+        /* @__PURE__ */ jsx111("input", { type: "hidden", name: "formDialogId", value: id }),
+        /* @__PURE__ */ jsx111("input", { type: "hidden", name: "action", value: actionName }),
         children,
         /* @__PURE__ */ jsxs40(
           Stack,
@@ -15036,14 +15121,14 @@ var FormDialog = forwardRef14((props, ref) => {
             className: "stack__row stack__gap-4",
             style: { width: "100%", flexWrap: "nowrap" },
             children: [
-              extraControl && /* @__PURE__ */ jsx110("div", { style: { flexGrow: 0 }, children: extraControl }),
+              extraControl && /* @__PURE__ */ jsx111("div", { style: { flexGrow: 0 }, children: extraControl }),
               /* @__PURE__ */ jsxs40(
                 Stack,
                 {
                   className: "stack__row stack__gap-4",
                   style: { flexGrow: 1, justifyContent: "end" },
                   children: [
-                    /* @__PURE__ */ jsx110("div", { children: /* @__PURE__ */ jsx110(
+                    /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsx111(
                       Button,
                       {
                         slot: "footer",
@@ -15055,7 +15140,7 @@ var FormDialog = forwardRef14((props, ref) => {
                         onClick: handleCancel
                       }
                     ) }),
-                    /* @__PURE__ */ jsx110("div", { children: /* @__PURE__ */ jsx110(
+                    /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsx111(
                       Button,
                       {
                         slot: "footer",
@@ -15083,22 +15168,22 @@ var FORM_DIALOG_CLOSE_EVENT = "FORM_DIALOG_CLOSE_EVENT";
 
 // src/plugins/LinkEditorPlugin/LinkEditorPlugin.tsx
 import { $isLinkNode as $isLinkNode2, $toggleLink } from "@lexical/link";
-import { useLexicalComposerContext as useLexicalComposerContext61 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext62 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister23 } from "@lexical/utils";
 import {
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR14,
   createCommand as createCommand18
 } from "lexical";
-import { useEffect as useEffect75, useRef as useRef51, useState as useState13 } from "react";
-import { jsx as jsx111, jsxs as jsxs41 } from "react/jsx-runtime";
+import { useEffect as useEffect76, useRef as useRef51, useState as useState14 } from "react";
+import { jsx as jsx112, jsxs as jsxs41 } from "react/jsx-runtime";
 var SHOW_LINK_EDITOR_COMMAND = createCommand18("SHOW_LINK_EDITOR_COMMAND");
 function LinkEditorPlugin() {
-  const [editor] = useLexicalComposerContext61();
+  const [editor] = useLexicalComposerContext62();
   const formDialogRef = useRef51(null);
   const linkUrlInputRef = useRef51(null);
-  const [openInNew, setOpenInNew] = useState13(false);
+  const [openInNew, setOpenInNew] = useState14(false);
   const activeEditorRef = useRef51();
-  useEffect75(() => {
+  useEffect76(() => {
     return mergeRegister23(
       editor.registerCommand(
         SHOW_LINK_EDITOR_COMMAND,
@@ -15123,7 +15208,7 @@ function LinkEditorPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     FormDialog,
     {
       ref: formDialogRef,
@@ -15160,8 +15245,8 @@ function LinkEditorPlugin() {
       onCancel: () => {
         formDialogRef.current?.close();
       },
-      children: /* @__PURE__ */ jsx111("div", { style: { width: "450px" }, children: /* @__PURE__ */ jsxs41(Stack, { className: "stack__column stack__gap-4", children: [
-        /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsx111(
+      children: /* @__PURE__ */ jsx112("div", { style: { width: "450px" }, children: /* @__PURE__ */ jsxs41(Stack, { className: "stack__column stack__gap-4", children: [
+        /* @__PURE__ */ jsx112("div", { children: /* @__PURE__ */ jsx112(
           TextInput,
           {
             ref: linkUrlInputRef,
@@ -15171,7 +15256,7 @@ function LinkEditorPlugin() {
             defaultValue: ""
           }
         ) }),
-        /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsx112("div", { children: /* @__PURE__ */ jsx112(
           Checkbox,
           {
             size: "small",
@@ -15193,13 +15278,13 @@ import {
   forwardRef as forwardRef15,
   useImperativeHandle as useImperativeHandle14,
   useRef as useRef52,
-  useState as useState14
+  useState as useState15
 } from "react";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var PopupHighlighter = forwardRef15((props, ref) => {
   const { highlighterClassName } = props;
   const popupRef = useRef52(null);
-  const [popupRect, setPopupRect] = useState14();
+  const [popupRect, setPopupRect] = useState15();
   function hidePopup() {
     if (popupRef.current) {
       popupRef.current.active = false;
@@ -15230,7 +15315,7 @@ var PopupHighlighter = forwardRef15((props, ref) => {
       }
     }
   }));
-  return /* @__PURE__ */ jsx112("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ jsx112("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx113("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ jsx113("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ jsx113(
     "div",
     {
       className: highlighterClassName,
@@ -15239,7 +15324,7 @@ var PopupHighlighter = forwardRef15((props, ref) => {
         "--variable-placeholder-height": `${popupRect?.height || 0}px`
       }
     }
-  ) : /* @__PURE__ */ jsx112(
+  ) : /* @__PURE__ */ jsx113(
     "div",
     {
       style: {
@@ -15259,14 +15344,14 @@ var PopupHighlighter = forwardRef15((props, ref) => {
 // src/components/inputs/PopupMenu.tsx
 import {
   forwardRef as forwardRef16,
-  useEffect as useEffect76,
+  useEffect as useEffect77,
   useImperativeHandle as useImperativeHandle15,
   useLayoutEffect,
   useMemo as useMemo11,
   useRef as useRef53,
-  useState as useState15
+  useState as useState16
 } from "react";
-import { Fragment as Fragment44, jsx as jsx113, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx114, jsxs as jsxs42 } from "react/jsx-runtime";
 var PopupMenu = forwardRef16(
   (props, ref) => {
     const {
@@ -15277,7 +15362,7 @@ var PopupMenu = forwardRef16(
     } = props;
     const popupRef = useRef53(null);
     const menuRef = useRef53(null);
-    const [itemsFilter, setItemsFilter] = useState15();
+    const [itemsFilter, setItemsFilter] = useState16();
     function hidePopup() {
       if (popupRef.current) {
         popupRef.current.active = false;
@@ -15346,11 +15431,11 @@ var PopupMenu = forwardRef16(
           } = menuItem;
           if (menuItemDivider) {
             resultList.push(
-              /* @__PURE__ */ jsx113("sl-divider", {}, `menuItem${menuItemId}`)
+              /* @__PURE__ */ jsx114("sl-divider", {}, `menuItem${menuItemId}`)
             );
           } else if (menuItemIsGroup) {
             resultList.push(
-              /* @__PURE__ */ jsx113("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
+              /* @__PURE__ */ jsx114("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
             );
           } else {
             const menuItemAttributes = {};
@@ -15369,9 +15454,9 @@ var PopupMenu = forwardRef16(
                   class: menuItemClassName,
                   ...menuItemAttributes,
                   children: [
-                    MenuItemIcon && /* @__PURE__ */ jsx113(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                    MenuItemIcon && /* @__PURE__ */ jsx114(Icon, { slot: "prefix", icon: MenuItemIcon }),
                     menuItemLabel,
-                    menuItemIsError && /* @__PURE__ */ jsx113(DotBadge, { variant: "danger" })
+                    menuItemIsError && /* @__PURE__ */ jsx114(DotBadge, { variant: "danger" })
                   ]
                 },
                 `menuItem${menuItemId}`
@@ -15394,7 +15479,7 @@ var PopupMenu = forwardRef16(
       }
       if (constMenu.length > 0) {
         if (resultList.length > 0) {
-          resultList.push(/* @__PURE__ */ jsx113("sl-divider", {}, "const-menu-divider"));
+          resultList.push(/* @__PURE__ */ jsx114("sl-divider", {}, "const-menu-divider"));
         }
         resultList = resultList.concat(createMenuList(constMenu));
       }
@@ -15506,7 +15591,7 @@ var PopupMenu = forwardRef16(
         onEscape();
       }
     }
-    useEffect76(() => {
+    useEffect77(() => {
       if (onEscape) {
         popupRef.current?.addEventListener("keydown", handleKeyDown);
         menuRef.current?.addEventListener("keydown", handleKeyDown);
@@ -15522,7 +15607,7 @@ var PopupMenu = forwardRef16(
         };
       }
     }, [onEscape]);
-    return /* @__PURE__ */ jsx113(Fragment44, { children: /* @__PURE__ */ jsx113(
+    return /* @__PURE__ */ jsx114(Fragment45, { children: /* @__PURE__ */ jsx114(
       "sl-popup",
       {
         ref: popupRef,
@@ -15534,7 +15619,7 @@ var PopupMenu = forwardRef16(
         strategy: "fixed",
         "auto-size": "vertical",
         "auto-size-padding": "10",
-        children: /* @__PURE__ */ jsx113(
+        children: /* @__PURE__ */ jsx114(
           "sl-menu",
           {
             ref: menuRef,
@@ -15654,13 +15739,13 @@ function renderVariableMenu(list, popupRef, highlighterRef, activeEditorRef, tex
 }
 
 // src/plugins/VariablesPlugin/useTypeaheadTriggerMatch.ts
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 var PUNCTUATION = "\\@";
 function useTypeaheadTriggerMatch(trigger, {
   minLength = 1,
   maxLength = 75
 }) {
-  return useCallback11(
+  return useCallback12(
     (text) => {
       const validChars = "[^" + trigger + PUNCTUATION + "]";
       const TypeaheadTriggerRegex = new RegExp(
@@ -15699,23 +15784,23 @@ function visitVariableNodes(rootNode, cb) {
 }
 
 // src/plugins/VariablesPlugin/VariablesContext.tsx
-import { $getRoot as $getRoot20 } from "lexical";
+import { $getRoot as $getRoot21 } from "lexical";
 import React22, {
   useContext as useContext4,
-  useEffect as useEffect77,
-  useState as useState16
+  useEffect as useEffect78,
+  useState as useState17
 } from "react";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var VariablesContext = React22.createContext(null);
 function VariablesProvider(props) {
   const { getEditor, getAllNestedEditors } = useBlockEditor();
   const { children, variablesSettings } = props;
-  const [variableList, setVariableList] = useState16(
+  const [variableList, setVariableList] = useState17(
     variablesSettings.list
   );
   const updateVariablesInEditor = (newName, oldName, editor) => {
     editor.update(() => {
-      visitVariableNodes($getRoot20(), (variableNode) => {
+      visitVariableNodes($getRoot21(), (variableNode) => {
         if (variableNode.__variable === oldName) {
           variableNode.setVariable(newName);
         }
@@ -15734,7 +15819,7 @@ function VariablesProvider(props) {
       setVariableSelection(editorRef, newName);
     }
   };
-  useEffect77(() => {
+  useEffect78(() => {
     setVariableList(variablesSettings.list);
   }, [variablesSettings]);
   const handleOnCreated = (name) => {
@@ -15746,7 +15831,7 @@ function VariablesProvider(props) {
     renameVariable(newName, oldName);
     variablesSettings.onUpdated(newName, oldName);
   };
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx115(
     VariablesContext.Provider,
     {
       value: {
@@ -15852,7 +15937,7 @@ function removeTextInDomSelection(editor, leadOffset, onUpdate) {
 }
 
 // src/plugins/VariablesPlugin/TypeaheadVariablePlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext62 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext63 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister24 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection18,
@@ -15866,12 +15951,12 @@ import {
   KEY_ESCAPE_COMMAND,
   createCommand as createCommand19
 } from "lexical";
-import { useEffect as useEffect78, useMemo as useMemo12, useRef as useRef54 } from "react";
-import { Fragment as Fragment45, jsx as jsx115, jsxs as jsxs43 } from "react/jsx-runtime";
+import { useEffect as useEffect79, useMemo as useMemo12, useRef as useRef54 } from "react";
+import { Fragment as Fragment46, jsx as jsx116, jsxs as jsxs43 } from "react/jsx-runtime";
 var CREATE_VARIABLE_FROM_SELECTION_COMMAND = createCommand19("CREATE_VARIABLE_FROM_SELECTION_COMMAND");
 function TypeaheadVariablePlugin() {
   const { variableList, onCreated } = useVariables();
-  const [editor] = useLexicalComposerContext62();
+  const [editor] = useLexicalComposerContext63();
   const triggerVariableFn = useTypeaheadTriggerMatch("@", {
     minLength: 0
   });
@@ -16021,7 +16106,7 @@ function TypeaheadVariablePlugin() {
     }
     return false;
   };
-  useEffect78(() => {
+  useEffect79(() => {
     return mergeRegister24(
       editor.registerCommand(
         TYPEAHEAD_VARIABLE_COMMAND,
@@ -16104,8 +16189,8 @@ function TypeaheadVariablePlugin() {
       activeDecoratorRef.current !== JournalEntryQuestionNode
     );
   }, [variableList, activeDecoratorRef.current]);
-  return /* @__PURE__ */ jsxs43(Fragment45, { children: [
-    /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsxs43(Fragment46, { children: [
+    /* @__PURE__ */ jsx116(
       PopupMenu,
       {
         ref: popupRef,
@@ -16113,7 +16198,7 @@ function TypeaheadVariablePlugin() {
         menu
       }
     ),
-    /* @__PURE__ */ jsx115(
+    /* @__PURE__ */ jsx116(
       PopupHighlighter,
       {
         highlighterClassName: "variable-placeholder",
@@ -16215,7 +16300,7 @@ function getParentNodeType(node, klass) {
 
 // src/plugins/TextToolbarPlugin/TextToolbarPlugin.tsx
 import { $isListNode as $isListNode9 } from "@lexical/list";
-import { useLexicalComposerContext as useLexicalComposerContext63 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext64 } from "@lexical/react/LexicalComposerContext";
 import { $isHeadingNode as $isHeadingNode4 } from "@lexical/rich-text";
 import {
   $getSelectionStyleValueForProperty,
@@ -16238,7 +16323,7 @@ import {
   KEY_ESCAPE_COMMAND as KEY_ESCAPE_COMMAND2,
   ParagraphNode as ParagraphNode5
 } from "lexical";
-import debounce5 from "lodash-es/debounce";
+import debounce6 from "lodash-es/debounce";
 import {
   AlignCenter as AlignCenter2,
   AlignLeft as AlignLeft2,
@@ -16259,20 +16344,20 @@ import {
   Webhook
 } from "lucide-react";
 import {
-  useCallback as useCallback12,
-  useEffect as useEffect79,
+  useCallback as useCallback13,
+  useEffect as useEffect80,
   useMemo as useMemo13,
   useRef as useRef55,
-  useState as useState17
+  useState as useState18
 } from "react";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 function TextToolbarPlugin() {
   const { hasModule } = useBlockEditor();
-  const [editor] = useLexicalComposerContext63();
+  const [editor] = useLexicalComposerContext64();
   const popupToolbarRef = useRef55(null);
   const activeEditorRef = useRef55(void 0);
   const activeDecoratorRef = useRef55(void 0);
-  const [toolbarState, setToolbarState] = useState17({
+  const [toolbarState, setToolbarState] = useState18({
     isBold: false,
     isItalic: false,
     isUnderline: false,
@@ -16287,7 +16372,7 @@ function TextToolbarPlugin() {
     textAlign: "left"
   });
   const selectedNodeRef = useRef55(null);
-  const [selectionType, setSelectionType] = useState17("paragraph");
+  const [selectionType, setSelectionType] = useState18("paragraph");
   const formatText = (format) => {
     activeEditorRef.current?.update(() => {
       const selection = $getSelection14();
@@ -16535,7 +16620,7 @@ function TextToolbarPlugin() {
       }
     }
   };
-  useEffect79(() => {
+  useEffect80(() => {
     return mergeRegister25(
       editor.registerCommand(
         TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
@@ -16667,8 +16752,8 @@ function TextToolbarPlugin() {
       )
     );
   }, [editor]);
-  const repositionPopupToolbar = useCallback12(
-    debounce5(() => {
+  const repositionPopupToolbar = useCallback13(
+    debounce6(() => {
       if (activeEditorRef.current && popupToolbarRef.current && popupToolbarRef.current.isShown()) {
         const nativeSelection = window.getSelection();
         const rootElement = activeEditorRef.current.getRootElement();
@@ -16685,7 +16770,7 @@ function TextToolbarPlugin() {
       popupToolbarRef.current.hideToolbar();
     }
   }
-  useEffect79(() => {
+  useEffect80(() => {
     window.addEventListener("scroll", repositionPopupToolbar);
     window.addEventListener("resize", repositionPopupToolbar);
     document.addEventListener("selectstart", handleSelectionStart);
@@ -17018,7 +17103,7 @@ function TextToolbarPlugin() {
     }
     return resultList;
   }, [toolbarState, selectionType, activeEditorRef.current]);
-  return /* @__PURE__ */ jsx116(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ jsx117(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderCalloutModuleMenu.tsx
@@ -17452,13 +17537,13 @@ function renderTableModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 }
 
 // src/plugins/TypeaheadMenuPlugin/useTypeaheadTriggerMatch.ts
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 var PUNCTUATION2 = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;
 function useTypeaheadTriggerMatch2(trigger, {
   minLength = 1,
   maxLength = 75
 }) {
-  return useCallback13(
+  return useCallback14(
     (text) => {
       const validChars = "[^" + trigger + PUNCTUATION2 + "]";
       const TypeaheadTriggerRegex = new RegExp(
@@ -17483,14 +17568,14 @@ function useTypeaheadTriggerMatch2(trigger, {
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext64 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext65 } from "@lexical/react/LexicalComposerContext";
 import { $isHeadingNode as $isHeadingNode5 } from "@lexical/rich-text";
 import { $isTableCellNode as $isTableCellNode2, TableNode as TableNode8 } from "@lexical/table";
 import { mergeRegister as mergeRegister26 } from "@lexical/utils";
 import {
   $createParagraphNode as $createParagraphNode22,
   $getNodeByKey as $getNodeByKey54,
-  $getRoot as $getRoot21,
+  $getRoot as $getRoot22,
   $getSelection as $getSelection15,
   $isParagraphNode as $isParagraphNode7,
   $isRangeSelection as $isRangeSelection10,
@@ -17501,7 +17586,7 @@ import {
   KEY_ENTER_COMMAND as KEY_ENTER_COMMAND3,
   KEY_ESCAPE_COMMAND as KEY_ESCAPE_COMMAND3
 } from "lexical";
-import { useEffect as useEffect80, useMemo as useMemo14, useRef as useRef56, useState as useState18 } from "react";
+import { useEffect as useEffect81, useMemo as useMemo14, useRef as useRef56, useState as useState19 } from "react";
 
 // src/plugins/TypeaheadMenuPlugin/renderFillInTheBlankMenu.tsx
 import {
@@ -17616,17 +17701,17 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuPlugin.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 function TypeaheadMenuPlugin() {
   const { hasModule, modulesNumber } = useBlockEditor();
-  const [editor] = useLexicalComposerContext64();
+  const [editor] = useLexicalComposerContext65();
   const triggerFn = useTypeaheadTriggerMatch2("/", {
     minLength: 0
   });
   const popupRef = useRef56(null);
   const targetNodeKeyRef = useRef56(void 0);
   const activeEditorRef = useRef56(void 0);
-  const [activeDecorator, setActiveDecorator] = useState18();
+  const [activeDecorator, setActiveDecorator] = useState19();
   const handleUpdate = () => {
     activeEditorRef.current?.getEditorState().read(() => {
       const selection = $getSelection15();
@@ -17748,7 +17833,7 @@ function TypeaheadMenuPlugin() {
     }
     return false;
   };
-  useEffect80(() => {
+  useEffect81(() => {
     return mergeRegister26(
       editor.registerCommand(
         TYPEAHEAD_MENU_COMMAND,
@@ -17807,7 +17892,7 @@ function TypeaheadMenuPlugin() {
                 );
               });
             }
-            const rootNode = $getRoot21();
+            const rootNode = $getRoot22();
             if (rootNode) {
               const childrenKeys = rootNode.getChildrenKeys();
               if (childrenKeys.length > 0) {
@@ -17899,7 +17984,7 @@ function TypeaheadMenuPlugin() {
     }
     return menuItems;
   }, [editor, modulesNumber, activeDecorator]);
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     PopupMenu,
     {
       ref: popupRef,
@@ -18585,9 +18670,9 @@ var themeDark = `
 import {
   createContext as createContext2,
   useContext as useContext5,
-  useEffect as useEffect81,
+  useEffect as useEffect82,
   useRef as useRef57,
-  useState as useState19
+  useState as useState20
 } from "react";
 
 // src/theme/constants.ts
@@ -18615,7 +18700,7 @@ var defaultThemeSettings = {
 };
 
 // src/theme/ThemeProvider.tsx
-import { jsx as jsx118, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs44 } from "react/jsx-runtime";
 var ThemeContext = createContext2(
   void 0
 );
@@ -18625,8 +18710,8 @@ function ThemeProvider({
   children
 }) {
   const rootElementRef = useRef57(null);
-  const [effectiveTheme, setEffectiveTheme] = useState19("light");
-  useEffect81(() => {
+  const [effectiveTheme, setEffectiveTheme] = useState20("light");
+  useEffect82(() => {
     const mediaQuery = window.matchMedia(
       "(prefers-color-scheme: dark)"
     );
@@ -18641,14 +18726,14 @@ function ThemeProvider({
     mediaQuery.addEventListener("change", updateEffectiveTheme);
     return () => mediaQuery.removeEventListener("change", updateEffectiveTheme);
   }, [theme]);
-  useEffect81(() => {
+  useEffect82(() => {
     rootElementRef.current?.classList.remove(
       "theme-light",
       "theme-dark"
     );
     rootElementRef.current?.classList.add(`theme-${effectiveTheme}`);
   }, [effectiveTheme]);
-  return /* @__PURE__ */ jsx118(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsx119(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ jsxs44(
     "article",
     {
       ref: rootElementRef,
@@ -18665,7 +18750,7 @@ function ThemeProvider({
         )
       },
       children: [
-        /* @__PURE__ */ jsx118(
+        /* @__PURE__ */ jsx119(
           "style",
           {
             dangerouslySetInnerHTML: {
@@ -18688,13 +18773,13 @@ import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin as RichTextPlugin7 } from "@lexical/react/LexicalRichTextPlugin";
 import { TabIndentationPlugin as TabIndentationPlugin2 } from "@lexical/react/LexicalTabIndentationPlugin";
 import React24, {
-  useCallback as useCallback14,
+  useCallback as useCallback15,
   useContext as useContext6,
-  useEffect as useEffect82,
+  useEffect as useEffect83,
   useRef as useRef58,
-  useState as useState20
+  useState as useState21
 } from "react";
-import { jsx as jsx119, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs45 } from "react/jsx-runtime";
 var TOGGLE_EDITING_MODE = "TOGGLE_EDITING_MODE";
 var RESET_EDITING_MODE = "RESET_EDITING_MODE";
 var BlockEditorContext = React24.createContext(null);
@@ -18708,18 +18793,18 @@ function BlockEditor(props) {
     children,
     renderSettings
   } = props;
-  const [modulesNumber, setModulesNumber] = useState20(0);
+  const [modulesNumber, setModulesNumber] = useState21(0);
   const editorModulesRef = useRef58({
     ...initialEditorRegistry
   });
-  const [settingsPanelSwitch, setSettingsPanelSwitch] = useState20("off");
+  const [settingsPanelSwitch, setSettingsPanelSwitch] = useState21("off");
   const settingsPanelsRef = useRef58({});
   const nestedEditorsRef = useRef58({});
   const editorRef = useRef58(null);
   const drawerRef = useRef58(null);
-  const [isBlockEditorReady, setBlockEditorReady] = useState20(false);
+  const [isBlockEditorReady, setBlockEditorReady] = useState21(false);
   const { historyState } = useSharedHistoryContext();
-  const handleChange = useCallback14(
+  const handleChange = useCallback15(
     (editorState2, _editor, tags) => {
       if (onChange && !tags?.has("new_state") && !tags?.has("history-merge")) {
         const editorStateJSON = editorState2.toJSON();
@@ -18728,7 +18813,7 @@ function BlockEditor(props) {
     },
     [onChange]
   );
-  useEffect82(() => {
+  useEffect83(() => {
     if (editorState) {
       const parsedEditorState = editorRef.current?.parseEditorState(editorState);
       if (parsedEditorState) {
@@ -18739,10 +18824,10 @@ function BlockEditor(props) {
     }
     editorRef.current?.setEditable(editable);
   }, [editable, editorState]);
-  useEffect82(() => {
+  useEffect83(() => {
     setBlockEditorReady(true);
   }, []);
-  const registerModule = useCallback14(
+  const registerModule = useCallback15(
     (moduleType) => {
       editorModulesRef.current[moduleType] = true;
       const modulesNumber2 = Object.entries(
@@ -18752,10 +18837,10 @@ function BlockEditor(props) {
     },
     [modulesNumber]
   );
-  const openSettingsPanel = useCallback14(() => {
+  const openSettingsPanel = useCallback15(() => {
     setSettingsPanelSwitch("on");
   }, []);
-  const autoOpenSettingsPanel = useCallback14(() => {
+  const autoOpenSettingsPanel = useCallback15(() => {
     setSettingsPanelSwitch((prevState) => {
       if (prevState === "off") {
         return "on";
@@ -18763,14 +18848,14 @@ function BlockEditor(props) {
       return prevState;
     });
   }, []);
-  const [editingMode, setEditingMode] = useState20({
+  const [editingMode, setEditingMode] = useState21({
     mode: "edit"
   });
   const editingModeDataCallbackRef = useRef58();
   const handleResetPreviewModeEvent = () => {
     setEditingMode({ mode: "edit" });
   };
-  useEffect82(() => {
+  useEffect83(() => {
     if (editingMode.mode === "preview") {
       window.dispatchEvent(
         new CustomEvent(
@@ -18796,7 +18881,7 @@ function BlockEditor(props) {
       );
     }
   }, [editingMode]);
-  useEffect82(() => {
+  useEffect83(() => {
     window.addEventListener(
       RESET_EDITING_MODE,
       handleResetPreviewModeEvent
@@ -18808,7 +18893,7 @@ function BlockEditor(props) {
       );
     };
   }, []);
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     BlockEditorContext.Provider,
     {
       value: {
@@ -18864,62 +18949,62 @@ function BlockEditor(props) {
         },
         drawer: drawerRef.current,
         isBlockEditorReady,
-        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ jsx119("div", {})
+        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ jsx120("div", {})
       },
-      children: /* @__PURE__ */ jsx119(ResizeObserver, { children: /* @__PURE__ */ jsx119(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ jsx119(SharedHistoryContext, { children: /* @__PURE__ */ jsxs45(NodeProvider, { children: [
-        /* @__PURE__ */ jsx119(
+      children: /* @__PURE__ */ jsx120(ResizeObserver, { children: /* @__PURE__ */ jsx120(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ jsx120(SharedHistoryContext, { children: /* @__PURE__ */ jsxs45(NodeProvider, { children: [
+        /* @__PURE__ */ jsx120(
           "main",
           {
             className: `${settingsPanelSwitch === "on" ? "narrow" : ""}`,
             children: /* @__PURE__ */ jsxs45(LexicalComposer, { initialConfig: { ...initialConfig }, children: [
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(
                 EditorRefPlugin,
                 {
                   onMountRef: (editor) => editorRef.current = editor
                 }
               ),
-              /* @__PURE__ */ jsx119(AutoFocusPlugin, {}),
-              /* @__PURE__ */ jsx119(AutoBottomParagraphPlugin, {}),
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(AutoFocusPlugin, {}),
+              /* @__PURE__ */ jsx120(AutoBottomParagraphPlugin, {}),
+              /* @__PURE__ */ jsx120(
                 HistoryPlugin9,
                 {
                   externalHistoryState: historyState
                 }
               ),
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(
                 OnChangePlugin,
                 {
                   onChange: handleChange,
                   ignoreSelectionChange: true
                 }
               ),
-              /* @__PURE__ */ jsx119(OnNestedChangePlugin, { onChange: handleChange }),
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(OnNestedChangePlugin, { onChange: handleChange }),
+              /* @__PURE__ */ jsx120(
                 RichTextPlugin7,
                 {
-                  contentEditable: /* @__PURE__ */ jsx119(ContentEditable, {}),
+                  contentEditable: /* @__PURE__ */ jsx120(ContentEditable, {}),
                   placeholder: null,
                   ErrorBoundary: LexicalErrorBoundary9
                 }
               ),
-              /* @__PURE__ */ jsx119(NodePastePlugin, {}),
-              /* @__PURE__ */ jsx119(ListPlugin2, {}),
-              /* @__PURE__ */ jsx119(ListLevelLimitPlugin, {}),
-              /* @__PURE__ */ jsx119(TabIndentationPlugin2, {}),
+              /* @__PURE__ */ jsx120(NodePastePlugin, {}),
+              /* @__PURE__ */ jsx120(ListPlugin2, {}),
+              /* @__PURE__ */ jsx120(ListLevelLimitPlugin, {}),
+              /* @__PURE__ */ jsx120(TabIndentationPlugin2, {}),
               children,
-              /* @__PURE__ */ jsx119(TypeaheadMenuPlugin, {}),
-              /* @__PURE__ */ jsx119(TypeaheadMenuAgentPlugin, {}),
-              /* @__PURE__ */ jsx119(NodeMouseAnchorPlugin, {}),
-              /* @__PURE__ */ jsx119(NodeMousePlugin, {}),
-              /* @__PURE__ */ jsx119(TextToolbarPlugin, {}),
-              /* @__PURE__ */ jsx119(TextToolbarAgentPlugin, {}),
-              /* @__PURE__ */ jsx119(TypeaheadVariableAgentPlugin, {}),
-              /* @__PURE__ */ jsx119(VariableComponentPlugin, {}),
-              /* @__PURE__ */ jsx119(MarkdownPlugin, {})
+              /* @__PURE__ */ jsx120(TypeaheadMenuPlugin, {}),
+              /* @__PURE__ */ jsx120(TypeaheadMenuAgentPlugin, {}),
+              /* @__PURE__ */ jsx120(NodeMouseAnchorPlugin, {}),
+              /* @__PURE__ */ jsx120(NodeMousePlugin, {}),
+              /* @__PURE__ */ jsx120(TextToolbarPlugin, {}),
+              /* @__PURE__ */ jsx120(TextToolbarAgentPlugin, {}),
+              /* @__PURE__ */ jsx120(TypeaheadVariableAgentPlugin, {}),
+              /* @__PURE__ */ jsx120(VariableComponentPlugin, {}),
+              /* @__PURE__ */ jsx120(MarkdownPlugin, {})
             ] })
           }
         ),
-        /* @__PURE__ */ jsx119(Drawer, { ref: drawerRef })
+        /* @__PURE__ */ jsx120(Drawer, { ref: drawerRef })
       ] }) }) }) })
     }
   );
@@ -18935,30 +19020,30 @@ var useBlockEditor = () => {
 };
 
 // src/BlockEditorStyle.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 function BlockEditorStyle(props) {
   const { children, theme, themeSettings } = props;
-  return /* @__PURE__ */ jsx120(ThemeProvider, { theme, themeSettings, children });
+  return /* @__PURE__ */ jsx121(ThemeProvider, { theme, themeSettings, children });
 }
 
 // src/modules/Callout.tsx
-import { useEffect as useEffect83 } from "react";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { useEffect as useEffect84 } from "react";
+import { jsx as jsx122 } from "react/jsx-runtime";
 function Callout() {
   const { registerModule } = useBlockEditor();
-  useEffect83(() => {
+  useEffect84(() => {
     registerModule("Callout");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx121(CalloutBoxPlugin, {});
+  return /* @__PURE__ */ jsx122(CalloutBoxPlugin, {});
 }
 
 // src/plugins/TreeViewPlugin/index.tsx
-import { useLexicalComposerContext as useLexicalComposerContext65 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext66 } from "@lexical/react/LexicalComposerContext";
 import { TreeView } from "@lexical/react/LexicalTreeView";
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 function TreeViewPlugin() {
-  const [editor] = useLexicalComposerContext65();
-  return /* @__PURE__ */ jsx122(
+  const [editor] = useLexicalComposerContext66();
+  return /* @__PURE__ */ jsx123(
     TreeView,
     {
       viewClassName: "tree-view-output",
@@ -18973,31 +19058,31 @@ function TreeViewPlugin() {
 }
 
 // src/modules/Debug.tsx
-import { useEffect as useEffect84 } from "react";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { useEffect as useEffect85 } from "react";
+import { jsx as jsx124 } from "react/jsx-runtime";
 function Debug() {
   const { registerModule } = useBlockEditor();
-  useEffect84(() => {
+  useEffect85(() => {
     registerModule("Debug");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx123(TreeViewPlugin, {});
+  return /* @__PURE__ */ jsx124(TreeViewPlugin, {});
 }
 
 // src/modules/Image.tsx
-import { useEffect as useEffect85 } from "react";
-import { Fragment as Fragment46, jsx as jsx124 } from "react/jsx-runtime";
+import { useEffect as useEffect86 } from "react";
+import { Fragment as Fragment47, jsx as jsx125 } from "react/jsx-runtime";
 function Image(props) {
   const { imageSettings } = props;
   const { registerModule } = useBlockEditor();
-  useEffect85(() => {
+  useEffect86(() => {
     registerModule("Image");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx124(Fragment46, { children: /* @__PURE__ */ jsx124(ImagePlugin, { imageSettings }) });
+  return /* @__PURE__ */ jsx125(Fragment47, { children: /* @__PURE__ */ jsx125(ImagePlugin, { imageSettings }) });
 }
 
 // src/plugins/LinkToolbarPlugin/LinkToolbarPlugin.tsx
 import { $isLinkNode as $isLinkNode3, $toggleLink as $toggleLink2 } from "@lexical/link";
-import { useLexicalComposerContext as useLexicalComposerContext66 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext67 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister27 } from "@lexical/utils";
 import {
   $createRangeSelection as $createRangeSelection3,
@@ -19010,16 +19095,16 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW14,
   KEY_ESCAPE_COMMAND as KEY_ESCAPE_COMMAND4
 } from "lexical";
-import debounce6 from "lodash-es/debounce";
+import debounce7 from "lodash-es/debounce";
 import { Pencil, Trash2 as Trash26, X } from "lucide-react";
-import { useCallback as useCallback15, useEffect as useEffect86, useRef as useRef59, useState as useState21 } from "react";
-import { jsx as jsx125, jsxs as jsxs46 } from "react/jsx-runtime";
+import { useCallback as useCallback16, useEffect as useEffect87, useRef as useRef59, useState as useState22 } from "react";
+import { jsx as jsx126, jsxs as jsxs46 } from "react/jsx-runtime";
 function LinkToolbarPlugin() {
-  const [editor] = useLexicalComposerContext66();
+  const [editor] = useLexicalComposerContext67();
   const popupToolbarRef = useRef59(null);
   const linkTextNodeRef = useRef59();
   const linkTextNodeOffsetRef = useRef59();
-  const [linkNode, setLinkNode] = useState21();
+  const [linkNode, setLinkNode] = useState22();
   const linkNodeElementRef = useRef59();
   const activeEditorRef = useRef59();
   const handleClose = () => {
@@ -19027,8 +19112,8 @@ function LinkToolbarPlugin() {
       popupToolbarRef.current.hideToolbar();
     }
   };
-  const repositionPopupToolbar = useCallback15(
-    debounce6(() => {
+  const repositionPopupToolbar = useCallback16(
+    debounce7(() => {
       if (popupToolbarRef.current && popupToolbarRef.current.isShown()) {
         if (linkNodeElementRef.current) {
           popupToolbarRef.current?.repositionToolbar(
@@ -19039,7 +19124,7 @@ function LinkToolbarPlugin() {
     }, 10),
     [editor]
   );
-  useEffect86(() => {
+  useEffect87(() => {
     return mergeRegister27(
       editor.registerCommand(
         CLICK_COMMAND13,
@@ -19113,7 +19198,7 @@ function LinkToolbarPlugin() {
       )
     );
   }, [editor]);
-  useEffect86(() => {
+  useEffect87(() => {
     window.addEventListener("scroll", repositionPopupToolbar);
     window.addEventListener("resize", repositionPopupToolbar);
     return () => {
@@ -19123,7 +19208,7 @@ function LinkToolbarPlugin() {
   }, [editor]);
   const linkUrl = linkNode?.linkUrl;
   const linkTitle = linkNode?.linkUrl;
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     PopupToolbar,
     {
       ref: popupToolbarRef,
@@ -19141,23 +19226,23 @@ function LinkToolbarPlugin() {
             padding: "var(--sl-spacing-2x-small) var(--sl-spacing-x-small) var(--sl-spacing-2x-small) var(--sl-spacing-medium)"
           },
           children: [
-            /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx126("div", { children: /* @__PURE__ */ jsx126("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ jsx126(
               "sl-tooltip",
               {
                 style: { "--show-delay": "1800" },
                 hoist: true,
                 content: linkUrl || "[Empty URL]",
-                children: /* @__PURE__ */ jsx125("span", { className: "line-short-20", children: linkTitle })
+                children: /* @__PURE__ */ jsx126("span", { className: "line-short-20", children: linkTitle })
               }
             ) }) }),
             /* @__PURE__ */ jsxs46(Stack, { className: "stack__row", children: [
-              /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
+              /* @__PURE__ */ jsx126("div", { children: /* @__PURE__ */ jsx126(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Edit Link",
-                  children: /* @__PURE__ */ jsx125(
+                  children: /* @__PURE__ */ jsx126(
                     Button,
                     {
                       size: "small",
@@ -19196,13 +19281,13 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
+              /* @__PURE__ */ jsx126("div", { children: /* @__PURE__ */ jsx126(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Remove Link",
-                  children: /* @__PURE__ */ jsx125(
+                  children: /* @__PURE__ */ jsx126(
                     Button,
                     {
                       size: "small",
@@ -19237,13 +19322,13 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
+              /* @__PURE__ */ jsx126("div", { children: /* @__PURE__ */ jsx126(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Close",
-                  children: /* @__PURE__ */ jsx125(
+                  children: /* @__PURE__ */ jsx126(
                     Button,
                     {
                       size: "small",
@@ -19265,21 +19350,21 @@ function LinkToolbarPlugin() {
 }
 
 // src/modules/Link.tsx
-import { useEffect as useEffect87 } from "react";
-import { Fragment as Fragment47, jsx as jsx126, jsxs as jsxs47 } from "react/jsx-runtime";
+import { useEffect as useEffect88 } from "react";
+import { Fragment as Fragment48, jsx as jsx127, jsxs as jsxs47 } from "react/jsx-runtime";
 function Link() {
   const { registerModule } = useBlockEditor();
-  useEffect87(() => {
+  useEffect88(() => {
     registerModule("Link");
   }, [registerModule]);
-  return /* @__PURE__ */ jsxs47(Fragment47, { children: [
-    /* @__PURE__ */ jsx126(LinkEditorPlugin, {}),
-    /* @__PURE__ */ jsx126(LinkToolbarPlugin, {})
+  return /* @__PURE__ */ jsxs47(Fragment48, { children: [
+    /* @__PURE__ */ jsx127(LinkEditorPlugin, {}),
+    /* @__PURE__ */ jsx127(LinkToolbarPlugin, {})
   ] });
 }
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext67 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext68 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister28 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection19,
@@ -19288,12 +19373,12 @@ import {
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR15,
   createCommand as createCommand20
 } from "lexical";
-import { useEffect as useEffect88 } from "react";
-import { Fragment as Fragment48, jsx as jsx127 } from "react/jsx-runtime";
+import { useEffect as useEffect89 } from "react";
+import { Fragment as Fragment49, jsx as jsx128 } from "react/jsx-runtime";
 var INSERT_ESSAY_QUESTION_COMMAND = createCommand20("INSERT_ESSAY_QUESTION_COMMAND");
 function EssayQuestionPlugin() {
-  const [editor] = useLexicalComposerContext67();
-  useEffect88(() => {
+  const [editor] = useLexicalComposerContext68();
+  useEffect89(() => {
     return mergeRegister28(
       editor.registerCommand(
         INSERT_ESSAY_QUESTION_COMMAND,
@@ -19327,13 +19412,13 @@ function EssayQuestionPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx127(Fragment48, {});
+  return /* @__PURE__ */ jsx128(Fragment49, {});
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext68 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext69 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey56 } from "lexical";
-import { useEffect as useEffect89, useRef as useRef60, useState as useState22 } from "react";
+import { useEffect as useEffect90, useRef as useRef60, useState as useState23 } from "react";
 
 // src/plugins/FinancialStatementQuestionPlugin/validatePointslnput.ts
 function validatePointsInput6(input) {
@@ -19355,13 +19440,13 @@ function validatePointsInput6(input) {
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 function FinancialStatementQuestionSettings(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext68();
+  const [editor] = useLexicalComposerContext69();
   const pointsTextInputRef = useRef60(null);
-  const [foundNode, setFoundNode] = useState22();
-  useEffect89(() => {
+  const [foundNode, setFoundNode] = useState23();
+  useEffect90(() => {
     if (nodeKey) {
       editor.getEditorState().read(() => {
         const fillInTheBlankNode = $getNodeByKey56(nodeKey);
@@ -19374,7 +19459,7 @@ function FinancialStatementQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx128("div", { children: /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129("div", { children: /* @__PURE__ */ jsx129(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -19404,20 +19489,20 @@ function FinancialStatementQuestionSettings(props) {
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext69 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext70 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister29 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection20,
   $createParagraphNode as $createParagraphNode23,
   $getNodeByKey as $getNodeByKey57,
-  $getRoot as $getRoot22,
+  $getRoot as $getRoot23,
   $setSelection as $setSelection24,
   COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR16,
   createCommand as createCommand21,
   createEditor as createEditor9
 } from "lexical";
-import { useEffect as useEffect90, useRef as useRef61 } from "react";
-import { Fragment as Fragment49, jsx as jsx129, jsxs as jsxs48 } from "react/jsx-runtime";
+import { useEffect as useEffect91, useRef as useRef61 } from "react";
+import { Fragment as Fragment50, jsx as jsx130, jsxs as jsxs48 } from "react/jsx-runtime";
 var INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND = createCommand21("INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND");
 function FinancialStatementQuestionPlugin() {
   const {
@@ -19426,9 +19511,9 @@ function FinancialStatementQuestionPlugin() {
     drawer,
     toggleSettingsPanelSwitch
   } = useBlockEditor();
-  const [editor] = useLexicalComposerContext69();
+  const [editor] = useLexicalComposerContext70();
   const settingsPanelStickyRef = useRef61(null);
-  useEffect90(() => {
+  useEffect91(() => {
     return mergeRegister29(
       editor.registerCommand(
         INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND,
@@ -19441,7 +19526,7 @@ function FinancialStatementQuestionPlugin() {
                 if (targetNode) {
                   const headerEditor = createEditor9();
                   headerEditor.update(() => {
-                    const root = $getRoot22();
+                    const root = $getRoot23();
                     const paragraph = $createParagraphNode23();
                     root.append(paragraph);
                   });
@@ -19472,7 +19557,7 @@ function FinancialStatementQuestionPlugin() {
       )
     );
   }, [editor]);
-  useEffect90(() => {
+  useEffect91(() => {
     if (isBlockEditorReady) {
       if (settingsPanelStickyRef.current) {
         registerSettingsPanel(
@@ -19482,21 +19567,21 @@ function FinancialStatementQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsxs48(Fragment49, { children: [
-    drawer && /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsxs48(Fragment50, { children: [
+    drawer && /* @__PURE__ */ jsx130(
       StickyToPosition,
       {
         ref: settingsPanelStickyRef,
         container: drawer,
         children: (data, position, isVisible) => {
-          return /* @__PURE__ */ jsx129("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx129(
+          return /* @__PURE__ */ jsx130("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx130(
             SettingsCard,
             {
               isVisible: !!isVisible,
               container: drawer,
               title: "Financial Statement Settings",
               onClose: toggleSettingsPanelSwitch,
-              children: isVisible && /* @__PURE__ */ jsx129(
+              children: isVisible && /* @__PURE__ */ jsx130(
                 FinancialStatementQuestionSettings,
                 {
                   nodeKey: data.nodeKey
@@ -19508,36 +19593,36 @@ function FinancialStatementQuestionPlugin() {
         }
       }
     ),
-    /* @__PURE__ */ jsx129(FillInTheBlankSpaceSettingsPlugin, {})
+    /* @__PURE__ */ jsx130(FillInTheBlankSpaceSettingsPlugin, {})
   ] });
 }
 
 // src/modules/Questions.tsx
-import { useEffect as useEffect91 } from "react";
-import { Fragment as Fragment50, jsx as jsx130, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useEffect as useEffect92 } from "react";
+import { Fragment as Fragment51, jsx as jsx131, jsxs as jsxs49 } from "react/jsx-runtime";
 function Questions() {
   const { registerModule } = useBlockEditor();
-  useEffect91(() => {
+  useEffect92(() => {
     registerModule("Questions");
   }, [registerModule]);
-  return /* @__PURE__ */ jsxs49(Fragment50, { children: [
-    /* @__PURE__ */ jsx130(MultipleOptionQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(ShortAnswerQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(MatchingQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(FillInTheBlankQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(JournalEntryQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(FinancialStatementQuestionPlugin, {}),
-    /* @__PURE__ */ jsx130(EssayQuestionPlugin, {})
+  return /* @__PURE__ */ jsxs49(Fragment51, { children: [
+    /* @__PURE__ */ jsx131(MultipleOptionQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(ShortAnswerQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(MatchingQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(FillInTheBlankQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(JournalEntryQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(FinancialStatementQuestionPlugin, {}),
+    /* @__PURE__ */ jsx131(EssayQuestionPlugin, {})
   ] });
 }
 
 // src/modules/SettingsPanel.tsx
-import { useEffect as useEffect92 } from "react";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { useEffect as useEffect93 } from "react";
+import { jsx as jsx132 } from "react/jsx-runtime";
 function SettingsPanel(props) {
   const { defaultOpen = true } = props;
   const { registerModule, openSettingsPanel } = useBlockEditor();
-  useEffect92(() => {
+  useEffect93(() => {
     registerModule("SettingsPanel");
     setTimeout(() => {
       if (defaultOpen) {
@@ -19545,26 +19630,26 @@ function SettingsPanel(props) {
       }
     }, 50);
   }, [registerModule, defaultOpen, openSettingsPanel]);
-  return /* @__PURE__ */ jsx131(SettingsPanelPlugin, {});
+  return /* @__PURE__ */ jsx132(SettingsPanelPlugin, {});
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
-import { useEffect as useEffect94, useRef as useRef63 } from "react";
+import { useEffect as useEffect95, useRef as useRef63 } from "react";
 
 // src/plugins/VariablesPlugin/VariableSettings.tsx
-import { useLexicalComposerContext as useLexicalComposerContext70 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext71 } from "@lexical/react/LexicalComposerContext";
 import {
   $createTextNode as $createTextNode8,
   $getNodeByKey as $getNodeByKey58
 } from "lexical";
 import { Pencil as Pencil2, Save, Trash2 as Trash27 } from "lucide-react";
 import {
-  useEffect as useEffect93,
+  useEffect as useEffect94,
   useMemo as useMemo15,
   useRef as useRef62,
-  useState as useState23
+  useState as useState24
 } from "react";
-import { Fragment as Fragment51, jsx as jsx132, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx133, jsxs as jsxs50 } from "react/jsx-runtime";
 var controlGridStyle = {
   width: "100%",
   display: "flex",
@@ -19596,12 +19681,12 @@ function VariableSettings(props) {
     getEditingModeDataCallback
   } = useBlockEditor();
   const { variableList, onRenamed } = useVariables();
-  const [editor] = useLexicalComposerContext70();
+  const [editor] = useLexicalComposerContext71();
   const activeEditorRef = useRef62();
-  const [currentVariableNode, setCurrentVariableNode] = useState23();
-  const [isSettingsEditingMode, setSettingsEditingMode] = useState23(false);
+  const [currentVariableNode, setCurrentVariableNode] = useState24();
+  const [isSettingsEditingMode, setSettingsEditingMode] = useState24(false);
   const variableNameInputRef = useRef62(null);
-  useEffect93(() => {
+  useEffect94(() => {
     if (nodeKey) {
       activeEditorRef.current = nestedEditorId ? getNestedEditor(nestedEditorId) || editor : editor;
       if (activeEditorRef.current) {
@@ -19786,8 +19871,8 @@ function VariableSettings(props) {
   if (!currentVariableNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs50(Fragment51, { children: [
-    /* @__PURE__ */ jsx132("div", { style: formFieldStyle, children: /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsxs50(Fragment52, { children: [
+    /* @__PURE__ */ jsx133("div", { style: formFieldStyle, children: /* @__PURE__ */ jsx133(
       Button,
       {
         className: "button__fullwidth",
@@ -19807,9 +19892,9 @@ function VariableSettings(props) {
       }
     ) }),
     /* @__PURE__ */ jsxs50("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx132("div", { style: formFieldLabel, children: "Name" }),
+      /* @__PURE__ */ jsx133("div", { style: formFieldLabel, children: "Name" }),
       /* @__PURE__ */ jsxs50("div", { style: controlGridStyle, children: [
-        /* @__PURE__ */ jsx132("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx133(
           "form",
           {
             onSubmit: (e) => {
@@ -19817,7 +19902,7 @@ function VariableSettings(props) {
               e.preventDefault();
               updateVariableName();
             },
-            children: /* @__PURE__ */ jsx132(
+            children: /* @__PURE__ */ jsx133(
               TextInput,
               {
                 ref: variableNameInputRef,
@@ -19829,7 +19914,7 @@ function VariableSettings(props) {
               }
             )
           }
-        ) : /* @__PURE__ */ jsx132(
+        ) : /* @__PURE__ */ jsx133(
           DropdownButton,
           {
             className: "button__fullwidth button__left_aligned",
@@ -19842,7 +19927,7 @@ function VariableSettings(props) {
             menu: variablesMenu
           }
         ) }),
-        /* @__PURE__ */ jsx132("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx133(
           Button,
           {
             StartIcon: Save,
@@ -19850,7 +19935,7 @@ function VariableSettings(props) {
             size: "small",
             onClick: updateVariableName
           }
-        ) : /* @__PURE__ */ jsx132(
+        ) : /* @__PURE__ */ jsx133(
           Button,
           {
             StartIcon: Pencil2,
@@ -19864,8 +19949,8 @@ function VariableSettings(props) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs50("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx132("div", { style: formFieldLabel, children: "Type" }),
-      /* @__PURE__ */ jsx132(
+      /* @__PURE__ */ jsx133("div", { style: formFieldLabel, children: "Type" }),
+      /* @__PURE__ */ jsx133(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -19880,8 +19965,8 @@ function VariableSettings(props) {
       )
     ] }),
     currentVariableNode.getVariableFormat() && /* @__PURE__ */ jsxs50("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx132("div", { style: formFieldLabel, children: "Format" }),
-      /* @__PURE__ */ jsx132(
+      /* @__PURE__ */ jsx133("div", { style: formFieldLabel, children: "Format" }),
+      /* @__PURE__ */ jsx133(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -19895,7 +19980,7 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx132("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ jsx133(
       Button,
       {
         size: "small",
@@ -19937,7 +20022,7 @@ function VariableSettings(props) {
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
-import { Fragment as Fragment52, jsx as jsx133 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx134 } from "react/jsx-runtime";
 function VariableSettingsPlugin() {
   const {
     registerSettingsPanel,
@@ -19946,7 +20031,7 @@ function VariableSettingsPlugin() {
     toggleSettingsPanelSwitch
   } = useBlockEditor();
   const settingsPanelStickyRef = useRef63(null);
-  useEffect94(() => {
+  useEffect95(() => {
     if (isBlockEditorReady) {
       if (settingsPanelStickyRef.current) {
         registerSettingsPanel(
@@ -19956,20 +20041,20 @@ function VariableSettingsPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx133(Fragment52, { children: drawer && /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(Fragment53, { children: drawer && /* @__PURE__ */ jsx134(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx133("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx133(
+        return /* @__PURE__ */ jsx134("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx134(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Variable Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ jsx133(
+            children: /* @__PURE__ */ jsx134(
               VariableSettings,
               {
                 nodeKey: data.nodeKey,
@@ -19985,7 +20070,7 @@ function VariableSettingsPlugin() {
 }
 
 // src/plugins/VariablesPlugin/VariableToolbarPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext71 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext72 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister30 } from "@lexical/utils";
 import {
   $getNodeByKey as $getNodeByKey59,
@@ -19993,22 +20078,22 @@ import {
   $isNodeSelection as $isNodeSelection6,
   COMMAND_PRIORITY_NORMAL as COMMAND_PRIORITY_NORMAL4
 } from "lexical";
-import debounce7 from "lodash-es/debounce";
+import debounce8 from "lodash-es/debounce";
 import { Bold as Bold2, Italic as Italic2, Underline as Underline2 } from "lucide-react";
 import {
-  useCallback as useCallback16,
-  useEffect as useEffect95,
+  useCallback as useCallback17,
+  useEffect as useEffect96,
   useMemo as useMemo16,
   useRef as useRef64,
-  useState as useState24
+  useState as useState25
 } from "react";
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { jsx as jsx135 } from "react/jsx-runtime";
 function VariableToolbarPlugin() {
-  const [editor] = useLexicalComposerContext71();
+  const [editor] = useLexicalComposerContext72();
   const popupToolbarRef = useRef64(null);
   const activeEditorRef = useRef64();
   const selectedNodeRef = useRef64();
-  const [toolbarState, setToolbarState] = useState24({
+  const [toolbarState, setToolbarState] = useState25({
     isBold: false,
     isItalic: false,
     isUnderline: false
@@ -20083,8 +20168,8 @@ function VariableToolbarPlugin() {
       }
     }
   };
-  const repositionPopupToolbar = useCallback16(
-    debounce7(() => {
+  const repositionPopupToolbar = useCallback17(
+    debounce8(() => {
       if (selectedNodeRef.current) {
         if (activeEditorRef.current) {
           const selectedElement = activeEditorRef.current.getElementByKey(
@@ -20111,7 +20196,7 @@ function VariableToolbarPlugin() {
     }, 10),
     [activeEditorRef.current]
   );
-  useEffect95(() => {
+  useEffect96(() => {
     return mergeRegister30(
       editor.registerCommand(
         VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
@@ -20151,7 +20236,7 @@ function VariableToolbarPlugin() {
       )
     );
   }, [editor]);
-  useEffect95(() => {
+  useEffect96(() => {
     window.addEventListener("scroll", repositionPopupToolbar);
     window.addEventListener("resize", repositionPopupToolbar);
     return () => {
@@ -20195,19 +20280,19 @@ function VariableToolbarPlugin() {
     ];
     return resultList;
   }, [toolbarState]);
-  return /* @__PURE__ */ jsx134(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ jsx135(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/modules/Variables.tsx
-import { useEffect as useEffect96 } from "react";
-import { jsx as jsx135, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useEffect as useEffect97 } from "react";
+import { jsx as jsx136, jsxs as jsxs51 } from "react/jsx-runtime";
 function Variables(props) {
   const { variablesSettings } = props;
   const { registerModule, setEditingModeDataCallback } = useBlockEditor();
-  useEffect96(() => {
+  useEffect97(() => {
     registerModule("Variables");
   }, [registerModule]);
-  useEffect96(() => {
+  useEffect97(() => {
     setEditingModeDataCallback(() => {
       return {
         variableValues: variablesSettings.getVariableValues()
@@ -20215,10 +20300,10 @@ function Variables(props) {
     });
   }, [variablesSettings, setEditingModeDataCallback]);
   return /* @__PURE__ */ jsxs51(VariablesProvider, { variablesSettings, children: [
-    /* @__PURE__ */ jsx135(TypeaheadVariablePlugin, {}),
-    /* @__PURE__ */ jsx135(VariableSettingsPlugin, {}),
-    /* @__PURE__ */ jsx135(VariableToolbarPlugin, {}),
-    /* @__PURE__ */ jsx135(VariableToolbarAgentPlugin, {})
+    /* @__PURE__ */ jsx136(TypeaheadVariablePlugin, {}),
+    /* @__PURE__ */ jsx136(VariableSettingsPlugin, {}),
+    /* @__PURE__ */ jsx136(VariableToolbarPlugin, {}),
+    /* @__PURE__ */ jsx136(VariableToolbarAgentPlugin, {})
   ] });
 }
 export {