@sendbird/actionbook-core 0.9.1 → 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: [
@@ -456,6 +456,205 @@ function createPluginArray(plugins) {
 // src/ui/components/ActionbookRenderer.tsx
 import React from "react";
 
+// src/jinja/conditionHighlighter.ts
+var KEYWORDS = {
+  and: "AND",
+  or: "OR",
+  not: "NOT",
+  in: "IN",
+  is: "IS",
+  True: "BOOL",
+  False: "BOOL",
+  true: "BOOL",
+  false: "BOOL",
+  None: "NONE",
+  null: "NONE"
+};
+var CATEGORY_BY_TYPE = {
+  STRING: "value",
+  NUMBER: "value",
+  BOOL: "value",
+  NONE: "value",
+  IDENT: "variable",
+  AND: "operator",
+  OR: "operator",
+  NOT: "operator",
+  IN: "operator",
+  IS: "operator",
+  EQ: "operator",
+  NEQ: "operator",
+  LT: "operator",
+  GT: "operator",
+  LTE: "operator",
+  GTE: "operator",
+  LPAREN: "punctuation",
+  RPAREN: "punctuation"
+};
+var NEGATIVE_NUMBER_PRECEDERS = /* @__PURE__ */ new Set([
+  "AND",
+  "OR",
+  "NOT",
+  "IN",
+  "IS",
+  "EQ",
+  "NEQ",
+  "LT",
+  "GT",
+  "LTE",
+  "GTE",
+  "LPAREN"
+]);
+function canStartNegativeNumber(tokens) {
+  if (tokens.length === 0) {
+    return true;
+  }
+  const previous = tokens[tokens.length - 1];
+  return NEGATIVE_NUMBER_PRECEDERS.has(previous.type);
+}
+function finalizeTokens(input, rawTokens) {
+  const highlighted = [];
+  for (let i = 0; i < rawTokens.length; i++) {
+    const token = rawTokens[i];
+    const next = rawTokens[i + 1];
+    if (token.type === "IS" && next?.type === "NOT") {
+      highlighted.push({
+        text: input.slice(token.start, next.end),
+        start: token.start,
+        end: next.end,
+        category: "operator"
+      });
+      i++;
+      continue;
+    }
+    highlighted.push({
+      text: token.text,
+      start: token.start,
+      end: token.end,
+      category: CATEGORY_BY_TYPE[token.type]
+    });
+  }
+  return highlighted;
+}
+function tokenizeCondition(input) {
+  const rawTokens = [];
+  let i = 0;
+  while (i < input.length) {
+    const char = input[i];
+    if (/\s/.test(char)) {
+      i++;
+      continue;
+    }
+    if (char === '"' || char === "'") {
+      const start = i;
+      const quote = char;
+      i++;
+      while (i < input.length) {
+        if (input[i] === "\\" && i + 1 < input.length) {
+          i += 2;
+          continue;
+        }
+        if (input[i] === quote) {
+          i++;
+          rawTokens.push({
+            type: "STRING",
+            text: input.slice(start, i),
+            start,
+            end: i
+          });
+          break;
+        }
+        i++;
+      }
+      if (rawTokens[rawTokens.length - 1]?.start !== start) {
+        return finalizeTokens(input, rawTokens);
+      }
+      continue;
+    }
+    if (/[0-9]/.test(char) || char === "-" && i + 1 < input.length && /[0-9]/.test(input[i + 1]) && canStartNegativeNumber(rawTokens)) {
+      const start = i;
+      if (input[i] === "-") {
+        i++;
+      }
+      while (i < input.length && /[0-9]/.test(input[i])) {
+        i++;
+      }
+      if (i < input.length && input[i] === ".") {
+        i++;
+        while (i < input.length && /[0-9]/.test(input[i])) {
+          i++;
+        }
+      }
+      rawTokens.push({
+        type: "NUMBER",
+        text: input.slice(start, i),
+        start,
+        end: i
+      });
+      continue;
+    }
+    if (/[a-zA-Z_]/.test(char)) {
+      const start = i;
+      i++;
+      while (i < input.length && /[a-zA-Z0-9_.]/.test(input[i])) {
+        i++;
+      }
+      const text2 = input.slice(start, i);
+      rawTokens.push({
+        type: KEYWORDS[text2] ?? "IDENT",
+        text: text2,
+        start,
+        end: i
+      });
+      continue;
+    }
+    if (i + 1 < input.length) {
+      const twoChar = input.slice(i, i + 2);
+      if (twoChar === "==") {
+        rawTokens.push({ type: "EQ", text: twoChar, start: i, end: i + 2 });
+        i += 2;
+        continue;
+      }
+      if (twoChar === "!=") {
+        rawTokens.push({ type: "NEQ", text: twoChar, start: i, end: i + 2 });
+        i += 2;
+        continue;
+      }
+      if (twoChar === "<=") {
+        rawTokens.push({ type: "LTE", text: twoChar, start: i, end: i + 2 });
+        i += 2;
+        continue;
+      }
+      if (twoChar === ">=") {
+        rawTokens.push({ type: "GTE", text: twoChar, start: i, end: i + 2 });
+        i += 2;
+        continue;
+      }
+    }
+    if (char === "<") {
+      rawTokens.push({ type: "LT", text: char, start: i, end: i + 1 });
+      i++;
+      continue;
+    }
+    if (char === ">") {
+      rawTokens.push({ type: "GT", text: char, start: i, end: i + 1 });
+      i++;
+      continue;
+    }
+    if (char === "(") {
+      rawTokens.push({ type: "LPAREN", text: char, start: i, end: i + 1 });
+      i++;
+      continue;
+    }
+    if (char === ")") {
+      rawTokens.push({ type: "RPAREN", text: char, start: i, end: i + 1 });
+      i++;
+      continue;
+    }
+    return finalizeTokens(input, rawTokens);
+  }
+  return finalizeTokens(input, rawTokens);
+}
+
 // src/ui/components/icons.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function IconTool({ size = 16, fill = "currentColor", style }) {
@@ -743,6 +942,172 @@ function renderInline(node, key2, renderNode) {
 function renderInlineContent(content, keyPrefix, renderNode) {
   return content.map((node, i) => renderInline(node, `${keyPrefix}-${i}`, renderNode));
 }
+var JINJA_RENDERER_STYLE_ID = "ab-renderer-jinja-styles";
+var JINJA_RENDERER_STYLES = `
+.ab-r-jinja-block {
+  margin: 8px 0;
+}
+
+.ab-r-jinja-branch {
+  position: relative;
+}
+
+.ab-r-jinja-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px;
+  border: 1px solid #E0E0E0;
+  border-radius: 4px;
+  background: #FFFFFF;
+}
+
+.ab-r-jinja-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  padding: 0 8px;
+  border-radius: 4px;
+  font-family: "Roboto Mono", monospace;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: -0.3px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.ab-r-jinja-badge-if,
+.ab-r-jinja-badge-elif {
+  background: #E7F1FF;
+  color: #0D0D0D;
+}
+
+.ab-r-jinja-badge-else {
+  background: #F7F7F7;
+  color: #424242;
+}
+
+.ab-r-jinja-condition {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  font-family: "Roboto Mono", monospace;
+  font-size: 13px;
+  line-height: 20px;
+  letter-spacing: -0.3px;
+  color: #0D0D0D;
+}
+
+.ab-r-jinja-otherwise {
+  flex: 1;
+  color: #858585;
+  font-family: "Roboto Mono", monospace;
+  font-size: 13px;
+  line-height: 20px;
+  letter-spacing: -0.3px;
+}
+
+.ab-r-jinja-body {
+  display: flex;
+  gap: 12px;
+  padding: 0 8px;
+  min-height: 32px;
+}
+
+.ab-r-jinja-divider-col {
+  width: 32px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: stretch;
+  justify-content: center;
+}
+
+.ab-r-jinja-divider {
+  width: 1px;
+  background: #E0E0E0;
+}
+
+.ab-r-jinja-branch-last .ab-r-jinja-divider-col {
+  align-items: flex-start;
+  padding-left: 16px;
+}
+
+.ab-r-jinja-branch-last .ab-r-jinja-divider {
+  width: 16px;
+  height: 28px;
+  background: none;
+  border-left: 1px solid #E0E0E0;
+  border-bottom: 1px solid #E0E0E0;
+  border-bottom-left-radius: 8px;
+}
+
+.ab-r-jinja-content {
+  flex: 1;
+  min-width: 0;
+  padding: 12px 0;
+}
+
+.ab-r-jinja-token-variable { color: #4141B2; }
+.ab-r-jinja-token-operator { color: #858585; }
+.ab-r-jinja-token-value { color: #0D0D0D; }
+.ab-r-jinja-token-punctuation { color: #858585; }
+`;
+var jinjaRendererStyleRefCount = 0;
+var jinjaRendererStyleEl = null;
+function ensureJinjaRendererStyles() {
+  if (jinjaRendererStyleRefCount++ > 0) return;
+  if (typeof document === "undefined") return;
+  const existing = document.getElementById(JINJA_RENDERER_STYLE_ID);
+  if (existing instanceof HTMLStyleElement) {
+    jinjaRendererStyleEl = existing;
+    return;
+  }
+  jinjaRendererStyleEl = document.createElement("style");
+  jinjaRendererStyleEl.id = JINJA_RENDERER_STYLE_ID;
+  jinjaRendererStyleEl.textContent = JINJA_RENDERER_STYLES;
+  document.head.appendChild(jinjaRendererStyleEl);
+}
+function renderConditionTokens(condition) {
+  const tokens = tokenizeCondition(condition);
+  return tokens.map((token, i) => /* @__PURE__ */ jsx2("span", { className: `ab-r-jinja-token-${token.category}`, children: token.text }, `t-${i}-${token.start}`));
+}
+function renderJinjaBranch(branch, key2, isLast, renderNode) {
+  const branchType = branch.branchType;
+  const badgeLabel = branchType === "elif" ? "ELSE IF" : branchType.toUpperCase();
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: `ab-r-jinja-branch${isLast ? " ab-r-jinja-branch-last" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "ab-r-jinja-header", children: [
+          /* @__PURE__ */ jsx2("span", { className: `ab-r-jinja-badge ab-r-jinja-badge-${branchType}`, children: badgeLabel }),
+          branchType === "else" ? /* @__PURE__ */ jsx2("span", { className: "ab-r-jinja-otherwise", children: "otherwise" }) : /* @__PURE__ */ jsx2("span", { className: "ab-r-jinja-condition", children: branch.condition ? renderConditionTokens(branch.condition) : null })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "ab-r-jinja-body", children: [
+          /* @__PURE__ */ jsx2("div", { className: "ab-r-jinja-divider-col", children: /* @__PURE__ */ jsx2("div", { className: "ab-r-jinja-divider" }) }),
+          /* @__PURE__ */ jsx2("div", { className: "ab-r-jinja-content", children: branch.content.map((child, i) => renderBlock(child, `${key2}-c${i}`, renderNode)) })
+        ] })
+      ]
+    },
+    key2
+  );
+}
+function renderJinjaIfBlock(node, key2, renderNode) {
+  ensureJinjaRendererStyles();
+  return /* @__PURE__ */ jsx2("div", { className: "ab-r-jinja-block", children: node.branches.map(
+    (branch, i) => renderJinjaBranch(
+      branch,
+      `${key2}-b${i}`,
+      i === node.branches.length - 1,
+      renderNode
+    )
+  ) }, key2);
+}
 function renderBlock(node, key2, renderNode) {
   const defaultRender = () => {
     switch (node.type) {
@@ -774,6 +1139,8 @@ function renderBlock(node, key2, renderNode) {
         return /* @__PURE__ */ jsx2("li", { children: node.content.map((child, i) => renderBlock(child, `${key2}-${i}`, renderNode)) }, key2);
       case "blockquote":
         return /* @__PURE__ */ jsx2("blockquote", { children: node.content.map((child, i) => renderBlock(child, `${key2}-${i}`, renderNode)) }, key2);
+      case "jinjaIfBlock":
+        return renderJinjaIfBlock(node, key2, renderNode);
       case "horizontalRule":
         return /* @__PURE__ */ jsx2("hr", {}, key2);
       case "table":
@@ -2367,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];
@@ -2431,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) => {
@@ -2449,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));
@@ -2468,18 +2891,110 @@ import { history, undo, redo } from "prosemirror-history";
 import { keymap as keymap2 } from "prosemirror-keymap";
 function createHistoryPlugin() {
   return {
-    name: "history",
-    plugins: () => [
-      history(),
-      keymap2({ "Mod-z": undo, "Mod-Shift-z": redo, "Mod-y": redo })
-    ]
+    name: "history",
+    plugins: () => [
+      history(),
+      keymap2({ "Mod-z": undo, "Mod-Shift-z": redo, "Mod-y": redo })
+    ]
+  };
+}
+
+// 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
-import { baseKeymap, chainCommands, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlock, toggleMark, setBlockType, joinBackward } from "prosemirror-commands";
-import { keymap as keymap3 } from "prosemirror-keymap";
-import { liftListItem, sinkListItem, splitListItem, wrapInList } from "prosemirror-schema-list";
 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;
@@ -2526,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) => {
@@ -2544,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;
@@ -2562,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),
@@ -4336,207 +4944,19 @@ function analyzeJinjaBlocks(doc2) {
   });
 }
 
-// src/jinja/conditionHighlighter.ts
-var KEYWORDS = {
-  and: "AND",
-  or: "OR",
-  not: "NOT",
-  in: "IN",
-  is: "IS",
-  True: "BOOL",
-  False: "BOOL",
-  true: "BOOL",
-  false: "BOOL",
-  None: "NONE",
-  null: "NONE"
-};
-var CATEGORY_BY_TYPE = {
-  STRING: "value",
-  NUMBER: "value",
-  BOOL: "value",
-  NONE: "value",
-  IDENT: "variable",
-  AND: "operator",
-  OR: "operator",
-  NOT: "operator",
-  IN: "operator",
-  IS: "operator",
-  EQ: "operator",
-  NEQ: "operator",
-  LT: "operator",
-  GT: "operator",
-  LTE: "operator",
-  GTE: "operator",
-  LPAREN: "punctuation",
-  RPAREN: "punctuation"
-};
-var NEGATIVE_NUMBER_PRECEDERS = /* @__PURE__ */ new Set([
-  "AND",
-  "OR",
-  "NOT",
-  "IN",
-  "IS",
-  "EQ",
-  "NEQ",
-  "LT",
-  "GT",
-  "LTE",
-  "GTE",
-  "LPAREN"
-]);
-function canStartNegativeNumber(tokens) {
-  if (tokens.length === 0) {
-    return true;
-  }
-  const previous = tokens[tokens.length - 1];
-  return NEGATIVE_NUMBER_PRECEDERS.has(previous.type);
-}
-function finalizeTokens(input, rawTokens) {
-  const highlighted = [];
-  for (let i = 0; i < rawTokens.length; i++) {
-    const token = rawTokens[i];
-    const next = rawTokens[i + 1];
-    if (token.type === "IS" && next?.type === "NOT") {
-      highlighted.push({
-        text: input.slice(token.start, next.end),
-        start: token.start,
-        end: next.end,
-        category: "operator"
-      });
-      i++;
-      continue;
-    }
-    highlighted.push({
-      text: token.text,
-      start: token.start,
-      end: token.end,
-      category: CATEGORY_BY_TYPE[token.type]
-    });
-  }
-  return highlighted;
-}
-function tokenizeCondition(input) {
-  const rawTokens = [];
-  let i = 0;
-  while (i < input.length) {
-    const char = input[i];
-    if (/\s/.test(char)) {
-      i++;
-      continue;
-    }
-    if (char === '"' || char === "'") {
-      const start = i;
-      const quote = char;
-      i++;
-      while (i < input.length) {
-        if (input[i] === "\\" && i + 1 < input.length) {
-          i += 2;
-          continue;
-        }
-        if (input[i] === quote) {
-          i++;
-          rawTokens.push({
-            type: "STRING",
-            text: input.slice(start, i),
-            start,
-            end: i
-          });
-          break;
-        }
-        i++;
-      }
-      if (rawTokens[rawTokens.length - 1]?.start !== start) {
-        return finalizeTokens(input, rawTokens);
-      }
-      continue;
-    }
-    if (/[0-9]/.test(char) || char === "-" && i + 1 < input.length && /[0-9]/.test(input[i + 1]) && canStartNegativeNumber(rawTokens)) {
-      const start = i;
-      if (input[i] === "-") {
-        i++;
-      }
-      while (i < input.length && /[0-9]/.test(input[i])) {
-        i++;
-      }
-      if (i < input.length && input[i] === ".") {
-        i++;
-        while (i < input.length && /[0-9]/.test(input[i])) {
-          i++;
-        }
-      }
-      rawTokens.push({
-        type: "NUMBER",
-        text: input.slice(start, i),
-        start,
-        end: i
-      });
-      continue;
-    }
-    if (/[a-zA-Z_]/.test(char)) {
-      const start = i;
-      i++;
-      while (i < input.length && /[a-zA-Z0-9_.]/.test(input[i])) {
-        i++;
-      }
-      const text2 = input.slice(start, i);
-      rawTokens.push({
-        type: KEYWORDS[text2] ?? "IDENT",
-        text: text2,
-        start,
-        end: i
-      });
-      continue;
-    }
-    if (i + 1 < input.length) {
-      const twoChar = input.slice(i, i + 2);
-      if (twoChar === "==") {
-        rawTokens.push({ type: "EQ", text: twoChar, start: i, end: i + 2 });
-        i += 2;
-        continue;
-      }
-      if (twoChar === "!=") {
-        rawTokens.push({ type: "NEQ", text: twoChar, start: i, end: i + 2 });
-        i += 2;
-        continue;
-      }
-      if (twoChar === "<=") {
-        rawTokens.push({ type: "LTE", text: twoChar, start: i, end: i + 2 });
-        i += 2;
-        continue;
-      }
-      if (twoChar === ">=") {
-        rawTokens.push({ type: "GTE", text: twoChar, start: i, end: i + 2 });
-        i += 2;
-        continue;
-      }
-    }
-    if (char === "<") {
-      rawTokens.push({ type: "LT", text: char, start: i, end: i + 1 });
-      i++;
-      continue;
-    }
-    if (char === ">") {
-      rawTokens.push({ type: "GT", text: char, start: i, end: i + 1 });
-      i++;
-      continue;
-    }
-    if (char === "(") {
-      rawTokens.push({ type: "LPAREN", text: char, start: i, end: i + 1 });
-      i++;
-      continue;
-    }
-    if (char === ")") {
-      rawTokens.push({ type: "RPAREN", text: char, start: i, end: i + 1 });
-      i++;
-      continue;
-    }
-    return finalizeTokens(input, rawTokens);
-  }
-  return finalizeTokens(input, rawTokens);
-}
-
 // 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) {
@@ -4548,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 }
@@ -4585,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({
@@ -4640,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",
@@ -4748,6 +5170,7 @@ function textToSlice(text2, view) {
     return null;
   }
 }
+var URL_RE = /^https?:\/\/[^\s]+$/i;
 function createPlugin() {
   return new Plugin({
     key,
@@ -4762,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;
@@ -4807,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 };
@@ -4870,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)));
             }
           }
         }
@@ -4902,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) {
@@ -4912,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;
 }
@@ -4961,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,
@@ -4989,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",
@@ -5021,7 +5464,7 @@ var TOOLTIP_STYLE = {
   fontSize: "14px",
   lineHeight: "20px",
   color: "#0D0D0D",
-  whiteSpace: "nowrap",
+  maxWidth: "240px",
   zIndex: 100,
   pointerEvents: "none"
 };
@@ -5041,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",
             {
@@ -5057,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: [
@@ -5071,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() {
@@ -5376,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";
@@ -5782,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;
 }
@@ -5829,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);
@@ -5840,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" });
   }
@@ -6135,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(
@@ -6153,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: () => {
@@ -6213,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;
@@ -6259,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;
 }
@@ -6272,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 } };
         }
@@ -6284,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;
@@ -6428,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;
@@ -6444,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;
@@ -6753,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`;
@@ -6766,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);
@@ -7184,81 +7787,89 @@ function createTodoNodeViewPlugin() {
   };
 }
 
-// src/ui/plugin/noteBlockPlugin.tsx
-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: 12px 16px 12px 16px;
-      background: rgba(0, 0, 0, 0.015);
-      border-top: 1px solid rgba(0, 0, 0, 0.08);
-      color: #999;
-      font-style: italic;
-    `;
-    const label = document.createElement("span");
-    label.contentEditable = "false";
-    label.textContent = "Note";
-    label.style.cssText = `
-      display: inline-block;
-      font-size: 11px;
-      font-weight: 600;
-      font-style: normal;
-      color: #aaa;
-      background: rgba(0, 0, 0, 0.03);
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      border-radius: 3px;
-      padding: 1px 6px;
-      margin-bottom: 6px;
-      user-select: none;
-      line-height: 1.4;
-    `;
-    this.dom.appendChild(label);
-    this.contentDOM = document.createElement("div");
-    this.contentDOM.className = "ab-note-block-content";
-    this.dom.appendChild(this.contentDOM);
+// 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;
   }
-};
-function createNoteBlockPlugin() {
+  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 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",
-    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) {
@@ -7776,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";
@@ -7798,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;
@@ -8260,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",
@@ -8478,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);
@@ -8503,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) {
@@ -8529,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 }),
@@ -8561,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"
               })
@@ -8722,6 +9810,7 @@ export {
   createLinkPlugin,
   createMarkdownClipboardPlugin,
   createNoteBlockPlugin,
+  createPlaceholderPlugin,
   createPluginArray,
   createReactNodeView,
   createSlashCommandPlugin,