npm - @braincrew-lab/langchain-canvas - Versions diffs - 0.1.14 → 0.3.0 - Mend

@braincrew-lab/langchain-canvas 0.1.14 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.ko.md +23 -11
package/README.md +23 -11
package/dist/{ChartRenderer-FX6ZN4NC.js → ChartRenderer-ABRQ5YFN.js} +67 -39
package/dist/{DocumentRenderer-KJ6FTGKH.js → DocumentRenderer-YTEMC3Z4.js} +17 -12
package/dist/PdfRenderer-GDA67MES.js +98 -0
package/dist/SlidesRenderer-JNPXNTNJ.js +964 -0
package/dist/TableRenderer-BJQE2HMO.js +636 -0
package/dist/{chunk-TERWLUW3.js → chunk-FSFOURG5.js} +1 -1
package/dist/chunk-QMOJEGRH.js +207 -0
package/dist/{chunk-KKLWKR5G.js → chunk-ZLXAWRUP.js} +52 -20
package/dist/index.d.ts +779 -6
package/dist/index.js +2623 -183
package/dist/styles.css +477 -4
package/package.json +26 -2
package/dist/SlidesRenderer-SK5VQDIL.js +0 -492
package/dist/TableRenderer-Y4JFRSLU.js +0 -301

package/dist/index.js CHANGED Viewed

@@ -1,10 +1,12 @@
 "use client";
 import { loadOptional } from './chunk-YZZSJJMQ.js';
 import { resolveElements } from './chunk-6L3AL6W4.js';
