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

@braincrew-lab/langchain-canvas 0.2.0 → 0.3.0

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

Files changed (15) hide show

package/README.ko.md +23 -11
package/README.md +23 -11
package/dist/{ChartRenderer-AAWVGKV5.js → ChartRenderer-ABRQ5YFN.js} +49 -31
package/dist/{DocumentRenderer-NBRBPYU6.js → DocumentRenderer-YTEMC3Z4.js} +17 -12
package/dist/{PdfRenderer-DPQT4E7O.js → PdfRenderer-GDA67MES.js} +11 -10
package/dist/{SlidesRenderer-6ZGHXTQX.js → SlidesRenderer-JNPXNTNJ.js} +152 -65
package/dist/TableRenderer-BJQE2HMO.js +636 -0
package/dist/{chunk-UL5F66PN.js → chunk-FSFOURG5.js} +1 -1
package/dist/chunk-QMOJEGRH.js +207 -0
package/dist/{chunk-S54GJDSJ.js → chunk-ZLXAWRUP.js} +16 -0
package/dist/index.d.ts +753 -5
package/dist/index.js +1897 -195
package/dist/styles.css +379 -4
package/package.json +26 -2
package/dist/TableRenderer-VKDD3CB6.js +0 -419

package/dist/index.js CHANGED Viewed

@@ -1,10 +1,12 @@
 "use client";
 import { loadOptional } from './chunk-YZZSJJMQ.js';
 import { resolveElements } from './chunk-6L3AL6W4.js';
