dsh-cait 1.1.3 → 1.1.7

package/client/components.js

@@ -37,6 +37,10 @@
         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'],
+        chart: ['M3 13V8', 'M8 13V3', 'M13 13V6', 'M2 14h12'],
+        message: ['M2 3h12v8H8l-3 3v-3H2z'],
+        lock: ['M4 7h8v6H4z', 'M6 7V5a2 2 0 0 1 4 0v2'],
+        unlock: ['M4 7h8v6H4z', 'M6 7V5a2 2 0 0 1 3.8-1'],
       }
       const shape = paths[name] || paths.file
       return h(
@@ -302,6 +306,7 @@
       pre,
       onPreTranslate,
       onCancelPreTranslate,
+      onReplace,
       view,
       onView,
     }) {
@@ -407,6 +412,19 @@
                 h('span', { className: 'cait-btn-label' }, t('pretranslate.start')),
               )
             : null,
+          documentsView
+            ? h(
+                'button',
+                {
+                  className: 'cait-btn',
+                  onClick: onReplace,
+                  disabled: Boolean(busy) || !doc,
+                  title: t('replace.open'),
+                },
+                h(Icon, { name: 'search', size: 14 }),
+                h('span', { className: 'cait-btn-label' }, t('replace.open')),
+              )
+            : null,
           documentsView
             ? h(
                 'button',
@@ -419,7 +437,7 @@
             ? h(
                 'button',
                 { className: 'cait-btn', onClick: onImport, disabled: Boolean(busy), title: t('nav.import') },
-                h(Icon, { name: 'upload', size: 14 }),
+                h(Icon, { name: 'download', size: 14 }),
                 h('span', { className: 'cait-btn-label' }, t('nav.import')),
               )
             : null,
@@ -427,7 +445,7 @@
             ? h(
                 'button',
                 { className: 'cait-btn', onClick: onExport, disabled: Boolean(busy) || !doc, title: t('nav.export') },
-                h(Icon, { name: 'download', size: 14 }),
+                h(Icon, { name: 'upload', size: 14 }),
                 h('span', { className: 'cait-btn-label' }, t('nav.export')),
               )
             : null,
@@ -436,9 +454,9 @@
       )
     }
 
-    const SEGMENT_FILTERS = ['all', 'pending', 'translated', 'confirmed']
+    const SEGMENT_FILTERS = ['all', 'pending', 'translated', 'confirmed', 'risk']
 
-    function SegmentRail({ t, doc, selected, query, setQuery, filter, setFilter, onSelect, onConfirmAll, onPropagate, busy, qa }) {
+    function SegmentRail({ t, doc, selected, query, setQuery, filter, setFilter, onSelect, onConfirmAll, onPropagate, onClearPretranslated, busy, qa }) {
       const activeRef = useRef(null)
       const storage = typeof localStorage !== 'undefined' ? localStorage : null
       const [pageSize, setPageSize] = useState(() => readPageSize(storage))
@@ -458,12 +476,15 @@
         list.push(issue.code)
         warns.set(issue.index, list)
       }
+      const riskByIndex = new Map()
+      for (const item of qa?.risks || []) riskByIndex.set(item.index, item)
 
       const counts = {
         all: doc.progress.total,
         pending: doc.progress.pending,
         translated: doc.progress.translated,
         confirmed: doc.progress.confirmed,
+        risk: riskByIndex.size,
       }
 
       // How many empty segments could be filled from a sibling with the same
@@ -482,10 +503,17 @@
         if (list.length < 2 || !list.some((segment) => segment.target)) continue
         duplicated += list.filter((segment) => !segment.target).length
       }
+      const pretranslated = doc.segments.filter((segment) => (
+        segment.target &&
+        !segment.confirmedAt &&
+        ['tm', 'mt', 'auto'].includes(segment.origin)
+      )).length
       const needle = query.trim().toLowerCase()
       const filtered = doc.segments
         .map((segment, index) => ({ segment, index }))
-        .filter(({ segment }) => filter === 'all' || segment.status === filter)
+        .filter(({ segment, index }) =>
+          filter === 'all' || (filter === 'risk' ? riskByIndex.has(index) : segment.status === filter),
+        )
         .filter(({ segment }) => {
           if (!needle) return true
           return (
@@ -602,6 +630,19 @@
                 `${t('rail.propagate')} · ${duplicated}`,
               )
             : null,
+          pretranslated > 0
+            ? h(
+                'button',
+                {
+                  className: 'cait-batchbtn cait-batchbtn-danger',
+                  onClick: onClearPretranslated,
+                  disabled: Boolean(busy),
+                  title: t('rail.clearPretranslatedHint'),
+                },
+                h(Icon, { name: 'trash', size: 11 }),
+                `${t('rail.clearPretranslated')} · ${pretranslated}`,
+              )
+            : null,
           h(
             'div',
             { className: 'cait-rail-goto' },
@@ -664,7 +705,7 @@
                       h('span', { className: `cait-dot ${segment.status}` }),
                       warns.has(index)
                         ? h('span', {
-                            className: 'cait-seg-warn',
+                            className: `cait-seg-warn ${riskByIndex.get(index)?.risk || 'low'}`,
                             title: (warns.get(index) || []).map((code) => t(`qa.code.${code}`)).join(' · '),
                             'aria-label': t('qa.warn'),
                           })
@@ -720,9 +761,21 @@
       )
     }
 
-    function EditorPane({ t, doc, index, segment, detail, draft, setDraft, dirty, busy, onConfirm, onNext, onPrev, onSave, onAdopt, onApplyTerm, textareaRef }) {
+    function EditorPane({ t, doc, index, segment, detail, draft, setDraft, dirty, busy, onConfirm, onUnconfirm, onNext, onPrev, onSave, onUndo, onRedo, canUndo, canRedo, onToggleLock, onMerge, onSplit, onMergeCue, onSplitCue, onShiftSubtitles, onAdopt, onApplyTerm, onOpenBrief, onOpenResources, onOpenAnalysis, onOpenNotes, noteCount, qaRisk, textareaRef }) {
       const hits = detail?.index === index ? detail.glossaryHits : []
       const charCount = Array.from(draft || '').length
+      const isSubtitle = doc.format === 'srt' || doc.format === 'vtt'
+      const [shiftSeconds, setShiftSeconds] = useState('1')
+      const cueStart = Number(segment.meta?.start)
+      const cueEnd = Number(segment.meta?.end)
+      const formatCue = (value) => {
+        if (!Number.isFinite(value)) return '--:--.-'
+        const total = Math.max(0, Math.round(value))
+        const minutes = Math.floor(total / 60000)
+        const seconds = Math.floor((total % 60000) / 1000)
+        const millis = total % 1000
+        return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}.${String(millis).padStart(3, '0')}`
+      }
       const progress = doc.progress
       const remaining = progress.total - progress.confirmed
       const statusLabel =
@@ -737,9 +790,31 @@
       // against. It is stored in `suggestion`, which adoption already preserves.
       const baselineText = segment.suggestion || ''
       const baselineOrigin = segment.origin || 'agent'
+      const canMerge = !segment.locked && index < doc.segments.length - 1
+      const canSplit = !segment.locked && String(segment.source || '').length > 1
+      const splitAtCursor = () => {
+        const sourceLength = String(segment.source || '').length
+        const targetLength = String(draft || '').length
+        const cursor = textareaRef?.current?.selectionStart
+        const ratio = targetLength > 0 && Number.isInteger(cursor) ? cursor / targetLength : 0.5
+        const at = Math.max(1, Math.min(sourceLength - 1, Math.round(sourceLength * ratio)))
+        onSplit(at)
+      }
 
-      const onKeyDown = (event) => {        const mod = event.metaKey || event.ctrlKey
-        if (mod && event.key === 'Enter') {
+      const onKeyDown = (event) => {
+        const mod = event.metaKey || event.ctrlKey
+        if (mod && event.key.toLowerCase() === 'z') {
+          if (canUndo || canRedo) {
+            event.preventDefault()
+            if (event.shiftKey) onRedo()
+            else onUndo()
+          }
+        } else if (mod && event.key.toLowerCase() === 'y') {
+          if (canRedo) {
+            event.preventDefault()
+            onRedo()
+          }
+        } else if (mod && event.key === 'Enter') {
           event.preventDefault()
           onConfirm()
         } else if (mod && event.key.toLowerCase() === 's') {
@@ -771,6 +846,37 @@
               h(Icon, { name: 'arrowRight', size: 11 }),
               h('span', { className: 'cait-langchip' }, doc.targetLang),
               h('span', null, `· ${doc.segments.length} ${t('doc.segments')}`),
+              h(
+                'button',
+                {
+                  className: 'cait-linkbtn cait-brieflink',
+                  onClick: onOpenBrief,
+                  title: doc.brief ? t('panel.briefHint') : t('brief.empty'),
+                },
+                h(Icon, { name: 'file', size: 11 }),
+                t('editor.brief'),
+                doc.brief ? h('span', { className: 'cait-briefdot' }) : null,
+              ),
+              h(
+                'button',
+                {
+                  className: 'cait-linkbtn',
+                  onClick: onOpenResources,
+                  title: t('resources.hint'),
+                },
+                h(Icon, { name: 'database', size: 11 }),
+                t('editor.resources'),
+              ),
+              h(
+                'button',
+                {
+                  className: 'cait-linkbtn',
+                  onClick: onOpenAnalysis,
+                  title: t('analysis.hint'),
+                },
+                h(Icon, { name: 'chart', size: 11 }),
+                t('editor.analysis'),
+              ),
             ),
           ),
           h(
@@ -785,7 +891,40 @@
           '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}` }, statusLabel),
+          h(
+            'span',
+            { className: 'cait-seg-flags' },
+            h(
+              'button',
+              {
+                className: `cait-linkbtn ${segment.locked ? 'active' : ''}`,
+                onClick: onToggleLock,
+                title: segment.locked ? t('editor.unlock') : t('editor.lock'),
+                'aria-pressed': Boolean(segment.locked),
+              },
+              h(Icon, { name: segment.locked ? 'unlock' : 'lock', size: 11 }),
+              segment.locked ? t('editor.locked') : t('editor.lock'),
+            ),
+            h(
+              'button',
+              {
+                className: 'cait-linkbtn cait-notelink',
+                onClick: onOpenNotes,
+                title: t('notes.hint'),
+              },
+              h(Icon, { name: 'message', size: 11 }),
+              t('editor.notes'),
+              noteCount ? h('span', { className: 'cait-notecount' }, String(noteCount)) : null,
+            ),
+            qaRisk
+              ? h(
+                  'span',
+                  { className: `cait-riskchip ${qaRisk.risk}`, title: qaRisk.codes.map((code) => t(`qa.code.${code}`)).join(' · ') },
+                  `${t('qa.risk')} · ${t(`qa.${qaRisk.risk}`)}`,
+                )
+              : null,
+            h('span', { className: `cait-badge ${segment.status}` }, statusLabel),
+          ),
         ),
         h(
           'div',
@@ -868,6 +1007,7 @@
               value: draft,
               onChange: (event) => setDraft(event.target.value),
               onKeyDown,
+              readOnly: Boolean(segment.locked),
               placeholder: t('editor.targetPlaceholder'),
               spellCheck: false,
               rows: 8,
@@ -879,10 +1019,18 @@
           { className: 'cait-actionbar' },
           h(
             'button',
-            { className: 'cait-btn cait-btn-primary', onClick: onConfirm, disabled: Boolean(busy) || !draft.trim() },
+            { className: 'cait-btn cait-btn-primary', onClick: onConfirm, disabled: Boolean(busy) || Boolean(segment.locked) || !draft.trim() },
             busy === 'confirm' ? h(Spinner) : h(Icon, { name: 'check', size: 14 }),
             segment.status === 'confirmed' ? t('editor.update') : t('editor.confirm'),
           ),
+          segment.status === 'confirmed'
+            ? h(
+                'button',
+                { className: 'cait-btn cait-btn-ghost', onClick: onUnconfirm, disabled: Boolean(busy) || Boolean(segment.locked), title: t('editor.unconfirmHint') },
+                h(Icon, { name: 'refresh', size: 13 }),
+                t('editor.unconfirm'),
+              )
+            : null,
           h(
             'button',
             { className: 'cait-btn', onClick: onNext, disabled: Boolean(busy) },
@@ -895,9 +1043,60 @@
             h(Icon, { name: 'chevronLeft', size: 13 }),
             t('editor.prev'),
           ),
+          isSubtitle
+            ? h(
+                'div',
+                { className: 'cait-subbar' },
+                h('span', { className: 'cait-subtime' }, `${formatCue(cueStart)} → ${formatCue(cueEnd)}`),
+                h('input', {
+                  className: 'cait-suboffset',
+                  type: 'number',
+                  step: '0.1',
+                  value: shiftSeconds,
+                  onChange: (event) => setShiftSeconds(event.target.value),
+                  title: t('editor.shiftHint'),
+                }),
+                h(
+                  'button',
+                  { className: 'cait-btn cait-btn-ghost', onClick: () => onShiftSubtitles(Math.round(Number(shiftSeconds) * 1000)), disabled: Boolean(busy) || Boolean(segment.locked) || !Number.isFinite(Number(shiftSeconds)) },
+                  t('editor.shift'),
+                ),
+                h(
+                  'button',
+                  { className: 'cait-btn cait-btn-ghost', onClick: onMergeCue, disabled: Boolean(busy) || Boolean(segment.locked) || index >= doc.segments.length - 1 },
+                  t('editor.mergeCue'),
+                ),
+                h(
+                  'button',
+                  { className: 'cait-btn cait-btn-ghost', onClick: () => onSplitCue(Math.round((cueStart + cueEnd) / 2)), disabled: Boolean(busy) || Boolean(segment.locked) || !(cueEnd > cueStart) },
+                  t('editor.splitCue'),
+                ),
+              )
+            : [
+                h(
+                  'button',
+                  { key: 'merge', className: 'cait-btn cait-btn-ghost', onClick: onMerge, disabled: Boolean(busy) || !canMerge, title: t('editor.mergeHint') },
+                  t('editor.merge'),
+                ),
+                h(
+                  'button',
+                  { key: 'split', className: 'cait-btn cait-btn-ghost', onClick: splitAtCursor, disabled: Boolean(busy) || !canSplit, title: t('editor.splitHint') },
+                  t('editor.split'),
+                ),
+              ],
+          h(
+            'button',
+            { className: 'cait-iconbtn', onClick: onUndo, disabled: Boolean(busy) || !canUndo, title: t('editor.undo'), 'aria-label': t('editor.undo') },
+            '↶',
+          ),
+          h(
+            'button',
+            { className: 'cait-iconbtn', onClick: onRedo, disabled: Boolean(busy) || !canRedo, title: t('editor.redo'), 'aria-label': t('editor.redo') },
+            '↷',
+          ),
           h(
             'button',
-            { className: 'cait-iconbtn cait-savebtn', onClick: onSave, disabled: Boolean(busy) || !dirty, title: t('editor.save') },
+            { className: 'cait-iconbtn cait-savebtn', onClick: onSave, disabled: Boolean(busy) || Boolean(segment.locked) || !dirty, title: t('editor.save') },
             h(Icon, { name: 'save', size: 14 }),
           ),
           h('span', { className: 'cait-hint' }, t('editor.hint')),
@@ -1020,6 +1219,19 @@
       onCopy,
       onOpenSettings,
       onSearchLibrary,
+      qa,
+      onRefreshQa,
+      onJumpQa,
+      onFixQa,
+      review,
+      reviewBusy,
+      onReview,
+      onApplyReview,
+      concordance,
+      concordanceQuery,
+      setConcordanceQuery,
+      onConcordance,
+      onApplyConcordance,
       busy,
     }) {
       const [termQuery, setTermQuery] = useState('')
@@ -1099,6 +1311,19 @@
             h(Icon, { name: 'sparkles', size: 13 }),
             t('panel.mt'),
           ),
