@codepress/blog 0.0.0-stage → 0.1.0

package/dist/chunks/BlogEditor-VF3UAJB6.js

@@ -0,0 +1,2527 @@
+import "./chunk-HWR3R5MU.js";
+import "./chunk-QX6276YA.js";
+import {
+  COMPONENT_VIEWS
+} from "./chunk-AJVVTSKZ.js";
+import {
+  DROP_WITH_CONTENT,
+  sanitizeNodes,
+  sanitizeUrl
+} from "./chunk-EICE5ONB.js";
+import "./chunk-TYX2HJZC.js";
+import "./chunk-AEQDRBA3.js";
+import {
+  BLOG_TOOLBAR_BOTTOM_VAR,
+  DEFAULT_COLUMN,
+  EditDesignLink,
+  resolveTimings,
+  useHeaderOffset
+} from "./chunk-UA243KAQ.js";
+import {
+  BLOCK_ID_ATTRIBUTE,
+  CALLOUT_TYPES,
+  COMPONENTS,
+  PROPS_ATTRIBUTE,
+  postMetaSchema
+} from "./chunk-XLJBCIXI.js";
+
+// src/editor/BlogEditor.tsx
+import { EditorContent, useEditor } from "@tiptap/react";
+import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+
+// src/editor/document.ts
+import { isTag, isText } from "domhandler";
+import { parseDocument } from "htmlparser2";
+var META_ATTRIBUTE = "data-cp-meta";
+var WHITESPACE = /^\s*$/;
+var ASCII_SPACES = /[ \t\n\f\r]+/g;
+var ASCII_EDGE_START = /^[ \t\n\f\r]+/;
+var ASCII_EDGE_END = /[ \t\n\f\r]+$/;
+var ASCII_BLANK = /^[ \t\n\f\r]*$/;
+function textOf(node) {
+  return "data" in node && typeof node.data === "string" ? node.data : "";
+}
+function parseMeta(script) {
+  try {
+    const value = JSON.parse(script.children.map(textOf).join(""));
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      return { meta: value };
+    }
+  } catch {
+  }
+  return { meta: {}, problem: "The metadata block is not a JSON object." };
+}
+function parsePostSource(source) {
+  const doc = parseDocument(source, {
+    withStartIndices: true,
+    withEndIndices: true
+  });
+  const result = {
+    prefix: "",
+    metaText: "",
+    meta: {},
+    blocks: [],
+    gaps: [],
+    problems: []
+  };
+  let gap = "";
+  let sawMeta = false;
+  for (const node of doc.children) {
+    const start = node.startIndex ?? 0;
+    const end = (node.endIndex ?? start) + 1;
+    if (isText(node)) {
+      const raw = source.slice(start, end);
+      if (!WHITESPACE.test(raw)) {
+        result.problems.push(
+          `Text outside any block: "${raw.trim().slice(0, 40)}".`
+        );
+      }
+      gap += raw;
+      continue;
+    }
+    if (!isTag(node)) {
+      result.problems.push("The file contains a comment or directive.");
+      gap += source.slice(start, end);
+      continue;
+    }
+    if (!sawMeta) {
+      sawMeta = true;
+      if (node.name === "script" && META_ATTRIBUTE in node.attribs) {
+        result.prefix = gap;
+        result.metaText = source.slice(start, end);
+        const parsed = parseMeta(node);
+        result.meta = parsed.meta;
+        if (parsed.problem) result.problems.push(parsed.problem);
+        gap = "";
+        continue;
+      }
+      result.problems.push("The file has no metadata block.");
+    }
+    result.gaps.push(gap);
+    gap = "";
+    result.blocks.push({
+      id: node.attribs[BLOCK_ID_ATTRIBUTE] ?? null,
+      tag: node.name,
+      text: source.slice(start, end)
+    });
+  }
+  if (!sawMeta) result.problems.push("The file has no metadata block.");
+  result.gaps.push(gap);
+  return result;
+}
+function serializeMeta(meta) {
+  const json = JSON.stringify(meta, null, 2).split("\n").map((line) => `  ${line}`).join("\n");
+  return `<script type="application/json" ${META_ATTRIBUTE}>
+${json}
+</script>`;
+}
+function sameJson(a, b) {
+  return JSON.stringify(canonicalJson(a)) === JSON.stringify(canonicalJson(b));
+}
+function canonicalJson(value) {
+  if (Array.isArray(value)) return value.map(canonicalJson);
+  if (value && typeof value === "object") {
+    return Object.fromEntries(
+      Object.entries(value).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([key, item]) => [key, canonicalJson(item)])
+    );
+  }
+  return value;
+}
+function assemblePostFile(source, meta, blocks) {
+  const keepMeta = source && source.metaText && sameJson(source.meta, meta);
+  const metaText = keepMeta ? source.metaText : serializeMeta(meta);
+  let out = (source?.prefix ?? "") + metaText;
+  let gap = "\n";
+  blocks.forEach((block, position) => {
+    const origin = block.sourceIndex ?? block.replaces ?? null;
+    if (source && origin != null) gap = source.gaps[origin] || "\n";
+    else if (source && position === 0) gap = source.gaps[0] || "\n";
+    const original = block.sourceIndex != null ? source?.blocks[block.sourceIndex] : void 0;
+    out += gap + (original ? original.text : block.html);
+  });
+  const trailing = source ? source.gaps[source.gaps.length - 1] : "\n";
+  return out + (trailing || "\n");
+}
+var BLOCK_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "pre",
+  "hr",
+  "table",
+  "thead",
+  "tbody",
+  "tr",
+  "th",
+  "td",
+  "figure",
+  "figcaption",
+  "div",
+  "cp-callout",
+  "cp-figure"
+]);
+var VOID_TAGS = /* @__PURE__ */ new Set(["br", "hr", "img"]);
+function collapse(text) {
+  return text.replace(ASCII_SPACES, " ");
+}
+function canonicalAttributes(node) {
+  return Object.entries(node.attribs).filter(([name]) => name !== BLOCK_ID_ATTRIBUTE).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([name, value]) => {
+    if (name === PROPS_ATTRIBUTE) {
+      try {
+        return `${name}=${JSON.stringify(canonicalJson(JSON.parse(value)))}`;
+      } catch {
+      }
+    }
+    return `${name}=${JSON.stringify(value)}`;
+  }).join(" ");
+}
+function canonicalChildren(children, preformatted, trimEdges) {
+  const parts = children.map(
+    (child) => isTag(child) ? { tag: child.name, text: canonicalElement(child, preformatted) } : {
+      tag: null,
+      text: preformatted ? textOf(child) : collapse(textOf(child))
+    }
+  );
+  if (!preformatted && trimEdges) {
+    const first = parts[0];
+    const last = parts[parts.length - 1];
+    if (first && first.tag === null)
+      first.text = first.text.replace(ASCII_EDGE_START, "");
+    if (last && last.tag === null)
+      last.text = last.text.replace(ASCII_EDGE_END, "");
+  }
+  return parts.filter((part, index) => {
+    if (preformatted || part.tag !== null) return true;
+    if (part.text === "") return false;
+    if (!ASCII_BLANK.test(part.text)) return true;
+    const neighbours = [parts[index - 1], parts[index + 1]];
+    return !neighbours.some((n) => n?.tag != null && BLOCK_TAGS.has(n.tag));
+  }).map((part) => part.text).join("");
+}
+var PARAGRAPH_WRAPPED = /* @__PURE__ */ new Set(["li", "blockquote", "cp-callout"]);
+function comparableChildren(node) {
+  if (!PARAGRAPH_WRAPPED.has(node.name)) return node.children;
+  const meaningful = node.children.filter(
+    (child) => !(isText(child) && ASCII_BLANK.test(child.data))
+  );
+  const only = meaningful.length === 1 ? meaningful[0] : void 0;
+  if (only && isTag(only) && only.name === "p" && Object.keys(only.attribs).every((name) => name === BLOCK_ID_ATTRIBUTE)) {
+    return only.children;
+  }
+  return node.children;
+}
+function canonicalElement(node, preformatted) {
+  const attributes = canonicalAttributes(node);
+  const open = `<${node.name}${attributes ? ` ${attributes}` : ""}>`;
+  if (VOID_TAGS.has(node.name)) return open;
+  const inside = preformatted || node.name === "pre";
+  const trimEdges = BLOCK_TAGS.has(node.name);
+  return `${open}${canonicalChildren(comparableChildren(node), inside, trimEdges)}</${node.name}>`;
+}
+function canonicalBlock(html) {
+  return canonicalChildren(parseDocument(html).children, false, true);
+}
+
+// src/editor/extensions.ts
+import { Extension as Extension3 } from "@tiptap/react";
+import { Plugin as Plugin2 } from "@tiptap/pm/state";
+import Image from "@tiptap/extension-image";
+import StarterKit from "@tiptap/starter-kit";
+import UniqueID from "@tiptap/extension-unique-id";
+
+// src/editor/component-node.tsx
+import {
+  Node,
+  NodeViewContent,
+  NodeViewWrapper,
+  ReactNodeViewRenderer,
+  mergeAttributes
+} from "@tiptap/react";
+import { useState } from "react";
+
+// src/editor/props-form.tsx
+import { useMemo } from "react";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+function fieldsFor(schema) {
+  const json = z.toJSONSchema(schema);
+  return Object.entries(json.properties ?? {}).map(([name, property]) => {
+    const kind = property.enum ? "enum" : property.type === "integer" || property.type === "number" ? "number" : property.type === "boolean" ? "boolean" : "text";
+    return {
+      name,
+      kind,
+      options: (property.enum ?? []).map(String),
+      required: json.required?.includes(name) ?? false
+    };
+  });
+}
+var inputClass = "w-full rounded-md border border-[#D9D5CC] bg-white px-2 py-1 text-sm text-[#111110]";
+function PropsForm({ schema, value, onChange }) {
+  const fields = useMemo(() => fieldsFor(schema), [schema]);
+  const errors = /* @__PURE__ */ new Map();
+  const parsed = schema.safeParse(value);
+  if (!parsed.success) {
+    for (const issue of parsed.error.issues) {
+      errors.set(String(issue.path[0] ?? ""), issue.message);
+    }
+  }
+  const set = (name, next) => {
+    const copy = { ...value };
+    if (next === "" || next === void 0 || Number.isNaN(next))
+      delete copy[name];
+    else copy[name] = next;
+    onChange(copy);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", "data-testid": "blog-props-form", children: fields.map((field) => /* @__PURE__ */ jsxs("label", { className: "block text-xs text-[#6B6760]", children: [
+    /* @__PURE__ */ jsxs("span", { className: "mb-1 block font-medium", children: [
+      field.name,
+      field.required ? " *" : ""
+    ] }),
+    field.kind === "enum" ? /* @__PURE__ */ jsxs(
+      "select",
+      {
+        className: inputClass,
+        "data-testid": `blog-prop-${field.name}`,
+        value: String(value[field.name] ?? ""),
+        onChange: (event) => set(field.name, event.target.value),
+        children: [
+          field.required ? null : /* @__PURE__ */ jsx("option", { value: "" }),
+          field.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+        ]
+      }
+    ) : field.kind === "boolean" ? /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        "data-testid": `blog-prop-${field.name}`,
+        checked: value[field.name] === true,
+        onChange: (event) => set(field.name, event.target.checked)
+      }
+    ) : /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: inputClass,
+        "data-testid": `blog-prop-${field.name}`,
+        type: field.kind === "number" ? "number" : "text",
+        value: String(value[field.name] ?? ""),
+        onChange: (event) => set(
+          field.name,
+          field.kind === "number" ? event.target.valueAsNumber : event.target.value
+        )
+      }
+    ),
+    errors.has(field.name) ? /* @__PURE__ */ jsx("span", { className: "mt-1 block text-red-600", children: errors.get(field.name) }) : null
+  ] }, field.name)) });
+}
+
+// src/editor/component-node.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_PROPS = {
+  "cp-callout": { type: "info" },
+  // Invalid on purpose: the props form opens and asks for a real image URL.
+  "cp-figure": { src: "", alt: "" }
+};
+function componentNodeName(tag) {
+  return tag.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
+}
+function parseProps(element) {
+  try {
+    const value = JSON.parse(
+      element.getAttribute(PROPS_ATTRIBUTE) ?? "{}"
+    );
+    return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+  } catch {
+    return {};
+  }
+}
+function ComponentView({ node, updateAttributes, extension }) {
+  const tag = extension.options.tag;
+  const definition = COMPONENTS[tag];
+  const props = node.attrs.props;
+  const parsed = definition.props.safeParse(props);
+  const [open, setOpen] = useState(!parsed.success);
+  const Component = COMPONENT_VIEWS[tag];
+  return /* @__PURE__ */ jsxs2(NodeViewWrapper, { "data-testid": `blog-node-${tag}`, className: "relative", children: [
+    parsed.success ? /* @__PURE__ */ jsx2(Component, { ...parsed.data, children: definition.content === "none" ? null : /* @__PURE__ */ jsx2(NodeViewContent, {}) }) : /* @__PURE__ */ jsxs2("div", { className: "my-6 rounded-xl border border-dashed border-red-300 px-5 py-4 text-sm text-red-700", children: [
+      "<",
+      tag,
+      "> needs valid props before it can be saved.",
+      definition.content === "none" ? null : /* @__PURE__ */ jsx2(NodeViewContent, {})
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { contentEditable: false, className: "absolute top-2 right-2 z-10", children: [
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "rounded-md border border-[#D9D5CC] bg-white px-2 py-0.5 text-xs text-[#4A4740] shadow-sm",
+          "data-testid": "blog-node-props-button",
+          onClick: () => setOpen((value) => !value),
+          children: "Props"
+        }
+      ),
+      open ? /* @__PURE__ */ jsx2(
+        "div",
+        {
+          className: "mt-1 w-64 rounded-lg border border-[#D9D5CC] bg-white p-3 shadow-lg",
+          "data-testid": "blog-node-props-popover",
+          children: /* @__PURE__ */ jsx2(
+            PropsForm,
+            {
+              schema: definition.props,
+              value: props,
+              onChange: (next) => updateAttributes({ props: next })
+            }
+          )
+        }
+      ) : null
+    ] })
+  ] });
+}
+function componentNode(tag) {
+  const definition = COMPONENTS[tag];
+  return Node.create({
+    name: componentNodeName(tag),
+    group: "block",
+    content: definition.content === "block" ? "block+" : void 0,
+    atom: definition.content === "none",
+    draggable: true,
+    addOptions: () => ({ tag }),
+    addAttributes() {
+      return {
+        props: {
+          default: DEFAULT_PROPS[tag],
+          parseHTML: parseProps,
+          rendered: false
+        }
+      };
+    },
+    parseHTML() {
+      return [{ tag }];
+    },
+    renderHTML({ node, HTMLAttributes }) {
+      const attributes = mergeAttributes(HTMLAttributes, {
+        [PROPS_ATTRIBUTE]: JSON.stringify(node.attrs.props)
+      });
+      return definition.content === "none" ? [tag, attributes] : [tag, attributes, 0];
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(ComponentView);
+    }
+  });
+}
+
+// src/editor/paste-guard.ts
+import { Extension } from "@tiptap/react";
+import { Plugin } from "@tiptap/pm/state";
+function pasteRejections(html) {
+  return sanitizeNodes(html).issues.filter((issue) => {
+    if (issue.kind === "url" || issue.kind === "props") return true;
+    if (issue.kind === "attribute") return issue.name?.startsWith("on");
+    return DROP_WITH_CONTENT.has(issue.tag) || issue.tag.startsWith("cp-");
+  }).map((issue) => issue.message);
+}
+var PasteGuard = Extension.create({
+  name: "pasteGuard",
+  addOptions: () => ({ onReject: () => {
+  } }),
+  addProseMirrorPlugins() {
+    const { onReject } = this.options;
+    return [
+      new Plugin({
+        props: {
+          handlePaste: (_view, event) => {
+            const html = event.clipboardData?.getData("text/html") ?? "";
+            const reasons = html ? pasteRejections(html) : [];
+            if (reasons.length === 0) return false;
+            onReject([...new Set(reasons)]);
+            return true;
+          }
+        }
+      })
+    ];
+  }
+});
+
+// src/editor/slash-command.ts
+import { Extension as Extension2 } from "@tiptap/react";
+import Suggestion from "@tiptap/suggestion";
+function matches(item, query) {
+  const needle = query.trim().toLowerCase();
+  return !needle || item.title.toLowerCase().includes(needle) || item.id.includes(needle);
+}
+var SlashCommand = Extension2.create({
+  name: "slashCommand",
+  addOptions: () => ({ items: [], onState: () => {
+  } }),
+  addProseMirrorPlugins() {
+    const { items, onState } = this.options;
+    return [
+      Suggestion({
+        editor: this.editor,
+        char: "/",
+        startOfLine: true,
+        allowSpaces: false,
+        items: ({ query }) => items.filter((item) => matches(item, query)),
+        command: ({ editor, range, props }) => props.run(editor, range),
+        render: () => {
+          let current = null;
+          let index = 0;
+          const emit = () => {
+            const props = current;
+            if (!props) return onState(null);
+            onState({
+              items: props.items,
+              index,
+              rect: props.clientRect?.() ?? null,
+              choose: (choice) => {
+                const item = props.items[choice];
+                if (item) props.command(item);
+              }
+            });
+          };
+          return {
+            onStart: (props) => {
+              current = props;
+              index = 0;
+              emit();
+            },
+            onUpdate: (props) => {
+              current = props;
+              index = Math.min(index, Math.max(props.items.length - 1, 0));
+              emit();
+            },
+            onKeyDown: ({ event }) => {
+              const count = current?.items.length ?? 0;
+              if (!current || count === 0) return false;
+              if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                index = (index + (event.key === "ArrowDown" ? 1 : count - 1)) % count;
+                emit();
+                return true;
+              }
+              if (event.key === "Enter" || event.key === "Tab") {
+                const item = current.items[index];
+                if (item) current.command(item);
+                return true;
+              }
+              return false;
+            },
+            onExit: () => {
+              current = null;
+              onState(null);
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+
+// src/editor/extensions.ts
+var HEADING_LEVELS = [2, 3, 4];
+var HeadingId = Extension3.create({
+  name: "headingId",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["heading"],
+        attributes: {
+          id: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("id"),
+            renderHTML: (attributes) => attributes.id ? { id: attributes.id } : {}
+          }
+        }
+      }
+    ];
+  }
+});
+var PostImage = Image.extend({
+  addAttributes() {
+    return { ...this.parent?.(), title: { default: null, rendered: false } };
+  }
+});
+var COMPONENT_TAGS = Object.keys(COMPONENTS);
+var ID_TYPES = [
+  "paragraph",
+  "heading",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "codeBlock",
+  "horizontalRule",
+  ...COMPONENT_TAGS.map(componentNodeName)
+];
+function generateBlockId() {
+  return `b${Math.random().toString(36).slice(2, 10)}`;
+}
+var BLOCK_ID_NODE_ATTRIBUTE = BLOCK_ID_ATTRIBUTE.replace(/^data-/, "");
+var FreezeGuard = Extension3.create({
+  name: "freezeGuard",
+  addOptions: () => ({ isFrozen: void 0 }),
+  addProseMirrorPlugins() {
+    const { isFrozen } = this.options;
+    return [
+      new Plugin2({
+        filterTransaction: (transaction) => !(isFrozen?.() && transaction.docChanged)
+      })
+    ];
+  }
+});
+var LinkShortcut = Extension3.create({
+  name: "linkShortcut",
+  addOptions: () => ({ onLink: void 0 }),
+  addKeyboardShortcuts() {
+    return {
+      "Mod-k": () => {
+        this.options.onLink?.();
+        return true;
+      }
+    };
+  }
+});
+function editorExtensions(hooks = {}) {
+  return [
+    StarterKit.configure({
+      heading: { levels: HEADING_LEVELS },
+      strike: false,
+      underline: false,
+      trailingNode: false,
+      link: {
+        openOnClick: false,
+        autolink: false,
+        linkOnPaste: false,
+        // The schema has no default target/rel; keep what the source says.
+        HTMLAttributes: { target: null, rel: null, class: null }
+      }
+    }),
+    HeadingId,
+    PostImage.configure({ inline: true, allowBase64: false }),
+    ...COMPONENT_TAGS.map(componentNode),
+    UniqueID.configure({
+      attributeName: BLOCK_ID_NODE_ATTRIBUTE,
+      types: ID_TYPES,
+      generateID: generateBlockId
+    }),
+    FreezeGuard.configure({ isFrozen: hooks.isFrozen }),
+    PasteGuard.configure({ onReject: hooks.onPasteRejected }),
+    LinkShortcut.configure({ onLink: hooks.onLinkShortcut }),
+    SlashCommand.configure({
+      items: hooks.slashItems ?? [],
+      onState: hooks.onSlash
+    })
+  ];
+}
+
+// src/editor/serialize.ts
+import { getSchema } from "@tiptap/react";
+import {
+  DOMParser as ProseMirrorParser,
+  DOMSerializer
+} from "@tiptap/pm/model";
+var cachedSchema = null;
+function postSchema() {
+  cachedSchema ??= getSchema(editorExtensions());
+  return cachedSchema;
+}
+function unwrapListParagraphs(host) {
+  host.querySelectorAll("li").forEach((item) => {
+    const only = item.children.length === 1 ? item.children[0] : null;
+    if (!only || only.tagName !== "P" || item.childNodes.length !== 1 || [...only.attributes].some((a) => a.name !== BLOCK_ID_ATTRIBUTE)) {
+      return;
+    }
+    item.replaceChildren(...Array.from(only.childNodes));
+  });
+}
+function quoteProps(html) {
+  return html.replace(/ data-props="([^"]*)"/g, (whole, value) => {
+    const json = value.replace(/&quot;/g, '"');
+    return /['&]/.test(json) ? whole : ` data-props='${json}'`;
+  });
+}
+function nodeToHtml(schema, node) {
+  const host = document.createElement("div");
+  host.appendChild(DOMSerializer.fromSchema(schema).serializeNode(node));
+  unwrapListParagraphs(host);
+  return quoteProps(host.innerHTML);
+}
+function parseBody(schema, html) {
+  const template = document.createElement("template");
+  template.innerHTML = html;
+  return ProseMirrorParser.fromSchema(schema).parse(template.content);
+}
+function editabilityProblems(source) {
+  const problems = [...source.problems];
+  const schema = postSchema();
+  const doc = parseBody(schema, source.blocks.map((b) => b.text).join("\n"));
+  if (doc.childCount !== source.blocks.length) {
+    problems.push(
+      `The editor reads ${doc.childCount} blocks where the file has ${source.blocks.length}.`
+    );
+    return problems;
+  }
+  source.blocks.forEach((block, index) => {
+    const written = nodeToHtml(schema, doc.child(index));
+    if (canonicalBlock(written) !== canonicalBlock(block.text)) {
+      problems.push(
+        `Block ${index + 1} (<${block.tag}>${block.id ? ` ${block.id}` : ""}) uses markup the editor cannot represent.`
+      );
+    }
+  });
+  return problems;
+}
+function sourceBodyHtml(source) {
+  const indexById = /* @__PURE__ */ new Map();
+  const html = source.blocks.map((block, index) => {
+    const id = block.id ?? generateBlockId();
+    indexById.set(id, index);
+    return block.id ? block.text : block.text.replace(
+      /^<([a-z][\w-]*)/i,
+      `<$1 ${BLOCK_ID_ATTRIBUTE}="${id}"`
+    );
+  }).join("\n");
+  return { html, indexById };
+}
+function blockIndexById(doc) {
+  const map = /* @__PURE__ */ new Map();
+  doc.forEach((child, _offset, index) => {
+    const id = child.attrs[BLOCK_ID_NODE_ATTRIBUTE];
+    if (id) map.set(id, index);
+  });
+  return map;
+}
+function editedBlocks(doc, source, indexById) {
+  const schema = postSchema();
+  const blocks = [];
+  doc.forEach((child) => {
+    const html = nodeToHtml(schema, child);
+    const id = child.attrs[BLOCK_ID_NODE_ATTRIBUTE];
+    const index = id ? indexById.get(id) : void 0;
+    const original = index === void 0 ? void 0 : source?.blocks[index];
+    const unchanged = original && canonicalBlock(original.text) === canonicalBlock(html);
+    blocks.push({
+      html,
+      sourceIndex: unchanged ? index ?? null : null,
+      replaces: original ? index ?? null : null
+    });
+  });
+  return blocks;
+}
+function localProblems(meta, blocks) {
+  const problems = [];
+  const parsedMeta = postMetaSchema.safeParse(meta);
+  if (!parsedMeta.success) {
+    for (const issue of parsedMeta.error.issues) {
+      problems.push({
+        message: `${issue.path.join(".") || "metadata"}: ${issue.message}`
+      });
+    }
+  }
+  const body = blocks.map((block) => block.html).join("\n");
+  for (const issue of sanitizeNodes(body).issues) {
+    problems.push({ message: issue.message });
+  }
+  return problems;
+}
+
+// src/editor/blocks.ts
+var TEXT_BLOCK_IDS = /* @__PURE__ */ new Set([
+  "h2",
+  "h3",
+  "bullet-list",
+  "ordered-list",
+  "quote"
+]);
+var SLASH_ITEMS = [
+  {
+    id: "h2",
+    title: "Heading 2",
+    description: "A section heading",
+    run: (e, range) => e.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run()
+  },
+  {
+    id: "h3",
+    title: "Heading 3",
+    description: "A subsection heading",
+    run: (e, range) => e.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run()
+  },
+  {
+    id: "bullet-list",
+    title: "Bulleted list",
+    description: "A list of points",
+    run: (e, range) => e.chain().focus().deleteRange(range).toggleBulletList().run()
+  },
+  {
+    id: "ordered-list",
+    title: "Numbered list",
+    description: "A list of steps",
+    run: (e, range) => e.chain().focus().deleteRange(range).toggleOrderedList().run()
+  },
+  {
+    id: "quote",
+    title: "Quote",
+    description: "A block quote",
+    run: (e, range) => e.chain().focus().deleteRange(range).toggleBlockquote().run()
+  },
+  {
+    id: "code-block",
+    title: "Code block",
+    description: "Preformatted code",
+    run: (e, range) => e.chain().focus().deleteRange(range).toggleCodeBlock().run()
+  },
+  {
+    id: "divider",
+    title: "Divider",
+    description: "A horizontal rule",
+    run: (e, range) => e.chain().focus().deleteRange(range).setHorizontalRule().run()
+  },
+  ...CALLOUT_TYPES.map(
+    (type) => ({
+      id: `callout-${type}`,
+      title: `Callout (${type})`,
+      description: "Highlighted note with its own text",
+      run: (e, range) => e.chain().focus().deleteRange(range).insertContent({
+        type: "cpCallout",
+        attrs: { props: { ...DEFAULT_PROPS["cp-callout"], type } },
+        content: [{ type: "paragraph" }]
+      }).run()
+    })
+  ),
+  {
+    id: "figure",
+    title: "Figure",
+    description: "An image with a caption",
+    run: (e, range) => e.chain().focus().deleteRange(range).insertContent({ type: "cpFigure" }).run()
+  }
+];
+var INSERT_ITEMS = SLASH_ITEMS.filter(
+  (item) => !TEXT_BLOCK_IDS.has(item.id)
+);
+
+// src/editor/DocumentActions.tsx
+import {
+  Ellipsis,
+  GitPullRequest,
+  History,
+  LogOut,
+  MonitorPlay,
+  Trash2
+} from "lucide-react";
+
+// src/editor/primitives.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { twMerge } from "tailwind-merge";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx3(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsx3(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: twMerge(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-variant": "default",
+      className: twMerge(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: twMerge("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: 0, children: /* @__PURE__ */ jsx3(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger(props) {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: twMerge(
+        "bg-white text-black shadow-lg border border-gray-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[10050] w-fit rounded-md px-3 py-1.5 text-xs",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx3(TooltipPrimitive.Arrow, { className: "bg-white fill-white z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+
+// src/editor/Toolbar.tsx
+import { useEditorState } from "@tiptap/react";
+import {
+  Bold,
+  Check,
+  ChevronDown,
+  Code,
+  Image as ImageIcon,
+  Info,
+  Italic,
+  Lightbulb,
+  Link2,
+  Link2Off,
+  List,
+  ListOrdered,
+  Minus,
+  Plus,
+  SquareCode,
+  Quote,
+  TriangleAlert
+} from "lucide-react";
+import {
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState as useState2
+} from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var toolClass = "inline-flex h-8 min-w-8 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-[13px] font-medium text-[#4A4740] transition-colors hover:bg-[#F1EFE9] hover:text-[#111110] focus-visible:ring-2 focus-visible:ring-black/40 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-40 data-[active=true]:bg-[#E8E5DC] data-[active=true]:text-[#111110] data-[state=open]:bg-[#F1EFE9] data-[state=open]:text-[#111110]";
+var menuClass = "rounded-xl border-[#E6E3DA] bg-white p-1.5 text-[#111110] shadow-[0_8px_24px_-8px_rgba(10,10,10,0.16)]";
+var menuItemClass = "flex cursor-pointer items-center gap-2.5 rounded-lg px-2.5 py-2 text-[13px] focus:bg-[#F1EFE9] focus:text-[#111110]";
+function ToolbarSeparator({ className = "" }) {
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      "aria-hidden": true,
+      className: `mx-1 h-5 w-px shrink-0 bg-[#E6E3DA] ${className}`
+    }
+  );
+}
+function Tip({
+  label,
+  shortcut,
+  children
+}) {
+  return /* @__PURE__ */ jsxs4(Tooltip, { delayDuration: 300, children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs4(
+      TooltipContent,
+      {
+        side: "bottom",
+        sideOffset: 6,
+        className: "flex items-center gap-2 border-[#E6E3DA] px-2 py-1 text-xs text-[#111110]",
+        children: [
+          /* @__PURE__ */ jsx4("span", { children: label }),
+          shortcut ? /* @__PURE__ */ jsx4("kbd", { className: "font-sans text-[11px] text-[#8A867D]", children: shortcut }) : null
+        ]
+      }
+    )
+  ] });
+}
+var MAC_KEYS = { Mod: "\u2318", Shift: "\u21E7", Alt: "\u2325" };
+function formatShortcut(combo, mac) {
+  const keys = combo.split("-").map((key) => key.length === 1 ? key.toUpperCase() : key);
+  return mac ? keys.map((key) => MAC_KEYS[key] ?? key).join("") : keys.map((key) => key === "Mod" ? "Ctrl" : key).join("+");
+}
+function useIsMac() {
+  const [mac, setMac] = useState2(false);
+  useEffect(() => {
+    setMac(
+      /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent)
+    );
+  }, []);
+  return mac;
+}
+var TEXT_STYLES = [
+  {
+    id: "paragraph",
+    label: "Paragraph",
+    short: "Text",
+    shortcut: "Mod-Alt-0",
+    sample: "text-[13px]",
+    run: (e) => e.chain().focus().setParagraph().run()
+  },
+  {
+    id: "h2",
+    label: "Heading 2",
+    short: "H2",
+    shortcut: "Mod-Alt-2",
+    sample: "text-[17px] font-semibold tracking-[-0.01em]",
+    run: (e) => e.chain().focus().setHeading({ level: 2 }).run()
+  },
+  {
+    id: "h3",
+    label: "Heading 3",
+    short: "H3",
+    shortcut: "Mod-Alt-3",
+    sample: "text-[15px] font-semibold",
+    run: (e) => e.chain().focus().setHeading({ level: 3 }).run()
+  },
+  {
+    id: "h4",
+    label: "Heading 4",
+    short: "H4",
+    shortcut: "Mod-Alt-4",
+    sample: "text-[13px] font-semibold",
+    run: (e) => e.chain().focus().setHeading({ level: 4 }).run()
+  }
+];
+var MARKS = [
+  {
+    id: "bold",
+    label: "Bold",
+    icon: Bold,
+    shortcut: "Mod-B",
+    isActive: (e) => e.isActive("bold"),
+    can: (e) => e.can().toggleBold(),
+    run: (e) => e.chain().focus().toggleBold().run()
+  },
+  {
+    id: "italic",
+    label: "Italic",
+    icon: Italic,
+    shortcut: "Mod-I",
+    isActive: (e) => e.isActive("italic"),
+    can: (e) => e.can().toggleItalic(),
+    run: (e) => e.chain().focus().toggleItalic().run()
+  },
+  {
+    id: "code",
+    label: "Inline code",
+    icon: Code,
+    shortcut: "Mod-E",
+    isActive: (e) => e.isActive("code"),
+    can: (e) => e.can().toggleCode(),
+    run: (e) => e.chain().focus().toggleCode().run()
+  }
+];
+var BLOCKS = [
+  {
+    id: "bullet-list",
+    label: "Bulleted list",
+    icon: List,
+    shortcut: "Mod-Shift-8",
+    isActive: (e) => e.isActive("bulletList"),
+    can: (e) => e.can().toggleBulletList(),
+    run: (e) => e.chain().focus().toggleBulletList().run()
+  },
+  {
+    id: "ordered-list",
+    label: "Numbered list",
+    icon: ListOrdered,
+    shortcut: "Mod-Shift-7",
+    isActive: (e) => e.isActive("orderedList"),
+    can: (e) => e.can().toggleOrderedList(),
+    run: (e) => e.chain().focus().toggleOrderedList().run()
+  },
+  {
+    id: "quote",
+    label: "Quote",
+    icon: Quote,
+    shortcut: "Mod-Shift-B",
+    isActive: (e) => e.isActive("blockquote"),
+    can: (e) => e.can().toggleBlockquote(),
+    run: (e) => e.chain().focus().toggleBlockquote().run()
+  }
+];
+var INSERT_ICONS = {
+  "code-block": SquareCode,
+  divider: Minus,
+  "callout-info": Info,
+  "callout-warn": TriangleAlert,
+  "callout-tip": Lightbulb,
+  figure: ImageIcon
+};
+var INSERT_SHORTCUTS = { "code-block": "Mod-Alt-C" };
+function textStyleOf(editor) {
+  for (const level of [2, 3, 4]) {
+    if (editor.isActive("heading", { level })) return `h${level}`;
+  }
+  return editor.isActive("codeBlock") ? "codeBlock" : "paragraph";
+}
+function moveFocus(event) {
+  if (event.key !== "ArrowRight" && event.key !== "ArrowLeft") return;
+  const controls = Array.from(
+    event.currentTarget.querySelectorAll("button:enabled")
+  );
+  const index = controls.indexOf(event.target);
+  if (index < 0) return;
+  event.preventDefault();
+  const step = event.key === "ArrowRight" ? 1 : -1;
+  controls[(index + step + controls.length) % controls.length]?.focus();
+}
+function Toolbar({
+  editor,
+  frozen,
+  formattingOff,
+  linkOpen,
+  onLinkOpenChange,
+  actions,
+  header
+}) {
+  const stripRef = useRef(null);
+  const top = useHeaderOffset(header, stripRef);
+  const mac = useIsMac();
+  const [scrolled, setScrolled] = useState2(false);
+  const state = useEditorState({
+    editor,
+    selector: ({ editor: current }) => ({
+      textStyle: textStyleOf(current),
+      canSetStyle: current.can().setParagraph() || current.can().setHeading({ level: 2 }),
+      tools: Object.fromEntries(
+        [...MARKS, ...BLOCKS].map((tool) => [
+          tool.id,
+          { active: tool.isActive(current), can: tool.can(current) }
+        ])
+      ),
+      link: current.isActive("link"),
+      canLink: !current.state.selection.empty || current.isActive("link")
+    })
+  });
+  const [url, setUrl] = useState2("");
+  const [linkError, setLinkError] = useState2(null);
+  useLayoutEffect(() => {
+    const strip = stripRef.current;
+    if (!strip) return;
+    const root = document.documentElement;
+    const update = () => root.style.setProperty(
+      BLOG_TOOLBAR_BOTTOM_VAR,
+      `${top + strip.offsetHeight}px`
+    );
+    update();
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+    observer?.observe(strip);
+    return () => {
+      observer?.disconnect();
+      root.style.removeProperty(BLOG_TOOLBAR_BOTTOM_VAR);
+    };
+  }, [top]);
+  useEffect(() => {
+    const update = () => setScrolled(window.scrollY > 0);
+    update();
+    window.addEventListener("scroll", update, { passive: true });
+    return () => window.removeEventListener("scroll", update);
+  }, []);
+  const off = frozen || formattingOff;
+  const shortcut = (combo) => formatShortcut(combo, mac);
+  const closeLink = () => {
+    onLinkOpenChange(false);
+    setUrl("");
+    setLinkError(null);
+  };
+  const applyLink = () => {
+    if (frozen) return;
+    const safe = sanitizeUrl(url);
+    if (!safe) {
+      setLinkError("Use an https, http or mailto URL, or a path like /blog.");
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({ href: safe }).run();
+    closeLink();
+  };
+  const toggle = (tool) => {
+    const status = state.tools[tool.id];
+    return /* @__PURE__ */ jsx4(Tip, { label: tool.label, shortcut: shortcut(tool.shortcut), children: /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        className: toolClass,
+        "aria-label": tool.label,
+        "aria-pressed": status?.active === true,
+        "data-active": !off && status?.active === true,
+        "data-testid": `blog-tool-${tool.id}`,
+        disabled: off || status?.can === false,
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => tool.run(editor),
+        children: /* @__PURE__ */ jsx4(tool.icon, { className: "h-4 w-4", strokeWidth: 2.25, "aria-hidden": true })
+      }
+    ) }, tool.id);
+  };
+  const currentStyle = TEXT_STYLES.find(
+    (style) => style.id === state.textStyle
+  );
+  const styleLabel = currentStyle?.label ?? "Code block";
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: "sticky z-40 border-b border-[#E5E7EB] bg-white/90 backdrop-blur-md transition-shadow duration-200 data-[scrolled=true]:shadow-[0_10px_24px_-18px_rgba(17,17,16,0.35)]",
+      ref: stripRef,
+      style: { top },
+      "data-scrolled": scrolled,
+      "data-testid": "blog-toolbar",
+      children: /* @__PURE__ */ jsxs4("div", { className: "relative flex h-12 items-center gap-2 pr-3 pl-2.5 sm:gap-3 sm:pr-6 sm:pl-[22px] md:pl-[max(22px,calc(50%-338px))] lg:pr-9", children: [
+        /* @__PURE__ */ jsx4("div", { className: "relative flex min-w-0 flex-1 items-center self-stretch", children: /* @__PURE__ */ jsxs4("fieldset", { disabled: frozen, className: "contents", children: [
+          /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              role: "toolbar",
+              "aria-label": "Formatting",
+              className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto [scrollbar-width:none] max-lg:[mask-image:linear-gradient(to_right,#000_calc(100%-24px),transparent)] [&::-webkit-scrollbar]:hidden",
+              onKeyDown: moveFocus,
+              children: [
+                /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx4(Tip, { label: "Text style", children: /* @__PURE__ */ jsx4(
+                    DropdownMenuTrigger,
+                    {
+                      asChild: true,
+                      disabled: off || !state.canSetStyle,
+                      children: /* @__PURE__ */ jsxs4(
+                        "button",
+                        {
+                          type: "button",
+                          className: `${toolClass} justify-between px-2.5 sm:w-[7.75rem]`,
+                          "aria-label": `Text style: ${styleLabel}`,
+                          "data-testid": "blog-text-style",
+                          "data-style": state.textStyle,
+                          onMouseDown: (event) => event.preventDefault(),
+                          children: [
+                            /* @__PURE__ */ jsx4("span", { className: "text-[#111110] sm:hidden", children: currentStyle?.short ?? "Code" }),
+                            /* @__PURE__ */ jsx4("span", { className: "hidden text-[#111110] sm:inline", children: styleLabel }),
+                            /* @__PURE__ */ jsx4(
+                              ChevronDown,
+                              {
+                                className: "h-3.5 w-3.5 text-[#8A867D]",
+                                "aria-hidden": true
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx4(
+                    DropdownMenuContent,
+                    {
+                      align: "start",
+                      sideOffset: 8,
+                      className: `${menuClass} w-56`,
+                      onCloseAutoFocus: (event) => event.preventDefault(),
+                      children: TEXT_STYLES.map((style) => /* @__PURE__ */ jsxs4(
+                        DropdownMenuItem,
+                        {
+                          className: menuItemClass,
+                          "data-testid": `blog-text-style-${style.id}`,
+                          onSelect: () => style.run(editor),
+                          children: [
+                            /* @__PURE__ */ jsx4(
+                              Check,
+                              {
+                                className: `h-3.5 w-3.5 shrink-0 ${state.textStyle === style.id ? "" : "invisible"}`,
+                                "aria-hidden": true
+                              }
+                            ),
+                            /* @__PURE__ */ jsx4("span", { className: `flex-1 ${style.sample}`, children: style.label }),
+                            /* @__PURE__ */ jsx4("kbd", { className: "font-sans text-[11px] text-[#8A867D]", children: shortcut(style.shortcut) })
+                          ]
+                        },
+                        style.id
+                      ))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx4(ToolbarSeparator, {}),
+                MARKS.map(toggle),
+                /* @__PURE__ */ jsx4(
+                  Tip,
+                  {
+                    label: state.link ? "Remove link" : "Link",
+                    shortcut: shortcut("Mod-K"),
+                    children: /* @__PURE__ */ jsx4(
+                      "button",
+                      {
+                        type: "button",
+                        className: toolClass,
+                        "aria-label": state.link ? "Remove link" : "Link",
+                        "aria-pressed": state.link || linkOpen,
+                        "data-active": state.link || linkOpen,
+                        "data-testid": "blog-tool-link",
+                        disabled: off || !state.canLink,
+                        onMouseDown: (event) => event.preventDefault(),
+                        onClick: () => state.link ? editor.chain().focus().extendMarkRange("link").unsetLink().run() : linkOpen ? closeLink() : onLinkOpenChange(true),
+                        children: state.link ? /* @__PURE__ */ jsx4(
+                          Link2Off,
+                          {
+                            className: "h-4 w-4",
+                            strokeWidth: 2.25,
+                            "aria-hidden": true
+                          }
+                        ) : /* @__PURE__ */ jsx4(Link2, { className: "h-4 w-4", strokeWidth: 2.25, "aria-hidden": true })
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx4(ToolbarSeparator, {}),
+                BLOCKS.map(toggle),
+                /* @__PURE__ */ jsx4(ToolbarSeparator, {}),
+                /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx4(Tip, { label: "Insert a block", children: /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxs4(
+                    "button",
+                    {
+                      type: "button",
+                      className: `${toolClass} pr-1.5`,
+                      "aria-label": "Insert",
+                      "data-testid": "blog-insert-menu",
+                      onMouseDown: (event) => event.preventDefault(),
+                      children: [
+                        /* @__PURE__ */ jsx4(
+                          Plus,
+                          {
+                            className: "h-4 w-4",
+                            strokeWidth: 2.25,
+                            "aria-hidden": true
+                          }
+                        ),
+                        /* @__PURE__ */ jsx4("span", { className: "hidden sm:inline", children: "Insert" }),
+                        /* @__PURE__ */ jsx4(
+                          ChevronDown,
+                          {
+                            className: "h-3.5 w-3.5 text-[#8A867D]",
+                            "aria-hidden": true
+                          }
+                        )
+                      ]
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx4(
+                    DropdownMenuContent,
+                    {
+                      align: "start",
+                      sideOffset: 8,
+                      className: `${menuClass} w-72`,
+                      onCloseAutoFocus: (event) => event.preventDefault(),
+                      children: INSERT_ITEMS.map((item) => {
+                        const Icon = INSERT_ICONS[item.id] ?? Plus;
+                        const combo = INSERT_SHORTCUTS[item.id];
+                        return /* @__PURE__ */ jsxs4(
+                          DropdownMenuItem,
+                          {
+                            className: `${menuItemClass} items-start`,
+                            "data-testid": `blog-insert-${item.id}`,
+                            onSelect: () => {
+                              const at = editor.state.selection.to;
+                              editor.chain().focus().setTextSelection(at).run();
+                              item.run(editor, { from: at, to: at });
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx4("span", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-[#E6E3DA] bg-[#FAF9F6] text-[#4A4740]", children: /* @__PURE__ */ jsx4(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }) }),
+                              /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1", children: [
+                                /* @__PURE__ */ jsx4("span", { className: "block font-medium", children: item.title }),
+                                /* @__PURE__ */ jsx4("span", { className: "block text-xs text-[#6B6760]", children: item.description })
+                              ] }),
+                              combo ? /* @__PURE__ */ jsx4("kbd", { className: "mt-0.5 font-sans text-[11px] text-[#8A867D]", children: shortcut(combo) }) : null
+                            ]
+                          },
+                          item.id
+                        );
+                      })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          linkOpen ? /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              className: "absolute top-full left-0 z-10 mt-2 w-[min(24rem,calc(100vw-1.5rem))] rounded-xl border border-[#E6E3DA] bg-white p-2 shadow-[0_8px_24px_-8px_rgba(10,10,10,0.16)]",
+              "data-testid": "blog-link-form",
+              children: [
+                /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx4(
+                    "input",
+                    {
+                      autoFocus: true,
+                      className: "h-8 min-w-0 flex-1 rounded-md border border-[#D9D5CC] px-2.5 text-sm text-[#111110] outline-none placeholder:text-[#B8B4A9] focus:border-[#8A867D]",
+                      placeholder: "Paste or type a link",
+                      "aria-label": "Link address",
+                      "data-testid": "blog-link-input",
+                      value: url,
+                      onChange: (event) => setUrl(event.target.value),
+                      onKeyDown: (event) => {
+                        if (event.key === "Enter") {
+                          event.preventDefault();
+                          applyLink();
+                        } else if (event.key === "Escape") {
+                          event.preventDefault();
+                          closeLink();
+                          editor.commands.focus();
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx4(
+                    "button",
+                    {
+                      type: "button",
+                      className: "h-8 shrink-0 rounded-md bg-[#111110] px-3 text-[13px] font-medium text-white hover:bg-[#2A2926] disabled:opacity-50",
+                      "data-testid": "blog-link-apply",
+                      onClick: applyLink,
+                      children: "Apply"
+                    }
+                  )
+                ] }),
+                linkError ? /* @__PURE__ */ jsx4("p", { className: "mt-1.5 px-0.5 text-xs text-red-600", children: linkError }) : null
+              ]
+            }
+          ) : null
+        ] }) }),
+        actions ? /* @__PURE__ */ jsx4("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+      ] })
+    }
+  );
+}
+
+// src/editor/DocumentActions.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var STATUS_LABEL = {
+  idle: "No changes",
+  dirty: "Unsaved changes",
+  saving: "Saving\u2026",
+  saved: "Draft saved",
+  conflict: "Conflict",
+  rejected: "Rejected",
+  invalid: "Fix the highlighted problems to save",
+  error: "Save failed"
+};
+var STATUS_DOT = {
+  idle: "bg-[#C9C5BC]",
+  dirty: "bg-[#D99A2B]",
+  saving: "bg-[#8A867D] animate-pulse",
+  saved: "bg-[#2F9E62]",
+  conflict: "bg-[#D14343]",
+  rejected: "bg-[#D14343]",
+  invalid: "bg-[#D14343]",
+  error: "bg-[#D14343]"
+};
+function statusLabel(status, db) {
+  if (status !== "saved" || db === null) return STATUS_LABEL[status];
+  return db.revision === null ? "Saved" : `Saved \xB7 revision ${db.revision}`;
+}
+function CodePressMark({ src }) {
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx5("img", { src, alt: "", className: "h-[18px] w-[18px] object-contain" })
+  );
+}
+function DocumentActions({
+  status,
+  prUrl,
+  db = null,
+  historyHref = null,
+  designHref,
+  onAsk,
+  askHref = null,
+  askIconSrc = "/logo-mark-square.png",
+  askOpen,
+  canPublish,
+  busy,
+  publishDisabled,
+  confirmDiscard,
+  onConfirmDiscardChange,
+  onDiscard,
+  onDone,
+  onPublish
+}) {
+  const label = statusLabel(status, db);
+  const history = db !== null ? historyHref : null;
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsxs5(
+      "span",
+      {
+        className: "inline-flex h-8 min-w-0 items-center gap-2 px-1.5 text-[13px] text-[#6B6760]",
+        "data-testid": "blog-save-status",
+        "data-status": status,
+        role: "status",
+        title: label,
+        children: [
+          /* @__PURE__ */ jsx5(
+            "span",
+            {
+              "aria-hidden": true,
+              className: `h-2 w-2 shrink-0 rounded-full ${STATUS_DOT[status]}`
+            }
+          ),
+          /* @__PURE__ */ jsx5("span", { className: "sr-only lg:not-sr-only lg:max-w-[13rem] lg:truncate", children: label })
+        ]
+      }
+    ),
+    prUrl ? /* @__PURE__ */ jsx5(Tip, { label: "Open the draft pull request", children: /* @__PURE__ */ jsx5(
+      "a",
+      {
+        href: prUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: `${toolClass} max-xl:hidden`,
+        "aria-label": "Draft pull request",
+        "data-testid": "blog-draft-pr-link",
+        children: /* @__PURE__ */ jsx5(GitPullRequest, { className: "h-4 w-4", "aria-hidden": true })
+      }
+    ) }) : null,
+    history ? /* @__PURE__ */ jsx5(Tip, { label: "Open the revision history", children: /* @__PURE__ */ jsx5(
+      "a",
+      {
+        href: history,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: `${toolClass} max-xl:hidden`,
+        "aria-label": "Revision history",
+        "data-testid": "blog-history-link",
+        children: /* @__PURE__ */ jsx5(History, { className: "h-4 w-4", "aria-hidden": true })
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx5(ToolbarSeparator, { className: "max-sm:hidden" }),
+    onAsk ? /* @__PURE__ */ jsx5(Tip, { label: "Ask CodePress", children: /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: `${toolClass} data-[active=true]:bg-[#E8E5DC] data-[active=true]:ring-1 data-[active=true]:ring-[#CFCABF]`,
+        "aria-label": "Ask CodePress",
+        "aria-pressed": askOpen,
+        "aria-haspopup": "dialog",
+        "data-active": askOpen,
+        "data-testid": "blog-ask-codepress",
+        onClick: onAsk,
+        children: /* @__PURE__ */ jsx5(CodePressMark, { src: askIconSrc })
+      }
+    ) }) : askHref ? /* @__PURE__ */ jsx5(Tip, { label: "Ask CodePress", children: /* @__PURE__ */ jsx5(
+      "a",
+      {
+        href: askHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: toolClass,
+        "aria-label": "Ask CodePress",
+        "data-testid": "blog-ask-codepress",
+        children: /* @__PURE__ */ jsx5(CodePressMark, { src: askIconSrc })
+      }
+    ) }) : null,
+    designHref ? /* @__PURE__ */ jsx5(Tip, { label: "Edit design", children: /* @__PURE__ */ jsx5(
+      EditDesignLink,
+      {
+        href: designHref,
+        className: `${toolClass} max-xl:hidden`,
+        "aria-label": "Edit design",
+        children: /* @__PURE__ */ jsx5(MonitorPlay, { className: "h-4 w-4", "aria-hidden": true })
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx5(ToolbarSeparator, { className: "max-xl:hidden" }),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: `${toolClass} px-2.5 max-xl:hidden`,
+        "aria-expanded": confirmDiscard,
+        "data-active": confirmDiscard,
+        "data-testid": "blog-discard-button",
+        onClick: () => onConfirmDiscardChange(!confirmDiscard),
+        children: "Discard"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: `${toolClass} px-2.5 max-xl:hidden`,
+        "data-testid": "blog-editor-done",
+        disabled: busy !== null,
+        onClick: onDone,
+        children: "Done"
+      }
+    ),
+    /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          className: `${toolClass} xl:hidden`,
+          "aria-label": "More actions",
+          "data-testid": "blog-more-menu",
+          children: /* @__PURE__ */ jsx5(Ellipsis, { className: "h-4 w-4", "aria-hidden": true })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs5(
+        DropdownMenuContent,
+        {
+          align: "end",
+          sideOffset: 8,
+          className: `${menuClass} w-56`,
+          children: [
+            designHref ? /* @__PURE__ */ jsx5(DropdownMenuItem, { asChild: true, className: menuItemClass, children: /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: designHref,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "data-testid": "blog-more-edit-design",
+                children: [
+                  /* @__PURE__ */ jsx5(MonitorPlay, { className: "h-4 w-4 text-[#6B6760]", "aria-hidden": true }),
+                  "Edit design"
+                ]
+              }
+            ) }) : null,
+            prUrl ? /* @__PURE__ */ jsx5(DropdownMenuItem, { asChild: true, className: menuItemClass, children: /* @__PURE__ */ jsxs5("a", { href: prUrl, target: "_blank", rel: "noopener noreferrer", children: [
+              /* @__PURE__ */ jsx5(
+                GitPullRequest,
+                {
+                  className: "h-4 w-4 text-[#6B6760]",
+                  "aria-hidden": true
+                }
+              ),
+              "Draft pull request"
+            ] }) }) : null,
+            history ? /* @__PURE__ */ jsx5(DropdownMenuItem, { asChild: true, className: menuItemClass, children: /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: history,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "data-testid": "blog-more-history",
+                children: [
+                  /* @__PURE__ */ jsx5(History, { className: "h-4 w-4 text-[#6B6760]", "aria-hidden": true }),
+                  "Revision history"
+                ]
+              }
+            ) }) : null,
+            designHref || prUrl || history ? /* @__PURE__ */ jsx5(DropdownMenuSeparator, { className: "my-1 bg-[#EFECE6]" }) : null,
+            /* @__PURE__ */ jsxs5(
+              DropdownMenuItem,
+              {
+                className: menuItemClass,
+                "data-testid": "blog-more-discard",
+                onSelect: () => onConfirmDiscardChange(true),
+                children: [
+                  /* @__PURE__ */ jsx5(Trash2, { className: "h-4 w-4 text-[#6B6760]", "aria-hidden": true }),
+                  "Discard draft\u2026"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs5(
+              DropdownMenuItem,
+              {
+                className: menuItemClass,
+                "data-testid": "blog-more-done",
+                disabled: busy !== null,
+                onSelect: onDone,
+                children: [
+                  /* @__PURE__ */ jsx5(LogOut, { className: "h-4 w-4 text-[#6B6760]", "aria-hidden": true }),
+                  "Done editing"
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    canPublish ? /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: "ml-1 inline-flex h-8 shrink-0 items-center rounded-md bg-[#111110] px-3.5 text-[13px] font-medium text-white transition-colors hover:bg-[#2A2926] focus-visible:ring-2 focus-visible:ring-black/40 focus-visible:ring-offset-2 focus-visible:outline-none disabled:opacity-50",
+        "data-testid": "blog-publish-button",
+        disabled: publishDisabled,
+        onClick: onPublish,
+        children: busy === "publishing" ? "Publishing\u2026" : "Publish"
+      }
+    ) : /* @__PURE__ */ jsx5(Tip, { label: "A publisher must publish this draft.", children: /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: "ml-1 inline-flex h-8 shrink-0 items-center rounded-md border border-[#E6E3DA] px-2.5 text-xs text-[#6B6760]",
+        "data-testid": "blog-publish-hint",
+        tabIndex: 0,
+        children: "Needs a publisher"
+      }
+    ) }),
+    confirmDiscard ? /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        role: "alertdialog",
+        "aria-labelledby": "blog-discard-title",
+        className: "absolute top-full right-3 z-10 mt-2 w-[min(20rem,calc(100vw-1.5rem))] rounded-xl border border-[#E6E3DA] bg-white p-3 shadow-[0_8px_24px_-8px_rgba(10,10,10,0.16)] sm:right-6 lg:right-9",
+        "data-testid": "blog-discard-panel",
+        onKeyDown: (event) => {
+          if (event.key === "Escape") onConfirmDiscardChange(false);
+        },
+        children: [
+          /* @__PURE__ */ jsx5(
+            "p",
+            {
+              id: "blog-discard-title",
+              className: "text-sm font-medium text-[#111110]",
+              children: "Discard this draft?"
+            }
+          ),
+          /* @__PURE__ */ jsx5("p", { className: "mt-1 text-[13px] leading-5 text-[#6B6760]", children: db !== null ? "This deletes the draft. The live post does not change." : "This deletes the draft and closes its pull request. The live post does not change." }),
+          /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx5(
+              "button",
+              {
+                type: "button",
+                className: `${toolClass} px-3`,
+                onClick: () => onConfirmDiscardChange(false),
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx5(
+              "button",
+              {
+                type: "button",
+                autoFocus: true,
+                className: "inline-flex h-8 items-center rounded-md bg-[#C9372C] px-3 text-[13px] font-medium text-white hover:bg-[#B02F25] focus-visible:ring-2 focus-visible:ring-[#C9372C]/40 focus-visible:ring-offset-2 focus-visible:outline-none disabled:opacity-50",
+                "data-testid": "blog-discard-confirm",
+                disabled: busy !== null,
+                onClick: onDiscard,
+                children: busy === "discarding" ? "Discarding\u2026" : "Discard"
+              }
+            )
+          ] })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// src/editor/SlashMenu.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function SlashMenu({ state }) {
+  if (!state || state.items.length === 0) return null;
+  const { rect } = state;
+  return /* @__PURE__ */ jsx6(
+    "ul",
+    {
+      role: "listbox",
+      className: "fixed z-50 w-64 overflow-hidden rounded-lg border border-[#D9D5CC] bg-white py-1 shadow-lg",
+      style: { top: (rect?.bottom ?? 0) + 6, left: rect?.left ?? 0 },
+      "data-testid": "blog-slash-menu",
+      children: state.items.map((item, index) => /* @__PURE__ */ jsxs6(
+        "li",
+        {
+          role: "option",
+          "aria-selected": index === state.index,
+          "data-testid": `blog-slash-item-${item.id}`,
+          className: "cursor-pointer px-3 py-1.5 text-sm aria-selected:bg-[#F1EFE9]",
+          onMouseDown: (event) => {
+            event.preventDefault();
+            state.choose(index);
+          },
+          children: [
+            /* @__PURE__ */ jsx6("div", { className: "font-medium text-[#111110]", children: item.title }),
+            /* @__PURE__ */ jsx6("div", { className: "text-xs text-[#6B6760]", children: item.description })
+          ]
+        },
+        item.id
+      ))
+    }
+  );
+}
+
+// src/editor/BlogEditor.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function prepare(draft) {
+  if (draft.source === "new") {
+    return {
+      source: null,
+      meta: {
+        title: "",
+        description: "",
+        date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+      },
+      bodyHtml: "<p></p>",
+      indexById: /* @__PURE__ */ new Map(),
+      problems: []
+    };
+  }
+  const source = parsePostSource(draft.html);
+  const problems = editabilityProblems(source);
+  const body = sourceBodyHtml(source);
+  return {
+    source,
+    meta: source.meta,
+    bodyHtml: body.html || "<p></p>",
+    indexById: body.indexById,
+    problems
+  };
+}
+function revisionOf(draft) {
+  if (draft.storage !== "db") return null;
+  return {
+    revision: typeof draft.revision === "number" ? draft.revision : null
+  };
+}
+var fieldClass = "w-full border-0 bg-transparent p-0 text-[#111110] outline-none placeholder:text-[#B8B4A9] focus:ring-0";
+function listField(value) {
+  return Array.isArray(value) ? value.join(", ") : "";
+}
+function splitList(text) {
+  return text.split(",").map((item) => item.trim()).filter(Boolean);
+}
+function ListField({
+  value,
+  onCommit,
+  ...rest
+}) {
+  const [text, setText] = useState3(() => listField(value));
+  return /* @__PURE__ */ jsx7(
+    "input",
+    {
+      className: `${fieldClass} mt-1 block`,
+      placeholder: "Comma separated",
+      value: text,
+      onChange: (event) => {
+        setText(event.target.value);
+        onCommit(splitList(event.target.value));
+      },
+      ...rest
+    }
+  );
+}
+function LoadedEditor({
+  site,
+  slug,
+  client,
+  timings,
+  column,
+  header,
+  draft,
+  prepared,
+  canPublish,
+  onAsk,
+  askHref,
+  askIconSrc,
+  askOpen = false,
+  designHref,
+  historyHref,
+  onReload,
+  onExit,
+  onPublished,
+  onDiscarded
+}) {
+  const sourceRef = useRef2(prepared.source);
+  const indexByIdRef = useRef2(prepared.indexById);
+  const baseShaRef = useRef2(draft.base_sha);
+  const headShaRef = useRef2(draft.head_sha);
+  const savedTextRef = useRef2(draft.source === "new" ? "" : draft.html);
+  const metaRef = useRef2(prepared.meta);
+  const inflightRef = useRef2(null);
+  const savesRef = useRef2(0);
+  const blockedRef = useRef2(false);
+  const publishingRef = useRef2(false);
+  const timerRef = useRef2(null);
+  const editorRef = useRef2(null);
+  const [meta, setMeta] = useState3(prepared.meta);
+  const [status, setStatus] = useState3("idle");
+  const [prUrl, setPrUrl] = useState3(draft.pr_url);
+  const [db, setDb] = useState3(() => revisionOf(draft));
+  const [problems, setProblems] = useState3([]);
+  const [violations, setViolations] = useState3([]);
+  const [conflict, setConflict] = useState3(null);
+  const [pasteRejected, setPasteRejected] = useState3(null);
+  const [message, setMessage] = useState3(null);
+  const [slash, setSlash] = useState3(null);
+  const [busy, setBusy] = useState3(null);
+  const [confirmDiscard, setConfirmDiscard] = useState3(false);
+  const [published, setPublished] = useState3(false);
+  const [leaveWarning, setLeaveWarning] = useState3(false);
+  const [formattingOff, setFormattingOff] = useState3(false);
+  const [linkOpen, setLinkOpen] = useState3(false);
+  const linkShortcutRef = useRef2(() => {
+  });
+  const frozen = busy !== null || published;
+  const extensions = useMemo2(
+    () => editorExtensions({
+      onSlash: setSlash,
+      onPasteRejected: setPasteRejected,
+      slashItems: SLASH_ITEMS,
+      isFrozen: () => publishingRef.current,
+      onLinkShortcut: () => linkShortcutRef.current()
+    }),
+    []
+  );
+  const compose = useCallback(() => {
+    const editor2 = editorRef.current;
+    if (!editor2) return null;
+    const blocks = editedBlocks(
+      editor2.state.doc,
+      sourceRef.current,
+      indexByIdRef.current
+    );
+    const text = assemblePostFile(sourceRef.current, metaRef.current, blocks);
+    return { text, blocks };
+  }, []);
+  const saveNow = useCallback(async () => {
+    const composed = compose();
+    if (!composed) return false;
+    if (composed.text === savedTextRef.current) {
+      if (!blockedRef.current) setStatus("saved");
+      return !blockedRef.current;
+    }
+    const found = localProblems(metaRef.current, composed.blocks);
+    if (found.length > 0) {
+      setProblems(found.map((problem) => problem.message));
+      setStatus("invalid");
+      return false;
+    }
+    setProblems([]);
+    setStatus("saving");
+    const result = await client.saveDraft(
+      site,
+      slug,
+      composed.text,
+      baseShaRef.current
+    );
+    savesRef.current += 1;
+    if (result.kind === "saved") {
+      baseShaRef.current = result.draft.base_sha;
+      headShaRef.current = result.draft.head_sha;
+      savedTextRef.current = result.draft.html;
+      sourceRef.current = parsePostSource(result.draft.html);
+      const editor2 = editorRef.current;
+      if (editor2) indexByIdRef.current = blockIndexById(editor2.state.doc);
+      setPrUrl(result.draft.pr_url);
+      setDb(revisionOf(result.draft));
+      setViolations([]);
+      setMessage(null);
+      const again = compose();
+      setStatus(
+        again && again.text !== savedTextRef.current ? "dirty" : "saved"
+      );
+      return true;
+    }
+    if (result.kind === "conflict") {
+      blockedRef.current = true;
+      setConflict(result.current);
+      setStatus("conflict");
+    } else if (result.kind === "rejected") {
+      setViolations(result.violations);
+      setMessage(result.detail);
+      setStatus("rejected");
+    } else {
+      setMessage(result.message);
+      setStatus("error");
+    }
+    return false;
+  }, [client, compose, site, slug]);
+  const save = useCallback(async () => {
+    while (inflightRef.current) await inflightRef.current;
+    const run = saveNow();
+    inflightRef.current = run;
+    try {
+      return await run;
+    } finally {
+      inflightRef.current = null;
+    }
+  }, [saveNow]);
+  const schedule = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      timerRef.current = null;
+      void save();
+    }, timings.autosaveMs);
+  }, [save, timings.autosaveMs]);
+  const handleChange = useCallback(() => {
+    if (publishingRef.current) return;
+    const composed = compose();
+    if (!composed) return;
+    if (composed.text === savedTextRef.current) {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      timerRef.current = null;
+      if (!blockedRef.current)
+        setStatus(inflightRef.current ? "saving" : "idle");
+      return;
+    }
+    if (blockedRef.current) return;
+    setStatus((current) => current === "saving" ? current : "dirty");
+    schedule();
+  }, [compose, schedule]);
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions,
+    content: prepared.bodyHtml,
+    editorProps: {
+      attributes: {
+        class: "prose prose-neutral max-w-none min-h-[320px] focus:outline-none prose-code:before:content-none prose-code:after:content-none",
+        "data-testid": "blog-editor-body"
+      }
+    },
+    onUpdate: handleChange,
+    onFocus: () => setFormattingOff(false)
+  });
+  useEffect2(() => {
+    editorRef.current = editor;
+  }, [editor]);
+  useEffect2(() => {
+    editor?.setEditable(!frozen, false);
+  }, [editor, frozen]);
+  useEffect2(() => {
+    linkShortcutRef.current = () => {
+      if (!editor || publishingRef.current) return;
+      if (editor.isActive("link")) {
+        editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      } else if (!editor.state.selection.empty) {
+        setLinkOpen(true);
+      }
+    };
+  }, [editor]);
+  useEffect2(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  useEffect2(() => {
+    const interval = setInterval(async () => {
+      if (inflightRef.current || blockedRef.current || publishingRef.current) {
+        return;
+      }
+      const savesBefore = savesRef.current;
+      const result = await client.getDraft(site, slug);
+      if (!("draft" in result) || publishingRef.current) return;
+      if (savesRef.current !== savesBefore) return;
+      if (result.draft.base_sha === baseShaRef.current) return;
+      if (inflightRef.current) return;
+      const composed = compose();
+      if (composed && composed.text === savedTextRef.current) {
+        onReload(result.draft);
+        return;
+      }
+      blockedRef.current = true;
+      setConflict(result.draft);
+      setStatus("conflict");
+    }, timings.draftPollMs);
+    return () => clearInterval(interval);
+  }, [client, compose, onReload, site, slug, timings.draftPollMs]);
+  useEffect2(() => {
+    const warn = (event) => {
+      if (status === "idle" || status === "saved" || published) return;
+      event.preventDefault();
+    };
+    window.addEventListener("beforeunload", warn);
+    return () => window.removeEventListener("beforeunload", warn);
+  }, [status, published]);
+  const updateMeta = (patch) => {
+    const next = { ...metaRef.current, ...patch };
+    for (const [key, value] of Object.entries(next)) {
+      if (Array.isArray(value) && value.length === 0) delete next[key];
+    }
+    metaRef.current = next;
+    setMeta(next);
+    handleChange();
+  };
+  const keepMine = () => {
+    if (!conflict) return;
+    baseShaRef.current = conflict.base_sha;
+    headShaRef.current = conflict.head_sha;
+    setConflict(null);
+    blockedRef.current = false;
+    void save();
+  };
+  const takeTheirs = () => {
+    if (conflict) onReload(conflict);
+  };
+  const flushSave = async () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+    return save();
+  };
+  const freeze = (on) => editorRef.current?.setEditable(!on, false);
+  const handlePublish = async () => {
+    setBusy("publishing");
+    setMessage(null);
+    publishingRef.current = true;
+    freeze(true);
+    if (!await flushSave()) {
+      publishingRef.current = false;
+      freeze(false);
+      setBusy(null);
+      return;
+    }
+    const result = await client.publishDraft(site, slug);
+    setBusy(null);
+    if (result.kind !== "ok") {
+      publishingRef.current = false;
+      freeze(false);
+    }
+    if (result.kind === "ok") {
+      setPublished(true);
+      setTimeout(onPublished, timings.publishReloadMs);
+      return;
+    }
+    if (result.kind === "rejected") setViolations(result.violations);
+    setMessage(result.kind === "rejected" ? result.detail : result.message);
+    setStatus(result.kind === "rejected" ? "rejected" : "error");
+  };
+  const handleDiscard = async () => {
+    setBusy("discarding");
+    publishingRef.current = true;
+    freeze(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+    while (inflightRef.current) await inflightRef.current;
+    const latest = await client.getDraft(site, slug);
+    if (!("draft" in latest) || latest.draft.base_sha !== baseShaRef.current || latest.draft.head_sha !== headShaRef.current) {
+      setBusy(null);
+      publishingRef.current = false;
+      freeze(false);
+      if ("draft" in latest) {
+        blockedRef.current = true;
+        setConflict(latest.draft);
+        setStatus("conflict");
+      } else {
+        setMessage(latest.error);
+        setStatus("error");
+      }
+      return;
+    }
+    const result = await client.discardDraft(site, slug);
+    setBusy(null);
+    if (result.kind === "ok" || result.kind === "error" && result.status === 404) {
+      setPublished(true);
+      onDiscarded();
+      return;
+    }
+    publishingRef.current = false;
+    freeze(false);
+    setMessage(result.kind === "error" ? result.message : "Could not discard.");
+    setStatus("error");
+  };
+  const isPersisted = () => {
+    const composed = compose();
+    return !composed || composed.text === savedTextRef.current;
+  };
+  const handleDone = async () => {
+    setLeaveWarning(false);
+    while (inflightRef.current) await inflightRef.current;
+    if (!isPersisted()) {
+      if (!blockedRef.current) await flushSave();
+      if (!isPersisted()) {
+        setLeaveWarning(true);
+        return;
+      }
+    }
+    onExit();
+  };
+  if (!editor) return null;
+  const canSave = status !== "conflict";
+  return /* @__PURE__ */ jsxs7("div", { "data-testid": "blog-editor", children: [
+    /* @__PURE__ */ jsx7(
+      Toolbar,
+      {
+        editor,
+        frozen,
+        formattingOff,
+        linkOpen,
+        onLinkOpenChange: setLinkOpen,
+        header,
+        actions: /* @__PURE__ */ jsx7(
+          DocumentActions,
+          {
+            status,
+            prUrl,
+            db,
+            historyHref,
+            designHref: designHref ?? null,
+            onAsk,
+            askHref,
+            askIconSrc,
+            askOpen,
+            canPublish,
+            busy,
+            publishDisabled: busy !== null || !canSave || published,
+            confirmDiscard,
+            onConfirmDiscardChange: setConfirmDiscard,
+            onDiscard: handleDiscard,
+            onDone: handleDone,
+            onPublish: handlePublish
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs7("div", { className: `${column} pt-8 pb-20 sm:pt-12`, children: [
+      leaveWarning ? /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "mb-4 rounded-lg border border-[#F1D6A3] bg-[#FFF9EC] px-4 py-3 text-sm",
+          role: "alert",
+          "data-testid": "blog-leave-warning",
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "Your latest edits are not saved, so leaving now would lose them." }),
+            /* @__PURE__ */ jsxs7("div", { className: "mt-3 flex gap-2", children: [
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-md bg-[#111110] px-3 py-1 text-white",
+                  "data-testid": "blog-leave-keep-editing",
+                  onClick: () => setLeaveWarning(false),
+                  children: "Keep editing"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-md border border-[#D9D5CC] px-3 py-1",
+                  "data-testid": "blog-leave-anyway",
+                  onClick: onExit,
+                  children: "Leave without saving"
+                }
+              )
+            ] })
+          ]
+        }
+      ) : null,
+      published ? /* @__PURE__ */ jsx7(
+        "p",
+        {
+          className: "mb-4 rounded-lg border border-[#BFE3CC] bg-[#F1FAF4] px-4 py-3 text-sm",
+          "data-testid": "blog-published-notice",
+          children: "Done. The live page updates in a few seconds."
+        }
+      ) : null,
+      conflict ? /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "mb-4 rounded-lg border border-[#F1D6A3] bg-[#FFF9EC] px-4 py-3 text-sm",
+          role: "alert",
+          "data-testid": "blog-conflict-banner",
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "This draft was changed somewhere else (another tab or an agent)." }),
+            /* @__PURE__ */ jsx7("p", { className: "mt-1 text-[#4A4740]", children: "Keep your version to save it on top of the newer one, or take theirs and discard your unsaved edits." }),
+            /* @__PURE__ */ jsxs7("div", { className: "mt-3 flex gap-2", children: [
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-md bg-[#111110] px-3 py-1 text-white",
+                  "data-testid": "blog-conflict-keep-mine",
+                  onClick: keepMine,
+                  children: "Keep mine"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-md border border-[#D9D5CC] px-3 py-1",
+                  "data-testid": "blog-conflict-take-theirs",
+                  onClick: takeTheirs,
+                  children: "Take theirs"
+                }
+              )
+            ] })
+          ]
+        }
+      ) : null,
+      status === "rejected" ? /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+          role: "alert",
+          "data-testid": "blog-rejected-banner",
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "font-medium", children: message ?? "The content was rejected." }),
+            /* @__PURE__ */ jsx7("ul", { className: "mt-2 list-disc pl-5", children: violations.map((violation, index) => /* @__PURE__ */ jsx7("li", { children: violation.reason }, index)) })
+          ]
+        }
+      ) : null,
+      status === "invalid" && problems.length > 0 ? /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "mb-4 rounded-lg border border-[#F1D6A3] bg-[#FFF9EC] px-4 py-3 text-sm",
+          role: "alert",
+          "data-testid": "blog-invalid-banner",
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "This draft cannot be saved yet:" }),
+            /* @__PURE__ */ jsx7("ul", { className: "mt-2 list-disc pl-5", children: problems.map((problem, index) => /* @__PURE__ */ jsx7("li", { children: problem }, index)) })
+          ]
+        }
+      ) : null,
+      status === "error" && message ? /* @__PURE__ */ jsxs7(
+        "p",
+        {
+          className: "mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+          role: "alert",
+          "data-testid": "blog-error-banner",
+          children: [
+            message,
+            " ",
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: "underline",
+                "data-testid": "blog-retry-save",
+                onClick: () => void save(),
+                children: "Retry"
+              }
+            )
+          ]
+        }
+      ) : null,
+      pasteRejected ? /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+          role: "alert",
+          "data-testid": "blog-paste-rejected",
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "That paste was rejected and nothing was inserted:" }),
+            /* @__PURE__ */ jsx7("ul", { className: "mt-2 list-disc pl-5", children: pasteRejected.map((reason, index) => /* @__PURE__ */ jsx7("li", { children: reason }, index)) }),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: "mt-2 underline",
+                onClick: () => setPasteRejected(null),
+                children: "Dismiss"
+              }
+            )
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs7(
+        "header",
+        {
+          className: "mb-8",
+          "data-testid": "blog-editor-header",
+          onFocus: () => setFormattingOff(true),
+          children: [
+            /* @__PURE__ */ jsx7(
+              "input",
+              {
+                className: `${fieldClass} text-[34px] leading-[1.08] font-medium tracking-[-0.03em] sm:text-[46px]`,
+                placeholder: "Title",
+                "aria-label": "Title",
+                "data-testid": "blog-meta-title",
+                disabled: frozen,
+                value: String(meta.title ?? ""),
+                onChange: (event) => updateMeta({ title: event.target.value })
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "textarea",
+              {
+                className: `${fieldClass} mt-4 block resize-none text-[17px] leading-[1.55] text-[#4A4740]`,
+                placeholder: "One-line description",
+                "aria-label": "Description",
+                rows: 2,
+                "data-testid": "blog-meta-description",
+                disabled: frozen,
+                value: String(meta.description ?? ""),
+                onChange: (event) => updateMeta({ description: event.target.value })
+              }
+            ),
+            /* @__PURE__ */ jsxs7("div", { className: "mt-4 grid gap-2 text-sm text-[#6B6760] sm:grid-cols-3", children: [
+              /* @__PURE__ */ jsxs7("label", { children: [
+                "Date",
+                /* @__PURE__ */ jsx7(
+                  "input",
+                  {
+                    type: "date",
+                    className: `${fieldClass} mt-1 block`,
+                    "data-testid": "blog-meta-date",
+                    disabled: frozen,
+                    value: String(meta.date ?? ""),
+                    onChange: (event) => updateMeta({ date: event.target.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs7("label", { children: [
+                "Authors",
+                /* @__PURE__ */ jsx7(
+                  ListField,
+                  {
+                    "data-testid": "blog-meta-authors",
+                    disabled: frozen,
+                    value: meta.authors,
+                    onCommit: (items) => updateMeta({ authors: items })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs7("label", { children: [
+                "Tags",
+                /* @__PURE__ */ jsx7(
+                  ListField,
+                  {
+                    "data-testid": "blog-meta-tags",
+                    disabled: frozen,
+                    value: meta.tags,
+                    onCommit: (items) => updateMeta({ tags: items })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx7("fieldset", { disabled: frozen, className: "contents", children: /* @__PURE__ */ jsx7(EditorContent, { editor }) })
+    ] }),
+    /* @__PURE__ */ jsx7(SlashMenu, { state: slash })
+  ] });
+}
+function UnsupportedContent({
+  problems,
+  html,
+  onExit
+}) {
+  return /* @__PURE__ */ jsxs7("div", { "data-testid": "blog-unsupported", children: [
+    /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        className: "mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "This post uses content the editor cannot edit without losing it, so it is shown read-only." }),
+          /* @__PURE__ */ jsx7("ul", { className: "mt-2 list-disc pl-5", "data-testid": "blog-unsupported-list", children: problems.map((problem, index) => /* @__PURE__ */ jsx7("li", { children: problem }, index)) }),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "mt-3 rounded-md border border-red-300 bg-white px-3 py-1",
+              "data-testid": "blog-editor-done",
+              onClick: onExit,
+              children: "Close"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "pre",
+      {
+        className: "overflow-x-auto rounded-lg border border-[#E6E3DA] bg-[#FAF9F6] p-4 text-xs",
+        "data-testid": "blog-source-view",
+        children: html
+      }
+    )
+  ] });
+}
+function BlogEditor({
+  timings: timingOverrides,
+  column = DEFAULT_COLUMN,
+  ...props
+}) {
+  const { site, slug, client } = props;
+  const autosaveMs = timingOverrides?.autosaveMs;
+  const draftPollMs = timingOverrides?.draftPollMs;
+  const publishReloadMs = timingOverrides?.publishReloadMs;
+  const timings = useMemo2(
+    () => resolveTimings({ autosaveMs, draftPollMs, publishReloadMs }),
+    [autosaveMs, draftPollMs, publishReloadMs]
+  );
+  const [loaded, setLoaded] = useState3({ state: "loading" });
+  useEffect2(() => {
+    let cancelled = false;
+    void client.getDraft(site, slug).then((result) => {
+      if (cancelled) return;
+      setLoaded(
+        "draft" in result ? { state: "ready", draft: result.draft, version: 0 } : { state: "error", message: result.error }
+      );
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, site, slug]);
+  const handleReload = useCallback((draft2) => {
+    setLoaded((current) => ({
+      state: "ready",
+      draft: draft2,
+      version: current.state === "ready" ? current.version + 1 : 0
+    }));
+  }, []);
+  const draft = loaded.state === "ready" ? loaded.draft : null;
+  const prepared = useMemo2(() => draft ? prepare(draft) : null, [draft]);
+  const padded = `${column} pt-10 pb-20 sm:pt-14`;
+  if (loaded.state === "loading") {
+    return /* @__PURE__ */ jsx7("p", { className: padded, "data-testid": "blog-editor-loading", children: "Loading the draft\u2026" });
+  }
+  if (loaded.state === "error" || !draft || !prepared) {
+    return /* @__PURE__ */ jsx7("div", { className: padded, children: /* @__PURE__ */ jsx7(
+      "p",
+      {
+        className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+        role: "alert",
+        "data-testid": "blog-editor-error",
+        children: loaded.state === "error" ? loaded.message : "Could not load the draft."
+      }
+    ) });
+  }
+  if (prepared.problems.length > 0) {
+    return /* @__PURE__ */ jsx7("div", { className: padded, children: /* @__PURE__ */ jsx7(
+      UnsupportedContent,
+      {
+        problems: prepared.problems,
+        html: draft.html,
+        onExit: props.onExit
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx7(
+    LoadedEditor,
+    {
+      ...props,
+      timings,
+      column,
+      draft,
+      prepared,
+      onReload: handleReload
+    },
+    loaded.version
+  );
+}
+export {
+  BlogEditor as default,
+  revisionOf
+};