@sendbird/actionbook-core 0.10.6 → 0.10.7

package/dist/{types-DK_GhIWZ.d.ts → types-BQ95zx4j.d.ts}

@@ -61,6 +61,7 @@ type HeadingNode = {
 type ListItemNode = {
     readonly type: 'listItem';
     readonly checked?: boolean | null;
+    readonly value?: number | null;
     readonly spread?: boolean;
     readonly content: readonly BlockNode[];
 };

package/dist/ui/index.d.ts

@@ -3,7 +3,7 @@ import { Plugin, Command, EditorState, PluginKey } from 'prosemirror-state';
 import { InputRule } from 'prosemirror-inputrules';
 import { EditorView, Decoration, NodeView } from 'prosemirror-view';
 import React$1, { ReactElement, RefCallback } from 'react';
-import { D as DocumentNode, A as AstNode, t as LlmCompletionEndpoint, I as InlineNode, B as BlockNode, v as JSONContent } from '../types-DK_GhIWZ.js';
+import { D as DocumentNode, A as AstNode, t as LlmCompletionEndpoint, I as InlineNode, B as BlockNode, v as JSONContent } from '../types-BQ95zx4j.js';
 
 /**
  * ProseMirror Schema for Actionbook documents.

package/dist/ui/index.js

@@ -55,7 +55,7 @@ var actionbookSchema = new Schema({
     },
     listItem: {
       content: "block+",
-      attrs: { checked: { default: null } },
+      attrs: { checked: { default: null }, value: { default: null } },
       parseDOM: [
         {
           tag: "li",
@@ -63,20 +63,25 @@ var actionbookSchema = new Schema({
             const el = dom;
             const checkbox = el.querySelector('input[type="checkbox"]');
             if (checkbox) {
-              return { checked: checkbox.checked };
+              return { checked: checkbox.checked, value: el.value || null };
             }
             if (el.dataset.checked != null) {
-              return { checked: el.dataset.checked === "true" };
+              return { checked: el.dataset.checked === "true", value: el.value || null };
             }
-            return { checked: null };
+            return { checked: null, value: el.value || null };
           }
         }
       ],
       toDOM(node) {
+        const liAttrs = {};
         if (node.attrs.checked != null) {
-          return ["li", { class: "todo-item", "data-checked": String(node.attrs.checked) }, 0];
+          liAttrs.class = "todo-item";
+          liAttrs["data-checked"] = String(node.attrs.checked);
         }
-        return ["li", 0];
+        if (node.attrs.value != null) {
+          liAttrs.value = String(node.attrs.value);
+        }
+        return Object.keys(liAttrs).length > 0 ? ["li", liAttrs, 0] : ["li", 0];
       },
       defining: true
     },
@@ -1425,6 +1430,10 @@ function convertPMListItem(node, depth = 0) {
   if (typeof checked === "boolean") {
     base.checked = checked;
   }
+  const value = node.attrs?.value;
+  if (value != null) {
+    base.value = value;
+  }
   return base;
 }
 function fromProseMirrorJSON(pmJSON) {
@@ -2320,13 +2329,21 @@ function blockToMdast(node, depth = 0) {
       ];
     }
     case "orderedList": {
-      const items = node.content.map((li) => listItemToMdast(li, depth + 1));
+      const spread = node.spread ?? false;
+      let counter = node.start;
+      const items = node.content.map((li) => {
+        const mdastLi = listItemToMdast(li, depth + 1);
+        if (li.value != null) counter = li.value;
+        mdastLi._ordinalValue = counter;
+        counter++;
+        return mdastLi;
+      });
       return [
         {
           type: "list",
           ordered: true,
-          start: node.start,
-          spread: node.spread ?? false,
+          start: node.content[0]?.value ?? node.start,
+          spread,
           children: items
         }
       ];
@@ -2415,10 +2432,24 @@ function linkHandler(node, parent, state, info) {
   const titlePart = title ? ` "${title.replace(/"/g, '\\"')}"` : "";
   return `[${childrenText}](${url}${titlePart})`;
 }
+function listItemHandler(node, parent, state, info) {
+  const value = node._ordinalValue;
+  if (value != null && parent && parent.ordered) {
+    const list = parent;
+    const savedStart = list.start;
+    const idx = list.children.indexOf(node);
+    list.start = value - idx;
+    const result = defaultHandlers3.listItem(node, parent, state, info);
+    list.start = savedStart;
+    return result;
+  }
+  return defaultHandlers3.listItem(node, parent, state, info);
+}
 function serializeToMarkdown(doc2) {
   const mdastTree = toMdast(doc2);
   const raw = toMarkdown(mdastTree, {
     bullet: "-",
+    bulletOrdered: ".",
     rule: "-",
     listItemIndent: "one",
     incrementListMarker: true,
@@ -2434,6 +2465,7 @@ function serializeToMarkdown(doc2) {
     handlers: {
       text: textHandler,
       link: linkHandler,
+      listItem: listItemHandler,
       ...resourceTagToMarkdown().handlers,
       ...jumpPointToMarkdown().handlers
     },
@@ -2569,8 +2601,11 @@ function convertBlock2(node) {
         type: "listItem",
         content: node.content.flatMap(convertBlockToArray)
       };
-      if (node.checked != null) {
-        result.attrs = { checked: node.checked };
+      if (node.checked != null || node.value != null) {
+        result.attrs = {
+          ...node.checked != null ? { checked: node.checked } : {},
+          ...node.value != null ? { value: node.value } : {}
+        };
       }
       return result;
     }
@@ -3025,15 +3060,22 @@ var STRIKE_RE = /(?:^|[^~])~~([^~]+)~~$/;
 var CODE_RE = /(?:^|[^`])`([^`]+)`$/;
 function findParentList(state, pos) {
   const $pos = state.doc.resolve(pos);
-  const { bulletList: blType, orderedList: olType } = actionbookSchema.nodes;
   for (let d = $pos.depth; d > 0; d--) {
     const node = $pos.node(d);
-    if (node.type === blType || node.type === olType) {
+    const name = node.type.name;
+    if (name === "bulletList" || name === "orderedList") {
       return { depth: d, node };
     }
   }
   return null;
 }
+function isInsideList(state, pos) {
+  const $pos = state.doc.resolve(pos);
+  for (let d = $pos.depth; d > 0; d--) {
+    if ($pos.node(d).type.name === "listItem") return true;
+  }
+  return false;
+}
 var NOOP = /* @__PURE__ */ Symbol("noop");
 function handleListInputRule(state, start, end, listType, attrs) {
   const resolvePos = Math.max(start, end - 1);
@@ -3044,27 +3086,46 @@ function handleListInputRule(state, start, end, listType, attrs) {
   const paraContentSize = $from.parent.content.size;
   const matchedLen = end - start;
   const isMarkerOnly = paraContentSize === matchedLen;
-  if (listNode.type === listType) {
-    if (isMarkerOnly && listType === actionbookSchema.nodes.orderedList && attrs?.start != null) {
-      const newStart = attrs.start;
-      const currentStart = listNode.attrs.start ?? 1;
-      if (newStart !== currentStart) {
-        const listStart = $from.before(listDepth);
+  if (listNode.type.name === listType.name) {
+    if (listType.name === "orderedList" && attrs?.start != null) {
+      const newValue = attrs.start;
+      let liDepth2 = -1;
+      for (let d = $from.depth; d > 0; d--) {
+        if ($from.node(d).type.name === "listItem") {
+          liDepth2 = d;
+          break;
+        }
+      }
+      if (liDepth2 > 0) {
+        const liIndex2 = $from.index(listDepth);
+        const listStartNum = listNode.attrs.start ?? 1;
+        const naturalNumber = listStartNum + liIndex2;
+        const currentValue = $from.node(liDepth2).attrs.value;
+        if (currentValue === newValue || currentValue == null && newValue === naturalNumber) {
+          const tr3 = state.tr.delete(start, end);
+          tr3.setSelection(TextSelection.near(tr3.doc.resolve(tr3.mapping.map(start))));
+          return tr3;
+        }
         const tr2 = state.tr.delete(start, end);
-        tr2.setNodeMarkup(tr2.mapping.map(listStart), void 0, { ...listNode.attrs, start: newStart });
-        tr2.setSelection(TextSelection.near(tr2.doc.resolve(tr2.mapping.map(start))));
-        return tr2;
+        const $afterDelete = tr2.doc.resolve(tr2.mapping.map(resolvePos));
+        for (let d = $afterDelete.depth; d > 0; d--) {
+          if ($afterDelete.node(d).type.name === "listItem") {
+            const pos = $afterDelete.before(d);
+            const node = $afterDelete.node(d);
+            tr2.setNodeMarkup(pos, void 0, { ...node.attrs, value: newValue });
+            tr2.setSelection(TextSelection.near(tr2.doc.resolve(tr2.mapping.map(start))));
+            return tr2;
+          }
+        }
       }
     }
     return NOOP;
   }
-  if (!isMarkerOnly) return NOOP;
-  const { listItem: liType } = actionbookSchema.nodes;
   const tr = state.tr.delete(start, end);
   const $pos = tr.doc.resolve(tr.mapping.map(resolvePos));
   let liDepth = -1;
   for (let d = $pos.depth; d > 0; d--) {
-    if ($pos.node(d).type === liType) {
+    if ($pos.node(d).type.name === "listItem") {
       liDepth = d;
       break;
     }
@@ -3120,9 +3181,16 @@ function createInputRulesPlugin() {
           level: match[1].length
         }))
       );
-      rules.push(wrappingInputRule(BLOCKQUOTE_RE, actionbookSchema.nodes.blockquote));
+      rules.push(
+        new InputRule(BLOCKQUOTE_RE, (state, match, start, end) => {
+          if (isInsideList(state, start)) return null;
+          const fallback = wrappingInputRule(BLOCKQUOTE_RE, actionbookSchema.nodes.blockquote);
+          return fallback.handler(state, match, start, end);
+        })
+      );
       rules.push(
         new InputRule(CODE_BLOCK_RE, (state, match, start, end) => {
+          if (isInsideList(state, start)) return null;
           const language = match[1] || null;
           const $start = state.doc.resolve(start);
           const blockStart = $start.before($start.depth);
@@ -3138,6 +3206,7 @@ function createInputRulesPlugin() {
       );
       rules.push(
         new InputRule(HR_RE, (state, _match, start, end) => {
+          if (isInsideList(state, start)) return null;
           const { horizontalRule: hrType, paragraph: pType } = actionbookSchema.nodes;
           const $start = state.doc.resolve(start);
           const blockStart = $start.before($start.depth);
@@ -3177,9 +3246,29 @@ function createInputRulesPlugin() {
         const fallback = wrappingInputRule(ORDERED_LIST_RE, olType, (m) => ({ start: +m[1] }));
         rules.push(
           new InputRule(ORDERED_LIST_RE, (state, match, start, end) => {
-            const result = handleListInputRule(state, start, end, olType, { start: +match[1] });
-            if (result === NOOP) return null;
-            if (result) return result;
+            const typedNumber = +match[1];
+            const resolvePos = Math.max(start, end - 1);
+            const parentList = findParentList(state, resolvePos);
+            if (parentList) {
+              const { node: listNode } = parentList;
+              if (listNode.type.name === "orderedList") {
+                const tr = state.tr.delete(start, end);
+                const $after = tr.doc.resolve(tr.mapping.map(resolvePos));
+                for (let d = $after.depth; d > 0; d--) {
+                  if ($after.node(d).type.name === "listItem") {
+                    const liPos = $after.before(d);
+                    const liNode = $after.node(d);
+                    tr.setNodeMarkup(liPos, void 0, { ...liNode.attrs, value: typedNumber });
+                    tr.setSelection(TextSelection.near(tr.doc.resolve(tr.mapping.map(start))));
+                    return tr;
+                  }
+                }
+                return null;
+              }
+              const result = handleListInputRule(state, start, end, olType, { start: typedNumber });
+              if (result === NOOP) return null;
+              if (result) return result;
+            }
             const handler = fallback.handler;
             return handler(state, match, start, end);
           })
@@ -5853,7 +5942,7 @@ function buildDocumentTree(doc2) {
 
 // src/ui/plugin/markdownClipboard.ts
 var key = new PluginKey2("markdownClipboard");
-var MAX_PASTE_LIST_DEPTH = 3;
+var MAX_PASTE_LIST_DEPTH = 15;
 var MAX_FLATTEN_DEPTH = 128;
 function flattenDeepLists(node, listDepth = 0, _recurseDepth = 0) {
   if (_recurseDepth > MAX_FLATTEN_DEPTH) return node;
@@ -5944,6 +6033,22 @@ function createPlugin() {
         keyup() {
           shiftHeld = false;
           return false;
+        },
+        paste(view, event) {
+          if (shiftHeld) return false;
+          const clipboardData = event.clipboardData;
+          const text2 = clipboardData?.getData("text/plain");
+          if (!text2 || !URL_RE.test(text2.trim())) return false;
+          const { from, to } = view.state.selection;
+          if (from >= to) return false;
+          const selectedText = view.state.doc.textBetween(from, to);
+          if (!selectedText) return false;
+          event.preventDefault();
+          const linkType = view.state.schema.marks.link;
+          if (!linkType) return false;
+          const linkMark2 = linkType.create({ href: text2.trim() });
+          view.dispatch(view.state.tr.addMark(from, to, linkMark2));
+          return true;
         }
       },
       handlePaste(view, event) {
@@ -7103,60 +7208,18 @@ function deleteBranch(view, nodePos, branchType) {
   const context = getBranchContext(view, nodePos);
   if (!context) return false;
   const { branchNode, branchPos, branchIndex, blockNode, blockPos } = context;
-  const branchContent = branchNode.content;
   if (branchType === "if") {
-    if (blockNode.childCount === 1) {
-      const tr2 = view.state.tr;
-      if (isBranchBodyEmpty(branchNode)) {
-        tr2.replaceWith(blockPos, blockPos + blockNode.nodeSize, view.state.schema.nodes.paragraph.create());
-        tr2.setSelection(TextSelection4.near(tr2.doc.resolve(blockPos)));
-      } else {
-        tr2.replaceWith(blockPos, blockPos + blockNode.nodeSize, branchContent);
-        tr2.setSelection(TextSelection4.near(tr2.doc.resolve(blockPos)));
-      }
-      view.dispatch(tr2.scrollIntoView());
-      view.focus();
-      return true;
-    }
-    const nextBranch = blockNode.child(branchIndex + 1);
-    const promotedCondition = typeof nextBranch.attrs.condition === "string" ? nextBranch.attrs.condition : "";
-    const tr = view.state.tr;
-    if (!isBranchBodyEmpty(branchNode)) {
-      const nextBranchPos = branchPos + branchNode.nodeSize;
-      const nextBranchContentStart = nextBranchPos + 1;
-      for (let i = branchContent.childCount - 1; i >= 0; i--) {
-        tr.insert(nextBranchContentStart, branchContent.child(i));
-      }
-    }
-    const mappedBranchPos = tr.mapping.map(branchPos);
-    const mappedBranchEnd = tr.mapping.map(branchPos + branchNode.nodeSize);
-    tr.delete(mappedBranchPos, mappedBranchEnd);
-    tr.setNodeMarkup(mappedBranchPos, void 0, {
-      ...nextBranch.attrs,
-      branchType: "if",
-      condition: promotedCondition
-    });
-    view.dispatch(tr.scrollIntoView());
+    const tr2 = view.state.tr;
+    tr2.replaceWith(blockPos, blockPos + blockNode.nodeSize, view.state.schema.nodes.paragraph.create());
+    tr2.setSelection(TextSelection4.near(tr2.doc.resolve(blockPos)));
+    view.dispatch(tr2.scrollIntoView());
     view.focus();
     return true;
   }
-  if (!isBranchBodyEmpty(branchNode) && branchIndex > 0) {
-    const prevBranch = blockNode.child(branchIndex - 1);
-    const prevBranchPos = branchPos - prevBranch.nodeSize;
-    const prevBranchContentEnd = prevBranchPos + prevBranch.nodeSize - 1;
-    const tr = view.state.tr;
-    for (let i = 0; i < branchContent.childCount; i++) {
-      tr.insert(prevBranchContentEnd + i, branchContent.child(i));
-    }
-    const mappedBranchPos = tr.mapping.map(branchPos);
-    const mappedBranchEnd = tr.mapping.map(branchPos + branchNode.nodeSize);
-    tr.delete(mappedBranchPos, mappedBranchEnd);
-    tr.setSelection(TextSelection4.near(tr.doc.resolve(tr.mapping.map(prevBranchContentEnd)), -1));
-    view.dispatch(tr.scrollIntoView());
-    view.focus();
-    return true;
-  }
-  view.dispatch(view.state.tr.delete(branchPos, branchPos + branchNode.nodeSize).scrollIntoView());
+  const tr = view.state.tr;
+  tr.delete(branchPos, branchPos + branchNode.nodeSize);
+  tr.setSelection(TextSelection4.near(tr.doc.resolve(tr.mapping.map(branchPos)), -1));
+  view.dispatch(tr.scrollIntoView());
   view.focus();
   return true;
 }
@@ -7204,11 +7267,11 @@ function ConditionDisplay({
     return /* @__PURE__ */ jsx6("span", { className: "jinja-otherwise", children: "Otherwise" });
   }
   const commit = () => {
-    setIsEditing(false);
-    onConditionBlur?.();
     if (draftValue !== condition) {
       onConditionChange(draftValue);
     }
+    setIsEditing(false);
+    onConditionBlur?.();
   };
   const cancel = () => {
     setDraftValue(condition);
@@ -7326,24 +7389,9 @@ function JinjaBranchHeader({
     };
   }, [menuSource]);
   const menuItems = [];
-  const isOnlyIfBranch = branchType === "if" && isLastBranch && !hasElseBranch;
-  const canAddElif = editable && branchType !== "else" && (branchType === "elif" || isLastBranch);
-  const canAddElse = editable && branchType !== "else" && isLastBranch && !hasElseBranch;
-  if (canAddElif) {
-    menuItems.push({
-      label: "Else if",
-      onSelect: () => onAddBranch("elif")
-    });
-  }
-  if (canAddElse) {
-    menuItems.push({
-      label: "Else",
-      onSelect: () => onAddBranch("else")
-    });
-  }
   if (editable) {
     menuItems.push({
-      label: isOnlyIfBranch ? "Delete all" : "Delete",
+      label: "Delete",
       onSelect: onDelete
     });
   }
@@ -8654,6 +8702,7 @@ function createDragHandlePlugin() {
 }
 
 // src/ui/plugin/todoNodeViewPlugin.tsx
+import { Plugin as Plugin10 } from "prosemirror-state";
 function createCheckboxDOM(checked) {
   const el = document.createElement("span");
   el.contentEditable = "false";
@@ -8736,14 +8785,63 @@ var TodoListItemView = class {
     return true;
   }
 };
+function createListItemValueResetPlugin() {
+  return new Plugin10({
+    appendTransaction(trs, oldState, newState) {
+      if (!trs.some((tr2) => tr2.docChanged)) return null;
+      const oldCount = oldState.doc.childCount;
+      let hasNewListItems = false;
+      newState.doc.descendants((node) => {
+        if (hasNewListItems) return false;
+        if (node.type.name === "listItem" && node.attrs.value != null) {
+          hasNewListItems = true;
+        }
+      });
+      if (!hasNewListItems) return null;
+      let tr = newState.tr;
+      let changed = false;
+      newState.doc.descendants((node, pos) => {
+        if (node.type.name !== "orderedList") return;
+        let prevValue = null;
+        node.forEach((li, offset) => {
+          const liValue = li.attrs.value;
+          if (liValue != null && liValue === prevValue) {
+            const liPos = pos + 1 + offset;
+            tr = tr.setNodeMarkup(liPos, void 0, { ...li.attrs, value: null });
+            changed = true;
+          }
+          prevValue = liValue;
+        });
+      });
+      return changed ? tr : null;
+    }
+  });
+}
 function createTodoNodeViewPlugin() {
   return {
     name: "todoNodeView",
+    plugins: () => [createListItemValueResetPlugin()],
     nodeViews: () => ({
       listItem: ((node, view, getPos) => {
         if (node.attrs.checked == null) {
           const li = document.createElement("li");
-          return { dom: li, contentDOM: li };
+          if (node.attrs.value != null) {
+            li.value = node.attrs.value;
+          }
+          return {
+            dom: li,
+            contentDOM: li,
+            update(updatedNode) {
+              if (updatedNode.type.name !== "listItem") return false;
+              if (updatedNode.attrs.checked != null) return false;
+              if (updatedNode.attrs.value != null) {
+                li.value = updatedNode.attrs.value;
+              } else {
+                li.removeAttribute("value");
+              }
+              return true;
+            }
+          };
         }
         return new TodoListItemView(node, view, getPos);
       })
@@ -8752,7 +8850,7 @@ function createTodoNodeViewPlugin() {
 }
 
 // src/ui/plugin/placeholderPlugin.ts
-import { Plugin as Plugin10, PluginKey as PluginKey8 } from "prosemirror-state";
+import { Plugin as Plugin11, PluginKey as PluginKey8 } from "prosemirror-state";
 import { Decoration as Decoration5, DecorationSet as DecorationSet5 } from "prosemirror-view";
 var pluginKey2 = new PluginKey8("placeholder");
 function buildDecorations4(state) {
@@ -8771,7 +8869,8 @@ function buildDecorations4(state) {
   }
   const pos = $from.before($from.depth);
   const deco = Decoration5.node(pos, pos + parent.nodeSize, {
-    class: "ab-empty-paragraph"
+    class: "ab-empty-paragraph",
+    "data-placeholder": "Type to start writing, or press / to insert an action."
   });
   return DecorationSet5.create(doc2, [deco]);
 }
@@ -8780,7 +8879,7 @@ function createPlaceholderPlugin() {
   return {
     name: "placeholder",
     plugins: () => [
-      new Plugin10({
+      new Plugin11({
         key: pluginKey2,
         view(editorView) {
           isEditable = editorView.editable;
@@ -8899,27 +8998,49 @@ function SlashCommandMenu({ view, editorState, items }) {
           view.focus();
         }
       }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        if (range) {
+          view.dispatch(view.state.tr.delete(range.from, range.to));
+        }
+        view.focus();
+      }
     };
     document.addEventListener("keydown", onKeyDown, true);
     return () => document.removeEventListener("keydown", onKeyDown, true);
   }, [active, view, filtered, selectedIndex, range]);
-  if (!active || !view || !range || filtered.length === 0) return null;
-  const coords = view.coordsAtPos(range.from);
-  let top = coords.bottom + 4;
-  let left = coords.left;
-  left = Math.max(VPORT_MARGIN, Math.min(left, window.innerWidth - MENU_WIDTH - VPORT_MARGIN));
-  if (top + MAX_MENU_H > window.innerHeight - VPORT_MARGIN) {
-    top = coords.top - MAX_MENU_H - 4;
-  }
+  const [menuPos, setMenuPos] = useState4(null);
+  const menuRef = useRef4(null);
+  useLayoutEffect(() => {
+    if (!active || !view || !range || filtered.length === 0) {
+      setMenuPos(null);
+      return;
+    }
+    try {
+      const coords = view.coordsAtPos(range.to);
+      let left = coords.left;
+      left = Math.max(VPORT_MARGIN, Math.min(left, window.innerWidth - MENU_WIDTH - VPORT_MARGIN));
+      const menuHeight = menuRef.current?.offsetHeight ?? MAX_MENU_H;
+      let top = coords.bottom + 4;
+      if (top + menuHeight > window.innerHeight - VPORT_MARGIN) {
+        top = coords.top - menuHeight - 4;
+      }
+      setMenuPos({ top, left });
+    } catch {
+    }
+  });
+  if (!active || !view || !range || filtered.length === 0 || !menuPos) return null;
   return createPortal2(
     /* @__PURE__ */ jsx7(
       "div",
       {
+        ref: menuRef,
         className: "ab-slash-menu",
         style: {
           position: "fixed",
-          top,
-          left,
+          top: menuPos.top,
+          left: menuPos.left,
           width: MENU_WIDTH,
           maxHeight: MAX_MENU_H,
           overflowY: "auto",
@@ -10718,7 +10839,7 @@ function FloatingMenu({ view, editorState }) {
 }
 
 // src/ui/plugin/inlineSuggestPlugin.ts
-import { Plugin as Plugin11, PluginKey as PluginKey9 } from "prosemirror-state";
+import { Plugin as Plugin12, PluginKey as PluginKey9 } from "prosemirror-state";
 import { Decoration as Decoration6, DecorationSet as DecorationSet6 } from "prosemirror-view";
 var inlineSuggestKey = new PluginKey9("inlineSuggest");
 var DEBOUNCE_MS = 600;
@@ -10727,7 +10848,7 @@ function createInlineSuggestPlugin(provider, endpoint, options) {
   return {
     name: "inlineSuggest",
     plugins: () => [
-      new Plugin11({
+      new Plugin12({
         key: inlineSuggestKey,
         state: {
           init: () => ({ suggestion: null, anchorPos: null }),