@agent-native/core 0.101.10 → 0.101.11

package/corpus/templates/content/app/i18n-data.ts

@@ -2729,6 +2729,8 @@ const editorSlashMessages = {
   audio: "Audio",
   audioDescription: "Upload or embed audio",
   basicBlocks: "Basic blocks",
+  blockEquation: "Block equation",
+  blockEquationDescription: "Display a LaTeX equation on its own line",
   blocks: "Blocks",
   bulletedList: "Bulleted list",
   bulletedListDescription: "Unordered list",
@@ -2739,6 +2741,7 @@ const editorSlashMessages = {
   collapsibleBlockDescription: "Collapsible block",
   database: "Database",
   databaseDescription: "Inline database in this page",
+  cancelEquation: "Cancel",
   divider: "Divider",
   dividerDescription: "Horizontal rule",
   generate: "Generate",
@@ -2749,6 +2752,9 @@ const editorSlashMessages = {
   heading4Description: "Subheading",
   image: "Image",
   imageDescription: "Upload or embed image",
+  inlineEquation: "Inline equation",
+  inlineEquationDescription: "Add a LaTeX equation within text",
+  insertEquation: "Insert",
   localComponents: "Local components",
   media: "Media",
   numberedList: "Numbered list",
@@ -2756,6 +2762,14 @@ const editorSlashMessages = {
   page: "Page",
   pageDescription: "Create a child page",
   pages: "Pages",
+  equationInputLabel: "LaTeX equation",
+  equationInsertFailed: "Could not insert the equation.",
+  equationNeedsRepair: "Fix the LaTeX to see a preview.",
+  equationPlaceholder: String.raw`Type LaTeX, for example \frac{a}{b}`,
+  equationPreview: "Preview",
+  equationPreviewEmpty: "Your equation will appear here.",
+  equationSubmitHint:
+    "Preview updates as you type. Press Cmd/Ctrl+Enter to insert.",
   quote: "Quote",
   quoteDescription: "Block quote",
   table: "Table",
@@ -10293,6 +10307,21 @@ const contentExactEnglishTranslations = {
   "zh-CN": {
     editor: {
       failedToCreatePage: "创建页面失败",
+      slash: {
+        blockEquation: "块级公式",
+        blockEquationDescription: "在单独一行显示 LaTeX 公式",
+        cancelEquation: "取消",
+        inlineEquation: "行内公式",
+        inlineEquationDescription: "在文本中添加 LaTeX 公式",
+        insertEquation: "插入",
+        equationInputLabel: "LaTeX 公式",
+        equationInsertFailed: "无法插入公式。",
+        equationNeedsRepair: "请修正 LaTeX 以查看预览。",
+        equationPlaceholder: String.raw`输入 LaTeX，例如 \frac{a}{b}`,
+        equationPreview: "预览",
+        equationPreviewEmpty: "公式将在此处显示。",
+        equationSubmitHint: "输入时会实时更新预览。按 Cmd/Ctrl+Enter 插入。",
+      },
       toolbar: {
         copiedPageLink: "已复制页面链接",
         copyPageLink: "复制页面链接",
@@ -10306,6 +10335,23 @@ const contentExactEnglishTranslations = {
   "es-ES": {
     editor: {
       failedToCreatePage: "No se pudo crear la página",
+      slash: {
+        blockEquation: "Ecuación en bloque",
+        blockEquationDescription:
+          "Muestra una ecuación LaTeX en su propia línea",
+        cancelEquation: "Cancelar",
+        inlineEquation: "Ecuación en línea",
+        inlineEquationDescription: "Añade una ecuación LaTeX dentro del texto",
+        insertEquation: "Insertar",
+        equationInputLabel: "Ecuación LaTeX",
+        equationInsertFailed: "No se pudo insertar la ecuación.",
+        equationNeedsRepair: "Corrige el LaTeX para ver la vista previa.",
+        equationPlaceholder: String.raw`Escribe LaTeX, por ejemplo \frac{a}{b}`,
+        equationPreview: "Vista previa",
+        equationPreviewEmpty: "Tu ecuación aparecerá aquí.",
+        equationSubmitHint:
+          "La vista previa se actualiza mientras escribes. Pulsa Cmd/Ctrl+Enter para insertar.",
+      },
       toolbar: {
         copiedPageLink: "Enlace de página copiado",
         copyPageLink: "Copiar enlace de página",
@@ -10320,6 +10366,23 @@ const contentExactEnglishTranslations = {
   "fr-FR": {
     editor: {
       failedToCreatePage: "Impossible de créer la page",
+      slash: {
+        blockEquation: "Équation en bloc",
+        blockEquationDescription:
+          "Afficher une équation LaTeX sur sa propre ligne",
+        cancelEquation: "Annuler",
+        inlineEquation: "Équation en ligne",
+        inlineEquationDescription: "Ajouter une équation LaTeX dans le texte",
+        insertEquation: "Insérer",
+        equationInputLabel: "Équation LaTeX",
+        equationInsertFailed: "Impossible d’insérer l’équation.",
+        equationNeedsRepair: "Corrigez le LaTeX pour afficher un aperçu.",
+        equationPlaceholder: String.raw`Saisissez du LaTeX, par exemple \frac{a}{b}`,
+        equationPreview: "Aperçu",
+        equationPreviewEmpty: "Votre équation apparaîtra ici.",
+        equationSubmitHint:
+          "L’aperçu se met à jour pendant la saisie. Appuyez sur Cmd/Ctrl+Entrée pour insérer.",
+      },
       toolbar: {
         copiedPageLink: "Lien de la page copié",
         copyPageLink: "Copier le lien de la page",
@@ -10334,6 +10397,24 @@ const contentExactEnglishTranslations = {
   "de-DE": {
     editor: {
       failedToCreatePage: "Seite konnte nicht erstellt werden",
+      slash: {
+        blockEquation: "Blockgleichung",
+        blockEquationDescription:
+          "Eine LaTeX-Gleichung in einer eigenen Zeile anzeigen",
+        cancelEquation: "Abbrechen",
+        inlineEquation: "Inline-Gleichung",
+        inlineEquationDescription: "Eine LaTeX-Gleichung in Text einfügen",
+        insertEquation: "Einfügen",
+        equationInputLabel: "LaTeX-Gleichung",
+        equationInsertFailed: "Die Gleichung konnte nicht eingefügt werden.",
+        equationNeedsRepair:
+          "Korrigieren Sie das LaTeX, um eine Vorschau zu sehen.",
+        equationPlaceholder: String.raw`LaTeX eingeben, zum Beispiel \frac{a}{b}`,
+        equationPreview: "Vorschau",
+        equationPreviewEmpty: "Ihre Gleichung wird hier angezeigt.",
+        equationSubmitHint:
+          "Die Vorschau wird während der Eingabe aktualisiert. Mit Cmd/Ctrl+Enter einfügen.",
+      },
       toolbar: {
         copiedPageLink: "Seitenlink kopiert",
         copyPageLink: "Seitenlink kopieren",
@@ -10348,6 +10429,23 @@ const contentExactEnglishTranslations = {
   "ja-JP": {
     editor: {
       failedToCreatePage: "ページを作成できませんでした",
+      slash: {
+        blockEquation: "ブロック数式",
+        blockEquationDescription: "LaTeX 数式を独立した行に表示します",
+        cancelEquation: "キャンセル",
+        inlineEquation: "インライン数式",
+        inlineEquationDescription: "テキスト内に LaTeX 数式を追加します",
+        insertEquation: "挿入",
+        equationInputLabel: "LaTeX 数式",
+        equationInsertFailed: "数式を挿入できませんでした。",
+        equationNeedsRepair:
+          "プレビューを表示するには LaTeX を修正してください。",
+        equationPlaceholder: String.raw`LaTeX を入力（例：\frac{a}{b}）`,
+        equationPreview: "プレビュー",
+        equationPreviewEmpty: "ここに数式が表示されます。",
+        equationSubmitHint:
+          "入力中にプレビューが更新されます。Cmd/Ctrl+Enter で挿入します。",
+      },
       toolbar: {
         copiedPageLink: "ページリンクをコピーしました",
         copyPageLink: "ページリンクをコピー",
@@ -10362,6 +10460,22 @@ const contentExactEnglishTranslations = {
   "ko-KR": {
     editor: {
       failedToCreatePage: "페이지를 만들지 못했습니다",
+      slash: {
+        blockEquation: "블록 수식",
+        blockEquationDescription: "LaTeX 수식을 별도 줄에 표시합니다",
+        cancelEquation: "취소",
+        inlineEquation: "인라인 수식",
+        inlineEquationDescription: "텍스트 안에 LaTeX 수식을 추가합니다",
+        insertEquation: "삽입",
+        equationInputLabel: "LaTeX 수식",
+        equationInsertFailed: "수식을 삽입하지 못했습니다.",
+        equationNeedsRepair: "미리 보려면 LaTeX를 수정하세요.",
+        equationPlaceholder: String.raw`LaTeX를 입력하세요. 예: \frac{a}{b}`,
+        equationPreview: "미리보기",
+        equationPreviewEmpty: "여기에 수식이 표시됩니다.",
+        equationSubmitHint:
+          "입력하는 동안 미리보기가 업데이트됩니다. Cmd/Ctrl+Enter로 삽입하세요.",
+      },
       toolbar: {
         copiedPageLink: "페이지 링크를 복사했습니다",
         copyPageLink: "페이지 링크 복사",
@@ -10376,6 +10490,23 @@ const contentExactEnglishTranslations = {
   "pt-BR": {
     editor: {
       failedToCreatePage: "Não foi possível criar a página",
+      slash: {
+        blockEquation: "Equação em bloco",
+        blockEquationDescription:
+          "Exiba uma equação LaTeX em uma linha própria",
+        cancelEquation: "Cancelar",
+        inlineEquation: "Equação em linha",
+        inlineEquationDescription: "Adicione uma equação LaTeX dentro do texto",
+        insertEquation: "Inserir",
+        equationInputLabel: "Equação LaTeX",
+        equationInsertFailed: "Não foi possível inserir a equação.",
+        equationNeedsRepair: "Corrija o LaTeX para ver uma prévia.",
+        equationPlaceholder: String.raw`Digite LaTeX, por exemplo \frac{a}{b}`,
+        equationPreview: "Prévia",
+        equationPreviewEmpty: "Sua equação aparecerá aqui.",
+        equationSubmitHint:
+          "A prévia é atualizada enquanto você digita. Pressione Cmd/Ctrl+Enter para inserir.",
+      },
       toolbar: {
         copiedPageLink: "Link da página copiado",
         copyPageLink: "Copiar link da página",
@@ -10390,6 +10521,22 @@ const contentExactEnglishTranslations = {
   "hi-IN": {
     editor: {
       failedToCreatePage: "पेज नहीं बनाया जा सका",
+      slash: {
+        blockEquation: "ब्लॉक समीकरण",
+        blockEquationDescription: "LaTeX समीकरण को अलग पंक्ति में दिखाएँ",
+        cancelEquation: "रद्द करें",
+        inlineEquation: "इनलाइन समीकरण",
+        inlineEquationDescription: "टेक्स्ट के भीतर LaTeX समीकरण जोड़ें",
+        insertEquation: "सम्मिलित करें",
+        equationInputLabel: "LaTeX समीकरण",
+        equationInsertFailed: "समीकरण सम्मिलित नहीं किया जा सका।",
+        equationNeedsRepair: "पूर्वावलोकन देखने के लिए LaTeX ठीक करें।",
+        equationPlaceholder: String.raw`LaTeX लिखें, जैसे \frac{a}{b}`,
+        equationPreview: "पूर्वावलोकन",
+        equationPreviewEmpty: "आपका समीकरण यहाँ दिखाई देगा।",
+        equationSubmitHint:
+          "लिखते समय पूर्वावलोकन अपडेट होता है। सम्मिलित करने के लिए Cmd/Ctrl+Enter दबाएँ।",
+      },
       toolbar: {
         copiedPageLink: "पेज लिंक कॉपी किया गया",
         copyPageLink: "पेज लिंक कॉपी करें",
@@ -10403,6 +10550,22 @@ const contentExactEnglishTranslations = {
   "ar-SA": {
     editor: {
       failedToCreatePage: "تعذر إنشاء الصفحة",
+      slash: {
+        blockEquation: "معادلة مستقلة",
+        blockEquationDescription: "اعرض معادلة LaTeX في سطر مستقل",
+        cancelEquation: "إلغاء",
+        inlineEquation: "معادلة ضمن السطر",
+        inlineEquationDescription: "أضف معادلة LaTeX داخل النص",
+        insertEquation: "إدراج",
+        equationInputLabel: "معادلة LaTeX",
+        equationInsertFailed: "تعذر إدراج المعادلة.",
+        equationNeedsRepair: "صحح LaTeX لعرض المعاينة.",
+        equationPlaceholder: String.raw`اكتب LaTeX، مثل \frac{a}{b}`,
+        equationPreview: "معاينة",
+        equationPreviewEmpty: "ستظهر معادلتك هنا.",
+        equationSubmitHint:
+          "تتحدث المعاينة أثناء الكتابة. اضغط Cmd/Ctrl+Enter للإدراج.",
+      },
       toolbar: {
         copiedPageLink: "تم نسخ رابط الصفحة",
         copyPageLink: "نسخ رابط الصفحة",

package/corpus/templates/content/app/root.tsx

@@ -62,6 +62,7 @@ import {
 } from "./lib/content-command-search";
 
 import stylesheet from "./global.css?url";
+import katexStylesheet from "katex/dist/katex.min.css?url";
 configureTracking({
   getDefaultProps: (_name, properties) => ({
     ...properties,
@@ -71,6 +72,7 @@ configureTracking({
 
 export const links: LinksFunction = () => [
   { rel: "stylesheet", href: stylesheet },
+  { rel: "stylesheet", href: katexStylesheet },
 ];
 
 interface RootLoaderData {

package/corpus/templates/content/changelog/2026-07-14-latex-equations-render-in-documents-public-pages-and-exports.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-14
+---
+
+Create inline or block LaTeX equations from the slash menu or by typing `$…$`, with live validation and preview; existing GitHub-style equation syntax remains compatible, and equations render on public pages and in exports.

package/corpus/templates/content/package.json

@@ -55,6 +55,7 @@
     "h3": "catalog:",
     "highlight.js": "^11.11.1",
     "isbot": "^5",
+    "katex": "0.17.0",
     "lowlight": "^3.3.0",
     "prosemirror-markdown": "^1.13.4",
     "remark-mdx": "^3.1.1",

package/corpus/templates/content/shared/document-export.ts

@@ -1,3 +1,6 @@
+import { matchInlineMathAt } from "./inline-math.js";
+import { KATEX_STYLESHEET_URL, renderMathToHtml } from "./math-rendering.js";
+
 export type DocumentExportFormat = "pdf" | "markdown" | "html";
 
 export interface DocumentExportInput {
@@ -100,18 +103,37 @@ export function markdownWithTitle(
   return `${`# ${safeTitle}`}${body ? `\n\n${body}` : ""}\n`;
 }
 
-function inlineMarkdownToHtml(text: string): string {
+interface InlineExportToken {
+  marker: string;
+  html: string;
+  source: string;
+}
+
+function restoreTokenSources(
+  text: string,
+  tokens: InlineExportToken[],
+): string {
+  return tokens.reduce(
+    (restored, token) =>
+      restored.split(token.marker).join(escapeHtml(token.source)),
+    text,
+  );
+}
+
+function inlineMarkdownSegmentToHtml(
+  text: string,
+  tokens: InlineExportToken[],
+): string {
   return escapeHtml(text)
     .replace(
       /!\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^&]*")?\)/g,
       (_m, alt, src) => {
-        return `<img src="${safeExportUrl(src, "image")}" alt="${alt}" />`;
+        return `<img src="${safeExportUrl(src, "image")}" alt="${restoreTokenSources(alt, tokens)}" />`;
       },
     )
     .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_m, label, href) => {
       return `<a href="${safeExportUrl(href, "link")}">${label}</a>`;
     })
-    .replace(/`([^`]+)`/g, "<code>$1</code>")
     .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
     .replace(/__([^_]+)__/g, "<strong>$1</strong>")
     .replace(/~~([^~]+)~~/g, "<s>$1</s>")
@@ -119,24 +141,229 @@ function inlineMarkdownToHtml(text: string): string {
     .replace(/(^|[^_])_([^_]+)_/g, "$1<em>$2</em>");
 }
 
-function listItemsToHtml(lines: string[], ordered: boolean): string {
-  const items = lines
-    .map((line) => {
-      const text = ordered
-        ? line.replace(/^\s*\d+[.)]\s+/, "")
-        : line.replace(/^\s*[-*+]\s+/, "");
-      const task = text.match(/^\[( |x|X)\]\s+(.*)$/);
+function isEscapedDelimiter(text: string, index: number): boolean {
+  let backslashes = 0;
+  for (let cursor = index - 1; cursor >= 0 && text[cursor] === "\\"; cursor--) {
+    backslashes++;
+  }
+  return backslashes % 2 === 1;
+}
+
+function mathErrorHtml(
+  source: string,
+  error: string,
+  displayMode: boolean,
+): string {
+  const className = displayMode
+    ? "math-error math-error-block"
+    : "math-error math-error-inline";
+  const tagName = displayMode ? "pre" : "code";
+  return `<${tagName} class="${className}" title="${escapeHtml(error)}">${escapeHtml(source)}</${tagName}>`;
+}
+
+function inlineMarkdownToHtml(text: string): string {
+  const tokens: InlineExportToken[] = [];
+  let markerStart = "\uE000agent-native-inline-";
+  while (text.includes(markerStart)) markerStart += "-";
+
+  const protectedText: string[] = [];
+  let cursor = 0;
+
+  while (cursor < text.length) {
+    if (text.startsWith("$`", cursor) && isEscapedDelimiter(text, cursor)) {
+      const close = text.indexOf("`$", cursor + 2);
+      if (close !== -1) {
+        protectedText.push(text.slice(cursor, close + 2));
+        cursor = close + 2;
+        continue;
+      }
+    }
+
+    if (text[cursor] === "$") {
+      const inlineMath = matchInlineMathAt(text, cursor);
+      if (inlineMath) {
+        const { latex } = inlineMath;
+        const source = text.slice(cursor, inlineMath.to);
+        const math = renderMathToHtml(latex, false);
+        const marker = `${markerStart}${tokens.length}\uE001`;
+        tokens.push({
+          marker,
+          source,
+          html: math.ok
+            ? `<span class="math-inline">${math.html}</span>`
+            : mathErrorHtml(source, math.error, false),
+        });
+        protectedText.push(marker);
+        cursor = inlineMath.to;
+        continue;
+      }
+    }
+
+    if (text[cursor] === "`" && !isEscapedDelimiter(text, cursor)) {
+      let delimiterLength = 1;
+      while (text[cursor + delimiterLength] === "`") delimiterLength++;
+      const delimiter = "`".repeat(delimiterLength);
+      let close = text.indexOf(delimiter, cursor + delimiterLength);
+      while (
+        close !== -1 &&
+        (text[close - 1] === "`" || text[close + delimiterLength] === "`")
+      ) {
+        close = text.indexOf(delimiter, close + delimiterLength);
+      }
+
+      if (close !== -1) {
+        const source = text.slice(cursor, close + delimiterLength);
+        let code = text
+          .slice(cursor + delimiterLength, close)
+          .replace(/\r?\n/g, " ");
+        if (
+          code.startsWith(" ") &&
+          code.endsWith(" ") &&
+          code.trim().length > 0
+        ) {
+          code = code.slice(1, -1);
+        }
+        const marker = `${markerStart}${tokens.length}\uE001`;
+        tokens.push({
+          marker,
+          source,
+          html: `<code>${escapeHtml(code)}</code>`,
+        });
+        protectedText.push(marker);
+        cursor = close + delimiterLength;
+        continue;
+      }
+    }
+
+    protectedText.push(text[cursor]);
+    cursor++;
+  }
+
+  return tokens.reduce(
+    (html, token) => html.split(token.marker).join(token.html),
+    inlineMarkdownSegmentToHtml(protectedText.join(""), tokens),
+  );
+}
+
+function listItemsToHtml(items: string[][], ordered: boolean): string {
+  const renderedItems = items
+    .map((lines) => {
+      const task = lines[0].match(/^\[( |x|X)\]\s+(.*)$/);
       if (task) {
         const checked = task[1].toLowerCase() === "x";
         return `<li class="task"><input type="checkbox" disabled${
           checked ? " checked" : ""
-        } /> <span>${inlineMarkdownToHtml(task[2])}</span></li>`;
+        } /> <span>${inlineMarkdownToHtml(task[2])}</span>${
+          lines.length > 1 ? markdownToHtml(lines.slice(1).join("\n")) : ""
+        }</li>`;
       }
-      return `<li>${inlineMarkdownToHtml(text)}</li>`;
+      return lines.length === 1
+        ? `<li>${inlineMarkdownToHtml(lines[0])}</li>`
+        : `<li>${markdownToHtml(lines.join("\n"))}</li>`;
     })
     .join("\n");
 
-  return ordered ? `<ol>\n${items}\n</ol>` : `<ul>\n${items}\n</ul>`;
+  return ordered
+    ? `<ol>\n${renderedItems}\n</ol>`
+    : `<ul>\n${renderedItems}\n</ul>`;
+}
+
+interface ListMarkerMatch {
+  baseIndent: number;
+  contentIndent: number;
+  content: string;
+}
+
+function indentationWidth(value: string): number {
+  let width = 0;
+  for (const character of value) {
+    width += character === "\t" ? 4 - (width % 4) : 1;
+  }
+  return width;
+}
+
+function matchListMarker(
+  line: string,
+  ordered: boolean,
+): ListMarkerMatch | null {
+  const match = line.match(
+    ordered
+      ? /^([ \t]*)(?:\d+[.)])([ \t]+)(.*)$/
+      : /^([ \t]*)(?:[-*+])([ \t]+)(.*)$/,
+  );
+  if (!match) return null;
+  const contentStart = match[0].length - match[3].length;
+  return {
+    baseIndent: indentationWidth(match[1]),
+    contentIndent: indentationWidth(line.slice(0, contentStart)),
+    content: match[3],
+  };
+}
+
+function leadingIndentWidth(line: string): number {
+  return indentationWidth(line.match(/^[ \t]*/)?.[0] ?? "");
+}
+
+function stripLeadingIndent(line: string, targetWidth: number): string {
+  let width = 0;
+  let index = 0;
+  while (index < line.length && width < targetWidth) {
+    const character = line[index];
+    if (character !== " " && character !== "\t") break;
+    width += character === "\t" ? 4 - (width % 4) : 1;
+    index++;
+  }
+  return line.slice(index);
+}
+
+function collectListItems(
+  lines: string[],
+  start: number,
+  ordered: boolean,
+): { items: string[][]; nextIndex: number } {
+  const firstMarker = matchListMarker(lines[start], ordered);
+  if (!firstMarker) return { items: [], nextIndex: start };
+
+  const baseIndent = firstMarker.baseIndent;
+  const items: string[][] = [];
+  let index = start;
+
+  while (index < lines.length) {
+    const itemMarker = matchListMarker(lines[index], ordered);
+    if (!itemMarker || itemMarker.baseIndent !== baseIndent) break;
+
+    const item = [itemMarker.content];
+    index++;
+
+    while (index < lines.length) {
+      const nextMarker = matchListMarker(lines[index], ordered);
+      if (nextMarker?.baseIndent === baseIndent) break;
+      if (leadingIndentWidth(lines[index]) >= itemMarker.contentIndent) {
+        item.push(stripLeadingIndent(lines[index], itemMarker.contentIndent));
+        index++;
+        continue;
+      }
+      if (!lines[index].trim()) {
+        let nextContent = index + 1;
+        while (nextContent < lines.length && !lines[nextContent].trim()) {
+          nextContent++;
+        }
+        if (
+          nextContent < lines.length &&
+          leadingIndentWidth(lines[nextContent]) >= itemMarker.contentIndent
+        ) {
+          item.push("");
+          index++;
+          continue;
+        }
+      }
+      break;
+    }
+
+    items.push(item);
+  }
+
+  return { items, nextIndex: index };
 }
 
 function isEmptyBlockLine(trimmed: string): boolean {
@@ -163,6 +390,42 @@ function markdownToHtml(markdown: string): string {
       continue;
     }
 
+    if (trimmed === "$$") {
+      const source = [line];
+      const latex: string[] = [];
+      index++;
+      while (index < lines.length && lines[index].trim() !== "$$") {
+        source.push(lines[index]);
+        latex.push(lines[index]);
+        index++;
+      }
+
+      const closed = index < lines.length;
+      if (closed) {
+        source.push(lines[index]);
+        index++;
+      }
+
+      if (!closed) {
+        blocks.push(
+          mathErrorHtml(
+            source.join("\n"),
+            "This block equation is missing its closing delimiter.",
+            true,
+          ),
+        );
+        continue;
+      }
+
+      const math = renderMathToHtml(latex.join("\n"), true);
+      blocks.push(
+        math.ok
+          ? `<div class="math-block">${math.html}</div>`
+          : mathErrorHtml(source.join("\n"), math.error, true),
+      );
+      continue;
+    }
+
     const codeFence = trimmed.match(/^```(\w+)?/);
     if (codeFence) {
       const code: string[] = [];
@@ -208,22 +471,16 @@ function markdownToHtml(markdown: string): string {
     }
 
     if (/^\s*[-*+]\s+/.test(line)) {
-      const items: string[] = [];
-      while (index < lines.length && /^\s*[-*+]\s+/.test(lines[index])) {
-        items.push(lines[index]);
-        index++;
-      }
-      blocks.push(listItemsToHtml(items, false));
+      const list = collectListItems(lines, index, false);
+      index = list.nextIndex;
+      blocks.push(listItemsToHtml(list.items, false));
       continue;
     }
 
     if (/^\s*\d+[.)]\s+/.test(line)) {
-      const items: string[] = [];
-      while (index < lines.length && /^\s*\d+[.)]\s+/.test(lines[index])) {
-        items.push(lines[index]);
-        index++;
-      }
-      blocks.push(listItemsToHtml(items, true));
+      const list = collectListItems(lines, index, true);
+      index = list.nextIndex;
+      blocks.push(listItemsToHtml(list.items, true));
       continue;
     }
 
@@ -233,6 +490,7 @@ function markdownToHtml(markdown: string): string {
       index < lines.length &&
       lines[index].trim() &&
       !isEmptyBlockLine(lines[index].trim()) &&
+      lines[index].trim() !== "$$" &&
       !/^(#{1,6})\s+/.test(lines[index].trim()) &&
       !/^```/.test(lines[index].trim()) &&
       !/^>\s?/.test(lines[index].trim()) &&
@@ -273,6 +531,7 @@ function buildHtmlDocument(input: {
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>${escapeHtml(input.title)}</title>
+  <link rel="stylesheet" href="${KATEX_STYLESHEET_URL}" crossorigin="anonymous" />
   <style>
     :root { color-scheme: light; }
     body {
@@ -329,6 +588,18 @@ function buildHtmlDocument(input: {
       border-radius: 4px;
       padding: 0.12rem 0.3rem;
     }
+    .math-inline { display: inline-block; max-width: 100%; vertical-align: -0.08em; }
+    .math-block { max-width: 100%; margin: 18px 0; overflow-x: auto; padding: 4px 0; }
+    .math-error {
+      border: 1px solid #fecaca;
+      border-radius: 6px;
+      background: #fef2f2;
+      color: #262626;
+      font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      white-space: pre-wrap;
+    }
+    .math-error-inline { padding: 0.05rem 0.25rem; font-size: 0.9em; }
+    .math-error-block { overflow-wrap: anywhere; padding: 12px 14px; }
     a { color: #2563eb; }
     img {
       display: block;