-export { useArtifactPatch } from './chunk-TERWLUW3.js';
-import { useCanvasStoreApi, useCanvasStore } from './chunk-KKLWKR5G.js';
-export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-KKLWKR5G.js';
-import { createContext, lazy, useRef, useCallback, useEffect, useContext, useState, useMemo, Suspense, Component } from 'react';
+export { useArtifactPatch } from './chunk-FSFOURG5.js';
+import { useCanvasStoreApi, useCanvasStore } from './chunk-ZLXAWRUP.js';
+export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-ZLXAWRUP.js';
+import { useT, CanvasLocaleProvider } from './chunk-QMOJEGRH.js';
+export { CanvasLocaleProvider, useLocale, useT } from './chunk-QMOJEGRH.js';
+import { createContext, lazy, useRef, useCallback, useEffect, useMemo, useContext, useState, Suspense, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/client/sse-client.ts
@@ -157,16 +159,47 @@ var INSPECTOR_SCRIPT = `
     for (var j = 0; j < marked.length; j++) scrub(marked[j]);
     parent.postMessage({ source: MARK, type: "doc_edit", self: !!selfApplied, html: "<!doctype html>\\n" + clone.outerHTML }, "*");
   }
+  // Copy the visual style of an existing element onto a new block, so inserts
+  // match the page's own design system instead of landing as bare UA-styled
+  // tags (a default grey <button> on a dark page reads as broken).
+  function adoptStyleFrom(el, sample) {
+    if (!sample) return false;
+    var cs = window.getComputedStyle(sample);
+    var props = ["background-color", "color", "border", "border-radius", "padding",
+      "font-family", "font-size", "font-weight", "letter-spacing", "box-shadow", "cursor"];
+    for (var i = 0; i < props.length; i++) el.style.setProperty(props[i], cs.getPropertyValue(props[i]));
+    return true;
+  }
   function newBlock(tag) {
     var el = document.createElement(tag);
     if (tag === "img") {
       el.src = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='270'%3E%3Crect width='100%25' height='100%25' fill='%23e5e7eb'/%3E%3Cpath d='M190 155l40-45 35 40 25-25 40 45z' fill='%23c3c8d0'/%3E%3Ccircle cx='300' cy='105' r='16' fill='%23c3c8d0'/%3E%3C/svg%3E";
       el.alt = "image"; el.style.maxWidth = "100%";
     }
-    else if (tag === "button") el.textContent = "Button";
+    else if (tag === "button") {
+      el.textContent = "Button";
+      // Match an existing button (skipping editor chrome); else a clean accent default.
+      var sampleBtn = null;
+      var btns = document.querySelectorAll("button");
+      for (var sb = 0; sb < btns.length; sb++) {
+        if (!btns[sb].closest("[data-lcx]")) { sampleBtn = btns[sb]; break; }
+      }
+      if (!adoptStyleFrom(el, sampleBtn)) {
+        el.style.cssText = "padding:10px 18px;border:0;border-radius:9px;background:#6366f1;color:#fff;font:600 15px/1.2 inherit;cursor:pointer";
+      }
+    }
     else if (tag === "hr") { /* no content */ }
     else if (tag === "section") { var p = document.createElement("p"); p.textContent = "New section"; el.appendChild(p); }
-    else el.textContent = tag === "h1" || tag === "h2" ? "New heading" : "New text";
+    else {
+      el.textContent = tag === "h1" || tag === "h2" ? "New heading" : "New text";
+      // Headings/text adopt an existing peer's look too (font, colour) so they
+      // don't appear in default serif-black on a styled page.
+      adoptStyleFrom(el, document.querySelector(tag === "p" ? "main p, section p, div p" : tag));
+      el.style.removeProperty("border");
+      el.style.removeProperty("box-shadow");
+      el.style.removeProperty("cursor");
+      el.style.removeProperty("background-color");
+    }
     return el;
   }
   // Floating rich-text toolbar shown while a text element is being edited.
@@ -263,16 +296,31 @@ var INSPECTOR_SCRIPT = `
     // into absolute positioning inside its own parent, and its final spot + size are
     // stored as percentages of that parent \u2014 so it stays put proportionally across
     // responsive breakpoints, instead of a fixed pixel offset that drifts off.
-    var dragEls = null, dragStart = null, dragBases = null, groupSeq = 0;
+    var dragEls = null, dragStart = null, dragBases = null, parentMutated = false;
     function ensurePositioned(parent) {
-      if (!parent || parent === document.body || parent === document.documentElement) return;
-      if (window.getComputedStyle(parent).position === "static") parent.style.position = "relative";
+      if (!parent || parent === document.documentElement) return;
+      // body included: a static body makes absolute children resolve against the
+      // initial containing block (html), so a body margin or html padding shifts
+      // every free-dragged element \u2014 relative pins them to the body box itself.
+      if (window.getComputedStyle(parent).position === "static") {
+        parent.style.position = "relative";
+        parentMutated = true; // the parent must be persisted too, not just the child
+      }
+    }
+    // Persist a completed free-drag. A single element normally commits as a cheap
+    // node_edit \u2014 but when its parent was pulled to position:relative that parent
+    // lives only in the live DOM, so a node-only patch would store an absolute
+    // child inside a still-static parent (it jumps on the next reload). In that
+    // case persist the whole document instead.
+    function commitDrag(els) {
+      if (els.length === 1 && !parentMutated) emitEdit(els[0]); else emitDoc(true);
     }
     // Pull each element out into absolute positioning at its current spot (no visual
     // jump), so it can then be moved freely.
     function beginFreeDrag(els) {
       dragBases = [];
+      parentMutated = false;
       for (var i = 0; i < els.length; i++) {
         var el = els[i], parent = el.parentElement || document.body;
         ensurePositioned(parent);
@@ -295,13 +343,16 @@ var INSPECTOR_SCRIPT = `
     }
     // Commit the current position (in px, as set live by moveFree) as % of the
     // parent \u2014 position and width \u2014 so it scales with the layout. Falls back to px
-    // only if the parent has collapsed to zero on that axis.
+    // only if the parent has collapsed to zero on that axis. The vertical axis is
+    // an exception: a container's *height* is content-driven and reflows once the
+    // dragged element leaves the flow, so a top stored as % of the old height
+    // lands somewhere else after reload \u2014 top always commits in px.
     function commitFree() {
       for (var i = 0; i < dragBases.length; i++) {
         var b = dragBases[i], pr = b.parent.getBoundingClientRect();
         var curLeft = parseFloat(b.el.style.left) || 0, curTop = parseFloat(b.el.style.top) || 0;
         b.el.style.left = pr.width ? ((curLeft / pr.width) * 100).toFixed(3) + "%" : curLeft + "px";
-        b.el.style.top = pr.height ? ((curTop / pr.height) * 100).toFixed(3) + "%" : curTop + "px";
+        b.el.style.top = Math.round(curTop) + "px";
         if (pr.width) b.el.style.width = ((b.w / pr.width) * 100).toFixed(3) + "%";
       }
     }
@@ -458,8 +509,8 @@ var INSPECTOR_SCRIPT = `
           positionResize();
           // The new position is already shown in the iframe with every cid intact,
           // so persist without a reload (no flicker): one element \u2192 node_edit,
-          // several \u2192 a self-applied doc_edit.
-          if (els.length === 1) emitEdit(els[0]); else emitDoc(true);
+          // several (or a repositioned parent) \u2192 a self-applied doc_edit.
+          commitDrag(els);
         }
         dragBases = null;
         return;
@@ -510,7 +561,7 @@ var INSPECTOR_SCRIPT = `
         // Pointer left the frame mid-drag: commit the move at its last position so
         // it isn't lost (the element is already placed absolutely in the iframe).
         var els = dragEls; dragEls = null;
-        if (moved && dragBases) { commitFree(); if (els.length === 1) emitEdit(els[0]); else emitDoc(true); }
+        if (moved && dragBases) { commitFree(); commitDrag(els); }
         dragBases = null;
       }
       if (dragging) {
@@ -584,6 +635,12 @@ var INSPECTOR_SCRIPT = `
       if (d.type === "set_src") { var ei = byCid(d.cid); if (ei) { ei.setAttribute("src", d.value); emitEdit(ei); } return; }
       if (d.type === "commit") { var el2 = byCid(d.cid); if (el2) emitEdit(el2); return; }
+      // No-selection inserts land in the slide root when there is one \u2014 a slide
+      // document is body > .slide-container (fixed 720px), so appending to body
+      // puts content below the visible slide where it silently never shows.
+      function insertRoot() {
+        return document.querySelector(".slide-container") || document.body;
+      }
       // Structural edits \u2014 mutate the tree, then persist the whole document.
       if (d.type === "insert") {
         var block = newBlock(d.block || "p");
@@ -591,7 +648,7 @@ var INSPECTOR_SCRIPT = `
         if (anchor && anchor.parentNode && anchor.parentNode !== document.documentElement) {
           anchor.parentNode.insertBefore(block, anchor.nextSibling);
         } else {
-          document.body.appendChild(block);
+          insertRoot().appendChild(block);
         }
         emitDoc();
         return;
@@ -599,7 +656,7 @@ var INSPECTOR_SCRIPT = `
       if (d.type === "insert_html") {
         // A built-in section template (trusted markup from the toolbar).
         var anc = d.cid ? byCid(d.cid) : null;
-        var container = (anc && anc.parentNode && anc.parentNode !== document.documentElement) ? anc.parentNode : document.body;
+        var container = (anc && anc.parentNode && anc.parentNode !== document.documentElement) ? anc.parentNode : insertRoot();
         var ref = (anc && anc.parentNode === container) ? anc.nextSibling : null;
         var frag = document.createElement("div");
         frag.innerHTML = d.html || "";
@@ -614,7 +671,16 @@ var INSPECTOR_SCRIPT = `
         var cids = d.cids || [];
         for (var g = 0; g < cids.length; g++) { var m = byCid(cids[g]); if (m) members.push(m); }
         if (members.length < 2) return;
-        var gid = "g" + (groupSeq++);
+        // Next free id is derived from the document, not a counter \u2014 the counter
+        // reset on every reload, so a second group session reused "g0" and merged
+        // with the previously-persisted group.
+        var maxGid = -1;
+        var existing = document.querySelectorAll("[data-group-id]");
+        for (var q = 0; q < existing.length; q++) {
+          var mm = /^g(d+)$/.exec(existing[q].getAttribute("data-group-id") || "");
+          if (mm && Number(mm[1]) > maxGid) maxGid = Number(mm[1]);
+        }
+        var gid = "g" + (maxGid + 1);
         for (var w = 0; w < members.length; w++) members[w].setAttribute("data-group-id", gid);
         clearSelected();
         emitDoc();
@@ -777,7 +843,7 @@ function useCanvasReplay() {
           api.getState().applyEvent(event);
         }
       } finally {
-        api.getState().setStreaming(false);
+        if (abortRef.current === controller) api.getState().setStreaming(false);
       }
     },
     [api]
@@ -786,6 +852,39 @@ function useCanvasReplay() {
   const reset = useCallback(() => api.getState().reset(), [api]);
   return { play, stop, reset, canvas, isPlaying };
 }
+var DEFAULT_DEBOUNCE_MS = 800;
+function useCanvasSave(onSave, debounceMs = DEFAULT_DEBOUNCE_MS) {
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const latest = useRef(/* @__PURE__ */ new Map());
+  const handler = useRef(onSave);
+  handler.current = onSave;
+  const enabled = Boolean(onSave);
+  useEffect(() => {
+    const pending = timers.current;
+    return () => pending.forEach((t) => clearTimeout(t));
+  }, []);
+  return useMemo(() => {
+    if (!enabled) return null;
+    return (artifact2) => {
+      latest.current.set(artifact2.id, artifact2);
+      const existing = timers.current.get(artifact2.id);
+      if (existing) clearTimeout(existing);
+      timers.current.set(
+        artifact2.id,
+        setTimeout(() => {
+          timers.current.delete(artifact2.id);
+          const current = latest.current.get(artifact2.id);
+          if (!current || !handler.current) return;
+          void handler.current({
+            artifactId: current.id,
+            artifact: current,
+            baseRevision: typeof current.meta?.revision === "string" ? current.meta.revision : null
+          });
+        }, debounceMs)
+      );
+    };
+  }, [enabled, debounceMs]);
+}
 // src/fixtures/scenarios.ts
 var PRICING_HTML = `<!doctype html>
@@ -957,7 +1056,107 @@ var slides = {
     { type: "done" }
   ]
 };
-var scenarios = [htmlPage, document2, chart, table, slides];
+var VERSIONED_HTML = `<!doctype html><html><body style="font-family:sans-serif;padding:40px">
+<h1>Coffee history</h1><p>From the Ethiopian highlands to the espresso bar.</p>
+</body></html>`;
+var versions = {
+  id: "versions",
+  title: "Version history",
+  description: "An agent builds a page, a user edit and an agent edit each land as described commits \u2014 open the version rail to browse and restore-view snapshots.",
+  events: [
+    { type: "message.delta", messageId: "m1", text: "Built the page \u2014 every change now lands in the version history." },
+    { type: "message.end", messageId: "m1" },
+    {
+      type: "canvas.create",
+      artifact: { id: "page", type: "html", title: "Coffee history", version: 1, status: "streaming", data: { html: VERSIONED_HTML } }
+    },
+    { type: "canvas.status", id: "page", status: "complete" },
+    { type: "canvas.commit", id: "page", description: "Create page", revision: "v1" },
+    // A human tweaks the headline by hand, then saves — one described commit.
+    { type: "canvas.patch", id: "page", patch: { html: VERSIONED_HTML.replace("Coffee history", "A short history of coffee") } },
+    { type: "canvas.commit", id: "page", description: "Manual edit: 1 change", revision: "v2" },
+    // The agent applies a targeted follow-up edit on the current state.
+    { type: "canvas.patch", id: "page", patch: { html: VERSIONED_HTML.replace("Coffee history", "A short history of coffee").replace("espresso bar", "third-wave caf\xE9") } },
+    { type: "canvas.commit", id: "page", description: "Update closing phrase", revision: "v3" },
+    { type: "done" }
+  ]
+};
+var PDF_DATA_URL = "data:application/pdf;base64,JVBERi0xLjQKMSAwIG9iajw8L1R5cGUvQ2F0YWxvZy9QYWdlcyAyIDAgUj4+ZW5kb2JqCjIgMCBvYmo8PC9UeXBlL1BhZ2VzL0tpZHNbMyAwIFJdL0NvdW50IDE+PmVuZG9iagozIDAgb2JqPDwvVHlwZS9QYWdlL1BhcmVudCAyIDAgUi9NZWRpYUJveFswIDAgNjEyIDc5Ml0vQ29udGVudHMgNCAwIFIvUmVzb3VyY2VzPDwvRm9udDw8L0YxIDUgMCBSPj4+Pj4+ZW5kb2JqCjQgMCBvYmo8PC9MZW5ndGggODA+PnN0cmVhbQpCVCAvRjEgMjggVGYgNzIgNzAwIFRkIChsYW5nY2hhaW4tY2FudmFzIFBERiB2aWV3ZXIpIFRqIEVUCmVuZHN0cmVhbQplbmRvYmoKNSAwIG9iajw8L1R5cGUvRm9udC9TdWJ0eXBlL1R5cGUxL0Jhc2VGb250L0hlbHZldGljYT4+ZW5kb2JqCnhyZWYKMCA2CnRyYWlsZXI8PC9TaXplIDYvUm9vdCAxIDAgUj4+CiUlRU9GCg==";
+var pdf = {
+  id: "pdf",
+  title: "PDF viewer",
+  description: "A PDF artifact shown in the browser's built-in viewer \u2014 zero dependencies.",
+  events: [
+    { type: "message.delta", messageId: "m-pdf", text: "Here's the signed report as a PDF." },
+    {
+      type: "canvas.create",
+      artifact: {
+        id: "report-pdf",
+        type: "pdf",
+        title: "Signed report",
+        version: 1,
+        status: "complete",
+        data: { src: PDF_DATA_URL, filename: "signed-report.pdf" }
+      }
+    },
+    { type: "canvas.status", id: "report-pdf", status: "complete" },
+    { type: "done" }
+  ]
+};
+var HWP_HTML = `<!doctype html>
+<html lang="ko"><head><meta charset="utf-8"><style>
+  body{margin:0;background:#eceef1;font-family:"Malgun Gothic","\uB9D1\uC740 \uACE0\uB515","Apple SD Gothic Neo",AppleGothic,sans-serif;color:#1a1a1a}
+  .page{max-width:794px;margin:24px auto;padding:96px 72px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.12);line-height:1.7}
+  h1{font-size:22pt;text-align:center;margin:0 0 8px}
+  .stamp{text-align:center;color:#555;font-size:10.5pt;margin:0 0 36px}
+  h2{font-size:14pt;border-bottom:2px solid #2f5597;padding-bottom:4px;margin:28px 0 12px;color:#2f5597}
+  p{margin:0 0 10px;font-size:11pt;text-align:justify}
+  table{border-collapse:collapse;width:100%;margin:12px 0;font-size:10.5pt}
+  th{background:#dbe5f1;border:1px solid #666;padding:7px 10px}
+  td{border:1px solid #666;padding:7px 10px}
+  .sign{margin-top:48px;text-align:right;font-size:12pt}
+  .red{color:#c00000;font-weight:700}
+</style></head>
+<body><div class="page">
+  <h1>\uC0AC\uC5C5 \uC218\uD589 \uACC4\uD68D\uC11C</h1>
+  <p class="stamp">\uBB38\uC11C\uBC88\uD638 BC-2026-041 \xB7 2026. 7. 29.</p>
+  <h2>1. \uAC1C\uC694</h2>
+  <p>\uBCF8 \uBB38\uC11C\uB294 <b>\uB300\uD654\uD615 \uC5D0\uC774\uC804\uD2B8 \uBE4C\uB354 \uAD6C\uCD95</b> \uC0AC\uC5C5\uC758 \uC218\uD589 \uACC4\uD68D\uC744 \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4. <span class="red">\uD55C\uAE00(.hwp/.hwpx) \uD30C\uC77C\uC744 \uCE94\uBC84\uC2A4\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uC73C\uBA74</span> \uC774 \uBB38\uC11C\uCC98\uB7FC <u>\uC11C\uC2DD\uC774 \uBCF4\uC874\uB41C \uD398\uC774\uC9C0</u>\uB85C \uC5F4\uB9BD\uB2C8\uB2E4 \u2014 \uAE00\uAF34 \uD06C\uAE30\xB7\uC0C9\xB7\uC815\uB82C\xB7\uD45C \uD14C\uB450\uB9AC\xB7\uC774\uBBF8\uC9C0\uAE4C\uC9C0.</p>
+  <h2>2. \uCD94\uC9C4 \uC77C\uC815</h2>
+  <table>
+    <tr><th>\uB2E8\uACC4</th><th>\uAE30\uAC04</th><th>\uC0B0\uCD9C\uBB3C</th></tr>
+    <tr><td>\uCC29\uC218</td><td style="text-align:center">2026-07</td><td>\uC0AC\uC5C5\uC218\uD589\uACC4\uD68D\uC11C</td></tr>
+    <tr><td>\uBD84\uC11D/\uC124\uACC4</td><td style="text-align:center">2026-07 ~ 2026-08</td><td>\uC694\uAD6C\uC0AC\uD56D \uC815\uC758\uC11C</td></tr>
+    <tr><td>\uAD6C\uCD95</td><td style="text-align:center">2026-08 ~ 2026-11</td><td>\uAE30\uB2A5 \uAD6C\uD604</td></tr>
+    <tr><td>\uAC80\uC218</td><td style="text-align:center">2026-12</td><td>\uAC80\uC218\uD655\uC778\uC11C</td></tr>
+  </table>
+  <h2>3. \uB0B4\uBCF4\uB0B4\uAE30</h2>
+  <p>\uD3B8\uC9D1\uD55C \uBB38\uC11C\uB294 <b>\uB0B4\uBCF4\uB0B4\uAE30</b> \uBA54\uB274\uC5D0\uC11C PDF\xB7HTML\uB85C \uC800\uC7A5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC5D0\uC774\uC804\uD2B8\uAC00 \uB9CC\uB4E0 \uBB38\uC11C(document)\uB294 <b>\uD55C\uAE00 (HWPX)</b>\uB85C\uB3C4 \uB0B4\uBCF4\uB0C5\uB2C8\uB2E4.</p>
+  <p class="sign">\uBE0C\uB808\uC778\uD06C\uB8E8 \uC8FC\uC2DD\uD68C\uC0AC</p>
+</div></body></html>`;
+var hwp = {
+  id: "hwp",
+  title: "\uD55C\uAE00 (HWP)",
+  description: "A formatted Korean document \u2014 how .hwp/.hwpx files open on the canvas, styling preserved.",
+  events: [
+    { type: "message.delta", messageId: "m-hwp", text: "\uD55C\uAE00 \uD30C\uC77C\uC744 \uC11C\uC2DD \uADF8\uB300\uB85C \uC5F4\uC5C8\uC2B5\uB2C8\uB2E4." },
+    {
+      type: "canvas.create",
+      artifact: {
+        id: "hwp-doc",
+        type: "html",
+        title: "\uC0AC\uC5C5 \uC218\uD589 \uACC4\uD68D\uC11C.hwpx",
+        version: 1,
+        status: "complete",
+        meta: { kind: "doc", source: "hwpx" },
+        data: { html: HWP_HTML }
+      }
+    },
+    { type: "canvas.status", id: "hwp-doc", status: "complete" },
+    { type: "done" }
+  ]
+};
+var scenarios = [htmlPage, document2, chart, table, slides, pdf, hwp, versions];
 var RegistryContext = createContext({});
 function CanvasRegistryProvider({ registry, children }) {
   return /* @__PURE__ */ jsx(RegistryContext.Provider, { value: registry, children });
@@ -1103,40 +1302,202 @@ function display(value) {
   if (value == null) return "";
   if (typeof value === "object") {
     if (value.result != null) return display(value.result);
+    if (Array.isArray(value.richText)) return value.richText.map((r) => r?.text ?? "").join("");
     if (typeof value.text === "string") return value.text;
     if (value instanceof Date) return formatDate(value, "yyyy-mm-dd");
     return "";
   }
   return String(value);
 }
+function splitSections(fmt) {
+  const sections = [];
+  let cur = "";
+  for (let i = 0; i < fmt.length; i++) {
+    const ch = fmt[i];
+    if (ch === '"') {
+      cur += ch;
+      i++;
+      while (i < fmt.length && fmt[i] !== '"') cur += fmt[i++];
+      if (i < fmt.length) cur += fmt[i];
+      continue;
+    }
+    if (ch === "[") {
+      cur += ch;
+      i++;
+      while (i < fmt.length && fmt[i] !== "]") cur += fmt[i++];
+      if (i < fmt.length) cur += fmt[i];
+      continue;
+    }
+    if (ch === "\\") {
+      cur += ch + (fmt[i + 1] ?? "");
+      i++;
+      continue;
+    }
+    if (ch === ";") {
+      sections.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  sections.push(cur);
+  return sections;
+}
+function numberSkeleton(fmt) {
+  let currency = "";
+  let currencyTrails = false;
+  let skeleton = "";
+  let seenDigit = false;
+  const found = (sym) => {
+    if (currency) return;
+    currency = sym;
+    currencyTrails = seenDigit;
+  };
+  for (let i = 0; i < fmt.length; i++) {
+    const ch = fmt[i];
+    if (ch === '"') {
+      let lit = "";
+      i++;
+      while (i < fmt.length && fmt[i] !== '"') lit += fmt[i++];
+      if (/[$₩€£¥]/.test(lit)) found(lit);
+      continue;
+    }
+    if (ch === "\\") {
+      const c = fmt[i + 1] ?? "";
+      if (/[$₩€£¥]/.test(c)) found(c);
+      i++;
+      continue;
+    }
+    if (ch === "[") {
+      const end = fmt.indexOf("]", i);
+      const group = fmt.slice(i + 1, end === -1 ? void 0 : end);
+      const cur = /^\$(.*?)-/.exec(group)?.[1] ?? (group.startsWith("$") ? group.slice(1) : "");
+      if (cur) found(cur);
+      i = end === -1 ? fmt.length : end;
+      continue;
+    }
+    if (ch === "_" || ch === "*") {
+      i++;
+      continue;
+    }
+    if (/[$₩€£¥]/.test(ch)) {
+      found(ch);
+      continue;
+    }
+    if (ch === "0" || ch === "#") seenDigit = true;
+    skeleton += ch;
+  }
+  return { skeleton, currency, currencyTrails };
+}
 function formatNumber(value, numFmt) {
-  const fmt = numFmt && numFmt !== "General" ? numFmt : "";
-  if (!fmt) return String(value);
-  const decimals = (fmt.match(/\.([0#]+)/)?.[1] ?? "").length;
-  if (fmt.includes("%")) return `${(value * 100).toFixed(decimals)}%`;
-  const thousands = /[#0],[#0]/.test(fmt);
-  let out = thousands ? value.toLocaleString("en-US", { minimumFractionDigits: decimals, maximumFractionDigits: decimals }) : value.toFixed(decimals);
-  const currency = fmt.match(/[$₩€£¥]/);
-  if (currency) out = value < 0 ? `-${currency[0]}${out.slice(1)}` : `${currency[0]}${out}`;
+  const raw = numFmt && numFmt !== "General" ? numFmt : "";
+  if (!raw) return String(value);
+  const sections = splitSections(raw);
+  const negSection = value < 0 && sections.length > 1 ? sections[1] : void 0;
+  const section = negSection ?? (value === 0 && sections[2] ? sections[2] : sections[0]);
+  const { skeleton, currency, currencyTrails } = numberSkeleton(section);
+  if (!/[0#]/.test(skeleton)) return String(value);
+  const decimals = (skeleton.match(/\.([0#]+)/)?.[1] ?? "").length;
+  const thousands = /[#0],[#0]/.test(skeleton);
+  const n = negSection ? Math.abs(value) : value;
+  const percents = (skeleton.match(/%/g) ?? []).length;
+  const scaled = percents ? n * 100 ** percents : n;
+  let out = thousands ? scaled.toLocaleString("en-US", { minimumFractionDigits: decimals, maximumFractionDigits: decimals }) : scaled.toFixed(decimals);
+  if (percents) out += "%";
+  if (currency) {
+    if (currencyTrails) out = `${out}${currency}`;
+    else if (out.startsWith("-")) out = `-${currency}${out.slice(1)}`;
+    else out = `${currency}${out}`;
+  }
+  if (negSection && /\(/.test(skeleton)) out = `(${out})`;
   return out;
 }
+var EXCEL_EPOCH_MS = Date.UTC(1899, 11, 30);
 function formatDate(d, numFmt) {
-  const fmt = numFmt && numFmt !== "General" && /[ymdhs]/i.test(numFmt) ? numFmt : "yyyy-mm-dd";
+  const fmt = numFmt && numFmt !== "General" && /[ymdhs]/i.test(numFmt) ? splitSections(numFmt)[0] : "yyyy-mm-dd";
   const p = (n, w = 2) => String(n).padStart(w, "0");
+  const meridiem = /AM\/PM|A\/P/i.test(fmt);
+  const H = d.getUTCHours();
+  const hour12 = H % 12 === 0 ? 12 : H % 12;
+  const hourText = (width) => meridiem ? p(hour12, width) : p(H, width);
+  const elapsedMs = d.getTime() - EXCEL_EPOCH_MS;
   const map = {
-    yyyy: String(d.getFullYear()),
-    yy: p(d.getFullYear() % 100),
-    mmmm: d.toLocaleString("en-US", { month: "long" }),
-    mmm: d.toLocaleString("en-US", { month: "short" }),
-    mm: p(d.getMonth() + 1),
-    m: String(d.getMonth() + 1),
-    dd: p(d.getDate()),
-    d: String(d.getDate()),
-    hh: p(d.getHours()),
-    h: String(d.getHours()),
-    ss: p(d.getSeconds())
+    yyyy: () => String(d.getUTCFullYear()),
+    yy: () => p(d.getUTCFullYear() % 100),
+    mmmm: () => d.toLocaleString("en-US", { month: "long", timeZone: "UTC" }),
+    mmm: () => d.toLocaleString("en-US", { month: "short", timeZone: "UTC" }),
+    dd: () => p(d.getUTCDate()),
+    d: () => String(d.getUTCDate()),
+    hh: () => hourText(2),
+    h: () => hourText(1),
+    ss: () => p(d.getUTCSeconds()),
+    s: () => String(d.getUTCSeconds())
   };
-  return fmt.replace(/yyyy|yy|mmmm|mmm|mm|m|dd|d|hh|h|ss/g, (t) => map[t] ?? t);
+  const month = (t) => t === "mm" ? p(d.getUTCMonth() + 1) : String(d.getUTCMonth() + 1);
+  const minute = (t) => t === "mm" ? p(d.getUTCMinutes()) : String(d.getUTCMinutes());
+  const TOKEN = /AM\/PM|A\/P|yyyy|yy|mmmm|mmm|mm|m|dd|d|hh|h|ss|s/iy;
+  let out = "";
+  let lastWasHours = false;
+  for (let i = 0; i < fmt.length; ) {
+    const ch = fmt[i];
+    if (ch === '"') {
+      i++;
+      while (i < fmt.length && fmt[i] !== '"') out += fmt[i++];
+      i++;
+      continue;
+    }
+    if (ch === "\\") {
+      out += fmt[i + 1] ?? "";
+      i += 2;
+      continue;
+    }
+    if (ch === "[") {
+      const end = fmt.indexOf("]", i);
+      const group = fmt.slice(i + 1, end === -1 ? fmt.length : end);
+      i = end === -1 ? fmt.length : end + 1;
+      if (/^h+$/i.test(group)) {
+        out += p(Math.floor(elapsedMs / 36e5), group.length);
+        lastWasHours = true;
+      } else if (/^m+$/i.test(group)) out += p(Math.floor(elapsedMs / 6e4), group.length);
+      else if (/^s+$/i.test(group)) out += p(Math.floor(elapsedMs / 1e3), group.length);
+      continue;
+    }
+    if (ch === "_") {
+      out += " ";
+      i += 2;
+      continue;
+    }
+    if (ch === "*") {
+      i += 2;
+      continue;
+    }
+    TOKEN.lastIndex = i;
+    const m = TOKEN.exec(fmt);
+    if (m) {
+      const tok = m[0].toLowerCase();
+      i += m[0].length;
+      if (tok === "am/pm") {
+        out += H < 12 ? "AM" : "PM";
+        continue;
+      }
+      if (tok === "a/p") {
+        out += H < 12 ? "A" : "P";
+        continue;
+      }
+      if (tok === "m" || tok === "mm") {
+        const minutes = lastWasHours || /^[\s:.,\-]*s/i.test(fmt.slice(i));
+        out += minutes ? minute(tok) : month(tok);
+        lastWasHours = false;
+        continue;
+      }
+      lastWasHours = tok === "h" || tok === "hh";
+      out += map[tok]();
+      continue;
+    }
+    out += ch;
+    i++;
+  }
+  return out;
 }
 function cellValue(cell) {
   const raw = cell.value;
@@ -1335,6 +1696,7 @@ function cellVal(v) {
   if (typeof v === "number" || typeof v === "string") return v;
   if (typeof v === "object") {
     if (v.result != null) return cellVal(v.result);
+    if (Array.isArray(v.richText)) return v.richText.map((r) => r?.text ?? "").join("");
     if (typeof v.text === "string") return v.text;
     if (v instanceof Date) return v.toISOString().slice(0, 10);
   }
@@ -1377,8 +1739,1670 @@ function flatten(ws) {
   return { columns, rows };
 }
+// src/io/hwpx.ts
+var EOCD_SIG = 101010256;
+var CDIR_SIG = 33639248;
+var LOCAL_SIG = 67324752;
+async function inflateRaw(bytes) {
+  if (typeof DecompressionStream === "undefined") {
+    throw new Error("\uC774 \uBE0C\uB77C\uC6B0\uC800\uB294 \uC555\uCD95 \uD574\uC81C\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4 (DecompressionStream unavailable).");
+  }
+  const ds = new DecompressionStream("deflate-raw");
+  const writer = ds.writable.getWriter();
+  const wrote = writer.write(bytes).then(() => writer.close());
+  const reader = ds.readable.getReader();
+  const chunks = [];
+  let total = 0;
+  for (; ; ) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    chunks.push(value);
+    total += value.length;
+  }
+  await wrote;
+  const out = new Uint8Array(total);
+  let pos = 0;
+  for (const c of chunks) {
+    out.set(c, pos);
+    pos += c.length;
+  }
+  return out;
+}
+async function readZip(buffer) {
+  const view = new DataView(buffer);
+  const bytes = new Uint8Array(buffer);
+  let eocd = -1;
+  const floor = Math.max(0, buffer.byteLength - 22 - 65535);
+  for (let i = buffer.byteLength - 22; i >= floor; i--) {
+    if (view.getUint32(i, true) === EOCD_SIG) {
+      eocd = i;
+      break;
+    }
+  }
+  if (eocd === -1) throw new Error("ZIP \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4 (no end-of-central-directory).");
+  const count = view.getUint16(eocd + 10, true);
+  let offset = view.getUint32(eocd + 16, true);
+  const entries = /* @__PURE__ */ new Map();
+  const decoder = new TextDecoder();
+  for (let i = 0; i < count; i++) {
+    if (offset + 46 > buffer.byteLength || view.getUint32(offset, true) !== CDIR_SIG) {
+      throw new Error("ZIP \uC911\uC559 \uB514\uB809\uD130\uB9AC\uAC00 \uC190\uC0C1\uB418\uC5C8\uC2B5\uB2C8\uB2E4 (corrupt central directory).");
+    }
+    const method = view.getUint16(offset + 10, true);
+    const compressedSize = view.getUint32(offset + 20, true);
+    const uncompressedSize = view.getUint32(offset + 24, true);
+    const nameLen = view.getUint16(offset + 28, true);
+    const extraLen = view.getUint16(offset + 30, true);
+    const commentLen = view.getUint16(offset + 32, true);
+    const localOffset = view.getUint32(offset + 42, true);
+    const name = decoder.decode(bytes.subarray(offset + 46, offset + 46 + nameLen));
+    offset += 46 + nameLen + extraLen + commentLen;
+    if (compressedSize === 4294967295 || uncompressedSize === 4294967295) {
+      throw new Error("Zip64 \uD615\uC2DD\uC740 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4 (Zip64 not supported).");
+    }
+    if (name.endsWith("/")) continue;
+    if (localOffset + 30 > buffer.byteLength || view.getUint32(localOffset, true) !== LOCAL_SIG) {
+      throw new Error("ZIP \uB85C\uCEEC \uD5E4\uB354\uAC00 \uC190\uC0C1\uB418\uC5C8\uC2B5\uB2C8\uB2E4 (corrupt local header).");
+    }
+    const localNameLen = view.getUint16(localOffset + 26, true);
+    const localExtraLen = view.getUint16(localOffset + 28, true);
+    const start = localOffset + 30 + localNameLen + localExtraLen;
+    const data = bytes.subarray(start, start + compressedSize);
+    if (method === 0) entries.set(name, data);
+    else if (method === 8) entries.set(name, await inflateRaw(data));
+    else throw new Error(`\uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uC555\uCD95 \uBC29\uC2DD\uC785\uB2C8\uB2E4 (compression method ${method}).`);
+  }
+  return entries;
+}
+function parseXml(xml) {
+  const doc = new DOMParser().parseFromString(xml, "application/xml");
+  return doc.querySelector("parsererror") ? null : doc;
+}
+var IMAGE_BASE64_BUDGET = 8 * 1024 * 1024;
+var MIME_BY_EXT = {
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  bmp: "image/bmp"
+};
+function bytesToBase642(bytes) {
+  let bin = "";
+  for (let i = 0; i < bytes.length; i += 32768) {
+    bin += String.fromCharCode.apply(null, Array.from(bytes.subarray(i, i + 32768)));
+  }
+  return btoa(bin);
+}
+var ImageResolver = class {
+  // ref id → ZIP entry name
+  constructor(entries) {
+    this.entries = entries;
+    this.omitted = 0;
+    this.used = 0;
+    this.index = /* @__PURE__ */ new Map();
+    for (const name of entries.keys()) {
+      const m = /^(?:Contents\/)?BinData\/([^/]+)$/i.exec(name);
+      if (!m) continue;
+      this.index.set(m[1], name);
+      this.index.set(m[1].replace(/\.[^.]+$/, ""), name);
+    }
+    const hpfName = [...entries.keys()].find((n) => /(^|\/)content\.hpf$/i.test(n));
+    const doc = hpfName ? parseXml(new TextDecoder().decode(entries.get(hpfName))) : null;
+    if (!doc) return;
+    for (const item of Array.from(doc.getElementsByTagNameNS("*", "item"))) {
+      const id = item.getAttribute("id");
+      const href = item.getAttribute("href");
+      if (!id || !href) continue;
+      const target = this.entries.has(href) ? href : this.entries.has(`Contents/${href}`) ? `Contents/${href}` : null;
+      if (target) this.index.set(id, target);
+    }
+  }
+  /** Data URL for a binary item id, or null when unresolvable / over budget —
+   *  the shared resolution both the markdown and HTML emitters build on. */
+  dataUrl(refId) {
+    const name = this.index.get(refId);
+    const bytes = name ? this.entries.get(name) : void 0;
+    if (!name || !bytes) return null;
+    const base64Length = Math.ceil(bytes.length / 3) * 4;
+    if (this.used + base64Length > IMAGE_BASE64_BUDGET) {
+      this.omitted++;
+      return null;
+    }
+    this.used += base64Length;
+    const ext = /\.([^.]+)$/.exec(name)?.[1]?.toLowerCase() ?? "";
+    return `data:${MIME_BY_EXT[ext] ?? "image/png"};base64,${bytesToBase642(bytes)}`;
+  }
+  /** Markdown image block for a binary item id, or null when unresolvable /
+   *  over budget. */
+  markdown(refId) {
+    const url = this.dataUrl(refId);
+    return url ? `![](${url})` : null;
+  }
+};
+function binaryItemRef(pic) {
+  const refOf = (el) => {
+    for (const attr of Array.from(el.attributes)) {
+      if (/^(binaryitemidref|bin-item-id|binitemidref)$/i.test(attr.localName)) return attr.value || null;
+    }
+    return null;
+  };
+  const descendants = [pic, ...Array.from(pic.getElementsByTagNameNS("*", "*"))];
+  for (const el of descendants) {
+    if (el.localName === "img") {
+      const ref = refOf(el);
+      if (ref) return ref;
+    }
+  }
+  for (const el of descendants) {
+    const ref = refOf(el);
+    if (ref) return ref;
+  }
+  return null;
+}
+var HEADING_STYLE_NAME = /^(개요|Outline|Heading|제목)\s*([1-6])/i;
+function buildHeadingIndex(entries) {
+  const byStyle = /* @__PURE__ */ new Map();
+  const byParaPr = /* @__PURE__ */ new Map();
+  const name = [...entries.keys()].find((n) => /^Contents\/header\.xml$/i.test(n));
+  const doc = name ? parseXml(new TextDecoder().decode(entries.get(name))) : null;
+  if (doc) {
+    for (const style of Array.from(doc.getElementsByTagNameNS("*", "style"))) {
+      const match = HEADING_STYLE_NAME.exec(style.getAttribute("name") ?? "");
+      if (!match) continue;
+      const level = Number(match[2]);
+      const id = style.getAttribute("id");
+      if (id !== null) byStyle.set(id, level);
+      const paraPr = style.getAttribute("paraPrIDRef");
+      if (paraPr !== null) byParaPr.set(paraPr, level);
+    }
+  }
+  return { byStyle, byParaPr };
+}
+function paragraphText(p) {
+  let out = "";
+  const walk = (el) => {
+    for (const child of Array.from(el.children)) {
+      const tag = child.localName;
+      if (tag === "tbl") continue;
+      if (tag === "t") out += child.textContent ?? "";
+      else if (tag === "lineBreak") out += "\n";
+      else walk(child);
+    }
+  };
+  walk(p);
+  return out;
+}
+async function openHwpx(buffer) {
+  const entries = await readZip(buffer);
+  const names = [...entries.keys()].filter((n) => /^Contents\/section\d+\.xml$/i.test(n)).sort((a, b) => Number(/(\d+)/.exec(a)?.[1] ?? 0) - Number(/(\d+)/.exec(b)?.[1] ?? 0));
+  if (!names.length) {
+    throw new Error("HWPX \uBB38\uC11C\uAC00 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uBCF8\uBB38(section XML)\uC774 \uC5C6\uC2B5\uB2C8\uB2E4 (no Contents/section*.xml).");
+  }
+  const decoder = new TextDecoder();
+  return {
+    entries,
+    sections: names.map((n) => decoder.decode(entries.get(n))),
+    headings: buildHeadingIndex(entries),
+    images: new ImageResolver(entries)
+  };
+}
+function headingLevelOf(p, headings) {
+  const styleId = p.getAttribute("styleIDRef");
+  if (styleId !== null && headings.byStyle.has(styleId)) return headings.byStyle.get(styleId);
+  const paraPrId = p.getAttribute("paraPrIDRef");
+  return paraPrId !== null && headings.byParaPr.get(paraPrId) || 0;
+}
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+var KOREAN_FONT_STACK = "'Malgun Gothic','\uB9D1\uC740 \uACE0\uB515','Apple SD Gothic Neo',AppleGothic,sans-serif";
+function koreanDocHtml(bodyHtml, title = "\uBB38\uC11C") {
+  return `<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(title)}</title>
+<style>
+body{margin:0;padding:32px 16px;background:#eceff1;color:#191919;font-family:${KOREAN_FONT_STACK};line-height:1.6;}
+.page{max-width:794px;margin:0 auto;background:#fff;padding:96px 72px;box-shadow:0 2px 12px rgba(0,0,0,.12);}
+.page p{margin:0 0 10px;}
+.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{margin:18px 0 12px;line-height:1.35;}
+.page table{border-collapse:collapse;margin:0 0 10px;}
+.page td,.page th{border:1px solid #666;padding:6px 8px;vertical-align:top;}
+.page td p:last-child{margin-bottom:0;}
+.page img{max-width:100%;}
+</style>
+</head>
+<body>
+<div class="page">
+${bodyHtml}
+</div>
+</body>
+</html>`;
+}
+var ALIGN_CSS = {
+  LEFT: "left",
+  CENTER: "center",
+  RIGHT: "right",
+  JUSTIFY: "justify",
+  BOTH: "justify",
+  DISTRIBUTE: "justify",
+  DISTRIBUTE_SPACE: "justify"
+};
+var HEX_COLOR = /^#[0-9a-f]{6}$/i;
+var heightToPx = (height) => Math.round(height / 100 * (4 / 3) * 100) / 100;
+function charPrCss(charPr, faceByLangId) {
+  let bold = false;
+  let italic = false;
+  let underline = false;
+  let face;
+  for (const child of Array.from(charPr.children)) {
+    const tag = child.localName;
+    if (tag === "bold") bold = true;
+    else if (tag === "italic") italic = true;
+    else if (tag === "underline") {
+      underline = (child.getAttribute("type") ?? "SOLID").toUpperCase() !== "NONE";
+    } else if (tag === "fontRef") {
+      const ref = child.getAttribute("hangul") ?? child.getAttribute("latin");
+      if (ref !== null) face = faceByLangId.get(`HANGUL:${ref}`) ?? faceByLangId.get(`LATIN:${ref}`);
+    }
+  }
+  const rules = [];
+  if (face) rules.push(`font-family:'${face.replace(/'/g, "")}',${KOREAN_FONT_STACK}`);
+  const height = Number(charPr.getAttribute("height"));
+  if (Number.isFinite(height) && height > 0) rules.push(`font-size:${heightToPx(height)}px`);
+  const color = charPr.getAttribute("textColor");
+  if (color && HEX_COLOR.test(color) && color.toLowerCase() !== "#000000") rules.push(`color:${color}`);
+  if (bold) rules.push("font-weight:bold");
+  if (italic) rules.push("font-style:italic");
+  if (underline) rules.push("text-decoration:underline");
+  return rules.join(";");
+}
+function buildStyleIndex(entries) {
+  const index = { charCss: /* @__PURE__ */ new Map(), paraAlign: /* @__PURE__ */ new Map(), fillColor: /* @__PURE__ */ new Map() };
+  const name = [...entries.keys()].find((n) => /^Contents\/header\.xml$/i.test(n));
+  const doc = name ? parseXml(new TextDecoder().decode(entries.get(name))) : null;
+  if (!doc) return index;
+  const faceByLangId = /* @__PURE__ */ new Map();
+  for (const fontface of Array.from(doc.getElementsByTagNameNS("*", "fontface"))) {
+    const lang = fontface.getAttribute("lang") ?? "";
+    for (const font of Array.from(fontface.getElementsByTagNameNS("*", "font"))) {
+      const id = font.getAttribute("id");
+      const face = font.getAttribute("face");
+      if (id !== null && face) faceByLangId.set(`${lang}:${id}`, face);
+    }
+  }
+  for (const charPr of Array.from(doc.getElementsByTagNameNS("*", "charPr"))) {
+    const id = charPr.getAttribute("id");
+    if (id !== null) index.charCss.set(id, charPrCss(charPr, faceByLangId));
+  }
+  for (const paraPr of Array.from(doc.getElementsByTagNameNS("*", "paraPr"))) {
+    const id = paraPr.getAttribute("id");
+    if (id === null) continue;
+    let raw = paraPr.getAttribute("align") ?? paraPr.getAttribute("alignment");
+    for (const child of Array.from(paraPr.children)) {
+      if (child.localName === "align") raw = child.getAttribute("horizontal") ?? child.getAttribute("align") ?? raw;
+    }
+    const css = raw ? ALIGN_CSS[raw.toUpperCase()] : void 0;
+    if (css) index.paraAlign.set(id, css);
+  }
+  for (const borderFill of Array.from(doc.getElementsByTagNameNS("*", "borderFill"))) {
+    const id = borderFill.getAttribute("id");
+    const color = borderFill.getElementsByTagNameNS("*", "winBrush")[0]?.getAttribute("faceColor");
+    if (id !== null && color && HEX_COLOR.test(color)) index.fillColor.set(id, color);
+  }
+  return index;
+}
+function paragraphInlineHtml(p, ctx) {
+  const segments = [];
+  const walk = (el, css) => {
+    for (const child of Array.from(el.children)) {
+      const tag = child.localName;
+      if (tag === "tbl" || tag === "pic") continue;
+      if (tag === "t") {
+        const text = child.textContent ?? "";
+        if (text) segments.push({ css, html: escapeHtml(text) });
+      } else if (tag === "lineBreak") {
+        segments.push({ css, html: "<br>" });
+      } else if (tag === "run") {
+        walk(child, ctx.charCss(child.getAttribute("charPrIDRef")));
+      } else {
+        walk(child, css);
+      }
+    }
+  };
+  walk(p, "");
+  let out = "";
+  for (let i = 0; i < segments.length; ) {
+    const css = segments[i].css;
+    let html = "";
+    for (; i < segments.length && segments[i].css === css; i++) html += segments[i].html;
+    out += css ? `<span style="${escapeHtml(css)}">${html}</span>` : html;
+  }
+  return out;
+}
+function paragraphToHtmlBlocks(p, blocks, ctx) {
+  if (paragraphText(p).trim()) {
+    const level = ctx.headingLevel(p);
+    const align = ctx.paraAlign(p.getAttribute("paraPrIDRef"));
+    const style = align ? ` style="text-align:${align}"` : "";
+    const inline = paragraphInlineHtml(p, ctx);
+    blocks.push(level ? `<h${level}${style}>${inline}</h${level}>` : `<p${style}>${inline}</p>`);
+  }
+  collectEmbeddedHtml(p, blocks, ctx);
+}
+function collectEmbeddedHtml(el, blocks, ctx) {
+  for (const child of Array.from(el.children)) {
+    if (child.localName === "tbl") {
+      const html = tableToHtml(child, ctx);
+      if (html) blocks.push(html);
+    } else if (child.localName === "pic") {
+      const img = ctx.imageTag(child);
+      if (img) blocks.push(img);
+    } else {
+      collectEmbeddedHtml(child, blocks, ctx);
+    }
+  }
+}
+function tableToHtml(tbl, ctx) {
+  let rowsHtml = "";
+  for (const tr of Array.from(tbl.getElementsByTagNameNS("*", "tr"))) {
+    if (tr.closest("tbl") !== tbl) continue;
+    let cells = "";
+    for (const tc of Array.from(tr.children)) {
+      if (tc.localName !== "tc") continue;
+      let colSpan = 1;
+      let rowSpan = 1;
+      const readSpan = (el) => {
+        for (const attr of Array.from(el.attributes)) {
+          if (/^colspan$/i.test(attr.localName)) colSpan = Math.max(1, Number(attr.value) || 1);
+          else if (/^rowspan$/i.test(attr.localName)) rowSpan = Math.max(1, Number(attr.value) || 1);
+        }
+      };
+      readSpan(tc);
+      for (const child of Array.from(tc.children)) {
+        if (child.localName === "cellSpan") readSpan(child);
+      }
+      const inner = [];
+      const walkCell = (el) => {
+        for (const child of Array.from(el.children)) {
+          if (child.localName === "p") paragraphToHtmlBlocks(child, inner, ctx);
+          else if (child.localName === "tbl") inner.push(tableToHtml(child, ctx));
+          else walkCell(child);
+        }
+      };
+      walkCell(tc);
+      const bg = ctx.cellBackground(tc.getAttribute("borderFillIDRef"));
+      const attrs = (colSpan > 1 ? ` colspan="${colSpan}"` : "") + (rowSpan > 1 ? ` rowspan="${rowSpan}"` : "") + (bg ? ` style="background:${bg}"` : "");
+      cells += `<td${attrs}>${inner.join("")}</td>`;
+    }
+    if (cells) rowsHtml += `<tr>${cells}</tr>`;
+  }
+  return rowsHtml ? `<table>${rowsHtml}</table>` : "";
+}
+function sectionToHtml(xml, ctx) {
+  const doc = parseXml(xml);
+  if (!doc) {
+    throw new Error("HWPX \uBCF8\uBB38 XML\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4 (invalid section XML).");
+  }
+  const blocks = [];
+  const walk = (el) => {
+    for (const child of Array.from(el.children)) {
+      if (child.localName === "p") paragraphToHtmlBlocks(child, blocks, ctx);
+      else if (child.localName !== "tbl") walk(child);
+    }
+  };
+  walk(doc.documentElement);
+  return blocks;
+}
+async function hwpxToHtml(buffer) {
+  const { entries, sections, headings, images } = await openHwpx(buffer);
+  const styles2 = buildStyleIndex(entries);
+  const ctx = {
+    headingLevel: (p) => headingLevelOf(p, headings),
+    charCss: (id) => id !== null ? styles2.charCss.get(id) ?? "" : "",
+    paraAlign: (id) => id !== null ? styles2.paraAlign.get(id) ?? null : null,
+    cellBackground: (id) => id !== null ? styles2.fillColor.get(id) ?? null : null,
+    imageTag: (pic) => {
+      const ref = binaryItemRef(pic);
+      const url = ref ? images.dataUrl(ref) : null;
+      return url ? `<img src="${url}" style="max-width:100%">` : null;
+    }
+  };
+  const blocks = [];
+  for (const xml of sections) {
+    blocks.push(...sectionToHtml(xml, ctx));
+  }
+  if (images.omitted > 0) {
+    blocks.push(`<p>(\uC774\uBBF8\uC9C0 ${images.omitted}\uC7A5 \uC0DD\uB7B5 / ${images.omitted} images omitted)</p>`);
+  }
+  return koreanDocHtml(blocks.join("\n"));
+}
+// src/io/hwp.ts
+var ERR = {
+  notCfb: "CFB(OLE) \uCEE8\uD14C\uC774\uB108 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uC62C\uBC14\uB978 HWP \uD30C\uC77C\uC774 \uC544\uB2D9\uB2C8\uB2E4. / Not a CFB (OLE) compound file container \u2014 not a valid HWP file.",
+  notHwp: '"HWP Document File" \uC2DC\uADF8\uB2C8\uCC98\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 HWP \uBB38\uC11C\uAC00 \uC544\uB2D9\uB2C8\uB2E4. / Missing "HWP Document File" signature \u2014 not an HWP document.',
+  encrypted: "\uC554\uD638\uB85C \uBCF4\uD638\uB41C HWP \uBB38\uC11C\uC785\uB2C8\uB2E4 \u2014 \uD55C\uAE00\uC5D0\uC11C \uC554\uD638\uB97C \uD574\uC81C\uD55C \uB4A4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694. / This HWP document is password-encrypted \u2014 remove the password in Hangul and try again.",
+  drm: "\uBC30\uD3EC\uC6A9(DRM) HWP \uBB38\uC11C\uC785\uB2C8\uB2E4 \u2014 \uBCF8\uBB38\uC774 \uB09C\uB3C5\uD654\uB418\uC5B4 \uC788\uC5B4 \uD14D\uC2A4\uD2B8\uB97C \uCD94\uCD9C\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. / This is a distribution (DRM) HWP document \u2014 its body text is obfuscated and cannot be extracted.",
+  legacy: (version) => `\uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 HWP \uBC84\uC804\uC785\uB2C8\uB2E4 (${version} < 5.0) \u2014 \uD55C\uAE00\uC5D0\uC11C HWP 5.0 \uC774\uC0C1\uC73C\uB85C \uC800\uC7A5\uD55C \uB4A4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694. / Unsupported HWP version (${version} < 5.0) \u2014 re-save as HWP 5.0+ in Hangul and try again.`,
+  corrupt: (detail) => `\uC190\uC0C1\uB41C HWP \uD30C\uC77C\uC785\uB2C8\uB2E4 (${detail}). / Corrupt HWP file (${detail}).`,
+  noInflate: "\uC774 \uD658\uACBD\uC5D0\uC11C\uB294 DecompressionStream\uC744 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC544 \uC555\uCD95\uB41C HWP\uB97C \uC5F4 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. / DecompressionStream is unavailable in this environment, so compressed HWP files cannot be opened."
+};
+var ENDOFCHAIN = 4294967294;
+var CFB_SIGNATURE = [208, 207, 17, 224, 161, 177, 26, 225];
+function parseCfb(bytes) {
+  if (bytes.length < 512 || CFB_SIGNATURE.some((b, i) => bytes[i] !== b)) {
+    throw new Error(ERR.notCfb);
+  }
+  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+  const sectorSize = 1 << view.getUint16(30, true);
+  const miniSectorSize = 1 << view.getUint16(32, true);
+  const numFatSectors = view.getUint32(44, true);
+  const firstDirSector = view.getUint32(48, true);
+  const miniCutoff = view.getUint32(56, true);
+  const firstMiniFatSector = view.getUint32(60, true);
+  const firstDifatSector = view.getUint32(68, true);
+  const totalSectors = Math.max(0, Math.ceil((bytes.length - 512) / sectorSize));
+  const sectorBytes = (sector) => {
+    const start = 512 + sector * sectorSize;
+    if (sector >= totalSectors || start >= bytes.length) {
+      throw new Error(ERR.corrupt("sector out of range"));
+    }
+    return bytes.subarray(start, start + sectorSize);
+  };
+  const fatSectorIds = [];
+  for (let i = 0; i < 109 && fatSectorIds.length < numFatSectors; i++) {
+    fatSectorIds.push(view.getUint32(76 + i * 4, true));
+  }
+  let difatSector = firstDifatSector;
+  let difatHops = 0;
+  while (difatSector !== ENDOFCHAIN && difatSector < 4294967290) {
+    if (difatHops++ > totalSectors) throw new Error(ERR.corrupt("DIFAT chain loops"));
+    const s = sectorBytes(difatSector);
+    const sv = new DataView(s.buffer, s.byteOffset, s.byteLength);
+    const perSector = sectorSize / 4 - 1;
+    for (let i = 0; i < perSector && fatSectorIds.length < numFatSectors; i++) {
+      fatSectorIds.push(sv.getUint32(i * 4, true));
+    }
+    difatSector = sv.getUint32(sectorSize - 4, true);
+  }
+  const fat = new Uint32Array(fatSectorIds.length * (sectorSize / 4));
+  fatSectorIds.forEach((id, idx) => {
+    const s = sectorBytes(id);
+    const sv = new DataView(s.buffer, s.byteOffset, s.byteLength);
+    for (let i = 0; i < sectorSize / 4; i++) fat[idx * (sectorSize / 4) + i] = sv.getUint32(i * 4, true);
+  });
+  const readChain = (start, size) => {
+    const out = new Uint8Array(size);
+    let sector = start;
+    let written = 0;
+    let hops = 0;
+    while (sector !== ENDOFCHAIN && written < size) {
+      if (hops++ > totalSectors || sector >= fat.length) throw new Error(ERR.corrupt("FAT chain loops"));
+      const chunk = sectorBytes(sector);
+      out.set(chunk.subarray(0, Math.min(sectorSize, size - written)), written);
+      written += sectorSize;
+      sector = fat[sector];
+    }
+    return out;
+  };
+  const dirSectors = [];
+  let dirSector = firstDirSector;
+  let dirHops = 0;
+  while (dirSector !== ENDOFCHAIN) {
+    if (dirHops++ > totalSectors || dirSector >= fat.length) throw new Error(ERR.corrupt("directory chain loops"));
+    dirSectors.push(sectorBytes(dirSector));
+    dirSector = fat[dirSector];
+  }
+  const entries = [];
+  for (const sector of dirSectors) {
+    const sv = new DataView(sector.buffer, sector.byteOffset, sector.byteLength);
+    for (let off = 0; off + 128 <= sector.length; off += 128) {
+      const nameLen = sv.getUint16(off + 64, true);
+      const type = sv.getUint8(off + 66);
+      if (type === 0 || nameLen < 2 || nameLen > 64) continue;
+      let name = "";
+      for (let i = 0; i < nameLen - 2; i += 2) name += String.fromCharCode(sv.getUint16(off + i, true));
+      entries.push({
+        name,
+        type,
+        startSector: sv.getUint32(off + 116, true),
+        // Size is a uint64, but HWP streams are far below 4 GB — the low half suffices.
+        size: sv.getUint32(off + 120, true)
+      });
+    }
+  }
+  const root = entries.find((e) => e.type === 5);
+  if (!root) throw new Error(ERR.corrupt("missing root directory entry"));
+  let miniStream = null;
+  let miniFat = null;
+  const lazyMini = () => {
+    if (miniStream && miniFat) return;
+    miniStream = readChain(root.startSector, root.size);
+    const miniFatSectors = Math.ceil(root.size / miniSectorSize) + 1;
+    const raw = readChain(firstMiniFatSector, miniFatSectors * 4 + sectorSize);
+    const rv = new DataView(raw.buffer, raw.byteOffset, raw.byteLength);
+    miniFat = new Uint32Array(Math.floor(raw.length / 4));
+    for (let i = 0; i < miniFat.length; i++) miniFat[i] = rv.getUint32(i * 4, true);
+  };
+  const readMiniChain = (start, size) => {
+    lazyMini();
+    const out = new Uint8Array(size);
+    let sector = start;
+    let written = 0;
+    let hops = 0;
+    const maxMini = Math.ceil(miniStream.length / miniSectorSize);
+    while (sector !== ENDOFCHAIN && written < size) {
+      if (hops++ > maxMini || sector >= miniFat.length || sector >= maxMini) {
+        throw new Error(ERR.corrupt("mini FAT chain loops"));
+      }
+      const at = sector * miniSectorSize;
+      out.set(miniStream.subarray(at, at + Math.min(miniSectorSize, size - written)), written);
+      written += miniSectorSize;
+      sector = miniFat[sector];
+    }
+    return out;
+  };
+  return {
+    entries,
+    readStream: (entry) => entry.size < miniCutoff && entry.type !== 5 ? readMiniChain(entry.startSector, entry.size) : readChain(entry.startSector, entry.size)
+  };
+}
+var HWP_SIGNATURE = "HWP Document File";
+function parseFileHeader(bytes) {
+  if (bytes.length < 40) throw new Error(ERR.notHwp);
+  let sig = "";
+  for (let i = 0; i < HWP_SIGNATURE.length; i++) sig += String.fromCharCode(bytes[i]);
+  if (sig !== HWP_SIGNATURE) throw new Error(ERR.notHwp);
+  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+  const version = view.getUint32(32, true);
+  const major = version >>> 24 & 255;
+  if (major < 5) {
+    throw new Error(ERR.legacy(`${major}.${version >>> 16 & 255}`));
+  }
+  const flags = view.getUint32(36, true);
+  if (flags & 2) throw new Error(ERR.encrypted);
+  if (flags & 4) throw new Error(ERR.drm);
+  return { compressed: (flags & 1) !== 0 };
+}
+var HWPTAG_PARA_TEXT = 16 + 51;
+var HWPTAG_CTRL_HEADER = 16 + 55;
+var HWPTAG_LIST_HEADER = 16 + 56;
+var HWPTAG_TABLE = 16 + 61;
+var CTRL_ID_TABLE = 1952607264;
+function decodeParaText(view, offset, byteLength) {
+  const paragraphs = [];
+  let text = "";
+  const count = byteLength >> 1;
+  for (let i = 0; i < count; i++) {
+    const code = view.getUint16(offset + i * 2, true);
+    if (code >= 32) {
+      text += String.fromCharCode(code);
+      continue;
+    }
+    switch (code) {
+      case 13:
+        paragraphs.push(text);
+        text = "";
+        break;
+      case 10:
+        text += "\n";
+        break;
+      case 0:
+      case 24:
+      case 25:
+      case 26:
+      case 27:
+      case 28:
+      case 29:
+      case 30:
+      case 31:
+        break;
+      // 1-WCHAR char controls with no text representation
+      case 9:
+        i += 7;
+        text += "	";
+        break;
+      default:
+        i += 7;
+        break;
+    }
+  }
+  if (text) paragraphs.push(text);
+  return paragraphs;
+}
+function parseRecords(section, view) {
+  const records = [];
+  let off = 0;
+  while (off + 4 <= section.length) {
+    const header = view.getUint32(off, true);
+    off += 4;
+    const tag = header & 1023;
+    const level = header >>> 10 & 1023;
+    let size = header >>> 20 & 4095;
+    if (size === 4095) {
+      if (off + 4 > section.length) throw new Error(ERR.corrupt("truncated record header"));
+      size = view.getUint32(off, true);
+      off += 4;
+    }
+    if (off + size > section.length) throw new Error(ERR.corrupt("record overruns section"));
+    records.push({ tag, level, start: off, size });
+    off += size;
+  }
+  return records;
+}
+function tableBlocks(view, subtree, ctrlLevel) {
+  const tableRec = subtree.find((r) => r.tag === HWPTAG_TABLE);
+  const cellLevel = ctrlLevel + 1;
+  const cells = [];
+  const flat = [];
+  let current = null;
+  let surprised = tableRec === void 0 || tableRec.size < 8;
+  for (const rec of subtree) {
+    if (rec.tag === HWPTAG_LIST_HEADER && rec.level === cellLevel) {
+      current = [];
+      cells.push(current);
+    } else if (rec.tag === HWPTAG_PARA_TEXT) {
+      const paragraphs = decodeParaText(view, rec.start, rec.size);
+      flat.push(...paragraphs);
+      if (current) current.push(...paragraphs);
+      else surprised = true;
+    }
+  }
+  if (!surprised) {
+    const nRows = view.getUint16(tableRec.start + 4, true);
+    const nCols = view.getUint16(tableRec.start + 6, true);
+    if (nRows >= 1 && nCols >= 1 && cells.length === nRows * nCols) {
+      const texts = cells.map((c) => c.filter((p) => p.length > 0).join("\n"));
+      const rows = Array.from({ length: nRows }, (_, r) => texts.slice(r * nCols, (r + 1) * nCols));
+      return [{ kind: "table", rows }];
+    }
+  }
+  return flat.map((text) => ({ kind: "paragraph", text }));
+}
+function extractSectionBlocks(section) {
+  const view = new DataView(section.buffer, section.byteOffset, section.byteLength);
+  const records = parseRecords(section, view);
+  const blocks = [];
+  let i = 0;
+  while (i < records.length) {
+    const rec = records[i];
+    if (rec.tag === HWPTAG_CTRL_HEADER && rec.size >= 4 && view.getUint32(rec.start, true) === CTRL_ID_TABLE) {
+      let end = i + 1;
+      while (end < records.length && records[end].level > rec.level) end++;
+      blocks.push(...tableBlocks(view, records.slice(i + 1, end), rec.level));
+      i = end;
+      continue;
+    }
+    if (rec.tag === HWPTAG_PARA_TEXT) {
+      for (const text of decodeParaText(view, rec.start, rec.size)) blocks.push({ kind: "paragraph", text });
+    }
+    i++;
+  }
+  return blocks;
+}
+function blocksToHtml(blocks) {
+  const inline = (text) => escapeHtml(text).replace(/\n/g, "<br>");
+  const out = [];
+  for (const block of blocks) {
+    if (block.kind === "paragraph") {
+      if (block.text.length > 0) out.push(`<p>${inline(block.text)}</p>`);
+      continue;
+    }
+    const rows = block.rows.map((row) => `<tr>${row.map((cell) => `<td>${inline(cell)}</td>`).join("")}</tr>`);
+    out.push(`<table>${rows.join("")}</table>`);
+  }
+  return out;
+}
+async function inflateRaw2(data) {
+  if (typeof DecompressionStream === "undefined") throw new Error(ERR.noInflate);
+  const stream = new DecompressionStream("deflate-raw");
+  const writer = stream.writable.getWriter();
+  const writing = writer.write(data).then(() => writer.close());
+  writing.catch(() => {
+  });
+  const reader = stream.readable.getReader();
+  const chunks = [];
+  let total = 0;
+  for (; ; ) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    chunks.push(value);
+    total += value.length;
+  }
+  const out = new Uint8Array(total);
+  let at = 0;
+  for (const chunk of chunks) {
+    out.set(chunk, at);
+    at += chunk.length;
+  }
+  return out;
+}
+async function extractBlocks(buffer) {
+  const cfb = parseCfb(new Uint8Array(buffer));
+  const headerEntry = cfb.entries.find((e) => e.type === 2 && e.name === "FileHeader");
+  if (!headerEntry) throw new Error(ERR.notHwp);
+  const header = parseFileHeader(cfb.readStream(headerEntry));
+  const sections = cfb.entries.map((e) => ({ entry: e, match: e.type === 2 ? /^Section(\d+)$/.exec(e.name) : null })).filter((s) => s.match !== null).sort((a, b) => Number(a.match[1]) - Number(b.match[1]));
+  const blocks = [];
+  for (const { entry } of sections) {
+    let bytes = cfb.readStream(entry);
+    if (header.compressed) bytes = await inflateRaw2(bytes);
+    blocks.push(...extractSectionBlocks(bytes));
+  }
+  return blocks;
+}
+async function hwpToHtml(buffer) {
+  return koreanDocHtml(blocksToHtml(await extractBlocks(buffer)).join("\n"));
+}
+// src/io/docx.ts
+function childOf(el, name) {
+  for (const c of Array.from(el.children)) if (c.localName === name) return c;
+  return null;
+}
+function attrOf(el, name) {
+  for (const a of Array.from(el.attributes)) if (a.localName === name) return a.value;
+  return null;
+}
+function toggleOn(rPr, name) {
+  const prop = rPr && childOf(rPr, name);
+  if (!prop) return false;
+  const val = attrOf(prop, "val");
+  return val !== "0" && val !== "false" && val !== "none";
+}
+function headingLevel(pPr) {
+  const style = pPr && childOf(pPr, "pStyle");
+  const id = style && attrOf(style, "val");
+  const m = id && /^heading ?([1-6])$/i.exec(id);
+  return m ? Number(m[1]) : 0;
+}
+function listLevel(pPr) {
+  const numPr = pPr && childOf(pPr, "numPr");
+  if (!numPr) return null;
+  const ilvl = childOf(numPr, "ilvl");
+  return Number(ilvl && attrOf(ilvl, "val")) || 0;
+}
+function runText(run) {
+  let out = "";
+  for (const c of Array.from(run.children)) {
+    if (c.localName === "t") {
+      const raw = c.textContent ?? "";
+      out += attrOf(c, "space") === "preserve" ? raw : raw.trim();
+    } else if (c.localName === "br") out += "\n";
+    else if (c.localName === "tab") out += "	";
+  }
+  return out;
+}
+function paragraphSegments(p) {
+  const segs = [];
+  const walk = (el) => {
+    for (const c of Array.from(el.children)) {
+      if (c.localName === "pPr") continue;
+      if (c.localName === "r") {
+        const rPr = childOf(c, "rPr");
+        const text = runText(c);
+        if (text) segs.push({ text, bold: toggleOn(rPr, "b"), italic: toggleOn(rPr, "i") });
+      } else walk(c);
+    }
+  };
+  walk(p);
+  return segs;
+}
+function renderSegments(segs) {
+  const merged = [];
+  for (const s of segs) {
+    const last = merged[merged.length - 1];
+    if (last && last.bold === s.bold && last.italic === s.italic) last.text += s.text;
+    else merged.push({ ...s });
+  }
+  return merged.map(({ text, bold, italic }) => {
+    if (!bold && !italic) return text;
+    const [, lead, core, trail] = /^(\s*)([\s\S]*?)(\s*)$/.exec(text);
+    if (!core) return text;
+    const mark = bold && italic ? "***" : bold ? "**" : "*";
+    return `${lead}${mark}${core}${mark}${trail}`;
+  }).join("");
+}
+function paragraphToBlock(p) {
+  const text = renderSegments(paragraphSegments(p)).trim();
+  if (!text) return null;
+  const pPr = childOf(p, "pPr");
+  const heading = headingLevel(pPr);
+  if (heading) return { kind: "other", text: `${"#".repeat(heading)} ${text}` };
+  const level = listLevel(pPr);
+  if (level !== null) return { kind: "list", text: `${"  ".repeat(level)}- ${text}` };
+  return { kind: "other", text };
+}
+function tableToMarkdown(tbl) {
+  const rows = [];
+  for (const tr of Array.from(tbl.children)) {
+    if (tr.localName !== "tr") continue;
+    const cells = [];
+    for (const tc of Array.from(tr.children)) {
+      if (tc.localName !== "tc") continue;
+      const text = Array.from(tc.getElementsByTagNameNS("*", "p")).filter((p) => p.closest("tbl") === tbl).map((p) => renderSegments(paragraphSegments(p)).trim()).filter(Boolean).join(" ").replace(/\|/g, "\\|").replace(/\n/g, " ");
+      cells.push(text);
+    }
+    if (cells.length) rows.push(cells);
+  }
+  if (!rows.length) return "";
+  const width = Math.max(...rows.map((r) => r.length));
+  const pad = (r) => Array.from({ length: width }, (_, i) => r[i] ?? "");
+  const line = (r) => `| ${pad(r).join(" | ")} |`;
+  const [head, ...body] = rows;
+  return [line(head), `| ${Array(width).fill("---").join(" | ")} |`, ...body.map(line)].join("\n");
+}
+function documentToMarkdown(doc) {
+  const blocks = [];
+  const walk = (el) => {
+    for (const c of Array.from(el.children)) {
+      if (c.localName === "p") {
+        const block = paragraphToBlock(c);
+        if (block) blocks.push(block);
+      } else if (c.localName === "tbl") {
+        const md = tableToMarkdown(c);
+        if (md) blocks.push({ kind: "other", text: md });
+      } else {
+        walk(c);
+      }
+    }
+  };
+  walk(doc.documentElement);
+  const out = [];
+  let prevKind = null;
+  for (const { kind, text } of blocks) {
+    if (kind === "list" && prevKind === "list") out[out.length - 1] += `
+${text}`;
+    else out.push(text);
+    prevKind = kind;
+  }
+  return out.join("\n\n").trim();
+}
+async function docxToMarkdown(buffer) {
+  const entries = await readZip(buffer);
+  const body = entries.get("word/document.xml");
+  if (!body) {
+    throw new Error("DOCX \uBB38\uC11C\uAC00 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uBCF8\uBB38(word/document.xml)\uC774 \uC5C6\uC2B5\uB2C8\uB2E4 (Not a DOCX document \u2014 missing word/document.xml).");
+  }
+  const doc = new DOMParser().parseFromString(new TextDecoder().decode(body), "application/xml");
+  if (doc.querySelector("parsererror")) {
+    throw new Error("DOCX \uBCF8\uBB38 XML\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4 (invalid document XML).");
+  }
+  return documentToMarkdown(doc);
+}
+// src/io/pptx.ts
+function parseXml2(xml) {
+  const doc = new DOMParser().parseFromString(xml, "application/xml");
+  return doc.querySelector("parsererror") ? null : doc;
+}
+function childOf2(el, name) {
+  for (const c of Array.from(el.children)) if (c.localName === name) return c;
+  return null;
+}
+function attrOf2(el, name) {
+  for (const a of Array.from(el.attributes)) if (a.localName === name) return a.value;
+  return null;
+}
+var isOn = (value) => value === "1" || value === "true";
+function relIdOf(el) {
+  for (const a of Array.from(el.attributes)) {
+    if (a.localName === "id" && /relationships/i.test(a.namespaceURI ?? "")) return a.value;
+  }
+  for (const a of Array.from(el.attributes)) {
+    if (/:id$/i.test(a.name)) return a.value;
+  }
+  return null;
+}
+function resolveTarget(baseDir, target) {
+  if (target.startsWith("/")) return target.slice(1);
+  const parts = baseDir ? baseDir.split("/") : [];
+  for (const seg of target.split("/")) {
+    if (seg === "..") parts.pop();
+    else if (seg && seg !== ".") parts.push(seg);
+  }
+  return parts.join("/");
+}
+function relsOf(entries, partName) {
+  const rels = /* @__PURE__ */ new Map();
+  const slash = partName.lastIndexOf("/");
+  const dir = partName.slice(0, slash);
+  const relsPart = entries.get(`${dir}/_rels/${partName.slice(slash + 1)}.rels`);
+  const doc = relsPart ? parseXml2(new TextDecoder().decode(relsPart)) : null;
+  if (!doc) return rels;
+  for (const rel of Array.from(doc.getElementsByTagNameNS("*", "Relationship"))) {
+    const id = rel.getAttribute("Id");
+    const target = rel.getAttribute("Target");
+    if (id && target) rels.set(id, { type: rel.getAttribute("Type") ?? "", target: resolveTarget(dir, target) });
+  }
+  return rels;
+}
+function relOfType(rels, suffix) {
+  for (const rel of rels.values()) if (rel.type.endsWith(suffix)) return rel;
+  return void 0;
+}
+var DEFAULT_SLIDE_CX = 12192e3;
+var DEFAULT_SLIDE_CY = 6858e3;
+function emuOf(parent, child, attr) {
+  const el = childOf2(parent, child);
+  const n = el ? Number(attrOf2(el, attr)) : NaN;
+  return Number.isFinite(n) ? n : null;
+}
+function xfrmOf(pr) {
+  const xfrm = childOf2(pr, "xfrm");
+  if (!xfrm) return null;
+  const x = emuOf(xfrm, "off", "x");
+  const y = emuOf(xfrm, "off", "y");
+  const cx = emuOf(xfrm, "ext", "cx");
+  const cy = emuOf(xfrm, "ext", "cy");
+  if (x === null || y === null || cx === null || cy === null) return null;
+  return { x, y, cx, cy, rot: Number(attrOf2(xfrm, "rot")) || 0 };
+}
+var IDENTITY_MAP = { tx: 0, ty: 0, sx: 1, sy: 1, chx: 0, chy: 0 };
+function groupChildMap(grp, map) {
+  const pr = childOf2(grp, "grpSpPr");
+  const xfrm = pr && childOf2(pr, "xfrm");
+  if (!pr || !xfrm) return map;
+  const off = xfrmOf(pr);
+  const chx = emuOf(xfrm, "chOff", "x");
+  const chy = emuOf(xfrm, "chOff", "y");
+  const chCx = emuOf(xfrm, "chExt", "cx");
+  const chCy = emuOf(xfrm, "chExt", "cy");
+  if (!off || chx === null || chy === null || !chCx || !chCy || chCx < 0 || chCy < 0) return map;
+  return {
+    tx: map.tx + (off.x - map.chx) * map.sx,
+    ty: map.ty + (off.y - map.chy) * map.sy,
+    sx: map.sx * (off.cx / chCx),
+    sy: map.sy * (off.cy / chCy),
+    chx,
+    chy
+  };
+}
+var round2 = (n) => Math.round(n * 100) / 100;
+var pct = (value, total) => round2(value / total * 100);
+var DEFAULT_CLR_MAP = [
+  ["bg1", "lt1"],
+  ["tx1", "dk1"],
+  ["bg2", "lt2"],
+  ["tx2", "dk2"]
+];
+var clamp01 = (n) => Math.max(0, Math.min(1, n));
+var byteHex = (n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
+function rgbOf(hex) {
+  return [parseInt(hex.slice(0, 2), 16), parseInt(hex.slice(2, 4), 16), parseInt(hex.slice(4, 6), 16)];
+}
+function rgbToHsl(r, g, b) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  if (max === min) return [0, 0, l];
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  const h = max === r ? ((g - b) / d + (g < b ? 6 : 0)) / 6 : max === g ? ((b - r) / d + 2) / 6 : ((r - g) / d + 4) / 6;
+  return [h, s, l];
+}
+function hslToRgb(h, s, l) {
+  if (s === 0) return [l * 255, l * 255, l * 255];
+  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+  const p = 2 * l - q;
+  const channel = (t) => {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  };
+  return [channel(h + 1 / 3) * 255, channel(h) * 255, channel(h - 1 / 3) * 255];
+}
+var ColorScheme = class {
+  constructor(scheme, clrMap) {
+    this.scheme = scheme;
+    this.clrMap = clrMap;
+  }
+  resolve(clr) {
+    let hex = null;
+    if (clr.localName === "srgbClr") hex = attrOf2(clr, "val");
+    else if (clr.localName === "sysClr") hex = attrOf2(clr, "lastClr");
+    else if (clr.localName === "schemeClr") {
+      const name = attrOf2(clr, "val") ?? "";
+      hex = this.scheme.get(this.clrMap.get(name) ?? name) ?? null;
+    }
+    if (!hex || !/^[0-9a-fA-F]{6}$/.test(hex)) return void 0;
+    let [r, g, b] = rgbOf(hex);
+    for (const t of Array.from(clr.children)) {
+      const raw = Number(attrOf2(t, "val"));
+      if (!Number.isFinite(raw)) continue;
+      const f = raw / 1e5;
+      if (t.localName === "lumMod" || t.localName === "lumOff") {
+        const [h, s, l] = rgbToHsl(r, g, b);
+        [r, g, b] = hslToRgb(h, s, clamp01(t.localName === "lumMod" ? l * f : l + f));
+      } else if (t.localName === "tint") {
+        r = r * f + 255 * (1 - f);
+        g = g * f + 255 * (1 - f);
+        b = b * f + 255 * (1 - f);
+      } else if (t.localName === "shade") {
+        r *= f;
+        g *= f;
+        b *= f;
+      }
+    }
+    return `#${byteHex(r)}${byteHex(g)}${byteHex(b)}`.toUpperCase();
+  }
+};
+function solidFillColor(el, colors) {
+  const fill = el && childOf2(el, "solidFill");
+  if (!fill) return void 0;
+  for (const c of Array.from(fill.children)) {
+    const hex = colors.resolve(c);
+    if (!hex) continue;
+    const alphaEl = childOf2(c, "alpha");
+    const alpha = alphaEl ? Number(attrOf2(alphaEl, "val")) : NaN;
+    if (Number.isFinite(alpha) && alpha >= 0 && alpha < 1e5) {
+      return hex + Math.round(alpha / 1e5 * 255).toString(16).padStart(2, "0").toUpperCase();
+    }
+    return hex;
+  }
+  return void 0;
+}
+function gradientFirstStop(el, colors) {
+  const grad = el && childOf2(el, "gradFill");
+  const lst = grad && childOf2(grad, "gsLst");
+  const gs = lst && childOf2(lst, "gs");
+  if (!gs) return void 0;
+  for (const c of Array.from(gs.children)) {
+    const hex = colors.resolve(c);
+    if (hex) return hex;
+  }
+  return void 0;
+}
+function styleRefColor(sp, ref, colors) {
+  const style = childOf2(sp, "style");
+  const refEl = style && childOf2(style, ref);
+  if (!refEl || attrOf2(refEl, "idx") === "0") return void 0;
+  for (const c of Array.from(refEl.children)) {
+    const hex = colors.resolve(c);
+    if (hex) return hex;
+  }
+  return void 0;
+}
+function chainFor(entries, slideRels, cache) {
+  const load = (name) => {
+    if (!name) return null;
+    let doc = cache.get(name);
+    if (doc === void 0) {
+      const part = entries.get(name);
+      doc = part ? parseXml2(new TextDecoder().decode(part)) : null;
+      cache.set(name, doc);
+    }
+    return doc;
+  };
+  const layoutName = relOfType(slideRels, "/slideLayout")?.target;
+  const layoutDoc = load(layoutName);
+  const masterName = layoutName ? relOfType(relsOf(entries, layoutName), "/slideMaster")?.target : void 0;
+  const masterDoc = load(masterName);
+  const themeDoc = masterName ? load(relOfType(relsOf(entries, masterName), "/theme")?.target) : null;
+  const scheme = /* @__PURE__ */ new Map();
+  const clrScheme = themeDoc?.getElementsByTagNameNS("*", "clrScheme")[0];
+  for (const slot of Array.from(clrScheme?.children ?? [])) {
+    const clr = slot.firstElementChild;
+    const hex = clr?.localName === "sysClr" ? attrOf2(clr, "lastClr") : clr && attrOf2(clr, "val");
+    if (hex && /^[0-9a-fA-F]{6}$/.test(hex)) scheme.set(slot.localName, hex);
+  }
+  const clrMap = new Map(DEFAULT_CLR_MAP);
+  const clrMapEl = masterDoc?.getElementsByTagNameNS("*", "clrMap")[0];
+  for (const a of Array.from(clrMapEl?.attributes ?? [])) clrMap.set(a.localName, a.value);
+  const treeOf = (doc) => doc?.getElementsByTagNameNS("*", "spTree")[0] ?? null;
+  return {
+    colors: new ColorScheme(scheme, clrMap),
+    layoutTree: treeOf(layoutDoc),
+    masterTree: treeOf(masterDoc),
+    layoutDoc,
+    masterDoc,
+    txStyles: masterDoc?.getElementsByTagNameNS("*", "txStyles")[0] ?? null
+  };
+}
+var MEDIA_BASE64_BUDGET = 12 * 1024 * 1024;
+var MIME_BY_EXT2 = {
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  bmp: "image/bmp",
+  webp: "image/webp",
+  svg: "image/svg+xml"
+};
+function bytesToBase643(bytes) {
+  let bin = "";
+  for (let i = 0; i < bytes.length; i += 32768) {
+    bin += String.fromCharCode.apply(null, Array.from(bytes.subarray(i, i + 32768)));
+  }
+  return btoa(bin);
+}
+var MediaResolver = class {
+  constructor(entries) {
+    this.entries = entries;
+    this.used = 0;
+  }
+  dataUrl(entryName) {
+    const bytes = this.entries.get(entryName);
+    if (!bytes) return null;
+    const base64Length = Math.ceil(bytes.length / 3) * 4;
+    if (this.used + base64Length > MEDIA_BASE64_BUDGET) return null;
+    this.used += base64Length;
+    const ext = /\.([^.]+)$/.exec(entryName)?.[1]?.toLowerCase() ?? "";
+    return `data:${MIME_BY_EXT2[ext] ?? "image/png"};base64,${bytesToBase643(bytes)}`;
+  }
+};
+function toPercentBox(xfrm, map, ctx) {
+  return {
+    x: pct(map.tx + (xfrm.x - map.chx) * map.sx, ctx.slideCx),
+    y: pct(map.ty + (xfrm.y - map.chy) * map.sy, ctx.slideCy),
+    w: pct(xfrm.cx * map.sx, ctx.slideCx),
+    h: pct(xfrm.cy * map.sy, ctx.slideCy)
+  };
+}
+function normalizedRotation(deg) {
+  const n = Math.round((deg % 360 + 360) % 360 * 100) / 100;
+  return n || void 0;
+}
+function rotationOf(xfrm) {
+  if (!xfrm.rot) return void 0;
+  const deg = Math.round(xfrm.rot / 6e4 * 100) / 100;
+  return deg || void 0;
+}
+function txBodyText(txBody) {
+  const paras = [];
+  for (const p of Array.from(txBody.children)) {
+    if (p.localName !== "p") continue;
+    let line = "";
+    for (const c of Array.from(p.children)) {
+      if (c.localName === "r") line += childOf2(c, "t")?.textContent ?? "";
+      else if (c.localName === "br") line += "\n";
+    }
+    paras.push(line);
+  }
+  return paras.join("\n");
+}
+function placeholderOf(sp) {
+  for (const nv of Array.from(sp.children)) {
+    if (!/^nv(Sp|Pic|GrpSp|Cxn|GraphicFrame)Pr$/.test(nv.localName ?? "")) continue;
+    const nvPr = childOf2(nv, "nvPr");
+    const ph = nvPr && childOf2(nvPr, "ph");
+    if (ph) return { type: attrOf2(ph, "type") ?? "body", idx: attrOf2(ph, "idx") };
+  }
+  return null;
+}
+function placeholderType(sp) {
+  return placeholderOf(sp)?.type ?? null;
+}
+function findPlaceholder(tree, want) {
+  if (!tree) return null;
+  const shapes = Array.from(tree.getElementsByTagNameNS("*", "sp"));
+  for (const sp of shapes) if (placeholderOf(sp)?.type === want.type) return sp;
+  if (want.idx !== null) {
+    for (const sp of shapes) if (placeholderOf(sp)?.idx === want.idx) return sp;
+  }
+  return null;
+}
+function inheritedXfrm(sp, ctx) {
+  const ph = placeholderOf(sp);
+  if (!ph) return null;
+  for (const tree of [ctx.chain.layoutTree, ctx.chain.masterTree]) {
+    const match = findPlaceholder(tree, ph);
+    const spPr = match && childOf2(match, "spPr");
+    const xfrm = spPr && xfrmOf(spPr);
+    if (xfrm) return xfrm;
+  }
+  return null;
+}
+function styleSources(sp, txBody, ctx) {
+  const out = [];
+  const own = childOf2(txBody, "lstStyle");
+  if (own) out.push(own);
+  const ph = placeholderOf(sp);
+  if (!ph) return out;
+  for (const tree of [ctx.chain.layoutTree, ctx.chain.masterTree]) {
+    const match = findPlaceholder(tree, ph);
+    const body = match && childOf2(match, "txBody");
+    const lstStyle = body && childOf2(body, "lstStyle");
+    if (lstStyle) out.push(lstStyle);
+  }
+  if (ctx.chain.txStyles) {
+    const bucket = /^(title|ctrTitle)$/.test(ph.type) ? "titleStyle" : /^(body|subTitle|obj)$/.test(ph.type) ? "bodyStyle" : "otherStyle";
+    const styles2 = childOf2(ctx.chain.txStyles, bucket);
+    if (styles2) out.push(styles2);
+  }
+  return out;
+}
+function lvlPrOf(source, lvl) {
+  return childOf2(source, `lvl${lvl + 1}pPr`) ?? childOf2(source, "lvl1pPr");
+}
+function bulletOf(pPr, sources, lvl) {
+  for (const el of [pPr, ...sources.map((s) => lvlPrOf(s, lvl))]) {
+    if (!el) continue;
+    if (childOf2(el, "buNone")) return false;
+    if (childOf2(el, "buChar") || childOf2(el, "buAutoNum")) return true;
+  }
+  return false;
+}
+function paragraphsOf(txBody, sp, ctx) {
+  const colors = ctx.chain.colors;
+  const sources = styleSources(sp, txBody, ctx);
+  const shapeTextColor = styleRefColor(sp, "fontRef", colors);
+  const out = [];
+  for (const p of Array.from(txBody.children)) {
+    if (p.localName !== "p") continue;
+    let text = "";
+    for (const c of Array.from(p.children)) {
+      if (c.localName === "r") text += childOf2(c, "t")?.textContent ?? "";
+      else if (c.localName === "br") text += "\n";
+    }
+    const pPr = childOf2(p, "pPr");
+    const lvl = Math.max(0, Number(pPr && attrOf2(pPr, "lvl")) || 0);
+    const firstRun = childOf2(p, "r");
+    const rPr = firstRun && childOf2(firstRun, "rPr");
+    const props = [];
+    if (rPr) props.push(rPr);
+    const pDef = pPr && childOf2(pPr, "defRPr");
+    if (pDef) props.push(pDef);
+    for (const src of sources) {
+      const lvlPr = lvlPrOf(src, lvl);
+      const def = lvlPr && childOf2(lvlPr, "defRPr");
+      if (def) props.push(def);
+    }
+    const para = { text, bullet: bulletOf(pPr, sources, lvl) };
+    for (const pr of props) {
+      if (para.szCenti === void 0) {
+        const sz = Number(attrOf2(pr, "sz"));
+        if (Number.isFinite(sz) && sz > 0) para.szCenti = sz;
+      }
+      if (para.bold === void 0 && attrOf2(pr, "b") !== null) para.bold = isOn(attrOf2(pr, "b"));
+      if (para.color === void 0) {
+        const color = solidFillColor(pr, colors);
+        if (color) para.color = color;
+      }
+    }
+    if (para.color === void 0 && shapeTextColor) para.color = shapeTextColor;
+    for (const el of [pPr, ...sources.map((s) => lvlPrOf(s, lvl))]) {
+      const algn = el && attrOf2(el, "algn");
+      if (!algn) continue;
+      const align = algn === "l" ? "left" : algn === "ctr" ? "center" : algn === "r" ? "right" : void 0;
+      if (align) para.align = align;
+      break;
+    }
+    out.push(para);
+  }
+  return out;
+}
+var TITLE_BOX = { x: 8, y: 10, w: 84, h: 18 };
+var BODY_BOX = { x: 8, y: 32, w: 84, h: 55 };
+var MAX_SPLIT_PARAGRAPHS = 8;
+var DESIGN_WIDTH_PX = 1280;
+var DESIGN_HEIGHT_PX = 720;
+var DEFAULT_PARA_PX = 24;
+var LINE_HEIGHT = 1.3;
+var OVERFLOW_TOLERANCE = 1.05;
+var OVERFLOW_MIN_SCALE = 0.65;
+function textWidthEm(text) {
+  let em = 0;
+  for (const ch of text) {
+    em += /[\u1100-\u11ff\u3000-\u9fff\uac00-\ud7af\uf900-\ufaff\uff00-\uffef]/.test(ch) ? 1 : 0.55;
+  }
+  return em;
+}
+function estimatedLines(text, sizePx, boxWPct) {
+  const widthPx = Math.max(1, boxWPct / 100 * DESIGN_WIDTH_PX);
+  let lines = 0;
+  for (const seg of text.split("\n")) {
+    lines += Math.max(1, Math.ceil(textWidthEm(seg) * sizePx / widthPx));
+  }
+  return lines;
+}
+function fitFontPx(sizePx, text, boxWPct, boxHPct) {
+  const estimated = estimatedLines(text, sizePx, boxWPct) * sizePx * LINE_HEIGHT;
+  const boxPx = boxHPct / 100 * DESIGN_HEIGHT_PX;
+  if (boxPx <= 0 || estimated <= boxPx * OVERFLOW_TOLERANCE) return sizePx;
+  const scale = Math.max(OVERFLOW_MIN_SCALE, boxPx / estimated);
+  return Math.max(6, Math.round(sizePx * scale));
+}
+function fontPx(szCenti, fontScale, ctx) {
+  return Math.max(6, Math.round(szCenti / 100 * fontScale * (4 / 3) * (12192e3 / ctx.slideCx)));
+}
+function textElements(sp, txBody, map, ctx) {
+  const spPr = childOf2(sp, "spPr");
+  const xfrm = (spPr && xfrmOf(spPr)) ?? inheritedXfrm(sp, ctx);
+  const box = xfrm ? toPercentBox(xfrm, map, ctx) : /^(title|ctrTitle)$/.test(placeholderType(sp) ?? "") ? { ...TITLE_BOX } : { ...BODY_BOX };
+  const rotate = xfrm ? rotationOf(xfrm) : void 0;
+  const bodyPr = childOf2(txBody, "bodyPr");
+  const autofit = bodyPr ? childOf2(bodyPr, "normAutofit") ?? childOf2(bodyPr, "spAutoFit") : null;
+  const rawScale = autofit ? Number(attrOf2(autofit, "fontScale")) : NaN;
+  const fontScale = Number.isFinite(rawScale) && rawScale > 0 ? rawScale / 1e5 : 1;
+  const guard = (sizePx, text, hPct) => (
+    // The guard runs regardless of autofit: PPT's own fontScale is already
+    // applied, but our Korean wrap is wider than PowerPoint's, so even
+    // autofitted boxes can overflow the model.
+    fitFontPx(sizePx, text, box.w, hPct)
+  );
+  const paras = paragraphsOf(txBody, sp, ctx).map((p) => ({
+    ...p,
+    px: p.szCenti !== void 0 ? fontPx(p.szCenti, fontScale, ctx) : void 0
+  }));
+  const filled = paras.filter((p) => p.text.trim());
+  const apply = (el, p) => {
+    if (p.px !== void 0) el.fontSize = p.px;
+    if (p.bold) el.bold = true;
+    if (p.color) el.color = p.color;
+    if (p.align) el.align = p.align;
+  };
+  const distinctSizes = new Set(filled.map((p) => p.px ?? DEFAULT_PARA_PX));
+  const mixedBullets = new Set(filled.map((p) => p.bullet)).size > 1;
+  const split = filled.length >= 2 && paras.length <= MAX_SPLIT_PARAGRAPHS && rotate === void 0 && (distinctSizes.size > 1 || mixedBullets);
+  if (!split) {
+    const el = {
+      id: ctx.nextId(),
+      type: "text",
+      ...box,
+      text: paras.map((p) => p.bullet && p.text.trim() ? `\u2022 ${p.text}` : p.text).join("\n")
+    };
+    const lead = filled[0] ?? paras[0];
+    if (lead) apply(el, lead);
+    if (el.fontSize !== void 0 && el.text) el.fontSize = guard(el.fontSize, el.text, box.h);
+    if (rotate !== void 0) el.rotate = rotate;
+    return [el];
+  }
+  const weights = paras.map((p) => estimatedLines(p.text, p.px ?? DEFAULT_PARA_PX, box.w) * (p.px ?? DEFAULT_PARA_PX));
+  const total = weights.reduce((a, b) => a + b, 0) || 1;
+  const out = [];
+  let used = 0;
+  paras.forEach((p, i) => {
+    const y = box.y + box.h * used / total;
+    used += weights[i];
+    if (!p.text.trim()) return;
+    const el = {
+      id: ctx.nextId(),
+      type: "text",
+      x: box.x,
+      y: round2(y),
+      w: box.w,
+      h: round2(box.h * weights[i] / total),
+      text: p.bullet ? `\u2022 ${p.text}` : p.text
+    };
+    apply(el, p);
+    if (el.fontSize !== void 0) el.fontSize = guard(el.fontSize, el.text ?? "", el.h);
+    out.push(el);
+  });
+  return out;
+}
+function mappableShapeOf(prst, isConnector) {
+  if (isConnector) return "line";
+  if (!prst) return null;
+  if (prst === "line" || /^straightConnector\d*$/.test(prst)) return "line";
+  if (prst === "ellipse" || prst === "oval") return "ellipse";
+  if (prst === "rect" || prst === "roundRect") return "rect";
+  return null;
+}
+function shapeElement(sp, map, ctx, isConnector) {
+  const colors = ctx.chain.colors;
+  const spPr = childOf2(sp, "spPr");
+  const xfrm = spPr && (xfrmOf(spPr) ?? inheritedXfrm(sp, ctx));
+  if (!spPr || !xfrm) return null;
+  const prst = attrOf2(childOf2(spPr, "prstGeom") ?? spPr, "prst");
+  const shape = mappableShapeOf(prst, isConnector);
+  if (!shape) return null;
+  const el = { id: ctx.nextId(), type: "shape", shape, ...toPercentBox(xfrm, map, ctx) };
+  const ln = childOf2(spPr, "ln");
+  const areaFill = childOf2(spPr, "noFill") ? void 0 : solidFillColor(spPr, colors) ?? gradientFirstStop(spPr, colors) ?? styleRefColor(sp, "fillRef", colors);
+  const lineFill = (ln && !childOf2(ln, "noFill") ? solidFillColor(ln, colors) : void 0) ?? styleRefColor(sp, "lnRef", colors);
+  const fill = shape === "line" ? lineFill ?? areaFill : areaFill;
+  if (fill) el.fill = fill;
+  if (prst === "roundRect") el.radius = 8;
+  el.rotate = rotationOf(xfrm);
+  if (shape === "line" && !(el.w > 3 && el.h > 5)) {
+    if (el.h >= el.w && el.w > 1.2) {
+      el.x = Math.round((el.x + el.w / 2 - 0.3) * 100) / 100;
+      el.w = 0.6;
+    } else if (el.w > el.h && el.h > 1.2) {
+      el.y = Math.round((el.y + el.h / 2 - 0.3) * 100) / 100;
+      el.h = 0.6;
+    }
+  }
+  if (shape === "line" && el.w > 3 && el.h > 5) {
+    const wPx = el.w / 100 * 1280;
+    const hPx = el.h / 100 * 720;
+    const lenPct = Math.hypot(wPx, hPx) / 1280 * 100;
+    const flip = attrOf2(childOf2(spPr, "xfrm") ?? spPr, "flipH") === "1" !== (attrOf2(childOf2(spPr, "xfrm") ?? spPr, "flipV") === "1");
+    const angle = Math.atan2(hPx, wPx) * 180 / Math.PI;
+    const cx = el.x + el.w / 2;
+    const cy = el.y + el.h / 2;
+    el.x = Math.round((cx - lenPct / 2) * 100) / 100;
+    el.y = Math.round((cy - 0.3) * 100) / 100;
+    el.w = Math.round(lenPct * 100) / 100;
+    el.h = 0.6;
+    el.rotate = normalizedRotation((el.rotate ?? 0) + (flip ? -angle : angle));
+  }
+  return el;
+}
+function pictureElement(pic, map, ctx) {
+  const spPr = childOf2(pic, "spPr");
+  const xfrm = (spPr && xfrmOf(spPr)) ?? inheritedXfrm(pic, ctx);
+  if (!xfrm) return null;
+  const blip = childOf2(pic, "blipFill") && childOf2(childOf2(pic, "blipFill"), "blip");
+  const embed = blip && attrOf2(blip, "embed");
+  const rel = embed ? ctx.rels.get(embed) : void 0;
+  const src = rel ? ctx.media.dataUrl(rel.target) : null;
+  if (!src) return null;
+  const el = { id: ctx.nextId(), type: "image", ...toPercentBox(xfrm, map, ctx), src };
+  el.rotate = rotationOf(xfrm);
+  return el;
+}
+var MAX_TABLE_CELL_ELEMENTS = 60;
+var TABLE_FONT_PX_CAP = 14;
+var TABLE_FONT_PX_DEFAULT = 12;
+function cellText(tc) {
+  const txBody = childOf2(tc, "txBody");
+  return txBody ? txBodyText(txBody).trim() : "";
+}
+function tableElements(frame, map, ctx) {
+  try {
+    return tableGrid(frame, map, ctx);
+  } catch {
+    return [];
+  }
+}
+function tableGrid(frame, map, ctx) {
+  const graphic = childOf2(frame, "graphic");
+  const data = graphic && childOf2(graphic, "graphicData");
+  const tbl = data && childOf2(data, "tbl");
+  const xfrm = xfrmOf(frame);
+  if (!tbl || !xfrm) return [];
+  const box = toPercentBox(xfrm, map, ctx);
+  const rows = Array.from(tbl.children).filter((c) => c.localName === "tr");
+  const cellsOf = (tr) => Array.from(tr.children).filter((c) => c.localName === "tc");
+  if (!rows.length) return [];
+  const grid = childOf2(tbl, "tblGrid");
+  const colWidths = Array.from(grid?.children ?? []).filter((c) => c.localName === "gridCol").map((c) => Math.max(0, Number(attrOf2(c, "w")) || 0));
+  const colCount = colWidths.length || Math.max(...rows.map((r) => cellsOf(r).length));
+  if (!colCount || !Number.isFinite(colCount)) return [];
+  if (rows.length * colCount > MAX_TABLE_CELL_ELEMENTS) {
+    const text = rows.map((r) => cellsOf(r).map(cellText).join("	")).join("\n").trim();
+    if (!text) return [];
+    return [{ id: ctx.nextId(), type: "text", ...box, text, fontSize: TABLE_FONT_PX_DEFAULT }];
+  }
+  const colSum = colWidths.reduce((a, b) => a + b, 0);
+  const colFrac = colSum > 0 ? colWidths.map((w) => w / colSum) : Array(colCount).fill(1 / colCount);
+  const rowHeights = rows.map((r) => Math.max(0, Number(attrOf2(r, "h")) || 0));
+  const rowSum = rowHeights.reduce((a, b) => a + b, 0);
+  const rowFrac = rowSum > 0 ? rowHeights.map((h) => h / rowSum) : rows.map(() => 1 / rows.length);
+  const out = [];
+  let yFrac = 0;
+  rows.forEach((tr, ri) => {
+    let col = 0;
+    for (const tc of cellsOf(tr)) {
+      const span = Math.max(1, Number(attrOf2(tc, "gridSpan")) || 1);
+      const from = col;
+      col += span;
+      if (isOn(attrOf2(tc, "hMerge")) || isOn(attrOf2(tc, "vMerge")) || from >= colCount) continue;
+      const text = cellText(tc);
+      if (!text) continue;
+      const xFrac = colFrac.slice(0, from).reduce((a, b) => a + b, 0);
+      const wFrac = colFrac.slice(from, Math.min(from + span, colCount)).reduce((a, b) => a + b, 0);
+      const el = {
+        id: ctx.nextId(),
+        type: "text",
+        x: round2(box.x + box.w * xFrac),
+        y: round2(box.y + box.h * yFrac),
+        w: round2(box.w * wFrac),
+        h: round2(box.h * rowFrac[ri]),
+        text
+      };
+      const txBody = childOf2(tc, "txBody");
+      const para = txBody ? paragraphsOf(txBody, tc, ctx).find((p) => p.text.trim()) : void 0;
+      const sizePx = para?.szCenti !== void 0 ? fontPx(para.szCenti, 1, ctx) : TABLE_FONT_PX_DEFAULT;
+      el.fontSize = Math.min(sizePx, TABLE_FONT_PX_CAP);
+      if (para?.bold) el.bold = true;
+      if (para?.color) el.color = para.color;
+      if (para?.align) el.align = para.align;
+      out.push(el);
+    }
+    yFrac += rowFrac[ri];
+  });
+  return out;
+}
+function collectElements(tree, map, ctx, out) {
+  for (const child of Array.from(tree.children)) {
+    if (child.localName === "sp") {
+      const txBody = childOf2(child, "txBody");
+      if (txBody && txBodyText(txBody).trim()) {
+        out.push(...textElements(child, txBody, map, ctx));
+      } else {
+        const el = shapeElement(child, map, ctx, false);
+        if (el) out.push(el);
+      }
+    } else if (child.localName === "cxnSp") {
+      const el = shapeElement(child, map, ctx, true);
+      if (el) out.push(el);
+    } else if (child.localName === "pic") {
+      const el = pictureElement(child, map, ctx);
+      if (el) out.push(el);
+    } else if (child.localName === "graphicFrame") {
+      out.push(...tableElements(child, map, ctx));
+    } else if (child.localName === "grpSp") {
+      collectElements(child, groupChildMap(child, map), ctx, out);
+    }
+  }
+}
+function backgroundOf(doc, colors) {
+  const cSld = doc?.getElementsByTagNameNS("*", "cSld")[0];
+  const bg = cSld ? childOf2(cSld, "bg") : null;
+  if (!bg) return void 0;
+  const bgPr = childOf2(bg, "bgPr");
+  if (bgPr) return solidFillColor(bgPr, colors) ?? gradientFirstStop(bgPr, colors);
+  const bgRef = childOf2(bg, "bgRef");
+  if (!bgRef || attrOf2(bgRef, "idx") === "0") return void 0;
+  for (const c of Array.from(bgRef.children)) {
+    const hex = colors.resolve(c);
+    if (hex) return hex;
+  }
+  return void 0;
+}
+var NOTES_CHROME = /^(sldNum|sldImg|hdr|ftr|dt)$/;
+function notesFor(entries, slideName, rels) {
+  let notesName = relOfType(rels, "/notesSlide")?.target;
+  if (!notesName) {
+    const num = /(\d+)\.xml$/.exec(slideName)?.[1];
+    if (num) notesName = `ppt/notesSlides/notesSlide${num}.xml`;
+  }
+  const part = notesName ? entries.get(notesName) : void 0;
+  const doc = part ? parseXml2(new TextDecoder().decode(part)) : null;
+  if (!doc) return void 0;
+  const texts = [];
+  for (const sp of Array.from(doc.getElementsByTagNameNS("*", "sp"))) {
+    if (NOTES_CHROME.test(placeholderType(sp) ?? "")) continue;
+    const txBody = childOf2(sp, "txBody");
+    const text = txBody ? txBodyText(txBody).trim() : "";
+    if (text) texts.push(text);
+  }
+  return texts.length ? texts.join("\n") : void 0;
+}
+function orderedSlideNames(entries) {
+  const presPart = entries.get("ppt/presentation.xml");
+  const doc = presPart ? parseXml2(new TextDecoder().decode(presPart)) : null;
+  if (doc) {
+    const rels = relsOf(entries, "ppt/presentation.xml");
+    const names = [];
+    for (const sldId of Array.from(doc.getElementsByTagNameNS("*", "sldId"))) {
+      const rel = relIdOf(sldId) ? rels.get(relIdOf(sldId)) : void 0;
+      if (rel && entries.has(rel.target)) names.push(rel.target);
+    }
+    if (names.length) return names;
+  }
+  return [...entries.keys()].filter((n) => /^ppt\/slides\/slide\d+\.xml$/i.test(n)).sort((a, b) => Number(/(\d+)\.xml$/.exec(a)?.[1] ?? 0) - Number(/(\d+)\.xml$/.exec(b)?.[1] ?? 0));
+}
+function slideSizeOf(entries) {
+  const presPart = entries.get("ppt/presentation.xml");
+  const doc = presPart ? parseXml2(new TextDecoder().decode(presPart)) : null;
+  const sldSz = doc && doc.getElementsByTagNameNS("*", "sldSz")[0];
+  const cx = sldSz ? Number(attrOf2(sldSz, "cx")) : NaN;
+  const cy = sldSz ? Number(attrOf2(sldSz, "cy")) : NaN;
+  return { cx: cx > 0 ? cx : DEFAULT_SLIDE_CX, cy: cy > 0 ? cy : DEFAULT_SLIDE_CY };
+}
+async function pptxToSlides(buffer) {
+  const entries = await readZip(buffer);
+  const names = orderedSlideNames(entries);
+  if (!names.length) {
+    throw new Error("PPTX \uBB38\uC11C\uAC00 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uC2AC\uB77C\uC774\uB4DC(ppt/slides)\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 (Not a PPTX document \u2014 no slides found).");
+  }
+  const { cx, cy } = slideSizeOf(entries);
+  const media = new MediaResolver(entries);
+  const partCache = /* @__PURE__ */ new Map();
+  const decoder = new TextDecoder();
+  let seq = 0;
+  const slides2 = [];
+  for (const name of names) {
+    const doc = parseXml2(decoder.decode(entries.get(name)));
+    if (!doc) continue;
+    const rels = relsOf(entries, name);
+    const chain = chainFor(entries, rels, partCache);
+    const ctx = { slideCx: cx, slideCy: cy, rels, media, chain, nextId: () => `el_${++seq}` };
+    const elements = [];
+    const spTree = doc.getElementsByTagNameNS("*", "spTree")[0];
+    if (spTree) collectElements(spTree, IDENTITY_MAP, ctx, elements);
+    const slide = { layout: "blank", elements };
+    const background = backgroundOf(doc, chain.colors) ?? backgroundOf(chain.layoutDoc, chain.colors) ?? backgroundOf(chain.masterDoc, chain.colors);
+    if (background) slide.background = background;
+    const notes = notesFor(entries, name, rels);
+    if (notes) slide.notes = notes;
+    slides2.push(slide);
+  }
+  if (!slides2.length) {
+    throw new Error("PPTX \uC2AC\uB77C\uC774\uB4DC XML\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4 (Not a readable PPTX \u2014 every slide failed to parse).");
+  }
+  return { slides: slides2 };
+}
 // src/io/importers.ts
-var IMPORTABLE_EXTENSIONS = [".csv", ".md", ".markdown", ".txt", ".html", ".htm", ".json", ".xlsx"];
+var IMPORTABLE_EXTENSIONS = [
+  ".csv",
+  ".md",
+  ".markdown",
+  ".txt",
+  ".html",
+  ".htm",
+  ".json",
+  ".xlsx",
+  ".pdf",
+  ".hwpx",
+  ".hwp",
+  ".docx",
+  ".pptx"
+];
 var extensionOf = (name) => {
   const dot = name.lastIndexOf(".");
   return dot === -1 ? "" : name.slice(dot).toLowerCase();
@@ -1419,6 +3443,26 @@ async function importFile(file) {
       const { sheets, columns, rows } = await xlsxToSheets(await file.arrayBuffer(), () => loadOptional("exceljs", () => import('exceljs')));
       return toEvents(artifact(id, "table", title, { columns, rows, sheet: sheets }));
     }
+    case ".pdf": {
+      const src = await fileToDataUrl(file);
+      return toEvents(artifact(id, "pdf", title, { src, filename: file.name }));
+    }
+    case ".hwpx": {
+      const html = await hwpxToHtml(await file.arrayBuffer());
+      return toEvents({ ...artifact(id, "html", title, { html }), meta: { kind: "doc" } });
+    }
+    case ".docx": {
+      const content = await docxToMarkdown(await file.arrayBuffer());
+      return toEvents(artifact(id, "document", title, { format: "markdown", content }));
+    }
+    case ".pptx": {
+      const data = await pptxToSlides(await file.arrayBuffer());
+      return toEvents(artifact(id, "slides", title, data));
+    }
+    case ".hwp": {
+      const html = await hwpToHtml(await file.arrayBuffer());
+      return toEvents({ ...artifact(id, "html", title, { html }), meta: { kind: "doc" } });
+    }
     default:
       throw new Error(`Unsupported file type "${ext || file.name}". Supported: ${IMPORTABLE_EXTENSIONS.join(", ")}`);
   }
@@ -1426,6 +3470,14 @@ async function importFile(file) {
 function artifact(id, type, title, data) {
   return { id, type, title, version: 1, status: "complete", data };
 }
+function fileToDataUrl(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(reader.error ?? new Error("Failed to read file."));
+    reader.readAsDataURL(file);
+  });
+}
 function importJson(text, id, title) {
   let parsed;
   try {
@@ -1498,6 +3550,8 @@ var DEVICES = [
   { id: "tablet", label: "Tablet", width: "768px" },
   { id: "mobile", label: "Mobile", width: "390px" }
 ];
+var BLOCK_KEYS = { h2: "heading", p: "text", button: "button", img: "image", hr: "divider" };
+var DEVICE_KEYS = { desktop: "desktop", tablet: "tablet", mobile: "mobile" };
 var BLOCKS = [
   { tag: "h2", label: "Heading" },
   { tag: "p", label: "Text" },
@@ -1743,8 +3797,8 @@ function checkA11y(html) {
   if (!doc.querySelector("h1")) issues.push("No <h1> \u2014 every page needs one top-level heading");
   return issues;
 }
-var SLIDE_W = 1280;
-var SCROLL_FIX = "<style>html,body{overflow:auto!important;height:auto!important;min-height:100%!important}</style>";
+var SLIDE_H = 720;
+var SCROLL_FIX = "<style data-lcx>html,body{overflow:auto!important;height:auto!important;min-height:100%!important}</style>";
 function withScrollableBody(html) {
   const i = html.lastIndexOf("</body>");
   return i === -1 ? html + SCROLL_FIX : html.slice(0, i) + SCROLL_FIX + html.slice(i);
@@ -1752,7 +3806,7 @@ function withScrollableBody(html) {
 function useSlideFit(ratio, boxRef) {
   const [scale, setScale] = useState(1);
   const [rw, rh] = (ratio ?? "16:9").split(/[:x/]/).map(Number);
-  const height = rw && rh ? Math.round(SLIDE_W * rh / rw) : 720;
+  const width = rw && rh ? Math.round(SLIDE_H * rw / rh) : 1280;
   useEffect(() => {
     if (!ratio) return;
     const el = boxRef.current;
@@ -1760,16 +3814,17 @@ function useSlideFit(ratio, boxRef) {
     const fit = () => {
       const w = el.clientWidth;
       if (w <= 40) return;
-      setScale(Math.min(1, (w - 40) / SLIDE_W));
+      setScale(Math.min(1, (w - 40) / width));
     };
     fit();
     const ro = new ResizeObserver(fit);
     ro.observe(el);
     return () => ro.disconnect();
-  }, [ratio, height]);
-  return { scale, width: SLIDE_W, height };
+  }, [ratio, width]);
+  return { scale, width, height: SLIDE_H };
 }
 function HtmlRenderer({ artifact: artifact2 }) {
+  const t = useT();
   const iframeRef = useRef(null);
   const imgFileRef = useRef(null);
   const bgFileRef = useRef(null);
@@ -1869,6 +3924,7 @@ function HtmlRenderer({ artifact: artifact2 }) {
   };
   const setSlideStyle = (style) => sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style });
   const ratio = artifact2.meta?.ratio;
+  const isDoc = !ratio && artifact2.meta?.kind === "doc";
   const slide = useSlideFit(ratio, stageRef);
   return /* @__PURE__ */ jsxs("div", { className: "cv-html-wrap", children: [
     /* @__PURE__ */ jsx("input", { ref: imgFileRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => {
@@ -1881,26 +3937,30 @@ function HtmlRenderer({ artifact: artifact2 }) {
     } }),
     /* @__PURE__ */ jsxs("div", { className: "cv-html-bar cv-chrome", children: [
       mode === "design" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "cv-html-seg", role: "group", "aria-label": "Preview width", children: DEVICES.map((d) => /* @__PURE__ */ jsx("button", { className: device === d.id ? "is-on" : "", onClick: () => setDevice(d.id), children: d.label }, d.id)) }),
+        !ratio && !isDoc && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "cv-html-seg", role: "group", "aria-label": "Preview width", children: DEVICES.map((d) => /* @__PURE__ */ jsx("button", { className: device === d.id ? "is-on" : "", onClick: () => setDevice(d.id), children: DEVICE_KEYS[d.id] ? t(DEVICE_KEYS[d.id]) : d.label }, d.id)) }),
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "cv-html-bar__label", children: "Add" }),
-        (ratio ? BLOCKS.filter((b) => SLIDE_BLOCK_TAGS.has(b.tag)) : BLOCKS).map((b) => /* @__PURE__ */ jsx("button", { className: "cv-html-add", onClick: () => command("insert", { block: b.tag }), children: b.label }, b.tag)),
-        !ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
+        isDoc && /* @__PURE__ */ jsxs("span", { className: "cv-html-doc-chip", title: t("kindDocument"), children: [
+          "\u{1F4C4} ",
+          t("kindDocument")
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "cv-html-bar__label", children: t("add") }),
+        (ratio || isDoc ? BLOCKS.filter((b) => SLIDE_BLOCK_TAGS.has(b.tag)) : BLOCKS).map((b) => /* @__PURE__ */ jsx("button", { className: "cv-html-add", onClick: () => command("insert", { block: b.tag }), children: BLOCK_KEYS[b.tag] ? t(BLOCK_KEYS[b.tag]) : b.label }, b.tag)),
+        !ratio && !isDoc && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "select",
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Start from a full page template (replaces the page)",
+              title: t("pageTemplateTitle"),
               onChange: (e) => {
                 const s = STARTERS[e.target.value];
                 if (s) applyEvent({ type: "canvas.patch", id: artifact2.id, patch: { html: s.build() } });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Page\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("pageMenu") }),
                 Object.entries(STARTERS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -1910,14 +3970,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a section template",
+              title: t("sectionTemplateTitle"),
               onChange: (e) => {
-                const t = TEMPLATES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = TEMPLATES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Section\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("sectionMenu") }),
                 Object.entries(TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -1927,34 +3987,51 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Jump to a heading",
+              title: t("jumpToHeading"),
               onChange: (e) => {
                 const idx = Number(e.target.value);
                 if (!Number.isNaN(idx)) sendIframeCommand({ artifactId: artifact2.id, type: "scroll_to", index: idx });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Outline\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("outlineMenu") }),
                 outline.map((h, i) => /* @__PURE__ */ jsx("option", { value: i, children: "\xA0".repeat((h.level - 1) * 2) + h.text }, i))
               ]
             }
           ),
-          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Accessibility check", onClick: () => setA11y(checkA11y(artifact2.data.html)), children: "\u267F Check" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: t("a11yTitle"), onClick: () => setA11y(checkA11y(artifact2.data.html)), children: "\u267F Check" })
         ] }),
+        isDoc && outline.length > 0 && /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "cv-html-tpl",
+            value: "",
+            title: t("jumpToHeading"),
+            onChange: (e) => {
+              const idx = Number(e.target.value);
+              if (!Number.isNaN(idx)) sendIframeCommand({ artifactId: artifact2.id, type: "scroll_to", index: idx });
+              e.currentTarget.value = "";
+            },
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("outlineMenu") }),
+              outline.map((h, i) => /* @__PURE__ */ jsx("option", { value: i, children: h.text }, `d${i}`))
+            ]
+          }
+        ),
         ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "select",
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a slide layout",
+              title: t("insertSlideLayout"),
               onChange: (e) => {
-                const t = SLIDE_TEMPLATES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = SLIDE_TEMPLATES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Layout\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("layoutMenu") }),
                 Object.entries(SLIDE_TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -1964,14 +4041,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Apply a slide theme",
+              title: t("applySlideTheme"),
               onChange: (e) => {
-                const t = SLIDE_THEMES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t.style });
+                const t2 = SLIDE_THEMES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t2.style });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Theme\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("themeMenu") }),
                 Object.entries(SLIDE_THEMES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -1981,14 +4058,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a shape",
+              title: t("insertShape"),
               onChange: (e) => {
-                const t = SLIDE_SHAPES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = SLIDE_SHAPES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Shape\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("shapeMenu") }),
                 Object.entries(SLIDE_SHAPES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -1998,19 +4075,19 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Slide font",
+              title: t("slideFont"),
               onChange: (e) => {
                 const f = SLIDE_FONTS[e.target.value];
                 if (f) setSlideStyle({ fontFamily: f.stack });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Font\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("fontMenu") }),
                 Object.entries(SLIDE_FONTS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
           ),
-          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Slide background image", onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: t("slideBgImage"), onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
         ] }),
         selected.length >= 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" }),
@@ -2040,33 +4117,33 @@ function HtmlRenderer({ artifact: artifact2 }) {
             )
           ] }),
           single && single.tag !== "img" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align left", onClick: () => command("style_persist", { prop: "textAlign", value: "left" }), children: "\u2B05" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align center", onClick: () => command("style_persist", { prop: "textAlign", value: "center" }), children: "\u2B0C" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align right", onClick: () => command("style_persist", { prop: "textAlign", value: "right" }), children: "\u27A1" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Bold", onClick: () => command("style_persist", { prop: "fontWeight", value: "800" }), children: "B" })
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignLeft"), onClick: () => command("style_persist", { prop: "textAlign", value: "left" }), children: "\u2B05" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignCenter"), onClick: () => command("style_persist", { prop: "textAlign", value: "center" }), children: "\u2B0C" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignRight"), onClick: () => command("style_persist", { prop: "textAlign", value: "right" }), children: "\u27A1" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("bold"), onClick: () => command("style_persist", { prop: "fontWeight", value: "800" }), children: "B" })
           ] }),
           single && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Duplicate", onClick: () => command("duplicate"), children: "\u29C9" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Move up", onClick: () => command("move_up"), children: "\u2191" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Move down", onClick: () => command("move_down"), children: "\u2193" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act cv-html-act--del", title: "Delete", onClick: () => command("delete"), children: "\u{1F5D1}" })
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("duplicate"), onClick: () => command("duplicate"), children: "\u29C9" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("moveUp"), onClick: () => command("move_up"), children: "\u2191" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("moveDown"), onClick: () => command("move_down"), children: "\u2193" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act cv-html-act--del", title: t("delete"), onClick: () => command("delete"), children: "\u{1F5D1}" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsx("span", { className: "cv-html-bar__spacer" }),
       /* @__PURE__ */ jsxs("div", { className: "cv-html-seg", role: "group", "aria-label": "View mode", children: [
-        /* @__PURE__ */ jsx("button", { className: mode === "design" ? "is-on" : "", onClick: () => setMode("design"), children: "Design" }),
-        /* @__PURE__ */ jsx("button", { className: mode === "code" ? "is-on" : "", onClick: () => setMode("code"), children: "Code" })
+        /* @__PURE__ */ jsx("button", { className: mode === "design" ? "is-on" : "", onClick: () => setMode("design"), children: t("design") }),
+        /* @__PURE__ */ jsx("button", { className: mode === "code" ? "is-on" : "", onClick: () => setMode("code"), children: t("code") })
       ] })
     ] }),
     a11y !== null && /* @__PURE__ */ jsxs("div", { className: "cv-a11y", role: "status", children: [
       /* @__PURE__ */ jsx("button", { className: "cv-a11y__close", onClick: () => setA11y(null), "aria-label": "Dismiss", children: "\xD7" }),
-      a11y.length === 0 ? /* @__PURE__ */ jsx("span", { className: "cv-a11y__ok", children: "\u267F No accessibility issues found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      a11y.length === 0 ? /* @__PURE__ */ jsx("span", { className: "cv-a11y__ok", children: t("a11yNone") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("b", { children: [
           "\u267F ",
           a11y.length,
-          " accessibility issue",
-          a11y.length > 1 ? "s" : ""
+          " ",
+          t("a11yIssues")
         ] }),
         /* @__PURE__ */ jsx("ul", { children: a11y.map((m, i) => /* @__PURE__ */ jsx("li", { children: m }, i)) })
       ] })