-export { useArtifactPatch } from './chunk-UL5F66PN.js';
-import { useCanvasStoreApi, useCanvasStore } from './chunk-S54GJDSJ.js';
-export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-S54GJDSJ.js';
-import { createContext, lazy, useRef, useCallback, useEffect, useContext, useState, useMemo, Suspense, Component } from 'react';
+export { useArtifactPatch } from './chunk-FSFOURG5.js';
+import { useCanvasStoreApi, useCanvasStore } from './chunk-ZLXAWRUP.js';
+export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-ZLXAWRUP.js';
+import { useT, CanvasLocaleProvider } from './chunk-QMOJEGRH.js';
+export { CanvasLocaleProvider, useLocale, useT } from './chunk-QMOJEGRH.js';
+import { createContext, lazy, useRef, useCallback, useEffect, useMemo, useContext, useState, Suspense, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/client/sse-client.ts
@@ -850,6 +852,39 @@ function useCanvasReplay() {
   const reset = useCallback(() => api.getState().reset(), [api]);
   return { play, stop, reset, canvas, isPlaying };
 }
+var DEFAULT_DEBOUNCE_MS = 800;
+function useCanvasSave(onSave, debounceMs = DEFAULT_DEBOUNCE_MS) {
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const latest = useRef(/* @__PURE__ */ new Map());
+  const handler = useRef(onSave);
+  handler.current = onSave;
+  const enabled = Boolean(onSave);
+  useEffect(() => {
+    const pending = timers.current;
+    return () => pending.forEach((t) => clearTimeout(t));
+  }, []);
+  return useMemo(() => {
+    if (!enabled) return null;
+    return (artifact2) => {
+      latest.current.set(artifact2.id, artifact2);
+      const existing = timers.current.get(artifact2.id);
+      if (existing) clearTimeout(existing);
+      timers.current.set(
+        artifact2.id,
+        setTimeout(() => {
+          timers.current.delete(artifact2.id);
+          const current = latest.current.get(artifact2.id);
+          if (!current || !handler.current) return;
+          void handler.current({
+            artifactId: current.id,
+            artifact: current,
+            baseRevision: typeof current.meta?.revision === "string" ? current.meta.revision : null
+          });
+        }, debounceMs)
+      );
+    };
+  }, [enabled, debounceMs]);
+}
 // src/fixtures/scenarios.ts
 var PRICING_HTML = `<!doctype html>
@@ -1021,6 +1056,31 @@ var slides = {
     { type: "done" }
   ]
 };
+var VERSIONED_HTML = `<!doctype html><html><body style="font-family:sans-serif;padding:40px">
+<h1>Coffee history</h1><p>From the Ethiopian highlands to the espresso bar.</p>
+</body></html>`;
+var versions = {
+  id: "versions",
+  title: "Version history",
+  description: "An agent builds a page, a user edit and an agent edit each land as described commits \u2014 open the version rail to browse and restore-view snapshots.",
+  events: [
+    { type: "message.delta", messageId: "m1", text: "Built the page \u2014 every change now lands in the version history." },
+    { type: "message.end", messageId: "m1" },
+    {
+      type: "canvas.create",
+      artifact: { id: "page", type: "html", title: "Coffee history", version: 1, status: "streaming", data: { html: VERSIONED_HTML } }
+    },
+    { type: "canvas.status", id: "page", status: "complete" },
+    { type: "canvas.commit", id: "page", description: "Create page", revision: "v1" },
+    // A human tweaks the headline by hand, then saves — one described commit.
+    { type: "canvas.patch", id: "page", patch: { html: VERSIONED_HTML.replace("Coffee history", "A short history of coffee") } },
+    { type: "canvas.commit", id: "page", description: "Manual edit: 1 change", revision: "v2" },
+    // The agent applies a targeted follow-up edit on the current state.
+    { type: "canvas.patch", id: "page", patch: { html: VERSIONED_HTML.replace("Coffee history", "A short history of coffee").replace("espresso bar", "third-wave caf\xE9") } },
+    { type: "canvas.commit", id: "page", description: "Update closing phrase", revision: "v3" },
+    { type: "done" }
+  ]
+};
 var PDF_DATA_URL = "data:application/pdf;base64,JVBERi0xLjQKMSAwIG9iajw8L1R5cGUvQ2F0YWxvZy9QYWdlcyAyIDAgUj4+ZW5kb2JqCjIgMCBvYmo8PC9UeXBlL1BhZ2VzL0tpZHNbMyAwIFJdL0NvdW50IDE+PmVuZG9iagozIDAgb2JqPDwvVHlwZS9QYWdlL1BhcmVudCAyIDAgUi9NZWRpYUJveFswIDAgNjEyIDc5Ml0vQ29udGVudHMgNCAwIFIvUmVzb3VyY2VzPDwvRm9udDw8L0YxIDUgMCBSPj4+Pj4+ZW5kb2JqCjQgMCBvYmo8PC9MZW5ndGggODA+PnN0cmVhbQpCVCAvRjEgMjggVGYgNzIgNzAwIFRkIChsYW5nY2hhaW4tY2FudmFzIFBERiB2aWV3ZXIpIFRqIEVUCmVuZHN0cmVhbQplbmRvYmoKNSAwIG9iajw8L1R5cGUvRm9udC9TdWJ0eXBlL1R5cGUxL0Jhc2VGb250L0hlbHZldGljYT4+ZW5kb2JqCnhyZWYKMCA2CnRyYWlsZXI8PC9TaXplIDYvUm9vdCAxIDAgUj4+CiUlRU9GCg==";
 var pdf = {
   id: "pdf",
@@ -1043,7 +1103,60 @@ var pdf = {
     { type: "done" }
   ]
 };
-var scenarios = [htmlPage, document2, chart, table, slides, pdf];
+var HWP_HTML = `<!doctype html>
+<html lang="ko"><head><meta charset="utf-8"><style>
+  body{margin:0;background:#eceef1;font-family:"Malgun Gothic","\uB9D1\uC740 \uACE0\uB515","Apple SD Gothic Neo",AppleGothic,sans-serif;color:#1a1a1a}
+  .page{max-width:794px;margin:24px auto;padding:96px 72px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.12);line-height:1.7}
+  h1{font-size:22pt;text-align:center;margin:0 0 8px}
+  .stamp{text-align:center;color:#555;font-size:10.5pt;margin:0 0 36px}
+  h2{font-size:14pt;border-bottom:2px solid #2f5597;padding-bottom:4px;margin:28px 0 12px;color:#2f5597}
+  p{margin:0 0 10px;font-size:11pt;text-align:justify}
+  table{border-collapse:collapse;width:100%;margin:12px 0;font-size:10.5pt}
+  th{background:#dbe5f1;border:1px solid #666;padding:7px 10px}
+  td{border:1px solid #666;padding:7px 10px}
+  .sign{margin-top:48px;text-align:right;font-size:12pt}
+  .red{color:#c00000;font-weight:700}
+</style></head>
+<body><div class="page">
+  <h1>\uC0AC\uC5C5 \uC218\uD589 \uACC4\uD68D\uC11C</h1>
+  <p class="stamp">\uBB38\uC11C\uBC88\uD638 BC-2026-041 \xB7 2026. 7. 29.</p>
+  <h2>1. \uAC1C\uC694</h2>
+  <p>\uBCF8 \uBB38\uC11C\uB294 <b>\uB300\uD654\uD615 \uC5D0\uC774\uC804\uD2B8 \uBE4C\uB354 \uAD6C\uCD95</b> \uC0AC\uC5C5\uC758 \uC218\uD589 \uACC4\uD68D\uC744 \uC815\uB9AC\uD55C \uAC83\uC785\uB2C8\uB2E4. <span class="red">\uD55C\uAE00(.hwp/.hwpx) \uD30C\uC77C\uC744 \uCE94\uBC84\uC2A4\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uC73C\uBA74</span> \uC774 \uBB38\uC11C\uCC98\uB7FC <u>\uC11C\uC2DD\uC774 \uBCF4\uC874\uB41C \uD398\uC774\uC9C0</u>\uB85C \uC5F4\uB9BD\uB2C8\uB2E4 \u2014 \uAE00\uAF34 \uD06C\uAE30\xB7\uC0C9\xB7\uC815\uB82C\xB7\uD45C \uD14C\uB450\uB9AC\xB7\uC774\uBBF8\uC9C0\uAE4C\uC9C0.</p>
+  <h2>2. \uCD94\uC9C4 \uC77C\uC815</h2>
+  <table>
+    <tr><th>\uB2E8\uACC4</th><th>\uAE30\uAC04</th><th>\uC0B0\uCD9C\uBB3C</th></tr>
+    <tr><td>\uCC29\uC218</td><td style="text-align:center">2026-07</td><td>\uC0AC\uC5C5\uC218\uD589\uACC4\uD68D\uC11C</td></tr>
+    <tr><td>\uBD84\uC11D/\uC124\uACC4</td><td style="text-align:center">2026-07 ~ 2026-08</td><td>\uC694\uAD6C\uC0AC\uD56D \uC815\uC758\uC11C</td></tr>
+    <tr><td>\uAD6C\uCD95</td><td style="text-align:center">2026-08 ~ 2026-11</td><td>\uAE30\uB2A5 \uAD6C\uD604</td></tr>
+    <tr><td>\uAC80\uC218</td><td style="text-align:center">2026-12</td><td>\uAC80\uC218\uD655\uC778\uC11C</td></tr>
+  </table>
+  <h2>3. \uB0B4\uBCF4\uB0B4\uAE30</h2>
+  <p>\uD3B8\uC9D1\uD55C \uBB38\uC11C\uB294 <b>\uB0B4\uBCF4\uB0B4\uAE30</b> \uBA54\uB274\uC5D0\uC11C PDF\xB7HTML\uB85C \uC800\uC7A5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC5D0\uC774\uC804\uD2B8\uAC00 \uB9CC\uB4E0 \uBB38\uC11C(document)\uB294 <b>\uD55C\uAE00 (HWPX)</b>\uB85C\uB3C4 \uB0B4\uBCF4\uB0C5\uB2C8\uB2E4.</p>
+  <p class="sign">\uBE0C\uB808\uC778\uD06C\uB8E8 \uC8FC\uC2DD\uD68C\uC0AC</p>
+</div></body></html>`;
+var hwp = {
+  id: "hwp",
+  title: "\uD55C\uAE00 (HWP)",
+  description: "A formatted Korean document \u2014 how .hwp/.hwpx files open on the canvas, styling preserved.",
+  events: [
+    { type: "message.delta", messageId: "m-hwp", text: "\uD55C\uAE00 \uD30C\uC77C\uC744 \uC11C\uC2DD \uADF8\uB300\uB85C \uC5F4\uC5C8\uC2B5\uB2C8\uB2E4." },
+    {
+      type: "canvas.create",
+      artifact: {
+        id: "hwp-doc",
+        type: "html",
+        title: "\uC0AC\uC5C5 \uC218\uD589 \uACC4\uD68D\uC11C.hwpx",
+        version: 1,
+        status: "complete",
+        meta: { kind: "doc", source: "hwpx" },
+        data: { html: HWP_HTML }
+      }
+    },
+    { type: "canvas.status", id: "hwp-doc", status: "complete" },
+    { type: "done" }
+  ]
+};
+var scenarios = [htmlPage, document2, chart, table, slides, pdf, hwp, versions];
 var RegistryContext = createContext({});
 function CanvasRegistryProvider({ registry, children }) {
   return /* @__PURE__ */ jsx(RegistryContext.Provider, { value: registry, children });
@@ -1701,6 +1814,110 @@ async function readZip(buffer) {
   }
   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) => {
@@ -1715,63 +1932,252 @@ function paragraphText(p) {
   walk(p);
   return out;
 }
-function tableToMarkdown(tbl) {
-  const rows = [];
+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;
-    const cells = [];
+    let cells = "";
     for (const tc of Array.from(tr.children)) {
       if (tc.localName !== "tc") continue;
-      const text = Array.from(tc.getElementsByTagNameNS("*", "p")).map((p) => paragraphText(p).trim()).filter(Boolean).join(" ").replace(/\|/g, "\\|").replace(/\n/g, " ");
-      cells.push(text);
+      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.length) rows.push(cells);
+    if (cells) rowsHtml += `<tr>${cells}</tr>`;
   }
-  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");
+  return rowsHtml ? `<table>${rowsHtml}</table>` : "";
 }
-function sectionToMarkdown(xml) {
-  const doc = new DOMParser().parseFromString(xml, "application/xml");
-  if (doc.querySelector("parsererror")) {
+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)) {
-      const tag = child.localName;
-      if (tag === "p") {
-        const text = paragraphText(child).trim();
-        if (text) blocks.push(text);
-        for (const tbl of Array.from(child.getElementsByTagNameNS("*", "tbl"))) {
-          if ((tbl.parentElement?.closest("tbl") ?? null) === null) {
-            const md = tableToMarkdown(tbl);
-            if (md) blocks.push(md);
-          }
-        }
-      } else if (tag !== "tbl") {
-        walk(child);
-      }
+      if (child.localName === "p") paragraphToHtmlBlocks(child, blocks, ctx);
+      else if (child.localName !== "tbl") walk(child);
     }
   };
   walk(doc.documentElement);
   return blocks;
 }
-async function hwpxToMarkdown(buffer) {
-  const entries = await readZip(buffer);
-  const sections = [...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 (!sections.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();
+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 name of sections) {
-    blocks.push(...sectionToMarkdown(decoder.decode(entries.get(name))));
+  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 blocks.join("\n\n").trim();
+  return koreanDocHtml(blocks.join("\n"));
 }
 // src/io/hwp.ts
@@ -1922,6 +2328,10 @@ function parseFileHeader(bytes) {
   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 = "";
@@ -1963,14 +2373,14 @@ function decodeParaText(view, offset, byteLength) {
   if (text) paragraphs.push(text);
   return paragraphs;
 }
-function extractSectionParagraphs(section) {
-  const view = new DataView(section.buffer, section.byteOffset, section.byteLength);
-  const paragraphs = [];
+function parseRecords(section, view) {
+  const records = [];
   let off = 0;
   while (off + 4 <= section.length) {
     const header = view.getUint32(off, true);
     off += 4;
-    const tagId = header & 1023;
+    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"));
@@ -1978,10 +2388,73 @@ function extractSectionParagraphs(section) {
       off += 4;
     }
     if (off + size > section.length) throw new Error(ERR.corrupt("record overruns section"));
-    if (tagId === HWPTAG_PARA_TEXT) paragraphs.push(...decodeParaText(view, off, size));
+    records.push({ tag, level, start: off, size });
     off += size;
   }
-  return paragraphs;
+  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);
@@ -2007,19 +2480,911 @@ async function inflateRaw2(data) {
   }
   return out;
 }
-async function hwpToText(buffer) {
+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 paragraphs = [];
+  const blocks = [];
   for (const { entry } of sections) {
     let bytes = cfb.readStream(entry);
     if (header.compressed) bytes = await inflateRaw2(bytes);
-    paragraphs.push(...extractSectionParagraphs(bytes).filter((p) => p.length > 0));
+    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 paragraphs.join("\n\n").replace(/\s+$/, "");
+  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
@@ -2034,7 +3399,9 @@ var IMPORTABLE_EXTENSIONS = [
   ".xlsx",
   ".pdf",
   ".hwpx",
-  ".hwp"
+  ".hwp",
+  ".docx",
+  ".pptx"
 ];
 var extensionOf = (name) => {
   const dot = name.lastIndexOf(".");
@@ -2081,12 +3448,20 @@ async function importFile(file) {
       return toEvents(artifact(id, "pdf", title, { src, filename: file.name }));
     }
     case ".hwpx": {
-      const content = await hwpxToMarkdown(await file.arrayBuffer());
+      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 content = await hwpToText(await file.arrayBuffer());
-      return toEvents(artifact(id, "document", title, { format: "markdown", content }));
+      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(", ")}`);
@@ -2175,6 +3550,8 @@ var DEVICES = [
   { id: "tablet", label: "Tablet", width: "768px" },
   { id: "mobile", label: "Mobile", width: "390px" }
 ];
+var BLOCK_KEYS = { h2: "heading", p: "text", button: "button", img: "image", hr: "divider" };
+var DEVICE_KEYS = { desktop: "desktop", tablet: "tablet", mobile: "mobile" };
 var BLOCKS = [
   { tag: "h2", label: "Heading" },
   { tag: "p", label: "Text" },
@@ -2447,6 +3824,7 @@ function useSlideFit(ratio, boxRef) {
   return { scale, width, height: SLIDE_H };
 }
 function HtmlRenderer({ artifact: artifact2 }) {
+  const t = useT();
   const iframeRef = useRef(null);
   const imgFileRef = useRef(null);
   const bgFileRef = useRef(null);
@@ -2546,6 +3924,7 @@ function HtmlRenderer({ artifact: artifact2 }) {
   };
   const setSlideStyle = (style) => sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style });
   const ratio = artifact2.meta?.ratio;
+  const isDoc = !ratio && artifact2.meta?.kind === "doc";
   const slide = useSlideFit(ratio, stageRef);
   return /* @__PURE__ */ jsxs("div", { className: "cv-html-wrap", children: [
     /* @__PURE__ */ jsx("input", { ref: imgFileRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => {
@@ -2558,26 +3937,30 @@ function HtmlRenderer({ artifact: artifact2 }) {
     } }),
     /* @__PURE__ */ jsxs("div", { className: "cv-html-bar cv-chrome", children: [
       mode === "design" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "cv-html-seg", role: "group", "aria-label": "Preview width", children: DEVICES.map((d) => /* @__PURE__ */ jsx("button", { className: device === d.id ? "is-on" : "", onClick: () => setDevice(d.id), children: d.label }, d.id)) }),
+        !ratio && !isDoc && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "cv-html-seg", role: "group", "aria-label": "Preview width", children: DEVICES.map((d) => /* @__PURE__ */ jsx("button", { className: device === d.id ? "is-on" : "", onClick: () => setDevice(d.id), children: DEVICE_KEYS[d.id] ? t(DEVICE_KEYS[d.id]) : d.label }, d.id)) }),
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "cv-html-bar__label", children: "Add" }),
-        (ratio ? BLOCKS.filter((b) => SLIDE_BLOCK_TAGS.has(b.tag)) : BLOCKS).map((b) => /* @__PURE__ */ jsx("button", { className: "cv-html-add", onClick: () => command("insert", { block: b.tag }), children: b.label }, b.tag)),
-        !ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
+        isDoc && /* @__PURE__ */ jsxs("span", { className: "cv-html-doc-chip", title: t("kindDocument"), children: [
+          "\u{1F4C4} ",
+          t("kindDocument")
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "cv-html-bar__label", children: t("add") }),
+        (ratio || isDoc ? BLOCKS.filter((b) => SLIDE_BLOCK_TAGS.has(b.tag)) : BLOCKS).map((b) => /* @__PURE__ */ jsx("button", { className: "cv-html-add", onClick: () => command("insert", { block: b.tag }), children: BLOCK_KEYS[b.tag] ? t(BLOCK_KEYS[b.tag]) : b.label }, b.tag)),
+        !ratio && !isDoc && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "select",
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Start from a full page template (replaces the page)",
+              title: t("pageTemplateTitle"),
               onChange: (e) => {
                 const s = STARTERS[e.target.value];
                 if (s) applyEvent({ type: "canvas.patch", id: artifact2.id, patch: { html: s.build() } });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Page\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("pageMenu") }),
                 Object.entries(STARTERS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -2587,14 +3970,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a section template",
+              title: t("sectionTemplateTitle"),
               onChange: (e) => {
-                const t = TEMPLATES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = TEMPLATES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Section\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("sectionMenu") }),
                 Object.entries(TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -2604,34 +3987,51 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Jump to a heading",
+              title: t("jumpToHeading"),
               onChange: (e) => {
                 const idx = Number(e.target.value);
                 if (!Number.isNaN(idx)) sendIframeCommand({ artifactId: artifact2.id, type: "scroll_to", index: idx });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Outline\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("outlineMenu") }),
                 outline.map((h, i) => /* @__PURE__ */ jsx("option", { value: i, children: "\xA0".repeat((h.level - 1) * 2) + h.text }, i))
               ]
             }
           ),
-          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Accessibility check", onClick: () => setA11y(checkA11y(artifact2.data.html)), children: "\u267F Check" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: t("a11yTitle"), onClick: () => setA11y(checkA11y(artifact2.data.html)), children: "\u267F Check" })
         ] }),
