@braincrew-lab/langchain-canvas 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,12 +1,14 @@
 "use client";
+import { projectSheetIntoRows, mergeRowsIntoSheet } from './chunk-IFNRLN4Y.js';
 import { loadOptional } from './chunk-YZZSJJMQ.js';
-import { resolveElements } from './chunk-6L3AL6W4.js';
-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 { deckPage, resolveElements } from './chunk-SE6AP3A7.js';
+export { useAssetUrl } from './chunk-FTNRRJ3K.js';
+import { inlineArtifactAssets, inlineHtmlAssets } from './chunk-7T5DRR3F.js';
+export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl } from './chunk-7T5DRR3F.js';
+export { useArtifactPatch } from './chunk-K2UZAYW2.js';
+import { useCanvasStoreApi, useCanvasStore } from './chunk-EHW446VF.js';
+export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-EHW446VF.js';
+import { createContext, lazy, useMemo, useRef, useCallback, useEffect, useContext, useState, Suspense, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/client/sse-client.ts
@@ -63,9 +65,10 @@ function parseFrame(frame) {
 
 // src/client/inspector.ts
 var INSPECTOR_MARK = "langchain-canvas";
-function withInspector(html) {
+function withInspector(html, assetBaseUrl) {
   let out = withViewport(html);
-  const injection = `<style data-lcx>${INSPECTOR_CSS}</style><script data-lcx>${INSPECTOR_SCRIPT}</script>`;
+  const config = assetBaseUrl ? `<script data-lcx>window.__LCX_ASSET_BASE=${JSON.stringify(assetBaseUrl)}</script>` : "";
+  const injection = `<style data-lcx>${INSPECTOR_CSS}</style>${config}<script data-lcx>${INSPECTOR_SCRIPT}</script>`;
   const marker = "</body>";
   const at = out.lastIndexOf(marker);
   out = at === -1 ? out + injection : out.slice(0, at) + injection + out.slice(at);
@@ -133,6 +136,33 @@ var INSPECTOR_SCRIPT = `
     el.removeAttribute("contenteditable");
     if (el.classList) { el.classList.remove("lcx-hover"); el.classList.remove("lcx-selected"); }
     if (el.getAttribute && el.getAttribute("class") === "") el.removeAttribute("class");
+    // A display-resolved asset src goes back to its stored relative form.
+    var orig = el.getAttribute && el.getAttribute("data-lcx-src");
+    if (orig) { el.setAttribute("src", orig); el.removeAttribute("data-lcx-src"); }
+  }
+  // --- canvas-asset references: resolve for display, keep the source relative ---
+  var ASSET_BASE = window.__LCX_ASSET_BASE || "";
+  var ASSET_REF = /^(?:\\.\\.?\\/)*(?:assets|sources)\\//;
+  // Leading ./ and ../ fold onto the canvas root (assets/ and sources/ exist
+  // only there) \u2014 same lenient reading as canvasAssets.normalizeAssetReference.
+  function foldAssetRef(s) {
+    while (s.lastIndexOf("./", 0) === 0 || s.lastIndexOf("../", 0) === 0) {
+      s = s.lastIndexOf("./", 0) === 0 ? s.slice(2) : s.slice(3);
+    }
+    return s;
+  }
+  function rewriteAssetSrcs() {
+    if (!ASSET_BASE) return;
+    var imgs = document.querySelectorAll("img[src]");
+    for (var i = 0; i < imgs.length; i++) {
+      var el = imgs[i];
+      if (el.hasAttribute("data-lcx-src")) continue;
+      var src = el.getAttribute("src") || "";
+      if (ASSET_REF.test(src)) {
+        el.setAttribute("data-lcx-src", src);
+        el.setAttribute("src", ASSET_BASE + encodeURIComponent(foldAssetRef(src)));
+      }
+    }
   }
   function emitEdit(el) {
     // Serialize the *canonical* HTML \u2014 strip the inspector's own injected
@@ -140,7 +170,7 @@ var INSPECTOR_SCRIPT = `
     var cid = el.getAttribute("data-cid");
     var clone = el.cloneNode(true);
     scrub(clone);
-    var inner = clone.querySelectorAll ? clone.querySelectorAll("[data-cid],[contenteditable],.lcx-hover,.lcx-selected") : [];
+    var inner = clone.querySelectorAll ? clone.querySelectorAll("[data-cid],[contenteditable],[data-lcx-src],.lcx-hover,.lcx-selected") : [];
     for (var i = 0; i < inner.length; i++) scrub(inner[i]);
     parent.postMessage({ source: MARK, type: "node_edit", cid: cid, html: clone.outerHTML }, "*");
   }
@@ -155,51 +185,20 @@ var INSPECTOR_SCRIPT = `
     var clone = document.documentElement.cloneNode(true);
     var injected = clone.querySelectorAll("[data-lcx]");
     for (var i = 0; i < injected.length; i++) injected[i].parentNode && injected[i].parentNode.removeChild(injected[i]);
-    var marked = clone.querySelectorAll("[data-cid],[contenteditable],.lcx-hover,.lcx-selected");
+    var marked = clone.querySelectorAll("[data-cid],[contenteditable],[data-lcx-src],.lcx-hover,.lcx-selected");
     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";
-      // 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 === "button") el.textContent = "Button";
     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";
-      // 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");
-    }
+    else el.textContent = tag === "h1" || tag === "h2" ? "New heading" : "New text";
     return el;
   }
   // Floating rich-text toolbar shown while a text element is being edited.
@@ -289,6 +288,15 @@ var INSPECTOR_SCRIPT = `
   }
   function start() {
     assign(document.body, "e");
+    // Resolve asset references now and after any change (insert_html, set_src,
+    // duplicate). Idempotent: rewritten images carry data-lcx-src and are
+    // skipped, so the observer settles after one pass.
+    rewriteAssetSrcs();
+    if (ASSET_BASE) {
+      new MutationObserver(rewriteAssetSrcs).observe(document.documentElement, {
+        subtree: true, childList: true, attributes: true, attributeFilter: ["src"]
+      });
+    }
     var hovered = null;
     var selected = [];               // currently highlighted elements
     var marquee = null, sx = 0, sy = 0, dragging = false, moved = false, suppressClick = false;
@@ -296,31 +304,16 @@ 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, parentMutated = false;
+    var dragEls = null, dragStart = null, dragBases = null, groupSeq = 0;
 
     function ensurePositioned(parent) {
-      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);
+      if (!parent || parent === document.body || parent === document.documentElement) return;
+      if (window.getComputedStyle(parent).position === "static") parent.style.position = "relative";
     }
     // 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);
@@ -343,16 +336,13 @@ 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. 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.
+    // only if the parent has collapsed to zero on that axis.
     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 = Math.round(curTop) + "px";
+        b.el.style.top = pr.height ? ((curTop / pr.height) * 100).toFixed(3) + "%" : curTop + "px";
         if (pr.width) b.el.style.width = ((b.w / pr.width) * 100).toFixed(3) + "%";
       }
     }
