@masumdev/markforge 0.2.5 → 0.3.0

package/dist/{App-GNRUPFM7.mjs → App-AM2CWXHJ.mjs}

@@ -9,7 +9,7 @@ try {
 } catch {}
 import {
   MARKFORGE_VERSION
-} from "./chunk-NGC2ZAWZ.mjs";
+} from "./chunk-HKB4CSPZ.mjs";
 import {
   DEFAULT_CONFIG
 } from "./chunk-IYGPJIK5.mjs";
@@ -20,33 +20,71 @@ import { useState, useEffect } from "react";
 import { Box as Box4 } from "ink";
 
 // src/ui/Header.tsx
+import * as path from "path";
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Header = ({ inputFile, theme = "corporate" }) => {
-  const themeLabel = typeof theme === "object" ? "custom (ThemeProps)" : String(theme || "corporate");
+function formatDisplayPath(p) {
+  if (!p) return "";
+  try {
+    const rel = path.relative(process.cwd(), p);
+    return rel && !rel.startsWith("..") && rel.length < p.length ? `./${rel}` : p;
+  } catch {
+    return p;
+  }
+}
+var Header = ({
+  inputFile,
+  theme = "corporate",
+  targetFormats = ["docx", "pdf"]
+}) => {
+  const themeLabel = typeof theme === "object" ? "Custom (ThemeProps)" : String(theme || "corporate");
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: /* @__PURE__ */ jsxs(
     Box,
     {
       borderStyle: "round",
       borderColor: "cyan",
       paddingX: 2,
-      paddingY: 0,
+      paddingY: 1,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "MARKFORGE DOCUMENT ENGINE" }),
-          /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "MARKFORGE" }),
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: " | Document Publishing Engine" })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "black", backgroundColor: "cyan", bold: true, children: [
+            " ",
             "v",
-            MARKFORGE_VERSION
-          ] })
+            MARKFORGE_VERSION,
+            " "
+          ] }) })
         ] }),
-        inputFile && /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Source: " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: inputFile })
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+          inputFile && /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Source:  " }),
+            /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: formatDisplayPath(inputFile) })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", marginTop: 0, children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text, { color: "gray", children: "Theme:   " }),
+              /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: themeLabel })
+            ] }),
+            targetFormats && targetFormats.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text, { color: "gray", children: "Targets: " }),
+              /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: targetFormats.map((f) => f.toUpperCase()).join(", ") })
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Theme:  " }),
-          /* @__PURE__ */ jsx(Text, { color: "blue", children: themeLabel })
+        /* @__PURE__ */ jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Author: " }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "Ma'sum" }),
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: " (@masumrpg)" })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: "GitHub: " }),
+            /* @__PURE__ */ jsx(Text, { color: "blue", underline: true, children: "https://github.com/masumrpg" })
+          ] })
         ] })
       ]
     }
@@ -69,6 +107,7 @@ var LiveProgress = ({ status, isCompiling }) => {
 };
 
 // src/ui/SummaryTable.tsx
