@sendbird/actionbook-core 0.10.6 → 0.10.8

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
         }
       ];
@@ -2401,6 +2418,14 @@ var gfmNoAutolinkToMarkdown = () => ({
 function isEmptyParagraph(node) {
   return node.type === "paragraph" && (!("children" in node) || !node.children || node.children.length === 0);
 }
+var JINJA_TAG_RE = /^\{%\s*(if|elif|else|endif)\b/;
+function isJinjaTagParagraph(node) {
+  if (node.type !== "paragraph") return false;
+  const children = node.children;
+  if (!children || children.length !== 1) return false;
+  const child = children[0];
+  return child.type === "text" && typeof child.value === "string" && JINJA_TAG_RE.test(child.value);
+}
 function textHandler(node, parent, state, info) {
   const originalUnsafe = state.unsafe;
   state.unsafe = originalUnsafe.filter((p) => !(p.character === "_" && !p.atBreak));
@@ -2415,10 +2440,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,
@@ -2429,11 +2468,15 @@ function serializeToMarkdown(doc2) {
       // Empty paragraphs represent blank-line spacers.
       // Reduce the separator after an empty paragraph from \n\n to \n
       // so that 1 empty paragraph = 1 extra blank line in the output.
-      (left) => isEmptyParagraph(left) ? 0 : null
+      (left) => isEmptyParagraph(left) ? 0 : null,
+      // Consecutive paragraphs: single newline instead of blank line
+      // (skip jinja tag paragraphs — they need blank lines for proper roundtrip)
+      (left, right) => left.type === "paragraph" && right.type === "paragraph" && !isJinjaTagParagraph(left) && !isJinjaTagParagraph(right) ? 0 : null
     ],
     handlers: {
       text: textHandler,
       link: linkHandler,
+      listItem: listItemHandler,
       ...resourceTagToMarkdown().handlers,
       ...jumpPointToMarkdown().handlers
     },
@@ -2569,8 +2612,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 +3071,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 +3097,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 +3192,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 +3217,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 +3257,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);
           })
@@ -5508,6 +5608,11 @@ function tokenize(input) {
       i++;
       continue;
     }
+    if (input[i] === ",") {
+      tokens.push({ type: "COMMA", value: "," });
+      i++;
+      continue;
+    }
     return { tokens: [], error: `Unexpected character: ${input[i]}` };
   }
   tokens.push({ type: "EOF", value: "" });
