@tensor_1/react 2.39.0 → 2.40.1

package/dist/rich-text.cjs

@@ -31,16 +31,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var rich_text_exports = {};
 __export(rich_text_exports, {
   DEFAULT_RICH_TEXT_LABELS: () => DEFAULT_RICH_TEXT_LABELS,
+  MENTION_SCHEME: () => MENTION_SCHEME,
   RichTextEditor: () => RichTextEditor,
   RichTextEditorFallback: () => RichTextEditorFallback,
   emojiImageFileName: () => emojiImageFileName,
+  findMentions: () => findMentions,
+  formatMention: () => formatMention,
+  isMentionId: () => isMentionId,
+  readMention: () => readMention,
   roundTripMarkdown: () => roundTripMarkdown
 });
 module.exports = __toCommonJS(rich_text_exports);
 
 // src/components/RichTextEditor.tsx
 var import_react7 = require("react");
-var import_core2 = require("@tiptap/core");
+var import_core3 = require("@tiptap/core");
 var import_react8 = require("@tiptap/react");
 var import_markdown2 = require("@tiptap/markdown");
 var import_extensions = require("@tiptap/extensions");
@@ -328,7 +333,7 @@ function useEmojiRenderer(emojiImageBaseUrl) {
 }
 
 // src/rich-text/pipeline.ts
-var import_core = require("@tiptap/core");
+var import_core2 = require("@tiptap/core");
 var import_markdown = require("@tiptap/markdown");
 var import_extension_list = require("@tiptap/extension-list");
 var import_extension_table = require("@tiptap/extension-table");
@@ -346,1578 +351,1699 @@ function defaultIsSafeUrl(url) {
   return ALLOWED_START.test(candidate);
 }
 
