@hwp-editor/react 1.4.0 → 1.4.2

package/dist/index.css

@@ -605,4 +605,7 @@
     box-shadow: inset 0 0 0 1px var(--hwped-fg);
   }
 }
+.hwped-band-approximate {
+  border-style: dashed;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme.css","../src/editor.css"],"sourcesContent":["/**\n * Theme contract for @hwp-editor/react. Hosts theme the editor ONLY by\n * overriding these variables on the editor root or any ancestor:\n *\n *   --hwped-bg       surface background\n *   --hwped-fg       primary text\n *   --hwped-muted    secondary text / disabled\n *   --hwped-accent   primary actions, selection\n *   --hwped-border   hairline borders\n *   --hwped-error    destructive / error text and badges\n *   --hwped-warning  transient warning (timeout badge only)\n *   --hwped-success  success badge\n *   --hwped-radius   corner radius\n *   --hwped-font     font stack (default: Pretendard -> system)\n *\n * Defaults below include a prefers-color-scheme dark fallback.\n */\n\n.hwped {\n  --hwped-bg: #ffffff;\n  --hwped-fg: #1a1d21;\n  --hwped-muted: #6b7280;\n  --hwped-accent: #1f5fbf;\n  --hwped-border: #d7dbe0;\n  --hwped-error: #b91c1c;\n  --hwped-warning: #a16207;\n  --hwped-success: #15803d;\n  --hwped-radius: 6px;\n  --hwped-font:\n    \"Pretendard\", \"Pretendard Variable\", \"Malgun Gothic\", \"맑은 고딕\",\n    -apple-system, \"Segoe UI\", Roboto, \"Noto Sans KR\", sans-serif;\n}\n\n@media (prefers-color-scheme: dark) {\n  .hwped {\n    --hwped-bg: #17191d;\n    --hwped-fg: #e5e7eb;\n    --hwped-muted: #9ca3af;\n    --hwped-accent: #5b8def;\n    --hwped-border: #33373f;\n    /* Lifted for >= 4.5:1 against --hwped-bg at 11-13px. */\n    --hwped-error: #f87171;\n    --hwped-warning: #fbbf24;\n    --hwped-success: #4ade80;\n  }\n}\n","/**\n * Scoped stylesheet for @hwp-editor/react. Every class carries the `hwped`\n * prefix; the root element gets `.hwped.hwped-root`. No global selectors,\n * no component-kit assumptions.\n *\n * Design notes (HIG-derived, #34): depth comes from tone and shadow rather\n * than extra lines; every control answers on press, not on release; status\n * is tinted by kind; motion is short, and dropped under reduced motion.\n *\n * Every tone below is DERIVED from the public --hwped-* tokens with\n * color-mix, so a host that maps those tokens (light or dark) gets the whole\n * palette. The --_hwped-* names are private and not part of the contract.\n */\n\n.hwped {\n  --_hwped-desk: color-mix(in srgb, var(--hwped-fg) 5%, var(--hwped-bg));\n  --_hwped-fill: color-mix(in srgb, var(--hwped-fg) 7%, var(--hwped-bg));\n  --_hwped-hover: color-mix(in srgb, var(--hwped-accent) 9%, var(--hwped-bg));\n  --_hwped-press: color-mix(in srgb, var(--hwped-accent) 16%, var(--hwped-bg));\n  --_hwped-hairline: color-mix(in srgb, var(--hwped-border) 75%, transparent);\n  --_hwped-ring: 0 0 0 3px color-mix(in srgb, var(--hwped-accent) 35%, transparent);\n  --_hwped-quick: 100ms ease-out;\n\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  font-family: var(--hwped-font);\n  font-size: 13px;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hwped *,\n.hwped *::before,\n.hwped *::after {\n  box-sizing: border-box;\n}\n\n.hwped-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 320px;\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  overflow: hidden;\n}\n\n/* ---- toolbar ---- */\n\n.hwped-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 44px;\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  flex: 0 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-title {\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n\n.hwped-spacer {\n  flex: 1 1 auto;\n}\n\n/* The title and this notice are the only toolbar items that may shrink: a\n   long engine reason truncates here (the full text stays reachable via the\n   element's title attribute) instead of being distributed across the badge,\n   count and buttons, which would collapse them to min-content and stack the\n   row. That is why every sibling below carries `flex: 0 0 auto` (G-03-1). */\n.hwped-notice {\n  color: var(--hwped-muted);\n  background: var(--_hwped-fill);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 1 auto;\n}\n\n/* Status reads by kind, not by outline: a tinted pill in the kind's color. */\n.hwped-badge {\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  border: 1px solid transparent;\n  background: var(--_hwped-fill);\n  flex: 0 0 auto;\n}\n\n.hwped-badge-ok {\n  color: var(--hwped-success);\n  background: color-mix(in srgb, var(--hwped-success) 14%, transparent);\n}\n\n.hwped-badge-err {\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 14%, transparent);\n}\n\n.hwped-count {\n  color: var(--hwped-muted);\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  font-variant-numeric: tabular-nums;\n  flex: 0 0 auto;\n}\n\n/* ---- buttons / inputs ---- */\n\n.hwped-btn {\n  font: inherit;\n  font-weight: 500;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-btn:hover:not(:disabled) {\n  background: var(--_hwped-hover);\n  border-color: color-mix(in srgb, var(--hwped-accent) 55%, var(--hwped-border));\n}\n\n/* Feedback on press, instantly - never only on release. */\n.hwped-btn:active:not(:disabled) {\n  background: var(--_hwped-press);\n  transform: scale(0.97);\n}\n\n.hwped-btn:disabled {\n  color: var(--hwped-muted);\n  background: transparent;\n  border-color: var(--_hwped-hairline);\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.hwped-btn-primary {\n  background: var(--hwped-accent);\n  border-color: var(--hwped-accent);\n  color: #ffffff;\n  font-weight: 600;\n}\n\n.hwped-btn-primary:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n  border-color: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n}\n\n.hwped-btn-primary:active:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 78%, #000000);\n}\n\n/* A disabled primary keeps a trace of its accent, but must not read as live. */\n.hwped-btn-primary:disabled {\n  color: var(--hwped-muted);\n  background: color-mix(in srgb, var(--hwped-accent) 14%, var(--hwped-bg));\n  border-color: transparent;\n  opacity: 1;\n}\n\n/* Destructive reads as destructive at rest, not only on hover. */\n.hwped-btn-danger {\n  color: var(--hwped-error);\n}\n\n.hwped-btn-danger:hover:not(:disabled) {\n  border-color: var(--hwped-error);\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n}\n\n.hwped-btn-link {\n  border: none;\n  background: none;\n  min-height: 0;\n  padding: 0;\n  color: var(--hwped-accent);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.hwped-btn-link:hover:not(:disabled) {\n  background: none;\n}\n\n/* Scoped to direct toolbar children on purpose: `.hwped-btn` is reused by\n   SegmentInspector, TableGrid, FieldsPanel, the compose dialog actions and\n   the empty-state button, where non-shrinkable buttons would trade this bug\n   for horizontal overflow in those narrow rows. */\n.hwped-toolbar > .hwped-btn {\n  flex: 0 0 auto;\n}\n\n.hwped-input,\n.hwped-textarea {\n  font: inherit;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 4px 9px;\n  width: 100%;\n  transition:\n    border-color var(--_hwped-quick),\n    box-shadow var(--_hwped-quick);\n}\n\n.hwped-input::placeholder,\n.hwped-textarea::placeholder {\n  color: var(--hwped-muted);\n  opacity: 0.8;\n}\n\n.hwped-input:hover:not(:disabled),\n.hwped-textarea:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--hwped-fg) 30%, var(--hwped-border));\n}\n\n/* One focus treatment everywhere: accent edge plus a soft ring. */\n.hwped-input:focus,\n.hwped-textarea:focus {\n  outline: none;\n  border-color: var(--hwped-accent);\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-btn:focus-visible,\n.hwped-tab:focus-visible,\n.hwped-preset:focus-visible,\n.hwped-cell:focus-visible {\n  outline: none;\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-input-narrow {\n  width: 96px;\n  flex: 0 0 auto;\n}\n\n.hwped-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.hwped-check input {\n  accent-color: var(--hwped-accent);\n}\n\n/* ---- layout ---- */\n\n.hwped-pending-list {\n  flex: 0 1 auto;\n  min-height: 0;\n  max-height: 120px;\n  overflow: auto;\n  overflow-wrap: anywhere;\n}\n\n.hwped-main {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The desk: a tone below the chrome, so the page reads as a sheet on it. */\n.hwped-canvas {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  background: var(--_hwped-desk);\n}\n\n.hwped-side {\n  flex: 0 0 300px;\n  border-left: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* Tabs as a segmented control: a recessed track, the active segment raised. */\n.hwped-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  margin: 10px 12px 2px;\n  padding: 3px;\n  background: var(--_hwped-fill);\n  border-radius: calc(var(--hwped-radius) + 2px);\n  flex: 0 0 auto;\n}\n\n.hwped-tab {\n  font: inherit;\n  font-weight: 500;\n  flex: 1 1 78px;\n  min-width: 0;\n  min-height: 26px;\n  padding: 3px 0;\n  background: none;\n  border: none;\n  border-radius: var(--hwped-radius);\n  color: var(--hwped-muted);\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-tab:hover:not(.hwped-tab-active) {\n  color: var(--hwped-fg);\n}\n\n.hwped-tab:active {\n  transform: scale(0.97);\n}\n\n.hwped-tab-active {\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  font-weight: 600;\n  box-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.12),\n    0 0 0 0.5px rgba(0, 0, 0, 0.06);\n}\n\n.hwped-panel {\n  padding: 12px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.hwped-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.hwped-label {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  line-height: 1.35;\n  color: color-mix(in srgb, var(--hwped-fg) 72%, var(--hwped-bg));\n}\n\n.hwped-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n/* A role=\"group\" row of peer actions (alignment) reads as one joined control. */\n.hwped-row[role=\"group\"] {\n  gap: 0;\n  flex-wrap: nowrap;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn {\n  flex: 1 1 0;\n  padding-inline: 6px;\n  border-radius: 0;\n  margin-left: -1px;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:first-child {\n  margin-left: 0;\n  border-radius: var(--hwped-radius) 0 0 var(--hwped-radius);\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:last-child {\n  border-radius: 0 var(--hwped-radius) var(--hwped-radius) 0;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:hover:not(:disabled),\n.hwped-row[role=\"group\"] > .hwped-btn:focus-visible {\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-quote {\n  background: var(--_hwped-fill);\n  border-radius: var(--hwped-radius);\n  padding: 8px 10px;\n  max-height: 120px;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.hwped-hint,\n.hwped-empty {\n  color: var(--hwped-muted);\n}\n\n.hwped-empty {\n  margin: auto;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n/* An error is a band in the kind's tint with a leading bar, not bare red text. */\n.hwped-error {\n  color: var(--hwped-error);\n  margin: 0;\n  padding: 8px 12px;\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n  border-bottom: 1px solid var(--_hwped-hairline);\n  box-shadow: inset 3px 0 0 currentColor;\n}\n\n.hwped-error-kind {\n  display: inline-block;\n  margin-right: 8px;\n  padding: 0 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, currentColor 14%, transparent);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n}\n\n/* timeout is transient (retry may succeed); unavailable/protected are not. */\n.hwped-error-timeout {\n  color: var(--hwped-warning);\n  background: color-mix(in srgb, var(--hwped-warning) 10%, var(--hwped-bg));\n}\n\n/* ---- page canvas ---- */\n\n/* Paper on the desk: layered shadow, the larger layer giving it thickness. */\n.hwped-page {\n  position: relative;\n  width: min(100%, 720px);\n  border-radius: 3px;\n  box-shadow:\n    0 0 0 1px color-mix(in srgb, var(--hwped-fg) 8%, transparent),\n    0 1px 2px rgba(0, 0, 0, 0.08),\n    0 8px 24px rgba(0, 0, 0, 0.12);\n  background: #ffffff;\n  cursor: text;\n}\n\n.hwped-page:focus-visible {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: 3px;\n}\n\n.hwped-page-img {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.hwped-band {\n  position: absolute;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: background-color var(--_hwped-quick);\n}\n\n/* Mark the selection without covering it: a light wash and an inset rule. */\n.hwped-band-selected {\n  background: color-mix(in srgb, var(--hwped-accent) 9%, transparent);\n  box-shadow:\n    inset 3px 0 0 var(--hwped-accent),\n    inset 0 0 0 1px color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n.hwped-band-pending {\n  background: color-mix(in srgb, var(--hwped-accent) 6%, transparent);\n  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n/* ---- table grid ---- */\n\n.hwped-grid {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.hwped-grid td {\n  border: 1px solid var(--hwped-border);\n  padding: 0;\n}\n\n.hwped-cell {\n  font: inherit;\n  display: block;\n  width: 100%;\n  border: none;\n  background: none;\n  color: var(--hwped-fg);\n  padding: 5px 8px;\n  text-align: left;\n  cursor: pointer;\n  min-height: 28px;\n  transition: background-color var(--_hwped-quick);\n}\n\n.hwped-cell:hover {\n  background: var(--_hwped-hover);\n}\n\n.hwped-cell:active {\n  background: var(--_hwped-press);\n}\n\n.hwped-cell-selected {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: -2px;\n}\n\n.hwped-cell-anchor {\n  background: color-mix(in srgb, var(--hwped-accent) 14%, transparent);\n}\n\n/* ---- fields ---- */\n\n.hwped-fields {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.hwped-field-item {\n  border-bottom: 1px solid var(--_hwped-hairline);\n  padding-bottom: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* ---- compose dialog ---- */\n\n/* Dim to focus: a modal task gets a scrim that pushes the editor back. */\n.hwped-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.32);\n  backdrop-filter: blur(6px) saturate(120%);\n  -webkit-backdrop-filter: blur(6px) saturate(120%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: hwped-fade-in 160ms ease-out;\n}\n\n.hwped-dialog {\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  border: 1px solid var(--_hwped-hairline);\n  border-radius: calc(var(--hwped-radius) * 2);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.12),\n    0 24px 64px rgba(0, 0, 0, 0.28);\n  width: min(560px, calc(100vw - 32px));\n  max-height: calc(100vh - 64px);\n  overflow: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  animation: hwped-materialize 200ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.hwped-dialog-title {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -0.015em;\n}\n\n.hwped-presets {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.hwped-preset {\n  font: inherit;\n  font-weight: 500;\n  border: 1px solid var(--hwped-border);\n  border-radius: 999px;\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-preset:hover:not(.hwped-preset-active) {\n  background: var(--_hwped-hover);\n}\n\n.hwped-preset:active {\n  transform: scale(0.97);\n}\n\n.hwped-preset-active {\n  border-color: var(--hwped-accent);\n  background: color-mix(in srgb, var(--hwped-accent) 12%, var(--hwped-bg));\n  color: var(--hwped-accent);\n  font-weight: 600;\n}\n\n.hwped-dialog-actions {\n  justify-content: flex-end;\n  padding-top: 4px;\n}\n\n@keyframes hwped-fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n/* Materialize, don't just fade: the surface arrives with a slight scale. */\n@keyframes hwped-materialize {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n\n/* ---- accessibility preferences ---- */\n\n@media (prefers-reduced-motion: reduce) {\n  .hwped *,\n  .hwped *::before,\n  .hwped *::after {\n    transition-duration: 0ms !important;\n  }\n\n  .hwped-btn:active:not(:disabled),\n  .hwped-tab:active,\n  .hwped-preset:active {\n    transform: none;\n  }\n\n  .hwped-overlay,\n  .hwped-dialog {\n    animation: none;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  .hwped-overlay {\n    background: rgba(0, 0, 0, 0.55);\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .hwped {\n    --_hwped-hairline: var(--hwped-fg);\n  }\n\n  .hwped-btn,\n  .hwped-input,\n  .hwped-textarea,\n  .hwped-preset,\n  .hwped-grid td {\n    border-color: var(--hwped-fg);\n  }\n\n  .hwped-tabs {\n    box-shadow: inset 0 0 0 1px var(--hwped-fg);\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/theme.css","../src/editor.css"],"sourcesContent":["/**\n * Theme contract for @hwp-editor/react. Hosts theme the editor ONLY by\n * overriding these variables on the editor root or any ancestor:\n *\n *   --hwped-bg       surface background\n *   --hwped-fg       primary text\n *   --hwped-muted    secondary text / disabled\n *   --hwped-accent   primary actions, selection\n *   --hwped-border   hairline borders\n *   --hwped-error    destructive / error text and badges\n *   --hwped-warning  transient warning (timeout badge only)\n *   --hwped-success  success badge\n *   --hwped-radius   corner radius\n *   --hwped-font     font stack (default: Pretendard -> system)\n *\n * Defaults below include a prefers-color-scheme dark fallback.\n */\n\n.hwped {\n  --hwped-bg: #ffffff;\n  --hwped-fg: #1a1d21;\n  --hwped-muted: #6b7280;\n  --hwped-accent: #1f5fbf;\n  --hwped-border: #d7dbe0;\n  --hwped-error: #b91c1c;\n  --hwped-warning: #a16207;\n  --hwped-success: #15803d;\n  --hwped-radius: 6px;\n  --hwped-font:\n    \"Pretendard\", \"Pretendard Variable\", \"Malgun Gothic\", \"맑은 고딕\",\n    -apple-system, \"Segoe UI\", Roboto, \"Noto Sans KR\", sans-serif;\n}\n\n@media (prefers-color-scheme: dark) {\n  .hwped {\n    --hwped-bg: #17191d;\n    --hwped-fg: #e5e7eb;\n    --hwped-muted: #9ca3af;\n    --hwped-accent: #5b8def;\n    --hwped-border: #33373f;\n    /* Lifted for >= 4.5:1 against --hwped-bg at 11-13px. */\n    --hwped-error: #f87171;\n    --hwped-warning: #fbbf24;\n    --hwped-success: #4ade80;\n  }\n}\n","/**\n * Scoped stylesheet for @hwp-editor/react. Every class carries the `hwped`\n * prefix; the root element gets `.hwped.hwped-root`. No global selectors,\n * no component-kit assumptions.\n *\n * Design notes (HIG-derived, #34): depth comes from tone and shadow rather\n * than extra lines; every control answers on press, not on release; status\n * is tinted by kind; motion is short, and dropped under reduced motion.\n *\n * Every tone below is DERIVED from the public --hwped-* tokens with\n * color-mix, so a host that maps those tokens (light or dark) gets the whole\n * palette. The --_hwped-* names are private and not part of the contract.\n */\n\n.hwped {\n  --_hwped-desk: color-mix(in srgb, var(--hwped-fg) 5%, var(--hwped-bg));\n  --_hwped-fill: color-mix(in srgb, var(--hwped-fg) 7%, var(--hwped-bg));\n  --_hwped-hover: color-mix(in srgb, var(--hwped-accent) 9%, var(--hwped-bg));\n  --_hwped-press: color-mix(in srgb, var(--hwped-accent) 16%, var(--hwped-bg));\n  --_hwped-hairline: color-mix(in srgb, var(--hwped-border) 75%, transparent);\n  --_hwped-ring: 0 0 0 3px color-mix(in srgb, var(--hwped-accent) 35%, transparent);\n  --_hwped-quick: 100ms ease-out;\n\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  font-family: var(--hwped-font);\n  font-size: 13px;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hwped *,\n.hwped *::before,\n.hwped *::after {\n  box-sizing: border-box;\n}\n\n.hwped-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 320px;\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  overflow: hidden;\n}\n\n/* ---- toolbar ---- */\n\n.hwped-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 44px;\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  flex: 0 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-title {\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n\n.hwped-spacer {\n  flex: 1 1 auto;\n}\n\n/* The title and this notice are the only toolbar items that may shrink: a\n   long engine reason truncates here (the full text stays reachable via the\n   element's title attribute) instead of being distributed across the badge,\n   count and buttons, which would collapse them to min-content and stack the\n   row. That is why every sibling below carries `flex: 0 0 auto` (G-03-1). */\n.hwped-notice {\n  color: var(--hwped-muted);\n  background: var(--_hwped-fill);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 1 auto;\n}\n\n/* Status reads by kind, not by outline: a tinted pill in the kind's color. */\n.hwped-badge {\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  border: 1px solid transparent;\n  background: var(--_hwped-fill);\n  flex: 0 0 auto;\n}\n\n.hwped-badge-ok {\n  color: var(--hwped-success);\n  background: color-mix(in srgb, var(--hwped-success) 14%, transparent);\n}\n\n.hwped-badge-err {\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 14%, transparent);\n}\n\n.hwped-count {\n  color: var(--hwped-muted);\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  font-variant-numeric: tabular-nums;\n  flex: 0 0 auto;\n}\n\n/* ---- buttons / inputs ---- */\n\n.hwped-btn {\n  font: inherit;\n  font-weight: 500;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-btn:hover:not(:disabled) {\n  background: var(--_hwped-hover);\n  border-color: color-mix(in srgb, var(--hwped-accent) 55%, var(--hwped-border));\n}\n\n/* Feedback on press, instantly - never only on release. */\n.hwped-btn:active:not(:disabled) {\n  background: var(--_hwped-press);\n  transform: scale(0.97);\n}\n\n.hwped-btn:disabled {\n  color: var(--hwped-muted);\n  background: transparent;\n  border-color: var(--_hwped-hairline);\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.hwped-btn-primary {\n  background: var(--hwped-accent);\n  border-color: var(--hwped-accent);\n  color: #ffffff;\n  font-weight: 600;\n}\n\n.hwped-btn-primary:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n  border-color: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n}\n\n.hwped-btn-primary:active:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 78%, #000000);\n}\n\n/* A disabled primary keeps a trace of its accent, but must not read as live. */\n.hwped-btn-primary:disabled {\n  color: var(--hwped-muted);\n  background: color-mix(in srgb, var(--hwped-accent) 14%, var(--hwped-bg));\n  border-color: transparent;\n  opacity: 1;\n}\n\n/* Destructive reads as destructive at rest, not only on hover. */\n.hwped-btn-danger {\n  color: var(--hwped-error);\n}\n\n.hwped-btn-danger:hover:not(:disabled) {\n  border-color: var(--hwped-error);\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n}\n\n.hwped-btn-link {\n  border: none;\n  background: none;\n  min-height: 0;\n  padding: 0;\n  color: var(--hwped-accent);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.hwped-btn-link:hover:not(:disabled) {\n  background: none;\n}\n\n/* Scoped to direct toolbar children on purpose: `.hwped-btn` is reused by\n   SegmentInspector, TableGrid, FieldsPanel, the compose dialog actions and\n   the empty-state button, where non-shrinkable buttons would trade this bug\n   for horizontal overflow in those narrow rows. */\n.hwped-toolbar > .hwped-btn {\n  flex: 0 0 auto;\n}\n\n.hwped-input,\n.hwped-textarea {\n  font: inherit;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 4px 9px;\n  width: 100%;\n  transition:\n    border-color var(--_hwped-quick),\n    box-shadow var(--_hwped-quick);\n}\n\n.hwped-input::placeholder,\n.hwped-textarea::placeholder {\n  color: var(--hwped-muted);\n  opacity: 0.8;\n}\n\n.hwped-input:hover:not(:disabled),\n.hwped-textarea:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--hwped-fg) 30%, var(--hwped-border));\n}\n\n/* One focus treatment everywhere: accent edge plus a soft ring. */\n.hwped-input:focus,\n.hwped-textarea:focus {\n  outline: none;\n  border-color: var(--hwped-accent);\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-btn:focus-visible,\n.hwped-tab:focus-visible,\n.hwped-preset:focus-visible,\n.hwped-cell:focus-visible {\n  outline: none;\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-input-narrow {\n  width: 96px;\n  flex: 0 0 auto;\n}\n\n.hwped-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.hwped-check input {\n  accent-color: var(--hwped-accent);\n}\n\n/* ---- layout ---- */\n\n.hwped-pending-list {\n  flex: 0 1 auto;\n  min-height: 0;\n  max-height: 120px;\n  overflow: auto;\n  overflow-wrap: anywhere;\n}\n\n.hwped-main {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The desk: a tone below the chrome, so the page reads as a sheet on it. */\n.hwped-canvas {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  background: var(--_hwped-desk);\n}\n\n.hwped-side {\n  flex: 0 0 300px;\n  border-left: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* Tabs as a segmented control: a recessed track, the active segment raised. */\n.hwped-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  margin: 10px 12px 2px;\n  padding: 3px;\n  background: var(--_hwped-fill);\n  border-radius: calc(var(--hwped-radius) + 2px);\n  flex: 0 0 auto;\n}\n\n.hwped-tab {\n  font: inherit;\n  font-weight: 500;\n  flex: 1 1 78px;\n  min-width: 0;\n  min-height: 26px;\n  padding: 3px 0;\n  background: none;\n  border: none;\n  border-radius: var(--hwped-radius);\n  color: var(--hwped-muted);\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-tab:hover:not(.hwped-tab-active) {\n  color: var(--hwped-fg);\n}\n\n.hwped-tab:active {\n  transform: scale(0.97);\n}\n\n.hwped-tab-active {\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  font-weight: 600;\n  box-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.12),\n    0 0 0 0.5px rgba(0, 0, 0, 0.06);\n}\n\n.hwped-panel {\n  padding: 12px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.hwped-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.hwped-label {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  line-height: 1.35;\n  color: color-mix(in srgb, var(--hwped-fg) 72%, var(--hwped-bg));\n}\n\n.hwped-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n/* A role=\"group\" row of peer actions (alignment) reads as one joined control. */\n.hwped-row[role=\"group\"] {\n  gap: 0;\n  flex-wrap: nowrap;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn {\n  flex: 1 1 0;\n  padding-inline: 6px;\n  border-radius: 0;\n  margin-left: -1px;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:first-child {\n  margin-left: 0;\n  border-radius: var(--hwped-radius) 0 0 var(--hwped-radius);\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:last-child {\n  border-radius: 0 var(--hwped-radius) var(--hwped-radius) 0;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:hover:not(:disabled),\n.hwped-row[role=\"group\"] > .hwped-btn:focus-visible {\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-quote {\n  background: var(--_hwped-fill);\n  border-radius: var(--hwped-radius);\n  padding: 8px 10px;\n  max-height: 120px;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.hwped-hint,\n.hwped-empty {\n  color: var(--hwped-muted);\n}\n\n.hwped-empty {\n  margin: auto;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n/* An error is a band in the kind's tint with a leading bar, not bare red text. */\n.hwped-error {\n  color: var(--hwped-error);\n  margin: 0;\n  padding: 8px 12px;\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n  border-bottom: 1px solid var(--_hwped-hairline);\n  box-shadow: inset 3px 0 0 currentColor;\n}\n\n.hwped-error-kind {\n  display: inline-block;\n  margin-right: 8px;\n  padding: 0 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, currentColor 14%, transparent);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n}\n\n/* timeout is transient (retry may succeed); unavailable/protected are not. */\n.hwped-error-timeout {\n  color: var(--hwped-warning);\n  background: color-mix(in srgb, var(--hwped-warning) 10%, var(--hwped-bg));\n}\n\n/* ---- page canvas ---- */\n\n/* Paper on the desk: layered shadow, the larger layer giving it thickness. */\n.hwped-page {\n  position: relative;\n  width: min(100%, 720px);\n  border-radius: 3px;\n  box-shadow:\n    0 0 0 1px color-mix(in srgb, var(--hwped-fg) 8%, transparent),\n    0 1px 2px rgba(0, 0, 0, 0.08),\n    0 8px 24px rgba(0, 0, 0, 0.12);\n  background: #ffffff;\n  cursor: text;\n}\n\n.hwped-page:focus-visible {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: 3px;\n}\n\n.hwped-page-img {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.hwped-band {\n  position: absolute;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: background-color var(--_hwped-quick);\n}\n\n/* Mark the selection without covering it: a light wash and an inset rule. */\n.hwped-band-selected {\n  background: color-mix(in srgb, var(--hwped-accent) 9%, transparent);\n  box-shadow:\n    inset 3px 0 0 var(--hwped-accent),\n    inset 0 0 0 1px color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n.hwped-band-pending {\n  background: color-mix(in srgb, var(--hwped-accent) 6%, transparent);\n  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n/* ---- table grid ---- */\n\n.hwped-grid {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.hwped-grid td {\n  border: 1px solid var(--hwped-border);\n  padding: 0;\n}\n\n.hwped-cell {\n  font: inherit;\n  display: block;\n  width: 100%;\n  border: none;\n  background: none;\n  color: var(--hwped-fg);\n  padding: 5px 8px;\n  text-align: left;\n  cursor: pointer;\n  min-height: 28px;\n  transition: background-color var(--_hwped-quick);\n}\n\n.hwped-cell:hover {\n  background: var(--_hwped-hover);\n}\n\n.hwped-cell:active {\n  background: var(--_hwped-press);\n}\n\n.hwped-cell-selected {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: -2px;\n}\n\n.hwped-cell-anchor {\n  background: color-mix(in srgb, var(--hwped-accent) 14%, transparent);\n}\n\n/* ---- fields ---- */\n\n.hwped-fields {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.hwped-field-item {\n  border-bottom: 1px solid var(--_hwped-hairline);\n  padding-bottom: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* ---- compose dialog ---- */\n\n/* Dim to focus: a modal task gets a scrim that pushes the editor back. */\n.hwped-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.32);\n  backdrop-filter: blur(6px) saturate(120%);\n  -webkit-backdrop-filter: blur(6px) saturate(120%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: hwped-fade-in 160ms ease-out;\n}\n\n.hwped-dialog {\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  border: 1px solid var(--_hwped-hairline);\n  border-radius: calc(var(--hwped-radius) * 2);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.12),\n    0 24px 64px rgba(0, 0, 0, 0.28);\n  width: min(560px, calc(100vw - 32px));\n  max-height: calc(100vh - 64px);\n  overflow: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  animation: hwped-materialize 200ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.hwped-dialog-title {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -0.015em;\n}\n\n.hwped-presets {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.hwped-preset {\n  font: inherit;\n  font-weight: 500;\n  border: 1px solid var(--hwped-border);\n  border-radius: 999px;\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-preset:hover:not(.hwped-preset-active) {\n  background: var(--_hwped-hover);\n}\n\n.hwped-preset:active {\n  transform: scale(0.97);\n}\n\n.hwped-preset-active {\n  border-color: var(--hwped-accent);\n  background: color-mix(in srgb, var(--hwped-accent) 12%, var(--hwped-bg));\n  color: var(--hwped-accent);\n  font-weight: 600;\n}\n\n.hwped-dialog-actions {\n  justify-content: flex-end;\n  padding-top: 4px;\n}\n\n@keyframes hwped-fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n/* Materialize, don't just fade: the surface arrives with a slight scale. */\n@keyframes hwped-materialize {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n\n/* ---- accessibility preferences ---- */\n\n@media (prefers-reduced-motion: reduce) {\n  .hwped *,\n  .hwped *::before,\n  .hwped *::after {\n    transition-duration: 0ms !important;\n  }\n\n  .hwped-btn:active:not(:disabled),\n  .hwped-tab:active,\n  .hwped-preset:active {\n    transform: none;\n  }\n\n  .hwped-overlay,\n  .hwped-dialog {\n    animation: none;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  .hwped-overlay {\n    background: rgba(0, 0, 0, 0.55);\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .hwped {\n    --_hwped-hairline: var(--hwped-fg);\n  }\n\n  .hwped-btn,\n  .hwped-input,\n  .hwped-textarea,\n  .hwped-preset,\n  .hwped-grid td {\n    border-color: var(--hwped-fg);\n  }\n\n  .hwped-tabs {\n    box-shadow: inset 0 0 0 1px var(--hwped-fg);\n  }\n}\n\n/* A band estimated from Markdown length: the host published no row geometry. */\n.hwped-band-approximate {\n  border-style: dashed;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -509,6 +509,7 @@ declare const en: {
     "error.staleReplacement": string;
     "error.staleCompose": string;
     "error.stalePreview": string;
+    "error.outputValidation": string;
     "error.unmatchedReplace": string;
     "error.unresolvableAddress": string;
     "error.runRangeConflict": string;
@@ -760,7 +761,7 @@ interface HwpEditorHandle {
 declare const HwpEditor: react.ForwardRefExoticComponent<HwpEditorProps & react.RefAttributes<HwpEditorHandle>>;
 
 /**
- * Multi-page scroll of rendered pages. SVG pages render inline (sanitized);
+ * Multi-page scroll of rendered pages. Every page renders as an image;
  * raster formats fall back to <img>. Clicks resolve to the nearest segment
  * (using layout rows, with a flow-model fallback for older hosts), and selected/pending
  * segments are highlighted with overlay bands.

package/dist/index.d.ts

@@ -509,6 +509,7 @@ declare const en: {
     "error.staleReplacement": string;
     "error.staleCompose": string;
     "error.stalePreview": string;
+    "error.outputValidation": string;
     "error.unmatchedReplace": string;
     "error.unresolvableAddress": string;
     "error.runRangeConflict": string;
@@ -760,7 +761,7 @@ interface HwpEditorHandle {
 declare const HwpEditor: react.ForwardRefExoticComponent<HwpEditorProps & react.RefAttributes<HwpEditorHandle>>;
 
 /**
- * Multi-page scroll of rendered pages. SVG pages render inline (sanitized);
+ * Multi-page scroll of rendered pages. Every page renders as an image;
  * raster formats fall back to <img>. Clicks resolve to the nearest segment
  * (using layout rows, with a flow-model fallback for older hosts), and selected/pending
  * segments are highlighted with overlay bands.

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,
@@ -130,6 +155,7 @@ function bandsOnPage(envelope, segment, page, pageIndex, pageCount) {
 }
 
 // src/text.ts
+import { segmentIdPath as segmentIdPath2, segmentText } from "@hwp-editor/core";
 function plainSegmentText(markdownSlice) {
   return markdownSlice.split("\n").map(stripLine).join("\n").trim();
 }
@@ -143,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";
@@ -161,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) => {
@@ -215,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" : "")
       });
     }
   }
@@ -259,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
@@ -291,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
@@ -302,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" },
@@ -353,8 +415,8 @@ function SegmentInspector() {
   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;
@@ -413,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] }];
@@ -620,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(
@@ -1517,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;
@@ -1584,7 +1646,7 @@ function findTables(envelope) {
     tables.push({
       tableIndex: tables.length,
       segment,
-      rows: parseMarkdownTable(segmentText3(envelope, segment))
+      rows: parseMarkdownTable(segmentText4(envelope, segment))
     });
   }
   return tables;
@@ -1889,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";
@@ -1958,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(
@@ -2901,11 +2963,13 @@ function isLayoutOverflow(error) {
 function wrapped(error, text, detail) {
   if (isHwpEngineError2(error)) {
     const insertion = insertionOf(error);
+    const refusal = engineRefusalKind(error);
     return Object.assign(
       new HwpEngineError2(error.code, text, {
         ...error.status === void 0 ? {} : { status: error.status },
         cause: error,
         ...insertion === void 0 ? {} : { insertion },
+        ...refusal === void 0 ? {} : { refusal },
         // The marker survives too: a host's `onError` branches on the same
         // structured fields the transport set, so a wrapper that drops one
         // hands it a failure it cannot classify (#91).
@@ -2928,6 +2992,9 @@ function isRefusedInsertion(error) {
 function insertionFailure(error, blocks, t) {
   const message = error instanceof Error ? error.message : String(error);
   if (!isRefusedInsertion(error)) return error;
+  if (engineRefusalKind(error) === "output_validation") {
+    return wrapped(error, t("error.outputValidation"), message);
+  }
   const insertion = insertionOf(error);
   if (insertion?.kind === "unknown_style") {
     return wrapped(error, t("components.unknownStyle", { style: insertion.style }), message);
@@ -3952,6 +4019,7 @@ var en = {
   "error.staleReplacement": "The document changed during template work; reopen it and try again.",
   "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.outputValidation": "The engine's output preservation check refused to write the edited file. One known cause is HWPX font metadata (typeInfo) that HWP5 cannot represent. In that case, save as .hwpx to preserve the metadata. If you accept its loss, explicitly run ahwp convert in.hwpx -o in.hwp without --strict, reopen in.hwp, and retry. For other causes, rerun the same edit with the engine's --verify option and inspect the verification report.",
   "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.",
@@ -4410,6 +4478,7 @@ var ko = {
   "error.staleReplacement": "\uD15C\uD50C\uB9BF \uC791\uC5C5 \uC911 \uBB38\uC11C\uAC00 \uBC14\uB00C\uC5C8\uC2B5\uB2C8\uB2E4. \uBB38\uC11C\uB97C \uB2E4\uC2DC \uC5F0 \uB4A4 \uC7AC\uC2DC\uB3C4\uD558\uC138\uC694.",
   "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.outputValidation": "\uC5D4\uC9C4\uC758 \uCD9C\uB825 \uBCF4\uC874 \uAC80\uC0AC\uC5D0\uC11C \uD3B8\uC9D1 \uACB0\uACFC \uD30C\uC77C \uC4F0\uAE30\uB97C \uAC70\uBD80\uD588\uC2B5\uB2C8\uB2E4. \uC54C\uB824\uC9C4 \uC6D0\uC778 \uC911 \uD558\uB098\uB294 HWP5\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uB294 HWPX \uAE00\uAF34 \uBA54\uD0C0\uB370\uC774\uD130(typeInfo)\uC785\uB2C8\uB2E4. \uC774 \uACBD\uC6B0 \uBA54\uD0C0\uB370\uC774\uD130\uB97C \uBCF4\uC874\uD558\uB824\uBA74 .hwpx\uB85C \uC800\uC7A5\uD558\uC138\uC694. \uBA54\uD0C0\uB370\uC774\uD130 \uC190\uC2E4\uC744 \uC218\uC6A9\uD55C\uB2E4\uBA74 ahwp convert in.hwpx -o in.hwp\uB97C --strict \uC5C6\uC774 \uBA85\uC2DC\uC801\uC73C\uB85C \uC2E4\uD589\uD558\uACE0, in.hwp\uB97C \uB2E4\uC2DC \uC5F0 \uB4A4 \uC7AC\uC2DC\uB3C4\uD558\uC138\uC694. \uB2E4\uB978 \uC6D0\uC778\uC774\uBA74 \uAC19\uC740 \uD3B8\uC9D1\uC744 \uC5D4\uC9C4\uC758 --verify \uC635\uC158\uACFC \uD568\uAED8 \uB2E4\uC2DC \uC2E4\uD589\uD558\uACE0 \uAC80\uC99D \uBCF4\uACE0\uC11C\uB97C \uD655\uC778\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.",
@@ -4590,7 +4659,8 @@ var REFUSAL_MESSAGE = {
   unmatched_replace: "error.unmatchedReplace",
   run_range_conflict: "error.runRangeConflict",
   range_tag: "error.rangeTagRefused",
-  unresolvable_address: "error.unresolvableAddress"
+  unresolvable_address: "error.unresolvableAddress",
+  output_validation: "error.outputValidation"
 };
 var HwpEditor = forwardRef(
   function HwpEditor2(props, ref) {