@sendbird/actionbook-core 0.9.3 → 0.9.7

package/dist/ui/index.js

@@ -14,7 +14,7 @@ var actionbookSchema = new Schema({
       }
     },
     heading: {
-      content: "inline*",
+      content: "(text | jumpPoint | hardBreak)*",
       group: "block",
       attrs: { level: { default: 1 } },
       parseDOM: [
@@ -2734,6 +2734,39 @@ var ITALIC_STAR_RE = /(?:^|[^*])\*([^*]+)\*$/;
 var ITALIC_UNDER_RE = /(?:^|[^_])_([^_]+)_$/;
 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) {
+      return { depth: d, node };
+    }
+  }
+  return null;
+}
+function handleListInputRule(state, start, end, listType, attrs) {
+  const resolvePos = Math.max(start, end - 1);
+  const parentList = findParentList(state, resolvePos);
+  if (!parentList) return null;
+  const $from = state.doc.resolve(resolvePos);
+  const { depth, node: listNode } = parentList;
+  const paraContentSize = $from.parent.content.size;
+  const matchedLen = end - start;
+  if (paraContentSize !== matchedLen) return null;
+  const listStart = $from.before(depth);
+  const listEnd = $from.after(depth);
+  if (listNode.type === listType) {
+    const tr = state.tr.replaceWith(listStart, listEnd, actionbookSchema.nodes.paragraph.create());
+    tr.setSelection(TextSelection.near(tr.doc.resolve(listStart)));
+    return tr;
+  } else {
+    const tr = state.tr.delete(start, end);
+    const mappedListPos = tr.mapping.map(listStart);
+    tr.setNodeMarkup(mappedListPos, listType, attrs ?? null);
+    return tr;
+  }
+}
 function markInputRule(pattern, markType, markerLen) {
   return new InputRule(pattern, (state, match, start, end) => {
     const textContent2 = match[1];
@@ -2798,12 +2831,30 @@ function createInputRulesPlugin() {
           return state.tr.delete(start, end).insert(start, list);
         })
       );
-      rules.push(wrappingInputRule(BULLET_LIST_RE, actionbookSchema.nodes.bulletList));
-      rules.push(
-        wrappingInputRule(ORDERED_LIST_RE, actionbookSchema.nodes.orderedList, (match) => ({
-          start: +match[1]
-        }))
-      );
+      {
+        const blType = actionbookSchema.nodes.bulletList;
+        const fallback = wrappingInputRule(BULLET_LIST_RE, blType);
+        rules.push(
+          new InputRule(BULLET_LIST_RE, (state, match, start, end) => {
+            const toggled = handleListInputRule(state, start, end, blType);
+            if (toggled) return toggled;
+            const handler = fallback.handler;
+            return handler(state, match, start, end);
+          })
+        );
+      }
+      {
+        const olType = actionbookSchema.nodes.orderedList;
+        const fallback = wrappingInputRule(ORDERED_LIST_RE, olType, (m) => ({ start: +m[1] }));
+        rules.push(
+          new InputRule(ORDERED_LIST_RE, (state, match, start, end) => {
+            const toggled = handleListInputRule(state, start, end, olType, { start: +match[1] });
+            if (toggled) return toggled;
+            const handler = fallback.handler;
+            return handler(state, match, start, end);
+          })
+        );
+      }
       const jumpPointType = actionbookSchema.nodes.jumpPoint;
       rules.push(
         new InputRule(JUMP_POINT_RE2, (state, match, start, end) => {
@@ -2816,7 +2867,12 @@ function createInputRulesPlugin() {
             }
           });
           if (exists) return null;
-          return state.tr.delete(start, end).insert(start, jumpPointType.create({ id }));
+          const tr = state.tr.delete(start, end).insert(start, jumpPointType.create({ id }));
+          const afterAtom = start + 1;
+          tr.insertText(" ", afterAtom);
+          const cursorPos = afterAtom + 1;
+          tr.setSelection(TextSelection.near(tr.doc.resolve(Math.min(cursorPos, tr.doc.content.size))));
+          return tr;
         })
       );
       rules.push(markInputRule(BOLD_STAR_RE, actionbookSchema.marks.bold, 2));
@@ -2845,8 +2901,100 @@ function createHistoryPlugin() {
 
 // src/ui/plugin/keymapPlugin.ts
 import { baseKeymap, chainCommands, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlock, toggleMark, setBlockType, joinBackward } from "prosemirror-commands";
+import { TextSelection as TextSelection2 } from "prosemirror-state";
 import { keymap as keymap3 } from "prosemirror-keymap";
 import { liftListItem, sinkListItem, splitListItem, wrapInList } from "prosemirror-schema-list";
+
+// src/ui/plugin/noteBlockPlugin.tsx
+import { Selection } from "prosemirror-state";
+var NoteBlockView = class {
+  dom;
+  contentDOM;
+  constructor(_node, _view, _getPos) {
+    this.dom = document.createElement("div");
+    this.dom.setAttribute("data-note-block", "");
+    this.dom.className = "ab-note-block";
+    this.dom.style.cssText = [
+      "position: relative",
+      "margin: 8px 0",
+      "padding: 16px 24px",
+      "background: #fff",
+      "border: 1px dashed #ccc",
+      "border-radius: 4px",
+      "display: flex",
+      "flex-direction: column",
+      "gap: 4px"
+    ].join(";");
+    const label = document.createElement("span");
+    label.contentEditable = "false";
+    label.textContent = "Note";
+    label.style.cssText = [
+      "font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, sans-serif",
+      "display: inline-flex",
+      "align-items: center",
+      "justify-content: center",
+      "align-self: flex-start",
+      "font-size: 12px",
+      "font-weight: 400",
+      "font-style: normal",
+      "line-height: 16px",
+      "color: #858585",
+      "background: #f7f7f7",
+      "border: 1px solid #e0e0e0",
+      "border-radius: 4px",
+      "padding: 2px 4px",
+      "user-select: none",
+      "height: 20px"
+    ].join(";");
+    this.dom.appendChild(label);
+    this.contentDOM = document.createElement("div");
+    this.contentDOM.className = "ab-note-block-content";
+    this.contentDOM.style.cssText = [
+      "font-size: 14px",
+      "font-style: italic",
+      "font-weight: 400",
+      "line-height: 20px",
+      "letter-spacing: -0.1px",
+      "color: #858585"
+    ].join(";");
+    this.dom.appendChild(this.contentDOM);
+  }
+};
+var exitNoteBlockOnEnter = (state, dispatch) => {
+  const { $from } = state.selection;
+  let noteBlockDepth = -1;
+  for (let d = $from.depth; d > 0; d--) {
+    if ($from.node(d).type.name === "noteBlock") {
+      noteBlockDepth = d;
+      break;
+    }
+  }
+  if (noteBlockDepth < 0) return false;
+  const parentNode = $from.parent;
+  if (parentNode.type.name !== "paragraph" || parentNode.content.size !== 0) {
+    return false;
+  }
+  if (!dispatch) return true;
+  const paragraphStart = $from.before($from.depth);
+  const paragraphEnd = $from.after($from.depth);
+  const tr = state.tr.delete(paragraphStart, paragraphEnd);
+  const noteBlockEnd = tr.mapping.map($from.after(noteBlockDepth));
+  const newParagraph = state.schema.nodes.paragraph.create();
+  tr.insert(noteBlockEnd, newParagraph);
+  tr.setSelection(Selection.near(tr.doc.resolve(noteBlockEnd + 1)));
+  dispatch(tr.scrollIntoView());
+  return true;
+};
+function createNoteBlockPlugin() {
+  return {
+    name: "noteBlockNodeView",
+    nodeViews: () => ({
+      noteBlock: (node, view, getPos) => new NoteBlockView(node, view, getPos)
+    })
+  };
+}
+
+// src/ui/plugin/keymapPlugin.ts
 var TAB_CHAR = "	";
 var { listItem, bulletList, orderedList, hardBreak, heading, paragraph, horizontalRule, blockquote } = actionbookSchema.nodes;
 var { bold: boldMark, italic: italicMark, underline: underlineMark, strikethrough: strikethroughMark, code: codeMark } = actionbookSchema.marks;
@@ -2893,7 +3041,38 @@ var backspaceAfterLeafBlock = (state, dispatch) => {
   }
   return true;
 };