+import * as path2 from "path";
 import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function formatBytes(bytes) {
@@ -78,6 +117,15 @@ function formatBytes(bytes) {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
 }
+function formatDisplayPath2(p) {
+  if (!p) return "";
+  try {
+    const rel = path2.relative(process.cwd(), p);
+    return rel && !rel.startsWith("..") && rel.length < p.length ? `./${rel}` : p;
+  } catch {
+    return p;
+  }
+}
 var SummaryTable = ({ result }) => {
   if (!result) return null;
   const hasErrors = result.errors.length > 0;
@@ -90,33 +138,39 @@ var SummaryTable = ({ result }) => {
       paddingY: 1,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: hasErrors ? "red" : "green", children: hasErrors ? "[COMPILATION ERRORS]" : "[COMPILATION SUCCESSFUL]" }),
-          /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-            result.durationMs,
-            "ms"
+        /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { bold: true, color: hasErrors ? "red" : "green", children: hasErrors ? "[COMPILATION FAILED]" : "[COMPILATION SUCCESSFUL]" }) }),
+          /* @__PURE__ */ jsxs3(Box3, { children: [
+            /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Duration: " }),
+            /* @__PURE__ */ jsxs3(Text3, { color: "yellow", bold: true, children: [
+              result.durationMs,
+              "ms"
+            ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
+        result.files.length > 0 && /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
           /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "white", children: [
-            "Output Documents (",
+            "Generated Documents (",
             result.files.length,
             "):"
           ] }),
-          result.files.map((f, i) => /* @__PURE__ */ jsxs3(Box3, { marginLeft: 2, justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxs3(Box3, { children: [
-              /* @__PURE__ */ jsxs3(Text3, { color: "cyan", children: [
-                "[",
-                f.format.toUpperCase(),
-                "] "
+          result.files.map((f, i) => {
+            const formatColor = f.format === "docx" ? "blue" : f.format === "pdf" ? "red" : "yellow";
+            const paddedBadge = `[${f.format.toUpperCase()}]`.padEnd(7, " ");
+            return /* @__PURE__ */ jsxs3(Box3, { marginTop: 0, flexDirection: "column", marginLeft: 1, children: [
+              /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ jsxs3(Box3, { children: [
+                  /* @__PURE__ */ jsx3(Text3, { color: formatColor, bold: true, children: paddedBadge }),
+                  /* @__PURE__ */ jsx3(Text3, { color: "white", bold: true, children: f.fileName })
+                ] }),
+                /* @__PURE__ */ jsx3(Text3, { color: "cyan", bold: true, children: formatBytes(f.sizeBytes) })
               ] }),
-              /* @__PURE__ */ jsx3(Text3, { color: "gray", children: f.filePath })
-            ] }),
-            /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
-              " ",
-              formatBytes(f.sizeBytes)
-            ] })
-          ] }, i))
+              /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+                "\u2514\u2500 ",
+                formatDisplayPath2(f.filePath)
+              ] }) })
+            ] }, i);
+          })
         ] }),
         hasErrors && /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
           /* @__PURE__ */ jsx3(Text3, { bold: true, color: "red", children: "Errors:" }),
@@ -124,6 +178,17 @@ var SummaryTable = ({ result }) => {
             "- ",
             err
           ] }) }, i))
+        ] }),
+        /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs3(Box3, { children: [
+            /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Author: " }),
+            /* @__PURE__ */ jsx3(Text3, { color: "cyan", bold: true, children: "Ma'sum" }),
+            /* @__PURE__ */ jsx3(Text3, { color: "gray", children: " (@masumrpg)" })
+          ] }),
+          /* @__PURE__ */ jsxs3(Box3, { children: [
+            /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "GitHub: " }),
+            /* @__PURE__ */ jsx3(Text3, { color: "blue", underline: true, children: "https://github.com/masumrpg" })
+          ] })
         ] })
       ]
     }
