@meistrari/minuta-editor 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1887 @@
+import { Node as Node$1, mergeAttributes, Mark, Extension, Editor } from '@tiptap/core';
+import BubbleMenu from '@tiptap/extension-bubble-menu';
+import Bold from '@tiptap/extension-bold';
+import Blockquote from '@tiptap/extension-blockquote';
+import BulletList from '@tiptap/extension-bullet-list';
+import Code from '@tiptap/extension-code';
+import CodeBlock from '@tiptap/extension-code-block';
+import Dropcursor from '@tiptap/extension-dropcursor';
+import Gapcursor from '@tiptap/extension-gapcursor';
+import HardBreak from '@tiptap/extension-hard-break';
+import Heading from '@tiptap/extension-heading';
+import History from '@tiptap/extension-history';
+import HorizontalRule from '@tiptap/extension-horizontal-rule';
+import Italic from '@tiptap/extension-italic';
+import ListItem from '@tiptap/extension-list-item';
+import OrderedList from '@tiptap/extension-ordered-list';
+import Paragraph from '@tiptap/extension-paragraph';
+import Strike from '@tiptap/extension-strike';
+import Text from '@tiptap/extension-text';
+import Table from '@tiptap/extension-table';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
+import TableRow from '@tiptap/extension-table-row';
+import { Plugin } from '@tiptap/pm/state';
+import { s as sanitizeRichHtml, P as PocPaginationPlugin, a as sanitizeFootnoteHtml, c as computePocBreaks, b as pocPageKey, d as breaksEqual, e as PAGINATE_META } from './shared/minuta-editor.b2512170.mjs';
+export { j as buildPocFooterEl, h as buildPocHeaderEl, k as buildPocNotesEl, o as computePocLoneRows, f as footnoteHtmlToRuns, q as footnoteSizePt, i as isPocChromeCanvas, l as isPocFlexRow, g as pocChromeFlowHeight, p as pocLoneCellIndex, m as pocNodeHasVisibleContent, n as pocNodePaintsBox, r as shouldMoveBreakToHeading } from './shared/minuta-editor.b2512170.mjs';
+import '@tiptap/pm/view';
+
+const POC_ASSET_SWAP = "pocAssetSwap";
+function htmlToDom(html) {
+  const tpl = document.createElement("template");
+  tpl.innerHTML = sanitizeRichHtml(html);
+  return tpl.content.firstElementChild ?? document.createElement("div");
+}
+const PocDocument = Node$1.create({
+  name: "doc",
+  topNode: true,
+  content: "minutaBlock+"
+});
+const PocMinutaBlock = Node$1.create({
+  name: "minutaBlock",
+  group: "block",
+  content: "block+",
+  defining: true,
+  isolating: true,
+  addAttributes() {
+    return {
+      blockId: { default: null },
+      blockTitle: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "div[data-minuta-block]",
+      priority: 120,
+      getAttrs: (el) => ({
+        blockId: el.getAttribute("data-block-id"),
+        blockTitle: el.getAttribute("data-block-title")
+      })
+    }];
+  },
+  renderHTML({ HTMLAttributes, node }) {
+    return ["div", mergeAttributes(HTMLAttributes, {
+      "data-minuta-block": "",
+      "data-block-id": node.attrs.blockId,
+      "data-block-title": node.attrs.blockTitle,
+      "class": "poc-minuta-block"
+    }), 0];
+  }
+});
+const PocHtmlIsland = Node$1.create({
+  name: "htmlIsland",
+  group: "block",
+  atom: true,
+  selectable: true,
+  // atomos arrastáveis: mover imagens/tabelas pelo documento
+  draggable: true,
+  addAttributes() {
+    return { html: { default: "" } };
+  },
+  parseHTML() {
+    const capture = (el) => ({ html: el.outerHTML });
+    return ["ul", "ol", "img", "figure", "svg"].map((tag) => ({
+      tag,
+      priority: 100,
+      getAttrs: capture
+    }));
+  },
+  renderHTML({ node }) {
+    return htmlToDom(node.attrs.html);
+  },
+  addNodeView() {
+    return ({ node, getPos, editor }) => {
+      const dom = document.createElement("div");
+      dom.className = "poc-island";
+      dom.contentEditable = "false";
+      dom.innerHTML = sanitizeRichHtml(node.attrs.html);
+      const img = dom.children.length === 1 && dom.firstElementChild instanceof HTMLImageElement ? dom.firstElementChild : null;
+      if (img)
+        dom.classList.add("poc-island--img");
+      if (img && editor.isEditable) {
+        const handle = document.createElement("div");
+        handle.className = "poc-img-handle";
+        handle.title = "Arraste para redimensionar";
+        dom.appendChild(handle);
+        let startX = 0;
+        let startWidth = 0;
+        let scale = 1;
+        let maxWidth = Number.POSITIVE_INFINITY;
+        const onMove = (event) => {
+          const width = Math.round(startWidth + (event.clientX - startX) / scale);
+          img.style.width = `${Math.min(maxWidth, Math.max(40, width))}px`;
+          img.style.height = "auto";
+        };
+        const onUp = () => {
+          document.removeEventListener("mousemove", onMove);
+          document.removeEventListener("mouseup", onUp);
+          const pos = typeof getPos === "function" ? getPos() : null;
+          if (typeof pos === "number") {
+            const clone = dom.cloneNode(true);
+            clone.querySelector(".poc-img-handle")?.remove();
+            editor.view.dispatch(
+              editor.state.tr.setNodeMarkup(pos, void 0, { html: clone.innerHTML })
+            );
+          }
+        };
+        handle.addEventListener("mousedown", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          startX = event.clientX;
+          startWidth = img.offsetWidth;
+          scale = img.offsetWidth ? img.getBoundingClientRect().width / img.offsetWidth : 1;
+          maxWidth = dom.parentElement?.clientWidth || Number.POSITIVE_INFINITY;
+          document.addEventListener("mousemove", onMove);
+          document.addEventListener("mouseup", onUp);
+        });
+      }
+      return { dom };
+    };
+  }
+});
+let missingImageSeq = 0;
+function nextMissingImageUid() {
+  missingImageSeq += 1;
+  return `mi-${missingImageSeq}`;
+}
+const MISSING_IMAGE_BOX_STYLE = "box-sizing: border-box; max-width: 100%; border: 2px dashed rgba(223, 139, 13, 0.43); padding: 16px; margin: 12px 0; border-radius: 8px; background-color: rgba(254, 174, 0, 0.03); color: rgb(119, 54, 19); text-align: center; box-shadow: inset 0 0 8px #e6510011;";
+const MISSING_IMAGE_ROW_STYLE = "display: flex; align-items: center; justify-content: center; gap: 8px;";
+const PocMissingImage = Node$1.create({
+  name: "missingImage",
+  group: "block",
+  atom: true,
+  selectable: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      variableId: { default: null },
+      parentBlockId: { default: null },
+      /**
+       * Identidade do nó DENTRO desta sessão do editor.
+       *
+       * Um fluxo demorado (escolher arquivo + upload) precisa voltar
+       * exatamente ao aviso que foi clicado. Posição não serve: o
+       * documento muda no meio. Tipo + variável também não: o mesmo
+       * aviso pode aparecer várias vezes, e um delete+insert põe outro
+       * igual no mesmo lugar. Com um id por nó, achar é inequívoco —
+       * se ele sumiu, não achamos; se ele andou, achamos onde parou.
+       *
+       * Gerado no parse e NÃO serializado: vale enquanto o editor viver,
+       * que é o tempo de vida do fluxo. Colar um aviso passa pelo parse
+       * de novo e ganha id próprio, então nunca há dois iguais.
+       */
+      uid: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "div.missing-image-warning",
+      // acima do styledDiv (40), senão a caixa vira container editável de novo
+      priority: 120,
+      getAttrs: (el) => ({
+        variableId: el.getAttribute("data-variable-id"),
+        parentBlockId: el.getAttribute("data-parent-block-id"),
+        uid: nextMissingImageUid()
+      })
+    }];
+  },
+  renderHTML({ node }) {
+    return [
+      "div",
+      {
+        "class": "missing-image-warning",
+        "data-variable-id": node.attrs.variableId ?? "",
+        "data-parent-block-id": node.attrs.parentBlockId ?? "",
+        "style": MISSING_IMAGE_BOX_STYLE
+        // `uid` fica de fora de propósito: é identidade de sessão, não dado
+      },
+      ["span", { style: MISSING_IMAGE_ROW_STYLE }, `A imagem ${node.attrs.variableId ?? ""} est\xE1 faltando`]
+    ];
+  },
+  addNodeView() {
+    return ({ node, getPos, editor }) => {
+      const dom = document.createElement("div");
+      dom.className = "poc-missing-image";
+      dom.contentEditable = "false";
+      const caixa = document.createElement("div");
+      caixa.className = "missing-image-warning";
+      caixa.setAttribute("style", MISSING_IMAGE_BOX_STYLE);
+      const linha = document.createElement("span");
+      linha.setAttribute("style", MISSING_IMAGE_ROW_STYLE);
+      linha.textContent = `\u26A0 A imagem ${node.attrs.variableId ?? ""} est\xE1 faltando`;
+      caixa.appendChild(linha);
+      dom.appendChild(caixa);
+      if (!editor.isEditable)
+        return { dom };
+      caixa.style.position = "relative";
+      caixa.style.cursor = "pointer";
+      caixa.title = "Clique para escolher uma imagem";
+      const remover = document.createElement("button");
+      remover.type = "button";
+      remover.className = "poc-missing-image__remove";
+      remover.title = "Remover este aviso";
+      remover.setAttribute("aria-label", "Remover este aviso");
+      remover.textContent = "\xD7";
+      remover.addEventListener("mousedown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const pos = typeof getPos === "function" ? getPos() : null;
+        if (typeof pos === "number")
+          editor.view.dispatch(editor.state.tr.delete(pos, pos + node.nodeSize));
+      });
+      caixa.appendChild(remover);
+      dom.addEventListener("click", (event) => {
+        if (event.target.closest(".poc-missing-image__remove"))
+          return;
+        event.preventDefault();
+        const pos = typeof getPos === "function" ? getPos() : null;
+        window.dispatchEvent(new CustomEvent("poc:pick-image", {
+          detail: { variableId: node.attrs.variableId, uid: node.attrs.uid, hintPos: pos }
+        }));
+      });
+      return { dom };
+    };
+  }
+});
+const PocVariableChip = Node$1.create({
+  name: "variableChip",
+  inline: true,
+  group: "inline",
+  atom: true,
+  selectable: true,
+  addAttributes() {
+    return {
+      variableId: { default: null },
+      parentBlockId: { default: null },
+      html: { default: "" },
+      text: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "span[data-variable-id]",
+      priority: 110,
+      getAttrs: (el) => ({
+        variableId: el.getAttribute("data-variable-id"),
+        parentBlockId: el.getAttribute("data-parent-block-id"),
+        html: el.outerHTML,
+        text: el.textContent ?? ""
+      })
+    }];
+  },
+  renderHTML({ node }) {
+    return htmlToDom(node.attrs.html);
+  },
+  addNodeView() {
+    return ({ node, editor }) => {
+      const dom = document.createElement("span");
+      dom.className = "poc-varchip";
+      dom.contentEditable = "false";
+      dom.innerHTML = sanitizeRichHtml(node.attrs.html);
+      dom.addEventListener("click", (event) => {
+        event.preventDefault();
+        editor.view.dom.dispatchEvent(new CustomEvent("poc:variable-click", {
+          bubbles: true,
+          detail: {
+            variableId: node.attrs.variableId,
+            parentBlockId: node.attrs.parentBlockId,
+            text: node.attrs.text
+          }
+        }));
+      });
+      return { dom };
+    };
+  }
+});
+function variableChipHtml(currentHtml, text) {
+  const tpl = document.createElement("template");
+  tpl.innerHTML = sanitizeRichHtml(currentHtml);
+  const el = tpl.content.firstElementChild;
+  if (!el)
+    return currentHtml;
+  el.textContent = text;
+  return el.outerHTML;
+}
+function readCatalog(catalog) {
+  return typeof catalog === "function" ? catalog() : catalog;
+}
+const PocTemplateVariable = Node$1.create({
+  name: "templateVariable",
+  inline: true,
+  group: "inline",
+  atom: true,
+  selectable: true,
+  addOptions() {
+    return { catalog: [] };
+  },
+  addAttributes() {
+    return {
+      varKey: { default: null },
+      label: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{
+      // acima do PocInlineStyle (40): é nó, não span estilizado
+      tag: "span[data-minuta-var]",
+      priority: 115,
+      getAttrs: (el) => {
+        const key = el.getAttribute("data-minuta-var")?.trim();
+        if (!key)
+          return false;
+        return {
+          varKey: key,
+          label: el.getAttribute("data-minuta-var-label")?.trim() || el.textContent?.trim() || key
+        };
+      }
+    }];
+  },
+  renderHTML({ node }) {
+    const key = node.attrs.varKey ?? "";
+    const label = node.attrs.label || key;
+    return ["span", {
+      "data-minuta-var": key,
+      "data-minuta-var-label": label,
+      "class": "poc-tplvar"
+    }, label];
+  },
+  addNodeView() {
+    return ({ node }) => {
+      const key = node.attrs.varKey ?? "";
+      const catalog = readCatalog(this.options.catalog);
+      const def = catalog.find((item) => item.key === key);
+      const dom = document.createElement("span");
+      dom.className = "poc-tplvar";
+      dom.contentEditable = "false";
+      dom.setAttribute("data-minuta-var", key);
+      dom.textContent = def?.label || node.attrs.label || key;
+      dom.title = def?.description ? `${key} \u2014 ${def.description}` : key;
+      if (catalog.length && !def)
+        dom.classList.add("poc-tplvar--unknown");
+      return { dom };
+    };
+  },
+  addCommands() {
+    return {
+      insertTemplateVariable: (variable) => ({ commands }) => commands.insertContent({
+        type: "templateVariable",
+        attrs: { varKey: variable.key, label: variable.label }
+      })
+    };
+  }
+});
+const PocFootnoteRef = Node$1.create({
+  name: "footnoteRef",
+  inline: true,
+  group: "inline",
+  atom: true,
+  selectable: false,
+  addAttributes() {
+    return {
+      number: { default: "" },
+      /** conteúdo da nota em HTML de ênfase (b/i/u/br) */
+      text: { default: "" },
+      /** corpo declarado no template (`font-size: 9pt`), em pontos */
+      size: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "sup[data-footnote]",
+      priority: 110,
+      getAttrs: (el) => ({
+        number: el.textContent ?? "",
+        text: el.getAttribute("data-footnote") ?? "",
+        size: Number.parseFloat(el.getAttribute("data-footnote-size") ?? "") || null
+      })
+    }];
+  },
+  renderHTML({ node }) {
+    const attrs = { "data-footnote": node.attrs.text, "class": "poc-footnote" };
+    if (node.attrs.size)
+      attrs["data-footnote-size"] = String(node.attrs.size);
+    return ["sup", attrs, node.attrs.number];
+  },
+  addNodeView() {
+    return ({ node, editor, getPos }) => {
+      const dom = document.createElement("sup");
+      dom.className = "poc-footnote";
+      dom.contentEditable = "false";
+      dom.textContent = node.attrs.number;
+      dom.title = node.attrs.text;
+      dom.addEventListener("click", (event) => {
+        if (!editor.isEditable || typeof getPos !== "function")
+          return;
+        event.preventDefault();
+        event.stopPropagation();
+        const pos = getPos();
+        if (pos == null)
+          return;
+        editor.view.dom.dispatchEvent(new CustomEvent("poc:edit-footnote", { detail: { pos }, bubbles: true }));
+      });
+      return { dom };
+    };
+  }
+});
+function renumberPocFootnotes(editor) {
+  if (!editor || editor.isDestroyed)
+    return;
+  const tr = editor.state.tr;
+  let index = 0;
+  let touched = false;
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name !== "footnoteRef")
+      return;
+    index++;
+    const number = String(index);
+    if (node.attrs.number !== number) {
+      tr.setNodeMarkup(pos, void 0, { ...node.attrs, number });
+      touched = true;
+    }
+  });
+  if (touched)
+    editor.view.dispatch(tr);
+}
+const PocStyledDiv = Node$1.create({
+  name: "styledDiv",
+  group: "block",
+  content: "block+",
+  addAttributes() {
+    const passthrough = (name) => ({
+      default: null,
+      parseHTML: (el) => el.getAttribute(name),
+      renderHTML: (attrs) => attrs[name] != null ? { [name]: attrs[name] } : {}
+    });
+    return {
+      "style": { default: null },
+      "class": { default: null },
+      // alinhamento de colunas do template (usado pelo CSS de centralização de imagens)
+      "data-horizontal-align": passthrough("data-horizontal-align"),
+      "data-vertical-align": passthrough("data-vertical-align"),
+      "data-width": passthrough("data-width")
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "div",
+      priority: 40,
+      getAttrs: (el) => {
+        if (el.hasAttribute("data-minuta-block"))
+          return false;
+        return { style: el.getAttribute("style"), class: el.getAttribute("class") };
+      }
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes), 0];
+  }
+});
+const PocInlineStyle = Mark.create({
+  name: "inlineStyle",
+  addAttributes() {
+    return {
+      style: { default: null },
+      class: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: "span",
+      priority: 40,
+      getAttrs: (el) => {
+        if (el.hasAttribute("data-variable-id") || el.hasAttribute("data-minuta-var"))
+          return false;
+        const style = el.getAttribute("style");
+        const cls = el.getAttribute("class");
+        if (!style && !cls)
+          return false;
+        return { style, class: cls };
+      }
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", mergeAttributes(HTMLAttributes), 0];
+  }
+});
+const PocUnderline = Mark.create({
+  name: "underline",
+  parseHTML() {
+    return [
+      { tag: "u" },
+      { style: "text-decoration", consuming: false, getAttrs: (value) => value.includes("underline") ? {} : false }
+    ];
+  },
+  renderHTML() {
+    return ["u", 0];
+  },
+  addCommands() {
+    return {
+      toggleUnderline: () => ({ commands }) => commands.toggleMark("underline")
+    };
+  }
+});
+const PocStylePassthrough = Extension.create({
+  name: "pocStylePassthrough",
+  addGlobalAttributes() {
+    const attr = (name) => ({
+      default: null,
+      parseHTML: (el) => el.getAttribute(name),
+      renderHTML: (attrs) => attrs[name] ? { [name]: attrs[name] } : {}
+    });
+    return [{
+      types: ["paragraph", "heading", "blockquote", "table", "tableRow", "tableCell", "tableHeader"],
+      attributes: { style: attr("style"), class: attr("class") }
+    }];
+  }
+});
+function buildPocExtensions(pageConfig, options) {
+  const extensions = [
+    PocDocument,
+    // As mesmas extensões, na mesma ordem, que `StarterKit.configure({ document: false })`
+    // instanciava (2.11.9) — a ordem entra no schema (precedência de marks) e na
+    // ordem dos plugins. Individuais, e não o meta-pacote, por causa de quem
+    // INSTALA: o starter-kit declara as extensions com `^2.11.9`, e o `npm install`
+    // de um consumidor resolvia versões mais novas, que importam do core símbolos
+    // que o 2.11.9 não tem (`canInsertNode`). `overrides` não viajam no pacote;
+    // dependência direta pinada viaja.
+    Bold,
+    Blockquote,
+    BulletList,
+    Code,
+    CodeBlock,
+    Dropcursor,
+    Gapcursor,
+    HardBreak,
+    Heading,
+    History,
+    HorizontalRule,
+    Italic,
+    ListItem,
+    OrderedList,
+    Paragraph,
+    Strike,
+    Text,
+    Table.configure({ resizable: true }),
+    TableRow,
+    TableCell,
+    TableHeader,
+    PocMinutaBlock,
+    PocHtmlIsland,
+    PocMissingImage,
+    PocVariableChip,
+    PocTemplateVariable.configure({ catalog: options?.variables ?? [] }),
+    PocFootnoteRef,
+    PocStyledDiv,
+    PocInlineStyle,
+    PocUnderline,
+    PocStylePassthrough
+  ];
+  const handleKeyDown = options?.handleKeyDown;
+  if (handleKeyDown) {
+    extensions.push(Extension.create({
+      name: "pocKeyDownFirst",
+      // acima do StarterKit (100): o ExtensionManager ordena os plugins
+      // por prioridade, e é essa ordem que o someProp percorre
+      priority: 1e3,
+      addProseMirrorPlugins() {
+        return [new Plugin({ props: { handleKeyDown } })];
+      }
+    }));
+  }
+  if (pageConfig) {
+    extensions.push(Extension.create({
+      name: "pocPagination",
+      addProseMirrorPlugins() {
+        return [PocPaginationPlugin(pageConfig)];
+      }
+    }));
+  }
+  return extensions;
+}
+
+const VARIABLE_TAG_RE = /<span\b[^>]*\bdata-minuta-var="([^"]*)"[^>]*>[^<]*<\/span>/g;
+function escapeHtml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function decodeAttr(value) {
+  return value.replace(/&quot;/g, '"').replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&amp;/g, "&");
+}
+function extractTemplateVariables(html) {
+  if (!html)
+    return [];
+  const keys = [];
+  for (const match of html.matchAll(VARIABLE_TAG_RE)) {
+    const key = decodeAttr(match[1] ?? "").trim();
+    if (key && !keys.includes(key))
+      keys.push(key);
+  }
+  return keys;
+}
+function resolveTemplateVariables(html, values) {
+  if (!html)
+    return { html: "", missing: [] };
+  const missing = [];
+  const resolved = html.replace(VARIABLE_TAG_RE, (tag, rawKey) => {
+    const key = decodeAttr(rawKey ?? "").trim();
+    if (!key)
+      return tag;
+    const value = values?.[key];
+    if (typeof value !== "string" || !value.trim()) {
+      if (!missing.includes(key))
+        missing.push(key);
+      return tag;
+    }
+    return escapeHtml(value).replace(/\r?\n/g, "<br>");
+  });
+  return { html: resolved, missing };
+}
+
+function escapeAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function escapeVaultAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function decodeVaultAttr(value) {
+  return value.replace(/&quot;/g, '"').replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&amp;/g, "&");
+}
+function vaultImageHtml(src, vaultUrl) {
+  return `<img src="${escapeAttr(src)}" data-vault-src="${escapeVaultAttr(vaultUrl)}" style="width: 420px; height: auto; max-width: 100%;">`;
+}
+
+function h(tag, attrs = {}, children = []) {
+  const el = document.createElement(tag);
+  if (attrs.class)
+    el.className = attrs.class;
+  if (attrs.title)
+    el.title = attrs.title;
+  if (attrs.type && "type" in el)
+    el.type = attrs.type;
+  if (typeof attrs.style === "string")
+    el.setAttribute("style", attrs.style);
+  else if (attrs.style)
+    Object.assign(el.style, attrs.style);
+  if (attrs.attrs) {
+    for (const [k, v] of Object.entries(attrs.attrs))
+      el.setAttribute(k, v);
+  }
+  if (attrs.text != null)
+    el.textContent = attrs.text;
+  if (attrs.html != null)
+    el.innerHTML = attrs.html;
+  if (attrs.on) {
+    for (const [name, fn] of Object.entries(attrs.on)) {
+      if (fn)
+        el.addEventListener(name, fn);
+    }
+  }
+  for (const child of children) {
+    if (child === null || child === void 0 || child === false)
+      continue;
+    el.append(typeof child === "string" ? document.createTextNode(child) : child);
+  }
+  return el;
+}
+function replaceChildren(el, children) {
+  el.replaceChildren(...children.filter((c) => c !== null && c !== void 0 && c !== false));
+}
+function toggleClass(el, cls, on) {
+  el.classList.toggle(cls, on);
+}
+
+const ICON_PATHS = {
+  "arrow-u-up-left": "M232,144a64.07,64.07,0,0,1-64,64H80a8,8,0,0,1,0-16h88a48,48,0,0,0,0-96H51.31l34.35,34.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,45.66L51.31,80H168A64.07,64.07,0,0,1,232,144Z",
+  "arrow-u-up-right": "M170.34,130.34,204.69,96H88a48,48,0,0,0,0,96h88a8,8,0,0,1,0,16H88A64,64,0,0,1,88,80H204.69L170.34,45.66a8,8,0,0,1,11.32-11.32l48,48a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32-11.32Z",
+  "highlighter": "M253.66,106.34a8,8,0,0,0-11.32,0L192,156.69,107.31,72l50.35-50.34a8,8,0,1,0-11.32-11.32L96,60.69A16,16,0,0,0,93.18,79.5L72,100.69a16,16,0,0,0,0,22.62L76.69,128,18.34,186.34a8,8,0,0,0,3.13,13.25l72,24A7.88,7.88,0,0,0,96,224a8,8,0,0,0,5.66-2.34L136,187.31l4.69,4.69a16,16,0,0,0,22.62,0l21.19-21.18A16,16,0,0,0,203.31,168l50.35-50.34A8,8,0,0,0,253.66,106.34ZM93.84,206.85l-55-18.35L88,139.31,124.69,176ZM152,180.69,83.31,112,104,91.31,172.69,160Z",
+  "text-align-left": "M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64Zm8,48H168a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Zm176,24H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm-48,40H40a8,8,0,0,0,0,16H168a8,8,0,0,0,0-16Z",
+  "text-align-center": "M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64ZM64,96a8,8,0,0,0,0,16H192a8,8,0,0,0,0-16Zm152,40H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm-24,40H64a8,8,0,0,0,0,16H192a8,8,0,0,0,0-16Z",
+  "text-align-right": "M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64ZM216,96H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,40H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,40H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z",
+  "text-align-justify": "M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64ZM216,96H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,40H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,40H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z",
+  "list-bullets": "M80,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H88A8,8,0,0,1,80,64Zm136,56H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,64H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM44,52A12,12,0,1,0,56,64,12,12,0,0,0,44,52Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,116Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,180Z",
+  "list-numbers": "M224,128a8,8,0,0,1-8,8H104a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM104,72H216a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16ZM216,184H104a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM43.58,55.16,48,52.94V104a8,8,0,0,0,16,0V40a8,8,0,0,0-11.58-7.16l-16,8a8,8,0,0,0,7.16,14.32ZM79.77,156.72a23.73,23.73,0,0,0-9.6-15.95,24.86,24.86,0,0,0-34.11,4.7,23.63,23.63,0,0,0-3.57,6.46,8,8,0,1,0,15,5.47,7.84,7.84,0,0,1,1.18-2.13,8.76,8.76,0,0,1,12-1.59A7.91,7.91,0,0,1,63.93,159a7.64,7.64,0,0,1-1.57,5.78,1,1,0,0,0-.08.11L33.59,203.21A8,8,0,0,0,40,216H72a8,8,0,0,0,0-16H56l19.08-25.53A23.47,23.47,0,0,0,79.77,156.72Z",
+  "image": "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z",
+  "brackets-curly": "M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z",
+  "note": "M88,96a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,96Zm8,40h64a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16Zm32,16H96a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM224,48V156.69A15.86,15.86,0,0,1,219.31,168L168,219.31A15.86,15.86,0,0,1,156.69,224H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM48,208H152V160a8,8,0,0,1,8-8h48V48H48Zm120-40v28.7L196.69,168Z",
+  "arrows-out-line-vertical": "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM101.66,53.66,120,35.31V96a8,8,0,0,0,16,0V35.31l18.34,18.35a8,8,0,0,0,11.32-11.32l-32-32a8,8,0,0,0-11.32,0l-32,32a8,8,0,0,0,11.32,11.32Zm52.68,148.68L136,220.69V160a8,8,0,0,0-16,0v60.69l-18.34-18.35a8,8,0,0,0-11.32,11.32l32,32a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z",
+  "eraser": "M225,80.4,183.6,39a24,24,0,0,0-33.94,0L31,157.66a24,24,0,0,0,0,33.94l30.06,30.06A8,8,0,0,0,66.74,224H216a8,8,0,0,0,0-16h-84.7L225,114.34A24,24,0,0,0,225,80.4ZM108.68,208H70.05L42.33,180.28a8,8,0,0,1,0-11.31L96,115.31,148.69,168Zm105-105L160,156.69,107.31,104,161,50.34a8,8,0,0,1,11.32,0l41.38,41.38a8,8,0,0,1,0,11.31Z"
+};
+function iconSvg(name, size = 16) {
+  const d = ICON_PATHS[name];
+  if (!d)
+    return "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="${d}"/></svg>`;
+}
+
+const DOC_FONTS = ["Arial", "Times New Roman", "Calibri", "Cambria", "Georgia", "Garamond", "Verdana", "Courier New"];
+const FOOTNOTE_SIZES = [7, 8, 9, 10, 11, 12];
+const FOOTNOTE_COLORS = ["#000000", "#6b7280", "#b91c1c", "#1d4ed8", "#047857"];
+function createFootnotePopover(opts) {
+  let state = null;
+  let el = null;
+  let input = null;
+  function exec(command) {
+    input?.focus();
+    document.execCommand(command);
+  }
+  function applyStyle(prop, value) {
+    const sel = window.getSelection();
+    if (!input || !sel || sel.rangeCount === 0)
+      return;
+    const range = sel.getRangeAt(0);
+    if (!input.contains(range.commonAncestorContainer) || range.collapsed)
+      return;
+    const span = document.createElement("span");
+    span.style.setProperty(prop, value);
+    span.appendChild(range.extractContents());
+    range.insertNode(span);
+    sel.removeAllRanges();
+    const next = document.createRange();
+    next.selectNodeContents(span);
+    sel.addRange(next);
+    input.focus();
+  }
+  function save() {
+    const ed = opts.editor;
+    const current = state;
+    const html = input ? sanitizeFootnoteHtml(input.innerHTML) : "";
+    close();
+    if (!current || ed.isDestroyed)
+      return;
+    const node = ed.state.doc.nodeAt(current.pos);
+    if (!node || node.type.name !== "footnoteRef")
+      return;
+    const text = html.trim();
+    if (!text)
+      ed.chain().focus().deleteRange({ from: current.pos, to: current.pos + node.nodeSize }).run();
+    else
+      ed.view.dispatch(ed.state.tr.setNodeMarkup(current.pos, void 0, { ...node.attrs, text }));
+    renumberPocFootnotes(ed);
+  }
+  function cancel() {
+    const ed = opts.editor;
+    const current = state;
+    close();
+    if (current?.isNew && !ed.isDestroyed) {
+      const node = ed.state.doc.nodeAt(current.pos);
+      if (node?.type.name === "footnoteRef" && !node.attrs.text)
+        ed.chain().focus().deleteRange({ from: current.pos, to: current.pos + node.nodeSize }).run();
+      renumberPocFootnotes(ed);
+    }
+  }
+  function remove() {
+    if (input)
+      input.innerHTML = "";
+    save();
+  }
+  function build(isNew) {
+    const stopMouse = (e) => e.preventDefault();
+    const fontSelect = h("select", { class: "poc-footnote-pop__select", title: "Fonte do trecho selecionado", on: {
+      mousedown: (e) => e.stopPropagation(),
+      change: () => {
+        if (fontSelect.value)
+          applyStyle("font-family", fontSelect.value);
+        fontSelect.value = "";
+      }
+    } }, [h("option", { text: "Fonte", attrs: { value: "" } }), ...DOC_FONTS.map((f) => h("option", { text: f, attrs: { value: f }, style: { fontFamily: f } }))]);
+    const sizeSelect = h("select", { class: "poc-footnote-pop__select poc-footnote-pop__select--narrow", title: "Tamanho do trecho selecionado", on: {
+      mousedown: (e) => e.stopPropagation(),
+      change: () => {
+        if (sizeSelect.value)
+          applyStyle("font-size", `${sizeSelect.value}pt`);
+        sizeSelect.value = "";
+      }
+    } }, [h("option", { text: "Tam.", attrs: { value: "" } }), ...FOOTNOTE_SIZES.map((s) => h("option", { text: String(s), attrs: { value: String(s) } }))]);
+    input = h("div", {
+      class: "poc-footnote-pop__input",
+      attrs: { "contenteditable": "true", "data-placeholder": "Escreva a nota\u2026" },
+      on: {
+        keydown: (event) => {
+          const plainEnter = event.key === "Enter" && !event.shiftKey && !event.ctrlKey && !event.metaKey && !event.altKey;
+          if (!plainEnter && event.key !== "Escape")
+            return;
+          event.preventDefault();
+          if (plainEnter)
+            save();
+          else
+            cancel();
+        }
+      }
+    });
+    return h("div", { class: "poc-footnote-pop", on: { click: (e) => e.stopPropagation() } }, [
+      h("div", { class: "poc-footnote-pop__head", text: "Nota de rodap\xE9" }),
+      h("div", { class: "poc-footnote-pop__toolbar" }, [
+        h("button", { type: "button", class: "poc-footnote-pop__tool font-bold", title: "Negrito", text: "B", on: { mousedown: stopMouse, click: () => exec("bold") } }),
+        h("button", { type: "button", class: "poc-footnote-pop__tool italic", title: "It\xE1lico", text: "I", on: { mousedown: stopMouse, click: () => exec("italic") } }),
+        h("button", { type: "button", class: "poc-footnote-pop__tool underline", title: "Sublinhado", text: "U", on: { mousedown: stopMouse, click: () => exec("underline") } }),
+        h("span", { class: "poc-footnote-pop__sep" }),
+        fontSelect,
+        sizeSelect,
+        h("span", { class: "poc-footnote-pop__sep" }),
+        ...FOOTNOTE_COLORS.map((color) => h("button", {
+          type: "button",
+          class: "poc-footnote-pop__swatch",
+          title: `Cor ${color}`,
+          style: { background: color },
+          on: { mousedown: stopMouse, click: () => applyStyle("color", color) }
+        }))
+      ]),
+      input,
+      h("div", { class: "poc-footnote-pop__actions" }, [
+        isNew ? null : h("button", { type: "button", class: "poc-footnote-pop__remove", text: "Remover", on: { click: remove } }),
+        h("span", { class: "poc-footnote-pop__spacer" }),
+        h("button", { type: "button", class: "poc-footnote-pop__cancel", text: "Cancelar", on: { click: cancel } }),
+        h("button", { type: "button", class: "poc-footnote-pop__save", text: "Salvar", on: { click: save } })
+      ])
+    ]);
+  }
+  function open(pos, isNew) {
+    const ed = opts.editor;
+    if (ed.isDestroyed)
+      return;
+    const node = ed.state.doc.nodeAt(pos);
+    if (!node || node.type.name !== "footnoteRef")
+      return;
+    const coords = opts.sheetCoords(pos);
+    if (!coords)
+      return;
+    close();
+    state = { pos, isNew };
+    el = build(isNew);
+    el.style.top = `${coords.top}px`;
+    el.style.left = `${Math.max(8, Math.min(coords.left, opts.host.clientWidth - 372))}px`;
+    opts.host.appendChild(el);
+    if (input) {
+      input.innerHTML = sanitizeFootnoteHtml(node.attrs.text ?? "");
+      input.focus();
+      const sel = window.getSelection();
+      if (sel) {
+        const range = document.createRange();
+        range.selectNodeContents(input);
+        range.collapse(false);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      }
+    }
+  }
+  function close() {
+    if (!el)
+      return;
+    el.remove();
+    el = null;
+    input = null;
+    state = null;
+    opts.onClose?.();
+  }
+  return {
+    open,
+    close,
+    isOpen: () => !!state,
+    destroy: close
+  };
+}
+
+const PALETTE = [
+  "#000000",
+  "#434343",
+  "#666666",
+  "#999999",
+  "#B7B7B7",
+  "#CCCCCC",
+  "#D9D9D9",
+  "#EFEFEF",
+  "#F3F3F3",
+  "#FFFFFF",
+  "#980000",
+  "#FF0000",
+  "#FF9900",
+  "#FFFF00",
+  "#00FF00",
+  "#00FFFF",
+  "#4A86E8",
+  "#0000FF",
+  "#9900FF",
+  "#FF00FF",
+  "#E6B8AF",
+  "#F4CCCC",
+  "#FCE5CD",
+  "#FFF2CC",
+  "#D9EAD3",
+  "#D0E0E3",
+  "#C9DAF8",
+  "#CFE2F3",
+  "#D9D2E9",
+  "#EAD1DC",
+  "#CC4125",
+  "#E06666",
+  "#F6B26B",
+  "#FFD966",
+  "#93C47D",
+  "#76A5AF",
+  "#6D9EEB",
+  "#6FA8DC",
+  "#8E7CC3",
+  "#C27BA0",
+  "#A61C00",
+  "#CC0000",
+  "#E69138",
+  "#F1C232",
+  "#6AA84F",
+  "#45818E",
+  "#3C78D8",
+  "#3D85C6",
+  "#674EA7",
+  "#A64D79"
+];
+const FONT_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 24, 30, 36];
+function currentFontSizePt(ed) {
+  const markStyle = ed.getAttributes("inlineStyle")?.style;
+  const fromMark = markStyle?.match(/font-size:\s*([\d.]+)\s*(pt|px)/i);
+  if (fromMark) {
+    const value = Number.parseFloat(fromMark[1]);
+    return Math.round(fromMark[2].toLowerCase() === "pt" ? value : value / (96 / 72));
+  }
+  try {
+    const { node, offset } = ed.view.domAtPos(ed.state.selection.from);
+    const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node.childNodes[offset] instanceof HTMLElement ? node.childNodes[offset] : node;
+    if (el instanceof HTMLElement)
+      return Math.round(Number.parseFloat(getComputedStyle(el).fontSize) / (96 / 72));
+  } catch {
+  }
+  return null;
+}
+function currentFontFamily(ed) {
+  const markStyle = ed.getAttributes("inlineStyle")?.style;
+  const fromMark = markStyle?.match(/font-family:\s*([^;]+)/i);
+  if (fromMark)
+    return fromMark[1].split(",")[0].trim().replace(/["']/g, "");
+  try {
+    const { node } = ed.view.domAtPos(ed.state.selection.from);
+    const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+    const family = el ? getComputedStyle(el).fontFamily : "";
+    return family.split(",")[0]?.trim().replace(/["']/g, "") || null;
+  } catch {
+    return null;
+  }
+}
+function createToolbar(actions) {
+  const ed = () => actions.editor();
+  let openPalette = null;
+  const tool = (title, content, onClick, extraClass = "") => {
+    const btn = h("button", { type: "button", class: `poc-tool ${extraClass}`.trim(), title, on: { click: onClick } });
+    if (typeof content === "string" && content.startsWith("<svg"))
+      btn.innerHTML = content;
+    else
+      btn.append(content);
+    return btn;
+  };
+  const sep = () => h("div", { class: "poc-tool-sep" });
+  const icon = (name) => iconSvg(name);
+  const fontSelect = h("select", { class: "poc-tool-select w-118px", title: "Fonte", on: {
+    change: () => {
+      if (fontSelect.value)
+        actions.mergeInlineStyle("font-family", fontSelect.value);
+    }
+  } });
+  const sizeSelect = h("select", { class: "poc-tool-select w-64px", title: "Tamanho da fonte", on: {
+    change: () => {
+      if (sizeSelect.value)
+        actions.mergeInlineStyle("font-size", `${sizeSelect.value}pt`);
+    }
+  } });
+  function fillSelect(select, placeholder, options, current, style) {
+    select.replaceChildren();
+    const ph = h("option", { text: placeholder, attrs: { value: "" } });
+    ph.disabled = true;
+    select.append(ph);
+    if (current != null && !options.map(String).includes(String(current)))
+      select.append(h("option", { text: String(current), attrs: { value: String(current) } }));
+    for (const opt of options)
+      select.append(h("option", { text: String(opt), attrs: { value: String(opt) }, style: style?.(String(opt)) }));
+    select.value = current != null ? String(current) : "";
+  }
+  function palette(apply) {
+    return h("div", { class: "poc-palette" }, [
+      ...PALETTE.map((c) => h("button", { type: "button", class: "poc-palette-swatch", title: c, style: { background: c }, on: { click: () => {
+        apply(c);
+        closePalettes();
+      } } })),
+      h("label", { class: "poc-palette-custom" }, [
+        "Personalizada",
+        h("input", { type: "color", on: { change: (e) => {
+          apply(e.target.value);
+          closePalettes();
+        } } })
+      ])
+    ]);
+  }
+  const colorPalette = palette((c) => actions.mergeInlineStyle("color", c));
+  const highlightPalette = palette((c) => actions.mergeInlineStyle("background-color", c));
+  colorPalette.hidden = true;
+  highlightPalette.hidden = true;
+  function togglePalette(which) {
+    openPalette = openPalette === which ? null : which;
+    colorPalette.hidden = openPalette !== "color";
+    highlightPalette.hidden = openPalette !== "highlight";
+  }
+  function closePalettes() {
+    openPalette = null;
+    colorPalette.hidden = true;
+    highlightPalette.hidden = true;
+  }
+  const colorBtn = tool("Cor do texto", h("span", { class: "font-semibold", text: "A" }), () => togglePalette("color"));
+  colorBtn.append(h("span", { class: "poc-color-underline" }));
+  const highlightBtn = tool("Cor de destaque", icon("highlighter"), () => togglePalette("highlight"));
+  const boldBtn = tool("Negrito", "B", () => ed()?.chain().focus().toggleBold().run(), "font-bold");
+  const italicBtn = tool("It\xE1lico", "I", () => ed()?.chain().focus().toggleItalic().run(), "italic");
+  const underlineBtn = tool("Sublinhado", "U", () => ed()?.chain().focus().toggleMark("underline").run(), "underline");
+  const strikeBtn = tool("Tachado", "S", () => ed()?.chain().focus().toggleStrike().run(), "line-through");
+  const bulletBtn = tool("Lista com marcadores", icon("list-bullets"), () => ed()?.chain().focus().toggleBulletList().run());
+  const orderedBtn = tool("Lista numerada", icon("list-numbers"), () => ed()?.chain().focus().toggleOrderedList().run());
+  const variableBtn = tool("Inserir vari\xE1vel (ou digite / no texto)", icon("brackets-curly"), actions.openVariablePicker);
+  const el = h("div", { class: "poc-toolbar", on: { click: (e) => e.stopPropagation() } }, [
+    tool("Desfazer", icon("arrow-u-up-left"), () => ed()?.chain().focus().undo().run()),
+    tool("Refazer", icon("arrow-u-up-right"), () => ed()?.chain().focus().redo().run()),
+    sep(),
+    fontSelect,
+    sizeSelect,
+    sep(),
+    boldBtn,
+    italicBtn,
+    underlineBtn,
+    strikeBtn,
+    sep(),
+    h("div", { class: "relative" }, [colorBtn, colorPalette]),
+    h("div", { class: "relative" }, [highlightBtn, highlightPalette]),
+    sep(),
+    tool("Alinhar \xE0 esquerda", icon("text-align-left"), () => actions.setAlignment("left")),
+    tool("Centralizar", icon("text-align-center"), () => actions.setAlignment("center")),
+    tool("Alinhar \xE0 direita", icon("text-align-right"), () => actions.setAlignment("right")),
+    tool("Justificar", icon("text-align-justify"), () => actions.setAlignment("justify")),
+    sep(),
+    bulletBtn,
+    orderedBtn,
+    sep(),
+    tool("Inserir imagem", icon("image"), actions.pickImage),
+    variableBtn,
+    tool("Inserir nota de rodap\xE9", icon("note"), actions.insertFootnote),
+    tool("Inserir quebra de p\xE1gina", icon("arrows-out-line-vertical"), actions.insertPageBreak),
+    tool("Limpar formata\xE7\xE3o", icon("eraser"), actions.clearFormatting)
+  ]);
+  function sync() {
+    const e = ed();
+    variableBtn.hidden = !actions.hasVariables();
+    toggleClass(variableBtn, "poc-tool--on", actions.isVariablePickerOpen());
+    if (!e || e.isDestroyed) {
+      for (const b of [boldBtn, italicBtn, underlineBtn, strikeBtn, bulletBtn, orderedBtn])
+        toggleClass(b, "poc-tool--on", false);
+      return;
+    }
+    toggleClass(boldBtn, "poc-tool--on", e.isActive("bold"));
+    toggleClass(italicBtn, "poc-tool--on", e.isActive("italic"));
+    toggleClass(underlineBtn, "poc-tool--on", e.isActive("underline"));
+    toggleClass(strikeBtn, "poc-tool--on", e.isActive("strike"));
+    toggleClass(bulletBtn, "poc-tool--on", e.isActive("bulletList"));
+    toggleClass(orderedBtn, "poc-tool--on", e.isActive("orderedList"));
+    const family = currentFontFamily(e);
+    if (fontSelect.dataset.current !== String(family)) {
+      fontSelect.dataset.current = String(family);
+      fillSelect(fontSelect, "Fonte", DOC_FONTS, family, (f) => ({ fontFamily: f }));
+    }
+    const size = currentFontSizePt(e);
+    if (sizeSelect.dataset.current !== String(size)) {
+      sizeSelect.dataset.current = String(size);
+      fillSelect(sizeSelect, "Tam.", FONT_SIZES, size);
+    }
+  }
+  sync();
+  return { el, sync, closePalettes, destroy: () => el.remove() };
+}
+
+function createVariablePicker(opts) {
+  let search = "";
+  let query = opts.query;
+  let activeIndex = 0;
+  const term = () => (query ?? search).trim().toLowerCase();
+  function filtered() {
+    const all = opts.variables();
+    const t = term();
+    if (!t)
+      return all;
+    return all.filter(
+      (v) => v.label.toLowerCase().includes(t) || v.key.toLowerCase().includes(t) || (v.description?.toLowerCase().includes(t) ?? false)
+    );
+  }
+  const list = h("div", { class: "poc-varpicker__list" });
+  const hint = h("div", { class: "poc-varpicker__hint" });
+  const input = h("input", {
+    class: "poc-varpicker__search",
+    attrs: { placeholder: "Buscar vari\xE1vel\u2026", spellcheck: "false" },
+    on: {
+      input: () => {
+        search = input.value;
+        activeIndex = 0;
+        render();
+      },
+      keydown: (event) => {
+        const handlers = {
+          ArrowDown: () => move(1),
+          ArrowUp: () => move(-1),
+          Enter: choose,
+          Escape: opts.onClose
+        };
+        const handler = handlers[event.key];
+        if (!handler)
+          return;
+        event.preventDefault();
+        handler();
+      }
+    }
+  });
+  const el = h("div", {
+    class: "poc-varpicker",
+    style: { top: `${opts.top}px`, left: `${opts.left}px` },
+    on: { click: (e) => e.stopPropagation() }
+  }, [query === void 0 ? input : hint, list]);
+  list.addEventListener("mousedown", (e) => e.preventDefault());
+  function render() {
+    const items = filtered();
+    if (query !== void 0) {
+      replaceChildren(hint, ["Vari\xE1vel", query ? ": " : "", query ? h("b", { text: query }) : null]);
+    }
+    if (!items.length) {
+      replaceChildren(list, [h("p", { class: "poc-varpicker__empty", text: "Nenhuma vari\xE1vel encontrada." })]);
+      return;
+    }
+    const rows = [];
+    let lastGroup = null;
+    items.forEach((variable, index) => {
+      const group = variable.group ?? null;
+      if (group && group !== lastGroup)
+        rows.push(h("div", { class: "poc-varpicker__group", text: group }));
+      lastGroup = group;
+      const btn = h("button", {
+        type: "button",
+        class: "poc-varpicker__item",
+        on: {
+          mouseenter: () => {
+            activeIndex = index;
+            syncActive();
+          },
+          click: () => opts.onSelect(variable)
+        }
+      }, [
+        h("span", { class: "poc-varpicker__label", text: variable.label }),
+        h("span", { class: "poc-varpicker__key", text: variable.key }),
+        variable.description ? h("span", { class: "poc-varpicker__desc", text: variable.description }) : null
+      ]);
+      btn.dataset.index = String(index);
+      rows.push(btn);
+    });
+    replaceChildren(list, rows);
+    syncActive();
+  }
+  function syncActive() {
+    for (const item of list.querySelectorAll(".poc-varpicker__item"))
+      toggleClass(item, "poc-varpicker__item--on", item.dataset.index === String(activeIndex));
+  }
+  function move(delta) {
+    const total = filtered().length;
+    if (!total)
+      return;
+    activeIndex = (activeIndex + delta + total) % total;
+    syncActive();
+  }
+  function choose() {
+    const variable = filtered()[activeIndex];
+    if (variable)
+      opts.onSelect(variable);
+  }
+  render();
+  return {
+    el,
+    move,
+    choose,
+    hasResults: () => filtered().length > 0,
+    setQuery: (q) => {
+      query = q;
+      activeIndex = 0;
+      render();
+    },
+    setPosition: (top, left) => {
+      el.style.top = `${top}px`;
+      el.style.left = `${left}px`;
+    },
+    destroy: () => el.remove()
+  };
+}
+function focusVariablePicker(picker) {
+  picker.el.querySelector(".poc-varpicker__search")?.focus();
+}
+
+const A4_WIDTH_PX = 794;
+const A4_HEIGHT_PX = 1123;
+const PAGE_GAP_PX = 32;
+const DEFAULT_MARGINS = { top: 95, right: 113, bottom: 95, left: 113 };
+function createMinutaEditor(element, opts) {
+  let editable = opts.editable ?? true;
+  const margins = { ...opts.margins ?? DEFAULT_MARGINS };
+  let header = { logoUrl: opts.header?.logoUrl ?? null, position: opts.header?.position ?? "left" };
+  const chrome = {
+    header: opts.chrome?.header ?? "",
+    footer: opts.chrome?.footer ?? "",
+    headerScope: opts.chrome?.headerScope ?? "all",
+    footerScope: opts.chrome?.footerScope ?? "all",
+    showPageNumber: opts.chrome?.showPageNumber !== false
+  };
+  let variables = opts.variables;
+  const readVariables = () => typeof variables === "function" ? variables() : variables ?? [];
+  const hasVariables = () => readVariables().length > 0;
+  let tiptap = null;
+  let toolbar = null;
+  let variablePicker = null;
+  let totalPages = 1;
+  let lastPageNotes = [];
+  let zoom = 1;
+  const pageConfig = {
+    pageHeight: A4_HEIGHT_PX,
+    margins,
+    gap: PAGE_GAP_PX,
+    headerLogoUrl: header.logoUrl,
+    headerPosition: header.position,
+    headerText: chrome.header,
+    footerText: chrome.footer,
+    headerScope: chrome.headerScope ?? "all",
+    footerScope: chrome.footerScope ?? "all",
+    showPageNumber: chrome.showPageNumber !== false,
+    version: 0
+  };
+  const firstHeader = h("div", { class: "poc-first-header", title: "Clique para editar o cabe\xE7alho", on: { click: () => editChrome("header") } });
+  const errorEl = h("p", { class: "body-13-regular text-red-600" });
+  errorEl.hidden = true;
+  const editorHost = h("div", { on: { click: onSheetClick } });
+  const notesEl = h("div", { class: "poc-page-notes poc-last-notes" });
+  notesEl.hidden = true;
+  const lastFooter = h("div", { class: "poc-last-footer", title: "Clique para editar o rodap\xE9", on: { click: () => editChrome("footer") } });
+  const sheet = h("div", { class: "poc-sheet relative mx-auto bg-white shadow-md", on: { click: onNotesClick } }, [
+    firstHeader,
+    errorEl,
+    editorHost,
+    notesEl,
+    lastFooter
+  ]);
+  const container = h("div", {
+    class: "relative min-h-0 w-full flex-1 overflow-y-auto bg-gray-120 py-24px",
+    on: { click: () => {
+      toolbar?.closePalettes();
+      closeVariablePicker();
+    } }
+  }, [sheet]);
+  const root = h("div", { class: "poc-editor-root" }, [container]);
+  toggleClass(root, "poc-no-block-origin", opts.showBlockOrigin === false);
+  const bubbleEl = buildBubbleMenu();
+  const imageInput = h("input", { type: "file", class: "hidden", attrs: { accept: "image/*" }, on: { change: onImageFile } });
+  function mountToolbar() {
+    if (toolbar)
+      return;
+    toolbar = createToolbar({
+      editor: () => tiptap,
+      hasVariables,
+      mergeInlineStyle,
+      setAlignment,
+      pickImage: () => imageInput.click(),
+      insertFootnote,
+      insertPageBreak: () => tiptap?.chain().focus().insertContent("<p>PAGEBREAK</p>").run(),
+      clearFormatting: () => tiptap?.chain().focus().unsetAllMarks().run(),
+      openVariablePicker,
+      isVariablePickerOpen: () => !!variablePicker
+    });
+    toolbar.el.append(imageInput);
+    root.prepend(toolbar.el);
+    toolbar.el.hidden = !editable;
+  }
+  function unmountToolbar() {
+    if (!toolbar)
+      return;
+    toolbar.destroy();
+    toolbar = null;
+    root.append(imageInput);
+  }
+  if (opts.toolbar !== false)
+    mountToolbar();
+  else
+    root.append(imageInput);
+  element.append(root);
+  function applySheetStyle() {
+    Object.assign(sheet.style, {
+      width: `${A4_WIDTH_PX}px`,
+      minHeight: `${A4_HEIGHT_PX}px`,
+      padding: `${margins.top}px ${margins.right}px ${margins.bottom}px ${margins.left}px`,
+      boxSizing: "border-box",
+      zoom: String(zoom)
+    });
+    Object.assign(firstHeader.style, {
+      height: `${margins.top}px`,
+      left: `${margins.left}px`,
+      right: `${margins.right}px`,
+      textAlign: header.position,
+      lineHeight: `${margins.top}px`
+    });
+    Object.assign(lastFooter.style, { height: `${margins.bottom}px`, left: `${margins.left}px`, right: `${margins.right}px` });
+    Object.assign(notesEl.style, { position: "absolute", bottom: `${margins.bottom}px`, left: `${margins.left}px`, right: `${margins.right}px` });
+  }
+  const isChromeCanvas = (html) => !!html && html.includes("data-el=");
+  const chromeCanvasStyle = () => `position: absolute; top: 0; left: ${-margins.left}px; width: 794px; height: 100%; pointer-events: none;`;
+  function chromeNode(html) {
+    return isChromeCanvas(html) ? h("div", { class: "poc-chrome-canvas", style: chromeCanvasStyle(), html: sanitizeRichHtml(html) }) : h("div", { class: "poc-chrome-text", html: sanitizeRichHtml(html) });
+  }
+  function renderChromeBands() {
+    const logo = header.logoUrl ? h("img", { class: "inline-block align-middle", attrs: { src: header.logoUrl }, style: { maxHeight: `${Math.max(24, margins.top - 36)}px`, maxWidth: "50%" } }) : null;
+    replaceChildren(firstHeader, [logo, chromeNode(chrome.header)]);
+    const footerHidden = chrome.footerScope === "first" && totalPages > 1;
+    replaceChildren(lastFooter, [
+      footerHidden ? h("div", { class: "poc-chrome-text" }) : chromeNode(chrome.footer),
+      chrome.showPageNumber !== false ? h("span", { class: "ml-auto", text: `P\xE1gina ${totalPages} de ${totalPages}` }) : null
+    ]);
+  }
+  function renderNotes() {
+    notesEl.hidden = !lastPageNotes.length;
+    replaceChildren(notesEl, lastPageNotes.map((note) => h("p", {
+      class: "poc-page-note",
+      style: note.size ? { fontSize: `${note.size}pt` } : void 0,
+      html: `<sup>${note.n}</sup> ${sanitizeFootnoteHtml(note.text)}`
+    })));
+  }
+  function refreshChrome() {
+    pageConfig.headerLogoUrl = header.logoUrl;
+    pageConfig.headerPosition = header.position;
+    pageConfig.headerText = chrome.header;
+    pageConfig.footerText = chrome.footer;
+    pageConfig.headerScope = chrome.headerScope ?? "all";
+    pageConfig.footerScope = chrome.footerScope ?? "all";
+    pageConfig.showPageNumber = chrome.showPageNumber !== false;
+    pageConfig.version = (pageConfig.version ?? 0) + 1;
+    applySheetStyle();
+    renderChromeBands();
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed)
+      return;
+    const current = pocPageKey.getState(ed.state);
+    if (current)
+      ed.view.dispatch(ed.state.tr.setMeta(PAGINATE_META, { ...current, breaks: [...current.breaks] }));
+  }
+  let paginateScheduled = false;
+  function schedulePaginate() {
+    if (paginateScheduled || !tiptap)
+      return;
+    paginateScheduled = true;
+    requestAnimationFrame(() => {
+      paginateScheduled = false;
+      const ed = tiptap;
+      if (!ed || ed.isDestroyed)
+        return;
+      const { breaks, total, markers, lastNotes } = computePocBreaks(ed.view, pageConfig, sheet);
+      const notesChanged = lastNotes.length !== lastPageNotes.length;
+      if (notesChanged) {
+        lastPageNotes = lastNotes;
+        renderNotes();
+      }
+      const current = pocPageKey.getState(ed.state);
+      if (current && breaksEqual(current.breaks, breaks) && current.total === total && current.markers.length === markers.length && !notesChanged) {
+        return;
+      }
+      if (totalPages !== total) {
+        totalPages = total;
+        renderChromeBands();
+      }
+      ed.view.dispatch(ed.state.tr.setMeta(PAGINATE_META, { breaks, total, markers }));
+    });
+  }
+  const resizeObserver = new ResizeObserver(() => {
+    const breathing = container.clientWidth < 640 ? 12 : 48;
+    const next = Math.min(1, (container.clientWidth - breathing) / A4_WIDTH_PX);
+    if (next !== zoom) {
+      zoom = next;
+      sheet.style.zoom = String(zoom);
+    }
+  });
+  resizeObserver.observe(container);
+  function sheetCoords(pos) {
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed)
+      return null;
+    let coords;
+    try {
+      coords = ed.view.coordsAtPos(pos);
+    } catch {
+      return null;
+    }
+    const rect = sheet.getBoundingClientRect();
+    const z = zoom || 1;
+    return {
+      top: (coords.bottom - rect.top) / z + 6,
+      left: (coords.left - rect.left) / z
+    };
+  }
+  function editChrome(part) {
+    opts.onEditChrome?.(part);
+    window.dispatchEvent(new CustomEvent("poc:edit-chrome", { detail: { part, editor: tiptap } }));
+  }
+  function onSheetClick(event) {
+    if (editable)
+      return;
+    const target = event.target;
+    if (target.closest(".poc-varchip") || target.closest(".poc-page-headerarea") || target.closest(".poc-page-footerarea") || target.closest(".poc-first-header") || target.closest(".poc-last-footer")) {
+      return;
+    }
+    const block = target.closest("[data-block-id]");
+    if (block)
+      opts.onBlockClick?.(block.getAttribute("data-block-id"));
+  }
+  function mergeInlineStyle(prop, value) {
+    const ed = tiptap;
+    if (!ed)
+      return;
+    const current = ed.getAttributes("inlineStyle")?.style || "";
+    const cleaned = current.replace(new RegExp(`${prop}:\\s*[^;]+;?`, "gi"), "").trim();
+    const style = `${cleaned}${cleaned && !cleaned.endsWith(";") ? ";" : ""} ${prop}: ${value};`.trim();
+    ed.chain().focus().setMark("inlineStyle", { style }).run();
+  }
+  function setAlignment(align) {
+    const ed = tiptap;
+    if (!ed)
+      return;
+    const { state, view } = ed;
+    const { from, to } = state.selection;
+    const tr = state.tr;
+    state.doc.nodesBetween(from, to, (node, pos) => {
+      if (node.type.name === "paragraph" || node.type.name === "heading") {
+        const style = (node.attrs.style || "").replace(/text-align:\s*[^;]+;?/gi, "").trim();
+        const merged = `${style}${style && !style.endsWith(";") ? ";" : ""} text-align: ${align};`.trim();
+        tr.setNodeMarkup(pos, void 0, { ...node.attrs, style: merged });
+      }
+    });
+    view.dispatch(tr);
+    ed.commands.focus();
+  }
+  function insertDataUriImage(file) {
+    const reader = new FileReader();
+    reader.onload = () => {
+      tiptap?.chain().focus().insertContent(
+        `<img src="${reader.result}" style="width: 420px; height: auto; max-width: 100%;">`
+      ).run();
+    };
+    reader.readAsDataURL(file);
+  }
+  function onImageFile(event) {
+    const input = event.target;
+    const file = input.files?.[0];
+    if (!file || !file.type.startsWith("image/"))
+      return;
+    if (opts.uploadImage) {
+      void (async () => {
+        try {
+          const uploaded = await opts.uploadImage(file);
+          if (uploaded) {
+            tiptap?.chain().focus().insertContent(vaultImageHtml(uploaded.src, uploaded.vaultSrc)).run();
+            return;
+          }
+        } catch (error) {
+          console.error("[minuta-editor] upload de imagem falhou, embutindo como data URI", error);
+        }
+        insertDataUriImage(file);
+      })();
+    } else {
+      insertDataUriImage(file);
+    }
+    input.value = "";
+  }
+  let footnotePopover = null;
+  function insertFootnote() {
+    const ed = tiptap;
+    if (!ed || !footnotePopover)
+      return;
+    const to = ed.state.selection.to;
+    ed.chain().focus().setTextSelection(to).insertContent({ type: "footnoteRef", attrs: { number: "?", text: "" } }).run();
+    renumberPocFootnotes(ed);
+    const pos = ed.state.selection.from - 1;
+    footnotePopover.open(pos, true);
+  }
+  function onEditFootnoteEvent(event) {
+    if (!editable)
+      return;
+    const { pos } = event.detail || {};
+    if (typeof pos === "number")
+      footnotePopover?.open(pos, false);
+  }
+  function onNotesClick(event) {
+    if (!editable)
+      return;
+    const line = event.target.closest?.(".poc-page-note");
+    if (!line)
+      return;
+    const number = line.querySelector("sup")?.textContent?.trim();
+    const ed = tiptap;
+    if (!number || !ed)
+      return;
+    let target = null;
+    ed.state.doc.descendants((node, pos) => {
+      if (target != null)
+        return false;
+      if (node.type.name === "footnoteRef" && node.attrs.number === number) {
+        target = pos;
+        return false;
+      }
+      return true;
+    });
+    if (target != null)
+      footnotePopover?.open(target, false);
+  }
+  let variableTriggerFrom = null;
+  const VARIABLE_TRIGGER_RE = /(?:^|[\s(\[«"'])\/([\p{L}\d_]*)$/u;
+  const VARIABLE_TRIGGER_MAX_QUERY = 24;
+  function closeVariablePicker() {
+    if (!variablePicker)
+      return;
+    variablePicker.destroy();
+    variablePicker = null;
+    variableTriggerFrom = null;
+    toolbar?.sync();
+  }
+  function mountPicker(top, left, from, query) {
+    closeVariablePicker();
+    variableTriggerFrom = from;
+    variablePicker = createVariablePicker({
+      variables: readVariables,
+      top,
+      left: Math.max(8, Math.min(left, A4_WIDTH_PX - 330)),
+      query,
+      onSelect: insertVariable,
+      onClose: closeVariablePicker
+    });
+    sheet.append(variablePicker.el);
+    toolbar?.sync();
+  }
+  function syncVariableTrigger(docChanged) {
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed || !hasVariables() || !editable) {
+      closeVariablePicker();
+      return;
+    }
+    if (variablePicker && variableTriggerFrom === null)
+      return;
+    const { from, empty } = ed.state.selection;
+    if (!empty) {
+      closeVariablePicker();
+      return;
+    }
+    const blockStart = ed.state.doc.resolve(from).start();
+    const textBefore = ed.state.doc.textBetween(blockStart, from, "\n", "\uFFFC");
+    const match = textBefore.match(VARIABLE_TRIGGER_RE);
+    if (!match || (match[1]?.length ?? 0) > VARIABLE_TRIGGER_MAX_QUERY) {
+      closeVariablePicker();
+      return;
+    }
+    if (!variablePicker && !docChanged)
+      return;
+    const slashPos = from - match[0].length + match[0].indexOf("/");
+    const coords = sheetCoords(slashPos);
+    if (!coords) {
+      closeVariablePicker();
+      return;
+    }
+    if (variablePicker && variableTriggerFrom === slashPos) {
+      variablePicker.setQuery(match[1] ?? "");
+      variablePicker.setPosition(coords.top, Math.max(8, Math.min(coords.left, A4_WIDTH_PX - 330)));
+      return;
+    }
+    mountPicker(coords.top, coords.left, slashPos, match[1] ?? "");
+  }
+  function openVariablePicker() {
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed || !hasVariables())
+      return;
+    const coords = sheetCoords(ed.state.selection.from);
+    if (!coords)
+      return;
+    mountPicker(coords.top, coords.left, null, void 0);
+    if (variablePicker)
+      focusVariablePicker(variablePicker);
+  }
+  function insertVariable(variable) {
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed)
+      return;
+    const from = variableTriggerFrom;
+    const chain = ed.chain().focus();
+    if (from != null)
+      chain.deleteRange({ from, to: ed.state.selection.from });
+    chain.insertContent({ type: "templateVariable", attrs: { varKey: variable.key, label: variable.label } }).run();
+    closeVariablePicker();
+  }
+  function onEditorKeyDown(_view, event) {
+    const picker = variablePicker;
+    if (!picker)
+      return false;
+    if (event.key === "ArrowDown") {
+      picker.move(1);
+      return true;
+    }
+    if (event.key === "ArrowUp") {
+      picker.move(-1);
+      return true;
+    }
+    if (event.key === "Escape") {
+      closeVariablePicker();
+      return true;
+    }
+    if (event.key === "Enter" || event.key === "Tab") {
+      if (!picker.hasResults())
+        return false;
+      picker.choose();
+      return true;
+    }
+    return false;
+  }
+  function onVariableClickEvent(event) {
+    const detail = event.detail || {};
+    if (typeof detail.variableId !== "string")
+      return;
+    opts.onVariableClick?.({
+      variableId: detail.variableId,
+      parentBlockId: detail.parentBlockId ?? null,
+      text: String(detail.text ?? "")
+    });
+  }
+  function scrollToVariable(variableId) {
+    const el = sheet.querySelector(`.poc-varchip [data-variable-id="${CSS.escape(variableId)}"], .poc-varchip[data-variable-id="${CSS.escape(variableId)}"]`);
+    const chip = el?.closest(".poc-varchip") ?? el;
+    if (!chip)
+      return false;
+    chip.scrollIntoView({ block: "center", behavior: "smooth" });
+    chip.classList.add("poc-varchip--flash");
+    setTimeout(() => chip.classList.remove("poc-varchip--flash"), 1200);
+    return true;
+  }
+  function setVariableValue(variableId, value) {
+    const ed = tiptap;
+    if (!ed || ed.isDestroyed)
+      return 0;
+    const tr = ed.state.tr;
+    let count = 0;
+    ed.state.doc.descendants((node, pos) => {
+      if (node.type.name !== "variableChip" || node.attrs.variableId !== variableId)
+        return;
+      tr.setNodeMarkup(pos, void 0, {
+        ...node.attrs,
+        text: value,
+        html: variableChipHtml(String(node.attrs.html ?? ""), value)
+      });
+      count++;
+    });
+    if (count)
+      ed.view.dispatch(tr);
+    return count;
+  }
+  function variablesInDocument() {
+    const ed = tiptap;
+    const ids = [];
+    if (!ed || ed.isDestroyed)
+      return ids;
+    ed.state.doc.descendants((node) => {
+      if (node.type.name === "variableChip" && node.attrs.variableId && !ids.includes(node.attrs.variableId))
+        ids.push(node.attrs.variableId);
+    });
+    return ids;
+  }
+  function buildBubbleMenu() {
+    const TEXT_COLORS = [
+      { label: "Preto", value: "#1C242D" },
+      { label: "Vermelho", value: "#DC2626" },
+      { label: "Azul", value: "#2563EB" },
+      { label: "Verde", value: "#16A34A" },
+      { label: "Laranja", value: "#EA580C" }
+    ];
+    const btn = (cls, text, mark, run) => {
+      const b = h("button", { type: "button", class: `poc-bubble-btn ${cls}`, text, on: { click: run } });
+      b.dataset.mark = mark;
+      return b;
+    };
+    const eraser = h("button", { type: "button", class: "poc-bubble-btn", title: "Remover cor", on: { click: () => tiptap?.chain().focus().unsetMark("inlineStyle").run() } });
+    eraser.innerHTML = iconSvg("eraser");
+    const el = h("div", { class: "poc-bubble-menu flex items-center gap-2px rounded-8px border border-gray-200 bg-white p-2px shadow-lg" }, [
+      btn("font-bold", "B", "bold", () => tiptap?.chain().focus().toggleBold().run()),
+      btn("italic", "I", "italic", () => tiptap?.chain().focus().toggleItalic().run()),
+      btn("underline", "U", "underline", () => tiptap?.chain().focus().toggleMark("underline").run()),
+      h("div", { class: "mx-2px h-16px w-1px bg-gray-200" }),
+      ...TEXT_COLORS.map((color) => h("button", {
+        type: "button",
+        class: "poc-color-swatch",
+        title: color.label,
+        style: { background: color.value },
+        on: { click: () => tiptap?.chain().focus().setMark("inlineStyle", { style: `color: ${color.value}` }).run() }
+      })),
+      eraser
+    ]);
+    el.style.visibility = "hidden";
+    return el;
+  }
+  function syncBubbleMenu() {
+    const ed = tiptap;
+    if (!ed)
+      return;
+    for (const b of bubbleEl.querySelectorAll("[data-mark]"))
+      toggleClass(b, "poc-bubble-btn--active", ed.isActive(b.dataset.mark));
+  }
+  applySheetStyle();
+  renderChromeBands();
+  editorHost.addEventListener("poc:edit-footnote", onEditFootnoteEvent);
+  editorHost.addEventListener("poc:variable-click", onVariableClickEvent);
+  let contentObserver = null;
+  try {
+    tiptap = new Editor({
+      element: editorHost,
+      content: opts.html,
+      editable,
+      extensions: [
+        ...buildPocExtensions(pageConfig, {
+          variables: readVariables,
+          handleKeyDown: onEditorKeyDown
+        }),
+        BubbleMenu.configure({
+          element: bubbleEl,
+          // dentro do root: o CSS do pacote é todo escopado sob
+          // `.poc-editor-root`, e o default do tippy (document.body)
+          // deixaria o menu sem estilo
+          tippyOptions: { duration: 100, appendTo: () => root },
+          // o menu só existe na edição (o Vue montava com v-if="editable")
+          shouldShow: ({ editor: ed, state, from, to }) => {
+            if (!editable || !ed.isEditable)
+              return false;
+            const { empty } = state.selection;
+            return !empty && from !== to && !ed.isActive("htmlIsland");
+          }
+        })
+      ],
+      onCreate: ({ editor: ed }) => {
+        bubbleEl.style.visibility = "";
+        opts.onReady?.(ed);
+        requestAnimationFrame(() => {
+          if (ed.isDestroyed)
+            return;
+          schedulePaginate();
+          const pmEl = ed.view.dom;
+          contentObserver = new ResizeObserver(() => schedulePaginate());
+          contentObserver.observe(pmEl);
+        });
+      },
+      onTransaction: ({ transaction }) => {
+        toolbar?.sync();
+        syncBubbleMenu();
+        opts.onTransaction?.();
+        syncVariableTrigger(transaction.docChanged);
+        if (transaction.docChanged) {
+          if (!transaction.getMeta(POC_ASSET_SWAP))
+            opts.onChange?.();
+          schedulePaginate();
+        }
+      }
+    });
+    toggleClass(editorHost, "poc-review-cursor", !editable);
+    footnotePopover = createFootnotePopover({ editor: tiptap, host: sheet, sheetCoords });
+  } catch (error) {
+    const message = error?.message ?? String(error);
+    errorEl.textContent = `Falha ao montar o editor: ${message}`;
+    errorEl.hidden = false;
+    console.error("[minuta-editor] falha ao criar editor:", error);
+    opts.onError?.(message);
+  }
+  const api = {
+    get tiptap() {
+      return tiptap;
+    },
+    root,
+    container,
+    sheet,
+    getHTML: () => tiptap?.getHTML() ?? "",
+    async exportDocx() {
+      const ed = tiptap;
+      if (!ed || ed.isDestroyed)
+        throw new Error("editor n\xE3o montado");
+      const { pocExportDocx } = await import('./chunks/docxExport.mjs');
+      const breaks = pocPageKey.getState(ed.state)?.breaks ?? [];
+      return pocExportDocx(ed, margins, {
+        headerText: chrome.header,
+        footerText: chrome.footer,
+        headerScope: chrome.headerScope,
+        footerScope: chrome.footerScope,
+        headerLogoUrl: header.logoUrl,
+        headerPosition: header.position,
+        showPageNumber: chrome.showPageNumber
+      }, { breaks });
+    },
+    usedVariables: () => extractTemplateVariables(tiptap?.getHTML() ?? ""),
+    setEditable(value) {
+      editable = value;
+      tiptap?.setEditable(value);
+      toggleClass(editorHost, "poc-review-cursor", !value);
+      if (toolbar)
+        toolbar.el.hidden = !value;
+      if (!value) {
+        closeVariablePicker();
+        footnotePopover?.close();
+      }
+    },
+    setChrome(next) {
+      Object.assign(chrome, next);
+      chrome.headerScope = chrome.headerScope ?? "all";
+      chrome.footerScope = chrome.footerScope ?? "all";
+      chrome.showPageNumber = chrome.showPageNumber !== false;
+      refreshChrome();
+    },
+    setHeader(next) {
+      header = { ...next };
+      refreshChrome();
+    },
+    setVariables(next) {
+      variables = next;
+      if (!hasVariables())
+        closeVariablePicker();
+      toolbar?.sync();
+    },
+    setToolbar(on) {
+      if (on)
+        mountToolbar();
+      else
+        unmountToolbar();
+    },
+    setMargins(next) {
+      Object.assign(margins, next);
+      refreshChrome();
+      schedulePaginate();
+    },
+    setShowBlockOrigin(on) {
+      toggleClass(root, "poc-no-block-origin", !on);
+    },
+    scrollToVariable,
+    setVariableValue,
+    variablesInDocument,
+    schedulePaginate,
+    refreshChrome,
+    totalPages: () => totalPages,
+    destroy() {
+      editorHost.removeEventListener("poc:edit-footnote", onEditFootnoteEvent);
+      editorHost.removeEventListener("poc:variable-click", onVariableClickEvent);
+      contentObserver?.disconnect();
+      resizeObserver.disconnect();
+      closeVariablePicker();
+      footnotePopover?.destroy();
+      unmountToolbar();
+      tiptap?.destroy();
+      tiptap = null;
+      root.remove();
+    }
+  };
+  return api;
+}
+
+export { A4_HEIGHT_PX, A4_WIDTH_PX, DEFAULT_MARGINS, DOC_FONTS, ICON_PATHS, PAGINATE_META, POC_ASSET_SWAP, PocDocument, PocFootnoteRef, PocHtmlIsland, PocInlineStyle, PocMinutaBlock, PocMissingImage, PocPaginationPlugin, PocStylePassthrough, PocStyledDiv, PocTemplateVariable, PocUnderline, PocVariableChip, breaksEqual, buildPocExtensions, computePocBreaks, createMinutaEditor, decodeVaultAttr, escapeHtml, escapeVaultAttr, extractTemplateVariables, iconSvg, pocPageKey, renumberPocFootnotes, resolveTemplateVariables, sanitizeFootnoteHtml, sanitizeRichHtml, variableChipHtml, vaultImageHtml };