+var backspaceDeleteEmptyBlock = (state, dispatch) => {
+  const { $from } = state.selection;
+  if (!state.selection.empty || $from.parentOffset !== 0) return false;
+  if ($from.parent.type !== paragraph || $from.parent.content.size !== 0) return false;
+  const deletableTypes = /* @__PURE__ */ new Set(["jinjaIfBlock", "jinjaIfBranch", "noteBlock", "blockquote"]);
+  for (let d = $from.depth - 1; d > 0; d--) {
+    const ancestor = $from.node(d);
+    if (!deletableTypes.has(ancestor.type.name)) continue;
+    if (ancestor.type.name === "jinjaIfBranch" && ancestor.childCount === 1 && ancestor.child(0).content.size === 0) {
+      for (let dd = d - 1; dd > 0; dd--) {
+        if ($from.node(dd).type.name === "jinjaIfBlock") {
+          d = dd;
+          break;
+        }
+      }
+    }
+    const blockNode = $from.node(d);
+    const blockText = blockNode.textContent.trim();
+    if (blockText.length > 0) return false;
+    if (dispatch) {
+      const blockStart = $from.before(d);
+      const blockEnd = $from.after(d);
+      const tr = state.tr.replaceWith(blockStart, blockEnd, paragraph.create());
+      tr.setSelection(TextSelection2.near(tr.doc.resolve(blockStart)));
+      dispatch(tr.scrollIntoView());
+    }
+    return true;
+  }
+  return false;
+};
 var backspaceCommand = chainCommands(
+  backspaceDeleteEmptyBlock,
   backspaceAfterList,
   backspaceAfterLeafBlock,
   (state, dispatch) => {
@@ -2911,8 +3090,9 @@ var backspaceCommand = chainCommands(
 );
 var tabCommand = (state, dispatch) => {
   const { $from } = state.selection;
-  if (cursorDirectlyInListItem(state) && $from.parentOffset === 0) {
+  if (cursorDirectlyInListItem(state)) {
     if (sinkListItem(listItem)(state, dispatch)) return true;
+    return true;
   }
   if (dispatch) dispatch(state.tr.insertText(TAB_CHAR));
   return true;
@@ -2929,7 +3109,68 @@ var shiftTabCommand = (state, dispatch) => {
   }
   return true;
 };
+var blockExitEnterCount = 0;
+var blockExitLastTime = 0;
+var BLOCK_EXIT_TYPES = /* @__PURE__ */ new Set(["blockquote", "jinjaIfBranch"]);
+var exitBlockOnDoubleEnter = (state, dispatch) => {
+  const { $from } = state.selection;
+  let blockDepth = -1;
+  for (let d = $from.depth; d > 0; d--) {
+    if (BLOCK_EXIT_TYPES.has($from.node(d).type.name)) {
+      blockDepth = d;
+      break;
+    }
+  }
+  if (blockDepth < 0) {
+    blockExitEnterCount = 0;
+    return false;
+  }
+  if ($from.parent.type.name !== "paragraph" || $from.parent.content.size !== 0) {
+    blockExitEnterCount = 0;
+    return false;
+  }
+  const now = Date.now();
+  if (now - blockExitLastTime > 2e3) blockExitEnterCount = 0;
+  blockExitLastTime = now;
+  blockExitEnterCount++;
+  if (blockExitEnterCount < 2) return false;
+  blockExitEnterCount = 0;
+  if (!dispatch) return true;
+  const paraStart = $from.before($from.depth);
+  const paraEnd = $from.after($from.depth);
+  const tr = state.tr.delete(paraStart, paraEnd);
+  const mapped = tr.mapping.map($from.before($from.depth));
+  const $m = tr.doc.resolve(Math.min(mapped, tr.doc.content.size));
+  for (let d = $m.depth; d > 0; d--) {
+    if (BLOCK_EXIT_TYPES.has($m.node(d).type.name)) {
+      const last = $m.node(d).lastChild;
+      if (last?.type.name === "paragraph" && last.content.size === 0) {
+        const lastPos = $m.end(d) - last.nodeSize;
+        tr.delete(lastPos, lastPos + last.nodeSize);
+      }
+      break;
+    }
+  }
+  let exitDepth = blockDepth;
+  const blockTypeName = $from.node(blockDepth).type.name;
+  if (blockTypeName === "jinjaIfBranch") {
+    for (let d = blockDepth - 1; d > 0; d--) {
+      if ($from.node(d).type.name === "jinjaIfBlock") {
+        exitDepth = d;
+        break;
+      }
+    }
+  }
+  const blockEnd = tr.mapping.map($from.after(exitDepth));
+  const newPara = paragraph.create();
+  tr.insert(blockEnd, newPara);
+  tr.setSelection(TextSelection2.near(tr.doc.resolve(blockEnd + 1)));
+  dispatch(tr.scrollIntoView());
+  return true;
+};
 var enterCommand = chainCommands(
+  exitNoteBlockOnEnter,
+  exitBlockOnDoubleEnter,
   newlineInCode,
   // Split list item on Enter; lift empty list item out of list
   splitListItem(listItem),
@@ -4705,6 +4946,17 @@ function analyzeJinjaBlocks(doc2) {
 
 // src/tree/documentTree.ts
 var MAX_DEPTH6 = 128;
+var END_ACTION_RESOURCE_IDS = /* @__PURE__ */ new Set([
+  "close-happy-tiger"
+  // PredefinedToolKey.CloseConversation
+]);
+var END_ACTION_TEXTS = /* @__PURE__ */ new Set([
+  "end conversation",
+  "end_conversation"
+]);
+function isEndActionTag(tagType, resourceId, text2) {
+  return tagType === "handoff" || END_ACTION_RESOURCE_IDS.has(resourceId) || END_ACTION_TEXTS.has(text2.toLowerCase());
+}
 function extractInlineItems(content, blockIndex) {
   const items = [];
   for (const node of content) {
@@ -4716,10 +4968,10 @@ function extractInlineItems(content, blockIndex) {
         children: []
       });
     } else if (node.type === "resourceTag") {
-      const isEndAction = node.tagType === "handoff";
+      const endAction = isEndActionTag(node.tagType, node.resourceId, node.text);
       items.push({
-        type: isEndAction ? "endAction" : "resourceTag",
-        label: isEndAction ? `End  ${node.text}` : node.text,
+        type: endAction ? "endAction" : "resourceTag",
+        label: endAction ? `End  ${node.text}` : node.text,
         blockIndex,
         children: [],
         meta: { tagType: node.tagType, resourceId: node.resourceId }
@@ -4753,14 +5005,15 @@ function extractBlockItems(blocks, startIndex, depth) {
         break;
       }
       case "jinjaIfBlock": {
-        const branches = block.branches.map((branch) => {
+        const branches = block.branches.map((branch, branchIdx) => {
           const branchLabel = branch.branchType === "else" ? "ELSE" : `${branch.branchType.toUpperCase()} ${branch.condition || ""}`.trim();
           const branchChildren = extractBlockItems(branch.content, blockIndex, depth + 1);
           return {
             type: "jinjaBranch",
             label: branchLabel,
             blockIndex,
-            children: branchChildren
+            children: branchChildren,
+            meta: { branchIndex: branchIdx }
           };
         });
         items.push({
@@ -4808,11 +5061,12 @@ function buildDocumentTree(doc2) {
       const hasStructuredJinja = items.some((n) => n.type === "jinjaIf");
       if (!hasStructuredJinja) {
         for (const s of structures) {
-          const branches = s.branches.map((b) => ({
+          const branches = s.branches.map((b, branchIdx) => ({
             type: "jinjaBranch",
             label: b.type === "else" ? "ELSE" : `${b.type.toUpperCase()} ${b.condition || ""}`.trim(),
             blockIndex: b.tagBlockIndex,
-            children: []
+            children: [],
+            meta: { branchIndex: branchIdx }
           }));
           const jinjaNode = {
             type: "jinjaIf",
@@ -4916,6 +5170,7 @@ function textToSlice(text2, view) {
     return null;
   }
 }
+var URL_RE = /^https?:\/\/[^\s]+$/i;
 function createPlugin() {
   return new Plugin({
     key,
@@ -4930,6 +5185,14 @@ function createPlugin() {
             return true;
           }
         }
+        if (text2 && URL_RE.test(text2.trim())) {
+          const url = text2.trim();
+          const linkMark2 = actionbookSchema.marks.link.create({ href: url });
+          const textNode = actionbookSchema.text(url, [linkMark2]);
+          const slice2 = new Slice(Fragment.from(textNode), 0, 0);
+          view.dispatch(view.state.tr.replaceSelection(slice2));
+          return true;
+        }
         if (!text2) return false;
         const slice = textToSlice(text2, view);
         if (!slice) return false;
@@ -4975,7 +5238,7 @@ function createMarkdownClipboardPlugin() {
 }
 
 // src/ui/plugin/jumpPointPlugin.ts
-import { Plugin as Plugin2, PluginKey as PluginKey2, TextSelection as TextSelection2 } from "prosemirror-state";
+import { Plugin as Plugin2, PluginKey as PluginKey2, TextSelection as TextSelection3 } from "prosemirror-state";
 import { Decoration, DecorationSet } from "prosemirror-view";
 var adjacentKey = new PluginKey2("jumpPointAdjacent");
 var JUMP_POINT_ADJACENT_SPEC = { jumpPointAdjacent: true };
@@ -5038,6 +5301,9 @@ function createJumpPointEditPlugin() {
             });
             if (!duplicate) {
               reconvertTr.replaceWith(safeFrom, safeTo, jumpPointType.create({ id }));
+              const mappedCursor = reconvertTr.mapping.map(cursor);
+              const clampedCursor = Math.min(mappedCursor, reconvertTr.doc.content.size);
+              reconvertTr.setSelection(TextSelection3.near(reconvertTr.doc.resolve(clampedCursor)));
             }
           }
         }
@@ -5070,7 +5336,7 @@ function explodeOnBackspace(state) {
   const rawText = `^${id}`;
   const tr = state.tr.replaceWith(nodeStart, nodeEnd, state.schema.text(rawText));
   const cursorPos = Math.min(nodeStart + rawText.length, tr.doc.content.size);
-  tr.setSelection(TextSelection2.near(tr.doc.resolve(cursorPos)));
+  tr.setSelection(TextSelection3.near(tr.doc.resolve(cursorPos)));
   return tr;
 }
 function explodeOnArrowLeft(state) {
@@ -5080,7 +5346,7 @@ function explodeOnArrowLeft(state) {
   const rawText = `^${id}^`;
   const tr = state.tr.replaceWith(nodeStart, nodeEnd, state.schema.text(rawText));
   const cursorPos = Math.min(nodeStart + 1 + id.length, tr.doc.content.size);
-  tr.setSelection(TextSelection2.near(tr.doc.resolve(cursorPos)));
+  tr.setSelection(TextSelection3.near(tr.doc.resolve(cursorPos)));
   tr.setMeta(jumpPointEditKey, { from: nodeStart, to: nodeStart + rawText.length });
   return tr;
 }
@@ -5129,21 +5395,30 @@ function createJumpPointAdjacentPlugin() {
 // src/ui/plugin/jumpPointNodeViewPlugin.tsx
 import { useCallback as useCallback2, useState as useState2 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function IconDiamondAlert({ size = 12, fill = "#D9352C" }) {
+  return /* @__PURE__ */ jsxs3("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        d: "M5.293 1.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414l4-4Z",
+        fill
+      }
+    ),
+    /* @__PURE__ */ jsx4("path", { d: "M6 3.5v3", stroke: "#fff", strokeWidth: "1.2", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx4("circle", { cx: "6", cy: "8.25", r: "0.625", fill: "#fff" })
+  ] });
+}
 var JUMP_POINT_STYLE = {
   display: "inline-flex",
   alignItems: "center",
   backgroundColor: "#FFF2B6",
   border: "1px solid #FFC233",
   color: "#AA5D04",
-  borderRadius: "2px",
-  padding: "2px",
-  fontSize: "12px",
-  lineHeight: "16px",
   userSelect: "none",
   cursor: "default",
-  boxSizing: "border-box",
-  height: "20px",
-  overflow: "hidden"
+  boxSizing: "border-box"
+  // height, padding, borderRadius, fontSize, lineHeight, overflow
+  // are set via CSS class .ab-jump-point for heading-level overrides
 };
 var JUMP_POINT_ADJACENT_STYLE = {
   ...JUMP_POINT_STYLE,
@@ -5157,8 +5432,8 @@ var JUMP_POINT_DUPLICATE_STYLE = {
   color: "#9D091E"
 };
 var LABEL_STYLE = {
-  padding: "0 4px",
   whiteSpace: "nowrap"
+  // padding is set via CSS .ab-jp-label for heading-level overrides
 };
 var CLOSE_BTN_STYLE = {
   display: "inline-flex",
@@ -5189,7 +5464,7 @@ var TOOLTIP_STYLE = {
   fontSize: "14px",
   lineHeight: "20px",
   color: "#0D0D0D",
-  whiteSpace: "nowrap",
+  maxWidth: "240px",
   zIndex: 100,
   pointerEvents: "none"
 };
@@ -5209,13 +5484,14 @@ function JumpPointNodeViewComponent({ node, view, getPos, decorations }) {
     return /* @__PURE__ */ jsxs3(
       "span",
       {
+        className: "ab-jump-point ab-jump-point-duplicate",
         style: { ...JUMP_POINT_DUPLICATE_STYLE, position: "relative" },
         id: `jp-${id}`,
         onMouseEnter: () => setShowTooltip(true),
         onMouseLeave: () => setShowTooltip(false),
         children: [
-          /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#9D091E", style: { paddingLeft: "2px", flexShrink: 0 } }),
-          /* @__PURE__ */ jsx4("span", { style: LABEL_STYLE, children: id }),
+          /* @__PURE__ */ jsx4("span", { className: "ab-jp-icon", children: /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#9D091E", style: { paddingLeft: "2px", flexShrink: 0 } }) }),
+          /* @__PURE__ */ jsx4("span", { className: "ab-jp-label", style: LABEL_STYLE, children: id }),
           /* @__PURE__ */ jsx4(
             "button",
             {
@@ -5225,8 +5501,8 @@ function JumpPointNodeViewComponent({ node, view, getPos, decorations }) {
                 e.stopPropagation();
                 handleDelete2();
               },
-              title: "Remove anchor",
-              children: "\u2715"
+              title: "Remove duplicate anchor",
+              children: /* @__PURE__ */ jsx4(IconDiamondAlert, { size: 12, fill: "#D9352C" })
             }
           ),
           showTooltip && /* @__PURE__ */ jsxs3("span", { style: TOOLTIP_STYLE, children: [
@@ -5239,14 +5515,14 @@ function JumpPointNodeViewComponent({ node, view, getPos, decorations }) {
     );
   }
   if (isAdjacent) {
-    return /* @__PURE__ */ jsxs3("span", { style: JUMP_POINT_ADJACENT_STYLE, id: `jp-${id}`, children: [
-      /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#AA5D04", style: { paddingLeft: "2px", flexShrink: 0 } }),
-      /* @__PURE__ */ jsx4("span", { style: LABEL_STYLE, children: `^${id}^` })
+    return /* @__PURE__ */ jsxs3("span", { className: "ab-jump-point ab-jump-point-adjacent", style: JUMP_POINT_ADJACENT_STYLE, id: `jp-${id}`, children: [
+      /* @__PURE__ */ jsx4("span", { className: "ab-jp-icon", children: /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#AA5D04", style: { paddingLeft: "2px", flexShrink: 0 } }) }),
+      /* @__PURE__ */ jsx4("span", { className: "ab-jp-label", style: LABEL_STYLE, children: `^${id}^` })
     ] });
   }
-  return /* @__PURE__ */ jsxs3("span", { style: JUMP_POINT_STYLE, id: `jp-${id}`, children: [
-    /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#AA5D04", style: { paddingLeft: "2px", flexShrink: 0 } }),
-    /* @__PURE__ */ jsx4("span", { style: LABEL_STYLE, children: id })
+  return /* @__PURE__ */ jsxs3("span", { className: "ab-jump-point", style: JUMP_POINT_STYLE, id: `jp-${id}`, children: [
+    /* @__PURE__ */ jsx4("span", { className: "ab-jp-icon", children: /* @__PURE__ */ jsx4(IconAnchor, { size: 12, fill: "#AA5D04", style: { paddingLeft: "2px", flexShrink: 0 } }) }),
+    /* @__PURE__ */ jsx4("span", { className: "ab-jp-label", style: LABEL_STYLE, children: id })
   ] });
 }
 function createJumpPointNodeViewPlugin() {
@@ -5544,6 +5820,7 @@ function createJinjaDecorationPlugin() {
 // src/ui/plugin/jinjaIfBlockPlugin.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 import { createRoot as createRoot2 } from "react-dom/client";
+import { TextSelection as TextSelection4 } from "prosemirror-state";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PLACEHOLDER_TEXT = "Describe what AI agent should do when this condition is met";
 var CONDITION_PLACEHOLDER = "Write a condition in natural language";
@@ -5950,7 +6227,12 @@ function insertNewBranch(view, nodePos, branchType, condition = "") {
   const newBranch = createBranchNode(view.state.schema, branchType, condition);
   if (!newBranch) return false;
   const insertPos = context.branchPos + context.branchNode.nodeSize;
-  view.dispatch(view.state.tr.insert(insertPos, newBranch).scrollIntoView());
+  const tr = view.state.tr.insert(insertPos, newBranch);
+  const cursorPos = insertPos + 2;
+  if (cursorPos <= tr.doc.content.size) {
+    tr.setSelection(TextSelection4.near(tr.doc.resolve(cursorPos)));
+  }
+  view.dispatch(tr.scrollIntoView());
   view.focus();
   return true;
 }
@@ -5997,6 +6279,7 @@ function ConditionDisplay({
   const [isEditing, setIsEditing] = useState3(false);
   const [draftValue, setDraftValue] = useState3(condition);
   const inputRef = useRef2(null);
+  const autoFocusedRef = useRef2(false);
   useEffect2(() => {
     if (!isEditing) {
       setDraftValue(condition);
@@ -6008,6 +6291,12 @@ function ConditionDisplay({
       inputRef.current?.select();
     }
   }, [isEditing]);
+  useEffect2(() => {
+    if (editable && !condition && !autoFocusedRef.current) {
+      autoFocusedRef.current = true;
+      setIsEditing(true);
+    }
+  }, []);
   if (branchType === "else") {
     return /* @__PURE__ */ jsx6("span", { className: "jinja-otherwise", children: "Otherwise" });
   }
@@ -6303,15 +6592,25 @@ var JinjaIfBranchView = class {
   }
   render() {
     const nodePos = this.getPos();
-    if (nodePos == null) return;
-    const lastBranch = getLastBranchOfBlock(this.view, nodePos);
-    const context = getBranchContext(this.view, nodePos);
-    if (!lastBranch || !context) return;
+    let context = null;
+    let lastBranch = null;
+    if (nodePos != null) {
+      context = getBranchContext(this.view, nodePos);
+      lastBranch = getLastBranchOfBlock(this.view, nodePos);
+      let branchIdx = context?.branchIndex ?? -1;
+      if (branchIdx < 0 && this.dom.parentElement) {
+        const siblings = this.dom.parentElement.querySelectorAll(":scope > [data-jinja-branch]");
+        branchIdx = Array.prototype.indexOf.call(siblings, this.dom);
+      }
+      if (branchIdx >= 0) {
+        this.dom.setAttribute("data-branch-index", String(branchIdx));
+      }
+    }
     const branchType = this.node.attrs.branchType;
     const condition = String(this.node.attrs.condition ?? "");
-    const isLast = lastBranch.index === context.branchIndex;
-    const lastNonElseIdx = getLastNonElseBranchIndex(this.view, nodePos);
-    const showAddButton = context.branchIndex === lastNonElseIdx;
+    const isLast = context && lastBranch ? lastBranch.index === context.branchIndex : true;
+    const lastNonElseIdx = context ? getLastNonElseBranchIndex(this.view, nodePos) : 0;
+    const showAddButton = context ? context.branchIndex === lastNonElseIdx : true;
     this.dom.classList.toggle("jinja-branch-last", isLast);
     this.root.render(
       /* @__PURE__ */ jsx6(
@@ -6321,16 +6620,19 @@ var JinjaIfBranchView = class {
           condition,
           editable: this.view.editable,
           isLastBranch: showAddButton,
-          hasElseBranch: getElseBranch(this.view, nodePos),
+          hasElseBranch: context && nodePos != null ? getElseBranch(this.view, nodePos) : false,
           onConditionChange: (value) => {
             const currentPos = this.getPos();
             if (currentPos == null) return;
-            this.view.dispatch(
-              this.view.state.tr.setNodeMarkup(currentPos, void 0, {
-                ...this.node.attrs,
-                condition: value
-              })
-            );
+            const tr = this.view.state.tr.setNodeMarkup(currentPos, void 0, {
+              ...this.node.attrs,
+              condition: value
+            });
+            const contentPos = currentPos + 2;
+            if (contentPos <= tr.doc.content.size) {
+              tr.setSelection(TextSelection4.near(tr.doc.resolve(contentPos)));
+            }
+            this.view.dispatch(tr.scrollIntoView());
             this.view.focus();
           },
           onDelete: () => {
@@ -6381,9 +6683,9 @@ function createJinjaIfBlockPlugin() {
 
 // src/ui/plugin/linkPlugin.ts
 import { InputRule as InputRule2, inputRules as inputRules2 } from "prosemirror-inputrules";
-import { Plugin as Plugin5, PluginKey as PluginKey5, TextSelection as TextSelection3 } from "prosemirror-state";
-var LINK_INPUT_RE = /\[([^\]]*)\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
-var LINK_FULL_RE = /^\[([^\]]*)\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
+import { Plugin as Plugin5, PluginKey as PluginKey5, TextSelection as TextSelection5 } from "prosemirror-state";
+var LINK_INPUT_RE = /\\?\[([^\]]*?)\\?\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
+var LINK_FULL_RE = /^\\?\[([^\]]*?)\\?\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
 var linkEditKey = new PluginKey5("linkEdit");
 function getMarkRange($pos, type) {
   const { parentOffset } = $pos;
@@ -6427,7 +6729,7 @@ function explodeLinkToRaw(state) {
   const tr = state.tr;
   tr.replaceWith(from, to, schema.text(rawText));
   const newPos = Math.min(from + rawCursorOffset, tr.doc.content.size);
-  tr.setSelection(TextSelection3.near(tr.doc.resolve(newPos)));
+  tr.setSelection(TextSelection5.near(tr.doc.resolve(newPos)));
   tr.setMeta(linkEditKey, { from, to: from + rawText.length });
   return tr;
 }
@@ -6440,8 +6742,8 @@ function createLinkEditPlugin() {
         const meta = tr.getMeta(linkEditKey);
         if (meta !== void 0) return { rawRange: meta };
         if (prev.rawRange) {
-          const from = tr.mapping.map(prev.rawRange.from);
-          const to = tr.mapping.map(prev.rawRange.to);
+          const from = tr.mapping.map(prev.rawRange.from, -1);
+          const to = tr.mapping.map(prev.rawRange.to, -1);
           if (from >= to) return { rawRange: null };
           return { rawRange: { from, to } };
         }
@@ -6452,7 +6754,7 @@ function createLinkEditPlugin() {
       const pluginState = linkEditKey.getState(newState);
       if (!pluginState?.rawRange) return null;
       const { from, to } = pluginState.rawRange;
-      if (newState.selection.anchor >= from && newState.selection.anchor <= to) {
+      if (newState.selection.anchor >= from && newState.selection.anchor < to) {
         return null;
       }
       const docSize = newState.doc.content.size;
@@ -6596,12 +6898,13 @@ var STYLES = (
   cursor: grab;
   color: transparent;
   border-radius: var(--ab-dh-handle-radius);
-  transition: color var(--ab-dh-transition-duration), background var(--ab-dh-transition-duration), opacity var(--ab-dh-transition-duration);
+  transition: none;
   user-select: none;
   pointer-events: auto;
   touch-action: none;
   opacity: 0;
   pointer-events: none;
+  overflow: visible;
 }
 .ab-drag-handle.ab-dh-active {
   opacity: 1;
@@ -6612,6 +6915,72 @@ var STYLES = (
   color: var(--ab-dh-color-visible) !important;
   background: var(--ab-dh-bg-hover);
 }
+.ab-drag-handle:hover::after {
+  content: 'Drag to move';
+  position: absolute;
+  bottom: calc(100% + 4px);
+  left: 0;
+  background: #2e2e2e;
+  color: #fff;
+  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 30;
+}
+.ab-drag-handle:hover::before {
+  content: '';
+  position: absolute;
+  bottom: calc(100% + 0px);
+  left: 8px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #2e2e2e;
+  pointer-events: none;
+  z-index: 31;
+}
+.ab-drag-handle.dragging::after,
+.ab-drag-handle.dragging::before {
+  display: none;
+}
+.ab-dh-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0px 8px 10px 1px rgba(13,13,13,0.12), 0px 3px 14px 2px rgba(13,13,13,0.08), 0px 3px 5px -3px rgba(13,13,13,0.04);
+  padding: 8px 0;
+  z-index: 40;
+  min-width: 120px;
+}
+.ab-dh-menu-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 6px 16px;
+  border: none;
+  background: #fff;
+  cursor: pointer;
+  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: -0.1px;
+  color: #0d0d0d;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.ab-dh-menu-item:hover {
+  background: rgba(0,0,0,0.04);
+}
 .ab-drag-handle:active, .ab-drag-handle.dragging {
   cursor: grabbing;
   color: var(--ab-dh-color-accent) !important;
@@ -6921,7 +7290,6 @@ var DragHandleController = class {
       el.setAttribute("role", "button");
       el.setAttribute("aria-roledescription", "drag handle");
       el.setAttribute("aria-label", `\uBE14\uB85D ${idx + 1} \uC774\uB3D9`);
-      el.setAttribute("title", "Drag to move");
       el.setAttribute("tabindex", "-1");
       el.innerHTML = GRIP_SVG;
       el.style.left = `${handleLeft}px`;
@@ -6934,18 +7302,85 @@ var DragHandleController = class {
     this.prevBlocks = newBlocks;
     this.updateActiveHandle();
   }
+  activeMenu = null;
+  activeMenuCleanup = null;
+  dismissMenu() {
+    if (this.activeMenu) {
+      this.activeMenu.remove();
+      this.activeMenu = null;
+    }
+    if (this.activeMenuCleanup) {
+      this.activeMenuCleanup();
+      this.activeMenuCleanup = null;
+    }
+  }
+  showMenu(el, blockIndex) {
+    this.dismissMenu();
+    const menu = document.createElement("div");
+    menu.className = "ab-dh-menu";
+    const deleteBtn = document.createElement("button");
+    deleteBtn.className = "ab-dh-menu-item";
+    deleteBtn.textContent = "Delete";
+    deleteBtn.addEventListener("mousedown", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.deleteBlock(blockIndex);
+      this.dismissMenu();
+    });
+    menu.appendChild(deleteBtn);
+    el.appendChild(menu);
+    this.activeMenu = menu;
+    const onOutside = (e) => {
+      if (!menu.contains(e.target)) {
+        this.dismissMenu();
+      }
+    };
+    setTimeout(() => document.addEventListener("mousedown", onOutside, true), 0);
+    this.activeMenuCleanup = () => document.removeEventListener("mousedown", onOutside, true);
+  }
+  deleteBlock(blockIndex) {
+    const blocks = this.collectBlocks();
+    if (blockIndex >= blocks.length) return;
+    const block = blocks[blockIndex];
+    const from = block.offset;
+    const to = block.offset + block.nodeSize;
+    const tr = this.view.state.tr;
+    tr.replaceWith(from, to, this.view.state.schema.nodes.paragraph.create());
+    this.view.dispatch(tr);
+    this.view.focus();
+  }
   bindHandleEvents(el, index) {
     let currentIndex = index;
+    let downX = 0;
+    let downY = 0;
+    let didDrag = false;
+    let menuWasOpen = false;
     const onPointerDown = (e) => {
+      if (this.activeMenu && this.activeMenu.contains(e.target)) return;
       e.preventDefault();
       if (!this.view.editable) return;
+      menuWasOpen = !!this.activeMenu;
+      this.dismissMenu();
+      downX = e.clientX;
+      downY = e.clientY;
+      didDrag = false;
       el.setPointerCapture(e.pointerId);
       this.prevBlocks = this.collectBlocks();
       this.syncHandlePositions();
       this.startDrag(currentIndex, el, e);
     };
-    const onPointerMove = (e) => this.onPointerMove(e);
-    const onPointerUp = (e) => this.onPointerUp(e);
+    const onPointerMove = (e) => {
+      if (Math.abs(e.clientX - downX) > 3 || Math.abs(e.clientY - downY) > 3) {
+        didDrag = true;
+      }
+      this.onPointerMove(e);
+    };
+    const onPointerUp = (e) => {
+      this.onPointerUp(e);
+      if (!didDrag && !menuWasOpen) {
+        this.showMenu(el, currentIndex);
+      }
+    };
     const onLostCapture = () => this.cancelDrag();
     const onPointerCancel = () => this.cancelDrag();
     el.addEventListener("pointerdown", onPointerDown);
@@ -7352,150 +7787,89 @@ function createTodoNodeViewPlugin() {
   };
 }
 
-// src/ui/plugin/noteBlockPlugin.tsx
-import { Selection } from "prosemirror-state";
-var NoteBlockView = class {
-  dom;
-  contentDOM;
-  constructor(_node, _view, _getPos) {
-    this.dom = document.createElement("div");
-    this.dom.setAttribute("data-note-block", "");
-    this.dom.className = "ab-note-block";
-    this.dom.style.cssText = [
-      "position: relative",
-      "margin: 8px 0",
-      "padding: 16px 24px",
-      "background: #fff",
-      "border: 1px dashed #ccc",
-      "border-radius: 4px",
-      "display: flex",
-      "flex-direction: column",
-      "gap: 4px"
-    ].join(";");
-    const label = document.createElement("span");
-    label.contentEditable = "false";
-    label.textContent = "Note";
-    label.style.cssText = [
-      "display: inline-flex",
-      "align-items: center",
-      "justify-content: center",
-      "align-self: flex-start",
-      "font-size: 12px",
-      "font-weight: 400",
-      "font-style: normal",
-      "line-height: 16px",
-      "color: #858585",
-      "background: #f7f7f7",
-      "border: 1px solid #e0e0e0",
-      "border-radius: 4px",
-      "padding: 2px 4px",
-      "user-select: none"
-    ].join(";");
-    this.dom.appendChild(label);
-    this.contentDOM = document.createElement("div");
-    this.contentDOM.className = "ab-note-block-content";
-    this.contentDOM.style.cssText = [
-      "font-size: 14px",
-      "font-style: italic",
-      "font-weight: 400",
-      "line-height: 20px",
-      "letter-spacing: -0.1px",
-      "color: #858585"
-    ].join(";");
-    this.dom.appendChild(this.contentDOM);
-  }
-};
-var emptyEnterCount = 0;
-var lastEnterTime = 0;
-var exitNoteBlockOnEnter = (state, dispatch) => {
-  const { $from } = state.selection;
-  let noteBlockDepth = -1;
-  for (let d = $from.depth; d > 0; d--) {
-    if ($from.node(d).type.name === "noteBlock") {
-      noteBlockDepth = d;
-      break;
-    }
-  }
-  if (noteBlockDepth < 0) {
-    emptyEnterCount = 0;
-    return false;
-  }
-  const parentNode = $from.parent;
-  if (parentNode.type.name !== "paragraph" || parentNode.content.size !== 0) {
-    emptyEnterCount = 0;
-    return false;
-  }
-  const now = Date.now();
-  if (now - lastEnterTime > 2e3) {
-    emptyEnterCount = 0;
-  }
-  lastEnterTime = now;
-  emptyEnterCount++;
-  if (emptyEnterCount < 2) {
-    return false;
+// src/ui/plugin/placeholderPlugin.ts
+import { Plugin as Plugin7, PluginKey as PluginKey7 } from "prosemirror-state";
+import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "prosemirror-view";
+var PLACEHOLDER_TEXT2 = "Type to start writing, or press  /  to insert an action.";
+var pluginKey2 = new PluginKey7("placeholder");
+function buildDecorations4(state) {
+  const { doc: doc2, selection } = state;
+  if (!selection.empty) return DecorationSet4.empty;
+  const $from = selection.$from;
+  const parent = $from.parent;
+  if (parent.type.name !== "paragraph" || parent.content.size !== 0) {
+    return DecorationSet4.empty;
   }
-  emptyEnterCount = 0;
-  if (!dispatch) return true;
-  const paragraphStart = $from.before($from.depth);
-  const paragraphEnd = $from.after($from.depth);
-  const tr = state.tr.delete(paragraphStart, paragraphEnd);
-  const mappedFrom = tr.mapping.map($from.before($from.depth));
-  const $mapped = tr.doc.resolve(Math.min(mappedFrom, tr.doc.content.size));
-  for (let d = $mapped.depth; d > 0; d--) {
-    if ($mapped.node(d).type.name === "noteBlock") {
-      const lastChild = $mapped.node(d).lastChild;
-      if (lastChild && lastChild.type.name === "paragraph" && lastChild.content.size === 0) {
-        const lastChildPos = $mapped.end(d) - lastChild.nodeSize;
-        tr.delete(lastChildPos, lastChildPos + lastChild.nodeSize);
-      }
-      break;
+  const EXCLUDED_ANCESTORS = /* @__PURE__ */ new Set(["noteBlock", "blockquote", "jinjaIfBranch"]);
+  for (let d = $from.depth - 1; d > 0; d--) {
+    if (EXCLUDED_ANCESTORS.has($from.node(d).type.name)) {
+      return DecorationSet4.empty;
     }
   }
-  const noteBlockEnd = tr.mapping.map($from.after(noteBlockDepth));
-  const newParagraph = state.schema.nodes.paragraph.create();
-  tr.insert(noteBlockEnd, newParagraph);
-  tr.setSelection(Selection.near(tr.doc.resolve(noteBlockEnd + 1)));
-  dispatch(tr.scrollIntoView());
-  return true;
-};
-function createNoteBlockPlugin() {
+  const pos = $from.before($from.depth);
+  const deco = Decoration4.node(pos, pos + parent.nodeSize, {
+    class: "ab-empty-paragraph",
+    "data-placeholder": PLACEHOLDER_TEXT2
+  });
+  return DecorationSet4.create(doc2, [deco]);
+}
+function createPlaceholderPlugin() {
   return {
-    name: "noteBlockNodeView",
-    keymap: () => ({
-      Enter: exitNoteBlockOnEnter
-    }),
-    nodeViews: () => ({
-      noteBlock: (node, view, getPos) => new NoteBlockView(node, view, getPos)
-    })
+    name: "placeholder",
+    plugins: () => [
+      new Plugin7({
+        key: pluginKey2,
+        state: {
+          init(_, state) {
+            return buildDecorations4(state);
+          },
+          apply(tr, oldSet, _oldState, newState) {
+            if (tr.docChanged || tr.selectionSet) {
+              return buildDecorations4(newState);
+            }
+            return oldSet;
+          }
+        },
+        props: {
+          decorations(state) {
+            return pluginKey2.getState(state) ?? DecorationSet4.empty;
+          }
+        }
+      })
+    ]
   };
 }
 
 // src/ui/plugin/slashCommandPlugin.ts
-import { Plugin as Plugin7, PluginKey as PluginKey7 } from "prosemirror-state";
-var slashCommandKey = new PluginKey7("slashCommand");
+import { Plugin as Plugin8, PluginKey as PluginKey8 } from "prosemirror-state";
+var slashCommandKey = new PluginKey8("slashCommand");
 var TRIGGER_RE = /(?:^|\s)(\/[^\s]*)$/;
 function deriveState(state, dismissedFrom) {
+  const inactive = { active: false, range: null, query: "", parentType: "" };
   const { selection } = state;
-  if (!selection.empty) return { active: false, range: null, query: "" };
+  if (!selection.empty) return inactive;
   const { $from } = selection;
   const parentType = $from.parent.type.name;
-  if (parentType === "heading") return { active: false, range: null, query: "" };
+  for (let d = $from.depth; d > 0; d--) {
+    if ($from.node(d).type.name === "noteBlock") return inactive;
+  }
   const textBefore = $from.parent.textBetween(0, $from.parentOffset, "\n", "\0");
   const match = TRIGGER_RE.exec(textBefore);
-  if (!match) return { active: false, range: null, query: "" };
+  if (!match) return inactive;
   const slashText = match[1];
   const slashStartInParent = textBefore.lastIndexOf(slashText);
   const from = $from.start() + slashStartInParent;
   const to = $from.pos;
-  if (dismissedFrom === from) return { active: false, range: null, query: "" };
+  if (dismissedFrom === from) return inactive;
   return {
     active: true,
     range: { from, to },
-    query: slashText.slice(1)
+    query: slashText.slice(1),
+    parentType
   };
 }
 function createSlashCommandPlugin() {
-  const plugin = new Plugin7({
+  const plugin = new Plugin8({
     key: slashCommandKey,
     state: {
       init(_, state) {
@@ -8013,6 +8387,7 @@ function DocumentTreeView({ doc: doc2, className, onNavigate }) {
 // src/ui/components/FloatingMenu.tsx
 import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4, useState as useState7 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
+import { TextSelection as TextSelection6 } from "prosemirror-state";
 import { setBlockType as setBlockType2, toggleMark as toggleMark2, wrapIn } from "prosemirror-commands";
 import { wrapInList as wrapInList2 } from "prosemirror-schema-list";
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -8035,6 +8410,56 @@ function hasMark(state, type) {
   if (empty) return false;
   return state.doc.rangeHasMark(from, to, type);
 }
+function getMarkRange2($pos, type) {
+  const { parentOffset } = $pos;
+  let child = $pos.parent.childAfter(parentOffset);
+  if (parentOffset === child.offset && child.offset !== 0) {
+    child = $pos.parent.childBefore(parentOffset);
+  }
+  if (!child.node) return null;
+  const mark = child.node.marks.find((candidate) => candidate.type === type);
+  if (!mark) return null;
+  const parentStart = $pos.start();
+  let { index: startIndex } = child;
+  let startPos = parentStart + child.offset;
+  let endIndex = startIndex + 1;
+  let endPos = startPos + child.node.nodeSize;
+  while (startIndex > 0 && mark.isInSet($pos.parent.child(startIndex - 1).marks)) {
+    startIndex -= 1;
+    startPos -= $pos.parent.child(startIndex).nodeSize;
+  }
+  while (endIndex < $pos.parent.childCount && mark.isInSet($pos.parent.child(endIndex).marks)) {
+    endPos += $pos.parent.child(endIndex).nodeSize;
+    endIndex += 1;
+  }
+  return { from: startPos, to: endPos, mark };
+}
+function getLinkAtCursor(state) {
+  const { selection, doc: doc2 } = state;
+  if (!selection.empty) return null;
+  const range = getMarkRange2(doc2.resolve(selection.from), linkMark);
+  if (!range) return null;
+  return {
+    href: range.mark.attrs.href || "",
+    text: doc2.textBetween(range.from, range.to),
+    from: range.from,
+    to: range.to
+  };
+}
+function normalizeLinkHref(href) {
+  const trimmedHref = href.trim();
+  if (!trimmedHref) return "";
+  return trimmedHref.startsWith("#") || trimmedHref.startsWith("/") || /^https?:\/\//i.test(trimmedHref) ? trimmedHref : `https://${trimmedHref}`;
+}
+function getNonLinkMarksInRange(state, from, to) {
+  let marks = [];
+  state.doc.nodesBetween(from, to, (node) => {
+    if (!node.isText) return;
+    marks = node.marks.filter((mark) => mark.type !== linkMark);
+    return false;
+  });
+  return marks;
+}
 function activeHeadingLevel(state) {
   const { $from } = state.selection;
   const node = $from.parent;
@@ -8497,6 +8922,408 @@ function SelectionToolbar({ view, state, selectionRect }) {
     }
   );
 }
+function LinkHoverTooltip({ view, link: link2, onEdit }) {
+  const [hover, setHover] = useState7(false);
+  const startCoords = view.coordsAtPos(link2.from);
+  const endCoords = view.coordsAtPos(link2.to);
+  const anchorTop = Math.min(startCoords.top, endCoords.top);
+  const linkLeft = Math.min(startCoords.left, endCoords.left);
+  const linkRight = Math.max(startCoords.right, endCoords.right);
+  const tooltipHalfW = Math.min(174, Math.max(0, (window.innerWidth - VPORT_MARGIN2 * 2) / 2));
+  const safeCenterX = Math.max(
+    VPORT_MARGIN2 + tooltipHalfW,
+    Math.min((linkLeft + linkRight) / 2, window.innerWidth - VPORT_MARGIN2 - tooltipHalfW)
+  );
+  return createPortal2(
+    /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        ...{ [FLOAT_ATTR]: "" },
+        style: {
+          position: "fixed",
+          left: safeCenterX,
+          top: Math.max(64, anchorTop - 4),
+          transform: "translate(-50%, -100%)",
+          zIndex: 1e3,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          animation: "ab-float-in 0.12s ease",
+          pointerEvents: "auto"
+        },
+        children: [
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              ...{ [FLOAT_ATTR]: "" },
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
+                minHeight: 28,
+                maxWidth: "min(348px, calc(100vw - 16px))",
+                padding: "6px 8px",
+                background: "#2E2E2E",
+                borderRadius: 4,
+                boxSizing: "border-box"
+              },
+              children: [
+                /* @__PURE__ */ jsx10(
+                  "span",
+                  {
+                    ...{ [FLOAT_ATTR]: "" },
+                    style: {
+                      color: "#FFFFFF",
+                      fontSize: 12,
+                      lineHeight: "16px",
+                      fontFamily: '"SF Pro Text", "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+                      whiteSpace: "normal",
+                      wordBreak: "break-word",
+                      overflowWrap: "anywhere",
+                      maxWidth: 300
+                    },
+                    children: link2.href
+                  }
+                ),
+                /* @__PURE__ */ jsx10(
+                  "div",
+                  {
+                    ...{ [FLOAT_ATTR]: "" },
+                    style: {
+                      width: 1,
+                      height: 16,
+                      background: "#424242",
+                      flexShrink: 0
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx10(
+                  "button",
+                  {
+                    type: "button",
+                    ...{ [FLOAT_ATTR]: "" },
+                    onMouseDown: (e) => {
+                      e.preventDefault();
+                      onEdit(link2);
+                    },
+                    onMouseEnter: () => setHover(true),
+                    onMouseLeave: () => setHover(false),
+                    style: {
+                      ...BTN_RESET2,
+                      padding: "0 2px",
+                      color: "#FFFFFF",
+                      fontSize: 12,
+                      lineHeight: "16px",
+                      fontWeight: 600,
+                      fontFamily: '"SF Pro Text", "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+                      opacity: hover ? 0.78 : 1,
+                      flexShrink: 0
+                    },
+                    children: "Edit"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            "div",
+            {
+              ...{ [FLOAT_ATTR]: "" },
+              style: {
+                width: 0,
+                height: 0,
+                borderLeft: "6px solid transparent",
+                borderRight: "6px solid transparent",
+                borderTop: "6px solid #2E2E2E",
+                marginTop: -1
+              }
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
+function LinkEditDialog({ view, link: link2, onClose }) {
+  const [textValue, setTextValue] = useState7(link2.text);
+  const [hrefValue, setHrefValue] = useState7(link2.href);
+  const textInputRef = useRef4(null);
+  useEffect4(() => {
+    setTextValue(link2.text);
+    setHrefValue(link2.href);
+  }, [link2.from, link2.href, link2.text, link2.to]);
+  useEffect4(() => {
+    setTimeout(() => textInputRef.current?.focus(), 0);
+  }, [link2.from, link2.to]);
+  useEffect4(() => {
+    const onDown = (e) => {
+      if (!e.target.closest(`[${FLOAT_ATTR}]`)) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", onDown, true);
+    return () => document.removeEventListener("mousedown", onDown, true);
+  }, [onClose]);
+  const startCoords = view.coordsAtPos(link2.from);
+  const endCoords = view.coordsAtPos(link2.to);
+  const anchorTop = Math.min(startCoords.top, endCoords.top);
+  const anchorBottom = Math.max(startCoords.bottom, endCoords.bottom);
+  const linkLeft = Math.min(startCoords.left, endCoords.left);
+  const linkRight = Math.max(startCoords.right, endCoords.right);
+  const dialogW = 280;
+  const estimatedDialogH = 188;
+  const centerX = (linkLeft + linkRight) / 2;
+  const left = Math.max(
+    VPORT_MARGIN2,
+    Math.min(centerX - dialogW / 2, window.innerWidth - dialogW - VPORT_MARGIN2)
+  );
+  let top = anchorTop - estimatedDialogH - 12;
+  if (top < VPORT_MARGIN2) {
+    top = Math.min(anchorBottom + 12, window.innerHeight - estimatedDialogH - VPORT_MARGIN2);
+  }
+  const finalHref = normalizeLinkHref(hrefValue);
+  const finalText = textValue.trim() ? textValue : finalHref;
+  const canSave = Boolean(finalHref) && (finalHref !== link2.href || finalText !== link2.text);
+  const currentLink = () => {
+    const activeLink = getLinkAtCursor(view.state);
+    if (activeLink && activeLink.from === link2.from && activeLink.to === link2.to) {
+      return activeLink;
+    }
+    return link2;
+  };
+  const saveLink = () => {
+    const activeLink = currentLink();
+    const nextHref = normalizeLinkHref(hrefValue);
+    const nextText = textValue.trim() ? textValue : nextHref;
+    if (!nextHref) return;
+    if (nextHref === activeLink.href && nextText === activeLink.text) return;
+    const cursorOffset = Math.max(0, view.state.selection.from - activeLink.from);
+    const tr = view.state.tr;
+    if (nextText === activeLink.text) {
+      tr.removeMark(activeLink.from, activeLink.to, linkMark);
+      tr.addMark(activeLink.from, activeLink.to, linkMark.create({ href: nextHref }));
+      const nextCursor = Math.min(activeLink.from + cursorOffset, activeLink.to);
+      tr.setSelection(TextSelection6.near(tr.doc.resolve(nextCursor)));
+    } else {
+      const preservedMarks = getNonLinkMarksInRange(view.state, activeLink.from, activeLink.to);
+      tr.insertText(nextText, activeLink.from, activeLink.to);
+      const nextTo = activeLink.from + nextText.length;
+      tr.removeMark(activeLink.from, nextTo, linkMark);
+      for (const mark of preservedMarks) {
+        tr.addMark(activeLink.from, nextTo, mark);
+      }
+      tr.addMark(activeLink.from, nextTo, linkMark.create({ href: nextHref }));
+      const nextCursor = Math.min(activeLink.from + cursorOffset, nextTo);
+      tr.setSelection(TextSelection6.near(tr.doc.resolve(nextCursor)));
+    }
+    view.dispatch(tr);
+    onClose();
+    view.focus();
+  };
+  const removeLink = () => {
+    const activeLink = currentLink();
+    view.dispatch(view.state.tr.removeMark(activeLink.from, activeLink.to, linkMark));
+    onClose();
+    view.focus();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      onClose();
+      view.focus();
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      saveLink();
+    }
+  };
+  return createPortal2(
+    /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        ...{ [FLOAT_ATTR]: "" },
+        style: {
+          position: "fixed",
+          left,
+          top,
+          zIndex: 1001,
+          width: dialogW,
+          display: "flex",
+          flexDirection: "column",
+          gap: 16,
+          padding: 16,
+          background: "#FFFFFF",
+          borderRadius: 4,
+          boxShadow: "0px 8px 10px rgba(13,13,13,0.12), 0px 3px 14px rgba(13,13,13,0.08), 0px 3px 5px rgba(13,13,13,0.04)",
+          boxSizing: "border-box",
+          animation: "ab-float-in 0.12s ease"
+        },
+        children: [
+          /* @__PURE__ */ jsxs9("div", { ...{ [FLOAT_ATTR]: "" }, style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+            /* @__PURE__ */ jsxs9(
+              "div",
+              {
+                ...{ [FLOAT_ATTR]: "" },
+                style: {
+                  fontSize: 12,
+                  lineHeight: "16px",
+                  fontWeight: 600,
+                  color: "#0D0D0D"
+                },
+                children: [
+                  "Text ",
+                  /* @__PURE__ */ jsx10("span", { style: { color: "#858585" }, children: "(optional)" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              "input",
+              {
+                ref: textInputRef,
+                ...{ [FLOAT_ATTR]: "" },
+                value: textValue,
+                onChange: (e) => setTextValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                style: {
+                  height: 32,
+                  border: "1px solid #CCCCCC",
+                  borderRadius: 4,
+                  padding: "0 16px",
+                  fontSize: 14,
+                  color: "#0D0D0D",
+                  outline: "none",
+                  boxSizing: "border-box"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { ...{ [FLOAT_ATTR]: "" }, style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+            /* @__PURE__ */ jsx10(
+              "div",
+              {
+                ...{ [FLOAT_ATTR]: "" },
+                style: {
+                  fontSize: 12,
+                  lineHeight: "16px",
+                  fontWeight: 600,
+                  color: "#0D0D0D"
+                },
+                children: "Link"
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              "input",
+              {
+                ...{ [FLOAT_ATTR]: "" },
+                value: hrefValue,
+                onChange: (e) => setHrefValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                style: {
+                  height: 32,
+                  border: "1px solid #CCCCCC",
+                  borderRadius: 4,
+                  padding: "0 16px",
+                  fontSize: 14,
+                  color: "#0D0D0D",
+                  outline: "none",
+                  boxSizing: "border-box"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              ...{ [FLOAT_ATTR]: "" },
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: 12
+              },
+              children: [
+                /* @__PURE__ */ jsx10(
+                  "button",
+                  {
+                    type: "button",
+                    ...{ [FLOAT_ATTR]: "" },
+                    onMouseDown: (e) => {
+                      e.preventDefault();
+                      removeLink();
+                    },
+                    style: {
+                      ...BTN_RESET2,
+                      fontSize: 14,
+                      lineHeight: "20px",
+                      fontWeight: 600,
+                      color: "#0D0D0D"
+                    },
+                    children: "Remove link"
+                  }
+                ),
+                /* @__PURE__ */ jsxs9("div", { ...{ [FLOAT_ATTR]: "" }, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                  /* @__PURE__ */ jsx10(
+                    "button",
+                    {
+                      type: "button",
+                      ...{ [FLOAT_ATTR]: "" },
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        onClose();
+                        view.focus();
+                      },
+                      style: {
+                        ...BTN_RESET2,
+                        height: 32,
+                        padding: "0 13px",
+                        border: "1px solid #CCCCCC",
+                        borderRadius: 4,
+                        fontSize: 14,
+                        lineHeight: "20px",
+                        fontWeight: 600,
+                        color: "#0D0D0D"
+                      },
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx10(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: !canSave,
+                      ...{ [FLOAT_ATTR]: "" },
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        if (!canSave) return;
+                        saveLink();
+                      },
+                      style: {
+                        ...BTN_RESET2,
+                        height: 32,
+                        padding: "0 13px",
+                        borderRadius: 4,
+                        fontSize: 14,
+                        lineHeight: "20px",
+                        fontWeight: 600,
+                        background: canSave ? "#6210CC" : "#ECECEC",
+                        color: canSave ? "#FFFFFF" : "#A6A6A6",
+                        cursor: canSave ? "pointer" : "default"
+                      },
+                      children: "Save"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
 var BLOCK_ITEMS = [
   {
     shortLabel: "\xB6",
@@ -8715,6 +9542,7 @@ function BlockMenuItem({
 }
 function FloatingMenu({ view, editorState }) {
   const [showEmptyHandle, setShowEmptyHandle] = useState7(false);
+  const [editingLink, setEditingLink] = useState7(null);
   const dwellTimerRef = useRef4(null);
   const lastEmptyPosRef = useRef4(null);
   const [, setScrollTick] = useState7(0);
@@ -8740,9 +9568,16 @@ function FloatingMenu({ view, editorState }) {
     `;
     document.head.appendChild(style);
   }, []);
+  const emptyPos = editorState ? emptyBlockCursorPos(editorState) : null;
+  const hasSelection = editorState ? !editorState.selection.empty : false;
+  const linkAtCursor = editorState && !hasSelection ? getLinkAtCursor(editorState) : null;
+  useEffect4(() => {
+    if (!editingLink) return;
+    if (!linkAtCursor || linkAtCursor.from !== editingLink.from || linkAtCursor.to !== editingLink.to) {
+      setEditingLink(null);
+    }
+  }, [editingLink, linkAtCursor]);
   if (!view || !editorState) return null;
-  const emptyPos = emptyBlockCursorPos(editorState);
-  const hasSelection = !editorState.selection.empty;
   if (emptyPos !== lastEmptyPosRef.current) {
     lastEmptyPosRef.current = emptyPos;
     if (dwellTimerRef.current) {
@@ -8766,23 +9601,39 @@ function FloatingMenu({ view, editorState }) {
           selectionRect
         }
       ),
-      !hasSelection && showEmptyHandle && emptyPos !== null && /* @__PURE__ */ jsx10(EmptyParaHandle, { view, cursorPos: emptyPos })
+      !hasSelection && linkAtCursor && !editingLink && /* @__PURE__ */ jsx10(
+        LinkHoverTooltip,
+        {
+          view,
+          link: linkAtCursor,
+          onEdit: (link2) => setEditingLink(link2)
+        }
+      ),
+      !hasSelection && editingLink && /* @__PURE__ */ jsx10(
+        LinkEditDialog,
+        {
+          view,
+          link: editingLink,
+          onClose: () => setEditingLink(null)
+        }
+      ),
+      !hasSelection && !linkAtCursor && showEmptyHandle && emptyPos !== null && /* @__PURE__ */ jsx10(EmptyParaHandle, { view, cursorPos: emptyPos })
     ] }),
     document.body
   );
 }
 
 // src/ui/plugin/inlineSuggestPlugin.ts
-import { Plugin as Plugin8, PluginKey as PluginKey8 } from "prosemirror-state";
-import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "prosemirror-view";
-var inlineSuggestKey = new PluginKey8("inlineSuggest");
+import { Plugin as Plugin9, PluginKey as PluginKey9 } from "prosemirror-state";
+import { Decoration as Decoration5, DecorationSet as DecorationSet5 } from "prosemirror-view";
+var inlineSuggestKey = new PluginKey9("inlineSuggest");
 var DEBOUNCE_MS = 600;
 function createInlineSuggestPlugin(provider, endpoint, options) {
   const { onContextChange } = options ?? {};
   return {
     name: "inlineSuggest",
     plugins: () => [
-      new Plugin8({
+      new Plugin9({
         key: inlineSuggestKey,
         state: {
           init: () => ({ suggestion: null, anchorPos: null }),
@@ -8798,13 +9649,13 @@ function createInlineSuggestPlugin(provider, endpoint, options) {
         props: {
           decorations(state) {
             const ps = inlineSuggestKey.getState(state);
-            if (!ps?.suggestion || !state.selection.empty) return DecorationSet4.empty;
+            if (!ps?.suggestion || !state.selection.empty) return DecorationSet5.empty;
             const ghost = document.createElement("span");
             ghost.textContent = ps.suggestion;
             ghost.style.cssText = "color: rgba(0,0,0,0.3); pointer-events: none; user-select: none;";
             ghost.setAttribute("aria-hidden", "true");
-            return DecorationSet4.create(state.doc, [
-              Decoration4.widget(state.selection.from, ghost, {
+            return DecorationSet5.create(state.doc, [
+              Decoration5.widget(state.selection.from, ghost, {
                 side: 1,
                 key: "inline-suggest"
               })
@@ -8959,6 +9810,7 @@ export {
   createLinkPlugin,
   createMarkdownClipboardPlugin,
   createNoteBlockPlugin,
+  createPlaceholderPlugin,
   createPluginArray,
   createReactNodeView,
   createSlashCommandPlugin,