@examind/block-editor 0.1.22 → 0.1.24

package/dist/index.js

@@ -105,7 +105,7 @@ function ResizeObserver(props) {
 
 // src/plugins/CalloutBoxPlugin/CalloutBoxNode.tsx
 var import_lexical54 = require("lexical");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 
 // src/components/icon/Icon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -6092,80 +6092,22 @@ function $isFinancialStatementQuestionNode(node) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionNode.tsx
-var import_lexical31 = require("lexical");
+var import_lexical30 = require("lexical");
 var import_nanoid3 = require("nanoid");
 
-// src/plugins/MatchingQuestionPlugin/DistractorButton.tsx
+// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
 var import_LexicalComposerContext23 = require("@lexical/react/LexicalComposerContext");
+var import_utils8 = require("@lexical/utils");
 var import_lexical27 = require("lexical");
 var import_react42 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
-function DistractorButton(props) {
-  const { nodeKey, itemIndex } = props;
-  const [editor] = (0, import_LexicalComposerContext23.useLexicalComposerContext)();
-  const addDistractor = (0, import_react42.useCallback)(() => {
-    editor.update(
-      () => {
-        const foundNode = (0, import_lexical27.$getNodeByKey)(nodeKey);
-        if ($isMatchingQuestionNode(foundNode)) {
-          foundNode.addItem(itemIndex, false);
-        }
-      },
-      {
-        onUpdate: () => {
-          editor.getEditorState().read(() => {
-            const foundNode = (0, import_lexical27.$getNodeByKey)(nodeKey);
-            if ($isMatchingQuestionNode(foundNode)) {
-              const newQuestionItem = foundNode.__items[itemIndex + 1];
-              if (newQuestionItem.itemOptionContent) {
-                newQuestionItem.itemOptionContent.update(() => {
-                  const root = (0, import_lexical27.$getRoot)();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = (0, import_lexical27.$createParagraphNode)();
-                    root.append(firstChild);
-                  }
-                  firstChild.selectStart();
-                });
-              }
-            }
-          });
-        }
-      }
-    );
-  }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "matching-question-prompt-question-item-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matching-question-distractor-button", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      Button,
-      {
-        label: "Add Distractor",
-        variant: "text",
-        size: "small",
-        onClick: addDistractor
-      }
-    ) })
-  ] });
-}
-
-// src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-var import_LexicalComposerContext26 = require("@lexical/react/LexicalComposerContext");
-var import_lexical30 = require("lexical");
-var import_react45 = require("react");
-
-// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
-var import_LexicalComposerContext24 = require("@lexical/react/LexicalComposerContext");
-var import_utils8 = require("@lexical/utils");
-var import_lexical28 = require("lexical");
-var import_react43 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical28.createCommand)("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
+var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical27.createCommand)("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
 function VariableToolbarAgentPlugin() {
-  const [editor] = (0, import_LexicalComposerContext24.useLexicalComposerContext)();
-  (0, import_react43.useEffect)(() => {
+  const [editor] = (0, import_LexicalComposerContext23.useLexicalComposerContext)();
+  (0, import_react42.useEffect)(() => {
     return (0, import_utils8.mergeRegister)(
       editor.registerCommand(
-        import_lexical28.SELECTION_CHANGE_COMMAND,
+        import_lexical27.SELECTION_CHANGE_COMMAND,
         (_payload, activeEditor) => {
           if (editor === activeEditor) {
             activeEditor.dispatchCommand(
@@ -6175,7 +6117,7 @@ function VariableToolbarAgentPlugin() {
           }
           return false;
         },
-        import_lexical28.COMMAND_PRIORITY_EDITOR
+        import_lexical27.COMMAND_PRIORITY_EDITOR
       ),
       editor.registerUpdateListener(({ tags }) => {
         if (!tags.has("history-merge")) {
@@ -6187,37 +6129,248 @@ function VariableToolbarAgentPlugin() {
       })
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
 }
 
-// src/plugins/MatchingQuestionPlugin/QuestionItemComponent.tsx
-var import_LexicalComposerContext25 = require("@lexical/react/LexicalComposerContext");
+// src/plugins/MatchingQuestionPlugin/QuestionDistractorItemComponent.tsx
 var import_LexicalErrorBoundary3 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin4 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalNestedComposer3 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin2 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx2 = __toESM(require("clsx"));
-var import_lexical29 = require("lexical");
 var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function QuestionDistractorItemComponent(props) {
+  const { nodeKey, itemOptionContent } = props;
+  const { historyState } = useSharedHistoryContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      "div",
+      {
+        className: "matching-question-prompt-question-item-controls",
+        style: { gridColumn: "span 2" },
+        "data-selectable": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          Button,
+          {
+            StartIcon: import_lucide_react6.XIcon,
+            size: "small",
+            variant: "text",
+            className: "danger"
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      "div",
+      {
+        className: "matching-question-prompt-question-item",
+        "data-selectable": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemOptionContent, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(NestedEditor, { nodeKey, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SettingsPanelNestedAgentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            import_LexicalRichTextPlugin2.RichTextPlugin,
+            {
+              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NestedContentEditable, {}),
+              ErrorBoundary: import_LexicalErrorBoundary3.LexicalErrorBoundary,
+              placeholder: null
+            },
+            nodeKey
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            TextToolbarAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            TypeaheadVariableAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(VariableComponentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(VariableToolbarAgentPlugin, {})
+        ] }) })
+      }
+    )
+  ] });
+}
+
+// src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
+var import_LexicalComposerContext25 = require("@lexical/react/LexicalComposerContext");
+var import_lexical29 = require("lexical");
+var import_lucide_react8 = require("lucide-react");
 var import_react44 = require("react");
+
+// src/plugins/MatchingQuestionPlugin/QuestionItemComponent.tsx
+var import_LexicalComposerContext24 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalErrorBoundary4 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin5 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer4 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin3 = require("@lexical/react/LexicalRichTextPlugin");
+var import_lexical28 = require("lexical");
+var import_lucide_react7 = require("lucide-react");
+var import_react43 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function QuestionItemComponent(props) {
   const {
     nodeKey,
-    id,
     itemIndex,
-    correct,
     itemPremiseContent,
     itemOptionContent
   } = props;
   const { historyState } = useSharedHistoryContext();
+  const [editor] = (0, import_LexicalComposerContext24.useLexicalComposerContext)();
+  const removeItem = (0, import_react43.useCallback)(() => {
+    editor.update(() => {
+      const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
+      if ($isMatchingQuestionNode(foundNode)) {
+        foundNode.removeItem(itemIndex);
+      }
+    });
+  }, [editor, nodeKey, itemIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      "div",
+      {
+        className: "matching-question-prompt-question-item-controls",
+        "data-selectable": "true",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            Button,
+            {
+              StartIcon: import_lucide_react7.Check,
+              size: "small",
+              variant: "text",
+              className: "success"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            "sl-tooltip",
+            {
+              style: { "--show-delay": "1000" },
+              hoist: true,
+              content: "Remove match",
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Button,
+                {
+                  StartIcon: import_lucide_react7.Trash2,
+                  size: "small",
+                  variant: "text",
+                  className: "neutral",
+                  onClick: removeItem
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    itemPremiseContent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      "div",
+      {
+        className: "matching-question-prompt-question-item",
+        "data-selectable": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer4.LexicalNestedComposer, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            import_LexicalRichTextPlugin3.RichTextPlugin,
+            {
+              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
+              ErrorBoundary: import_LexicalErrorBoundary4.LexicalErrorBoundary,
+              placeholder: null
+            },
+            nodeKey
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin5.HistoryPlugin, { externalHistoryState: historyState }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            TextToolbarAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            TypeaheadVariableAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {})
+        ] }) })
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      "div",
+      {
+        className: "matching-question-prompt-question-item",
+        "data-selectable": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer4.LexicalNestedComposer, { initialEditor: itemOptionContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            import_LexicalRichTextPlugin3.RichTextPlugin,
+            {
+              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
+              ErrorBoundary: import_LexicalErrorBoundary4.LexicalErrorBoundary,
+              placeholder: null
+            },
+            nodeKey
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin5.HistoryPlugin, { externalHistoryState: historyState }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            TextToolbarAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            TypeaheadVariableAgentPlugin,
+            {
+              decoratorNode: MatchingQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableToolbarAgentPlugin, {})
+        ] }) })
+      }
+    )
+  ] });
+}
+
+// src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function MatchingQuestionComponent(props) {
+  const { nodeKey, items, id } = props;
   const [editor] = (0, import_LexicalComposerContext25.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
+    return editor.registerCommand(
+      import_lexical29.CLICK_COMMAND,
+      (event, _activeEditor) => {
+        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+          "data-selectable"
+        )) {
+          editor.update(() => {
+            const foundNode = (0, import_lexical29.$getNodeByKey)(nodeKey);
+            if ($isMatchingQuestionNode(foundNode)) {
+              const selection = (0, import_lexical29.$createNodeSelection)();
+              selection.add(nodeKey);
+              (0, import_lexical29.$setSelection)(selection);
+            }
+          });
+        }
+        return false;
+      },
+      import_lexical29.COMMAND_PRIORITY_LOW
+    );
+  }, [editor]);
   const addItem = (0, import_react44.useCallback)(() => {
+    const itemIndex = items.length - 1;
     editor.update(
       () => {
         const foundNode = (0, import_lexical29.$getNodeByKey)(nodeKey);
         if ($isMatchingQuestionNode(foundNode)) {
-          foundNode.addItem(itemIndex, correct);
+          foundNode.addItem(itemIndex, true);
         }
       },
       {
@@ -6237,178 +6390,19 @@ function QuestionItemComponent(props) {
                   firstChild.selectStart();
                 });
               }
-              if (newQuestionItem.itemOptionContent) {
-                newQuestionItem.itemOptionContent.update(() => {
-                  const root = (0, import_lexical29.$getRoot)();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = (0, import_lexical29.$createParagraphNode)();
-                    root.append(firstChild);
-                  }
-                  if (!newQuestionItem.itemPremiseContent) {
-                    firstChild.selectStart();
-                  }
-                });
-              }
             }
           });
         }
       }
     );
-  }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = (0, import_react44.useCallback)(() => {
-    editor.update(() => {
-      const foundNode = (0, import_lexical29.$getNodeByKey)(nodeKey);
-      if ($isMatchingQuestionNode(foundNode)) {
-        foundNode.removeItem(itemIndex);
-      }
-    });
-  }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-    "div",
-    {
-      id,
-      className: "matching-question-prompt-question-item-wrapper",
-      children: [
-        itemPremiseContent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-          "div",
-          {
-            className: "matching-question-prompt-question-item",
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: "Item Premise" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  import_LexicalRichTextPlugin2.RichTextPlugin,
-                  {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary3.LexicalErrorBoundary,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: MatchingQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  TypeaheadVariableAgentPlugin,
-                  {
-                    decoratorNode: MatchingQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {})
-              ] }) }) })
-            ]
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-          "div",
-          {
-            className: (0, import_clsx2.default)("matching-question-prompt-question-item", {
-              correct,
-              incorrect: !correct
-            }),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemOptionContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  import_LexicalRichTextPlugin2.RichTextPlugin,
-                  {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary3.LexicalErrorBoundary,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: MatchingQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  TypeaheadVariableAgentPlugin,
-                  {
-                    decoratorNode: MatchingQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableToolbarAgentPlugin, {})
-              ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react6.CircleMinus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: removeItem
-                  }
-                ) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react6.CirclePlus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: addItem
-                  }
-                ) })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-function MatchingQuestionComponent(props) {
-  const { nodeKey, items, id } = props;
-  const [editor] = (0, import_LexicalComposerContext26.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical30.CLICK_COMMAND,
-      (event, _activeEditor) => {
-        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-          "data-selectable"
-        )) {
-          editor.update(() => {
-            const foundNode = (0, import_lexical30.$getNodeByKey)(nodeKey);
-            if ($isMatchingQuestionNode(foundNode)) {
-              const selection = (0, import_lexical30.$createNodeSelection)();
-              selection.add(nodeKey);
-              (0, import_lexical30.$setSelection)(selection);
-            }
-          });
-        }
-        return false;
-      },
-      import_lexical30.COMMAND_PRIORITY_LOW
-    );
-  }, [editor]);
-  const doNeedDistractor = items.reduce((a, i) => {
-    return i.correct ? a : ++a;
-  }, 0) <= 0;
+  }, [editor, nodeKey, items]);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "matching-question-prompt",
+      "data-selectable": "true",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
@@ -6424,27 +6418,76 @@ function MatchingQuestionComponent(props) {
             className: "matching-question-prompt-items",
             "data-selectable": "true",
             children: [
-              items.map((questionItem, itemIndex) => {
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                "div",
+                {
+                  className: "matching-question-prompt-title",
+                  "data-selectable": "true",
+                  style: { textAlign: "center" },
+                  children: "Item Premise"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                "div",
+                {
+                  className: "matching-question-prompt-title",
+                  "data-selectable": "true",
+                  style: { textAlign: "center" },
+                  children: "Correct Match"
+                }
+              ),
+              items.filter((i) => !!i.correct).map((questionItem, itemIndex) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   QuestionItemComponent,
                   {
                     nodeKey,
-                    id: questionItem.id,
                     itemIndex,
-                    correct: questionItem.correct,
                     itemOptionContent: questionItem.itemOptionContent,
                     itemPremiseContent: questionItem.itemPremiseContent
                   },
                   questionItem.id
                 );
               }),
-              items.length > 0 && doNeedDistractor && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                DistractorButton,
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                "div",
                 {
-                  nodeKey,
-                  itemIndex: items.length - 1
+                  className: "matching-question-prompt-footer",
+                  style: { gridColumn: "span 3", justifyContent: "end" },
+                  "data-selectable": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    Button,
+                    {
+                      size: "medium",
+                      variant: "text",
+                      StartIcon: import_lucide_react8.Plus,
+                      label: "ADD MATCH",
+                      onClick: addItem
+                    }
+                  )
                 }
-              )
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "data-selectable": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "data-selectable": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                "div",
+                {
+                  className: "matching-question-prompt-title",
+                  "data-selectable": "true",
+                  style: { textAlign: "center" },
+                  children: "Incorrect Match (one per line)"
+                }
+              ),
+              items.filter((i) => !i.correct).map((questionItem) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  QuestionDistractorItemComponent,
+                  {
+                    nodeKey,
+                    itemOptionContent: questionItem.itemOptionContent
+                  },
+                  questionItem.id
+                );
+              })
             ]
           }
         )