@@ -2096,31 +4173,48 @@ function HtmlRenderer({ artifact: artifact2 }) {
         sandbox: "allow-scripts allow-popups allow-modals",
         style: { width: DEVICES.find((d) => d.id === device).width }
       }
-    ) }) : /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: "cv-html-code",
-        defaultValue: artifact2.data.html,
-        spellCheck: false,
-        onBlur: (e) => commitCode(e.target.value),
-        "aria-label": "HTML source"
-      },
-      artifact2.data.html
-    )
+    ) }) : /* @__PURE__ */ jsx(CodePane, { html: artifact2.data.html, onCommit: commitCode })
   ] });
 }
+function CodePane({ html, onCommit }) {
+  const [draft, setDraft] = useState(html);
+  const dirty = useRef(false);
+  useEffect(() => {
+    if (!dirty.current) setDraft(html);
+  }, [html]);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: "cv-html-code",
+      value: draft,
+      spellCheck: false,
+      onChange: (e) => {
+        dirty.current = true;
+        setDraft(e.target.value);
+      },
+      onBlur: () => {
+        if (!dirty.current) return;
+        dirty.current = false;
+        onCommit(draft);
+      },
+      "aria-label": "HTML source"
+    }
+  );
+}
 // src/components/renderers/index.ts
-var ChartRenderer = lazy(() => import('./ChartRenderer-FX6ZN4NC.js').then((m) => ({ default: m.ChartRenderer })));
-var DocumentRenderer = lazy(() => import('./DocumentRenderer-KJ6FTGKH.js').then((m) => ({ default: m.DocumentRenderer })));
-var TableRenderer = lazy(() => import('./TableRenderer-Y4JFRSLU.js').then((m) => ({ default: m.TableRenderer })));
-var SlidesRenderer = lazy(() => import('./SlidesRenderer-SK5VQDIL.js').then((m) => ({ default: m.SlidesRenderer })));
+var ChartRenderer = lazy(() => import('./ChartRenderer-ABRQ5YFN.js').then((m) => ({ default: m.ChartRenderer })));
+var DocumentRenderer = lazy(() => import('./DocumentRenderer-YTEMC3Z4.js').then((m) => ({ default: m.DocumentRenderer })));
+var TableRenderer = lazy(() => import('./TableRenderer-BJQE2HMO.js').then((m) => ({ default: m.TableRenderer })));
+var SlidesRenderer = lazy(() => import('./SlidesRenderer-JNPXNTNJ.js').then((m) => ({ default: m.SlidesRenderer })));
+var PdfRenderer = lazy(() => import('./PdfRenderer-GDA67MES.js').then((m) => ({ default: m.PdfRenderer })));
 var builtinRenderers = {
   html: HtmlRenderer,
   document: DocumentRenderer,
   chart: ChartRenderer,
   table: TableRenderer,
-  slides: SlidesRenderer
+  slides: SlidesRenderer,
+  pdf: PdfRenderer
 };
 // src/export/download.ts