@@ -509,8 +499,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 (or a repositioned parent) \u2192 a self-applied doc_edit.
-          commitDrag(els);
+          // several \u2192 a self-applied doc_edit.
+          if (els.length === 1) emitEdit(els[0]); else emitDoc(true);
         }
         dragBases = null;
         return;
@@ -561,7 +551,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(); commitDrag(els); }
+        if (moved && dragBases) { commitFree(); if (els.length === 1) emitEdit(els[0]); else emitDoc(true); }
         dragBases = null;
       }
       if (dragging) {
@@ -632,15 +622,20 @@ var INSPECTOR_SCRIPT = `
         if (root && d.style) { for (var sk in d.style) { try { root.style[sk] = d.style[sk]; } catch (_e) {} } emitDoc(); }
         return;
       }
-      if (d.type === "set_src") { var ei = byCid(d.cid); if (ei) { ei.setAttribute("src", d.value); emitEdit(ei); } return; }
+      if (d.type === "set_src") {
+        var ei = byCid(d.cid);
+        if (ei) {
+          // Drop stale asset bookkeeping first, or scrub would restore the old
+          // src over the new one. The observer re-resolves if the new value is
+          // itself an asset reference.
+          ei.removeAttribute("data-lcx-src");
+          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");
@@ -648,7 +643,7 @@ var INSPECTOR_SCRIPT = `
         if (anchor && anchor.parentNode && anchor.parentNode !== document.documentElement) {
           anchor.parentNode.insertBefore(block, anchor.nextSibling);
         } else {
-          insertRoot().appendChild(block);
+          document.body.appendChild(block);
         }
         emitDoc();
         return;
@@ -656,7 +651,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 : insertRoot();
+        var container = (anc && anc.parentNode && anc.parentNode !== document.documentElement) ? anc.parentNode : document.body;
         var ref = (anc && anc.parentNode === container) ? anc.nextSibling : null;
         var frag = document.createElement("div");
         frag.innerHTML = d.html || "";
@@ -671,16 +666,7 @@ 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;
-        // 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);
+        var gid = "g" + (groupSeq++);
         for (var w = 0; w < members.length; w++) members[w].setAttribute("data-group-id", gid);
         clearSelected();
         emitDoc();
@@ -737,8 +723,41 @@ async function* mockStream(events, options = {}) {
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
-function useCanvasStream(options = {}) {
+
+// src/transports/sse.ts
+function sseTransport(options = {}) {
   const endpoint = options.endpoint ?? "/api/chat";
+  return {
+    stream(request) {
+      const streamOptions = { signal: request.signal, headers: options.headers };
+      return streamChat(
+        endpoint,
+        { threadId: request.threadId, message: request.message, selections: request.selections },
+        streamOptions
+      );
+    }
+  };
+}
+
+// src/transports/mock.ts
+function mockTransport(script, fallback, options = {}) {
+  return {
+    stream(request) {
+      const events = script(request.message);
+      if (events) {
+        return mockStream(events, { delayMs: options.delayMs ?? 60, signal: request.signal });
+      }
+      if (fallback) return fallback.stream(request);
+      return mockStream([], { delayMs: 0 });
+    }
+  };
+}
+function useCanvasStream(options = {}) {
+  const { transport: customTransport, endpoint, mock } = options;
+  const transport = useMemo(() => {
+    const base = customTransport ?? sseTransport({ endpoint });
+    return mock ? mockTransport(mock, base) : base;
+  }, [customTransport, endpoint, mock]);
   const threadIdRef = useRef(options.threadId ?? crypto.randomUUID());
   const abortRef = useRef(null);
   const api = useCanvasStoreApi();
@@ -777,12 +796,12 @@ function useCanvasStream(options = {}) {
       const controller = new AbortController();
       abortRef.current = controller;
       try {
-        const mockEvents = options.mock?.(text) ?? null;
-        const stream = mockEvents ? mockStream(mockEvents, { delayMs: 60, signal: controller.signal }) : streamChat(
-          endpoint,
-          { threadId: threadIdRef.current, message: text, selections: withSelections },
-          { signal: controller.signal }
-        );
+        const stream = transport.stream({
+          threadId: threadIdRef.current,
+          message: text,
+          selections: withSelections,
+          signal: controller.signal
+        });
         for await (const event of stream) {
           enqueue(event);
         }
@@ -795,7 +814,7 @@ function useCanvasStream(options = {}) {
         api.getState().setStreaming(false);
       }
     },
-    [api, endpoint, enqueue, flush, options.mock]
+    [api, transport, enqueue, flush]
   );
   const stop = useCallback(() => abortRef.current?.abort(), []);
   const reset = useCallback(() => api.getState().reset(), [api]);
@@ -843,7 +862,7 @@ function useCanvasReplay() {
           api.getState().applyEvent(event);
         }
       } finally {
-        if (abortRef.current === controller) api.getState().setStreaming(false);
+        api.getState().setStreaming(false);
       }
     },
     [api]
@@ -1081,82 +1100,7 @@ var versions = {
     { 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 scenarios = [htmlPage, document2, chart, table, slides, versions];
 var RegistryContext = createContext({});
 function CanvasRegistryProvider({ registry, children }) {
   return /* @__PURE__ */ jsx(RegistryContext.Provider, { value: registry, children });
@@ -1302,202 +1246,40 @@ 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 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})`;
+  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}`;
   return out;
 }
-var EXCEL_EPOCH_MS = Date.UTC(1899, 11, 30);
 function formatDate(d, numFmt) {
-  const fmt = numFmt && numFmt !== "General" && /[ymdhs]/i.test(numFmt) ? splitSections(numFmt)[0] : "yyyy-mm-dd";
+  const fmt = numFmt && numFmt !== "General" && /[ymdhs]/i.test(numFmt) ? numFmt : "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.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())
+    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())
   };
-  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;
+  return fmt.replace(/yyyy|yy|mmmm|mmm|mm|m|dd|d|hh|h|ss/g, (t) => map[t] ?? t);
 }
 function cellValue(cell) {
   const raw = cell.value;
@@ -1696,7 +1478,6 @@ 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);
   }