@@ -6457,9 +6500,9 @@ function MatchingQuestionComponent(props) {
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var TYPE_NAME5 = "matching-question";
 function initNewContentEditor() {
-  return (0, import_lexical31.createEditor)();
+  return (0, import_lexical30.createEditor)();
 }
-var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.DecoratorNode {
+var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical30.DecoratorNode {
   constructor(pointsPerMatch, items, id, key) {
     super(key);
     this.__id = id || (0, import_nanoid3.nanoid)();
@@ -6483,6 +6526,11 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.
           itemOptionContent: initNewContentEditor()
         });
       }
+      this.__items.push({
+        id: (0, import_nanoid3.nanoid)(),
+        correct: false,
+        itemOptionContent: initNewContentEditor()
+      });
     }
   }
   static getType() {
@@ -6517,7 +6565,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.
   static importJSON(serializedNode) {
     const restoredItems = [];
     for (const item of serializedNode.items) {
-      const optionNestedEditor = (0, import_lexical31.createEditor)();
+      const optionNestedEditor = (0, import_lexical30.createEditor)();
       const editorState = optionNestedEditor.parseEditorState(
         item.itemOptionContent.editorState
       );
@@ -6525,7 +6573,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.
         optionNestedEditor.setEditorState(editorState);
       }
       if (item.correct && item.itemPremiseContent) {
-        const premiseNestedEditor = (0, import_lexical31.createEditor)();
+        const premiseNestedEditor = (0, import_lexical30.createEditor)();
         const editorState2 = premiseNestedEditor.parseEditorState(
           item.itemPremiseContent.editorState
         );
@@ -6599,7 +6647,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.
     writable.__items = newItems;
   }
   removeItem(optionItemIndex) {
-    if (this.__items.length > 1 && this.__items.length > optionItemIndex) {
+    if (this.__items.length > 2 && this.__items.length > optionItemIndex) {
       const writable = this.getWritable();
       const newItems = [...writable.__items];
       newItems.splice(optionItemIndex, 1);
@@ -6618,7 +6666,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical31.
   }
 };
 function $createMatchingQuestionNode(pointsPerMatch, items, id) {
-  return (0, import_lexical31.$applyNodeReplacement)(
+  return (0, import_lexical30.$applyNodeReplacement)(
     new MatchingQuestionNode(pointsPerMatch, items, id)
   );
 }
@@ -6627,41 +6675,41 @@ function $isMatchingQuestionNode(node) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNode.tsx
-var import_lexical35 = require("lexical");
+var import_lexical34 = require("lexical");
 var import_nanoid4 = require("nanoid");
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionComponent.tsx
-var import_LexicalComposerContext29 = require("@lexical/react/LexicalComposerContext");
-var import_lexical34 = require("lexical");
-var import_lucide_react9 = require("lucide-react");
-var import_react48 = require("react");
+var import_LexicalComposerContext28 = require("@lexical/react/LexicalComposerContext");
+var import_lexical33 = require("lexical");
+var import_lucide_react11 = require("lucide-react");
+var import_react47 = require("react");
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionItemComponent.tsx
-var import_LexicalComposerContext27 = require("@lexical/react/LexicalComposerContext");
-var import_LexicalErrorBoundary4 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin5 = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalNestedComposer4 = require("@lexical/react/LexicalNestedComposer");
-var import_LexicalRichTextPlugin3 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx3 = __toESM(require("clsx"));
-var import_lexical32 = require("lexical");
-var import_lucide_react7 = require("lucide-react");
-var import_react46 = require("react");
+var import_LexicalComposerContext26 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalErrorBoundary5 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin6 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer5 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin4 = require("@lexical/react/LexicalRichTextPlugin");
+var import_clsx2 = __toESM(require("clsx"));
+var import_lexical31 = require("lexical");
+var import_lucide_react9 = require("lucide-react");
+var import_react45 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function MultipleOptionQuestionItemComponent(props) {
   const { nodeKey, id, optionIndex, correct, content } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext27.useLexicalComposerContext)();
-  const toggleChoice = (0, import_react46.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext26.useLexicalComposerContext)();
+  const toggleChoice = (0, import_react45.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical31.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.setCorrectChoice(optionIndex, !correct);
       }
     });
   }, [editor, nodeKey, optionIndex, correct]);