+          h(
+            'button',
+            { className: `cait-tab${tab === 'qa' ? ' active' : ''}`, onClick: () => setTab('qa') },
+            h(Icon, { name: 'alert', size: 13 }),
+            t('panel.qa'),
+            qa?.issueCount ? h('span', { className: 'cait-count' }, qa.issueCount) : null,
+          ),
+          h(
+            'button',
+            { className: `cait-tab${tab === 'concordance' ? ' active' : ''}`, onClick: () => setTab('concordance') },
+            h(Icon, { name: 'search', size: 13 }),
+            t('panel.concordance'),
+          ),
         ),
         h(
           'div',
@@ -1176,7 +1401,7 @@
                       event.target.value = ''
                     },
                   }),
-                  h('button', { className: 'cait-btn', onClick: () => tmxInput.current?.click(), disabled: Boolean(busy) }, h(Icon, { name: 'upload', size: 12 }), t('panel.importTmx')),
+                  h('button', { className: 'cait-btn', onClick: () => tmxInput.current?.click(), disabled: Boolean(busy) }, h(Icon, { name: 'download', size: 12 }), t('panel.importTmx')),
                   h('button', { className: 'cait-btn cait-btn-danger', onClick: onClearTm, disabled: Boolean(busy) || data.tm.count === 0 }, t('panel.clearTm')),
                 ),
               )
@@ -1194,7 +1419,7 @@
                         h(
                           'button',
                           { key: hit.id, className: 'cait-chip cait-chip-action', onClick: () => onApplyTerm(hit), title: hit.note || hit.target },
-                          `${hit.term} → ${hit.target}`,
+                          `${hit.term} → ${hit.target}${hit.forbidden ? ` · ${t('panel.termForbidden')}` : hit.preferred ? ` · ${t('panel.termPreferred')}` : ''}`,
                         ),
                       ),
                     )
@@ -1227,7 +1452,7 @@
                       event.target.value = ''
                     },
                   }),
-                  h('button', { className: 'cait-btn', onClick: () => glossaryInput.current?.click(), disabled: Boolean(busy) }, h(Icon, { name: 'upload', size: 12 }), t('panel.importCsv')),
+                  h('button', { className: 'cait-btn', onClick: () => glossaryInput.current?.click(), disabled: Boolean(busy) }, h(Icon, { name: 'download', size: 12 }), t('panel.importCsv')),
                   h('button', { className: 'cait-btn cait-btn-danger', onClick: onClearGlossary, disabled: Boolean(busy) || data.glossary.length === 0 }, t('panel.clearGlossary')),
                 ),
               )
@@ -1292,6 +1517,239 @@
                 ),
               )
             : null,
+          tab === 'qa'
+            ? h(
+                'div',
+                null,
+                h(
+                  'div',
+                  { className: 'cait-subhead' },
+                  h('span', null, t('qa.title')),
+                  h(
+                    'div',
+                    { className: 'cait-subhead-actions' },
+                    h(
+                      'button',
+                      {
+                        className: 'cait-linkbtn',
+                        onClick: onReview,
+                        disabled: Boolean(busy) || Boolean(reviewBusy),
+                        title: t('qa.review'),
+                      },
+                      h(Icon, { name: 'sparkles', size: 12 }),
+                      reviewBusy ? t('qa.reviewing') : t('qa.review'),
+                    ),
+                    h(
+                      'button',
+                      { className: 'cait-linkbtn', onClick: onRefreshQa, disabled: Boolean(busy) },
+                      h(Icon, { name: 'refresh', size: 12 }),
+                      t('qa.refresh'),
+                    ),
+                  ),
+                ),
+                qa
+                  ? h(
+                      'div',
+                      null,
+                      h(
+                        'div',
+                        { className: 'cait-riskcounts' },
+                        ['high', 'medium', 'low'].map((level) =>
+                          h(
+                            'span',
+                            { key: level, className: `cait-riskcount ${level}` },
+                            `${t(`qa.${level}`)} ${qa.riskCounts?.[level] || 0}`,
+                          ),
+                        ),
+                      ),
+                      (qa.risks || []).length
+                        ? qa.risks.map((item) => {
+                            const segment = doc.segments[item.index]
+                            const codes = (item.codes || []).map((code) => t(`qa.code.${code}`)).join(' · ')
+                            return h(
+                              'div',
+                              {
+                                key: item.index,
+                                className: `cait-riskrow ${item.risk}`,
+                                role: 'button',
+                                tabIndex: 0,
+                                onClick: () => onJumpQa(item.index),
+                                onKeyDown: (event) => {
+                                  if (event.key === 'Enter' || event.key === ' ') {
+                                    event.preventDefault()
+                                    onJumpQa(item.index)
+                                  }
+                                },
+                                title: codes,
+                              },
+                              h('span', { className: 'cait-riskrow-index' }, `${item.index + 1}`),
+                              h(
+                                'div',
+                                { className: 'cait-riskrow-body' },
+                                h('span', { className: 'cait-riskrow-source' }, segment?.source || ''),
+                                h('span', { className: 'cait-riskrow-codes' }, codes),
+                                onFixQa
+                                  ? h(
+                                      'div',
+                                      { className: 'cait-riskactions' },
+                                      h(
+                                        'button',
+                                        {
+                                          className: 'cait-riskaction',
+                                          onClick: (event) => {
+                                            event.stopPropagation()
+                                            onFixQa(item, 'copy-source')
+                                          },
+                                          disabled: Boolean(busy),
+                                        },
+                                        t('qa.fixCopy'),
+                                      ),
+                                      h(
+                                        'button',
+                                        {
+                                          className: 'cait-riskaction',
+                                          onClick: (event) => {
+                                            event.stopPropagation()
+                                            onFixQa(item, 'clear')
+                                          },
+                                          disabled: Boolean(busy),
+                                        },
+                                        t('qa.fixClear'),
+                                      ),
+                                      item.termTarget
+                                        ? h(
+                                            'button',
+                                            {
+                                              className: 'cait-riskaction',
+                                              onClick: (event) => {
+                                                event.stopPropagation()
+                                                onFixQa(item, 'term')
+                                              },
+                                              disabled: Boolean(busy),
+                                            },
+                                            t('qa.fixTerm'),
+                                          )
+                                        : null,
+                                    )
+                                  : null,
+                              ),
+                              h(Icon, { name: 'chevronRight', size: 12 }),
+                            )
+                          })
+                        : h('p', { className: 'cait-empty-note' }, t('qa.empty')),
+                    )
+                  : h('p', { className: 'cait-empty-note' }, t('qa.loading')),
+                review
+                  ? h(
+                      'div',
+                      { className: 'cait-review' },
+                      h('div', { className: 'cait-listhead' }, t('qa.reviewTitle')),
+                      (review.issues || []).length
+                        ? review.issues.map((issue, issueIndex) => {
+                            const severity = ['high', 'medium', 'low'].includes(issue.severity)
+                              ? issue.severity
+                              : 'medium'
+                            return h(
+                              'div',
+                              {
+                                key: `${issue.index}-${issueIndex}`,
+                                className: 'cait-reviewrow',
+                                role: 'button',
+                                tabIndex: 0,
+                                onClick: () => onJumpQa(issue.index),
+                                onKeyDown: (event) => {
+                                  if (event.key === 'Enter' || event.key === ' ') {
+                                    event.preventDefault()
+                                    onJumpQa(issue.index)
+                                  }
+                                },
+                              },
+                              h('span', { className: 'cait-reviewrow-index' }, `${issue.index + 1}`),
+                              h(
+                                'div',
+                                { className: 'cait-reviewrow-body' },
+                                h(
+                                  'span',
+                                  { className: `cait-reviewrow-msg ${severity}` },
+                                  `[${t(`qa.${severity}`)}] ${issue.message}`,
+                                ),
+                                issue.suggestion
+                                  ? h(
+                                      'button',
+                                      {
+                                        className: 'cait-riskaction',
+                                        onClick: (event) => {
+                                          event.stopPropagation()
+                                          onApplyReview(issue)
+                                        },
+                                      },
+                                      t('qa.reviewApply'),
+                                    )
+                                  : null,
+                              ),
+                            )
+                          })
+                        : h('p', { className: 'cait-empty-note' }, t('qa.reviewEmpty')),
+                    )
+                  : null,
+              )
+            : null,
+          tab === 'concordance'
+            ? h(
+                'div',
+                null,
+                h(
+                  'form',
+                  {
+                    className: 'cait-search',
+                    onSubmit: (event) => {
+                      event.preventDefault()
+                      onConcordance()
+                    },
+                  },
+                  h(Icon, { name: 'search', size: 13 }),
+                  h('input', {
+                    value: concordanceQuery,
+                    onChange: (event) => setConcordanceQuery(event.target.value),
+                    placeholder: t('panel.concordancePlaceholder'),
+                    'aria-label': t('panel.concordancePlaceholder'),
+                  }),
+                  h(
+                    'button',
+                    { className: 'cait-iconbtn', type: 'submit', title: t('panel.searchConcordance') },
+                    h(Icon, { name: 'arrowRight', size: 13 }),
+                  ),
+                ),
+                h('p', { className: 'cait-mt-hint' }, t('panel.concordanceHint')),
+                concordance
+                  ? h(
+                      'div',
+                      null,
+                      h(
+                        'div',
+                        { className: 'cait-listhead' },
+                        h('span', null, t('panel.concordance')),
+                        h('span', { className: 'cait-count' }, concordance.total ?? concordance.entries?.length ?? 0),
+                      ),
+                      (concordance.entries || []).length
+                        ? concordance.entries.map((entry, i) =>
+                            h(
+                              'button',
+                              {
+                                key: `${entry.tmId || entry.library || 'c'}-${i}`,
+                                className: 'cait-concordance-row',
+                                onClick: () => onApplyConcordance(entry),
+                              },
+                              h('span', { className: 'cait-concordance-source' }, entry.source),
+                              h('span', { className: 'cait-concordance-target' }, entry.target),
+                              h('span', { className: 'cait-concordance-meta' }, entry.library || ''),
+                            ),
+                          )
+                        : h('p', { className: 'cait-empty-note' }, t('panel.noConcordance')),
+                    )
+                  : null,
+              )
+            : null,
         ),
       )
     }
