@ai-matrx/print 0.2.0 → 0.3.1

package/dist/markdown.cjs

@@ -0,0 +1,1260 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/markdown.ts
+var markdown_exports = {};
+__export(markdown_exports, {
+  MARKDOWN_ARTICLE_CSS: () => MARKDOWN_ARTICLE_CSS,
+  MARKDOWN_ARTICLE_TOKENS_CSS: () => MARKDOWN_ARTICLE_TOKENS_CSS,
+  MARKDOWN_DOCUMENT_CSS: () => MARKDOWN_DOCUMENT_CSS,
+  MARKDOWN_DOCUMENT_TOKENS_CSS: () => MARKDOWN_DOCUMENT_TOKENS_CSS,
+  PRINT_ACTIONS_CSS: () => PRINT_ACTIONS_CSS,
+  getMarkdownStylesheet: () => getMarkdownStylesheet,
+  hasThinkingContent: () => hasThinkingContent,
+  markdownToArticleHtml: () => markdownToArticleHtml,
+  markdownToHtml: () => markdownToHtml,
+  markdownToHtmlForSkin: () => markdownToHtmlForSkin,
+  printMarkdown: () => printMarkdown,
+  removeThinkingContent: () => removeThinkingContent,
+  renderMarkdownDocument: () => renderMarkdownDocument
+});
+module.exports = __toCommonJS(markdown_exports);
+
+// src/core.ts
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "width=920,height=720,scrollbars=yes") {
+  const win = window.open("", "_blank", windowFeatures);
+  if (!win) {
+    const blob = new Blob([htmlDocument], { type: "text/html;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${filename.replace(/\s+/g, "-").toLowerCase()}.html`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+    return "downloaded";
+  }
+  win.document.open();
+  win.document.write(htmlDocument);
+  win.document.close();
+  return "opened";
+}
+
+// src/markdown-css.ts
+var MARKDOWN_DOCUMENT_TOKENS_CSS = `:root {
+    --matrx-print-accent: #667eea;
+    --matrx-print-accent-2: #764ba2;
+    --matrx-print-bg: #ffffff;
+    --matrx-print-border: #e1e1e1;
+    --matrx-print-border-muted: #d1d5db;
+    --matrx-print-border-strong: #e5e5e5;
+    --matrx-print-code-bg: #f5f5f5;
+    --matrx-print-code-block-bg: #f8f8f8;
+    --matrx-print-code-block-fg: #333;
+    --matrx-print-code-fg: #d73a49;
+    --matrx-print-fg: #1a1a1a;
+    --matrx-print-fg-muted: #4a4a4a;
+    --matrx-print-fg-subtle: #6b7280;
+    --matrx-print-heading: #2a2a2a;
+    --matrx-print-heading-sub: #3a3a3a;
+    --matrx-print-link-fg: #374151;
+    --matrx-print-link-hover-fg: #1f2937;
+    --matrx-print-link-underline: #9ca3af;
+    --matrx-print-quote-fg: #666;
+    --matrx-print-shadow: rgba(0, 0, 0, 0.1);
+    --matrx-print-shadow-strong: rgba(0, 0, 0, 0.2);
+    --matrx-print-success: #2d5016;
+    --matrx-print-success-2: #1e3a0f;
+    --matrx-print-surface: #f8f9fa;
+    --matrx-print-table-fg: #333333;
+}`;
+var MARKDOWN_ARTICLE_TOKENS_CSS = `:root {
+    --matrx-print-accent: #2563eb;
+    --matrx-print-bg: #fff;
+    --matrx-print-border: #e5e7eb;
+    --matrx-print-border-muted: #d1d5db;
+    --matrx-print-code-bg: #f1f5f9;
+    --matrx-print-fg: #1a1a1a;
+    --matrx-print-fg-muted: #374151;
+    --matrx-print-fg-subtle: #64748b;
+    --matrx-print-heading: #111827;
+    --matrx-print-ink: #0f172a;
+    --matrx-print-line: #e2e8f0;
+    --matrx-print-quote-bg: #f5f3ff;
+    --matrx-print-quote-border: #6366f1;
+    --matrx-print-surface: #f8fafc;
+    --matrx-print-surface-sunken: #f3f4f6;
+    --matrx-print-table-head-bg: #1e293b;
+    --matrx-print-table-head-border: #334155;
+}`;
+var MARKDOWN_DOCUMENT_CSS = `/* 
+ * MATRX WordPress CSS - Production Ready
+ * Use this CSS in your WordPress theme to style MATRX content
+ * All styles are scoped to .matrx-content-container to avoid conflicts
+ */
+
+/* Content Container */
+.matrx-content-container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 2rem;
+    line-height: 1.6;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+}
+
+/* Typography */
+.matrx-h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin: 0 0 1.5rem 0;
+    color: var(--matrx-print-fg, #1a1a1a);
+    line-height: 1.2;
+}
+
+.matrx-h2 {
+    font-size: 1.8rem;
+    font-weight: 600;
+    margin: 3rem 0 1rem 0 !important;
+    color: var(--matrx-print-heading, #2a2a2a);
+    line-height: 1.3 !important;
+    border-bottom: 2px solid var(--matrx-print-border-strong, #e5e5e5);
+    padding-bottom: 0.75rem !important;
+    padding-top: 0 !important;
+}
+
+.matrx-h3 {
+    font-size: 1.3rem;
+    font-weight: 600;
+    margin: 2rem 0 1rem 0;
+    color: var(--matrx-print-heading-sub, #3a3a3a);
+    line-height: 1.4;
+}
+
+.matrx-h4 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 1.5rem 0 0.75rem 0;
+    color: var(--matrx-print-heading-sub, #3a3a3a);
+    line-height: 1.4;
+}
+
+.matrx-h5 {
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 1.25rem 0 0.5rem 0;
+    color: var(--matrx-print-heading-sub, #3a3a3a);
+    line-height: 1.4;
+}
+
+.matrx-h6 {
+    font-size: 0.9rem;
+    font-weight: 600;
+    margin: 1rem 0 0.5rem 0;
+    color: var(--matrx-print-heading-sub, #3a3a3a);
+    line-height: 1.4;
+}
+
+/* Paragraphs */
+.matrx-intro {
+    font-size: 1.1rem;
+    color: var(--matrx-print-fg-muted, #4a4a4a);
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background: var(--matrx-print-surface, #f8f9fa);
+    border-left: 4px solid var(--matrx-print-border-muted, #d1d5db);
+    border-radius: 0 8px 8px 0;
+}
+
+.matrx-paragraph {
+    font-size: 1rem;
+    color: var(--matrx-print-fg-muted, #4a4a4a);
+    margin-bottom: 1.5rem;
+    text-align: justify;
+}
+
+/* Text Formatting */
+.matrx-em {
+    font-style: italic;
+    color: var(--matrx-print-heading, #2a2a2a);
+}
+
+.matrx-strong {
+    font-weight: 600;
+    color: var(--matrx-print-heading, #2a2a2a);
+}
+
+/* Links */
+.matrx-link {
+    color: var(--matrx-print-link-fg, #374151);
+    text-decoration: underline;
+    text-decoration-color: var(--matrx-print-border-muted, #d1d5db);
+    text-underline-offset: 3px;
+    transition: all 0.2s ease;
+}
+
+.matrx-link:hover {
+    color: var(--matrx-print-link-hover-fg, #1f2937);
+    text-decoration-color: var(--matrx-print-link-underline, #9ca3af);
+}
+
+/* Images */
+.matrx-image {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 1.5rem auto;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px var(--matrx-print-shadow, rgba(0, 0, 0, 0.1));
+}
+
+/* Lists */
+.matrx-list {
+    margin: 1.5rem 0;
+    padding-left: 0;
+}
+
+.matrx-bullet-list {
+    list-style: none;
+}
+
+.matrx-list-item {
+    margin-bottom: 1rem;
+    padding-left: 1.5rem;
+    position: relative;
+    color: var(--matrx-print-fg-muted, #4a4a4a);
+}
+
+.matrx-list-item::before {
+    content: "\u2022";
+    color: var(--matrx-print-fg-subtle, #6b7280);
+    font-weight: bold;
+    position: absolute;
+    left: 0;
+    top: 0;
+    font-size: 1.2rem;
+}
+
+/* Numbered Lists */
+.matrx-numbered-list {
+    list-style: decimal;
+    padding-left: 2rem;
+}
+
+.matrx-numbered-list > .matrx-list-item {
+    padding-left: 0.5rem;
+}
+
+.matrx-numbered-list > .matrx-list-item::before {
+    content: none;
+    /* Remove the bullet */
+}
+
+/* Nested list indentation */
+.matrx-nested-list {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+    padding-left: 1.5rem !important;
+}
+
+/* Ensure nested lists within list items are properly indented */
+.matrx-list-item > .matrx-list {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+    padding-left: 1.5rem;
+}
+
+/* For multiple levels of nesting, increase indentation */
+.matrx-nested-list .matrx-nested-list {
+    padding-left: 1.5rem !important;
+}
+
+/* Code */
+.matrx-content-container .matrx-inline-code {
+    background-color: var(--matrx-print-code-bg, #f5f5f5);
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+    font-size: 0.875rem;
+    color: var(--matrx-print-code-fg, #d73a49);
+}
+
+.matrx-content-container .matrx-code-block {
+    background-color: var(--matrx-print-code-block-bg, #f8f8f8);
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    border-radius: 0.375rem;
+    padding: 1rem;
+    margin: 1.5rem 0;
+    overflow-x: auto;
+}
+
+.matrx-content-container .matrx-code {
+    font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    color: var(--matrx-print-code-block-fg, #333);
+}
+
+/* Blockquotes */
+.matrx-content-container .matrx-blockquote {
+    border-left: 4px solid var(--matrx-print-border, #e1e1e1);
+    padding-left: 1rem;
+    margin: 1.5rem 0;
+    font-style: italic;
+    color: var(--matrx-print-quote-fg, #666);
+}
+
+/* Tables */
+.matrx-content-container .matrx-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1.5rem 0;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+}
+
+.matrx-content-container .matrx-table-header {
+    background-color: var(--matrx-print-surface, #f8f9fa);
+    font-weight: 600;
+    padding: 0.75rem;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    text-align: left;
+}
+
+.matrx-content-container .matrx-table-cell {
+    padding: 0.75rem;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+}
+
+.matrx-content-container .matrx-table-row:nth-child(even) {
+    background-color: var(--matrx-print-surface, #f8f9fa);
+}
+
+/* Images */
+.matrx-content-container .matrx-image {
+    max-width: 100%;
+    height: auto;
+    border-radius: 0.375rem;
+    margin: 1rem 0;
+}
+
+/* Horizontal Rules */
+.matrx-content-container .matrx-hr {
+    border: none;
+    border-top: 1px solid var(--matrx-print-border, #e1e1e1);
+    margin: 2rem 0;
+}
+
+/* FAQ Styles - Clean Design */
+.matrx-faq-item {
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background: var(--matrx-print-surface, #f8f9fa);
+    border-radius: 8px;
+    border-left: 4px solid var(--matrx-print-border-muted, #d1d5db);
+}
+
+.matrx-faq-question {
+    font-size: 1.2rem;
+    font-weight: 600;
+    margin: 0 0 0.75rem 0;
+    color: var(--matrx-print-heading, #2a2a2a);
+}
+
+.matrx-faq-answer {
+    margin: 0;
+    color: var(--matrx-print-fg-muted, #4a4a4a);
+    line-height: 1.6;
+}
+
+/* Code Blocks */
+.matrx-inline-code {
+    background-color: var(--matrx-print-code-bg, #f5f5f5);
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+    font-size: 0.875rem;
+    color: var(--matrx-print-code-fg, #d73a49);
+}
+
+.matrx-code-block {
+    background-color: var(--matrx-print-code-block-bg, #f8f8f8);
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    border-radius: 0.375rem;
+    padding: 1rem;
+    margin: 1.5rem 0;
+    overflow-x: auto;
+}
+
+.matrx-code {
+    font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    color: var(--matrx-print-code-block-fg, #333);
+}
+
+/* Blockquotes */
+.matrx-blockquote {
+    border-left: 4px solid var(--matrx-print-border, #e1e1e1);
+    padding-left: 1rem;
+    margin: 1.5rem 0;
+    font-style: italic;
+    color: var(--matrx-print-quote-fg, #666);
+}
+
+/* Tables */
+.matrx-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1.5rem 0;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    color: var(--matrx-print-table-fg, #333333);
+}
+
+.matrx-table-head {
+    background-color: var(--matrx-print-surface, #f8f9fa);
+}
+
+.matrx-table-body {
+    background-color: var(--matrx-print-bg, #ffffff);
+}
+
+.matrx-table-header {
+    background-color: var(--matrx-print-surface, #f8f9fa);
+    font-weight: 600;
+    padding: 0.75rem;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    text-align: left;
+    color: var(--matrx-print-table-fg, #333333);
+}
+
+.matrx-table-cell {
+    padding: 0.75rem;
+    border: 1px solid var(--matrx-print-border, #e1e1e1);
+    color: var(--matrx-print-table-fg, #333333);
+}
+
+.matrx-table-row {
+    color: var(--matrx-print-table-fg, #333333);
+}
+
+.matrx-table-row:nth-child(even) {
+    background-color: var(--matrx-print-surface, #f8f9fa);
+}
+
+/* Ensure table content doesn't inherit external colors */
+.matrx-table * {
+    color: inherit;
+}
+
+/* Images */
+.matrx-image {
+    max-width: 100%;
+    height: auto;
+    border-radius: 0.375rem;
+    margin: 1rem 0;
+}
+
+/* Horizontal Rules */
+.matrx-hr {
+    border: none;
+    border-top: 1px solid var(--matrx-print-border, #e1e1e1);
+    margin: 2rem 0;
+}
+
+/* Utility Classes */
+.matrx-div {
+    margin: 0.5rem 0;
+}
+
+.matrx-span {
+    /* Inherit parent styling by default */
+}
+
+/* Flashcard Styles */
+.matrx-flashcards-container {
+    margin: 2rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.matrx-flashcard {
+    perspective: 1000px;
+    perspective-origin: center center;
+    height: 200px;
+    cursor: pointer;
+    position: relative;
+    margin-bottom: 0.5rem;
+}
+
+.matrx-flashcard-input {
+    display: none;
+}
+
+.matrx-flashcard-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: transform 0.6s;
+    transform-style: preserve-3d;
+    transform-origin: center center;
+}
+
+.matrx-flashcard-input:checked ~ .matrx-flashcard-inner {
+    transform: rotateY(180deg);
+}
+
+.matrx-flashcard-front,
+.matrx-flashcard-back {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    backface-visibility: hidden;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1.5rem;
+    box-shadow: 0 4px 6px var(--matrx-print-shadow, rgba(0, 0, 0, 0.1));
+    transition: box-shadow 0.3s ease;
+    box-sizing: border-box;
+}
+
+.matrx-flashcard-front {
+    background: linear-gradient(135deg, var(--matrx-print-accent, #667eea) 0%, var(--matrx-print-accent-2, #764ba2) 100%);
+    color: white;
+}
+
+.matrx-flashcard-back {
+    background: linear-gradient(135deg, var(--matrx-print-success, #2d5016) 0%, var(--matrx-print-success-2, #1e3a0f) 100%);
+    color: white;
+    transform: rotateY(180deg);
+}
+
+.matrx-flashcard:hover .matrx-flashcard-front,
+.matrx-flashcard:hover .matrx-flashcard-back {
+    box-shadow: 0 8px 16px var(--matrx-print-shadow-strong, rgba(0, 0, 0, 0.2));
+}
+
+.matrx-flashcard-content {
+    text-align: center;
+    font-size: 1.3rem;
+    line-height: 1.8;
+    max-height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+
+.matrx-flashcard-label {
+    cursor: pointer;
+    user-select: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+}
+
+.matrx-flashcard-indicator {
+    position: absolute;
+    bottom: 12px;
+    right: 16px;
+    font-size: 0.75rem;
+    opacity: 0.8;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .matrx-flashcard {
+        height: 180px;
+    }
+
+    .matrx-flashcard-content {
+        font-size: 1rem;
+    }
+
+    .matrx-flashcard-front,
+    .matrx-flashcard-back {
+        padding: 1.25rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .matrx-flashcard {
+        height: 160px;
+    }
+
+    .matrx-flashcard-content {
+        font-size: 0.95rem;
+    }
+
+    .matrx-flashcard-front,
+    .matrx-flashcard-back {
+        padding: 1rem;
+    }
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .matrx-content-container {
+        padding: 1rem;
+    }
+
+    .matrx-h1 {
+        font-size: 2rem;
+    }
+
+    .matrx-h2 {
+        font-size: 1.5rem;
+        margin: 2rem 0 1rem 0 !important;
+    }
+
+    .matrx-h3 {
+        font-size: 1.2rem;
+    }
+
+    .matrx-h4 {
+        font-size: 1.05rem;
+    }
+
+    .matrx-h5 {
+        font-size: 0.95rem;
+    }
+
+    .matrx-h6 {
+        font-size: 0.9rem;
+    }
+
+    .matrx-intro {
+        padding: 1rem;
+        font-size: 1rem;
+    }
+
+    .matrx-faq-question {
+        font-size: 1.1rem;
+        margin: 1.5rem 0 0.75rem 0;
+    }
+
+    .matrx-paragraph {
+        text-align: left;
+    }
+
+    .matrx-table {
+        font-size: 0.875rem;
+    }
+
+    .matrx-table-header,
+    .matrx-table-cell {
+        padding: 0.5rem;
+    }
+
+    .matrx-code-block {
+        padding: 0.75rem;
+        margin: 1rem 0;
+    }
+}
+
+@media (max-width: 480px) {
+    .matrx-content-container {
+        padding: 0.75rem;
+    }
+
+    .matrx-h1 {
+        font-size: 1.75rem;
+        margin-bottom: 1rem;
+    }
+
+    .matrx-h2 {
+        font-size: 1.3rem;
+        margin: 1.5rem 0 0.75rem 0 !important;
+    }
+
+    .matrx-h3 {
+        font-size: 1.1rem;
+        margin: 1.5rem 0 0.75rem 0;
+    }
+
+    .matrx-h4 {
+        font-size: 1rem;
+        margin: 1.25rem 0 0.5rem 0;
+    }
+
+    .matrx-h5 {
+        font-size: 0.9rem;
+        margin: 1rem 0 0.5rem 0;
+    }
+
+    .matrx-h6 {
+        font-size: 0.85rem;
+        margin: 1rem 0 0.5rem 0;
+    }
+
+    .matrx-intro {
+        padding: 0.75rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .matrx-paragraph {
+        margin-bottom: 1.25rem;
+    }
+
+    .matrx-list-item {
+        margin-bottom: 0.75rem;
+    }
+
+    .matrx-table-header,
+    .matrx-table-cell {
+        padding: 0.375rem;
+    }
+
+    .matrx-code-block {
+        padding: 0.5rem;
+        font-size: 0.8rem;
+    }
+
+    .matrx-inline-code {
+        font-size: 0.8rem;
+    }
+}
+/* Print / PDF hard parts \u2014 added by @ai-matrx/print 0.3.0. */
+@media print {
+    .matrx-content-container {
+        max-width: 100%;
+        padding: 0;
+    }
+
+    .matrx-h1,
+    .matrx-h2,
+    .matrx-h3,
+    .matrx-h4,
+    .matrx-h5,
+    .matrx-h6 {
+        page-break-after: avoid;
+        break-after: avoid;
+    }
+
+    .matrx-paragraph,
+    .matrx-intro {
+        orphans: 3;
+        widows: 3;
+    }
+
+    .matrx-table,
+    .matrx-code-block,
+    .matrx-blockquote,
+    .matrx-list-item,
+    .matrx-image,
+    .matrx-faq-item,
+    .matrx-flashcard {
+        page-break-inside: avoid;
+        break-inside: avoid;
+    }
+
+    .matrx-table-header,
+    .matrx-code-block,
+    .matrx-blockquote,
+    .matrx-flashcard {
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+    }
+
+    .matrx-link {
+        text-decoration: underline;
+    }
+}
+`;
+var MARKDOWN_ARTICLE_CSS = `*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,'Times New Roman',serif;font-size:11pt;line-height:1.7;color:var(--matrx-print-fg, #1a1a1a);background:var(--matrx-print-bg, #fff);max-width:780px;margin:0 auto;padding:32px 40px}.print-actions{display:flex;gap:10px;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--matrx-print-border, #e5e7eb)}.print-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;border:none;font-weight:600;transition:opacity .15s}.print-btn:hover{opacity:.85}.print-btn-primary{background:var(--matrx-print-accent, #2563eb);color:var(--matrx-print-bg, #fff)}.print-btn-secondary{background:var(--matrx-print-surface-sunken, #f3f4f6);color:var(--matrx-print-fg-muted, #374151);border:1px solid var(--matrx-print-border-muted, #d1d5db)}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-weight:700;line-height:1.3;color:var(--matrx-print-heading, #111827);margin-top:1.6em;margin-bottom:.5em;page-break-after:avoid}h1{font-size:24pt;border-bottom:2px solid var(--matrx-print-border, #e5e7eb);padding-bottom:.3em;margin-top:0}h2{font-size:18pt;border-bottom:1px solid var(--matrx-print-border, #e5e7eb);padding-bottom:.2em}h3{font-size:14pt}p{margin-bottom:.9em;orphans:3;widows:3}a{color:var(--matrx-print-accent, #2563eb);text-decoration:underline;word-break:break-word}ul,ol{margin:.6em 0 .9em 0;padding-left:1.8em}li{margin-bottom:.3em;page-break-inside:avoid}blockquote{margin:1em 0;padding:.7em 1em .7em 1.2em;border-left:4px solid var(--matrx-print-quote-border, #6366f1);background:var(--matrx-print-quote-bg, #f5f3ff);border-radius:0 6px 6px 0;color:var(--matrx-print-fg-muted, #374151);font-style:italic;page-break-inside:avoid}.inline-code{font-family:'JetBrains Mono','Fira Code',monospace;font-size:9.5pt;background:var(--matrx-print-code-bg, #f1f5f9);color:var(--matrx-print-ink, #0f172a);padding:1px 5px;border-radius:4px;border:1px solid var(--matrx-print-line, #e2e8f0)}.code-block-wrapper{position:relative;margin:1em 0 1.2em;border-radius:8px;overflow:hidden;border:1px solid var(--matrx-print-line, #e2e8f0);page-break-inside:avoid}.code-lang{display:block;font-family:-apple-system,sans-serif;font-size:9pt;font-weight:600;color:var(--matrx-print-fg-subtle, #64748b);background:var(--matrx-print-surface, #f8fafc);padding:4px 12px;border-bottom:1px solid var(--matrx-print-line, #e2e8f0);text-transform:uppercase;letter-spacing:.05em}.code-block{margin:0;padding:14px 16px;background:var(--matrx-print-ink, #0f172a);color:var(--matrx-print-line, #e2e8f0);font-family:'JetBrains Mono',monospace;font-size:9pt;line-height:1.6;overflow-x:auto;white-space:pre;tab-size:2}.print-table{width:100%;border-collapse:collapse;margin:1em 0 1.2em;font-size:10pt;page-break-inside:avoid}.print-table th{background:var(--matrx-print-table-head-bg, #1e293b);color:var(--matrx-print-surface, #f8fafc);font-family:-apple-system,sans-serif;font-weight:600;font-size:9.5pt;text-align:left;padding:8px 12px;border:1px solid var(--matrx-print-table-head-border, #334155)}.print-table td{padding:7px 12px;border:1px solid var(--matrx-print-line, #e2e8f0);vertical-align:top}.print-table tr:nth-child(even) td{background:var(--matrx-print-surface, #f8fafc)}hr{border:none;border-top:2px solid var(--matrx-print-border, #e5e7eb);margin:1.5em 0}@media print{body{max-width:100%;padding:0;font-size:10.5pt}.print-actions{display:none!important}.code-block,.print-table th,blockquote{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}a[href]::after{content:" ("attr(href)")";font-size:9pt;color:var(--matrx-print-fg-subtle, #64748b)}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}h1,h2,h3{page-break-after:avoid}pre,blockquote,table{page-break-inside:avoid}}`;
+
+// src/markdown.ts
+function removeThinkingContent(content) {
+  if (!content) return "";
+  let result = content.replace(/\n*<thinking>[\s\S]*?<\/thinking>\n*/gi, "\n").replace(/\n*<think>[\s\S]*?<\/think>\n*/gi, "\n").replace(/\n*<reasoning>[\s\S]*?<\/reasoning>\n*/gi, "\n");
+  result = result.replace(/\n{3,}/g, "\n\n");
+  return result.trim();
+}
+function hasThinkingContent(content) {
+  if (!content) return false;
+  return /<thinking>|<think>|<reasoning>/i.test(content);
+}
+function convertMarkdownTables(html) {
+  const tableRegex = /^(\|.*\|)\s*\n(\|[-\s:|]*\|)\s*\n((?:\|.*\|\s*\n?)*)/gm;
+  return html.replace(
+    tableRegex,
+    (_match, headerRow, _separatorRow, bodyRows) => {
+      const headers = headerRow.split("|").map((cell) => cell.trim()).filter((cell) => cell !== "");
+      const rows = bodyRows.trim().split("\n").filter((row) => row.trim()).map(
+        (row) => row.split("|").map((cell) => cell.trim()).filter((cell) => cell !== "")
+      );
+      let tableHtml = '<table class="matrx-table">\n';
+      if (headers.length > 0) {
+        tableHtml += '<thead class="matrx-table-head">\n<tr class="matrx-table-row">\n';
+        for (const header of headers) {
+          tableHtml += `<th class="matrx-table-header">${header}</th>
+`;
+        }
+        tableHtml += "</tr>\n</thead>\n";
+      }
+      if (rows.length > 0) {
+        tableHtml += '<tbody class="matrx-table-body">\n';
+        for (const row of rows) {
+          if (row.length === 0) continue;
+          tableHtml += '<tr class="matrx-table-row">\n';
+          for (const cell of row) {
+            tableHtml += `<td class="matrx-table-cell">${cell}</td>
+`;
+          }
+          tableHtml += "</tr>\n";
+        }
+        tableHtml += "</tbody>\n";
+      }
+      return `${tableHtml}</table>
+`;
+    }
+  );
+}
+function markdownToHtml(markdown, options = {}) {
+  const notice = options.onNotice;
+  if (!markdown) {
+    notice?.({
+      code: "empty-output",
+      message: "markdownToHtml received an empty string.",
+      remedy: "Check the content is loaded before converting; nothing was rendered."
+    });
+    return "";
+  }
+  const startWrapper = '<div class="matrx-content-container">';
+  const endWrapper = "</div>";
+  let html = options.includeThinking ? markdown : removeThinkingContent(markdown);
+  const flashcardPlaceholders = [];
+  let flashcardIndex = 0;
+  let globalCardIndex = 0;
+  html = html.replace(
+    /<flashcards>([\s\S]*?)<\/flashcards>/gi,
+    (_match, content) => {
+      const cards = content.split(/\n*---\n*/g).map((card) => card.trim()).filter((card) => card.length > 0);
+      if (cards.length === 0) return "";
+      let flashcardsHtml = '<div class="matrx-flashcards-container">\n';
+      for (const card of cards) {
+        const frontMatch = card.match(/Front:\s*(.+?)(?=\n|$)/i);
+        const backMatch = card.match(/Back:\s*([\s\S]+?)$/i);
+        const front = frontMatch?.[1]?.trim();
+        const back = backMatch?.[1]?.trim();
+        if (!front || !back) {
+          notice?.({
+            code: "flashcard-malformed",
+            message: `A flashcard was skipped: it is missing a ${front ? "Back:" : "Front:"} line.`,
+            remedy: 'Every card inside <flashcards> needs both "Front: \u2026" and "Back: \u2026", separated from the next card by ---.'
+          });
+          continue;
+        }
+        globalCardIndex++;
+        const cardId = `card${globalCardIndex}`;
+        flashcardsHtml += `    <div class="matrx-flashcard">
+        <input type="checkbox" class="matrx-flashcard-input" id="${cardId}">
+        <label for="${cardId}" class="matrx-flashcard-label"></label>
+        <div class="matrx-flashcard-inner">
+            <div class="matrx-flashcard-front">
+                <div class="matrx-flashcard-content">
+                    <strong>${front}</strong>
+                </div>
+                <span class="matrx-flashcard-indicator">CLICK TO FLIP</span>
+            </div>
+            <div class="matrx-flashcard-back">
+                <div class="matrx-flashcard-content">
+                    ${back}
+                </div>
+                <span class="matrx-flashcard-indicator">CLICK TO FLIP</span>
+            </div>
+        </div>
+    </div>
+
+`;
+      }
+      flashcardsHtml += "</div>\n";
+      const placeholder = `\u03A9FLASHCARD\u03A9${flashcardIndex}\u03A9FLASHCARD\u03A9`;
+      flashcardPlaceholders.push({ placeholder, html: flashcardsHtml });
+      flashcardIndex++;
+      return placeholder;
+    }
+  );
+  html = html.replace(/^[-]{3,}$/gm, '<hr class="matrx-hr">');
+  html = html.replace(/^[*]{3,}$/gm, '<hr class="matrx-hr">');
+  const imagePlaceholders = [];
+  let imageIndex = 0;
+  html = html.replace(
+    /!\[([^\]]*)\]\(([^)]+)\)/g,
+    (_match, altText, url) => {
+      const placeholder = `\u03A9IMAGE\u03A9${imageIndex}\u03A9IMAGE\u03A9`;
+      imagePlaceholders.push({
+        placeholder,
+        html: `<img class="matrx-image" src="${url}" alt="${altText}" />`
+      });
+      imageIndex++;
+      return placeholder;
+    }
+  );
+  const linkPlaceholders = [];
+  let linkIndex = 0;
+  html = html.replace(
+    /\[([^\]]+)\]\(([^)]+)\)/g,
+    (_match, linkText, url) => {
+      const placeholder = `\u03A9LINK\u03A9${linkIndex}\u03A9LINK\u03A9`;
+      linkPlaceholders.push({
+        placeholder,
+        html: `<a class="matrx-link" href="${url}">${linkText}</a>`
+      });
+      linkIndex++;
+      return placeholder;
+    }
+  );
+  html = html.replace(/^# (.+)$/gm, '<h1 class="matrx-h1">$1</h1>').replace(/^## (.+)$/gm, '<h2 class="matrx-h2">$1</h2>').replace(/^### (.+)$/gm, '<h3 class="matrx-h3">$1</h3>').replace(/^#### (.+)$/gm, '<h4 class="matrx-h4">$1</h4>').replace(/^##### (.+)$/gm, '<h5 class="matrx-h5">$1</h5>').replace(/^###### (.+)$/gm, '<h6 class="matrx-h6">$1</h6>');
+  html = html.replace(/\*\*(.+?)\*\*/g, '<strong class="matrx-strong">$1</strong>').replace(/\*(.+?)\*/g, '<em class="matrx-em">$1</em>').replace(/__(.+?)__/g, '<strong class="matrx-strong">$1</strong>').replace(/_(.+?)_/g, '<em class="matrx-em">$1</em>');
+  const lines = html.split("\n");
+  let processedHtml = "";
+  const listStack = [];
+  let lastListItem = "";
+  const top = () => listStack[listStack.length - 1];
+  const closeDeeperThan = (indent) => {
+    while (listStack.length > 0 && top().indent > indent) {
+      if (lastListItem) {
+        processedHtml += "</li>\n";
+        lastListItem = "";
+      }
+      const closing = listStack.pop();
+      if (!closing) break;
+      processedHtml += closing.type === "ol" ? "</ol>\n" : "</ul>\n";
+      if (listStack.length > 0) processedHtml += "</li>\n";
+    }
+  };
+  for (const line of lines) {
+    const numberedMatch = line.match(/^(\s*)(\d+)\.\s+(.+)$/);
+    if (numberedMatch) {
+      const indent = (numberedMatch[1] ?? "").length;
+      const content = numberedMatch[3] ?? "";
+      const current = top();
+      if (current && indent > current.indent) {
+        processedHtml += '\n<ol class="matrx-list matrx-numbered-list matrx-nested-list">\n';
+        listStack.push({ type: "ol", indent });
+        processedHtml += `<li class="matrx-list-item">${content}`;
+        lastListItem = "ol";
+      } else {
+        closeDeeperThan(indent);
+        if (lastListItem && top()?.indent === indent) processedHtml += "</li>\n";
+        const now = top();
+        if (!now || now.indent !== indent || now.type !== "ol") {
+          processedHtml += '<ol class="matrx-list matrx-numbered-list">\n';
+          listStack.push({ type: "ol", indent });
+        }
+        processedHtml += `<li class="matrx-list-item">${content}`;
+        lastListItem = "ol";
+      }
+      continue;
+    }
+    const bulletMatch = line.match(/^(\s*)[*\-+]\s+(.+)$/);
+    if (bulletMatch) {
+      const indent = (bulletMatch[1] ?? "").length;
+      const content = bulletMatch[2] ?? "";
+      const current = top();
+      if (current && indent > current.indent) {
+        processedHtml += '\n<ul class="matrx-list matrx-bullet-list matrx-nested-list">\n';
+        listStack.push({ type: "ul", indent });
+        processedHtml += `<li class="matrx-list-item">${content}`;
+        lastListItem = "ul";
+      } else {
+        closeDeeperThan(indent);
+        if (lastListItem && top()?.indent === indent) processedHtml += "</li>\n";
+        const now = top();
+        if (!now || now.indent !== indent || now.type !== "ul") {
+          processedHtml += '<ul class="matrx-list matrx-bullet-list">\n';
+          listStack.push({ type: "ul", indent });
+        }
+        processedHtml += `<li class="matrx-list-item">${content}`;
+        lastListItem = "ul";
+      }
+      continue;
+    }
+    if (line.trim() !== "") {
+      while (listStack.length > 0) {
+        if (lastListItem) {
+          processedHtml += "</li>\n";
+          lastListItem = "";
+        }
+        const closing = listStack.pop();
+        if (!closing) break;
+        processedHtml += closing.type === "ol" ? "</ol>\n" : "</ul>\n";
+        if (listStack.length > 0) processedHtml += "</li>\n";
+      }
+    }
+    processedHtml += `${line}
+`;
+  }
+  while (listStack.length > 0) {
+    if (lastListItem) {
+      processedHtml += "</li>\n";
+      lastListItem = "";
+    }
+    const closing = listStack.pop();
+    if (!closing) break;
+    processedHtml += closing.type === "ol" ? "</ol>\n" : "</ul>\n";
+    if (listStack.length > 0) processedHtml += "</li>\n";
+  }
+  html = processedHtml;
+  html = html.replace(/^> (.+)$/gm, '<blockquote class="matrx-blockquote">$1</blockquote>');
+  html = html.replace(
+    /```([^`]+)```/gs,
+    '<pre class="matrx-code-block"><code class="matrx-code">$1</code></pre>'
+  );
+  html = html.replace(/`([^`]+)`/g, '<code class="matrx-inline-code">$1</code>');
+  html = convertMarkdownTables(html);
+  html = html.replace(/<table>/g, '<table class="matrx-table">').replace(/<thead>/g, '<thead class="matrx-table-head">').replace(/<tbody>/g, '<tbody class="matrx-table-body">').replace(/<tr>/g, '<tr class="matrx-table-row">').replace(/<th>/g, '<th class="matrx-table-header">').replace(/<td>/g, '<td class="matrx-table-cell">');
+  html = html.replace(/<img([^>]*)>/g, '<img class="matrx-image"$1>');
+  html = html.replace(/<div(?!\s+class="matrx-)([^>]*)>/g, '<div class="matrx-div"$1>');
+  html = html.replace(/<span([^>]*)>/g, '<span class="matrx-span"$1>');
+  html = html.replace(/^([^<\n].+)$/gm, '<p class="matrx-paragraph">$1</p>');
+  html = html.replace(
+    /<\/p>\s*<p class="matrx-paragraph">/g,
+    '</p><p class="matrx-paragraph">'
+  );
+  html = html.replace(
+    /(<h1 class="matrx-h1">[\s\S]*?<\/h1>\s*)<p class="matrx-paragraph">([\s\S]*?)<\/p>/g,
+    '$1<p class="matrx-intro">$2</p>'
+  );
+  html = html.replace(
+    /^<strong class="matrx-strong">([^<]*\?[^<]*)<\/strong>$/gm,
+    '<h3 class="matrx-h3">$1</h3>'
+  );
+  html = html.replace(
+    /<p class="matrx-paragraph"><strong class="matrx-strong">([^<]*\?[^<]*)<\/strong><\/p>/g,
+    '<h3 class="matrx-h3">$1</h3>'
+  );
+  html = html.replace(
+    /<h3 class="matrx-h3">([^<]*\?[^<]*)<\/h3>/g,
+    '<div class="matrx-faq-question">$1</div>'
+  );
+  html = html.replace(
+    /(<div class="matrx-faq-question">[^<]*<\/div>)\s*(<p class="matrx-paragraph">[\s\S]*?<\/p>)/g,
+    '<div class="matrx-faq-item">$1<div class="matrx-faq-answer">$2</div></div>'
+  );
+  html = html.replace(
+    /(<div class="matrx-faq-question">[^<]*<\/div>)(?!\s*<div class="matrx-faq-answer">)/g,
+    '<div class="matrx-faq-item">$1<div class="matrx-faq-answer"></div></div>'
+  );
+  html = html.replace(
+    /(<div class="matrx-faq-answer">)<p class="matrx-paragraph">([\s\S]*?)<\/p>(<\/div>)/g,
+    "$1$2$3"
+  );
+  for (const { placeholder, html: imageHtml } of imagePlaceholders) {
+    if (html.includes(placeholder)) html = html.replaceAll(placeholder, imageHtml);
+  }
+  html = html.replace(/<p class="matrx-paragraph">\s*(<img[^>]*>)\s*<\/p>/g, "$1");
+  for (const { placeholder, html: linkHtml } of linkPlaceholders) {
+    if (html.includes(placeholder)) html = html.replaceAll(placeholder, linkHtml);
+  }
+  for (const { placeholder, html: cardHtml } of flashcardPlaceholders) {
+    if (html.includes(placeholder)) html = html.replaceAll(placeholder, cardHtml);
+  }
+  return startWrapper + html + endWrapper;
+}
+function convertArticleTables(html) {
+  const tableRegex = /^(\|.*\|)\s*\n(\|[-\s:|]*\|)\s*\n((?:\|.*\|\s*\n?)*)/gm;
+  return html.replace(
+    tableRegex,
+    (_match, headerRow, _sep, bodyRows) => {
+      const headers = headerRow.split("|").map((c) => c.trim()).filter((c) => c !== "");
+      const rows = bodyRows.trim().split("\n").filter((r) => r.trim()).map(
+        (r) => r.split("|").map((c) => c.trim()).filter((c) => c !== "")
+      );
+      let t = '<table class="print-table">\n';
+      if (headers.length) {
+        t += `<thead><tr>${headers.map((h) => `<th>${h}</th>`).join("")}</tr></thead>
+`;
+      }
+      if (rows.length) {
+        t += `<tbody>${rows.map(
+          (r) => r.length ? `<tr>${r.map((c) => `<td>${c}</td>`).join("")}</tr>` : ""
+        ).join("\n")}</tbody>
+`;
+      }
+      return `${t}</table>
+`;
+    }
+  );
+}
+function markdownToArticleHtml(markdown, options = {}) {
+  if (!markdown) {
+    options.onNotice?.({
+      code: "empty-output",
+      message: "markdownToArticleHtml received an empty string.",
+      remedy: "Check the content is loaded before printing; nothing was rendered."
+    });
+    return "";
+  }
+  let html = options.includeThinking ? markdown : removeThinkingContent(markdown);
+  html = convertArticleTables(html);
+  const codeBlockPlaceholders = [];
+  let codeIdx = 0;
+  html = html.replace(
+    /```(\w*)\n?([\s\S]*?)```/g,
+    (_m, lang, code) => {
+      const ph = `\u03A9CODEBLOCK\u03A9${codeIdx}\u03A9CODEBLOCK\u03A9`;
+      const langLabel = lang ? `<span class="code-lang">${lang}</span>` : "";
+      codeBlockPlaceholders.push({
+        placeholder: ph,
+        html: `<div class="code-block-wrapper">${langLabel}<pre class="code-block"><code>${escapeHtml(
+          code.trim()
+        )}</code></pre></div>`
+      });
+      codeIdx++;
+      return ph;
+    }
+  );
+  const linkPlaceholders = [];
+  let linkIdx = 0;
+  html = html.replace(
+    /\[([^\]]+)\]\(([^)]+)\)/g,
+    (_m, text, url) => {
+      const ph = `\u03A9LINK\u03A9${linkIdx}\u03A9LINK\u03A9`;
+      linkPlaceholders.push({ placeholder: ph, html: `<a href="${url}">${text}</a>` });
+      linkIdx++;
+      return ph;
+    }
+  );
+  html = html.replace(/^#{6}\s+(.+)$/gm, "<h6>$1</h6>").replace(/^#{5}\s+(.+)$/gm, "<h5>$1</h5>").replace(/^#{4}\s+(.+)$/gm, "<h4>$1</h4>").replace(/^#{3}\s+(.+)$/gm, "<h3>$1</h3>").replace(/^#{2}\s+(.+)$/gm, "<h2>$1</h2>").replace(/^#{1}\s+(.+)$/gm, "<h1>$1</h1>");
+  html = html.replace(/^> (.+)$/gm, "<blockquote>$1</blockquote>");
+  html = html.replace(/^[-*_]{3,}$/gm, "<hr>");
+  html = html.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/___(.+?)___/g, "<strong><em>$1</em></strong>").replace(/__(.+?)__/g, "<strong>$1</strong>").replace(/_([^_\s][^_]*)_/g, "<em>$1</em>");
+  html = html.replace(/`([^`]+)`/g, '<code class="inline-code">$1</code>');
+  const lines = html.split("\n");
+  const result = [];
+  let inUl = false;
+  let inOl = false;
+  for (const line of lines) {
+    const ulMatch = line.match(/^(\s*)[-*+]\s+(.+)$/);
+    const olMatch = line.match(/^(\s*)\d+\.\s+(.+)$/);
+    if (ulMatch) {
+      if (inOl) {
+        result.push("</ol>");
+        inOl = false;
+      }
+      if (!inUl) {
+        result.push("<ul>");
+        inUl = true;
+      }
+      result.push(`<li>${ulMatch[2] ?? ""}</li>`);
+    } else if (olMatch) {
+      if (inUl) {
+        result.push("</ul>");
+        inUl = false;
+      }
+      if (!inOl) {
+        result.push("<ol>");
+        inOl = true;
+      }
+      result.push(`<li>${olMatch[2] ?? ""}</li>`);
+    } else {
+      if (inUl) {
+        result.push("</ul>");
+        inUl = false;
+      }
+      if (inOl) {
+        result.push("</ol>");
+        inOl = false;
+      }
+      result.push(line);
+    }
+  }
+  if (inUl) result.push("</ul>");
+  if (inOl) result.push("</ol>");
+  html = result.join("\n");
+  html = html.split("\n").map((line) => {
+    const t = line.trim();
+    if (!t) return "";
+    if (/^<(h[1-6]|ul|ol|li|blockquote|pre|hr|table|thead|tbody|tr|th|td|div|ΩCODE)/.test(t)) {
+      return line;
+    }
+    return `<p>${t}</p>`;
+  }).join("\n");
+  for (const { placeholder, html: ph } of codeBlockPlaceholders) {
+    html = html.replace(`<p>${placeholder}</p>`, ph);
+    html = html.replace(placeholder, ph);
+  }
+  for (const { placeholder, html: ph } of linkPlaceholders) {
+    html = html.replaceAll(placeholder, ph);
+  }
+  return html;
+}
+var PRINT_ACTIONS_CSS = `
+.print-actions { display: flex; gap: 10px; margin: 0 auto 28px; max-width: 800px; padding: 0 2rem 20px; border-bottom: 2px solid var(--matrx-print-border, #e1e1e1); }
+.print-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 20px; border-radius: 8px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; border: none; font-weight: 600; }
+.print-btn-primary { background: var(--matrx-print-accent, #667eea); color: var(--matrx-print-bg, #ffffff); }
+.print-btn-secondary { background: var(--matrx-print-surface, #f8f9fa); color: var(--matrx-print-fg-strong, #374151); border: 1px solid var(--matrx-print-border-muted, #d1d5db); }
+@media print { .print-actions { display: none !important; } }
+`;
+function getMarkdownStylesheet(options = {}) {
+  const skin = options.skin ?? "document";
+  const base = skin === "article" ? `${MARKDOWN_ARTICLE_TOKENS_CSS}
+${MARKDOWN_ARTICLE_CSS}` : `${MARKDOWN_DOCUMENT_TOKENS_CSS}
+${MARKDOWN_DOCUMENT_CSS}`;
+  return [base, options.tokens ?? "", options.extraCss ?? ""].filter((part) => part.trim().length > 0).join("\n");
+}
+function markdownToHtmlForSkin(markdown, skin, options = {}) {
+  return skin === "article" ? markdownToArticleHtml(markdown, options) : markdownToHtml(markdown, options);
+}
+function renderMarkdownDocument(markdown, options = {}) {
+  const skin = options.skin ?? "document";
+  const title = options.title ?? "AI Response";
+  const convert = options.convertToHtml ?? ((md) => markdownToHtmlForSkin(
+    md,
+    skin,
+    options.onNotice ? { onNotice: options.onNotice } : {}
+  ));
+  const bodyHtml = convert(markdown);
+  const css = options.css ?? getMarkdownStylesheet({
+    skin,
+    ...options.tokens === void 0 ? {} : { tokens: options.tokens },
+    ...options.extraCss === void 0 ? {} : { extraCss: options.extraCss }
+  });
+  const chrome = options.withPrintActions && skin !== "article" ? PRINT_ACTIONS_CSS : "";
+  const actions = options.withPrintActions ? '<div class="print-actions"><button class="print-btn print-btn-primary" onclick="window.print()">Print / Save as PDF</button><button class="print-btn print-btn-secondary" onclick="window.close()">Close</button></div>' : "";
+  return `<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>${escapeHtml(
+    title
+  )}</title>
+<style>${css}${chrome}</style></head>
+<body>${actions}<div class="content">${bodyHtml}</div></body></html>`;
+}
+function printMarkdown(markdown, options = {}) {
+  const title = options.title ?? "AI Response";
+  const doc = renderMarkdownDocument(markdown, {
+    ...options,
+    title,
+    withPrintActions: options.withPrintActions ?? true
+  });
+  return options.windowFeatures === void 0 ? openPrintWindow(doc, title) : openPrintWindow(doc, title, options.windowFeatures);
+}
+//# sourceMappingURL=markdown.cjs.map