@@ -5638,6 +5743,17 @@ var Parser = class {
         return null;
       case "IDENT": {
         this.advance();
+        if (this.peek().type === "LPAREN") {
+          this.advance();
+          while (this.peek().type !== "RPAREN" && this.peek().type !== "EOF") {
+            this.orExpr();
+            if (this.peek().type === "COMMA") {
+              this.advance();
+            }
+          }
+          this.expect("RPAREN");
+          return null;
+        }
         return this.resolveVariable(t.value);
       }
       case "LPAREN": {
@@ -5853,7 +5969,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 +6060,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) {
@@ -6551,7 +6683,7 @@ function createInlineToolTagNodeViewPlugin() {
 import { Plugin as Plugin6, PluginKey as PluginKey5 } from "prosemirror-state";
 import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "prosemirror-view";
 var jinjaPluginKey = new PluginKey5("jinjaDecoration");
-var JINJA_TAG_RE = /\{%\s*(if|elif|else|endif)\s*([^%]*?)\s*%\}/g;
+var JINJA_TAG_RE2 = /\{%\s*(if|elif|else|endif)\s*([^%]*?)\s*%\}/g;
 function getBlockPositions(doc2) {
   const blocks = [];
   let index = 0;
@@ -6565,9 +6697,9 @@ function addInlineChipDecorations(doc2, decorations) {
   doc2.descendants((node, pos) => {
     if (!node.isText) return;
     const text2 = node.text;
-    JINJA_TAG_RE.lastIndex = 0;
+    JINJA_TAG_RE2.lastIndex = 0;
     let match;
-    while ((match = JINJA_TAG_RE.exec(text2)) !== null) {
+    while ((match = JINJA_TAG_RE2.exec(text2)) !== null) {
       const from = pos + match.index;
       const to = from + match[0].length;
       const keyword = match[1];
@@ -6732,6 +6864,7 @@ var JINJA_STYLES = `
 .jinja-branch-condition {
   flex: 1;
   min-width: 0;
+  min-height: 20px;
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
@@ -6909,6 +7042,15 @@ var JINJA_STYLES = `
   background: rgba(13, 13, 13, 0.04);
 }
 
+.jinja-ghost-btn.jinja-add-btn {
+  color: #5E5E5E;
+}
+
+.jinja-ghost-btn.jinja-add-btn.active {
+  background: #DCDBFF;
+  color: #6210CC;
+}
+
 .jinja-ghost-btn:disabled {
   opacity: 0.45;
   cursor: default;
@@ -7103,60 +7245,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 +7304,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);
@@ -7253,7 +7353,7 @@ function ConditionDisplay({
           setIsEditing(true);
         }
       },
-      children: condition.length > 0 ? renderCondition(condition) : /* @__PURE__ */ jsx6("span", { className: "jinja-condition-placeholder", children: CONDITION_PLACEHOLDER })
+      children: condition.length > 0 ? condition.trim().length > 0 ? renderCondition(condition) : /* @__PURE__ */ jsx6("span", { className: "jinja-token-identifier", children: condition }) : /* @__PURE__ */ jsx6("span", { className: "jinja-condition-placeholder", children: CONDITION_PLACEHOLDER })
     }
   );
 }
@@ -7326,24 +7426,19 @@ 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) {
+    if (!hasElseBranch) {
+      menuItems.push({
+        label: "Else if",
+        onSelect: () => onAddBranch("elif")
+      });
+      menuItems.push({
+        label: "Else",
+        onSelect: () => onAddBranch("else")
+      });
+    }
     menuItems.push({
-      label: isOnlyIfBranch ? "Delete all" : "Delete",
+      label: "Delete",
       onSelect: onDelete
     });
   }
@@ -7396,8 +7491,9 @@ function JinjaBranchHeader({
           BranchPopupMenu,
           {
             position: { top: 28, right: 0 },
-            items: menuItems.map((item) => ({
+            items: menuItems.filter((item) => item.label === "Delete").map((item) => ({
               ...item,
+              label: branchType === "if" ? "Delete all" : "Delete",
               onSelect: () => {
                 setMenuSource(null);
                 item.onSelect();
@@ -7414,7 +7510,7 @@ function JinjaBranchHeader({
         "button",
         {
           type: "button",
-          className: "jinja-ghost-btn",
+          className: `jinja-ghost-btn jinja-add-btn${menuSource === "footer" ? " active" : ""}`,
           "aria-label": "Add branch",
           disabled: !canOpenFooterMenu,
           onMouseDown: (event) => event.preventDefault(),
@@ -7423,9 +7519,9 @@ function JinjaBranchHeader({
               setMenuSource((current) => current === "footer" ? null : "footer");
             }
           },
-          children: /* @__PURE__ */ jsxs5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
-            /* @__PURE__ */ jsx6("line", { x1: "8", y1: "3", x2: "8", y2: "13" }),
-            /* @__PURE__ */ jsx6("line", { x1: "3", y1: "8", x2: "13", y2: "8" })
+          children: /* @__PURE__ */ jsxs5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsx6("path", { d: "M7.33337 11L7.33337 8.66666L5.00004 8.66666V7.33333L7.33337 7.33333V4.99999H8.66671V7.33333H11V8.66666H8.66671L8.66671 11H7.33337Z", fill: "currentColor" }),
+            /* @__PURE__ */ jsx6("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00004 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 7.99999C14.6667 4.3181 11.6819 1.33333 8.00004 1.33333C4.31814 1.33333 1.33337 4.3181 1.33337 7.99999C1.33337 11.6819 4.31814 14.6667 8.00004 14.6667ZM13.3334 7.99999C13.3334 10.9455 10.9456 13.3333 8.00004 13.3333C5.05452 13.3333 2.66671 10.9455 2.66671 7.99999C2.66671 5.05448 5.05452 2.66666 8.00004 2.66666C10.9456 2.66666 13.3334 5.05448 13.3334 7.99999Z", fill: "currentColor" })
           ] })
         }
       ),
@@ -7823,7 +7919,7 @@ function createLinkPlugin() {
 // src/ui/plugin/dragHandlePlugin.ts
 import { Plugin as Plugin9, PluginKey as PluginKey7 } from "prosemirror-state";
 var PLUGIN_KEY = new PluginKey7("dragHandle");
-var GRIP_SVG = `<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+var GRIP_SVG = `<svg width="16" height="16" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
   <circle cx="4" cy="2.5" r="1.2"/><circle cx="8" cy="2.5" r="1.2"/>
   <circle cx="4" cy="6" r="1.2"/><circle cx="8" cy="6" r="1.2"/>
   <circle cx="4" cy="9.5" r="1.2"/><circle cx="8" cy="9.5" r="1.2"/>
@@ -8433,6 +8529,7 @@ var DragHandleController = class {
     this.dropIndicator.className = "ab-drop-indicator";
     this.dropIndicator.style.display = "none";
     parent.appendChild(this.dropIndicator);
+    this.scrollContainer = this.findScrollContainer(this.view.dom);
     this.tickAutoScroll();
   }
   addGlobalDragListeners(pointerId) {
@@ -8581,6 +8678,7 @@ var DragHandleController = class {
     while (current) {
       const overflow = getComputedStyle(current).overflowY;
       if (overflow === "auto" || overflow === "scroll") return current;
+      if (overflow === "hidden" && (current.classList.contains("ps") || current.scrollHeight > current.clientHeight + 1)) return current;
       current = current.parentElement;
     }
     return el.parentElement ?? el;
@@ -8654,6 +8752,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 +8835,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 +8900,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 +8919,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 +8929,7 @@ function createPlaceholderPlugin() {
   return {
     name: "placeholder",
     plugins: () => [
-      new Plugin10({
+      new Plugin11({
         key: pluginKey2,
         view(editorView) {
           isEditable = editorView.editable;
@@ -8899,27 +9048,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",
@@ -9594,7 +9765,7 @@ function DropdownItem({ item, onRun }) {
         transition: "background 0.1s"
       },
       children: [
-        /* @__PURE__ */ jsx10("span", { style: { width: 24, flexShrink: 0, textAlign: "center", fontWeight: 700, fontSize: 12, fontFamily: "monospace", color: "#6210CC" }, children: item.shortLabel }),
+        /* @__PURE__ */ jsx10("span", { style: { width: 24, flexShrink: 0, textAlign: "center", fontWeight: 700, fontSize: 12, fontFamily: "monospace", color: item.active ? "#6210CC" : "#666" }, children: item.shortLabel }),
         item.label
       ]
     }
@@ -10718,7 +10889,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 +10898,7 @@ function createInlineSuggestPlugin(provider, endpoint, options) {
   return {
     name: "inlineSuggest",
     plugins: () => [
-      new Plugin11({
+      new Plugin12({
         key: inlineSuggestKey,
         state: {
           init: () => ({ suggestion: null, anchorPos: null }),