@@ -1484,6 +1942,7 @@
       const sourceRef = useRef(null)
       const targetRef = useRef(null)
       const libraries = data?.tmLibraries || []
+      const languageOptions = ['zh-CN', 'zh-TW', 'en', 'ja', 'ko', 'fr', 'de', 'es', 'pt-BR', 'ru', 'it', 'ar']
 
       useEffect(() => {
         if (!tmId && libraries.length) setTmId(libraries[0].id)
@@ -1584,7 +2043,12 @@
           action: async () => {
             setWorking(true)
             try {
-              const written = await rpc('writeAlignment', { pairs, tmId: tmId || undefined })
+              const written = await rpc('writeAlignment', {
+                pairs,
+                tmId: tmId || undefined,
+                sourceLang: sourceLang || undefined,
+                targetLang: targetLang || undefined,
+              })
               notify(t('align.written', { written: written.written, skipped: written.skipped }))
             } catch (error) {
               report(error)
@@ -1632,15 +2096,20 @@
           h(
             'div',
             { className: 'cait-alignactions' },
+            h('datalist', { id: 'cait-align-languages' }, languageOptions.map((code) => h('option', { key: code, value: code }))),
             h('input', {
               className: 'cait-libinput',
               placeholder: t('align.sourceLang'),
+              title: t('align.langHint'),
+              list: 'cait-align-languages',
               value: sourceLang,
               onChange: (event) => setSourceLang(event.target.value),
             }),
             h('input', {
               className: 'cait-libinput',
               placeholder: t('align.targetLang'),
+              title: t('align.langHint'),
+              list: 'cait-align-languages',
               value: targetLang,
               onChange: (event) => setTargetLang(event.target.value),
             }),
@@ -1650,8 +2119,15 @@
                 className: 'cait-select cait-liblang',
                 value: tmId,
                 onChange: (event) => setTmId(event.target.value),
+                title: t('align.tmHint'),
+                'aria-label': t('align.tm'),
+                disabled: !libraries.length,
               },
-              libraries.map((library) => h('option', { key: library.id, value: library.id }, library.name)),
+              libraries.length
+                ? libraries.map((library) =>
+                    h('option', { key: library.id, value: library.id }, t('align.tmOption', { name: library.name })),
+                  )
+                : h('option', { value: '' }, t('align.noTm')),
             ),
             h(
               'button',
@@ -1766,6 +2242,7 @@
       onCreateLibrary,
       onRenameLibrary,
       onDeleteLibrary,
+      onSetMounts,
     }) {
       const storage = typeof localStorage !== 'undefined' ? localStorage : null
       const [kind, setKind] = useState(seed?.kind === 'glossary' ? 'glossary' : 'tm')
@@ -1793,7 +2270,23 @@
       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] || ''
+      const defaultWriteId = kind === 'tm' ? data?.mounts?.defaultTmId : data?.mounts?.defaultGlossaryId
+      const targetLibraryId = libraries.some((library) => library[idKey] === defaultWriteId)
+        ? defaultWriteId
+        : libraries[0]?.[idKey] || ''
+
+      const changeWriteLibrary = async (value) => {
+        if (!value || value === targetLibraryId) return
+        // A default must also be mounted; adding it here keeps the selector
+        // from failing when the chosen library was only in the list view.
+        if (kind === 'tm') {
+          const tmIds = Array.from(new Set([...(data?.mounts?.tmIds || []), value]))
+          await onSetMounts?.({ tmIds, defaultTmId: value })
+        } else {
+          const glossaryIds = Array.from(new Set([...(data?.mounts?.glossaryIds || []), value]))
+          await onSetMounts?.({ glossaryIds, defaultGlossaryId: value })
+        }
+      }
 
       useEffect(() => {
         const timer = setTimeout(() => setDebouncedQuery(query), 250)
@@ -2034,6 +2527,35 @@
         })
       }
 
+      const maintainTm = async (action) => {
+        if (!targetLibraryId) return
+        try {
+          const preview = await rpc('tmMaintenancePreview', {
+            action,
+            tmId: targetLibraryId,
+            emptyTarget: true,
+          })
+          const count = action === 'dedupe' ? preview.duplicates : preview.matched
+          onConfirm({
+            title: t(`tm.maintain.${action}`),
+            message: t(`tm.maintain.${action}Hint`).replace('{count}', String(count)),
+            confirmLabel: t(`tm.maintain.${action}`),
+            action: async () => {
+              const result = await rpc(action === 'dedupe' ? 'dedupeTmLibrary' : 'pruneTmLibrary', {
+                tmId: targetLibraryId,
+                emptyTarget: true,
+                confirm: true,
+              })
+              if (result?.state) onApplyState(result.state)
+              await loadRows()
+              notify(t('tm.maintain.done').replace('{count}', String(count)))
+            },
+          })
+        } catch (error) {
+          report(error)
+        }
+      }
+
       const exportLibrary = async () => {
         if (!targetLibraryId) return
         setWorking('export')
@@ -2306,6 +2828,28 @@
                     ['tbx', 'csv', 'json'].map((format) => h('option', { key: format, value: format }, format.toUpperCase())),
                   )
                 : null,
+              h(
+                'label',
+                { className: 'cait-libwrite', title: t(kind === 'tm' ? 'libraries.defaultTm' : 'libraries.defaultGlossary') },
+                h(
+                  'span',
+                  { className: 'cait-libwritelabel' },
+                  t(kind === 'tm' ? 'libraries.defaultTm' : 'libraries.defaultGlossary'),
+                ),
+                h(
+                  'select',
+                  {
+                    className: 'cait-liblang',
+                    value: targetLibraryId,
+                    onChange: (event) => changeWriteLibrary(event.target.value),
+                    disabled: Boolean(busy) || !libraries.length,
+                    'aria-label': t(kind === 'tm' ? 'libraries.defaultTm' : 'libraries.defaultGlossary'),
+                  },
+                  libraries.map((library) =>
+                    h('option', { key: library[idKey], value: library[idKey] }, library[labelKey]),
+                  ),
+                ),
+              ),
               kind === 'glossary'
                 ? h(
                     'button',
@@ -2335,7 +2879,7 @@
                   disabled: Boolean(busy) || !targetLibraryId,
                   title: t('library.import'),
                 },
-                h(Icon, { name: 'upload', size: 13 }),
+                h(Icon, { name: 'download', size: 13 }),
                 h('span', { className: 'cait-btn-label' }, t('library.import')),
               ),
               h(
@@ -2347,9 +2891,37 @@
                   disabled: Boolean(busy) || working === 'export' || !targetLibraryId,
                   title: t('library.export'),
                 },
-                h(Icon, { name: 'download', size: 13 }),
+                h(Icon, { name: 'upload', size: 13 }),
                 h('span', { className: 'cait-btn-label' }, kind === 'tm' ? 'TMX' : exportFormat.toUpperCase()),
               ),
+              kind === 'tm'
+                ? h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-btn',
+                      onClick: () => maintainTm('dedupe'),
+                      disabled: Boolean(busy) || !targetLibraryId,
+                      title: t('tm.maintain.dedupe'),
+                    },
+                    h(Icon, { name: 'database', size: 13 }),
+                    h('span', { className: 'cait-btn-label' }, t('tm.maintain.dedupe')),
+                  )
+                : null,
+              kind === 'tm'
+                ? h(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cait-btn',
+                      onClick: () => maintainTm('prune'),
+                      disabled: Boolean(busy) || !targetLibraryId,
+                      title: t('tm.maintain.prune'),
+                    },
+                    h(Icon, { name: 'trash', size: 13 }),
+                    h('span', { className: 'cait-btn-label' }, t('tm.maintain.prune')),
+                  )
+                : null,
               h(
                 'button',
                 {
@@ -2360,6 +2932,7 @@
                   title: t('library.clear'),
                 },
                 h(Icon, { name: 'trash', size: 13 }),
+                h('span', { className: 'cait-btn-label' }, t('library.clear')),
               ),
               h('input', {
                 ref: fileRef,
@@ -2612,6 +3185,7 @@
                           onChange: () => toggleTerm(at),
                         }),
                         h('span', { className: 'cait-termname' }, candidate.term),
+                        candidate.proper ? h('span', { className: 'cait-originchip' }, t('term.proper')) : null,
                         h('span', { className: 'cait-termcount' }, `×${candidate.count}`),
                         candidate.inLibrary ? h('span', { className: 'cait-originchip' }, t('term.inLibrary')) : null,
                         h('input', {
@@ -2629,7 +3203,7 @@
       )
     }
 