@@ -132,7 +197,7 @@ var SummaryTable = ({ result }) => {
 
 // src/core/engine.ts
 import * as fs5 from "fs";
-import * as path5 from "path";
+import * as path7 from "path";
 
 // src/core/parser.ts
 import matter from "gray-matter";
@@ -526,7 +591,7 @@ import {
 
 // src/core/imageResolver.ts
 import * as fs from "fs";
-import * as path from "path";
+import * as path3 from "path";
 var memoryImageCache = /* @__PURE__ */ new Map();
 function getMimeType(filePathOrUrl) {
   const clean = filePathOrUrl.split("?")[0].toLowerCase();
@@ -583,7 +648,7 @@ async function resolveImage(src, baseDir = process.cwd()) {
       memoryImageCache.set(cacheKey, resolved2);
       return resolved2;
     }
-    const localPath = path.isAbsolute(src) ? src : path.resolve(baseDir, src);
+    const localPath = path3.isAbsolute(src) ? src : path3.resolve(baseDir, src);
     if (!fs.existsSync(localPath)) {
       return null;
     }
@@ -964,19 +1029,19 @@ function highlightCodeToHtml(code, lang = "", theme = "github-dark") {
 import { spawnSync as spawnSync2 } from "child_process";
 import * as fs4 from "fs";
 import * as os2 from "os";
-import * as path4 from "path";
+import * as path6 from "path";
 import { pathToFileURL as pathToFileURL2 } from "url";
 
 // src/core/pdf/pdfBuilder.ts
 import * as fs3 from "fs";
-import * as path3 from "path";
+import * as path5 from "path";
 import * as os from "os";
 import { pathToFileURL } from "url";
 import { spawnSync } from "child_process";
 
 // src/core/html/htmlBuilder.ts
 import * as fs2 from "fs";
-import * as path2 from "path";
+import * as path4 from "path";
 
 // src/core/html/htmlThemes.ts
 var THEME_COMPONENTS = `
@@ -1257,6 +1322,67 @@ function normalizeHeaderFooter(raw, meta) {
     dividerColor: raw.dividerColor || "#E2E8F0"
   };
 }
+function normalizeSignatures(raw, meta = {}) {
+  if (!raw) return void 0;
+  let rawItems = [];
+  let rawConfig = {};
+  if (Array.isArray(raw)) {
+    rawItems = raw;
+  } else if (typeof raw === "object" && Array.isArray(raw.items)) {
+    rawItems = raw.items;
+    rawConfig = raw;
+  }
+  if (rawItems.length === 0) return void 0;
+  const cappedItems = rawItems.slice(0, 4);
+  const items = cappedItems.map((item) => {
+    const tokenCtx = meta;
+    const rawName = typeof item.name === "string" ? item.name : "";
+    const name = replaceDocumentTokens(rawName, tokenCtx).trim();
+    const title = item.title ? replaceDocumentTokens(item.title, tokenCtx).trim() : void 0;
+    const role = item.role ? replaceDocumentTokens(item.role, tokenCtx).trim() : void 0;
+    let dateStr;
+    if (typeof item.date === "string") {
+      dateStr = replaceDocumentTokens(item.date, tokenCtx).trim();
+    } else if (item.date === true) {
+      dateStr = meta.date || (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    }
+    let signatureHeight = 60;
+    if (typeof item.signatureHeight === "number") {
+      signatureHeight = item.signatureHeight;
+    } else if (typeof item.signatureHeight === "string") {
+      const parsed = parseFloat(item.signatureHeight);
+      if (!isNaN(parsed)) signatureHeight = parsed;
+    }
+    return {
+      title,
+      name: name || "Authorized Signatory",
+      role,
+      date: dateStr,
+      image: item.image,
+      signatureHeight
+    };
+  });
+  const align = rawConfig.align || (items.length === 1 ? "right" : "space-between");
+  const style = rawConfig.style || "line";
+  const borderColor = rawConfig.borderColor || "#CBD5E1";
+  const titleColor = rawConfig.titleColor || "#64748B";
+  const nameColor = rawConfig.nameColor || "#0F172A";
+  const roleColor = rawConfig.roleColor || "#64748B";
+  const spacingBeforeRaw = rawConfig.spacingBefore ?? "2.5rem";
+  const spacingBefore = formatMarginCss(spacingBeforeRaw, "2.5rem");
+  const spacingBeforeTwip = parseMarginToTwip(spacingBeforeRaw, 600);
+  return {
+    items,
+    align,
+    style,
+    borderColor,
+    titleColor,
+    nameColor,
+    roleColor,
+    spacingBefore,
+    spacingBeforeTwip
+  };
+}
 function resolveDocumentConfig(frontmatter = {}, userConfig = {}) {
   const configMeta = userConfig.metadata || {};
   const mergedMeta = { ...configMeta, ...frontmatter };
@@ -1297,6 +1423,8 @@ function resolveDocumentConfig(frontmatter = {}, userConfig = {}) {
   const toc = typeof mergedMeta.toc === "boolean" ? mergedMeta.toc : typeof userConfig.toc === "boolean" ? userConfig.toc : DEFAULT_CONFIG.toc;
   const rawWatermark = mergedMeta.watermark !== void 0 ? mergedMeta.watermark : userConfig.watermark !== void 0 ? userConfig.watermark : DEFAULT_CONFIG.watermark;
   const watermark = normalizeWatermark(rawWatermark);
+  const rawSignatures = mergedMeta.signatures || userConfig.signatures;
+  const signatures = normalizeSignatures(rawSignatures, tokenContext);
   const cssList = [];
   const addCss = (item) => {
     if (!item) return;
@@ -1324,6 +1452,7 @@ function resolveDocumentConfig(frontmatter = {}, userConfig = {}) {
     header,
     footer,
     toc,
+    signatures,
     watermark,
     css: cssList,
     embedImages,
@@ -1387,7 +1516,7 @@ async function buildHtmlDocument(doc, config, baseDir = process.cwd()) {
   const baseThemeCss = generateThemeCss(resolved.theme);
   let customCss = "";
   for (const cssPath of resolved.css) {
-    const fullCssPath = path2.isAbsolute(cssPath) ? cssPath : path2.resolve(baseDir, cssPath);
+    const fullCssPath = path4.isAbsolute(cssPath) ? cssPath : path4.resolve(baseDir, cssPath);
     if (fs2.existsSync(fullCssPath)) {
       customCss += `
 /* Custom CSS: ${cssPath} */
@@ -1546,26 +1675,160 @@ ${escapeHtml(node.text || "")}
     watermarkCss = `
   .document-watermark {
     position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) rotate(${wm.rotate}deg);
-    font-size: ${wm.fontSize}pt;
-    font-weight: 900;
-    color: ${wm.color};
-    opacity: ${wm.opacity};
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
     pointer-events: none;
     z-index: 0;
     user-select: none;
-    text-transform: uppercase;
-    letter-spacing: 0.15em;
-    white-space: nowrap;
+    -webkit-user-select: none;
   }
   .document-container {
     position: relative;
     z-index: 1;
   }
+  @media print {
+    .document-watermark {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      -webkit-print-color-adjust: exact;
+      print-color-adjust: exact;
+    }
+  }
   `;
-    watermarkHtml = `  <div class="document-watermark">${escapeHtml(wm.text)}</div>
+    watermarkHtml = `  <div id="markforge-watermark" class="document-watermark" aria-hidden="true"></div>
+  <script>
+  (function() {
+    try {
+      var canvas = document.createElement('canvas');
+      var dpr = 3;
+      var width = 800;
+      var height = 1100;
+      canvas.width = Math.round(width * dpr);
+      canvas.height = Math.round(height * dpr);
+      var ctx = canvas.getContext('2d');
+      if (ctx) {
+        ctx.scale(dpr, dpr);
+        ctx.translate(width / 2, height / 2);
+        ctx.rotate((${wm.rotate} * Math.PI) / 180);
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
+        ctx.font = '900 ${wm.fontSize * 1.5}px system-ui, -apple-system, sans-serif';
+        ctx.fillStyle = '${wm.color}';
+        ctx.globalAlpha = ${wm.opacity};
+        try { ctx.letterSpacing = '0.15em'; } catch(e) {}
+        ctx.fillText(${JSON.stringify(wm.text.toUpperCase())}, 0, 0);
+        var dataUrl = canvas.toDataURL('image/png');
+        var wmEl = document.getElementById('markforge-watermark');
+        if (wmEl) {
+          wmEl.style.backgroundImage = 'url("' + dataUrl + '")';
+          wmEl.style.backgroundRepeat = 'no-repeat';
+          wmEl.style.backgroundPosition = 'center center';
+          wmEl.style.backgroundSize = 'contain';
+        }
+      }
+    } catch(err) {}
+  })();
+  </script>
+`;
+  }
+  let signaturesHtml = "";
+  let signaturesCss = "";
+  if (resolved.signatures && resolved.signatures.items.length > 0) {
+    const sig = resolved.signatures;
+    const numItems = sig.items.length;
+    let justifyCss = "flex-end";
+    if (sig.align === "left") justifyCss = "flex-start";
+    else if (sig.align === "center") justifyCss = "center";
+    else if (sig.align === "space-between") justifyCss = "space-between";
+    signaturesCss = `
+  .markforge-signatures {
+    margin-top: ${sig.spacingBefore};
+    display: grid;
+    grid-template-columns: ${numItems === 1 ? sig.align === "left" ? "minmax(200px, 280px) 1fr" : sig.align === "center" ? "1fr minmax(200px, 280px) 1fr" : "1fr minmax(200px, 280px)" : `repeat(${numItems}, minmax(0, 1fr))`};
+    gap: 2rem;
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+  .markforge-signature-card {
+    ${numItems === 1 && sig.align === "center" ? "grid-column: 2;" : ""}
+    ${numItems === 1 && sig.align === "right" ? "grid-column: 2;" : ""}
+    display: flex;
+    flex-direction: column;
+    ${sig.style === "box" ? `border: 1px solid ${sig.borderColor}; border-radius: 6px; padding: 14px 18px; background-color: var(--mf-card-bg, #F8FAFC);` : ""}
+  }
+  .markforge-sig-title {
+    font-size: 0.85rem;
+    color: ${sig.titleColor};
+    font-weight: 600;
+    margin-bottom: 6px;
+  }
+  .markforge-sig-space {
+    height: var(--sig-height, 60px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 6px;
+  }
+  .markforge-sig-space img {
+    max-height: 100%;
+    max-width: 100%;
+    object-fit: contain;
+  }
+  .markforge-sig-line {
+    ${sig.style === "line" ? `border-bottom: 1.5px solid ${sig.borderColor}; margin-bottom: 8px;` : ""}
+  }
+  .markforge-sig-name {
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: ${sig.nameColor};
+  }
+  .markforge-sig-role {
+    font-size: 0.82rem;
+    color: ${sig.roleColor};
+    margin-top: 2px;
+  }
+  .markforge-sig-date {
+    font-size: 0.78rem;
+    color: ${sig.roleColor};
+    margin-top: 2px;
+  }
+  @media print {
+    .markforge-signatures {
+      page-break-inside: avoid;
+      break-inside: avoid;
+    }
+  }
+  `;
+    const itemCards = sig.items.map((item) => {
+      const titleHtml = item.title ? `<div class="markforge-sig-title">${escapeHtml(item.title)}</div>` : "";
+      let signSpaceHtml = "";
+      if (item.image) {
+        signSpaceHtml = `<div class="markforge-sig-space" style="--sig-height: ${item.signatureHeight}px;"><img src="${escapeHtml(item.image)}" alt="Signature" /></div>`;
+      } else {
+        signSpaceHtml = `<div class="markforge-sig-space" style="--sig-height: ${item.signatureHeight}px;"></div>`;
+      }
+      const lineHtml = sig.style === "line" ? `<div class="markforge-sig-line"></div>` : "";
+      const nameHtml = `<div class="markforge-sig-name">${escapeHtml(item.name)}</div>`;
+      const roleHtml = item.role ? `<div class="markforge-sig-role">${escapeHtml(item.role)}</div>` : "";
+      const dateHtml = item.date ? `<div class="markforge-sig-date">Date: ${escapeHtml(item.date)}</div>` : "";
+      return `    <div class="markforge-signature-card">
+      ${titleHtml}
+      ${signSpaceHtml}
+      ${lineHtml}
+      ${nameHtml}
+      ${roleHtml}
+      ${dateHtml}
+    </div>`;
+    }).join("\n");
+    signaturesHtml = `
+  <div class="markforge-signatures">
+${itemCards}
+  </div>
 `;
   }
   const hasMermaid = doc.nodes.some((n) => n.type === "mermaid");
@@ -1596,11 +1859,12 @@ ${baseThemeCss}
 ${customCss}
 ${inlinedCss}
 ${watermarkCss}
+${signaturesCss}
   </style>
 </head>
 <body>
 ${watermarkHtml}  <div class="document-container">
-${bodyHtml}  </div>
+${bodyHtml}${signaturesHtml}  </div>
   ${mermaidScript}
 </body>
 </html>`;
@@ -1784,9 +2048,9 @@ async function buildPdfDocument(doc, config, baseDir = process.cwd()) {
   if (chromePath) {
     const tmpId = Math.random().toString(36).substring(2, 9);
     const tmpDir = os.tmpdir();
-    const tmpHtml = path3.join(tmpDir, `markforge_${tmpId}.html`);
-    const tmpPdf = path3.join(tmpDir, `markforge_${tmpId}.pdf`);
-    const tmpProfile = path3.join(tmpDir, `markforge_prof_${tmpId}`);
+    const tmpHtml = path5.join(tmpDir, `markforge_${tmpId}.html`);
+    const tmpPdf = path5.join(tmpDir, `markforge_${tmpId}.pdf`);
+    const tmpProfile = path5.join(tmpDir, `markforge_prof_${tmpId}`);
     const isolatedFlags = [
       `--user-data-dir=${tmpProfile}`,
       "--no-first-run",
@@ -1865,8 +2129,8 @@ async function renderMermaidToPng(mermaidCode, _baseDir = process.cwd()) {
   }
   const tmpId = Math.random().toString(36).substring(2, 9);
   const tmpDir = os2.tmpdir();
-  const tmpHtml = path4.join(tmpDir, `mermaid_${tmpId}.html`);
-  const tmpScreenshot = path4.join(tmpDir, `mermaid_${tmpId}.png`);
+  const tmpHtml = path6.join(tmpDir, `mermaid_${tmpId}.html`);
+  const tmpScreenshot = path6.join(tmpDir, `mermaid_${tmpId}.png`);
   const htmlContent = `<!DOCTYPE html>
 <html>
 <head>
@@ -2665,6 +2929,59 @@ async function buildDocxDocument(doc, config, baseDir = process.cwd()) {
       continue;
     }
   }
+  if (resolved.signatures && resolved.signatures.items.length > 0) {
+    const sig = resolved.signatures;
+    const numItems = sig.items.length;
+    const contentWidth = Math.max(
+      1e3,
+      resolved.paperDimensions.widthTwip - resolved.margins.leftTwip - resolved.margins.rightTwip
+    );
+    docElements.push(new Paragraph({ spacing: { before: sig.spacingBeforeTwip } }));
+    const sigCells = [];
+    const colWidths = [];
+    if (numItems === 1) {
+      const cardWidth = Math.min(3400, Math.floor(contentWidth * 0.42));
+      const spacerWidth = contentWidth - cardWidth;
+      const cardCell = await buildDocxSignatureCell(sig.items[0], sig, cardWidth, defaultFont, baseDir);
+      if (sig.align === "left") {
+        colWidths.push(cardWidth, spacerWidth);
+        sigCells.push(cardCell, createEmptyDocxCell(spacerWidth));
+      } else if (sig.align === "center") {
+        const sideWidth = Math.floor(spacerWidth / 2);
+        colWidths.push(sideWidth, cardWidth, sideWidth);
+        sigCells.push(createEmptyDocxCell(sideWidth), cardCell, createEmptyDocxCell(sideWidth));
+      } else {
+        colWidths.push(spacerWidth, cardWidth);
+        sigCells.push(createEmptyDocxCell(spacerWidth), cardCell);
+      }
+    } else {
+      const colWidth = Math.floor(contentWidth / numItems);
+      for (let i = 0; i < numItems; i++) {
+        colWidths.push(colWidth);
+        const cell = await buildDocxSignatureCell(sig.items[i], sig, colWidth, defaultFont, baseDir);
+        sigCells.push(cell);
+      }
+    }
+    const sigTable = new Table({
+      width: { size: 100, type: WidthType.PERCENTAGE },
+      columnWidths: colWidths,
+      borders: {
+        top: { style: BorderStyle.NONE, size: 0, color: "auto" },
+        bottom: { style: BorderStyle.NONE, size: 0, color: "auto" },
+        left: { style: BorderStyle.NONE, size: 0, color: "auto" },
+        right: { style: BorderStyle.NONE, size: 0, color: "auto" },
+        insideHorizontal: { style: BorderStyle.NONE, size: 0, color: "auto" },
+        insideVertical: { style: BorderStyle.NONE, size: 0, color: "auto" }
+      },
+      rows: [
+        new TableRow({
+          cantSplit: true,
+          children: sigCells
+        })
+      ]
+    });
+    docElements.push(sigTable);
+  }
   const contentWidthTwip = Math.max(
     1e3,
     resolved.paperDimensions.widthTwip - resolved.margins.leftTwip - resolved.margins.rightTwip
@@ -2895,6 +3212,140 @@ async function buildDocxDocument(doc, config, baseDir = process.cwd()) {
   });
   return await Packer.toBuffer(document);
 }
+async function buildDocxSignatureCell(item, sig, widthDxa, defaultFont, baseDir) {
+  const cellParagraphs = [];
+  if (item.title) {
+    cellParagraphs.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: item.title,
+            font: defaultFont,
+            size: 18,
+            // 9pt
+            color: sig.titleColor.replace("#", ""),
+            bold: true
+          })
+        ],
+        spacing: { after: 60 }
+      })
+    );
+  }
+  if (item.image) {
+    const resolvedImg = await resolveImage(item.image, baseDir);
+    if (resolvedImg) {
+      cellParagraphs.push(
+        new Paragraph({
+          children: [
+            new ImageRun({
+              data: resolvedImg.buffer,
+              transformation: {
+                width: 140,
+                height: 60
+              },
+              type: "png"
+            })
+          ],
+          spacing: { before: 40, after: 40 }
+        })
+      );
+    } else {
+      cellParagraphs.push(new Paragraph({ spacing: { before: 240, after: 240 } }));
+    }
+  } else {
+    cellParagraphs.push(new Paragraph({ spacing: { before: 240, after: 240 } }));
+  }
+  if (sig.style === "line") {
+    cellParagraphs.push(
+      new Paragraph({
+        border: {
+          bottom: {
+            style: BorderStyle.SINGLE,
+            size: 6,
+            space: 2,
+            color: sig.borderColor.replace("#", "")
+          }
+        },
+        spacing: { after: 60 }
+      })
+    );
+  }
+  cellParagraphs.push(
+    new Paragraph({
+      children: [
+        new TextRun({
+          text: item.name,
+          font: defaultFont,
+          size: 21,
+          // 10.5pt
+          bold: true,
+          color: sig.nameColor.replace("#", "")
+        })
+      ],
+      spacing: { before: sig.style === "line" ? 40 : 20, after: 20 }
+    })
+  );
+  if (item.role) {
+    cellParagraphs.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: item.role,
+            font: defaultFont,
+            size: 18,
+            // 9pt
+            color: sig.roleColor.replace("#", "")
+          })
+        ],
+        spacing: { after: 20 }
+      })
+    );
+  }
+  if (item.date) {
+    cellParagraphs.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: `Date: ${item.date}`,
+            font: defaultFont,
+            size: 17,
+            // 8.5pt
+            color: sig.roleColor.replace("#", "")
+          })
+        ],
+        spacing: { after: 20 }
+      })
+    );
+  }
+  const isBox = sig.style === "box";
+  const boxBorder = { style: BorderStyle.SINGLE, size: 4, color: sig.borderColor.replace("#", "") };
+  const noneBorder = { style: BorderStyle.NONE, size: 0, color: "auto" };
+  return new TableCell({
+    width: { size: widthDxa, type: WidthType.DXA },
+    shading: isBox ? { fill: "F8FAFC", type: ShadingType.CLEAR } : void 0,
+    margins: isBox ? { top: 140, bottom: 140, left: 160, right: 160 } : { top: 60, bottom: 60, left: 60, right: 60 },
+    borders: {
+      top: isBox ? boxBorder : noneBorder,
+      bottom: isBox ? boxBorder : noneBorder,
+      left: isBox ? boxBorder : noneBorder,
+      right: isBox ? boxBorder : noneBorder
+    },
+    children: cellParagraphs
+  });
+}
+function createEmptyDocxCell(widthDxa) {
+  const noneBorder = { style: BorderStyle.NONE, size: 0, color: "auto" };
+  return new TableCell({
+    width: { size: widthDxa, type: WidthType.DXA },
+    borders: {
+      top: noneBorder,
+      bottom: noneBorder,
+      left: noneBorder,
+      right: noneBorder
+    },
+    children: [new Paragraph({})]
+  });
+}
 
 // src/core/engine.ts
 async function compileMarkdown(inputFilePathOrContent, userConfig = {}, onProgress) {
@@ -2907,15 +3358,15 @@ async function compileMarkdown(inputFilePathOrContent, userConfig = {}, onProgre
   if (fs5.existsSync(inputFilePathOrContent)) {
     isFilePath = true;
     rawMarkdown = fs5.readFileSync(inputFilePathOrContent, "utf-8");
-    baseDir = path5.dirname(path5.resolve(inputFilePathOrContent));
-    inputFileName = path5.basename(inputFilePathOrContent);
+    baseDir = path7.dirname(path7.resolve(inputFilePathOrContent));
+    inputFileName = path7.basename(inputFilePathOrContent);
   } else {
     rawMarkdown = inputFilePathOrContent;
   }
   onProgress == null ? void 0 : onProgress(`Parsing markdown AST: ${inputFileName}...`);
   const parsedDoc = parseMarkdownDocument(rawMarkdown);
   const baseName = inputFileName.replace(/\.(md|mdx|markdown)$/i, "");
-  const outputDir = config.outputDir ? path5.isAbsolute(config.outputDir) ? config.outputDir : path5.resolve(process.cwd(), config.outputDir) : baseDir;
+  const outputDir = config.outputDir ? path7.isAbsolute(config.outputDir) ? config.outputDir : path7.resolve(process.cwd(), config.outputDir) : baseDir;
   if (!fs5.existsSync(outputDir)) {
     fs5.mkdirSync(outputDir, { recursive: true });
   }
@@ -2927,7 +3378,7 @@ async function compileMarkdown(inputFilePathOrContent, userConfig = {}, onProgre
       if (fmt === "docx") {
         onProgress == null ? void 0 : onProgress(`Generating DOCX document: ${baseName}.docx...`);
         const docxBuffer = await buildDocxDocument(parsedDoc, config, baseDir);
-        const docxPath = path5.join(outputDir, `${baseName}.docx`);
+        const docxPath = path7.join(outputDir, `${baseName}.docx`);
         fs5.writeFileSync(docxPath, docxBuffer);
         generatedFiles.push({
           format: "docx",
@@ -2938,7 +3389,7 @@ async function compileMarkdown(inputFilePathOrContent, userConfig = {}, onProgre
       } else if (fmt === "html") {
         onProgress == null ? void 0 : onProgress(`Generating HTML document: ${baseName}.html...`);
         const htmlString = await buildHtmlDocument(parsedDoc, config, baseDir);
-        const htmlPath = path5.join(outputDir, `${baseName}.html`);
+        const htmlPath = path7.join(outputDir, `${baseName}.html`);
         fs5.writeFileSync(htmlPath, htmlString, "utf-8");
         generatedFiles.push({
           format: "html",
@@ -2949,7 +3400,7 @@ async function compileMarkdown(inputFilePathOrContent, userConfig = {}, onProgre
       } else if (fmt === "pdf") {
         onProgress == null ? void 0 : onProgress(`Generating PDF document: ${baseName}.pdf...`);
         const pdfBuffer = await buildPdfDocument(parsedDoc, config, baseDir);
-        const pdfPath = path5.join(outputDir, `${baseName}.pdf`);
+        const pdfPath = path7.join(outputDir, `${baseName}.pdf`);
         fs5.writeFileSync(pdfPath, pdfBuffer);
         generatedFiles.push({
           format: "pdf",
@@ -3002,8 +3453,16 @@ var App = ({ inputFile, config, onComplete }) => {
     }
     run();
   }, [inputFile, config, onComplete]);
+  const targetFormats = Array.isArray(config.to) ? config.to : config.to ? [String(config.to)] : ["docx", "pdf"];
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx4(Header, { inputFile, theme: config.theme }),
+    /* @__PURE__ */ jsx4(
+      Header,
+      {
+        inputFile,
+        theme: config.theme,
+        targetFormats
+      }
+    ),
     /* @__PURE__ */ jsx4(LiveProgress, { status, isCompiling }),
     /* @__PURE__ */ jsx4(SummaryTable, { result })
   ] });