@@ -1739,1670 +1520,8 @@ 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",
-  ".pdf",
-  ".hwpx",
-  ".hwp",
-  ".docx",
-  ".pptx"
-];
+var IMPORTABLE_EXTENSIONS = [".csv", ".md", ".markdown", ".txt", ".html", ".htm", ".json", ".xlsx"];
 var extensionOf = (name) => {
   const dot = name.lastIndexOf(".");
   return dot === -1 ? "" : name.slice(dot).toLowerCase();
@@ -3443,26 +1562,6 @@ 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(", ")}`);
   }
@@ -3470,14 +1569,6 @@ 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 {
@@ -3550,8 +1641,6 @@ 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" },
@@ -3797,8 +1886,8 @@ function checkA11y(html) {
   if (!doc.querySelector("h1")) issues.push("No <h1> \u2014 every page needs one top-level heading");
   return issues;
 }
-var SLIDE_H = 720;
-var SCROLL_FIX = "<style data-lcx>html,body{overflow:auto!important;height:auto!important;min-height:100%!important}</style>";
+var SLIDE_W = 1280;
+var SCROLL_FIX = "<style>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);
@@ -3806,7 +1895,7 @@ function withScrollableBody(html) {
 function useSlideFit(ratio, boxRef) {
   const [scale, setScale] = useState(1);
   const [rw, rh] = (ratio ?? "16:9").split(/[:x/]/).map(Number);
-  const width = rw && rh ? Math.round(SLIDE_H * rw / rh) : 1280;
+  const height = rw && rh ? Math.round(SLIDE_W * rh / rw) : 720;
   useEffect(() => {
     if (!ratio) return;
     const el = boxRef.current;
@@ -3814,17 +1903,16 @@ function useSlideFit(ratio, boxRef) {
     const fit = () => {
       const w = el.clientWidth;
       if (w <= 40) return;
-      setScale(Math.min(1, (w - 40) / width));
+      setScale(Math.min(1, (w - 40) / SLIDE_W));
     };
     fit();
     const ro = new ResizeObserver(fit);
     ro.observe(el);
     return () => ro.disconnect();
-  }, [ratio, width]);
-  return { scale, width, height: SLIDE_H };
+  }, [ratio, height]);
+  return { scale, width: SLIDE_W, height };
 }
 function HtmlRenderer({ artifact: artifact2 }) {
-  const t = useT();
   const iframeRef = useRef(null);
   const imgFileRef = useRef(null);
   const bgFileRef = useRef(null);
@@ -3835,6 +1923,7 @@ function HtmlRenderer({ artifact: artifact2 }) {
   const sendIframeCommand = useCanvasStore((s) => s.sendIframeCommand);
   const selections = useCanvasStore((s) => s.selections);
   const iframeCommand = useCanvasStore((s) => s.iframeCommand);
+  const assetBaseUrl = useCanvasStore((s) => s.assetBaseUrl);
   const [device, setDevice] = useState("desktop");
   const [mode, setMode] = useState("design");
   const [a11y, setA11y] = useState(null);
@@ -3843,11 +1932,11 @@ function HtmlRenderer({ artifact: artifact2 }) {
   const isFixedSlide = Boolean(artifact2.meta?.ratio);
   const srcDoc = useMemo(() => {
     if (mode === "design" && artifact2.data.html === lastSelfHtml.current) return srcDocRef.current;
-    const base = withInspector(artifact2.data.html);
+    const base = withInspector(artifact2.data.html, assetBaseUrl ?? void 0);
     srcDocRef.current = isFixedSlide ? base : withScrollableBody(base);
     lastSelfHtml.current = null;
     return srcDocRef.current;
-  }, [artifact2.data.html, mode, isFixedSlide]);
+  }, [artifact2.data.html, mode, isFixedSlide, assetBaseUrl]);
   const selected = selections.filter((s) => s.artifactId === artifact2.id);
   const single = selected.length === 1 ? selected[0] : null;
   const outline = useMemo(() => {
@@ -3924,7 +2013,6 @@ 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) => {
@@ -3937,30 +2025,26 @@ function HtmlRenderer({ artifact: artifact2 }) {
     } }),
     /* @__PURE__ */ jsxs("div", { className: "cv-html-bar cv-chrome", children: [
       mode === "design" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !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)) }),
+        !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)) }),
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" })
         ] }),
-        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__ */ 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: [
           /* @__PURE__ */ jsxs(
             "select",
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("pageTemplateTitle"),
+              title: "Start from a full page template (replaces the page)",
               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: t("pageMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Page\u2026" }),
                 Object.entries(STARTERS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -3970,14 +2054,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("sectionTemplateTitle"),
+              title: "Insert a section template",
               onChange: (e) => {
-                const t2 = TEMPLATES[e.target.value];
-                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
+                const t = TEMPLATES[e.target.value];
+                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("sectionMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Section\u2026" }),
                 Object.entries(TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -3987,51 +2071,34 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("jumpToHeading"),
+              title: "Jump to a heading",
               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") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Outline\u2026" }),
                 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: t("a11yTitle"), onClick: () => setA11y(checkA11y(artifact2.data.html)), children: "\u267F Check" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Accessibility check", 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: t("insertSlideLayout"),
+              title: "Insert a slide layout",
               onChange: (e) => {
-                const t2 = SLIDE_TEMPLATES[e.target.value];
-                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
+                const t = SLIDE_TEMPLATES[e.target.value];
+                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("layoutMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Layout\u2026" }),
                 Object.entries(SLIDE_TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -4041,14 +2108,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("applySlideTheme"),
+              title: "Apply a slide theme",
               onChange: (e) => {
-                const t2 = SLIDE_THEMES[e.target.value];
-                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t2.style });
+                const t = SLIDE_THEMES[e.target.value];
+                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t.style });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("themeMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Theme\u2026" }),
                 Object.entries(SLIDE_THEMES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -4058,14 +2125,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("insertShape"),
+              title: "Insert a shape",
               onChange: (e) => {
-                const t2 = SLIDE_SHAPES[e.target.value];
-                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
+                const t = SLIDE_SHAPES[e.target.value];
+                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("shapeMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Shape\u2026" }),
                 Object.entries(SLIDE_SHAPES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -4075,19 +2142,19 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: t("slideFont"),
+              title: "Slide font",
               onChange: (e) => {
                 const f = SLIDE_FONTS[e.target.value];
                 if (f) setSlideStyle({ fontFamily: f.stack });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("fontMenu") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: "Font\u2026" }),
                 Object.entries(SLIDE_FONTS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
           ),
-          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: t("slideBgImage"), onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Slide background image", onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
         ] }),
         selected.length >= 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" }),
@@ -4117,33 +2184,33 @@ function HtmlRenderer({ artifact: artifact2 }) {
             )
           ] }),
           single && single.tag !== "img" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__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" })
+            /* @__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" })
           ] }),
           single && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__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("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("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: t("design") }),
-        /* @__PURE__ */ jsx("button", { className: mode === "code" ? "is-on" : "", onClick: () => setMode("code"), children: t("code") })
+        /* @__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" })
       ] })
     ] }),
     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: t("a11yNone") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      a11y.length === 0 ? /* @__PURE__ */ jsx("span", { className: "cv-a11y__ok", children: "\u267F No accessibility issues found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("b", { children: [
           "\u267F ",
           a11y.length,
-          " ",
-          t("a11yIssues")
+          " accessibility issue",
+          a11y.length > 1 ? "s" : ""
         ] }),
         /* @__PURE__ */ jsx("ul", { children: a11y.map((m, i) => /* @__PURE__ */ jsx("li", { children: m }, i)) })
       ] })
@@ -4173,48 +2240,33 @@ function HtmlRenderer({ artifact: artifact2 }) {
         sandbox: "allow-scripts allow-popups allow-modals",
         style: { width: DEVICES.find((d) => d.id === device).width }
       }
-    ) }) : /* @__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);
+    ) }) : /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: "cv-html-code",
+        defaultValue: artifact2.data.html,
+        spellCheck: false,
+        onBlur: (e) => commitCode(e.target.value),
+        "aria-label": "HTML source"
       },
-      "aria-label": "HTML source"
-    }
-  );
+      artifact2.data.html
+    )
+  ] });
 }
 
 // src/components/renderers/index.ts
-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 ChartRenderer = lazy(() => import('./ChartRenderer-JGRJ23OB.js').then((m) => ({ default: m.ChartRenderer })));
+var DocumentRenderer = lazy(() => import('./DocumentRenderer-ZQDQMX7X.js').then((m) => ({ default: m.DocumentRenderer })));
+var TableRenderer = lazy(() => import('./TableRenderer-3ESF577F.js').then((m) => ({ default: m.TableRenderer })));
+var SlidesRenderer = lazy(() => import('./SlidesRenderer-4TZNTSEL.js').then((m) => ({ default: m.SlidesRenderer })));
+var FileRenderer = lazy(() => import('./FileRenderer-3ZHNORZJ.js').then((m) => ({ default: m.FileRenderer })));
 var builtinRenderers = {
   html: HtmlRenderer,
   document: DocumentRenderer,
   chart: ChartRenderer,
   table: TableRenderer,
   slides: SlidesRenderer,
-  pdf: PdfRenderer
+  file: FileRenderer
 };
 
 // src/export/download.ts
@@ -4233,232 +2285,6 @@ 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",
@@ -4471,8 +2297,7 @@ 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: "\uD55C\uAE00 (HWPX)", extension: "hwpx", mime: "application/vnd.hancom.hwpx", build: (a) => documentToHwpx(a.data) }
+    { label: "Word", extension: "docx", mime: MIME.docx, build: (a) => documentToDocx(a.data) }
   ],
   table: [
     { label: "CSV", extension: "csv", mime: MIME.csv, build: (a) => tableToCsv(a.data) },
@@ -4491,7 +2316,7 @@ function toStandaloneHtml(title, renderedHtml) {
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>${escapeHtml2(title)}</title>
+<title>${escapeHtml(title)}</title>
 <style>${EXPORT_CSS}</style>
 </head>
 <body>
@@ -4502,43 +2327,38 @@ ${renderedHtml}
 </html>`;
 }
 function tableToCsv(data) {
-  if (data.sheet?.length) return fortuneToCsv(data.sheet[0]);
+  const rows = data.sheet?.length ? projectSheetIntoRows(data.columns, data.rows, data.sheet) : data.rows;
   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");
+  const body = 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();
   if (data.sheet?.length) {
-    fortuneToWorkbook(workbook, data.sheet);
+    const { computeFormulas } = await import('./formula-27TCEZI5.js');
+    const merged = mergeRowsIntoSheet(
+      data.columns,
+      data.rows,
+      data.sheet,
+      await computeFormulas(data.columns, data.rows)
+    );
+    fortuneToWorkbook(workbook, merged);
   } else {
     const sheet = workbook.addWorksheet("Sheet1");
     sheet.addRow(data.columns.map((c) => c.label ?? c.key));
-    for (const row of data.rows) sheet.addRow(data.columns.map((c) => row[c.key] ?? ""));
+    const { computeFormulas } = await import('./formula-27TCEZI5.js');
+    const results = await computeFormulas(data.columns, data.rows);
+    data.rows.forEach((row, dataIdx) => {
+      sheet.addRow(
+        data.columns.map((c, colIdx) => {
+          const v = row[c.key] ?? "";
+          if (typeof v !== "string" || !v.startsWith("=")) return v;
+          return { formula: v.slice(1), result: results.get(`${dataIdx + 1},${colIdx}`) };
+        })
+      );
+    });
     sheet.getRow(1).font = { bold: true };
   }
   return workbook.xlsx.writeBuffer();
@@ -4551,7 +2371,8 @@ function fortuneToWorkbook(workbook, sheets) {
       const v = cell.v;
       const value = v && typeof v === "object" ? v.v ?? v.m ?? null : v;
       const xc = ws.getCell(cell.r + 1, cell.c + 1);
-      xc.value = value;
+      const formula = v && typeof v === "object" && typeof v.f === "string" ? v.f : null;
+      xc.value = formula ? { formula: formula.replace(/^=/, ""), result: value ?? void 0 } : value;
       if (v && typeof v === "object") {
         if (v.bl) xc.font = { ...xc.font, bold: true };
         if (v.it) xc.font = { ...xc.font, italic: true };
@@ -4593,10 +2414,9 @@ async function documentToDocx(data) {
 async function slidesToPptx(data, _title) {
   const PptxGenJS = (await loadOptional("pptxgenjs", () => import('pptxgenjs'))).default;
   const pptx = new PptxGenJS();
-  const W = 13.333;
-  const H = 7.5;
-  pptx.defineLayout({ name: "CV_16x9", width: W, height: H });
-  pptx.layout = "CV_16x9";
+  const { widthIn: W, heightIn: H } = deckPage(data);
+  pptx.defineLayout({ name: "CV_PAGE", width: W, height: H });
+  pptx.layout = "CV_PAGE";
   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("#", "") };
@@ -4605,28 +2425,18 @@ 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, ...spin, fontSize: (el.fontSize ?? 24) * 0.75, bold: !!el.bold, align: el.align ?? "left", ...color ? { color } : {} });
+        s.addText(el.text ?? "", { ...box, 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, ...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 });
+          s.addShape(pptx.ShapeType.line, { ...box, line: { color: fill, width: 2 } });
         } else {
-          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, ...spin, ...paint });
+          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, fill: { color: fill } });
         }
       } else if (el.src) {
-        s.addImage({
-          data: el.src,
-          ...box,
-          ...spin,
-          sizing: { type: el.fit === "cover" ? "cover" : "contain", w: box.w, h: box.h },
-          ...el.radius ? { rounding: true } : {}
-        });
+        s.addImage({ data: el.src, ...box, sizing: { type: "contain", w: box.w, h: box.h } });
       }
     }
     if (slide.notes) s.addNotes(slide.notes);