-    function ExportModal({ t, busy, onClose, onExport, qa }) {
+    function ExportModal({ t, busy, onClose, onExport, onImportReview, qa }) {
       const issues = qa?.issueCount || 0
       const items = [
         ['bilingual-md', t('modal.export.bilingualMd'), t('modal.export.bilingual'), 'file'],
@@ -2638,11 +3212,20 @@
         ['target-txt', t('modal.export.targetTxt'), t('modal.export.target'), 'download'],
         ['target-md', t('modal.export.targetMd'), t('modal.export.target'), 'download'],
         ['docx', t('modal.export.docx'), t('modal.export.docxGroup'), 'file'],
+        ['bilingual-docx', t('modal.export.bilingualDocx'), t('modal.export.bilingual'), 'file'],
         ['epub', t('modal.export.epub'), t('modal.export.epubGroup'), 'file'],
         ['srt', t('modal.export.srt'), t('modal.export.subtitleGroup'), 'file'],
         ['vtt', t('modal.export.vtt'), t('modal.export.subtitleGroup'), 'file'],
         ['po', t('modal.export.po'), t('modal.export.localizationGroup'), 'file'],
+        ['apple-strings', t('modal.export.appleStrings'), t('modal.export.localizationGroup'), 'file'],
+        ['apple-stringsdict', t('modal.export.appleStringsdict'), t('modal.export.localizationGroup'), 'file'],
+        ['android', t('modal.export.android'), t('modal.export.localizationGroup'), 'file'],
+        ['resx', t('modal.export.resx'), t('modal.export.localizationGroup'), 'file'],
+        ['arb', t('modal.export.arb'), t('modal.export.localizationGroup'), 'file'],
+        ['yaml', t('modal.export.yaml'), t('modal.export.localizationGroup'), 'file'],
+        ['properties', t('modal.export.properties'), t('modal.export.localizationGroup'), 'file'],
         ['xliff', t('modal.export.xliff'), t('modal.export.localizationGroup'), 'file'],
+        ['xliff-review', t('modal.export.xliffReview'), t('modal.export.localizationGroup'), 'file'],
         ['xliff2', t('modal.export.xliff2'), t('modal.export.localizationGroup'), 'file'],
         ['sdlxliff', t('modal.export.sdlxliff'), t('modal.export.localizationGroup'), 'file'],
         ['html', t('modal.export.html'), t('modal.export.webGroup'), 'file'],
@@ -2685,6 +3268,30 @@
             ),
           ),
         ),
+        onImportReview
+          ? h(
+              'div',
+              { className: 'cait-review-import' },
+              h('p', { className: 'cait-libnote' }, t('modal.export.reviewImportHint')),
+              h(
+                'label',
+                { className: 'cait-btn' },
+                h(Icon, { name: 'upload', size: 13 }),
+                t('modal.export.reviewImport'),
+                h('input', {
+                  type: 'file',
+                  accept: '.xliff,.xlf,application/x-xliff+xml',
+                  style: { display: 'none' },
+                  disabled: Boolean(busy),
+                  onChange: (event) => {
+                    const file = event.target.files?.[0]
+                    if (file) onImportReview(file)
+                    event.target.value = ''
+                  },
+                }),
+              ),
+            )
+          : null,
       )
     }
 
@@ -2705,13 +3312,23 @@
           model: settings.mt.model,
           temperature: settings.mt.temperature,
         },
+        review: {
+          provider: settings.review?.provider || '',
+          model: settings.review?.model || '',
+          temperature: settings.review?.temperature ?? 0,
+        },
       })
       const routes = Array.isArray(mtRoutes?.providers) ? mtRoutes.providers : []
       const route = routes.find((item) => item.id === form.mt.provider)
       const models = Array.isArray(route?.models) ? route.models : []
       const routeMissing = form.mt.provider !== 'mock' && !route
+      const reviewRoute = routes.find((item) => item.id === form.review.provider)
+      const reviewModels = Array.isArray(reviewRoute?.models) ? reviewRoute.models : []
+      const reviewInherited = !form.review.provider
 
       const setMt = (patch) => setForm((current) => ({ ...current, mt: { ...current.mt, ...patch } }))
+      const setReview = (patch) =>
+        setForm((current) => ({ ...current, review: { ...current.review, ...patch } }))
       const setPre = (patch) =>
         setForm((current) => ({ ...current, preprocess: { ...current.preprocess, ...patch } }))
       const selectProvider = (provider) => {
@@ -2729,6 +3346,18 @@
         }))
       }
 
+      const selectReviewProvider = (provider) => {
+        const nextRoute = routes.find((item) => item.id === provider)
+        setForm((current) => ({
+          ...current,
+          review: {
+            ...current.review,
+            provider,
+            model: nextRoute?.models?.[0]?.id || '',
+          },
+        }))
+      }
+
       const submit = (event) => {
         event.preventDefault()
         const patch = {
@@ -2747,6 +3376,11 @@
             model: form.mt.model,
             temperature: Number(form.mt.temperature),
           },
+          review: {
+            provider: form.review.provider,
+            model: form.review.model,
+            temperature: Number(form.review.temperature),
+          },
         }
         onSave(patch)
       }