+        isDoc && outline.length > 0 && /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "cv-html-tpl",
+            value: "",
+            title: t("jumpToHeading"),
+            onChange: (e) => {
+              const idx = Number(e.target.value);
+              if (!Number.isNaN(idx)) sendIframeCommand({ artifactId: artifact2.id, type: "scroll_to", index: idx });
+              e.currentTarget.value = "";
+            },
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("outlineMenu") }),
+              outline.map((h, i) => /* @__PURE__ */ jsx("option", { value: i, children: h.text }, `d${i}`))
+            ]
+          }
+        ),
         ratio && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "select",
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a slide layout",
+              title: t("insertSlideLayout"),
               onChange: (e) => {
-                const t = SLIDE_TEMPLATES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = SLIDE_TEMPLATES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Layout\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("layoutMenu") }),
                 Object.entries(SLIDE_TEMPLATES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -2641,14 +4041,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Apply a slide theme",
+              title: t("applySlideTheme"),
               onChange: (e) => {
-                const t = SLIDE_THEMES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t.style });
+                const t2 = SLIDE_THEMES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "set_slide_style", style: t2.style });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Theme\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("themeMenu") }),
                 Object.entries(SLIDE_THEMES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -2658,14 +4058,14 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Insert a shape",
+              title: t("insertShape"),
               onChange: (e) => {
-                const t = SLIDE_SHAPES[e.target.value];
-                if (t) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t.html });
+                const t2 = SLIDE_SHAPES[e.target.value];
+                if (t2) sendIframeCommand({ artifactId: artifact2.id, type: "insert_html", cid: single?.cid, html: t2.html });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Shape\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("shapeMenu") }),
                 Object.entries(SLIDE_SHAPES).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
@@ -2675,19 +4075,19 @@ function HtmlRenderer({ artifact: artifact2 }) {
             {
               className: "cv-html-tpl",
               value: "",
-              title: "Slide font",
+              title: t("slideFont"),
               onChange: (e) => {
                 const f = SLIDE_FONTS[e.target.value];
                 if (f) setSlideStyle({ fontFamily: f.stack });
                 e.currentTarget.value = "";
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Font\u2026" }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("fontMenu") }),
                 Object.entries(SLIDE_FONTS).map(([k, v]) => /* @__PURE__ */ jsx("option", { value: k, children: v.label }, k))
               ]
             }
           ),
-          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: "Slide background image", onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
+          /* @__PURE__ */ jsx("button", { className: "cv-html-add", title: t("slideBgImage"), onClick: () => bgFileRef.current?.click(), children: "\u{1F5BC} BG" })
         ] }),
         selected.length >= 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "cv-html-bar__sep" }),
@@ -2717,33 +4117,33 @@ function HtmlRenderer({ artifact: artifact2 }) {
             )
           ] }),
           single && single.tag !== "img" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align left", onClick: () => command("style_persist", { prop: "textAlign", value: "left" }), children: "\u2B05" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align center", onClick: () => command("style_persist", { prop: "textAlign", value: "center" }), children: "\u2B0C" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Align right", onClick: () => command("style_persist", { prop: "textAlign", value: "right" }), children: "\u27A1" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Bold", onClick: () => command("style_persist", { prop: "fontWeight", value: "800" }), children: "B" })
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignLeft"), onClick: () => command("style_persist", { prop: "textAlign", value: "left" }), children: "\u2B05" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignCenter"), onClick: () => command("style_persist", { prop: "textAlign", value: "center" }), children: "\u2B0C" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("alignRight"), onClick: () => command("style_persist", { prop: "textAlign", value: "right" }), children: "\u27A1" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("bold"), onClick: () => command("style_persist", { prop: "fontWeight", value: "800" }), children: "B" })
           ] }),
           single && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Duplicate", onClick: () => command("duplicate"), children: "\u29C9" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Move up", onClick: () => command("move_up"), children: "\u2191" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: "Move down", onClick: () => command("move_down"), children: "\u2193" }),
-            /* @__PURE__ */ jsx("button", { className: "cv-html-act cv-html-act--del", title: "Delete", onClick: () => command("delete"), children: "\u{1F5D1}" })
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("duplicate"), onClick: () => command("duplicate"), children: "\u29C9" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("moveUp"), onClick: () => command("move_up"), children: "\u2191" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act", title: t("moveDown"), onClick: () => command("move_down"), children: "\u2193" }),
+            /* @__PURE__ */ jsx("button", { className: "cv-html-act cv-html-act--del", title: t("delete"), onClick: () => command("delete"), children: "\u{1F5D1}" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsx("span", { className: "cv-html-bar__spacer" }),
       /* @__PURE__ */ jsxs("div", { className: "cv-html-seg", role: "group", "aria-label": "View mode", children: [
-        /* @__PURE__ */ jsx("button", { className: mode === "design" ? "is-on" : "", onClick: () => setMode("design"), children: "Design" }),
-        /* @__PURE__ */ jsx("button", { className: mode === "code" ? "is-on" : "", onClick: () => setMode("code"), children: "Code" })
+        /* @__PURE__ */ jsx("button", { className: mode === "design" ? "is-on" : "", onClick: () => setMode("design"), children: t("design") }),
+        /* @__PURE__ */ jsx("button", { className: mode === "code" ? "is-on" : "", onClick: () => setMode("code"), children: t("code") })
       ] })
     ] }),
     a11y !== null && /* @__PURE__ */ jsxs("div", { className: "cv-a11y", role: "status", children: [
       /* @__PURE__ */ jsx("button", { className: "cv-a11y__close", onClick: () => setA11y(null), "aria-label": "Dismiss", children: "\xD7" }),
-      a11y.length === 0 ? /* @__PURE__ */ jsx("span", { className: "cv-a11y__ok", children: "\u267F No accessibility issues found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      a11y.length === 0 ? /* @__PURE__ */ jsx("span", { className: "cv-a11y__ok", children: t("a11yNone") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("b", { children: [
           "\u267F ",
           a11y.length,
-          " accessibility issue",
-          a11y.length > 1 ? "s" : ""
+          " ",
+          t("a11yIssues")
         ] }),
         /* @__PURE__ */ jsx("ul", { children: a11y.map((m, i) => /* @__PURE__ */ jsx("li", { children: m }, i)) })
       ] })
@@ -2803,11 +4203,11 @@ function CodePane({ html, onCommit }) {
 }
 // src/components/renderers/index.ts