@@ -2139,6 +4233,232 @@ function slugify(text) {
   return text.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "artifact";
 }
+// src/io/hwpxWrite.ts
+var CRC_TABLE = (() => {
+  const table2 = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    let c = n;
+    for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+    table2[n] = c >>> 0;
+  }
+  return table2;
+})();
+function crc32(bytes) {
+  let c = 4294967295;
+  for (let i = 0; i < bytes.length; i++) c = CRC_TABLE[(c ^ bytes[i]) & 255] ^ c >>> 8;
+  return (c ^ 4294967295) >>> 0;
+}
+function storeZip(parts) {
+  const dosTime = 0;
+  const dosDate = 2026 - 1980 << 9 | 1 << 5 | 1;
+  const enc = new TextEncoder();
+  const chunks = [];
+  const central = [];
+  let offset = 0;
+  for (const [name, data] of parts) {
+    const nameBytes = enc.encode(name);
+    const crc = crc32(data);
+    const local = new Uint8Array(30 + nameBytes.length);
+    const lv = new DataView(local.buffer);
+    lv.setUint32(0, 67324752, true);
+    lv.setUint16(4, 20, true);
+    lv.setUint16(8, 0, true);
+    lv.setUint16(10, dosTime, true);
+    lv.setUint16(12, dosDate, true);
+    lv.setUint32(14, crc, true);
+    lv.setUint32(18, data.length, true);
+    lv.setUint32(22, data.length, true);
+    lv.setUint16(26, nameBytes.length, true);
+    local.set(nameBytes, 30);
+    chunks.push(local, data);
+    const cdir = new Uint8Array(46 + nameBytes.length);
+    const cv = new DataView(cdir.buffer);
+    cv.setUint32(0, 33639248, true);
+    cv.setUint16(4, 20, true);
+    cv.setUint16(6, 20, true);
+    cv.setUint16(10, 0, true);
+    cv.setUint16(12, dosTime, true);
+    cv.setUint16(14, dosDate, true);
+    cv.setUint32(16, crc, true);
+    cv.setUint32(20, data.length, true);
+    cv.setUint32(24, data.length, true);
+    cv.setUint16(28, nameBytes.length, true);
+    cv.setUint32(42, offset, true);
+    cdir.set(nameBytes, 46);
+    central.push(cdir);
+    offset += local.length + data.length;
+  }
+  const cdirSize = central.reduce((n, c) => n + c.length, 0);
+  const eocd = new Uint8Array(22);
+  const ev = new DataView(eocd.buffer);
+  ev.setUint32(0, 101010256, true);
+  ev.setUint16(8, parts.length, true);
+  ev.setUint16(10, parts.length, true);
+  ev.setUint32(12, cdirSize, true);
+  ev.setUint32(16, offset, true);
+  const all = [...chunks, ...central, eocd];
+  const out = new Uint8Array(all.reduce((n, c) => n + c.length, 0));
+  let pos = 0;
+  for (const c of all) {
+    out.set(c, pos);
+    pos += c.length;
+  }
+  return out;
+}
+var XML_DECL = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>`;
+var HWPML_NS = [
+  `xmlns:ha="http://www.hancom.co.kr/hwpml/2011/app"`,
+  `xmlns:hp="http://www.hancom.co.kr/hwpml/2011/paragraph"`,
+  `xmlns:hp10="http://www.hancom.co.kr/hwpml/2016/paragraph"`,
+  `xmlns:hs="http://www.hancom.co.kr/hwpml/2011/section"`,
+  `xmlns:hc="http://www.hancom.co.kr/hwpml/2011/core"`,
+  `xmlns:hh="http://www.hancom.co.kr/hwpml/2011/head"`,
+  `xmlns:hhs="http://www.hancom.co.kr/hwpml/2011/history"`,
+  `xmlns:hm="http://www.hancom.co.kr/hwpml/2011/master-page"`,
+  `xmlns:hpf="http://www.hancom.co.kr/schema/2011/hpf"`,
+  `xmlns:dc="http://purl.org/dc/elements/1.1/"`,
+  `xmlns:opf="http://www.idpf.org/2007/opf/"`,
+  `xmlns:ooxmlchart="http://www.hancom.co.kr/hwpml/2016/ooxmlchart"`,
+  `xmlns:hwpunitchar="http://www.hancom.co.kr/hwpml/2016/HwpUnitChar"`,
+  `xmlns:epub="http://www.idpf.org/2007/ops"`,
+  `xmlns:config="urn:oasis:names:tc:opendocument:xmlns:config:1.0"`
+].join(" ");
+var VERSION_XML = XML_DECL + `<hv:HCFVersion xmlns:hv="http://www.hancom.co.kr/hwpml/2011/version" tagetApplication="WORDPROCESSOR" major="5" minor="0" micro="5" buildNumber="0" xmlVersion="1.4" application="langchain-canvas" appVersion="1.0"/>`;
+var CONTAINER_XML = XML_DECL + `<ocf:container xmlns:ocf="urn:oasis:names:tc:opendocument:xmlns:container" xmlns:hpf="http://www.hancom.co.kr/schema/2011/hpf"><ocf:rootfiles><ocf:rootfile full-path="Contents/content.hpf" media-type="application/hwpml-package+xml"/></ocf:rootfiles></ocf:container>`;
+var MANIFEST_XML = XML_DECL + `<odf:manifest xmlns:odf="urn:oasis:names:tc:opendocument:xmlns:manifest:1.0"/>`;
+var CONTENT_HPF = XML_DECL + `<opf:package ${HWPML_NS} version="" unique-identifier="" id=""><opf:metadata><opf:title/><opf:language>ko</opf:language></opf:metadata><opf:manifest><opf:item id="header" href="Contents/header.xml" media-type="application/xml"/><opf:item id="section0" href="Contents/section0.xml" media-type="application/xml"/><opf:item id="settings" href="settings.xml" media-type="application/xml"/></opf:manifest><opf:spine><opf:itemref idref="header"/><opf:itemref idref="section0"/></opf:spine></opf:package>`;
+var SETTINGS_XML = XML_DECL + `<ha:HWPApplicationSetting xmlns:ha="http://www.hancom.co.kr/hwpml/2011/app" xmlns:config="urn:oasis:names:tc:opendocument:xmlns:config:1.0"><ha:CaretPosition listIDRef="0" paraIDRef="0" pos="0"/></ha:HWPApplicationSetting>`;
+function fontfaces() {
+  const langs = ["HANGUL", "LATIN", "HANJA", "JAPANESE", "OTHER", "SYMBOL", "USER"];
+  const face = (lang) => `<hh:fontface lang="${lang}" fontCnt="1"><hh:font id="0" face="\uD568\uCD08\uB86C\uBC14\uD0D5" type="TTF" isEmbedded="0"><hh:typeInfo familyType="FCAT_GOTHIC" weight="8" proportion="4" contrast="0" strokeVariation="1" armStyle="1" letterform="1" midline="1" xHeight="1"/></hh:font></hh:fontface>`;
+  return `<hh:fontfaces itemCnt="7">${langs.map(face).join("")}</hh:fontfaces>`;
+}
+function borderFills() {
+  const fill = (id) => `<hh:borderFill id="${id}" threeD="0" shadow="0" centerLine="NONE" breakCellSeparateLine="0"><hh:slash type="NONE" Crooked="0" isCounter="0"/><hh:backSlash type="NONE" Crooked="0" isCounter="0"/><hh:leftBorder type="NONE" width="0.1 mm" color="#000000"/><hh:rightBorder type="NONE" width="0.1 mm" color="#000000"/><hh:topBorder type="NONE" width="0.1 mm" color="#000000"/><hh:bottomBorder type="NONE" width="0.1 mm" color="#000000"/><hh:diagonal type="SOLID" width="0.1 mm" color="#000000"/></hh:borderFill>`;
+  return `<hh:borderFills itemCnt="2">${fill(1)}${fill(2)}</hh:borderFills>`;
+}
+var CHAR_PR = [
+  { id: 0, height: 1e3, bold: false, italic: false },
+  // body
+  { id: 1, height: 1800, bold: true, italic: false },
+  // heading 1
+  { id: 2, height: 1500, bold: true, italic: false },
+  // heading 2
+  { id: 3, height: 1200, bold: true, italic: false },
+  // heading 3
+  { id: 4, height: 1e3, bold: true, italic: false },
+  // inline bold
+  { id: 5, height: 1e3, bold: false, italic: true }
+  // inline italic
+];
+function charProperties() {
+  const one = (c) => `<hh:charPr id="${c.id}" height="${c.height}" textColor="#000000" shadeColor="none" useFontSpace="0" useKerning="0" symMark="NONE" borderFillIDRef="2"><hh:fontRef hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/><hh:ratio hangul="100" latin="100" hanja="100" japanese="100" other="100" symbol="100" user="100"/><hh:spacing hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/><hh:relSz hangul="100" latin="100" hanja="100" japanese="100" other="100" symbol="100" user="100"/><hh:offset hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/>` + (c.bold ? `<hh:bold/>` : "") + (c.italic ? `<hh:italic/>` : "") + `<hh:underline type="NONE" shape="SOLID" color="#000000"/><hh:strikeout shape="NONE" color="#000000"/><hh:outline type="NONE"/><hh:shadow type="NONE" color="#B2B2B2" offsetX="10" offsetY="10"/></hh:charPr>`;
+  return `<hh:charProperties itemCnt="${CHAR_PR.length}">${CHAR_PR.map(one).join("")}</hh:charProperties>`;
+}
+function numberings() {
+  const heads = Array.from(
+    { length: 7 },
+    (_, i) => `<hh:paraHead start="1" level="${i + 1}" align="LEFT" useInstWidth="1" autoIndent="1" widthAdjust="0" textOffsetType="PERCENT" textOffset="50" numFormat="DIGIT" charPrIDRef="4294967295" checkable="1">^${i + 1}.</hh:paraHead>`
+  ).join("");
+  return `<hh:numberings itemCnt="1"><hh:numbering id="1" start="0">${heads}</hh:numbering></hh:numberings>`;
+}
+function paraProperties() {
+  return `<hh:paraProperties itemCnt="1"><hh:paraPr id="0" tabPrIDRef="0" condense="0" fontLineHeight="0" snapToGrid="1" suppressLineNumbers="0" checked="0"><hh:align horizontal="JUSTIFY" vertical="BASELINE"/><hh:heading type="NONE" idRef="0" level="0"/><hh:breakSetting breakLatinWord="KEEP_WORD" breakNonLatinWord="KEEP_WORD" widowOrphan="0" keepWithNext="0" keepLines="0" pageBreakBefore="0" lineWrap="BREAK"/><hh:autoSpacing eAsianEng="0" eAsianNum="0"/><hh:margin><hc:intent value="0" unit="HWPUNIT"/><hc:left value="0" unit="HWPUNIT"/><hc:right value="0" unit="HWPUNIT"/><hc:prev value="0" unit="HWPUNIT"/><hc:next value="0" unit="HWPUNIT"/></hh:margin><hh:lineSpacing type="PERCENT" value="160" unit="HWPUNIT"/><hh:border borderFillIDRef="2" offsetLeft="0" offsetRight="0" offsetTop="0" offsetBottom="0" connect="0" ignoreMargin="0"/></hh:paraPr></hh:paraProperties>`;
+}
+var STYLES = [
+  { id: 0, name: "\uBC14\uD0D5\uAE00", engName: "Normal", charPr: 0, next: 0 },
+  { id: 1, name: "\uAC1C\uC694 1", engName: "Outline 1", charPr: 1, next: 1 },
+  { id: 2, name: "\uAC1C\uC694 2", engName: "Outline 2", charPr: 2, next: 2 },
+  { id: 3, name: "\uAC1C\uC694 3", engName: "Outline 3", charPr: 3, next: 3 }
+];
+function styles() {
+  const one = (s) => `<hh:style id="${s.id}" type="PARA" name="${s.name}" engName="${s.engName}" paraPrIDRef="0" charPrIDRef="${s.charPr}" nextStyleIDRef="${s.next}" langID="1042" lockForm="0"/>`;
+  return `<hh:styles itemCnt="${STYLES.length}">${STYLES.map(one).join("")}</hh:styles>`;
+}
+function headerXml() {
+  return XML_DECL + `<hh:head ${HWPML_NS} version="1.4" secCnt="1"><hh:beginNum page="1" footnote="1" endnote="1" pic="1" tbl="1" equation="1"/><hh:refList>` + fontfaces() + borderFills() + charProperties() + `<hh:tabProperties itemCnt="2"><hh:tabPr id="0" autoTabLeft="0" autoTabRight="0"/><hh:tabPr id="1" autoTabLeft="1" autoTabRight="0"/></hh:tabProperties>` + numberings() + paraProperties() + styles() + `</hh:refList><hh:compatibleDocument targetProgram="HWP201X"><hh:layoutCompatibility/></hh:compatibleDocument><hh:docOption><hh:linkinfo path="" pageInherit="0" footnoteInherit="0"/></hh:docOption><hh:trackchageConfig flags="56"/></hh:head>`;
+}
+var SEC_PR = `<hp:secPr id="" textDirection="HORIZONTAL" spaceColumns="1134" tabStop="8000" tabStopVal="4000" tabStopUnit="HWPUNIT" outlineShapeIDRef="1" memoShapeIDRef="0" textVerticalWidthHead="0"><hp:grid lineGrid="0" charGrid="0" wonggojiFormat="0"/><hp:startNum pageStartsOn="BOTH" page="0" pic="0" tbl="0" equation="0"/><hp:visibility hideFirstHeader="0" hideFirstFooter="0" hideFirstMasterPage="0" border="SHOW_ALL" fill="SHOW_ALL" hideFirstPageNum="0" hideFirstEmptyLine="0" showLineNumber="0"/><hp:lineNumberShape restartType="0" countBy="0" distance="0" startNumber="0"/><hp:pagePr landscape="WIDELY" width="59528" height="84188" gutterType="LEFT_ONLY"><hp:margin header="4252" footer="4252" gutter="0" left="8504" right="8504" top="5668" bottom="4252"/></hp:pagePr><hp:footNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="-1" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="283" belowLine="567" aboveLine="850"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="EACH_COLUMN" beneathText="0"/></hp:footNotePr><hp:endNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="14692344" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="0" belowLine="567" aboveLine="850"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="END_OF_DOCUMENT" beneathText="0"/></hp:endNotePr><hp:pageBorderFill type="BOTH" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="EVEN" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="ODD" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill></hp:secPr><hp:ctrl><hp:colPr id="" type="NEWSPAPER" layout="LEFT" colCount="1" sameSz="1" sameGap="0"/></hp:ctrl>`;
+function escapeXml(value) {
+  return String(value ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+}
+function inlineRuns(text, baseCharPr) {
+  const runs = [];
+  const pattern = /(\*\*[^*\n]+\*\*|\*[^*\n]+\*|`[^`\n]+`)/g;
+  let last = 0;
+  for (const m of text.matchAll(pattern)) {
+    if (m.index > last) runs.push({ text: text.slice(last, m.index), charPr: baseCharPr });
+    const token = m[0];
+    if (token.startsWith("**")) runs.push({ text: token.slice(2, -2), charPr: 4 });
+    else if (token.startsWith("*")) runs.push({ text: token.slice(1, -1), charPr: 5 });
+    else runs.push({ text: token.slice(1, -1), charPr: baseCharPr });
+    last = m.index + token.length;
+  }
+  if (last < text.length) runs.push({ text: text.slice(last), charPr: baseCharPr });
+  return runs.length ? runs : [{ text: "", charPr: baseCharPr }];
+}
+function isTableSeparator(line) {
+  return /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)*\|?\s*$/.test(line);
+}
+function tableCells(line) {
+  return line.trim().replace(/^\|/, "").replace(/\|$/, "").split(/(?<!\\)\|/).map((c) => c.trim().replace(/\\\|/g, "|"));
+}
+function markdownToBlocks(content) {
+  const blocks = [];
+  for (const raw of content.split("\n")) {
+    const line = raw.replace(/\s+$/, "");
+    if (!line.trim()) continue;
+    const heading = line.match(/^(#{1,3})\s+(.*)$/);
+    if (heading) {
+      const text = heading[2].replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1");
+      blocks.push({ runs: [{ text, charPr: heading[1].length }], style: heading[1].length });
+      continue;
+    }
+    const bullet = line.match(/^\s*[-*+]\s+(.*)$/);
+    if (bullet) {
+      blocks.push({ runs: [{ text: "\u2022 ", charPr: 0 }, ...inlineRuns(bullet[1], 0)], style: 0 });
+      continue;
+    }
+    const numbered = line.match(/^\s*(\d+)[.)]\s+(.*)$/);
+    if (numbered) {
+      blocks.push({ runs: [{ text: `${numbered[1]}. `, charPr: 0 }, ...inlineRuns(numbered[2], 0)], style: 0 });
+      continue;
+    }
+    if (line.trim().startsWith("|")) {
+      if (isTableSeparator(line)) continue;
+      blocks.push({ runs: [{ text: tableCells(line).join(" | "), charPr: 0 }], style: 0 });
+      continue;
+    }
+    blocks.push({ runs: inlineRuns(line, 0), style: 0 });
+  }
+  return blocks.length ? blocks : [{ runs: [{ text: "", charPr: 0 }], style: 0 }];
+}
+function paragraphXml(block, index) {
+  const runs = block.runs.map(
+    (r, i) => `<hp:run charPrIDRef="${r.charPr}">${index === 0 && i === 0 ? SEC_PR : ""}<hp:t>${escapeXml(r.text)}</hp:t></hp:run>`
+  ).join("");
+  return `<hp:p id="${index}" paraPrIDRef="0" styleIDRef="${block.style}" pageBreak="0" columnBreak="0" merged="0">` + runs + `<hp:linesegarray><hp:lineseg textpos="0" vertpos="0" vertsize="1000" textheight="1000" baseline="850" spacing="600" horzpos="0" horzsize="42520" flags="393216"/></hp:linesegarray></hp:p>`;
+}
+function sectionXml(blocks) {
+  return XML_DECL + `<hs:sec ${HWPML_NS}>` + blocks.map(paragraphXml).join("") + `</hs:sec>`;
+}
+async function documentToHwpx(data) {
+  const enc = new TextEncoder();
+  const blocks = markdownToBlocks(data.content ?? "");
+  const parts = [
+    // `mimetype` must be the container's first entry, stored.
+    ["mimetype", enc.encode("application/hwp+zip")],
+    ["version.xml", enc.encode(VERSION_XML)],
+    ["META-INF/manifest.xml", enc.encode(MANIFEST_XML)],
+    ["META-INF/container.xml", enc.encode(CONTAINER_XML)],
+    ["Contents/content.hpf", enc.encode(CONTENT_HPF)],
+    ["Contents/header.xml", enc.encode(headerXml())],
+    ["Contents/section0.xml", enc.encode(sectionXml(blocks))],
+    ["settings.xml", enc.encode(SETTINGS_XML)]
+  ];
+  return storeZip(parts);
+}
 // src/export/exporters.ts
 var MIME = {
   md: "text/markdown",
@@ -2151,7 +4471,8 @@ var MIME = {
 var dataExporters = {
   document: [
     { label: "Markdown", extension: "md", mime: MIME.md, build: (a) => a.data.content },
-    { label: "Word", extension: "docx", mime: MIME.docx, build: (a) => documentToDocx(a.data) }
+    { label: "Word", extension: "docx", mime: MIME.docx, build: (a) => documentToDocx(a.data) },
+    { label: "\uD55C\uAE00 (HWPX)", extension: "hwpx", mime: "application/vnd.hancom.hwpx", build: (a) => documentToHwpx(a.data) }
   ],
   table: [
     { label: "CSV", extension: "csv", mime: MIME.csv, build: (a) => tableToCsv(a.data) },
@@ -2170,7 +4491,7 @@ function toStandaloneHtml(title, renderedHtml) {
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>${escapeHtml(title)}</title>
+<title>${escapeHtml2(title)}</title>
 <style>${EXPORT_CSS}</style>
 </head>
 <body>
@@ -2181,11 +4502,34 @@ ${renderedHtml}
 </html>`;
 }
 function tableToCsv(data) {
+  if (data.sheet?.length) return fortuneToCsv(data.sheet[0]);
   const header = data.columns.map((c) => csvCell(c.label ?? c.key)).join(",");
   const body = data.rows.map((row) => data.columns.map((c) => csvCell(String(row[c.key] ?? ""))).join(",")).join("\n");
   return `${header}
 ${body}`;
 }
+function fortuneToCsv(sheet) {
+  let maxR = -1;
+  let maxC = -1;
+  const grid = /* @__PURE__ */ new Map();
+  for (const cell of sheet.celldata ?? []) {
+    const v = cell?.v;
+    if (v == null) continue;
+    if (typeof v === "object" && v.mc && v.v == null && v.m == null) continue;
+    const value = typeof v === "object" ? v.v ?? v.m ?? "" : v;
+    if (value === "" || value == null) continue;
+    grid.set(`${cell.r},${cell.c}`, String(value));
+    if (cell.r > maxR) maxR = cell.r;
+    if (cell.c > maxC) maxC = cell.c;
+  }
+  const lines = [];
+  for (let r = 0; r <= maxR; r++) {
+    const row = [];
+    for (let c = 0; c <= maxC; c++) row.push(csvCell(grid.get(`${r},${c}`) ?? ""));
+    lines.push(row.join(","));
+  }
+  return lines.join("\n");
+}
 async function tableToXlsx(data) {
   const { Workbook } = await loadOptional("exceljs", () => import('exceljs'));
   const workbook = new Workbook();
@@ -2249,8 +4593,10 @@ async function documentToDocx(data) {
 async function slidesToPptx(data, _title) {
   const PptxGenJS = (await loadOptional("pptxgenjs", () => import('pptxgenjs'))).default;
   const pptx = new PptxGenJS();
-  const W = 10;
-  const H = 5.625;
+  const W = 13.333;
+  const H = 7.5;
+  pptx.defineLayout({ name: "CV_16x9", width: W, height: H });
+  pptx.layout = "CV_16x9";
   for (const slide of data.slides) {
     const s = pptx.addSlide();
     if (slide.background && /^#[0-9a-f]{3,8}$/i.test(slide.background)) s.background = { color: slide.background.replace("#", "") };
@@ -2259,18 +4605,28 @@ async function slidesToPptx(data, _title) {
     const inset = (v) => pad + v / 100 * (1 - 2 * pad);
     for (const el of resolveElements(slide)) {
       const box = { x: inset(el.x) * W, y: inset(el.y) * H, w: el.w / 100 * (1 - 2 * pad) * W, h: el.h / 100 * (1 - 2 * pad) * H };
+      const spin = el.rotate ? { rotate: (Math.round(el.rotate) % 360 + 360) % 360 } : {};
       if (el.type === "text") {
         const color = el.color ? el.color.replace("#", "") : tc;
-        s.addText(el.text ?? "", { ...box, fontSize: (el.fontSize ?? 24) * 0.75, bold: !!el.bold, align: el.align ?? "left", ...color ? { color } : {} });
+        s.addText(el.text ?? "", { ...box, ...spin, fontSize: (el.fontSize ?? 24) * 0.75, bold: !!el.bold, align: el.align ?? "left", ...color ? { color } : {} });
       } else if (el.type === "shape") {
         const fill = (el.fill ?? "#5b5bd6").replace("#", "");
+        const paint = el.fill ? { fill: { color: fill } } : { fill: { color: "FFFFFF", transparency: 100 }, line: { color: (tc || "1f2328").replace("#", ""), width: 1 } };
         if (el.shape === "line") {
-          s.addShape(pptx.ShapeType.line, { ...box, line: { color: fill, width: 2 } });
+          s.addShape(pptx.ShapeType.line, { ...box, ...spin, line: { color: fill, width: 2 } });
+        } else if (el.shape !== "ellipse" && el.radius) {
+          s.addShape(pptx.ShapeType.roundRect, { ...box, ...spin, ...paint, rectRadius: el.radius * W / 1280 });
         } else {
-          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, fill: { color: fill } });
+          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, ...spin, ...paint });
         }
       } else if (el.src) {
-        s.addImage({ data: el.src, ...box, sizing: { type: "contain", w: box.w, h: box.h } });
+        s.addImage({
+          data: el.src,
+          ...box,
+          ...spin,
+          sizing: { type: el.fit === "cover" ? "cover" : "contain", w: box.w, h: box.h },
+          ...el.radius ? { rounding: true } : {}
+        });
       }
     }
     if (slide.notes) s.addNotes(slide.notes);
@@ -2283,29 +4639,34 @@ function slidesToPrintHtml(data, title) {
     const bg = slide.background ?? "#ffffff";
     const fg = slide.textColor ?? "#1f2328";
     const els = resolveElements(slide).map((el) => {
-      const box = `left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%`;
+      const spin = el.rotate ? `;transform:rotate(${Number(el.rotate)}deg)` : "";
+      const box = `left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%${spin}`;
       if (el.type === "text") {
-        const style = `${box};font-size:${(el.fontSize ?? 24) / 7.2}vw;font-weight:${el.bold ? 700 : 400};color:${escapeAttr(el.color ?? fg)};text-align:${escapeAttr(el.align ?? "left")};white-space:pre-wrap`;
-        return `<div class="el" style="${style}">${escapeXml(el.text ?? "")}</div>`;
+        const style = `${box};font-size:${el.fontSize ?? 24}px;font-weight:${el.bold ? 700 : 400};color:${escapeAttr(el.color ?? fg)};text-align:${escapeAttr(el.align ?? "left")};white-space:pre-wrap`;
+        return `<div class="el" style="${style}">${escapeXml2(el.text ?? "")}</div>`;
       }
       if (el.type === "shape") {
-        const fill = escapeAttr(el.fill ?? fg);
-        const radius = el.shape === "ellipse" ? "50%" : el.shape === "line" ? "2px" : "8px";
-        return `<div class="el" style="${box};background:${fill};border-radius:${radius}"></div>`;
+        const radius = el.shape === "ellipse" ? "50%" : el.shape === "line" ? "2px" : `${Number(el.radius ?? 8)}px`;
+        const paint = el.fill || el.shape === "line" ? `background:${escapeAttr(el.fill ?? fg)}` : `background:transparent;border:1.5px solid ${escapeAttr(fg)};box-sizing:border-box`;
+        return `<div class="el" style="${box};${paint};border-radius:${radius}"></div>`;
       }
       const src = safeSrc(el.src);
-      return src ? `<img class="el" style="${box}" src="${escapeAttr(src)}"/>` : "";
+      const imgStyle = `${box};object-fit:${el.fit === "cover" ? "cover" : "contain"}${el.radius ? `;border-radius:${Number(el.radius)}px` : ""}`;
+      return src ? `<img class="el" style="${imgStyle}" src="${escapeAttr(src)}"/>` : "";
     }).join("");
     const pad = slide.padding ?? 0;
     const inner = pad ? `<div style="position:absolute;inset:${pad}%">${els}</div>` : els;
     return `<section class="slide" style="background:${escapeAttr(bg)}">${inner}</section>`;
   }).join("");
-  return `<!doctype html><html><head><meta charset="utf-8"><title>${escapeXml(title)}</title><style>
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${escapeXml2(title)}</title><style>
     @page { size: 1280px 720px; margin: 0; }
     * { margin: 0; box-sizing: border-box; }
     body { font-family: Inter, Arial, sans-serif; }
     .slide { position: relative; width: 1280px; height: 720px; overflow: hidden; page-break-after: always; }
-    .el { position: absolute; overflow: hidden; line-height: 1.25; }
+    .el { position: absolute; overflow: hidden; line-height: 1.2; }
+    /* PowerPoint lets text paint past its box \u2014 only shapes/images clip. */
+    div.el { overflow: visible; }
+    img.el { overflow: hidden; }
     img.el { object-fit: contain; }
   </style></head><body>${pages}</body></html>`;
 }
@@ -2316,7 +4677,7 @@ function htmlSlideToPrintHtml(html, ratio) {
   const i = html.toLowerCase().lastIndexOf("</head>");
   return i === -1 ? style + html : html.slice(0, i) + style + html.slice(i);
 }
-function escapeXml(value) {
+function escapeXml2(value) {
   return String(value ?? "").replace(/[&<>]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;" })[c]);
 }
 function escapeAttr(value) {
@@ -2329,7 +4690,7 @@ function safeSrc(src) {
 function csvCell(value) {
   return /[",\n]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
 }
-function escapeHtml(text) {
+function escapeHtml2(text) {
   return text.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
 }
 var EXPORT_CSS = `
@@ -2373,7 +4734,10 @@ function printToPdf(html) {
   document.body.appendChild(iframe);
 }
 var PDF_TYPES = /* @__PURE__ */ new Set(["html", "document", "chart", "slides"]);
+var escapeHtml3 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var escapeAttr2 = (s) => escapeHtml3(s).replace(/"/g, "&quot;");
 function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
+  const t = useT();
   const [open, setOpen] = useState(false);
   const stem = slugify(artifact2.title);
   const dataOptions = dataExporters[artifact2.type] ?? [];
@@ -2414,7 +4778,8 @@ function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
       return h == null ? null : toStandaloneHtml(artifact2.title, h);
     })();
     if (html == null) return;
-    const url = URL.createObjectURL(new Blob([html], { type: "text/html" }));
+    const wrapper = `<!doctype html><html><head><meta charset="utf-8"><title>${escapeHtml3(artifact2.title)}</title><style>html,body{margin:0;height:100%}iframe{display:block;width:100%;height:100%;border:0}</style></head><body><iframe sandbox="allow-scripts allow-popups allow-modals" srcdoc="${escapeAttr2(html)}"></iframe></body></html>`;
+    const url = URL.createObjectURL(new Blob([wrapper], { type: "text/html" }));
     window.open(url, "_blank", "noopener");
     setTimeout(() => URL.revokeObjectURL(url), 1e4);
     setOpen(false);
@@ -2440,14 +4805,14 @@ function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
         onClick: () => setOpen((o) => !o),
         "aria-haspopup": "menu",
         "aria-expanded": open,
-        children: "Export \u25BE"
+        children: t("export")
       }
     ),
     open && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "cv-export__scrim", onClick: () => setOpen(false) }),
       /* @__PURE__ */ jsxs("div", { className: "cv-export__menu", role: "menu", children: [
-        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: openInTab, children: "Open in new tab \u2197" }),
-        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: copyHtml, children: copied ? "Copied \u2713" : "Copy HTML" }),
+        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: openInTab, children: t("openInTab") }),
+        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: copyHtml, children: copied ? t("copied") : t("copyHtml") }),
         /* @__PURE__ */ jsxs("button", { role: "menuitem", onClick: exportHtml, children: [
           "HTML ",
           /* @__PURE__ */ jsx("span", { className: "cv-export__ext", children: ".html" })
@@ -2536,17 +4901,17 @@ var GRADIENTS = [
 function StylePanel({ selection }) {
   const send = useCanvasStore((s) => s.sendIframeCommand);
   const setSelections = useCanvasStore((s) => s.setSelections);
-  const styles = selection.styles ?? {};
-  const [color, setColor] = useState(toHex2(styles.color));
-  const [background, setBackground] = useState(toHex2(styles.backgroundColor));
-  const [fontSize, setFontSize] = useState(px(styles.fontSize, 16));
-  const [fontWeight, setFontWeight] = useState(String(styles.fontWeight ?? "400"));
-  const [textAlign, setTextAlign] = useState(styles.textAlign ?? "left");
-  const [lineHeight, setLineHeight] = useState(px(styles.lineHeight, 0));
-  const [letterSpacing, setLetterSpacing] = useState(px(styles.letterSpacing, 0));
-  const [padding, setPadding] = useState(px(styles.padding, 0));
-  const [radius, setRadius] = useState(px(styles.borderRadius, 0));
-  const [width, setWidth] = useState(px(styles.width, 0));
+  const styles2 = selection.styles ?? {};
+  const [color, setColor] = useState(toHex2(styles2.color));
+  const [background, setBackground] = useState(toHex2(styles2.backgroundColor));
+  const [fontSize, setFontSize] = useState(px(styles2.fontSize, 16));
+  const [fontWeight, setFontWeight] = useState(String(styles2.fontWeight ?? "400"));
+  const [textAlign, setTextAlign] = useState(styles2.textAlign ?? "left");
+  const [lineHeight, setLineHeight] = useState(px(styles2.lineHeight, 0));
+  const [letterSpacing, setLetterSpacing] = useState(px(styles2.letterSpacing, 0));
+  const [padding, setPadding] = useState(px(styles2.padding, 0));
+  const [radius, setRadius] = useState(px(styles2.borderRadius, 0));
+  const [width, setWidth] = useState(px(styles2.width, 0));
   const bgFileRef = useRef(null);
   const dirty = useRef(false);
   const setStyle = (prop, value) => {
@@ -2788,10 +5153,17 @@ function useCanvasImport() {
   return { importFiles, canImport };
 }
 var ACCEPT = IMPORTABLE_EXTENSIONS.join(",");
-function Canvas({ registry = builtinRenderers, emptyState, onEditElement, onUserEdit }) {
-  return /* @__PURE__ */ jsx(CanvasRegistryProvider, { registry, children: /* @__PURE__ */ jsx(CanvasPanel, { emptyState, onEditElement, onUserEdit }) });
+function Canvas({ registry = builtinRenderers, locale, emptyState, onEditElement, onUserEdit, onSave }) {
+  return /* @__PURE__ */ jsx(CanvasRegistryProvider, { registry, children: /* @__PURE__ */ jsx(CanvasLocaleProvider, { locale, children: /* @__PURE__ */ jsx(CanvasPanel, { emptyState, onEditElement, onUserEdit, onSave }) }) });
 }
-function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
+function CanvasPanel({
+  emptyState,
+  onEditElement,
+  onUserEdit,
+  onSave
+}) {
+  const t = useT();
+  const debouncedSave = useCanvasSave(onSave);
   const { artifacts, order, activeId } = useCanvasStore((s) => s.canvas);
   const history = useCanvasStore((s) => s.canvas.history);
   const setActive = useCanvasStore((s) => s.setActiveArtifact);
@@ -2801,9 +5173,16 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
   const { importFiles } = useCanvasImport();
   const [dropping, setDropping] = useState(false);
   useEffect(() => {
-    setOnUserEdit(onUserEdit ?? null);
+    if (!onUserEdit && !debouncedSave) {
+      setOnUserEdit(null);
+      return;
+    }
+    setOnUserEdit((artifact2) => {
+      onUserEdit?.(artifact2);
+      debouncedSave?.(artifact2);
+    });
     return () => setOnUserEdit(null);
-  }, [onUserEdit, setOnUserEdit]);
+  }, [onUserEdit, debouncedSave, setOnUserEdit]);
   useEffect(() => {
     if (!selections.length) return;
     const onKey = (e) => {
@@ -2829,14 +5208,14 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
       if (e.dataTransfer.files.length) void importFiles(e.dataTransfer.files);
     }
   };
-  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: "Drop to open on the canvas" }) : null;
+  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: t("dropToOpen") }) : null;
   if (!active) {
     return /* @__PURE__ */ jsxs("aside", { className: "cv-canvas cv-canvas--empty", ...dropProps, children: [
       emptyState ?? /* @__PURE__ */ jsx(EmptyState, { onOpenFiles: importFiles }),
       dropOverlay
     ] });
   }
-  const versions = history[active.id] ?? [active];
+  const versions2 = history[active.id] ?? [active];
   const showSelection = Boolean(onEditElement) && selections.length > 0 && selections[0].artifactId === active.id;
   return /* @__PURE__ */ jsxs("aside", { className: "cv-canvas", ...dropProps, children: [
     dropOverlay,
@@ -2851,17 +5230,19 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
       },
       id
     )) }),
-    /* @__PURE__ */ jsx(ArtifactView, { artifact: active, versions }, active.id),
+    /* @__PURE__ */ jsx(ArtifactView, { artifact: active, versions: versions2 }, active.id),
     showSelection && onEditElement && /* @__PURE__ */ jsxs(Fragment, { children: [
       active.type === "html" && selections.length === 1 && /* @__PURE__ */ jsx(StylePanel, { selection: selections[0] }, selections[0].cid),
       /* @__PURE__ */ jsx(SelectionBar, { selections, onEdit: onEditElement, onClear: () => setSelections([]) })
     ] })
   ] });
 }