-// src/rich-text/pipeline.ts
-var indentContinuation = (h) => {
-  let first = true;
-  return {
-    ...h,
-    renderChildren: (nodes) => {
-      const out = h.renderChildren(nodes);
-      if (!first) return out;
-      first = false;
-      return out.split("\n").map((line, n) => n > 0 && line ? h.indent(line) : line).join("\n");
-    }
-  };
-};
-var listItemRender = import_extension_list.ListItem.config.renderMarkdown;
-var UixListItem = import_extension_list.ListItem.extend({
-  renderMarkdown: (node, h, ctx) => listItemRender(node, indentContinuation(h), ctx)
-});
-var UixTaskItem = import_extension_list.TaskItem.extend({
-  renderMarkdown: (node, h) => {
-    const prefix = `- [${node.attrs?.checked ? "x" : " "}] `;
-    const [first, ...rest] = node.content ?? [];
-    if (first?.type !== "paragraph" || !(first.content ?? []).some((c) => c.type === "hardBreak")) {
-      return (0, import_core.renderNestedMarkdownContent)(node, h, prefix);
-    }
-    const lines = [[]];
-    for (const child of first.content ?? []) {
-      if (child.type === "hardBreak") lines.push([]);
-      else lines[lines.length - 1].push(child);
-    }
-    const paragraphs = lines.filter((line) => line.length > 0).map((content) => ({ type: "paragraph", content }));
-    return (0, import_core.renderNestedMarkdownContent)({ ...node, content: [...paragraphs, ...rest] }, h, prefix);
-  }
-});
-function createSchemaExtensions(options = {}) {
-  const isSafeUrl = options.isSafeUrl ?? defaultIsSafeUrl;
-  return [
-    import_starter_kit.StarterKit.configure({
-      underline: false,
-      listItem: false,
-      heading: { levels: [...options.headingLevels ?? [1, 2, 3]] },
-      link: {
-        openOnClick: false,
-        autolink: true,
-        linkOnPaste: true,
-        defaultProtocol: "https",
-        // Unsafe links never become marks: pasted or typed, they stay text.
-        isAllowedUri: (url) => isSafeUrl(url),
-        shouldAutoLink: (url) => isSafeUrl(url),
-        HTMLAttributes: { rel: "noopener noreferrer nofollow", target: null }
-      }
-    }),
-    UixListItem,
-    import_extension_list.TaskList,
-    UixTaskItem.configure({ nested: true }),
-    import_extension_table.TableKit.configure({ table: { resizable: false } }),
-    options.image ?? import_extension_image.Image.configure({ inline: true, allowBase64: false })
-  ];
+// src/rich-text/mention.ts
+var import_core = require("@tiptap/core");
+
+// src/markdown-model.ts
+var MENTION_SCHEME = "mention:";
+var MENTION_ID = /^[A-Za-z0-9][A-Za-z0-9_.-]{0,127}$/;
+var MENTION_RE = /^@\[((?:\\[\\[\]]|[^\\[\]\n]){1,200})\]\(mention:([A-Za-z0-9][A-Za-z0-9_.-]{0,127})\)/;
+var cleanMentionLabel = (label) => label.replace(/\s+/gu, " ").trim().slice(0, 200);
+function isMentionId(id) {
+  return MENTION_ID.test(id);
+}
+function formatMention(mention) {
+  const label = cleanMentionLabel(mention.label);
+  if (!isMentionId(mention.id) || !label) return null;
+  return `@[${label.replace(/[\\[\]]/g, (ch) => `\\${ch}`)}](${MENTION_SCHEME}${mention.id})`;
+}
+function readMention(text) {
+  const match = MENTION_RE.exec(text);
+  if (!match) return null;
+  const label = cleanMentionLabel(match[1].replace(/\\([\\[\]])/g, "$1"));
+  return label ? { id: match[2], label, length: match[0].length } : null;
 }
-var ENTITY_AFTER_AMP = /^(?:#\d+;|#x[\da-f]+;|[a-z][a-z\d]*;)/i;
-var TAG_START = /^[a-z/!?]$/i;
 var ASCII_PUNCT = /[!-/:-@[-`{-~]/;
-var LIST_MARKER = /^(?:\d+|[ivxlcdmIVXLCDM]+|[a-zA-Z]{1,2})$/;
-var BACKSLASH = String.fromCharCode(92);
-function encodeText(text, options = {}) {
-  let out = "";
-  const chars = Array.from(text);
-  let lineStart = 0;
-  let inLead = options.lineStart ?? true;
-  for (let i = 0; i < chars.length; i += 1) {
-    const ch = chars[i];
-    const prev = chars[i - 1] ?? "";
-    const next = chars[i + 1] ?? "";
-    if (ch === "\n") {
-      out += ch;
-      lineStart = i + 1;
-      inLead = true;
+var WORD = /[\p{L}\p{N}]/u;
+var NAMED_ENTITIES = {
+  amp: "&",
+  lt: "<",
+  gt: ">",
+  quot: '"',
+  apos: "'",
+  nbsp: "\xA0",
+  copy: "\xA9",
+  reg: "\xAE",
+  hellip: "\u2026",
+  mdash: "\u2014",
+  ndash: "\u2013"
+};
+var ENTITY_RE = /^&(?:#(\d{1,7})|#[xX]([\da-fA-F]{1,6})|([a-zA-Z][a-zA-Z\d]{1,31}));/;
+var ENTITY_GLOBAL = /&(?:#\d{1,7}|#[xX][\da-fA-F]{1,6}|[a-zA-Z][a-zA-Z\d]{1,31});/g;
+var BARE_URL_RE = /^https?:\/\/[^\s<>()]+/;
+var BR_RE = /^<br\s*\/?>/i;
+var AUTOLINK_RE = /^<((?:https?:|mailto:)[^\s<>]*)>/i;
+var decodeEntity = (match) => {
+  const [, dec, hex, name] = match;
+  const code = dec ? Number(dec) : hex ? parseInt(hex, 16) : void 0;
+  if (code !== void 0) return code > 0 && code <= 1114111 ? String.fromCodePoint(code) : "\uFFFD";
+  return name && Object.prototype.hasOwnProperty.call(NAMED_ENTITIES, name) ? NAMED_ENTITIES[name] : null;
+};
+var MAX_SCAN = 2e3;
+var MAX_DEPTH = 12;
+var findBracketEnd = (text, open) => {
+  let depth = 0;
+  const stop = Math.min(text.length, open + MAX_SCAN);
+  for (let i = open; i < stop; i += 1) {
+    const ch = text[i];
+    if (ch === "\\") {
+      i += 1;
       continue;
     }
-    if (inLead && (ch === " " || ch === "	")) {
-      continue;
+    if (ch === "`") {
+      const close = text.indexOf("`", i + 1);
+      if (close > 0) {
+        i = close;
+        continue;
+      }
     }
-    const atStart = inLead;
-    inLead = false;
-    const lineRest = chars.slice(i).join("").split("\n")[0];
-    const endOrSpace = next === "" || next === "\n" || /\s/u.test(next);
-    const markerBefore = !atStart && LIST_MARKER.test(out.slice(out.lastIndexOf("\n") + 1));
-    if (
-      // `#` always: marked ends a list item at a line starting with `#`, space or not.
-      atStart && (ch === "#" || /[-+*]/.test(ch) && endOrSpace) || atStart && /[-=*_]/.test(ch) && new RegExp(`^(?:\\${ch}[ \\t]*)+$`).test(lineRest) || markerBefore && /[.)]/.test(ch) && endOrSpace
-    ) {
-      out += BACKSLASH + ch;
-      continue;
+    if (ch === "[") depth += 1;
+    else if (ch === "]") {
+      depth -= 1;
+      if (depth === 0) return i;
     }
-    if (ch === "#" && options.headingEnd && (prev === "" || /\s/u.test(prev)) && /^#+$/.test(lineRest)) {
-      out += BACKSLASH + ch;
+  }
+  return -1;
+};
+var readDestination = (text, open) => {
+  if (text[open] !== "(") return null;
+  let depth = 0;
+  let end = -1;
+  const stop = Math.min(text.length, open + MAX_SCAN);
+  for (let i = open; i < stop; i += 1) {
+    const ch = text[i];
+    if (ch === "\\") {
+      i += 1;
       continue;
     }
-    switch (ch) {
-      case BACKSLASH:
-        out += ASCII_PUNCT.test(next) || next === "" ? BACKSLASH + BACKSLASH : BACKSLASH;
-        break;
-      case "`":
-      case "[":
-      case "]":
-      case "~":
-        out += BACKSLASH + ch;
-        break;
-      case "|":
-        out += options.inTable ? BACKSLASH + ch : ch;
-        break;
-      case "&":
-        out += ENTITY_AFTER_AMP.test(chars.slice(i + 1, i + 40).join("")) ? "&amp;" : ch;
-        break;
-      case "<":
-        out += TAG_START.test(next) ? "&lt;" : ch;
-        break;
-      case "!":
-        out += next === "" && options.beforeLink ? BACKSLASH + ch : ch;
-        break;
-      case "*":
-      case "_": {
-        const spaced = (prev === "" || /\s/u.test(prev)) && (next === "" || /\s/u.test(next));
-        const intraword = ch === "_" && /[\p{L}\p{N}]/u.test(prev) && /[\p{L}\p{N}]/u.test(next);
-        out += spaced || intraword ? ch : BACKSLASH + ch;
+    if (ch === "(") depth += 1;
+    else if (ch === ")") {
+      depth -= 1;
+      if (depth === 0) {
+        end = i;
         break;
       }
-      case ">":
-        out += atStart ? BACKSLASH + ch : ch;
-        break;
-      default:
-        out += ch;
     }
   }
-  return out;
-}
-function createMarked() {
-  return new import_marked.Marked({
-    gfm: true,
-    tokenizer: {
-      html: () => void 0,
-      // `<br>` is the one tag read: GFM tables have no other way to hold a line break,
-      // and Tiptap writes hard breaks in cells that way.
-      tag: (src) => {
-        const br = /^<br\s*\/?>/i.exec(src);
-        return br ? { type: "br", raw: br[0] } : void 0;
+  if (end < 0) return null;
+  const inner = text.slice(open + 1, end).trim();
+  const titled = /^(\S+)\s+(?:"([^"]*)"|'([^']*)')$/.exec(inner);
+  const rawUrl = titled ? titled[1] : inner;
+  const url = rawUrl.replace(/^<(.*)>$/, "$1").replace(/\\([!-/:-@[-`{-~])/g, "$1").replace(ENTITY_GLOBAL, (match) => decodeEntity(ENTITY_RE.exec(match)) ?? match);
+  const title = titled ? titled[2] ?? titled[3] : void 0;
+  return title === void 0 ? { url, end } : { url, title, end };
+};
+var backtickRun = (text, at) => {
+  let end = at;
+  while (text[end] === "`") end += 1;
+  return text.slice(at, end);
+};
+var findCloser = (text, from, delim, misses) => {
+  if (from >= (misses.get(delim) ?? Infinity)) return -1;
+  for (let i = from; i < text.length; i += 1) {
+    const ch = text[i];
+    if (ch === "\\") {
+      i += 1;
+      continue;
+    }
+    if (ch === "`") {
+      const run = backtickRun(text, i);
+      const close = text.indexOf(run, i + run.length);
+      if (close > 0) {
+        i = close + run.length - 1;
+        continue;
       }
     }
-  });
-}
-var hasLink = (node) => (node?.marks ?? []).some((m) => (typeof m === "string" ? m : m.type) === "link");
-function patchManager(manager) {
-  const internals = manager;
-  internals.encodeTextForMarkdown = function encode(text, node, parentNode) {
-    const inCode = parentNode?.type != null && internals.codeTypes.has(parentNode.type) || (node.marks ?? []).some((m) => internals.codeTypes.has(typeof m === "string" ? m : m.type));
-    if (inCode) return text;
-    const siblings = parentNode?.content ?? [];
-    const index = siblings.indexOf(node);
-    const previous = index > 0 ? siblings[index - 1] : void 0;
-    const next = index >= 0 ? siblings[index + 1] : void 0;
-    return encodeText(text, {
-      inTable: !!internals.uixInTable,
-      beforeLink: hasLink(next) && !hasLink(node),
-      // Unknown position (node not found among its siblings): assume a line start, the safe side.
-      lineStart: index <= 0 || previous?.type === "hardBreak",
-      headingEnd: parentNode?.type === "heading" && (index < 0 || index === siblings.length - 1)
-    });
-  };
-  return manager;
-}
-function serializeNode(manager, node) {
-  const internals = manager;
-  internals.uixInTable = node.type === "table";
-  try {
-    return manager.serialize({ type: "doc", content: [node] }).replace(/^\n+|\n+$/g, "");
-  } finally {
-    internals.uixInTable = false;
-  }
-}
-function createManager(extensions) {
-  return patchManager(new import_markdown.MarkdownManager({ marked: createMarked(), extensions }));
-}
-var SEPARATOR_TOKENS = /* @__PURE__ */ new Set(["space", "def"]);
-var nodeKey = (node) => JSON.stringify(node);
-var normalize = (schema, content) => {
-  if (content.length === 0) return [];
-  const blocks = [];
-  for (const node of content) {
-    if (node.type && schema.nodes[node.type]?.isInline) {
-      const last = blocks[blocks.length - 1];
-      if (last?.type === "paragraph" && last.wrapped) last.content.push(node);
-      else blocks.push({ type: "paragraph", content: [node], wrapped: true });
-    } else {
-      blocks.push(node);
+    if (text.startsWith(delim, i) && i > from && !/\s/u.test(text[i - 1])) {
+      if (delim[0] === "_" && WORD.test(text[i + delim.length] ?? "")) continue;
+      if (delim.length === 1 && text[i + 1] === delim) {
+        i += 1;
+        continue;
+      }
+      return i;
     }
   }
-  for (const block of blocks) delete block.wrapped;
-  const doc = schema.nodeFromJSON({ type: "doc", content: blocks });
-  doc.check();
-  return doc.toJSON().content ?? [];
+  misses.set(delim, Math.min(from, misses.get(delim) ?? Infinity));
+  return -1;
 };
-function readMarkdown(source, manager, schema) {
-  const normalized = source.replace(/\r\n?/g, "\n");
-  const lexed = manager.instance.lexer(normalized);
-  const origin = [];
-  for (let i = 0, o = 0; i <= normalized.length; i += 1, o += 1) {
-    origin.push(o);
-    if (source[o] === "\r" && source[o + 1] === "\n") o += 1;
+var pushText = (out, value) => {
+  if (!value) return;
+  const last = out[out.length - 1];
+  if (last?.type === "text") last.value += value;
+  else out.push({ type: "text", value });
+};
+function parseInline(text, depth = 0) {
+  const out = [];
+  if (depth > MAX_DEPTH) {
+    pushText(out, text);
+    return out;
   }
-  let cursor = 0;
-  const tokens = lexed.map((t) => {
-    const start = origin[cursor];
-    cursor += t.raw.length;
-    return { type: t.type, raw: source.slice(start, origin[cursor]) };
-  });
-  const joined = lexed.map((t) => t.raw).join("") === normalized ? tokens.map((t) => t.raw).join("") : null;
-  const blocks = [];
-  const eol = /\r\n/.test(source) && !/(^|[^\r])\n/.test(source) ? "\r\n" : "\n";
-  let lead = "";
-  let defs = [];
-  const keepInLead = (raw) => {
-    lead += raw;
-    const text = raw.replace(/\s+$/u, "").replace(/^\s+/u, "");
-    if (text) defs.push(text);
-  };
-  const pushBlock = (raw) => {
-    let nodes;
-    try {
-      nodes = normalize(schema, manager.parse(raw).content ?? []);
-    } catch {
-      nodes = normalize(schema, [{ type: "paragraph", content: [{ type: "text", text: raw }] }]);
-    }
-    if (nodes.length === 0) {
-      keepInLead(raw);
-      return;
+  const misses = /* @__PURE__ */ new Map();
+  let i = 0;
+  while (i < text.length) {
+    const ch = text[i];
+    const rest = text.slice(i);
+    if (ch === "\\" && ASCII_PUNCT.test(text[i + 1] ?? "")) {
+      pushText(out, text[i + 1]);
+      i += 2;
+      continue;
     }
-    blocks.push({ raw, lead, nodes, keys: nodes.map(nodeKey), defs });
-    lead = "";
-    defs = [];
-  };
-  if (joined !== source) {
-    const core = source.replace(/\s+$/u, "");
-    lead = source.slice(0, source.length - source.trimStart().length);
-    if (core.trim()) pushBlock(core.trimStart());
-    const tail = source.slice(core.length);
-    return { source, blocks, tail, tailDefs: [], eol, doc: { type: "doc", content: blocks.flatMap((b) => b.nodes) } };
-  }
-  for (const token of tokens) {
-    if (SEPARATOR_TOKENS.has(token.type) || token.raw.trim() === "") {
-      if (token.type === "def") keepInLead(token.raw);
-      else lead += token.raw;
+    if (ch === "\n") {
+      out.push({ type: "br" });
+      i += 1;
       continue;
     }
-    const leading = /^(?:[ \t]*\r?\n)*/.exec(token.raw)[0];
-    lead += leading;
-    const body = token.raw.slice(leading.length);
-    const core = body.replace(/\s+$/u, "");
-    pushBlock(core);
-    lead += body.slice(core.length);
-  }
-  return {
-    source,
-    blocks,
-    tail: lead,
-    tailDefs: defs,
-    eol,
-    doc: { type: "doc", content: blocks.flatMap((b) => b.nodes) }
-  };
-}
-var isEmptyParagraph = (node) => node.type === "paragraph" && !(node.content ?? []).some((c) => c.type !== "text" || (c.text ?? "").trim() !== "");
-var matchesAt = (children, at, block) => block.keys.every((key, k) => children[at + k] === key);
-var LOOKAHEAD = 8;
-function writeMarkdown(doc, origin, manager) {
-  const content = [...doc.content ?? []];
-  while (content.length > 0 && isEmptyParagraph(content[content.length - 1])) content.pop();
-  if (content.length === 0) {
-    return origin.blocks.length === 0 ? origin.source : "";
-  }
-  const keys = content.map(nodeKey);
-  const { blocks, eol } = origin;
-  const pieces = [];
-  let i = 0;
-  let j = 0;
-  while (i < content.length) {
-    if (j < blocks.length && matchesAt(keys, i, blocks[j])) {
-      pieces.push({ text: blocks[j].raw, slot: j, edited: false });
-      i += blocks[j].keys.length;
-      j += 1;
+    if (ch === "`") {
+      const run = backtickRun(text, i);
+      const close = text.indexOf(run, i + run.length);
+      if (close > 0 && text[close + run.length] !== "`") {
+        let value = text.slice(i + run.length, close).replace(/\n/g, " ");
+        if (/^ .* $/.test(value) && value.trim()) value = value.slice(1, -1);
+        out.push({ type: "code", value });
+        i = close + run.length;
+        continue;
+      }
+      pushText(out, run);
+      i += run.length;
       continue;
     }
-    let skip = 0;
-    for (let d = 1; d <= LOOKAHEAD && j + d < blocks.length; d += 1) {
-      if (matchesAt(keys, i, blocks[j + d])) {
-        skip = d;
-        break;
+    if (ch === "@" && text[i + 1] === "[") {
+      const mention = readMention(rest);
+      if (mention) {
+        out.push({ type: "mention", id: mention.id, label: mention.label });
+        i += mention.length;
+        continue;
       }
     }
-    let insert = 0;
-    if (j < blocks.length) {
-      for (let d = 1; d <= LOOKAHEAD && i + d < content.length; d += 1) {
-        if (matchesAt(keys, i + d, blocks[j])) {
-          insert = d;
-          break;
-        }
+    if (ch === "!" && text[i + 1] === "[") {
+      const end = findBracketEnd(text, i + 1);
+      const dest = end > 0 ? readDestination(text, end + 1) : null;
+      if (dest) {
+        const alt = plainText(parseInline(text.slice(i + 2, end), depth + 1));
+        out.push(dest.title === void 0 ? { type: "image", src: dest.url, alt } : { type: "image", src: dest.url, alt, title: dest.title });
+        i = dest.end + 1;
+        continue;
       }
     }
-    if (skip && (!insert || skip <= insert)) {
-      j += skip;
+    if (ch === "[") {
+      const end = findBracketEnd(text, i);
+      const dest = end > 0 ? readDestination(text, end + 1) : null;
+      if (dest) {
+        const children = parseInline(text.slice(i + 1, end), depth + 1);
+        out.push(dest.title === void 0 ? { type: "link", href: dest.url, children } : { type: "link", href: dest.url, title: dest.title, children });
+        i = dest.end + 1;
+        continue;
+      }
+    }
+    if (ch === "<") {
+      const br = BR_RE.exec(rest);
+      if (br) {
+        out.push({ type: "br" });
+        i += br[0].length;
+        continue;
+      }
+      const auto = AUTOLINK_RE.exec(rest);
+      if (auto) {
+        out.push({ type: "link", href: auto[1], children: [{ type: "text", value: auto[1].replace(/^mailto:/i, "") }], bare: true });
+        i += auto[0].length;
+        continue;
+      }
+    }
+    if (ch === "&") {
+      const entity = ENTITY_RE.exec(rest);
+      const decoded = entity ? decodeEntity(entity) : null;
+      if (entity && decoded !== null) {
+        pushText(out, decoded);
+        i += entity[0].length;
+        continue;
+      }
+    }
+    if (ch === "~" && text[i + 1] === "~" && text[i + 2] && !/\s/u.test(text[i + 2])) {
+      const close = findCloser(text, i + 2, "~~", misses);
+      if (close > 0) {
+        out.push({ type: "del", children: parseInline(text.slice(i + 2, close), depth + 1) });
+        i = close + 2;
+        continue;
+      }
+    }
+    if (ch === "*" || ch === "_") {
+      const leftOk = ch === "*" || !WORD.test(text[i - 1] ?? "");
+      const double = text[i + 1] === ch;
+      const delim = double ? ch + ch : ch;
+      const after = text[i + delim.length];
+      if (leftOk && after && !/\s/u.test(after)) {
+        const close = findCloser(text, i + delim.length, delim, misses);
+        if (close > 0) {
+          const children = parseInline(text.slice(i + delim.length, close), depth + 1);
+          out.push(double ? { type: "strong", children } : { type: "em", children });
+          i = close + delim.length;
+          continue;
+        }
+      }
+      const run = new RegExp(`^\\${ch}+`).exec(rest)[0];
+      pushText(out, run);
+      i += run.length;
       continue;
     }
-    let text = serializeNode(manager, content[i]);
-    if (eol !== "\n") text = text.replace(/\n/g, eol);
-    const inPlace = !insert && j < blocks.length && blocks[j].keys.length === 1;
-    pieces.push(inPlace ? { text, slot: j, edited: true } : { text, edited: true });
+    if (ch === "h" && !WORD.test(text[i - 1] ?? "")) {
+      const bare = BARE_URL_RE.exec(rest);
+      if (bare) {
+        const url = bare[0].replace(/[.,;:!?'"]+$/, "");
+        out.push({ type: "link", href: url, children: [{ type: "text", value: url }], bare: true });
+        i += url.length;
+        continue;
+      }
+    }
+    pushText(out, ch);
     i += 1;
-    if (!insert && j < blocks.length) j += 1;
   }
-  const blank = eol + eol;
-  const emitted = /* @__PURE__ */ new Set();
-  let out = "";
-  pieces.forEach((piece, n) => {
-    const prev = pieces[n - 1];
-    const slot = piece.slot;
-    const lead = slot !== void 0 ? blocks[slot].lead : "";
-    if (n === 0) {
-      if (slot === 0) {
-        out += lead;
-        emitted.add(0);
-      }
-    } else if (slot !== void 0 && prev?.slot === slot - 1 && // Next to a re-serialized block, only a separator with a blank line is safe.
-    (!(piece.edited || prev.edited) || /\n[ \t]*\r?\n/.test(lead))) {
-      out += lead;
-      emitted.add(slot);
-    } else {
-      out += blank;
-    }
-    out += piece.text;
-  });
-  const last = pieces[pieces.length - 1];
-  const tailKept = last.slot === blocks.length - 1;
-  const lost = [
-    ...blocks.flatMap((block, n) => emitted.has(n) ? [] : block.defs),
-    ...tailKept ? [] : origin.tailDefs
-  ];
-  if (lost.length) out += blank + lost.join(eol);
-  if (tailKept) out += origin.tail;
-  else if (/\n$/.test(origin.tail)) out += eol;
   return out;
 }
-function createPipeline(options = {}) {
-  const extensions = createSchemaExtensions(options);
-  const schema = (0, import_core.getSchema)(extensions);
-  const manager = createManager(extensions);
-  return {
-    extensions,
-    schema,
-    manager,
-    read: (source) => readMarkdown(source, manager, schema),
-    write: (doc, origin) => writeMarkdown(doc, origin, manager)
-  };
-}
-
-// src/components/Composer.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function Composer({ children, className, label = "Add a comment", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react2.Children.map(children, (child) => {
-    if (!(0, import_react2.isValidElement)(child) || child.type !== "textarea") return child;
-    const p = child.props;
-    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react2.cloneElement)(child, { "aria-label": label });
-  }) });
-}
-function ComposerBar({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
+function plainText(nodes) {
+  return nodes.map((n) => {
+    switch (n.type) {
+      case "text":
+      case "code":
+        return n.value;
+      case "br":
+        return " ";
+      case "image":
+        return n.alt;
+      case "mention":
+        return `@${n.label}`;
+      default:
+        return plainText(n.children);
+    }
+  }).join("");
 }
-
-// src/components/EditorIcons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PATHS = {
-  heading1: "M4 12h8M4 18V6M12 18V6M17 12l3-2v8",
-  heading2: "M4 12h8M4 18V6M12 18V6M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1",
-  heading3: "M4 12h8M4 18V6M12 18V6M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2",
-  bold: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
-  italic: "M19 4h-9M14 20H5M15 4 9 20",
-  strike: "M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16",
-  code: "m16 18 6-6-6-6M8 6l-6 6 6 6",
-  bulletList: "M3 12h.01M3 18h.01M3 6h.01M8 12h13M8 18h13M8 6h13",
-  orderedList: "M10 12h11M10 18h11M10 6h11M4 10h2M4 6h1v4M6 18H4c0-1 2-2 2-3s-1-1.5-2-1",
-  taskList: "m3 17 2 2 4-4M3 7l2 2 4-4M13 6h8M13 12h8M13 18h8",
-  blockquote: "M17 6H3M21 12H8M21 18H8M3 12v6",
-  codeBlock: "m10 9-3 3 3 3M14 15l3-3-3-3M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z",
-  horizontalRule: "M5 12h14",
-  link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
-  table: "M12 3v18M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM3 9h18M3 15h18",
-  tableAddRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM12 15v6M9 18h6",
-  tableAddColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM18 9v6M15 12h6",
-  tableDeleteRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM9 18h6",
-  tableDeleteColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM15 12h6",
-  trash: "M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
-  image: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM9 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21",
-  emoji: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
-  addReaction: "M22 11v1a10 10 0 1 1-9-10M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01M16 5h6M19 2v6",
-  undo: "M9 14 4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11",
-  redo: "m15 14 5-5-5-5M20 9H9.5a5.5 5.5 0 0 0 0 11H13",
-  sourceMode: "M10 12.5 8 15l2 2.5M14 12.5l2 2.5-2 2.5M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
-  richMode: "M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7ZM8 13h8M8 17h5",
-  clock: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM12 6v6l4 2",
-  grip: "M9 5h.01M9 12h.01M9 19h.01M15 5h.01M15 12h.01M15 19h.01",
-  more: "M5 12h.01M12 12h.01M19 12h.01"
+var collectMentions = (nodes, out) => {
+  for (const n of nodes) {
+    if (n.type === "mention") out.push({ id: n.id, label: n.label });
+    else if ("children" in n) collectMentions(n.children, out);
+  }
 };
-function EditorIcon({ name, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: PATHS[name] })
+function findMentions(markdown) {
+  const out = [];
+  const walkList = (list) => {
+    for (const item of list.items) {
+      collectMentions(item.children, out);
+      item.lists.forEach(walkList);
     }
-  );
-}
-
-// src/components/EmojiPicker.tsx
-var import_react5 = require("react");
-
-// src/components/Popover.tsx
-var import_react4 = require("react");
-
-// src/hooks/useAnchoredPosition.ts
-var import_react3 = require("react");
-var useIsomorphicLayoutEffect = typeof document !== "undefined" ? import_react3.useLayoutEffect : import_react3.useEffect;
-var resolveAnchor = (a) => a && typeof a === "object" && "current" in a ? a.current : a ?? null;
-var anchoringSupported;
-function supportsAnchoring() {
-  if (anchoringSupported === void 0) {
-    try {
-      const css = typeof CSS !== "undefined" ? CSS : void 0;
-      anchoringSupported = !!css && typeof css.supports === "function" && css.supports("anchor-name", "--uix-a") && css.supports("position-anchor", "--uix-a") && css.supports("top", "round(anchor(bottom) + 1px, 1px)");
-    } catch {
-      anchoringSupported = false;
+  };
+  for (const block of parseMarkdown(markdown)) {
+    switch (block.type) {
+      case "paragraph":
+      case "heading":
+      case "quote":
+        collectMentions(block.children, out);
+        break;
+      case "list":
+        walkList(block);
+        break;
+      case "table":
+        block.head.forEach((cell) => collectMentions(cell, out));
+        block.rows.forEach((row) => row.forEach((cell) => collectMentions(cell, out)));
+        break;
+      default:
+        break;
     }
   }
-  return anchoringSupported;
-}
-var ANCHOR_BAND = 64;
-var anchorCount = 0;
-var namesOf = (value) => value.split(",").map((n) => n.trim()).filter((n) => n.startsWith("--"));
-function addAnchorName(el, name) {
-  const names = namesOf(getComputedStyle(el).getPropertyValue("anchor-name"));
-  if (!names.includes(name)) names.push(name);
-  el.style.setProperty("anchor-name", names.join(", "));
-}
-function removeAnchorName(el, name) {
-  const names = namesOf(el.style.getPropertyValue("anchor-name")).filter((n) => n !== name);
-  if (names.length) el.style.setProperty("anchor-name", names.join(", "));
-  else el.style.removeProperty("anchor-name");
+  return out;
 }
-function translationOf(el) {
-  const t = getComputedStyle(el).transform;
-  if (!t || t === "none" || typeof DOMMatrixReadOnly === "undefined") return { x: 0, y: 0 };
-  try {
-    const m = new DOMMatrixReadOnly(t);
-    return { x: m.m41, y: m.m42 };
-  } catch {
-    return { x: 0, y: 0 };
+var FENCE_RE = /^(`{3,}|~{3,})\s*([^`\s]*)/;
+var HEADING_RE = /^(#{1,6})\s+(.*?)(?:\s+#+)?$/;
+var RULE_RE = /^(?:(?:\*\s*){3,}|(?:-\s*){3,}|(?:_\s*){3,})$/;
+var BULLET_RE = /^(\s*)([-*+])\s+(.*)$/;
+var ORDERED_RE = /^(\s*)(\d{1,9})[.)]\s+(.*)$/;
+var TASK_RE = /^\[([ xX])\]\s+(.*)$/;
+var DELIMITER_ROW_RE = /^\s*\|?\s*:?-+:?\s*(?:\|\s*:?-+:?\s*)*\|?\s*$/;
+var indentOf = (s) => s.replace(/\t/g, "    ").length;
+function splitTableRow(line) {
+  let row = line.trim();
+  if (row.startsWith("|")) row = row.slice(1);
+  if (row.endsWith("|") && !row.endsWith("\\|")) row = row.slice(0, -1);
+  const cells = [];
+  let cell = "";
+  let inCode = false;
+  for (let i = 0; i < row.length; i += 1) {
+    const ch = row[i];
+    if (ch === "\\" && row[i + 1] === "|") {
+      cell += "|";
+      i += 1;
+      continue;
+    }
+    if (ch === "`") inCode = !inCode;
+    if (ch === "|" && !inCode) {
+      cells.push(cell.trim());
+      cell = "";
+      continue;
+    }
+    cell += ch;
   }
+  cells.push(cell.trim());
+  return cells;
 }
-var signed = (n) => `${n < 0 ? "-" : "+"} ${Math.round(Math.abs(n) * 100) / 100}px`;
-var prepared = /* @__PURE__ */ new WeakSet();
-function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-start", offset = 6, padding = 8, shiftMainAxis = true, capHeight = false, onAnchorHidden }) {
-  const opts = (0, import_react3.useRef)({ placement, offset, padding, shiftMainAxis, capHeight });
-  opts.current = { placement, offset, padding, shiftMainAxis, capHeight };
-  const onAnchorHiddenRef = (0, import_react3.useRef)(onAnchorHidden);
-  onAnchorHiddenRef.current = onAnchorHidden;
-  const heightCap = (0, import_react3.useRef)(null);
-  const session = (0, import_react3.useRef)(false);
-  const side = (0, import_react3.useRef)(null);
-  const written = (0, import_react3.useRef)("");
-  const anchoring = (0, import_react3.useRef)(null);
-  const anchoringFailed = (0, import_react3.useRef)(false);
-  const anchorName = (0, import_react3.useRef)("");
-  const release = (0, import_react3.useCallback)((keepPlace) => {
-    const current = anchoring.current;
-    if (!current) return;
-    anchoring.current = null;
-    written.current = "";
-    const floating = floatingRef.current;
-    if (floating) {
-      const s = floating.style;
-      if (keepPlace && current.anchor.isConnected) {
-        const a = current.anchor.getBoundingClientRect();
-        s.top = `${Math.round((current.yEdge === "bottom" ? a.bottom : a.top) + current.dy)}px`;
-        s.left = `${Math.round((current.xEdge === "right" ? a.right : a.left) + current.dx)}px`;
+var alignOf = (cell) => {
+  const c = cell.trim();
+  const left = c.startsWith(":");
+  const right = c.endsWith(":");
+  return left && right ? "center" : right ? "right" : left ? "left" : null;
+};
+var matchListLine = (line) => {
+  const bullet = BULLET_RE.exec(line);
+  if (bullet && !RULE_RE.test(line.trim())) return { indent: indentOf(bullet[1]), ordered: false, number: 1, text: bullet[3] };
+  const ordered = ORDERED_RE.exec(line);
+  if (ordered) return { indent: indentOf(ordered[1]), ordered: true, number: Number(ordered[2]), text: ordered[3] };
+  return null;
+};
+var toItem = (text) => {
+  const task = TASK_RE.exec(text);
+  return task ? { checked: task[1] !== " ", children: parseInline(task[2]), lists: [] } : { checked: null, children: parseInline(text), lists: [] };
+};
+var buildList = (lines) => {
+  const lists = [];
+  const stack = [];
+  for (const line of lines) {
+    while (stack.length && line.indent < stack[stack.length - 1].indent) stack.pop();
+    let top = stack[stack.length - 1];
+    if (top && line.indent > top.indent) {
+      const parentItem = top.list.items[top.list.items.length - 1];
+      const nested = { type: "list", ordered: line.ordered, start: line.number, items: [] };
+      parentItem.lists.push(nested);
+      stack.push({ list: nested, indent: line.indent });
+      top = stack[stack.length - 1];
+    } else if (!top || top.list.ordered !== line.ordered) {
+      const list = { type: "list", ordered: line.ordered, start: line.number, items: [] };
+      if (stack.length <= 1) {
+        lists.push(list);
+        stack.length = 0;
+      } else {
+        stack.pop();
+        const parent = stack[stack.length - 1].list;
+        parent.items[parent.items.length - 1].lists.push(list);
       }
-      s.removeProperty("position-anchor");
+      stack.push({ list, indent: line.indent });
+      top = stack[stack.length - 1];
     }
-    removeAnchorName(current.anchor, current.name);
-  }, [floatingRef]);
-  const uncap = (0, import_react3.useCallback)(() => {
-    const cap = heightCap.current;
-    if (!cap) return;
-    heightCap.current = null;
-    const floating = floatingRef.current;
-    if (!floating) return;
-    floating.style.maxHeight = cap.inlineMaxHeight;
-    if (cap.setOverflow) floating.style.overflowY = cap.inlineOverflowY;
-  }, [floatingRef]);
-  const reposition = (0, import_react3.useCallback)(() => {
-    const anchorEl = resolveAnchor(anchor);
-    const floating = floatingRef.current;
-    if (!anchorEl || !floating) return;
-    const s = floating.style;
-    if (!prepared.has(floating)) {
-      s.position = "fixed";
-      s.inset = "auto";
-      s.margin = "0";
-      prepared.add(floating);
-      written.current = "";
+    top.list.items.push(toItem(line.text));
+  }
+  return lists;
+};
+function parseMarkdown(source) {
+  const lines = source.replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let paragraph = [];
+  let i = 0;
+  const flush = () => {
+    if (paragraph.length) {
+      blocks.push({ type: "paragraph", children: parseInline(paragraph.join("\n")) });
+      paragraph = [];
     }
-    const { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, capHeight: cap } = opts.current;
-    if (cap) {
-      if (!heightCap.current) {
-        const own = getComputedStyle(floating);
-        const setOverflow = !own.overflowY || own.overflowY === "visible";
-        heightCap.current = {
-          inlineMaxHeight: s.maxHeight,
-          inlineOverflowY: s.overflowY,
-          ownMaxHeight: own.maxHeight && own.maxHeight !== "none" ? own.maxHeight : "",
-          setOverflow,
-          written: ""
-        };
-        if (setOverflow) s.overflowY = "auto";
-      }
-      const room = `${Math.max(0, window.innerHeight - 2 * pad)}px`;
-      const max = heightCap.current.ownMaxHeight ? `min(${room}, ${heightCap.current.ownMaxHeight})` : room;
-      if (max !== heightCap.current.written) {
-        s.maxHeight = max;
-        heightCap.current.written = max;
+  };
+  while (i < lines.length) {
+    const line = lines[i];
+    const trimmed = line.trim();
+    if (trimmed === "") {
+      flush();
+      i += 1;
+      continue;
+    }
+    const fence = FENCE_RE.exec(trimmed);
+    if (fence) {
+      flush();
+      const marker = fence[1];
+      const body = [];
+      i += 1;
+      while (i < lines.length && !lines[i].trim().startsWith(marker)) {
+        body.push(lines[i]);
+        i += 1;
       }
-    } else if (heightCap.current) {
-      uncap();
+      i += 1;
+      blocks.push({ type: "code", lang: fence[2] ?? "", value: body.join("\n") });
+      continue;
     }
-    const a = anchorEl.getBoundingClientRect();
-    const size = { width: floating.offsetWidth, height: floating.offsetHeight };
-    const pos = computePosition(
-      { x: a.x, y: a.y, width: a.width, height: a.height },
-      size,
-      { width: window.innerWidth, height: window.innerHeight },
-      { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, stickySide: side.current ?? void 0 }
-    );
-    const measured = size.width > 0 || size.height > 0;
-    if (measured && session.current) side.current = pos.side;
-    if (floating.dataset.placement !== pos.placement) floating.dataset.placement = pos.placement;
-    const writeFixed = (at) => {
-      const left2 = `${Math.round(at.x)}px`;
-      const top2 = `${Math.round(at.y)}px`;
-      const key2 = `fixed ${left2} ${top2}`;
-      if (key2 === written.current) return;
-      s.left = left2;
-      s.top = top2;
-      written.current = key2;
-    };
-    const limit = pos.mainAxisRange;
-    const nearLimit = limit !== null && (pos.mainAxisNatural < limit[0] + ANCHOR_BAND || pos.mainAxisNatural > limit[1] - ANCHOR_BAND);
-    if (anchoringFailed.current || nearLimit || !supportsAnchoring()) {
-      if (anchoring.current) release(false);
-      writeFixed(pos);
-      return;
+    const heading = HEADING_RE.exec(trimmed);
+    if (heading) {
+      flush();
+      blocks.push({ type: "heading", level: heading[1].length, children: parseInline(heading[2]) });
+      i += 1;
+      continue;
     }
-    if (anchoring.current && anchoring.current.anchor !== anchorEl) release(false);
-    if (!anchoring.current) {
-      anchorName.current || (anchorName.current = `--uix-anchor-${++anchorCount}`);
-      addAnchorName(anchorEl, anchorName.current);
-      s.setProperty("position-anchor", anchorName.current);
-      anchoring.current = { anchor: anchorEl, name: anchorName.current, yEdge: "bottom", xEdge: "left", dy: 0, dx: 0, verified: false };
-      written.current = "";
+    if (RULE_RE.test(trimmed)) {
+      flush();
+      blocks.push({ type: "rule" });
+      i += 1;
+      continue;
     }
-    const current = anchoring.current;
-    current.yEdge = pos.side === "bottom" ? "bottom" : "top";
-    current.xEdge = pos.side === "right" ? "right" : "left";
-    current.dy = pos.y - (current.yEdge === "bottom" ? a.bottom : a.top);
-    current.dx = pos.x - (current.xEdge === "right" ? a.right : a.left);
-    const top = `round(anchor(${current.yEdge}) ${signed(current.dy)}, 1px)`;
-    const left = `round(anchor(${current.xEdge}) ${signed(current.dx)}, 1px)`;
-    const key = `anchored ${top} ${left}`;
-    if (key !== written.current) {
-      s.top = top;
-      s.left = left;
-      written.current = key;
+    if (trimmed.startsWith(">")) {
+      flush();
+      const quote = [];
+      while (i < lines.length && lines[i].trim().startsWith(">")) {
+        quote.push(lines[i].trim().replace(/^>\s?/, ""));
+        i += 1;
+      }
+      blocks.push({ type: "quote", children: parseInline(quote.join(" ")) });
+      continue;
     }
-    if (!current.verified && measured) {
-      current.verified = true;
-      const box = floating.getBoundingClientRect();
-      const t = translationOf(floating);
-      const dxc = box.left + box.width / 2 - t.x - (pos.x + size.width / 2);
-      const dyc = box.top + box.height / 2 - t.y - (pos.y + size.height / 2);
-      if (Math.abs(dxc) > 2 || Math.abs(dyc) > 2) {
-        anchoringFailed.current = true;
-        release(false);
-        writeFixed(pos);
+    if (trimmed.includes("|") && i + 1 < lines.length && DELIMITER_ROW_RE.test(lines[i + 1]) && lines[i + 1].includes("-")) {
+      const head = splitTableRow(line);
+      const delimiters = splitTableRow(lines[i + 1]);
+      if (delimiters.length === head.length) {
+        flush();
+        const rows = [];
+        i += 2;
+        while (i < lines.length && lines[i].trim() !== "" && lines[i].includes("|")) {
+          const cells = splitTableRow(lines[i]);
+          rows.push(head.map((_, c) => parseInline(cells[c] ?? "")));
+          i += 1;
+        }
+        blocks.push({ type: "table", align: delimiters.map(alignOf), head: head.map((c) => parseInline(c)), rows });
+        continue;
       }
     }
-  }, [anchor, floatingRef, release, uncap]);
-  useIsomorphicLayoutEffect(() => {
-    if (!open) return;
-    session.current = true;
-    reposition();
-    const anchorEl = resolveAnchor(anchor);
-    const floating = floatingRef.current;
-    const onScroll = (event) => {
-      const target = event.target;
-      if (target && typeof target.contains === "function") {
-        if (floating?.contains(target)) return;
-        if (anchorEl && !target.contains(anchorEl)) return;
+    const first = matchListLine(line);
+    if (first) {
+      flush();
+      const listLines = [];
+      while (i < lines.length) {
+        const current = lines[i];
+        const item = matchListLine(current);
+        if (item) {
+          if (listLines.length && item.indent <= listLines[0].indent && item.ordered !== listLines[0].ordered) break;
+          listLines.push(item);
+        } else if (current.trim() !== "" && indentOf(current) > listLines[0].indent && listLines.length) {
+          listLines[listLines.length - 1].text += `
+${current.trim()}`;
+        } else {
+          break;
+        }
+        i += 1;
       }
-      reposition();
-    };
-    const onResize = () => reposition();
-    window.addEventListener("scroll", onScroll, { passive: true, capture: true });
-    window.addEventListener("resize", onResize);
-    const observer = typeof ResizeObserver === "function" ? new ResizeObserver(() => reposition()) : null;
-    if (floating) observer?.observe(floating);
-    if (anchorEl) observer?.observe(anchorEl);
-    return () => {
-      window.removeEventListener("scroll", onScroll, true);
-      window.removeEventListener("resize", onResize);
-      observer?.disconnect();
-      session.current = false;
-      side.current = null;
-      anchoringFailed.current = false;
-      release(true);
-      uncap();
-    };
-  }, [open, reposition, anchor, floatingRef, release, uncap]);
-  const watchAnchor = open && !!onAnchorHidden;
-  (0, import_react3.useEffect)(() => {
-    const anchorEl = resolveAnchor(anchor);
-    if (!watchAnchor || !anchorEl || typeof IntersectionObserver !== "function") return;
-    const observer = new IntersectionObserver((entries) => {
-      const latest = entries[entries.length - 1];
-      if (latest && !latest.isIntersecting) onAnchorHiddenRef.current?.();
-    });
-    observer.observe(anchorEl);
-    return () => observer.disconnect();
-  }, [watchAnchor, anchor]);
-  (0, import_react3.useEffect)(() => () => release(false), [release]);
-  return reposition;
+      const base = Math.min(...listLines.map((l) => l.indent));
+      blocks.push(...buildList(listLines.map((l) => ({ ...l, indent: l.indent - base }))));
+      continue;
+    }
+    paragraph.push(trimmed);
+    i += 1;
+  }
+  flush();
+  return blocks;
 }
 
-// src/components/Popover.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var useIsomorphicLayoutEffect2 = typeof document !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
-var PLACING = "data-uix-placing";
-var isPopoverOpen = (el) => {
-  try {
-    return el.matches(":popover-open");
-  } catch {
-    return false;
-  }
-};
-var settle = (el) => {
-  if (!el.hasAttribute(PLACING)) return;
-  getComputedStyle(el).getPropertyValue("transform");
-  el.removeAttribute(PLACING);
-};
-function Popover({
-  popover: popoverProp,
-  anchor,
-  placement = "bottom-start",
-  offset = 6,
-  closeWhenAnchorHidden = false,
-  onAnchorHidden,
-  capHeight = false,
-  openOnHover = false,
-  className,
-  children,
-  ...props
-}) {
-  const hover = !!openOnHover && !!anchor;
-  const popover = popoverProp ?? (hover ? "manual" : "auto");
-  const openDelay = typeof openOnHover === "object" ? openOnHover.openDelay ?? 300 : 300;
-  const closeDelay = typeof openOnHover === "object" ? openOnHover.closeDelay ?? 150 : 150;
-  const ref = (0, import_react4.useRef)(null);
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const openRef = (0, import_react4.useRef)(false);
-  const onAnchorHiddenRef = (0, import_react4.useRef)(onAnchorHidden);
-  onAnchorHiddenRef.current = onAnchorHidden;
-  const popoverAttr = { popover };
-  const reposition = useAnchoredPosition(anchor ?? null, ref, {
-    open: open && !!anchor,
-    placement,
-    offset,
-    capHeight,
-    onAnchorHidden: closeWhenAnchorHidden ? () => {
-      const el = ref.current;
-      if (!el || !isPopoverOpen(el)) return;
-      onAnchorHiddenRef.current?.();
-      const active = el.ownerDocument.activeElement;
-      if (active && el.contains(active)) active.blur();
-      el.hidePopover();
-    } : void 0
-  });
-  (0, import_react4.useEffect)(() => {
-    const el = ref.current;
-    if (!el || !anchor) return;
-    const hold = (event) => {
-      if (event.newState !== "open") return;
-      el.setAttribute(PLACING, "");
-      window.setTimeout(() => settle(el), 150);
-    };
-    const sync = () => {
-      if (!isPopoverOpen(el)) {
-        el.removeAttribute(PLACING);
-        setOpen(false);
-        return;
-      }
-      reposition();
-      window.setTimeout(() => {
-        if (!isPopoverOpen(el)) return;
-        if (!openRef.current) {
-          setOpen(true);
-          return;
-        }
-        reposition();
-        settle(el);
-      }, 0);
-    };
-    el.addEventListener("beforetoggle", hold);
-    el.addEventListener("toggle", sync);
-    return () => {
-      el.removeEventListener("beforetoggle", hold);
-      el.removeEventListener("toggle", sync);
-      el.removeAttribute(PLACING);
-    };
-  }, [anchor, reposition]);
-  (0, import_react4.useEffect)(() => {
-    const el = ref.current;
-    const anchorEl = resolveAnchor(anchor);
-    if (!hover || !el || !anchorEl) return;
-    let timer;
-    const inside = (node) => !!node && (anchorEl.contains(node) || el.contains(node));
-    const stillWanted = () => {
-      try {
-        return anchorEl.matches(":hover") || el.matches(":hover") || inside(el.ownerDocument.activeElement);
-      } catch {
-        return false;
-      }
-    };
-    const show = (delay) => {
-      window.clearTimeout(timer);
-      timer = window.setTimeout(() => {
-        if (!isPopoverOpen(el)) {
-          try {
-            el.showPopover?.();
-          } catch {
-          }
-        }
-      }, delay);
-    };
-    const hide = (delay) => {
-      window.clearTimeout(timer);
-      timer = window.setTimeout(() => {
-        if (isPopoverOpen(el) && !stillWanted()) {
-          try {
-            el.hidePopover?.();
-          } catch {
-          }
-        }
-      }, delay);
+// src/rich-text/mention.ts
+var Mention = import_core.Node.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: false,
+  addAttributes() {
+    return {
+      id: { default: null },
+      label: { default: null }
     };
-    const onEnter = (event) => {
-      if (event.pointerType !== "touch") show(openDelay);
-    };
-    const onLeave = (event) => {
-      if (event.pointerType !== "touch") hide(closeDelay);
-    };
-    const onFocusIn = () => show(0);
-    const onFocusOut = (event) => {
-      if (!inside(event.relatedTarget)) hide(closeDelay);
-    };
-    const onKeyDown = (event) => {
-      if (event.key !== "Escape" || !isPopoverOpen(el)) return;
-      window.clearTimeout(timer);
-      const hadFocus = el.contains(el.ownerDocument.activeElement);
-      try {
-        el.hidePopover?.();
-      } catch {
+  },
+  parseHTML() {
+    return [{
+      tag: "span[data-mention-id]",
+      getAttrs: (el) => {
+        const node = el;
+        const id = node.getAttribute("data-mention-id") ?? "";
+        const label = node.getAttribute("data-mention-label") ?? node.textContent?.replace(/^@/, "") ?? "";
+        return formatMention({ id, label }) ? { id, label } : false;
       }
-      if (hadFocus) {
-        anchorEl.removeEventListener("focusin", onFocusIn);
-        anchorEl.focus();
-        anchorEl.addEventListener("focusin", onFocusIn);
-      }
-    };
-    for (const node of [anchorEl, el]) {
-      node.addEventListener("pointerenter", onEnter);
-      node.addEventListener("pointerleave", onLeave);
-      node.addEventListener("focusout", onFocusOut);
-      node.addEventListener("keydown", onKeyDown);
-    }
-    anchorEl.addEventListener("focusin", onFocusIn);
-    return () => {
-      window.clearTimeout(timer);
-      for (const node of [anchorEl, el]) {
-        node.removeEventListener("pointerenter", onEnter);
-        node.removeEventListener("pointerleave", onLeave);
-        node.removeEventListener("focusout", onFocusOut);
-        node.removeEventListener("keydown", onKeyDown);
-      }
-      anchorEl.removeEventListener("focusin", onFocusIn);
-    };
-  }, [hover, anchor, openDelay, closeDelay]);
-  useIsomorphicLayoutEffect2(() => {
-    openRef.current = open;
-    if (open && ref.current) settle(ref.current);
-  }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
-}
+    }];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const label = String(node.attrs.label ?? "");
+    return [
+      "span",
+      (0, import_core.mergeAttributes)(HTMLAttributes, {
+        class: "uix-mention",
+        "data-mention-id": String(node.attrs.id ?? ""),
+        "data-mention-label": label,
+        contenteditable: "false"
+      }),
+      `@${label}`
+    ];
+  },
+  renderText({ node }) {
+    return `@${String(node.attrs.label ?? "")}`;
+  },
+  markdownTokenizer: {
+    name: "mention",
+    level: "inline",
+    start: (src) => src.indexOf("@["),
+    tokenize: (src) => {
+      const found = readMention(src);
+      if (!found) return void 0;
+      return { type: "mention", raw: src.slice(0, found.length), id: found.id, label: found.label };
+    }
+  },
+  parseMarkdown: (token, helpers) => helpers.createNode("mention", { id: String(token.id ?? ""), label: String(token.label ?? "") }),
+  renderMarkdown: (node) => formatMention({ id: String(node.attrs?.id ?? ""), label: String(node.attrs?.label ?? "") }) ?? `@${String(node.attrs?.label ?? "")}`
+});
 
-// src/components/EmojiPicker.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var DEFAULT_EMOJI_PICKER_LABELS = {
-  dialog: "Choose an emoji",
-  search: "Search emoji",
-  recent: "Recently used",
-  quickPicks: "Frequently used",
-  categories: "Emoji categories",
-  noResults: "No emoji found",
-  loading: "Loading emoji\u2026",
-  loadFailed: "Emoji could not be loaded."
-};
-var EMOJI_GRID_COLUMNS = 8;
-var useIsomorphicLayoutEffect3 = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
-function revealInGrid(grid, cell) {
-  const g = grid.getBoundingClientRect();
-  const c = cell.getBoundingClientRect();
-  const top = g.top + (parseFloat(getComputedStyle(grid).scrollPaddingTop) || 0);
-  if (c.top < top) grid.scrollTop -= top - c.top;
-  else if (c.bottom > g.bottom) grid.scrollTop += c.bottom - g.bottom;
-}
-function EmojiPicker({
-  onSelect,
-  trigger,
-  labels: labelOverrides,
-  locale = "en",
-  quickPicks,
-  loadData = loadEmojiData,
-  recentStorageKey = DEFAULT_RECENT_KEY,
-  placement = "bottom-start",
-  onOpenChange,
-  className,
-  emojiImageBaseUrl
-}) {
-  const renderEmoji = useEmojiRenderer(emojiImageBaseUrl);
-  const labels = { ...DEFAULT_EMOJI_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react5.useId)();
-  const popoverId = `${id}-picker`;
-  const anchorRef = (0, import_react5.useRef)(null);
-  const searchRef = (0, import_react5.useRef)(null);
-  const gridRef = (0, import_react5.useRef)(null);
-  const pointerWasOpen = (0, import_react5.useRef)(null);
-  const closedByAnchor = (0, import_react5.useRef)(false);
-  const pendingJump = (0, import_react5.useRef)(null);
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [data, setData] = (0, import_react5.useState)(null);
-  const [failed, setFailed] = (0, import_react5.useState)(false);
-  const [query, setQuery] = (0, import_react5.useState)("");
-  const [recent, setRecent] = (0, import_react5.useState)([]);
-  const [active, setActive] = (0, import_react5.useState)(0);
-  const popoverEl = () => typeof document === "undefined" ? null : document.getElementById(popoverId);
-  const isOpen = (el) => {
-    try {
-      return !!el?.matches(":popover-open");
-    } catch {
-      return false;
-    }
-  };
-  (0, import_react5.useEffect)(() => {
-    const el = popoverEl();
-    if (!el) return;
-    const onToggle = (event) => {
-      const { newState } = event;
-      const nowOpen = newState ? newState === "open" : isOpen(el);
-      setOpen(nowOpen);
-      onOpenChange?.(nowOpen);
-      if (nowOpen) {
-        closedByAnchor.current = false;
-        pendingJump.current = null;
-        setRecent(readRecentEmoji(recentStorageKey));
-        setQuery("");
-        setActive(0);
-        requestAnimationFrame(() => searchRef.current?.focus({ preventScroll: true }));
-      } else if (closedByAnchor.current) {
-        closedByAnchor.current = false;
-      } else if (el.contains(document.activeElement) || document.activeElement === document.body) {
-        focusTrigger();
-      }
-    };
-    el.addEventListener("toggle", onToggle);
-    return () => el.removeEventListener("toggle", onToggle);
-  }, [popoverId, recentStorageKey, onOpenChange]);
-  (0, import_react5.useEffect)(() => {
-    if (!open || data?.locale === locale) return;
-    let live = true;
-    setFailed(false);
-    loadData(locale).then(
-      (loaded) => {
-        if (live) setData(loaded);
-      },
-      () => {
-        if (live) setFailed(true);
-      }
-    );
-    return () => {
-      live = false;
-    };
-  }, [open, locale, loadData, data?.locale]);
-  const focusTrigger = () => {
-    const el = anchorRef.current?.querySelector("button, [href], [tabindex]");
-    el?.focus();
-  };
-  const hide = () => {
-    const el = popoverEl();
-    if (el && isOpen(el)) el.hidePopover();
-  };
-  const browseSections = (0, import_react5.useMemo)(() => {
-    const list = [];
-    if (quickPicks?.length) list.push({ key: "quick", title: labels.quickPicks, emojis: [...new Set(quickPicks)] });
-    if (recent.length) list.push({ key: "recent", title: labels.recent, emojis: recent });
-    if (data) {
-      data.groups.forEach((group, index) => {
-        list.push({ key: group.key, title: group.name, emojis: data.emojis.filter((e) => e.group === index).map((e) => e.emoji) });
-      });
-    }
-    return list;
-  }, [data, quickPicks, recent, labels.quickPicks, labels.recent]);
-  const sections = (0, import_react5.useMemo)(() => {
-    if (!query.trim()) return browseSections;
-    return data ? [{ key: "results", title: labels.search, emojis: searchEmoji(data, query).map((e) => e.emoji) }] : [];
-  }, [query, data, browseSections, labels.search]);
-  const flat = (0, import_react5.useMemo)(() => sections.flatMap((s) => s.emojis), [sections]);
-  const sectionStart = (0, import_react5.useMemo)(() => {
-    const starts = /* @__PURE__ */ new Map();
-    let at = 0;
-    for (const section of sections) {
-      starts.set(section.key, at);
-      at += section.emojis.length;
-    }
-    return starts;
-  }, [sections]);
-  const activeIndex = Math.min(active, Math.max(flat.length - 1, 0));
-  const choose = (emoji) => {
-    setRecent(pushRecentEmoji(emoji, recentStorageKey));
-    onSelect(emoji);
-    hide();
-  };
-  const focusCell = (0, import_react5.useCallback)((index, reveal = true) => {
-    setActive(index);
-    const find = () => gridRef.current?.querySelector(`[data-emoji-index="${index}"]`);
-    const move = (cell2) => {
-      cell2.focus({ preventScroll: true });
-      if (reveal && gridRef.current) revealInGrid(gridRef.current, cell2);
-    };
-    const cell = find();
-    if (cell) move(cell);
-    else requestAnimationFrame(() => {
-      const later = find();
-      if (later) move(later);
-    });
-  }, []);
-  const showSection = (key) => {
-    const grid = gridRef.current;
-    const section = grid?.querySelector(`[data-section="${key}"]`);
-    if (!grid || !section) return;
-    grid.scrollTop += section.getBoundingClientRect().top - grid.getBoundingClientRect().top;
-    const start = sectionStart.get(key);
-    if (start !== void 0) focusCell(start, false);
-  };
-  const onCategory = (key) => {
-    if (!query.trim()) {
-      showSection(key);
-      return;
-    }
-    pendingJump.current = key;
-    setQuery("");
-    setActive(0);
-  };
-  useIsomorphicLayoutEffect3(() => {
-    const key = pendingJump.current;
-    if (key === null || query.trim()) return;
-    pendingJump.current = null;
-    showSection(key);
-  }, [query, sections]);
-  const onGridKeyDown = (event) => {
-    const target = event.target;
-    const index = Number(target.dataset.emojiIndex ?? -1);
-    if (index < 0) return;
-    const next = emojiGridMove(index, event.key, flat.length, EMOJI_GRID_COLUMNS);
-    if (event.key === "ArrowUp" && next === null) {
-      event.preventDefault();
-      searchRef.current?.focus({ preventScroll: true });
-      return;
-    }
-    if (next === null) return;
-    event.preventDefault();
-    focusCell(next);
-  };
-  const onSearchKeyDown = (event) => {
-    if (event.key === "Escape") {
-      event.preventDefault();
-      hide();
-    } else if (event.key === "ArrowDown" && flat.length) {
-      event.preventDefault();
-      focusCell(0);
-    } else if (event.key === "Enter" && query.trim() && flat[0]) {
-      event.preventDefault();
-      choose(flat[0]);
-    }
-  };
-  const toggleFromTrigger = (event) => {
-    const el = popoverEl();
-    if (!el || event.defaultPrevented) return;
-    const was = pointerWasOpen.current;
-    pointerWasOpen.current = null;
-    if (was === true) return;
-    if (isOpen(el)) el.hidePopover();
-    else el.showPopover();
-  };
-  const triggerProps = (0, import_react5.isValidElement)(trigger) ? trigger.props : {};
-  const triggerEl = (0, import_react5.isValidElement)(trigger) ? (0, import_react5.cloneElement)(trigger, {
-    "aria-haspopup": "dialog",
-    "aria-expanded": open,
-    "aria-controls": popoverId,
-    onPointerDown: (event) => {
-      pointerWasOpen.current = isOpen(popoverEl());
-      triggerProps.onPointerDown?.(event);
-    },
-    onClick: (event) => {
-      triggerProps.onClick?.(event);
-      toggleFromTrigger(event);
-    }
-  }) : trigger;
-  const names = data?.names;
-  let offset = 0;
-  const status = failed ? labels.loadFailed : !data && open ? labels.loading : query.trim() && data && flat.length === 0 ? labels.noResults : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { ref: anchorRef, className: cx("uix-emoji-picker__anchor", className), children: [
-    triggerEl,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Popover,
-      {
-        id: popoverId,
-        anchor: anchorRef,
-        placement,
-        className: "uix-emoji-picker-popover",
-        role: "dialog",
-        "aria-label": labels.dialog,
-        closeWhenAnchorHidden: true,
-        onAnchorHidden: () => {
-          closedByAnchor.current = true;
-        },
-        children: open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "uix-emoji-picker uix-emoji-picker--full", lang: locale, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "input",
-            {
-              ref: searchRef,
-              type: "search",
-              className: "uix-input uix-emoji-picker__search",
-              "aria-label": labels.search,
-              placeholder: labels.search,
-              value: query,
-              onChange: (event) => {
-                setQuery(event.target.value);
-                setActive(0);
-              },
-              onKeyDown: onSearchKeyDown,
-              autoComplete: "off",
-              spellCheck: false
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "div",
-            {
-              className: "uix-emoji-picker__nav",
-              role: data ? "group" : void 0,
-              "aria-label": data ? labels.categories : void 0,
-              children: data ? browseSections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "button",
-                {
-                  type: "button",
-                  className: "uix-emoji-picker__nav-btn",
-                  "aria-label": section.title,
-                  title: section.title,
-                  onClick: () => onCategory(section.key),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: section.emojis[0] ? renderEmoji(section.emojis[0]) : null })
-                },
-                section.key
-              )) : null
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "uix-emoji-picker__grid", ref: gridRef, onKeyDown: onGridKeyDown, children: [
-            sections.map((section) => {
-              const start = offset;
-              offset += section.emojis.length;
-              if (!section.emojis.length) return null;
-              const headingId = `${id}-${section.key}`;
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "uix-emoji-picker__section", "data-section": section.key, "aria-labelledby": headingId, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { id: headingId, className: "uix-emoji-picker__heading", children: section.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "uix-emoji-picker__cells", role: "group", "aria-labelledby": headingId, children: section.emojis.map((emoji, i) => {
-                  const index = start + i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      className: "uix-emoji-picker__btn",
-                      "data-emoji-index": index,
-                      tabIndex: index === activeIndex ? 0 : -1,
-                      "aria-label": names?.get(emoji) ?? emoji,
-                      title: names?.get(emoji),
-                      onClick: () => choose(emoji),
-                      onFocus: () => setActive(index),
-                      children: renderEmoji(emoji)
-                    },
-                    `${section.key}-${emoji}`
-                  );
-                }) })
-              ] }, section.key);
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "uix-emoji-picker__status", role: "status", children: status })
-          ] })
-        ] }) : null
+// src/rich-text/pipeline.ts
+var indentContinuation = (h) => {
+  let first = true;
+  return {
+    ...h,
+    renderChildren: (nodes) => {
+      const out = h.renderChildren(nodes);
+      if (!first) return out;
+      first = false;
+      return out.split("\n").map((line, n) => n > 0 && line ? h.indent(line) : line).join("\n");
+    }
+  };
+};
+var listItemRender = import_extension_list.ListItem.config.renderMarkdown;
+var UixListItem = import_extension_list.ListItem.extend({
+  renderMarkdown: (node, h, ctx) => listItemRender(node, indentContinuation(h), ctx)
+});
+var UixTaskItem = import_extension_list.TaskItem.extend({
+  renderMarkdown: (node, h) => {
+    const prefix = `- [${node.attrs?.checked ? "x" : " "}] `;
+    const [first, ...rest] = node.content ?? [];
+    if (first?.type !== "paragraph" || !(first.content ?? []).some((c) => c.type === "hardBreak")) {
+      return (0, import_core2.renderNestedMarkdownContent)(node, h, prefix);
+    }
+    const lines = [[]];
+    for (const child of first.content ?? []) {
+      if (child.type === "hardBreak") lines.push([]);
+      else lines[lines.length - 1].push(child);
+    }
+    const paragraphs = lines.filter((line) => line.length > 0).map((content) => ({ type: "paragraph", content }));
+    return (0, import_core2.renderNestedMarkdownContent)({ ...node, content: [...paragraphs, ...rest] }, h, prefix);
+  }
+});
+function createSchemaExtensions(options = {}) {
+  const isSafeUrl = options.isSafeUrl ?? defaultIsSafeUrl;
+  return [
+    import_starter_kit.StarterKit.configure({
+      underline: false,
+      listItem: false,
+      heading: { levels: [...options.headingLevels ?? [1, 2, 3]] },
+      link: {
+        openOnClick: false,
+        autolink: true,
+        linkOnPaste: true,
+        defaultProtocol: "https",
+        // Unsafe links never become marks: pasted or typed, they stay text.
+        isAllowedUri: (url) => isSafeUrl(url),
+        shouldAutoLink: (url) => isSafeUrl(url),
+        HTMLAttributes: { rel: "noopener noreferrer nofollow", target: null }
       }
-    )
-  ] });
+    }),
+    UixListItem,
+    import_extension_list.TaskList,
+    UixTaskItem.configure({ nested: true }),
+    import_extension_table.TableKit.configure({ table: { resizable: false } }),
+    options.image ?? import_extension_image.Image.configure({ inline: true, allowBase64: false }),
+    // HAR-1599: `@[Name](mention:<id>)` is one token in every editor and headless pipeline.
+    Mention
+  ];
 }
-
-// src/markdown-model.ts
+var ENTITY_AFTER_AMP = /^(?:#\d+;|#x[\da-f]+;|[a-z][a-z\d]*;)/i;
+var TAG_START = /^[a-z/!?]$/i;
 var ASCII_PUNCT2 = /[!-/:-@[-`{-~]/;
-var WORD = /[\p{L}\p{N}]/u;
-var NAMED_ENTITIES = {
-  amp: "&",
-  lt: "<",
-  gt: ">",
-  quot: '"',
-  apos: "'",
-  nbsp: "\xA0",
-  copy: "\xA9",
-  reg: "\xAE",
-  hellip: "\u2026",
-  mdash: "\u2014",
-  ndash: "\u2013"
-};
-var ENTITY_RE = /^&(?:#(\d{1,7})|#[xX]([\da-fA-F]{1,6})|([a-zA-Z][a-zA-Z\d]{1,31}));/;
-var ENTITY_GLOBAL = /&(?:#\d{1,7}|#[xX][\da-fA-F]{1,6}|[a-zA-Z][a-zA-Z\d]{1,31});/g;
-var BARE_URL_RE = /^https?:\/\/[^\s<>()]+/;
-var BR_RE = /^<br\s*\/?>/i;
-var AUTOLINK_RE = /^<((?:https?:|mailto:)[^\s<>]*)>/i;
-var decodeEntity = (match) => {
-  const [, dec, hex, name] = match;
-  const code = dec ? Number(dec) : hex ? parseInt(hex, 16) : void 0;
-  if (code !== void 0) return code > 0 && code <= 1114111 ? String.fromCodePoint(code) : "\uFFFD";
-  return name && Object.prototype.hasOwnProperty.call(NAMED_ENTITIES, name) ? NAMED_ENTITIES[name] : null;
-};
-var MAX_SCAN = 2e3;
-var MAX_DEPTH = 12;
-var findBracketEnd = (text, open) => {
-  let depth = 0;
-  const stop = Math.min(text.length, open + MAX_SCAN);
-  for (let i = open; i < stop; i += 1) {
-    const ch = text[i];
-    if (ch === "\\") {
-      i += 1;
+var LIST_MARKER = /^(?:\d+|[ivxlcdmIVXLCDM]+|[a-zA-Z]{1,2})$/;
+var BACKSLASH = String.fromCharCode(92);
+function encodeText(text, options = {}) {
+  let out = "";
+  const chars = Array.from(text);
+  let lineStart = 0;
+  let inLead = options.lineStart ?? true;
+  for (let i = 0; i < chars.length; i += 1) {
+    const ch = chars[i];
+    const prev = chars[i - 1] ?? "";
+    const next = chars[i + 1] ?? "";
+    if (ch === "\n") {
+      out += ch;
+      lineStart = i + 1;
+      inLead = true;
       continue;
     }
-    if (ch === "`") {
-      const close = text.indexOf("`", i + 1);
-      if (close > 0) {
-        i = close;
-        continue;
+    if (inLead && (ch === " " || ch === "	")) {
+      continue;
+    }
+    const atStart = inLead;
+    inLead = false;
+    const lineRest = chars.slice(i).join("").split("\n")[0];
+    const endOrSpace = next === "" || next === "\n" || /\s/u.test(next);
+    const markerBefore = !atStart && LIST_MARKER.test(out.slice(out.lastIndexOf("\n") + 1));
+    if (
+      // `#` always: marked ends a list item at a line starting with `#`, space or not.
+      atStart && (ch === "#" || /[-+*]/.test(ch) && endOrSpace) || atStart && /[-=*_]/.test(ch) && new RegExp(`^(?:\\${ch}[ \\t]*)+$`).test(lineRest) || markerBefore && /[.)]/.test(ch) && endOrSpace
+    ) {
+      out += BACKSLASH + ch;
+      continue;
+    }
+    if (ch === "#" && options.headingEnd && (prev === "" || /\s/u.test(prev)) && /^#+$/.test(lineRest)) {
+      out += BACKSLASH + ch;
+      continue;
+    }
+    switch (ch) {
+      case BACKSLASH:
+        out += ASCII_PUNCT2.test(next) || next === "" ? BACKSLASH + BACKSLASH : BACKSLASH;
+        break;
+      case "`":
+      case "[":
+      case "]":
+      case "~":
+        out += BACKSLASH + ch;
+        break;
+      case "|":
+        out += options.inTable ? BACKSLASH + ch : ch;
+        break;
+      case "&":
+        out += ENTITY_AFTER_AMP.test(chars.slice(i + 1, i + 40).join("")) ? "&amp;" : ch;
+        break;
+      case "<":
+        out += TAG_START.test(next) ? "&lt;" : ch;
+        break;
+      case "!":
+        out += next === "" && options.beforeLink ? BACKSLASH + ch : ch;
+        break;
+      case "*":
+      case "_": {
+        const spaced = (prev === "" || /\s/u.test(prev)) && (next === "" || /\s/u.test(next));
+        const intraword = ch === "_" && /[\p{L}\p{N}]/u.test(prev) && /[\p{L}\p{N}]/u.test(next);
+        out += spaced || intraword ? ch : BACKSLASH + ch;
+        break;
       }
+      case ">":
+        out += atStart ? BACKSLASH + ch : ch;
+        break;
+      default:
+        out += ch;
     }
-    if (ch === "[") depth += 1;
-    else if (ch === "]") {
-      depth -= 1;
-      if (depth === 0) return i;
+  }
+  return out;
+}
+function createMarked() {
+  return new import_marked.Marked({
+    gfm: true,
+    tokenizer: {
+      html: () => void 0,
+      // `<br>` is the one tag read: GFM tables have no other way to hold a line break,
+      // and Tiptap writes hard breaks in cells that way.
+      tag: (src) => {
+        const br = /^<br\s*\/?>/i.exec(src);
+        return br ? { type: "br", raw: br[0] } : void 0;
+      }
+    }
+  });
+}
+var hasLink = (node) => (node?.marks ?? []).some((m) => (typeof m === "string" ? m : m.type) === "link");
+function patchManager(manager) {
+  const internals = manager;
+  internals.encodeTextForMarkdown = function encode(text, node, parentNode) {
+    const inCode = parentNode?.type != null && internals.codeTypes.has(parentNode.type) || (node.marks ?? []).some((m) => internals.codeTypes.has(typeof m === "string" ? m : m.type));
+    if (inCode) return text;
+    const siblings = parentNode?.content ?? [];
+    const index = siblings.indexOf(node);
+    const previous = index > 0 ? siblings[index - 1] : void 0;
+    const next = index >= 0 ? siblings[index + 1] : void 0;
+    return encodeText(text, {
+      inTable: !!internals.uixInTable,
+      beforeLink: hasLink(next) && !hasLink(node),
+      // Unknown position (node not found among its siblings): assume a line start, the safe side.
+      lineStart: index <= 0 || previous?.type === "hardBreak",
+      headingEnd: parentNode?.type === "heading" && (index < 0 || index === siblings.length - 1)
+    });
+  };
+  return manager;
+}
+function serializeNode(manager, node) {
+  const internals = manager;
+  internals.uixInTable = node.type === "table";
+  try {
+    return manager.serialize({ type: "doc", content: [node] }).replace(/^\n+|\n+$/g, "");
+  } finally {
+    internals.uixInTable = false;
+  }
+}
+function createManager(extensions) {
+  return patchManager(new import_markdown.MarkdownManager({ marked: createMarked(), extensions }));
+}
+var SEPARATOR_TOKENS = /* @__PURE__ */ new Set(["space", "def"]);
+var nodeKey = (node) => JSON.stringify(node);
+var normalize = (schema, content) => {
+  if (content.length === 0) return [];
+  const blocks = [];
+  for (const node of content) {
+    if (node.type && schema.nodes[node.type]?.isInline) {
+      const last = blocks[blocks.length - 1];
+      if (last?.type === "paragraph" && last.wrapped) last.content.push(node);
+      else blocks.push({ type: "paragraph", content: [node], wrapped: true });
+    } else {
+      blocks.push(node);
     }
   }
-  return -1;
+  for (const block of blocks) delete block.wrapped;
+  const doc = schema.nodeFromJSON({ type: "doc", content: blocks });
+  doc.check();
+  return doc.toJSON().content ?? [];
 };
-var readDestination = (text, open) => {
-  if (text[open] !== "(") return null;
-  let depth = 0;
-  let end = -1;
-  const stop = Math.min(text.length, open + MAX_SCAN);
-  for (let i = open; i < stop; i += 1) {
-    const ch = text[i];
-    if (ch === "\\") {
-      i += 1;
-      continue;
+function readMarkdown(source, manager, schema) {
+  const normalized = source.replace(/\r\n?/g, "\n");
+  const lexed = manager.instance.lexer(normalized);
+  const origin = [];
+  for (let i = 0, o = 0; i <= normalized.length; i += 1, o += 1) {
+    origin.push(o);
+    if (source[o] === "\r" && source[o + 1] === "\n") o += 1;
+  }
+  let cursor = 0;
+  const tokens = lexed.map((t) => {
+    const start = origin[cursor];
+    cursor += t.raw.length;
+    return { type: t.type, raw: source.slice(start, origin[cursor]) };
+  });
+  const joined = lexed.map((t) => t.raw).join("") === normalized ? tokens.map((t) => t.raw).join("") : null;
+  const blocks = [];
+  const eol = /\r\n/.test(source) && !/(^|[^\r])\n/.test(source) ? "\r\n" : "\n";
+  let lead = "";
+  let defs = [];
+  const keepInLead = (raw) => {
+    lead += raw;
+    const text = raw.replace(/\s+$/u, "").replace(/^\s+/u, "");
+    if (text) defs.push(text);
+  };
+  const pushBlock = (raw) => {
+    let nodes;
+    try {
+      nodes = normalize(schema, manager.parse(raw).content ?? []);
+    } catch {
+      nodes = normalize(schema, [{ type: "paragraph", content: [{ type: "text", text: raw }] }]);
     }
-    if (ch === "(") depth += 1;
-    else if (ch === ")") {
-      depth -= 1;
-      if (depth === 0) {
-        end = i;
-        break;
-      }
+    if (nodes.length === 0) {
+      keepInLead(raw);
+      return;
     }
+    blocks.push({ raw, lead, nodes, keys: nodes.map(nodeKey), defs });
+    lead = "";
+    defs = [];
+  };
+  if (joined !== source) {
+    const core = source.replace(/\s+$/u, "");
+    lead = source.slice(0, source.length - source.trimStart().length);
+    if (core.trim()) pushBlock(core.trimStart());
+    const tail = source.slice(core.length);
+    return { source, blocks, tail, tailDefs: [], eol, doc: { type: "doc", content: blocks.flatMap((b) => b.nodes) } };
   }
-  if (end < 0) return null;
-  const inner = text.slice(open + 1, end).trim();
-  const titled = /^(\S+)\s+(?:"([^"]*)"|'([^']*)')$/.exec(inner);
-  const rawUrl = titled ? titled[1] : inner;
-  const url = rawUrl.replace(/^<(.*)>$/, "$1").replace(/\\([!-/:-@[-`{-~])/g, "$1").replace(ENTITY_GLOBAL, (match) => decodeEntity(ENTITY_RE.exec(match)) ?? match);
-  const title = titled ? titled[2] ?? titled[3] : void 0;
-  return title === void 0 ? { url, end } : { url, title, end };
-};
-var backtickRun = (text, at) => {
-  let end = at;
-  while (text[end] === "`") end += 1;
-  return text.slice(at, end);
-};
-var findCloser = (text, from, delim, misses) => {
-  if (from >= (misses.get(delim) ?? Infinity)) return -1;
-  for (let i = from; i < text.length; i += 1) {
-    const ch = text[i];
-    if (ch === "\\") {
-      i += 1;
+  for (const token of tokens) {
+    if (SEPARATOR_TOKENS.has(token.type) || token.raw.trim() === "") {
+      if (token.type === "def") keepInLead(token.raw);
+      else lead += token.raw;
       continue;
     }
-    if (ch === "`") {
-      const run = backtickRun(text, i);
-      const close = text.indexOf(run, i + run.length);
-      if (close > 0) {
-        i = close + run.length - 1;
-        continue;
-      }
-    }
-    if (text.startsWith(delim, i) && i > from && !/\s/u.test(text[i - 1])) {
-      if (delim[0] === "_" && WORD.test(text[i + delim.length] ?? "")) continue;
-      if (delim.length === 1 && text[i + 1] === delim) {
-        i += 1;
-        continue;
-      }
-      return i;
-    }
+    const leading = /^(?:[ \t]*\r?\n)*/.exec(token.raw)[0];
+    lead += leading;
+    const body = token.raw.slice(leading.length);
+    const core = body.replace(/\s+$/u, "");
+    pushBlock(core);
+    lead += body.slice(core.length);
   }
-  misses.set(delim, Math.min(from, misses.get(delim) ?? Infinity));
-  return -1;
-};
-var pushText = (out, value) => {
-  if (!value) return;
-  const last = out[out.length - 1];
-  if (last?.type === "text") last.value += value;
-  else out.push({ type: "text", value });
-};
-function parseInline(text, depth = 0) {
-  const out = [];
-  if (depth > MAX_DEPTH) {
-    pushText(out, text);
-    return out;
+  return {
+    source,
+    blocks,
+    tail: lead,
+    tailDefs: defs,
+    eol,
+    doc: { type: "doc", content: blocks.flatMap((b) => b.nodes) }
+  };
+}
+var isEmptyParagraph = (node) => node.type === "paragraph" && !(node.content ?? []).some((c) => c.type !== "text" || (c.text ?? "").trim() !== "");
+var matchesAt = (children, at, block) => block.keys.every((key, k) => children[at + k] === key);
+var LOOKAHEAD = 8;
+function writeMarkdown(doc, origin, manager) {
+  const content = [...doc.content ?? []];
+  while (content.length > 0 && isEmptyParagraph(content[content.length - 1])) content.pop();
+  if (content.length === 0) {
+    return origin.blocks.length === 0 ? origin.source : "";
   }
-  const misses = /* @__PURE__ */ new Map();
+  const keys = content.map(nodeKey);
+  const { blocks, eol } = origin;
+  const pieces = [];
   let i = 0;
-  while (i < text.length) {
-    const ch = text[i];
-    const rest = text.slice(i);
-    if (ch === "\\" && ASCII_PUNCT2.test(text[i + 1] ?? "")) {
-      pushText(out, text[i + 1]);
-      i += 2;
+  let j = 0;
+  while (i < content.length) {
+    if (j < blocks.length && matchesAt(keys, i, blocks[j])) {
+      pieces.push({ text: blocks[j].raw, slot: j, edited: false });
+      i += blocks[j].keys.length;
+      j += 1;
       continue;
     }
-    if (ch === "\n") {
-      out.push({ type: "br" });
-      i += 1;
-      continue;
+    let skip = 0;
+    for (let d = 1; d <= LOOKAHEAD && j + d < blocks.length; d += 1) {
+      if (matchesAt(keys, i, blocks[j + d])) {
+        skip = d;
+        break;
+      }
     }
-    if (ch === "`") {
-      const run = backtickRun(text, i);
-      const close = text.indexOf(run, i + run.length);
-      if (close > 0 && text[close + run.length] !== "`") {
-        let value = text.slice(i + run.length, close).replace(/\n/g, " ");
-        if (/^ .* $/.test(value) && value.trim()) value = value.slice(1, -1);
-        out.push({ type: "code", value });
-        i = close + run.length;
-        continue;
+    let insert = 0;
+    if (j < blocks.length) {
+      for (let d = 1; d <= LOOKAHEAD && i + d < content.length; d += 1) {
+        if (matchesAt(keys, i + d, blocks[j])) {
+          insert = d;
+          break;
+        }
       }
-      pushText(out, run);
-      i += run.length;
+    }
+    if (skip && (!insert || skip <= insert)) {
+      j += skip;
       continue;
     }
-    if (ch === "!" && text[i + 1] === "[") {
-      const end = findBracketEnd(text, i + 1);
-      const dest = end > 0 ? readDestination(text, end + 1) : null;
-      if (dest) {
-        const alt = plainText(parseInline(text.slice(i + 2, end), depth + 1));
-        out.push(dest.title === void 0 ? { type: "image", src: dest.url, alt } : { type: "image", src: dest.url, alt, title: dest.title });
-        i = dest.end + 1;
-        continue;
+    let text = serializeNode(manager, content[i]);
+    if (eol !== "\n") text = text.replace(/\n/g, eol);
+    const inPlace = !insert && j < blocks.length && blocks[j].keys.length === 1;
+    pieces.push(inPlace ? { text, slot: j, edited: true } : { text, edited: true });
+    i += 1;
+    if (!insert && j < blocks.length) j += 1;
+  }
+  const blank = eol + eol;
+  const emitted = /* @__PURE__ */ new Set();
+  let out = "";
+  pieces.forEach((piece, n) => {
+    const prev = pieces[n - 1];
+    const slot = piece.slot;
+    const lead = slot !== void 0 ? blocks[slot].lead : "";
+    if (n === 0) {
+      if (slot === 0) {
+        out += lead;
+        emitted.add(0);
       }
+    } else if (slot !== void 0 && prev?.slot === slot - 1 && // Next to a re-serialized block, only a separator with a blank line is safe.
+    (!(piece.edited || prev.edited) || /\n[ \t]*\r?\n/.test(lead))) {
+      out += lead;
+      emitted.add(slot);
+    } else {
+      out += blank;
     }
-    if (ch === "[") {
-      const end = findBracketEnd(text, i);
-      const dest = end > 0 ? readDestination(text, end + 1) : null;
-      if (dest) {
-        const children = parseInline(text.slice(i + 1, end), depth + 1);
-        out.push(dest.title === void 0 ? { type: "link", href: dest.url, children } : { type: "link", href: dest.url, title: dest.title, children });
-        i = dest.end + 1;
-        continue;
-      }
+    out += piece.text;
+  });
+  const last = pieces[pieces.length - 1];
+  const tailKept = last.slot === blocks.length - 1;
+  const lost = [
+    ...blocks.flatMap((block, n) => emitted.has(n) ? [] : block.defs),
+    ...tailKept ? [] : origin.tailDefs
+  ];
+  if (lost.length) out += blank + lost.join(eol);
+  if (tailKept) out += origin.tail;
+  else if (/\n$/.test(origin.tail)) out += eol;
+  return out;
+}
+function createPipeline(options = {}) {
+  const extensions = createSchemaExtensions(options);
+  const schema = (0, import_core2.getSchema)(extensions);
+  const manager = createManager(extensions);
+  return {
+    extensions,
+    schema,
+    manager,
+    read: (source) => readMarkdown(source, manager, schema),
+    write: (doc, origin) => writeMarkdown(doc, origin, manager)
+  };
+}
+
+// src/components/Composer.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Composer({ children, className, label = "Add a comment", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react2.Children.map(children, (child) => {
+    if (!(0, import_react2.isValidElement)(child) || child.type !== "textarea") return child;
+    const p = child.props;
+    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react2.cloneElement)(child, { "aria-label": label });
+  }) });
+}
+function ComposerBar({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
+}
+
+// src/components/EditorIcons.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PATHS = {
+  heading1: "M4 12h8M4 18V6M12 18V6M17 12l3-2v8",
+  heading2: "M4 12h8M4 18V6M12 18V6M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1",
+  heading3: "M4 12h8M4 18V6M12 18V6M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2",
+  bold: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+  italic: "M19 4h-9M14 20H5M15 4 9 20",
+  strike: "M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16",
+  code: "m16 18 6-6-6-6M8 6l-6 6 6 6",
+  bulletList: "M3 12h.01M3 18h.01M3 6h.01M8 12h13M8 18h13M8 6h13",
+  orderedList: "M10 12h11M10 18h11M10 6h11M4 10h2M4 6h1v4M6 18H4c0-1 2-2 2-3s-1-1.5-2-1",
+  taskList: "m3 17 2 2 4-4M3 7l2 2 4-4M13 6h8M13 12h8M13 18h8",
+  blockquote: "M17 6H3M21 12H8M21 18H8M3 12v6",
+  codeBlock: "m10 9-3 3 3 3M14 15l3-3-3-3M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z",
+  horizontalRule: "M5 12h14",
+  link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+  table: "M12 3v18M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM3 9h18M3 15h18",
+  tableAddRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM12 15v6M9 18h6",
+  tableAddColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM18 9v6M15 12h6",
+  tableDeleteRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM9 18h6",
+  tableDeleteColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM15 12h6",
+  trash: "M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
+  image: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM9 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21",
+  emoji: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
+  addReaction: "M22 11v1a10 10 0 1 1-9-10M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01M16 5h6M19 2v6",
+  undo: "M9 14 4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11",
+  redo: "m15 14 5-5-5-5M20 9H9.5a5.5 5.5 0 0 0 0 11H13",
+  sourceMode: "M10 12.5 8 15l2 2.5M14 12.5l2 2.5-2 2.5M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+  richMode: "M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7ZM8 13h8M8 17h5",
+  clock: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM12 6v6l4 2",
+  grip: "M9 5h.01M9 12h.01M9 19h.01M15 5h.01M15 12h.01M15 19h.01",
+  more: "M5 12h.01M12 12h.01M19 12h.01"
+};
+function EditorIcon({ name, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: PATHS[name] })
     }
-    if (ch === "<") {
-      const br = BR_RE.exec(rest);
-      if (br) {
-        out.push({ type: "br" });
-        i += br[0].length;
-        continue;
-      }
-      const auto = AUTOLINK_RE.exec(rest);
-      if (auto) {
-        out.push({ type: "link", href: auto[1], children: [{ type: "text", value: auto[1].replace(/^mailto:/i, "") }], bare: true });
-        i += auto[0].length;
-        continue;
-      }
+  );
+}
+
+// src/components/EmojiPicker.tsx
+var import_react5 = require("react");
+
+// src/components/Popover.tsx
+var import_react4 = require("react");
+
+// src/hooks/useAnchoredPosition.ts
+var import_react3 = require("react");
+var useIsomorphicLayoutEffect = typeof document !== "undefined" ? import_react3.useLayoutEffect : import_react3.useEffect;
+var resolveAnchor = (a) => a && typeof a === "object" && "current" in a ? a.current : a ?? null;
+var anchoringSupported;
+function supportsAnchoring() {
+  if (anchoringSupported === void 0) {
+    try {
+      const css = typeof CSS !== "undefined" ? CSS : void 0;
+      anchoringSupported = !!css && typeof css.supports === "function" && css.supports("anchor-name", "--uix-a") && css.supports("position-anchor", "--uix-a") && css.supports("top", "round(anchor(bottom) + 1px, 1px)");
+    } catch {
+      anchoringSupported = false;
     }
-    if (ch === "&") {
-      const entity = ENTITY_RE.exec(rest);
-      const decoded = entity ? decodeEntity(entity) : null;
-      if (entity && decoded !== null) {
-        pushText(out, decoded);
-        i += entity[0].length;
-        continue;
+  }
+  return anchoringSupported;
+}
+var ANCHOR_BAND = 64;
+var anchorCount = 0;
+var namesOf = (value) => value.split(",").map((n) => n.trim()).filter((n) => n.startsWith("--"));
+function addAnchorName(el, name) {
+  const names = namesOf(getComputedStyle(el).getPropertyValue("anchor-name"));
+  if (!names.includes(name)) names.push(name);
+  el.style.setProperty("anchor-name", names.join(", "));
+}
+function removeAnchorName(el, name) {
+  const names = namesOf(el.style.getPropertyValue("anchor-name")).filter((n) => n !== name);
+  if (names.length) el.style.setProperty("anchor-name", names.join(", "));
+  else el.style.removeProperty("anchor-name");
+}
+function translationOf(el) {
+  const t = getComputedStyle(el).transform;
+  if (!t || t === "none" || typeof DOMMatrixReadOnly === "undefined") return { x: 0, y: 0 };
+  try {
+    const m = new DOMMatrixReadOnly(t);
+    return { x: m.m41, y: m.m42 };
+  } catch {
+    return { x: 0, y: 0 };
+  }
+}
+var signed = (n) => `${n < 0 ? "-" : "+"} ${Math.round(Math.abs(n) * 100) / 100}px`;
+var prepared = /* @__PURE__ */ new WeakSet();
+function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-start", offset = 6, padding = 8, shiftMainAxis = true, capHeight = false, onAnchorHidden }) {
+  const opts = (0, import_react3.useRef)({ placement, offset, padding, shiftMainAxis, capHeight });
+  opts.current = { placement, offset, padding, shiftMainAxis, capHeight };
+  const onAnchorHiddenRef = (0, import_react3.useRef)(onAnchorHidden);
+  onAnchorHiddenRef.current = onAnchorHidden;
+  const heightCap = (0, import_react3.useRef)(null);
+  const session = (0, import_react3.useRef)(false);
+  const side = (0, import_react3.useRef)(null);
+  const written = (0, import_react3.useRef)("");
+  const anchoring = (0, import_react3.useRef)(null);
+  const anchoringFailed = (0, import_react3.useRef)(false);
+  const anchorName = (0, import_react3.useRef)("");
+  const release = (0, import_react3.useCallback)((keepPlace) => {
+    const current = anchoring.current;
+    if (!current) return;
+    anchoring.current = null;
+    written.current = "";
+    const floating = floatingRef.current;
+    if (floating) {
+      const s = floating.style;
+      if (keepPlace && current.anchor.isConnected) {
+        const a = current.anchor.getBoundingClientRect();
+        s.top = `${Math.round((current.yEdge === "bottom" ? a.bottom : a.top) + current.dy)}px`;
+        s.left = `${Math.round((current.xEdge === "right" ? a.right : a.left) + current.dx)}px`;
       }
+      s.removeProperty("position-anchor");
     }
-    if (ch === "~" && text[i + 1] === "~" && text[i + 2] && !/\s/u.test(text[i + 2])) {
-      const close = findCloser(text, i + 2, "~~", misses);
-      if (close > 0) {
-        out.push({ type: "del", children: parseInline(text.slice(i + 2, close), depth + 1) });
-        i = close + 2;
-        continue;
-      }
+    removeAnchorName(current.anchor, current.name);
+  }, [floatingRef]);
+  const uncap = (0, import_react3.useCallback)(() => {
+    const cap = heightCap.current;
+    if (!cap) return;
+    heightCap.current = null;
+    const floating = floatingRef.current;
+    if (!floating) return;
+    floating.style.maxHeight = cap.inlineMaxHeight;
+    if (cap.setOverflow) floating.style.overflowY = cap.inlineOverflowY;
+  }, [floatingRef]);
+  const reposition = (0, import_react3.useCallback)(() => {
+    const anchorEl = resolveAnchor(anchor);
+    const floating = floatingRef.current;
+    if (!anchorEl || !floating) return;
+    const s = floating.style;
+    if (!prepared.has(floating)) {
+      s.position = "fixed";
+      s.inset = "auto";
+      s.margin = "0";
+      prepared.add(floating);
+      written.current = "";
     }
-    if (ch === "*" || ch === "_") {
-      const leftOk = ch === "*" || !WORD.test(text[i - 1] ?? "");
-      const double = text[i + 1] === ch;
-      const delim = double ? ch + ch : ch;
-      const after = text[i + delim.length];
-      if (leftOk && after && !/\s/u.test(after)) {
-        const close = findCloser(text, i + delim.length, delim, misses);
-        if (close > 0) {
-          const children = parseInline(text.slice(i + delim.length, close), depth + 1);
-          out.push(double ? { type: "strong", children } : { type: "em", children });
-          i = close + delim.length;
-          continue;
-        }
+    const { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, capHeight: cap } = opts.current;
+    if (cap) {
+      if (!heightCap.current) {
+        const own = getComputedStyle(floating);
+        const setOverflow = !own.overflowY || own.overflowY === "visible";
+        heightCap.current = {
+          inlineMaxHeight: s.maxHeight,
+          inlineOverflowY: s.overflowY,
+          ownMaxHeight: own.maxHeight && own.maxHeight !== "none" ? own.maxHeight : "",
+          setOverflow,
+          written: ""
+        };
+        if (setOverflow) s.overflowY = "auto";
       }
-      const run = new RegExp(`^\\${ch}+`).exec(rest)[0];
-      pushText(out, run);
-      i += run.length;
-      continue;
-    }
-    if (ch === "h" && !WORD.test(text[i - 1] ?? "")) {
-      const bare = BARE_URL_RE.exec(rest);
-      if (bare) {
-        const url = bare[0].replace(/[.,;:!?'"]+$/, "");
-        out.push({ type: "link", href: url, children: [{ type: "text", value: url }], bare: true });
-        i += url.length;
-        continue;
+      const room = `${Math.max(0, window.innerHeight - 2 * pad)}px`;
+      const max = heightCap.current.ownMaxHeight ? `min(${room}, ${heightCap.current.ownMaxHeight})` : room;
+      if (max !== heightCap.current.written) {
+        s.maxHeight = max;
+        heightCap.current.written = max;
       }
+    } else if (heightCap.current) {
+      uncap();
     }
-    pushText(out, ch);
-    i += 1;
-  }
-  return out;
-}
-function plainText(nodes) {
-  return nodes.map((n) => {
-    switch (n.type) {
-      case "text":
-      case "code":
-        return n.value;
-      case "br":
-        return " ";
-      case "image":
-        return n.alt;
-      default:
-        return plainText(n.children);
-    }
-  }).join("");
-}
-var FENCE_RE = /^(`{3,}|~{3,})\s*([^`\s]*)/;
-var HEADING_RE = /^(#{1,6})\s+(.*?)(?:\s+#+)?$/;
-var RULE_RE = /^(?:(?:\*\s*){3,}|(?:-\s*){3,}|(?:_\s*){3,})$/;
-var BULLET_RE = /^(\s*)([-*+])\s+(.*)$/;
-var ORDERED_RE = /^(\s*)(\d{1,9})[.)]\s+(.*)$/;
-var TASK_RE = /^\[([ xX])\]\s+(.*)$/;
-var DELIMITER_ROW_RE = /^\s*\|?\s*:?-+:?\s*(?:\|\s*:?-+:?\s*)*\|?\s*$/;
-var indentOf = (s) => s.replace(/\t/g, "    ").length;
-function splitTableRow(line) {
-  let row = line.trim();
-  if (row.startsWith("|")) row = row.slice(1);
-  if (row.endsWith("|") && !row.endsWith("\\|")) row = row.slice(0, -1);
-  const cells = [];
-  let cell = "";
-  let inCode = false;
-  for (let i = 0; i < row.length; i += 1) {
-    const ch = row[i];
-    if (ch === "\\" && row[i + 1] === "|") {
-      cell += "|";
-      i += 1;
-      continue;
+    const a = anchorEl.getBoundingClientRect();
+    const size = { width: floating.offsetWidth, height: floating.offsetHeight };
+    const pos = computePosition(
+      { x: a.x, y: a.y, width: a.width, height: a.height },
+      size,
+      { width: window.innerWidth, height: window.innerHeight },
+      { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, stickySide: side.current ?? void 0 }
+    );
+    const measured = size.width > 0 || size.height > 0;
+    if (measured && session.current) side.current = pos.side;
+    if (floating.dataset.placement !== pos.placement) floating.dataset.placement = pos.placement;
+    const writeFixed = (at) => {
+      const left2 = `${Math.round(at.x)}px`;
+      const top2 = `${Math.round(at.y)}px`;
+      const key2 = `fixed ${left2} ${top2}`;
+      if (key2 === written.current) return;
+      s.left = left2;
+      s.top = top2;
+      written.current = key2;
+    };
+    const limit = pos.mainAxisRange;
+    const nearLimit = limit !== null && (pos.mainAxisNatural < limit[0] + ANCHOR_BAND || pos.mainAxisNatural > limit[1] - ANCHOR_BAND);
+    if (anchoringFailed.current || nearLimit || !supportsAnchoring()) {
+      if (anchoring.current) release(false);
+      writeFixed(pos);
+      return;
     }
-    if (ch === "`") inCode = !inCode;
-    if (ch === "|" && !inCode) {
-      cells.push(cell.trim());
-      cell = "";
-      continue;
+    if (anchoring.current && anchoring.current.anchor !== anchorEl) release(false);
+    if (!anchoring.current) {
+      anchorName.current || (anchorName.current = `--uix-anchor-${++anchorCount}`);
+      addAnchorName(anchorEl, anchorName.current);
+      s.setProperty("position-anchor", anchorName.current);
+      anchoring.current = { anchor: anchorEl, name: anchorName.current, yEdge: "bottom", xEdge: "left", dy: 0, dx: 0, verified: false };
+      written.current = "";
     }
-    cell += ch;
-  }
-  cells.push(cell.trim());
-  return cells;
+    const current = anchoring.current;
+    current.yEdge = pos.side === "bottom" ? "bottom" : "top";
+    current.xEdge = pos.side === "right" ? "right" : "left";
+    current.dy = pos.y - (current.yEdge === "bottom" ? a.bottom : a.top);
+    current.dx = pos.x - (current.xEdge === "right" ? a.right : a.left);
+    const top = `round(anchor(${current.yEdge}) ${signed(current.dy)}, 1px)`;
+    const left = `round(anchor(${current.xEdge}) ${signed(current.dx)}, 1px)`;
+    const key = `anchored ${top} ${left}`;
+    if (key !== written.current) {
+      s.top = top;
+      s.left = left;
+      written.current = key;
+    }
+    if (!current.verified && measured) {
+      current.verified = true;
+      const box = floating.getBoundingClientRect();
+      const t = translationOf(floating);
+      const dxc = box.left + box.width / 2 - t.x - (pos.x + size.width / 2);
+      const dyc = box.top + box.height / 2 - t.y - (pos.y + size.height / 2);
+      if (Math.abs(dxc) > 2 || Math.abs(dyc) > 2) {
+        anchoringFailed.current = true;
+        release(false);
+        writeFixed(pos);
+      }
+    }
+  }, [anchor, floatingRef, release, uncap]);
+  useIsomorphicLayoutEffect(() => {
+    if (!open) return;
+    session.current = true;
+    reposition();
+    const anchorEl = resolveAnchor(anchor);
+    const floating = floatingRef.current;
+    const onScroll = (event) => {
+      const target = event.target;
+      if (target && typeof target.contains === "function") {
+        if (floating?.contains(target)) return;
+        if (anchorEl && !target.contains(anchorEl)) return;
+      }
+      reposition();
+    };
+    const onResize = () => reposition();
+    window.addEventListener("scroll", onScroll, { passive: true, capture: true });
+    window.addEventListener("resize", onResize);
+    const observer = typeof ResizeObserver === "function" ? new ResizeObserver(() => reposition()) : null;
+    if (floating) observer?.observe(floating);
+    if (anchorEl) observer?.observe(anchorEl);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+      observer?.disconnect();
+      session.current = false;
+      side.current = null;
+      anchoringFailed.current = false;
+      release(true);
+      uncap();
+    };
+  }, [open, reposition, anchor, floatingRef, release, uncap]);
+  const watchAnchor = open && !!onAnchorHidden;
+  (0, import_react3.useEffect)(() => {
+    const anchorEl = resolveAnchor(anchor);
+    if (!watchAnchor || !anchorEl || typeof IntersectionObserver !== "function") return;
+    const observer = new IntersectionObserver((entries) => {
+      const latest = entries[entries.length - 1];
+      if (latest && !latest.isIntersecting) onAnchorHiddenRef.current?.();
+    });
+    observer.observe(anchorEl);
+    return () => observer.disconnect();
+  }, [watchAnchor, anchor]);
+  (0, import_react3.useEffect)(() => () => release(false), [release]);
+  return reposition;
 }
-var alignOf = (cell) => {
-  const c = cell.trim();
-  const left = c.startsWith(":");
-  const right = c.endsWith(":");
-  return left && right ? "center" : right ? "right" : left ? "left" : null;
-};
-var matchListLine = (line) => {
-  const bullet = BULLET_RE.exec(line);
-  if (bullet && !RULE_RE.test(line.trim())) return { indent: indentOf(bullet[1]), ordered: false, number: 1, text: bullet[3] };
-  const ordered = ORDERED_RE.exec(line);
-  if (ordered) return { indent: indentOf(ordered[1]), ordered: true, number: Number(ordered[2]), text: ordered[3] };
-  return null;
+
+// src/components/Popover.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var useIsomorphicLayoutEffect2 = typeof document !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
+var PLACING = "data-uix-placing";
+var isPopoverOpen = (el) => {
+  try {
+    return el.matches(":popover-open");
+  } catch {
+    return false;
+  }
 };
-var toItem = (text) => {
-  const task = TASK_RE.exec(text);
-  return task ? { checked: task[1] !== " ", children: parseInline(task[2]), lists: [] } : { checked: null, children: parseInline(text), lists: [] };
+var settle = (el) => {
+  if (!el.hasAttribute(PLACING)) return;
+  getComputedStyle(el).getPropertyValue("transform");
+  el.removeAttribute(PLACING);
 };
-var buildList = (lines) => {
-  const lists = [];
-  const stack = [];
-  for (const line of lines) {
-    while (stack.length && line.indent < stack[stack.length - 1].indent) stack.pop();
-    let top = stack[stack.length - 1];
-    if (top && line.indent > top.indent) {
-      const parentItem = top.list.items[top.list.items.length - 1];
-      const nested = { type: "list", ordered: line.ordered, start: line.number, items: [] };
-      parentItem.lists.push(nested);
-      stack.push({ list: nested, indent: line.indent });
-      top = stack[stack.length - 1];
-    } else if (!top || top.list.ordered !== line.ordered) {
-      const list = { type: "list", ordered: line.ordered, start: line.number, items: [] };
-      if (stack.length <= 1) {
-        lists.push(list);
-        stack.length = 0;
-      } else {
-        stack.pop();
-        const parent = stack[stack.length - 1].list;
-        parent.items[parent.items.length - 1].lists.push(list);
+function Popover({
+  popover: popoverProp,
+  anchor,
+  placement = "bottom-start",
+  offset = 6,
+  closeWhenAnchorHidden = false,
+  onAnchorHidden,
+  capHeight = false,
+  openOnHover = false,
+  className,
+  children,
+  ...props
+}) {
+  const hover = !!openOnHover && !!anchor;
+  const popover = popoverProp ?? (hover ? "manual" : "auto");
+  const openDelay = typeof openOnHover === "object" ? openOnHover.openDelay ?? 300 : 300;
+  const closeDelay = typeof openOnHover === "object" ? openOnHover.closeDelay ?? 150 : 150;
+  const ref = (0, import_react4.useRef)(null);
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const openRef = (0, import_react4.useRef)(false);
+  const onAnchorHiddenRef = (0, import_react4.useRef)(onAnchorHidden);
+  onAnchorHiddenRef.current = onAnchorHidden;
+  const popoverAttr = { popover };
+  const reposition = useAnchoredPosition(anchor ?? null, ref, {
+    open: open && !!anchor,
+    placement,
+    offset,
+    capHeight,
+    onAnchorHidden: closeWhenAnchorHidden ? () => {
+      const el = ref.current;
+      if (!el || !isPopoverOpen(el)) return;
+      onAnchorHiddenRef.current?.();
+      const active = el.ownerDocument.activeElement;
+      if (active && el.contains(active)) active.blur();
+      el.hidePopover();
+    } : void 0
+  });
+  (0, import_react4.useEffect)(() => {
+    const el = ref.current;
+    if (!el || !anchor) return;
+    const hold = (event) => {
+      if (event.newState !== "open") return;
+      el.setAttribute(PLACING, "");
+      window.setTimeout(() => settle(el), 150);
+    };
+    const sync = () => {
+      if (!isPopoverOpen(el)) {
+        el.removeAttribute(PLACING);
+        setOpen(false);
+        return;
+      }
+      reposition();
+      window.setTimeout(() => {
+        if (!isPopoverOpen(el)) return;
+        if (!openRef.current) {
+          setOpen(true);
+          return;
+        }
+        reposition();
+        settle(el);
+      }, 0);
+    };
+    el.addEventListener("beforetoggle", hold);
+    el.addEventListener("toggle", sync);
+    return () => {
+      el.removeEventListener("beforetoggle", hold);
+      el.removeEventListener("toggle", sync);
+      el.removeAttribute(PLACING);
+    };
+  }, [anchor, reposition]);
+  (0, import_react4.useEffect)(() => {
+    const el = ref.current;
+    const anchorEl = resolveAnchor(anchor);
+    if (!hover || !el || !anchorEl) return;
+    let timer;
+    const inside = (node) => !!node && (anchorEl.contains(node) || el.contains(node));
+    const stillWanted = () => {
+      try {
+        return anchorEl.matches(":hover") || el.matches(":hover") || inside(el.ownerDocument.activeElement);
+      } catch {
+        return false;
+      }
+    };
+    const show = (delay) => {
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        if (!isPopoverOpen(el)) {
+          try {
+            el.showPopover?.();
+          } catch {
+          }
+        }
+      }, delay);
+    };
+    const hide = (delay) => {
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        if (isPopoverOpen(el) && !stillWanted()) {
+          try {
+            el.hidePopover?.();
+          } catch {
+          }
+        }
+      }, delay);
+    };
+    const onEnter = (event) => {
+      if (event.pointerType !== "touch") show(openDelay);
+    };
+    const onLeave = (event) => {
+      if (event.pointerType !== "touch") hide(closeDelay);
+    };
+    const onFocusIn = () => show(0);
+    const onFocusOut = (event) => {
+      if (!inside(event.relatedTarget)) hide(closeDelay);
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" || !isPopoverOpen(el)) return;
+      window.clearTimeout(timer);
+      const hadFocus = el.contains(el.ownerDocument.activeElement);
+      try {
+        el.hidePopover?.();
+      } catch {
       }
-      stack.push({ list, indent: line.indent });
-      top = stack[stack.length - 1];
+      if (hadFocus) {
+        anchorEl.removeEventListener("focusin", onFocusIn);
+        anchorEl.focus();
+        anchorEl.addEventListener("focusin", onFocusIn);
+      }
+    };
+    for (const node of [anchorEl, el]) {
+      node.addEventListener("pointerenter", onEnter);
+      node.addEventListener("pointerleave", onLeave);
+      node.addEventListener("focusout", onFocusOut);
+      node.addEventListener("keydown", onKeyDown);
     }
-    top.list.items.push(toItem(line.text));
-  }
-  return lists;
+    anchorEl.addEventListener("focusin", onFocusIn);
+    return () => {
+      window.clearTimeout(timer);
+      for (const node of [anchorEl, el]) {
+        node.removeEventListener("pointerenter", onEnter);
+        node.removeEventListener("pointerleave", onLeave);
+        node.removeEventListener("focusout", onFocusOut);
+        node.removeEventListener("keydown", onKeyDown);
+      }
+      anchorEl.removeEventListener("focusin", onFocusIn);
+    };
+  }, [hover, anchor, openDelay, closeDelay]);
+  useIsomorphicLayoutEffect2(() => {
+    openRef.current = open;
+    if (open && ref.current) settle(ref.current);
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
+}
+
+// src/components/EmojiPicker.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var DEFAULT_EMOJI_PICKER_LABELS = {
+  dialog: "Choose an emoji",
+  search: "Search emoji",
+  recent: "Recently used",
+  quickPicks: "Frequently used",
+  categories: "Emoji categories",
+  noResults: "No emoji found",
+  loading: "Loading emoji\u2026",
+  loadFailed: "Emoji could not be loaded."
 };
-function parseMarkdown(source) {
-  const lines = source.replace(/\r\n?/g, "\n").split("\n");
-  const blocks = [];
-  let paragraph = [];
-  let i = 0;
-  const flush = () => {
-    if (paragraph.length) {
-      blocks.push({ type: "paragraph", children: parseInline(paragraph.join("\n")) });
-      paragraph = [];
+var EMOJI_GRID_COLUMNS = 8;
+var useIsomorphicLayoutEffect3 = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
+function revealInGrid(grid, cell) {
+  const g = grid.getBoundingClientRect();
+  const c = cell.getBoundingClientRect();
+  const top = g.top + (parseFloat(getComputedStyle(grid).scrollPaddingTop) || 0);
+  if (c.top < top) grid.scrollTop -= top - c.top;
+  else if (c.bottom > g.bottom) grid.scrollTop += c.bottom - g.bottom;
+}
+function EmojiPicker({
+  onSelect,
+  trigger,
+  labels: labelOverrides,
+  locale = "en",
+  quickPicks,
+  loadData = loadEmojiData,
+  recentStorageKey = DEFAULT_RECENT_KEY,
+  placement = "bottom-start",
+  onOpenChange,
+  className,
+  emojiImageBaseUrl
+}) {
+  const renderEmoji = useEmojiRenderer(emojiImageBaseUrl);
+  const labels = { ...DEFAULT_EMOJI_PICKER_LABELS, ...labelOverrides };
+  const id = (0, import_react5.useId)();
+  const popoverId = `${id}-picker`;
+  const anchorRef = (0, import_react5.useRef)(null);
+  const searchRef = (0, import_react5.useRef)(null);
+  const gridRef = (0, import_react5.useRef)(null);
+  const pointerWasOpen = (0, import_react5.useRef)(null);
+  const closedByAnchor = (0, import_react5.useRef)(false);
+  const pendingJump = (0, import_react5.useRef)(null);
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [data, setData] = (0, import_react5.useState)(null);
+  const [failed, setFailed] = (0, import_react5.useState)(false);
+  const [query, setQuery] = (0, import_react5.useState)("");
+  const [recent, setRecent] = (0, import_react5.useState)([]);
+  const [active, setActive] = (0, import_react5.useState)(0);
+  const popoverEl = () => typeof document === "undefined" ? null : document.getElementById(popoverId);
+  const isOpen = (el) => {
+    try {
+      return !!el?.matches(":popover-open");
+    } catch {
+      return false;
     }
   };
-  while (i < lines.length) {
-    const line = lines[i];
-    const trimmed = line.trim();
-    if (trimmed === "") {
-      flush();
-      i += 1;
-      continue;
-    }
-    const fence = FENCE_RE.exec(trimmed);
-    if (fence) {
-      flush();
-      const marker = fence[1];
-      const body = [];
-      i += 1;
-      while (i < lines.length && !lines[i].trim().startsWith(marker)) {
-        body.push(lines[i]);
-        i += 1;
+  (0, import_react5.useEffect)(() => {
+    const el = popoverEl();
+    if (!el) return;
+    const onToggle = (event) => {
+      const { newState } = event;
+      const nowOpen = newState ? newState === "open" : isOpen(el);
+      setOpen(nowOpen);
+      onOpenChange?.(nowOpen);
+      if (nowOpen) {
+        closedByAnchor.current = false;
+        pendingJump.current = null;
+        setRecent(readRecentEmoji(recentStorageKey));
+        setQuery("");
+        setActive(0);
+        requestAnimationFrame(() => searchRef.current?.focus({ preventScroll: true }));
+      } else if (closedByAnchor.current) {
+        closedByAnchor.current = false;
+      } else if (el.contains(document.activeElement) || document.activeElement === document.body) {
+        focusTrigger();
       }
-      i += 1;
-      blocks.push({ type: "code", lang: fence[2] ?? "", value: body.join("\n") });
-      continue;
+    };
+    el.addEventListener("toggle", onToggle);
+    return () => el.removeEventListener("toggle", onToggle);
+  }, [popoverId, recentStorageKey, onOpenChange]);
+  (0, import_react5.useEffect)(() => {
+    if (!open || data?.locale === locale) return;
+    let live = true;
+    setFailed(false);
+    loadData(locale).then(
+      (loaded) => {
+        if (live) setData(loaded);
+      },
+      () => {
+        if (live) setFailed(true);
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [open, locale, loadData, data?.locale]);
+  const focusTrigger = () => {
+    const el = anchorRef.current?.querySelector("button, [href], [tabindex]");
+    el?.focus();
+  };
+  const hide = () => {
+    const el = popoverEl();
+    if (el && isOpen(el)) el.hidePopover();
+  };
+  const browseSections = (0, import_react5.useMemo)(() => {
+    const list = [];
+    if (quickPicks?.length) list.push({ key: "quick", title: labels.quickPicks, emojis: [...new Set(quickPicks)] });
+    if (recent.length) list.push({ key: "recent", title: labels.recent, emojis: recent });
+    if (data) {
+      data.groups.forEach((group, index) => {
+        list.push({ key: group.key, title: group.name, emojis: data.emojis.filter((e) => e.group === index).map((e) => e.emoji) });
+      });
     }
-    const heading = HEADING_RE.exec(trimmed);
-    if (heading) {
-      flush();
-      blocks.push({ type: "heading", level: heading[1].length, children: parseInline(heading[2]) });
-      i += 1;
-      continue;
+    return list;
+  }, [data, quickPicks, recent, labels.quickPicks, labels.recent]);
+  const sections = (0, import_react5.useMemo)(() => {
+    if (!query.trim()) return browseSections;
+    return data ? [{ key: "results", title: labels.search, emojis: searchEmoji(data, query).map((e) => e.emoji) }] : [];
+  }, [query, data, browseSections, labels.search]);
+  const flat = (0, import_react5.useMemo)(() => sections.flatMap((s) => s.emojis), [sections]);
+  const sectionStart = (0, import_react5.useMemo)(() => {
+    const starts = /* @__PURE__ */ new Map();
+    let at = 0;
+    for (const section of sections) {
+      starts.set(section.key, at);
+      at += section.emojis.length;
     }
-    if (RULE_RE.test(trimmed)) {
-      flush();
-      blocks.push({ type: "rule" });
-      i += 1;
-      continue;
+    return starts;
+  }, [sections]);
+  const activeIndex = Math.min(active, Math.max(flat.length - 1, 0));
+  const choose = (emoji) => {
+    setRecent(pushRecentEmoji(emoji, recentStorageKey));
+    onSelect(emoji);
+    hide();
+  };
+  const focusCell = (0, import_react5.useCallback)((index, reveal = true) => {
+    setActive(index);
+    const find = () => gridRef.current?.querySelector(`[data-emoji-index="${index}"]`);
+    const move = (cell2) => {
+      cell2.focus({ preventScroll: true });
+      if (reveal && gridRef.current) revealInGrid(gridRef.current, cell2);
+    };
+    const cell = find();
+    if (cell) move(cell);
+    else requestAnimationFrame(() => {
+      const later = find();
+      if (later) move(later);
+    });
+  }, []);
+  const showSection = (key) => {
+    const grid = gridRef.current;
+    const section = grid?.querySelector(`[data-section="${key}"]`);
+    if (!grid || !section) return;
+    grid.scrollTop += section.getBoundingClientRect().top - grid.getBoundingClientRect().top;
+    const start = sectionStart.get(key);
+    if (start !== void 0) focusCell(start, false);
+  };
+  const onCategory = (key) => {
+    if (!query.trim()) {
+      showSection(key);
+      return;
+    }
+    pendingJump.current = key;
+    setQuery("");
+    setActive(0);
+  };
+  useIsomorphicLayoutEffect3(() => {
+    const key = pendingJump.current;
+    if (key === null || query.trim()) return;
+    pendingJump.current = null;
+    showSection(key);
+  }, [query, sections]);
+  const onGridKeyDown = (event) => {
+    const target = event.target;
+    const index = Number(target.dataset.emojiIndex ?? -1);
+    if (index < 0) return;
+    const next = emojiGridMove(index, event.key, flat.length, EMOJI_GRID_COLUMNS);
+    if (event.key === "ArrowUp" && next === null) {
+      event.preventDefault();
+      searchRef.current?.focus({ preventScroll: true });
+      return;
     }
-    if (trimmed.startsWith(">")) {
-      flush();
-      const quote = [];
-      while (i < lines.length && lines[i].trim().startsWith(">")) {
-        quote.push(lines[i].trim().replace(/^>\s?/, ""));
-        i += 1;
-      }
-      blocks.push({ type: "quote", children: parseInline(quote.join(" ")) });
-      continue;
+    if (next === null) return;
+    event.preventDefault();
+    focusCell(next);
+  };
+  const onSearchKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      hide();
+    } else if (event.key === "ArrowDown" && flat.length) {
+      event.preventDefault();
+      focusCell(0);
+    } else if (event.key === "Enter" && query.trim() && flat[0]) {
+      event.preventDefault();
+      choose(flat[0]);
     }
-    if (trimmed.includes("|") && i + 1 < lines.length && DELIMITER_ROW_RE.test(lines[i + 1]) && lines[i + 1].includes("-")) {
-      const head = splitTableRow(line);
-      const delimiters = splitTableRow(lines[i + 1]);
-      if (delimiters.length === head.length) {
-        flush();
-        const rows = [];
-        i += 2;
-        while (i < lines.length && lines[i].trim() !== "" && lines[i].includes("|")) {
-          const cells = splitTableRow(lines[i]);
-          rows.push(head.map((_, c) => parseInline(cells[c] ?? "")));
-          i += 1;
-        }
-        blocks.push({ type: "table", align: delimiters.map(alignOf), head: head.map((c) => parseInline(c)), rows });
-        continue;
-      }
+  };
+  const toggleFromTrigger = (event) => {
+    const el = popoverEl();
+    if (!el || event.defaultPrevented) return;
+    const was = pointerWasOpen.current;
+    pointerWasOpen.current = null;
+    if (was === true) return;
+    if (isOpen(el)) el.hidePopover();
+    else el.showPopover();
+  };
+  const triggerProps = (0, import_react5.isValidElement)(trigger) ? trigger.props : {};
+  const triggerEl = (0, import_react5.isValidElement)(trigger) ? (0, import_react5.cloneElement)(trigger, {
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    "aria-controls": popoverId,
+    onPointerDown: (event) => {
+      pointerWasOpen.current = isOpen(popoverEl());
+      triggerProps.onPointerDown?.(event);
+    },
+    onClick: (event) => {
+      triggerProps.onClick?.(event);
+      toggleFromTrigger(event);
     }
-    const first = matchListLine(line);
-    if (first) {
-      flush();
-      const listLines = [];
-      while (i < lines.length) {
-        const current = lines[i];
-        const item = matchListLine(current);
-        if (item) {
-          if (listLines.length && item.indent <= listLines[0].indent && item.ordered !== listLines[0].ordered) break;
-          listLines.push(item);
-        } else if (current.trim() !== "" && indentOf(current) > listLines[0].indent && listLines.length) {
-          listLines[listLines.length - 1].text += `
-${current.trim()}`;
-        } else {
-          break;
-        }
-        i += 1;
+  }) : trigger;
+  const names = data?.names;
+  let offset = 0;
+  const status = failed ? labels.loadFailed : !data && open ? labels.loading : query.trim() && data && flat.length === 0 ? labels.noResults : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { ref: anchorRef, className: cx("uix-emoji-picker__anchor", className), children: [
+    triggerEl,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Popover,
+      {
+        id: popoverId,
+        anchor: anchorRef,
+        placement,
+        className: "uix-emoji-picker-popover",
+        role: "dialog",
+        "aria-label": labels.dialog,
+        closeWhenAnchorHidden: true,
+        onAnchorHidden: () => {
+          closedByAnchor.current = true;
+        },
+        children: open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "uix-emoji-picker uix-emoji-picker--full", lang: locale, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "input",
+            {
+              ref: searchRef,
+              type: "search",
+              className: "uix-input uix-emoji-picker__search",
+              "aria-label": labels.search,
+              placeholder: labels.search,
+              value: query,
+              onChange: (event) => {
+                setQuery(event.target.value);
+                setActive(0);
+              },
+              onKeyDown: onSearchKeyDown,
+              autoComplete: "off",
+              spellCheck: false
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "div",
+            {
+              className: "uix-emoji-picker__nav",
+              role: data ? "group" : void 0,
+              "aria-label": data ? labels.categories : void 0,
+              children: data ? browseSections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "uix-emoji-picker__nav-btn",
+                  "aria-label": section.title,
+                  title: section.title,
+                  onClick: () => onCategory(section.key),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: section.emojis[0] ? renderEmoji(section.emojis[0]) : null })
+                },
+                section.key
+              )) : null
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "uix-emoji-picker__grid", ref: gridRef, onKeyDown: onGridKeyDown, children: [
+            sections.map((section) => {
+              const start = offset;
+              offset += section.emojis.length;
+              if (!section.emojis.length) return null;
+              const headingId = `${id}-${section.key}`;
+              return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "uix-emoji-picker__section", "data-section": section.key, "aria-labelledby": headingId, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { id: headingId, className: "uix-emoji-picker__heading", children: section.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "uix-emoji-picker__cells", role: "group", "aria-labelledby": headingId, children: section.emojis.map((emoji, i) => {
+                  const index = start + i;
+                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "uix-emoji-picker__btn",
+                      "data-emoji-index": index,
+                      tabIndex: index === activeIndex ? 0 : -1,
+                      "aria-label": names?.get(emoji) ?? emoji,
+                      title: names?.get(emoji),
+                      onClick: () => choose(emoji),
+                      onFocus: () => setActive(index),
+                      children: renderEmoji(emoji)
+                    },
+                    `${section.key}-${emoji}`
+                  );
+                }) })
+              ] }, section.key);
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "uix-emoji-picker__status", role: "status", children: status })
+          ] })
+        ] }) : null
       }
-      const base = Math.min(...listLines.map((l) => l.indent));
-      blocks.push(...buildList(listLines.map((l) => ({ ...l, indent: l.indent - base }))));
-      continue;
-    }
-    paragraph.push(trimmed);
-    i += 1;
-  }
-  flush();
-  return blocks;
+    )
+  ] });
 }
 
 // src/components/Markdown.tsx
@@ -1953,6 +2079,13 @@ function renderInlines(nodes, policy) {
           i
         );
       }
+      case "mention": {
+        const name = policy.resolveMention?.(node.id, node.label) ?? node.label;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "uix-mention", "data-mention-id": node.id, children: [
+          "@",
+          name
+        ] }, i);
+      }
       case "image": {
         const resolved = policy.resolveImageSrc?.(node.src) ?? null;
         if (resolved) {
@@ -2011,10 +2144,17 @@ function renderBlock(block, policy, headingOffset, key) {
       );
   }
 }
-function Markdown({ children, className, isSafeUrl = defaultMarkdownIsSafeUrl, resolveImageSrc, headingOffset = 2 }) {
+function Markdown({
+  children,
+  className,
+  isSafeUrl = defaultMarkdownIsSafeUrl,
+  resolveImageSrc,
+  headingOffset = 2,
+  resolveMention
+}) {
   const source = typeof children === "string" ? children : "";
   if (source.trim() === "") return null;
-  const policy = { isSafeUrl, resolveImageSrc };
+  const policy = { isSafeUrl, resolveImageSrc, resolveMention };
   const blocks = parseMarkdown(source);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cx("uix-prose", "uix-markdown", className), "data-component": "markdown", children: blocks.map((block, i) => renderBlock(block, policy, headingOffset, i)) });
 }
@@ -2069,6 +2209,10 @@ var DEFAULT_RICH_TEXT_LABELS = {
   imagesUnsupported: "Images can't be added here.",
   emoji: "Emoji",
   emojiSuggestions: "Emoji suggestions",
+  mentionSuggestions: "People",
+  mentionSearching: "Searching\u2026",
+  mentionEmpty: "No matching people",
+  mentionFailed: "People could not be loaded.",
   undo: "Undo",
   redo: "Redo",
   sourceMode: "Show markdown",
@@ -2099,6 +2243,8 @@ function suggestEmoji(query, limit = 8) {
   }
   return [...starts, ...tagged].slice(0, limit);
 }
+var mentionSuggestionKey = new import_state.PluginKey("uixMentionSuggestion");
+var usableCandidates = (items) => items.filter((c) => isMentionId(c.id) && c.label.trim() !== "").slice(0, 20);
 var htmlAttr = (value) => value === void 0 || value === false || value === "" ? void 0 : String(value);
 var popoverOpen = (el) => {
   try {
@@ -2197,8 +2343,10 @@ function RichTextEditor(props) {
     className,
     onBlur,
     emojiImageBaseUrl,
-    imagesUnavailableReason
+    imagesUnavailableReason,
+    onMentionSearch
   } = props;
+  const mentionsOn = typeof onMentionSearch === "function";
   const emojiBase = (0, import_react7.useMemo)(() => normalizeEmojiImageBaseUrl(emojiImageBaseUrl), [emojiImageBaseUrl]);
   const renderEmoji = useEmojiRenderer(emojiImageBaseUrl);
   const labels = (0, import_react7.useMemo)(() => ({ ...DEFAULT_RICH_TEXT_LABELS, ...labelOverrides }), [labelOverrides]);
@@ -2206,10 +2354,11 @@ function RichTextEditor(props) {
   const counterId = `${uid}-counter`;
   const statusId = `${uid}-status`;
   const suggestId = `${uid}-emoji`;
+  const mentionId = `${uid}-people`;
   const linkPopoverId = `${uid}-link`;
   const controls = PRESETS[features];
   const has = (control) => controls.has(control) && (control !== "emoji" || emoji) && (control !== "image" || !!onUploadImage);
-  const latest = (0, import_react7.useRef)({ onChange, onSubmitShortcut, onBlur, isSafeUrl, resolveImageSrc, onUploadImage, placeholder, imagesOn: false, imagesOffText: "" });
+  const latest = (0, import_react7.useRef)({ onChange, onSubmitShortcut, onBlur, isSafeUrl, resolveImageSrc, onUploadImage, onMentionSearch, placeholder, imagesOn: false, imagesOffText: "" });
   latest.current = {
     onChange,
     onSubmitShortcut,
@@ -2217,6 +2366,7 @@ function RichTextEditor(props) {
     isSafeUrl,
     resolveImageSrc,
     onUploadImage,
+    onMentionSearch,
     placeholder,
     imagesOn: controls.has("image") && !!onUploadImage,
     imagesOffText: imagesUnavailableReason?.trim() || labels.imagesUnsupported
@@ -2271,6 +2421,59 @@ function RichTextEditor(props) {
       return false;
     }
   };
+  const [mention, setMention] = (0, import_react7.useState)(null);
+  const [mentionIndex, setMentionIndex] = (0, import_react7.useState)(0);
+  const mentionState = (0, import_react7.useRef)({ mention, mentionIndex });
+  mentionState.current = { mention, mentionIndex };
+  const mentionSeq = (0, import_react7.useRef)(0);
+  const mentionBridge = (0, import_react7.useRef)({ update: () => {
+  }, keyDown: () => false });
+  mentionBridge.current = {
+    update: (p) => {
+      const seq = ++mentionSeq.current;
+      const search = latest.current.onMentionSearch;
+      if (!p || !search) {
+        setMention(null);
+        return;
+      }
+      const rect = p.clientRect?.() ?? null;
+      const base = { query: p.query, command: p.command, rect };
+      setMention((prev) => ({ ...base, status: "loading", items: prev?.query && p.query.startsWith(prev.query) ? prev.items : [] }));
+      setMentionIndex(0);
+      Promise.resolve().then(() => search(p.query)).then(
+        (found) => {
+          if (seq !== mentionSeq.current) return;
+          setMention({ ...base, status: "ready", items: usableCandidates(found ?? []) });
+        },
+        () => {
+          if (seq !== mentionSeq.current) return;
+          setMention({ ...base, status: "error", items: [] });
+        }
+      );
+    },
+    keyDown: ({ event }) => {
+      const { mention: open, mentionIndex: index } = mentionState.current;
+      if (!open) return false;
+      if (event.key === "Escape") {
+        mentionSeq.current += 1;
+        setMention(null);
+        return true;
+      }
+      const picks = open.status === "ready" ? open.items : [];
+      if (picks.length === 0) return false;
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        const delta = event.key === "ArrowDown" ? 1 : -1;
+        setMentionIndex((index + delta + picks.length) % picks.length);
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        const item = picks[Math.min(index, picks.length - 1)];
+        if (item) open.command(item);
+        return true;
+      }
+      return false;
+    }
+  };
   const headingKey = [...headingLevels].sort().join(",");
   const extensions = (0, import_react7.useMemo)(() => {
     const image = import_extension_image2.Image.extend({
@@ -2287,7 +2490,7 @@ function RichTextEditor(props) {
       renderHTML({ node, HTMLAttributes }) {
         const src = String(node.attrs.src ?? "");
         const resolved = latest.current.resolveImageSrc?.(src) ?? null;
-        if (resolved) return ["img", (0, import_core2.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, { src: resolved })];
+        if (resolved) return ["img", (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, { src: resolved })];
         return ["span", { class: "uix-rich-text__image-link", "data-src": src, title: src }, node.attrs.alt || src];
       }
     }).configure({ inline: true, allowBase64: false });
@@ -2302,7 +2505,7 @@ function RichTextEditor(props) {
         return findShortcode(name2)?.emoji ?? (name2 ? `:${name2}:` : "");
       },
       addInputRules() {
-        return [new import_core2.InputRule({
+        return [new import_core3.InputRule({
           find: SHORTCODE_RE,
           handler: ({ range, match, chain }) => {
             const item = findShortcode(match[1] ?? "");
@@ -2337,7 +2540,7 @@ function RichTextEditor(props) {
         })
       }
     });
-    const shortcuts = import_core2.Extension.create({
+    const shortcuts = import_core3.Extension.create({
       name: "uixRichTextShortcuts",
       addKeyboardShortcuts() {
         return {
@@ -2355,7 +2558,7 @@ function RichTextEditor(props) {
         };
       }
     });
-    const emojiImages = import_core2.Extension.create({
+    const emojiImages = import_core3.Extension.create({
       name: "uixEmojiImages",
       addProseMirrorPlugins() {
         const key = new import_state.PluginKey("uixEmojiImages");
@@ -2393,6 +2596,30 @@ function RichTextEditor(props) {
         })];
       }
     });
+    const mentionSuggest = import_core3.Extension.create({
+      name: "uixMentionSuggestion",
+      addProseMirrorPlugins() {
+        return [(0, import_suggestion.Suggestion)({
+          editor: this.editor,
+          char: "@",
+          pluginKey: mentionSuggestionKey,
+          items: () => [],
+          command: ({ editor: ed, range, props: item }) => {
+            ed.chain().focus().insertContentAt(range, [
+              { type: "mention", attrs: { id: item.id, label: item.label.replace(/\s+/gu, " ").trim() } },
+              { type: "text", text: " " }
+            ]).run();
+          },
+          allow: ({ state: state2, range }) => !state2.doc.resolve(range.from).parent.type.spec.code,
+          render: () => ({
+            onStart: (p) => mentionBridge.current.update(p),
+            onUpdate: (p) => mentionBridge.current.update(p),
+            onExit: () => mentionBridge.current.update(null),
+            onKeyDown: (p) => mentionBridge.current.keyDown(p)
+          })
+        })];
+      }
+    });
     return [
       ...createSchemaExtensions({
         headingLevels: headingKey.split(",").map(Number),
@@ -2403,9 +2630,10 @@ function RichTextEditor(props) {
       import_extensions.Placeholder.configure({ placeholder: () => latest.current.placeholder ?? "" }),
       shortcuts,
       ...emoji ? [unicodeEmoji] : [],
-      ...emojiBase ? [emojiImages] : []
+      ...emojiBase ? [emojiImages] : [],
+      ...mentionsOn ? [mentionSuggest] : []
     ];
-  }, [headingKey, emoji, emojiBase]);
+  }, [headingKey, emoji, emojiBase, mentionsOn]);
   const managerOf = (ed) => {
     const manager = ed.markdown ?? ed.storage.markdown.manager;
     return patchManager(manager);
@@ -2487,6 +2715,8 @@ function RichTextEditor(props) {
   const invalid = props["aria-invalid"] || over;
   const describedBy = [props["aria-describedby"], maxLength !== void 0 ? counterId : void 0, status ? statusId : void 0].filter(Boolean).join(" ") || void 0;
   const suggestOpen = !!suggest && mode === "rich";
+  const mentionOpen = !suggestOpen && !!mention && mode === "rich";
+  const mentionActive = mentionOpen && mention?.status === "ready" && mention.items.length > 0 ? `${mentionId}-${Math.min(mentionIndex, mention.items.length - 1)}` : void 0;
   const rows = minRows ?? (variant === "composer" ? 3 : 4);
   (0, import_react7.useEffect)(() => {
     if (!editor || editor.isDestroyed) return;
@@ -2504,9 +2734,9 @@ function RichTextEditor(props) {
           "aria-required": htmlAttr(props["aria-required"]),
           "aria-disabled": htmlAttr(disabled),
           "aria-readonly": htmlAttr(readOnly),
-          "aria-autocomplete": emoji ? "list" : void 0,
-          "aria-controls": suggestOpen ? suggestId : void 0,
-          "aria-activedescendant": suggestOpen ? `${suggestId}-${suggestIndex}` : void 0,
+          "aria-autocomplete": emoji || mentionsOn ? "list" : void 0,
+          "aria-controls": suggestOpen ? suggestId : mentionOpen ? mentionId : void 0,
+          "aria-activedescendant": suggestOpen ? `${suggestId}-${suggestIndex}` : mentionActive,
           class: "uix-rich-text__content uix-prose",
           style: `min-height: calc(${rows} * 1lh + 2 * var(--uix-space-3))`
         }).filter(([, v]) => v !== void 0))
@@ -2527,7 +2757,11 @@ function RichTextEditor(props) {
     suggestOpen,
     suggestId,
     suggestIndex,
-    rows
+    rows,
+    mentionsOn,
+    mentionOpen,
+    mentionId,
+    mentionActive
   ]);
   const state = (0, import_react8.useEditorState)({
     editor,
@@ -2881,6 +3115,16 @@ function RichTextEditor(props) {
         onPick: (item) => suggest.command(item),
         renderEmoji
       }
+    ) : null,
+    mentionOpen && mention ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      MentionSuggestions,
+      {
+        id: mentionId,
+        labels,
+        state: mention,
+        active: Math.min(mentionIndex, Math.max(mention.items.length - 1, 0)),
+        onPick: (item) => mention.command(item)
+      }
     ) : null
   ] });
   const counter = maxLength !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { id: counterId, className: "uix-rich-text__counter", "data-over": over || void 0, children: formatLabel(labels.characterCount, { count: markdown.length, max: maxLength }) }) : null;
@@ -2915,8 +3159,7 @@ function RichTextEditor(props) {
     hidden
   ] });
 }
-function EmojiSuggestions({ id, label, items, query, active, rect, onPick, renderEmoji }) {
-  const listRef = (0, import_react7.useRef)(null);
+function useCaretPosition(listRef, rect, size) {
   const [pos, setPos] = (0, import_react7.useState)(null);
   (0, import_react7.useEffect)(() => {
     const el = listRef.current;
@@ -2929,7 +3172,71 @@ function EmojiSuggestions({ id, label, items, query, active, rect, onPick, rende
       { placement: "bottom-start", offset: 4, padding: 8 }
     );
     setPos({ x: result.x, y: result.y });
-  }, [rect, items.length]);
+  }, [listRef, rect, size]);
+  return pos;
+}
+function MentionSuggestions({ id, labels, state, active, onPick }) {
+  const listRef = (0, import_react7.useRef)(null);
+  const items = state.status === "ready" ? state.items : [];
+  const pos = useCaretPosition(listRef, state.rect, `${state.status}:${items.length}`);
+  (0, import_react7.useEffect)(() => {
+    document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: "nearest" });
+  }, [active, id]);
+  const style = { left: pos?.x ?? -9999, top: pos?.y ?? -9999 };
+  if (items.length === 0) {
+    const note = state.status === "loading" ? labels.mentionSearching : state.status === "error" ? labels.mentionFailed : labels.mentionEmpty;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        ref: listRef,
+        id,
+        role: "status",
+        "aria-label": labels.mentionSuggestions,
+        className: "uix-rich-text__suggest",
+        "data-mention-list": "",
+        "data-state": state.status === "ready" ? "empty" : state.status,
+        style,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "uix-rich-text__suggest-note", children: note })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    {
+      ref: listRef,
+      id,
+      role: "listbox",
+      "aria-label": labels.mentionSuggestions,
+      "aria-busy": state.status === "loading" || void 0,
+      className: "uix-rich-text__suggest",
+      "data-mention-list": "",
+      "data-state": "ready",
+      style,
+      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "div",
+        {
+          id: `${id}-${i}`,
+          role: "option",
+          "aria-selected": i === active,
+          className: "uix-rich-text__suggest-item uix-rich-text__suggest-item--person",
+          "data-mention-id": item.id,
+          onMouseDown: (event) => {
+            event.preventDefault();
+            onPick(item);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-rich-text__suggest-label", children: item.label }),
+            item.description ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-rich-text__suggest-detail", children: item.description }) : null
+          ]
+        },
+        item.id
+      ))
+    }
+  );
+}
+function EmojiSuggestions({ id, label, items, query, active, rect, onPick, renderEmoji }) {
+  const listRef = (0, import_react7.useRef)(null);
+  const pos = useCaretPosition(listRef, rect, items.length);
   (0, import_react7.useEffect)(() => {
     document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: "nearest" });
   }, [active, id]);
@@ -2979,8 +3286,13 @@ async function roundTripMarkdown(markdown, options) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DEFAULT_RICH_TEXT_LABELS,
+  MENTION_SCHEME,
   RichTextEditor,
   RichTextEditorFallback,
   emojiImageFileName,
+  findMentions,
+  formatMention,
+  isMentionId,
+  readMention,
   roundTripMarkdown
 });