@@ -2831,9 +3465,26 @@
             { className: 'cait-settings-section' },
             h('h4', { className: 'cait-settings-title' }, t('modal.settings.tm')),
             h(
-              'label',
+              'div',
               { className: 'cait-field' },
-              h('span', null, `${t('modal.settings.fuzzy')} · ${Math.round(Number(form.fuzzyThreshold) * 100)}%`),
+              h(
+                'div',
+                { className: 'cait-fieldhead' },
+                h('span', null, `${t('modal.settings.fuzzy')} · ${fuzzyPercent(form.fuzzyThreshold)}%`),
+                // Offered only while the slider is away from the default, so the
+                // control never takes space in the usual case.
+                fuzzyPercent(form.fuzzyThreshold) === fuzzyPercent(DEFAULT_FUZZY_THRESHOLD)
+                  ? null
+                  : h(
+                      'button',
+                      {
+                        className: 'cait-linkbtn cait-fieldreset',
+                        type: 'button',
+                        onClick: () => setForm({ ...form, fuzzyThreshold: DEFAULT_FUZZY_THRESHOLD }),
+                      },
+                      t('modal.settings.resetDefault'),
+                    ),
+              ),
               h('input', {
                 className: 'cait-range',
                 type: 'range',
@@ -2843,6 +3494,7 @@
                 value: form.fuzzyThreshold,
                 onChange: (event) => setForm({ ...form, fuzzyThreshold: event.target.value }),
               }),
+              h('p', { className: 'cait-fieldhint' }, t('modal.settings.fuzzyHint')),
             ),
             h(
               'label',
@@ -2938,22 +3590,114 @@
           ),
           h(
             'div',
-            { className: 'cait-modal-actions' },
-            h('button', { type: 'button', className: 'cait-btn cait-btn-ghost', onClick: onClose }, t('modal.settings.cancel')),
-            h('button', { type: 'submit', className: 'cait-btn cait-btn-primary', disabled: Boolean(busy) }, busy === 'settings' ? h(Spinner) : null, t('modal.settings.save')),
-          ),
-        ),
-      )
-    }
-
-    function ConfirmModal({ t, state, busy, onClose, onConfirm }) {
-      return h(
-        Modal,
-        { title: state.title || t('modal.confirm.title'), onClose },
-        h('p', { className: 'cait-confirm-text' }, state.message),
-        h(
-          'div',
-          { className: 'cait-modal-actions' },
+            { className: 'cait-settings-section' },
+            h('h4', { className: 'cait-settings-title' }, t('modal.settings.review')),
+            h(
+              'label',
+              { className: 'cait-checkline' },
+              h('input', {
+                type: 'checkbox',
+                checked: reviewInherited,
+                onChange: (event) => {
+                  if (event.target.checked) {
+                    setForm((current) => ({
+                      ...current,
+                      review: { ...current.review, provider: '', model: '' },
+                    }))
+                    return
+                  }
+                  const first = routes.find((item) => item.id !== 'mock' && item.hasModels !== false) || routes[0]
+                  setForm((current) => ({
+                    ...current,
+                    review: {
+                      ...current.review,
+                      provider: first?.id || '',
+                      model: first?.models?.[0]?.id || '',
+                    },
+                  }))
+                },
+              }),
+              t('modal.settings.reviewInherit'),
+            ),
+            h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('modal.settings.reviewHint')),
+            reviewInherited
+              ? null
+              : h(
+                  'div',
+                  { className: 'cait-grid2' },
+                  h(
+                    'label',
+                    { className: 'cait-field' },
+                    h('span', null, t('modal.settings.reviewProvider')),
+                    h(
+                      'select',
+                      {
+                        className: 'cait-input',
+                        value: form.review.provider,
+                        onChange: (event) => selectReviewProvider(event.target.value),
+                      },
+                      routes.map((item) =>
+                        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})`,
+                        ),
+                      ),
+                      form.review.provider && !reviewRoute
+                        ? h('option', { value: form.review.provider }, t('modal.settings.routeMissing'))
+                        : null,
+                    ),
+                  ),
+                  h(
+                    'label',
+                    { className: 'cait-field' },
+                    h('span', null, t('modal.settings.model')),
+                    reviewModels.length
+                      ? h(
+                          'select',
+                          {
+                            className: 'cait-input',
+                            value: form.review.model,
+                            onChange: (event) => setReview({ model: event.target.value }),
+                          },
+                          reviewModels.map((model) =>
+                            h('option', { key: model.id, value: model.id }, `${model.name} (${model.id})`),
+                          ),
+                        )
+                      : h('input', {
+                          className: 'cait-input',
+                          value: form.review.model,
+                          readOnly: true,
+                          placeholder: t('modal.settings.noModels'),
+                        }),
+                  ),
+                ),
+            h(
+              'p',
+              { className: 'cait-mt-hint', style: { marginTop: 0 } },
+              reviewInherited ? t('modal.settings.reviewInheritedHint') : t('modal.settings.reviewCustomHint'),
+            ),
+          ),
+          h(
+            'div',
+            { className: 'cait-modal-actions' },
+            h('button', { type: 'button', className: 'cait-btn cait-btn-ghost', onClick: onClose }, t('modal.settings.cancel')),
+            h('button', { type: 'submit', className: 'cait-btn cait-btn-primary', disabled: Boolean(busy) }, busy === 'settings' ? h(Spinner) : null, t('modal.settings.save')),
+          ),
+        ),
+      )
+    }
+
+    function ConfirmModal({ t, state, busy, onClose, onConfirm }) {
+      return h(
+        Modal,
+        { title: state.title || t('modal.confirm.title'), onClose },
+        h('p', { className: 'cait-confirm-text' }, state.message),
+        h(
+          'div',
+          { className: 'cait-modal-actions' },
           h('button', { className: 'cait-btn cait-btn-ghost', onClick: onClose, disabled: Boolean(busy) }, t('modal.confirm.cancel')),
           h('button', { className: 'cait-btn cait-btn-danger', onClick: onConfirm, disabled: Boolean(busy) }, busy ? h(Spinner) : null, state.confirmLabel || t('modal.confirm.ok')),
         ),
@@ -2988,6 +3732,614 @@
       )
     }
 
+    function BriefModal({ t, doc, busy, onClose, onSave }) {
+      const initial = doc.brief || {}
+      const [form, setForm] = useState({
+        domain: initial.domain || '',
+        audience: initial.audience || '',
+        tone: initial.tone || '',
+        notes: initial.notes || '',
+        doNotTranslate: initial.doNotTranslate || '',
+        styleSample: initial.styleSample || '',
+      })
+      const field = (key, label, placeholder, rows) =>
+        h(
+          'label',
+          { className: 'cait-field' },
+          h('span', null, t(label)),
+          rows
+            ? h('textarea', {
+                className: 'cait-textarea',
+                rows,
+                value: form[key],
+                placeholder: t(placeholder),
+                onChange: (event) => setForm({ ...form, [key]: event.target.value }),
+              })
+            : h('input', {
+                className: 'cait-input',
+                value: form[key],
+                placeholder: t(placeholder),
+                onChange: (event) => setForm({ ...form, [key]: event.target.value }),
+              }),
+        )
+      return h(
+        Modal,
+        { title: t('brief.title'), onClose, wide: true },
+        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('brief.hint')),
+        h(
+          'div',
+          { className: 'cait-briefform' },
+          h('div', { className: 'cait-grid2' }, field('domain', 'brief.domain', 'brief.placeholder.domain'), field('audience', 'brief.audience', 'brief.placeholder.audience')),
+          field('tone', 'brief.tone', 'brief.placeholder.tone'),
+          field('notes', 'brief.notes', 'brief.placeholder.notes', 3),
+          field('doNotTranslate', 'brief.doNotTranslate', 'brief.placeholder.doNotTranslate', 3),
+          field('styleSample', 'brief.styleSample', 'brief.placeholder.styleSample', 4),
+        ),
+        h(
+          'div',
+          { className: 'cait-modal-actions' },
+          h('button', { className: 'cait-btn cait-btn-ghost', onClick: onClose, disabled: Boolean(busy) }, t('modal.confirm.cancel')),
+          h(
+            'button',
+            { className: 'cait-btn cait-btn-primary', onClick: () => onSave(form), disabled: Boolean(busy) },
+            busy ? h(Spinner) : null,
+            t('brief.save'),
+          ),
+        ),
+      )
+    }
+
+    function NoteModal({ t, doc, index, segment, notes, busy, onAdd, onUpdate, onDelete, onClose }) {
+      const [text, setText] = useState('')
+      const [editingId, setEditingId] = useState('')
+      const [editingText, setEditingText] = useState('')
+      const list = Array.isArray(notes) ? notes : []
+      const submit = () => {
+        const value = text.trim()
+        if (!value || busy) return
+        onAdd(value)
+        setText('')
+      }
+      return h(
+        Modal,
+        { title: `${t('notes.title')} · #${index + 1}`, onClose, wide: true },
+        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('notes.hint')),
+        h('div', { className: 'cait-notelist' }, segment?.source || ''),
+        list.length
+          ? h(
+              'div',
+              { className: 'cait-notelist' },
+              list.map((note) =>
+                h(
+                  'div',
+                  { className: 'cait-noteitem', key: note.id },
+                  h(
+                    'div',
+                    { className: 'cait-notehead' },
+                    h('span', { className: 'cait-noteauthor' }, note.author === 'agent' ? 'Agent' : t('notes.user')),
+                    h('span', { className: 'cait-notetime' }, String(note.createdAt || '').replace('T', ' ').slice(0, 16)),
+                  ),
+                  editingId === note.id
+                    ? h(
+                        'div',
+                        null,
+                        h('textarea', {
+                          className: 'cait-input cait-textarea',
+                          value: editingText,
+                          rows: 3,
+                          onChange: (event) => setEditingText(event.target.value),
+                        }),
+                        h(
+                          'div',
+                          { className: 'cait-noteactions' },
+                          h('button', { className: 'cait-btn cait-btn-ghost', onClick: () => setEditingId('') }, t('notes.cancel')),
+                          h(
+                            'button',
+                            {
+                              className: 'cait-btn cait-btn-primary',
+                              disabled: Boolean(busy) || !editingText.trim(),
+                              onClick: () => {
+                                onUpdate(note.id, editingText)
+                                setEditingId('')
+                              },
+                            },
+                            t('notes.save'),
+                          ),
+                        ),
+                      )
+                    : h(
+                        'div',
+                        null,
+                        h('div', { className: 'cait-notetext' }, note.text),
+                        h(
+                          'div',
+                          { className: 'cait-noteactions' },
+                          h(
+                            'button',
+                            {
+                              className: 'cait-minibtn',
+                              onClick: () => {
+                                setEditingId(note.id)
+                                setEditingText(note.text)
+                              },
+                            },
+                            t('notes.edit'),
+                          ),
+                          h(
+                            'button',
+                            { className: 'cait-minibtn cait-danger', onClick: () => onDelete(note.id) },
+                            t('notes.delete'),
+                          ),
+                        ),
+                      ),
+                ),
+              ),
+            )
+          : h('p', { className: 'cait-mt-hint' }, t('notes.empty')),
+        h(
+          'div',
+          { className: 'cait-noteadd' },
+          h('textarea', {
+            className: 'cait-input cait-textarea',
+            value: text,
+            rows: 3,
+            placeholder: t('notes.placeholder'),
+            onChange: (event) => setText(event.target.value),
+          }),
+          h(
+            'div',
+            { className: 'cait-noteactions' },
+            h('button', { className: 'cait-btn cait-btn-primary', disabled: Boolean(busy) || !text.trim(), onClick: submit }, busy ? h(Spinner) : null, t('notes.add')),
+          ),
+        ),
+      )
+    }
+
+    function ReplaceModal({ t, doc, busy, preview, undoCount, onPreview, onApply, onUndo, onClose }) {
+      const queryRef = useRef(null)
+      const [form, setForm] = useState({
+        query: '',
+        replacement: '',
+        scope: 'target',
+        matchCase: false,
+        regex: false,
+      })
+      useEffect(() => {
+        if (queryRef.current) queryRef.current.focus()
+      }, [])
+      const set = (key, value) => setForm((current) => ({ ...current, [key]: value }))
+      return h(
+        Modal,
+        { title: t('replace.title'), onClose, wide: true },
+        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('replace.hint')),
+        h(
+          'div',
+          { className: 'cait-replaceform' },
+          h(
+            'label',
+            { className: 'cait-field' },
+            h('span', null, t('replace.query')),
+            h('input', {
+              ref: queryRef,
+              className: 'cait-input',
+              value: form.query,
+              placeholder: t('replace.queryPlaceholder'),
+              onChange: (event) => set('query', event.target.value),
+            }),
+          ),
+          h(
+            'label',
+            { className: 'cait-field' },
+            h('span', null, t('replace.replacement')),
+            h('input', {
+              className: 'cait-input',
+              value: form.replacement,
+              placeholder: t('replace.replacementPlaceholder'),
+              onChange: (event) => set('replacement', event.target.value),
+            }),
+          ),
+          h(
+            'div',
+            { className: 'cait-replaceoptions' },
+            h(
+              'label',
+              { className: 'cait-field' },
+              h('span', null, t('replace.scope')),
+              h(
+                'select',
+                {
+                  className: 'cait-input',
+                  value: form.scope,
+                  onChange: (event) => set('scope', event.target.value),
+                },
+                h('option', { value: 'target' }, t('replace.scope.target')),
+                h('option', { value: 'source' }, t('replace.scope.source')),
+                h('option', { value: 'both' }, t('replace.scope.both')),
+              ),
+            ),
+            h(
+              'label',
+              { className: 'cait-check' },
+              h('input', {
+                type: 'checkbox',
+                checked: form.matchCase,
+                onChange: (event) => set('matchCase', event.target.checked),
+              }),
+              t('replace.matchCase'),
+            ),
+            h(
+              'label',
+              { className: 'cait-check' },
+              h('input', {
+                type: 'checkbox',
+                checked: form.regex,
+                onChange: (event) => set('regex', event.target.checked),
+              }),
+              t('replace.regex'),
+            ),
+          ),
+        ),
+        preview
+          ? h(
+              'div',
+              { className: 'cait-replaceresults' },
+              h(
+                'div',
+                { className: 'cait-replacecounts' },
+                t('replace.results')
+                  .replace('{count}', String(preview.total))
+                  .replace('{segments}', String(preview.matchedSegments || 0)),
+              ),
+              preview.truncated ? h('p', { className: 'cait-mt-hint' }, t('replace.truncated')) : null,
+              preview.matches?.length
+                ? h(
+                    'div',
+                    { className: 'cait-replacelist' },
+                    preview.matches.slice(0, 50).map((match, index) =>
+                      h(
+                        'div',
+                        { className: 'cait-replaceitem', key: `${match.uid}-${match.field}-${index}` },
+                        h(
+                          'div',
+                          { className: 'cait-replacehead' },
+                          h('span', null, `#${match.index + 1}`),
+                          h('span', { className: 'cait-replacefield' }, t(`replace.field.${match.field}`)),
+                          h('span', { className: 'cait-replacecount' }, `×${match.count}`),
+                        ),
+                        h('div', { className: 'cait-replacebefore' }, match.before),
+                        h('div', { className: 'cait-replaceafter' }, match.after),
+                      ),
+                    ),
+                  )
+                : h('p', { className: 'cait-mt-hint' }, t('replace.noResults')),
+            )
+          : null,
+        h(
+          'div',
+          { className: 'cait-modal-actions' },
+          h('button', { className: 'cait-btn cait-btn-ghost', onClick: onClose, disabled: Boolean(busy) }, t('modal.confirm.cancel')),
+          undoCount
+            ? h('button', { className: 'cait-btn', onClick: onUndo, disabled: Boolean(busy) }, t('replace.undo'))
+            : null,
+          h('button', { className: 'cait-btn', onClick: () => onPreview(form), disabled: Boolean(busy) || !form.query }, t('replace.preview')),
+          h(
+            'button',
+            { className: 'cait-btn cait-btn-primary', onClick: () => onApply(form), disabled: Boolean(busy) || !form.query || !preview?.total },
+            busy ? h(Spinner) : null,
+            t('replace.apply'),
+          ),
+        ),
+      )
+    }
+
+    function CommandPalette({ t, items, onClose, onRun }) {
+      const [query, setQuery] = useState('')
+      const [active, setActive] = useState(0)
+      const inputRef = useRef(null)
+      useEffect(() => {
+        if (inputRef.current) inputRef.current.focus()
+      }, [])
+      const needle = query.trim().toLowerCase()
+      const filtered = items.filter((item) => {
+        if (!needle) return true
+        return `${item.title} ${item.hint || ''}`.toLowerCase().includes(needle)
+      })
+      useEffect(() => {
+        setActive(0)
+      }, [query])
+      const choose = (item) => {
+        if (item) onRun(item)
+      }
+      return h(
+        Modal,
+        { title: t('palette.title'), onClose, wide: true },
+        h('input', {
+          ref: inputRef,
+          className: 'cait-input cait-palette-input',
+          value: query,
+          placeholder: t('palette.placeholder'),
+          onChange: (event) => setQuery(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === 'ArrowDown') {
+              event.preventDefault()
+              setActive((value) => Math.min(value + 1, Math.max(0, filtered.length - 1)))
+            } else if (event.key === 'ArrowUp') {
+              event.preventDefault()
+              setActive((value) => Math.max(value - 1, 0))
+            } else if (event.key === 'Enter') {
+              event.preventDefault()
+              choose(filtered[active])
+            }
+          },
+        }),
+        h(
+          'div',
+          { className: 'cait-palette-list' },
+          filtered.length
+            ? filtered.map((item, index) =>
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    key: item.id,
+                    className: `cait-palette-item${index === active ? ' active' : ''}`,
+                    onMouseEnter: () => setActive(index),
+                    onClick: () => choose(item),
+                  },
+                  h('span', { className: 'cait-palette-label' }, item.title),
+                  item.hint ? h('span', { className: 'cait-palette-hint' }, item.hint) : null,
+                ),
+              )
+            : h('p', { className: 'cait-mt-hint' }, t('palette.empty')),
+        ),
+        h('p', { className: 'cait-palette-foot' }, t('palette.footer')),
+      )
+    }
+
+    function ResourceModal({ t, doc, libraries, mounts, busy, onClose, onSave }) {
+      const resources = doc.resources || {}
+      const [inheritTm, setInheritTm] = useState(resources.inheritsTm !== false)
+      const [inheritGlossary, setInheritGlossary] = useState(resources.inheritsGlossary !== false)
+      const [tmIds, setTmIds] = useState(
+        () => new Set(resources.tmIds ?? resources.effectiveTmIds ?? []),
+      )
+      const [glossaryIds, setGlossaryIds] = useState(
+        () => new Set(resources.glossaryIds ?? resources.effectiveGlossaryIds ?? []),
+      )
+      const [defaultWriteTmId, setDefaultWriteTmId] = useState(resources.defaultWriteTmId || '')
+
+      const allTm = libraries?.tm || []
+      const allGlossary = libraries?.glossary || []
+      const selectedTm = inheritTm ? mounts?.tmIds || [] : Array.from(tmIds)
+      const selectedGlossary = inheritGlossary ? mounts?.glossaryIds || [] : Array.from(glossaryIds)
+      const tmChoices = allTm.filter((library) => selectedTm.includes(library.tmId))
+      const checkedTmIds = new Set(selectedTm)
+      const checkedGlossaryIds = new Set(selectedGlossary)
+      const defaultTm = tmChoices.some((library) => library.tmId === defaultWriteTmId)
+        ? defaultWriteTmId
+        : ''
+
+      const toggleId = (setter, id) => {
+        setter((current) => {
+          const next = new Set(current)
+          if (next.has(id)) next.delete(id)
+          else next.add(id)
+          return next
+        })
+      }
+
+      const librarySection = (label, all, idKey, checkedIds, inherit, setInherit, toggle, inheritLabel) =>
+        h(
+          'div',
+          { className: 'cait-resource-section' },
+          h(
+            'div',
+            { className: 'cait-resource-head' },
+            h('strong', null, t(label)),
+            h(
+              'label',
+              { className: 'cait-checkline' },
+              h('input', {
+                type: 'checkbox',
+                checked: inherit,
+                onChange: (event) => setInherit(event.target.checked),
+              }),
+              t(inheritLabel),
+            ),
+          ),
+          h(
+            'div',
+            { className: 'cait-resource-list' },
+            all.length === 0
+              ? h('p', { className: 'cait-meta' }, t('resources.empty'))
+              : all.map((library) =>
+                  h(
+                    'label',
+                    { key: library[idKey], className: 'cait-resource-row' },
+                    h('input', {
+                      type: 'checkbox',
+                      checked: checkedIds.has(library[idKey]),
+                      disabled: inherit,
+                      onChange: () => toggle(library[idKey]),
+                    }),
+                    h('span', { className: 'cait-resource-name' }, library.name),
+                    h('span', { className: 'cait-meta' }, library[idKey]),
+                  ),
+                ),
+          ),
+        )
+
+      return h(
+        Modal,
+        { title: t('resources.title'), onClose, wide: true },
+        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('resources.hint')),
+        h(
+          'div',
+          { className: 'cait-briefform' },
+          librarySection(
+            'resources.tm',
+            allTm,
+            'tmId',
+            checkedTmIds,
+            inheritTm,
+            setInheritTm,
+            (id) => toggleId(setTmIds, id),
+            'resources.inheritTm',
+          ),
+          librarySection(
+            'resources.glossary',
+            allGlossary,
+            'glossaryId',
+            checkedGlossaryIds,
+            inheritGlossary,
+            setInheritGlossary,
+            (id) => toggleId(setGlossaryIds, id),
+            'resources.inheritGlossary',
+          ),
+          h(
+            'label',
+            { className: 'cait-field' },
+            h('span', null, t('resources.defaultWrite')),
+            h(
+              'select',
+              {
+                className: 'cait-input',
+                value: defaultTm,
+                onChange: (event) => setDefaultWriteTmId(event.target.value),
+              },
+              h('option', { value: '' }, t(inheritTm ? 'resources.followDefault' : 'resources.firstBound')),
+              tmChoices.map((library) => h('option', { key: library.tmId, value: library.tmId }, library.name)),
+            ),
+          ),
+        ),
+        h(
+          'div',
+          { className: 'cait-modal-actions' },
+          h('button', { className: 'cait-btn cait-btn-ghost', onClick: onClose, disabled: Boolean(busy) }, t('modal.confirm.cancel')),
+          h(
+            'button',
+            {
+              className: 'cait-btn cait-btn-primary',
+              disabled: Boolean(busy),
+              onClick: () =>
+                onSave({
+                  tmIds: inheritTm ? null : Array.from(tmIds),
+                  glossaryIds: inheritGlossary ? null : Array.from(glossaryIds),
+                  defaultWriteTmId: defaultTm || null,
+                }),
+            },
+            busy ? h(Spinner) : null,
+            t('resources.save'),
+          ),
+        ),
+      )
+    }
+
+    function AnalysisModal({ t, doc, analysis, busy, onClose }) {
+      const download = (format) => {
+        if (!analysis) return
+        const pairs = [
+          ['segments', analysis.segments],
+          ['words', analysis.words],
+          ['characters', analysis.characters],
+          ['duplicates.groups', analysis.duplicates.groups],
+          ['duplicates.segments', analysis.duplicates.segments],
+          ['translated', analysis.translated],
+          ['confirmed', analysis.confirmed],
+          ['ice', analysis.buckets.ice],
+          ['exact', analysis.buckets.exact],
+          ['fuzzy85', analysis.buckets.fuzzy85],
+          ['fuzzy70', analysis.buckets.fuzzy70],
+          ['new', analysis.buckets.new],
+          ['matched.segments', analysis.matched.segments],
+          ['matched.percent', analysis.matched.percent],
+          ['leverage.percent', analysis.leverage.percent],
+          ['generatedAt', analysis.generatedAt],
+        ]
+        const content =
+          format === 'json'
+            ? JSON.stringify(analysis, null, 2)
+            : ['metric,value', ...pairs.map(([key, value]) => `${key},${value}`)].join('\n')
+        const type = format === 'json' ? 'application/json' : 'text/csv'
+        const blob = new Blob([content], { type })
+        const url = URL.createObjectURL(blob)
+        const anchor = document.createElement('a')
+        anchor.href = url
+        anchor.download = `${analysis.name || 'document'}-analysis.${format}`
+        anchor.click()
+        URL.revokeObjectURL(url)
+      }
+
+      const rows = analysis
+        ? [
+            ['analysis.segments', analysis.segments],
+            ['analysis.words', analysis.words],
+            ['analysis.characters', analysis.characters],
+            ['analysis.duplicates', `${analysis.duplicates.segments} / ${analysis.duplicates.groups}`],
+            ['analysis.translated', analysis.translated],
+            ['analysis.confirmed', analysis.confirmed],
+          ]
+        : []
+      const buckets = analysis
+        ? [
+            ['analysis.ice', analysis.buckets.ice],
+            ['analysis.exact', analysis.buckets.exact],
+            ['analysis.fuzzy85', analysis.buckets.fuzzy85],
+            ['analysis.fuzzy70', analysis.buckets.fuzzy70],
+            ['analysis.new', analysis.buckets.new],
+          ]
+        : []
+
+      return h(
+        Modal,
+        { title: t('analysis.title'), onClose, wide: true },
+        h('p', { className: 'cait-mt-hint', style: { marginTop: 0 } }, t('analysis.hint')),
+        busy || !analysis
+          ? h('div', { className: 'cait-empty' }, h(Spinner))
+          : h(
+              'div',
+              { className: 'cait-analysis' },
+              h(
+                'div',
+                { className: 'cait-analysis-grid' },
+                rows.map(([label, value]) =>
+                  h(
+                    'div',
+                    { key: label, className: 'cait-analysis-stat' },
+                    h('span', null, t(label)),
+                    h('strong', null, String(value)),
+                  ),
+                ),
+              ),
+              h(
+                'div',
+                { className: 'cait-analysis-grid' },
+                buckets.map(([label, value]) =>
+                  h(
+                    'div',
+                    { key: label, className: 'cait-analysis-stat' },
+                    h('span', null, t(label)),
+                    h('strong', null, String(value)),
+                  ),
+                ),
+              ),
+              h(
+                'div',
+                { className: 'cait-analysis-total' },
+                h('span', null, `${t('analysis.matchRate')} ${analysis.matched.percent}%`),
+                h('span', null, `${t('analysis.leverage')} ${analysis.leverage.percent}%`),
+              ),
+            ),
+        h(
+          'div',
+          { className: 'cait-modal-actions' },
+          h('button', { className: 'cait-btn cait-btn-ghost', onClick: onClose, disabled: Boolean(busy) }, t('analysis.close')),
+          h('button', { className: 'cait-btn cait-btn-ghost', onClick: () => download('csv'), disabled: Boolean(busy) || !analysis }, t('analysis.exportCsv')),
+          h('button', { className: 'cait-btn cait-btn-primary', onClick: () => download('json'), disabled: Boolean(busy) || !analysis }, t('analysis.exportJson')),
+        ),
+      )
+    }
+
     function Workbench({ i18n, translate }) {
       const [data, setData] = useState(null)
       const [loading, setLoading] = useState(true)
@@ -3011,6 +4363,18 @@
       }
       const [pre, setPre] = useState({ running: false, done: 0, total: 0, filled: 0, failed: 0 })
       const [qa, setQa] = useState(null)