@@ -4635,38 +2445,36 @@ async function slidesToPptx(data, _title) {
 }
 function slidesToPrintHtml(data, title) {
   const slides2 = data.slides.length ? data.slides : [{ title: "Empty deck" }];
+  const page = deckPage(data);
+  const pw = Math.round(page.widthIn * 128);
+  const ph = Math.round(page.heightIn * 128);
   const pages = slides2.map((slide) => {
     const bg = slide.background ?? "#ffffff";
     const fg = slide.textColor ?? "#1f2328";
     const els = resolveElements(slide).map((el) => {
-      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}`;
+      const box = `left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%`;
       if (el.type === "text") {
-        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>`;
+        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>`;
       }
       if (el.type === "shape") {
-        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 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 src = safeSrc(el.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)}"/>` : "";
+      return src ? `<img class="el" style="${box}" 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>${escapeXml2(title)}</title><style>
-    @page { size: 1280px 720px; margin: 0; }
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${escapeXml(title)}</title><style>
+    @page { size: ${pw}px ${ph}px; 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.2; }
-    /* PowerPoint lets text paint past its box \u2014 only shapes/images clip. */
-    div.el { overflow: visible; }
-    img.el { overflow: hidden; }
+    .slide { position: relative; width: ${pw}px; height: ${ph}px; overflow: hidden; page-break-after: always; }
+    .el { position: absolute; overflow: hidden; line-height: 1.25; }
     img.el { object-fit: contain; }
   </style></head><body>${pages}</body></html>`;
 }
@@ -4677,7 +2485,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 escapeXml2(value) {
+function escapeXml(value) {
   return String(value ?? "").replace(/[&<>]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;" })[c]);
 }
 function escapeAttr(value) {
@@ -4690,7 +2498,7 @@ function safeSrc(src) {
 function csvCell(value) {
   return /[",\n]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
 }
-function escapeHtml2(text) {
+function escapeHtml(text) {
   return text.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
 }
 var EXPORT_CSS = `
@@ -4734,63 +2542,62 @@ 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] ?? [];
-  const exportHtml = () => {
+  const assetBaseUrl = useCanvasStore((s) => s.assetBaseUrl);
+  const prepare = () => inlineArtifactAssets(artifact2, assetBaseUrl);
+  const prepareHtml = (html) => assetBaseUrl ? inlineHtmlAssets(html, assetBaseUrl) : Promise.resolve(html);
+  const exportHtml = async () => {
     if (artifact2.type === "html") {
       const ratio = artifact2.meta?.ratio;
-      const html = artifact2.data.html;
+      const html = (await prepare()).data.html;
       downloadBlob(`${stem}.html`, "text/html", ratio ? htmlSlideToPrintHtml(html, ratio) : html);
     } else {
       const html = getRenderedHtml();
       if (html == null) return;
-      downloadBlob(`${stem}.html`, "text/html", toStandaloneHtml(artifact2.title, html));
+      downloadBlob(`${stem}.html`, "text/html", toStandaloneHtml(artifact2.title, await prepareHtml(html)));
     }
     setOpen(false);
   };
   const exportData = async (option) => {
-    const content = await option.build(artifact2);
+    const content = await option.build(await prepare());
     downloadBlob(`${stem}.${option.extension}`, option.mime, content);
     setOpen(false);
   };
-  const exportPdf = () => {
+  const exportPdf = async () => {
     if (artifact2.type === "slides") {
-      printToPdf(slidesToPrintHtml(artifact2.data, artifact2.title));
+      printToPdf(slidesToPrintHtml((await prepare()).data, artifact2.title));
     } else if (artifact2.type === "html") {
       const ratio = artifact2.meta?.ratio;
-      const html = artifact2.data.html;
+      const html = (await prepare()).data.html;
       printToPdf(ratio ? htmlSlideToPrintHtml(html, ratio) : html);
     } else {
       const html = getRenderedHtml();
       if (html == null) return;
-      printToPdf(toStandaloneHtml(artifact2.title, html));
+      printToPdf(toStandaloneHtml(artifact2.title, await prepareHtml(html)));
     }
     setOpen(false);
   };
-  const openInTab = () => {
-    const html = artifact2.type === "html" ? artifact2.data.html : artifact2.type === "slides" ? slidesToPrintHtml(artifact2.data, artifact2.title) : (() => {
+  const openInTab = async () => {
+    const html = artifact2.type === "html" ? (await prepare()).data.html : artifact2.type === "slides" ? slidesToPrintHtml((await prepare()).data, artifact2.title) : await (async () => {
       const h = getRenderedHtml();
-      return h == null ? null : toStandaloneHtml(artifact2.title, h);
+      return h == null ? null : toStandaloneHtml(artifact2.title, await prepareHtml(h));
     })();
     if (html == null) return;
-    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" }));
+    const url = URL.createObjectURL(new Blob([html], { type: "text/html" }));
     window.open(url, "_blank", "noopener");
     setTimeout(() => URL.revokeObjectURL(url), 1e4);
     setOpen(false);
   };
   const [copied, setCopied] = useState(false);
   const copyHtml = async () => {
-    const html = artifact2.type === "html" ? artifact2.data.html : getRenderedHtml();
+    const html = artifact2.type === "html" ? (await prepare()).data.html : getRenderedHtml();
     if (html == null) return;
     try {
       await navigator.clipboard.writeText(
-        artifact2.type === "html" ? html : toStandaloneHtml(artifact2.title, html)
+        artifact2.type === "html" ? html : toStandaloneHtml(artifact2.title, await prepareHtml(html))
       );
       setCopied(true);
       setTimeout(() => setCopied(false), 1400);
@@ -4805,14 +2612,14 @@ function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
         onClick: () => setOpen((o) => !o),
         "aria-haspopup": "menu",
         "aria-expanded": open,
-        children: t("export")
+        children: "Export \u25BE"
       }
     ),
     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: t("openInTab") }),
-        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: copyHtml, children: copied ? t("copied") : t("copyHtml") }),
+        /* @__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__ */ jsxs("button", { role: "menuitem", onClick: exportHtml, children: [
           "HTML ",
           /* @__PURE__ */ jsx("span", { className: "cv-export__ext", children: ".html" })
@@ -4901,17 +2708,17 @@ var GRADIENTS = [
 function StylePanel({ selection }) {
   const send = useCanvasStore((s) => s.sendIframeCommand);
   const setSelections = useCanvasStore((s) => s.setSelections);
-  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 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 bgFileRef = useRef(null);
   const dirty = useRef(false);
   const setStyle = (prop, value) => {
@@ -5127,8 +2934,10 @@ function toHex2(value) {
   if (!parts || parts.length < 3) return "#000000";
   return "#" + parts.slice(0, 3).map((n) => Number(n).toString(16).padStart(2, "0")).join("");
 }
-function useCanvasImport() {
+function useCanvasImport({ onImported } = {}) {
   const api = useCanvasStoreApi();
+  const imported = useRef(onImported);
+  imported.current = onImported;
   const importFiles = useCallback(
     async (files) => {
       let lastId = null;
@@ -5141,6 +2950,7 @@ function useCanvasImport() {
           if (created && created.type === "canvas.create") {
             lastId = created.artifact.id;
             api.getState().setActiveArtifact(lastId);
+            imported.current?.(created.artifact, file);
           }
         } catch (err) {
           console.error("[langchain-canvas] import failed:", file.name, err);
@@ -5153,16 +2963,38 @@ function useCanvasImport() {
   return { importFiles, canImport };
 }
 var ACCEPT = IMPORTABLE_EXTENSIONS.join(",");
-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 Canvas({
+  registry = builtinRenderers,
+  emptyState,
+  onEditElement,
+  onUserEdit,
+  onSave,
+  onFilesOpened,
+  onImported,
+  assetBaseUrl
+}) {
+  return /* @__PURE__ */ jsx(CanvasRegistryProvider, { registry, children: /* @__PURE__ */ jsx(
+    CanvasPanel,
+    {
+      emptyState,
+      onEditElement,
+      onUserEdit,
+      onSave,
+      onFilesOpened,
+      onImported,
+      assetBaseUrl
+    }
+  ) });
 }
 function CanvasPanel({
   emptyState,
   onEditElement,
   onUserEdit,
-  onSave
+  onSave,
+  onFilesOpened,
+  onImported,
+  assetBaseUrl
 }) {
-  const t = useT();
   const debouncedSave = useCanvasSave(onSave);
   const { artifacts, order, activeId } = useCanvasStore((s) => s.canvas);
   const history = useCanvasStore((s) => s.canvas.history);
@@ -5170,8 +3002,16 @@ function CanvasPanel({
   const selections = useCanvasStore((s) => s.selections);
   const setSelections = useCanvasStore((s) => s.setSelections);
   const setOnUserEdit = useCanvasStore((s) => s.setOnUserEdit);
-  const { importFiles } = useCanvasImport();
+  const setAssetBaseUrl = useCanvasStore((s) => s.setAssetBaseUrl);
+  const { importFiles } = useCanvasImport({ onImported });
   const [dropping, setDropping] = useState(false);
+  useEffect(() => {
+    setAssetBaseUrl(assetBaseUrl ?? null);
+  }, [assetBaseUrl, setAssetBaseUrl]);
+  const openFiles = (files) => {
+    onFilesOpened?.(Array.from(files));
+    void importFiles(files);
+  };
   useEffect(() => {
     if (!onUserEdit && !debouncedSave) {
       setOnUserEdit(null);
@@ -5205,13 +3045,13 @@ function CanvasPanel({
     onDrop: (e) => {
       e.preventDefault();
       setDropping(false);
-      if (e.dataTransfer.files.length) void importFiles(e.dataTransfer.files);
+      if (e.dataTransfer.files.length) openFiles(e.dataTransfer.files);
     }
   };
-  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: t("dropToOpen") }) : null;
+  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: "Drop to open on the canvas" }) : null;
   if (!active) {
     return /* @__PURE__ */ jsxs("aside", { className: "cv-canvas cv-canvas--empty", ...dropProps, children: [
-      emptyState ?? /* @__PURE__ */ jsx(EmptyState, { onOpenFiles: importFiles }),
+      emptyState ?? /* @__PURE__ */ jsx(EmptyState, { onOpenFiles: openFiles, acceptAll: Boolean(onFilesOpened) }),
       dropOverlay
     ] });
   }
@@ -5238,11 +3078,10 @@ function CanvasPanel({
   ] });
 }
 function ArtifactView({ artifact: artifact2, versions: versions2 }) {
-  const t = useT();
   const [viewIndex, setViewIndex] = useState(null);
   const bodyRef = useRef(null);
-  const shown = viewIndex === null ? artifact2 : versions2[Math.min(viewIndex, versions2.length - 1)] ?? artifact2;
-  const viewingHistory = viewIndex !== null && shown !== artifact2;
+  const shown = viewIndex === null ? artifact2 : versions2[viewIndex];
+  const viewingHistory = viewIndex !== null && viewIndex !== versions2.length - 1;
   const Renderer = useRenderer(shown.type);
   const getRenderedHtml = () => {
     const node = bodyRef.current;
@@ -5272,24 +3111,21 @@ function ArtifactView({ artifact: artifact2, versions: versions2 }) {
       ] })
     ] }),
     viewingHistory && /* @__PURE__ */ jsxs("div", { className: "cv-history-banner", role: "status", children: [
-      "v",
-      Math.min((viewIndex ?? 0) + 1, versions2.length),
-      " / ",
+      "Viewing v",
+      (viewIndex ?? 0) + 1,
+      " of ",
       versions2.length,
-      " \xB7 ",
-      t("historyNote"),
+      " \u2014 read-only.",
       " ",
-      /* @__PURE__ */ jsx("button", { onClick: () => setViewIndex(null), children: t("backToLatest") })
+      /* @__PURE__ */ jsx("button", { onClick: () => setViewIndex(null), children: "Back to latest" })
     ] }),
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `cv-body${shown.type === "table" || shown.type === "pdf" ? " cv-body--flush" : ""}${viewingHistory ? " cv-body--history" : ""}`,
+        className: `cv-body${shown.type === "table" ? " 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",
+        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."
         ] })
@@ -5298,7 +3134,6 @@ function ArtifactView({ artifact: artifact2, versions: versions2 }) {
   ] });
 }
 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);
@@ -5318,8 +3153,8 @@ 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: `${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" })
+    /* @__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" })
   ] });
 }
 function VersionHistory({
@@ -5327,15 +3162,14 @@ function VersionHistory({
   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" }),
+  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: () => pick(index - 1), "aria-label": "Previous version", children: "\u2039" }),
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -5357,7 +3191,7 @@ function VersionHistory({
         className: "cv-versions__nav",
         disabled: index === total - 1,
         onClick: () => pick(index + 1),
-        "aria-label": t("nextVersion"),
+        "aria-label": "Next version",
         children: "\u203A"
       }
     ),
@@ -5383,7 +3217,10 @@ function StatusBadge({ status }) {
   const label = status === "streaming" ? "Writing\u2026" : status === "error" ? "Error" : "Ready";
   return /* @__PURE__ */ jsx("span", { className: `cv-badge cv-badge--${status}`, children: label });
 }
-function EmptyState({ onOpenFiles }) {
+function EmptyState({
+  onOpenFiles,
+  acceptAll = false
+}) {
   const inputRef = useRef(null);
   return /* @__PURE__ */ jsxs("div", { className: "cv-empty", children: [
     /* @__PURE__ */ jsx("p", { className: "cv-empty__title", children: "Nothing on the canvas yet" }),
@@ -5395,7 +3232,7 @@ function EmptyState({ onOpenFiles }) {
         {
           ref: inputRef,
           type: "file",
-          accept: ACCEPT,
+          accept: acceptAll ? void 0 : ACCEPT,
           multiple: true,
           hidden: true,
           onChange: (e) => {
@@ -5404,17 +3241,17 @@ function EmptyState({ onOpenFiles }) {
           }
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "cv-empty__formats", children: "CSV \xB7 Excel \xB7 Markdown \xB7 HTML \xB7 JSON" })
+      /* @__PURE__ */ jsx("p", { className: "cv-empty__formats", children: acceptAll ? "Any file \u2014 tables and pages open here, the rest goes to the agent" : "CSV \xB7 Excel \xB7 Markdown \xB7 HTML \xB7 JSON" })
     ] })
   ] });
 }
 var TYPE_META = {
-  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" }
+  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" },
+  file: { icon: "\u{1F4CE}", label: "File" }
 };
 var KIND_META = {
   web: TYPE_META.html,
@@ -5425,16 +3262,14 @@ var KIND_META = {
   table: TYPE_META.table,
   sheet: TYPE_META.table,
   slide: TYPE_META.slides,
-  slides: TYPE_META.slides,
-  pdf: TYPE_META.pdf
+  slides: TYPE_META.slides
 };
 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}" };
+  return byKind ?? TYPE_META[artifact2.type] ?? { icon: "\u{1F4CE}", label: artifact2.type };
 }
 function ArtifactCard({ artifactId }) {
-  const t = useT();
   const artifact2 = useCanvasStore((s) => s.canvas.artifacts[artifactId]);
   const setActive = useCanvasStore((s) => s.setActiveArtifact);
   if (!artifact2) return null;
@@ -5444,12 +3279,12 @@ function ArtifactCard({ artifactId }) {
     /* @__PURE__ */ jsxs("span", { className: "cv-card__meta", children: [
       /* @__PURE__ */ jsx("b", { children: artifact2.title }),
       /* @__PURE__ */ jsxs("span", { children: [
-        meta.label ? t(meta.label) : artifact2.type,
+        meta.label,
         " \xB7 ",
-        artifact2.status === "streaming" ? t("writing") : t("open")
+        artifact2.status === "streaming" ? "writing\u2026" : "open \u2192"
       ] })
     ] })
   ] });
 }
 
-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 };
+export { ArtifactCard, Canvas, CanvasRegistryProvider, ChartRenderer, DocumentRenderer, ExportMenu, FileRenderer, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, STYLE_PROPS, SelectionBar, SlidesRenderer, StylePanel, TableRenderer, builtinRenderers, canImport, dataExporters, downloadBlob, importFile, mergeRegistries, mockStream, mockTransport, parseCsv, parseSSE, printToPdf, scenarios, slidesToPrintHtml, slugify, sseTransport, streamChat, toStandaloneHtml, useCanvasImport, useCanvasReplay, useCanvasSave, useCanvasStream, useRenderer, withInspector };