-var ChartRenderer = lazy(() => import('./ChartRenderer-AAWVGKV5.js').then((m) => ({ default: m.ChartRenderer })));
-var DocumentRenderer = lazy(() => import('./DocumentRenderer-NBRBPYU6.js').then((m) => ({ default: m.DocumentRenderer })));
-var TableRenderer = lazy(() => import('./TableRenderer-VKDD3CB6.js').then((m) => ({ default: m.TableRenderer })));
-var SlidesRenderer = lazy(() => import('./SlidesRenderer-6ZGHXTQX.js').then((m) => ({ default: m.SlidesRenderer })));
-var PdfRenderer = lazy(() => import('./PdfRenderer-DPQT4E7O.js').then((m) => ({ default: m.PdfRenderer })));
+var ChartRenderer = lazy(() => import('./ChartRenderer-ABRQ5YFN.js').then((m) => ({ default: m.ChartRenderer })));
+var DocumentRenderer = lazy(() => import('./DocumentRenderer-YTEMC3Z4.js').then((m) => ({ default: m.DocumentRenderer })));
+var TableRenderer = lazy(() => import('./TableRenderer-BJQE2HMO.js').then((m) => ({ default: m.TableRenderer })));
+var SlidesRenderer = lazy(() => import('./SlidesRenderer-JNPXNTNJ.js').then((m) => ({ default: m.SlidesRenderer })));
+var PdfRenderer = lazy(() => import('./PdfRenderer-GDA67MES.js').then((m) => ({ default: m.PdfRenderer })));
 var builtinRenderers = {
   html: HtmlRenderer,
   document: DocumentRenderer,
@@ -2833,6 +4233,232 @@ function slugify(text) {
   return text.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "artifact";
 }
+// src/io/hwpxWrite.ts
+var CRC_TABLE = (() => {
+  const table2 = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    let c = n;
+    for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+    table2[n] = c >>> 0;
+  }
+  return table2;
+})();
+function crc32(bytes) {
+  let c = 4294967295;
+  for (let i = 0; i < bytes.length; i++) c = CRC_TABLE[(c ^ bytes[i]) & 255] ^ c >>> 8;
+  return (c ^ 4294967295) >>> 0;
+}
+function storeZip(parts) {
+  const dosTime = 0;
+  const dosDate = 2026 - 1980 << 9 | 1 << 5 | 1;
+  const enc = new TextEncoder();
+  const chunks = [];
+  const central = [];
+  let offset = 0;
+  for (const [name, data] of parts) {
+    const nameBytes = enc.encode(name);
+    const crc = crc32(data);
+    const local = new Uint8Array(30 + nameBytes.length);
+    const lv = new DataView(local.buffer);
+    lv.setUint32(0, 67324752, true);
+    lv.setUint16(4, 20, true);
+    lv.setUint16(8, 0, true);
+    lv.setUint16(10, dosTime, true);
+    lv.setUint16(12, dosDate, true);
+    lv.setUint32(14, crc, true);
+    lv.setUint32(18, data.length, true);
+    lv.setUint32(22, data.length, true);
+    lv.setUint16(26, nameBytes.length, true);
+    local.set(nameBytes, 30);
+    chunks.push(local, data);
+    const cdir = new Uint8Array(46 + nameBytes.length);
+    const cv = new DataView(cdir.buffer);
+    cv.setUint32(0, 33639248, true);
+    cv.setUint16(4, 20, true);
+    cv.setUint16(6, 20, true);
+    cv.setUint16(10, 0, true);
+    cv.setUint16(12, dosTime, true);
+    cv.setUint16(14, dosDate, true);
+    cv.setUint32(16, crc, true);
+    cv.setUint32(20, data.length, true);
+    cv.setUint32(24, data.length, true);
+    cv.setUint16(28, nameBytes.length, true);
+    cv.setUint32(42, offset, true);
+    cdir.set(nameBytes, 46);
+    central.push(cdir);
+    offset += local.length + data.length;
+  }
+  const cdirSize = central.reduce((n, c) => n + c.length, 0);
+  const eocd = new Uint8Array(22);
+  const ev = new DataView(eocd.buffer);
+  ev.setUint32(0, 101010256, true);
+  ev.setUint16(8, parts.length, true);
+  ev.setUint16(10, parts.length, true);
+  ev.setUint32(12, cdirSize, true);
+  ev.setUint32(16, offset, true);
+  const all = [...chunks, ...central, eocd];
+  const out = new Uint8Array(all.reduce((n, c) => n + c.length, 0));
+  let pos = 0;
+  for (const c of all) {
+    out.set(c, pos);
+    pos += c.length;
+  }
+  return out;
+}
+var XML_DECL = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>`;
+var HWPML_NS = [
+  `xmlns:ha="http://www.hancom.co.kr/hwpml/2011/app"`,
+  `xmlns:hp="http://www.hancom.co.kr/hwpml/2011/paragraph"`,
+  `xmlns:hp10="http://www.hancom.co.kr/hwpml/2016/paragraph"`,
+  `xmlns:hs="http://www.hancom.co.kr/hwpml/2011/section"`,
+  `xmlns:hc="http://www.hancom.co.kr/hwpml/2011/core"`,
+  `xmlns:hh="http://www.hancom.co.kr/hwpml/2011/head"`,
+  `xmlns:hhs="http://www.hancom.co.kr/hwpml/2011/history"`,
+  `xmlns:hm="http://www.hancom.co.kr/hwpml/2011/master-page"`,
+  `xmlns:hpf="http://www.hancom.co.kr/schema/2011/hpf"`,
+  `xmlns:dc="http://purl.org/dc/elements/1.1/"`,
+  `xmlns:opf="http://www.idpf.org/2007/opf/"`,
+  `xmlns:ooxmlchart="http://www.hancom.co.kr/hwpml/2016/ooxmlchart"`,
+  `xmlns:hwpunitchar="http://www.hancom.co.kr/hwpml/2016/HwpUnitChar"`,
+  `xmlns:epub="http://www.idpf.org/2007/ops"`,
+  `xmlns:config="urn:oasis:names:tc:opendocument:xmlns:config:1.0"`
+].join(" ");
+var VERSION_XML = XML_DECL + `<hv:HCFVersion xmlns:hv="http://www.hancom.co.kr/hwpml/2011/version" tagetApplication="WORDPROCESSOR" major="5" minor="0" micro="5" buildNumber="0" xmlVersion="1.4" application="langchain-canvas" appVersion="1.0"/>`;
+var CONTAINER_XML = XML_DECL + `<ocf:container xmlns:ocf="urn:oasis:names:tc:opendocument:xmlns:container" xmlns:hpf="http://www.hancom.co.kr/schema/2011/hpf"><ocf:rootfiles><ocf:rootfile full-path="Contents/content.hpf" media-type="application/hwpml-package+xml"/></ocf:rootfiles></ocf:container>`;
+var MANIFEST_XML = XML_DECL + `<odf:manifest xmlns:odf="urn:oasis:names:tc:opendocument:xmlns:manifest:1.0"/>`;
+var CONTENT_HPF = XML_DECL + `<opf:package ${HWPML_NS} version="" unique-identifier="" id=""><opf:metadata><opf:title/><opf:language>ko</opf:language></opf:metadata><opf:manifest><opf:item id="header" href="Contents/header.xml" media-type="application/xml"/><opf:item id="section0" href="Contents/section0.xml" media-type="application/xml"/><opf:item id="settings" href="settings.xml" media-type="application/xml"/></opf:manifest><opf:spine><opf:itemref idref="header"/><opf:itemref idref="section0"/></opf:spine></opf:package>`;
+var SETTINGS_XML = XML_DECL + `<ha:HWPApplicationSetting xmlns:ha="http://www.hancom.co.kr/hwpml/2011/app" xmlns:config="urn:oasis:names:tc:opendocument:xmlns:config:1.0"><ha:CaretPosition listIDRef="0" paraIDRef="0" pos="0"/></ha:HWPApplicationSetting>`;
+function fontfaces() {
+  const langs = ["HANGUL", "LATIN", "HANJA", "JAPANESE", "OTHER", "SYMBOL", "USER"];
+  const face = (lang) => `<hh:fontface lang="${lang}" fontCnt="1"><hh:font id="0" face="\uD568\uCD08\uB86C\uBC14\uD0D5" type="TTF" isEmbedded="0"><hh:typeInfo familyType="FCAT_GOTHIC" weight="8" proportion="4" contrast="0" strokeVariation="1" armStyle="1" letterform="1" midline="1" xHeight="1"/></hh:font></hh:fontface>`;
+  return `<hh:fontfaces itemCnt="7">${langs.map(face).join("")}</hh:fontfaces>`;
+}
+function borderFills() {
+  const fill = (id) => `<hh:borderFill id="${id}" threeD="0" shadow="0" centerLine="NONE" breakCellSeparateLine="0"><hh:slash type="NONE" Crooked="0" isCounter="0"/><hh:backSlash type="NONE" Crooked="0" isCounter="0"/><hh:leftBorder type="NONE" width="0.1 mm" color="#000000"/><hh:rightBorder type="NONE" width="0.1 mm" color="#000000"/><hh:topBorder type="NONE" width="0.1 mm" color="#000000"/><hh:bottomBorder type="NONE" width="0.1 mm" color="#000000"/><hh:diagonal type="SOLID" width="0.1 mm" color="#000000"/></hh:borderFill>`;
+  return `<hh:borderFills itemCnt="2">${fill(1)}${fill(2)}</hh:borderFills>`;
+}
+var CHAR_PR = [
+  { id: 0, height: 1e3, bold: false, italic: false },
+  // body
+  { id: 1, height: 1800, bold: true, italic: false },
+  // heading 1
+  { id: 2, height: 1500, bold: true, italic: false },
+  // heading 2
+  { id: 3, height: 1200, bold: true, italic: false },
+  // heading 3
+  { id: 4, height: 1e3, bold: true, italic: false },
+  // inline bold
+  { id: 5, height: 1e3, bold: false, italic: true }
+  // inline italic
+];
+function charProperties() {
+  const one = (c) => `<hh:charPr id="${c.id}" height="${c.height}" textColor="#000000" shadeColor="none" useFontSpace="0" useKerning="0" symMark="NONE" borderFillIDRef="2"><hh:fontRef hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/><hh:ratio hangul="100" latin="100" hanja="100" japanese="100" other="100" symbol="100" user="100"/><hh:spacing hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/><hh:relSz hangul="100" latin="100" hanja="100" japanese="100" other="100" symbol="100" user="100"/><hh:offset hangul="0" latin="0" hanja="0" japanese="0" other="0" symbol="0" user="0"/>` + (c.bold ? `<hh:bold/>` : "") + (c.italic ? `<hh:italic/>` : "") + `<hh:underline type="NONE" shape="SOLID" color="#000000"/><hh:strikeout shape="NONE" color="#000000"/><hh:outline type="NONE"/><hh:shadow type="NONE" color="#B2B2B2" offsetX="10" offsetY="10"/></hh:charPr>`;
+  return `<hh:charProperties itemCnt="${CHAR_PR.length}">${CHAR_PR.map(one).join("")}</hh:charProperties>`;
+}
+function numberings() {
+  const heads = Array.from(
+    { length: 7 },
+    (_, i) => `<hh:paraHead start="1" level="${i + 1}" align="LEFT" useInstWidth="1" autoIndent="1" widthAdjust="0" textOffsetType="PERCENT" textOffset="50" numFormat="DIGIT" charPrIDRef="4294967295" checkable="1">^${i + 1}.</hh:paraHead>`
+  ).join("");
+  return `<hh:numberings itemCnt="1"><hh:numbering id="1" start="0">${heads}</hh:numbering></hh:numberings>`;
+}
+function paraProperties() {
+  return `<hh:paraProperties itemCnt="1"><hh:paraPr id="0" tabPrIDRef="0" condense="0" fontLineHeight="0" snapToGrid="1" suppressLineNumbers="0" checked="0"><hh:align horizontal="JUSTIFY" vertical="BASELINE"/><hh:heading type="NONE" idRef="0" level="0"/><hh:breakSetting breakLatinWord="KEEP_WORD" breakNonLatinWord="KEEP_WORD" widowOrphan="0" keepWithNext="0" keepLines="0" pageBreakBefore="0" lineWrap="BREAK"/><hh:autoSpacing eAsianEng="0" eAsianNum="0"/><hh:margin><hc:intent value="0" unit="HWPUNIT"/><hc:left value="0" unit="HWPUNIT"/><hc:right value="0" unit="HWPUNIT"/><hc:prev value="0" unit="HWPUNIT"/><hc:next value="0" unit="HWPUNIT"/></hh:margin><hh:lineSpacing type="PERCENT" value="160" unit="HWPUNIT"/><hh:border borderFillIDRef="2" offsetLeft="0" offsetRight="0" offsetTop="0" offsetBottom="0" connect="0" ignoreMargin="0"/></hh:paraPr></hh:paraProperties>`;
+}
+var STYLES = [
+  { id: 0, name: "\uBC14\uD0D5\uAE00", engName: "Normal", charPr: 0, next: 0 },
+  { id: 1, name: "\uAC1C\uC694 1", engName: "Outline 1", charPr: 1, next: 1 },
+  { id: 2, name: "\uAC1C\uC694 2", engName: "Outline 2", charPr: 2, next: 2 },
+  { id: 3, name: "\uAC1C\uC694 3", engName: "Outline 3", charPr: 3, next: 3 }
+];
+function styles() {
+  const one = (s) => `<hh:style id="${s.id}" type="PARA" name="${s.name}" engName="${s.engName}" paraPrIDRef="0" charPrIDRef="${s.charPr}" nextStyleIDRef="${s.next}" langID="1042" lockForm="0"/>`;
+  return `<hh:styles itemCnt="${STYLES.length}">${STYLES.map(one).join("")}</hh:styles>`;
+}
+function headerXml() {
+  return XML_DECL + `<hh:head ${HWPML_NS} version="1.4" secCnt="1"><hh:beginNum page="1" footnote="1" endnote="1" pic="1" tbl="1" equation="1"/><hh:refList>` + fontfaces() + borderFills() + charProperties() + `<hh:tabProperties itemCnt="2"><hh:tabPr id="0" autoTabLeft="0" autoTabRight="0"/><hh:tabPr id="1" autoTabLeft="1" autoTabRight="0"/></hh:tabProperties>` + numberings() + paraProperties() + styles() + `</hh:refList><hh:compatibleDocument targetProgram="HWP201X"><hh:layoutCompatibility/></hh:compatibleDocument><hh:docOption><hh:linkinfo path="" pageInherit="0" footnoteInherit="0"/></hh:docOption><hh:trackchageConfig flags="56"/></hh:head>`;
+}
+var SEC_PR = `<hp:secPr id="" textDirection="HORIZONTAL" spaceColumns="1134" tabStop="8000" tabStopVal="4000" tabStopUnit="HWPUNIT" outlineShapeIDRef="1" memoShapeIDRef="0" textVerticalWidthHead="0"><hp:grid lineGrid="0" charGrid="0" wonggojiFormat="0"/><hp:startNum pageStartsOn="BOTH" page="0" pic="0" tbl="0" equation="0"/><hp:visibility hideFirstHeader="0" hideFirstFooter="0" hideFirstMasterPage="0" border="SHOW_ALL" fill="SHOW_ALL" hideFirstPageNum="0" hideFirstEmptyLine="0" showLineNumber="0"/><hp:lineNumberShape restartType="0" countBy="0" distance="0" startNumber="0"/><hp:pagePr landscape="WIDELY" width="59528" height="84188" gutterType="LEFT_ONLY"><hp:margin header="4252" footer="4252" gutter="0" left="8504" right="8504" top="5668" bottom="4252"/></hp:pagePr><hp:footNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="-1" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="283" belowLine="567" aboveLine="850"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="EACH_COLUMN" beneathText="0"/></hp:footNotePr><hp:endNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="14692344" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="0" belowLine="567" aboveLine="850"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="END_OF_DOCUMENT" beneathText="0"/></hp:endNotePr><hp:pageBorderFill type="BOTH" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="EVEN" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="ODD" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill></hp:secPr><hp:ctrl><hp:colPr id="" type="NEWSPAPER" layout="LEFT" colCount="1" sameSz="1" sameGap="0"/></hp:ctrl>`;
+function escapeXml(value) {
+  return String(value ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+}
+function inlineRuns(text, baseCharPr) {
+  const runs = [];
+  const pattern = /(\*\*[^*\n]+\*\*|\*[^*\n]+\*|`[^`\n]+`)/g;
+  let last = 0;
+  for (const m of text.matchAll(pattern)) {
+    if (m.index > last) runs.push({ text: text.slice(last, m.index), charPr: baseCharPr });
+    const token = m[0];
+    if (token.startsWith("**")) runs.push({ text: token.slice(2, -2), charPr: 4 });
+    else if (token.startsWith("*")) runs.push({ text: token.slice(1, -1), charPr: 5 });
+    else runs.push({ text: token.slice(1, -1), charPr: baseCharPr });
+    last = m.index + token.length;
+  }
+  if (last < text.length) runs.push({ text: text.slice(last), charPr: baseCharPr });
+  return runs.length ? runs : [{ text: "", charPr: baseCharPr }];
+}
+function isTableSeparator(line) {
+  return /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)*\|?\s*$/.test(line);
+}
+function tableCells(line) {
+  return line.trim().replace(/^\|/, "").replace(/\|$/, "").split(/(?<!\\)\|/).map((c) => c.trim().replace(/\\\|/g, "|"));
+}
+function markdownToBlocks(content) {
+  const blocks = [];
+  for (const raw of content.split("\n")) {
+    const line = raw.replace(/\s+$/, "");
+    if (!line.trim()) continue;
+    const heading = line.match(/^(#{1,3})\s+(.*)$/);
+    if (heading) {
+      const text = heading[2].replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1");
+      blocks.push({ runs: [{ text, charPr: heading[1].length }], style: heading[1].length });
+      continue;
+    }
+    const bullet = line.match(/^\s*[-*+]\s+(.*)$/);
+    if (bullet) {
+      blocks.push({ runs: [{ text: "\u2022 ", charPr: 0 }, ...inlineRuns(bullet[1], 0)], style: 0 });
+      continue;
+    }
+    const numbered = line.match(/^\s*(\d+)[.)]\s+(.*)$/);
+    if (numbered) {
+      blocks.push({ runs: [{ text: `${numbered[1]}. `, charPr: 0 }, ...inlineRuns(numbered[2], 0)], style: 0 });
+      continue;
+    }
+    if (line.trim().startsWith("|")) {
+      if (isTableSeparator(line)) continue;
+      blocks.push({ runs: [{ text: tableCells(line).join(" | "), charPr: 0 }], style: 0 });
+      continue;
+    }
+    blocks.push({ runs: inlineRuns(line, 0), style: 0 });
+  }
+  return blocks.length ? blocks : [{ runs: [{ text: "", charPr: 0 }], style: 0 }];
+}
+function paragraphXml(block, index) {
+  const runs = block.runs.map(
+    (r, i) => `<hp:run charPrIDRef="${r.charPr}">${index === 0 && i === 0 ? SEC_PR : ""}<hp:t>${escapeXml(r.text)}</hp:t></hp:run>`
+  ).join("");
+  return `<hp:p id="${index}" paraPrIDRef="0" styleIDRef="${block.style}" pageBreak="0" columnBreak="0" merged="0">` + runs + `<hp:linesegarray><hp:lineseg textpos="0" vertpos="0" vertsize="1000" textheight="1000" baseline="850" spacing="600" horzpos="0" horzsize="42520" flags="393216"/></hp:linesegarray></hp:p>`;
+}
+function sectionXml(blocks) {
+  return XML_DECL + `<hs:sec ${HWPML_NS}>` + blocks.map(paragraphXml).join("") + `</hs:sec>`;
+}
+async function documentToHwpx(data) {
+  const enc = new TextEncoder();
+  const blocks = markdownToBlocks(data.content ?? "");
+  const parts = [
+    // `mimetype` must be the container's first entry, stored.
+    ["mimetype", enc.encode("application/hwp+zip")],
+    ["version.xml", enc.encode(VERSION_XML)],
+    ["META-INF/manifest.xml", enc.encode(MANIFEST_XML)],
+    ["META-INF/container.xml", enc.encode(CONTAINER_XML)],
+    ["Contents/content.hpf", enc.encode(CONTENT_HPF)],
+    ["Contents/header.xml", enc.encode(headerXml())],
+    ["Contents/section0.xml", enc.encode(sectionXml(blocks))],
+    ["settings.xml", enc.encode(SETTINGS_XML)]
+  ];
+  return storeZip(parts);
+}
 // src/export/exporters.ts
 var MIME = {
   md: "text/markdown",
@@ -2845,7 +4471,8 @@ var MIME = {
 var dataExporters = {
   document: [
     { label: "Markdown", extension: "md", mime: MIME.md, build: (a) => a.data.content },
-    { label: "Word", extension: "docx", mime: MIME.docx, build: (a) => documentToDocx(a.data) }
+    { label: "Word", extension: "docx", mime: MIME.docx, build: (a) => documentToDocx(a.data) },
+    { label: "\uD55C\uAE00 (HWPX)", extension: "hwpx", mime: "application/vnd.hancom.hwpx", build: (a) => documentToHwpx(a.data) }
   ],
   table: [
     { label: "CSV", extension: "csv", mime: MIME.csv, build: (a) => tableToCsv(a.data) },
@@ -2864,7 +4491,7 @@ function toStandaloneHtml(title, renderedHtml) {
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>${escapeHtml(title)}</title>
+<title>${escapeHtml2(title)}</title>
 <style>${EXPORT_CSS}</style>
 </head>
 <body>
@@ -2966,8 +4593,10 @@ async function documentToDocx(data) {
 async function slidesToPptx(data, _title) {
   const PptxGenJS = (await loadOptional("pptxgenjs", () => import('pptxgenjs'))).default;
   const pptx = new PptxGenJS();
-  const W = 10;
-  const H = 5.625;
+  const W = 13.333;
+  const H = 7.5;
+  pptx.defineLayout({ name: "CV_16x9", width: W, height: H });
+  pptx.layout = "CV_16x9";
   for (const slide of data.slides) {
     const s = pptx.addSlide();
     if (slide.background && /^#[0-9a-f]{3,8}$/i.test(slide.background)) s.background = { color: slide.background.replace("#", "") };
@@ -2976,18 +4605,28 @@ async function slidesToPptx(data, _title) {
     const inset = (v) => pad + v / 100 * (1 - 2 * pad);
     for (const el of resolveElements(slide)) {
       const box = { x: inset(el.x) * W, y: inset(el.y) * H, w: el.w / 100 * (1 - 2 * pad) * W, h: el.h / 100 * (1 - 2 * pad) * H };
+      const spin = el.rotate ? { rotate: (Math.round(el.rotate) % 360 + 360) % 360 } : {};
       if (el.type === "text") {
         const color = el.color ? el.color.replace("#", "") : tc;
-        s.addText(el.text ?? "", { ...box, fontSize: (el.fontSize ?? 24) * 0.75, bold: !!el.bold, align: el.align ?? "left", ...color ? { color } : {} });
+        s.addText(el.text ?? "", { ...box, ...spin, fontSize: (el.fontSize ?? 24) * 0.75, bold: !!el.bold, align: el.align ?? "left", ...color ? { color } : {} });
       } else if (el.type === "shape") {
         const fill = (el.fill ?? "#5b5bd6").replace("#", "");
+        const paint = el.fill ? { fill: { color: fill } } : { fill: { color: "FFFFFF", transparency: 100 }, line: { color: (tc || "1f2328").replace("#", ""), width: 1 } };
         if (el.shape === "line") {
-          s.addShape(pptx.ShapeType.line, { ...box, line: { color: fill, width: 2 } });
+          s.addShape(pptx.ShapeType.line, { ...box, ...spin, line: { color: fill, width: 2 } });
+        } else if (el.shape !== "ellipse" && el.radius) {
+          s.addShape(pptx.ShapeType.roundRect, { ...box, ...spin, ...paint, rectRadius: el.radius * W / 1280 });
         } else {
-          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, fill: { color: fill } });
+          s.addShape(el.shape === "ellipse" ? pptx.ShapeType.ellipse : pptx.ShapeType.rect, { ...box, ...spin, ...paint });
         }
       } else if (el.src) {
-        s.addImage({ data: el.src, ...box, sizing: { type: "contain", w: box.w, h: box.h } });
+        s.addImage({
+          data: el.src,
+          ...box,
+          ...spin,
+          sizing: { type: el.fit === "cover" ? "cover" : "contain", w: box.w, h: box.h },
+          ...el.radius ? { rounding: true } : {}
+        });
       }
     }
     if (slide.notes) s.addNotes(slide.notes);
@@ -3000,29 +4639,34 @@ function slidesToPrintHtml(data, title) {
     const bg = slide.background ?? "#ffffff";
     const fg = slide.textColor ?? "#1f2328";
     const els = resolveElements(slide).map((el) => {
-      const box = `left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%`;
+      const spin = el.rotate ? `;transform:rotate(${Number(el.rotate)}deg)` : "";
+      const box = `left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%${spin}`;
       if (el.type === "text") {
-        const style = `${box};font-size:${(el.fontSize ?? 24) / 7.2}vw;font-weight:${el.bold ? 700 : 400};color:${escapeAttr(el.color ?? fg)};text-align:${escapeAttr(el.align ?? "left")};white-space:pre-wrap`;
-        return `<div class="el" style="${style}">${escapeXml(el.text ?? "")}</div>`;
+        const style = `${box};font-size:${el.fontSize ?? 24}px;font-weight:${el.bold ? 700 : 400};color:${escapeAttr(el.color ?? fg)};text-align:${escapeAttr(el.align ?? "left")};white-space:pre-wrap`;
+        return `<div class="el" style="${style}">${escapeXml2(el.text ?? "")}</div>`;
       }
       if (el.type === "shape") {
-        const fill = escapeAttr(el.fill ?? fg);
-        const radius = el.shape === "ellipse" ? "50%" : el.shape === "line" ? "2px" : "8px";
-        return `<div class="el" style="${box};background:${fill};border-radius:${radius}"></div>`;
+        const radius = el.shape === "ellipse" ? "50%" : el.shape === "line" ? "2px" : `${Number(el.radius ?? 8)}px`;
+        const paint = el.fill || el.shape === "line" ? `background:${escapeAttr(el.fill ?? fg)}` : `background:transparent;border:1.5px solid ${escapeAttr(fg)};box-sizing:border-box`;
+        return `<div class="el" style="${box};${paint};border-radius:${radius}"></div>`;
       }
       const src = safeSrc(el.src);
-      return src ? `<img class="el" style="${box}" src="${escapeAttr(src)}"/>` : "";
+      const imgStyle = `${box};object-fit:${el.fit === "cover" ? "cover" : "contain"}${el.radius ? `;border-radius:${Number(el.radius)}px` : ""}`;
+      return src ? `<img class="el" style="${imgStyle}" src="${escapeAttr(src)}"/>` : "";
     }).join("");
     const pad = slide.padding ?? 0;
     const inner = pad ? `<div style="position:absolute;inset:${pad}%">${els}</div>` : els;
     return `<section class="slide" style="background:${escapeAttr(bg)}">${inner}</section>`;
   }).join("");
-  return `<!doctype html><html><head><meta charset="utf-8"><title>${escapeXml(title)}</title><style>
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${escapeXml2(title)}</title><style>
     @page { size: 1280px 720px; margin: 0; }
     * { margin: 0; box-sizing: border-box; }
     body { font-family: Inter, Arial, sans-serif; }
     .slide { position: relative; width: 1280px; height: 720px; overflow: hidden; page-break-after: always; }
-    .el { position: absolute; overflow: hidden; line-height: 1.25; }
+    .el { position: absolute; overflow: hidden; line-height: 1.2; }
+    /* PowerPoint lets text paint past its box \u2014 only shapes/images clip. */
+    div.el { overflow: visible; }
+    img.el { overflow: hidden; }
     img.el { object-fit: contain; }
   </style></head><body>${pages}</body></html>`;
 }
@@ -3033,7 +4677,7 @@ function htmlSlideToPrintHtml(html, ratio) {
   const i = html.toLowerCase().lastIndexOf("</head>");
   return i === -1 ? style + html : html.slice(0, i) + style + html.slice(i);
 }
-function escapeXml(value) {
+function escapeXml2(value) {
   return String(value ?? "").replace(/[&<>]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;" })[c]);
 }
 function escapeAttr(value) {
@@ -3046,7 +4690,7 @@ function safeSrc(src) {
 function csvCell(value) {
   return /[",\n]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
 }
-function escapeHtml(text) {
+function escapeHtml2(text) {
   return text.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
 }
 var EXPORT_CSS = `
@@ -3090,9 +4734,10 @@ function printToPdf(html) {
   document.body.appendChild(iframe);
 }
 var PDF_TYPES = /* @__PURE__ */ new Set(["html", "document", "chart", "slides"]);
-var escapeHtml2 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-var escapeAttr2 = (s) => escapeHtml2(s).replace(/"/g, "&quot;");
+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] ?? [];
@@ -3133,7 +4778,7 @@ function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
       return h == null ? null : toStandaloneHtml(artifact2.title, h);
     })();
     if (html == null) return;
-    const wrapper = `<!doctype html><html><head><meta charset="utf-8"><title>${escapeHtml2(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 wrapper = `<!doctype html><html><head><meta charset="utf-8"><title>${escapeHtml3(artifact2.title)}</title><style>html,body{margin:0;height:100%}iframe{display:block;width:100%;height:100%;border:0}</style></head><body><iframe sandbox="allow-scripts allow-popups allow-modals" srcdoc="${escapeAttr2(html)}"></iframe></body></html>`;
     const url = URL.createObjectURL(new Blob([wrapper], { type: "text/html" }));
     window.open(url, "_blank", "noopener");
     setTimeout(() => URL.revokeObjectURL(url), 1e4);
@@ -3160,14 +4805,14 @@ function ExportMenu({ artifact: artifact2, getRenderedHtml }) {
         onClick: () => setOpen((o) => !o),
         "aria-haspopup": "menu",
         "aria-expanded": open,
-        children: "Export \u25BE"
+        children: t("export")
       }
     ),
     open && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "cv-export__scrim", onClick: () => setOpen(false) }),
       /* @__PURE__ */ jsxs("div", { className: "cv-export__menu", role: "menu", children: [
-        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: openInTab, children: "Open in new tab \u2197" }),
-        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: copyHtml, children: copied ? "Copied \u2713" : "Copy HTML" }),
+        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: openInTab, children: t("openInTab") }),
+        /* @__PURE__ */ jsx("button", { role: "menuitem", onClick: copyHtml, children: copied ? t("copied") : t("copyHtml") }),
         /* @__PURE__ */ jsxs("button", { role: "menuitem", onClick: exportHtml, children: [
           "HTML ",
           /* @__PURE__ */ jsx("span", { className: "cv-export__ext", children: ".html" })
@@ -3256,17 +4901,17 @@ var GRADIENTS = [
 function StylePanel({ selection }) {
   const send = useCanvasStore((s) => s.sendIframeCommand);
   const setSelections = useCanvasStore((s) => s.setSelections);
-  const styles = selection.styles ?? {};
-  const [color, setColor] = useState(toHex2(styles.color));
-  const [background, setBackground] = useState(toHex2(styles.backgroundColor));
-  const [fontSize, setFontSize] = useState(px(styles.fontSize, 16));
-  const [fontWeight, setFontWeight] = useState(String(styles.fontWeight ?? "400"));
-  const [textAlign, setTextAlign] = useState(styles.textAlign ?? "left");
-  const [lineHeight, setLineHeight] = useState(px(styles.lineHeight, 0));
-  const [letterSpacing, setLetterSpacing] = useState(px(styles.letterSpacing, 0));
-  const [padding, setPadding] = useState(px(styles.padding, 0));
-  const [radius, setRadius] = useState(px(styles.borderRadius, 0));
-  const [width, setWidth] = useState(px(styles.width, 0));
+  const styles2 = selection.styles ?? {};
+  const [color, setColor] = useState(toHex2(styles2.color));
+  const [background, setBackground] = useState(toHex2(styles2.backgroundColor));
+  const [fontSize, setFontSize] = useState(px(styles2.fontSize, 16));
+  const [fontWeight, setFontWeight] = useState(String(styles2.fontWeight ?? "400"));
+  const [textAlign, setTextAlign] = useState(styles2.textAlign ?? "left");
+  const [lineHeight, setLineHeight] = useState(px(styles2.lineHeight, 0));
+  const [letterSpacing, setLetterSpacing] = useState(px(styles2.letterSpacing, 0));
+  const [padding, setPadding] = useState(px(styles2.padding, 0));
+  const [radius, setRadius] = useState(px(styles2.borderRadius, 0));
+  const [width, setWidth] = useState(px(styles2.width, 0));
   const bgFileRef = useRef(null);
   const dirty = useRef(false);
   const setStyle = (prop, value) => {
@@ -3508,10 +5153,17 @@ function useCanvasImport() {
   return { importFiles, canImport };
 }
 var ACCEPT = IMPORTABLE_EXTENSIONS.join(",");
-function Canvas({ registry = builtinRenderers, emptyState, onEditElement, onUserEdit }) {
-  return /* @__PURE__ */ jsx(CanvasRegistryProvider, { registry, children: /* @__PURE__ */ jsx(CanvasPanel, { emptyState, onEditElement, onUserEdit }) });
+function Canvas({ registry = builtinRenderers, locale, emptyState, onEditElement, onUserEdit, onSave }) {
+  return /* @__PURE__ */ jsx(CanvasRegistryProvider, { registry, children: /* @__PURE__ */ jsx(CanvasLocaleProvider, { locale, children: /* @__PURE__ */ jsx(CanvasPanel, { emptyState, onEditElement, onUserEdit, onSave }) }) });
 }
-function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
+function CanvasPanel({
+  emptyState,
+  onEditElement,
+  onUserEdit,
+  onSave
+}) {
+  const t = useT();
+  const debouncedSave = useCanvasSave(onSave);
   const { artifacts, order, activeId } = useCanvasStore((s) => s.canvas);
   const history = useCanvasStore((s) => s.canvas.history);
   const setActive = useCanvasStore((s) => s.setActiveArtifact);
@@ -3521,9 +5173,16 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
   const { importFiles } = useCanvasImport();
   const [dropping, setDropping] = useState(false);
   useEffect(() => {
-    setOnUserEdit(onUserEdit ?? null);
+    if (!onUserEdit && !debouncedSave) {
+      setOnUserEdit(null);
+      return;
+    }
+    setOnUserEdit((artifact2) => {
+      onUserEdit?.(artifact2);
+      debouncedSave?.(artifact2);
+    });
     return () => setOnUserEdit(null);
-  }, [onUserEdit, setOnUserEdit]);
+  }, [onUserEdit, debouncedSave, setOnUserEdit]);
   useEffect(() => {
     if (!selections.length) return;
     const onKey = (e) => {
@@ -3549,14 +5208,14 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
       if (e.dataTransfer.files.length) void importFiles(e.dataTransfer.files);
     }
   };
-  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: "Drop to open on the canvas" }) : null;
+  const dropOverlay = dropping ? /* @__PURE__ */ jsx("div", { className: "cv-canvas__drop", children: t("dropToOpen") }) : null;
   if (!active) {
     return /* @__PURE__ */ jsxs("aside", { className: "cv-canvas cv-canvas--empty", ...dropProps, children: [
       emptyState ?? /* @__PURE__ */ jsx(EmptyState, { onOpenFiles: importFiles }),
       dropOverlay
     ] });
   }
-  const versions = history[active.id] ?? [active];
+  const versions2 = history[active.id] ?? [active];
   const showSelection = Boolean(onEditElement) && selections.length > 0 && selections[0].artifactId === active.id;
   return /* @__PURE__ */ jsxs("aside", { className: "cv-canvas", ...dropProps, children: [
     dropOverlay,
@@ -3571,18 +5230,19 @@ function CanvasPanel({ emptyState, onEditElement, onUserEdit }) {
       },
       id
     )) }),
-    /* @__PURE__ */ jsx(ArtifactView, { artifact: active, versions }, active.id),
+    /* @__PURE__ */ jsx(ArtifactView, { artifact: active, versions: versions2 }, active.id),
     showSelection && onEditElement && /* @__PURE__ */ jsxs(Fragment, { children: [
       active.type === "html" && selections.length === 1 && /* @__PURE__ */ jsx(StylePanel, { selection: selections[0] }, selections[0].cid),
       /* @__PURE__ */ jsx(SelectionBar, { selections, onEdit: onEditElement, onClear: () => setSelections([]) })
     ] })
   ] });
 }
-function ArtifactView({ artifact: artifact2, versions }) {
+function ArtifactView({ artifact: artifact2, versions: versions2 }) {
+  const t = useT();
   const [viewIndex, setViewIndex] = useState(null);
   const bodyRef = useRef(null);
-  const shown = viewIndex === null ? artifact2 : versions[Math.min(viewIndex, versions.length - 1)] ?? artifact2;
-  const isHistory = viewIndex !== null && shown !== artifact2;
+  const shown = viewIndex === null ? artifact2 : versions2[Math.min(viewIndex, versions2.length - 1)] ?? artifact2;
+  const viewingHistory = viewIndex !== null && shown !== artifact2;
   const Renderer = useRenderer(shown.type);
   const getRenderedHtml = () => {
     const node = bodyRef.current;
@@ -3600,40 +5260,45 @@ function ArtifactView({ artifact: artifact2, versions }) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "cv-header__actions", children: [
         /* @__PURE__ */ jsx(UndoRedo, {}),
-        versions.length > 1 && /* @__PURE__ */ jsx(
-          VersionRail,
+        versions2.length > 1 && /* @__PURE__ */ jsx(
+          VersionHistory,
           {
-            total: versions.length,
-            index: viewIndex ?? versions.length - 1,
-            onSelect: (i) => setViewIndex(i === versions.length - 1 ? null : i)
+            versions: versions2,
+            index: viewIndex ?? versions2.length - 1,
+            onSelect: (i) => setViewIndex(i === versions2.length - 1 ? null : i)
           }
         ),
         /* @__PURE__ */ jsx(ExportMenu, { artifact: shown, getRenderedHtml })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(
+    viewingHistory && /* @__PURE__ */ jsxs("div", { className: "cv-history-banner", role: "status", children: [
+      "v",
+      Math.min((viewIndex ?? 0) + 1, versions2.length),
+      " / ",
+      versions2.length,
+      " \xB7 ",
+      t("historyNote"),
+      " ",
+      /* @__PURE__ */ jsx("button", { onClick: () => setViewIndex(null), children: t("backToLatest") })
+    ] }),
+    /* @__PURE__ */ jsx(
       "div",
       {
-        className: `cv-body${shown.type === "table" || shown.type === "pdf" ? " cv-body--flush" : ""}${isHistory ? " cv-body--history" : ""}`,
+        className: `cv-body${shown.type === "table" || shown.type === "pdf" ? " cv-body--flush" : ""}${viewingHistory ? " cv-body--history" : ""}`,
         ref: bodyRef,
-        "aria-readonly": isHistory || void 0,
-        children: [
-          isHistory && /* @__PURE__ */ jsxs("div", { className: "cv-history-note", role: "status", children: [
-            "Viewing v",
-            Math.min(viewIndex + 1, versions.length),
-            " (read-only) \u2014 select the latest version to edit"
-          ] }),
-          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."
-          ] })
-        ]
+        "aria-readonly": viewingHistory || void 0,
+        children: Renderer ? /* @__PURE__ */ jsx(RendererBoundary, { resetKey: `${shown.id}:${shown.version}`, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "cv-fallback", children: t("loading") }), children: /* @__PURE__ */ jsx(Renderer, { artifact: shown }) }) }) : /* @__PURE__ */ jsxs("div", { className: "cv-fallback", children: [
+          t("noRenderer"),
+          " \u201C",
+          shown.type,
+          "\u201D."
+        ] })
       }
     )
   ] });
 }
 function UndoRedo() {
+  const t = useT();
   const undo = useCanvasStore((s) => s.undo);
   const redo = useCanvasStore((s) => s.redo);
   const canUndo = useCanvasStore((s) => s.undoStack.length > 0);
@@ -3653,29 +5318,65 @@ function UndoRedo() {
     return () => window.removeEventListener("keydown", onKey);
   }, [undo, redo]);
   return /* @__PURE__ */ jsxs("div", { className: "cv-undo", role: "group", "aria-label": "Undo and redo", children: [
-    /* @__PURE__ */ jsx("button", { onClick: undo, disabled: !canUndo, title: "Undo (\u2318Z)", "aria-label": "Undo", children: "\u21B6" }),
-    /* @__PURE__ */ jsx("button", { onClick: redo, disabled: !canRedo, title: "Redo (\u2318\u21E7Z)", "aria-label": "Redo", children: "\u21B7" })
+    /* @__PURE__ */ jsx("button", { onClick: undo, disabled: !canUndo, title: `${t("undo")} (\u2318Z)`, "aria-label": t("undo"), children: "\u21B6" }),
+    /* @__PURE__ */ jsx("button", { onClick: redo, disabled: !canRedo, title: `${t("redo")} (\u2318\u21E7Z)`, "aria-label": t("redo"), children: "\u21B7" })
   ] });
 }
-function VersionRail({ total, index, onSelect }) {
-  return /* @__PURE__ */ jsxs("div", { className: "cv-versions", role: "group", "aria-label": "Version history", children: [
-    /* @__PURE__ */ jsx("button", { className: "cv-versions__nav", disabled: index === 0, onClick: () => onSelect(index - 1), "aria-label": "Previous version", children: "\u2039" }),
-    /* @__PURE__ */ jsxs("span", { className: "cv-versions__label", children: [
-      "v",
-      index + 1,
-      " / ",
-      total
-    ] }),
+function VersionHistory({
+  versions: versions2,
+  index,
+  onSelect
+}) {
+  const t = useT();
+  const [open, setOpen] = useState(false);
+  const total = versions2.length;
+  const pick = (i) => {
+    setOpen(false);
+    onSelect(i);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "cv-versions", role: "group", "aria-label": t("versionHistory"), children: [
+    /* @__PURE__ */ jsx("button", { className: "cv-versions__nav", disabled: index === 0, onClick: () => pick(index - 1), "aria-label": t("prevVersion"), children: "\u2039" }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "cv-versions__label",
+        "aria-expanded": open,
+        "aria-label": "Open version history",
+        onClick: () => setOpen((v) => !v),
+        children: [
+          "v",
+          index + 1,
+          " / ",
+          total
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       "button",
       {
         className: "cv-versions__nav",
         disabled: index === total - 1,
-        onClick: () => onSelect(index + 1),
-        "aria-label": "Next version",
+        onClick: () => pick(index + 1),
+        "aria-label": t("nextVersion"),
         children: "\u203A"
       }
-    )
+    ),
+    open && /* @__PURE__ */ jsx("ul", { className: "cv-versions__list", role: "listbox", "aria-label": "Versions", children: versions2.map((snapshot, i) => ({ snapshot, i })).reverse().map(({ snapshot, i }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        role: "option",
+        "aria-selected": i === index,
+        className: i === index ? "is-current" : void 0,
+        onClick: () => pick(i),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "cv-versions__v", children: [
+            "v",
+            i + 1
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "cv-versions__desc", children: typeof snapshot.meta?.commitDescription === "string" ? snapshot.meta.commitDescription : "Snapshot" })
+        ]
+      }
+    ) }, i)) })
   ] });
 }
 function StatusBadge({ status }) {
@@ -3708,12 +5409,12 @@ function EmptyState({ onOpenFiles }) {
   ] });
 }
 var TYPE_META = {
-  html: { icon: "\u{1F310}", label: "Web page" },
-  document: { icon: "\u{1F4C4}", label: "Word document" },
-  chart: { icon: "\u{1F4CA}", label: "Chart" },
-  table: { icon: "\u{1F522}", label: "Excel sheet" },
-  slides: { icon: "\u{1F4FD}\uFE0F", label: "PowerPoint deck" },
-  pdf: { icon: "\u{1F4D5}", label: "PDF" }
+  html: { icon: "\u{1F310}", label: "kindWeb" },
+  document: { icon: "\u{1F4C4}", label: "kindDocument" },
+  chart: { icon: "\u{1F4CA}", label: "kindChart" },
+  table: { icon: "\u{1F522}", label: "kindTable" },
+  slides: { icon: "\u{1F4FD}\uFE0F", label: "kindSlides" },
+  pdf: { icon: "\u{1F4D5}", label: "kindPdf" }
 };
 var KIND_META = {
   web: TYPE_META.html,
@@ -3730,9 +5431,10 @@ var KIND_META = {
 function resolveCardMeta(artifact2) {
   const kind = typeof artifact2.meta?.kind === "string" ? artifact2.meta.kind : void 0;
   const byKind = kind ? KIND_META[kind] : void 0;
-  return byKind ?? TYPE_META[artifact2.type] ?? { icon: "\u{1F4CE}", label: artifact2.type };
+  return byKind ?? TYPE_META[artifact2.type] ?? { icon: "\u{1F4CE}" };
 }
 function ArtifactCard({ artifactId }) {
+  const t = useT();
   const artifact2 = useCanvasStore((s) => s.canvas.artifacts[artifactId]);
   const setActive = useCanvasStore((s) => s.setActiveArtifact);
   if (!artifact2) return null;
@@ -3742,12 +5444,12 @@ function ArtifactCard({ artifactId }) {
     /* @__PURE__ */ jsxs("span", { className: "cv-card__meta", children: [
       /* @__PURE__ */ jsx("b", { children: artifact2.title }),
       /* @__PURE__ */ jsxs("span", { children: [
-        meta.label,
+        meta.label ? t(meta.label) : artifact2.type,
         " \xB7 ",
-        artifact2.status === "streaming" ? "writing\u2026" : "open \u2192"
+        artifact2.status === "streaming" ? t("writing") : t("open")
       ] })
     ] })
   ] });
 }
-export { ArtifactCard, Canvas, CanvasRegistryProvider, ChartRenderer, DocumentRenderer, ExportMenu, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, PdfRenderer, STYLE_PROPS, SelectionBar, SlidesRenderer, StylePanel, TableRenderer, builtinRenderers, canImport, dataExporters, downloadBlob, importFile, mergeRegistries, mockStream, parseCsv, parseSSE, printToPdf, scenarios, slidesToPrintHtml, slugify, streamChat, toStandaloneHtml, useCanvasImport, useCanvasReplay, useCanvasStream, useRenderer, withInspector };
+export { ArtifactCard, Canvas, CanvasRegistryProvider, ChartRenderer, DocumentRenderer, ExportMenu, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, PdfRenderer, STYLE_PROPS, SelectionBar, SlidesRenderer, StylePanel, TableRenderer, builtinRenderers, canImport, dataExporters, downloadBlob, importFile, mergeRegistries, mockStream, parseCsv, parseSSE, printToPdf, scenarios, slidesToPrintHtml, slugify, streamChat, toStandaloneHtml, useCanvasImport, useCanvasReplay, useCanvasSave, useCanvasStream, useRenderer, withInspector };