+      const [review, setReview] = useState(null)
+      const [reviewBusy, setReviewBusy] = useState(false)
+      const [analysis, setAnalysis] = useState(null)
+      const [analysisBusy, setAnalysisBusy] = useState(false)
+      const [replacePreview, setReplacePreview] = useState(null)
+      const [replaceUndo, setReplaceUndo] = useState(null)
+      const [replaceBusy, setReplaceBusy] = useState(false)
+      const [notes, setNotes] = useState(null)
+      const [notesBusy, setNotesBusy] = useState(false)
+      const [concordance, setConcordance] = useState(null)
+      const [concordanceQuery, setConcordanceQuery] = useState('')
+      const [concordanceBusy, setConcordanceBusy] = useState(false)
       const [tmQuery, setTmQuery] = useState('')
       const [tmResults, setTmResults] = useState(null)
       const [tmRefresh, setTmRefresh] = useState(0)
@@ -3027,16 +4391,20 @@
       const busyRef = useRef(false)
       const rootRef = useRef(null)
       const unitRef = useRef(0)
+      const draftHistoryRef = useRef({ index: -1, stack: [], cursor: 0, lastAt: 0 })
 
       const doc = data?.activeDocument || null
       const segments = doc?.segments || []
       const index = doc ? Math.min(selected, Math.max(0, segments.length - 1)) : 0
       const segment = segments[index] || null
       const detail = doc?.current?.index === index ? doc.current : null
+      useEffect(() => {
+        draftHistoryRef.current = { index, stack: [draft], cursor: 0, lastAt: 0 }
+      }, [doc?.id, index])
       const settings = data?.settings || {
         sourceLang: 'en',
         targetLang: 'zh-CN',
-        fuzzyThreshold: 0.55,
+        fuzzyThreshold: DEFAULT_FUZZY_THRESHOLD,
         tmLimit: 5,
         uiLang: 'auto',
         mt: { provider: 'mock', model: 'cait-mock', temperature: 0.2 },
@@ -3259,6 +4627,10 @@
         }
       }, [data?.activeDocument?.id, data?.revision])
 