-  const removeOptionItem = (0, import_react46.useCallback)(() => {
+  const removeOptionItem = (0, import_react45.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical31.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.removeOptionItem(optionIndex);
       }
@@ -6671,7 +6719,7 @@ function MultipleOptionQuestionItemComponent(props) {
     "div",
     {
       id,
-      className: (0, import_clsx3.default)("multiple-option-question-prompt-option-item", {
+      className: (0, import_clsx2.default)("multiple-option-question-prompt-option-item", {
         correct: !!correct,
         incorrect: !correct
       }),
@@ -6691,10 +6739,10 @@ function MultipleOptionQuestionItemComponent(props) {
             /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               Button,
               {
-                StartIcon: correct ? import_lucide_react7.Check : import_lucide_react7.XIcon,
+                StartIcon: correct ? import_lucide_react9.Check : import_lucide_react9.XIcon,
                 size: "small",
                 variant: "text",
-                className: (0, import_clsx3.default)({
+                className: (0, import_clsx2.default)({
                   success: !!correct,
                   danger: !correct
                 }),
@@ -6711,7 +6759,7 @@ function MultipleOptionQuestionItemComponent(props) {
               children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 Button,
                 {
-                  StartIcon: import_lucide_react7.Trash2,
+                  StartIcon: import_lucide_react9.Trash2,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -6721,18 +6769,18 @@ function MultipleOptionQuestionItemComponent(props) {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalNestedComposer4.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(NestedEditor, { nodeKey, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalNestedComposer5.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(NestedEditor, { nodeKey, children: [
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SettingsPanelNestedAgentPlugin, {}),
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-            import_LexicalRichTextPlugin3.RichTextPlugin,
+            import_LexicalRichTextPlugin4.RichTextPlugin,
             {
               contentEditable: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NestedContentEditable, {}),
-              ErrorBoundary: import_LexicalErrorBoundary4.LexicalErrorBoundary,
+              ErrorBoundary: import_LexicalErrorBoundary5.LexicalErrorBoundary,
               placeholder: null
             },
             nodeKey
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalHistoryPlugin5.HistoryPlugin, { externalHistoryState: historyState }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalHistoryPlugin6.HistoryPlugin, { externalHistoryState: historyState }),
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             TextToolbarAgentPlugin,
             {
@@ -6754,17 +6802,17 @@ function MultipleOptionQuestionItemComponent(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNoneOfTheAboveItem.tsx
-var import_LexicalComposerContext28 = require("@lexical/react/LexicalComposerContext");
-var import_lexical33 = require("lexical");
-var import_lucide_react8 = require("lucide-react");
-var import_react47 = require("react");
+var import_LexicalComposerContext27 = require("@lexical/react/LexicalComposerContext");
+var import_lexical32 = require("lexical");
+var import_lucide_react10 = require("lucide-react");
+var import_react46 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function MultipleOptionQuestionNoneOfTheAboveItem(props) {
   const { nodeKey } = props;
-  const [editor] = (0, import_LexicalComposerContext28.useLexicalComposerContext)();
-  const removeOptionItem = (0, import_react47.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext27.useLexicalComposerContext)();
+  const removeOptionItem = (0, import_react46.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.setNoneOfTheAbove(false);
       }
@@ -6780,7 +6828,7 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
           /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             Button,
             {
-              StartIcon: import_lucide_react8.Check,
+              StartIcon: import_lucide_react10.Check,
               size: "small",
               variant: "text",
               className: "success"
@@ -6795,7 +6843,7 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
               children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 Button,
                 {
-                  StartIcon: import_lucide_react8.Trash2,
+                  StartIcon: import_lucide_react10.Trash2,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -6815,13 +6863,13 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function MultipleOptionQuestionComponent(props) {
   const { nodeKey, options, questionType, noneOfTheAbove } = props;
-  const [editor] = (0, import_LexicalComposerContext29.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react48.useRef)(null);
-  const addOptionItem = (0, import_react48.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext28.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react47.useRef)(null);
+  const addOptionItem = (0, import_react47.useCallback)(() => {
     let newContent = void 0;
     editor.update(
       () => {
-        const foundNode = (0, import_lexical34.$getNodeByKey)(nodeKey);
+        const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
         if ($isMultipleOptionQuestionNode(foundNode)) {
           newContent = foundNode.addOptionItem(options.length, false);
         }
@@ -6829,31 +6877,31 @@ function MultipleOptionQuestionComponent(props) {
       {
         onUpdate: () => {
           newContent?.update(() => {
-            (0, import_lexical34.$getRoot)().selectStart();
+            (0, import_lexical33.$getRoot)().selectStart();
           });
         }
       }
     );
   }, [editor, options, nodeKey]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     return editor.registerCommand(
-      import_lexical34.CLICK_COMMAND,
+      import_lexical33.CLICK_COMMAND,
       (event, _activeEditor) => {
         if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = (0, import_lexical34.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
             if ($isMultipleOptionQuestionNode(foundNode)) {
-              const selection = (0, import_lexical34.$createNodeSelection)();
+              const selection = (0, import_lexical33.$createNodeSelection)();
               selection.add(nodeKey);
-              (0, import_lexical34.$setSelection)(selection);
+              (0, import_lexical33.$setSelection)(selection);
             }
           });
         }
         return false;
       },
-      import_lexical34.COMMAND_PRIORITY_LOW
+      import_lexical33.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
@@ -6904,7 +6952,7 @@ function MultipleOptionQuestionComponent(props) {
           {
             size: "medium",
             variant: "text",
-            StartIcon: import_lucide_react9.Plus,
+            StartIcon: import_lucide_react11.Plus,
             label: "ADD LINE",
             onClick: addOptionItem
           }
@@ -6918,9 +6966,9 @@ function MultipleOptionQuestionComponent(props) {
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var TYPE_NAME6 = "multiple-option-question";
 function initNewContentEditor2() {
-  return (0, import_lexical35.createEditor)();
+  return (0, import_lexical34.createEditor)();
 }
-var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends import_lexical35.DecoratorNode {
+var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends import_lexical34.DecoratorNode {
   constructor(questionType, points, choices, correctChoices, incorrectChoices, grading, noneOfTheAbove, options, id, key) {
     super(key);
     this.__id = id || (0, import_nanoid4.nanoid)();
@@ -6937,7 +6985,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
         this.__options.push({
           id: optionItem.id,
           correct: optionItem.correct,
-          content: optionItem.content || (0, import_lexical35.createEditor)()
+          content: optionItem.content || (0, import_lexical34.createEditor)()
         });
       }
     } else {
@@ -7000,7 +7048,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
   static importJSON(serializedNode) {
     const restoredOptions = [];
     for (const optionItem of serializedNode.options) {
-      const nestedEditor = (0, import_lexical35.createEditor)();
+      const nestedEditor = (0, import_lexical34.createEditor)();
       const editorState = nestedEditor.parseEditorState(
         optionItem.content.editorState
       );
@@ -7128,9 +7176,9 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
     const newOptions = [...writable.__options];
     const content = initNewContentEditor2();
     content.update(() => {
-      const root = (0, import_lexical35.$getRoot)();
-      const firstChild = (0, import_lexical35.$createParagraphNode)();
-      firstChild.append((0, import_lexical35.$createTextNode)(initialOptionText));
+      const root = (0, import_lexical34.$getRoot)();
+      const firstChild = (0, import_lexical34.$createParagraphNode)();
+      firstChild.append((0, import_lexical34.$createTextNode)(initialOptionText));
       root.append(firstChild);
     });
     newOptions.push({
@@ -7154,7 +7202,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
   }
 };
 function $createMultipleOptionQuestionNode(questionType, points, choices, correctChoices, incorrectChoices, grading, noneOfTheAbove, options, id) {
-  return (0, import_lexical35.$applyNodeReplacement)(
+  return (0, import_lexical34.$applyNodeReplacement)(
     new MultipleOptionQuestionNode(
       questionType,
       points,
@@ -7169,7 +7217,7 @@ function $createMultipleOptionQuestionNode(questionType, points, choices, correc
   );
 }
 function $createEmptyMultipleOptionQuestionNode(questionType, points) {
-  return (0, import_lexical35.$applyNodeReplacement)(
+  return (0, import_lexical34.$applyNodeReplacement)(
     new MultipleOptionQuestionNode(
       questionType,
       points,
@@ -7191,12 +7239,67 @@ function $isMultipleOptionQuestionNode(node) {
 var import_lexical38 = require("lexical");
 var import_nanoid5 = require("nanoid");
 
+// src/plugins/EditorPlaceholderPlugin/EditorPlaceholderPlugin.tsx
+var import_LexicalComposerContext29 = require("@lexical/react/LexicalComposerContext");
+var import_lexical35 = require("lexical");
+var import_react48 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var attrName = "data-editor-placeholder";
+var attrText = "Write your answer here";
+function EditorPlaceholderPlugin() {
+  const [editor] = (0, import_LexicalComposerContext29.useLexicalComposerContext)();
+  (0, import_react48.useEffect)(() => {
+    editor.getEditorState().read(() => {
+      const root = (0, import_lexical35.$getRoot)();
+      const isEmpty = root.getTextContent().trim().length === 0;
+      if (isEmpty) {
+        const rooKeys = root.getChildrenKeys();
+        if (rooKeys && rooKeys.length > 0) {
+          const element = editor.getElementByKey(rooKeys[0]);
+          if (element) {
+            element.setAttribute(attrName, attrText);
+          }
+        }
+      }
+    });
+    return editor.registerUpdateListener(
+      ({ editorState, dirtyElements, dirtyLeaves, tags }) => {
+        if (dirtyElements.size === 0 && dirtyLeaves.size === 0 || tags.has("history-merge")) {
+          return;
+        }
+        editorState.read(() => {
+          const root = (0, import_lexical35.$getRoot)();
+          const isEmpty = root.getTextContent().trim().length === 0;
+          if (isEmpty) {
+            const rooKeys = root.getChildrenKeys();
+            if (rooKeys && rooKeys.length > 0) {
+              const element = editor.getElementByKey(rooKeys[0]);
+              if (element && !element.hasAttribute(attrName)) {
+                element.setAttribute(attrName, attrText);
+              }
+            }
+          } else {
+            const rooKeys = root.getChildrenKeys();
+            if (rooKeys && rooKeys.length > 0) {
+              const element = editor.getElementByKey(rooKeys[0]);
+              if (element && element.hasAttribute(attrName)) {
+                element.removeAttribute(attrName);
+              }
+            }
+          }
+        });
+      }
+    );
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, {});
+}
+
 // src/plugins/WordsCounterPlugin/WordsCounterPlugin.tsx
 var import_LexicalComposerContext30 = require("@lexical/react/LexicalComposerContext");
 var import_lexical36 = require("lexical");
 var import_debounce3 = __toESM(require("lodash-es/debounce"));
 var import_react49 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function countWords(text) {
   if (text && text.trim().length > 0) {
     const words = text.split(" ").filter((word) => word && word.trim().length > 0);
@@ -7225,18 +7328,18 @@ function WordsCounterPlugin(props) {
       }
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, {});
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionComponent.tsx
 var import_LexicalComposerContext31 = require("@lexical/react/LexicalComposerContext");
-var import_LexicalErrorBoundary5 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin6 = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalNestedComposer5 = require("@lexical/react/LexicalNestedComposer");
-var import_LexicalRichTextPlugin4 = require("@lexical/react/LexicalRichTextPlugin");
+var import_LexicalErrorBoundary6 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin7 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer6 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin5 = require("@lexical/react/LexicalRichTextPlugin");
 var import_lexical37 = require("lexical");
 var import_react50 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function getFooterText(wordsCount) {
   return `${wordsCount} / 100 words`;
 }
@@ -7267,14 +7370,14 @@ function ShortAnswerQuestionComponent(props) {
       import_lexical37.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "short-answer-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
           {
             className: "short-answer-question-prompt-title",
@@ -7282,38 +7385,38 @@ function ShortAnswerQuestionComponent(props) {
             children: "Short Answer"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
           {
             className: "short-answer-question-prompt-content",
             "data-selectable": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_LexicalNestedComposer5.LexicalNestedComposer, { initialEditor: notes, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(NestedEditor, { nodeKey, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SettingsPanelNestedAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                import_LexicalRichTextPlugin4.RichTextPlugin,
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: notes, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(NestedEditor, { nodeKey, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SettingsPanelNestedAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                import_LexicalRichTextPlugin5.RichTextPlugin,
                 {
-                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NestedContentEditable, {}),
-                  ErrorBoundary: import_LexicalErrorBoundary5.LexicalErrorBoundary,
+                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NestedContentEditable, {}),
+                  ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
                   placeholder: null
                 },
                 nodeKey
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_LexicalHistoryPlugin6.HistoryPlugin, { externalHistoryState: historyState }),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 TextToolbarAgentPlugin,
                 {
                   decoratorNode: ShortAnswerQuestionNode
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 TypeaheadVariableAgentPlugin,
                 {
                   decoratorNode: ShortAnswerQuestionNode
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VariableComponentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VariableToolbarAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableComponentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableToolbarAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 WordsCounterPlugin,
                 {
                   onChange: (wordsCount) => {
@@ -7322,16 +7425,17 @@ function ShortAnswerQuestionComponent(props) {
                     }
                   }
                 }
-              )
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(EditorPlaceholderPlugin, {})
             ] }) }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
           {
             "data-selectable": "true",
             className: "short-answer-question-prompt-footer",
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { ref: promptFooterTextRef })
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { ref: promptFooterTextRef })
           }
         )
       ]
@@ -7340,7 +7444,7 @@ function ShortAnswerQuestionComponent(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionNode.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var TYPE_NAME7 = "short-answer-question";
 function initNewContentEditor3() {
   return (0, import_lexical38.createEditor)();
@@ -7429,7 +7533,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexi
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       ShortAnswerQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7453,7 +7557,7 @@ var import_LexicalComposerContext32 = require("@lexical/react/LexicalComposerCon
 var import_utils9 = require("@lexical/utils");
 var import_lexical39 = require("lexical");
 var import_react51 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var TYPEAHEAD_VARIABLE_COMMAND = (0, import_lexical39.createCommand)("TYPEAHEAD_VARIABLE_COMMAND");
 function TypeaheadVariableAgentPlugin(props) {
   const { decoratorNode } = props;
@@ -7472,20 +7576,20 @@ function TypeaheadVariableAgentPlugin(props) {
       );
     }
   }, [editor, modulesNumber, decoratorNode, hasModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, {});
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
 var import_LexicalComposerContext33 = require("@lexical/react/LexicalComposerContext");
-var import_LexicalErrorBoundary6 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin7 = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalNestedComposer6 = require("@lexical/react/LexicalNestedComposer");
-var import_LexicalRichTextPlugin5 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx4 = __toESM(require("clsx"));
+var import_LexicalErrorBoundary7 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin8 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer7 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin6 = require("@lexical/react/LexicalRichTextPlugin");
+var import_clsx3 = __toESM(require("clsx"));
 var import_lexical40 = require("lexical");
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_react52 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function JournalEntryQuestionItemComponent(props) {
   const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
   const { historyState } = useSharedHistoryContext();
@@ -7549,16 +7653,16 @@ function JournalEntryQuestionItemComponent(props) {
       }
     });
   }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       id,
       className: "journal-entry-question-prompt-question-item-wrapper",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
-            className: (0, import_clsx4.default)(
+            className: (0, import_clsx3.default)(
               "journal-entry-question-prompt-question-item",
               {
                 correct,
@@ -7567,40 +7671,40 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choices (1 per line)" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: account, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                  import_LexicalRichTextPlugin5.RichTextPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choices (1 per line)" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: account, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  import_LexicalRichTextPlugin6.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalHistoryPlugin8.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(VariableComponentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
         ),
-        debit ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        debit ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
-            className: (0, import_clsx4.default)(
+            className: (0, import_clsx3.default)(
               "journal-entry-question-prompt-question-item",
               {
                 correct,
@@ -7609,40 +7713,40 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-selectable": "true", children: "Debit" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: debit, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                  import_LexicalRichTextPlugin5.RichTextPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-selectable": "true", children: "Debit" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: debit, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  import_LexicalRichTextPlugin6.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalHistoryPlugin8.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(VariableComponentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", {}),
-        credit ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {}),
+        credit ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
-            className: (0, import_clsx4.default)(
+            className: (0, import_clsx3.default)(
               "journal-entry-question-prompt-question-item",
               {
                 correct,
@@ -7651,49 +7755,49 @@ function JournalEntryQuestionItemComponent(props) {
             ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-selectable": "true", children: "Credit" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: credit, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                  import_LexicalRichTextPlugin5.RichTextPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-selectable": "true", children: "Credit" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: credit, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  import_LexicalRichTextPlugin6.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_LexicalHistoryPlugin8.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VariableToolbarAgentPlugin, {})
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Button,
                   {
-                    StartIcon: import_lucide_react10.CircleMinus,
+                    StartIcon: import_lucide_react12.CircleMinus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
                     onClick: removeItem
                   }
-                ) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Button,
                   {
-                    StartIcon: import_lucide_react10.CirclePlus,
+                    StartIcon: import_lucide_react12.CirclePlus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
@@ -7703,14 +7807,14 @@ function JournalEntryQuestionItemComponent(props) {
               ] })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", {})
+        ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {})
       ]
     }
   );
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function JournalEntryQuestionComponent(props) {
   const { nodeKey, journalType, lineItems, id } = props;
   const [editor] = (0, import_LexicalComposerContext34.useLexicalComposerContext)();
@@ -7736,14 +7840,14 @@ function JournalEntryQuestionComponent(props) {
       import_lexical41.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "journal-entry-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "div",
           {
             className: "journal-entry-question-prompt-title",
@@ -7751,26 +7855,26 @@ function JournalEntryQuestionComponent(props) {
             children: "Journal Entry"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "div",
           {
             className: "journal-entry-question-prompt-items",
             "data-selectable": "true",
             children: [
-              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                 "div",
                 {
                   className: "journal-entry-question-prompt-question-item correct",
                   "data-selectable": "true",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-selectable": "true", children: "Correct Choice" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-selectable": "true", children: "No Entry Required" })
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-selectable": "true", children: "Correct Choice" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-selectable": "true", children: "No Entry Required" })
                   ]
                 }
               ),
               journalType === "noEntryRequiredCorrect" && lineItems.map((journalEntryItem, itemIndex) => {
                 if (!journalEntryItem.correct) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     JournalEntryQuestionItemComponent,
                     {
                       nodeKey,
@@ -7786,7 +7890,7 @@ function JournalEntryQuestionComponent(props) {
                 }
               }),
               (journalType === "default" || journalType === "noEntryRequiredDistractor") && lineItems.map((journalEntryItem, itemIndex) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                   JournalEntryQuestionItemComponent,
                   {
                     nodeKey,
@@ -7811,7 +7915,7 @@ function JournalEntryQuestionComponent(props) {
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionNode.tsx
 var import_lexical42 = require("lexical");
 var import_nanoid6 = require("nanoid");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var TYPE_NAME8 = "journal-entry-question";
 var JournalTypeLabelMap = {
   default: "Default",
@@ -8008,7 +8112,7 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends import_le
     }
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       JournalEntryQuestionComponent,
       {
         nodeKey: this.__key,
@@ -8039,7 +8143,7 @@ var import_LexicalComposerContext35 = require("@lexical/react/LexicalComposerCon
 var import_utils10 = require("@lexical/utils");
 var import_lexical43 = require("lexical");
 var import_react54 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical43.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
 function TextToolbarAgentPlugin(props) {
   const { decoratorNode } = props;
@@ -8069,7 +8173,7 @@ function TextToolbarAgentPlugin(props) {
       })
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, {});
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
@@ -8077,7 +8181,7 @@ var import_LexicalComposerContext36 = require("@lexical/react/LexicalComposerCon
 var import_utils11 = require("@lexical/utils");
 var import_lexical44 = require("lexical");
 var import_react55 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var TYPEAHEAD_MENU_COMMAND = (0, import_lexical44.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
 function TypeaheadMenuAgentPlugin(props) {
   const { decoratorNode } = props;
@@ -8093,16 +8197,16 @@ function TypeaheadMenuAgentPlugin(props) {
       })
     );
   }, [editor, decoratorNode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, {});
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
 var import_LexicalComposerContext38 = require("@lexical/react/LexicalComposerContext");
-var import_LexicalErrorBoundary7 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin8 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalErrorBoundary8 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin9 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
-var import_LexicalNestedComposer7 = require("@lexical/react/LexicalNestedComposer");
-var import_LexicalRichTextPlugin6 = require("@lexical/react/LexicalRichTextPlugin");
+var import_LexicalNestedComposer8 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin7 = require("@lexical/react/LexicalRichTextPlugin");
 var import_LexicalTabIndentationPlugin = require("@lexical/react/LexicalTabIndentationPlugin");
 var import_lexical47 = require("lexical");
 var import_react57 = require("react");
@@ -8149,7 +8253,7 @@ var import_LexicalComposerContext37 = require("@lexical/react/LexicalComposerCon
 var import_utils12 = require("@lexical/utils");
 var import_lexical46 = require("lexical");
 var import_react56 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function FillInTheBlankSpaceComponentPlugin() {
   const { nestedEditorId } = useNestedEditor();
   const [editor] = (0, import_LexicalComposerContext37.useLexicalComposerContext)();
@@ -8230,11 +8334,11 @@ function FillInTheBlankSpaceComponentPlugin() {
       )
     );
   }, [editor, nestedEditorId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, {});
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var CREATE_SPACE_FROM_SELECTION_COMMAND = (0, import_lexical47.createCommand)("CREATE_SPACE_FROM_SELECTION_COMMAND");
 function FillInTheBlankQuestionComponent(props) {
   const { nodeKey, id, content } = props;
@@ -8266,14 +8370,14 @@ function FillInTheBlankQuestionComponent(props) {
       import_lexical47.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "fill-in-the-blank-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "div",
           {
             className: "fill-in-the-blank-question-prompt-title",
@@ -8281,51 +8385,51 @@ function FillInTheBlankQuestionComponent(props) {
             children: "Fill In The Blank"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
           "div",
           {
             className: "fill-in-the-blank-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "title", "data-selectable": "true", children: "Statement" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FillInTheBlankSpaceComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FillInTheBlankSpaceSettingsPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-                  import_LexicalRichTextPlugin6.RichTextPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "title", "data-selectable": "true", children: "Statement" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_LexicalNestedComposer8.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FillInTheBlankSpaceComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FillInTheBlankSpaceSettingsPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                  import_LexicalRichTextPlugin7.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary8.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_LexicalHistoryPlugin8.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_LexicalHistoryPlugin9.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   TypeaheadVariableAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(VariableToolbarAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VariableToolbarAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   TypeaheadMenuAgentPlugin,
                   {
                     decoratorNode: FillInTheBlankQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ListLevelLimitPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Table, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ListLevelLimitPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Table, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {})
               ] }) })
             ]
           }
@@ -8336,7 +8440,7 @@ function FillInTheBlankQuestionComponent(props) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var TYPE_NAME9 = "fill-in-the-blank-question";
 function initNewContentEditor5() {
   return (0, import_lexical48.createEditor)();
@@ -8417,7 +8521,7 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends impor
     writable.__pointsPerSpace = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       FillInTheBlankQuestionComponent,
       {
         nodeKey: this.__key,
@@ -8441,7 +8545,7 @@ var import_LexicalComposerContext39 = require("@lexical/react/LexicalComposerCon
 var import_table10 = require("@lexical/table");
 var import_lexical49 = require("lexical");
 var import_react58 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function SmartTableSettings(props) {
   const { nodeKey } = props;
   const isHeaderRowInputRef = (0, import_react58.useRef)(null);
@@ -8462,8 +8566,8 @@ function SmartTableSettings(props) {
       });
     }
   }, [editor, nodeKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Checkbox,
       {
         ref: isHeaderRowInputRef,
@@ -8492,7 +8596,7 @@ function SmartTableSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Checkbox,
       {
         ref: isRowStripingInputRef,
@@ -8519,7 +8623,7 @@ var import_utils13 = require("@lexical/utils");
 var import_lexical50 = require("lexical");
 var import_debounce4 = __toESM(require("lodash-es/debounce"));
 var import_react59 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var REQUEST_DECORATOR_NODE_COMMAND = (0, import_lexical50.createCommand)("REQUEST_DECORATOR_NODE_COMMAND");
 var RESPONSE_DECORATOR_NODE_COMMAND = (0, import_lexical50.createCommand)("RESPONSE_DECORATOR_NODE_COMMAND");
 function SettingsPanelPlugin() {
@@ -8671,16 +8775,16 @@ function SettingsPanelPlugin() {
       currentStickyRef.current?.hide();
     }
   }, [settingsPanelSwitch, selectedNode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: settingsPanelSwitch === "on" && drawer && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StickyToPosition, { ref: tableStickyRef, container: drawer, children: (data, position, isVisible) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: settingsPanelSwitch === "on" && drawer && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(StickyToPosition, { ref: tableStickyRef, container: drawer, children: (data, position, isVisible) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         SettingsCard,
         {
           isVisible: !!isVisible,
           container: drawer,
           title: "Table Settings",
           onClose: toggleSettingsPanelSwitch,
-          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             SmartTableSettings,
             {
               nodeKey: data.nodeKey
@@ -8690,8 +8794,8 @@ function SettingsPanelPlugin() {
         }
       ) });
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StickyToPosition, { ref: emptyStickyRef, container: drawer, children: (_data, position, isVisible) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(StickyToPosition, { ref: emptyStickyRef, container: drawer, children: (_data, position, isVisible) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         SettingsExtraCard,
         {
           isVisible: !!isVisible,
@@ -8709,7 +8813,7 @@ function SettingsPanelPlugin() {
 var import_LexicalComposerContext41 = require("@lexical/react/LexicalComposerContext");
 var import_lexical51 = require("lexical");
 var import_react60 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function SettingsPanelNestedAgentPlugin() {
   const { nestedEditorId, decoratorNodeKey } = useNestedEditor();
   const [editor] = (0, import_LexicalComposerContext41.useLexicalComposerContext)();
@@ -8742,7 +8846,7 @@ function SettingsPanelNestedAgentPlugin() {
       import_lexical51.COMMAND_PRIORITY_EDITOR
     );
   }, [editor, nestedEditorId, decoratorNodeKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, {});
 }
 
 // src/utils/getLineBreakNodeBeforeCaretOnLastLine.ts
@@ -8792,15 +8896,15 @@ function getLineBreakNodeBeforeCaretOnLastLine(paragraph, selection) {
 }
 
 // src/plugins/CalloutBoxPlugin/CalloutBoxComponent.tsx
-var import_LexicalErrorBoundary8 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin9 = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalNestedComposer8 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalErrorBoundary9 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin10 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer9 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalPlainTextPlugin2 = require("@lexical/react/LexicalPlainTextPlugin");
 var import_useLexicalNodeSelection3 = require("@lexical/react/useLexicalNodeSelection");
 var import_utils14 = require("@lexical/utils");
 var import_lexical53 = require("lexical");
 var import_react61 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function CalloutBoxComponent(props) {
   const { nodeKey, content, calloutType } = props;
   const { historyState } = useSharedHistoryContext();
@@ -8885,7 +8989,7 @@ function CalloutBoxComponent(props) {
       );
     }
   }, [content]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "div",
     {
       className: "callout-box",
@@ -8895,29 +8999,29 @@ function CalloutBoxComponent(props) {
         outline: isSelected ? "1px dashed var(--sl-color-primary-500)" : void 0
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "callout-box-icon", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "callout-box-icon", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Icon,
           {
             style: { color: `var(${CALLOUT_COLORS[calloutType]}-400)` },
             icon: CALLOUT_ICONS[calloutType]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "div",
           {
             className: "callout-box-content",
             style: { color: `var(${CALLOUT_COLORS[calloutType]}-600)` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_LexicalNestedComposer8.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(NestedEditor, { nodeKey, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SettingsPanelNestedAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_LexicalNestedComposer9.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(NestedEditor, { nodeKey, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SettingsPanelNestedAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 import_LexicalPlainTextPlugin2.PlainTextPlugin,
                 {
-                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NestedContentEditable, {}),
-                  ErrorBoundary: import_LexicalErrorBoundary8.LexicalErrorBoundary
+                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NestedContentEditable, {}),
+                  ErrorBoundary: import_LexicalErrorBoundary9.LexicalErrorBoundary
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_LexicalHistoryPlugin9.HistoryPlugin, { externalHistoryState: historyState }),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TextToolbarAgentPlugin, { decoratorNode: CalloutBoxNode })
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_LexicalHistoryPlugin10.HistoryPlugin, { externalHistoryState: historyState }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TextToolbarAgentPlugin, { decoratorNode: CalloutBoxNode })
             ] }) })
           }
         )
@@ -8927,10 +9031,10 @@ function CalloutBoxComponent(props) {
 }
 
 // src/plugins/CalloutBoxPlugin/CalloutBoxNode.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var CALLOUT_ICONS = {
-  info: import_lucide_react11.Info,
-  tip: import_lucide_react11.Lightbulb
+  info: import_lucide_react13.Info,
+  tip: import_lucide_react13.Lightbulb
 };
 var CALLOUT_COLORS = {
   info: "--sl-color-primary",
@@ -9021,7 +9125,7 @@ var CalloutBoxNode = class _CalloutBoxNode extends import_lexical54.DecoratorNod
     writable.__calloutType = value;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       CalloutBoxComponent,
       {
         nodeKey: this.getKey(),
@@ -9049,7 +9153,7 @@ var import_nanoid8 = require("nanoid");
 var import_LexicalComposerContext42 = require("@lexical/react/LexicalComposerContext");
 var import_lexical55 = require("lexical");
 var import_react62 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function EssayQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage } = props;
   const [editor] = (0, import_LexicalComposerContext42.useLexicalComposerContext)();
@@ -9075,14 +9179,14 @@ function EssayQuestionComponent(props) {
       import_lexical55.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "essay-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "div",
           {
             className: "essay-question-prompt-title",
@@ -9090,12 +9194,12 @@ function EssayQuestionComponent(props) {
             children: "Essay"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "div",
           {
             className: "essay-question-prompt-content",
             "data-selectable": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
+            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
           }
         )
       ]
@@ -9104,7 +9208,7 @@ function EssayQuestionComponent(props) {
 }
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionNode.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var TYPE_NAME11 = "essay-question";
 var EssayQuestionNode = class _EssayQuestionNode extends import_lexical56.DecoratorNode {
   constructor(points, maxWords, hideChat, aiSystemMessage, aiChatModel, id, key) {
@@ -9191,7 +9295,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends import_lexical56.Decora
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       EssayQuestionComponent,
       {
         nodeKey: this.__key,
@@ -9223,7 +9327,7 @@ var import_useLexicalNodeSelection4 = require("@lexical/react/useLexicalNodeSele
 var import_utils15 = require("@lexical/utils");
 var import_lexical57 = require("lexical");
 var import_react63 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var INSERT_HORIZONTAL_RULE_COMMAND = (0, import_lexical57.createCommand)("INSERT_HORIZONTAL_RULE_COMMAND");
 function HorizontalRuleComponent({ nodeKey }) {
   const [editor] = (0, import_LexicalComposerContext43.useLexicalComposerContext)();
@@ -9335,7 +9439,7 @@ var HorizontalRuleNode = class _HorizontalRuleNode extends import_lexical57.Deco
     return false;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(HorizontalRuleComponent, { nodeKey: this.__key });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(HorizontalRuleComponent, { nodeKey: this.__key });
   }
 };
 function $convertHorizontalRuleElement() {
@@ -9356,7 +9460,7 @@ var import_nanoid9 = require("nanoid");
 var import_LexicalComposerContext44 = require("@lexical/react/LexicalComposerContext");
 var import_lexical58 = require("lexical");
 var import_react64 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function SimulationQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage, step2Instruction } = props;
   const [editor] = (0, import_LexicalComposerContext44.useLexicalComposerContext)();
@@ -9382,14 +9486,14 @@ function SimulationQuestionComponent(props) {
       import_lexical58.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "simulation-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "div",
           {
             className: "simulation-question-prompt-title",
@@ -9397,14 +9501,14 @@ function SimulationQuestionComponent(props) {
             children: "Simulation"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "div",
           {
             className: "simulation-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { children: step2Instruction })
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { children: step2Instruction })
             ]
           }
         )
@@ -9414,7 +9518,7 @@ function SimulationQuestionComponent(props) {
 }
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionNode.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var TYPE_NAME12 = "simulation-question";
 var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexical59.DecoratorNode {
   constructor(points, aiSystemMessage, aiChatModel, step2Instructions, id, key) {
@@ -9493,7 +9597,7 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexica
     writable.__points = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       SimulationQuestionComponent,
       {
         nodeKey: this.__key,
@@ -9589,9 +9693,9 @@ var initialEditorRegistry = {
 };
 
 // src/content/drawer/Drawer.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_react65 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var Drawer = (0, import_react65.forwardRef)(
   (props, ref) => {
     const {
@@ -9606,18 +9710,18 @@ var Drawer = (0, import_react65.forwardRef)(
         setShowSettingsButton(true);
       }
     }, [modulesNumber, hasModule]);
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "nav",
       {
         ref,
         className: !showSettingsButton ? "disabled" : settingsPanelSwitch === "on" ? "shown" : "hidden",
-        children: settingsPanelSwitch === "off" && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: settingsPanelSwitch === "off" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Button,
           {
             className: "cancel",
             variant: "text",
             size: "large",
-            StartIcon: import_lucide_react12.Menu,
+            StartIcon: import_lucide_react14.Menu,
             onClick: toggleSettingsPanelSwitch
           }
         ) })
@@ -9628,9 +9732,9 @@ var Drawer = (0, import_react65.forwardRef)(
 
 // src/content/editable/ContentEditable.tsx
 var import_LexicalContentEditable2 = require("@lexical/react/LexicalContentEditable");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function ContentEditable() {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_LexicalContentEditable2.ContentEditable, { className: "content" });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_LexicalContentEditable2.ContentEditable, { className: "content" });
 }
 
 // src/content/node/NodeProvider.tsx
@@ -9638,7 +9742,7 @@ var import_react81 = __toESM(require("react"));
 
 // src/components/inputs/DropdownWrapper.tsx
 var import_react66 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
   const {
     className,
@@ -9721,9 +9825,9 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
       subMenu
     } = menuItem;
     if (menuItemDivider) {
-      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
     } else if (menuItemIsGroup) {
-      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
     } else if (subMenu) {
       const subMenuElements = [];
       let subTabsIndex = 0;
@@ -9732,7 +9836,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
           createMenuItem(subMenuItem, subTabsIndex++)
         );
       }
-      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
         "sl-menu-item",
         {
           className: menuItemClassName,
@@ -9742,7 +9846,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -9751,7 +9855,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
               }
             ),
             menuItemLabel,
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               "sl-menu",
               {
                 slot: "submenu",
@@ -9776,7 +9880,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
         menuItemAttributes.type = "checkbox";
         menuItemAttributes.checked = menuItemSelected;
       }
-      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+      menuItemElement = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
         "sl-menu-item",
         {
           value: menuItemId,
@@ -9788,7 +9892,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -9797,7 +9901,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
               }
             ),
             menuItemLabel,
-            menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DotBadge, { variant: "danger", leftSided: true })
+            menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DotBadge, { variant: "danger", leftSided: true })
           ]
         },
         `menuItem${menuItemId}`
@@ -9863,7 +9967,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
       }
     };
   }, []);
-  const buttonElement = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  const buttonElement = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "sl-dropdown",
     {
       ref: dropdownRef,
@@ -9872,7 +9976,7 @@ var DropdownWrapper = (0, import_react66.forwardRef)((props, ref) => {
       ...dropdownAttributes,
       children: [
         children,
-        menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           "sl-menu",
           {
             ref: menuRef,
@@ -9950,7 +10054,7 @@ function validatePointsInput(input) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionSettings.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function FillInTheBlankQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext45.useLexicalComposerContext)();
@@ -9969,7 +10073,7 @@ function FillInTheBlankQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -9999,7 +10103,7 @@ function FillInTheBlankQuestionSettings(props) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionPlugin.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND = (0, import_lexical62.createCommand)("INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND");
 function FillInTheBlankQuestionPlugin() {
   const {
@@ -10121,20 +10225,20 @@ function FillInTheBlankQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_jsx_runtime90.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Fill In The Blank Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
               FillInTheBlankQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10198,7 +10302,7 @@ function validatePointsInput2(input) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionSettings.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function JournalEntryQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext47.useLexicalComposerContext)();
@@ -10231,8 +10335,8 @@ function JournalEntryQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -10259,7 +10363,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       TextInput,
       {
         ref: errorToleranceTextInputRef,
@@ -10290,7 +10394,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       RadioGroup,
       {
         ref: typeRadioGroupRef,
@@ -10312,7 +10416,7 @@ function JournalEntryQuestionSettings(props) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionPlugin.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var INSERT_JOURNAL_ENTRY_QUESTION_COMMAND = (0, import_lexical64.createCommand)("INSERT_JOURNAL_ENTRY_QUESTION_COMMAND");
 function JournalEntryQuestionPlugin() {
   const {
@@ -10417,20 +10521,20 @@ function JournalEntryQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Journal Entry Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               JournalEntryQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10468,7 +10572,7 @@ function validatePointsInput3(input) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionSettings.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function MatchingQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext49.useLexicalComposerContext)();
@@ -10487,7 +10591,7 @@ function MatchingQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -10521,7 +10625,7 @@ var import_LexicalComposerContext50 = require("@lexical/react/LexicalComposerCon
 var import_utils18 = require("@lexical/utils");
 var import_lexical66 = require("lexical");
 var import_react72 = require("react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var INSERT_MATCHING_QUESTION_COMMAND = (0, import_lexical66.createCommand)("INSERT_MATCHING_QUESTION_COMMAND");
 function MatchingQuestionPlugin() {
   const {
@@ -10599,20 +10703,20 @@ function MatchingQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Matching Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               MatchingQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10714,7 +10818,7 @@ function validatePointsInput4(input) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionSettings.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function MultipleOptionQuestionSettings(props) {
   const { nodeKey, questionType } = props;
   const [editor] = (0, import_LexicalComposerContext51.useLexicalComposerContext)();
@@ -10863,8 +10967,8 @@ function MultipleOptionQuestionSettings(props) {
   if (!foundNodeRef) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -10879,7 +10983,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `points_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       RadioGroup,
       {
         ref: gradingRadioGroupRef,
@@ -10900,7 +11004,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `grading_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       TextInput,
       {
         ref: correctChoicesTextInputRef,
@@ -10915,7 +11019,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `correctChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    questionType === "multiple-answers" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       TextInput,
       {
         ref: incorrectChoicesTextInputRef,
@@ -10930,7 +11034,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `incorrectChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-choice" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    questionType === "multiple-choice" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       TextInput,
       {
         ref: choicesTextInputRef,
@@ -10945,13 +11049,13 @@ function MultipleOptionQuestionSettings(props) {
       },
       `choices_${nodeKey}`
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "div",
       {
         style: {
           paddingBottom: "var(--sl-spacing-medium)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Checkbox,
           {
             ref: noneOfTheAboveInputRef,
@@ -10969,7 +11073,7 @@ function MultipleOptionQuestionSettings(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionPlugin.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var INSERT_MULTIPLE_OPTION_QUESTION_COMMAND = (0, import_lexical68.createCommand)("INSERT_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND = (0, import_lexical68.createCommand)("REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND = (0, import_lexical68.createCommand)("REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND");
@@ -11169,7 +11273,7 @@ function MultipleOptionQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_jsx_runtime95.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_jsx_runtime96.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
@@ -11186,14 +11290,14 @@ function MultipleOptionQuestionPlugin() {
             }
           });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: questionType === "multiple-answers" ? "Multiple Answers Settings" : "Multiple Choice Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && questionType && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            children: isVisible && questionType && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               MultipleOptionQuestionSettings,
               {
                 nodeKey: data.nodeKey,
@@ -11260,7 +11364,7 @@ function validatePointsInput5(input) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionSettings.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ShortAnswerQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext53.useLexicalComposerContext)();
@@ -11280,8 +11384,8 @@ function ShortAnswerQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -11308,7 +11412,7 @@ function ShortAnswerQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       TextInput,
       {
         ref: maxWordsTextInputRef,
@@ -11339,7 +11443,7 @@ function ShortAnswerQuestionSettings(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionPlugin.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var INSERT_SHORT_ANSWER_QUESTION_COMMAND = (0, import_lexical70.createCommand)("INSERT_SHORT_ANSWER_QUESTION_COMMAND");
 function ShortAnswerQuestionPlugin() {
   const {
@@ -11414,20 +11518,20 @@ function ShortAnswerQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Short Answer Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               ShortAnswerQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -11444,9 +11548,9 @@ function ShortAnswerQuestionPlugin() {
 var import_list5 = require("@lexical/list");
 var import_rich_text2 = require("@lexical/rich-text");
 var import_lexical71 = require("lexical");
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_react77 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var handlerStyle3 = {
   display: "flex",
   zIndex: 10,
@@ -11472,7 +11576,7 @@ function AddMenuHandle(props) {
           {
             id: "paragraph",
             label: "Paragraph",
-            Icon: import_lucide_react13.Pilcrow,
+            Icon: import_lucide_react15.Pilcrow,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11494,7 +11598,7 @@ function AddMenuHandle(props) {
           {
             id: "heading-h1",
             label: "Heading 1",
-            Icon: import_lucide_react13.Heading1,
+            Icon: import_lucide_react15.Heading1,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11511,7 +11615,7 @@ function AddMenuHandle(props) {
           {
             id: "heading-h2",
             label: "Heading 2",
-            Icon: import_lucide_react13.Heading2,
+            Icon: import_lucide_react15.Heading2,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11528,7 +11632,7 @@ function AddMenuHandle(props) {
           {
             id: "heading-h3",
             label: "Heading 3",
-            Icon: import_lucide_react13.Heading3,
+            Icon: import_lucide_react15.Heading3,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11550,7 +11654,7 @@ function AddMenuHandle(props) {
           {
             id: "ordered-list",
             label: "Ordered List",
-            Icon: import_lucide_react13.ListOrdered,
+            Icon: import_lucide_react15.ListOrdered,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11571,7 +11675,7 @@ function AddMenuHandle(props) {
           {
             id: "unordered-list",
             label: "Unordered List",
-            Icon: import_lucide_react13.List,
+            Icon: import_lucide_react15.List,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11592,7 +11696,7 @@ function AddMenuHandle(props) {
           {
             id: "horizontal-rule",
             label: "Divider",
-            Icon: import_lucide_react13.SquareSplitVertical,
+            Icon: import_lucide_react15.SquareSplitVertical,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11613,7 +11717,7 @@ function AddMenuHandle(props) {
           menu2.push({
             id: "image",
             label: "Image",
-            Icon: import_lucide_react13.ImageIcon,
+            Icon: import_lucide_react15.ImageIcon,
             onClick: () => {
               currentEditor.update(() => {
                 if (nodeKey) {
@@ -11638,7 +11742,7 @@ function AddMenuHandle(props) {
           menu2.push({
             id: `callout-box`,
             label: "Callout",
-            Icon: import_lucide_react13.MessageSquareQuote,
+            Icon: import_lucide_react15.MessageSquareQuote,
             onClick: () => {
               if (nodeKey) {
                 currentEditor.dispatchCommand(
@@ -11662,7 +11766,7 @@ function AddMenuHandle(props) {
             {
               id: "smart-table",
               label: "Table",
-              Icon: import_lucide_react13.Table2,
+              Icon: import_lucide_react15.Table2,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11687,7 +11791,7 @@ function AddMenuHandle(props) {
             {
               id: "multiple-answers",
               label: "Multiple Answers",
-              Icon: import_lucide_react13.ListChecks,
+              Icon: import_lucide_react15.ListChecks,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11704,7 +11808,7 @@ function AddMenuHandle(props) {
             {
               id: "multiple-choice",
               label: "Multiple Choice",
-              Icon: import_lucide_react13.LayoutList,
+              Icon: import_lucide_react15.LayoutList,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11721,7 +11825,7 @@ function AddMenuHandle(props) {
             {
               id: "short-answer-question",
               label: "Short Answer",
-              Icon: import_lucide_react13.FileQuestion,
+              Icon: import_lucide_react15.FileQuestion,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11737,7 +11841,7 @@ function AddMenuHandle(props) {
             {
               id: "matching-question",
               label: "Matching",
-              Icon: import_lucide_react13.ArrowRightLeft,
+              Icon: import_lucide_react15.ArrowRightLeft,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11753,7 +11857,7 @@ function AddMenuHandle(props) {
             {
               id: "fill-in-the-blank-question",
               label: "Fill In The Blank",
-              Icon: import_lucide_react13.Space,
+              Icon: import_lucide_react15.Space,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11769,7 +11873,7 @@ function AddMenuHandle(props) {
             {
               id: "journal-entry-question",
               label: "Journal Entry",
-              Icon: import_lucide_react13.Calculator,
+              Icon: import_lucide_react15.Calculator,
               onClick: () => {
                 if (nodeKey) {
                   currentEditor.dispatchCommand(
@@ -11788,7 +11892,7 @@ function AddMenuHandle(props) {
     }
     return menu2;
   }, [hoveredNode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     DropdownWrapper,
     {
       placement: "bottom-start",
@@ -11799,20 +11903,20 @@ function AddMenuHandle(props) {
       onHideMenu: () => {
         removeVisiblePopup();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { icon: import_lucide_react13.Plus }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { icon: import_lucide_react15.Plus }) })
     }
   ) });
 }
 
 // src/content/node/menus/copyToClipboardMenu.tsx
 var import_lexical72 = require("lexical");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 function renderCopyToClipboardMenu(nodeKey, editor) {
   return [
     {
       id: "copyToClipboardMenu",
       label: "Copy to Clipboard",
-      Icon: import_lucide_react14.ClipboardCopy,
+      Icon: import_lucide_react16.ClipboardCopy,
       onClick: () => {
         editor.update(() => {
           let nodeSerialized = void 0;
@@ -11833,13 +11937,13 @@ function renderCopyToClipboardMenu(nodeKey, editor) {
 
 // src/content/node/menus/deleteMenu.tsx
 var import_lexical73 = require("lexical");
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 function renderDeleteMenu(nodeKey, editor) {
   return [
     {
       id: "deleteMenu",
       label: "Delete",
-      Icon: import_lucide_react15.Trash2,
+      Icon: import_lucide_react17.Trash2,
       onClick: () => {
         editor.update(() => {
           const targetNode = (0, import_lexical73.$getNodeByKey)(nodeKey);
@@ -11870,7 +11974,7 @@ function renderDeleteMenu(nodeKey, editor) {
 // src/content/node/menus/listReplaceMenu.tsx
 var import_list6 = require("@lexical/list");
 var import_lexical74 = require("lexical");
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 function renderListReplaceMenu(nodeKey, editor) {
   let listType = void 0;
   editor.getEditorState().read(() => {
@@ -11883,7 +11987,7 @@ function renderListReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_ordered_list",
       label: "Ordered List",
-      Icon: import_lucide_react16.ListOrdered,
+      Icon: import_lucide_react18.ListOrdered,
       selected: listType === "number",
       onClick: () => {
         editor.update(() => {
@@ -11900,7 +12004,7 @@ function renderListReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_unordered_list",
       label: "Unordered List",
-      Icon: import_lucide_react16.List,
+      Icon: import_lucide_react18.List,
       selected: listType === "bullet",
       onClick: () => {
         editor.update(() => {
@@ -11921,7 +12025,7 @@ function renderListReplaceMenu(nodeKey, editor) {
 var import_rich_text3 = require("@lexical/rich-text");
 var import_selection = require("@lexical/selection");
 var import_lexical75 = require("lexical");
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 function renderTypographyReplaceMenu(nodeKey, editor) {
   let nodeType = "";
   let nodeTag = "";
@@ -11938,7 +12042,7 @@ function renderTypographyReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_heading_1",
       label: "Heading 1",
-      Icon: import_lucide_react17.Heading1,
+      Icon: import_lucide_react19.Heading1,
       selected: import_rich_text3.HeadingNode.getType() === nodeType && nodeTag === "h1",
       onClick: () => {
         editor.update(() => {
@@ -11955,7 +12059,7 @@ function renderTypographyReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_heading_2",
       label: "Heading 2",
-      Icon: import_lucide_react17.Heading2,
+      Icon: import_lucide_react19.Heading2,
       selected: import_rich_text3.HeadingNode.getType() === nodeType && nodeTag === "h2",
       onClick: () => {
         editor.update(() => {
@@ -11972,7 +12076,7 @@ function renderTypographyReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_heading_3",
       label: "Heading 3",
-      Icon: import_lucide_react17.Heading3,
+      Icon: import_lucide_react19.Heading3,
       selected: import_rich_text3.HeadingNode.getType() === nodeType && nodeTag === "h3",
       onClick: () => {
         editor.update(() => {
@@ -11989,7 +12093,7 @@ function renderTypographyReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_paragraph",
       label: "Paragraph",
-      Icon: import_lucide_react17.Pilcrow,
+      Icon: import_lucide_react19.Pilcrow,
       selected: import_lexical75.ParagraphNode.getType() === nodeType,
       onClick: () => {
         editor.update(() => {
@@ -12009,13 +12113,13 @@ function renderTypographyReplaceMenu(nodeKey, editor) {
 // src/content/node/menus/listReplaceWithQuestionMenu.tsx
 var import_list7 = require("@lexical/list");
 var import_lexical76 = require("lexical");
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 function renderListReplaceWithQuestionMenu(nodeKey, editor) {
   return [
     {
       id: "replace_with_multiple_answers",
       label: "Multiple Answers",
-      Icon: import_lucide_react18.ListChecks,
+      Icon: import_lucide_react20.ListChecks,
       onClick: () => {
         editor.update(() => {
           const targetNode = (0, import_lexical76.$getNodeByKey)(nodeKey);
@@ -12034,7 +12138,7 @@ function renderListReplaceWithQuestionMenu(nodeKey, editor) {
     {
       id: "replace_with_multiple_choice",
       label: "Multiple Choice",
-      Icon: import_lucide_react18.LayoutList,
+      Icon: import_lucide_react20.LayoutList,
       onClick: () => {
         editor.update(() => {
           const targetNode = (0, import_lexical76.$getNodeByKey)(nodeKey);
@@ -12055,7 +12159,7 @@ function renderListReplaceWithQuestionMenu(nodeKey, editor) {
 
 // src/content/node/menus/multipleOptionsQuestionReplaceMenu.tsx
 var import_lexical77 = require("lexical");
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 function renderMultipleOptionsQuestionReplaceMenu(nodeKey, editor) {
   let questionType = void 0;
   editor.getEditorState().read(() => {
@@ -12068,7 +12172,7 @@ function renderMultipleOptionsQuestionReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_multiple_answers",
       label: "Multiple Answers",
-      Icon: import_lucide_react19.ListChecks,
+      Icon: import_lucide_react21.ListChecks,
       selected: questionType === "multiple-answers",
       onClick: () => {
         editor.update(() => {
@@ -12088,7 +12192,7 @@ function renderMultipleOptionsQuestionReplaceMenu(nodeKey, editor) {
     {
       id: "replace_with_multiple_choice",
       label: "Multiple Choice",
-      Icon: import_lucide_react19.LayoutList,
+      Icon: import_lucide_react21.LayoutList,
       selected: questionType === "multiple-choice",
       onClick: () => {
         editor.update(() => {
@@ -12113,9 +12217,9 @@ var import_core7 = require("@dnd-kit/core");
 var import_list8 = require("@lexical/list");
 var import_rich_text4 = require("@lexical/rich-text");
 var import_lexical78 = require("lexical");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_react78 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var handlerStyle4 = {
   display: "flex",
   zIndex: 10,
@@ -12202,7 +12306,7 @@ function DragHandle(props) {
     }
     return menu2;
   }, [hoveredNode, currentEditor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       id: handlerKey,
@@ -12210,7 +12314,7 @@ function DragHandle(props) {
       ...listeners,
       ...attributes,
       style: handlerStyle4,
-      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         DropdownWrapper,
         {
           placement: "bottom-start",
@@ -12221,7 +12325,7 @@ function DragHandle(props) {
           onHideMenu: () => {
             removeVisiblePopup();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { icon: import_lucide_react20.GripVertical }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { icon: import_lucide_react22.GripVertical }) })
         }
       )
     }
@@ -12255,7 +12359,7 @@ function findNodePosition(rows, point, lastFound) {
 }
 
 // src/content/node/NodeDragOverlay.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var overlayStyle2 = {
   display: "flex",
   minWidth: "150px",
@@ -12274,12 +12378,12 @@ var overlayStyle2 = {
   boxShadow: "0 1px 3px rgba(34, 25, 25, 0.4)"
 };
 function NodeDragOverlay(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { style: overlayStyle2, children: props.children() });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { style: overlayStyle2, children: props.children() });
 }
 
 // src/content/node/NodeDropMarker.tsx
 var import_react79 = require("react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var placeholderStyle3 = {
   position: "absolute",
   top: "calc(-1 * var(--sl-spacing-small) / 2)",
@@ -12310,7 +12414,7 @@ function NodeDropMarker(props) {
       }, 5);
     }
   }, [visible, top]);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref: lineDivRef, style: lineStyle3 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { ref: lineDivRef, style: lineStyle3 }) });
 }
 
 // src/content/node/NodeDraggableHandleSticky.tsx
@@ -12318,7 +12422,7 @@ var import_core8 = require("@dnd-kit/core");
 var import_lexical79 = require("lexical");
 var import_throttle3 = __toESM(require("lodash-es/throttle"));
 var import_react80 = require("react");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
   const {
     getRegisteredEditor,
@@ -12392,9 +12496,9 @@ var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
     isHandleVisible: () => !!nodeHandleSticky.current?.isVisible()
   }));
   if (!isAnchorElementReady || !anchorElementRef.current) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     import_core8.DndContext,
     {
       sensors,
@@ -12615,13 +12719,13 @@ var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
         unsetHandleDragged();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           StickyToPosition,
           {
             ref: nodeHandleSticky,
             container: anchorElementRef.current,
             children: (data, _position) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
                 "div",
                 {
                   style: {
@@ -12633,21 +12737,21 @@ var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
                     gap: "6px"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AddMenuHandle, { hoveredNode: data.hoveredNode }),
-                    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DragHandle, { hoveredNode: data.hoveredNode })
+                    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AddMenuHandle, { hoveredNode: data.hoveredNode }),
+                    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DragHandle, { hoveredNode: data.hoveredNode })
                   ]
                 }
               );
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           StickyToPosition,
           {
             ref: dropMarkerSticky,
             container: anchorElementRef.current,
             children: (_data, position, isVisible) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 NodeDropMarker,
                 {
                   top: `${position.top}px`,
@@ -12658,8 +12762,8 @@ var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_core8.DragOverlay, { dropAnimation: null, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NodeDragOverlay, { children: () => {
-          return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { children: "Move Block" });
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_core8.DragOverlay, { dropAnimation: null, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(NodeDragOverlay, { children: () => {
+          return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: "Move Block" });
         } }) })
       ]
     }
@@ -12667,7 +12771,7 @@ var NodeDraggableHandleSticky = (0, import_react80.forwardRef)((props, ref) => {
 });
 
 // src/content/node/NodeProvider.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var NodeProviderContext = import_react81.default.createContext(null);
 function NodeProvider(props) {
   const { children } = props;
@@ -12746,7 +12850,7 @@ function NodeProvider(props) {
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     NodeProviderContext.Provider,
     {
       value: {
@@ -12769,7 +12873,7 @@ function NodeProvider(props) {
       },
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
       ]
     }
   );
@@ -12788,7 +12892,7 @@ var import_table14 = require("@lexical/table");
 var import_utils21 = require("@lexical/utils");
 var import_lexical80 = require("lexical");
 var import_react82 = require("react");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function AutoBottomParagraphPlugin() {
   const [editor] = (0, import_LexicalComposerContext55.useLexicalComposerContext)();
   const listener = (nodeMutations) => {
@@ -12830,7 +12934,7 @@ function AutoBottomParagraphPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, {});
 }
 
 // src/plugins/AutoFocusPlugin/AutoFocusPlugin.tsx
@@ -13698,7 +13802,7 @@ function MarkdownPlugin() {
 // src/plugins/NodeMousePlugin/NodeMouseAnchorPlugin.tsx
 var import_LexicalComposerContext59 = require("@lexical/react/LexicalComposerContext");
 var import_react86 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function NodeMouseAnchorPlugin() {
   const [editor] = (0, import_LexicalComposerContext59.useLexicalComposerContext)();
   const { setAnchorElement, hideHandles } = useNode();
@@ -13748,7 +13852,7 @@ function NodeMouseAnchorPlugin() {
       removeRootListener();
     };
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, {});
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
@@ -13777,7 +13881,7 @@ function getNodePosition2(element, parent) {
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function NodeMousePlugin() {
   const [editor] = (0, import_LexicalComposerContext60.useLexicalComposerContext)();
   const editorUniqueIdRef = (0, import_react87.useRef)((0, import_uniqueId2.default)("editor"));
@@ -14147,7 +14251,7 @@ function NodeMousePlugin() {
       removeRegistration();
     };
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, {});
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
@@ -14202,7 +14306,7 @@ function regenerateIdsInQuestion(serializedNode) {
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 function NodePastePlugin() {
   const [editor] = (0, import_LexicalComposerContext61.useLexicalComposerContext)();
   (0, import_react88.useEffect)(() => {
@@ -14284,13 +14388,13 @@ function NodePastePlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, {});
 }
 
 // src/components/inputs/PopupToolbar.tsx
-var import_clsx5 = __toESM(require("clsx"));
+var import_clsx4 = __toESM(require("clsx"));
 var import_react89 = require("react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
   const { onEscape, menu, toolbar } = props;
   const popupRef = (0, import_react89.useRef)(null);
@@ -14323,7 +14427,7 @@ var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
             menuItemAttributes.checked = menuItemSelected;
             menuItemAttributes.type = "checkbox";
           }
-          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
             DropdownButton,
             {
               size: "medium",
@@ -14333,13 +14437,13 @@ var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
               menu: menuItem.subMenu
             },
             `menuItem${menuItemId}`
-          ) : /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
             "sl-button",
             {
               size: "medium",
               ...menuItemAttributes,
               tabIndex: tabIndex++,
-              class: (0, import_clsx5.default)({ pressed: menuItemSelected }),
+              class: (0, import_clsx4.default)({ pressed: menuItemSelected }),
               onClick: (e) => {
                 e.stopPropagation();
                 e.preventDefault();
@@ -14348,15 +14452,15 @@ var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
                 }
               },
               children: [
-                MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { slot: "prefix", icon: MenuItemIcon }),
                 menuItemLabel,
-                menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DotBadge, { variant: "danger" })
+                menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DotBadge, { variant: "danger" })
               ]
             },
             `menuItem${menuItemId}`
           );
           if (tooltip && !menuItem.subMenu) {
-            buttonElement = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            buttonElement = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
               "sl-tooltip",
               {
                 content: tooltip,
@@ -14418,7 +14522,7 @@ var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
       };
     }
   }, [onEscape]);
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_jsx_runtime109.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "sl-popup",
     {
       ref: popupRef,
@@ -14426,7 +14530,7 @@ var PopupToolbar = (0, import_react89.forwardRef)((props, ref) => {
       shift: true,
       "auto-size": "horizontal",
       strategy: "fixed",
-      children: toolbar || /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("sl-button-group", { ref: toolbarRef, children: menuItems })
+      children: toolbar || /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("sl-button-group", { ref: toolbarRef, children: menuItems })
     }
   ) });
 });
@@ -14478,16 +14582,16 @@ var bgColorList = [
 ];
 
 // src/components/feedback/ProgressBar.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function ProgressBar() {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("sl-progress-bar", { indeterminate: "indeterminate" });
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("sl-progress-bar", { indeterminate: "indeterminate" });
 }
 
 // src/components/layouts/Stack.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function Stack(props) {
   const { id, style, className, slot, children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "div",
     {
       id,
@@ -14501,7 +14605,7 @@ function Stack(props) {
 
 // src/components/dialogs/FormDialog.tsx
 var import_react90 = require("react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var FormDialog = (0, import_react90.forwardRef)((props, ref) => {
   const {
     id,
@@ -14629,13 +14733,13 @@ var FormDialog = (0, import_react90.forwardRef)((props, ref) => {
       }
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     "sl-dialog",
     {
       class: `dialog_control ${className}`,
       ref: dialogRef,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
           Stack,
           {
             className: "stack__gap-3 stack__row",
@@ -14646,29 +14750,29 @@ var FormDialog = (0, import_react90.forwardRef)((props, ref) => {
             },
             children: [
               headerControls,
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "font-medium font-w-semibold", children: title }) })
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "font-medium font-w-semibold", children: title }) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "font-medium font-w-semibold", children: title }) }),
-        loading && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ProgressBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("input", { type: "hidden", name: "formDialogId", value: id }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("input", { type: "hidden", name: "action", value: actionName }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "font-medium font-w-semibold", children: title }) }),
+        loading && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ProgressBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("input", { type: "hidden", name: "formDialogId", value: id }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("input", { type: "hidden", name: "action", value: actionName }),
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
           Stack,
           {
             slot: "footer",
             className: "stack__row stack__gap-4",
             style: { width: "100%", flexWrap: "nowrap" },
             children: [
-              extraControl && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { flexGrow: 0 }, children: extraControl }),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+              extraControl && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { style: { flexGrow: 0 }, children: extraControl }),
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
                 Stack,
                 {
                   className: "stack__row stack__gap-4",
                   style: { flexGrow: 1, justifyContent: "end" },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                       Button,
                       {
                         slot: "footer",
@@ -14680,7 +14784,7 @@ var FormDialog = (0, import_react90.forwardRef)((props, ref) => {
                         onClick: handleCancel
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                       Button,
                       {
                         slot: "footer",
@@ -14712,7 +14816,7 @@ var import_LexicalComposerContext62 = require("@lexical/react/LexicalComposerCon
 var import_utils28 = require("@lexical/utils");
 var import_lexical89 = require("lexical");
 var import_react91 = require("react");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var SHOW_LINK_EDITOR_COMMAND = (0, import_lexical89.createCommand)("SHOW_LINK_EDITOR_COMMAND");
 function LinkEditorPlugin() {
   const [editor] = (0, import_LexicalComposerContext62.useLexicalComposerContext)();
@@ -14745,7 +14849,7 @@ function LinkEditorPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     FormDialog,
     {
       ref: formDialogRef,
@@ -14782,8 +14886,8 @@ function LinkEditorPlugin() {
       onCancel: () => {
         formDialogRef.current?.close();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { style: { width: "450px" }, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Stack, { className: "stack__column stack__gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { style: { width: "450px" }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Stack, { className: "stack__column stack__gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           TextInput,
           {
             ref: linkUrlInputRef,
@@ -14793,7 +14897,7 @@ function LinkEditorPlugin() {
             defaultValue: ""
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           Checkbox,
           {
             size: "small",
@@ -14812,7 +14916,7 @@ function LinkEditorPlugin() {
 
 // src/components/inputs/PopupHighlight.tsx
 var import_react92 = require("react");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var PopupHighlighter = (0, import_react92.forwardRef)((props, ref) => {
   const { highlighterClassName } = props;
   const popupRef = (0, import_react92.useRef)(null);
@@ -14847,7 +14951,7 @@ var PopupHighlighter = (0, import_react92.forwardRef)((props, ref) => {
       }
     }
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     "div",
     {
       className: highlighterClassName,
@@ -14856,7 +14960,7 @@ var PopupHighlighter = (0, import_react92.forwardRef)((props, ref) => {
         "--variable-placeholder-height": `${popupRect?.height || 0}px`
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     "div",
     {
       style: {
@@ -14875,7 +14979,7 @@ var PopupHighlighter = (0, import_react92.forwardRef)((props, ref) => {
 
 // src/components/inputs/PopupMenu.tsx
 var import_react93 = require("react");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var PopupMenu = (0, import_react93.forwardRef)(
   (props, ref) => {
     const {
@@ -14955,11 +15059,11 @@ var PopupMenu = (0, import_react93.forwardRef)(
           } = menuItem;
           if (menuItemDivider) {
             resultList.push(
-              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("sl-divider", {}, `menuItem${menuItemId}`)
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("sl-divider", {}, `menuItem${menuItemId}`)
             );
           } else if (menuItemIsGroup) {
             resultList.push(
-              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
             );
           } else {
             const menuItemAttributes = {};
@@ -14971,16 +15075,16 @@ var PopupMenu = (0, import_react93.forwardRef)(
               menuItemAttributes.type = "checkbox";
             }
             resultList.push(
-              /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
                 "sl-menu-item",
                 {
                   value: menuItemId,
                   class: menuItemClassName,
                   ...menuItemAttributes,
                   children: [
-                    MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                    MenuItemIcon && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon, { slot: "prefix", icon: MenuItemIcon }),
                     menuItemLabel,
-                    menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(DotBadge, { variant: "danger" })
+                    menuItemIsError && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(DotBadge, { variant: "danger" })
                   ]
                 },
                 `menuItem${menuItemId}`
@@ -15003,7 +15107,7 @@ var PopupMenu = (0, import_react93.forwardRef)(
       }
       if (constMenu.length > 0) {
         if (resultList.length > 0) {
-          resultList.push(/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("sl-divider", {}, "const-menu-divider"));
+          resultList.push(/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("sl-divider", {}, "const-menu-divider"));
         }
         resultList = resultList.concat(createMenuList(constMenu));
       }
@@ -15131,7 +15235,7 @@ var PopupMenu = (0, import_react93.forwardRef)(
         };
       }
     }, [onEscape]);
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_jsx_runtime114.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "sl-popup",
       {
         ref: popupRef,
@@ -15143,7 +15247,7 @@ var PopupMenu = (0, import_react93.forwardRef)(
         strategy: "fixed",
         "auto-size": "vertical",
         "auto-size-padding": "10",
-        children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
           "sl-menu",
           {
             ref: menuRef,
@@ -15305,7 +15409,7 @@ function visitVariableNodes(rootNode, cb) {
 // src/plugins/VariablesPlugin/VariablesContext.tsx
 var import_lexical92 = require("lexical");
 var import_react95 = __toESM(require("react"));
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var VariablesContext = import_react95.default.createContext(null);
 function VariablesProvider(props) {
   const { getEditor, getAllNestedEditors } = useBlockEditor();
@@ -15346,7 +15450,7 @@ function VariablesProvider(props) {
     renameVariable(newName, oldName);
     variablesSettings.onUpdated(newName, oldName);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     VariablesContext.Provider,
     {
       value: {
@@ -15451,7 +15555,7 @@ var import_LexicalComposerContext63 = require("@lexical/react/LexicalComposerCon
 var import_utils32 = require("@lexical/utils");
 var import_lexical95 = require("lexical");
 var import_react96 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var CREATE_VARIABLE_FROM_SELECTION_COMMAND = (0, import_lexical95.createCommand)("CREATE_VARIABLE_FROM_SELECTION_COMMAND");
 function TypeaheadVariablePlugin() {
   const { variableList, onCreated } = useVariables();
@@ -15688,8 +15792,8 @@ function TypeaheadVariablePlugin() {
       activeDecoratorRef.current !== JournalEntryQuestionNode
     );
   }, [variableList, activeDecoratorRef.current]);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_jsx_runtime116.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       PopupMenu,
       {
         ref: popupRef,
@@ -15697,7 +15801,7 @@ function TypeaheadVariablePlugin() {
         menu
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       PopupHighlighter,
       {
         highlighterClassName: "variable-placeholder",
@@ -15708,11 +15812,11 @@ function TypeaheadVariablePlugin() {
 }
 
 // src/utils/blocks.ts
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react23 = require("lucide-react");
 var textAlignToIcon = {
-  right: import_lucide_react21.AlignRight,
-  left: import_lucide_react21.AlignLeft,
-  center: import_lucide_react21.AlignCenter
+  right: import_lucide_react23.AlignRight,
+  left: import_lucide_react23.AlignLeft,
+  center: import_lucide_react23.AlignCenter
 };
 
 // src/utils/getDOMRangeRect.ts
@@ -15802,9 +15906,9 @@ var import_table16 = require("@lexical/table");
 var import_utils33 = require("@lexical/utils");
 var import_lexical96 = require("lexical");
 var import_debounce6 = __toESM(require("lodash-es/debounce"));
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react24 = require("lucide-react");
 var import_react97 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function TextToolbarPlugin() {
   const { hasModule } = useBlockEditor();
   const [editor] = (0, import_LexicalComposerContext64.useLexicalComposerContext)();
@@ -16246,7 +16350,7 @@ function TextToolbarPlugin() {
           id: "bold",
           label: "",
           selected: toolbarState.isBold,
-          Icon: import_lucide_react22.Bold,
+          Icon: import_lucide_react24.Bold,
           tooltip: `Bold ${plt === "macOS" /* macOS */ ? "(\u2318B)" : "(Ctrl+B)"}`,
           onClick: () => {
             formatText("bold");
@@ -16256,7 +16360,7 @@ function TextToolbarPlugin() {
           id: "italic",
           label: "",
           selected: toolbarState.isItalic,
-          Icon: import_lucide_react22.Italic,
+          Icon: import_lucide_react24.Italic,
           tooltip: `Italic ${plt === "macOS" /* macOS */ ? "(\u2318I)" : "(Ctrl+I)"}`,
           onClick: () => {
             formatText("italic");
@@ -16266,7 +16370,7 @@ function TextToolbarPlugin() {
           id: "underline",
           label: "",
           selected: toolbarState.isUnderline,
-          Icon: import_lucide_react22.Underline,
+          Icon: import_lucide_react24.Underline,
           tooltip: `Underline ${plt === "macOS" /* macOS */ ? "(\u2318U)" : "(Ctrl+U)"}`,
           onClick: () => {
             formatText("underline");
@@ -16276,7 +16380,7 @@ function TextToolbarPlugin() {
           id: "strikethrough",
           label: "",
           selected: toolbarState.isStrikethrough,
-          Icon: import_lucide_react22.Strikethrough,
+          Icon: import_lucide_react24.Strikethrough,
           tooltip: `Strikethrough ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7X)" : "(Ctrl+Alt+X)"}`,
           onClick: () => {
             formatText("strikethrough");
@@ -16289,7 +16393,7 @@ function TextToolbarPlugin() {
             id: "subscript",
             label: "",
             selected: toolbarState.isSubscript,
-            Icon: import_lucide_react22.Subscript,
+            Icon: import_lucide_react24.Subscript,
             tooltip: `Subscript ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7-)" : "(Ctrl+Shift+`-`)"}`,
             onClick: () => {
               formatText("subscript");
@@ -16299,7 +16403,7 @@ function TextToolbarPlugin() {
             id: "superscript",
             label: "",
             selected: toolbarState.isSuperscript,
-            Icon: import_lucide_react22.Superscript,
+            Icon: import_lucide_react24.Superscript,
             tooltip: `Superscript ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7=)" : "(Ctrl+Shift+`=`)"}`,
             onClick: () => {
               formatText("superscript");
@@ -16310,7 +16414,7 @@ function TextToolbarPlugin() {
           resultList.push({
             id: "link",
             label: "",
-            Icon: import_lucide_react22.Link2,
+            Icon: import_lucide_react24.Link2,
             tooltip: `Link ${plt === "macOS" /* macOS */ ? "(\u2318K)" : "(Ctrl+K)"}`,
             onClick: () => {
               createLink();
@@ -16320,18 +16424,18 @@ function TextToolbarPlugin() {
         resultList.push({
           id: "styling",
           label: "",
-          Icon: import_lucide_react22.Brush,
+          Icon: import_lucide_react24.Brush,
           tooltip: "Color",
           subMenu: [
             {
               id: "color",
               label: "Text Color",
-              Icon: import_lucide_react22.TypeIcon,
+              Icon: import_lucide_react24.TypeIcon,
               subMenu: [
                 {
                   id: "color-default",
                   label: "Default",
-                  Icon: import_lucide_react22.Circle,
+                  Icon: import_lucide_react24.Circle,
                   onClick: () => {
                     formatColor("default");
                   }
@@ -16340,7 +16444,7 @@ function TextToolbarPlugin() {
                   return {
                     id: `color-${simpleColor.label}`,
                     label: simpleColor.label,
-                    Icon: import_lucide_react22.Circle,
+                    Icon: import_lucide_react24.Circle,
                     color: simpleColor.color,
                     onClick: () => {
                       formatColor(simpleColor.color);
@@ -16352,12 +16456,12 @@ function TextToolbarPlugin() {
             {
               id: "bg-color",
               label: "Background Color",
-              Icon: import_lucide_react22.Highlighter,
+              Icon: import_lucide_react24.Highlighter,
               subMenu: [
                 {
                   id: "bg-color-default",
                   label: "Default",
-                  Icon: import_lucide_react22.Circle,
+                  Icon: import_lucide_react24.Circle,
                   onClick: () => {
                     formatBackgroundColor("default", "default");
                   }
@@ -16366,7 +16470,7 @@ function TextToolbarPlugin() {
                   return {
                     id: `bg-color-${simpleColor.label}`,
                     label: simpleColor.label,
-                    Icon: import_lucide_react22.Circle,
+                    Icon: import_lucide_react24.Circle,
                     color: bgColorList[index].color,
                     bgColor: simpleColor.color,
                     onClick: () => {
@@ -16387,7 +16491,7 @@ function TextToolbarPlugin() {
       resultList.push({
         id: "clear-styling",
         label: "",
-        Icon: import_lucide_react22.RemoveFormatting,
+        Icon: import_lucide_react24.RemoveFormatting,
         tooltip: `Clear Format ${plt === "macOS" /* macOS */ ? "(\u2318\\)" : "(Ctrl+\\)"}`,
         onClick: clearFormatting
       });
@@ -16397,7 +16501,7 @@ function TextToolbarPlugin() {
         resultList.push({
           id: "create-variable",
           label: "",
-          Icon: import_lucide_react22.Webhook,
+          Icon: import_lucide_react24.Webhook,
           tooltip: `Insert Variable ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7C)" : "(Ctrl+Shift+C)"}`,
           onClick: () => {
             clearFormatting();
@@ -16413,12 +16517,12 @@ function TextToolbarPlugin() {
       resultList.push({
         id: "text-align",
         label: "",
-        Icon: textAlignToIcon[toolbarState.textAlign] || import_lucide_react22.AlignLeft,
+        Icon: textAlignToIcon[toolbarState.textAlign] || import_lucide_react24.AlignLeft,
         tooltip: "Align Text",
         subMenu: [
           {
             id: "text-left",
-            Icon: import_lucide_react22.AlignLeft,
+            Icon: import_lucide_react24.AlignLeft,
             label: `Align Left ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7L)" : "(Ctrl+Alt+L)"}`,
             selected: toolbarState.textAlign === "left",
             onClick: () => {
@@ -16428,7 +16532,7 @@ function TextToolbarPlugin() {
           },
           {
             id: "text-center",
-            Icon: import_lucide_react22.AlignCenter,
+            Icon: import_lucide_react24.AlignCenter,
             label: `Align Center ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7E)" : "(Ctrl+Alt+E)"}`,
             selected: toolbarState.textAlign === "center",
             onClick: () => {
@@ -16438,7 +16542,7 @@ function TextToolbarPlugin() {
           },
           {
             id: "text-right",
-            Icon: import_lucide_react22.AlignRight,
+            Icon: import_lucide_react24.AlignRight,
             label: `Align Right ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7R)" : "(Ctrl+Alt+R)"}`,
             selected: toolbarState.textAlign === "right",
             onClick: () => {
@@ -16452,7 +16556,7 @@ function TextToolbarPlugin() {
         resultList.push({
           id: "create-variable",
           label: "",
-          Icon: import_lucide_react22.Webhook,
+          Icon: import_lucide_react24.Webhook,
           tooltip: `Insert Variable ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7C)" : "(Ctrl+Shift+C)"}`,
           onClick: () => {
             clearFormatting();
@@ -16468,7 +16572,7 @@ function TextToolbarPlugin() {
           resultList.push({
             id: "create-space",
             label: "",
-            Icon: import_lucide_react22.RectangleHorizontal,
+            Icon: import_lucide_react24.RectangleHorizontal,
             tooltip: `Insert Blank Space ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7B)" : "(Ctrl+Shift+B)"}`,
             onClick: () => {
               clearFormatting();
@@ -16482,7 +16586,7 @@ function TextToolbarPlugin() {
           resultList.push({
             id: "create-space",
             label: "",
-            Icon: import_lucide_react22.RectangleHorizontal,
+            Icon: import_lucide_react24.RectangleHorizontal,
             tooltip: `Insert Blank Space ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7B)" : "(Ctrl+Shift+B)"}`,
             onClick: () => {
               clearFormatting();
@@ -16522,7 +16626,7 @@ function TextToolbarPlugin() {
       resultList.push(
         {
           id: "text-left",
-          Icon: import_lucide_react22.AlignLeft,
+          Icon: import_lucide_react24.AlignLeft,
           label: "",
           tooltip: `Align Left ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7L)" : "(Ctrl+Alt+L)"}`,
           selected: toolbarState.textAlign === "left",
@@ -16533,7 +16637,7 @@ function TextToolbarPlugin() {
         },
         {
           id: "text-center",
-          Icon: import_lucide_react22.AlignCenter,
+          Icon: import_lucide_react24.AlignCenter,
           label: "",
           tooltip: `Align Center ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7E)" : "(Ctrl+Alt+E)"}`,
           selected: toolbarState.textAlign === "center",
@@ -16544,7 +16648,7 @@ function TextToolbarPlugin() {
         },
         {
           id: "text-right",
-          Icon: import_lucide_react22.AlignRight,
+          Icon: import_lucide_react24.AlignRight,
           label: "",
           tooltip: `Align Right ${plt === "macOS" /* macOS */ ? "(\u2318\u21E7R)" : "(Ctrl+Alt+R)"}`,
           selected: toolbarState.textAlign === "right",
@@ -16557,11 +16661,11 @@ function TextToolbarPlugin() {
     }
     return resultList;
   }, [toolbarState, selectionType, activeEditorRef.current]);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderCalloutModuleMenu.tsx
-var import_lucide_react23 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 function renderCalloutModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
@@ -16580,7 +16684,7 @@ function renderCalloutModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
         "tooltip",
         "note"
       ],
-      Icon: import_lucide_react23.MessageSquareQuote,
+      Icon: import_lucide_react25.MessageSquareQuote,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16601,7 +16705,7 @@ function renderCalloutModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 var import_list14 = require("@lexical/list");
 var import_rich_text11 = require("@lexical/rich-text");
 var import_lexical97 = require("lexical");
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
@@ -16613,7 +16717,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
       id: "heading-h1",
       label: "Heading 1",
       keywords: ["heading", "h1", "title"],
-      Icon: import_lucide_react24.Heading1,
+      Icon: import_lucide_react26.Heading1,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16634,7 +16738,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
       id: "heading-h2",
       label: "Heading 2",
       keywords: ["heading", "h2", "title"],
-      Icon: import_lucide_react24.Heading2,
+      Icon: import_lucide_react26.Heading2,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16655,7 +16759,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
       id: "heading-h3",
       label: "Heading 3",
       keywords: ["heading", "h3", "title"],
-      Icon: import_lucide_react24.Heading3,
+      Icon: import_lucide_react26.Heading3,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16687,7 +16791,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
         "numbers",
         "sequence"
       ],
-      Icon: import_lucide_react24.ListOrdered,
+      Icon: import_lucide_react26.ListOrdered,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16718,7 +16822,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
         "bullets",
         "points"
       ],
-      Icon: import_lucide_react24.List,
+      Icon: import_lucide_react26.List,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16749,7 +16853,7 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
         "hr",
         "line"
       ],
-      Icon: import_lucide_react24.SquareSplitVertical,
+      Icon: import_lucide_react26.SquareSplitVertical,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -16772,14 +16876,14 @@ function renderDefaultComponentsMenu(popupRef, targetNodeKeyRef, activeEditorRef
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderImageModuleMenu.tsx
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 function renderImageModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
       id: "image",
       label: "Image",
       keywords: ["image", "picture", "photo", "upload"],
-      Icon: import_lucide_react25.ImageIcon,
+      Icon: import_lucide_react27.ImageIcon,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16796,7 +16900,7 @@ function renderImageModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderQuestionsModuleMenu.tsx
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
@@ -16814,7 +16918,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
         "multiple response",
         "question"
       ],
-      Icon: import_lucide_react26.ListChecks,
+      Icon: import_lucide_react28.ListChecks,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16833,7 +16937,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
       id: "multiple-choice",
       label: "Multiple Choice",
       keywords: ["multiple choice", "question"],
-      Icon: import_lucide_react26.LayoutList,
+      Icon: import_lucide_react28.LayoutList,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16852,7 +16956,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
       id: "short-answer-question",
       label: "Short Answer",
       keywords: ["short answer", "question"],
-      Icon: import_lucide_react26.FileQuestion,
+      Icon: import_lucide_react28.FileQuestion,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16875,7 +16979,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
         "associate",
         "question"
       ],
-      Icon: import_lucide_react26.ArrowRightLeft,
+      Icon: import_lucide_react28.ArrowRightLeft,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16898,7 +17002,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
         "complete sentence",
         "question"
       ],
-      Icon: import_lucide_react26.Space,
+      Icon: import_lucide_react28.Space,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16916,7 +17020,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
       id: "journal-entry-question",
       label: "Journal Entry",
       keywords: ["journal entry", "question", ""],
-      Icon: import_lucide_react26.Calculator,
+      Icon: import_lucide_react28.Calculator,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -16934,7 +17038,7 @@ function renderQuestionsModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef)
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderTableModuleMenu.tsx
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 function renderTableModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
@@ -16953,7 +17057,7 @@ function renderTableModuleMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
         "data",
         "spreadsheet"
       ],
-      Icon: import_lucide_react27.Table2,
+      Icon: import_lucide_react29.Table2,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -17012,7 +17116,7 @@ var import_react99 = require("react");
 // src/plugins/TypeaheadMenuPlugin/renderFillInTheBlankMenu.tsx
 var import_list15 = require("@lexical/list");
 var import_lexical98 = require("lexical");
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
   return [
     {
@@ -17030,7 +17134,7 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
         "numbers",
         "sequence"
       ],
-      Icon: import_lucide_react28.ListOrdered,
+      Icon: import_lucide_react30.ListOrdered,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -17061,7 +17165,7 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
         "bullets",
         "points"
       ],
-      Icon: import_lucide_react28.List,
+      Icon: import_lucide_react30.List,
       onClick: () => {
         activeEditorRef.current?.update(() => {
           if (targetNodeKeyRef.current) {
@@ -17098,7 +17202,7 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
         "data",
         "spreadsheet"
       ],
-      Icon: import_lucide_react28.Table2,
+      Icon: import_lucide_react30.Table2,
       onClick: () => {
         if (targetNodeKeyRef.current) {
           activeEditorRef.current?.dispatchCommand(
@@ -17116,7 +17220,7 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuPlugin.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 function TypeaheadMenuPlugin() {
   const { hasModule, modulesNumber } = useBlockEditor();
   const [editor] = (0, import_LexicalComposerContext65.useLexicalComposerContext)();
@@ -17399,7 +17503,7 @@ function TypeaheadMenuPlugin() {
     }
     return menuItems;
   }, [editor, modulesNumber, activeDecorator]);
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     PopupMenu,
     {
       ref: popupRef,
@@ -18109,7 +18213,7 @@ var defaultThemeSettings = {
 };
 
 // src/theme/ThemeProvider.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var ThemeContext = (0, import_react100.createContext)(
   void 0
 );
@@ -18142,7 +18246,7 @@ function ThemeProvider({
     );
     rootElementRef.current?.classList.add(`theme-${effectiveTheme}`);
   }, [effectiveTheme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "article",
     {
       ref: rootElementRef,
@@ -18159,7 +18263,7 @@ function ThemeProvider({
         )
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "style",
           {
             dangerouslySetInnerHTML: {
@@ -18175,14 +18279,14 @@ function ThemeProvider({
 
 // src/BlockEditor.tsx
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");
-var import_LexicalErrorBoundary9 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin10 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalErrorBoundary10 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin11 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalListPlugin2 = require("@lexical/react/LexicalListPlugin");
 var import_LexicalOnChangePlugin = require("@lexical/react/LexicalOnChangePlugin");
-var import_LexicalRichTextPlugin7 = require("@lexical/react/LexicalRichTextPlugin");
+var import_LexicalRichTextPlugin8 = require("@lexical/react/LexicalRichTextPlugin");
 var import_LexicalTabIndentationPlugin2 = require("@lexical/react/LexicalTabIndentationPlugin");
 var import_react101 = __toESM(require("react"));
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var TOGGLE_EDITING_MODE = "TOGGLE_EDITING_MODE";
 var RESET_EDITING_MODE = "RESET_EDITING_MODE";
 var BlockEditorContext = import_react101.default.createContext(null);
@@ -18296,7 +18400,7 @@ function BlockEditor(props) {
       );
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     BlockEditorContext.Provider,
     {
       value: {
@@ -18352,62 +18456,62 @@ function BlockEditor(props) {
         },
         drawer: drawerRef.current,
         isBlockEditorReady,
-        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {})
+        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", {})
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ResizeObserver, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SharedHistoryContext, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(NodeProvider, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ResizeObserver, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(SharedHistoryContext, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(NodeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           "main",
           {
             className: `${settingsPanelSwitch === "on" ? "narrow" : ""}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_LexicalComposer.LexicalComposer, { initialConfig: { ...initialConfig }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_LexicalComposer.LexicalComposer, { initialConfig: { ...initialConfig }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                 EditorRefPlugin,
                 {
                   onMountRef: (editor) => editorRef.current = editor
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(AutoFocusPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(AutoBottomParagraphPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
-                import_LexicalHistoryPlugin10.HistoryPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(AutoFocusPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(AutoBottomParagraphPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                import_LexicalHistoryPlugin11.HistoryPlugin,
                 {
                   externalHistoryState: historyState
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                 import_LexicalOnChangePlugin.OnChangePlugin,
                 {
                   onChange: handleChange,
                   ignoreSelectionChange: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(OnNestedChangePlugin, { onChange: handleChange }),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
-                import_LexicalRichTextPlugin7.RichTextPlugin,
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(OnNestedChangePlugin, { onChange: handleChange }),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                import_LexicalRichTextPlugin8.RichTextPlugin,
                 {
-                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ContentEditable, {}),
+                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ContentEditable, {}),
                   placeholder: null,
-                  ErrorBoundary: import_LexicalErrorBoundary9.LexicalErrorBoundary
+                  ErrorBoundary: import_LexicalErrorBoundary10.LexicalErrorBoundary
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(NodePastePlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ListLevelLimitPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(NodePastePlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ListLevelLimitPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {}),
               children,
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TypeaheadMenuPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TypeaheadMenuAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(NodeMouseAnchorPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(NodeMousePlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TextToolbarPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TextToolbarAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TypeaheadVariableAgentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(VariableComponentPlugin, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(MarkdownPlugin, {})
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TypeaheadMenuPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TypeaheadMenuAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(NodeMouseAnchorPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(NodeMousePlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TextToolbarPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TextToolbarAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TypeaheadVariableAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(VariableComponentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(MarkdownPlugin, {})
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Drawer, { ref: drawerRef })
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Drawer, { ref: drawerRef })
       ] }) }) }) })
     }
   );
@@ -18423,30 +18527,30 @@ var useBlockEditor = () => {
 };
 
 // src/BlockEditorStyle.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 function BlockEditorStyle(props) {
   const { children, theme, themeSettings } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ThemeProvider, { theme, themeSettings, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ThemeProvider, { theme, themeSettings, children });
 }
 
 // src/modules/Callout.tsx
 var import_react102 = require("react");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 function Callout() {
   const { registerModule } = useBlockEditor();
   (0, import_react102.useEffect)(() => {
     registerModule("Callout");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(CalloutBoxPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CalloutBoxPlugin, {});
 }
 
 // src/plugins/TreeViewPlugin/index.tsx
 var import_LexicalComposerContext66 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalTreeView = require("@lexical/react/LexicalTreeView");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function TreeViewPlugin() {
   const [editor] = (0, import_LexicalComposerContext66.useLexicalComposerContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     import_LexicalTreeView.TreeView,
     {
       viewClassName: "tree-view-output",
@@ -18462,25 +18566,25 @@ function TreeViewPlugin() {
 
 // src/modules/Debug.tsx
 var import_react103 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 function Debug() {
   const { registerModule } = useBlockEditor();
   (0, import_react103.useEffect)(() => {
     registerModule("Debug");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TreeViewPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TreeViewPlugin, {});
 }
 
 // src/modules/Image.tsx
 var import_react104 = require("react");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 function Image(props) {
   const { imageSettings } = props;
   const { registerModule } = useBlockEditor();
   (0, import_react104.useEffect)(() => {
     registerModule("Image");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ImagePlugin, { imageSettings }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ImagePlugin, { imageSettings }) });
 }
 
 // src/plugins/LinkToolbarPlugin/LinkToolbarPlugin.tsx
@@ -18489,9 +18593,9 @@ var import_LexicalComposerContext67 = require("@lexical/react/LexicalComposerCon
 var import_utils35 = require("@lexical/utils");
 var import_lexical100 = require("lexical");
 var import_debounce7 = __toESM(require("lodash-es/debounce"));
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react31 = require("lucide-react");
 var import_react105 = require("react");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 function LinkToolbarPlugin() {
   const [editor] = (0, import_LexicalComposerContext67.useLexicalComposerContext)();
   const popupToolbarRef = (0, import_react105.useRef)(null);
@@ -18601,12 +18705,12 @@ function LinkToolbarPlugin() {
   }, [editor]);
   const linkUrl = linkNode?.linkUrl;
   const linkTitle = linkNode?.linkUrl;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     PopupToolbar,
     {
       ref: popupToolbarRef,
       onEscape: handleClose,
-      toolbar: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+      toolbar: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
         "div",
         {
           style: {
@@ -18619,29 +18723,29 @@ function LinkToolbarPlugin() {
             padding: "var(--sl-spacing-2x-small) var(--sl-spacing-x-small) var(--sl-spacing-2x-small) var(--sl-spacing-medium)"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "sl-tooltip",
               {
                 style: { "--show-delay": "1800" },
                 hoist: true,
                 content: linkUrl || "[Empty URL]",
-                children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "line-short-20", children: linkTitle })
+                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "line-short-20", children: linkTitle })
               }
             ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Stack, { className: "stack__row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Stack, { className: "stack__row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Edit Link",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     Button,
                     {
                       size: "small",
                       variant: "text",
                       label: "",
-                      StartIcon: import_lucide_react29.Pencil,
+                      StartIcon: import_lucide_react31.Pencil,
                       onClick: () => {
                         if (activeEditorRef.current) {
                           activeEditorRef.current.update(() => {
@@ -18674,19 +18778,19 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Remove Link",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     Button,
                     {
                       size: "small",
                       variant: "text",
                       label: "",
-                      StartIcon: import_lucide_react29.Trash2,
+                      StartIcon: import_lucide_react31.Trash2,
                       onClick: () => {
                         if (activeEditorRef.current) {
                           activeEditorRef.current.update(() => {
@@ -18715,19 +18819,19 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     Button,
                     {
                       size: "small",
                       variant: "text",
                       label: "",
-                      StartIcon: import_lucide_react29.X,
+                      StartIcon: import_lucide_react31.X,
                       onClick: handleClose
                     }
                   )
@@ -18744,15 +18848,15 @@ function LinkToolbarPlugin() {
 
 // src/modules/Link.tsx
 var import_react106 = require("react");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 function Link() {
   const { registerModule } = useBlockEditor();
   (0, import_react106.useEffect)(() => {
     registerModule("Link");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LinkEditorPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LinkToolbarPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LinkEditorPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LinkToolbarPlugin, {})
   ] });
 }
 
@@ -18761,7 +18865,7 @@ var import_LexicalComposerContext68 = require("@lexical/react/LexicalComposerCon
 var import_utils36 = require("@lexical/utils");
 var import_lexical101 = require("lexical");
 var import_react107 = require("react");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var INSERT_ESSAY_QUESTION_COMMAND = (0, import_lexical101.createCommand)("INSERT_ESSAY_QUESTION_COMMAND");
 function EssayQuestionPlugin() {
   const [editor] = (0, import_LexicalComposerContext68.useLexicalComposerContext)();
@@ -18799,7 +18903,7 @@ function EssayQuestionPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, {});
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
@@ -18827,7 +18931,7 @@ function validatePointsInput6(input) {
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 function FinancialStatementQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext69.useLexicalComposerContext)();
@@ -18846,7 +18950,7 @@ function FinancialStatementQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -18880,7 +18984,7 @@ var import_LexicalComposerContext70 = require("@lexical/react/LexicalComposerCon
 var import_utils37 = require("@lexical/utils");
 var import_lexical103 = require("lexical");
 var import_react109 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND = (0, import_lexical103.createCommand)("INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND");
 function FinancialStatementQuestionPlugin() {
   const {
@@ -18945,21 +19049,21 @@ function FinancialStatementQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-    drawer && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+    drawer && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       StickyToPosition,
       {
         ref: settingsPanelStickyRef,
         container: drawer,
         children: (data, position, isVisible) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             SettingsCard,
             {
               isVisible: !!isVisible,
               container: drawer,
               title: "Financial Statement Settings",
               onClose: toggleSettingsPanelSwitch,
-              children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 FinancialStatementQuestionSettings,
                 {
                   nodeKey: data.nodeKey
@@ -18971,32 +19075,32 @@ function FinancialStatementQuestionPlugin() {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(FillInTheBlankSpaceSettingsPlugin, {})
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(FillInTheBlankSpaceSettingsPlugin, {})
   ] });
 }
 
 // src/modules/Questions.tsx
 var import_react110 = require("react");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 function Questions() {
   const { registerModule } = useBlockEditor();
   (0, import_react110.useEffect)(() => {
     registerModule("Questions");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(MultipleOptionQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ShortAnswerQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(MatchingQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(FillInTheBlankQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(JournalEntryQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(FinancialStatementQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EssayQuestionPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(MultipleOptionQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ShortAnswerQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(MatchingQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(FillInTheBlankQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(JournalEntryQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(FinancialStatementQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(EssayQuestionPlugin, {})
   ] });
 }
 
 // src/modules/SettingsPanel.tsx
 var import_react111 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function SettingsPanel(props) {
   const { defaultOpen = true } = props;
   const { registerModule, openSettingsPanel } = useBlockEditor();
@@ -19008,7 +19112,7 @@ function SettingsPanel(props) {
       }
     }, 50);
   }, [registerModule, defaultOpen, openSettingsPanel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SettingsPanelPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SettingsPanelPlugin, {});
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
@@ -19017,9 +19121,9 @@ var import_react113 = require("react");
 // src/plugins/VariablesPlugin/VariableSettings.tsx
 var import_LexicalComposerContext71 = require("@lexical/react/LexicalComposerContext");
 var import_lexical104 = require("lexical");
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_react112 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var controlGridStyle = {
   width: "100%",
   display: "flex",
@@ -19241,8 +19345,8 @@ function VariableSettings(props) {
   if (!currentVariableNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: formFieldStyle, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: formFieldStyle, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Button,
       {
         className: "button__fullwidth",
@@ -19261,10 +19365,10 @@ function VariableSettings(props) {
         variant: "default"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: formFieldLabel, children: "Name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: controlGridStyle, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: formFieldLabel, children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { style: controlGridStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "form",
           {
             onSubmit: (e) => {
@@ -19272,7 +19376,7 @@ function VariableSettings(props) {
               e.preventDefault();
               updateVariableName();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               TextInput,
               {
                 ref: variableNameInputRef,
@@ -19284,7 +19388,7 @@ function VariableSettings(props) {
               }
             )
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           DropdownButton,
           {
             className: "button__fullwidth button__left_aligned",
@@ -19297,18 +19401,18 @@ function VariableSettings(props) {
             menu: variablesMenu
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Button,
           {
-            StartIcon: import_lucide_react30.Save,
+            StartIcon: import_lucide_react32.Save,
             variant: "text",
             size: "small",
             onClick: updateVariableName
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Button,
           {
-            StartIcon: import_lucide_react30.Pencil,
+            StartIcon: import_lucide_react32.Pencil,
             variant: "text",
             size: "small",
             onClick: () => {
@@ -19318,9 +19422,9 @@ function VariableSettings(props) {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: formFieldLabel, children: "Type" }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: formFieldLabel, children: "Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -19334,9 +19438,9 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    currentVariableNode.getVariableFormat() && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: formFieldLabel, children: "Format" }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    currentVariableNode.getVariableFormat() && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: formFieldLabel, children: "Format" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -19350,14 +19454,14 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Button,
       {
         size: "small",
         variant: "danger",
         className: "button__fullwidth",
         label: "Delete",
-        StartIcon: import_lucide_react30.Trash2,
+        StartIcon: import_lucide_react32.Trash2,
         onClick: () => {
           let parentNodeKey;
           activeEditorRef.current?.update(
@@ -19392,7 +19496,7 @@ function VariableSettings(props) {
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function VariableSettingsPlugin() {
   const {
     registerSettingsPanel,
@@ -19411,20 +19515,20 @@ function VariableSettingsPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Variable Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               VariableSettings,
               {
                 nodeKey: data.nodeKey,
@@ -19444,9 +19548,9 @@ var import_LexicalComposerContext72 = require("@lexical/react/LexicalComposerCon
 var import_utils39 = require("@lexical/utils");
 var import_lexical105 = require("lexical");
 var import_debounce8 = __toESM(require("lodash-es/debounce"));
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_react114 = require("react");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function VariableToolbarPlugin() {
   const [editor] = (0, import_LexicalComposerContext72.useLexicalComposerContext)();
   const popupToolbarRef = (0, import_react114.useRef)(null);
@@ -19610,7 +19714,7 @@ function VariableToolbarPlugin() {
         id: "bold",
         label: "",
         selected: toolbarState.isBold,
-        Icon: import_lucide_react31.Bold,
+        Icon: import_lucide_react33.Bold,
         tooltip: `Bold ${plt === "macOS" /* macOS */ ? "(\u2318B)" : "(Ctrl+B)"}`,
         onClick: () => {
           formatVariable("bold");
@@ -19620,7 +19724,7 @@ function VariableToolbarPlugin() {
         id: "italic",
         label: "",
         selected: toolbarState.isItalic,
-        Icon: import_lucide_react31.Italic,
+        Icon: import_lucide_react33.Italic,
         tooltip: `Italic ${plt === "macOS" /* macOS */ ? "(\u2318I)" : "(Ctrl+I)"}`,
         onClick: () => {
           formatVariable("italic");
@@ -19630,7 +19734,7 @@ function VariableToolbarPlugin() {
         id: "underline",
         label: "",
         selected: toolbarState.isUnderline,
-        Icon: import_lucide_react31.Underline,
+        Icon: import_lucide_react33.Underline,
         tooltip: `Underline ${plt === "macOS" /* macOS */ ? "(\u2318U)" : "(Ctrl+U)"}`,
         onClick: () => {
           formatVariable("underline");
@@ -19639,12 +19743,12 @@ function VariableToolbarPlugin() {
     ];
     return resultList;
   }, [toolbarState]);
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/modules/Variables.tsx
 var import_react115 = require("react");
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 function Variables(props) {
   const { variablesSettings } = props;
   const { registerModule, setEditingModeDataCallback } = useBlockEditor();
@@ -19658,11 +19762,11 @@ function Variables(props) {
       };
     });
   }, [variablesSettings, setEditingModeDataCallback]);
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(VariablesProvider, { variablesSettings, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(TypeaheadVariablePlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VariableSettingsPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VariableToolbarPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VariableToolbarAgentPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(VariablesProvider, { variablesSettings, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(TypeaheadVariablePlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(VariableSettingsPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(VariableToolbarPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(VariableToolbarAgentPlugin, {})
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: