@examind/block-editor 0.1.7 → 0.1.8

package/dist/index.mjs

@@ -784,11 +784,11 @@ var useSharedHistoryContext = () => {
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
 import {
-  $applyNodeReplacement as $applyNodeReplacement9,
-  DecoratorNode as DecoratorNode9,
-  createEditor as createEditor6
+  $applyNodeReplacement as $applyNodeReplacement10,
+  DecoratorNode as DecoratorNode10,
+  createEditor as createEditor7
 } from "lexical";
-import { nanoid as nanoid6 } from "nanoid";
+import { nanoid as nanoid7 } from "nanoid";
 
 // src/plugins/SmartTablePlugin/AddNewColumnAction.tsx
 import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
@@ -5261,15 +5261,15 @@ function $isImageNode(node) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext26 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext33 } from "@lexical/react/LexicalComposerContext";
 import {
-  $createNodeSelection as $createNodeSelection3,
-  $getNodeByKey as $getNodeByKey20,
-  $setSelection as $setSelection3,
-  CLICK_COMMAND as CLICK_COMMAND3,
-  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW3
+  $createNodeSelection as $createNodeSelection7,
+  $getNodeByKey as $getNodeByKey27,
+  $setSelection as $setSelection7,
+  CLICK_COMMAND as CLICK_COMMAND7,
+  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW7
 } from "lexical";
-import { useEffect as useEffect34, useRef as useRef20 } from "react";
+import { useEffect as useEffect38, useRef as useRef24 } from "react";
 
 // src/plugins/JournalEntryQuestionPlugin/DistractorButton.tsx
 import { useLexicalComposerContext as useLexicalComposerContext20 } from "@lexical/react/LexicalComposerContext";
@@ -5329,68 +5329,22 @@ function DistractorButton(props) {
   ] });
 }
 
-// src/plugins/VariablesPlugin/TypeaheadVariableAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext21 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister6 } from "@lexical/utils";
-import { createCommand as createCommand6 } from "lexical";
-import { useEffect as useEffect30 } from "react";
-import { Fragment as Fragment20, jsx as jsx49 } from "react/jsx-runtime";
-var TYPEAHEAD_VARIABLE_COMMAND = createCommand6("TYPEAHEAD_VARIABLE_COMMAND");
-function TypeaheadVariableAgentPlugin() {
-  const { hasModule, modulesNumber } = useBlockEditor();
-  const [editor] = useLexicalComposerContext21();
-  useEffect30(() => {
-    if (hasModule("Variables")) {
-      return mergeRegister6(
-        editor.registerUpdateListener(({ tags }) => {
-          if (!tags.has("history-merge")) {
-            editor.dispatchCommand(
-              TYPEAHEAD_VARIABLE_COMMAND,
-              void 0
-            );
-          }
-        })
-      );
-    }
-  }, [editor, modulesNumber]);
-  return /* @__PURE__ */ jsx49(Fragment20, {});
-}
-
-// src/plugins/VariablesPlugin/utils.ts
-function clearVariableSelection(editor, variable) {
-  const allHighlightedVariables = editor.getRootElement()?.querySelectorAll("[data-variable-highlighted]");
-  if (allHighlightedVariables && allHighlightedVariables.length > 0) {
-    for (const highlightedVariable of allHighlightedVariables) {
-      if (!variable || highlightedVariable.getAttribute(
-        "data-block-editor-variable"
-      ) !== variable) {
-        highlightedVariable.removeAttribute(
-          "data-variable-highlighted"
-        );
-      }
-    }
-  }
-}
-function setVariableSelection(editor, variable) {
-  const allVariableElements = editor.getRootElement()?.querySelectorAll(`[data-block-editor-variable="${variable}"]`);
-  if (allVariableElements && allVariableElements.length > 0) {
-    for (const variableElement of allVariableElements) {
-      variableElement.setAttribute(
-        "data-variable-highlighted",
-        "true"
-      );
-    }
-  }
-}
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+import {
+  $applyNodeReplacement as $applyNodeReplacement5,
+  DecoratorNode as DecoratorNode5,
+  createEditor as createEditor2
+} from "lexical";
+import { nanoid as nanoid2 } from "nanoid";
 
 // src/plugins/VariablesPlugin/VariableComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext22 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext21 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey18 } from "lexical";
-import { useEffect as useEffect31 } from "react";
-import { Fragment as Fragment21, jsx as jsx50 } from "react/jsx-runtime";
+import { useEffect as useEffect30 } from "react";
+import { Fragment as Fragment20, jsx as jsx49 } from "react/jsx-runtime";
 function VariableComponent(props) {
   const { nodeKey } = props;
-  const [editor] = useLexicalComposerContext22();
+  const [editor] = useLexicalComposerContext21();
   const handleToggleModeEvent = (event) => {
     const {
       detail: { mode, variableValues }
@@ -5417,7 +5371,7 @@ function VariableComponent(props) {
       });
     }
   };
-  useEffect31(() => {
+  useEffect30(() => {
     window.addEventListener(
       TOGGLE_EDITING_MODE,
       handleToggleModeEvent
@@ -5429,7 +5383,7 @@ function VariableComponent(props) {
       );
     };
   }, [editor]);
-  return /* @__PURE__ */ jsx50(Fragment21, {});
+  return /* @__PURE__ */ jsx49(Fragment20, {});
 }
 
 // src/plugins/VariablesPlugin/VariableNode.tsx
@@ -5437,7 +5391,7 @@ import {
   $applyNodeReplacement as $applyNodeReplacement4,
   DecoratorNode as DecoratorNode4
 } from "lexical";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var FORMAT_WHOLE_NUMBER = "0";
 var FORMAT_WHOLE_NUMBER_COMMAS = "0,0";
 var FORMAT_ONE_DECIMAL_COMMAS = "0,0.0";
@@ -5641,7 +5595,7 @@ var VariableNode = class _VariableNode extends DecoratorNode4 {
     writable.__isUnderline = value;
   }
   decorate() {
-    return /* @__PURE__ */ jsx51(VariableComponent, { nodeKey: this.__key });
+    return /* @__PURE__ */ jsx50(VariableComponent, { nodeKey: this.__key });
   }
 };
 function $createVariableNode(variableName, variableFormat, isBold, isItalic, isUnderline) {
@@ -5659,9 +5613,45 @@ function $isVariableNode(node) {
   return node instanceof VariableNode;
 }
 
+// src/plugins/VariablesPlugin/utils.ts
+function clearVariableSelection(editor, variable) {
+  const allHighlightedVariables = editor.getRootElement()?.querySelectorAll("[data-variable-highlighted]");
+  if (allHighlightedVariables && allHighlightedVariables.length > 0) {
+    for (const highlightedVariable of allHighlightedVariables) {
+      if (!variable || highlightedVariable.getAttribute(
+        "data-block-editor-variable"
+      ) !== variable) {
+        highlightedVariable.removeAttribute(
+          "data-variable-highlighted"
+        );
+      }
+    }
+  }
+}
+function setVariableSelection(editor, variable) {
+  const allVariableElements = editor.getRootElement()?.querySelectorAll(`[data-block-editor-variable="${variable}"]`);
+  if (allVariableElements && allVariableElements.length > 0) {
+    for (const variableElement of allVariableElements) {
+      variableElement.setAttribute(
+        "data-variable-highlighted",
+        "true"
+      );
+    }
+  }
+}
+var isFloat = (value) => {
+  const parts = value.split(".");
+  if (parts.length !== 2) return false;
+  const [whole, decimal] = parts;
+  return isInteger(whole) && Number.isSafeInteger(Number(decimal));
+};
+var decimalPlaces = (value) => value.includes(".") ? value.split(".")[1].length : 0;
+var isInteger = (value) => /^[\d,]+$/.test(value);
+var inferFormat = (value) => isInteger(value) ? value.includes(",") ? FORMAT_WHOLE_NUMBER_COMMAS : FORMAT_WHOLE_NUMBER : isFloat(value) ? decimalPlaces(value) === 1 ? FORMAT_ONE_DECIMAL_COMMAS : decimalPlaces(value) === 2 ? FORMAT_TWO_DECIMALS_COMMAS : void 0 : void 0;
+
 // src/plugins/VariablesPlugin/VariableComponentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext23 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister7 } from "@lexical/utils";
+import { useLexicalComposerContext as useLexicalComposerContext22 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister6 } from "@lexical/utils";
 import {
   $createNodeSelection as $createNodeSelection2,
   $getSelection,
@@ -5672,14 +5662,14 @@ import {
   COMMAND_PRIORITY_NORMAL as COMMAND_PRIORITY_NORMAL2,
   SELECTION_CHANGE_COMMAND
 } from "lexical";
-import { useEffect as useEffect32 } from "react";
-import { Fragment as Fragment22, jsx as jsx52 } from "react/jsx-runtime";
+import { useEffect as useEffect31 } from "react";
+import { Fragment as Fragment21, jsx as jsx51 } from "react/jsx-runtime";
 function VariableComponentPlugin() {
   const { hasModule, modulesNumber, getEditor } = useBlockEditor();
-  const [editor] = useLexicalComposerContext23();
-  useEffect32(() => {
+  const [editor] = useLexicalComposerContext22();
+  useEffect31(() => {
     if (hasModule("Variables")) {
-      return mergeRegister7(
+      return mergeRegister6(
         editor.registerCommand(
           SELECTION_CHANGE_COMMAND,
           () => {
@@ -5733,470 +5723,271 @@ function VariableComponentPlugin() {
       );
     }
   }, [editor, modulesNumber]);
-  return /* @__PURE__ */ jsx52(Fragment22, {});
-}
-
-// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext24 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister8 } from "@lexical/utils";
-import {
-  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR4,
-  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND2,
-  createCommand as createCommand7
-} from "lexical";
-import { useEffect as useEffect33 } from "react";
-import { Fragment as Fragment23, jsx as jsx53 } from "react/jsx-runtime";
-var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = createCommand7("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function VariableToolbarAgentPlugin() {
-  const [editor] = useLexicalComposerContext24();
-  useEffect33(() => {
-    return mergeRegister8(
-      editor.registerCommand(
-        SELECTION_CHANGE_COMMAND2,
-        (_payload, activeEditor) => {
-          if (editor === activeEditor) {
-            activeEditor.dispatchCommand(
-              VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
-              void 0
-            );
-          }
-          return false;
-        },
-        COMMAND_PRIORITY_EDITOR4
-      ),
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(
-            VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
-            void 0
-          );
-        }
-      })
-    );
-  }, [editor]);
-  return /* @__PURE__ */ jsx53(Fragment23, {});
+  return /* @__PURE__ */ jsx51(Fragment21, {});
 }
 
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext25 } from "@lexical/react/LexicalComposerContext";
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionComponent.tsx
+import { useLexicalComposerContext as useLexicalComposerContext23 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary2 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin2 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer2 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin2 } from "@lexical/react/LexicalRichTextPlugin";
-import clsx2 from "clsx";
 import {
-  $createParagraphNode as $createParagraphNode6,
+  $createNodeSelection as $createNodeSelection3,
   $getNodeByKey as $getNodeByKey19,
-  $getRoot as $getRoot5
+  $setSelection as $setSelection3,
+  CLICK_COMMAND as CLICK_COMMAND3,
+  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW3
 } from "lexical";
-import { CircleMinus, CirclePlus } from "lucide-react";
-import { useCallback as useCallback4 } from "react";
-import { jsx as jsx54, jsxs as jsxs17 } from "react/jsx-runtime";
-function JournalEntryQuestionItemComponent(props) {
-  const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
+import { useEffect as useEffect32, useRef as useRef20 } from "react";
+import { jsx as jsx52, jsxs as jsxs17 } from "react/jsx-runtime";
+function FinancialStatementQuestionComponent(props) {
+  const { id, header, columnHeaders, rows, distractors, nodeKey } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext25();
-  const addItem = useCallback4(() => {
-    editor.update(
-      () => {
-        const foundNode = $getNodeByKey19(nodeKey);
-        if ($isJournalEntryQuestionNode(foundNode)) {
-          foundNode.addItem(itemIndex, correct);
-        }
-      },
-      {
-        onUpdate: () => {
-          editor.getEditorState().read(() => {
+  const [editor] = useLexicalComposerContext23();
+  const rootElementRef = useRef20(null);
+  useEffect32(() => {
+    return editor.registerCommand(
+      CLICK_COMMAND3,
+      (event, _activeEditor) => {
+        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+          "data-selectable"
+        )) {
+          editor.update(() => {
             const foundNode = $getNodeByKey19(nodeKey);
-            if ($isJournalEntryQuestionNode(foundNode)) {
-              const newEntryItem = foundNode.__lineItems[itemIndex + 1];
-              if (newEntryItem.account) {
-                newEntryItem.account.update(() => {
-                  const root = $getRoot5();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = $createParagraphNode6();
-                    root.append(firstChild);
-                  }
-                  firstChild.selectStart();
-                });
-              }
-              if (newEntryItem.credit) {
-                newEntryItem.credit.update(() => {
-                  const root = $getRoot5();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = $createParagraphNode6();
-                    root.append(firstChild);
-                  }
-                });
-              }
-              if (newEntryItem.debit) {
-                newEntryItem.debit.update(() => {
-                  const root = $getRoot5();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = $createParagraphNode6();
-                    root.append(firstChild);
-                  }
-                });
-              }
+            if ($isFinancialStatementQuestionNode(foundNode)) {
+              const selection = $createNodeSelection3();
+              selection.add(nodeKey);
+              $setSelection3(selection);
             }
           });
         }
-      }
+        return false;
+      },
+      COMMAND_PRIORITY_LOW3
     );
-  }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = useCallback4(() => {
-    editor.update(() => {
-      const foundNode = $getNodeByKey19(nodeKey);
-      if ($isJournalEntryQuestionNode(foundNode)) {
-        foundNode.removeItem(itemIndex);
-      }
-    });
-  }, [editor, nodeKey, itemIndex]);
+  }, [editor]);
   return /* @__PURE__ */ jsxs17(
     "div",
     {
+      ref: rootElementRef,
       id,
-      className: "journal-entry-question-prompt-question-item-wrapper",
+      className: "financial-statement-question-prompt",
       children: [
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx52(
           "div",
           {
-            className: clsx2(
-              "journal-entry-question-prompt-question-item",
-              {
-                correct,
-                incorrect: !correct
-              }
-            ),
+            className: "financial-statement-question-prompt-title",
             "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ jsx54("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx54("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choice" }) }),
-              /* @__PURE__ */ jsx54("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx54(LexicalNestedComposer2, { initialEditor: account, children: /* @__PURE__ */ jsxs17(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx54(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(
-                  RichTextPlugin2,
-                  {
-                    contentEditable: /* @__PURE__ */ jsx54(NestedContentEditable, {}),
-                    ErrorBoundary: LexicalErrorBoundary2,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ jsx54(HistoryPlugin2, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx54(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx54(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(VariableComponentPlugin, {})
-              ] }) }) }),
-              (!debit || !credit) && /* @__PURE__ */ jsxs17("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(
-                  Button,
-                  {
-                    StartIcon: CircleMinus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: removeItem
-                  }
-                ) }) : /* @__PURE__ */ jsx54("div", {}),
-                /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(
-                  Button,
-                  {
-                    StartIcon: CirclePlus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: addItem
-                  }
-                ) })
-              ] })
-            ]
+            children: "Financial Statement"
           }
         ),
