dsh-cait 1.0.5 → 1.1.3

package/client.js

@@ -7,6 +7,9 @@ window.__ModuleLoader__.load({
 
     const API = '/cait/api/rpc'
     const SYNC_POLL_MS = 2000
+    // One pre-translation block is 8 segments: roughly 12 s with a warm route,
+    // short enough that one cancellation click never waits long.
+    const PRETRANSLATE_BLOCK_SIZE = 8
 
     // Only the last mounted library must stay checked. An unmounted library is
     // always selectable, even when that is currently the only mounted one.
@@ -50,14 +53,16 @@ window.__ModuleLoader__.load({
     // --cait-u (a unitless multiplier) tracks the size of the panel.
     const CAIT_UNIT_VAR = '--cait-u'
     // The designed density is calibrated for roughly 1100×680 CSS pixels of
-    // DSH panel area. Fullscreen/maximized windows on 1440p and 4K displays
-    // were still capped at 1.4× with the old 1320×800 base, which left the
-    // 13px body type visibly smaller than the surrounding DSH UI. Keep the
-    // height term so short windows do not overflow, but let large panels grow
-    // to 1.8× before the cap applies.
+    // DSH panel area. Growing linearly from there made a maximized window reach
+    // 1.8×, which is visibly larger than the surrounding DSH chrome and eats the
+    // horizontal budget the three-column review view needs. Growth is therefore
+    // damped and capped well below the old ceiling.
     const CAIT_UI_BASE = { width: 1100, height: 680 }
     const CAIT_UI_MIN_UNIT = 1
-    const CAIT_UI_MAX_UNIT = 1.8
+    const CAIT_UI_MAX_UNIT = 1.45
+    // 0.6 keeps small and mid panels close to the old density while flattening
+    // the large end: 1920×1080 lands at 1.353, 2560 and 4K stop at 1.45.
+    const CAIT_UI_DAMPING = 0.6
 
     // Grow with the panel but never shrink below the designed size; the height
     // term keeps short/wide windows from becoming oversized and scroll-heavy.
@@ -66,7 +71,8 @@ window.__ModuleLoader__.load({
       const h = Number(height)
       if (!(w > 0) || !(h > 0)) return CAIT_UI_MIN_UNIT
       const fit = Math.min(w / CAIT_UI_BASE.width, h / CAIT_UI_BASE.height)
-      const unit = Math.min(CAIT_UI_MAX_UNIT, Math.max(CAIT_UI_MIN_UNIT, fit))
+      const grown = 1 + (fit - 1) * CAIT_UI_DAMPING
+      const unit = Math.min(CAIT_UI_MAX_UNIT, Math.max(CAIT_UI_MIN_UNIT, grown))
       return Math.round(unit * 1000) / 1000
     }
 
@@ -109,10 +115,109 @@ window.__ModuleLoader__.load({
       return output
     }
 
+    // --- theme --------------------------------------------------------------
+    // DSH marks the dark theme on <body>; the tokens handle every authored
+    // colour, but native widgets (select popups, checkboxes, scrollbars, caret)
+    // follow `color-scheme`, which tokens cannot reach. Mirror the host's theme
+    // onto our own root attribute and let CSS set the scheme from it.
+    const CAIT_THEME_ATTR = 'data-cait-theme'
+
+    function detectThemeKind(doc) {
+      const root = doc?.documentElement
+      const body = doc?.body
+      if (body?.hasAttribute?.('data-ds-dark-theme')) return 'dark'
+      const explicit = root?.getAttribute?.('data-theme') || body?.getAttribute?.('data-theme')
+      if (explicit === 'dark') return 'dark'
+      return 'light'
+    }
+
+    // --- paging -------------------------------------------------------------
+    // Both the segment rail and the library page page through server-side
+    // windows, so the arithmetic lives here: one place to clamp, one place to
+    // validate a typed segment number, one place to remember the page size.
+    const PAGE_SIZE_OPTIONS = [20, 50, 100, 200]
+    const PAGE_SIZE_DEFAULT = 50
+    const PAGE_SIZE_STORAGE_KEY = 'cait:pageSize'
+
+    function normalizePageSize(value) {
+      // A missing setting arrives as null (localStorage) or undefined, and
+      // Number(null) is 0, which would snap to the smallest page instead of the
+      // documented default.
+      if (value === null || value === undefined || value === '') return PAGE_SIZE_DEFAULT
+      const size = Number(value)
+      if (!Number.isFinite(size)) return PAGE_SIZE_DEFAULT
+      let best = PAGE_SIZE_OPTIONS[0]
+      let bestGap = Infinity
+      for (const option of PAGE_SIZE_OPTIONS) {
+        const gap = Math.abs(option - size)
+        if (gap < bestGap) {
+          best = option
+          bestGap = gap
+        }
+      }
+      return best
+    }
+
+    function readPageSize(storage) {
+      try {
+        return normalizePageSize(storage?.getItem?.(PAGE_SIZE_STORAGE_KEY))
+      } catch {
+        return PAGE_SIZE_DEFAULT
+      }
+    }
+
+    function writePageSize(storage, value) {
+      const size = normalizePageSize(value)
+      try {
+        storage?.setItem?.(PAGE_SIZE_STORAGE_KEY, String(size))
+      } catch {
+        // A blocked storage must not break paging; the in-memory value wins.
+      }
+      return size
+    }
+
+    function pageCount(total, pageSize) {
+      const size = normalizePageSize(pageSize)
+      const count = Number(total)
+      if (!Number.isFinite(count) || count <= 0) return 1
+      return Math.max(1, Math.ceil(count / size))
+    }
+
+    function clampPage(page, total, pageSize) {
+      const last = pageCount(total, pageSize)
+      const wanted = Number(page)
+      if (!Number.isFinite(wanted)) return 1
+      return Math.min(last, Math.max(1, Math.trunc(wanted)))
+    }
+
+    // Returns 1-based inclusive bounds plus the row count, so callers can print
+    // "x–y of n" without repeating the arithmetic.
+    function pageBounds(page, total, pageSize) {
+      const size = normalizePageSize(pageSize)
+      const count = Math.max(0, Number(total) || 0)
+      const current = clampPage(page, count, size)
+      const start = count === 0 ? 0 : (current - 1) * size + 1
+      const end = Math.min(count, current * size)
+      return { page: current, pageSize: size, start, end, total: count, pages: pageCount(count, size) }
+    }
+
+    // A translator types "42" meaning segment 42, so the input is 1-based; the
+    // return value is the 0-based index the store uses.
+    function segmentNumberToIndex(value, total) {
+      const text = String(value ?? '').trim()
+      if (!/^\d+$/.test(text)) return null
+      const number = Number(text)
+      const count = Number(total)
+      if (!Number.isFinite(count) || number < 1 || number > count) return null
+      return number - 1
+    }
+
     const CSS = `
-.cait-root{--cait-u:1;position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:13px;line-height:1.5}
+.cait-root{--cait-u:1;position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:13px;line-height:1.5;color-scheme:light}
+.cait-root[data-cait-theme="dark"]{color-scheme:dark}
 .cait-root *{box-sizing:border-box}
 .cait-root input,.cait-root textarea,.cait-root select{font:inherit;color:inherit}
+.cait-root select option{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}
 .cait-root button{font:inherit;cursor:pointer}
 .cait-root button:disabled{cursor:not-allowed;opacity:.48}
 .cait-root ::selection{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 28%,transparent)}
@@ -151,10 +256,11 @@ window.__ModuleLoader__.load({
 .cait-doc-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}
 .cait-doc-progress{font-size:11px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}
 .cait-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
+.cait-pre-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 3px 0 8px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
 .cait-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:31px;padding:0 11px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font-size:12px;font-weight:500;white-space:nowrap;transition:background .12s,border-color .12s,transform .06s}
 .cait-btn:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-label-primary) 5%,var(--dsw-alias-bg-layer-1));border-color:var(--dsw-alias-border-l2)}
 .cait-btn:active:not(:disabled){transform:translateY(.5px)}
-.cait-btn-primary{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-base)}
+.cait-btn-primary{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-inverted)}
 .cait-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-brand-primary) 88%,var(--dsw-alias-label-primary));border-color:var(--dsw-alias-brand-primary)}
 .cait-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 32%,var(--dsw-alias-border-l1))}
 .cait-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 9%,var(--dsw-alias-bg-layer-1))}
@@ -189,12 +295,33 @@ window.__ModuleLoader__.load({
 .cait-seg-index{font-size:9.5px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary);letter-spacing:.03em}
 .cait-dot{width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-idle-primary);flex:0 0 auto}
 .cait-dot.confirmed{background:var(--dsw-alias-state-success-primary)}
+.cait-dot.translated{background:var(--dsw-alias-button-primary-fill)}
+.cait-seg-warn{width:5px;height:5px;border-radius:50%;background:var(--dsw-alias-state-warn-primary);flex:0 0 auto}
+.cait-qa-banner{display:flex;align-items:flex-start;gap:6px;margin-bottom:10px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 10%,transparent);color:var(--dsw-alias-label-primary);font-size:11px;line-height:1.5}
 .cait-seg-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.42;color:var(--dsw-alias-label-primary)}
 .cait-segitem.active .cait-seg-text{font-weight:550}
 .cait-seg-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--dsw-alias-label-secondary)}
+.cait-rail-filters{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
+.cait-filterchip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border:1px solid var(--dsw-alias-border-l1);border-radius:999px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:10px;cursor:pointer}
+.cait-filterchip:hover{background:var(--dsw-alias-bg-layer-1)}
+.cait-filterchip.active{border-color:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary);background:color-mix(in srgb,var(--dsw-alias-button-primary-fill) 10%,transparent)}
+.cait-filtercount{font-variant-numeric:tabular-nums;opacity:.85}
+.cait-batchbtn{display:inline-flex;align-items:center;gap:4px;height:20px;margin-top:6px;padding:0 8px;border:1px solid var(--dsw-alias-border-l1);border-radius:999px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:10px;cursor:pointer}
+.cait-batchbtn:hover:not(:disabled){border-color:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary)}
+.cait-suggest-card{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:9px 11px;border:1px dashed color-mix(in srgb,var(--dsw-alias-button-primary-fill) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-button-primary-fill) 6%,transparent)}
+.cait-suggest-text{font-size:11.5px;line-height:1.55;color:var(--dsw-alias-label-primary);white-space:pre-wrap}
+.cait-suggest-empty{padding:10px 0;color:var(--dsw-alias-label-secondary);font-size:11.5px;font-style:italic}
+.cait-rev-hint{margin-top:auto;padding-top:6px;color:var(--dsw-alias-label-secondary);font-size:10px;line-height:1.45}
+.cait-originchip{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font-size:9.5px;font-weight:600;letter-spacing:.02em}
 .cait-main{display:grid;grid-template-columns:minmax(0,1fr) 344px;min-width:0;min-height:0;overflow:hidden}
 .cait-main.cait-main-empty{grid-template-columns:minmax(0,1fr)}
 .cait-editor-col{min-width:0;min-height:0;overflow-y:auto;padding:22px 26px 44px}
+.cait-review{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);grid-template-areas:"src" "sugg" "target";align-items:start}
+.cait-revcol{min-width:0;padding:13px 14px;border:1px solid var(--dsw-alias-border-l1);border-radius:11px;background:var(--dsw-alias-bg-layer-1)}
+.cait-rev-src{grid-area:src}
+.cait-rev-sugg{grid-area:sugg;display:flex;flex-direction:column;gap:6px;border-style:dashed;border-color:color-mix(in srgb,var(--dsw-alias-button-primary-fill) 38%,transparent)}
+.cait-rev-target{grid-area:target;display:flex;flex-direction:column;gap:6px}
+.cait-rev-target .cait-textarea{min-height:150px;padding:9px 10px;border-radius:8px;background:var(--dsw-alias-bg-base)}
 .cait-doc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
 .cait-doc-title{max-width:680px;margin:0;font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.01em}
 .cait-doc-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:10.5px;color:var(--dsw-alias-label-secondary)}
@@ -208,10 +335,12 @@ window.__ModuleLoader__.load({
 .cait-badge{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:600;border:1px solid transparent}
 .cait-badge.pending{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 11%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 25%,transparent)}
 .cait-badge.confirmed{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 11%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary) 25%,transparent)}
+.cait-badge.translated{color:var(--dsw-alias-button-primary-fill);background:color-mix(in srgb,var(--dsw-alias-button-primary-fill) 11%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-button-primary-fill) 25%,transparent)}
 .cait-source-card{padding:16px 18px;border:1px solid var(--dsw-alias-border-l1);border-radius:11px;background:var(--dsw-alias-bg-layer-1)}
 .cait-labelrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
 .cait-label{font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}
 .cait-source-text{font-size:17px;line-height:1.65;letter-spacing:.005em;overflow-wrap:anywhere}
+.cait-rev-src .cait-source-text{font-size:15px;line-height:1.6}
 .cait-source-text mark{padding:0 2px;border-radius:3px;background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 22%,transparent);color:inherit;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--dsw-alias-state-warn-primary) 65%,transparent)}
 .cait-hitrow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px}
 .cait-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 7px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 26%,var(--dsw-alias-border-l1));border-radius:999px;background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 8%,transparent);font-size:10.5px;color:var(--dsw-alias-label-primary)}
@@ -242,6 +371,8 @@ window.__ModuleLoader__.load({
 .cait-libmeta{display:flex;flex-direction:column;gap:1px;min-width:0}
 .cait-libmeta strong{font-size:11.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cait-libmeta small{font-size:9.5px;color:var(--dsw-alias-label-secondary)}
+.cait-libactions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}
+.cait-librename{height:24px;font-size:11.5px;min-width:0;flex:1}
 .cait-libdefault{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer}
 .cait-libdefault input{width:11px;height:11px;accent-color:var(--dsw-alias-brand-primary)}
 .cait-libdefault:has(input:checked){color:var(--dsw-alias-brand-primary);font-weight:650}
@@ -262,8 +393,11 @@ window.__ModuleLoader__.load({
 .cait-card{margin-bottom:8px;padding:10px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-alias-bg-layer-1);transition:border-color .12s,background .12s}
 .cait-card:hover{border-color:var(--dsw-alias-border-l2)}
 .cait-card-head{display:flex;align-items:center;gap:5px;margin-bottom:7px}
+.cait-tmedit{display:flex;flex-direction:column;gap:6px;margin-top:3px}
+.cait-tmedit-input{min-height:64px;font-size:11.5px}
 .cait-score{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 13%,transparent);color:var(--dsw-alias-state-warn-primary);font-size:9.5px;font-weight:750;font-variant-numeric:tabular-nums}
 .cait-score.exact{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 13%,transparent);color:var(--dsw-alias-state-success-primary)}
+.cait-score.context{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 20%,transparent);color:var(--dsw-alias-state-success-primary)}
 .cait-score.near_exact{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 13%,transparent);color:var(--dsw-alias-brand-primary)}
 .cait-score.high_fuzzy{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 13%,transparent);color:var(--dsw-alias-state-warn-primary)}
 .cait-score.medium_fuzzy{background:color-mix(in srgb,var(--dsw-alias-state-idle-primary) 13%,transparent);color:var(--dsw-alias-state-idle-primary)}
@@ -272,6 +406,7 @@ window.__ModuleLoader__.load({
 .cait-minibtn{margin-left:auto;height:23px;padding:0 7px;border:1px solid var(--dsw-alias-border-l1);border-radius:5px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:10px;font-weight:600}
 .cait-minibtn:hover{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 8%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-brand-primary) 30%,var(--dsw-alias-border-l1));color:var(--dsw-alias-brand-primary)}
 .cait-card-source{margin:0 0 5px;font-size:11px;line-height:1.45;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}
+.cait-card-context{margin:0 0 5px;font-size:9.5px;line-height:1.5;color:var(--dsw-alias-label-secondary);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .cait-card-target{margin:0;font-size:12.5px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
 .cait-tiny{font-size:10px}
 .cait-muted{color:var(--dsw-alias-label-secondary)}
@@ -301,6 +436,7 @@ window.__ModuleLoader__.load({
 .cait-mt-actions{display:flex;gap:5px;justify-content:flex-end}
 .cait-mt-error{padding:8px;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary) 30%,var(--dsw-alias-border-l1));border-radius:7px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,transparent);color:var(--dsw-alias-state-error-primary);font-size:10.5px;line-height:1.5}
 .cait-mt-hint{margin-top:9px;font-size:10px;line-height:1.55;color:var(--dsw-alias-label-secondary)}
+.cait-paneljump{display:flex;align-items:center;justify-content:flex-end;margin-top:1px}
 .cait-empty{display:grid;place-items:center;min-height:0;overflow-y:auto;padding:34px 28px}
 .cait-empty-inner{width:min(680px,100%);padding:6px 0 20px}
 .cait-kicker{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 22%,var(--dsw-alias-border-l1));border-radius:999px;background:color-mix(in srgb,var(--dsw-alias-brand-primary) 7%,transparent);color:var(--dsw-alias-brand-primary);font-size:10px;font-weight:700;letter-spacing:.08em}
@@ -360,7 +496,108 @@ window.__ModuleLoader__.load({
 @keyframes cait-toast-in{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}
 .cait-errorcard{width:min(430px,100%);padding:18px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1);text-align:center}
 .cait-errorcard p{margin:0 0 11px;font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.6}
-@media(max-width:1180px){.cait-main{grid-template-columns:minmax(0,1fr) 308px}.cait-body{grid-template-columns:218px minmax(0,1fr)}.cait-editor-col{padding:18px 20px 34px}.cait-actions .cait-btn-label{display:none}.cait-actions .cait-btn{padding:0 8px}}
+.cait-viewtabs{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-1);flex:0 0 auto}
+.cait-viewtab{height:25px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:11.5px;font-weight:550;white-space:nowrap}
+.cait-viewtab:hover{color:var(--dsw-alias-label-primary)}
+.cait-viewtab.active{background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l1) inset}
+.cait-rail-goto{display:flex;align-items:center;gap:5px;margin-top:8px}
+.cait-goto-input{width:100%;min-width:0;height:26px;padding:0 7px;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;outline:0;background:var(--dsw-alias-bg-base);font-size:11px;font-variant-numeric:tabular-nums}
+.cait-goto-input:focus{border-color:color-mix(in srgb,var(--dsw-alias-brand-primary) 55%,var(--dsw-alias-border-l1))}
+.cait-goto-input.bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}
+.cait-gotobtn{display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);flex:0 0 auto}
+.cait-gotobtn:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}
+.cait-rail-page{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--dsw-alias-border-l1);flex:0 0 auto}
+.cait-pagebtn{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);flex:0 0 auto}
+.cait-pagebtn:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}
+.cait-pageinfo{flex:1;min-width:0;text-align:center;font-size:10.5px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.cait-pagesize{height:24px;padding:0 3px;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;background:var(--dsw-alias-bg-layer-1);font-size:10.5px;flex:0 0 auto}
+.cait-libpage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
+.cait-libpage-head{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l1);flex:0 0 auto}
+.cait-libtabs{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}
+.cait-libtabs-item{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:11.5px;font-weight:550}
+.cait-libtabs-item:hover{color:var(--dsw-alias-label-primary)}
+.cait-libtabs-item.active{background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l1) inset}
+.cait-libtabs-count{font-size:10px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}
+.cait-libhint{margin-left:auto;font-size:10.5px;color:var(--dsw-alias-label-secondary)}
+.cait-libpage-body{flex:1;min-height:0;display:grid;grid-template-columns:224px minmax(0,1fr) 300px;overflow:hidden}
+.cait-liblist{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:8px;gap:2px;border-right:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb,var(--dsw-alias-bg-layer-1) 45%,var(--dsw-alias-bg-base))}
+.cait-liblist-head{padding:3px 5px 7px;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}
+.cait-librow{display:flex;align-items:center;gap:6px;padding:5px 5px;border-radius:6px}
+.cait-librow:hover{background:color-mix(in srgb,var(--dsw-alias-label-primary) 5%,transparent)}
+.cait-librow.scoped{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 9%,transparent)}
+.cait-libname{display:flex;align-items:center;gap:6px;min-width:0;flex:1;padding:0;border:0;background:transparent;color:var(--dsw-alias-label-primary);font-size:11.5px;text-align:left}
+.cait-libname-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cait-libcount{font-size:9.5px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}
+.cait-libmounted{font-size:8px;color:var(--dsw-alias-brand-primary);line-height:1}
+.cait-libactions{display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto;opacity:.55}
+.cait-librow:hover .cait-libactions{opacity:1}
+.cait-libnew{display:flex;align-items:center;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--dsw-alias-border-l1)}
+.cait-libnew input{min-width:0;flex:1;height:25px;padding:0 7px;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;outline:0;background:var(--dsw-alias-bg-base);font-size:11px}
+.cait-libmain{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
+.cait-libtoolbar{display:flex;align-items:center;gap:6px;padding:9px 12px 6px;flex-wrap:wrap;flex:0 0 auto}
+.cait-libsearch{display:flex;align-items:center;gap:6px;min-width:150px;flex:1;height:29px;padding:0 9px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-secondary)}
+.cait-libsearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11.5px;color:var(--dsw-alias-label-primary)}
+.cait-liblang{height:29px;padding:0 5px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-layer-1);font-size:11px;flex:0 0 auto}
+.cait-libscope{display:flex;align-items:center;gap:4px;padding:0 12px 8px;flex-wrap:wrap;flex:0 0 auto}
+.cait-libtable-wrap{flex:1;min-height:0;overflow:auto;padding:0 12px}
+.cait-libtable{width:100%;border-collapse:collapse;table-layout:fixed}
+.cait-libtable th{position:sticky;top:0;z-index:1;padding:6px 8px;border-bottom:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);text-align:left;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}
+.cait-libtable td{padding:6px 8px;border-bottom:1px solid color-mix(in srgb,var(--dsw-alias-border-l1) 55%,transparent);font-size:11.5px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cait-libtable tbody tr{cursor:pointer}
+.cait-libtable tbody tr:hover{background:color-mix(in srgb,var(--dsw-alias-label-primary) 4%,transparent)}
+.cait-libtable tbody tr.active{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 9%,transparent)}
+.cait-libtable td.note,.cait-libtable td.lang,.cait-libtable td.ctx{color:var(--dsw-alias-label-secondary)}
+.cait-libtable td.ctx{font-size:10.5px}  
+.cait-libtable th:nth-child(1),.cait-libtable td:nth-child(1){width:30%}
+.cait-libtable th:nth-child(2),.cait-libtable td:nth-child(2){width:28%}
+.cait-libpage-bar{border-top:1px solid var(--dsw-alias-border-l1);padding:7px 12px}
+.cait-libdetail{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:10px 12px 14px;border-left:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb,var(--dsw-alias-bg-layer-1) 45%,var(--dsw-alias-bg-base))}
+.cait-libdetail-title{padding:2px 0 8px;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}
+.cait-libform{display:flex;flex-direction:column;gap:4px}
+.cait-libform label{font-size:10.5px;color:var(--dsw-alias-label-secondary);margin-top:5px}
+.cait-libinput{width:100%;min-height:28px;padding:6px 8px;border:1px solid var(--dsw-alias-border-l1);border-radius:6px;outline:0;background:var(--dsw-alias-bg-base);font-size:11.5px;line-height:1.5;resize:vertical}
+.cait-libinput:focus{border-color:color-mix(in srgb,var(--dsw-alias-brand-primary) 55%,var(--dsw-alias-border-l1))}
+.cait-libcheck{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--dsw-alias-label-primary)}
+.cait-libnote{margin:6px 0 0;font-size:10px;line-height:1.5;color:var(--dsw-alias-label-secondary)}
+.cait-libform-actions{display:flex;align-items:center;gap:6px;margin-top:11px}
+.cait-libform-actions .cait-btn{flex:1}
+.cait-batchbtn-plain{border-style:dashed}
+.cait-alignpage{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:12px 14px 14px;overflow:auto}
+.cait-alignhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
+.cait-alignhead h2{margin:0 0 3px;font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary)}
+.cait-alignactions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.cait-alignactions .cait-libinput{width:118px;min-height:26px;height:26px}
+.cait-alignfiles{display:flex;gap:8px;flex-wrap:wrap}
+.cait-alignfile{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px dashed var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-1);min-width:0;flex:1 1 300px}
+.cait-alignlabel{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-secondary);flex:0 0 auto}
+.cait-alignname{font-size:11.5px;color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
+.cait-alignname.empty{color:var(--dsw-alias-label-secondary)}
+.cait-alignmeta{font-size:10px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:0 0 auto}
+.cait-alignstats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}
+.cait-alignstats .cait-btn{margin-left:auto}
+.cait-alignwarn{color:var(--dsw-alias-state-warning-primary)}
+.cait-aligntable-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-base)}
+.cait-aligntable td{vertical-align:top;font-size:11.5px;line-height:1.55}
+.cait-aligntable tr.included{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 4%,transparent)}
+.cait-aligntable td:first-child{width:28px}
+.cait-aligntable td:nth-child(4){width:74px}
+.cait-aligntable td:nth-child(5){width:86px;white-space:nowrap}
+.cait-confidence{display:inline-block;padding:1px 6px;border-radius:999px;font-size:10px;font-variant-numeric:tabular-nums;border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
+.cait-confidence.high{border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary) 45%,transparent);color:var(--dsw-alias-state-success-primary)}
+.cait-confidence.low{border-color:color-mix(in srgb,var(--dsw-alias-state-warning-primary) 45%,transparent);color:var(--dsw-alias-state-warning-primary)}
+.cait-alignmissing{color:var(--dsw-alias-label-secondary)}
+.cait-alignrow-actions{display:flex;gap:2px;justify-content:flex-end}
+.cait-termpanel{border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-alias-bg-layer-1);padding:9px 10px;max-height:46vh;display:flex;flex-direction:column;gap:7px}
+.cait-termpanel-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.cait-termpanel-head strong{font-size:12px;color:var(--dsw-alias-label-primary)}
+.cait-termpanel-actions{margin-left:auto;display:flex;gap:6px}
+.cait-termlist{overflow:auto;display:flex;flex-direction:column;gap:3px}
+.cait-termrow{display:flex;align-items:center;gap:7px;padding:3px 4px;border-radius:6px;font-size:11.5px}
+.cait-termrow.picked{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 6%,transparent)}
+.cait-termname{font-family:var(--cait-mono,ui-monospace,monospace);color:var(--dsw-alias-label-primary);min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cait-termcount{font-size:10px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:0 0 auto}
+.cait-termtarget{flex:1;min-width:120px;min-height:24px;height:24px}
+@media(max-width:1180px){.cait-main{grid-template-columns:minmax(0,1fr) 308px}.cait-body{grid-template-columns:218px minmax(0,1fr)}.cait-editor-col{padding:18px 20px 34px}.cait-actions .cait-btn-label{display:none}.cait-actions .cait-btn{padding:0 8px}.cait-libpage-body{grid-template-columns:196px minmax(0,1fr) 264px}}
 @media(max-width:940px){.cait-topbar{flex-wrap:wrap}.cait-body{grid-template-columns:190px minmax(0,1fr)}.cait-main{grid-template-columns:minmax(0,1fr)}.cait-cat{border-left:0;border-top:1px solid var(--dsw-alias-border-l1);max-height:43%;min-height:210px}.cait-features{grid-template-columns:1fr}.cait-docbar{display:flex;order:3;flex:1 1 100%;padding:7px 0 0;border-left:0;border-top:1px solid var(--dsw-alias-border-l1)}}
 @media(max-width:700px){.cait-body{grid-template-columns:minmax(0,1fr)}.cait-rail{display:none}.cait-editor-col{padding:14px}.cait-topbar{padding:9px 10px}.cait-export-grid{grid-template-columns:1fr}}
 `
@@ -496,7 +733,11 @@ window.__ModuleLoader__.load({
         globe: ['M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z', 'M2.5 8h11', 'M8 2c2 2 2 10 0 12', 'M8 2c-2 2-2 10 0 12'],
         alert: ['M8 2L14 13H2L8 2Z', 'M8 6v3.5', 'M8 11.5v.2'],
         save: ['M3 2h8l2 2v10H3z', 'M5 2v4h6V2', 'M5 14v-4h6v4'],
+        pencil: ['M11 2.5l2.5 2.5-8 8L2 14l1-3.5 8-8Z', 'M9.5 4l2.5 2.5'],
         languages: ['M2 4h7', 'M5.5 4v2c0 2-1.5 4-3.5 5', 'M4 8c0 1.5 2 3 4.5 3.5', 'M9 13l3-7 3 7', 'M10 11h4'],
+        check: ['M3 8.5l3.2 3.2L13 4.3'],
+        align: ['M2 5h8', 'M2 11h5', 'M12 3v10', 'M10 11l2 2 2-2'],
+        folder: ['M2 4h4l1.5 2H14v6.5H2z'],
       }
       const shape = paths[name] || paths.file
       return h(
@@ -759,10 +1000,21 @@ window.__ModuleLoader__.load({
       onCloseDoc,
       onNewTab,
       onCleanClosed,
+      pre,
+      onPreTranslate,
+      onCancelPreTranslate,
+      view,
+      onView,
     }) {
       const progress = doc?.progress || { percent: 0, confirmed: 0, total: 0 }
       const openIds = new Set((data.openDocuments || []).map((item) => item.id))
       const closedDocuments = (data.documents || []).filter((item) => !openIds.has(item.id))
+      const documentsView = view === 'documents'
+      const viewTabs = [
+        { id: 'documents', label: t('nav.documents') },
+        { id: 'libraries', label: t('nav.libraries') },
+        { id: 'align', label: t('nav.align') },
+      ]
       return h(
         'header',
         { className: 'cait-topbar' },
@@ -774,83 +1026,314 @@ window.__ModuleLoader__.load({
         ),
         h(
           'div',
-          { className: 'cait-docbar' },
-          h(DocTabs, {
-            t,
-            documents: data.openDocuments || data.documents || [],
-            activeId: doc?.id,
-            busy,
-            onOpen: onOpenDoc,
-            onClose: onCloseDoc,
-            onNew: onNewTab,
-          }),
-          h(ClosedDocPicker, { t, documents: closedDocuments, busy, onOpen: onOpenDoc }),
-          closedDocuments.length
+          { className: 'cait-viewtabs' },
+          viewTabs.map((tab) =>
+            h(
+              'button',
+              {
+                key: tab.id,
+                type: 'button',
+                className: `cait-viewtab${view === tab.id ? ' active' : ''}`,
+                onClick: () => onView(tab.id),
+              },
+              tab.label,
+            ),
+          ),
+        ),
+        documentsView
+          ? h(
+              'div',
+              { className: 'cait-docbar' },
+              h(DocTabs, {
+                t,
+                documents: data.openDocuments || data.documents || [],
+                activeId: doc?.id,
+                busy,
+                onOpen: onOpenDoc,
+                onClose: onCloseDoc,
+                onNew: onNewTab,
+              }),
+              h(ClosedDocPicker, { t, documents: closedDocuments, busy, onOpen: onOpenDoc }),
+              closedDocuments.length
+                ? h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-doc-clean',
+                      title: t('doc.clean'),
+                      'aria-label': t('doc.clean'),
+                      disabled: Boolean(busy),
+                      onClick: onCleanClosed,
+                    },
+                    h(Icon, { name: 'trash', size: 13 }),
+                  )
+                : null,
+              doc
+                ? h('span', { className: 'cait-doc-progress' }, `${progress.confirmed}/${progress.total} · ${progress.percent}%`)
+                : null,
+            )
+          : h('div', { className: 'cait-docbar' }),
+        h(
+          'div',
+          { className: 'cait-actions' },
+          documentsView && pre && pre.running
+            ? h(
+                'span',
+                { className: 'cait-pre-status', title: t('pretranslate.running') },
+                h(Spinner),
+                h('span', null, `${t('pretranslate.running')} ${pre.done}/${pre.total}`),
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'cait-iconbtn',
+                    title: t('pretranslate.cancel'),
+                    'aria-label': t('pretranslate.cancel'),
+                    onClick: onCancelPreTranslate,
+                  },
+                  h(Icon, { name: 'close', size: 13 }),
+                ),
+              )
+            : null,
+          documentsView && !(pre && pre.running)
             ? h(
                 'button',
                 {
-                  type: 'button',
-                  className: 'cait-doc-clean',
-                  title: t('doc.clean'),
-                  'aria-label': t('doc.clean'),
-                  disabled: Boolean(busy),
-                  onClick: onCleanClosed,
+                  className: 'cait-btn',
+                  onClick: onPreTranslate,
+                  disabled: Boolean(busy) || !doc || !(doc.progress?.total > 0),
+                  title: t('pretranslate.title'),
                 },
-                h(Icon, { name: 'trash', size: 13 }),
+                h(Icon, { name: 'sparkles', size: 14 }),
+                h('span', { className: 'cait-btn-label' }, t('pretranslate.start')),
               )
             : null,
-          doc
-            ? h('span', { className: 'cait-doc-progress' }, `${progress.confirmed}/${progress.total} · ${progress.percent}%`)
+          documentsView
+            ? h(
+                'button',
+                { className: 'cait-btn', onClick: onNew, disabled: Boolean(busy), title: t('nav.new') },
+                h(Icon, { name: 'plus', size: 14 }),
+                h('span', { className: 'cait-btn-label' }, t('nav.new')),
+              )
+            : null,
+          documentsView
+            ? h(
+                'button',
+                { className: 'cait-btn', onClick: onImport, disabled: Boolean(busy), title: t('nav.import') },
+                h(Icon, { name: 'upload', size: 14 }),
+                h('span', { className: 'cait-btn-label' }, t('nav.import')),
+              )
+            : null,
+          documentsView
+            ? h(
+                'button',
+                { className: 'cait-btn', onClick: onExport, disabled: Boolean(busy) || !doc, title: t('nav.export') },
+                h(Icon, { name: 'download', size: 14 }),
+                h('span', { className: 'cait-btn-label' }, t('nav.export')),
+              )
             : null,
-        ),
-        h(
-          'div',
-          { className: 'cait-actions' },
-          h(
-            'button',
-            { className: 'cait-btn', onClick: onNew, disabled: Boolean(busy), title: t('nav.new') },
-            h(Icon, { name: 'plus', size: 14 }),
-            h('span', { className: 'cait-btn-label' }, t('nav.new')),
-          ),
-          h(
-            'button',
-            { className: 'cait-btn', onClick: onImport, disabled: Boolean(busy), title: t('nav.import') },
-            h(Icon, { name: 'upload', size: 14 }),
-            h('span', { className: 'cait-btn-label' }, t('nav.import')),
-          ),
-          h(
-            'button',
-            { className: 'cait-btn', onClick: onExport, disabled: Boolean(busy) || !doc, title: t('nav.export') },
-            h(Icon, { name: 'download', size: 14 }),
-            h('span', { className: 'cait-btn-label' }, t('nav.export')),
-          ),
           h('button', { className: 'cait-iconbtn', onClick: onSettings, disabled: Boolean(busy), title: t('nav.settings') }, h(Icon, { name: 'settings', size: 15 })),
         ),
       )
     }
 
-    function SegmentRail({ t, doc, selected, query, setQuery, onSelect }) {
+    const SEGMENT_FILTERS = ['all', 'pending', 'translated', 'confirmed']
+
+    function SegmentRail({ t, doc, selected, query, setQuery, filter, setFilter, onSelect, onConfirmAll, onPropagate, busy, qa }) {
       const activeRef = useRef(null)
+      const storage = typeof localStorage !== 'undefined' ? localStorage : null
+      const [pageSize, setPageSize] = useState(() => readPageSize(storage))
+      const [page, setPage] = useState(1)
+      const [gotoText, setGotoText] = useState('')
+      const [gotoBad, setGotoBad] = useState(false)
+      const lastSelected = useRef(selected)
       useEffect(() => {
         if (activeRef.current) activeRef.current.scrollIntoView({ block: 'nearest' })
-      }, [selected])
+      }, [selected, filter])
+
+      // Advisory QA marks: the check never blocks editing or exporting, it only
+      // flags the segment in the rail so review can start where it matters.
+      const warns = new Map()
+      for (const issue of qa?.issues || []) {
+        const list = warns.get(issue.index) || []
+        list.push(issue.code)
+        warns.set(issue.index, list)
+      }
+
+      const counts = {
+        all: doc.progress.total,
+        pending: doc.progress.pending,
+        translated: doc.progress.translated,
+        confirmed: doc.progress.confirmed,
+      }
 
+      // How many empty segments could be filled from a sibling with the same
+      // source. Shown on the rail so propagation is a visible, one-click choice
+      // rather than something happening behind the user's back.
+      const duplicateGroups = new Map()
+      for (const segment of doc.segments) {
+        const key = String(segment.source || '').replace(/\s+/g, ' ').trim().toLowerCase()
+        if (!key) continue
+        const list = duplicateGroups.get(key) || []
+        list.push(segment)
+        duplicateGroups.set(key, list)
+      }
+      let duplicated = 0
+      for (const list of duplicateGroups.values()) {
+        if (list.length < 2 || !list.some((segment) => segment.target)) continue
+        duplicated += list.filter((segment) => !segment.target).length
+      }
       const needle = query.trim().toLowerCase()
-      const items = doc.segments
+      const filtered = doc.segments
         .map((segment, index) => ({ segment, index }))
+        .filter(({ segment }) => filter === 'all' || segment.status === filter)
         .filter(({ segment }) => {
           if (!needle) return true
-          return segment.source.toLowerCase().includes(needle) || (segment.target || '').toLowerCase().includes(needle)
+          return (
+            segment.source.toLowerCase().includes(needle) ||
+            (segment.target || '').toLowerCase().includes(needle) ||
+            (segment.suggestion || '').toLowerCase().includes(needle)
+          )
         })
 
+      // A rail window is a view over the filtered list: the page is clamped to
+      // the result count instead of being reset, so narrowing a filter keeps the
+      // reader near where they were.
+      const bounds = pageBounds(page, filtered.length, pageSize)
+      const firstRow = bounds.start === 0 ? 0 : bounds.start - 1
+      const visible = filtered.slice(firstRow, bounds.end)
+
+      useEffect(() => {
+        if (bounds.page !== page) setPage(bounds.page)
+      }, [bounds.page, page])
+
+      // Selection can move from outside the rail (next-unconfirmed, batch
+      // confirm), so follow it onto the page that holds it.
+      useEffect(() => {
+        if (lastSelected.current === selected) return
+        lastSelected.current = selected
+        const position = filtered.findIndex((item) => item.index === selected)
+        if (position < 0) return
+        const target = Math.floor(position / pageSize) + 1
+        if (target !== bounds.page) setPage(target)
+      }, [selected])
+
+      const changePageSize = (value) => {
+        const size = writePageSize(storage, value)
+        setPageSize(size)
+        setPage(1)
+      }
+
+      const submitGoto = () => {
+        const index = segmentNumberToIndex(gotoText, doc.progress.total)
+        if (index === null) {
+          setGotoBad(true)
+          return
+        }
+        setGotoBad(false)
+        setGotoText('')
+        // A number is useless while a filter or a search hides it, so jumping is
+        // an explicit "show me this segment" and clears both.
+        if (needle || filter !== 'all') {
+          setQuery('')
+          setFilter('all')
+        }
+        lastSelected.current = index
+        setPage(Math.floor(index / pageSize) + 1)
+        onSelect(index)
+      }
+
       return h(
         'aside',
         { className: 'cait-rail' },
         h(
           'div',
           { className: 'cait-rail-head' },
-          h('div', { className: 'cait-rail-title' }, h('span', null, t('rail.title')), h('span', { className: 'cait-count' }, doc.progress.total)),
+          h(
+            'div',
+            { className: 'cait-rail-title' },
+            h('span', null, t('rail.title')),
+            h(
+              'span',
+              { className: 'cait-count', title: `${filtered.length} / ${doc.progress.total}` },
+              needle || filter !== 'all' ? `${filtered.length}/${doc.progress.total}` : doc.progress.total,
+            ),
+          ),
           h('div', { className: 'cait-mini-progress' }, h('i', { style: { width: `${doc.progress.percent}%` } })),
+          h(
+            'div',
+            { className: 'cait-rail-filters' },
+            SEGMENT_FILTERS.map((key) =>
+              h(
+                'button',
+                {
+                  key,
+                  className: `cait-filterchip${filter === key ? ' active' : ''}`,
+                  onClick: () => setFilter(key),
+                  title: t(`rail.filter.${key}`),
+                },
+                h('span', null, t(`rail.filter.${key}`)),
+                h('span', { className: `cait-filtercount ${key}` }, counts[key]),
+              ),
+            ),
+          ),
+          doc.progress.translated > 0
+            ? h(
+                'button',
+                {
+                  className: 'cait-batchbtn',
+                  onClick: onConfirmAll,
+                  disabled: Boolean(busy),
+                  title: t('rail.confirmAllHint'),
+                },
+                h(Icon, { name: 'check', size: 11 }),
+                `${t('rail.confirmAll')} · ${doc.progress.translated}`,
+              )
+            : null,
+          duplicated > 0
+            ? h(
+                'button',
+                {
+                  className: 'cait-batchbtn cait-batchbtn-plain',
+                  onClick: onPropagate,
+                  disabled: Boolean(busy),
+                  title: t('rail.propagateMessage'),
+                },
+                h(Icon, { name: 'copy', size: 11 }),
+                `${t('rail.propagate')} · ${duplicated}`,
+              )
+            : null,
+          h(
+            'div',
+            { className: 'cait-rail-goto' },
+            h('input', {
+              className: `cait-goto-input${gotoBad ? ' bad' : ''}`,
+              value: gotoText,
+              onChange: (event) => {
+                setGotoText(event.target.value)
+                setGotoBad(false)
+              },
+              onKeyDown: (event) => {
+                if (event.key === 'Enter') submitGoto()
+              },
+              placeholder: t('rail.goto'),
+              'aria-label': t('rail.goto'),
+              title: gotoBad ? t('rail.gotoInvalid') : t('rail.goto'),
+              inputMode: 'numeric',
+            }),
+            h(
+              'button',
+              {
+                type: 'button',
+                className: 'cait-gotobtn',
+                onClick: submitGoto,
+                disabled: Boolean(busy),
+                title: t('rail.goto'),
+                'aria-label': t('rail.goto'),
+              },
+              h(Icon, { name: 'arrowRight', size: 12 }),
+            ),
+          ),
         ),
         h(
           'div',
@@ -861,8 +1344,8 @@ window.__ModuleLoader__.load({
         h(
           'div',
           { className: 'cait-rail-list' },
-          items.length
-            ? items.map(({ segment, index }) =>
+          visible.length
+            ? visible.map(({ segment, index }) =>
                 h(
                   'button',
                   {
@@ -880,6 +1363,13 @@ window.__ModuleLoader__.load({
                       { className: 'cait-seg-line' },
                       h('span', { className: 'cait-seg-index' }, String(index + 1).padStart(2, '0')),
                       h('span', { className: `cait-dot ${segment.status}` }),
+                      warns.has(index)
+                        ? h('span', {
+                            className: 'cait-seg-warn',
+                            title: (warns.get(index) || []).map((code) => t(`qa.code.${code}`)).join(' · '),
+                            'aria-label': t('qa.warn'),
+                          })
+                        : null,
                     ),
                     h('span', { className: 'cait-seg-text' }, segment.source),
                     segment.target ? h('span', { className: 'cait-seg-target' }, segment.target) : null,
@@ -888,16 +1378,68 @@ window.__ModuleLoader__.load({
               )
             : h('div', { className: 'cait-empty-note' }, t('rail.empty')),
         ),
+        h(
+          'div',
+          { className: 'cait-rail-page' },
+          h(
+            'button',
+            {
+              type: 'button',
+              className: 'cait-pagebtn',
+              onClick: () => setPage(bounds.page - 1),
+              disabled: bounds.page <= 1,
+              title: t('library.prev'),
+              'aria-label': t('library.prev'),
+            },
+            h(Icon, { name: 'chevronLeft', size: 12 }),
+          ),
+          h('span', { className: 'cait-pageinfo' }, t('rail.pageInfo', { start: bounds.start, end: bounds.end, total: bounds.total })),
+          h(
+            'button',
+            {
+              type: 'button',
+              className: 'cait-pagebtn',
+              onClick: () => setPage(bounds.page + 1),
+              disabled: bounds.page >= bounds.pages,
+              title: t('library.next'),
+              'aria-label': t('library.next'),
+            },
+            h(Icon, { name: 'chevronRight', size: 12 }),
+          ),
+          h(
+            'select',
+            {
+              className: 'cait-pagesize',
+              value: String(pageSize),
+              onChange: (event) => changePageSize(Number(event.target.value)),
+              title: t('library.pageSize'),
+              'aria-label': t('library.pageSize'),
+            },
+            PAGE_SIZE_OPTIONS.map((size) => h('option', { key: size, value: String(size) }, String(size))),
+          ),
+        ),
       )
     }
 
-    function EditorPane({ t, doc, index, segment, detail, draft, setDraft, dirty, busy, onConfirm, onNext, onPrev, onSave, onApplyTerm, textareaRef }) {
+    function EditorPane({ t, doc, index, segment, detail, draft, setDraft, dirty, busy, onConfirm, onNext, onPrev, onSave, onAdopt, onApplyTerm, textareaRef }) {
       const hits = detail?.index === index ? detail.glossaryHits : []
       const charCount = Array.from(draft || '').length
       const progress = doc.progress
+      const remaining = progress.total - progress.confirmed
+      const statusLabel =
+        segment.status === 'confirmed'
+          ? t('status.confirmed')
+          : segment.status === 'translated'
+            ? t('status.translated')
+            : t('status.pending')
+
+      // The middle column keeps the machine/agent baseline that produced the
+      // current text, so editing in the right column has something to compare
+      // against. It is stored in `suggestion`, which adoption already preserves.
+      const baselineText = segment.suggestion || ''
+      const baselineOrigin = segment.origin || 'agent'
 
-      const onKeyDown = (event) => {
-        const mod = event.metaKey || event.ctrlKey
+      const onKeyDown = (event) => {        const mod = event.metaKey || event.ctrlKey
         if (mod && event.key === 'Enter') {
           event.preventDefault()
           onConfirm()
@@ -944,61 +1486,94 @@ window.__ModuleLoader__.load({
           'div',
           { className: 'cait-seg-head' },
           h('span', { className: 'cait-seg-label' }, `${t('editor.segment')} ${index + 1} / ${doc.segments.length}`),
-          h('span', { className: `cait-badge ${segment.status}` }, segment.status === 'confirmed' ? t('status.confirmed') : t('status.pending')),
+          h('span', { className: `cait-badge ${segment.status}` }, statusLabel),
         ),
         h(
           'div',
-          { className: 'cait-source-card' },
+          { className: 'cait-review' },
           h(
-            'div',
-            { className: 'cait-labelrow' },
-            h('span', { className: 'cait-label' }, t('editor.source')),
-            h('span', { className: 'cait-langchip' }, doc.sourceLang),
+            'section',
+            { className: 'cait-revcol cait-rev-src' },
+            h(
+              'div',
+              { className: 'cait-labelrow' },
+              h('span', { className: 'cait-label' }, t('editor.source')),
+              h('span', { className: 'cait-langchip' }, doc.sourceLang),
+            ),
+            h('div', { className: 'cait-source-text' }, highlightSource(segment.source, hits)),
+            hits.length
+              ? h(
+                  'div',
+                  { className: 'cait-hitrow' },
+                  hits.map((hit) =>
+                    h(
+                      'button',
+                      {
+                        key: hit.id,
+                        className: 'cait-chip cait-chip-action',
+                        onClick: () => onApplyTerm(hit),
+                        title: hit.note || `${hit.term} → ${hit.target}`,
+                      },
+                      h(Icon, { name: 'book', size: 11 }),
+                      `${hit.term} → ${hit.target}`,
+                    ),
+                  ),
+                )
+              : null,
           ),
-          h('div', { className: 'cait-source-text' }, highlightSource(segment.source, hits)),
-          hits.length
-            ? h(
-                'div',
-                { className: 'cait-hitrow' },
-                hits.map((hit) =>
-                  h(
+          h(
+            'section',
+            { className: 'cait-revcol cait-rev-sugg' },
+            h(
+              'div',
+              { className: 'cait-labelrow' },
+              h('span', { className: 'cait-label' }, t('editor.suggestion')),
+              baselineText
+                ? h('span', { className: `cait-originchip ${baselineOrigin}` }, t(`origin.${baselineOrigin}`))
+                : null,
+              segment.suggestion
+                ? h(
                     'button',
                     {
-                      key: hit.id,
                       className: 'cait-chip cait-chip-action',
-                      onClick: () => onApplyTerm(hit),
-                      title: hit.note || `${hit.term} → ${hit.target}`,
+                      onClick: onAdopt,
+                      disabled: Boolean(busy) || draft.trim() === segment.suggestion,
+                      title: t('editor.adoptHint'),
                     },
-                    h(Icon, { name: 'book', size: 11 }),
-                    `${hit.term} → ${hit.target}`,
-                  ),
-                ),
-              )
-            : null,
-        ),
-        h(
-          'div',
-          { className: 'cait-target-area' },
+                    h(Icon, { name: 'download', size: 11 }),
+                    t('editor.adopt'),
+                  )
+                : null,
+            ),
+            baselineText
+              ? h('div', { className: 'cait-suggest-text' }, baselineText)
+              : h('div', { className: 'cait-suggest-empty' }, t('editor.noSuggestion')),
+            h('div', { className: 'cait-rev-hint' }, segment.suggestion ? t('editor.adoptHint') : t('editor.baselineHint')),
+          ),
           h(
-            'div',
-            { className: 'cait-labelrow' },
-            h('span', { className: 'cait-label' }, t('editor.target')),
+            'section',
+            { className: 'cait-revcol cait-rev-target' },
             h(
-              'span',
-              { className: 'cait-meta' },
-              `${charCount} ${t('editor.chars')}${dirty ? ` · ${t('editor.unsaved')}` : ''}`,
+              'div',
+              { className: 'cait-labelrow' },
+              h('span', { className: 'cait-label' }, t('editor.target')),
+              h(
+                'span',
+                { className: 'cait-meta' },
+                `${charCount} ${t('editor.chars')}${dirty ? ` · ${t('editor.unsaved')}` : ''}`,
+              ),
             ),
+            h('textarea', {
+              ref: textareaRef,
+              className: 'cait-textarea',
+              value: draft,
+              onChange: (event) => setDraft(event.target.value),
+              onKeyDown,
+              placeholder: t('editor.targetPlaceholder'),
+              spellCheck: false,
+              rows: 8,
+            }),
           ),
-          h('textarea', {
-            ref: textareaRef,
-            className: 'cait-textarea',
-            value: draft,
-            onChange: (event) => setDraft(event.target.value),
-            onKeyDown,
-            placeholder: t('editor.targetPlaceholder'),
-            spellCheck: false,
-            rows: 8,
-          }),
         ),
         h(
           'div',
@@ -1031,16 +1606,30 @@ window.__ModuleLoader__.load({
         h(
           'div',
           { className: 'cait-editor-foot' },
-          progress.pending === 0
+          remaining === 0
             ? h('span', { className: 'cait-donechip' }, h(Icon, { name: 'check', size: 11 }), t('editor.done'))
-            : h('span', null, `${progress.pending} ${t('status.pending')}`),
+            : h('span', null, `${remaining} ${t('editor.remaining')}`),
           segment.confirmedAt ? h('span', null, `${t('editor.confirmedAt')} ${new Date(segment.confirmedAt).toLocaleString()}`) : null,
         ),
       )
     }
 
-    function TmMatchCard({ t, match, onApply }) {
+    function TmMatchCard({ t, match, onApply, onEdit, onDelete, busy }) {
       const matchType = match.matchType || (match.exact ? 'exact' : 'low_fuzzy')
+      const [editing, setEditing] = useState(false)
+      const [value, setValue] = useState(match.target)
+
+      useEffect(() => {
+        setEditing(false)
+        setValue(match.target)
+      }, [match.id, match.target])
+
+      const save = async () => {
+        if (!value.trim()) return
+        const ok = await onEdit({ id: match.id, target: value })
+        if (ok) setEditing(false)
+      }
+
       return h(
         'article',
         { className: 'cait-card' },
@@ -1049,10 +1638,56 @@ window.__ModuleLoader__.load({
           { className: 'cait-card-head' },
           h('span', { className: `cait-score ${matchType}` }, `${match.percent}%`),
           h('span', { className: 'cait-score-label' }, t(`match.${matchType}`)),
-          h('button', { className: 'cait-minibtn', onClick: () => onApply(match) }, t('panel.apply')),
+          h(
+            'div',
+            { className: 'cait-term-actions' },
+            h('button', { className: 'cait-minibtn', onClick: () => onApply(match) }, t('panel.apply')),
+            h(
+              'button',
+              { className: 'cait-minibtn', onClick: () => setEditing((current) => !current), disabled: Boolean(busy), title: t('panel.edit') },
+              h(Icon, { name: 'pencil', size: 11 }),
+            ),
+            h(
+              'button',
+              { className: 'cait-deletebtn', onClick: () => onDelete(match), disabled: Boolean(busy), title: t('panel.delete') },
+              h(Icon, { name: 'trash', size: 11 }),
+            ),
+          ),
         ),
         h('p', { className: 'cait-card-source' }, match.source),
-        h('p', { className: 'cait-card-target' }, match.target),
+        match.context
+          ? h(
+              'p',
+              { className: 'cait-card-context' },
+              `${t('panel.contextPrev')} ${match.context.prev || '—'} · ${t('panel.contextNext')} ${match.context.next || '—'}`,
+            )
+          : null,
+        editing
+          ? h(
+              'div',
+              { className: 'cait-tmedit' },
+              h('textarea', {
+                className: 'cait-textarea cait-tmedit-input',
+                value,
+                rows: 3,
+                autoFocus: true,
+                onChange: (event) => setValue(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {
+                    event.preventDefault()
+                    save()
+                  }
+                  if (event.key === 'Escape') setEditing(false)
+                },
+              }),
+              h(
+                'div',
+                { className: 'cait-formrow' },
+                h('button', { className: 'cait-btn cait-btn-primary', onClick: save, disabled: Boolean(busy) || !value.trim() }, t('panel.saveEntry')),
+                h('button', { className: 'cait-btn cait-btn-ghost', onClick: () => setEditing(false) }, t('panel.cancel')),
+              ),
+            )
+          : h('p', { className: 'cait-card-target' }, match.target),
       )
     }
 
@@ -1069,6 +1704,8 @@ window.__ModuleLoader__.load({
       tmResults,
       tmError,
       onApplyTm,
+      onEditTm,
+      onDeleteTm,
       onImportTmx,
       onClearTm,
       onAddTerm,
@@ -1083,7 +1720,7 @@ window.__ModuleLoader__.load({
       onApplyMt,
       onCopy,
       onOpenSettings,
-      onOpenLibraries,
+      onSearchLibrary,
       busy,
     }) {
       const [termQuery, setTermQuery] = useState('')
@@ -1130,7 +1767,7 @@ window.__ModuleLoader__.load({
               'button',
               {
                 className: 'cait-btn cait-libopen',
-                onClick: onOpenLibraries,
+                onClick: () => onSearchLibrary(tab === 'glossary' ? 'glossary' : 'tm', tab === 'tm' ? tmQuery : ''),
                 disabled: Boolean(busy),
                 title: t('libraries.open'),
               },
@@ -1194,6 +1831,17 @@ window.__ModuleLoader__.load({
                   }),
                   h('button', { className: 'cait-iconbtn', type: 'submit', title: t('panel.search') }, h(Icon, { name: 'arrowRight', size: 13 })),
                 ),
+                // The panel searches what is mounted; the library workspace
+                // searches everything. This carries the typed query across.
+                h(
+                  'div',
+                  { className: 'cait-paneljump' },
+                  h(
+                    'button',
+                    { className: 'cait-linkbtn', type: 'button', onClick: () => onSearchLibrary('tm', tmQuery) },
+                    t('panel.searchInLibrary'),
+                  ),
+                ),
                 h(
                   'div',
                   { className: 'cait-listhead' },
@@ -1202,7 +1850,17 @@ window.__ModuleLoader__.load({
                 ),
                 tmError ? h('div', { className: 'cait-mt-error' }, tmError) : null,
                 tmMatches.length
-                  ? tmMatches.map((match) => h(TmMatchCard, { key: match.id, t, match, onApply: onApplyTm }))
+                  ? tmMatches.map((match) =>
+                      h(TmMatchCard, {
+                        key: match.id,
+                        t,
+                        match,
+                        busy,
+                        onApply: onApplyTm,
+                        onEdit: onEditTm,
+                        onDelete: onDeleteTm,
+                      }),
+                    )
                   : h('p', { className: 'cait-empty-note' }, tmResults ? t('panel.noMatches') : t('panel.noCurrentMatches')),
                 h('p', { className: 'cait-mt-hint' }, t('panel.tmHint')),
                 h(
@@ -1242,75 +1900,20 @@ window.__ModuleLoader__.load({
                       ),
                     )
                   : h('p', { className: 'cait-empty-note' }, t('panel.noHits')),
+                // The panel is a per-segment view: whole-library browsing,
+                // adding and editing live on the library page, so the panel
+                // stays short instead of dumping the mounted glossary.
+                h('p', { className: 'cait-mt-hint' }, t('panel.glossaryMatchesOnly')),
                 h(
                   'div',
-                  { className: 'cait-subhead' },
-                  h('span', null, t('panel.allTerms')),
-                  h('button', { className: 'cait-linkbtn', onClick: () => setShowTermForm((value) => !value) }, `+ ${t('panel.addTerm')}`),
+                  { className: 'cait-panel-foot' },
+                  h(
+                    'button',
+                    { className: 'cait-btn', onClick: () => onSearchLibrary('glossary', ''), disabled: Boolean(busy) },
+                    h(Icon, { name: 'book', size: 12 }),
+                    t('panel.viewAll'),
+                  ),
                 ),
-                showTermForm
-                  ? h(
-                      'form',
-                      { className: 'cait-termform', onSubmit: submitTerm },
-                      h('input', {
-                        className: 'cait-input',
-                        value: termForm.source,
-                        onChange: (event) => setTermForm({ ...termForm, source: event.target.value }),
-                        placeholder: t('panel.termSource'),
-                        autoFocus: true,
-                      }),
-                      h(
-                        'div',
-                        { className: 'cait-formrow' },
-                        h('input', {
-                          className: 'cait-input',
-                          value: termForm.target,
-                          onChange: (event) => setTermForm({ ...termForm, target: event.target.value }),
-                          placeholder: t('panel.termTarget'),
-                        }),
-                        h('input', {
-                          className: 'cait-input',
-                          value: termForm.note,
-                          onChange: (event) => setTermForm({ ...termForm, note: event.target.value }),
-                          placeholder: t('panel.termNote'),
-                        }),
-                      ),
-                      h(
-                        'div',
-                        { className: 'cait-formrow' },
-                        h('button', { className: 'cait-btn cait-btn-primary', type: 'submit', disabled: Boolean(busy) || !termForm.source.trim() || !termForm.target.trim() }, t('panel.saveTerm')),
-                        h('button', { className: 'cait-btn cait-btn-ghost', type: 'button', onClick: () => setShowTermForm(false) }, t('panel.cancel')),
-                      ),
-                    )
-                  : null,
-                h(
-                  'div',
-                  { className: 'cait-search' },
-                  h(Icon, { name: 'search', size: 13 }),
-                  h('input', { value: termQuery, onChange: (event) => setTermQuery(event.target.value), placeholder: t('panel.termSearch'), 'aria-label': t('panel.termSearch') }),
-                ),
-                terms.length
-                  ? terms.map((term) =>
-                      h(
-                        'div',
-                        { key: term.id, className: 'cait-term' },
-                        h(
-                          'div',
-                          { className: 'cait-term-main' },
-                          h('strong', null, term.source),
-                          h(Icon, { name: 'arrowRight', size: 11, className: 'cait-term-arrow' }),
-                          h('span', null, term.target),
-                        ),
-                        term.note ? h('div', { className: 'cait-muted cait-tiny', style: { marginTop: 2 } }, term.note) : null,
-                        h(
-                          'div',
-                          { className: 'cait-term-actions' },
-                          h('button', { className: 'cait-minibtn', onClick: () => onApplyTerm(term) }, t('panel.apply')),
-                          h('button', { className: 'cait-deletebtn', onClick: () => onDeleteTerm(term), title: t('panel.delete') }, h(Icon, { name: 'trash', size: 11 })),
-                        ),
-                      ),
-                    )
-                  : h('p', { className: 'cait-empty-note' }, t('panel.noTerms')),
                 h(
                   'div',
                   { className: 'cait-panel-foot' },
@@ -1536,35 +2139,1199 @@ window.__ModuleLoader__.load({
               h('strong', null, file ? file.name : t('empty.drop')),
               h('span', null, file ? formatBytes(file.size) : t('modal.new.dropHint')),
             ),
-        h(
-          'div',
-          { className: 'cait-formfoot' },
-          h('span', { className: 'cait-muted' }, t('empty.formats')),
+        h(
+          'div',
+          { className: 'cait-formfoot' },
+          h('span', { className: 'cait-muted' }, t('empty.formats')),
+          h(
+            'button',
+            { className: 'cait-btn cait-btn-primary', type: 'submit', disabled: Boolean(busy) || !canSubmit },
+            busy === 'create' ? h(Spinner) : h(Icon, { name: 'plus', size: 13 }),
+            busy === 'create' ? t('modal.new.importing') : submitLabel,
+          ),
+        ),
+      )
+    }
+
+    function NewDocModal({ t, settings, busy, defaultMode, onClose, onCreate }) {
+      return h(
+        Modal,
+        { title: t('modal.new.title'), onClose },
+        h(DocumentSourceForm, { t, settings, busy, submitLabel: t('modal.new.create'), onSubmit: onCreate, defaultMode }),
+        h(
+          'div',
+          { className: 'cait-demo-row' },
+          h('span', null, t('modal.new.sample')),
+          h('button', { className: 'cait-linkbtn', onClick: () => onCreate({ demo: true }), disabled: Boolean(busy) }, t('modal.new.demo')),
+        ),
+      )
+    }
+
+    /**
+     * The library workspace: browse, search, page through, edit and export the
+     * translation memories and glossaries themselves. It deliberately does not
+     * need an open document — the rail and the right panel stay document-scoped
+     * and this page is the only place that manages whole libraries.
+     */
+    function AlignPage({ t, data, busy, notify, report, onApplyState, onConfirm }) {
+      const [sourceFile, setSourceFile] = useState(null)
+      const [targetFile, setTargetFile] = useState(null)
+      const [sourceLang, setSourceLang] = useState('')
+      const [targetLang, setTargetLang] = useState('')
+      const [result, setResult] = useState(null)
+      const [rows, setRows] = useState([])
+      const [working, setWorking] = useState(false)
+      const [tmId, setTmId] = useState('')
+      const sourceRef = useRef(null)
+      const targetRef = useRef(null)
+      const libraries = data?.tmLibraries || []
+
+      useEffect(() => {
+        if (!tmId && libraries.length) setTmId(libraries[0].id)
+      }, [libraries.length])
+
+      const readBase64 = (file) =>
+        new Promise((resolve, reject) => {
+          const reader = new FileReader()
+          reader.onerror = () => reject(new Error(t('align.readError')))
+          reader.onload = () => {
+            const value = String(reader.result || '')
+            const comma = value.indexOf(',')
+            resolve(comma >= 0 ? value.slice(comma + 1) : '')
+          }
+          reader.readAsDataURL(file)
+        })
+
+      const pick = async (which, file) => {
+        if (!file) return
+        setWorking(true)
+        try {
+          const uploaded = await rpc('readUploadText', {
+            name: file.name,
+            base64: await readBase64(file),
+          })
+          const picked = { name: uploaded.name, text: uploaded.text, chars: uploaded.chars }
+          if (which === 'source') setSourceFile(picked)
+          else setTargetFile(picked)
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking(false)
+        }
+      }
+
+      const run = async () => {
+        if (!sourceFile || !targetFile) {
+          notify(t('align.needFiles'), true)
+          return
+        }
+        setWorking(true)
+        try {
+          const aligned = await rpc('alignUploads', {
+            sourceFile: { name: sourceFile.name, text: sourceFile.text },
+            targetFile: { name: targetFile.name, text: targetFile.text },
+            sourceLang,
+            targetLang,
+          })
+          setResult(aligned)
+          setRows(aligned.rows.map((row) => ({ ...row, include: row.confidence === 'high' })))
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking(false)
+        }
+      }
+
+      const updateRow = (at, patch) =>
+        setRows((current) => current.map((row, position) => (position === at ? { ...row, ...patch } : row)))
+
+      const removeRow = (at) => setRows((current) => current.filter((_row, position) => position !== at))
+
+      const mergeRow = (at) =>
+        setRows((current) => {
+          const head = current[at]
+          const next = current[at + 1]
+          if (!head || !next) return current
+          const merged = {
+            ...head,
+            target: [head.target, next.target].filter(Boolean).join(' '),
+            include: head.include,
+            merged: true,
+          }
+          return [...current.slice(0, at), merged, ...current.slice(at + 2)]
+        })
+
+      const splitRow = (at) =>
+        setRows((current) => {
+          const row = current[at]
+          if (!row || !row.target) return current
+          const parts = String(row.target).split(/\n+/).filter(Boolean)
+          if (parts.length < 2) return current
+          const replacement = parts.map((part) => ({ ...row, target: part }))
+          return [...current.slice(0, at), ...replacement, ...current.slice(at + 1)]
+        })
+
+      const write = async () => {
+        const pairs = rows
+          .filter((row) => row.include && row.source && row.target)
+          .map((row) => ({ source: row.source, target: row.target, sourceLang, targetLang }))
+        if (!pairs.length) {
+          notify(t('align.nothing'), true)
+          return
+        }
+        onConfirm({
+          title: t('align.write'),
+          message: t('align.writeMessage', { count: pairs.length }),
+          action: async () => {
+            setWorking(true)
+            try {
+              const written = await rpc('writeAlignment', { pairs, tmId: tmId || undefined })
+              notify(t('align.written', { written: written.written, skipped: written.skipped }))
+            } catch (error) {
+              report(error)
+            } finally {
+              setWorking(false)
+            }
+          },
+        })
+      }
+
+      const included = rows.filter((row) => row.include && row.source && row.target).length
+      const fileCard = (which, file, ref) =>
+        h(
+          'div',
+          { className: 'cait-alignfile' },
+          h('span', { className: 'cait-alignlabel' }, t(which === 'source' ? 'align.sourceFile' : 'align.targetFile')),
+          h('span', { className: `cait-alignname${file ? '' : ' empty'}` }, file ? file.name : t('align.pick')),
+          h('span', { className: 'cait-alignmeta' }, file ? t('align.chars', { count: file.chars }) : ''),
+          h('input', {
+            ref,
+            type: 'file',
+            accept: '.txt,.md,.docx,.epub,.html,.htm,.xlsx,.pptx,.csv,.srt,.vtt,.po,.json,.rtf,.xliff',
+            style: { display: 'none' },
+            onChange: (event) => {
+              const chosen = event.target.files && event.target.files[0]
+              pick(which, chosen)
+              event.target.value = ''
+            },
+          }),
+          h(
+            'button',
+            { type: 'button', className: 'cait-btn', onClick: () => ref.current && ref.current.click(), disabled: working },
+            h(Icon, { name: 'folder', size: 13 }),
+            h('span', { className: 'cait-btn-label' }, t('align.choose')),
+          ),
+        )
+
+      return h(
+        'div',
+        { className: 'cait-alignpage' },
+        h(
+          'div',
+          { className: 'cait-alignhead' },
+          h('div', null, h('h2', null, t('align.title')), h('p', { className: 'cait-mt-hint' }, t('align.hint'))),
+          h(
+            'div',
+            { className: 'cait-alignactions' },
+            h('input', {
+              className: 'cait-libinput',
+              placeholder: t('align.sourceLang'),
+              value: sourceLang,
+              onChange: (event) => setSourceLang(event.target.value),
+            }),
+            h('input', {
+              className: 'cait-libinput',
+              placeholder: t('align.targetLang'),
+              value: targetLang,
+              onChange: (event) => setTargetLang(event.target.value),
+            }),
+            h(
+              'select',
+              {
+                className: 'cait-select cait-liblang',
+                value: tmId,
+                onChange: (event) => setTmId(event.target.value),
+              },
+              libraries.map((library) => h('option', { key: library.id, value: library.id }, library.name)),
+            ),
+            h(
+              'button',
+              { type: 'button', className: 'cait-btn cait-btn-primary', onClick: run, disabled: working || !sourceFile || !targetFile },
+              h(Icon, { name: 'align', size: 13 }),
+              h('span', { className: 'cait-btn-label' }, working ? t('align.running') : t('align.run')),
+            ),
+          ),
+        ),
+        h('div', { className: 'cait-alignfiles' }, fileCard('source', sourceFile, sourceRef), fileCard('target', targetFile, targetRef)),
+        result
+          ? h(
+              'div',
+              { className: 'cait-alignstats' },
+              h('span', null, t('align.stats', {
+                high: result.high,
+                medium: result.medium,
+                low: result.low,
+              })),
+              h('span', null, `${t('align.unpairedSource')}: ${result.unpairedSource}`),
+              h('span', null, `${t('align.unpairedTarget')}: ${result.unpairedTarget}`),
+              result.blocked ? h('span', { className: 'cait-alignwarn' }, t('align.blocked')) : null,
+              h(
+                'button',
+                { type: 'button', className: 'cait-btn', onClick: write, disabled: working || !included },
+                h(Icon, { name: 'check', size: 13 }),
+                h('span', { className: 'cait-btn-label' }, t('align.writeCount', { count: included })),
+              ),
+            )
+          : null,
+        rows.length
+          ? h(
+              'div',
+              { className: 'cait-libtable-wrap cait-aligntable-wrap' },
+              h(
+                'table',
+                { className: 'cait-libtable cait-aligntable' },
+                h(
+                  'thead',
+                  null,
+                  h(
+                    'tr',
+                    null,
+                    h('th', null, ''),
+                    h('th', null, t('align.sourceFile')),
+                    h('th', null, t('align.targetFile')),
+                    h('th', null, t('align.confidence')),
+                    h('th', null, ''),
+                  ),
+                ),
+                h(
+                  'tbody',
+                  null,
+                  rows.map((row, at) =>
+                    h(
+                      'tr',
+                      { key: `${row.sourceIndex}-${row.targetIndex}-${at}`, className: row.include ? 'included' : '' },
+                      h(
+                        'td',
+                        null,
+                        h('input', {
+                          type: 'checkbox',
+                          checked: Boolean(row.include),
+                          onChange: (event) => updateRow(at, { include: event.target.checked }),
+                        }),
+                      ),
+                      h('td', null, row.source),
+                      h('td', null, row.target || h('span', { className: 'cait-alignmissing' }, '—')),
+                      h(
+                        'td',
+                        null,
+                        h('span', { className: `cait-confidence ${row.confidence}` }, `${Math.round(row.score * 100)}%`),
+                      ),
+                      h(
+                        'td',
+                        { className: 'cait-alignrow-actions' },
+                        h(
+                          'button',
+                          { type: 'button', className: 'cait-minibtn', title: t('align.merge'), onClick: () => mergeRow(at) },
+                          h(Icon, { name: 'chevronDown', size: 12 }),
+                        ),
+                        h(
+                          'button',
+                          { type: 'button', className: 'cait-minibtn', title: t('align.split'), onClick: () => splitRow(at) },
+                          h(Icon, { name: 'chevronRight', size: 12 }),
+                        ),
+                        h(
+                          'button',
+                          { type: 'button', className: 'cait-minibtn cait-deletebtn', title: t('align.remove'), onClick: () => removeRow(at) },
+                          h(Icon, { name: 'trash', size: 12 }),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            )
+          : null,
+      )
+    }
+
+    function LibraryPage({
+      t,
+      data,
+      settings,
+      busy,
+      notify,
+      report,
+      seed,
+      onApplyState,
+      onConfirm,
+      onCreateLibrary,
+      onRenameLibrary,
+      onDeleteLibrary,
+    }) {
+      const storage = typeof localStorage !== 'undefined' ? localStorage : null
+      const [kind, setKind] = useState(seed?.kind === 'glossary' ? 'glossary' : 'tm')
+      const [scopeIds, setScopeIds] = useState([])
+      const [query, setQuery] = useState(seed?.query || '')
+      const [debouncedQuery, setDebouncedQuery] = useState('')
+      const [lang, setLang] = useState('')
+      const [page, setPage] = useState(1)
+      const [pageSize, setPageSize] = useState(() => readPageSize(storage))
+      const [rows, setRows] = useState(null)
+      const [loading, setLoading] = useState(false)
+      const [working, setWorking] = useState('')
+      const [selectedId, setSelectedId] = useState('')
+      const [draft, setDraft] = useState(null)
+      const [renamingId, setRenamingId] = useState('')
+      const [renameText, setRenameText] = useState('')
+      const [newLibraryName, setNewLibraryName] = useState('')
+      const [adding, setAdding] = useState(false)
+      const [exportFormat, setExportFormat] = useState('tbx')
+      const [terms, setTerms] = useState(null)
+      const fileRef = useRef(null)
+      const importMode = useRef('')
+
+      const libraries = (kind === 'tm' ? data?.libraries?.tm : data?.libraries?.glossary) || []
+      const idKey = kind === 'tm' ? 'tmId' : 'glossaryId'
+      const labelKey = 'name'
+      const scopeKey = scopeIds.join(',')
+      const targetLibraryId = scopeIds[0] || (kind === 'tm' ? data?.mounts?.defaultTmId : data?.mounts?.defaultGlossaryId) || libraries[0]?.[idKey] || ''
+
+      useEffect(() => {
+        const timer = setTimeout(() => setDebouncedQuery(query), 250)
+        return () => clearTimeout(timer)
+      }, [query])
+
+      // The panel can jump into the library with its current search text; a
+      // fresh nonce means "apply this seed now" even when the values repeat.
+      useEffect(() => {
+        if (!seed) return
+        setKind(seed.kind === 'glossary' ? 'glossary' : 'tm')
+        setQuery(seed.query || '')
+        setPage(1)
+      }, [seed?.nonce])
+
+      // Switching kind resets the scope: library ids are not interchangeable.
+      useEffect(() => {
+        setScopeIds([])
+        setPage(1)
+        setSelectedId('')
+        setLang('')
+      }, [kind])
+
+      const loadRows = async () => {
+        setLoading(true)
+        try {
+          const params =
+            kind === 'tm'
+              ? { tmIds: scopeIds, query: debouncedQuery, page, pageSize }
+              : { glossaryIds: scopeIds, query: debouncedQuery, page, pageSize }
+          if (lang) params.sourceLang = lang
+          const result = await rpc(kind === 'tm' ? 'listTmEntries' : 'listGlossaryEntries', params)
+          setRows(result)
+          if (result.page !== page) setPage(result.page)
+        } catch (error) {
+          report(error)
+          setRows(null)
+        } finally {
+          setLoading(false)
+        }
+      }
+
+      useEffect(() => {
+        let alive = true
+        const run = async () => {
+          if (!alive) return
+          await loadRows()
+        }
+        run()
+        return () => {
+          alive = false
+        }
+      }, [kind, scopeKey, debouncedQuery, lang, page, pageSize, data?.revision])
+
+      useEffect(() => {
+        const entry = (rows?.entries || []).find((item) => item.id === selectedId)
+        setDraft(entry ? { ...entry } : null)
+      }, [selectedId, rows])
+
+      const dirty =
+        draft &&
+        rows?.entries?.some(
+          (item) =>
+            item.id === draft.id &&
+            (item.source !== draft.source ||
+              item.target !== draft.target ||
+              (item.note || '') !== (draft.note || '') ||
+              Boolean(item.caseSensitive) !== Boolean(draft.caseSensitive)),
+        )
+
+      const selectKind = (next) => setKind(next)
+
+      const mineTerms = async () => {
+        const active = data?.activeDocument
+        if (!active) {
+          notify(t('term.noDoc'), true)
+          return
+        }
+        setWorking('terms')
+        try {
+          const mined = await rpc('termCandidates', { documentId: active.id, limit: 60 })
+          setTerms(mined.candidates.map((candidate) => ({
+            ...candidate,
+            picked: false,
+            target: candidate.evidence[0] || '',
+          })))
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const toggleTerm = (index) =>
+        setTerms((current) =>
+          current.map((item, position) => (position === index ? { ...item, picked: !item.picked } : item)),
+        )
+
+      const setTermTarget = (index, value) =>
+        setTerms((current) =>
+          current.map((item, position) => (position === index ? { ...item, target: value, picked: true } : item)),
+        )
+
+      const addMinedTerms = async () => {
+        const picked = (terms || []).filter((item) => item.picked && item.target.trim())
+        if (!picked.length) return
+        setWorking('terms')
+        try {
+          const result = await rpc('addGlossaryEntries', {
+            glossaryId: targetLibraryId || undefined,
+            entries: picked.map((item) => ({
+              source: item.term,
+              target: item.target.trim(),
+              sourceLang: settings.sourceLang,
+            })),
+          })
+          if (result?.state) onApplyState(result.state)
+          notify(t('term.added').replace('{added}', String(result.added)))
+          setTerms(null)
+          await loadRows()
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const toggleScope = (id) => {
+        setPage(1)
+        setScopeIds((current) => (current.includes(id) ? current.filter((item) => item !== id) : [...current, id]))
+      }
+
+      const allLanguages = rows?.languages
+        ? [...new Set([...(rows.languages.source || []), ...(rows.languages.target || [])])].filter(Boolean)
+        : []
+
+      const changePageSize = (value) => {
+        const size = writePageSize(storage, value)
+        setPageSize(size)
+        setPage(1)
+      }
+
+      const saveEntry = async () => {
+        if (!draft) return
+        setWorking('save')
+        try {
+          const result =
+            kind === 'tm'
+              ? await rpc('updateTM', {
+                  id: draft.id,
+                  source: draft.source,
+                  target: draft.target,
+                  note: draft.note,
+                })
+              : await rpc('updateGlossary', {
+                  id: draft.id,
+                  source: draft.source,
+                  target: draft.target,
+                  note: draft.note,
+                  sourceLang: draft.sourceLang,
+                  caseSensitive: Boolean(draft.caseSensitive),
+                })
+          if (result?.state) onApplyState(result.state)
+          notify(t('library.entrySaved'))
+          setAdding(false)
+          await loadRows()
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const addEntry = async () => {
+        if (!draft) return
+        setWorking('add')
+        try {
+          const result =
+            kind === 'tm'
+              ? await rpc('addTM', {
+                  source: draft.source,
+                  target: draft.target,
+                  tmId: targetLibraryId,
+                  sourceLang: draft.sourceLang || settings.sourceLang,
+                  targetLang: draft.targetLang || settings.targetLang,
+                })
+              : await rpc('addGlossary', {
+                  source: draft.source,
+                  target: draft.target,
+                  note: draft.note,
+                  glossaryId: targetLibraryId,
+                  sourceLang: draft.sourceLang || '',
+                  caseSensitive: Boolean(draft.caseSensitive),
+                })
+          if (result?.state) onApplyState(result.state)
+          notify(t('library.entryCreated'))
+          setAdding(false)
+          setSelectedId('')
+          await loadRows()
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const deleteEntry = () => {
+        if (!draft || adding) return
+        onConfirm({
+          title: t('library.deleteEntry'),
+          message: kind === 'tm' ? t('modal.confirm.deleteTm') : t('library.deleteEntry'),
+          confirmLabel: t('library.deleteEntry'),
+          action: async () => {
+            const result = await rpc(kind === 'tm' ? 'deleteTM' : 'deleteGlossary', { id: draft.id })
+            if (result?.state) onApplyState(result.state)
+            setSelectedId('')
+            notify(t('library.entryDeleted'))
+            await loadRows()
+          },
+        })
+      }
+
+      const clearLibrary = () => {
+        if (!targetLibraryId) return
+        onConfirm({
+          title: t('library.clear'),
+          message: t('modal.confirm.clearTm'),
+          confirmLabel: t('library.clear'),
+          action: async () => {
+            const result =
+              kind === 'tm'
+                ? await rpc('clearTM', { tmIds: [targetLibraryId], confirm: true })
+                : await rpc('clearGlossary', { glossaryIds: [targetLibraryId], confirm: true })
+            if (result?.state) onApplyState(result.state)
+            setSelectedId('')
+            await loadRows()
+          },
+        })
+      }
+
+      const exportLibrary = async () => {
+        if (!targetLibraryId) return
+        setWorking('export')
+        try {
+          const result =
+            kind === 'tm'
+              ? await rpc('exportTM', { tmId: targetLibraryId, format: 'tmx' })
+              : await rpc('exportGlossary', { glossaryId: targetLibraryId, format: exportFormat })
+          downloadFile(result.filename, result.content, result.mime)
+          notify(t('library.exported'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const pickImport = (mode) => {
+        importMode.current = mode
+        if (fileRef.current) {
+          fileRef.current.value = ''
+          fileRef.current.click()
+        }
+      }
+
+      const runImport = async (file) => {
+        if (!file || !targetLibraryId) return
+        setWorking('import')
+        try {
+          const text = await file.text()
+          if (importMode.current === 'glossary') {
+            const result = await rpc('importGlossary', { text, glossaryId: targetLibraryId })
+            if (result?.state) onApplyState(result.state)
+            notify(`${t('toast.glossaryImported')} · +${result.added} / ~${result.updated}`)
+          } else {
+            const result = await rpc('importTmx', {
+              text,
+              importAs: 'tm',
+              tmId: targetLibraryId,
+              sourceLang: kind === 'tm' ? undefined : settings.sourceLang,
+              targetLang: settings.targetLang,
+            })
+            if (result?.state) onApplyState(result.state)
+            notify(`${t('toast.tmImported')} · +${result.added} / ~${result.updated}`)
+          }
+          await loadRows()
+        } catch (error) {
+          report(error)
+        } finally {
+          setWorking('')
+        }
+      }
+
+      const submitRename = async (library) => {
+        const name = renameText.trim()
+        setRenamingId('')
+        if (!name || name === library[labelKey]) return
+        await onRenameLibrary({ kind, id: library[idKey], name })
+      }
+
+      const submitNewLibrary = async () => {
+        const name = newLibraryName.trim()
+        if (!name) return
+        const ok = await onCreateLibrary({ kind, name })
+        if (ok) setNewLibraryName('')
+      }
+
+      const confirmDeleteLibrary = (library) => {
+        if (libraries.length <= 1) return
+        onConfirm({
+          title: t('library.deleteLibrary'),
+          message: t('library.deleteLibraryMessage', { name: library[labelKey] }),
+          confirmLabel: t('library.deleteLibrary'),
+          action: async () => {
+            await onDeleteLibrary({ kind, id: library[idKey], name: library[labelKey] })
+            if (scopeIds.includes(library[idKey])) {
+              setScopeIds((current) => current.filter((item) => item !== library[idKey]))
+            }
+          },
+        })
+      }
+
+      const startAdding = () => {
+        setAdding(true)
+        setSelectedId('')
+        setDraft(
+          kind === 'tm'
+            ? {
+                id: '',
+                source: '',
+                target: '',
+                note: '',
+                sourceLang: settings.sourceLang,
+                targetLang: settings.targetLang,
+              }
+            : { id: '', source: '', target: '', note: '', sourceLang: settings.sourceLang, caseSensitive: false },
+        )
+      }
+
+      const bounds = pageBounds(rows?.page || 1, rows?.total || 0, rows?.pageSize || pageSize)
+      const contextLabel = (entry) =>
+        entry.context ? `${entry.context.prev || '—'} · ${entry.context.next || '—'}` : '—'
+      const columns = kind === 'tm'
+        ? [t('library.colSource'), t('library.colTarget'), t('library.colNote'), t('library.colContext'), t('library.colLang'), t('library.colUpdated')]
+        : [t('library.colSource'), t('library.colTarget'), t('library.colNote'), t('library.colLang'), t('library.colCase'), t('library.colUpdated')]
+
+      return h(
+        'div',
+        { className: 'cait-libpage' },
+        h(
+          'div',
+          { className: 'cait-libpage-head' },
+          h(
+            'div',
+            { className: 'cait-libtabs' },
+            h(
+              'button',
+              { className: `cait-libtabs-item${kind === 'tm' ? ' active' : ''}`, onClick: () => selectKind('tm') },
+              t('library.tmTab'),
+              h('span', { className: 'cait-libtabs-count' }, data?.libraries?.tm?.length || 0),
+            ),
+            h(
+              'button',
+              { className: `cait-libtabs-item${kind === 'glossary' ? ' active' : ''}`, onClick: () => selectKind('glossary') },
+              t('library.glossaryTab'),
+              h('span', { className: 'cait-libtabs-count' }, data?.libraries?.glossary?.length || 0),
+            ),
+          ),
+          h('span', { className: 'cait-libhint' }, t('library.noDocHint')),
+        ),
+        h(
+          'div',
+          { className: 'cait-libpage-body' },
+          h(
+            'div',
+            { className: 'cait-liblist' },
+            h(
+              'div',
+              { className: 'cait-liblist-head' },
+              t('library.title'),
+            ),
+            libraries.map((library) =>
+              h(
+                'div',
+                { key: library[idKey], className: `cait-librow${scopeIds.includes(library[idKey]) ? ' scoped' : ''}` },
+                h('input', {
+                  type: 'checkbox',
+                  checked: scopeIds.includes(library[idKey]),
+                  onChange: () => toggleScope(library[idKey]),
+                  title: t('library.scope'),
+                  'aria-label': t('library.scope'),
+                }),
+                renamingId === library[idKey]
+                  ? h('input', {
+                      className: 'cait-librename',
+                      value: renameText,
+                      autoFocus: true,
+                      onChange: (event) => setRenameText(event.target.value),
+                      onKeyDown: (event) => {
+                        if (event.key === 'Enter') submitRename(library)
+                        if (event.key === 'Escape') setRenamingId('')
+                      },
+                      onBlur: () => submitRename(library),
+                    })
+                  : h(
+                      'button',
+                      {
+                        type: 'button',
+                        className: 'cait-libname',
+                        onClick: () => toggleScope(library[idKey]),
+                        title: library[labelKey],
+                      },
+                      h('span', { className: 'cait-libname-text' }, library[labelKey]),
+                      h('span', { className: 'cait-libcount' }, library.entryCount),
+                      library.mounted ? h('span', { className: 'cait-libmounted' }, '●') : null,
+                    ),
+                h(
+                  'span',
+                  { className: 'cait-libactions' },
+                  h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-minibtn',
+                      title: t('library.rename'),
+                      onClick: () => {
+                        setRenamingId(library[idKey])
+                        setRenameText(library[labelKey])
+                      },
+                    },
+                    h(Icon, { name: 'pencil', size: 12 }),
+                  ),
+                  h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-deletebtn',
+                      title: t('library.deleteLibrary'),
+                      disabled: libraries.length <= 1,
+                      onClick: () => confirmDeleteLibrary(library),
+                    },
+                    h(Icon, { name: 'trash', size: 12 }),
+                  ),
+                ),
+              ),
+            ),
+            h(
+              'div',
+              { className: 'cait-libnew' },
+              h('input', {
+                value: newLibraryName,
+                placeholder: t('library.newLibrary'),
+                onChange: (event) => setNewLibraryName(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key === 'Enter') submitNewLibrary()
+                },
+              }),
+              h(
+                'button',
+                { type: 'button', className: 'cait-minibtn', onClick: submitNewLibrary, disabled: !newLibraryName.trim() },
+                h(Icon, { name: 'plus', size: 12 }),
+              ),
+            ),
+          ),
+          h(
+            'div',
+            { className: 'cait-libmain' },
+            h(
+              'div',
+              { className: 'cait-libtoolbar' },
+              h(
+                'div',
+                { className: 'cait-libsearch' },
+                h(Icon, { name: 'search', size: 13 }),
+                h('input', {
+                  value: query,
+                  onChange: (event) => {
+                    setQuery(event.target.value)
+                    setPage(1)
+                  },
+                  placeholder: t('library.search'),
+                  'aria-label': t('library.search'),
+                }),
+              ),
+              h(
+                'select',
+                {
+                  className: 'cait-liblang',
+                  value: lang,
+                  onChange: (event) => {
+                    setLang(event.target.value)
+                    setPage(1)
+                  },
+                  title: t('library.language'),
+                  'aria-label': t('library.language'),
+                },
+                h('option', { value: '' }, t('library.language')),
+                allLanguages.map((code) => h('option', { key: code, value: code }, code)),
+              ),
+              kind === 'glossary'
+                ? h(
+                    'select',
+                    {
+                      className: 'cait-liblang',
+                      value: exportFormat,
+                      onChange: (event) => setExportFormat(event.target.value),
+                      title: t('library.exportFormat'),
+                      'aria-label': t('library.exportFormat'),
+                    },
+                    ['tbx', 'csv', 'json'].map((format) => h('option', { key: format, value: format }, format.toUpperCase())),
+                  )
+                : null,
+              kind === 'glossary'
+                ? h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-btn',
+                      onClick: mineTerms,
+                      disabled: Boolean(busy) || working === 'terms' || !data?.activeDocument,
+                      title: t('term.extract'),
+                    },
+                    h(Icon, { name: 'sparkles', size: 13 }),
+                    h('span', { className: 'cait-btn-label' }, t('term.extract')),
+                  )
+                : null,
+              h(
+                'button',
+                { type: 'button', className: 'cait-btn', onClick: startAdding, disabled: Boolean(busy) },
+                h(Icon, { name: 'plus', size: 13 }),
+                h('span', { className: 'cait-btn-label' }, t('library.add')),
+              ),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cait-btn',
+                  onClick: () => pickImport(kind),
+                  disabled: Boolean(busy) || !targetLibraryId,
+                  title: t('library.import'),
+                },
+                h(Icon, { name: 'upload', size: 13 }),
+                h('span', { className: 'cait-btn-label' }, t('library.import')),
+              ),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cait-btn',
+                  onClick: exportLibrary,
+                  disabled: Boolean(busy) || working === 'export' || !targetLibraryId,
+                  title: t('library.export'),
+                },
+                h(Icon, { name: 'download', size: 13 }),
+                h('span', { className: 'cait-btn-label' }, kind === 'tm' ? 'TMX' : exportFormat.toUpperCase()),
+              ),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cait-btn',
+                  onClick: clearLibrary,
+                  disabled: Boolean(busy) || !targetLibraryId,
+                  title: t('library.clear'),
+                },
+                h(Icon, { name: 'trash', size: 13 }),
+              ),
+              h('input', {
+                ref: fileRef,
+                type: 'file',
+                accept: kind === 'tm' ? '.tmx' : '.tbx,.csv,.json',
+                style: { display: 'none' },
+                onChange: (event) => {
+                  const file = event.target.files && event.target.files[0]
+                  if (file) runImport(file)
+                },
+              }),
+            ),
+            h(
+              'div',
+              { className: 'cait-libscope' },
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: `cait-filterchip${scopeIds.length === 0 ? ' active' : ''}`,
+                  onClick: () => {
+                    setScopeIds([])
+                    setPage(1)
+                  },
+                },
+                t('library.scopeAll'),
+              ),
+              libraries.map((library) =>
+                h(
+                  'button',
+                  {
+                    key: library[idKey],
+                    type: 'button',
+                    className: `cait-filterchip${scopeIds.includes(library[idKey]) ? ' active' : ''}`,
+                    onClick: () => toggleScope(library[idKey]),
+                  },
+                  library[labelKey],
+                ),
+              ),
+            ),
+            h(
+              'div',
+              { className: 'cait-libtable-wrap' },
+              loading && !rows?.entries?.length
+                ? h('div', { className: 'cait-center' }, h(Spinner), t('common.loading'))
+                : rows?.entries?.length
+                  ? h(
+                      'table',
+                      { className: 'cait-libtable' },
+                      h('thead', null, h('tr', null, columns.map((column) => h('th', { key: column }, column)))),
+                      h(
+                        'tbody',
+                        null,
+                        rows.entries.map((entry) =>
+                          h(
+                            'tr',
+                            {
+                              key: entry.id,
+                              className: entry.id === selectedId ? 'active' : '',
+                              onClick: () => {
+                                setAdding(false)
+                                setSelectedId(entry.id)
+                              },
+                            },
+                            h('td', { className: 'src', title: entry.source }, entry.source),
+                            h('td', { className: 'tgt', title: entry.target }, entry.target),
+                            h('td', { className: 'note' }, entry.note || ''),
+                            kind === 'tm'
+                              ? h(
+                                  'td',
+                                  { className: 'ctx', title: contextLabel(entry) },
+                                  contextLabel(entry),
+                                )
+                              : null,
+                            h(
+                              'td',
+                              { className: 'lang' },
+                              kind === 'tm' ? `${entry.sourceLang} → ${entry.targetLang}` : entry.sourceLang || '—',
+                            ),
+                            kind === 'glossary'
+                              ? h('td', { className: 'case' }, entry.caseSensitive ? '✓' : '')
+                              : null,
+                            h('td', { className: 'upd' }, String(entry.updatedAt || '').slice(0, 10)),
+                          ),
+                        ),
+                      ),
+                    )
+                  : h('div', { className: 'cait-empty-note' }, query || lang ? t('library.noMatch') : t('library.empty')),
+            ),
+            h(
+              'div',
+              { className: 'cait-rail-page cait-libpage-bar' },
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cait-pagebtn',
+                  onClick: () => setPage(Math.max(1, (rows?.page || 1) - 1)),
+                  disabled: (rows?.page || 1) <= 1,
+                  title: t('library.prev'),
+                  'aria-label': t('library.prev'),
+                },
+                h(Icon, { name: 'chevronLeft', size: 12 }),
+              ),
+              h('span', { className: 'cait-pageinfo' }, t('library.pageInfo', { start: bounds.start, end: bounds.end, total: bounds.total })),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cait-pagebtn',
+                  onClick: () => setPage((rows?.page || 1) + 1),
+                  disabled: (rows?.page || 1) >= (rows?.totalPages || 1),
+                  title: t('library.next'),
+                  'aria-label': t('library.next'),
+                },
+                h(Icon, { name: 'chevronRight', size: 12 }),
+              ),
+              h(
+                'select',
+                {
+                  className: 'cait-pagesize',
+                  value: String(pageSize),
+                  onChange: (event) => changePageSize(Number(event.target.value)),
+                  title: t('library.pageSize'),
+                  'aria-label': t('library.pageSize'),
+                },
+                PAGE_SIZE_OPTIONS.map((size) => h('option', { key: size, value: String(size) }, String(size))),
+              ),
+            ),
+          ),
           h(
-            'button',
-            { className: 'cait-btn cait-btn-primary', type: 'submit', disabled: Boolean(busy) || !canSubmit },
-            busy === 'create' ? h(Spinner) : h(Icon, { name: 'plus', size: 13 }),
-            busy === 'create' ? t('modal.new.importing') : submitLabel,
+            'aside',
+            { className: 'cait-libdetail' },
+            h('div', { className: 'cait-libdetail-title' }, t('library.detail')),
+            draft
+              ? h(
+                  'div',
+                  { className: 'cait-libform' },
+                  h('label', null, t('library.colSource')),
+                  h('textarea', {
+                    className: 'cait-libinput',
+                    value: draft.source,
+                    onChange: (event) => setDraft({ ...draft, source: event.target.value }),
+                  }),
+                  h('label', null, t('library.colTarget')),
+                  h('textarea', {
+                    className: 'cait-libinput',
+                    value: draft.target,
+                    onChange: (event) => setDraft({ ...draft, target: event.target.value }),
+                  }),
+                  h('label', null, t('library.colNote')),
+                  h('input', {
+                    className: 'cait-libinput',
+                    value: draft.note || '',
+                    onChange: (event) => setDraft({ ...draft, note: event.target.value }),
+                  }),
+                  h('label', null, t('library.colLang')),
+                  h('input', {
+                    className: 'cait-libinput',
+                    value: draft.sourceLang || '',
+                    disabled: adding,
+                    onChange: (event) => setDraft({ ...draft, sourceLang: event.target.value }),
+                  }),
+                  kind === 'glossary'
+                    ? h(
+                        'label',
+                        { className: 'cait-libcheck' },
+                        h('input', {
+                          type: 'checkbox',
+                          checked: Boolean(draft.caseSensitive),
+                          onChange: (event) => setDraft({ ...draft, caseSensitive: event.target.checked }),
+                        }),
+                        h('span', null, t('library.colCase')),
+                      )
+                    : null,
+                  kind === 'glossary' ? h('p', { className: 'cait-libnote' }, t('library.caseSensitiveHint')) : null,
+                  h(
+                    'div',
+                    { className: 'cait-libform-actions' },
+                    h(
+                      'button',
+                      {
+                        type: 'button',
+                        className: 'cait-btn cait-btn-primary',
+                        onClick: adding ? addEntry : saveEntry,
+                        disabled: Boolean(busy) || working !== '' || !draft.source.trim() || !draft.target.trim(),
+                      },
+                      adding ? t('library.add') : t('library.save'),
+                    ),
+                    adding
+                      ? h(
+                          'button',
+                          {
+                            type: 'button',
+                            className: 'cait-btn',
+                            onClick: () => {
+                              setAdding(false)
+                              setDraft(null)
+                            },
+                          },
+                          t('panel.cancel'),
+                        )
+                      : h(
+                          'button',
+                          {
+                            type: 'button',
+                            className: 'cait-btn',
+                            onClick: deleteEntry,
+                            disabled: Boolean(busy) || working !== '',
+                          },
+                          h(Icon, { name: 'trash', size: 13 }),
+                          t('library.deleteEntry'),
+                        ),
+                  ),
+                  dirty ? h('p', { className: 'cait-libnote' }, t('editor.unsaved')) : null,
+                )
+              : h('div', { className: 'cait-empty-note' }, t('library.detailEmpty')),
           ),
         ),
+        terms
+          ? h(
+              'div',
+              { className: 'cait-termpanel' },
+              h(
+                'div',
+                { className: 'cait-termpanel-head' },
+                h('strong', null, t('term.title')),
+                h('span', { className: 'cait-mt-hint' }, t('term.hint')),
+                h('span', { className: 'cait-termpanel-actions' },
+                  h(
+                    'button',
+                    { type: 'button', className: 'cait-btn cait-btn-primary', onClick: addMinedTerms, disabled: working === 'terms' },
+                    h(Icon, { name: 'check', size: 13 }),
+                    t('term.add'),
+                  ),
+                  h('button', { type: 'button', className: 'cait-btn', onClick: () => setTerms(null) }, t('panel.cancel')),
+                ),
+              ),
+              terms.length
+                ? h(
+                    'div',
+                    { className: 'cait-termlist' },
+                    terms.map((candidate, at) =>
+                      h(
+                        'div',
+                        { key: `${candidate.term}-${at}`, className: `cait-termrow${candidate.picked ? ' picked' : ''}` },
+                        h('input', {
+                          type: 'checkbox',
+                          checked: Boolean(candidate.picked),
+                          onChange: () => toggleTerm(at),
+                        }),
+                        h('span', { className: 'cait-termname' }, candidate.term),
+                        h('span', { className: 'cait-termcount' }, `×${candidate.count}`),
+                        candidate.inLibrary ? h('span', { className: 'cait-originchip' }, t('term.inLibrary')) : null,
+                        h('input', {
+                          className: 'cait-libinput cait-termtarget',
+                          placeholder: t('library.colTarget'),
+                          value: candidate.target,
+                          onChange: (event) => setTermTarget(at, event.target.value),
+                        }),
+                      ),
+                    ),
+                  )
+                : h('div', { className: 'cait-empty-note' }, t('term.empty')),
+            )
+          : null,
       )
     }
 
-    function NewDocModal({ t, settings, busy, defaultMode, onClose, onCreate }) {
-      return h(
-        Modal,
-        { title: t('modal.new.title'), onClose },
-        h(DocumentSourceForm, { t, settings, busy, submitLabel: t('modal.new.create'), onSubmit: onCreate, defaultMode }),
-        h(
-          'div',
-          { className: 'cait-demo-row' },
-          h('span', null, t('modal.new.sample')),
-          h('button', { className: 'cait-linkbtn', onClick: () => onCreate({ demo: true }), disabled: Boolean(busy) }, t('modal.new.demo')),
-        ),
-      )
-    }
-
-    function ExportModal({ t, busy, onClose, onExport }) {
+    function ExportModal({ t, busy, onClose, onExport, qa }) {
+      const issues = qa?.issueCount || 0
       const items = [
         ['bilingual-md', t('modal.export.bilingualMd'), t('modal.export.bilingual'), 'file'],
         ['bilingual-csv', t('modal.export.bilingualCsv'), t('modal.export.bilingual'), 'file'],
@@ -1590,6 +3357,23 @@ window.__ModuleLoader__.load({
         Modal,
         { title: t('modal.export.title'), onClose, wide: true },
         h('p', { className: 'cait-confirm-text' }, t('modal.export.desc')),
+        issues
+          ? h(
+              'div',
+              { className: 'cait-qa-banner' },
+              h(Icon, { name: 'alert', size: 12 }),
+              h(
+                'span',
+                null,
+                `${t('qa.exportBanner').replace('{count}', String(issues))} `,
+                t('qa.counts')
+                  .replace('{placeholder}', String(qa.counts.PLACEHOLDER_MISSING))
+                  .replace('{number}', String(qa.counts.NUMBER_MISMATCH))
+                  .replace('{term}', String(qa.counts.TERM_NOT_USED))
+                  .replace('{empty}', String(qa.counts.EMPTY_TARGET)),
+              ),
+            )
+          : null,
         h(
           'div',
           { className: 'cait-export-grid' },
@@ -1792,7 +3576,13 @@ window.__ModuleLoader__.load({
                 },
                 h('option', { value: 'mock' }, t('mt.mock')),
                 routes.map((item) =>
-                  h('option', { key: item.id, value: item.id }, `${item.name} (${item.id})`),
+                  h(
+                    'option',
+                    { key: item.id, value: item.id, disabled: item.hasModels === false },
+                    item.hasModels === false
+                      ? `${item.name} (${item.id}) · ${t('modal.settings.noModels')}`
+                      : `${item.name} (${item.id})`,
+                  ),
                 ),
                 routeMissing
                   ? h('option', { value: form.mt.provider }, t('modal.settings.routeMissing'))
@@ -1857,139 +3647,6 @@ window.__ModuleLoader__.load({
       )
     }
 
-    function LibrariesModal({ t, data, busy, onClose, onSetMounts, onCreate }) {
-      const libraries = data.libraries || { tm: [], glossary: [] }
-      const mounts = data.mounts || {
-        tmIds: [],
-        glossaryIds: [],
-        defaultTmId: '',
-        defaultGlossaryId: '',
-      }
-      const [tmName, setTmName] = useState('')
-      const [glossaryName, setGlossaryName] = useState('')
-
-      const toggle = (kind, id, checked) => {
-        const current = kind === 'tm' ? mounts.tmIds : mounts.glossaryIds
-        const next = computeNextMountIds(current, id, checked)
-        if (!next) return
-        onSetMounts(kind === 'tm' ? { tmIds: next } : { glossaryIds: next })
-      }
-
-      const create = async (kind, name, reset) => {
-        if (!name.trim()) return
-        const ok = await onCreate({ kind, name: name.trim() })
-        if (ok) reset('')
-      }
-
-      const section = (kind, title, list, defaultId, ids) =>
-        h(
-          'div',
-          { className: 'cait-libsection' },
-          h(
-            'div',
-            { className: 'cait-libhead' },
-            h('h4', { className: 'cait-settings-title' }, title),
-            h('span', { className: 'cait-count' }, `${ids.length}/${list.length}`),
-          ),
-          list.length
-            ? list.map((library) => {
-                const id = kind === 'tm' ? library.tmId : library.glossaryId
-                const mounted = ids.includes(id)
-                return h(
-                  'div',
-                  { className: 'cait-librow', key: id },
-                  h(
-                    'label',
-                    { className: 'cait-libcheck' },
-                    h('input', {
-                      type: 'checkbox',
-                      checked: mounted,
-                      disabled: isMountToggleDisabled({
-                        mounted,
-                        mountedCount: ids.length,
-                        busy: Boolean(busy),
-                      }),
-                      onChange: (event) => toggle(kind, id, event.target.checked),
-                    }),
-                    h(
-                      'span',
-                      { className: 'cait-libmeta' },
-                      h('strong', null, library.name),
-                      h(
-                        'small',
-                        null,
-                        `${library.entryCount || 0} ${t('libraries.entries')}${
-                          library.mounted ? '' : ` · ${t('libraries.notMounted')}`
-                        }`,
-                      ),
-                    ),
-                  ),
-                  h(
-                    'label',
-                    { className: 'cait-libdefault' },
-                    h('input', {
-                      type: 'radio',
-                      name: `cait-default-${kind}`,
-                      checked: defaultId === id,
-                      disabled: Boolean(busy) || !mounted,
-                      onChange: () =>
-                        onSetMounts(
-                          kind === 'tm'
-                            ? { defaultTmId: id }
-                            : { defaultGlossaryId: id },
-                        ),
-                    }),
-                    t(kind === 'tm' ? 'libraries.defaultTm' : 'libraries.defaultGlossary'),
-                  ),
-                )
-              })
-            : h('p', { className: 'cait-empty-note' }, t('libraries.empty')),
-          h(
-            'form',
-            {
-              className: 'cait-libcreate',
-              onSubmit: (event) => {
-                event.preventDefault()
-                create(kind, kind === 'tm' ? tmName : glossaryName, kind === 'tm' ? setTmName : setGlossaryName)
-              },
-            },
-            h('input', {
-              className: 'cait-input',
-              value: kind === 'tm' ? tmName : glossaryName,
-              onChange: (event) =>
-                kind === 'tm' ? setTmName(event.target.value) : setGlossaryName(event.target.value),
-              placeholder: t('libraries.namePlaceholder'),
-              disabled: Boolean(busy),
-            }),
-            h(
-              'button',
-              { className: 'cait-btn', type: 'submit', disabled: Boolean(busy) },
-              h(Icon, { name: 'plus', size: 12 }),
-              t('libraries.create'),
-            ),
-          ),
-        )
-
-      return h(
-        Modal,
-        { title: t('libraries.title'), onClose, wide: true },
-        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('libraries.desc')),
-        section('tm', t('libraries.tm'), libraries.tm, mounts.defaultTmId, mounts.tmIds),
-        section(
-          'glossary',
-          t('libraries.glossary'),
-          libraries.glossary,
-          mounts.defaultGlossaryId,
-          mounts.glossaryIds,
-        ),
-        h(
-          'div',
-          { className: 'cait-modal-actions' },
-          h('button', { className: 'cait-btn cait-btn-primary', onClick: onClose }, t('libraries.done')),
-        ),
-      )
-    }
-
     function ConfirmModal({ t, state, busy, onClose, onConfirm }) {
       return h(
         Modal,
@@ -2042,8 +3699,22 @@ window.__ModuleLoader__.load({
       const [dirty, setDirty] = useState(false)
       const [tab, setTab] = useState('tm')
       const [railQuery, setRailQuery] = useState('')
+      const [railFilter, setRailFilter] = useState('all')
+      // Two top-level workspaces: the translator's document and the library
+      // manager. The latter needs no document, so it must not be a modal.
+      const [view, setView] = useState('documents')
+      // A seed carries the panel's search text into the library workspace.
+      const [libSeed, setLibSeed] = useState(null)
+
+      const openLibrary = (kind, query) => {
+        setLibSeed({ kind: kind === 'glossary' ? 'glossary' : 'tm', query: query || '', nonce: Date.now() })
+        setView('libraries')
+      }
+      const [pre, setPre] = useState({ running: false, done: 0, total: 0, filled: 0, failed: 0 })
+      const [qa, setQa] = useState(null)
       const [tmQuery, setTmQuery] = useState('')
       const [tmResults, setTmResults] = useState(null)
+      const [tmRefresh, setTmRefresh] = useState(0)
       const [tmError, setTmError] = useState('')
       const [mt, setMt] = useState(null)
       const [mtError, setMtError] = useState('')
@@ -2158,6 +3829,61 @@ window.__ModuleLoader__.load({
         }
       }
 
+      const preCancelRef = useRef(false)
+
+      // The client drives pre-translation block by block instead of asking the
+      // host for a background job: a block is one RPC, cancellation is simply
+      // "stop looping", and every finished block is already persisted.
+      const runPreTranslate = async () => {
+        const active = data?.activeDocument
+        if (!active || pre.running) return
+        preCancelRef.current = false
+        const initial = active.progress || { confirmed: 0, translated: 0, total: 0 }
+        setPre({
+          running: true,
+          done: initial.confirmed + initial.translated,
+          total: initial.total,
+          filled: 0,
+          failed: 0,
+        })
+        let from = 0
+        let filled = 0
+        let failed = 0
+        try {
+          while (from !== null) {
+            if (preCancelRef.current) break
+            const result = await rpc('preTranslate', {
+              documentId: active.id,
+              from,
+              count: PRETRANSLATE_BLOCK_SIZE,
+            })
+            filled += result.filled
+            failed += result.failed.length
+            from = result.next
+            const progress = result.progress
+            setPre((current) => ({
+              ...current,
+              done: progress.confirmed + progress.translated,
+              total: progress.total,
+              filled,
+              failed,
+            }))
+            await refreshState()
+          }
+          if (preCancelRef.current) notify(t('toast.preCancelled'))
+          else if (failed) notify(t('toast.preFailed').replace('{count}', String(failed)))
+          else notify(t('toast.preDone').replace('{count}', String(filled)))
+        } catch (error) {
+          report(error)
+        } finally {
+          setPre((current) => ({ ...current, running: false }))
+        }
+      }
+
+      const cancelPreTranslate = () => {
+        preCancelRef.current = true
+      }
+
       useEffect(() => {
         let alive = true
         setLoading(true)
@@ -2214,6 +3940,26 @@ window.__ModuleLoader__.load({
         }
       }, [data?.revision])
 
+      useEffect(() => {
+        const id = data?.activeDocument?.id
+        if (!id) {
+          setQa(null)
+          return
+        }
+        let alive = true
+        rpc('getQaReport', { documentId: id })
+          .then((report) => {
+            if (alive) setQa(report)
+          })
+          .catch(() => {
+            // QA is advisory: a failure must never disturb the workbench.
+            if (alive) setQa(null)
+          })
+        return () => {
+          alive = false
+        }
+      }, [data?.activeDocument?.id, data?.revision])
+
       useEffect(() => {
         let alive = true
         rpc('listMtRoutes')
@@ -2271,7 +4017,7 @@ window.__ModuleLoader__.load({
           cancelled = true
           clearTimeout(timer)
         }
-      }, [tmQuery, doc?.id, doc?.sourceLang, doc?.targetLang, settings.fuzzyThreshold, settings.tmLimit])
+      }, [tmQuery, tmRefresh, doc?.id, doc?.sourceLang, doc?.targetLang, settings.fuzzyThreshold, settings.tmLimit])
 
       const saveDraft = async (silent = true) => {
         if (!doc || !dirty) return true
@@ -2328,6 +4074,24 @@ window.__ModuleLoader__.load({
         }
       }
 
+      const adoptSuggestion = async () => {
+        if (!doc || busy || !segment?.suggestion) return
+        if (dirty) {
+          const saved = await saveDraft(true)
+          if (!saved) return
+        }
+        setBusy('adopt')
+        try {
+          const result = await rpc('adoptSuggestion', { documentId: doc.id, index: selected })
+          adoptState(result.state)
+          notify(t('toast.suggestionAdopted'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setBusy('')
+        }
+      }
+
       const moveSegment = async (delta) => {
         if (!doc || busy) return
         setBusy('move')
@@ -2448,8 +4212,72 @@ window.__ModuleLoader__.load({
         setTimeout(() => textareaRef.current?.focus(), 0)
       }
 
-      const addTerm = async (form) => {
-        setBusy('term')
+      const editTm = async ({ id, target }) => {
+        setBusy('tm-edit')
+        try {
+          const result = await rpc('updateTM', { id, target })
+          setData(result.state)
+          setTmRefresh((value) => value + 1)
+          notify(t('toast.tmUpdated'))
+          return true
+        } catch (error) {
+          report(error)
+          return false
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const deleteTm = (match) => {
+        setModal({
+          type: 'confirm',
+          title: t('modal.confirm.title'),
+          message: `${t('modal.confirm.deleteTm')} “${match.source} → ${match.target}”？`,
+          confirmLabel: t('panel.delete'),
+          action: async () => {
+            const result = await rpc('deleteTM', { id: match.id })
+            setData(result.state)
+            setTmRefresh((value) => value + 1)
+            notify(t('toast.tmDeleted'))
+          },
+        })
+      }
+
+      const confirmAllTranslated = () => {
+        const active = data?.activeDocument
+        const awaiting = active?.progress?.translated || 0
+        if (!active || !awaiting) return
+        setModal({
+          type: 'confirm',
+          title: t('rail.confirmAll'),
+          message: t('rail.confirmAllMessage').replace('{count}', String(awaiting)),
+          confirmLabel: t('rail.confirmAll'),
+          action: async () => {
+            const result = await rpc('confirmSegments', { documentId: active.id, status: 'translated' })
+            await refreshState()
+            setTmRefresh((value) => value + 1)
+            notify(t('toast.confirmedMany').replace('{count}', String(result.confirmed.length)))
+          },
+        })
+      }
+
+      const propagateRepeats = () => {
+        const active = data?.activeDocument
+        if (!active) return
+        setModal({
+          type: 'confirm',
+          title: t('rail.propagate'),
+          message: t('rail.propagateMessage'),
+          confirmLabel: t('rail.propagate'),
+          action: async () => {
+            const result = await rpc('propagateDocument', { documentId: active.id })
+            await refreshState()
+            notify(t('toast.propagated').replace('{count}', String(result.filled)))
+          },
+        })
+      }
+
+      const addTerm = async (form) => {        setBusy('term')
         try {
           const result = await rpc('addGlossary', {
             ...form,
@@ -2589,6 +4417,37 @@ window.__ModuleLoader__.load({
         }
       }
 
+      const renameLibrary = async ({ kind, id, name }) => {
+        setBusy('library')
+        try {
+          const result = await rpc('renameLibrary', { kind, id, name })
+          setData(result.state)
+          notify(t('libraries.renamed'))
+          return true
+        } catch (error) {
+          report(error)
+          return false
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const deleteLibrary = ({ kind, id, name }) => {
+        const entries = kind === 'tm' ? t('libraries.deleteTmWarn') : t('libraries.deleteGlossaryWarn')
+        setModal({
+          type: 'confirm',
+          title: t('modal.confirm.title'),
+          message: `${t('libraries.delete')} “${name}”？${entries}`,
+          confirmLabel: t('libraries.delete'),
+          action: async () => {
+            const result = await rpc('deleteLibrary', { kind, id })
+            setData(result.state)
+            setTmResults(null)
+            notify(t('libraries.deleted'))
+          },
+        })
+      }
+
       const exportAs = async (format) => {
         if (!doc) return
         setBusy('export')
@@ -2704,13 +4563,40 @@ window.__ModuleLoader__.load({
           element.style.setProperty(CAIT_UNIT_VAR, String(unit))
         }
         measure()
+
+        // Mirror the host theme so native widgets follow `color-scheme`. DSH
+        // toggles the marker on <body>, so observe that instead of guessing
+        // from colours.
+        const syncTheme = () => {
+          const kind = detectThemeKind(document)
+          if (element.getAttribute(CAIT_THEME_ATTR) !== kind) element.setAttribute(CAIT_THEME_ATTR, kind)
+        }
+        syncTheme()
+        let themeObserver = null
+        if (typeof MutationObserver !== 'undefined' && document.body) {
+          themeObserver = new MutationObserver(syncTheme)
+          themeObserver.observe(document.body, {
+            attributes: true,
+            attributeFilter: ['data-ds-dark-theme', 'data-theme', 'class'],
+          })
+        }
+        const stopTheme = () => {
+          if (themeObserver) themeObserver.disconnect()
+        }
+
         if (typeof ResizeObserver === 'undefined') {
           window.addEventListener('resize', measure)
-          return () => window.removeEventListener('resize', measure)
+          return () => {
+            window.removeEventListener('resize', measure)
+            stopTheme()
+          }
         }
         const observer = new ResizeObserver(measure)
         observer.observe(element)
-        return () => observer.disconnect()
+        return () => {
+          observer.disconnect()
+          stopTheme()
+        }
       }, [])
 
       if (loading) {
@@ -2757,12 +4643,45 @@ window.__ModuleLoader__.load({
           onCloseDoc: closeDocumentTab,
           onNewTab: () => setModal({ type: 'new', defaultMode: 'file' }),
           onCleanClosed: () => setModal({ type: 'recent' }),
+          pre,
+          onPreTranslate: runPreTranslate,
+          onCancelPreTranslate: cancelPreTranslate,
+          view,
+          onView: setView,
         }),
         h(SaveBanner, { t, storage: data?.storage, stale, onRefresh: refreshState }),
-        h(
+        view === 'libraries'
+          ? h(LibraryPage, {
+              t,
+              data,
+              settings,
+              busy,
+              notify,
+              report,
+              seed: libSeed,
+              onApplyState: (state) => setData(state),
+              onConfirm: openConfirm,
+              onCreateLibrary: createLibrary,
+              onRenameLibrary: renameLibrary,
+              onDeleteLibrary: deleteLibrary,
+            })
+          : null,
+        view === 'align'
+          ? h(AlignPage, {
+              t,
+              data,
+              busy,
+              notify,
+              report,
+              onApplyState: (state) => setData(state),
+              onConfirm: openConfirm,
+            })
+          : null,
+        view === 'documents'
+          ? h(
           'div',
           { className: `cait-body${doc ? '' : ' cait-no-doc'}` },
-          doc ? h(SegmentRail, { t, doc, selected: index, query: railQuery, setQuery: setRailQuery, onSelect: chooseSegment }) : null,
+          doc ? h(SegmentRail, { t, doc, selected: index, query: railQuery, setQuery: setRailQuery, filter: railFilter, setFilter: setRailFilter, onSelect: chooseSegment, onConfirmAll: confirmAllTranslated, onPropagate: propagateRepeats, busy, qa }) : null,
           h(
             'div',
             { className: `cait-main${doc ? '' : ' cait-main-empty'}` },
@@ -2784,6 +4703,7 @@ window.__ModuleLoader__.load({
                   onNext: () => moveSegment(1),
                   onPrev: () => moveSegment(-1),
                   onSave: () => saveDraft(false),
+                  onAdopt: adoptSuggestion,
                   onApplyTerm: applyTerm,
                   textareaRef,
                 })
@@ -2802,6 +4722,8 @@ window.__ModuleLoader__.load({
                   tmResults,
                   tmError,
                   onApplyTm: applyTm,
+                  onEditTm: editTm,
+                  onDeleteTm: deleteTm,
                   onImportTmx: importTmxFile,
                   onClearTm: clearTm,
                   onAddTerm: addTerm,
@@ -2822,12 +4744,13 @@ window.__ModuleLoader__.load({
                   },
                   onCopy: copy,
                   onOpenSettings: () => setModal({ type: 'settings' }),
-                  onOpenLibraries: () => setModal({ type: 'libraries' }),
+                  onSearchLibrary: openLibrary,
                   busy,
                 })
               : null,
           ),
-        ),
+        )
+          : null,
         modal?.type === 'new'
           ? h(NewDocModal, {
               t,
@@ -2839,21 +4762,11 @@ window.__ModuleLoader__.load({
             })
           : null,
         modal?.type === 'export'
-          ? h(ExportModal, { t, busy, onClose: () => setModal(null), onExport: exportAs })
+          ? h(ExportModal, { t, busy, qa, onClose: () => setModal(null), onExport: exportAs })
           : null,
         modal?.type === 'settings'
           ? h(SettingsModal, { t, settings, mtRoutes, busy, onClose: () => setModal(null), onSave: saveSettings })
           : null,
-        modal?.type === 'libraries'
-          ? h(LibrariesModal, {
-              t,
-              data,
-              busy,
-              onClose: () => setModal(null),
-              onSetMounts: setMounts,
-              onCreate: createLibrary,
-            })
-          : null,
         modal?.type === 'recent'
           ? h(RecentDocsModal, {
               t,
@@ -2920,6 +4833,40 @@ window.__ModuleLoader__.load({
       'editor.emptyTarget': '请先输入译文',
       'editor.done': '全部句段已确认',
       'editor.confirmedAt': '确认于',
+      'editor.suggestion': '机器建议',
+      'editor.adopt': '采纳',
+      'editor.adoptHint': '把建议填入译文，保留它的来源',
+      'editor.remaining': '句待确认',
+      'status.translated': '已翻译',
+      'origin.tm': 'TM',
+      'origin.mt': 'MT',
+      'origin.agent': 'Agent',
+      'origin.manual': '手动',
+      'rail.filter.all': '全部',
+      'rail.filter.pending': '待译',
+      'rail.filter.translated': '待审',
+      'rail.filter.confirmed': '已确认',
+      'rail.confirmAll': '全部确认',
+      'rail.confirmAllHint': '把当前所有「待审」句段一次性确认并写入翻译记忆',
+      'rail.confirmAllMessage': '将确认 {count} 个待审句段并写入翻译记忆，句段译文不会经过逐句复核。确定继续？',
+      'toast.confirmedMany': '已确认 {count} 段',
+      'qa.warn': '检查提醒',
+      'qa.exportBanner': '导出前检查发现 {count} 条提醒（不影响导出）：',
+      'qa.counts': '占位符 {placeholder} · 数字 {number} · 术语 {term} · 空译文 {empty}',
+      'qa.code.PLACEHOLDER_MISSING': '占位符缺失',
+      'qa.code.NUMBER_MISMATCH': '数字不一致',
+      'qa.code.TERM_NOT_USED': '术语未使用',
+      'qa.code.EMPTY_TARGET': '空译文',
+      'toast.suggestionAdopted': '已采纳建议',
+      'pretranslate.start': '预翻译',
+      'editor.noSuggestion': '暂无建议，可直接翻译或让 agent 补刀',
+      'editor.baselineHint': '中间栏是机器或 agent 的初次产出，右侧可以对照着改',
+      'pretranslate.title': '用翻译记忆与机器翻译给整篇铺底，之后逐句审校',
+      'pretranslate.running': '预翻译中',
+      'pretranslate.cancel': '停止预翻译',
+      'toast.preDone': '预翻译完成，填充 {count} 段',
+      'toast.preCancelled': '已停止预翻译',
+      'toast.preFailed': '预翻译结束，{count} 段失败',
       'empty.title': '开始一次 CAT 翻译',
       'empty.desc': '粘贴文本、拖入文件，或加载演示文档。CAIT 会把源文切成句段，并同时查询翻译记忆与术语库；确认译文后自动入库。',
       'empty.paste': '粘贴文本',
@@ -2968,6 +4915,13 @@ window.__ModuleLoader__.load({
       'libraries.create': '新建',
       'libraries.done': '完成',
       'libraries.created': '库已创建并自动挂载',
+      'libraries.rename': '重命名',
+      'libraries.save': '保存',
+      'libraries.renamed': '库已重命名',
+      'libraries.delete': '删除库',
+      'libraries.deleted': '库已删除',
+      'libraries.deleteTmWarn': '库里的记忆条目也会一起删除，无法撤销。',
+      'libraries.deleteGlossaryWarn': '库里的术语也会一起删除，无法撤销。',
       'libraries.mountSaved': '挂载设置已保存',
       'panel.tm': '记忆库',
       'panel.glossary': '术语库',
@@ -2985,6 +4939,9 @@ window.__ModuleLoader__.load({
       'match.high_fuzzy': '高模糊',
       'match.medium_fuzzy': '中模糊',
       'match.low_fuzzy': '低模糊',
+      'match.context': '上下文匹配',
+      'panel.contextPrev': '上文',
+      'panel.contextNext': '下文',
       'panel.apply': '应用',
       'panel.importTmx': '导入 TMX',
       'panel.clearTm': '清空记忆库',
@@ -3000,6 +4957,8 @@ window.__ModuleLoader__.load({
       'panel.saveTerm': '保存术语',
       'panel.cancel': '取消',
       'panel.delete': '删除',
+      'panel.edit': '编辑',
+      'panel.saveEntry': '保存修改',
       'panel.noTerms': '术语库为空。添加术语后，命中会自动高亮。',
       'panel.importCsv': '导入 CSV/TSV',
       'panel.clearGlossary': '清空术语库',
@@ -3078,6 +5037,7 @@ window.__ModuleLoader__.load({
       'modal.confirm.clearGlossary':
         '清空当前挂载的术语？未挂载库不会受影响；如要清空全部库，请在 API 调用中显式传 all: true。此操作无法撤销。',
       'modal.confirm.deleteTerm': '删除术语',
+      'modal.confirm.deleteTm': '删除记忆库条目',
       'modal.confirm.ok': '确认',
       'modal.confirm.cancel': '取消',
       'toast.confirmed': '句段已确认并写入记忆库',
@@ -3090,6 +5050,8 @@ window.__ModuleLoader__.load({
       'toast.draftSaved': '草稿已保存',
       'toast.termSaved': '术语已保存',
       'toast.termDeleted': '术语已删除',
+      'toast.tmUpdated': '记忆库条目已更新',
+      'toast.tmDeleted': '记忆库条目已删除',
       'toast.tmImported': 'TMX 已导入',
       'toast.tmxMarkupLost': 'TMX 已导入；{count} 个内联占位符/格式标签已按纯文本处理，格式信息丢失。',
       'toast.glossaryImported': '术语已导入',
@@ -3100,6 +5062,93 @@ window.__ModuleLoader__.load({
       'toast.copied': '已复制到剪贴板',
       'toast.mtReady': '译文建议已生成',
       'toast.error': '操作失败',
+      'nav.documents': '文档',
+      'nav.libraries': '库',
+      'library.title': '翻译记忆与术语库',
+      'library.tmTab': '翻译记忆',
+      'library.glossaryTab': '术语库',
+      'library.scope': '搜索范围',
+      'library.scopeAll': '全部库',
+      'library.search': '搜索原文或译文…',
+      'library.language': '全部语言',
+      'library.pageSize': '每页',
+      'library.pageInfo': '第 {start}–{end} 条 / 共 {total} 条',
+      'library.prev': '上一页',
+      'library.next': '下一页',
+      'library.empty': '这个库里还没有条目。',
+      'library.noMatch': '没有匹配的条目。',
+      'library.add': '新增',
+      'library.import': '导入',
+      'library.export': '导出',
+      'library.clear': '清空',
+      'library.newLibrary': '新建库',
+      'library.rename': '重命名',
+      'library.deleteLibrary': '删除库',
+      'library.deleteLibraryMessage': '删除「{name}」？库里的条目也会一起删除。',
+      'library.colSource': '原文',
+      'library.colTarget': '译文',
+      'library.colNote': '备注',
+      'library.colContext': '上下文',
+      'library.colLang': '语言',
+      'library.colCase': '区分大小写',
+      'library.colUpdated': '更新时间',
+      'library.detail': '条目详情',
+      'library.detailEmpty': '点一行查看和编辑。',
+      'library.save': '保存',
+      'library.deleteEntry': '删除条目',
+      'library.entryCreated': '已新增条目',
+      'library.entrySaved': '已保存',
+      'library.entryDeleted': '已删除',
+      'library.exported': '已导出',
+      'library.exportFormat': '导出格式',
+      'library.caseSensitiveHint': '区分大小写时只匹配完全一致的写法。',
+      'library.noDocHint': '不用打开文档也能管理库。',
+      'rail.pageInfo': '第 {start}–{end} 条 / 共 {total} 条',
+      'rail.goto': '跳到编号',
+      'rail.gotoInvalid': '编号超出范围。',
+      'rail.nextUnconfirmed': '下一个未确认',
+      'panel.searchInLibrary': '在库中搜索',
+      'panel.viewAll': '在库页面查看全部',
+      'panel.glossaryMatchesOnly': '这里只显示当前句段命中的术语。',
+      'nav.align': '对齐',
+      'align.title': '对齐两个文件',
+      'align.hint': '分别放入源文件和译文文件，CAIT 会按段落逐句配对。两个文件可以是完全不同的语言。',
+      'align.sourceFile': '源文件',
+      'align.targetFile': '译文文件',
+      'align.pick': '未选择文件',
+      'align.choose': '选择',
+      'align.chars': '{count} 字符',
+      'align.run': '开始对齐',
+      'align.running': '对齐中…',
+      'align.needFiles': '请先选择源文件和译文文件。',
+      'align.readError': '读取文件失败。',
+      'align.sourceLang': '源语言（可选）',
+      'align.targetLang': '目标语言（可选）',
+      'align.stats': '高置信 {high} · 待确认 {medium} · 可疑 {low}',
+      'align.unpairedSource': '未配对原文',
+      'align.unpairedTarget': '未配对译文',
+      'align.blocked': '文件较大，已按段落分块对齐，结果可能不如整体对齐稳定。',
+      'align.confidence': '置信度',
+      'align.merge': '与下一行合并',
+      'align.split': '按换行拆开',
+      'align.remove': '删除这一行',
+      'align.write': '写入记忆库',
+      'align.writeCount': '写入选中的 {count} 条',
+      'align.writeMessage': '将写入 {count} 条，完全相同的条目会被跳过。',
+      'align.written': '已写入 {written} 条，跳过 {skipped} 条。',
+      'align.nothing': '没有可写入的行。',
+      'origin.auto': '自动传播',
+      'rail.propagate': '铺满重复句段',
+      'rail.propagateMessage': '把已有译文填到本文档中其它相同原文的句段（已确认的不会动）。',
+      'toast.propagated': '已铺满 {count} 个句段。',
+      'term.title': '术语候选',
+      'term.hint': '按出现次数与长度排序，点选后填入译文即可入库。',
+      'term.extract': '从文档提取术语',
+      'term.empty': '没有找到重复出现的候选术语。',
+      'term.add': '加入术语库',
+      'term.added': '已加入 {added} 条术语。',
+      'term.noDoc': '先打开一个文档再提取术语。',
+      'term.inLibrary': '已有',
     }
 
     const EN = {
@@ -3151,6 +5200,40 @@ window.__ModuleLoader__.load({
       'editor.emptyTarget': 'Enter a translation first',
       'editor.done': 'All segments confirmed',
       'editor.confirmedAt': 'Confirmed',
+      'editor.suggestion': 'Machine suggestion',
+      'editor.adopt': 'Adopt',
+      'editor.adoptHint': 'Fill the target with this suggestion and keep its origin',
+      'editor.remaining': 'to review',
+      'status.translated': 'Translated',
+      'origin.tm': 'TM',
+      'origin.mt': 'MT',
+      'origin.agent': 'Agent',
+      'origin.manual': 'Manual',
+      'rail.filter.all': 'All',
+      'rail.filter.pending': 'To translate',
+      'rail.filter.translated': 'To review',
+      'rail.filter.confirmed': 'Confirmed',
+      'rail.confirmAll': 'Confirm all',
+      'rail.confirmAllHint': 'Confirm every "To review" segment at once and write them to translation memory',
+      'rail.confirmAllMessage': 'This confirms {count} segment(s) awaiting review and writes them to translation memory, without reviewing them one by one. Continue?',
+      'toast.confirmedMany': 'Confirmed {count} segment(s)',
+      'qa.warn': 'Review note',
+      'qa.exportBanner': 'Pre-export check found {count} note(s) — export is not blocked:',
+      'qa.counts': 'placeholders {placeholder} · numbers {number} · terms {term} · empty {empty}',
+      'qa.code.PLACEHOLDER_MISSING': 'placeholder missing',
+      'qa.code.NUMBER_MISMATCH': 'number mismatch',
+      'qa.code.TERM_NOT_USED': 'term unused',
+      'qa.code.EMPTY_TARGET': 'empty target',
+      'toast.suggestionAdopted': 'Suggestion adopted',
+      'pretranslate.start': 'Pre-translate',
+      'editor.noSuggestion': 'No suggestion yet — translate directly or let an agent draft it',
+      'editor.baselineHint': 'The middle column is what the machine or agent produced; edit against it on the right',
+      'pretranslate.title': 'Fill the whole document from TM and machine translation, then review segment by segment',
+      'pretranslate.running': 'Pre-translating',
+      'pretranslate.cancel': 'Stop pre-translation',
+      'toast.preDone': 'Pre-translation finished, {count} segment(s) filled',
+      'toast.preCancelled': 'Pre-translation stopped',
+      'toast.preFailed': 'Pre-translation finished, {count} segment(s) failed',
       'empty.title': 'Start a CAT translation',
       'empty.desc': 'Paste text, drop a file, or load the demo. CAIT splits the source into segments, queries translation memory and glossary hits, and stores each confirmed pair in TM.',
       'empty.paste': 'Paste text',
@@ -3199,6 +5282,13 @@ window.__ModuleLoader__.load({
       'libraries.create': 'Create',
       'libraries.done': 'Done',
       'libraries.created': 'Library created and mounted',
+      'libraries.rename': 'Rename',
+      'libraries.save': 'Save',
+      'libraries.renamed': 'Library renamed',
+      'libraries.delete': 'Delete library',
+      'libraries.deleted': 'Library deleted',
+      'libraries.deleteTmWarn': 'Its TM entries are deleted with it. This cannot be undone.',
+      'libraries.deleteGlossaryWarn': 'Its terms are deleted with it. This cannot be undone.',
       'libraries.mountSaved': 'Mount settings saved',
       'panel.tm': 'TM',
       'panel.glossary': 'Glossary',
@@ -3216,6 +5306,9 @@ window.__ModuleLoader__.load({
       'match.high_fuzzy': 'High fuzzy',
       'match.medium_fuzzy': 'Medium fuzzy',
       'match.low_fuzzy': 'Low fuzzy',
+      'match.context': 'Context match',
+      'panel.contextPrev': 'Prev',
+      'panel.contextNext': 'Next',
       'panel.apply': 'Apply',
       'panel.importTmx': 'Import TMX',
       'panel.clearTm': 'Clear TM',
@@ -3231,6 +5324,8 @@ window.__ModuleLoader__.load({
       'panel.saveTerm': 'Save term',
       'panel.cancel': 'Cancel',
       'panel.delete': 'Delete',
+      'panel.edit': 'Edit',
+      'panel.saveEntry': 'Save changes',
       'panel.noTerms': 'The glossary is empty. Hits will be highlighted automatically.',
       'panel.importCsv': 'Import CSV/TSV',
       'panel.clearGlossary': 'Clear glossary',
@@ -3309,6 +5404,7 @@ window.__ModuleLoader__.load({
       'modal.confirm.clearGlossary':
         'Clear the currently mounted glossary terms? Unmounted libraries are not affected; pass all: true to the API to clear every library. This cannot be undone.',
       'modal.confirm.deleteTerm': 'Delete term',
+      'modal.confirm.deleteTm': 'Delete TM entry',
       'modal.confirm.ok': 'Confirm',
       'modal.confirm.cancel': 'Cancel',
       'toast.confirmed': 'Segment confirmed and written to TM',
@@ -3321,6 +5417,8 @@ window.__ModuleLoader__.load({
       'toast.draftSaved': 'Draft saved',
       'toast.termSaved': 'Term saved',
       'toast.termDeleted': 'Term deleted',
+      'toast.tmUpdated': 'TM entry updated',
+      'toast.tmDeleted': 'TM entry deleted',
       'toast.tmImported': 'TMX imported',
       'toast.tmxMarkupLost': 'TMX imported; {count} inline placeholder/format tags were flattened to plain text.',
       'toast.glossaryImported': 'Glossary imported',
@@ -3331,6 +5429,93 @@ window.__ModuleLoader__.load({
       'toast.copied': 'Copied to clipboard',
       'toast.mtReady': 'Suggestion ready',
       'toast.error': 'Operation failed',
+      'nav.documents': 'Documents',
+      'nav.libraries': 'Libraries',
+      'library.title': 'Translation memory and glossary',
+      'library.tmTab': 'Translation memory',
+      'library.glossaryTab': 'Glossary',
+      'library.scope': 'Search in',
+      'library.scopeAll': 'All libraries',
+      'library.search': 'Search source or target…',
+      'library.language': 'All languages',
+      'library.pageSize': 'Per page',
+      'library.pageInfo': '{start}–{end} of {total}',
+      'library.prev': 'Previous',
+      'library.next': 'Next',
+      'library.empty': 'This library has no entries yet.',
+      'library.noMatch': 'No entries match.',
+      'library.add': 'Add',
+      'library.import': 'Import',
+      'library.export': 'Export',
+      'library.clear': 'Clear',
+      'library.newLibrary': 'New library',
+      'library.rename': 'Rename',
+      'library.deleteLibrary': 'Delete library',
+      'library.deleteLibraryMessage': 'Delete “{name}”? Its entries will be deleted too.',
+      'library.colSource': 'Source',
+      'library.colTarget': 'Target',
+      'library.colNote': 'Note',
+      'library.colContext': 'Context',
+      'library.colLang': 'Language',
+      'library.colCase': 'Case-sensitive',
+      'library.colUpdated': 'Updated',
+      'library.detail': 'Entry',
+      'library.detailEmpty': 'Select a row to view and edit it.',
+      'library.save': 'Save',
+      'library.deleteEntry': 'Delete entry',
+      'library.entryCreated': 'Entry added',
+      'library.entrySaved': 'Saved',
+      'library.entryDeleted': 'Deleted',
+      'library.exported': 'Exported',
+      'library.exportFormat': 'Format',
+      'library.caseSensitiveHint': 'Case-sensitive terms match only the exact spelling.',
+      'library.noDocHint': 'Manage libraries without opening a document.',
+      'rail.pageInfo': '{start}–{end} of {total}',
+      'rail.goto': 'Go to segment',
+      'rail.gotoInvalid': 'Segment number is out of range.',
+      'rail.nextUnconfirmed': 'Next unconfirmed',
+      'panel.searchInLibrary': 'Search the library',
+      'panel.viewAll': 'View all in libraries',
+      'panel.glossaryMatchesOnly': 'Only terms that match this segment are listed here.',
+      'nav.align': 'Align',
+      'align.title': 'Align two files',
+      'align.hint': 'Drop the source file and the translated file. CAIT pairs them paragraph by paragraph — they can be in completely different languages.',
+      'align.sourceFile': 'Source file',
+      'align.targetFile': 'Translated file',
+      'align.pick': 'No file chosen',
+      'align.choose': 'Choose',
+      'align.chars': '{count} chars',
+      'align.run': 'Align',
+      'align.running': 'Aligning…',
+      'align.needFiles': 'Choose both files first.',
+      'align.readError': 'Could not read that file.',
+      'align.sourceLang': 'Source language (optional)',
+      'align.targetLang': 'Target language (optional)',
+      'align.stats': 'high {high} · to review {medium} · doubtful {low}',
+      'align.unpairedSource': 'Unpaired source',
+      'align.unpairedTarget': 'Unpaired target',
+      'align.blocked': 'Large files are aligned in paragraph blocks; results may be less stable than a whole-file pass.',
+      'align.confidence': 'Confidence',
+      'align.merge': 'Merge with the next row',
+      'align.split': 'Split on line breaks',
+      'align.remove': 'Remove this row',
+      'align.write': 'Write to memory',
+      'align.writeCount': 'Write {count} selected',
+      'align.writeMessage': 'This writes {count} pair(s); identical entries are skipped.',
+      'align.written': 'Wrote {written}, skipped {skipped}.',
+      'align.nothing': 'Nothing selected to write.',
+      'origin.auto': 'Propagated',
+      'rail.propagate': 'Fill repeated segments',
+      'rail.propagateMessage': 'Copy the existing translation to other segments with the same source. Confirmed segments are left alone.',
+      'toast.propagated': 'Filled {count} segment(s).',
+      'term.title': 'Terminology candidates',
+      'term.hint': 'Ranked by occurrences and length. Pick the real terms, type a translation, and add them.',
+      'term.extract': 'Mine terms from the document',
+      'term.empty': 'No repeated candidate found.',
+      'term.add': 'Add to glossary',
+      'term.added': 'Added {added} term(s).',
+      'term.noDoc': 'Open a document before mining terms.',
+      'term.inLibrary': 'in library',
     }
 
     const JA = {
@@ -3382,6 +5567,40 @@ window.__ModuleLoader__.load({
       'editor.emptyTarget': '先に訳文を入力してください',
       'editor.done': 'すべてのセグメントを確認済み',
       'editor.confirmedAt': '確認日時',
+      'editor.suggestion': '機械翻訳の提案',
+      'editor.adopt': '採用',
+      'editor.adoptHint': '提案を訳文に反映し、出所を保ちます',
+      'editor.remaining': '件が未確認',
+      'status.translated': '翻訳済み',
+      'origin.tm': 'TM',
+      'origin.mt': 'MT',
+      'origin.agent': 'Agent',
+      'origin.manual': '手動',
+      'rail.filter.all': 'すべて',
+      'rail.filter.pending': '未翻訳',
+      'rail.filter.translated': '要確認',
+      'rail.filter.confirmed': '確認済み',
+      'rail.confirmAll': 'まとめて確認',
+      'rail.confirmAllHint': '「要確認」の文をまとめて確認し、翻訳メモリに書き込みます',
+      'rail.confirmAllMessage': '要確認の {count} 文をまとめて確認し、翻訳メモリに書き込みます。1 文ずつ見直すことはありません。続けますか？',
+      'toast.confirmedMany': '{count} 文を確認しました',
+      'qa.warn': 'チェック注意',
+      'qa.exportBanner': '書き出し前のチェックで {count} 件の注意が見つかりました（書き出しは可能です）：',
+      'qa.counts': 'プレースホルダー {placeholder} · 数字 {number} · 用語 {term} · 空訳 {empty}',
+      'qa.code.PLACEHOLDER_MISSING': 'プレースホルダー欠落',
+      'qa.code.NUMBER_MISMATCH': '数字の不一致',
+      'qa.code.TERM_NOT_USED': '用語が未使用',
+      'qa.code.EMPTY_TARGET': '訳文が空',
+      'toast.suggestionAdopted': '提案を採用しました',
+      'pretranslate.start': '事前翻訳',
+      'editor.noSuggestion': '提案はまだありません。直接翻訳するか、agent に下訳させてください',
+      'editor.baselineHint': '中央の列は機械翻訳／agent の初回出力です。右側で見比べながら直せます',
+      'pretranslate.title': 'TM と機械翻訳で文書全体を下訳し、あとから文ごとに確認します',
+      'pretranslate.running': '事前翻訳中',
+      'pretranslate.cancel': '事前翻訳を停止',
+      'toast.preDone': '事前翻訳が完了しました（{count} 文を反映）',
+      'toast.preCancelled': '事前翻訳を停止しました',
+      'toast.preFailed': '事前翻訳が終了しました（{count} 文が失敗）',
       'empty.title': 'CAT 翻訳を始める',
       'empty.desc': 'テキストを貼り付けるか、ファイルをドロップするか、デモ文書を読み込みます。CAIT は原文をセグメントに分割し、翻訳メモリと用語集を同時に検索します。確認した訳文は自動的に TM に保存されます。',
       'empty.paste': 'テキストを貼り付け',
@@ -3430,6 +5649,13 @@ window.__ModuleLoader__.load({
       'libraries.create': '作成',
       'libraries.done': '完了',
       'libraries.created': 'ライブラリを作成してマウントしました',
+      'libraries.rename': '名前を変更',
+      'libraries.save': '保存',
+      'libraries.renamed': 'ライブラリ名を変更しました',
+      'libraries.delete': 'ライブラリを削除',
+      'libraries.deleted': 'ライブラリを削除しました',
+      'libraries.deleteTmWarn': '中の TM エントリも一緒に削除され、元に戻せません。',
+      'libraries.deleteGlossaryWarn': '中の用語も一緒に削除され、元に戻せません。',
       'libraries.mountSaved': 'マウント設定を保存しました',
       'panel.tm': 'TM',
       'panel.glossary': '用語集',
@@ -3447,6 +5673,9 @@ window.__ModuleLoader__.load({
       'match.high_fuzzy': '高あいまい一致',
       'match.medium_fuzzy': '中あいまい一致',
       'match.low_fuzzy': '低あいまい一致',
+      'match.context': 'コンテキスト一致',
+      'panel.contextPrev': '前文',
+      'panel.contextNext': '後文',
       'panel.apply': '適用',
       'panel.importTmx': 'TMX をインポート',
       'panel.clearTm': 'TM をクリア',
@@ -3462,6 +5691,8 @@ window.__ModuleLoader__.load({
       'panel.saveTerm': '用語を保存',
       'panel.cancel': 'キャンセル',
       'panel.delete': '削除',
+      'panel.edit': '編集',
+      'panel.saveEntry': '変更を保存',
       'panel.noTerms': '用語集は空です。用語を追加するとヒットが自動で強調表示されます。',
       'panel.importCsv': 'CSV/TSV をインポート',
       'panel.clearGlossary': '用語集をクリア',
@@ -3540,6 +5771,7 @@ window.__ModuleLoader__.load({
       'modal.confirm.clearGlossary':
         '現在マウント中の用語をクリアしますか？未マウントのライブラリは影響を受けません。すべてのライブラリをクリアするには API に all: true を明示してください。この操作は元に戻せません。',
       'modal.confirm.deleteTerm': '用語を削除',
+      'modal.confirm.deleteTm': 'TM エントリを削除',
       'modal.confirm.ok': '確認',
       'modal.confirm.cancel': 'キャンセル',
       'toast.confirmed': 'セグメントを確認して TM に保存しました',
@@ -3552,6 +5784,8 @@ window.__ModuleLoader__.load({
       'toast.draftSaved': '下書きを保存しました',
       'toast.termSaved': '用語を保存しました',
       'toast.termDeleted': '用語を削除しました',
+      'toast.tmUpdated': 'TM エントリを更新しました',
+      'toast.tmDeleted': 'TM エントリを削除しました',
       'toast.tmImported': 'TMX をインポートしました',
       'toast.tmxMarkupLost': 'TMX をインポートしました。{count} 個のインライン プレースホルダー/書式タグはプレーンテキストとして処理され、書式情報は失われました。',
       'toast.glossaryImported': '用語をインポートしました',
@@ -3562,6 +5796,93 @@ window.__ModuleLoader__.load({
       'toast.copied': 'クリップボードにコピーしました',
       'toast.mtReady': '訳文候補を生成しました',
       'toast.error': '操作に失敗しました',
+      'nav.documents': '文書',
+      'nav.libraries': 'ライブラリ',
+      'library.title': '翻訳メモリと用語集',
+      'library.tmTab': '翻訳メモリ',
+      'library.glossaryTab': '用語集',
+      'library.scope': '検索範囲',
+      'library.scopeAll': 'すべてのライブラリ',
+      'library.search': '原文または訳文を検索…',
+      'library.language': 'すべての言語',
+      'library.pageSize': '表示件数',
+      'library.pageInfo': '{start}–{end} 件 / 全 {total} 件',
+      'library.prev': '前へ',
+      'library.next': '次へ',
+      'library.empty': 'このライブラリにはまだエントリがありません。',
+      'library.noMatch': '一致するエントリはありません。',
+      'library.add': '追加',
+      'library.import': 'インポート',
+      'library.export': 'エクスポート',
+      'library.clear': 'クリア',
+      'library.newLibrary': '新しいライブラリ',
+      'library.rename': '名前を変更',
+      'library.deleteLibrary': 'ライブラリを削除',
+      'library.deleteLibraryMessage': '「{name}」を削除しますか？エントリも一緒に削除されます。',
+      'library.colSource': '原文',
+      'library.colTarget': '訳文',
+      'library.colNote': 'メモ',
+      'library.colContext': 'コンテキスト',
+      'library.colLang': '言語',
+      'library.colCase': '大文字小文字を区別',
+      'library.colUpdated': '更新日時',
+      'library.detail': 'エントリ詳細',
+      'library.detailEmpty': '行を選択すると表示・編集できます。',
+      'library.save': '保存',
+      'library.deleteEntry': 'エントリを削除',
+      'library.entryCreated': 'エントリを追加しました',
+      'library.entrySaved': '保存しました',
+      'library.entryDeleted': '削除しました',
+      'library.exported': 'エクスポートしました',
+      'library.exportFormat': '形式',
+      'library.caseSensitiveHint': '大文字小文字を区別すると、完全に同じ表記だけが一致します。',
+      'library.noDocHint': '文書を開かなくてもライブラリを管理できます。',
+      'rail.pageInfo': '{start}–{end} 件 / 全 {total} 件',
+      'rail.goto': '番号へ移動',
+      'rail.gotoInvalid': '番号が範囲外です。',
+      'rail.nextUnconfirmed': '次の未確認へ',
+      'panel.searchInLibrary': 'ライブラリを検索',
+      'panel.viewAll': 'ライブラリで全件表示',
+      'panel.glossaryMatchesOnly': 'ここには現在のセグメントに一致する用語だけを表示します。',
+      'nav.align': '整列',
+      'align.title': '2つのファイルを整列',
+      'align.hint': '原文ファイルと訳文ファイルをそれぞれ選んでください。段落ごとに 1 対 1 で対応づけます。言語が違っても構いません。',
+      'align.sourceFile': '原文ファイル',
+      'align.targetFile': '訳文ファイル',
+      'align.pick': 'ファイル未選択',
+      'align.choose': '選択',
+      'align.chars': '{count} 文字',
+      'align.run': '整列する',
+      'align.running': '整列中…',
+      'align.needFiles': '先に 2 つのファイルを選んでください。',
+      'align.readError': 'ファイルを読み込めませんでした。',
+      'align.sourceLang': '原文言語（任意）',
+      'align.targetLang': '訳文言語（任意）',
+      'align.stats': '高 {high} · 要確認 {medium} · 要注意 {low}',
+      'align.unpairedSource': '未対応の原文',
+      'align.unpairedTarget': '未対応の訳文',
+      'align.blocked': '大きいファイルは段落ブロックごとに整列します。全体整列より不安定になることがあります。',
+      'align.confidence': '信頼度',
+      'align.merge': '次の行と結合',
+      'align.split': '改行で分割',
+      'align.remove': 'この行を削除',
+      'align.write': 'メモリに保存',
+      'align.writeCount': '選択した {count} 件を保存',
+      'align.writeMessage': '{count} 件を保存します。同一の項目はスキップされます。',
+      'align.written': '{written} 件を保存、{skipped} 件をスキップしました。',
+      'align.nothing': '保存する行がありません。',
+      'origin.auto': '自動反映',
+      'rail.propagate': '重複セグメントを埋める',
+      'rail.propagateMessage': '同じ原文の他のセグメントに既存の訳文をコピーします。確定済みは変更しません。',
+      'toast.propagated': '{count} 件のセグメントを埋めました。',
+      'term.title': '用語候補',
+      'term.hint': '出現回数と長さで並んでいます。実際の用語だけを選び、訳語を入れて登録してください。',
+      'term.extract': '文書から用語を抽出',
+      'term.empty': '繰り返し現れる候補はありませんでした。',
+      'term.add': '用語集に追加',
+      'term.added': '{added} 件の用語を追加しました。',
+      'term.noDoc': '先に文書を開いてください。',
+      'term.inLibrary': '登録済み',
     }
 
     // UI languages offered by the in-app switch. 'auto' follows the DSH locale
@@ -3639,6 +5960,19 @@ window.__ModuleLoader__.load({
         scaleCssLengths,
         caitUiBase: CAIT_UI_BASE,
         caitUiMaxUnit: CAIT_UI_MAX_UNIT,
+        caitUiDamping: CAIT_UI_DAMPING,
+        caitThemeAttr: CAIT_THEME_ATTR,
+        detectThemeKind,
+        normalizePageSize,
+        readPageSize,
+        writePageSize,
+        pageCount,
+        clampPage,
+        pageBounds,
+        segmentNumberToIndex,
+        pageSizeOptions: PAGE_SIZE_OPTIONS,
+        pageSizeDefault: PAGE_SIZE_DEFAULT,
+        pageSizeStorageKey: PAGE_SIZE_STORAGE_KEY,
         cssScaled: CSS_SCALED,
         syncPollMs: SYNC_POLL_MS,
         makeTranslator,