@hwp-editor/react 1.3.0 → 1.4.1

package/dist/index.js

@@ -26,10 +26,10 @@ function useHwpEditorContext() {
 
 // src/PageCanvas.tsx
 import { useMemo } from "react";
-import { base64, segmentAtRef, segmentText, selectionAction } from "@hwp-editor/core";
+import { base64, segmentAtRef, segmentText as segmentText2, selectionAction } from "@hwp-editor/core";
 
 // src/geometry.ts
-import { segmentAtOffset, markdownLength } from "@hwp-editor/core";
+import { segmentAtOffset, markdownLength, segmentIdPath } from "@hwp-editor/core";
 function clamp(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
@@ -81,21 +81,46 @@ function idIndex(envelope) {
   idIndexes.set(envelope, index);
   return index;
 }
+var pathIndexes = /* @__PURE__ */ new WeakMap();
+function pathIndex(envelope) {
+  const cached = pathIndexes.get(envelope);
+  if (cached !== void 0) return cached;
+  const index = /* @__PURE__ */ new Map();
+  for (const segment of envelope.segments) {
+    if (segment.id !== void 0 || segment.kind !== "para") continue;
+    const key = [segment.section, ...segment.indices ?? [segment.para]].join(".");
+    if (!index.has(key)) index.set(key, segment);
+  }
+  pathIndexes.set(envelope, index);
+  return index;
+}
+function rowSegment(envelope, rowId) {
+  const byId = idIndex(envelope).get(rowId);
+  if (byId !== void 0) return byId;
+  const path = segmentIdPath(rowId);
+  return path.length === 0 ? void 0 : pathIndex(envelope).get(path.join("."));
+}
+function hasIds(envelope) {
+  return envelope.segments.some((segment) => segment.id !== void 0);
+}
+function rowDraws(envelope, rowId, segment) {
+  if (segment.id !== void 0) return rowId === segment.id;
+  return rowSegment(envelope, rowId) === segment;
+}
 function segmentOnPage(envelope, page, xFraction, yFraction, pageIndex, pageCount) {
-  if (page.layout === void 0 || !envelope.segments.some((segment) => segment.id !== void 0)) {
+  if (page.layout === void 0 || !hasIds(envelope) && page.layout.rows.every((row) => rowSegment(envelope, row.id) === void 0)) {
     return nearestSegment(envelope, pageIndex, yFraction, pageCount);
   }
   const { width_pt, height_pt, rows } = page.layout;
   const x = clamp(xFraction, 0, 1) * width_pt;
   const y = clamp(yFraction, 0, 1) * height_pt;
-  const byId = idIndex(envelope);
   let best;
   let bestVertical = Infinity;
   let bestHorizontal = Infinity;
   let bestArea = Infinity;
   for (const row of rows) {
     const box = row.box;
-    const segment = byId.get(row.id);
+    const segment = rowSegment(envelope, row.id);
     if (box === null || segment === void 0) continue;
     const dx = Math.max(box.x0 - x, 0, x - box.x1);
     const dy = Math.max(box.y0 - y, 0, y - box.y1);
@@ -112,13 +137,13 @@ function segmentOnPage(envelope, page, xFraction, yFraction, pageIndex, pageCoun
   return best;
 }
 function bandsOnPage(envelope, segment, page, pageIndex, pageCount) {
-  if (page.layout === void 0 || segment.id === void 0) {
+  if (page.layout === void 0) {
     const band = segmentBand(envelope, segment, pageCount);
-    return band?.pageIndex === pageIndex ? [{ left: 0, top: band.top, width: 100, height: band.height }] : [];
+    return band?.pageIndex === pageIndex ? [{ left: 0, top: band.top, width: 100, height: band.height, approximate: true }] : [];
   }
   const target = ["run", "image", "field"].includes(segment.kind) && segment.indices !== void 0 ? envelope.segments.find((candidate) => candidate.kind === "para" && candidate.section === segment.section && candidate.indices !== void 0 && candidate.indices.length === segment.indices.length - 1 && candidate.indices.every((value, index) => value === segment.indices[index])) ?? segment : segment;
   const { width_pt, height_pt, rows } = page.layout;
-  return rows.filter((row) => row.id === target.id && row.box !== null).map((row) => {
+  return rows.filter((row) => row.box !== null && rowDraws(envelope, row.id, target)).map((row) => {
     const box = row.box;
     return {
       left: box.x0 / width_pt * 100,
@@ -129,32 +154,8 @@ function bandsOnPage(envelope, segment, page, pageIndex, pageCount) {
   });
 }
 
-// src/sanitize.ts
-function sanitizeSvg(svgText) {
-  const doc = new DOMParser().parseFromString(svgText, "image/svg+xml");
-  const root = doc.documentElement;
-  if (root === null || root.nodeName === "parsererror" || doc.getElementsByTagName("parsererror").length > 0) {
-    return "";
-  }
-  const dangerous = root.querySelectorAll("script, foreignObject");
-  for (const node of Array.from(dangerous)) node.remove();
-  scrubElement(root);
-  return root.outerHTML;
-}
-function scrubElement(el) {
-  for (const attr of Array.from(el.attributes)) {
-    const name = attr.name.toLowerCase();
-    const value = attr.value.trim().toLowerCase();
-    if (name.startsWith("on")) {
-      el.removeAttribute(attr.name);
-    } else if ((name === "href" || name === "xlink:href") && value.startsWith("javascript:")) {
-      el.removeAttribute(attr.name);
-    }
-  }
-  for (const child of Array.from(el.children)) scrubElement(child);
-}
-
 // src/text.ts
+import { segmentIdPath as segmentIdPath2, segmentText } from "@hwp-editor/core";
 function plainSegmentText(markdownSlice) {
   return markdownSlice.split("\n").map(stripLine).join("\n").trim();
 }
@@ -168,6 +169,41 @@ function stripLine(line) {
   out = out.replace(/`([^`]*)`/g, "$1");
   return out;
 }
+var LIST_MARKER = /^[ \t]*(?:\d{1,9}[.)]|[-*+])[ \t]+/;
+function paragraphSourceText(envelope, para, pages = []) {
+  const plain = plainSegmentText(segmentText(envelope, para));
+  const marker = LIST_MARKER.exec(plain);
+  if (marker === null) return plain;
+  const stripped = plain.slice(marker[0].length);
+  if (para.indices !== void 0) {
+    const first = envelope.segments.find((candidate) => candidate.kind === "run" && candidate.section === para.section && candidate.indices !== void 0 && candidate.indices.length === para.indices.length + 1 && para.indices.every((value, index) => candidate.indices[index] === value));
+    if (first !== void 0) {
+      const lead = [...segmentText(envelope, para)].slice(0, Math.max(0, first.start - para.start)).join("");
+      return LIST_MARKER.test(lead) && lead.trim() === marker[0].trim() ? stripped : plain;
+    }
+  }
+  const length = sourceLength(para, pages);
+  if (length === void 0) return plain;
+  return stripped.length === length && plain.length !== length ? stripped : plain;
+}
+function sourceLength(para, pages) {
+  let start = Infinity;
+  let end = -Infinity;
+  for (const page of pages) {
+    for (const row of page.layout?.rows ?? []) {
+      if (row.kind !== "para" || row.source_chars === null || !rowMatches(row.id, para)) continue;
+      start = Math.min(start, row.source_chars.start);
+      end = Math.max(end, row.source_chars.end);
+    }
+  }
+  return end >= start ? end - start : void 0;
+}
+function rowMatches(rowId, segment) {
+  if (segment.id !== void 0) return rowId === segment.id;
+  const path = segmentIdPath2(rowId);
+  const own = [segment.section, ...segment.indices ?? [segment.para]];
+  return path.length === own.length && path.every((value, index) => value === own[index]);
+}
 
 // src/PageCanvas.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -186,7 +222,7 @@ function PageCanvas() {
       if (segment !== void 0) selectedSegments.add(segment);
     }
   }
-  if (pages.length === 0) {
+  if (pages.length === 0 || envelope === null) {
     return /* @__PURE__ */ jsx("div", { className: "hwped-canvas", role: "main", "aria-label": t("canvas.aria"), children: /* @__PURE__ */ jsx("div", { className: "hwped-empty", children: t("canvas.emptyPages") }) });
   }
   const selectAt = (pageIndex, xFraction, yFraction, modifiers) => {
@@ -240,7 +276,7 @@ function bandsForPage(envelope, page, pageIndex, pageCount, selected, pendingKey
       bands.push({
         ...band,
         key: `${isSelected ? "sel" : "pend"}-${key}-${bandIdentity(segment)}-${index}`,
-        className: isSelected ? "hwped-band hwped-band-selected" : "hwped-band hwped-band-pending"
+        className: (isSelected ? "hwped-band hwped-band-selected" : "hwped-band hwped-band-pending") + (band.approximate ? " hwped-band-approximate" : "")
       });
     }
   }
@@ -250,13 +286,8 @@ function PageView(props) {
   const { page, onClick, onActivate, bands } = props;
   const { t } = useHwpEditorContext();
   const label = t("page.label", { page: page.page });
-  const svgHtml = useMemo(
-    () => page.format === "svg" ? sanitizeSvg(new TextDecoder().decode(page.data)) : null,
-    [page]
-  );
   const imgSrc = useMemo(() => {
-    if (page.format === "svg") return null;
-    const mime = page.format === "jpeg" ? "image/jpeg" : `image/${page.format}`;
+    const mime = page.format === "jpeg" ? "image/jpeg" : page.format === "svg" ? "image/svg+xml" : `image/${page.format}`;
     return `data:${mime};base64,${base64.encode(page.data)}`;
   }, [page]);
   return /* @__PURE__ */ jsxs(
@@ -275,17 +306,11 @@ function PageView(props) {
         }
       },
       children: [
-        svgHtml !== null ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "hwped-page-svg",
-            dangerouslySetInnerHTML: { __html: svgHtml }
-          }
-        ) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           "img",
           {
             className: "hwped-page-img",
-            src: imgSrc ?? "",
+            src: imgSrc,
             alt: label,
             width: page.width,
             height: page.height
@@ -295,6 +320,7 @@ function PageView(props) {
           "div",
           {
             className: band.className,
+            "data-approximate": band.className.includes("hwped-band-approximate") ? "true" : void 0,
             style: { top: `${band.top}%`, height: `${band.height}%`, left: `${band.left}%`, width: `${band.width}%` }
           },
           band.key
@@ -327,7 +353,7 @@ function targetsSegment(op, envelope, segment) {
     return "run" in at ? segment.kind === "run" && segment.indices?.length === 2 && segment.indices[1] === at.run : segment.kind === "para" && (segment.indices === void 0 || segment.indices.length === 1);
   }
   const target = opSearchText(op);
-  return target !== null && target !== "" && plainSegmentText(segmentText(envelope, segment)).includes(target);
+  return target !== null && target !== "" && plainSegmentText(segmentText2(envelope, segment)).includes(target);
 }
 
 // src/unit-input.ts
@@ -338,7 +364,7 @@ function isPlainDecimal(value) {
 
 // src/SegmentInspector.tsx
 import { useEffect, useMemo as useMemo2, useRef, useState } from "react";
-import { compareSegments, documentFormat, formatTargets as collectFormatTargets, hasDirectFormatting, hasOwnRef, isSectionDefinitionParagraph, paragraphAddress, paragraphRuns, resolveSelection, segmentAtRef as segmentAtRef2, segmentIdPath, segmentPath, segmentRef, segmentText as segmentText2, selectSimilar, selectedParagraphs, selectionAction as selectionAction2, stylesVersionSupported } from "@hwp-editor/core";
+import { compareSegments, documentFormat, formatTargets as collectFormatTargets, hasDirectFormatting, hasOwnRef, isSectionDefinitionParagraph, paragraphAddress, paragraphRuns, resolveSelection, segmentAtRef as segmentAtRef2, segmentIdPath as segmentIdPath3, segmentPath, segmentRef, segmentText as segmentText3, selectSimilar, selectedParagraphs, selectionAction as selectionAction2, stylesVersionSupported } from "@hwp-editor/core";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ALIGNMENTS = [
   { value: "left", key: "segment.alignLeft" },
@@ -354,6 +380,14 @@ var SHAPE_KEYS = [
   { value: "top", key: "segment.shape.top" },
   { value: "bottom", key: "segment.shape.bottom" }
 ];
+var CLICK_REFUSAL_MESSAGE = {
+  cell: "segment.clickRefusedCell",
+  table: "segment.clickRefusedTable",
+  container: "segment.clickRefusedContainer",
+  unaddressable: "segment.clickRefusedUnaddressable",
+  unaddressableRuns: "segment.clickRefusedUnaddressableRuns",
+  noRuns: "segment.clickRefusedNoRuns"
+};
 function SegmentInspector() {
   const { state, store, envelope, editable, capabilities, styles, stylesStatus, t, insertedHidden } = useHwpEditorContext();
   const { selection } = state;
@@ -378,11 +412,11 @@ function SegmentInspector() {
   })();
   const directStyleWhy = directStyleRow !== void 0 ? null : stylesStatus === "loading" ? "segment.directStyleLoading" : stylesStatus === "failed" ? "segment.directStyleFailed" : stylesStatus === "unsupported" ? "styles.unavailableHost" : capabilities === null ? "styles.checkingHost" : capabilities.styles !== "v1" ? stylesVersionSupported(capabilities.version) ? "styles.unavailableHost" : "segment.directStyleUnavailable" : "segment.directStyleUnknown";
   const refusalText = (reason) => reason === null || reason === void 0 ? null : reason === "cell" ? t("segment.cellSelectionRefused") : reason === "table" ? t("segment.tableSelectionRefused") : reason === "container" ? t("segment.containerSelectionRefused") : t("segment.noParagraphSelection");
-  const clickRefusedText = (reason) => reason === null || reason === void 0 ? null : reason === "cell" ? t("segment.clickRefusedCell") : reason === "table" ? t("segment.clickRefusedTable") : reason === "container" ? t("segment.clickRefusedContainer") : t("segment.clickRefusedUnaddressable");
+  const clickRefusedText = (reason) => reason === null || reason === void 0 ? null : t(CLICK_REFUSAL_MESSAGE[reason]);
   const refusalReason2 = refusalText(targets?.refusal);
   const targetLabel = segment === void 0 ? "" : segment.kind === "cell" ? t("segment.selectedCell", { path: segmentPath(segment), count: paragraphTargets.length }) : singleParagraph === void 0 ? "" : t("segment.selectedPara", { path: segmentPath(singleParagraph) });
-  const currentText = envelope !== null && paragraphTargets.length > 0 ? plainSegmentText(paragraphTargets.map((candidate) => segmentText2(envelope, candidate)).join("\n")) : "";
-  const markdownText = envelope !== null && singleParagraph !== void 0 ? segmentText2(envelope, singleParagraph) : "";
+  const currentText = envelope !== null && paragraphTargets.length > 0 ? paragraphTargets.map((candidate) => paragraphSourceText(envelope, candidate, state.pages)).join("\n").trim() : "";
+  const markdownText = envelope !== null && singleParagraph !== void 0 ? segmentText3(envelope, singleParagraph) : "";
   const supplementaryStarts = useMemo2(() => {
     const positions = [];
     let offset = 0;
@@ -441,7 +475,7 @@ function SegmentInspector() {
     if (insertionRun === null || !insertionCurrent || runParent === void 0) return [];
     const section = insertionRun[0].section;
     return insertedHidden.ids.flatMap((id) => {
-      const [idSection, ...indices] = segmentIdPath(id);
+      const [idSection, ...indices] = segmentIdPath3(id);
       if (idSection !== section || indices.length !== runParent.length + 1) return [];
       if (!runParent.every((index, at) => indices[at] === index)) return [];
       return [{ id, index: indices[indices.length - 1] }];
@@ -557,7 +591,10 @@ function SegmentInspector() {
       type: "selectMany",
       selections: refs,
       primary,
-      ...state.selectionAnchor === null || state.selectionAnchor === void 0 ? { anchor: primary } : { anchor: state.selectionAnchor }
+      // A matching-character-format selection is a new run selection, so its
+      // anchor is its own primary (#71 rule 7), never a run left over from an
+      // earlier one. The paragraph level keeps an existing anchor as before.
+      ...level === "char" || state.selectionAnchor === null || state.selectionAnchor === void 0 ? { anchor: primary } : { anchor: state.selectionAnchor }
     });
   };
   const moveParagraph = (direction) => {
@@ -645,7 +682,7 @@ function SegmentInspector() {
               style: { maxHeight: "12rem", overflowY: "auto" },
               children: paragraphs.map((candidate, index) => {
                 const isSelected = selected.some((item) => item === candidate || item.id !== void 0 && item.id === candidate.id || item.id === void 0 && candidate.id === void 0 && item.section === candidate.section && item.para === candidate.para);
-                const snippet = plainSegmentText(segmentText2(envelope, candidate)).trim().replace(/\s+/g, " ");
+                const snippet = plainSegmentText(segmentText3(envelope, candidate)).trim().replace(/\s+/g, " ");
                 const text = snippet.length > 96 ? `${snippet.slice(0, 93)}...` : snippet || t("segment.emptyPara");
                 const label = t("segment.choiceLabel", { index: index + 1, text });
                 return /* @__PURE__ */ jsx2(
@@ -671,9 +708,9 @@ function SegmentInspector() {
             // state holds and the targets the format op will address.
             children: hasRunSelection ? t("segment.selectedRunCount", { count: explicitSegments.length }) : t("segment.selectedCount", { count: selected.length })
           }),
-          // A run-level selection formats runs, and a modifier click from it
-          // starts a paragraph selection over instead of joining the runs.
-          hasRunSelection && /* @__PURE__ */ jsx2("p", { className: "hwped-hint", role: "status", children: t("segment.runSelectionTerminal") }),
+          // A run-level selection formats runs, and a modifier click keeps it at
+          // run level: Ctrl toggles a unit's runs, Shift extends by run (#71).
+          hasRunSelection && /* @__PURE__ */ jsx2("p", { className: "hwped-hint", role: "status", children: t("segment.runSelectionGestures") }),
           // A modifier click that had no paragraph to add left the selection
           // alone, and reports the click here whatever the selection's own
           // reason is: the reader's action is what was refused, and a click
@@ -1542,7 +1579,7 @@ import { useEffect as useEffect3, useState as useState3 } from "react";
 import { tableCountMismatch } from "@hwp-editor/core";
 
 // src/tables.ts
-import { segmentText as segmentText3 } from "@hwp-editor/core";
+import { segmentText as segmentText4 } from "@hwp-editor/core";
 var GFM_DELIMITER_CELL = /^:?-{2,}:?$/;
 function endsWithCellDelimiter(row) {
   if (!row.endsWith("|")) return false;
@@ -1609,7 +1646,7 @@ function findTables(envelope) {
     tables.push({
       tableIndex: tables.length,
       segment,
-      rows: parseMarkdownTable(segmentText3(envelope, segment))
+      rows: parseMarkdownTable(segmentText4(envelope, segment))
     });
   }
   return tables;
@@ -1914,7 +1951,7 @@ function TableGrid() {
 
 // src/FieldsPanel.tsx
 import { useMemo as useMemo3, useState as useState4 } from "react";
-import { segmentAtRef as segmentAtRef4, segmentText as segmentText4 } from "@hwp-editor/core";
+import { segmentAtRef as segmentAtRef4, segmentText as segmentText5 } from "@hwp-editor/core";
 
 // src/fields.ts
 import { resolveSelection as resolveSelection3, segmentRef as segmentRef3 } from "@hwp-editor/core";
@@ -1983,7 +2020,7 @@ function FieldsPanel() {
         legacy && /* @__PURE__ */ jsx5("p", { className: "hwped-hint", children: t("fields.legacySeparatorHint") }),
         slots.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "hwped-hint", children: t("fields.hint") }) : /* @__PURE__ */ jsx5("ul", { className: "hwped-fields", children: slots.map((slot) => {
           const segment = envelope === null ? void 0 : segmentAtRef4(envelope, slot.segment);
-          const snippet = envelope === null || segment === void 0 ? "" : segmentText4(envelope, segment).trim().slice(0, 40);
+          const snippet = envelope === null || segment === void 0 ? "" : segmentText5(envelope, segment).trim().slice(0, 40);
           const draft = drafts[slot.name] ?? "";
           return /* @__PURE__ */ jsxs5("li", { className: "hwped-field-item", children: [
             /* @__PURE__ */ jsx5("div", { className: "hwped-row", children: /* @__PURE__ */ jsx5(
@@ -3834,7 +3871,7 @@ var en = {
   "segment.rangeTextEditHint": "A character range formats text but cannot rewrite it. Use whole paragraph to edit its text.",
   "segment.runTextEditHint": "A run selection formats runs only, so the text controls are off. Select a paragraph to edit its text.",
   "segment.runSelectionParagraphs": (p) => p.count === 1 ? "Alignment and spacing apply to the 1 paragraph containing a selected run." : `Alignment and spacing apply to all ${p.count} paragraphs containing a selected run.`,
-  "segment.runSelectionTerminal": "Starts a new paragraph selection",
+  "segment.runSelectionGestures": "Ctrl adds or removes a paragraph's runs; Shift extends by run.",
   "segment.noParagraphSelection": "This selection carries no paragraph the engine can address, so paragraph edits are off. Pick a paragraph from the list above.",
   "segment.cellSelectionRefused": "This selection is a table cell. Alignment and spacing apply to every paragraph in the cell, but replace, insert and delete address exactly one paragraph, and the engine refuses to delete a cell's last one. Pick a paragraph from the list above.",
   "segment.tableSelectionRefused": "This selection is a table, not a paragraph. The paragraph that holds the table also holds its own text, so editing or deleting it would take the table with it. Pick a paragraph from the list above.",
@@ -3850,6 +3887,8 @@ var en = {
   "segment.clickRefusedTable": "The click added nothing: a table has no paragraph of its own, so there is none to add. Click a paragraph or a cell.",
   "segment.clickRefusedContainer": "The click added nothing: an image, a field or a bookmark has no text of its own, so there is no paragraph to add. Click a paragraph or a cell.",
   "segment.clickRefusedUnaddressable": "That unit does not name a paragraph the engine can address, so the click selected nothing. Click a paragraph or a cell.",
+  "segment.clickRefusedUnaddressableRuns": "The clicked paragraph or cell has runs, but the engine published no address for them, so the click selected nothing. Click without Ctrl or Shift to select the whole paragraph, or click a paragraph or cell whose runs have addresses.",
+  "segment.clickRefusedNoRuns": "The clicked paragraph or cell has no runs to add. Click a paragraph or cell that has text.",
   "segment.selectSimilar": "Select content with matching direct formatting",
   "segment.similarChar": "Matching character format",
   "segment.similarPara": "Matching paragraph format",
@@ -3976,6 +4015,7 @@ var en = {
   "error.staleCompose": "The open document changed while the new document was being composed; compose again.",
   "error.stalePreview": "The document changed while this preview was being made; preview again on the open document.",
   "error.unmatchedReplace": "The engine found no text to replace in that paragraph, so nothing was applied. Select the text again and retry.",
+  "error.unresolvableAddress": "The engine could not address the edit's paragraph or run. Runs inside some nested paragraphs cannot be addressed. Format text in a top-level paragraph or a table cell, or edit this target in a word processor.",
   "error.runRangeConflict": "A run format change was refused because an earlier pending change in that paragraph (text, a link, a field, a bookmark, an image or a cell) may change its text, so the run might no longer name the same characters. Nothing was applied. Remove the format change from the pending list, apply the rest, then format the run again; or queue the format change before the others.",
   "error.rangeTagRefused": "This HWP document holds a range mark the engine cannot move, so a pending edit was refused and nothing was applied. Edits that move text around the mark are refused: changing a paragraph's text length, changing a field's value to one of a different length, inserting or deleting a link, field, bookmark or image, or deleting a table. A table cell that holds a mark refuses any change to its content. The engine does not say which edit. Remove those pending edits from the pending list (a same-length text replacement in a paragraph, or a same-length field value, is accepted) and apply the rest. To make those edits, convert the document to HWPX, which drops the range marks, or remove the mark in Hangul, then reopen it; reopening drops the pending list.",
   "error.stoppedWithoutDiagnostic": STOPPED_WITHOUT_DIAGNOSTIC,
@@ -4305,7 +4345,7 @@ var ko = {
   "segment.rangeTextEditHint": "\uAE00\uC790 \uBC94\uC704 \uC120\uD0DD\uC740 \uC11C\uC2DD\uB9CC \uBC14\uAFC0 \uC218 \uC788\uACE0 \uD14D\uC2A4\uD2B8\uB294 \uBC14\uAFC0 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uD14D\uC2A4\uD2B8\uB97C \uD3B8\uC9D1\uD558\uB824\uBA74 \uBB38\uB2E8 \uC804\uCCB4\uB97C \uC0AC\uC6A9\uD558\uC138\uC694.",
   "segment.runTextEditHint": "run \uC120\uD0DD\uC740 \uC11C\uC2DD\uB9CC \uBC14\uAFC0 \uC218 \uC788\uC5B4 \uD14D\uC2A4\uD2B8 \uC785\uB825\uB780\uC744 \uC4F8 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uD14D\uC2A4\uD2B8\uB97C \uD3B8\uC9D1\uD558\uB824\uBA74 \uBB38\uB2E8\uC744 \uC120\uD0DD\uD558\uC138\uC694.",
   "segment.runSelectionParagraphs": (p) => `\uBB38\uB2E8 \uC815\uB82C\uACFC \uAC04\uACA9\uC740 \uC120\uD0DD\uD55C run\uC774 \uC788\uB294 \uBB38\uB2E8 ${p.count}\uAC1C \uC804\uCCB4\uC5D0 \uC801\uC6A9\uB429\uB2C8\uB2E4.`,
-  "segment.runSelectionTerminal": "\uC0C8 \uBB38\uB2E8 \uC120\uD0DD\uC774 \uC2DC\uC791\uB429\uB2C8\uB2E4",
+  "segment.runSelectionGestures": "Ctrl\uB85C \uBB38\uB2E8\uC758 run\uC744 \uB354\uD558\uAC70\uB098 \uBE7C\uACE0, Shift\uB85C run \uB2E8\uC704\uB85C \uB113\uD799\uB2C8\uB2E4.",
   "segment.noParagraphSelection": "\uC774 \uC120\uD0DD\uC5D0\uB294 \uC5D4\uC9C4\uC774 \uC8FC\uC18C\uB85C \uC9C0\uC815\uD560 \uC218 \uC788\uB294 \uBB38\uB2E8\uC774 \uC5C6\uC5B4 \uBB38\uB2E8 \uD3B8\uC9D1\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC704 \uBAA9\uB85D\uC5D0\uC11C \uBB38\uB2E8\uC744 \uC120\uD0DD\uD558\uC138\uC694.",
   "segment.cellSelectionRefused": "\uC774 \uC120\uD0DD\uC740 \uD45C\uC758 \uC140\uC785\uB2C8\uB2E4. \uC815\uB82C\uACFC \uBB38\uB2E8 \uBAA8\uC591\uC740 \uC140 \uC548\uC758 \uBAA8\uB4E0 \uBB38\uB2E8\uC5D0 \uC801\uC6A9\uB418\uC9C0\uB9CC, \uAD50\uCCB4, \uC0BD\uC785, \uC0AD\uC81C\uB294 \uBB38\uB2E8 \uD558\uB098\uB9CC \uB300\uC0C1\uC73C\uB85C \uD558\uBA70, \uC5D4\uC9C4\uC740 \uC140\uC758 \uB9C8\uC9C0\uB9C9 \uBB38\uB2E8 \uC0AD\uC81C\uB3C4 \uAC70\uBD80\uD569\uB2C8\uB2E4. \uC704 \uBAA9\uB85D\uC5D0\uC11C \uBB38\uB2E8\uC744 \uC120\uD0DD\uD558\uC138\uC694.",
   "segment.tableSelectionRefused": "\uC774 \uC120\uD0DD\uC740 \uBB38\uB2E8\uC774 \uC544\uB2C8\uB77C \uD45C\uC785\uB2C8\uB2E4. \uD45C\uB97C \uB2F4\uACE0 \uC788\uB294 \uBB38\uB2E8\uC740 \uC790\uAE30 \uD14D\uC2A4\uD2B8\uB3C4 \uD568\uAED8 \uB2F4\uACE0 \uC788\uC5B4, \uADF8 \uBB38\uB2E8\uC744 \uD3B8\uC9D1\uD558\uAC70\uB098 \uC0AD\uC81C\uD558\uBA74 \uD45C\uAC00 \uC0AC\uB77C\uC9D1\uB2C8\uB2E4. \uC704 \uBAA9\uB85D\uC5D0\uC11C \uBB38\uB2E8\uC744 \uC120\uD0DD\uD558\uC138\uC694.",
@@ -4314,6 +4354,8 @@ var ko = {
   "segment.clickRefusedTable": "\uD074\uB9AD\uC73C\uB85C \uCD94\uAC00\uB41C \uBB38\uB2E8\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uD45C\uB294 \uC790\uCCB4 \uBB38\uB2E8\uC774 \uC5C6\uC5B4 \uCD94\uAC00\uD560 \uB300\uC0C1\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uBB38\uB2E8\uC774\uB098 \uC140\uC744 \uD074\uB9AD\uD558\uC138\uC694.",
   "segment.clickRefusedContainer": "\uD074\uB9AD\uC73C\uB85C \uCD94\uAC00\uB41C \uBB38\uB2E8\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uADF8\uB9BC, \uD544\uB4DC \uB610\uB294 \uCC45\uAC08\uD53C\uB294 \uC790\uCCB4 \uD14D\uC2A4\uD2B8\uAC00 \uC5C6\uC5B4 \uCD94\uAC00\uD560 \uBB38\uB2E8\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uBB38\uB2E8\uC774\uB098 \uC140\uC744 \uD074\uB9AD\uD558\uC138\uC694.",
   "segment.clickRefusedUnaddressable": "\uADF8 \uC694\uC18C\uB294 \uC5D4\uC9C4\uC774 \uC8FC\uC18C\uB85C \uC9C0\uC815\uD560 \uC218 \uC788\uB294 \uBB38\uB2E8\uC744 \uAC00\uB9AC\uD0A4\uC9C0 \uC54A\uC73C\uBBC0\uB85C \uD074\uB9AD\uC73C\uB85C \uC120\uD0DD\uB41C \uAC83\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uBB38\uB2E8\uC774\uB098 \uC140\uC744 \uD074\uB9AD\uD558\uC138\uC694.",
+  "segment.clickRefusedUnaddressableRuns": "\uD074\uB9AD\uD55C \uBB38\uB2E8\uC774\uB098 \uC140\uC5D0 run\uC740 \uC788\uC9C0\uB9CC \uC5D4\uC9C4\uC774 \uADF8 run\uC758 \uC8FC\uC18C\uB97C \uC81C\uACF5\uD558\uC9C0 \uC54A\uC544 \uC120\uD0DD\uB41C \uAC83\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. Ctrl\uC774\uB098 Shift \uC5C6\uC774 \uD074\uB9AD\uD574 \uBB38\uB2E8 \uC804\uCCB4\uB97C \uC120\uD0DD\uD558\uAC70\uB098, \uC8FC\uC18C\uAC00 \uC788\uB294 run\uC744 \uAC00\uC9C4 \uBB38\uB2E8\uC774\uB098 \uC140\uC744 \uD074\uB9AD\uD558\uC138\uC694.",
+  "segment.clickRefusedNoRuns": "\uD074\uB9AD\uD55C \uBB38\uB2E8\uC774\uB098 \uC140\uC5D0 \uCD94\uAC00\uD560 run\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uD14D\uC2A4\uD2B8\uAC00 \uC788\uB294 \uBB38\uB2E8\uC774\uB098 \uC140\uC744 \uD074\uB9AD\uD558\uC138\uC694.",
   "segment.selectSimilar": "\uC9C1\uC811 \uC11C\uC2DD\uC774 \uAC19\uC740 \uB0B4\uC6A9 \uC120\uD0DD",
   "segment.similarChar": "\uAC19\uC740 \uAE00\uC790 \uC11C\uC2DD",
   "segment.similarPara": "\uAC19\uC740 \uBB38\uB2E8 \uC11C\uC2DD",
@@ -4431,6 +4473,7 @@ var ko = {
   "error.staleCompose": "\uC0C8 \uBB38\uC11C\uB97C \uC791\uC131\uD558\uB294 \uB3D9\uC548 \uC5F4\uB9B0 \uBB38\uC11C\uAC00 \uBC14\uB00C\uC5C8\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC791\uC131\uD558\uC138\uC694.",
   "error.stalePreview": "\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uB9CC\uB4DC\uB294 \uB3D9\uC548 \uBB38\uC11C\uAC00 \uBC14\uB00C\uC5C8\uC2B5\uB2C8\uB2E4. \uC5F4\uB9B0 \uBB38\uC11C\uC5D0\uC11C \uB2E4\uC2DC \uBBF8\uB9AC\uBCF4\uAE30\uD558\uC138\uC694.",
   "error.unmatchedReplace": "\uD574\uB2F9 \uBB38\uB2E8\uC5D0\uC11C \uBC14\uAFC0 \uD14D\uC2A4\uD2B8\uB97C \uC5D4\uC9C4\uC774 \uCC3E\uC9C0 \uBABB\uD574 \uC544\uBB34\uAC83\uB3C4 \uC801\uC6A9\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uD14D\uC2A4\uD2B8\uB97C \uB2E4\uC2DC \uC120\uD0DD\uD55C \uB4A4 \uC7AC\uC2DC\uB3C4\uD558\uC138\uC694.",
+  "error.unresolvableAddress": "\uC5D4\uC9C4\uC774 \uD3B8\uC9D1 \uB300\uC0C1 \uBB38\uB2E8\uC774\uB098 run\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC77C\uBD80 \uC911\uCCA9 \uBB38\uB2E8 \uC548\uC758 run\uC740 \uC5D4\uC9C4\uC774 \uC8FC\uC18C\uB85C \uC9C0\uC815\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uCD5C\uC0C1\uC704 \uBB38\uB2E8\uC774\uB098 \uD45C \uC140\uC758 \uD14D\uC2A4\uD2B8\uC5D0 \uC11C\uC2DD\uC744 \uC9C0\uC815\uD558\uAC70\uB098, \uC774 \uB300\uC0C1\uC740 \uC6CC\uB4DC\uD504\uB85C\uC138\uC11C\uC5D0\uC11C \uD3B8\uC9D1\uD558\uC138\uC694.",
   "error.runRangeConflict": "\uAC19\uC740 \uBB38\uB2E8\uC5D0 \uB300\uAE30 \uC911\uC778 \uC55E\uC120 \uBCC0\uACBD(\uD14D\uC2A4\uD2B8, \uB9C1\uD06C, \uD544\uB4DC, \uCC45\uAC08\uD53C, \uC774\uBBF8\uC9C0, \uC140)\uC774 \uBB38\uB2E8 \uD14D\uC2A4\uD2B8\uB97C \uBC14\uAFC0 \uC218 \uC788\uC5B4 run\uC774 \uB354 \uC774\uC0C1 \uAC19\uC740 \uAE00\uC790\uB97C \uAC00\uB9AC\uD0A4\uC9C0 \uC54A\uC744 \uC218 \uC788\uC73C\uBBC0\uB85C run \uC11C\uC2DD \uBCC0\uACBD\uC774 \uAC70\uBD80\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC544\uBB34\uAC83\uB3C4 \uC801\uC6A9\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uB300\uAE30 \uBAA9\uB85D\uC5D0\uC11C \uC11C\uC2DD \uBCC0\uACBD\uC744 \uC81C\uAC70\uD558\uACE0 \uB098\uBA38\uC9C0\uB97C \uC801\uC6A9\uD55C \uB4A4 run \uC11C\uC2DD\uC744 \uB2E4\uC2DC \uC9C0\uC815\uD558\uAC70\uB098, \uC11C\uC2DD \uBCC0\uACBD\uC744 \uB2E4\uB978 \uBCC0\uACBD\uBCF4\uB2E4 \uBA3C\uC800 \uB300\uAE30\uC5F4\uC5D0 \uB123\uC73C\uC138\uC694.",
   "error.rangeTagRefused": "\uC774 HWP \uBB38\uC11C\uC5D0\uB294 \uC5D4\uC9C4\uC774 \uC62E\uAE38 \uC218 \uC5C6\uB294 \uAD6C\uAC04 \uD45C\uC2DC\uAC00 \uC788\uC5B4 \uB300\uAE30 \uC911\uC778 \uD3B8\uC9D1\uC774 \uAC70\uBD80\uB418\uC5C8\uACE0, \uC544\uBB34\uAC83\uB3C4 \uC801\uC6A9\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uAD6C\uAC04 \uD45C\uC2DC \uC8FC\uBCC0\uC758 \uAE00\uC790\uB97C \uC6C0\uC9C1\uC774\uB294 \uD3B8\uC9D1\uC740 \uAC70\uBD80\uB429\uB2C8\uB2E4: \uBB38\uB2E8 \uD14D\uC2A4\uD2B8 \uAE38\uC774 \uBCC0\uACBD, \uAE38\uC774\uAC00 \uB2E4\uB978 \uD544\uB4DC \uAC12\uC73C\uB85C\uC758 \uBCC0\uACBD, \uB9C1\uD06C\xB7\uD544\uB4DC\xB7\uCC45\uAC08\uD53C\xB7\uC774\uBBF8\uC9C0\uC758 \uC0BD\uC785\uC774\uB098 \uC0AD\uC81C, \uD45C \uC0AD\uC81C. \uAD6C\uAC04 \uD45C\uC2DC\uAC00 \uC788\uB294 \uD45C \uC140\uC740 \uB0B4\uC6A9\uC744 \uC5B4\uB5BB\uAC8C \uBC14\uAFB8\uB4E0 \uAC70\uBD80\uD569\uB2C8\uB2E4. \uC5D4\uC9C4\uC740 \uC5B4\uB290 \uD3B8\uC9D1\uC778\uC9C0 \uC54C\uB824 \uC8FC\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uB300\uAE30 \uBAA9\uB85D\uC5D0\uC11C \uD574\uB2F9 \uD3B8\uC9D1\uC744 \uC81C\uAC70\uD558\uACE0(\uBB38\uB2E8 \uC548\uC758 \uAC19\uC740 \uAE38\uC774 \uD14D\uC2A4\uD2B8 \uCE58\uD658\uACFC \uAC19\uC740 \uAE38\uC774\uC758 \uD544\uB4DC \uAC12\uC740 \uD5C8\uC6A9\uB429\uB2C8\uB2E4) \uB098\uBA38\uC9C0\uB97C \uC801\uC6A9\uD558\uC138\uC694. \uADF8\uB7F0 \uD3B8\uC9D1\uC774 \uD544\uC694\uD558\uBA74 \uBB38\uC11C\uB97C HWPX\uB85C \uBCC0\uD658\uD558\uAC70\uB098(\uBCC0\uD658\uD558\uBA74 \uAD6C\uAC04 \uD45C\uC2DC\uAC00 \uC0AC\uB77C\uC9D1\uB2C8\uB2E4) \uD55C\uAE00\uC5D0\uC11C \uAD6C\uAC04 \uD45C\uC2DC\uB97C \uC81C\uAC70\uD55C \uB4A4 \uB2E4\uC2DC \uC5EC\uC138\uC694. \uB2E4\uC2DC \uC5F4\uBA74 \uB300\uAE30 \uBAA9\uB85D\uC740 \uC0AC\uB77C\uC9D1\uB2C8\uB2E4.",
   "error.noEngineCause": "\uC5D4\uC9C4\uC774 \uC6D0\uC778\uC744 \uBC1D\uD788\uC9C0 \uC54A\uACE0 \uC2E4\uD328\uD588\uC73C\uBBC0\uB85C(\uB300\uAC1C \uBE44\uC815\uC0C1 \uC885\uB8CC\uB41C \uACBD\uC6B0\uC785\uB2C8\uB2E4) \uC544\uBB34\uAC83\uB3C4 \uC801\uC6A9\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC801\uC6A9\uD558\uACE0, \uAC19\uC740 \uBC29\uC2DD\uC73C\uB85C \uC2E4\uD328\uD558\uBA74 \uD638\uC2A4\uD2B8 \uB85C\uADF8\uC640 \uD568\uAED8 \uC54C\uB824 \uC8FC\uC138\uC694.",
@@ -4608,7 +4651,8 @@ var RENDER_SVG = { format: "svg" };
 var REFUSAL_MESSAGE = {
   unmatched_replace: "error.unmatchedReplace",
   run_range_conflict: "error.runRangeConflict",
-  range_tag: "error.rangeTagRefused"
+  range_tag: "error.rangeTagRefused",
+  unresolvable_address: "error.unresolvableAddress"
 };
 var HwpEditor = forwardRef(
   function HwpEditor2(props, ref) {
@@ -5477,6 +5521,31 @@ var HwpEditor = forwardRef(
     ) });
   }
 );
+
+// src/sanitize.ts
+function sanitizeSvg(svgText) {
+  const doc = new DOMParser().parseFromString(svgText, "image/svg+xml");
+  const root = doc.documentElement;
+  if (root === null || root.nodeName === "parsererror" || doc.getElementsByTagName("parsererror").length > 0) {
+    return "";
+  }
+  const dangerous = root.querySelectorAll("script, foreignObject");
+  for (const node of Array.from(dangerous)) node.remove();
+  scrubElement(root);
+  return root.outerHTML;
+}
+function scrubElement(el) {
+  for (const attr of Array.from(el.attributes)) {
+    const name = attr.name.toLowerCase();
+    const value = attr.value.trim().toLowerCase();
+    if (name.startsWith("on")) {
+      el.removeAttribute(attr.name);
+    } else if ((name === "href" || name === "xlink:href") && value.startsWith("javascript:")) {
+      el.removeAttribute(attr.name);
+    }
+  }
+  for (const child of Array.from(el.children)) scrubElement(child);
+}
 export {
   COMPOSE_PRESETS,
   ComponentsPanel,