-        debit ? /* @__PURE__ */ jsxs17(
-          "div",
-          {
-            className: clsx2(
-              "journal-entry-question-prompt-question-item",
-              {
-                correct,
-                incorrect: !correct
-              }
-            ),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ jsx54("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx54("div", { "data-selectable": "true", children: "Debit" }) }),
-              /* @__PURE__ */ jsx54("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx54(LexicalNestedComposer2, { initialEditor: debit, children: /* @__PURE__ */ jsxs17(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx54(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(
-                  RichTextPlugin2,
-                  {
-                    contentEditable: /* @__PURE__ */ jsx54(NestedContentEditable, {}),
-                    ErrorBoundary: LexicalErrorBoundary2,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ jsx54(HistoryPlugin2, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx54(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx54(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(VariableComponentPlugin, {})
-              ] }) }) })
-            ]
-          }
-        ) : /* @__PURE__ */ jsx54("div", {}),
-        credit ? /* @__PURE__ */ jsxs17(
-          "div",
-          {
-            className: clsx2(
-              "journal-entry-question-prompt-question-item",
+        /* @__PURE__ */ jsx52("div", { "data-selectable": "true", children: /* @__PURE__ */ jsxs17("table", { "data-selectable": "true", style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxs17("thead", { "data-selectable": "true", children: [
+            /* @__PURE__ */ jsx52("tr", { "data-selectable": "true", children: /* @__PURE__ */ jsx52(
+              "td",
               {
-                correct,
-                incorrect: !correct
+                className: "financial-statement-question-header",
+                colSpan: 2,
+                "data-selectable": "true",
+                children: /* @__PURE__ */ jsx52(LexicalNestedComposer2, { initialEditor: header, children: /* @__PURE__ */ jsxs17(NestedEditor, { nodeKey, children: [
+                  /* @__PURE__ */ jsx52(SettingsPanelNestedAgentPlugin, {}),
+                  /* @__PURE__ */ jsx52(
+                    RichTextPlugin2,
+                    {
+                      contentEditable: /* @__PURE__ */ jsx52(NestedContentEditable, {}),
+                      ErrorBoundary: LexicalErrorBoundary2,
+                      placeholder: null
+                    },
+                    nodeKey
+                  ),
+                  /* @__PURE__ */ jsx52(
+                    HistoryPlugin2,
+                    {
+                      externalHistoryState: historyState
+                    }
+                  ),
+                  /* @__PURE__ */ jsx52(
+                    TypeaheadVariableAgentPlugin,
+                    {
+                      decoratorNode: FinancialStatementQuestionNode
+                    }
+                  ),
+                  /* @__PURE__ */ jsx52(VariableComponentPlugin, {})
+                ] }) })
               }
-            ),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ jsx54("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx54("div", { "data-selectable": "true", children: "Credit" }) }),
-              /* @__PURE__ */ jsx54("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx54(LexicalNestedComposer2, { initialEditor: credit, children: /* @__PURE__ */ jsxs17(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx54(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(
-                  RichTextPlugin2,
-                  {
-                    contentEditable: /* @__PURE__ */ jsx54(NestedContentEditable, {}),
-                    ErrorBoundary: LexicalErrorBoundary2,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ jsx54(HistoryPlugin2, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx54(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx54(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx54(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx54(VariableToolbarAgentPlugin, {})
-              ] }) }) }),
-              /* @__PURE__ */ jsxs17("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(
-                  Button,
-                  {
-                    StartIcon: CircleMinus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: removeItem
-                  }
-                ) }) : /* @__PURE__ */ jsx54("div", {}),
-                /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(
-                  Button,
-                  {
-                    StartIcon: CirclePlus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: addItem
-                  }
-                ) })
-              ] })
-            ]
-          }
-        ) : /* @__PURE__ */ jsx54("div", {})
-      ]
-    }
-  );
-}
-
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-import { jsx as jsx55, jsxs as jsxs18 } from "react/jsx-runtime";
-function JournalEntryQuestionComponent(props) {
-  const { nodeKey, journalType, lineItems, id } = props;
-  const [editor] = useLexicalComposerContext26();
-  const rootElementRef = useRef20(null);
-  useEffect34(() => {
-    return editor.registerCommand(
-      CLICK_COMMAND3,
-      (event, _activeEditor) => {
-        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-          "data-selectable"
-        )) {
-          editor.update(() => {
-            const foundNode = $getNodeByKey20(nodeKey);
-            if ($isJournalEntryQuestionNode(foundNode)) {
-              const selection = $createNodeSelection3();
-              selection.add(nodeKey);
-              $setSelection3(selection);
-            }
-          });
-        }
-        return false;
-      },
-      COMMAND_PRIORITY_LOW3
-    );
-  }, [editor]);
-  const doNeedDistractor = lineItems.reduce((a, i) => {
-    return i.correct ? a : ++a;
-  }, 0) <= 0;
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      ref: rootElementRef,
-      id,
-      className: "journal-entry-question-prompt",
-      children: [
-        /* @__PURE__ */ jsx55(
-          "div",
-          {
-            className: "journal-entry-question-prompt-title",
-            "data-selectable": "true",
-            children: "Journal Entry"
-          }
-        ),
-        /* @__PURE__ */ jsxs18(
-          "div",
-          {
-            className: "journal-entry-question-prompt-items",
-            "data-selectable": "true",
-            children: [
-              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ jsxs18(
-                "div",
+            ) }),
+            columnHeaders.length >= 2 && /* @__PURE__ */ jsxs17("tr", { "data-selectable": "true", children: [
+              /* @__PURE__ */ jsx52(
+                "th",
                 {
-                  className: "journal-entry-question-prompt-question-item correct",
                   "data-selectable": "true",
-                  children: [
-                    /* @__PURE__ */ jsx55("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx55("div", { "data-selectable": "true", children: "Correct Choice" }) }),
-                    /* @__PURE__ */ jsx55("div", { "data-selectable": "true", children: "No Entry Required" })
-                  ]
+                  style: { textAlign: "left" },
+                  children: columnHeaders[0]
                 }
               ),
-              journalType === "noEntryRequiredCorrect" && lineItems.map((journalEntryItem, itemIndex) => {
-                if (!journalEntryItem.correct) {
-                  return /* @__PURE__ */ jsx55(
-                    JournalEntryQuestionItemComponent,
-                    {
-                      nodeKey,
-                      id: journalEntryItem.id,
-                      itemIndex,
-                      correct: journalEntryItem.correct,
-                      account: journalEntryItem.account,
-                      debit: journalEntryItem.debit,
-                      credit: journalEntryItem.credit
-                    },
-                    journalEntryItem.id
-                  );
-                }
-              }),
-              (journalType === "default" || journalType === "noEntryRequiredDistractor") && lineItems.map((journalEntryItem, itemIndex) => {
-                return /* @__PURE__ */ jsx55(
-                  JournalEntryQuestionItemComponent,
-                  {
-                    nodeKey,
-                    id: journalEntryItem.id,
-                    itemIndex,
-                    correct: journalEntryItem.correct,
-                    account: journalEntryItem.account,
-                    debit: journalEntryItem.debit,
-                    credit: journalEntryItem.credit
-                  },
-                  journalEntryItem.id
-                );
-              }),
-              doNeedDistractor && /* @__PURE__ */ jsx55(
-                DistractorButton,
+              /* @__PURE__ */ jsx52(
+                "th",
                 {
-                  nodeKey,
-                  itemIndex: lineItems.length - 1
+                  "data-selectable": "true",
+                  style: { textAlign: "right" },
+                  children: columnHeaders[1]
                 }
               )
-            ]
-          }
-        )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs17("tbody", { children: [
+            rows.map(
+              (rowItem, rowItemIndex) => {
+                if (rowItem.type === "Heading") {
+                  return /* @__PURE__ */ jsxs17("tr", { "data-selectable": "true", children: [
+                    /* @__PURE__ */ jsx52("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx52(
+                      "strong",
+                      {
+                        style: {
+                          paddingLeft: `calc(1em * ${rowItem.depth})`
+                        },
+                        children: rowItem.entry
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx52(
+                      "td",
+                      {
+                        className: "financial-statement-question-cell",
+                        "data-selectable": "true",
+                        children: /* @__PURE__ */ jsxs17("div", { className: "financial-statement-question-cell-id", children: [
+                          "A",
+                          rowItemIndex + 1
+                        ] })
+                      }
+                    )
+                  ] }, rowItem.id);
+                } else if (rowItem.type === "Line") {
+                  return /* @__PURE__ */ jsxs17("tr", { "data-selectable": "true", children: [
+                    /* @__PURE__ */ jsx52("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx52(
+                      "span",
+                      {
+                        style: {
+                          paddingLeft: `calc(1em * ${rowItem.depth})`
+                        },
+                        children: rowItem.entry
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs17(
+                      "td",
+                      {
+                        className: "financial-statement-question-cell",
+                        "data-selectable": "true",
+                        children: [
+                          /* @__PURE__ */ jsxs17("div", { className: "financial-statement-question-cell-id", children: [
+                            "A",
+                            rowItemIndex + 1
+                          ] }),
+                          /* @__PURE__ */ jsx52(
+                            LexicalNestedComposer2,
+                            {
+                              initialEditor: rowItem.amount,
+                              children: /* @__PURE__ */ jsxs17(NestedEditor, { nodeKey, children: [
+                                /* @__PURE__ */ jsx52(SettingsPanelNestedAgentPlugin, {}),
+                                /* @__PURE__ */ jsx52(
+                                  RichTextPlugin2,
+                                  {
+                                    contentEditable: /* @__PURE__ */ jsx52(NestedContentEditable, {}),
+                                    ErrorBoundary: LexicalErrorBoundary2,
+                                    placeholder: null
+                                  },
+                                  nodeKey
+                                ),
+                                /* @__PURE__ */ jsx52(
+                                  HistoryPlugin2,
+                                  {
+                                    externalHistoryState: historyState
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx52(
+                                  TypeaheadVariableAgentPlugin,
+                                  {
+                                    decoratorNode: FinancialStatementQuestionNode
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx52(VariableComponentPlugin, {})
+                              ] })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }, rowItem.id);
+                }
+              }
+            ),
+            distractors.map(
+              (distractorItem) => {
+                return /* @__PURE__ */ jsxs17("tr", { "data-selectable": "true", children: [
+                  /* @__PURE__ */ jsx52("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx52(
+                    "span",
+                    {
+                      style: { color: "var(--sl-color-red-500)" },
+                      children: distractorItem.entry
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx52("td", { "data-selectable": "true" })
+                ] }, distractorItem.id);
+              }
+            )
+          ] })
+        ] }) })
       ]
     }
   );
 }
 
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionNode.tsx
-import {
-  $applyNodeReplacement as $applyNodeReplacement5,
-  $createParagraphNode as $createParagraphNode7,
-  $createTextNode as $createTextNode4,
-  $getRoot as $getRoot6,
-  DecoratorNode as DecoratorNode5,
-  createEditor as createEditor2
-} from "lexical";
-import { nanoid as nanoid2 } from "nanoid";
-import { jsx as jsx56 } from "react/jsx-runtime";
-var TYPE_NAME4 = "journal-entry-question";
-var JournalTypeLabelMap = {
-  default: "Default",
-  noEntryRequiredCorrect: "No Entry Required Correct",
-  noEntryRequiredDistractor: "No Entry Required Distractor"
+// src/plugins/FinancialStatementQuestionPlugin/isSerializableFinancialStatementHeading.ts
+var isSerializableFinancialStatementHeading = (row) => {
+  return row.type === "Heading";
 };
-function initNewContentEditor() {
-  return createEditor2();
-}
-var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends DecoratorNode5 {
-  constructor(points, journalType, errorTolerance, lineItems, id, key) {
+
+// src/plugins/FinancialStatementQuestionPlugin/isSerializableFinancialStatementLine.ts
+var isSerializableFinancialStatementLine = (row) => {
+  return row.type === "Line";
+};
+
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var TYPE_NAME4 = "financial-statement-question";
+var isFinancialStatementHeading = (row) => {
+  return row.type === "Heading";
+};
+var isFinancialStatementLine = (row) => {
+  return row.type === "Line";
+};
+var FinancialStatementQuestionNode = class _FinancialStatementQuestionNode extends DecoratorNode5 {
+  constructor(points, header, columnHeaders, rows, distractors, id, key) {
     super(key);
-    this.__points = points < 0 ? 1 : points;
-    this.__journalType = journalType;
-    this.__errorTolerance = errorTolerance;
     this.__id = id || nanoid2();
-    this.__lineItems = [];
-    if (lineItems) {
-      for (const item of lineItems) {
-        this.__lineItems.push({
-          id: item.id,
-          correct: item.correct,
-          account: item.account,
-          credit: item.correct ? item.credit : void 0,
-          debit: item.correct ? item.debit : void 0
-        });
-      }
-    } else {
-      for (let i = 0; i < 2; i++) {
-        this.__lineItems.push({
-          id: nanoid2(),
-          correct: true,
-          account: initNewContentEditor(),
-          credit: initNewContentEditor(),
-          debit: initNewContentEditor()
-        });
-      }
-    }
+    this.__points = points < 0 ? 1 : points;
+    this.__header = header;
+    this.__columnHeaders = columnHeaders;
+    this.__rows = rows;
+    this.__distractors = distractors;
   }
   static getType() {
     return TYPE_NAME4;
   }
   static clone(node) {
-    return new _JournalEntryQuestionNode(
+    return new _FinancialStatementQuestionNode(
       node.__points,
-      node.__journalType,
-      node.__errorTolerance,
-      node.__lineItems,
+      node.__header,
+      node.__columnHeaders,
+      node.__rows,
+      node.__distractors,
       node.__id,
       node.__key
     );
   }
   __createWrapper() {
     const wrapper = document.createElement("div");
-    wrapper.classList.add("journal-entry-question-wrapper");
+    wrapper.classList.add("financial-statement-question-wrapper");
     return wrapper;
   }
   createDOM() {
@@ -6213,70 +6004,86 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends Decorator
     return null;
   }
   static importJSON(serializedNode) {
-    const restoredItems = [];
-    for (const item of serializedNode.lineItems) {
-      const accountNestedEditor = createEditor2();
-      const editorState = accountNestedEditor.parseEditorState(
-        item.account.editorState
-      );
-      if (!editorState.isEmpty()) {
-        accountNestedEditor.setEditorState(editorState);
+    const headerNestedEditor = createEditor2();
+    const editorState = headerNestedEditor.parseEditorState(
+      serializedNode.header.editorState
+    );
+    if (!editorState.isEmpty()) {
+      headerNestedEditor.setEditorState(editorState);
+    }
+    const restoredRows = [];
+    for (const row of serializedNode.rows) {
+      if (isSerializableFinancialStatementHeading(row)) {
+        restoredRows.push({
+          type: row.type,
+          id: row.id,
+          depth: row.depth,
+          entry: row.entry,
+          isHint: row.isHint
+        });
+        continue;
       }
-      if (item.correct && item.credit && item.debit) {
-        const creditNestedEditor = createEditor2();
-        let editorState2 = creditNestedEditor.parseEditorState(
-          item.credit.editorState
-        );
-        if (!editorState2.isEmpty()) {
-          creditNestedEditor.setEditorState(editorState2);
-        }
-        const debitNestedEditor = createEditor2();
-        editorState2 = debitNestedEditor.parseEditorState(
-          item.debit.editorState
+      if (isSerializableFinancialStatementLine(row)) {
+        const amountNestedEditor = createEditor2();
+        const editorState2 = amountNestedEditor.parseEditorState(
+          row.amount.editorState
         );
         if (!editorState2.isEmpty()) {
-          debitNestedEditor.setEditorState(editorState2);
+          amountNestedEditor.setEditorState(editorState2);
         }
-        restoredItems.push({
-          id: item.id,
-          correct: item.correct,
-          account: accountNestedEditor,
-          credit: creditNestedEditor,
-          debit: debitNestedEditor
-        });
-      } else {
-        restoredItems.push({
-          id: item.id,
-          correct: item.correct,
-          account: accountNestedEditor
+        restoredRows.push({
+          type: row.type,
+          id: row.id,
+          depth: row.depth,
+          entry: row.entry,
+          amount: amountNestedEditor,
+          isEntryHint: row.isEntryHint,
+          isAmountHint: row.isAmountHint,
+          role: row.role
         });
+        continue;
       }
     }
-    return $createJournalEntryQuestionNode(
+    return $createFinancialStatementQuestionNode(
       serializedNode.points,
-      serializedNode.journalType,
-      serializedNode.errorTolerance,
-      restoredItems,
+      headerNestedEditor,
+      serializedNode.columnHeaders,
+      restoredRows,
+      serializedNode.distractors,
       serializedNode.id
     );
   }
   exportJSON() {
-    const exportedOptions = [];
-    for (const item of this.__lineItems) {
-      exportedOptions.push({
-        id: item.id,
-        correct: item.correct,
-        account: item.account.toJSON(),
-        credit: item.credit?.toJSON(),
-        debit: item.debit?.toJSON()
-      });
-    }
     return {
-      lineItems: exportedOptions,
       id: this.__id,
-      errorTolerance: this.__errorTolerance,
-      journalType: this.__journalType,
       points: this.__points,
+      header: this.__header.toJSON(),
+      columnHeaders: this.__columnHeaders,
+      rows: this.__rows.map((row) => {
+        if (isFinancialStatementHeading(row)) {
+          return {
+            type: row.type,
+            id: row.id,
+            depth: row.depth,
+            entry: row.entry,
+            isHint: row.isHint
+          };
+        }
+        if (isFinancialStatementLine(row)) {
+          return {
+            type: row.type,
+            id: row.id,
+            depth: row.depth,
+            entry: row.entry,
+            amount: row.amount.toJSON(),
+            isEntryHint: row.isEntryHint,
+            isAmountHint: row.isAmountHint,
+            role: row.role
+          };
+        }
+        throw new Error("Invalid row type");
+      }).filter(Boolean),
+      distractors: this.__distractors,
       type: TYPE_NAME4,
       version: 1
     };
@@ -6295,89 +6102,36 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends Decorator
   }
   setPoints(points) {
     const writable = this.getWritable();
-    writable.__points = points < 0 ? 1 : points;
-  }
-  getErrorTolerance() {
-    return this.__errorTolerance;
-  }
-  setErrorTolerance(errorTolerance) {
-    const writable = this.getWritable();
-    writable.__errorTolerance = errorTolerance;
-  }
-  getJournalType() {
-    return this.__journalType;
-  }
-  setJournalType(journalType) {
-    const writable = this.getWritable();
-    if (journalType === "noEntryRequiredDistractor") {
-      const newItems = [...this.__lineItems];
-      const newAccountContent = initNewContentEditor();
-      newAccountContent.update(() => {
-        const root = $getRoot6();
-        let firstChild = root.getFirstChild();
-        if (!firstChild) {
-          firstChild = $createParagraphNode7();
-          firstChild.append($createTextNode4("No Entry Required"));
-          root.append(firstChild);
-        }
-      });
-      newItems.push({
-        id: nanoid2(),
-        correct: false,
-        account: newAccountContent,
-        credit: void 0,
-        debit: void 0
-      });
-      writable.__lineItems = newItems;
-    }
-    writable.__journalType = journalType;
-  }
-  addItem(itemIndex, correct) {
-    const newItemIndex = itemIndex + 1;
-    const writable = this.getWritable();
-    const newItems = [...writable.__lineItems];
-    newItems.splice(newItemIndex, 0, {
-      id: nanoid2(),
-      correct,
-      account: initNewContentEditor(),
-      credit: correct ? initNewContentEditor() : void 0,
-      debit: correct ? initNewContentEditor() : void 0
-    });
-    writable.__lineItems = newItems;
-  }
-  removeItem(itemIndex) {
-    if (this.__lineItems.length > 1 && this.__lineItems.length > itemIndex) {
-      const writable = this.getWritable();
-      const newItems = [...writable.__lineItems];
-      newItems.splice(itemIndex, 1);
-      writable.__lineItems = newItems;
-    }
+    writable.__points = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ jsx56(
-      JournalEntryQuestionComponent,
+    return /* @__PURE__ */ jsx53(
+      FinancialStatementQuestionComponent,
       {
         nodeKey: this.__key,
-        journalType: this.__journalType,
-        lineItems: this.__lineItems,
-        id: this.__id
+        id: this.__id,
+        header: this.__header,
+        columnHeaders: this.__columnHeaders,
+        rows: this.__rows,
+        distractors: this.__distractors
       }
     );
   }
 };
-function $createJournalEntryQuestionNode(points, journalType, errorTolerance, lineItems, id) {
+function $createFinancialStatementQuestionNode(points, header, columnHeaders, rows, distractors, id) {
   return $applyNodeReplacement5(
-    new JournalEntryQuestionNode(
+    new FinancialStatementQuestionNode(
       points,
-      journalType || "default",
-      errorTolerance,
-      lineItems,
+      header,
+      columnHeaders,
+      rows,
+      distractors,
       id
     )
   );
 }
-function $isJournalEntryQuestionNode(node) {
-  return node instanceof JournalEntryQuestionNode;
+function $isFinancialStatementQuestionNode(node) {
+  return node instanceof FinancialStatementQuestionNode;
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionNode.tsx
@@ -6389,21 +6143,21 @@ import {
 import { nanoid as nanoid3 } from "nanoid";
 
 // src/plugins/MatchingQuestionPlugin/DistractorButton.tsx
-import { useLexicalComposerContext as useLexicalComposerContext27 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext24 } from "@lexical/react/LexicalComposerContext";
 import {
-  $createParagraphNode as $createParagraphNode8,
-  $getNodeByKey as $getNodeByKey21,
-  $getRoot as $getRoot7
+  $createParagraphNode as $createParagraphNode6,
+  $getNodeByKey as $getNodeByKey20,
+  $getRoot as $getRoot5
 } from "lexical";
-import { useCallback as useCallback5 } from "react";
-import { jsx as jsx57, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useCallback as useCallback4 } from "react";
+import { jsx as jsx54, jsxs as jsxs18 } from "react/jsx-runtime";
 function DistractorButton2(props) {
   const { nodeKey, itemIndex } = props;
-  const [editor] = useLexicalComposerContext27();
-  const addDistractor = useCallback5(() => {
+  const [editor] = useLexicalComposerContext24();
+  const addDistractor = useCallback4(() => {
     editor.update(
       () => {
-        const foundNode = $getNodeByKey21(nodeKey);
+        const foundNode = $getNodeByKey20(nodeKey);
         if ($isMatchingQuestionNode(foundNode)) {
           foundNode.addItem(itemIndex, false);
         }
@@ -6411,15 +6165,15 @@ function DistractorButton2(props) {
       {
         onUpdate: () => {
           editor.getEditorState().read(() => {
-            const foundNode = $getNodeByKey21(nodeKey);
+            const foundNode = $getNodeByKey20(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
               const newQuestionItem = foundNode.__items[itemIndex + 1];
               if (newQuestionItem.itemOptionContent) {
                 newQuestionItem.itemOptionContent.update(() => {
-                  const root = $getRoot7();
+                  const root = $getRoot5();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = $createParagraphNode8();
+                    firstChild = $createParagraphNode6();
                     root.append(firstChild);
                   }
                   firstChild.selectStart();
@@ -6431,9 +6185,9 @@ function DistractorButton2(props) {
       }
     );
   }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ jsxs19("div", { className: "matching-question-prompt-question-item-wrapper", children: [
-    /* @__PURE__ */ jsx57("div", {}),
-    /* @__PURE__ */ jsx57("div", { className: "matching-question-distractor-button", children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs18("div", { className: "matching-question-prompt-question-item-wrapper", children: [
+    /* @__PURE__ */ jsx54("div", {}),
+    /* @__PURE__ */ jsx54("div", { className: "matching-question-distractor-button", children: /* @__PURE__ */ jsx54(
       Button,
       {
         label: "Add Distractor",
@@ -6446,31 +6200,72 @@ function DistractorButton2(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext29 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext27 } from "@lexical/react/LexicalComposerContext";
 import {
   $createNodeSelection as $createNodeSelection4,
-  $getNodeByKey as $getNodeByKey23,
+  $getNodeByKey as $getNodeByKey22,
   $setSelection as $setSelection4,
   CLICK_COMMAND as CLICK_COMMAND4,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW4
 } from "lexical";
-import { useEffect as useEffect35, useRef as useRef21 } from "react";
+import { useEffect as useEffect34, useRef as useRef21 } from "react";
+
+// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext25 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister7 } from "@lexical/utils";
+import {
+  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR4,
+  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND2,
+  createCommand as createCommand6
+} from "lexical";
+import { useEffect as useEffect33 } from "react";
+import { Fragment as Fragment22, jsx as jsx55 } from "react/jsx-runtime";
+var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = createCommand6("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function VariableToolbarAgentPlugin() {
+  const [editor] = useLexicalComposerContext25();
+  useEffect33(() => {
+    return mergeRegister7(
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND2,
+        (_payload, activeEditor) => {
+          if (editor === activeEditor) {
+            activeEditor.dispatchCommand(
+              VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
+              void 0
+            );
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_EDITOR4
+      ),
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(
+            VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
+            void 0
+          );
+        }
+      })
+    );
+  }, [editor]);
+  return /* @__PURE__ */ jsx55(Fragment22, {});
+}
 
 // src/plugins/MatchingQuestionPlugin/QuestionItemComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext28 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext26 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary3 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin3 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer3 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin3 } from "@lexical/react/LexicalRichTextPlugin";
-import clsx3 from "clsx";
+import clsx2 from "clsx";
 import {
-  $createParagraphNode as $createParagraphNode9,
-  $getNodeByKey as $getNodeByKey22,
-  $getRoot as $getRoot8
+  $createParagraphNode as $createParagraphNode7,
+  $getNodeByKey as $getNodeByKey21,
+  $getRoot as $getRoot6
 } from "lexical";
-import { CircleMinus as CircleMinus2, CirclePlus as CirclePlus2 } from "lucide-react";
-import { useCallback as useCallback6 } from "react";
-import { jsx as jsx58, jsxs as jsxs20 } from "react/jsx-runtime";
+import { CircleMinus, CirclePlus } from "lucide-react";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx56, jsxs as jsxs19 } from "react/jsx-runtime";
 function QuestionItemComponent(props) {
   const {
     nodeKey,
@@ -6481,11 +6276,11 @@ function QuestionItemComponent(props) {
     itemOptionContent
   } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext28();
-  const addItem = useCallback6(() => {
+  const [editor] = useLexicalComposerContext26();
+  const addItem = useCallback5(() => {
     editor.update(
       () => {
-        const foundNode = $getNodeByKey22(nodeKey);
+        const foundNode = $getNodeByKey21(nodeKey);
         if ($isMatchingQuestionNode(foundNode)) {
           foundNode.addItem(itemIndex, correct);
         }
@@ -6493,15 +6288,15 @@ function QuestionItemComponent(props) {
       {
         onUpdate: () => {
           editor.getEditorState().read(() => {
-            const foundNode = $getNodeByKey22(nodeKey);
+            const foundNode = $getNodeByKey21(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
               const newQuestionItem = foundNode.__items[itemIndex + 1];
               if (newQuestionItem.itemPremiseContent) {
                 newQuestionItem.itemPremiseContent.update(() => {
-                  const root = $getRoot8();
+                  const root = $getRoot6();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = $createParagraphNode9();
+                    firstChild = $createParagraphNode7();
                     root.append(firstChild);
                   }
                   firstChild.selectStart();
@@ -6509,10 +6304,10 @@ function QuestionItemComponent(props) {
               }
               if (newQuestionItem.itemOptionContent) {
                 newQuestionItem.itemOptionContent.update(() => {
-                  const root = $getRoot8();
+                  const root = $getRoot6();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = $createParagraphNode9();
+                    firstChild = $createParagraphNode7();
                     root.append(firstChild);
                   }
                   if (!newQuestionItem.itemPremiseContent) {
@@ -6526,93 +6321,108 @@ function QuestionItemComponent(props) {
       }
     );
   }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = useCallback6(() => {
+  const removeItem = useCallback5(() => {
     editor.update(() => {
-      const foundNode = $getNodeByKey22(nodeKey);
+      const foundNode = $getNodeByKey21(nodeKey);
       if ($isMatchingQuestionNode(foundNode)) {
         foundNode.removeItem(itemIndex);
       }
     });
   }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       id,
       className: "matching-question-prompt-question-item-wrapper",
       children: [
-        itemPremiseContent ? /* @__PURE__ */ jsxs20(
+        itemPremiseContent ? /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "matching-question-prompt-question-item",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx58("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx58("div", { "data-selectable": "true", children: "Item Premise" }) }),
-              /* @__PURE__ */ jsx58("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx58(LexicalNestedComposer3, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ jsxs20(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx58(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx56("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx56("div", { "data-selectable": "true", children: "Item Premise" }) }),
+              /* @__PURE__ */ jsx56("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx56(LexicalNestedComposer3, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ jsxs19(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx56(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx56(
                   RichTextPlugin3,
                   {
-                    contentEditable: /* @__PURE__ */ jsx58(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx56(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary3,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx58(HistoryPlugin3, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx58(TextToolbarAgentPlugin, {}),
-                /* @__PURE__ */ jsx58(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx58(VariableComponentPlugin, {})
+                /* @__PURE__ */ jsx56(HistoryPlugin3, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx56(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx56(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx56(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
-        ) : /* @__PURE__ */ jsx58("div", {}),
-        /* @__PURE__ */ jsxs20(
+        ) : /* @__PURE__ */ jsx56("div", {}),
+        /* @__PURE__ */ jsxs19(
           "div",
           {
-            className: clsx3("matching-question-prompt-question-item", {
+            className: clsx2("matching-question-prompt-question-item", {
               correct,
               incorrect: !correct
             }),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx58("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx58("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }) }),
-              /* @__PURE__ */ jsx58("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx58(LexicalNestedComposer3, { initialEditor: itemOptionContent, children: /* @__PURE__ */ jsxs20(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx58(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx56("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx56("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }) }),
+              /* @__PURE__ */ jsx56("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx56(LexicalNestedComposer3, { initialEditor: itemOptionContent, children: /* @__PURE__ */ jsxs19(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx56(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx56(
                   RichTextPlugin3,
                   {
-                    contentEditable: /* @__PURE__ */ jsx58(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx56(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary3,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx58(HistoryPlugin3, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx58(
+                /* @__PURE__ */ jsx56(HistoryPlugin3, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx56(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: MatchingQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx58(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx58(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx58(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ jsx56(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx56(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx56(VariableToolbarAgentPlugin, {})
               ] }) }) }),
-              /* @__PURE__ */ jsxs20("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsxs19("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ jsx56("div", { children: /* @__PURE__ */ jsx56(
                   Button,
                   {
-                    StartIcon: CircleMinus2,
+                    StartIcon: CircleMinus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
                     onClick: removeItem
                   }
-                ) }) : /* @__PURE__ */ jsx58("div", {}),
-                /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsx58(
+                ) }) : /* @__PURE__ */ jsx56("div", {}),
+                /* @__PURE__ */ jsx56("div", { children: /* @__PURE__ */ jsx56(
                   Button,
                   {
-                    StartIcon: CirclePlus2,
+                    StartIcon: CirclePlus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
@@ -6629,12 +6439,12 @@ function QuestionItemComponent(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-import { jsx as jsx59, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs20 } from "react/jsx-runtime";
 function MatchingQuestionComponent(props) {
   const { nodeKey, items, id } = props;
-  const [editor] = useLexicalComposerContext29();
+  const [editor] = useLexicalComposerContext27();
   const rootElementRef = useRef21(null);
-  useEffect35(() => {
+  useEffect34(() => {
     return editor.registerCommand(
       CLICK_COMMAND4,
       (event, _activeEditor) => {
@@ -6642,7 +6452,7 @@ function MatchingQuestionComponent(props) {
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = $getNodeByKey23(nodeKey);
+            const foundNode = $getNodeByKey22(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
               const selection = $createNodeSelection4();
               selection.add(nodeKey);
@@ -6658,14 +6468,14 @@ function MatchingQuestionComponent(props) {
   const doNeedDistractor = items.reduce((a, i) => {
     return i.correct ? a : ++a;
   }, 0) <= 0;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "matching-question-prompt",
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx57(
           "div",
           {
             className: "matching-question-prompt-title",
@@ -6673,14 +6483,14 @@ function MatchingQuestionComponent(props) {
             children: "Matching"
           }
         ),
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs20(
           "div",
           {
             className: "matching-question-prompt-items",
             "data-selectable": "true",
             children: [
               items.map((questionItem, itemIndex) => {
-                return /* @__PURE__ */ jsx59(
+                return /* @__PURE__ */ jsx57(
                   QuestionItemComponent,
                   {
                     nodeKey,
@@ -6693,7 +6503,7 @@ function MatchingQuestionComponent(props) {
                   questionItem.id
                 );
               }),
-              items.length > 0 && doNeedDistractor && /* @__PURE__ */ jsx59(
+              items.length > 0 && doNeedDistractor && /* @__PURE__ */ jsx57(
                 DistractorButton2,
                 {
                   nodeKey,
@@ -6709,9 +6519,9 @@ function MatchingQuestionComponent(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionNode.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var TYPE_NAME5 = "matching-question";
-function initNewContentEditor2() {
+function initNewContentEditor() {
   return createEditor3();
 }
 var MatchingQuestionNode = class _MatchingQuestionNode extends DecoratorNode6 {
@@ -6725,8 +6535,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends DecoratorNode6 {
         this.__items.push({
           id: item.id,
           correct: item.correct,
-          itemPremiseContent: item.correct ? item.itemPremiseContent || initNewContentEditor2() : void 0,
-          itemOptionContent: item.itemOptionContent || initNewContentEditor2()
+          itemPremiseContent: item.correct ? item.itemPremiseContent || initNewContentEditor() : void 0,
+          itemOptionContent: item.itemOptionContent || initNewContentEditor()
         });
       }
     } else {
@@ -6734,8 +6544,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends DecoratorNode6 {
         this.__items.push({
           id: nanoid3(),
           correct: true,
-          itemPremiseContent: initNewContentEditor2(),
-          itemOptionContent: initNewContentEditor2()
+          itemPremiseContent: initNewContentEditor(),
+          itemOptionContent: initNewContentEditor()
         });
       }
     }
@@ -6848,8 +6658,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends DecoratorNode6 {
     newItems.splice(newItemIndex, 0, {
       id: nanoid3(),
       correct,
-      itemPremiseContent: correct ? initNewContentEditor2() : void 0,
-      itemOptionContent: initNewContentEditor2()
+      itemPremiseContent: correct ? initNewContentEditor() : void 0,
+      itemOptionContent: initNewContentEditor()
     });
     writable.__items = newItems;
   }
@@ -6862,7 +6672,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends DecoratorNode6 {
     }
   }
   decorate() {
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx58(
       MatchingQuestionComponent,
       {
         nodeKey: this.__key,
@@ -6884,76 +6694,76 @@ function $isMatchingQuestionNode(node) {
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNode.tsx
 import {
   $applyNodeReplacement as $applyNodeReplacement7,
-  $createParagraphNode as $createParagraphNode10,
-  $createTextNode as $createTextNode5,
-  $getRoot as $getRoot9,
+  $createParagraphNode as $createParagraphNode8,
+  $createTextNode as $createTextNode4,
+  $getRoot as $getRoot7,
   DecoratorNode as DecoratorNode7,
   createEditor as createEditor4
 } from "lexical";
 import { nanoid as nanoid4 } from "nanoid";
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext31 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext29 } from "@lexical/react/LexicalComposerContext";
 import {
   $createNodeSelection as $createNodeSelection5,
-  $getNodeByKey as $getNodeByKey25,
+  $getNodeByKey as $getNodeByKey24,
   $setSelection as $setSelection5,
   CLICK_COMMAND as CLICK_COMMAND5,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW5
 } from "lexical";
-import { useEffect as useEffect36, useRef as useRef22 } from "react";
+import { useEffect as useEffect35, useRef as useRef22 } from "react";
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionItemComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext30 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext28 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary4 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin4 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer4 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin4 } from "@lexical/react/LexicalRichTextPlugin";
-import clsx4 from "clsx";
-import { $getNodeByKey as $getNodeByKey24 } from "lexical";
-import { CircleMinus as CircleMinus3, CirclePlus as CirclePlus3, Settings } from "lucide-react";
-import { useCallback as useCallback7 } from "react";
-import { jsx as jsx61, jsxs as jsxs22 } from "react/jsx-runtime";
+import clsx3 from "clsx";
+import { $getNodeByKey as $getNodeByKey23 } from "lexical";
+import { CircleMinus as CircleMinus2, CirclePlus as CirclePlus2, Settings } from "lucide-react";
+import { useCallback as useCallback6 } from "react";
+import { jsx as jsx59, jsxs as jsxs21 } from "react/jsx-runtime";
 function MultipleOptionQuestionItemComponent(props) {
   const { nodeKey, id, optionIndex, correct, content } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext30();
-  const toggleChoice = useCallback7(() => {
+  const [editor] = useLexicalComposerContext28();
+  const toggleChoice = useCallback6(() => {
     editor.update(() => {
-      const foundNode = $getNodeByKey24(nodeKey);
+      const foundNode = $getNodeByKey23(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.setCorrectChoice(optionIndex, !correct);
       }
     });
   }, [editor, id, nodeKey, optionIndex, correct]);
-  const addOptionItem = useCallback7(() => {
+  const addOptionItem = useCallback6(() => {
     editor.update(() => {
-      const foundNode = $getNodeByKey24(nodeKey);
+      const foundNode = $getNodeByKey23(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.addOptionItem(optionIndex, !!correct);
       }
     });
   }, [editor, id, nodeKey, optionIndex, correct]);
-  const removeOptionItem = useCallback7(() => {
+  const removeOptionItem = useCallback6(() => {
     editor.update(() => {
-      const foundNode = $getNodeByKey24(nodeKey);
+      const foundNode = $getNodeByKey23(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.removeOptionItem(optionIndex);
       }
     });
   }, [editor, id, nodeKey, optionIndex]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
-      className: clsx4("multiple-option-question-prompt-option-item", {
+      className: clsx3("multiple-option-question-prompt-option-item", {
         correct: !!correct,
         incorrect: !correct
       }),
       "data-selectable": "true",
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "title", "data-selectable": "true", children: [
-          /* @__PURE__ */ jsx61("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }),
-          /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsxs21("div", { className: "title", "data-selectable": "true", children: [
+          /* @__PURE__ */ jsx59("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }),
+          /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsx59(
             Button,
             {
               StartIcon: Settings,
@@ -6964,43 +6774,48 @@ function MultipleOptionQuestionItemComponent(props) {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsx61(LexicalNestedComposer4, { initialEditor: content, children: /* @__PURE__ */ jsxs22(NestedEditor, { nodeKey, children: [
-          /* @__PURE__ */ jsx61(SettingsPanelNestedAgentPlugin, {}),
-          /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsx59(LexicalNestedComposer4, { initialEditor: content, children: /* @__PURE__ */ jsxs21(NestedEditor, { nodeKey, children: [
+          /* @__PURE__ */ jsx59(SettingsPanelNestedAgentPlugin, {}),
+          /* @__PURE__ */ jsx59(
             RichTextPlugin4,
             {
-              contentEditable: /* @__PURE__ */ jsx61(NestedContentEditable, {}),
+              contentEditable: /* @__PURE__ */ jsx59(NestedContentEditable, {}),
               ErrorBoundary: LexicalErrorBoundary4,
               placeholder: null
             },
             nodeKey
           ),
-          /* @__PURE__ */ jsx61(HistoryPlugin4, { externalHistoryState: historyState }),
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx59(HistoryPlugin4, { externalHistoryState: historyState }),
+          /* @__PURE__ */ jsx59(
             TextToolbarAgentPlugin,
             {
               decoratorNode: MultipleOptionQuestionNode
             }
           ),
-          /* @__PURE__ */ jsx61(TypeaheadVariableAgentPlugin, {}),
-          /* @__PURE__ */ jsx61(VariableComponentPlugin, {}),
-          /* @__PURE__ */ jsx61(VariableToolbarAgentPlugin, {})
+          /* @__PURE__ */ jsx59(
+            TypeaheadVariableAgentPlugin,
+            {
+              decoratorNode: MultipleOptionQuestionNode
+            }
+          ),
+          /* @__PURE__ */ jsx59(VariableComponentPlugin, {}),
+          /* @__PURE__ */ jsx59(VariableToolbarAgentPlugin, {})
         ] }) }) }),
-        /* @__PURE__ */ jsxs22("div", { className: "controls", children: [
-          /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsxs21("div", { className: "controls", children: [
+          /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsx59(
             Button,
             {
-              StartIcon: CircleMinus3,
+              StartIcon: CircleMinus2,
               size: "medium",
               variant: "text",
               className: "cancel",
               onClick: removeOptionItem
             }
           ) }),
-          /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsx59(
             Button,
             {
-              StartIcon: CirclePlus3,
+              StartIcon: CirclePlus2,
               size: "medium",
               variant: "text",
               className: "cancel",
@@ -7014,12 +6829,12 @@ function MultipleOptionQuestionItemComponent(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionComponent.tsx
-import { jsx as jsx62, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs22 } from "react/jsx-runtime";
 function MultipleOptionQuestionComponent(props) {
   const { nodeKey, options, questionType } = props;
-  const [editor] = useLexicalComposerContext31();
+  const [editor] = useLexicalComposerContext29();
   const rootElementRef = useRef22(null);
-  useEffect36(() => {
+  useEffect35(() => {
     return editor.registerCommand(
       CLICK_COMMAND5,
       (event, _activeEditor) => {
@@ -7027,7 +6842,7 @@ function MultipleOptionQuestionComponent(props) {
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = $getNodeByKey25(nodeKey);
+            const foundNode = $getNodeByKey24(nodeKey);
             if ($isMultipleOptionQuestionNode(foundNode)) {
               const selection = $createNodeSelection5();
               selection.add(nodeKey);
@@ -7040,13 +6855,13 @@ function MultipleOptionQuestionComponent(props) {
       COMMAND_PRIORITY_LOW5
     );
   }, [editor]);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       ref: rootElementRef,
       className: "multiple-option-question-prompt",
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx60(
           "div",
           {
             className: "multiple-option-question-prompt-title",
@@ -7054,13 +6869,13 @@ function MultipleOptionQuestionComponent(props) {
             children: questionType === "multiple-choice" ? "Multiple Choice" : "Multiple Answers"
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx60(
           "div",
           {
             className: "multiple-option-question-prompt-options",
             "data-selectable": "true",
             children: options.map((optionItem, optionItemIndex) => {
-              return /* @__PURE__ */ jsx62(
+              return /* @__PURE__ */ jsx60(
                 MultipleOptionQuestionItemComponent,
                 {
                   nodeKey,
@@ -7080,9 +6895,9 @@ function MultipleOptionQuestionComponent(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNode.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var TYPE_NAME6 = "multiple-option-question";
-function initNewContentEditor3() {
+function initNewContentEditor2() {
   return createEditor4();
 }
 var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends DecoratorNode7 {
@@ -7112,7 +6927,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends Decor
             id: nanoid4(),
             correct: i > 1,
             // two first are false
-            content: initNewContentEditor3()
+            content: initNewContentEditor2()
           });
         }
       } else {
@@ -7121,7 +6936,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends Decor
             id: nanoid4(),
             correct: i < 1,
             // one first are true
-            content: initNewContentEditor3()
+            content: initNewContentEditor2()
           });
         }
       }
@@ -7271,7 +7086,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends Decor
     newOptions.splice(optionItemIndex + 1, 0, {
       id: nanoid4(),
       correct: correctChoice,
-      content: initNewContentEditor3()
+      content: initNewContentEditor2()
     });
     writable.__options = newOptions;
   }
@@ -7286,11 +7101,11 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends Decor
   appendOptionItem(initialOptionText, correctChoice) {
     const writable = this.getWritable();
     const newOptions = [...writable.__options];
-    const content = initNewContentEditor3();
+    const content = initNewContentEditor2();
     content.update(() => {
-      const root = $getRoot9();
-      const firstChild = $createParagraphNode10();
-      firstChild.append($createTextNode5(initialOptionText));
+      const root = $getRoot7();
+      const firstChild = $createParagraphNode8();
+      firstChild.append($createTextNode4(initialOptionText));
       root.append(firstChild);
     });
     newOptions.push({
@@ -7301,7 +7116,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends Decor
     writable.__options = newOptions;
   }
   decorate() {
-    return /* @__PURE__ */ jsx63(
+    return /* @__PURE__ */ jsx61(
       MultipleOptionQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7355,26 +7170,26 @@ import {
 import { nanoid as nanoid5 } from "nanoid";
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext32 } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as useLexicalComposerContext30 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary5 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin5 } from "@lexical/react/LexicalHistoryPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer5 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin5 } from "@lexical/react/LexicalRichTextPlugin";
 import {
   $createNodeSelection as $createNodeSelection6,
-  $getNodeByKey as $getNodeByKey26,
+  $getNodeByKey as $getNodeByKey25,
   $setSelection as $setSelection6,
   CLICK_COMMAND as CLICK_COMMAND6,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW6
 } from "lexical";
-import { useEffect as useEffect37, useRef as useRef23 } from "react";
-import { jsx as jsx64, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useEffect as useEffect36, useRef as useRef23 } from "react";
+import { jsx as jsx62, jsxs as jsxs23 } from "react/jsx-runtime";
 function ShortAnswerQuestionComponent(props) {
   const { nodeKey, id, notes } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext32();
+  const [editor] = useLexicalComposerContext30();
   const rootElementRef = useRef23(null);
-  useEffect37(() => {
+  useEffect36(() => {
     return editor.registerCommand(
       CLICK_COMMAND6,
       (event, _activeEditor) => {
@@ -7382,7 +7197,7 @@ function ShortAnswerQuestionComponent(props) {
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = $getNodeByKey26(nodeKey);
+            const foundNode = $getNodeByKey25(nodeKey);
             if ($isShortAnswerQuestionNode(foundNode)) {
               const selection = $createNodeSelection6();
               selection.add(nodeKey);
@@ -7395,14 +7210,14 @@ function ShortAnswerQuestionComponent(props) {
       COMMAND_PRIORITY_LOW6
     );
   }, [editor]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "short-answer-question-prompt",
       children: [
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx62(
           "div",
           {
             className: "short-answer-question-prompt-title",
@@ -7410,34 +7225,39 @@ function ShortAnswerQuestionComponent(props) {
             children: "Short Answer"
           }
         ),
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs23(
           "div",
           {
             className: "short-answer-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx64("div", { className: "title", "data-selectable": "true", children: "Answer Key" }),
-              /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsx64(LexicalNestedComposer5, { initialEditor: notes, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx64(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx62("div", { className: "title", "data-selectable": "true", children: "Answer Key" }),
+              /* @__PURE__ */ jsx62("div", { children: /* @__PURE__ */ jsx62(LexicalNestedComposer5, { initialEditor: notes, children: /* @__PURE__ */ jsxs23(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx62(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx62(
                   RichTextPlugin5,
                   {
-                    contentEditable: /* @__PURE__ */ jsx64(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ jsx62(NestedContentEditable, {}),
                     ErrorBoundary: LexicalErrorBoundary5,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ jsx64(HistoryPlugin5, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx64(
+                /* @__PURE__ */ jsx62(HistoryPlugin5, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx62(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: ShortAnswerQuestionNode
                   }
                 ),
-                /* @__PURE__ */ jsx64(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx64(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx64(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ jsx62(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: ShortAnswerQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx62(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx62(VariableToolbarAgentPlugin, {})
               ] }) }) })
             ]
           }
@@ -7448,9 +7268,9 @@ function ShortAnswerQuestionComponent(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionNode.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var TYPE_NAME7 = "short-answer-question";
-function initNewContentEditor4() {
+function initNewContentEditor3() {
   return createEditor5();
 }
 var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends DecoratorNode8 {
@@ -7459,7 +7279,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends DecoratorNo
     this.__id = id || nanoid5();
     this.__points = points <= 0 ? 1 : points;
     this.__maxWords = maxWords;
-    this.__notes = notes || initNewContentEditor4();
+    this.__notes = notes || initNewContentEditor3();
   }
   static getType() {
     return TYPE_NAME7;
@@ -7537,7 +7357,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends DecoratorNo
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx63(
       ShortAnswerQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7556,318 +7376,394 @@ function $isShortAnswerQuestionNode(node) {
   return node instanceof ShortAnswerQuestionNode;
 }
 
-// src/plugins/TextToolbarPlugin/TextToolbarAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext33 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister9 } from "@lexical/utils";
-import {
-  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR5,
-  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND3,
-  createCommand as createCommand8
-} from "lexical";
-import { useEffect as useEffect38 } from "react";
-import { Fragment as Fragment24, jsx as jsx66 } from "react/jsx-runtime";
-var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = createCommand8("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function TextToolbarAgentPlugin(props) {
+// src/plugins/VariablesPlugin/TypeaheadVariableAgentPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext31 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister8 } from "@lexical/utils";
+import { createCommand as createCommand7 } from "lexical";
+import { useEffect as useEffect37 } from "react";
+import { Fragment as Fragment23, jsx as jsx64 } from "react/jsx-runtime";
+var TYPEAHEAD_VARIABLE_COMMAND = createCommand7("TYPEAHEAD_VARIABLE_COMMAND");
+function TypeaheadVariableAgentPlugin(props) {
   const { decoratorNode } = props;
-  const [editor] = useLexicalComposerContext33();
-  useEffect38(() => {
-    return mergeRegister9(
-      editor.registerCommand(
-        SELECTION_CHANGE_COMMAND3,
-        (_payload, activeEditor) => {
-          if (editor === activeEditor) {
-            activeEditor.dispatchCommand(
-              TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
-              { decoratorNode }
-            );
+  const { hasModule, modulesNumber } = useBlockEditor();
+  const [editor] = useLexicalComposerContext31();
+  useEffect37(() => {
+    if (hasModule("Variables")) {
+      return mergeRegister8(
+        editor.registerUpdateListener(({ tags }) => {
+          if (!tags.has("history-merge")) {
+            editor.dispatchCommand(TYPEAHEAD_VARIABLE_COMMAND, {
+              decoratorNode
+            });
           }
-          return false;
-        },
-        COMMAND_PRIORITY_EDITOR5
-      ),
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(
-            TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
-            { decoratorNode }
-          );
-        }
-      })
-    );
-  }, [editor]);
-  return /* @__PURE__ */ jsx66(Fragment24, {});
-}
-
-// src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext34 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister10 } from "@lexical/utils";
-import { createCommand as createCommand9 } from "lexical";
-import { useEffect as useEffect39 } from "react";
-import { Fragment as Fragment25, jsx as jsx67 } from "react/jsx-runtime";
-var TYPEAHEAD_MENU_COMMAND = createCommand9("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function TypeaheadMenuAgentPlugin(props) {
-  const { decoratorNode } = props;
-  const [editor] = useLexicalComposerContext34();
-  useEffect39(() => {
-    return mergeRegister10(
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(TYPEAHEAD_MENU_COMMAND, {
-            decoratorNode
-          });
-        }
-      })
-    );
-  }, [editor, decoratorNode]);
-  return /* @__PURE__ */ jsx67(Fragment25, {});
+        })
+      );
+    }
+  }, [editor, modulesNumber, decoratorNode, hasModule]);
+  return /* @__PURE__ */ jsx64(Fragment23, {});
 }
 
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-import { useLexicalComposerContext as useLexicalComposerContext36 } from "@lexical/react/LexicalComposerContext";
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
+import { useLexicalComposerContext as useLexicalComposerContext32 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary6 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin6 } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as ListPlugin2 } from "@lexical/react/LexicalListPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer6 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin6 } from "@lexical/react/LexicalRichTextPlugin";
-import { TabIndentationPlugin as TabIndentationPlugin2 } from "@lexical/react/LexicalTabIndentationPlugin";
-import {
-  $createNodeSelection as $createNodeSelection8,
-  $getNodeByKey as $getNodeByKey27,
-  $setSelection as $setSelection8,
-  CLICK_COMMAND as CLICK_COMMAND8,
-  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW7,
-  createCommand as createCommand10
-} from "lexical";
-import { useEffect as useEffect41, useRef as useRef25 } from "react";
-
-// src/utils/extractSelectionNode.ts
-import { $getSelection as $getSelection2, $isRangeSelection } from "lexical";
-function $extractSelectionNode() {
-  const selection = $getSelection2();
-  if (!$isRangeSelection(selection) || selection.isCollapsed()) {
-    return null;
-  }
-  const anchor = selection.anchor;
-  if (anchor.type !== "text") {
-    return null;
-  }
-  const anchorNode = anchor.getNode();
-  if (!anchorNode.isSimpleText()) {
-    return null;
-  }
-  const focus = selection.focus;
-  const startOffset = Math.min(anchor.offset, focus.offset);
-  let selectionOffset = Math.max(anchor.offset, focus.offset);
-  if (startOffset < 0) {
-    return null;
-  }
-  const textContent = anchorNode.getTextContent().slice(startOffset, selectionOffset);
-  if (!textContent) {
-    return null;
-  }
-  const textLength = textContent.length;
-  const validTextLength = textContent.trim().length;
-  selectionOffset -= textLength - validTextLength;
-  let newNode;
-  if (startOffset === 0) {
-    [newNode] = anchorNode.splitText(selectionOffset);
-  } else {
-    [, newNode] = anchorNode.splitText(startOffset, selectionOffset);
-  }
-  return newNode;
-}
-
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankSpaceComponentPlugin.tsx
-import { useLexicalComposerContext as useLexicalComposerContext35 } from "@lexical/react/LexicalComposerContext";
-import { mergeRegister as mergeRegister11 } from "@lexical/utils";
+import clsx4 from "clsx";
 import {
-  $createNodeSelection as $createNodeSelection7,
-  $getSelection as $getSelection3,
-  $isRangeSelection as $isRangeSelection2,
-  $setSelection as $setSelection7,
-  CLICK_COMMAND as CLICK_COMMAND7,
-  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR6,
-  COMMAND_PRIORITY_HIGH as COMMAND_PRIORITY_HIGH2,
-  KEY_ARROW_DOWN_COMMAND,
-  KEY_ARROW_LEFT_COMMAND,
-  KEY_ARROW_RIGHT_COMMAND,
-  KEY_ARROW_UP_COMMAND,
-  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND4
+  $createParagraphNode as $createParagraphNode9,
+  $getNodeByKey as $getNodeByKey26,
+  $getRoot as $getRoot8
 } from "lexical";
-import { useEffect as useEffect40, useRef as useRef24 } from "react";
-import { Fragment as Fragment26, jsx as jsx68 } from "react/jsx-runtime";
-function FillInTheBlankSpaceComponentPlugin() {
-  const { nestedEditorId } = useNestedEditor();
-  const [editor] = useLexicalComposerContext35();
-  const lastSelectedNodeRef = useRef24(
-    void 0
-  );
-  const selectedSpaceNodeKeyRef = useRef24(void 0);
-  useEffect40(() => {
-    return mergeRegister11(
-      editor.registerCommand(
-        CREATE_SPACE_FROM_SELECTION_COMMAND,
-        () => {
-          const textNode = $extractSelectionNode();
-          if (textNode) {
-            const spaceName = textNode.getTextContent();
-            const newSpaceNode = $createFillInTheBlankSpaceNode(spaceName);
-            textNode.replace(newSpaceNode);
-            textNode.getParent()?.selectEnd();
-          }
-          return true;
-        },
-        COMMAND_PRIORITY_EDITOR6
-      ),
-      // todo: extract this as a separate plugin
-      //  that tracks clicks on decorators and manages arrow keys
-      editor.registerCommand(
-        CLICK_COMMAND7,
-        (payload) => {
-          if (payload.target) {
-            const spaceNodeKey = payload.target.getAttribute("data-block-editor-space");
-            if (spaceNodeKey) {
-              selectedSpaceNodeKeyRef.current = spaceNodeKey;
-              editor.update(() => {
-                const newSelection = $createNodeSelection7();
-                newSelection.add(spaceNodeKey);
-                $setSelection7(newSelection);
-              });
-              return true;
-            }
-          }
-          selectedSpaceNodeKeyRef.current = void 0;
-          return false;
-        },
-        COMMAND_PRIORITY_HIGH2
-      ),
-      editor.registerCommand(
-        SELECTION_CHANGE_COMMAND4,
-        () => {
-          const selection = $getSelection3();
-          if ($isRangeSelection2(selection)) {
-            lastSelectedNodeRef.current = selection.anchor.getNode();
-          }
-          return false;
-        },
-        COMMAND_PRIORITY_EDITOR6
-      ),
-      ...[
-        KEY_ARROW_UP_COMMAND,
-        KEY_ARROW_RIGHT_COMMAND,
-        KEY_ARROW_DOWN_COMMAND,
-        KEY_ARROW_LEFT_COMMAND
-      ].map(
-        (keyCommand) => editor.registerCommand(
-          keyCommand,
-          () => {
-            if (selectedSpaceNodeKeyRef.current) {
-              selectedSpaceNodeKeyRef.current = void 0;
-              if (lastSelectedNodeRef.current) {
-                lastSelectedNodeRef.current.select();
-              } else {
-                editor.focus();
+import { CircleMinus as CircleMinus3, CirclePlus as CirclePlus3 } from "lucide-react";
+import { useCallback as useCallback7 } from "react";
+import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
+function JournalEntryQuestionItemComponent(props) {
+  const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
+  const { historyState } = useSharedHistoryContext();
+  const [editor] = useLexicalComposerContext32();
+  const addItem = useCallback7(() => {
+    editor.update(
+      () => {
+        const foundNode = $getNodeByKey26(nodeKey);
+        if ($isJournalEntryQuestionNode(foundNode)) {
+          foundNode.addItem(itemIndex, correct);
+        }
+      },
+      {
+        onUpdate: () => {
+          editor.getEditorState().read(() => {
+            const foundNode = $getNodeByKey26(nodeKey);
+            if ($isJournalEntryQuestionNode(foundNode)) {
+              const newEntryItem = foundNode.__lineItems[itemIndex + 1];
+              if (newEntryItem.account) {
+                newEntryItem.account.update(() => {
+                  const root = $getRoot8();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = $createParagraphNode9();
+                    root.append(firstChild);
+                  }
+                  firstChild.selectStart();
+                });
+              }
+              if (newEntryItem.credit) {
+                newEntryItem.credit.update(() => {
+                  const root = $getRoot8();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = $createParagraphNode9();
+                    root.append(firstChild);
+                  }
+                });
+              }
+              if (newEntryItem.debit) {
+                newEntryItem.debit.update(() => {
+                  const root = $getRoot8();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = $createParagraphNode9();
+                    root.append(firstChild);
+                  }
+                });
               }
             }
-            return false;
-          },
-          COMMAND_PRIORITY_EDITOR6
-        )
-      )
+          });
+        }
+      }
     );
-  }, [editor, nestedEditorId]);
-  return /* @__PURE__ */ jsx68(Fragment26, {});
+  }, [editor, nodeKey, itemIndex, correct]);
+  const removeItem = useCallback7(() => {
+    editor.update(() => {
+      const foundNode = $getNodeByKey26(nodeKey);
+      if ($isJournalEntryQuestionNode(foundNode)) {
+        foundNode.removeItem(itemIndex);
+      }
+    });
+  }, [editor, nodeKey, itemIndex]);
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      id,
+      className: "journal-entry-question-prompt-question-item-wrapper",
+      children: [
+        /* @__PURE__ */ jsxs24(
+          "div",
+          {
+            className: clsx4(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ jsx65("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx65("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choice" }) }),
+              /* @__PURE__ */ jsx65("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx65(LexicalNestedComposer6, { initialEditor: account, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx65(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx65(
+                  RichTextPlugin6,
+                  {
+                    contentEditable: /* @__PURE__ */ jsx65(NestedContentEditable, {}),
+                    ErrorBoundary: LexicalErrorBoundary6,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ jsx65(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx65(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(VariableComponentPlugin, {})
+              ] }) }) }),
+              (!debit || !credit) && /* @__PURE__ */ jsxs24("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ jsx65("div", { children: /* @__PURE__ */ jsx65(
+                  Button,
+                  {
+                    StartIcon: CircleMinus3,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: removeItem
+                  }
+                ) }) : /* @__PURE__ */ jsx65("div", {}),
+                /* @__PURE__ */ jsx65("div", { children: /* @__PURE__ */ jsx65(
+                  Button,
+                  {
+                    StartIcon: CirclePlus3,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: addItem
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        debit ? /* @__PURE__ */ jsxs24(
+          "div",
+          {
+            className: clsx4(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ jsx65("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx65("div", { "data-selectable": "true", children: "Debit" }) }),
+              /* @__PURE__ */ jsx65("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx65(LexicalNestedComposer6, { initialEditor: debit, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx65(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx65(
+                  RichTextPlugin6,
+                  {
+                    contentEditable: /* @__PURE__ */ jsx65(NestedContentEditable, {}),
+                    ErrorBoundary: LexicalErrorBoundary6,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ jsx65(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx65(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(VariableComponentPlugin, {})
+              ] }) }) })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx65("div", {}),
+        credit ? /* @__PURE__ */ jsxs24(
+          "div",
+          {
+            className: clsx4(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ jsx65("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx65("div", { "data-selectable": "true", children: "Credit" }) }),
+              /* @__PURE__ */ jsx65("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx65(LexicalNestedComposer6, { initialEditor: credit, children: /* @__PURE__ */ jsxs24(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx65(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx65(
+                  RichTextPlugin6,
+                  {
+                    contentEditable: /* @__PURE__ */ jsx65(NestedContentEditable, {}),
+                    ErrorBoundary: LexicalErrorBoundary6,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ jsx65(HistoryPlugin6, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx65(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx65(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx65(VariableToolbarAgentPlugin, {})
+              ] }) }) }),
+              /* @__PURE__ */ jsxs24("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ jsx65("div", { children: /* @__PURE__ */ jsx65(
+                  Button,
+                  {
+                    StartIcon: CircleMinus3,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: removeItem
+                  }
+                ) }) : /* @__PURE__ */ jsx65("div", {}),
+                /* @__PURE__ */ jsx65("div", { children: /* @__PURE__ */ jsx65(
+                  Button,
+                  {
+                    StartIcon: CirclePlus3,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: addItem
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx65("div", {})
+      ]
+    }
+  );
 }
 
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-import { jsx as jsx69, jsxs as jsxs25 } from "react/jsx-runtime";
-var CREATE_SPACE_FROM_SELECTION_COMMAND = createCommand10("CREATE_SPACE_FROM_SELECTION_COMMAND");
-function FillInTheBlankQuestionComponent(props) {
-  const { nodeKey, id, content } = props;
-  const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext36();
-  const rootElementRef = useRef25(null);
-  useEffect41(() => {
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
+import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+function JournalEntryQuestionComponent(props) {
+  const { nodeKey, journalType, lineItems, id } = props;
+  const [editor] = useLexicalComposerContext33();
+  const rootElementRef = useRef24(null);
+  useEffect38(() => {
     return editor.registerCommand(
-      CLICK_COMMAND8,
+      CLICK_COMMAND7,
       (event, _activeEditor) => {
-        if (!event.target.hasAttribute(
-          "data-block-editor-space"
+        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+          "data-selectable"
         )) {
-          if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-            "data-selectable"
-          )) {
-            editor.update(() => {
-              const foundNode = $getNodeByKey27(nodeKey);
-              if ($isFillInTheBlankQuestionNode(foundNode)) {
-                const selection = $createNodeSelection8();
-                selection.add(nodeKey);
-                $setSelection8(selection);
-              }
-            });
-          }
+          editor.update(() => {
+            const foundNode = $getNodeByKey27(nodeKey);
+            if ($isJournalEntryQuestionNode(foundNode)) {
+              const selection = $createNodeSelection7();
+              selection.add(nodeKey);
+              $setSelection7(selection);
+            }
+          });
         }
         return false;
       },
       COMMAND_PRIORITY_LOW7
     );
   }, [editor]);
+  const doNeedDistractor = lineItems.reduce((a, i) => {
+    return i.correct ? a : ++a;
+  }, 0) <= 0;
   return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: rootElementRef,
       id,
-      className: "fill-in-the-blank-question-prompt",
+      className: "journal-entry-question-prompt",
       children: [
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx66(
           "div",
           {
-            className: "fill-in-the-blank-question-prompt-title",
+            className: "journal-entry-question-prompt-title",
             "data-selectable": "true",
-            children: "Fill In The Blank"
+            children: "Journal Entry"
           }
         ),
         /* @__PURE__ */ jsxs25(
           "div",
           {
-            className: "fill-in-the-blank-question-prompt-content",
+            className: "journal-entry-question-prompt-items",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx69("div", { className: "title", "data-selectable": "true", children: "Statement" }),
-              /* @__PURE__ */ jsx69(LexicalNestedComposer6, { initialEditor: content, children: /* @__PURE__ */ jsxs25(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ jsx69(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ jsx69(FillInTheBlankSpaceComponentPlugin, {}),
-                /* @__PURE__ */ jsx69(FillInTheBlankSpaceSettingsPlugin, {}),
-                /* @__PURE__ */ jsx69(
-                  RichTextPlugin6,
+              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ jsxs25(
+                "div",
+                {
+                  className: "journal-entry-question-prompt-question-item correct",
+                  "data-selectable": "true",
+                  children: [
+                    /* @__PURE__ */ jsx66("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ jsx66("div", { "data-selectable": "true", children: "Correct Choice" }) }),
+                    /* @__PURE__ */ jsx66("div", { "data-selectable": "true", children: "No Entry Required" })
+                  ]
+                }
+              ),
+              journalType === "noEntryRequiredCorrect" && lineItems.map((journalEntryItem, itemIndex) => {
+                if (!journalEntryItem.correct) {
+                  return /* @__PURE__ */ jsx66(
+                    JournalEntryQuestionItemComponent,
+                    {
+                      nodeKey,
+                      id: journalEntryItem.id,
+                      itemIndex,
+                      correct: journalEntryItem.correct,
+                      account: journalEntryItem.account,
+                      debit: journalEntryItem.debit,
+                      credit: journalEntryItem.credit
+                    },
+                    journalEntryItem.id
+                  );
+                }
+              }),
+              (journalType === "default" || journalType === "noEntryRequiredDistractor") && lineItems.map((journalEntryItem, itemIndex) => {
+                return /* @__PURE__ */ jsx66(
+                  JournalEntryQuestionItemComponent,
                   {
-                    contentEditable: /* @__PURE__ */ jsx69(NestedContentEditable, {}),
-                    ErrorBoundary: LexicalErrorBoundary6,
-                    placeholder: null
+                    nodeKey,
+                    id: journalEntryItem.id,
+                    itemIndex,
+                    correct: journalEntryItem.correct,
+                    account: journalEntryItem.account,
+                    debit: journalEntryItem.debit,
+                    credit: journalEntryItem.credit
                   },
-                  nodeKey
-                ),
-                /* @__PURE__ */ jsx69(HistoryPlugin6, { externalHistoryState: historyState }),
-                /* @__PURE__ */ jsx69(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: FillInTheBlankQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx69(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ jsx69(VariableComponentPlugin, {}),
-                /* @__PURE__ */ jsx69(VariableToolbarAgentPlugin, {}),
-                /* @__PURE__ */ jsx69(
-                  TypeaheadMenuAgentPlugin,
-                  {
-                    decoratorNode: FillInTheBlankQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ jsx69(ListPlugin2, {}),
-                /* @__PURE__ */ jsx69(ListLevelLimitPlugin, {}),
-                /* @__PURE__ */ jsx69(Table, {}),
-                /* @__PURE__ */ jsx69(TabIndentationPlugin2, {})
-              ] }) })
+                  journalEntryItem.id
+                );
+              }),
+              doNeedDistractor && /* @__PURE__ */ jsx66(
+                DistractorButton,
+                {
+                  nodeKey,
+                  itemIndex: lineItems.length - 1
+                }
+              )
             ]
           }
         )
@@ -7876,33 +7772,72 @@ function FillInTheBlankQuestionComponent(props) {
   );
 }
 
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
-var TYPE_NAME8 = "fill-in-the-blank-question";
-function initNewContentEditor5() {
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionNode.tsx
+import {
+  $applyNodeReplacement as $applyNodeReplacement9,
+  $createParagraphNode as $createParagraphNode10,
+  $createTextNode as $createTextNode5,
+  $getRoot as $getRoot9,
+  DecoratorNode as DecoratorNode9,
+  createEditor as createEditor6
+} from "lexical";
+import { nanoid as nanoid6 } from "nanoid";
+import { jsx as jsx67 } from "react/jsx-runtime";
+var TYPE_NAME8 = "journal-entry-question";
+var JournalTypeLabelMap = {
+  default: "Default",
+  noEntryRequiredCorrect: "No Entry Required Correct",
+  noEntryRequiredDistractor: "No Entry Required Distractor"
+};
+function initNewContentEditor4() {
   return createEditor6();
 }
-var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends DecoratorNode9 {
-  constructor(pointsPerSpace, id, content, key) {
+var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends DecoratorNode9 {
+  constructor(points, journalType, errorTolerance, lineItems, id, key) {
     super(key);
+    this.__points = points < 0 ? 1 : points;
+    this.__journalType = journalType;
+    this.__errorTolerance = errorTolerance;
     this.__id = id || nanoid6();
-    this.__pointsPerSpace = pointsPerSpace < 0 ? 1 : pointsPerSpace;
-    this.__content = content || initNewContentEditor5();
+    this.__lineItems = [];
+    if (lineItems) {
+      for (const item of lineItems) {
+        this.__lineItems.push({
+          id: item.id,
+          correct: item.correct,
+          account: item.account,
+          credit: item.correct ? item.credit : void 0,
+          debit: item.correct ? item.debit : void 0
+        });
+      }
+    } else {
+      for (let i = 0; i < 2; i++) {
+        this.__lineItems.push({
+          id: nanoid6(),
+          correct: true,
+          account: initNewContentEditor4(),
+          credit: initNewContentEditor4(),
+          debit: initNewContentEditor4()
+        });
+      }
+    }
   }
   static getType() {
     return TYPE_NAME8;
   }
   static clone(node) {
-    return new _FillInTheBlankQuestionNode(
-      node.__pointsPerSpace,
+    return new _JournalEntryQuestionNode(
+      node.__points,
+      node.__journalType,
+      node.__errorTolerance,
+      node.__lineItems,
       node.__id,
-      node.__content,
       node.__key
     );
   }
   __createWrapper() {
     const wrapper = document.createElement("div");
-    wrapper.classList.add("fill-in-the-blank-question-wrapper");
+    wrapper.classList.add("journal-entry-question-wrapper");
     return wrapper;
   }
   createDOM() {
@@ -7919,24 +7854,70 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends Decor
     return null;
   }
   static importJSON(serializedNode) {
-    const nestedEditor = createEditor6();
-    const editorState = nestedEditor.parseEditorState(
-      serializedNode.content.editorState
-    );
-    if (!editorState.isEmpty()) {
-      nestedEditor.setEditorState(editorState);
+    const restoredItems = [];
+    for (const item of serializedNode.lineItems) {
+      const accountNestedEditor = createEditor6();
+      const editorState = accountNestedEditor.parseEditorState(
+        item.account.editorState
+      );
+      if (!editorState.isEmpty()) {
+        accountNestedEditor.setEditorState(editorState);
+      }
+      if (item.correct && item.credit && item.debit) {
+        const creditNestedEditor = createEditor6();
+        let editorState2 = creditNestedEditor.parseEditorState(
+          item.credit.editorState
+        );
+        if (!editorState2.isEmpty()) {
+          creditNestedEditor.setEditorState(editorState2);
+        }
+        const debitNestedEditor = createEditor6();
+        editorState2 = debitNestedEditor.parseEditorState(
+          item.debit.editorState
+        );
+        if (!editorState2.isEmpty()) {
+          debitNestedEditor.setEditorState(editorState2);
+        }
+        restoredItems.push({
+          id: item.id,
+          correct: item.correct,
+          account: accountNestedEditor,
+          credit: creditNestedEditor,
+          debit: debitNestedEditor
+        });
+      } else {
+        restoredItems.push({
+          id: item.id,
+          correct: item.correct,
+          account: accountNestedEditor
+        });
+      }
     }
-    return $createFillInTheBlankQuestionNode(
-      serializedNode.pointsPerSpace,
-      serializedNode.id,
-      nestedEditor
+    return $createJournalEntryQuestionNode(
+      serializedNode.points,
+      serializedNode.journalType,
+      serializedNode.errorTolerance,
+      restoredItems,
+      serializedNode.id
     );
   }
   exportJSON() {
+    const exportedOptions = [];
+    for (const item of this.__lineItems) {
+      exportedOptions.push({
+        id: item.id,
+        correct: item.correct,
+        account: item.account.toJSON(),
+        credit: item.credit?.toJSON(),
+        debit: item.debit?.toJSON()
+      });
+    }
     return {
+      lineItems: exportedOptions,
       id: this.__id,
-      pointsPerSpace: this.__pointsPerSpace,
-      content: this.__content.toJSON(),
+      errorTolerance: this.__errorTolerance,
+      journalType: this.__journalType,
+      points: this.__points,
       type: TYPE_NAME8,
       version: 1
     };
@@ -7953,290 +7934,445 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends Decor
   isKeyboardSelectable() {
     return false;
   }
-  setPointsPerSpace(points) {
+  setPoints(points) {
     const writable = this.getWritable();
-    writable.__pointsPerSpace = points <= 0 ? 1 : points;
+    writable.__points = points < 0 ? 1 : points;
+  }
+  getErrorTolerance() {
+    return this.__errorTolerance;
+  }
+  setErrorTolerance(errorTolerance) {
+    const writable = this.getWritable();
+    writable.__errorTolerance = errorTolerance;
+  }
+  getJournalType() {
+    return this.__journalType;
+  }
+  setJournalType(journalType) {
+    const writable = this.getWritable();
+    if (journalType === "noEntryRequiredDistractor") {
+      const newItems = [...this.__lineItems];
+      const newAccountContent = initNewContentEditor4();
+      newAccountContent.update(() => {
+        const root = $getRoot9();
+        let firstChild = root.getFirstChild();
+        if (!firstChild) {
+          firstChild = $createParagraphNode10();
+          firstChild.append($createTextNode5("No Entry Required"));
+          root.append(firstChild);
+        }
+      });
+      newItems.push({
+        id: nanoid6(),
+        correct: false,
+        account: newAccountContent,
+        credit: void 0,
+        debit: void 0
+      });
+      writable.__lineItems = newItems;
+    }
+    writable.__journalType = journalType;
+  }
+  addItem(itemIndex, correct) {
+    const newItemIndex = itemIndex + 1;
+    const writable = this.getWritable();
+    const newItems = [...writable.__lineItems];
+    newItems.splice(newItemIndex, 0, {
+      id: nanoid6(),
+      correct,
+      account: initNewContentEditor4(),
+      credit: correct ? initNewContentEditor4() : void 0,
+      debit: correct ? initNewContentEditor4() : void 0
+    });
+    writable.__lineItems = newItems;
+  }
+  removeItem(itemIndex) {
+    if (this.__lineItems.length > 1 && this.__lineItems.length > itemIndex) {
+      const writable = this.getWritable();
+      const newItems = [...writable.__lineItems];
+      newItems.splice(itemIndex, 1);
+      writable.__lineItems = newItems;
+    }
   }
   decorate() {
-    return /* @__PURE__ */ jsx70(
-      FillInTheBlankQuestionComponent,
+    return /* @__PURE__ */ jsx67(
+      JournalEntryQuestionComponent,
       {
         nodeKey: this.__key,
-        id: this.__id,
-        content: this.__content
+        journalType: this.__journalType,
+        lineItems: this.__lineItems,
+        id: this.__id
       }
     );
   }
 };
-function $createFillInTheBlankQuestionNode(pointsPerSpace, id, content) {
+function $createJournalEntryQuestionNode(points, journalType, errorTolerance, lineItems, id) {
   return $applyNodeReplacement9(
-    new FillInTheBlankQuestionNode(pointsPerSpace, id, content)
+    new JournalEntryQuestionNode(
+      points,
+      journalType || "default",
+      errorTolerance,
+      lineItems,
+      id
+    )
   );
 }
-function $isFillInTheBlankQuestionNode(node) {
-  return node instanceof FillInTheBlankQuestionNode;
+function $isJournalEntryQuestionNode(node) {
+  return node instanceof JournalEntryQuestionNode;
 }
 
-// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+// src/plugins/TextToolbarPlugin/TextToolbarAgentPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext34 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister9 } from "@lexical/utils";
 import {
-  $applyNodeReplacement as $applyNodeReplacement10,
-  DecoratorNode as DecoratorNode10,
-  createEditor as createEditor7
+  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR5,
+  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND3,
+  createCommand as createCommand8
 } from "lexical";
-import { nanoid as nanoid7 } from "nanoid";
+import { useEffect as useEffect39 } from "react";
+import { Fragment as Fragment24, jsx as jsx68 } from "react/jsx-runtime";
+var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = createCommand8("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function TextToolbarAgentPlugin(props) {
+  const { decoratorNode } = props;
+  const [editor] = useLexicalComposerContext34();
+  useEffect39(() => {
+    return mergeRegister9(
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND3,
+        (_payload, activeEditor) => {
+          if (editor === activeEditor) {
+            activeEditor.dispatchCommand(
+              TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
+              { decoratorNode }
+            );
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_EDITOR5
+      ),
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(
+            TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
+            { decoratorNode }
+          );
+        }
+      })
+    );
+  }, [editor]);
+  return /* @__PURE__ */ jsx68(Fragment24, {});
+}
+
+// src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext35 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister10 } from "@lexical/utils";
+import { createCommand as createCommand9 } from "lexical";
+import { useEffect as useEffect40 } from "react";
+import { Fragment as Fragment25, jsx as jsx69 } from "react/jsx-runtime";
+var TYPEAHEAD_MENU_COMMAND = createCommand9("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function TypeaheadMenuAgentPlugin(props) {
+  const { decoratorNode } = props;
+  const [editor] = useLexicalComposerContext35();
+  useEffect40(() => {
+    return mergeRegister10(
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(TYPEAHEAD_MENU_COMMAND, {
+            decoratorNode
+          });
+        }
+      })
+    );
+  }, [editor, decoratorNode]);
+  return /* @__PURE__ */ jsx69(Fragment25, {});
+}
 
-// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionComponent.tsx
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
 import { useLexicalComposerContext as useLexicalComposerContext37 } from "@lexical/react/LexicalComposerContext";
 import { LexicalErrorBoundary as LexicalErrorBoundary7 } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin as HistoryPlugin7 } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as ListPlugin2 } from "@lexical/react/LexicalListPlugin";
 import { LexicalNestedComposer as LexicalNestedComposer7 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin7 } from "@lexical/react/LexicalRichTextPlugin";
+import { TabIndentationPlugin as TabIndentationPlugin2 } from "@lexical/react/LexicalTabIndentationPlugin";
 import {
   $createNodeSelection as $createNodeSelection9,
   $getNodeByKey as $getNodeByKey28,
   $setSelection as $setSelection9,
   CLICK_COMMAND as CLICK_COMMAND9,
-  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW8
+  COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW8,
+  createCommand as createCommand10
 } from "lexical";
 import { useEffect as useEffect42, useRef as useRef26 } from "react";
-import { jsx as jsx71, jsxs as jsxs26 } from "react/jsx-runtime";
-function FinancialStatementQuestionComponent(props) {
-  const { id, header, columnHeaders, rows, distractors, nodeKey } = props;
-  const { historyState } = useSharedHistoryContext();
-  const [editor] = useLexicalComposerContext37();
-  const rootElementRef = useRef26(null);
-  useEffect42(() => {
-    return editor.registerCommand(
-      CLICK_COMMAND9,
-      (event, _activeEditor) => {
-        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-          "data-selectable"
-        )) {
-          editor.update(() => {
-            const foundNode = $getNodeByKey28(nodeKey);
-            if ($isFinancialStatementQuestionNode(foundNode)) {
-              const selection = $createNodeSelection9();
-              selection.add(nodeKey);
-              $setSelection9(selection);
+
+// src/utils/extractSelectionNode.ts
+import { $getSelection as $getSelection2, $isRangeSelection } from "lexical";
+function $extractSelectionNode() {
+  const selection = $getSelection2();
+  if (!$isRangeSelection(selection) || selection.isCollapsed()) {
+    return null;
+  }
+  const anchor = selection.anchor;
+  if (anchor.type !== "text") {
+    return null;
+  }
+  const anchorNode = anchor.getNode();
+  if (!anchorNode.isSimpleText()) {
+    return null;
+  }
+  const focus = selection.focus;
+  const startOffset = Math.min(anchor.offset, focus.offset);
+  let selectionOffset = Math.max(anchor.offset, focus.offset);
+  if (startOffset < 0) {
+    return null;
+  }
+  const textContent = anchorNode.getTextContent().slice(startOffset, selectionOffset);
+  if (!textContent) {
+    return null;
+  }
+  const textLength = textContent.length;
+  const validTextLength = textContent.trim().length;
+  selectionOffset -= textLength - validTextLength;
+  let newNode;
+  if (startOffset === 0) {
+    [newNode] = anchorNode.splitText(selectionOffset);
+  } else {
+    [, newNode] = anchorNode.splitText(startOffset, selectionOffset);
+  }
+  return newNode;
+}
+
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankSpaceComponentPlugin.tsx
+import { useLexicalComposerContext as useLexicalComposerContext36 } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as mergeRegister11 } from "@lexical/utils";
+import {
+  $createNodeSelection as $createNodeSelection8,
+  $getSelection as $getSelection3,
+  $isRangeSelection as $isRangeSelection2,
+  $setSelection as $setSelection8,
+  CLICK_COMMAND as CLICK_COMMAND8,
+  COMMAND_PRIORITY_EDITOR as COMMAND_PRIORITY_EDITOR6,
+  COMMAND_PRIORITY_HIGH as COMMAND_PRIORITY_HIGH2,
+  KEY_ARROW_DOWN_COMMAND,
+  KEY_ARROW_LEFT_COMMAND,
+  KEY_ARROW_RIGHT_COMMAND,
+  KEY_ARROW_UP_COMMAND,
+  SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND4
+} from "lexical";
+import { useEffect as useEffect41, useRef as useRef25 } from "react";
+import { Fragment as Fragment26, jsx as jsx70 } from "react/jsx-runtime";
+function FillInTheBlankSpaceComponentPlugin() {
+  const { nestedEditorId } = useNestedEditor();
+  const [editor] = useLexicalComposerContext36();
+  const lastSelectedNodeRef = useRef25(
+    void 0
+  );
+  const selectedSpaceNodeKeyRef = useRef25(void 0);
+  useEffect41(() => {
+    return mergeRegister11(
+      editor.registerCommand(
+        CREATE_SPACE_FROM_SELECTION_COMMAND,
+        () => {
+          const textNode = $extractSelectionNode();
+          if (textNode) {
+            const spaceName = textNode.getTextContent();
+            const newSpaceNode = $createFillInTheBlankSpaceNode(spaceName);
+            textNode.replace(newSpaceNode);
+            textNode.getParent()?.selectEnd();
+          }
+          return true;
+        },
+        COMMAND_PRIORITY_EDITOR6
+      ),
+      // todo: extract this as a separate plugin
+      //  that tracks clicks on decorators and manages arrow keys
+      editor.registerCommand(
+        CLICK_COMMAND8,
+        (payload) => {
+          if (payload.target) {
+            const spaceNodeKey = payload.target.getAttribute("data-block-editor-space");
+            if (spaceNodeKey) {
+              selectedSpaceNodeKeyRef.current = spaceNodeKey;
+              editor.update(() => {
+                const newSelection = $createNodeSelection8();
+                newSelection.add(spaceNodeKey);
+                $setSelection8(newSelection);
+              });
+              return true;
             }
-          });
-        }
-        return false;
-      },
-      COMMAND_PRIORITY_LOW8
-    );
-  }, [editor]);
-  return /* @__PURE__ */ jsxs26(
-    "div",
-    {
-      ref: rootElementRef,
-      id,
-      className: "financial-statement-question-prompt",
-      children: [
-        /* @__PURE__ */ jsx71(
-          "div",
-          {
-            className: "financial-statement-question-prompt-title",
-            "data-selectable": "true",
-            children: "Financial Statement"
           }
-        ),
-        /* @__PURE__ */ jsx71("div", { "data-selectable": "true", children: /* @__PURE__ */ jsxs26("table", { "data-selectable": "true", style: { width: "100%" }, children: [
-          /* @__PURE__ */ jsxs26("thead", { "data-selectable": "true", children: [
-            /* @__PURE__ */ jsx71("tr", { "data-selectable": "true", children: /* @__PURE__ */ jsx71(
-              "td",
-              {
-                className: "financial-statement-question-header",
-                colSpan: 2,
-                "data-selectable": "true",
-                children: /* @__PURE__ */ jsx71(LexicalNestedComposer7, { initialEditor: header, children: /* @__PURE__ */ jsxs26(NestedEditor, { nodeKey, children: [
-                  /* @__PURE__ */ jsx71(SettingsPanelNestedAgentPlugin, {}),
-                  /* @__PURE__ */ jsx71(
-                    RichTextPlugin7,
-                    {
-                      contentEditable: /* @__PURE__ */ jsx71(NestedContentEditable, {}),
-                      ErrorBoundary: LexicalErrorBoundary7,
-                      placeholder: null
-                    },
-                    nodeKey
-                  ),
-                  /* @__PURE__ */ jsx71(
-                    HistoryPlugin7,
-                    {
-                      externalHistoryState: historyState
-                    }
-                  ),
-                  /* @__PURE__ */ jsx71(TypeaheadVariableAgentPlugin, {}),
-                  /* @__PURE__ */ jsx71(VariableComponentPlugin, {})
-                ] }) })
-              }
-            ) }),
-            columnHeaders.length >= 2 && /* @__PURE__ */ jsxs26("tr", { "data-selectable": "true", children: [
-              /* @__PURE__ */ jsx71(
-                "th",
-                {
-                  "data-selectable": "true",
-                  style: { textAlign: "left" },
-                  children: columnHeaders[0]
-                }
-              ),
-              /* @__PURE__ */ jsx71(
-                "th",
-                {
-                  "data-selectable": "true",
-                  style: { textAlign: "right" },
-                  children: columnHeaders[1]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs26("tbody", { children: [
-            rows.map(
-              (rowItem, rowItemIndex) => {
-                if (rowItem.type === "Heading") {
-                  return /* @__PURE__ */ jsxs26("tr", { "data-selectable": "true", children: [
-                    /* @__PURE__ */ jsx71("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx71(
-                      "strong",
-                      {
-                        style: {
-                          paddingLeft: `calc(1em * ${rowItem.depth})`
-                        },
-                        children: rowItem.entry
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx71(
-                      "td",
-                      {
-                        className: "financial-statement-question-cell",
-                        "data-selectable": "true",
-                        children: /* @__PURE__ */ jsxs26("div", { className: "financial-statement-question-cell-id", children: [
-                          "A",
-                          rowItemIndex + 1
-                        ] })
-                      }
-                    )
-                  ] }, rowItem.id);
-                } else if (rowItem.type === "Line") {
-                  return /* @__PURE__ */ jsxs26("tr", { "data-selectable": "true", children: [
-                    /* @__PURE__ */ jsx71("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx71(
-                      "span",
-                      {
-                        style: {
-                          paddingLeft: `calc(1em * ${rowItem.depth})`
-                        },
-                        children: rowItem.entry
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs26(
-                      "td",
-                      {
-                        className: "financial-statement-question-cell",
-                        "data-selectable": "true",
-                        children: [
-                          /* @__PURE__ */ jsxs26("div", { className: "financial-statement-question-cell-id", children: [
-                            "A",
-                            rowItemIndex + 1
-                          ] }),
-                          /* @__PURE__ */ jsx71(
-                            LexicalNestedComposer7,
-                            {
-                              initialEditor: rowItem.amount,
-                              children: /* @__PURE__ */ jsxs26(NestedEditor, { nodeKey, children: [
-                                /* @__PURE__ */ jsx71(SettingsPanelNestedAgentPlugin, {}),
-                                /* @__PURE__ */ jsx71(
-                                  RichTextPlugin7,
-                                  {
-                                    contentEditable: /* @__PURE__ */ jsx71(NestedContentEditable, {}),
-                                    ErrorBoundary: LexicalErrorBoundary7,
-                                    placeholder: null
-                                  },
-                                  nodeKey
-                                ),
-                                /* @__PURE__ */ jsx71(
-                                  HistoryPlugin7,
-                                  {
-                                    externalHistoryState: historyState
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx71(TypeaheadVariableAgentPlugin, {}),
-                                /* @__PURE__ */ jsx71(VariableComponentPlugin, {})
-                              ] })
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ] }, rowItem.id);
-                }
+          selectedSpaceNodeKeyRef.current = void 0;
+          return false;
+        },
+        COMMAND_PRIORITY_HIGH2
+      ),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND4,
+        () => {
+          const selection = $getSelection3();
+          if ($isRangeSelection2(selection)) {
+            lastSelectedNodeRef.current = selection.anchor.getNode();
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_EDITOR6
+      ),
+      ...[
+        KEY_ARROW_UP_COMMAND,
+        KEY_ARROW_RIGHT_COMMAND,
+        KEY_ARROW_DOWN_COMMAND,
+        KEY_ARROW_LEFT_COMMAND
+      ].map(
+        (keyCommand) => editor.registerCommand(
+          keyCommand,
+          () => {
+            if (selectedSpaceNodeKeyRef.current) {
+              selectedSpaceNodeKeyRef.current = void 0;
+              if (lastSelectedNodeRef.current) {
+                lastSelectedNodeRef.current.select();
+              } else {
+                editor.focus();
               }
-            ),
-            distractors.map(
-              (distractorItem) => {
-                return /* @__PURE__ */ jsxs26("tr", { "data-selectable": "true", children: [
-                  /* @__PURE__ */ jsx71("td", { "data-selectable": "true", children: /* @__PURE__ */ jsx71(
-                    "span",
-                    {
-                      style: { color: "var(--sl-color-red-500)" },
-                      children: distractorItem.entry
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx71("td", { "data-selectable": "true" })
-                ] }, distractorItem.id);
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_EDITOR6
+        )
+      )
+    );
+  }, [editor, nestedEditorId]);
+  return /* @__PURE__ */ jsx70(Fragment26, {});
+}
+
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
+import { jsx as jsx71, jsxs as jsxs26 } from "react/jsx-runtime";
+var CREATE_SPACE_FROM_SELECTION_COMMAND = createCommand10("CREATE_SPACE_FROM_SELECTION_COMMAND");
+function FillInTheBlankQuestionComponent(props) {
+  const { nodeKey, id, content } = props;
+  const { historyState } = useSharedHistoryContext();
+  const [editor] = useLexicalComposerContext37();
+  const rootElementRef = useRef26(null);
+  useEffect42(() => {
+    return editor.registerCommand(
+      CLICK_COMMAND9,
+      (event, _activeEditor) => {
+        if (!event.target.hasAttribute(
+          "data-block-editor-space"
+        )) {
+          if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+            "data-selectable"
+          )) {
+            editor.update(() => {
+              const foundNode = $getNodeByKey28(nodeKey);
+              if ($isFillInTheBlankQuestionNode(foundNode)) {
+                const selection = $createNodeSelection9();
+                selection.add(nodeKey);
+                $setSelection9(selection);
               }
-            )
-          ] })
-        ] }) })
+            });
+          }
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_LOW8
+    );
+  }, [editor]);
+  return /* @__PURE__ */ jsxs26(
+    "div",
+    {
+      ref: rootElementRef,
+      id,
+      className: "fill-in-the-blank-question-prompt",
+      children: [
+        /* @__PURE__ */ jsx71(
+          "div",
+          {
+            className: "fill-in-the-blank-question-prompt-title",
+            "data-selectable": "true",
+            children: "Fill In The Blank"
+          }
+        ),
+        /* @__PURE__ */ jsxs26(
+          "div",
+          {
+            className: "fill-in-the-blank-question-prompt-content",
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ jsx71("div", { className: "title", "data-selectable": "true", children: "Statement" }),
+              /* @__PURE__ */ jsx71(LexicalNestedComposer7, { initialEditor: content, children: /* @__PURE__ */ jsxs26(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ jsx71(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ jsx71(FillInTheBlankSpaceComponentPlugin, {}),
+                /* @__PURE__ */ jsx71(FillInTheBlankSpaceSettingsPlugin, {}),
+                /* @__PURE__ */ jsx71(
+                  RichTextPlugin7,
+                  {
+                    contentEditable: /* @__PURE__ */ jsx71(NestedContentEditable, {}),
+                    ErrorBoundary: LexicalErrorBoundary7,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ jsx71(HistoryPlugin7, { externalHistoryState: historyState }),
+                /* @__PURE__ */ jsx71(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx71(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx71(VariableComponentPlugin, {}),
+                /* @__PURE__ */ jsx71(VariableToolbarAgentPlugin, {}),
+                /* @__PURE__ */ jsx71(
+                  TypeaheadMenuAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ jsx71(ListPlugin2, {}),
+                /* @__PURE__ */ jsx71(ListLevelLimitPlugin, {}),
+                /* @__PURE__ */ jsx71(Table, {}),
+                /* @__PURE__ */ jsx71(TabIndentationPlugin2, {})
+              ] }) })
+            ]
+          }
+        )
       ]
     }
   );
 }
 
-// src/plugins/FinancialStatementQuestionPlugin/isSerializableFinancialStatementHeading.ts
-var isSerializableFinancialStatementHeading = (row) => {
-  return row.type === "Heading";
-};
-
-// src/plugins/FinancialStatementQuestionPlugin/isSerializableFinancialStatementLine.ts
-var isSerializableFinancialStatementLine = (row) => {
-  return row.type === "Line";
-};
-
-// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
 import { jsx as jsx72 } from "react/jsx-runtime";
-var TYPE_NAME9 = "financial-statement-question";
-var isFinancialStatementHeading = (row) => {
-  return row.type === "Heading";
-};
-var isFinancialStatementLine = (row) => {
-  return row.type === "Line";
-};
-var FinancialStatementQuestionNode = class _FinancialStatementQuestionNode extends DecoratorNode10 {
-  constructor(points, header, columnHeaders, rows, distractors, id, key) {
+var TYPE_NAME9 = "fill-in-the-blank-question";
+function initNewContentEditor5() {
+  return createEditor7();
+}
+var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends DecoratorNode10 {
+  constructor(pointsPerSpace, id, content, key) {
     super(key);
     this.__id = id || nanoid7();
-    this.__points = points < 0 ? 1 : points;
-    this.__header = header;
-    this.__columnHeaders = columnHeaders;
-    this.__rows = rows;
-    this.__distractors = distractors;
+    this.__pointsPerSpace = pointsPerSpace < 0 ? 1 : pointsPerSpace;
+    this.__content = content || initNewContentEditor5();
   }
   static getType() {
     return TYPE_NAME9;
   }
   static clone(node) {
-    return new _FinancialStatementQuestionNode(
-      node.__points,
-      node.__header,
-      node.__columnHeaders,
-      node.__rows,
-      node.__distractors,
+    return new _FillInTheBlankQuestionNode(
+      node.__pointsPerSpace,
       node.__id,
+      node.__content,
       node.__key
     );
   }
   __createWrapper() {
     const wrapper = document.createElement("div");
-    wrapper.classList.add("financial-statement-question-wrapper");
+    wrapper.classList.add("fill-in-the-blank-question-wrapper");
     return wrapper;
   }
   createDOM() {
@@ -8253,86 +8389,24 @@ var FinancialStatementQuestionNode = class _FinancialStatementQuestionNode exten
     return null;
   }
   static importJSON(serializedNode) {
-    const headerNestedEditor = createEditor7();
-    const editorState = headerNestedEditor.parseEditorState(
-      serializedNode.header.editorState
+    const nestedEditor = createEditor7();
+    const editorState = nestedEditor.parseEditorState(
+      serializedNode.content.editorState
     );
     if (!editorState.isEmpty()) {
-      headerNestedEditor.setEditorState(editorState);
-    }
-    const restoredRows = [];
-    for (const row of serializedNode.rows) {
-      if (isSerializableFinancialStatementHeading(row)) {
-        restoredRows.push({
-          type: row.type,
-          id: row.id,
-          depth: row.depth,
-          entry: row.entry,
-          isHint: row.isHint
-        });
-        continue;
-      }
-      if (isSerializableFinancialStatementLine(row)) {
-        const amountNestedEditor = createEditor7();
-        const editorState2 = amountNestedEditor.parseEditorState(
-          row.amount.editorState
-        );
-        if (!editorState2.isEmpty()) {
-          amountNestedEditor.setEditorState(editorState2);
-        }
-        restoredRows.push({
-          type: row.type,
-          id: row.id,
-          depth: row.depth,
-          entry: row.entry,
-          amount: amountNestedEditor,
-          isEntryHint: row.isEntryHint,
-          isAmountHint: row.isAmountHint,
-          role: row.role
-        });
-        continue;
-      }
+      nestedEditor.setEditorState(editorState);
     }
-    return $createFinancialStatementQuestionNode(
-      serializedNode.points,
-      headerNestedEditor,
-      serializedNode.columnHeaders,
-      restoredRows,
-      serializedNode.distractors,
-      serializedNode.id
+    return $createFillInTheBlankQuestionNode(
+      serializedNode.pointsPerSpace,
+      serializedNode.id,
+      nestedEditor
     );
   }
   exportJSON() {
     return {
       id: this.__id,
-      points: this.__points,
-      header: this.__header.toJSON(),
-      columnHeaders: this.__columnHeaders,
-      rows: this.__rows.map((row) => {
-        if (isFinancialStatementHeading(row)) {
-          return {
-            type: row.type,
-            id: row.id,
-            depth: row.depth,
-            entry: row.entry,
-            isHint: row.isHint
-          };
-        }
-        if (isFinancialStatementLine(row)) {
-          return {
-            type: row.type,
-            id: row.id,
-            depth: row.depth,
-            entry: row.entry,
-            amount: row.amount.toJSON(),
-            isEntryHint: row.isEntryHint,
-            isAmountHint: row.isAmountHint,
-            role: row.role
-          };
-        }
-        throw new Error("Invalid row type");
-      }).filter(Boolean),
-      distractors: this.__distractors,
+      pointsPerSpace: this.__pointsPerSpace,
+      content: this.__content.toJSON(),
       type: TYPE_NAME9,
       version: 1
     };
@@ -8349,38 +8423,28 @@ var FinancialStatementQuestionNode = class _FinancialStatementQuestionNode exten
   isKeyboardSelectable() {
     return false;
   }
-  setPoints(points) {
+  setPointsPerSpace(points) {
     const writable = this.getWritable();
-    writable.__points = points <= 0 ? 1 : points;
+    writable.__pointsPerSpace = points <= 0 ? 1 : points;
   }
   decorate() {
     return /* @__PURE__ */ jsx72(
-      FinancialStatementQuestionComponent,
+      FillInTheBlankQuestionComponent,
       {
         nodeKey: this.__key,
         id: this.__id,
-        header: this.__header,
-        columnHeaders: this.__columnHeaders,
-        rows: this.__rows,
-        distractors: this.__distractors
+        content: this.__content
       }
     );
   }
 };
-function $createFinancialStatementQuestionNode(points, header, columnHeaders, rows, distractors, id) {
+function $createFillInTheBlankQuestionNode(pointsPerSpace, id, content) {
   return $applyNodeReplacement10(
-    new FinancialStatementQuestionNode(
-      points,
-      header,
-      columnHeaders,
-      rows,
-      distractors,
-      id
-    )
+    new FillInTheBlankQuestionNode(pointsPerSpace, id, content)
   );
 }
-function $isFinancialStatementQuestionNode(node) {
-  return node instanceof FinancialStatementQuestionNode;
+function $isFillInTheBlankQuestionNode(node) {
+  return node instanceof FillInTheBlankQuestionNode;
 }
 
 // src/plugins/SettingsPanel/SmartTableSettings.tsx
@@ -10682,16 +10746,21 @@ function MatchingQuestionPlugin() {
 }
 
 // src/utils/traverseListNode.ts
-import { $isListNode } from "@lexical/list";
+import {
+  $isListItemNode,
+  $isListNode
+} from "@lexical/list";
 function traverseListNode(rootNode, cb) {
   if ($isListNode(rootNode)) {
     cb(rootNode);
     const children = rootNode.getChildren();
     for (const childNode of children) {
-      if ($isListNode(childNode)) {
+      if ($isListItemNode(childNode)) {
         const nestedChildren = childNode.getChildren();
-        for (const nestedChild of nestedChildren) {
-          traverseListNode(nestedChild, cb);
+        if (nestedChildren && nestedChildren.length > 0) {
+          for (const nestedItem of nestedChildren) {
+            traverseListNode(nestedItem, cb);
+          }
         }
       }
     }
@@ -12969,7 +13038,7 @@ import {
 } from "lexical";
 
 // src/plugins/MarkdownPlugin/markdown/utils.ts
-import { $isListItemNode, $isListNode as $isListNode5 } from "@lexical/list";
+import { $isListItemNode as $isListItemNode2, $isListNode as $isListNode5 } from "@lexical/list";
 import { $isHeadingNode as $isHeadingNode2, $isQuoteNode } from "@lexical/rich-text";
 import {
   $isParagraphNode as $isParagraphNode3,
@@ -13169,7 +13238,7 @@ function processNestedLists(listNode, exportChildren, depth) {
   const children = listNode.getChildren();
   let index = 0;
   for (const listItemNode of children) {
-    if ($isListItemNode(listItemNode)) {
+    if ($isListItemNode2(listItemNode)) {
       if (listItemNode.getChildrenSize() === 1) {
         const firstChild = listItemNode.getFirstChild();
         if ($isListNode5(firstChild)) {
@@ -13214,7 +13283,7 @@ var PUNCTUATION_OR_SPACE = /[!-/:-@[-`{-~\s]/;
 
 // src/plugins/MarkdownPlugin/markdown/MarkdownImport.ts
 import {
-  $isListItemNode as $isListItemNode2,
+  $isListItemNode as $isListItemNode3,
   $isListNode as $isListNode6
 } from "@lexical/list";
 import { $isQuoteNode as $isQuoteNode2 } from "@lexical/rich-text";
@@ -13528,7 +13597,7 @@ import {
 import {
   $createListItemNode,
   $createListNode,
-  $isListItemNode as $isListItemNode3,
+  $isListItemNode as $isListItemNode4,
   $isListNode as $isListNode7,
   ListItemNode as ListItemNode5,
   ListNode as ListNode4
@@ -13611,7 +13680,7 @@ var listExport2 = (listNode, exportChildren, depth) => {
   const children = listNode.getChildren();
   let index = 0;
   for (const listItemNode of children) {
-    if ($isListItemNode3(listItemNode)) {
+    if ($isListItemNode4(listItemNode)) {
       if (listItemNode.getChildrenSize() === 1) {
         const firstChild = listItemNode.getFirstChild();
         if ($isListNode7(firstChild)) {
@@ -13894,7 +13963,7 @@ function NodeMouseAnchorPlugin() {
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
 import {
-  $isListItemNode as $isListItemNode4,
+  $isListItemNode as $isListItemNode5,
   $isListNode as $isListNode8,
   ListNode as ListNode5
 } from "@lexical/list";
@@ -14043,7 +14112,7 @@ function NodeMousePlugin() {
         let isValidNode = true;
         if ($isListNode8(refNode)) {
           const listParentNode = refNode.getParent();
-          if ($isListNode8(listParentNode) || $isListItemNode4(listParentNode)) {
+          if ($isListNode8(listParentNode) || $isListItemNode5(listParentNode)) {
             isValidNode = false;
           }
         } else if ($isParagraphNode5(refNode)) {
@@ -15427,7 +15496,7 @@ function replaceWithVariable(variableName, variableFormat, editor, textToReplace
 }
 
 // src/plugins/VariablesPlugin/renderVariableMenu.tsx
-function renderVariableMenu(list, popupRef, highlighterRef, activeEditorRef, textToReplaceTargetRef, onUpdateCb) {
+function renderVariableMenu(list, popupRef, highlighterRef, activeEditorRef, textToReplaceTargetRef, doInferVariableType, onUpdateCb) {
   return [...list].map((variableName) => {
     return {
       id: variableName,
@@ -15435,7 +15504,7 @@ function renderVariableMenu(list, popupRef, highlighterRef, activeEditorRef, tex
       onClick: () => {
         replaceWithVariable(
           variableName,
-          FORMAT_WHOLE_NUMBER,
+          doInferVariableType ? inferFormat(variableName) : void 0,
           activeEditorRef.current,
           textToReplaceTargetRef.current,
           onUpdateCb
@@ -15673,6 +15742,7 @@ function TypeaheadVariablePlugin() {
   const highlighterRef = useRef52(null);
   const activeEditorRef = useRef52();
   const textToReplaceTargetRef = useRef52();
+  const activeDecoratorRef = useRef52(void 0);
   const handleUpdate = () => {
     activeEditorRef.current?.getEditorState().read(() => {
       const selection = $getSelection13();
@@ -15772,7 +15842,7 @@ function TypeaheadVariablePlugin() {
           if (foundVariable) {
             replaceWithVariable(
               foundVariable,
-              FORMAT_WHOLE_NUMBER,
+              activeDecoratorRef.current === JournalEntryQuestionNode ? void 0 : inferFormat(foundVariable),
               activeEditorRef.current,
               textToReplaceTargetRef.current
             );
@@ -15784,7 +15854,7 @@ function TypeaheadVariablePlugin() {
         }
         replaceWithVariable(
           newVariable,
-          FORMAT_WHOLE_NUMBER,
+          activeDecoratorRef.current === JournalEntryQuestionNode ? void 0 : inferFormat(newVariable),
           activeEditorRef.current,
           textToReplaceTargetRef.current,
           (newNode) => {
@@ -15818,7 +15888,8 @@ function TypeaheadVariablePlugin() {
     return mergeRegister25(
       editor.registerCommand(
         TYPEAHEAD_VARIABLE_COMMAND,
-        (_payload, activeEditor) => {
+        (payload, activeEditor) => {
+          activeDecoratorRef.current = payload.decoratorNode;
           activeEditorRef.current = activeEditor;
           handleUpdate();
           return true;
@@ -15857,7 +15928,10 @@ function TypeaheadVariablePlugin() {
                 const foundVariable = variableList.find(
                   (v) => v === variableName
                 );
-                const newVariableNode = $createVariableNode(variableName);
+                const newVariableNode = $createVariableNode(
+                  variableName,
+                  activeDecoratorRef.current === JournalEntryQuestionNode ? void 0 : inferFormat(variableName)
+                );
                 textNode.replace(newVariableNode);
                 if (!foundVariable) {
                   onCreated(variableName);
@@ -15889,9 +15963,10 @@ function TypeaheadVariablePlugin() {
       popupRef,
       highlighterRef,
       activeEditorRef,
-      textToReplaceTargetRef
+      textToReplaceTargetRef,
+      activeDecoratorRef.current !== JournalEntryQuestionNode
     );
-  }, [editor, variableList]);
+  }, [variableList, activeDecoratorRef.current]);
   return /* @__PURE__ */ jsxs42(Fragment46, { children: [
     /* @__PURE__ */ jsx114(
       PopupMenu,