-function ArtifactView({ artifact: artifact2, versions }) {
+function ArtifactView({ artifact: artifact2, versions: versions2 }) {
+  const t = useT();
   const [viewIndex, setViewIndex] = useState(null);
   const bodyRef = useRef(null);
-  const shown = viewIndex === null ? artifact2 : versions[viewIndex];
+  const shown = viewIndex === null ? artifact2 : versions2[Math.min(viewIndex, versions2.length - 1)] ?? artifact2;
+  const viewingHistory = viewIndex !== null && shown !== artifact2;
   const Renderer = useRenderer(shown.type);
   const getRenderedHtml = () => {
     const node = bodyRef.current;
@@ -2879,25 +5260,45 @@ function ArtifactView({ artifact: artifact2, versions }) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "cv-header__actions", children: [
         /* @__PURE__ */ jsx(UndoRedo, {}),
-        versions.length > 1 && /* @__PURE__ */ jsx(
-          VersionRail,
+        versions2.length > 1 && /* @__PURE__ */ jsx(
+          VersionHistory,
           {
-            total: versions.length,
-            index: viewIndex ?? versions.length - 1,
-            onSelect: (i) => setViewIndex(i === versions.length - 1 ? null : i)
+            versions: versions2,
+            index: viewIndex ?? versions2.length - 1,
+            onSelect: (i) => setViewIndex(i === versions2.length - 1 ? null : i)
           }
         ),
         /* @__PURE__ */ jsx(ExportMenu, { artifact: shown, getRenderedHtml })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `cv-body${shown.type === "table" ? " cv-body--flush" : ""}`, ref: bodyRef, children: Renderer ? /* @__PURE__ */ jsx(RendererBoundary, { resetKey: `${shown.id}:${shown.version}`, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "cv-fallback", children: "Loading\u2026" }), children: /* @__PURE__ */ jsx(Renderer, { artifact: shown }) }) }) : /* @__PURE__ */ jsxs("div", { className: "cv-fallback", children: [
-      "No renderer registered for type \u201C",
-      shown.type,
-      "\u201D."
-    ] }) })
+    viewingHistory && /* @__PURE__ */ jsxs("div", { className: "cv-history-banner", role: "status", children: [
+      "v",
+      Math.min((viewIndex ?? 0) + 1, versions2.length),
+      " / ",
+      versions2.length,
+      " \xB7 ",
+      t("historyNote"),
+      " ",
+      /* @__PURE__ */ jsx("button", { onClick: () => setViewIndex(null), children: t("backToLatest") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `cv-body${shown.type === "table" || shown.type === "pdf" ? " cv-body--flush" : ""}${viewingHistory ? " cv-body--history" : ""}`,
+        ref: bodyRef,
+        "aria-readonly": viewingHistory || void 0,
+        children: Renderer ? /* @__PURE__ */ jsx(RendererBoundary, { resetKey: `${shown.id}:${shown.version}`, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "cv-fallback", children: t("loading") }), children: /* @__PURE__ */ jsx(Renderer, { artifact: shown }) }) }) : /* @__PURE__ */ jsxs("div", { className: "cv-fallback", children: [
+          t("noRenderer"),
+          " \u201C",
+          shown.type,
+          "\u201D."
+        ] })
+      }
+    )
   ] });
 }
 function UndoRedo() {
+  const t = useT();
   const undo = useCanvasStore((s) => s.undo);
   const redo = useCanvasStore((s) => s.redo);
   const canUndo = useCanvasStore((s) => s.undoStack.length > 0);
@@ -2917,29 +5318,65 @@ function UndoRedo() {
     return () => window.removeEventListener("keydown", onKey);
   }, [undo, redo]);
   return /* @__PURE__ */ jsxs("div", { className: "cv-undo", role: "group", "aria-label": "Undo and redo", children: [
-    /* @__PURE__ */ jsx("button", { onClick: undo, disabled: !canUndo, title: "Undo (\u2318Z)", "aria-label": "Undo", children: "\u21B6" }),
-    /* @__PURE__ */ jsx("button", { onClick: redo, disabled: !canRedo, title: "Redo (\u2318\u21E7Z)", "aria-label": "Redo", children: "\u21B7" })
+    /* @__PURE__ */ jsx("button", { onClick: undo, disabled: !canUndo, title: `${t("undo")} (\u2318Z)`, "aria-label": t("undo"), children: "\u21B6" }),
+    /* @__PURE__ */ jsx("button", { onClick: redo, disabled: !canRedo, title: `${t("redo")} (\u2318\u21E7Z)`, "aria-label": t("redo"), children: "\u21B7" })
   ] });
 }
