@examind/block-editor 0.1.7 → 0.1.8

package/dist/index.js

@@ -797,8 +797,8 @@ var useSharedHistoryContext = () => {
 };
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
-var import_lexical45 = require("lexical");
-var import_nanoid6 = require("nanoid");
+var import_lexical47 = require("lexical");
+var import_nanoid7 = require("nanoid");
 
 // src/plugins/SmartTablePlugin/AddNewColumnAction.tsx
 var import_LexicalComposerContext5 = require("@lexical/react/LexicalComposerContext");
@@ -5157,9 +5157,9 @@ function $isImageNode(node) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-var import_LexicalComposerContext26 = require("@lexical/react/LexicalComposerContext");
-var import_lexical29 = require("lexical");
-var import_react43 = require("react");
+var import_LexicalComposerContext33 = require("@lexical/react/LexicalComposerContext");
+var import_lexical40 = require("lexical");
+var import_react50 = require("react");
 
 // src/plugins/JournalEntryQuestionPlugin/DistractorButton.tsx
 var import_LexicalComposerContext20 = require("@lexical/react/LexicalComposerContext");
@@ -5215,75 +5215,25 @@ function DistractorButton(props) {
   ] });
 }
 
-// src/plugins/VariablesPlugin/TypeaheadVariableAgentPlugin.tsx
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+var import_lexical27 = require("lexical");
+var import_nanoid2 = require("nanoid");
+
+// src/plugins/VariablesPlugin/VariableComponent.tsx
 var import_LexicalComposerContext21 = require("@lexical/react/LexicalComposerContext");
-var import_utils6 = require("@lexical/utils");
 var import_lexical23 = require("lexical");
 var import_react38 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var TYPEAHEAD_VARIABLE_COMMAND = (0, import_lexical23.createCommand)("TYPEAHEAD_VARIABLE_COMMAND");
-function TypeaheadVariableAgentPlugin() {
-  const { hasModule, modulesNumber } = useBlockEditor();
-  const [editor] = (0, import_LexicalComposerContext21.useLexicalComposerContext)();
-  (0, import_react38.useEffect)(() => {
-    if (hasModule("Variables")) {
-      return (0, import_utils6.mergeRegister)(
-        editor.registerUpdateListener(({ tags }) => {
-          if (!tags.has("history-merge")) {
-            editor.dispatchCommand(
-              TYPEAHEAD_VARIABLE_COMMAND,
-              void 0
-            );
-          }
-        })
-      );
-    }
-  }, [editor, modulesNumber]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {});
-}
-
-// 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/VariablesPlugin/VariableComponent.tsx
-var import_LexicalComposerContext22 = require("@lexical/react/LexicalComposerContext");
-var import_lexical24 = require("lexical");
-var import_react39 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
 function VariableComponent(props) {
   const { nodeKey } = props;
-  const [editor] = (0, import_LexicalComposerContext22.useLexicalComposerContext)();
+  const [editor] = (0, import_LexicalComposerContext21.useLexicalComposerContext)();
   const handleToggleModeEvent = (event) => {
     const {
       detail: { mode, variableValues }
     } = event;
     if (mode === "preview") {
       editor.update(() => {
-        const foundNode = (0, import_lexical24.$getNodeByKey)(nodeKey);
+        const foundNode = (0, import_lexical23.$getNodeByKey)(nodeKey);
         if ($isVariableNode(foundNode)) {
           foundNode.setPreviewMode(true);
           if (variableValues) {
@@ -5296,14 +5246,14 @@ function VariableComponent(props) {
       });
     } else {
       editor.update(() => {
-        const foundNode = (0, import_lexical24.$getNodeByKey)(nodeKey);
+        const foundNode = (0, import_lexical23.$getNodeByKey)(nodeKey);
         if ($isVariableNode(foundNode)) {
           foundNode.setPreviewMode(false);
         }
       });
     }
   };
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     window.addEventListener(
       TOGGLE_EDITING_MODE,
       handleToggleModeEvent
@@ -5315,12 +5265,12 @@ function VariableComponent(props) {
       );
     };
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {});
 }
 
 // src/plugins/VariablesPlugin/VariableNode.tsx
-var import_lexical25 = require("lexical");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_lexical24 = require("lexical");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var FORMAT_WHOLE_NUMBER = "0";
 var FORMAT_WHOLE_NUMBER_COMMAS = "0,0";
 var FORMAT_ONE_DECIMAL_COMMAS = "0,0.0";
@@ -5354,7 +5304,7 @@ function $convertVariableElement(domNode) {
   return null;
 }
 var TYPE_NAME3 = "variable";
-var VariableNode = class _VariableNode extends import_lexical25.DecoratorNode {
+var VariableNode = class _VariableNode extends import_lexical24.DecoratorNode {
   static getType() {
     return TYPE_NAME3;
   }
@@ -5524,7 +5474,7 @@ var VariableNode = class _VariableNode extends import_lexical25.DecoratorNode {
     writable.__isUnderline = value;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(VariableComponent, { nodeKey: this.__key });
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(VariableComponent, { nodeKey: this.__key });
   }
 };
 function $createVariableNode(variableName, variableFormat, isBold, isItalic, isUnderline) {
@@ -5536,32 +5486,68 @@ function $createVariableNode(variableName, variableFormat, isBold, isItalic, isU
     isItalic,
     isUnderline
   );
-  return (0, import_lexical25.$applyNodeReplacement)(variableNode);
+  return (0, import_lexical24.$applyNodeReplacement)(variableNode);
 }
 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
-var import_LexicalComposerContext23 = require("@lexical/react/LexicalComposerContext");
-var import_utils8 = require("@lexical/utils");
-var import_lexical26 = require("lexical");
-var import_react40 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_LexicalComposerContext22 = require("@lexical/react/LexicalComposerContext");
+var import_utils7 = require("@lexical/utils");
+var import_lexical25 = require("lexical");
+var import_react39 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function VariableComponentPlugin() {
   const { hasModule, modulesNumber, getEditor } = useBlockEditor();
-  const [editor] = (0, import_LexicalComposerContext23.useLexicalComposerContext)();
-  (0, import_react40.useEffect)(() => {
+  const [editor] = (0, import_LexicalComposerContext22.useLexicalComposerContext)();
+  (0, import_react39.useEffect)(() => {
     if (hasModule("Variables")) {
-      return (0, import_utils8.mergeRegister)(
+      return (0, import_utils7.mergeRegister)(
         editor.registerCommand(
-          import_lexical26.SELECTION_CHANGE_COMMAND,
+          import_lexical25.SELECTION_CHANGE_COMMAND,
           () => {
             const rootEditor = getEditor();
             let variableName = void 0;
-            const selection = (0, import_lexical26.$getSelection)();
+            const selection = (0, import_lexical25.$getSelection)();
             if (selection) {
-              if ((0, import_lexical26.$isNodeSelection)(selection)) {
+              if ((0, import_lexical25.$isNodeSelection)(selection)) {
                 const nodes = selection.extract();
                 const focusedNode = nodes[0];
                 if ($isVariableNode(focusedNode)) {
@@ -5583,479 +5569,289 @@ function VariableComponentPlugin() {
             }
             return false;
           },
-          import_lexical26.COMMAND_PRIORITY_NORMAL
+          import_lexical25.COMMAND_PRIORITY_NORMAL
         ),
         editor.registerCommand(
-          import_lexical26.CLICK_COMMAND,
+          import_lexical25.CLICK_COMMAND,
           (payload) => {
             const { target } = payload;
             if (target && target instanceof HTMLElement && target.hasAttribute("data-block-editor-variable")) {
               const variableNodeKey = payload.target.getAttribute("data-block-editor-node-key");
               if (variableNodeKey) {
                 editor.update(() => {
-                  const newSelection = (0, import_lexical26.$createNodeSelection)();
+                  const newSelection = (0, import_lexical25.$createNodeSelection)();
                   newSelection.add(variableNodeKey);
-                  (0, import_lexical26.$setSelection)(newSelection);
+                  (0, import_lexical25.$setSelection)(newSelection);
                 });
                 return true;
               }
             }
             return false;
           },
-          import_lexical26.COMMAND_PRIORITY_HIGH
+          import_lexical25.COMMAND_PRIORITY_HIGH
         )
       );
     }
   }, [editor, modulesNumber]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
-}
-
-// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
-var import_LexicalComposerContext24 = require("@lexical/react/LexicalComposerContext");
-var import_utils9 = require("@lexical/utils");
-var import_lexical27 = require("lexical");
-var import_react41 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical27.createCommand)("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function VariableToolbarAgentPlugin() {
-  const [editor] = (0, import_LexicalComposerContext24.useLexicalComposerContext)();
-  (0, import_react41.useEffect)(() => {
-    return (0, import_utils9.mergeRegister)(
-      editor.registerCommand(
-        import_lexical27.SELECTION_CHANGE_COMMAND,
-        (_payload, activeEditor) => {
-          if (editor === activeEditor) {
-            activeEditor.dispatchCommand(
-              VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
-              void 0
-            );
-          }
-          return false;
-        },
-        import_lexical27.COMMAND_PRIORITY_EDITOR
-      ),
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(
-            VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
-            void 0
-          );
-        }
-      })
-    );
-  }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
 }
 
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
-var import_LexicalComposerContext25 = require("@lexical/react/LexicalComposerContext");
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionComponent.tsx
+var import_LexicalComposerContext23 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalErrorBoundary2 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin3 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalNestedComposer2 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin2 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx2 = __toESM(require("clsx"));
-var import_lexical28 = require("lexical");
-var import_lucide_react5 = require("lucide-react");
-var import_react42 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function JournalEntryQuestionItemComponent(props) {
-  const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
+var import_lexical26 = require("lexical");
+var import_react40 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function FinancialStatementQuestionComponent(props) {
+  const { id, header, columnHeaders, rows, distractors, nodeKey } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext25.useLexicalComposerContext)();
-  const addItem = (0, import_react42.useCallback)(() => {
-    editor.update(
-      () => {
-        const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
-        if ($isJournalEntryQuestionNode(foundNode)) {
-          foundNode.addItem(itemIndex, correct);
-        }
-      },
-      {
-        onUpdate: () => {
-          editor.getEditorState().read(() => {
-            const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
-            if ($isJournalEntryQuestionNode(foundNode)) {
-              const newEntryItem = foundNode.__lineItems[itemIndex + 1];
-              if (newEntryItem.account) {
-                newEntryItem.account.update(() => {
-                  const root = (0, import_lexical28.$getRoot)();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = (0, import_lexical28.$createParagraphNode)();
-                    root.append(firstChild);
-                  }
-                  firstChild.selectStart();
-                });
-              }
-              if (newEntryItem.credit) {
-                newEntryItem.credit.update(() => {
-                  const root = (0, import_lexical28.$getRoot)();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = (0, import_lexical28.$createParagraphNode)();
-                    root.append(firstChild);
-                  }
-                });
-              }
-              if (newEntryItem.debit) {
-                newEntryItem.debit.update(() => {
-                  const root = (0, import_lexical28.$getRoot)();
-                  let firstChild = root.getFirstChild();
-                  if (!firstChild) {
-                    firstChild = (0, import_lexical28.$createParagraphNode)();
-                    root.append(firstChild);
-                  }
-                });
-              }
+  const [editor] = (0, import_LexicalComposerContext23.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react40.useRef)(null);
+  (0, import_react40.useEffect)(() => {
+    return editor.registerCommand(
+      import_lexical26.CLICK_COMMAND,
+      (event, _activeEditor) => {
+        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+          "data-selectable"
+        )) {
+          editor.update(() => {
+            const foundNode = (0, import_lexical26.$getNodeByKey)(nodeKey);
+            if ($isFinancialStatementQuestionNode(foundNode)) {
+              const selection = (0, import_lexical26.$createNodeSelection)();
+              selection.add(nodeKey);
+              (0, import_lexical26.$setSelection)(selection);
             }
           });
         }
-      }
+        return false;
+      },
+      import_lexical26.COMMAND_PRIORITY_LOW
     );
-  }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = (0, import_react42.useCallback)(() => {
-    editor.update(() => {
-      const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
-      if ($isJournalEntryQuestionNode(foundNode)) {
-        foundNode.removeItem(itemIndex);
-      }
-    });
-  }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
+      ref: rootElementRef,
       id,
-      className: "journal-entry-question-prompt-question-item-wrapper",
+      className: "financial-statement-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "div",
           {
-            className: (0, import_clsx2.default)(
-              "journal-entry-question-prompt-question-item",
+            className: "financial-statement-question-prompt-title",
+            "data-selectable": "true",
+            children: "Financial Statement"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("table", { "data-selectable": "true", style: { width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("thead", { "data-selectable": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tr", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              "td",
               {
-                correct,
-                incorrect: !correct
+                className: "financial-statement-question-header",
+                colSpan: 2,
+                "data-selectable": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_LexicalNestedComposer2.LexicalNestedComposer, { initialEditor: header, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(NestedEditor, { nodeKey, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    import_LexicalRichTextPlugin2.RichTextPlugin,
+                    {
+                      contentEditable: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NestedContentEditable, {}),
+                      ErrorBoundary: import_LexicalErrorBoundary2.LexicalErrorBoundary,
+                      placeholder: null
+                    },
+                    nodeKey
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    import_LexicalHistoryPlugin3.HistoryPlugin,
+                    {
+                      externalHistoryState: historyState
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    TypeaheadVariableAgentPlugin,
+                    {
+                      decoratorNode: FinancialStatementQuestionNode
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VariableComponentPlugin, {})
+                ] }) })
               }
-            ),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choice" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalNestedComposer2.LexicalNestedComposer, { initialEditor: account, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  import_LexicalRichTextPlugin2.RichTextPlugin,
-                  {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary2.LexicalErrorBoundary,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalHistoryPlugin3.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VariableComponentPlugin, {})
-              ] }) }) }),
-              (!debit || !credit) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react5.CircleMinus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: removeItem
-                  }
-                ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react5.CirclePlus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: addItem
-                  }
-                ) })
-              ] })
-            ]
-          }
-        ),
-        debit ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-          "div",
-          {
-            className: (0, import_clsx2.default)(
-              "journal-entry-question-prompt-question-item",
-              {
-                correct,
-                incorrect: !correct
-              }
-            ),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "data-selectable": "true", children: "Debit" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalNestedComposer2.LexicalNestedComposer, { initialEditor: debit, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  import_LexicalRichTextPlugin2.RichTextPlugin,
-                  {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary2.LexicalErrorBoundary,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalHistoryPlugin3.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VariableComponentPlugin, {})
-              ] }) }) })
-            ]
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
-        credit ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-          "div",
-          {
-            className: (0, import_clsx2.default)(
-              "journal-entry-question-prompt-question-item",
-              {
-                correct,
-                incorrect: !correct
-              }
-            ),
-            "data-selectable": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "data-selectable": "true", children: "Credit" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalNestedComposer2.LexicalNestedComposer, { initialEditor: credit, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  import_LexicalRichTextPlugin2.RichTextPlugin,
-                  {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NestedContentEditable, {}),
-                    ErrorBoundary: import_LexicalErrorBoundary2.LexicalErrorBoundary,
-                    placeholder: null
-                  },
-                  nodeKey
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_LexicalHistoryPlugin3.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  TextToolbarAgentPlugin,
-                  {
-                    decoratorNode: JournalEntryQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VariableToolbarAgentPlugin, {})
-              ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react5.CircleMinus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: removeItem
-                  }
-                ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  Button,
-                  {
-                    StartIcon: import_lucide_react5.CirclePlus,
-                    size: "medium",
-                    variant: "text",
-                    className: "cancel",
-                    onClick: addItem
-                  }
-                ) })
-              ] })
-            ]
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {})
-      ]
-    }
-  );
-}
-
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function JournalEntryQuestionComponent(props) {
-  const { nodeKey, journalType, lineItems, id } = props;
-  const [editor] = (0, import_LexicalComposerContext26.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react43.useRef)(null);
-  (0, import_react43.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical29.CLICK_COMMAND,
-      (event, _activeEditor) => {
-        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-          "data-selectable"
-        )) {
-          editor.update(() => {
-            const foundNode = (0, import_lexical29.$getNodeByKey)(nodeKey);
-            if ($isJournalEntryQuestionNode(foundNode)) {
-              const selection = (0, import_lexical29.$createNodeSelection)();
-              selection.add(nodeKey);
-              (0, import_lexical29.$setSelection)(selection);
-            }
-          });
-        }
-        return false;
-      },
-      import_lexical29.COMMAND_PRIORITY_LOW
-    );
-  }, [editor]);
-  const doNeedDistractor = lineItems.reduce((a, i) => {
-    return i.correct ? a : ++a;
-  }, 0) <= 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    "div",
-    {
-      ref: rootElementRef,
-      id,
-      className: "journal-entry-question-prompt",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-          "div",
-          {
-            className: "journal-entry-question-prompt-title",
-            "data-selectable": "true",
-            children: "Journal Entry"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-          "div",
-          {
-            className: "journal-entry-question-prompt-items",
-            "data-selectable": "true",
-            children: [
-              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-                "div",
+            ) }),
+            columnHeaders.length >= 2 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("tr", { "data-selectable": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                "th",
                 {
-                  className: "journal-entry-question-prompt-question-item correct",
                   "data-selectable": "true",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { "data-selectable": "true", children: "Correct Choice" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsx)(
-                    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__ */ (0, import_jsx_runtime55.jsx)(
-                  JournalEntryQuestionItemComponent,
-                  {
-                    nodeKey,
-                    id: journalEntryItem.id,
-                    itemIndex,
-                    correct: journalEntryItem.correct,
-                    account: journalEntryItem.account,
-                    debit: journalEntryItem.debit,
-                    credit: journalEntryItem.credit
-                  },
-                  journalEntryItem.id
-                );
-              }),
-              doNeedDistractor && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                DistractorButton,
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                "th",
                 {
-                  nodeKey,
-                  itemIndex: lineItems.length - 1
+                  "data-selectable": "true",
+                  style: { textAlign: "right" },
+                  children: columnHeaders[1]
                 }
               )
-            ]
-          }
-        )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("tbody", { children: [
+            rows.map(
+              (rowItem, rowItemIndex) => {
+                if (rowItem.type === "Heading") {
+                  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("tr", { "data-selectable": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      "strong",
+                      {
+                        style: {
+                          paddingLeft: `calc(1em * ${rowItem.depth})`
+                        },
+                        children: rowItem.entry
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      "td",
+                      {
+                        className: "financial-statement-question-cell",
+                        "data-selectable": "true",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "financial-statement-question-cell-id", children: [
+                          "A",
+                          rowItemIndex + 1
+                        ] })
+                      }
+                    )
+                  ] }, rowItem.id);
+                } else if (rowItem.type === "Line") {
+                  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("tr", { "data-selectable": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      "span",
+                      {
+                        style: {
+                          paddingLeft: `calc(1em * ${rowItem.depth})`
+                        },
+                        children: rowItem.entry
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                      "td",
+                      {
+                        className: "financial-statement-question-cell",
+                        "data-selectable": "true",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "financial-statement-question-cell-id", children: [
+                            "A",
+                            rowItemIndex + 1
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                            import_LexicalNestedComposer2.LexicalNestedComposer,
+                            {
+                              initialEditor: rowItem.amount,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(NestedEditor, { nodeKey, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                                  import_LexicalRichTextPlugin2.RichTextPlugin,
+                                  {
+                                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NestedContentEditable, {}),
+                                    ErrorBoundary: import_LexicalErrorBoundary2.LexicalErrorBoundary,
+                                    placeholder: null
+                                  },
+                                  nodeKey
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                                  import_LexicalHistoryPlugin3.HistoryPlugin,
+                                  {
+                                    externalHistoryState: historyState
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                                  TypeaheadVariableAgentPlugin,
+                                  {
+                                    decoratorNode: FinancialStatementQuestionNode
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VariableComponentPlugin, {})
+                              ] })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }, rowItem.id);
+                }
+              }
+            ),
+            distractors.map(
+              (distractorItem) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("tr", { "data-selectable": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    "span",
+                    {
+                      style: { color: "var(--sl-color-red-500)" },
+                      children: distractorItem.entry
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { "data-selectable": "true" })
+                ] }, distractorItem.id);
+              }
+            )
+          ] })
+        ] }) })
       ]
     }
   );
 }
 
-// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionNode.tsx
-var import_lexical30 = require("lexical");
-var import_nanoid2 = require("nanoid");
-var import_jsx_runtime56 = require("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 (0, import_lexical30.createEditor)();
-}
-var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends import_lexical30.DecoratorNode {
-  constructor(points, journalType, errorTolerance, lineItems, id, key) {
+
+// src/plugins/FinancialStatementQuestionPlugin/isSerializableFinancialStatementLine.ts
+var isSerializableFinancialStatementLine = (row) => {
+  return row.type === "Line";
+};
+
+// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
+var import_jsx_runtime53 = require("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 import_lexical27.DecoratorNode {
+  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 || (0, import_nanoid2.nanoid)();
-    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: (0, import_nanoid2.nanoid)(),
-          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() {
@@ -6072,70 +5868,86 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends import_le
     return null;
   }
   static importJSON(serializedNode) {
-    const restoredItems = [];
-    for (const item of serializedNode.lineItems) {
-      const accountNestedEditor = (0, import_lexical30.createEditor)();
-      const editorState = accountNestedEditor.parseEditorState(
-        item.account.editorState
-      );
-      if (!editorState.isEmpty()) {
-        accountNestedEditor.setEditorState(editorState);
-      }
-      if (item.correct && item.credit && item.debit) {
-        const creditNestedEditor = (0, import_lexical30.createEditor)();
-        let editorState2 = creditNestedEditor.parseEditorState(
-          item.credit.editorState
-        );
-        if (!editorState2.isEmpty()) {
-          creditNestedEditor.setEditorState(editorState2);
-        }
-        const debitNestedEditor = (0, import_lexical30.createEditor)();
-        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
+    const headerNestedEditor = (0, import_lexical27.createEditor)();
+    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
         });
-      } else {
-        restoredItems.push({
-          id: item.id,
-          correct: item.correct,
-          account: accountNestedEditor
+        continue;
+      }
+      if (isSerializableFinancialStatementLine(row)) {
+        const amountNestedEditor = (0, import_lexical27.createEditor)();
+        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;
       }
     }
-    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
     };
@@ -6154,107 +5966,54 @@ var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends import_le
   }
   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 = (0, import_lexical30.$getRoot)();
-        let firstChild = root.getFirstChild();
-        if (!firstChild) {
-          firstChild = (0, import_lexical30.$createParagraphNode)();
-          firstChild.append((0, import_lexical30.$createTextNode)("No Entry Required"));
-          root.append(firstChild);
-        }
-      });
-      newItems.push({
-        id: (0, import_nanoid2.nanoid)(),
-        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: (0, import_nanoid2.nanoid)(),
-      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__ */ (0, import_jsx_runtime56.jsx)(
-      JournalEntryQuestionComponent,
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      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) {
-  return (0, import_lexical30.$applyNodeReplacement)(
-    new JournalEntryQuestionNode(
+function $createFinancialStatementQuestionNode(points, header, columnHeaders, rows, distractors, id) {
+  return (0, import_lexical27.$applyNodeReplacement)(
+    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
-var import_lexical34 = require("lexical");
+var import_lexical32 = require("lexical");
 var import_nanoid3 = require("nanoid");
 
 // src/plugins/MatchingQuestionPlugin/DistractorButton.tsx
-var import_LexicalComposerContext27 = require("@lexical/react/LexicalComposerContext");
-var import_lexical31 = require("lexical");
-var import_react44 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_LexicalComposerContext24 = require("@lexical/react/LexicalComposerContext");
+var import_lexical28 = require("lexical");
+var import_react41 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function DistractorButton2(props) {
   const { nodeKey, itemIndex } = props;
-  const [editor] = (0, import_LexicalComposerContext27.useLexicalComposerContext)();
-  const addDistractor = (0, import_react44.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext24.useLexicalComposerContext)();
+  const addDistractor = (0, import_react41.useCallback)(() => {
     editor.update(
       () => {
-        const foundNode = (0, import_lexical31.$getNodeByKey)(nodeKey);
+        const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
         if ($isMatchingQuestionNode(foundNode)) {
           foundNode.addItem(itemIndex, false);
         }
@@ -6262,15 +6021,15 @@ function DistractorButton2(props) {
       {
         onUpdate: () => {
           editor.getEditorState().read(() => {
-            const foundNode = (0, import_lexical31.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical28.$getNodeByKey)(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
               const newQuestionItem = foundNode.__items[itemIndex + 1];
               if (newQuestionItem.itemOptionContent) {
                 newQuestionItem.itemOptionContent.update(() => {
-                  const root = (0, import_lexical31.$getRoot)();
+                  const root = (0, import_lexical28.$getRoot)();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = (0, import_lexical31.$createParagraphNode)();
+                    firstChild = (0, import_lexical28.$createParagraphNode)();
                     root.append(firstChild);
                   }
                   firstChild.selectStart();
@@ -6282,9 +6041,9 @@ function DistractorButton2(props) {
       }
     );
   }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matching-question-prompt-question-item-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matching-question-distractor-button", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "matching-question-prompt-question-item-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matching-question-distractor-button", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Button,
       {
         label: "Add Distractor",
@@ -6297,21 +6056,58 @@ function DistractorButton2(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-var import_LexicalComposerContext29 = require("@lexical/react/LexicalComposerContext");
-var import_lexical33 = require("lexical");
-var import_react46 = require("react");
+var import_LexicalComposerContext27 = require("@lexical/react/LexicalComposerContext");
+var import_lexical31 = require("lexical");
+var import_react44 = require("react");
+
+// src/plugins/VariablesPlugin/VariableToolbarAgentPlugin.tsx
+var import_LexicalComposerContext25 = require("@lexical/react/LexicalComposerContext");
+var import_utils8 = require("@lexical/utils");
+var import_lexical29 = require("lexical");
+var import_react42 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical29.createCommand)("VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function VariableToolbarAgentPlugin() {
+  const [editor] = (0, import_LexicalComposerContext25.useLexicalComposerContext)();
+  (0, import_react42.useEffect)(() => {
+    return (0, import_utils8.mergeRegister)(
+      editor.registerCommand(
+        import_lexical29.SELECTION_CHANGE_COMMAND,
+        (_payload, activeEditor) => {
+          if (editor === activeEditor) {
+            activeEditor.dispatchCommand(
+              VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
+              void 0
+            );
+          }
+          return false;
+        },
+        import_lexical29.COMMAND_PRIORITY_EDITOR
+      ),
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(
+            VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
+            void 0
+          );
+        }
+      })
+    );
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+}
 
 // src/plugins/MatchingQuestionPlugin/QuestionItemComponent.tsx
-var import_LexicalComposerContext28 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalComposerContext26 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalErrorBoundary3 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin4 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalNestedComposer3 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin3 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx3 = __toESM(require("clsx"));
-var import_lexical32 = require("lexical");
-var import_lucide_react6 = require("lucide-react");
-var import_react45 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_clsx2 = __toESM(require("clsx"));
+var import_lexical30 = require("lexical");
+var import_lucide_react5 = require("lucide-react");
+var import_react43 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function QuestionItemComponent(props) {
   const {
     nodeKey,
@@ -6322,11 +6118,11 @@ function QuestionItemComponent(props) {
     itemOptionContent
   } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext28.useLexicalComposerContext)();
-  const addItem = (0, import_react45.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext26.useLexicalComposerContext)();
+  const addItem = (0, import_react43.useCallback)(() => {
     editor.update(
       () => {
-        const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
+        const foundNode = (0, import_lexical30.$getNodeByKey)(nodeKey);
         if ($isMatchingQuestionNode(foundNode)) {
           foundNode.addItem(itemIndex, correct);
         }
@@ -6334,15 +6130,15 @@ function QuestionItemComponent(props) {
       {
         onUpdate: () => {
           editor.getEditorState().read(() => {
-            const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical30.$getNodeByKey)(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
               const newQuestionItem = foundNode.__items[itemIndex + 1];
               if (newQuestionItem.itemPremiseContent) {
                 newQuestionItem.itemPremiseContent.update(() => {
-                  const root = (0, import_lexical32.$getRoot)();
+                  const root = (0, import_lexical30.$getRoot)();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = (0, import_lexical32.$createParagraphNode)();
+                    firstChild = (0, import_lexical30.$createParagraphNode)();
                     root.append(firstChild);
                   }
                   firstChild.selectStart();
@@ -6350,10 +6146,10 @@ function QuestionItemComponent(props) {
               }
               if (newQuestionItem.itemOptionContent) {
                 newQuestionItem.itemOptionContent.update(() => {
-                  const root = (0, import_lexical32.$getRoot)();
+                  const root = (0, import_lexical30.$getRoot)();
                   let firstChild = root.getFirstChild();
                   if (!firstChild) {
-                    firstChild = (0, import_lexical32.$createParagraphNode)();
+                    firstChild = (0, import_lexical30.$createParagraphNode)();
                     root.append(firstChild);
                   }
                   if (!newQuestionItem.itemPremiseContent) {
@@ -6367,93 +6163,108 @@ function QuestionItemComponent(props) {
       }
     );
   }, [editor, nodeKey, itemIndex, correct]);
-  const removeItem = (0, import_react45.useCallback)(() => {
+  const removeItem = (0, import_react43.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical32.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical30.$getNodeByKey)(nodeKey);
       if ($isMatchingQuestionNode(foundNode)) {
         foundNode.removeItem(itemIndex);
       }
     });
   }, [editor, nodeKey, itemIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       id,
       className: "matching-question-prompt-question-item-wrapper",
       children: [
-        itemPremiseContent ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        itemPremiseContent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             className: "matching-question-prompt-question-item",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "data-selectable": "true", children: "Item Premise" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: "Item Premise" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemPremiseContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   import_LexicalRichTextPlugin3.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
                     ErrorBoundary: import_LexicalErrorBoundary3.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TextToolbarAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VariableComponentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {})
               ] }) }) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
-            className: (0, import_clsx3.default)("matching-question-prompt-question-item", {
+            className: (0, import_clsx2.default)("matching-question-prompt-question-item", {
               correct,
               incorrect: !correct
             }),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemOptionContent, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalNestedComposer3.LexicalNestedComposer, { initialEditor: itemOptionContent, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   import_LexicalRichTextPlugin3.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NestedContentEditable, {}),
                     ErrorBoundary: import_LexicalErrorBoundary3.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_LexicalHistoryPlugin4.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: MatchingQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: MatchingQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VariableToolbarAgentPlugin, {})
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "controls", children: [
-                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Button,
                   {
-                    StartIcon: import_lucide_react6.CircleMinus,
+                    StartIcon: import_lucide_react5.CircleMinus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
                     onClick: removeItem
                   }
-                ) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Button,
                   {
-                    StartIcon: import_lucide_react6.CirclePlus,
+                    StartIcon: import_lucide_react5.CirclePlus,
                     size: "medium",
                     variant: "text",
                     className: "cancel",
@@ -6470,43 +6281,43 @@ function QuestionItemComponent(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionComponent.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function MatchingQuestionComponent(props) {
   const { nodeKey, items, id } = props;
-  const [editor] = (0, import_LexicalComposerContext29.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react46.useRef)(null);
-  (0, import_react46.useEffect)(() => {
+  const [editor] = (0, import_LexicalComposerContext27.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
     return editor.registerCommand(
-      import_lexical33.CLICK_COMMAND,
+      import_lexical31.CLICK_COMMAND,
       (event, _activeEditor) => {
         if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical31.$getNodeByKey)(nodeKey);
             if ($isMatchingQuestionNode(foundNode)) {
-              const selection = (0, import_lexical33.$createNodeSelection)();
+              const selection = (0, import_lexical31.$createNodeSelection)();
               selection.add(nodeKey);
-              (0, import_lexical33.$setSelection)(selection);
+              (0, import_lexical31.$setSelection)(selection);
             }
           });
         }
         return false;
       },
-      import_lexical33.COMMAND_PRIORITY_LOW
+      import_lexical31.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
   const doNeedDistractor = items.reduce((a, i) => {
     return i.correct ? a : ++a;
   }, 0) <= 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "matching-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
           {
             className: "matching-question-prompt-title",
@@ -6514,14 +6325,14 @@ function MatchingQuestionComponent(props) {
             children: "Matching"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
           "div",
           {
             className: "matching-question-prompt-items",
             "data-selectable": "true",
             children: [
               items.map((questionItem, itemIndex) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   QuestionItemComponent,
                   {
                     nodeKey,
@@ -6534,7 +6345,7 @@ function MatchingQuestionComponent(props) {
                   questionItem.id
                 );
               }),
-              items.length > 0 && doNeedDistractor && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              items.length > 0 && doNeedDistractor && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 DistractorButton2,
                 {
                   nodeKey,
@@ -6550,12 +6361,12 @@ function MatchingQuestionComponent(props) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionNode.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var TYPE_NAME5 = "matching-question";
-function initNewContentEditor2() {
-  return (0, import_lexical34.createEditor)();
+function initNewContentEditor() {
+  return (0, import_lexical32.createEditor)();
 }
-var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.DecoratorNode {
+var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical32.DecoratorNode {
   constructor(pointsPerMatch, items, id, key) {
     super(key);
     this.__id = id || (0, import_nanoid3.nanoid)();
@@ -6566,8 +6377,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
         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 {
@@ -6575,8 +6386,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
         this.__items.push({
           id: (0, import_nanoid3.nanoid)(),
           correct: true,
-          itemPremiseContent: initNewContentEditor2(),
-          itemOptionContent: initNewContentEditor2()
+          itemPremiseContent: initNewContentEditor(),
+          itemOptionContent: initNewContentEditor()
         });
       }
     }
@@ -6613,7 +6424,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
   static importJSON(serializedNode) {
     const restoredItems = [];
     for (const item of serializedNode.items) {
-      const optionNestedEditor = (0, import_lexical34.createEditor)();
+      const optionNestedEditor = (0, import_lexical32.createEditor)();
       const editorState = optionNestedEditor.parseEditorState(
         item.itemOptionContent.editorState
       );
@@ -6621,7 +6432,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
         optionNestedEditor.setEditorState(editorState);
       }
       if (item.correct && item.itemPremiseContent) {
-        const premiseNestedEditor = (0, import_lexical34.createEditor)();
+        const premiseNestedEditor = (0, import_lexical32.createEditor)();
         const editorState2 = premiseNestedEditor.parseEditorState(
           item.itemPremiseContent.editorState
         );
@@ -6689,8 +6500,8 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
     newItems.splice(newItemIndex, 0, {
       id: (0, import_nanoid3.nanoid)(),
       correct,
-      itemPremiseContent: correct ? initNewContentEditor2() : void 0,
-      itemOptionContent: initNewContentEditor2()
+      itemPremiseContent: correct ? initNewContentEditor() : void 0,
+      itemOptionContent: initNewContentEditor()
     });
     writable.__items = newItems;
   }
@@ -6703,7 +6514,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
     }
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       MatchingQuestionComponent,
       {
         nodeKey: this.__key,
@@ -6714,7 +6525,7 @@ var MatchingQuestionNode = class _MatchingQuestionNode extends import_lexical34.
   }
 };
 function $createMatchingQuestionNode(pointsPerMatch, items, id) {
-  return (0, import_lexical34.$applyNodeReplacement)(
+  return (0, import_lexical32.$applyNodeReplacement)(
     new MatchingQuestionNode(pointsPerMatch, items, id)
   );
 }
@@ -6723,68 +6534,68 @@ function $isMatchingQuestionNode(node) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNode.tsx
-var import_lexical37 = require("lexical");
+var import_lexical35 = require("lexical");
 var import_nanoid4 = require("nanoid");
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionComponent.tsx
-var import_LexicalComposerContext31 = require("@lexical/react/LexicalComposerContext");
-var import_lexical36 = require("lexical");
-var import_react48 = require("react");
+var import_LexicalComposerContext29 = require("@lexical/react/LexicalComposerContext");
+var import_lexical34 = require("lexical");
+var import_react46 = require("react");
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionItemComponent.tsx
-var import_LexicalComposerContext30 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalComposerContext28 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalErrorBoundary4 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin5 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalNestedComposer4 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin4 = require("@lexical/react/LexicalRichTextPlugin");
-var import_clsx4 = __toESM(require("clsx"));
-var import_lexical35 = require("lexical");
-var import_lucide_react7 = require("lucide-react");
-var import_react47 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_clsx3 = __toESM(require("clsx"));
+var import_lexical33 = require("lexical");
+var import_lucide_react6 = require("lucide-react");
+var import_react45 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function MultipleOptionQuestionItemComponent(props) {
   const { nodeKey, id, optionIndex, correct, content } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext30.useLexicalComposerContext)();
-  const toggleChoice = (0, import_react47.useCallback)(() => {
+  const [editor] = (0, import_LexicalComposerContext28.useLexicalComposerContext)();
+  const toggleChoice = (0, import_react45.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical35.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.setCorrectChoice(optionIndex, !correct);
       }
     });
   }, [editor, id, nodeKey, optionIndex, correct]);
-  const addOptionItem = (0, import_react47.useCallback)(() => {
+  const addOptionItem = (0, import_react45.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical35.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.addOptionItem(optionIndex, !!correct);
       }
     });
   }, [editor, id, nodeKey, optionIndex, correct]);
-  const removeOptionItem = (0, import_react47.useCallback)(() => {
+  const removeOptionItem = (0, import_react45.useCallback)(() => {
     editor.update(() => {
-      const foundNode = (0, import_lexical35.$getNodeByKey)(nodeKey);
+      const foundNode = (0, import_lexical33.$getNodeByKey)(nodeKey);
       if ($isMultipleOptionQuestionNode(foundNode)) {
         foundNode.removeOptionItem(optionIndex);
       }
     });
   }, [editor, id, nodeKey, optionIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
-      className: (0, import_clsx4.default)("multiple-option-question-prompt-option-item", {
+      className: (0, import_clsx3.default)("multiple-option-question-prompt-option-item", {
         correct: !!correct,
         incorrect: !correct
       }),
       "data-selectable": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "title", "data-selectable": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "title", "data-selectable": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "data-selectable": "true", children: correct ? "Correct Choice" : "Incorrect Choice" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Button,
             {
-              StartIcon: import_lucide_react7.Settings,
+              StartIcon: import_lucide_react6.Settings,
               size: "small",
               variant: "text",
               className: "cancel",
@@ -6792,43 +6603,48 @@ function MultipleOptionQuestionItemComponent(props) {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_LexicalNestedComposer4.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(NestedEditor, { nodeKey, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SettingsPanelNestedAgentPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalNestedComposer4.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(NestedEditor, { nodeKey, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SettingsPanelNestedAgentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             import_LexicalRichTextPlugin4.RichTextPlugin,
             {
-              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NestedContentEditable, {}),
+              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NestedContentEditable, {}),
               ErrorBoundary: import_LexicalErrorBoundary4.LexicalErrorBoundary,
               placeholder: null
             },
             nodeKey
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_LexicalHistoryPlugin5.HistoryPlugin, { externalHistoryState: historyState }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_LexicalHistoryPlugin5.HistoryPlugin, { externalHistoryState: historyState }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             TextToolbarAgentPlugin,
             {
               decoratorNode: MultipleOptionQuestionNode
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TypeaheadVariableAgentPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VariableComponentPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VariableToolbarAgentPlugin, {})
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            TypeaheadVariableAgentPlugin,
+            {
+              decoratorNode: MultipleOptionQuestionNode
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(VariableComponentPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(VariableToolbarAgentPlugin, {})
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "controls", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "controls", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Button,
             {
-              StartIcon: import_lucide_react7.CircleMinus,
+              StartIcon: import_lucide_react6.CircleMinus,
               size: "medium",
               variant: "text",
               className: "cancel",
               onClick: removeOptionItem
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Button,
             {
-              StartIcon: import_lucide_react7.CirclePlus,
+              StartIcon: import_lucide_react6.CirclePlus,
               size: "medium",
               variant: "text",
               className: "cancel",
@@ -6842,39 +6658,39 @@ function MultipleOptionQuestionItemComponent(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionComponent.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function MultipleOptionQuestionComponent(props) {
   const { nodeKey, options, questionType } = props;
-  const [editor] = (0, import_LexicalComposerContext31.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+  const [editor] = (0, import_LexicalComposerContext29.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     return editor.registerCommand(
-      import_lexical36.CLICK_COMMAND,
+      import_lexical34.CLICK_COMMAND,
       (event, _activeEditor) => {
         if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = (0, import_lexical36.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical34.$getNodeByKey)(nodeKey);
             if ($isMultipleOptionQuestionNode(foundNode)) {
-              const selection = (0, import_lexical36.$createNodeSelection)();
+              const selection = (0, import_lexical34.$createNodeSelection)();
               selection.add(nodeKey);
-              (0, import_lexical36.$setSelection)(selection);
+              (0, import_lexical34.$setSelection)(selection);
             }
           });
         }
         return false;
       },
-      import_lexical36.COMMAND_PRIORITY_LOW
+      import_lexical34.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       ref: rootElementRef,
       className: "multiple-option-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "div",
           {
             className: "multiple-option-question-prompt-title",
@@ -6882,13 +6698,13 @@ function MultipleOptionQuestionComponent(props) {
             children: questionType === "multiple-choice" ? "Multiple Choice" : "Multiple Answers"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "div",
           {
             className: "multiple-option-question-prompt-options",
             "data-selectable": "true",
             children: options.map((optionItem, optionItemIndex) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 MultipleOptionQuestionItemComponent,
                 {
                   nodeKey,
@@ -6908,12 +6724,12 @@ function MultipleOptionQuestionComponent(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNode.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var TYPE_NAME6 = "multiple-option-question";
-function initNewContentEditor3() {
-  return (0, import_lexical37.createEditor)();
+function initNewContentEditor2() {
+  return (0, import_lexical35.createEditor)();
 }
-var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends import_lexical37.DecoratorNode {
+var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends import_lexical35.DecoratorNode {
   constructor(questionType, points, choices, correctChoices, incorrectChoices, grading, noneOfTheAbove, options, id, key) {
     super(key);
     this.__id = id || (0, import_nanoid4.nanoid)();
@@ -6930,7 +6746,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
         this.__options.push({
           id: optionItem.id,
           correct: optionItem.correct,
-          content: optionItem.content || (0, import_lexical37.createEditor)()
+          content: optionItem.content || (0, import_lexical35.createEditor)()
         });
       }
     } else {
@@ -6940,7 +6756,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
             id: (0, import_nanoid4.nanoid)(),
             correct: i > 1,
             // two first are false
-            content: initNewContentEditor3()
+            content: initNewContentEditor2()
           });
         }
       } else {
@@ -6949,7 +6765,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
             id: (0, import_nanoid4.nanoid)(),
             correct: i < 1,
             // one first are true
-            content: initNewContentEditor3()
+            content: initNewContentEditor2()
           });
         }
       }
@@ -6993,7 +6809,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
   static importJSON(serializedNode) {
     const restoredOptions = [];
     for (const optionItem of serializedNode.options) {
-      const nestedEditor = (0, import_lexical37.createEditor)();
+      const nestedEditor = (0, import_lexical35.createEditor)();
       const editorState = nestedEditor.parseEditorState(
         optionItem.content.editorState
       );
@@ -7099,7 +6915,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
     newOptions.splice(optionItemIndex + 1, 0, {
       id: (0, import_nanoid4.nanoid)(),
       correct: correctChoice,
-      content: initNewContentEditor3()
+      content: initNewContentEditor2()
     });
     writable.__options = newOptions;
   }
@@ -7114,11 +6930,11 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
   appendOptionItem(initialOptionText, correctChoice) {
     const writable = this.getWritable();
     const newOptions = [...writable.__options];
-    const content = initNewContentEditor3();
+    const content = initNewContentEditor2();
     content.update(() => {
-      const root = (0, import_lexical37.$getRoot)();
-      const firstChild = (0, import_lexical37.$createParagraphNode)();
-      firstChild.append((0, import_lexical37.$createTextNode)(initialOptionText));
+      const root = (0, import_lexical35.$getRoot)();
+      const firstChild = (0, import_lexical35.$createParagraphNode)();
+      firstChild.append((0, import_lexical35.$createTextNode)(initialOptionText));
       root.append(firstChild);
     });
     newOptions.push({
@@ -7129,7 +6945,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
     writable.__options = newOptions;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       MultipleOptionQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7141,7 +6957,7 @@ var MultipleOptionQuestionNode = class _MultipleOptionQuestionNode extends impor
   }
 };
 function $createMultipleOptionQuestionNode(questionType, points, choices, correctChoices, incorrectChoices, grading, noneOfTheAbove, options, id) {
-  return (0, import_lexical37.$applyNodeReplacement)(
+  return (0, import_lexical35.$applyNodeReplacement)(
     new MultipleOptionQuestionNode(
       questionType,
       points,
@@ -7156,7 +6972,7 @@ function $createMultipleOptionQuestionNode(questionType, points, choices, correc
   );
 }
 function $createEmptyMultipleOptionQuestionNode(questionType, points) {
-  return (0, import_lexical37.$applyNodeReplacement)(
+  return (0, import_lexical35.$applyNodeReplacement)(
     new MultipleOptionQuestionNode(
       questionType,
       points,
@@ -7175,52 +6991,52 @@ function $isMultipleOptionQuestionNode(node) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionNode.tsx
-var import_lexical39 = require("lexical");
+var import_lexical37 = require("lexical");
 var import_nanoid5 = require("nanoid");
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionComponent.tsx
-var import_LexicalComposerContext32 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalComposerContext30 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalErrorBoundary5 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin6 = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalNestedComposer5 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin5 = require("@lexical/react/LexicalRichTextPlugin");
-var import_lexical38 = require("lexical");
-var import_react49 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_lexical36 = require("lexical");
+var import_react47 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function ShortAnswerQuestionComponent(props) {
   const { nodeKey, id, notes } = props;
   const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext32.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react49.useRef)(null);
-  (0, import_react49.useEffect)(() => {
+  const [editor] = (0, import_LexicalComposerContext30.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     return editor.registerCommand(
-      import_lexical38.CLICK_COMMAND,
+      import_lexical36.CLICK_COMMAND,
       (event, _activeEditor) => {
         if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
           "data-selectable"
         )) {
           editor.update(() => {
-            const foundNode = (0, import_lexical38.$getNodeByKey)(nodeKey);
+            const foundNode = (0, import_lexical36.$getNodeByKey)(nodeKey);
             if ($isShortAnswerQuestionNode(foundNode)) {
-              const selection = (0, import_lexical38.$createNodeSelection)();
+              const selection = (0, import_lexical36.$createNodeSelection)();
               selection.add(nodeKey);
-              (0, import_lexical38.$setSelection)(selection);
+              (0, import_lexical36.$setSelection)(selection);
             }
           });
         }
         return false;
       },
-      import_lexical38.COMMAND_PRIORITY_LOW
+      import_lexical36.COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "short-answer-question-prompt",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "div",
           {
             className: "short-answer-question-prompt-title",
@@ -7228,34 +7044,39 @@ function ShortAnswerQuestionComponent(props) {
             children: "Short Answer"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "div",
           {
             className: "short-answer-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "title", "data-selectable": "true", children: "Answer Key" }),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_LexicalNestedComposer5.LexicalNestedComposer, { initialEditor: notes, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "title", "data-selectable": "true", children: "Answer Key" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_LexicalNestedComposer5.LexicalNestedComposer, { initialEditor: notes, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   import_LexicalRichTextPlugin5.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NestedContentEditable, {}),
                     ErrorBoundary: import_LexicalErrorBoundary5.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_LexicalHistoryPlugin6.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_LexicalHistoryPlugin6.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   TextToolbarAgentPlugin,
                   {
                     decoratorNode: ShortAnswerQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VariableToolbarAgentPlugin, {})
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: ShortAnswerQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(VariableToolbarAgentPlugin, {})
               ] }) }) })
             ]
           }
@@ -7266,18 +7087,18 @@ function ShortAnswerQuestionComponent(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionNode.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var TYPE_NAME7 = "short-answer-question";
-function initNewContentEditor4() {
-  return (0, import_lexical39.createEditor)();
+function initNewContentEditor3() {
+  return (0, import_lexical37.createEditor)();
 }
-var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexical39.DecoratorNode {
+var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexical37.DecoratorNode {
   constructor(points, maxWords, id, notes, key) {
     super(key);
     this.__id = id || (0, import_nanoid5.nanoid)();
     this.__points = points <= 0 ? 1 : points;
     this.__maxWords = maxWords;
-    this.__notes = notes || initNewContentEditor4();
+    this.__notes = notes || initNewContentEditor3();
   }
   static getType() {
     return TYPE_NAME7;
@@ -7310,7 +7131,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexi
     return null;
   }
   static importJSON(serializedNode) {
-    const nestedEditor = (0, import_lexical39.createEditor)();
+    const nestedEditor = (0, import_lexical37.createEditor)();
     const editorState = nestedEditor.parseEditorState(
       serializedNode.notes.editorState
     );
@@ -7355,7 +7176,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexi
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ShortAnswerQuestionComponent,
       {
         nodeKey: this.__key,
@@ -7366,7 +7187,7 @@ var ShortAnswerQuestionNode = class _ShortAnswerQuestionNode extends import_lexi
   }
 };
 function $createShortAnswerQuestionNode(points, maxWords, id, notes) {
-  return (0, import_lexical39.$applyNodeReplacement)(
+  return (0, import_lexical37.$applyNodeReplacement)(
     new ShortAnswerQuestionNode(points, maxWords, id, notes)
   );
 }
@@ -7374,294 +7195,390 @@ function $isShortAnswerQuestionNode(node) {
   return node instanceof ShortAnswerQuestionNode;
 }
 
-// src/plugins/TextToolbarPlugin/TextToolbarAgentPlugin.tsx
-var import_LexicalComposerContext33 = require("@lexical/react/LexicalComposerContext");
-var import_utils10 = require("@lexical/utils");
-var import_lexical40 = require("lexical");
-var import_react50 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical40.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function TextToolbarAgentPlugin(props) {
-  const { decoratorNode } = props;
-  const [editor] = (0, import_LexicalComposerContext33.useLexicalComposerContext)();
-  (0, import_react50.useEffect)(() => {
-    return (0, import_utils10.mergeRegister)(
-      editor.registerCommand(
-        import_lexical40.SELECTION_CHANGE_COMMAND,
-        (_payload, activeEditor) => {
-          if (editor === activeEditor) {
-            activeEditor.dispatchCommand(
-              TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
-              { decoratorNode }
-            );
-          }
-          return false;
-        },
-        import_lexical40.COMMAND_PRIORITY_EDITOR
-      ),
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(
-            TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
-            { decoratorNode }
-          );
-        }
-      })
-    );
-  }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, {});
-}
-
-// src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
-var import_LexicalComposerContext34 = require("@lexical/react/LexicalComposerContext");
-var import_utils11 = require("@lexical/utils");
-var import_lexical41 = require("lexical");
-var import_react51 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var TYPEAHEAD_MENU_COMMAND = (0, import_lexical41.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
-function TypeaheadMenuAgentPlugin(props) {
-  const { decoratorNode } = props;
-  const [editor] = (0, import_LexicalComposerContext34.useLexicalComposerContext)();
-  (0, import_react51.useEffect)(() => {
-    return (0, import_utils11.mergeRegister)(
-      editor.registerUpdateListener(({ tags }) => {
-        if (!tags.has("history-merge")) {
-          editor.dispatchCommand(TYPEAHEAD_MENU_COMMAND, {
-            decoratorNode
-          });
-        }
-      })
-    );
-  }, [editor, decoratorNode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, {});
-}
-
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-var import_LexicalComposerContext36 = require("@lexical/react/LexicalComposerContext");
-var import_LexicalErrorBoundary6 = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalHistoryPlugin7 = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalListPlugin2 = require("@lexical/react/LexicalListPlugin");
-var import_LexicalNestedComposer6 = require("@lexical/react/LexicalNestedComposer");
-var import_LexicalRichTextPlugin6 = require("@lexical/react/LexicalRichTextPlugin");
-var import_LexicalTabIndentationPlugin2 = require("@lexical/react/LexicalTabIndentationPlugin");
-var import_lexical44 = require("lexical");
-var import_react53 = require("react");
-
-// src/utils/extractSelectionNode.ts
-var import_lexical42 = require("lexical");
-function $extractSelectionNode() {
-  const selection = (0, import_lexical42.$getSelection)();
-  if (!(0, import_lexical42.$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
-var import_LexicalComposerContext35 = require("@lexical/react/LexicalComposerContext");
-var import_utils12 = require("@lexical/utils");
-var import_lexical43 = require("lexical");
-var import_react52 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-function FillInTheBlankSpaceComponentPlugin() {
-  const { nestedEditorId } = useNestedEditor();
-  const [editor] = (0, import_LexicalComposerContext35.useLexicalComposerContext)();
-  const lastSelectedNodeRef = (0, import_react52.useRef)(
-    void 0
-  );
-  const selectedSpaceNodeKeyRef = (0, import_react52.useRef)(void 0);
-  (0, import_react52.useEffect)(() => {
-    return (0, import_utils12.mergeRegister)(
-      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;
-        },
-        import_lexical43.COMMAND_PRIORITY_EDITOR
-      ),
-      // todo: extract this as a separate plugin
-      //  that tracks clicks on decorators and manages arrow keys
-      editor.registerCommand(
-        import_lexical43.CLICK_COMMAND,
-        (payload) => {
-          if (payload.target) {
-            const spaceNodeKey = payload.target.getAttribute("data-block-editor-space");
-            if (spaceNodeKey) {
-              selectedSpaceNodeKeyRef.current = spaceNodeKey;
-              editor.update(() => {
-                const newSelection = (0, import_lexical43.$createNodeSelection)();
-                newSelection.add(spaceNodeKey);
-                (0, import_lexical43.$setSelection)(newSelection);
-              });
-              return true;
-            }
-          }
-          selectedSpaceNodeKeyRef.current = void 0;
-          return false;
-        },
-        import_lexical43.COMMAND_PRIORITY_HIGH
-      ),
-      editor.registerCommand(
-        import_lexical43.SELECTION_CHANGE_COMMAND,
-        () => {
-          const selection = (0, import_lexical43.$getSelection)();
-          if ((0, import_lexical43.$isRangeSelection)(selection)) {
-            lastSelectedNodeRef.current = selection.anchor.getNode();
-          }
-          return false;
-        },
-        import_lexical43.COMMAND_PRIORITY_EDITOR
-      ),
-      ...[
-        import_lexical43.KEY_ARROW_UP_COMMAND,
-        import_lexical43.KEY_ARROW_RIGHT_COMMAND,
-        import_lexical43.KEY_ARROW_DOWN_COMMAND,
-        import_lexical43.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();
-              }
-            }
-            return false;
-          },
-          import_lexical43.COMMAND_PRIORITY_EDITOR
-        )
-      )
-    );
-  }, [editor, nestedEditorId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, {});
-}
-
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var CREATE_SPACE_FROM_SELECTION_COMMAND = (0, import_lexical44.createCommand)("CREATE_SPACE_FROM_SELECTION_COMMAND");
-function FillInTheBlankQuestionComponent(props) {
-  const { nodeKey, id, content } = props;
-  const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext36.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical44.CLICK_COMMAND,
-      (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 = (0, import_lexical44.$getNodeByKey)(nodeKey);
-              if ($isFillInTheBlankQuestionNode(foundNode)) {
-                const selection = (0, import_lexical44.$createNodeSelection)();
-                selection.add(nodeKey);
-                (0, import_lexical44.$setSelection)(selection);
-              }
+// src/plugins/VariablesPlugin/TypeaheadVariableAgentPlugin.tsx
+var import_LexicalComposerContext31 = require("@lexical/react/LexicalComposerContext");
+var import_utils9 = require("@lexical/utils");
+var import_lexical38 = require("lexical");
+var import_react48 = require("react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var TYPEAHEAD_VARIABLE_COMMAND = (0, import_lexical38.createCommand)("TYPEAHEAD_VARIABLE_COMMAND");
+function TypeaheadVariableAgentPlugin(props) {
+  const { decoratorNode } = props;
+  const { hasModule, modulesNumber } = useBlockEditor();
+  const [editor] = (0, import_LexicalComposerContext31.useLexicalComposerContext)();
+  (0, import_react48.useEffect)(() => {
+    if (hasModule("Variables")) {
+      return (0, import_utils9.mergeRegister)(
+        editor.registerUpdateListener(({ tags }) => {
+          if (!tags.has("history-merge")) {
+            editor.dispatchCommand(TYPEAHEAD_VARIABLE_COMMAND, {
+              decoratorNode
             });
           }
+        })
+      );
+    }
+  }, [editor, modulesNumber, decoratorNode, hasModule]);
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, {});
+}
+
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionItemComponent.tsx
+var import_LexicalComposerContext32 = require("@lexical/react/LexicalComposerContext");
+var import_LexicalErrorBoundary6 = require("@lexical/react/LexicalErrorBoundary");
+var import_LexicalHistoryPlugin7 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalNestedComposer6 = require("@lexical/react/LexicalNestedComposer");
+var import_LexicalRichTextPlugin6 = require("@lexical/react/LexicalRichTextPlugin");
+var import_clsx4 = __toESM(require("clsx"));
+var import_lexical39 = require("lexical");
+var import_lucide_react7 = require("lucide-react");
+var import_react49 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function JournalEntryQuestionItemComponent(props) {
+  const { nodeKey, id, itemIndex, correct, credit, debit, account } = props;
+  const { historyState } = useSharedHistoryContext();
+  const [editor] = (0, import_LexicalComposerContext32.useLexicalComposerContext)();
+  const addItem = (0, import_react49.useCallback)(() => {
+    editor.update(
+      () => {
+        const foundNode = (0, import_lexical39.$getNodeByKey)(nodeKey);
+        if ($isJournalEntryQuestionNode(foundNode)) {
+          foundNode.addItem(itemIndex, correct);
         }
-        return false;
       },
-      import_lexical44.COMMAND_PRIORITY_LOW
+      {
+        onUpdate: () => {
+          editor.getEditorState().read(() => {
+            const foundNode = (0, import_lexical39.$getNodeByKey)(nodeKey);
+            if ($isJournalEntryQuestionNode(foundNode)) {
+              const newEntryItem = foundNode.__lineItems[itemIndex + 1];
+              if (newEntryItem.account) {
+                newEntryItem.account.update(() => {
+                  const root = (0, import_lexical39.$getRoot)();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = (0, import_lexical39.$createParagraphNode)();
+                    root.append(firstChild);
+                  }
+                  firstChild.selectStart();
+                });
+              }
+              if (newEntryItem.credit) {
+                newEntryItem.credit.update(() => {
+                  const root = (0, import_lexical39.$getRoot)();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = (0, import_lexical39.$createParagraphNode)();
+                    root.append(firstChild);
+                  }
+                });
+              }
+              if (newEntryItem.debit) {
+                newEntryItem.debit.update(() => {
+                  const root = (0, import_lexical39.$getRoot)();
+                  let firstChild = root.getFirstChild();
+                  if (!firstChild) {
+                    firstChild = (0, import_lexical39.$createParagraphNode)();
+                    root.append(firstChild);
+                  }
+                });
+              }
+            }
+          });
+        }
+      }
     );
-  }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  }, [editor, nodeKey, itemIndex, correct]);
+  const removeItem = (0, import_react49.useCallback)(() => {
+    editor.update(() => {
+      const foundNode = (0, import_lexical39.$getNodeByKey)(nodeKey);
+      if ($isJournalEntryQuestionNode(foundNode)) {
+        foundNode.removeItem(itemIndex);
+      }
+    });
+  }, [editor, nodeKey, itemIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "div",
     {
-      ref: rootElementRef,
       id,
-      className: "fill-in-the-blank-question-prompt",
+      className: "journal-entry-question-prompt-question-item-wrapper",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "div",
           {
-            className: "fill-in-the-blank-question-prompt-title",
+            className: (0, import_clsx4.default)(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
             "data-selectable": "true",
-            children: "Fill In The Blank"
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-selectable": "true", children: correct ? "Account" : "Incorrect Choice" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: account, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  import_LexicalRichTextPlugin6.RichTextPlugin,
+                  {
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableComponentPlugin, {})
+              ] }) }) }),
+              (!debit || !credit) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  Button,
+                  {
+                    StartIcon: import_lucide_react7.CircleMinus,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: removeItem
+                  }
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  Button,
+                  {
+                    StartIcon: import_lucide_react7.CirclePlus,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: addItem
+                  }
+                ) })
+              ] })
+            ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        debit ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "div",
           {
-            className: "fill-in-the-blank-question-prompt-content",
+            className: (0, import_clsx4.default)(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "title", "data-selectable": "true", children: "Statement" }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(NestedEditor, { nodeKey, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FillInTheBlankSpaceComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FillInTheBlankSpaceSettingsPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-selectable": "true", children: "Debit" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: debit, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   import_LexicalRichTextPlugin6.RichTextPlugin,
                   {
-                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NestedContentEditable, {}),
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NestedContentEditable, {}),
                     ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
                     placeholder: null
                   },
                   nodeKey
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   TextToolbarAgentPlugin,
                   {
-                    decoratorNode: FillInTheBlankQuestionNode
+                    decoratorNode: JournalEntryQuestionNode
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TypeaheadVariableAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VariableComponentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VariableToolbarAgentPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-                  TypeaheadMenuAgentPlugin,
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableComponentPlugin, {})
+              ] }) }) })
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", {}),
+        credit ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          "div",
+          {
+            className: (0, import_clsx4.default)(
+              "journal-entry-question-prompt-question-item",
+              {
+                correct,
+                incorrect: !correct
+              }
+            ),
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-selectable": "true", children: "Credit" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalNestedComposer6.LexicalNestedComposer, { initialEditor: credit, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  import_LexicalRichTextPlugin6.RichTextPlugin,
+                  {
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary6.LexicalErrorBoundary,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_LexicalHistoryPlugin7.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: JournalEntryQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VariableToolbarAgentPlugin, {})
+              ] }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "controls", children: [
+                itemIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  Button,
+                  {
+                    StartIcon: import_lucide_react7.CircleMinus,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: removeItem
+                  }
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  Button,
+                  {
+                    StartIcon: import_lucide_react7.CirclePlus,
+                    size: "medium",
+                    variant: "text",
+                    className: "cancel",
+                    onClick: addItem
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", {})
+      ]
+    }
+  );
+}
+
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionComponent.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function JournalEntryQuestionComponent(props) {
+  const { nodeKey, journalType, lineItems, id } = props;
+  const [editor] = (0, import_LexicalComposerContext33.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react50.useRef)(null);
+  (0, import_react50.useEffect)(() => {
+    return editor.registerCommand(
+      import_lexical40.CLICK_COMMAND,
+      (event, _activeEditor) => {
+        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
+          "data-selectable"
+        )) {
+          editor.update(() => {
+            const foundNode = (0, import_lexical40.$getNodeByKey)(nodeKey);
+            if ($isJournalEntryQuestionNode(foundNode)) {
+              const selection = (0, import_lexical40.$createNodeSelection)();
+              selection.add(nodeKey);
+              (0, import_lexical40.$setSelection)(selection);
+            }
+          });
+        }
+        return false;
+      },
+      import_lexical40.COMMAND_PRIORITY_LOW
+    );
+  }, [editor]);
+  const doNeedDistractor = lineItems.reduce((a, i) => {
+    return i.correct ? a : ++a;
+  }, 0) <= 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    "div",
+    {
+      ref: rootElementRef,
+      id,
+      className: "journal-entry-question-prompt",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          "div",
+          {
+            className: "journal-entry-question-prompt-title",
+            "data-selectable": "true",
+            children: "Journal Entry"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+          "div",
+          {
+            className: "journal-entry-question-prompt-items",
+            "data-selectable": "true",
+            children: [
+              journalType === "noEntryRequiredCorrect" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+                "div",
+                {
+                  className: "journal-entry-question-prompt-question-item correct",
+                  "data-selectable": "true",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "title", "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { "data-selectable": "true", children: "Correct Choice" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { "data-selectable": "true", children: "No Entry Required" })
+                  ]
+                }
+              ),
+              journalType === "noEntryRequiredCorrect" && lineItems.map((journalEntryItem, itemIndex) => {
+                if (!journalEntryItem.correct) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                    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__ */ (0, import_jsx_runtime66.jsx)(
+                  JournalEntryQuestionItemComponent,
                   {
-                    decoratorNode: FillInTheBlankQuestionNode
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ListLevelLimitPlugin, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Table, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {})
-              ] }) })
+                    nodeKey,
+                    id: journalEntryItem.id,
+                    itemIndex,
+                    correct: journalEntryItem.correct,
+                    account: journalEntryItem.account,
+                    debit: journalEntryItem.debit,
+                    credit: journalEntryItem.credit
+                  },
+                  journalEntryItem.id
+                );
+              }),
+              doNeedDistractor && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                DistractorButton,
+                {
+                  nodeKey,
+                  itemIndex: lineItems.length - 1
+                }
+              )
             ]
           }
         )
@@ -7670,33 +7587,65 @@ function FillInTheBlankQuestionComponent(props) {
   );
 }
 
-// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionNode.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var TYPE_NAME8 = "fill-in-the-blank-question";
-function initNewContentEditor5() {
-  return (0, import_lexical45.createEditor)();
+// src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionNode.tsx
+var import_lexical41 = require("lexical");
+var import_nanoid6 = require("nanoid");
+var import_jsx_runtime67 = require("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 (0, import_lexical41.createEditor)();
 }
-var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends import_lexical45.DecoratorNode {
-  constructor(pointsPerSpace, id, content, key) {
+var JournalEntryQuestionNode = class _JournalEntryQuestionNode extends import_lexical41.DecoratorNode {
+  constructor(points, journalType, errorTolerance, lineItems, id, key) {
     super(key);
+    this.__points = points < 0 ? 1 : points;
+    this.__journalType = journalType;
+    this.__errorTolerance = errorTolerance;
     this.__id = id || (0, import_nanoid6.nanoid)();
-    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: (0, import_nanoid6.nanoid)(),
+          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() {
@@ -7713,24 +7662,70 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends impor
     return null;
   }
   static importJSON(serializedNode) {
-    const nestedEditor = (0, import_lexical45.createEditor)();
-    const editorState = nestedEditor.parseEditorState(
-      serializedNode.content.editorState
-    );
-    if (!editorState.isEmpty()) {
-      nestedEditor.setEditorState(editorState);
+    const restoredItems = [];
+    for (const item of serializedNode.lineItems) {
+      const accountNestedEditor = (0, import_lexical41.createEditor)();
+      const editorState = accountNestedEditor.parseEditorState(
+        item.account.editorState
+      );
+      if (!editorState.isEmpty()) {
+        accountNestedEditor.setEditorState(editorState);
+      }
+      if (item.correct && item.credit && item.debit) {
+        const creditNestedEditor = (0, import_lexical41.createEditor)();
+        let editorState2 = creditNestedEditor.parseEditorState(
+          item.credit.editorState
+        );
+        if (!editorState2.isEmpty()) {
+          creditNestedEditor.setEditorState(editorState2);
+        }
+        const debitNestedEditor = (0, import_lexical41.createEditor)();
+        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
     };
@@ -7747,280 +7742,421 @@ var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends impor
   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 = (0, import_lexical41.$getRoot)();
+        let firstChild = root.getFirstChild();
+        if (!firstChild) {
+          firstChild = (0, import_lexical41.$createParagraphNode)();
+          firstChild.append((0, import_lexical41.$createTextNode)("No Entry Required"));
+          root.append(firstChild);
+        }
+      });
+      newItems.push({
+        id: (0, import_nanoid6.nanoid)(),
+        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: (0, import_nanoid6.nanoid)(),
+      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__ */ (0, import_jsx_runtime70.jsx)(
-      FillInTheBlankQuestionComponent,
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      JournalEntryQuestionComponent,
       {
         nodeKey: this.__key,
-        id: this.__id,
-        content: this.__content
+        journalType: this.__journalType,
+        lineItems: this.__lineItems,
+        id: this.__id
       }
     );
-  }
-};
-function $createFillInTheBlankQuestionNode(pointsPerSpace, id, content) {
-  return (0, import_lexical45.$applyNodeReplacement)(
-    new FillInTheBlankQuestionNode(pointsPerSpace, id, content)
-  );
-}
-function $isFillInTheBlankQuestionNode(node) {
-  return node instanceof FillInTheBlankQuestionNode;
+  }
+};
+function $createJournalEntryQuestionNode(points, journalType, errorTolerance, lineItems, id) {
+  return (0, import_lexical41.$applyNodeReplacement)(
+    new JournalEntryQuestionNode(
+      points,
+      journalType || "default",
+      errorTolerance,
+      lineItems,
+      id
+    )
+  );
+}
+function $isJournalEntryQuestionNode(node) {
+  return node instanceof JournalEntryQuestionNode;
+}
+
+// src/plugins/TextToolbarPlugin/TextToolbarAgentPlugin.tsx
+var import_LexicalComposerContext34 = require("@lexical/react/LexicalComposerContext");
+var import_utils10 = require("@lexical/utils");
+var import_lexical42 = require("lexical");
+var import_react51 = require("react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND = (0, import_lexical42.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function TextToolbarAgentPlugin(props) {
+  const { decoratorNode } = props;
+  const [editor] = (0, import_LexicalComposerContext34.useLexicalComposerContext)();
+  (0, import_react51.useEffect)(() => {
+    return (0, import_utils10.mergeRegister)(
+      editor.registerCommand(
+        import_lexical42.SELECTION_CHANGE_COMMAND,
+        (_payload, activeEditor) => {
+          if (editor === activeEditor) {
+            activeEditor.dispatchCommand(
+              TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
+              { decoratorNode }
+            );
+          }
+          return false;
+        },
+        import_lexical42.COMMAND_PRIORITY_EDITOR
+      ),
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(
+            TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
+            { decoratorNode }
+          );
+        }
+      })
+    );
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, {});
+}
+
+// src/plugins/TypeaheadMenuPlugin/TypeaheadMenuAgentPlugin.tsx
+var import_LexicalComposerContext35 = require("@lexical/react/LexicalComposerContext");
+var import_utils11 = require("@lexical/utils");
+var import_lexical43 = require("lexical");
+var import_react52 = require("react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var TYPEAHEAD_MENU_COMMAND = (0, import_lexical43.createCommand)("TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND");
+function TypeaheadMenuAgentPlugin(props) {
+  const { decoratorNode } = props;
+  const [editor] = (0, import_LexicalComposerContext35.useLexicalComposerContext)();
+  (0, import_react52.useEffect)(() => {
+    return (0, import_utils11.mergeRegister)(
+      editor.registerUpdateListener(({ tags }) => {
+        if (!tags.has("history-merge")) {
+          editor.dispatchCommand(TYPEAHEAD_MENU_COMMAND, {
+            decoratorNode
+          });
+        }
+      })
+    );
+  }, [editor, decoratorNode]);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, {});
 }
 
-// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionNode.tsx
-var import_lexical47 = require("lexical");
-var import_nanoid7 = require("nanoid");
-
-// src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionComponent.tsx
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
 var import_LexicalComposerContext37 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalErrorBoundary7 = require("@lexical/react/LexicalErrorBoundary");
 var import_LexicalHistoryPlugin8 = require("@lexical/react/LexicalHistoryPlugin");
+var import_LexicalListPlugin2 = require("@lexical/react/LexicalListPlugin");
 var import_LexicalNestedComposer7 = require("@lexical/react/LexicalNestedComposer");
 var import_LexicalRichTextPlugin7 = require("@lexical/react/LexicalRichTextPlugin");
+var import_LexicalTabIndentationPlugin2 = require("@lexical/react/LexicalTabIndentationPlugin");
 var import_lexical46 = require("lexical");
 var import_react54 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-function FinancialStatementQuestionComponent(props) {
-  const { id, header, columnHeaders, rows, distractors, nodeKey } = props;
-  const { historyState } = useSharedHistoryContext();
-  const [editor] = (0, import_LexicalComposerContext37.useLexicalComposerContext)();
-  const rootElementRef = (0, import_react54.useRef)(null);
-  (0, import_react54.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical46.CLICK_COMMAND,
-      (event, _activeEditor) => {
-        if (rootElementRef.current?.contains(event.target) && event.target.hasAttribute(
-          "data-selectable"
-        )) {
-          editor.update(() => {
-            const foundNode = (0, import_lexical46.$getNodeByKey)(nodeKey);
-            if ($isFinancialStatementQuestionNode(foundNode)) {
-              const selection = (0, import_lexical46.$createNodeSelection)();
-              selection.add(nodeKey);
-              (0, import_lexical46.$setSelection)(selection);
+
+// src/utils/extractSelectionNode.ts
+var import_lexical44 = require("lexical");
+function $extractSelectionNode() {
+  const selection = (0, import_lexical44.$getSelection)();
+  if (!(0, import_lexical44.$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
+var import_LexicalComposerContext36 = require("@lexical/react/LexicalComposerContext");
+var import_utils12 = require("@lexical/utils");
+var import_lexical45 = require("lexical");
+var import_react53 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+function FillInTheBlankSpaceComponentPlugin() {
+  const { nestedEditorId } = useNestedEditor();
+  const [editor] = (0, import_LexicalComposerContext36.useLexicalComposerContext)();
+  const lastSelectedNodeRef = (0, import_react53.useRef)(
+    void 0
+  );
+  const selectedSpaceNodeKeyRef = (0, import_react53.useRef)(void 0);
+  (0, import_react53.useEffect)(() => {
+    return (0, import_utils12.mergeRegister)(
+      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;
+        },
+        import_lexical45.COMMAND_PRIORITY_EDITOR
+      ),
+      // todo: extract this as a separate plugin
+      //  that tracks clicks on decorators and manages arrow keys
+      editor.registerCommand(
+        import_lexical45.CLICK_COMMAND,
+        (payload) => {
+          if (payload.target) {
+            const spaceNodeKey = payload.target.getAttribute("data-block-editor-space");
+            if (spaceNodeKey) {
+              selectedSpaceNodeKeyRef.current = spaceNodeKey;
+              editor.update(() => {
+                const newSelection = (0, import_lexical45.$createNodeSelection)();
+                newSelection.add(spaceNodeKey);
+                (0, import_lexical45.$setSelection)(newSelection);
+              });
+              return true;
             }
-          });
-        }
-        return false;
-      },
-      import_lexical46.COMMAND_PRIORITY_LOW
-    );
-  }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
-    "div",
-    {
-      ref: rootElementRef,
-      id,
-      className: "financial-statement-question-prompt",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-          "div",
-          {
-            className: "financial-statement-question-prompt-title",
-            "data-selectable": "true",
-            children: "Financial Statement"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("table", { "data-selectable": "true", style: { width: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("thead", { "data-selectable": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tr", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-              "td",
-              {
-                className: "financial-statement-question-header",
-                colSpan: 2,
-                "data-selectable": "true",
-                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: header, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(NestedEditor, { nodeKey, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                    import_LexicalRichTextPlugin7.RichTextPlugin,
-                    {
-                      contentEditable: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NestedContentEditable, {}),
-                      ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
-                      placeholder: null
-                    },
-                    nodeKey
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                    import_LexicalHistoryPlugin8.HistoryPlugin,
-                    {
-                      externalHistoryState: historyState
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TypeaheadVariableAgentPlugin, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(VariableComponentPlugin, {})
-                ] }) })
-              }
-            ) }),
-            columnHeaders.length >= 2 && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tr", { "data-selectable": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                "th",
-                {
-                  "data-selectable": "true",
-                  style: { textAlign: "left" },
-                  children: columnHeaders[0]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                "th",
-                {
-                  "data-selectable": "true",
-                  style: { textAlign: "right" },
-                  children: columnHeaders[1]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tbody", { children: [
-            rows.map(
-              (rowItem, rowItemIndex) => {
-                if (rowItem.type === "Heading") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tr", { "data-selectable": "true", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                      "strong",
-                      {
-                        style: {
-                          paddingLeft: `calc(1em * ${rowItem.depth})`
-                        },
-                        children: rowItem.entry
-                      }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                      "td",
-                      {
-                        className: "financial-statement-question-cell",
-                        "data-selectable": "true",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "financial-statement-question-cell-id", children: [
-                          "A",
-                          rowItemIndex + 1
-                        ] })
-                      }
-                    )
-                  ] }, rowItem.id);
-                } else if (rowItem.type === "Line") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tr", { "data-selectable": "true", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                      "span",
-                      {
-                        style: {
-                          paddingLeft: `calc(1em * ${rowItem.depth})`
-                        },
-                        children: rowItem.entry
-                      }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
-                      "td",
-                      {
-                        className: "financial-statement-question-cell",
-                        "data-selectable": "true",
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "financial-statement-question-cell-id", children: [
-                            "A",
-                            rowItemIndex + 1
-                          ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                            import_LexicalNestedComposer7.LexicalNestedComposer,
-                            {
-                              initialEditor: rowItem.amount,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(NestedEditor, { nodeKey, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SettingsPanelNestedAgentPlugin, {}),
-                                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                                  import_LexicalRichTextPlugin7.RichTextPlugin,
-                                  {
-                                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NestedContentEditable, {}),
-                                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
-                                    placeholder: null
-                                  },
-                                  nodeKey
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                                  import_LexicalHistoryPlugin8.HistoryPlugin,
-                                  {
-                                    externalHistoryState: historyState
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TypeaheadVariableAgentPlugin, {}),
-                                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(VariableComponentPlugin, {})
-                              ] })
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ] }, rowItem.id);
-                }
-              }
-            ),
-            distractors.map(
-              (distractorItem) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tr", { "data-selectable": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { "data-selectable": "true", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-                    "span",
-                    {
-                      style: { color: "var(--sl-color-red-500)" },
-                      children: distractorItem.entry
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { "data-selectable": "true" })
-                ] }, distractorItem.id);
+          selectedSpaceNodeKeyRef.current = void 0;
+          return false;
+        },
+        import_lexical45.COMMAND_PRIORITY_HIGH
+      ),
+      editor.registerCommand(
+        import_lexical45.SELECTION_CHANGE_COMMAND,
+        () => {
+          const selection = (0, import_lexical45.$getSelection)();
+          if ((0, import_lexical45.$isRangeSelection)(selection)) {
+            lastSelectedNodeRef.current = selection.anchor.getNode();
+          }
+          return false;
+        },
+        import_lexical45.COMMAND_PRIORITY_EDITOR
+      ),
+      ...[
+        import_lexical45.KEY_ARROW_UP_COMMAND,
+        import_lexical45.KEY_ARROW_RIGHT_COMMAND,
+        import_lexical45.KEY_ARROW_DOWN_COMMAND,
+        import_lexical45.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();
               }
-            )
-          ] })
-        ] }) })
+            }
+            return false;
+          },
+          import_lexical45.COMMAND_PRIORITY_EDITOR
+        )
+      )
+    );
+  }, [editor, nestedEditorId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, {});
+}
+
+// src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionComponent.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var CREATE_SPACE_FROM_SELECTION_COMMAND = (0, import_lexical46.createCommand)("CREATE_SPACE_FROM_SELECTION_COMMAND");
+function FillInTheBlankQuestionComponent(props) {
+  const { nodeKey, id, content } = props;
+  const { historyState } = useSharedHistoryContext();
+  const [editor] = (0, import_LexicalComposerContext37.useLexicalComposerContext)();
+  const rootElementRef = (0, import_react54.useRef)(null);
+  (0, import_react54.useEffect)(() => {
+    return editor.registerCommand(
+      import_lexical46.CLICK_COMMAND,
+      (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 = (0, import_lexical46.$getNodeByKey)(nodeKey);
+              if ($isFillInTheBlankQuestionNode(foundNode)) {
+                const selection = (0, import_lexical46.$createNodeSelection)();
+                selection.add(nodeKey);
+                (0, import_lexical46.$setSelection)(selection);
+              }
+            });
+          }
+        }
+        return false;
+      },
+      import_lexical46.COMMAND_PRIORITY_LOW
+    );
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    "div",
+    {
+      ref: rootElementRef,
+      id,
+      className: "fill-in-the-blank-question-prompt",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          "div",
+          {
+            className: "fill-in-the-blank-question-prompt-title",
+            "data-selectable": "true",
+            children: "Fill In The Blank"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+          "div",
+          {
+            className: "fill-in-the-blank-question-prompt-content",
+            "data-selectable": "true",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "title", "data-selectable": "true", children: "Statement" }),
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_LexicalNestedComposer7.LexicalNestedComposer, { initialEditor: content, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(NestedEditor, { nodeKey, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SettingsPanelNestedAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(FillInTheBlankSpaceComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(FillInTheBlankSpaceSettingsPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                  import_LexicalRichTextPlugin7.RichTextPlugin,
+                  {
+                    contentEditable: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NestedContentEditable, {}),
+                    ErrorBoundary: import_LexicalErrorBoundary7.LexicalErrorBoundary,
+                    placeholder: null
+                  },
+                  nodeKey
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_LexicalHistoryPlugin8.HistoryPlugin, { externalHistoryState: historyState }),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                  TextToolbarAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                  TypeaheadVariableAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(VariableComponentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(VariableToolbarAgentPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                  TypeaheadMenuAgentPlugin,
+                  {
+                    decoratorNode: FillInTheBlankQuestionNode
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ListLevelLimitPlugin, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Table, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {})
+              ] }) })
+            ]
+          }
+        )
       ]
     }
   );
 }
 
-// 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
 var import_jsx_runtime72 = require("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 import_lexical47.DecoratorNode {
-  constructor(points, header, columnHeaders, rows, distractors, id, key) {
+var TYPE_NAME9 = "fill-in-the-blank-question";
+function initNewContentEditor5() {
+  return (0, import_lexical47.createEditor)();
+}
+var FillInTheBlankQuestionNode = class _FillInTheBlankQuestionNode extends import_lexical47.DecoratorNode {
+  constructor(pointsPerSpace, id, content, key) {
     super(key);
     this.__id = id || (0, import_nanoid7.nanoid)();
-    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() {
@@ -8037,86 +8173,24 @@ var FinancialStatementQuestionNode = class _FinancialStatementQuestionNode exten
     return null;
   }
   static importJSON(serializedNode) {
-    const headerNestedEditor = (0, import_lexical47.createEditor)();
-    const editorState = headerNestedEditor.parseEditorState(
-      serializedNode.header.editorState
+    const nestedEditor = (0, import_lexical47.createEditor)();
+    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 = (0, import_lexical47.createEditor)();
-        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
     };
@@ -8133,38 +8207,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__ */ (0, import_jsx_runtime72.jsx)(
-      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 (0, import_lexical47.$applyNodeReplacement)(
-    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
@@ -10368,10 +10432,12 @@ function traverseListNode(rootNode, cb) {
     cb(rootNode);
     const children = rootNode.getChildren();
     for (const childNode of children) {
-      if ((0, import_list3.$isListNode)(childNode)) {
+      if ((0, import_list3.$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);
+          }
         }
       }
     }
@@ -14935,7 +15001,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,
@@ -14943,7 +15009,7 @@ function renderVariableMenu(list, popupRef, highlighterRef, activeEditorRef, tex
       onClick: () => {
         replaceWithVariable(
           variableName,
-          FORMAT_WHOLE_NUMBER,
+          doInferVariableType ? inferFormat(variableName) : void 0,
           activeEditorRef.current,
           textToReplaceTargetRef.current,
           onUpdateCb
@@ -15146,7 +15212,7 @@ function removeTextInDomSelection(editor, leadOffset, onUpdate) {
 
 // src/plugins/VariablesPlugin/TypeaheadVariablePlugin.tsx
 var import_LexicalComposerContext63 = require("@lexical/react/LexicalComposerContext");
-var import_utils31 = require("@lexical/utils");
+var import_utils33 = require("@lexical/utils");
 var import_lexical95 = require("lexical");
 var import_react93 = require("react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -15161,6 +15227,7 @@ function TypeaheadVariablePlugin() {
   const highlighterRef = (0, import_react93.useRef)(null);
   const activeEditorRef = (0, import_react93.useRef)();
   const textToReplaceTargetRef = (0, import_react93.useRef)();
+  const activeDecoratorRef = (0, import_react93.useRef)(void 0);
   const handleUpdate = () => {
     activeEditorRef.current?.getEditorState().read(() => {
       const selection = (0, import_lexical95.$getSelection)();
@@ -15260,7 +15327,7 @@ function TypeaheadVariablePlugin() {
           if (foundVariable) {
             replaceWithVariable(
               foundVariable,
-              FORMAT_WHOLE_NUMBER,
+              activeDecoratorRef.current === JournalEntryQuestionNode ? void 0 : inferFormat(foundVariable),
               activeEditorRef.current,
               textToReplaceTargetRef.current
             );
@@ -15272,7 +15339,7 @@ function TypeaheadVariablePlugin() {
         }
         replaceWithVariable(
           newVariable,
-          FORMAT_WHOLE_NUMBER,
+          activeDecoratorRef.current === JournalEntryQuestionNode ? void 0 : inferFormat(newVariable),
           activeEditorRef.current,
           textToReplaceTargetRef.current,
           (newNode) => {
@@ -15303,10 +15370,11 @@ function TypeaheadVariablePlugin() {
     return false;
   };
   (0, import_react93.useEffect)(() => {
-    return (0, import_utils31.mergeRegister)(
+    return (0, import_utils33.mergeRegister)(
       editor.registerCommand(
         TYPEAHEAD_VARIABLE_COMMAND,
-        (_payload, activeEditor) => {
+        (payload, activeEditor) => {
+          activeDecoratorRef.current = payload.decoratorNode;
           activeEditorRef.current = activeEditor;
           handleUpdate();
           return true;
@@ -15345,7 +15413,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);
@@ -15377,9 +15448,10 @@ function TypeaheadVariablePlugin() {
       popupRef,
       highlighterRef,
       activeEditorRef,
-      textToReplaceTargetRef
+      textToReplaceTargetRef,
+      activeDecoratorRef.current !== JournalEntryQuestionNode
     );
-  }, [editor, variableList]);
+  }, [variableList, activeDecoratorRef.current]);
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       PopupMenu,
@@ -15491,7 +15563,7 @@ var import_LexicalComposerContext64 = require("@lexical/react/LexicalComposerCon
 var import_rich_text10 = require("@lexical/rich-text");
 var import_selection2 = require("@lexical/selection");
 var import_table16 = require("@lexical/table");
-var import_utils32 = require("@lexical/utils");
+var import_utils34 = require("@lexical/utils");
 var import_lexical96 = require("lexical");
 var import_debounce5 = __toESM(require("lodash-es/debounce"));
 var import_lucide_react19 = require("lucide-react");
@@ -15536,7 +15608,7 @@ function TextToolbarPlugin() {
       }
       const nodes = selection.getNodes();
       for (const node of nodes) {
-        const element = (0, import_utils32.$findMatchingParent)(
+        const element = (0, import_utils34.$findMatchingParent)(
           node,
           (parentNode) => (0, import_lexical96.$isElementNode)(parentNode) && !parentNode.isInline()
         );
@@ -15767,7 +15839,7 @@ function TextToolbarPlugin() {
     }
   };
   (0, import_react94.useEffect)(() => {
-    return (0, import_utils32.mergeRegister)(
+    return (0, import_utils34.mergeRegister)(
       editor.registerCommand(
         TEXT_TOOLBAR_SELECTION_CHANGE_COMMAND,
         (payload, activeEditor) => {
@@ -15802,7 +15874,7 @@ function TextToolbarPlugin() {
                 return false;
               }
               const anchorNode = selection.anchor.getNode();
-              let element = anchorNode.getKey() === "root" ? anchorNode : (0, import_utils32.$findMatchingParent)(
+              let element = anchorNode.getKey() === "root" ? anchorNode : (0, import_utils34.$findMatchingParent)(
                 anchorNode,
                 (e) => {
                   const parent = e.getParent();
@@ -16562,7 +16634,7 @@ function FinancialStatementQuestionSettings(props) {
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionPlugin.tsx
 var import_LexicalComposerContext66 = require("@lexical/react/LexicalComposerContext");
-var import_utils33 = require("@lexical/utils");
+var import_utils35 = require("@lexical/utils");
 var import_lexical99 = require("lexical");
 var import_react96 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
@@ -16577,7 +16649,7 @@ function FinancialStatementQuestionPlugin() {
   const [editor] = (0, import_LexicalComposerContext66.useLexicalComposerContext)();
   const settingsPanelStickyRef = (0, import_react96.useRef)(null);
   (0, import_react96.useEffect)(() => {
-    return (0, import_utils33.mergeRegister)(
+    return (0, import_utils35.mergeRegister)(
       editor.registerCommand(
         INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND,
         (payload, activeEditor) => {
@@ -16886,7 +16958,7 @@ function useTypeaheadTriggerMatch2(trigger, {
 var import_LexicalComposerContext67 = require("@lexical/react/LexicalComposerContext");
 var import_rich_text12 = require("@lexical/rich-text");
 var import_table17 = require("@lexical/table");
-var import_utils34 = require("@lexical/utils");
+var import_utils36 = require("@lexical/utils");
 var import_lexical101 = require("lexical");
 var import_react98 = require("react");
 
@@ -17130,7 +17202,7 @@ function TypeaheadMenuPlugin() {
     return false;
   };
   (0, import_react98.useEffect)(() => {
-    return (0, import_utils34.mergeRegister)(
+    return (0, import_utils36.mergeRegister)(
       editor.registerCommand(
         TYPEAHEAD_MENU_COMMAND,
         (payload, activeEditor) => {
@@ -17673,7 +17745,7 @@ function Image(props) {
 // src/plugins/LinkToolbarPlugin/LinkToolbarPlugin.tsx
 var import_link4 = require("@lexical/link");
 var import_LexicalComposerContext69 = require("@lexical/react/LexicalComposerContext");
-var import_utils35 = require("@lexical/utils");
+var import_utils37 = require("@lexical/utils");
 var import_lexical102 = require("lexical");
 var import_debounce6 = __toESM(require("lodash-es/debounce"));
 var import_lucide_react26 = require("lucide-react");
@@ -17705,7 +17777,7 @@ function LinkToolbarPlugin() {
     [editor]
   );
   (0, import_react104.useEffect)(() => {
-    return (0, import_utils35.mergeRegister)(
+    return (0, import_utils37.mergeRegister)(
       editor.registerCommand(
         import_lexical102.CLICK_COMMAND,
         (event, activeEditor) => {
@@ -18407,7 +18479,7 @@ function VariableSettingsPlugin() {
 
 // src/plugins/VariablesPlugin/VariableToolbarPlugin.tsx
 var import_LexicalComposerContext71 = require("@lexical/react/LexicalComposerContext");
-var import_utils37 = require("@lexical/utils");
+var import_utils39 = require("@lexical/utils");
 var import_lexical104 = require("lexical");
 var import_debounce7 = __toESM(require("lodash-es/debounce"));
 var import_lucide_react28 = require("lucide-react");
@@ -18522,7 +18594,7 @@ function VariableToolbarPlugin() {
     [activeEditorRef.current]
   );
   (0, import_react110.useEffect)(() => {
-    return (0, import_utils37.mergeRegister)(
+    return (0, import_utils39.mergeRegister)(
       editor.registerCommand(
         VARIABLE_TOOLBAR_SELECTION_CHANGE_COMMAND,
         (_, activeEditor) => {