+      useEffect(() => {
+        setReview(null)
+      }, [data?.activeDocument?.id])
+
       useEffect(() => {
         let alive = true
         rpc('listMtRoutes')
@@ -3284,6 +4656,11 @@
         setTmQuery('')
         setTmResults(null)
         setTmError('')
+        setConcordance(null)
+        setConcordanceQuery('')
+        setReplacePreview(null)
+        setReplaceUndo(null)
+        setNotes(null)
       }, [doc?.id])
 
       useEffect(() => {
@@ -3321,7 +4698,8 @@
       const saveDraft = async (silent = true) => {
         if (!doc || !dirty) return true
         try {
-          await rpc('saveDraft', { documentId: doc.id, index: selected, target: draft })
+          const result = await rpc('saveDraft', { documentId: doc.id, index: selected, target: draft })
+          if (result.state) adoptState(result.state)
           setDirty(false)
           if (!silent) notify(t('toast.draftSaved'))
           return true
@@ -3348,6 +4726,49 @@
         }
       }
 
+      const changeDraft = (value) => {
+        const history = draftHistoryRef.current
+        if (history.index !== index) {
+          history.index = index
+          history.stack = [draft]
+          history.cursor = 0
+        }
+        if (history.stack[history.cursor] !== value) {
+          const now = Date.now()
+          if (now - history.lastAt < 650 && history.cursor > 0) {
+            history.stack[history.cursor] = value
+          } else {
+            history.stack = history.stack.slice(0, history.cursor + 1)
+            history.stack.push(value)
+            if (history.stack.length > 200) history.stack.shift()
+            history.cursor = history.stack.length - 1
+          }
+          history.lastAt = now
+        }
+        setDraft(value)
+        setDirty(true)
+      }
+
+      const undoDraft = () => {
+        const history = draftHistoryRef.current
+        if (history.cursor <= 0) return
+        history.cursor -= 1
+        history.lastAt = 0
+        const value = history.stack[history.cursor]
+        setDraft(value)
+        setDirty(value !== (segment?.target || ''))
+      }
+
+      const redoDraft = () => {
+        const history = draftHistoryRef.current
+        if (history.cursor >= history.stack.length - 1) return
+        history.cursor += 1
+        history.lastAt = 0
+        const value = history.stack[history.cursor]
+        setDraft(value)
+        setDirty(value !== (segment?.target || ''))
+      }
+
       const confirmSegment = async () => {
         if (!doc || busy) return
         if (!draft.trim()) {
@@ -3502,6 +4923,10 @@
       }
 
       const applyTerm = (term) => {
+        if (term?.forbidden) {
+          notify(t('toast.termForbidden'), 'error')
+          return
+        }
         const separator = /^(zh|ja|ko)/i.test(doc?.targetLang || '') ? '' : ' '
         setDraft((current) => {
           const value = current.replace(/\s+$/, '')
@@ -3511,6 +4936,368 @@
         setTimeout(() => textareaRef.current?.focus(), 0)
       }
 
+      const unconfirmCurrent = async () => {
+        if (!doc || busy) return
+        setBusy('unconfirm')
+        try {
+          if (dirty) {
+            const saved = await saveDraft(true)
+            if (!saved) return
+          }
+          const result = await rpc('unconfirmSegment', { documentId: doc.id, index: selected })
+          adoptState(result.state)
+          notify(t('toast.unconfirmed'))
+        } catch (error) {
+          // Saving a dirty confirmed segment already revokes the confirmation.
+          // Treat the second call as idempotent instead of showing an error.
+          if (error?.code === 'NOT_CONFIRMED') notify(t('toast.unconfirmed'))
+          else report(error)
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const toggleLock = async () => {
+        if (!doc || busy || !segment) return
+        setBusy('lock')
+        try {
+          await rpc('setSegmentLocked', { documentId: doc.id, index: selected, locked: !segment.locked })
+          const next = await rpc('bootstrap')
+          adoptState(next, selected)
+          notify(t(segment.locked ? 'toast.unlocked' : 'toast.locked'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const mergeCurrent = () => {
+        if (!doc || !segment || busy) return
+        openConfirm({
+          title: t('modal.confirm.mergeTitle'),
+          message: t('modal.confirm.merge'),
+          confirmLabel: t('editor.merge'),
+          action: async () => {
+            const result = await rpc('mergeSegments', { documentId: doc.id, index: selected, count: 2 })
+            adoptState(result.state, result.index)
+            notify(t('toast.merged'))
+          },
+        })
+      }
+
+      const splitCurrent = (at) => {
+        if (!doc || !segment || busy) return
+        openConfirm({
+          title: t('modal.confirm.splitTitle'),
+          message: t('modal.confirm.split'),
+          confirmLabel: t('editor.split'),
+          action: async () => {
+            const result = await rpc('splitSegment', { documentId: doc.id, index: selected, at })
+            adoptState(result.state, result.index)
+            notify(t('toast.split'))
+          },
+        })
+      }
+
+      const mergeCue = () => {
+        if (!doc || !segment || busy) return
+        openConfirm({
+          title: t('modal.confirm.mergeTitle'),
+          message: t('modal.confirm.mergeCue'),
+          confirmLabel: t('editor.mergeCue'),
+          action: async () => {
+            const result = await rpc('mergeCues', { documentId: doc.id, index: selected, count: 2 })
+            adoptState(result.state, result.index)
+            notify(t('toast.cuesMerged'))
+          },
+        })
+      }
+
+      const splitCueAt = (at) => {
+        if (!doc || !segment || busy) return
+        openConfirm({
+          title: t('modal.confirm.splitTitle'),
+          message: t('modal.confirm.splitCue'),
+          confirmLabel: t('editor.splitCue'),
+          action: async () => {
+            const result = await rpc('splitCue', { documentId: doc.id, index: selected, at })
+            adoptState(result.state, result.index)
+            notify(t('toast.cueSplit'))
+          },
+        })
+      }
+
+      const shiftSubtitles = (offsetMs) => {
+        if (!doc || !offsetMs || busy) return
+        openConfirm({
+          title: t('modal.confirm.shiftTitle'),
+          message: t('modal.confirm.shiftCue'),
+          confirmLabel: t('editor.shift'),
+          action: async () => {
+            const result = await rpc('shiftSubtitles', { documentId: doc.id, offsetMs })
+            adoptState(result.state)
+            notify(t('toast.subtitlesShifted'))
+          },
+        })
+      }
+
+      const saveBrief = async (brief) => {
+        if (!doc || busy) return false
+        setBusy('brief')
+        try {
+          const result = await rpc('setBrief', { documentId: doc.id, brief })
+          adoptState(result.state)
+          setModal(null)
+          notify(t('toast.briefSaved'))
+          return true
+        } catch (error) {
+          report(error)
+          return false
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const saveResources = async (resources) => {
+        if (!doc || busy) return false
+        setBusy('resources')
+        try {
+          const result = await rpc('setDocumentResources', { documentId: doc.id, ...resources })
+          adoptState(result.state)
+          setModal(null)
+          notify(t('toast.resourcesSaved'))
+          return true
+        } catch (error) {
+          report(error)
+          return false
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const openAnalysis = async () => {
+        if (!doc) return
+        setAnalysis(null)
+        setModal({ type: 'analysis' })
+        setAnalysisBusy(true)
+        try {
+          setAnalysis(await rpc('analyzeDocument', { documentId: doc.id }))
+        } catch (error) {
+          report(error)
+        } finally {
+          setAnalysisBusy(false)
+        }
+      }
+
+      const openReplace = () => {
+        if (!doc) return
+        setReplacePreview(null)
+        setModal({ type: 'replace' })
+      }
+
+      const previewReplace = async (form) => {
+        if (!doc || replaceBusy) return
+        setReplaceBusy(true)
+        try {
+          setReplacePreview(await rpc('replaceInDocument', { documentId: doc.id, ...form }))
+        } catch (error) {
+          report(error)
+        } finally {
+          setReplaceBusy(false)
+        }
+      }
+
+      const applyReplace = async (form) => {
+        if (!doc || replaceBusy) return
+        setReplaceBusy(true)
+        try {
+          const result = await rpc('replaceInDocument', { documentId: doc.id, ...form, apply: true })
+          setReplaceUndo(Array.isArray(result.undo) && result.undo.length ? result.undo : null)
+          setReplacePreview(null)
+          adoptState(result.state, result.undo?.[0]?.index)
+          notify(t('toast.replaced').replace('{count}', String(result.applied ?? 0)))
+        } catch (error) {
+          report(error)
+        } finally {
+          setReplaceBusy(false)
+        }
+      }
+
+      const undoReplace = async () => {
+        if (!doc || !replaceUndo || replaceBusy) return
+        setReplaceBusy(true)
+        try {
+          const result = await rpc('undoReplace', { documentId: doc.id, undo: replaceUndo })
+          adoptState(result.state, replaceUndo[0]?.index)
+          setReplaceUndo(null)
+          setReplacePreview(null)
+          notify(t('toast.replaceUndone'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setReplaceBusy(false)
+        }
+      }
+
+      const openNotes = async () => {
+        if (!doc) return
+        setNotes(null)
+        setNotesBusy(true)
+        setModal({ type: 'notes' })
+        try {
+          const result = await rpc('notesForSegment', { documentId: doc.id, index })
+          setNotes(result.notes)
+        } catch (error) {
+          report(error)
+        } finally {
+          setNotesBusy(false)
+        }
+      }
+
+      const addNote = async (text) => {
+        if (!doc || notesBusy) return
+        setNotesBusy(true)
+        try {
+          const result = await rpc('addSegmentNote', { documentId: doc.id, index, text })
+          setNotes(result.notes)
+          adoptState(result.state, index)
+          notify(t('toast.noteSaved'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setNotesBusy(false)
+        }
+      }
+
+      const updateNote = async (noteId, text) => {
+        if (!doc || notesBusy) return
+        setNotesBusy(true)
+        try {
+          const result = await rpc('updateSegmentNote', { documentId: doc.id, index, noteId, text })
+          setNotes(result.notes)
+          adoptState(result.state, index)
+          notify(t('toast.noteSaved'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setNotesBusy(false)
+        }
+      }
+
+      const deleteNote = async (noteId) => {
+        if (!doc || notesBusy) return
+        setNotesBusy(true)
+        try {
+          const result = await rpc('deleteSegmentNote', { documentId: doc.id, index, noteId })
+          setNotes(result.notes)
+          adoptState(result.state, index)
+          notify(t('toast.noteDeleted'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setNotesBusy(false)
+        }
+      }
+
+      const refreshQa = async () => {        if (!doc) return
+        setQa(null)
+        try {
+          setQa(await rpc('getQaReport', { documentId: doc.id }))
+        } catch {
+          // QA is advisory; a failure must not disturb the editor.
+        }
+      }
+
+      const jumpQa = (nextIndex) => {
+        if (Number.isInteger(nextIndex)) chooseSegment(nextIndex)
+      }
+
+      const runReview = async () => {
+        if (!doc || reviewBusy) return
+        setReviewBusy(true)
+        try {
+          const result = await rpc('reviewDocument', {
+            documentId: doc.id,
+            from: 0,
+            count: 20,
+          })
+          setReview(result || { issues: [] })
+        } catch (error) {
+          setReview(null)
+          report(error)
+        } finally {
+          setReviewBusy(false)
+        }
+      }
+
+      const applyReview = (issue) => {
+        if (!doc || !issue || !Number.isInteger(issue.index)) return
+        chooseSegment(issue.index)
+        if (issue.suggestion) {
+          setDraft(issue.suggestion)
+          setDirty(true)
+        }
+      }
+
+      const applyQaFix = async (item, action) => {
+        if (!doc || busy || !item) return
+        const segment = doc.segments[item.index]
+        if (!segment) return
+        let target = segment.target || ''
+        if (action === 'copy-source') {
+          target = segment.source
+        } else if (action === 'clear') {
+          target = ''
+        } else if (action === 'term') {
+          const term = String(item.termTarget || '')
+          if (!term || target.includes(term)) return
+          const separator = /[A-Za-z0-9]$/.test(target) && /^[A-Za-z0-9]/.test(term) ? ' ' : ''
+          target = `${target}${separator}${term}`
+        } else {
+          return
+        }
+        setBusy('qa-fix')
+        try {
+          const result = await rpc('saveDraft', {
+            documentId: doc.id,
+            index: item.index,
+            target,
+          })
+          if (result.state) adoptState(result.state, item.index)
+          setQa(await rpc('getQaReport', { documentId: doc.id }))
+          notify(t('toast.qaFixed'))
+        } catch (error) {
+          report(error)
+        } finally {
+          setBusy('')
+        }
+      }
+
+      const runConcordance = async () => {
+        const query = concordanceQuery.trim()
+        if (!doc || !query) {
+          setConcordance(null)
+          return
+        }
+        setConcordanceBusy(true)
+        try {
+          setConcordance(await rpc('concordance', { documentId: doc.id, query, limit: 50 }))
+        } catch (error) {
+          report(error)
+        } finally {
+          setConcordanceBusy(false)
+        }
+      }
+
+      const applyConcordance = (entry) => {
+        if (!entry?.target) return
+        setDraft(entry.target)
+        setDirty(true)
+        setMt(null)
+        setTimeout(() => textareaRef.current?.focus(), 0)
+      }
+
       const editTm = async ({ id, target }) => {
         setBusy('tm-edit')
         try {
@@ -3576,6 +5363,40 @@
         })
       }
 
+      const clearPretranslated = async () => {
+        const active = data?.activeDocument
+        if (!active) return
+        try {
+          const preview = await rpc('getClearUnconfirmedPreview', { documentId: active.id })
+          const counts = preview?.counts || {}
+          const total = counts.total || 0
+          if (!total) {
+            notify(t('toast.nothingToClear'), 'info')
+            return
+          }
+          setModal({
+            type: 'confirm',
+            title: t('modal.confirm.clearPretranslatedTitle'),
+            message: t('modal.confirm.clearPretranslatedMessage')
+              .replace('{count}', String(total))
+              .replace('{mt}', String(counts.mt || 0))
+              .replace('{tm}', String(counts.tm || 0))
+              .replace('{auto}', String(counts.auto || 0)),
+            confirmLabel: t('modal.confirm.clearPretranslatedConfirm').replace('{count}', String(total)),
+            action: async () => {
+              const result = await rpc('clearUnconfirmedTranslations', {
+                documentId: active.id,
+                confirm: true,
+              })
+              adoptState(result.state, result.cursor)
+              notify(t('toast.pretranslatedCleared').replace('{count}', String(result.cleared)))
+            },
+          })
+        } catch (error) {
+          report(error)
+        }
+      }
+
       const addTerm = async (form) => {        setBusy('term')
         try {
           const result = await rpc('addGlossary', {
@@ -3765,6 +5586,32 @@
         }
       }
 
+      const importReview = (file) => {
+        if (!doc || !file) return
+        const reader = new FileReader()
+        reader.onload = async () => {
+          setBusy('review')
+          try {
+            const result = await rpc('applyXliffReview', {
+              documentId: doc.id,
+              text: String(reader.result || ''),
+            })
+            adoptState(result.state)
+            notify(
+              t('toast.reviewApplied')
+                .replace('{applied}', String(result.applied))
+                .replace('{unmatched}', String(result.unmatched + result.sourceMismatch)),
+            )
+            setModal(null)
+          } catch (error) {
+            report(error)
+          } finally {
+            setBusy('')
+          }
+        }
+        reader.readAsText(file, 'utf-8')
+      }
+
       const openConfirm = (state) => setModal({ type: 'confirm', ...state })
 
       const clearTm = () =>
@@ -3819,6 +5666,7 @@
 
       const openIds = new Set((data?.openDocuments || []).map((item) => item.id))
       const closedDocuments = (data?.documents || []).filter((item) => !openIds.has(item.id))
+      const qaRisk = (qa?.risks || []).find((item) => item.index === index) || null
 
       const deleteClosedDocument = (document) =>
         openConfirm({
@@ -3898,6 +5746,23 @@
         }
       }, [])
 
+      useEffect(() => {
+        const onKey = (event) => {
+          const mod = event.metaKey || event.ctrlKey
+          if (!mod) return
+          const key = event.key.toLowerCase()
+          if (key === 'k') {
+            event.preventDefault()
+            setModal((current) => (current?.type === 'palette' ? null : { type: 'palette' }))
+          } else if (key === 'f' && doc && !modal) {
+            event.preventDefault()
+            openReplace()
+          }
+        }
+        window.addEventListener('keydown', onKey)
+        return () => window.removeEventListener('keydown', onKey)
+      }, [doc?.id, modal])
+
       if (loading) {
         return h(
           'div',
@@ -3925,6 +5790,44 @@
         )
       }
 
+      const commands = [
+        { id: 'new', title: t('cmd.new'), hint: t('cmd.newHint'), run: () => setModal({ type: 'new', defaultMode: 'text' }) },
+        { id: 'import', title: t('cmd.import'), hint: '', run: () => setModal({ type: 'new', defaultMode: 'file' }) },
+        { id: 'export', title: t('cmd.export'), hint: '', docOnly: true, run: () => setModal({ type: 'export' }) },
+        { id: 'pretranslate', title: t('cmd.pretranslate'), hint: '', docOnly: true, run: () => runPreTranslate() },
+        { id: 'replace', title: t('cmd.replace'), hint: 'Ctrl+F', docOnly: true, run: () => openReplace() },
+        { id: 'brief', title: t('cmd.brief'), hint: '', docOnly: true, run: () => setModal({ type: 'brief' }) },
+        { id: 'resources', title: t('cmd.resources'), hint: '', docOnly: true, run: () => setModal({ type: 'resources' }) },
+        { id: 'analysis', title: t('cmd.analysis'), hint: '', docOnly: true, run: () => openAnalysis() },
+        { id: 'notes', title: t('cmd.notes'), hint: '', docOnly: true, run: () => openNotes() },
+        {
+          id: 'review',
+          title: t('cmd.review'),
+          hint: '',
+          docOnly: true,
+          run: () => {
+            setTab('qa')
+            runReview()
+          },
+        },
+        {
+          id: 'clear-pretranslated',
+          title: t('cmd.clearPretranslated'),
+          hint: '',
+          docOnly: true,
+          run: () => clearPretranslated(),
+        },
+        { id: 'documents', title: t('cmd.documents'), hint: '', run: () => setView('documents') },
+        { id: 'libraries', title: t('cmd.libraries'), hint: '', run: () => setView('libraries') },
+        { id: 'align', title: t('cmd.align'), hint: '', run: () => setView('align') },
+        { id: 'settings', title: t('cmd.settings'), hint: '', run: () => setModal({ type: 'settings' }) },
+      ].filter((item) => !item.docOnly || doc)
+
+      const runCommand = (item) => {
+        setModal(null)
+        setTimeout(() => item.run(), 0)
+      }
+
       return h(
         'div',
         { className: 'cait-root', ref: rootRef },
@@ -3945,6 +5848,7 @@
           pre,
           onPreTranslate: runPreTranslate,
           onCancelPreTranslate: cancelPreTranslate,
+          onReplace: openReplace,
           view,
           onView: setView,
         }),
@@ -3963,6 +5867,7 @@
               onCreateLibrary: createLibrary,
               onRenameLibrary: renameLibrary,
               onDeleteLibrary: deleteLibrary,
+              onSetMounts: setMounts,
             })
           : null,
         view === 'align'
@@ -3980,7 +5885,7 @@
           ? h(
           'div',
           { className: `cait-body${doc ? '' : ' cait-no-doc'}` },
-          doc ? h(SegmentRail, { t, doc, selected: index, query: railQuery, setQuery: setRailQuery, filter: railFilter, setFilter: setRailFilter, onSelect: chooseSegment, onConfirmAll: confirmAllTranslated, onPropagate: propagateRepeats, busy, qa }) : null,
+          doc ? h(SegmentRail, { t, doc, selected: index, query: railQuery, setQuery: setRailQuery, filter: railFilter, setFilter: setRailFilter, onSelect: chooseSegment, onConfirmAll: confirmAllTranslated, onPropagate: propagateRepeats, onClearPretranslated: clearPretranslated, busy, qa }) : null,
           h(
             'div',
             { className: `cait-main${doc ? '' : ' cait-main-empty'}` },
@@ -3992,18 +5897,32 @@
                   segment,
                   detail,
                   draft,
-                  setDraft: (value) => {
-                    setDraft(value)
-                    setDirty(true)
-                  },
+                  setDraft: changeDraft,
                   dirty,
                   busy,
+                  canUndo: draftHistoryRef.current.cursor > 0,
+                  canRedo: draftHistoryRef.current.cursor < draftHistoryRef.current.stack.length - 1,
+                  onUndo: undoDraft,
+                  onRedo: redoDraft,
                   onConfirm: confirmSegment,
+                  onUnconfirm: unconfirmCurrent,
+                  onToggleLock: toggleLock,
+                  onMerge: mergeCurrent,
+                  onSplit: splitCurrent,
+                  onMergeCue: mergeCue,
+                  onSplitCue: splitCueAt,
+                  onShiftSubtitles: shiftSubtitles,
                   onNext: () => moveSegment(1),
                   onPrev: () => moveSegment(-1),
                   onSave: () => saveDraft(false),
                   onAdopt: adoptSuggestion,
                   onApplyTerm: applyTerm,
+                  onOpenBrief: () => setModal({ type: 'brief' }),
+                  onOpenResources: () => setModal({ type: 'resources' }),
+                  onOpenAnalysis: openAnalysis,
+                  onOpenNotes: openNotes,
+                  noteCount: segment?.notes?.length || 0,
+                  qaRisk,
                   textareaRef,
                 })
               : h(EmptyState, { t, settings, busy, onCreate: createFromForm, onDemo: loadDemo }),
@@ -4044,7 +5963,20 @@
                   onCopy: copy,
                   onOpenSettings: () => setModal({ type: 'settings' }),
                   onSearchLibrary: openLibrary,
-                  busy,
+                  qa,
+                  onRefreshQa: refreshQa,
+                  onJumpQa: jumpQa,
+                  onFixQa: applyQaFix,
+                  review,
+                  reviewBusy,
+                  onReview: runReview,
+                  onApplyReview: applyReview,
+                  concordance,
+                  concordanceQuery,
+                  setConcordanceQuery,
+                  onConcordance: runConcordance,
+                  onApplyConcordance: applyConcordance,
+                  busy: busy || (concordanceBusy ? 'concordance' : ''),
                 })
               : null,
           ),
@@ -4061,7 +5993,60 @@
             })
           : null,
         modal?.type === 'export'
-          ? h(ExportModal, { t, busy, qa, onClose: () => setModal(null), onExport: exportAs })
+          ? h(ExportModal, { t, busy, qa, onClose: () => setModal(null), onExport: exportAs, onImportReview: importReview })
+          : null,
+        modal?.type === 'brief'
+          ? h(BriefModal, { t, doc, busy, onClose: () => setModal(null), onSave: saveBrief })
+          : null,
+        modal?.type === 'resources'
+          ? h(ResourceModal, {
+              t,
+              doc,
+              libraries: data?.libraries,
+              mounts: data?.mounts,
+              busy,
+              onClose: () => setModal(null),
+              onSave: saveResources,
+            })
+          : null,
+        modal?.type === 'analysis'
+          ? h(AnalysisModal, {
+              t,
+              doc,
+              analysis,
+              busy: analysisBusy,
+              onClose: () => setModal(null),
+            })
+          : null,
+        modal?.type === 'replace'
+          ? h(ReplaceModal, {
+              t,
+              doc,
+              busy: replaceBusy,
+              preview: replacePreview,
+              undoCount: replaceUndo ? replaceUndo.length : 0,
+              onPreview: previewReplace,
+              onApply: applyReplace,
+              onUndo: undoReplace,
+              onClose: () => setModal(null),
+            })
+          : null,
+        modal?.type === 'notes'
+          ? h(NoteModal, {
+              t,
+              doc,
+              index,
+              segment,
+              notes,
+              busy: notesBusy,
+              onAdd: addNote,
+              onUpdate: updateNote,
+              onDelete: deleteNote,
+              onClose: () => setModal(null),
+            })
+          : null,
+        modal?.type === 'palette'
+          ? h(CommandPalette, { t, items: commands, onClose: () => setModal(null), onRun: runCommand })
           : null,
         modal?.type === 'settings'
           ? h(SettingsModal, { t, settings, mtRoutes, busy, onClose: () => setModal(null), onSave: saveSettings })