-function VersionRail({ total, index, onSelect }) {
-  return /* @__PURE__ */ jsxs("div", { className: "cv-versions", role: "group", "aria-label": "Version history", children: [
-    /* @__PURE__ */ jsx("button", { className: "cv-versions__nav", disabled: index === 0, onClick: () => onSelect(index - 1), "aria-label": "Previous version", children: "\u2039" }),
-    /* @__PURE__ */ jsxs("span", { className: "cv-versions__label", children: [
-      "v",
-      index + 1,
-      " / ",
-      total
-    ] }),
+function VersionHistory({
+  versions: versions2,
+  index,
+  onSelect
+}) {
+  const t = useT();
+  const [open, setOpen] = useState(false);
+  const total = versions2.length;
+  const pick = (i) => {
+    setOpen(false);
+    onSelect(i);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "cv-versions", role: "group", "aria-label": t("versionHistory"), children: [
+    /* @__PURE__ */ jsx("button", { className: "cv-versions__nav", disabled: index === 0, onClick: () => pick(index - 1), "aria-label": t("prevVersion"), children: "\u2039" }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "cv-versions__label",
+        "aria-expanded": open,
+        "aria-label": "Open version history",
+        onClick: () => setOpen((v) => !v),
+        children: [
+          "v",
+          index + 1,
+          " / ",
+          total
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       "button",
       {
         className: "cv-versions__nav",
         disabled: index === total - 1,
-        onClick: () => onSelect(index + 1),
-        "aria-label": "Next version",
+        onClick: () => pick(index + 1),
+        "aria-label": t("nextVersion"),
         children: "\u203A"
       }
-    )
+    ),
+    open && /* @__PURE__ */ jsx("ul", { className: "cv-versions__list", role: "listbox", "aria-label": "Versions", children: versions2.map((snapshot, i) => ({ snapshot, i })).reverse().map(({ snapshot, i }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        role: "option",
+        "aria-selected": i === index,
+        className: i === index ? "is-current" : void 0,
+        onClick: () => pick(i),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "cv-versions__v", children: [
+            "v",
+            i + 1
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "cv-versions__desc", children: typeof snapshot.meta?.commitDescription === "string" ? snapshot.meta.commitDescription : "Snapshot" })
+        ]
+      }
+    ) }, i)) })
   ] });
 }
 function StatusBadge({ status }) {
@@ -2972,11 +5409,12 @@ function EmptyState({ onOpenFiles }) {
   ] });
 }
 var TYPE_META = {
-  html: { icon: "\u{1F310}", label: "Web page" },
-  document: { icon: "\u{1F4C4}", label: "Word document" },
-  chart: { icon: "\u{1F4CA}", label: "Chart" },
-  table: { icon: "\u{1F522}", label: "Excel sheet" },
-  slides: { icon: "\u{1F4FD}\uFE0F", label: "PowerPoint deck" }
+  html: { icon: "\u{1F310}", label: "kindWeb" },
+  document: { icon: "\u{1F4C4}", label: "kindDocument" },
+  chart: { icon: "\u{1F4CA}", label: "kindChart" },
+  table: { icon: "\u{1F522}", label: "kindTable" },
+  slides: { icon: "\u{1F4FD}\uFE0F", label: "kindSlides" },
+  pdf: { icon: "\u{1F4D5}", label: "kindPdf" }
 };
 var KIND_META = {
   web: TYPE_META.html,
@@ -2987,14 +5425,16 @@ var KIND_META = {
   table: TYPE_META.table,
   sheet: TYPE_META.table,
   slide: TYPE_META.slides,
-  slides: TYPE_META.slides
+  slides: TYPE_META.slides,
+  pdf: TYPE_META.pdf
 };
 function resolveCardMeta(artifact2) {
   const kind = typeof artifact2.meta?.kind === "string" ? artifact2.meta.kind : void 0;
   const byKind = kind ? KIND_META[kind] : void 0;
-  return byKind ?? TYPE_META[artifact2.type] ?? { icon: "\u{1F4CE}", label: artifact2.type };
+  return byKind ?? TYPE_META[artifact2.type] ?? { icon: "\u{1F4CE}" };
 }
 function ArtifactCard({ artifactId }) {
+  const t = useT();
   const artifact2 = useCanvasStore((s) => s.canvas.artifacts[artifactId]);
   const setActive = useCanvasStore((s) => s.setActiveArtifact);
   if (!artifact2) return null;
@@ -3004,12 +5444,12 @@ function ArtifactCard({ artifactId }) {
     /* @__PURE__ */ jsxs("span", { className: "cv-card__meta", children: [
       /* @__PURE__ */ jsx("b", { children: artifact2.title }),
       /* @__PURE__ */ jsxs("span", { children: [
-        meta.label,
+        meta.label ? t(meta.label) : artifact2.type,
         " \xB7 ",
-        artifact2.status === "streaming" ? "writing\u2026" : "open \u2192"
+        artifact2.status === "streaming" ? t("writing") : t("open")
       ] })
     ] })
   ] });
 }
-export { ArtifactCard, Canvas, CanvasRegistryProvider, ChartRenderer, DocumentRenderer, ExportMenu, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, STYLE_PROPS, SelectionBar, SlidesRenderer, StylePanel, TableRenderer, builtinRenderers, canImport, dataExporters, downloadBlob, importFile, mergeRegistries, mockStream, parseCsv, parseSSE, printToPdf, scenarios, slidesToPrintHtml, slugify, streamChat, toStandaloneHtml, useCanvasImport, useCanvasReplay, useCanvasStream, useRenderer, withInspector };
+export { ArtifactCard, Canvas, CanvasRegistryProvider, ChartRenderer, DocumentRenderer, ExportMenu, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, PdfRenderer, STYLE_PROPS, SelectionBar, SlidesRenderer, StylePanel, TableRenderer, builtinRenderers, canImport, dataExporters, downloadBlob, importFile, mergeRegistries, mockStream, parseCsv, parseSSE, printToPdf, scenarios, slidesToPrintHtml, slugify, streamChat, toStandaloneHtml, useCanvasImport, useCanvasReplay, useCanvasSave, useCanvasStream, useRenderer, withInspector };