@goodandready/dsh-moa 0.2.41 → 0.2.43

package/lib/client.js

@@ -101,6 +101,8 @@ window.__ModuleLoader__.load({
       'proposers.add_btn': '+ Add Candidate Model',
       'proposers.temp_label': 'Candidates Temperature',
       'proposers.temp_hint': 'Recommended: 0.6 – 0.8 for creative, independent solution exploration.',
+      'proposers.temperature_gradient': 'Temperature Gradient Exploration (0.2 → 0.9 across candidates)',
+      'proposers.candidate_temp_tooltip': 'Candidate Temperature (leave empty for default/gradient)',
       'stats.title': '📈 MoA Analytics & Telemetry',
       'stats.desc': 'Session telemetry, historical runs, and model win-rate tracking.',
       'stats.total_runs': 'Total Runs',
@@ -142,6 +144,64 @@ window.__ModuleLoader__.load({
       'diff.curator': 'Curator Synthesis',
       'diff.candidate': 'Candidate {num}',
       'diff.empty': 'Selected files are identical (zero diff).',
+      // Multi-Judge
+      'aggregator.multi_judge_title': 'Multi-Judge Panel & Consensus Voting',
+      'aggregator.multi_judge_desc': 'Deploy multiple judge models to score candidates and determine winner via consensus voting.',
+      'aggregator.voting_strategy_label': 'Voting Strategy:',
+      'aggregator.voting_majority': 'Majority Vote',
+      'aggregator.voting_highest_score': 'Highest Score',
+      'aggregator.voting_unanimous': 'Unanimous',
+      'aggregator.judge_models_title': 'Judge Panel Models',
+      'aggregator.judge_models_desc': 'Specify 2 or more judge models for panel consensus.',
+      'aggregator.add_judge_btn': '+ Add Judge Model',
+      'aggregator.judge_badge': 'Judge #{num}',
+      'aggregator.judge_models_empty': 'At least 2 judge models are required for consensus voting.',
+
+      // Composite
+      'aggregator.composite_title': 'Composite Hybrid Synthesis (AST / Block Merge)',
+      'aggregator.composite_desc': 'Synthesize modular code blocks, types, and algorithms from multiple candidates into a unified composite.',
+
+      // Budget
+      'aggregator.budget_title': 'Cost Budget Guardrails & Auto-Fallback',
+      'aggregator.budget_desc': 'Cap maximum run cost; auto-trim candidate pool or abort to prevent accidental token spend.',
+      'aggregator.budget_max_usd': 'Max USD ($):',
+      'aggregator.budget_action': 'Action:',
+      'aggregator.budget_action_trim': 'Trim Pool',
+      'aggregator.budget_action_abort': 'Abort',
+
+      // Reports
+      'aggregator.report_title': 'Automated Benchmark & Post-Mortem Report',
+      'aggregator.report_desc': 'Generate downloadable Markdown & JSON reports detailing candidate latency, agreement, test gate, and cost breakdown.',
+
+      // Local Fallback
+      'aggregator.local_fallback_title': 'Graceful Degradation & Local Fallback',
+      'aggregator.local_fallback_desc': 'Automatically fall back to local Ollama / MiniPC models when online candidate APIs fail.',
+      'aggregator.local_models_title': 'Local Fallback Models',
+      'aggregator.local_models_desc': 'Local offline models used when cloud candidate APIs fail.',
+      'aggregator.add_local_btn': '+ Add Local Model',
+      'aggregator.local_badge': 'Local #{num}',
+      'aggregator.local_models_empty': 'Configure at least one local fallback model (e.g. Ollama).',
+
+      // Smart Routing Model
+      'config.smart_routing_title': 'Smart Prompt Routing',
+      'config.smart_routing_desc': 'Analyze task complexity and automatically select the optimal preset.',
+      'config.smart_routing_model': 'Routing Model:',
+
+      // Multi-Turn Context
+      'aggregator.multi_turn_title': 'Multi-Turn Context & Diff Pruning',
+      'aggregator.multi_turn_desc': 'Retain conversation context across turns while pruning duplicate code blocks.',
+
+      // UI States & Errors
+      'status.loading': 'Loading MoA settings…',
+      'status.unavailable': 'MoA service temporarily unavailable',
+      'status.retry': 'Retry',
+      'status.error_saving': 'Error saving: ',
+      'error_boundary.title': '⚠️ MoA UI Error:',
+      'error_boundary.retry': 'Retry',
+
+      // Diff Viewer
+      'diff.select_run': 'Run:',
+      'diff.latest_run': 'Latest / Active Workspace',
       'updater.success': 'Successfully updated to v{version}. Restart DSH to apply.',
     }
 
@@ -219,6 +279,8 @@ window.__ModuleLoader__.load({
       'proposers.add_btn': '+ 添加候选模型',
       'proposers.temp_label': '候选模型采样温度 (Temperature)',
       'proposers.temp_hint': '推荐：0.6 – 0.8，鼓励创造性、发散性的独立探索。',
+      'proposers.temperature_gradient': '温度梯度探索（候选模型采样温度从 0.2 到 0.9 递增）',
+      'proposers.candidate_temp_tooltip': '候选模型采样温度（留空使用默认/梯度）',
       'stats.title': '📈 MoA 数据分析与遥测',
       'stats.desc': '会话遥测、历史运行追踪及模型胜率统计。',
       'stats.total_runs': '总运行次数',
@@ -260,6 +322,64 @@ window.__ModuleLoader__.load({
       'diff.curator': '裁判合成 (Curator Synthesis)',
       'diff.candidate': '候选方案 {num}',
       'diff.empty': '选中的文件完全一致（无差异）。',
+      // Multi-Judge
+      'aggregator.multi_judge_title': '多裁判委员会与共识投票',
+      'aggregator.multi_judge_desc': '部署多个裁判模型对候选方案打分并通过共识投票评定获胜者。',
+      'aggregator.voting_strategy_label': '投票策略：',
+      'aggregator.voting_majority': '多数决',
+      'aggregator.voting_highest_score': '最高分',
+      'aggregator.voting_unanimous': '全票通过',
+      'aggregator.judge_models_title': '裁判模型列表',
+      'aggregator.judge_models_desc': '指定 2 个或更多裁判模型以实现委员会共识。',
+      'aggregator.add_judge_btn': '+ 添加裁判模型',
+      'aggregator.judge_badge': '裁判 #{num}',
+      'aggregator.judge_models_empty': '共识投票至少需要配置 2 个裁判模型。',
+
+      // Composite
+      'aggregator.composite_title': '混合复合综合 (AST / 代码块合并)',
+      'aggregator.composite_desc': '从多个候选方案中提取模块化代码块、类型定义与算法并综合为统一方案。',
+
+      // Budget
+      'aggregator.budget_title': '成本预算护栏与自动分流',
+      'aggregator.budget_desc': '限制单次最高花费；自动削减候选模型或中止以防止超额消耗。',
+      'aggregator.budget_max_usd': '最高金额 ($):',
+      'aggregator.budget_action': '处置方式：',
+      'aggregator.budget_action_trim': '削减候选',
+      'aggregator.budget_action_abort': '中止运行',
+
+      // Reports
+      'aggregator.report_title': '自动化基准与复盘报告',
+      'aggregator.report_desc': '生成可下载的 Markdown 与 JSON 报告，详细记录候选方案耗时、一致性、测试门禁与成本分布。',
+
+      // Local Fallback
+      'aggregator.local_fallback_title': '优雅降级与本地备用模型',
+      'aggregator.local_fallback_desc': '在线候选模型 API 故障时自动降级到本地 Ollama / MiniPC 模型。',
+      'aggregator.local_models_title': '本地备用模型列表',
+      'aggregator.local_models_desc': '云端候选 API 异常时调用的本地离线模型。',
+      'aggregator.add_local_btn': '+ 添加本地模型',
+      'aggregator.local_badge': '本地 #{num}',
+      'aggregator.local_models_empty': '请至少配置一个本地备用模型（例如 Ollama）。',
+
+      // Smart Routing Model
+      'config.smart_routing_title': '智能提示词分流',
+      'config.smart_routing_desc': '分析任务复杂度并自动匹配最佳预设。',
+      'config.smart_routing_model': '分流决策模型：',
+
+      // Multi-Turn Context
+      'aggregator.multi_turn_title': '多轮对话上下文与差异剪枝',
+      'aggregator.multi_turn_desc': '跨轮次保留对话上下文并剪枝重复代码块。',
+
+      // UI States & Errors
+      'status.loading': '正在加载 MoA 设置…',
+      'status.unavailable': 'MoA 服务暂不可用',
+      'status.retry': '重试',
+      'status.error_saving': '保存失败：',
+      'error_boundary.title': '⚠️ MoA 界面错误：',
+      'error_boundary.retry': '重试',
+
+      // Diff Viewer
+      'diff.select_run': '运行记录：',
+      'diff.latest_run': '最新 / 当前工作区',
       'updater.success': '成功更新至 v{version}，请重启 DSH 使其生效。',
     }
 
@@ -307,6 +427,55 @@ window.__ModuleLoader__.load({
       Chevron = FallbackChevron
     }
 
+
+    function renderSlotEditorList({ items, badgePrefix, onUpdate, onAdd, onRemove, addLabel, emptyWarning, availableModels, t }) {
+      return React.createElement(
+        'div',
+        { style: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 4 } },
+        (Array.isArray(items) ? items : []).map((item, idx) =>
+          React.createElement(
+            'div',
+            { key: idx, style: { display: 'flex', alignItems: 'center', gap: 8 } },
+            React.createElement('span', { className: 'moa-cand-badge' }, `${badgePrefix} #${idx + 1}`),
+            React.createElement(
+              'div',
+              { style: { flex: 1 } },
+              React.createElement(SearchableModelPicker, {
+                provider: (item && item.provider) || '',
+                model: (item && item.model) || '',
+                onChange: (prov, mod) => onUpdate(idx, prov, mod),
+                availableModels,
+                t,
+              })
+            ),
+            React.createElement(
+              'button',
+              {
+                type: 'button',
+                className: 'moa-btn moa-btn-danger moa-btn-sub',
+                onClick: () => onRemove(idx),
+              },
+              '✕'
+            )
+          )
+        ),
+        React.createElement(
+          'button',
+          {
+            type: 'button',
+            className: 'moa-btn moa-btn-sub',
+            style: { marginTop: 4, alignSelf: 'flex-start' },
+            onClick: onAdd,
+          },
+          addLabel
+        ),
+        emptyWarning ? React.createElement(
+          'div',
+          { style: { fontSize: 11, color: 'var(--dsw-alias-state-warning-primary, #e6a23c)', marginTop: 2 } },
+          emptyWarning
+        ) : null
+      )
+    }
     const STYLES = `
 /* dsh-moa modern clinebot-aligned styling */
 .moa-page{display:flex;flex-direction:column;gap:18px;padding:4px 0 24px;max-width:960px}
@@ -635,8 +804,25 @@ window.__ModuleLoader__.load({
       const [loading, setLoading] = React.useState(false)
       const [error, setError] = React.useState(null)
       const [hasFetched, setHasFetched] = React.useState(false)
+      const [historyRuns, setHistoryRuns] = React.useState([])
+      const [selectedRunId, setSelectedRunId] = React.useState('')
+
+      React.useEffect(() => {
+        fetch('/dsh-moa/history?limit=30', { cache: 'no-store' })
+          .then((r) => r.json())
+          .then((data) => {
+            if (data && data.ok && Array.isArray(data.runs)) {
+              setHistoryRuns(data.runs)
+            }
+          })
+          .catch(() => {})
+      }, [])
+
+      const selectedRun = historyRuns.find((r) => r.id === selectedRunId)
+      const candidateCount = selectedRun && Array.isArray(selectedRun.candidates) && selectedRun.candidates.length > 0
+        ? selectedRun.candidates.length
+        : Math.max(currentRefs.length || 0, 2)
 
-      const candidateCount = Math.max(currentRefs.length || 0, 2)
       const candidateOptions = []
       for (let i = 1; i <= candidateCount; i++) {
         candidateOptions.push({
@@ -649,6 +835,7 @@ window.__ModuleLoader__.load({
         setLoading(true)
         setError(null)
         const params = new URLSearchParams()
+        if (selectedRunId) params.set('runId', selectedRunId)
         if (fromCandidate) params.set('from', fromCandidate)
         if (toCandidate) params.set('to', toCandidate)
         if (targetFile) params.set('file', targetFile)
@@ -679,11 +866,11 @@ window.__ModuleLoader__.load({
             setHasFetched(true)
             setError(err.message || String(err))
           })
-      }, [fromCandidate, toCandidate, selectedFile])
+      }, [fromCandidate, toCandidate, selectedFile, selectedRunId])
 
       React.useEffect(() => {
         loadDiff()
-      }, [fromCandidate, toCandidate])
+      }, [fromCandidate, toCandidate, selectedRunId])
 
       const handleFileChange = (e) => {
         const nextFile = e.target.value
@@ -707,6 +894,25 @@ window.__ModuleLoader__.load({
           React.createElement(
             'div',
             { className: 'moa-diff-controls' },
+            /* Run selector dropdown (#179) */
+            React.createElement(
+              'label',
+              { style: { display: 'flex', alignItems: 'center', gap: 6, fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } },
+              t('diff.select_run') || 'Run:',
+              React.createElement(
+                'select',
+                {
+                  className: 'moa-diff-select',
+                  value: selectedRunId,
+                  onChange: (e) => setSelectedRunId(e.target.value),
+                },
+                React.createElement('option', { value: '' }, t('diff.latest_run') || 'Latest / Active Workspace'),
+                historyRuns.map((r) => {
+                  const label = `${r.preset || 'default'} [${(r.id || '').slice(0, 8)}] ${(r.prompt || '').slice(0, 24)}...`
+                  return React.createElement('option', { key: r.id, value: r.id }, label)
+                })
+              )
+            ),
             React.createElement(
               'label',
               { style: { display: 'flex', alignItems: 'center', gap: 6, fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } },
@@ -1331,7 +1537,7 @@ window.__ModuleLoader__.load({
                     })
                   )
                 ),
-              /* Multi-Judge Panel & Consensus Voting */
+              /* Multi-Judge Panel & Consensus Voting (#175, #176) */
               React.createElement(
                 'div',
                 { style: { display: 'flex', flexDirection: 'column', gap: 6, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l2)', marginTop: 8 } },
@@ -1344,29 +1550,62 @@ window.__ModuleLoader__.load({
                     onChange: (e) => updateCurrentPreset((p) => ({ ...p, multi_judge_enabled: e.target.checked })),
                     style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
                   }),
-                  'Multi-Judge Panel & Consensus Voting'
+                  t('aggregator.multi_judge_title') || 'Multi-Judge Panel & Consensus Voting'
                 ),
                 React.createElement(
                   'div',
                   { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
-                  'Deploy multiple judge models to score candidates and determine winner via consensus voting.'
+                  t('aggregator.multi_judge_desc') || 'Deploy multiple judge models to score candidates and determine winner via consensus voting.'
                 ),
                 currentPreset.multi_judge_enabled && React.createElement(
                   'div',
-                  { style: { marginLeft: 22, display: 'flex', alignItems: 'center', gap: 8, marginTop: 4 } },
-                  React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, 'Voting Strategy:'),
+                  { style: { marginLeft: 22, display: 'flex', flexDirection: 'column', gap: 6, marginTop: 4 } },
                   React.createElement(
-                    'select',
-                    {
-                      className: 'moa-select',
-                      style: { width: 140, height: 28, fontSize: 12, padding: '0 6px' },
-                      value: currentPreset.judge_voting_strategy || 'majority',
-                      onChange: (e) => updateCurrentPreset((p) => ({ ...p, judge_voting_strategy: e.target.value })),
+                    'div',
+                    { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+                    React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, t('aggregator.voting_strategy_label') || 'Voting Strategy:'),
+                    React.createElement(
+                      'select',
+                      {
+                        className: 'moa-select',
+                        style: { width: 140, height: 28, fontSize: 12, padding: '0 6px' },
+                        value: currentPreset.judge_voting_strategy || 'majority',
+                        onChange: (e) => updateCurrentPreset((p) => ({ ...p, judge_voting_strategy: e.target.value })),
+                      },
+                      React.createElement('option', { value: 'majority' }, t('aggregator.voting_majority') || 'Majority Vote'),
+                      React.createElement('option', { value: 'highest_score' }, t('aggregator.voting_highest_score') || 'Highest Score'),
+                      React.createElement('option', { value: 'unanimous' }, t('aggregator.voting_unanimous') || 'Unanimous')
+                    )
+                  ),
+                  renderSlotEditorList({
+                    items: currentPreset.judge_models,
+                    badgePrefix: 'Judge',
+                    onUpdate: (idx, prov, mod) => {
+                      updateCurrentPreset((p) => {
+                        const list = [...(p.judge_models || [])]
+                        list[idx] = { provider: prov, model: mod }
+                        return { ...p, judge_models: list }
+                      })
                     },
-                    React.createElement('option', { value: 'majority' }, 'Majority Vote'),
-                    React.createElement('option', { value: 'highest_score' }, 'Highest Score'),
-                    React.createElement('option', { value: 'unanimous' }, 'Unanimous')
-                  )
+                    onRemove: (idx) => {
+                      updateCurrentPreset((p) => ({
+                        ...p,
+                        judge_models: (p.judge_models || []).filter((_, i) => i !== idx),
+                      }))
+                    },
+                    onAdd: () => {
+                      updateCurrentPreset((p) => ({
+                        ...p,
+                        judge_models: [...(p.judge_models || []), { provider: (availableModels[0] && availableModels[0].provider) || '', model: (availableModels[0] && availableModels[0].model) || '' }],
+                      }))
+                    },
+                    addLabel: t('aggregator.add_judge_btn') || '+ Add Judge Model',
+                    emptyWarning: (!currentPreset.judge_models || currentPreset.judge_models.length < 2)
+                      ? (t('aggregator.judge_models_empty') || 'At least 2 judge models are required for consensus voting.')
+                      : null,
+                    availableModels,
+                    t,
+                  })
                 )
               ),
 
@@ -1383,12 +1622,12 @@ window.__ModuleLoader__.load({
                     onChange: (e) => updateCurrentPreset((p) => ({ ...p, composite_merge_enabled: e.target.checked })),
                     style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
                   }),
-                  'Composite Hybrid Synthesis (AST / Block Merge)'
+                  t('aggregator.composite_title') || 'Composite Hybrid Synthesis (AST / Block Merge)'
                 ),
                 React.createElement(
                   'div',
                   { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
-                  'Synthesize modular code blocks, types, and algorithms from multiple candidates into a unified composite.'
+                  t('aggregator.composite_desc') || 'Synthesize modular code blocks, types, and algorithms from multiple candidates into a unified composite.'
                 )
               ),
 
@@ -1405,12 +1644,12 @@ window.__ModuleLoader__.load({
                     onChange: (e) => updateCurrentPreset((p) => ({ ...p, budget_guard_enabled: e.target.checked })),
                     style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
                   }),
-                  'Cost Budget Guardrails & Auto-Fallback'
+                  t('aggregator.budget_title') || 'Cost Budget Guardrails & Auto-Fallback'
                 ),
                 React.createElement(
                   'div',
                   { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
-                  'Cap maximum run cost; auto-trim candidate pool or abort to prevent accidental token spend.'
+                  t('aggregator.budget_desc') || 'Cap maximum run cost; auto-trim candidate pool or abort to prevent accidental token spend.'
                 ),
                 currentPreset.budget_guard_enabled && React.createElement(
                   'div',
@@ -1418,7 +1657,7 @@ window.__ModuleLoader__.load({
                   React.createElement(
                     'div',
                     { style: { display: 'flex', alignItems: 'center', gap: 6 } },
-                    React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, 'Max USD ($):'),
+                    React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, t('aggregator.budget_max_usd') || 'Max USD ($):'),
                     React.createElement('input', {
                       type: 'number',
                       step: '0.01',
@@ -1434,7 +1673,7 @@ window.__ModuleLoader__.load({
                   React.createElement(
                     'div',
                     { style: { display: 'flex', alignItems: 'center', gap: 6 } },
-                    React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, 'Action:'),
+                    React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, t('aggregator.budget_action') || 'Action:'),
                     React.createElement(
                       'select',
                       {
@@ -1443,8 +1682,8 @@ window.__ModuleLoader__.load({
                         value: currentPreset.budget_action || 'trim',
                         onChange: (e) => updateCurrentPreset((p) => ({ ...p, budget_action: e.target.value })),
                       },
-                      React.createElement('option', { value: 'trim' }, 'Trim Pool'),
-                      React.createElement('option', { value: 'abort' }, 'Abort')
+                      React.createElement('option', { value: 'trim' }, t('aggregator.budget_action_trim') || 'Trim Pool'),
+                      React.createElement('option', { value: 'abort' }, t('aggregator.budget_action_abort') || 'Abort')
                     )
                   )
                 )
@@ -1463,16 +1702,16 @@ window.__ModuleLoader__.load({
                     onChange: (e) => updateCurrentPreset((p) => ({ ...p, report_generation_enabled: e.target.checked })),
                     style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
                   }),
-                  'Automated Benchmark & Post-Mortem Report'
+                  t('aggregator.report_title') || 'Automated Benchmark & Post-Mortem Report'
                 ),
                 React.createElement(
                   'div',
                   { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
-                  'Generate downloadable Markdown & JSON reports detailing candidate latency, agreement, test gate, and cost breakdown.'
+                  t('aggregator.report_desc') || 'Generate downloadable Markdown & JSON reports detailing candidate latency, agreement, test gate, and cost breakdown.'
                 )
               ),
 
-              /* Graceful Degradation & Local Fallback */
+              /* Graceful Degradation & Local Fallback (#175, #176) */
               React.createElement(
                 'div',
                 { style: { display: 'flex', flexDirection: 'column', gap: 6, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l2)', marginTop: 8 } },
@@ -1485,86 +1724,154 @@ window.__ModuleLoader__.load({
                     onChange: (e) => updateCurrentPreset((p) => ({ ...p, local_fallback_enabled: e.target.checked })),
                     style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
                   }),
-                  'Graceful Degradation & Local Fallback'
+                  t('aggregator.local_fallback_title') || 'Graceful Degradation & Local Fallback'
                 ),
                 React.createElement(
                   'div',
                   { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
-                  'Automatically fall back to local Ollama / MiniPC models when online candidate APIs fail.'
+                  t('aggregator.local_fallback_desc') || 'Automatically fall back to local Ollama / MiniPC models when online candidate APIs fail.'
+                ),
+                currentPreset.local_fallback_enabled && React.createElement(
+                  'div',
+                  { style: { marginLeft: 22, marginTop: 4 } },
+                  renderSlotEditorList({
+                    items: currentPreset.local_fallback_models,
+                    badgePrefix: 'Local',
+                    onUpdate: (idx, prov, mod) => {
+                      updateCurrentPreset((p) => {
+                        const list = [...(p.local_fallback_models || [])]
+                        list[idx] = { provider: prov, model: mod }
+                        return { ...p, local_fallback_models: list }
+                      })
+                    },
+                    onRemove: (idx) => {
+                      updateCurrentPreset((p) => ({
+                        ...p,
+                        local_fallback_models: (p.local_fallback_models || []).filter((_, i) => i !== idx),
+                      }))
+                    },
+                    onAdd: () => {
+                      updateCurrentPreset((p) => ({
+                        ...p,
+                        local_fallback_models: [...(p.local_fallback_models || []), { provider: 'ollama', model: '' }],
+                      }))
+                    },
+                    addLabel: t('aggregator.add_local_btn') || '+ Add Local Model',
+                    emptyWarning: (!currentPreset.local_fallback_models || currentPreset.local_fallback_models.length === 0)
+                      ? (t('aggregator.local_models_empty') || 'Configure at least one local fallback model (e.g. Ollama).')
+                      : null,
+                    availableModels,
+                    t,
+                  })
                 )
               ),
 
-              /* Fallback Judges Chain */
+              /* Smart Prompt Routing (#176) */
               React.createElement(
                 'div',
-                { style: { marginTop: 10, display: 'flex', flexDirection: 'column', gap: 6 } },
+                { style: { display: 'flex', flexDirection: 'column', gap: 6, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l2)', marginTop: 8 } },
                 React.createElement(
-                  'div',
-                  { style: { fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-label-primary)' } },
-                  t('aggregator.fallbacks_title')
+                  'label',
+                  { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', fontSize: 13, fontWeight: 500 } },
+                  React.createElement('input', {
+                    type: 'checkbox',
+                    checked: Boolean(currentPreset.smart_routing_enabled),
+                    onChange: (e) => updateCurrentPreset((p) => ({ ...p, smart_routing_enabled: e.target.checked })),
+                    style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
+                  }),
+                  t('config.smart_routing_title') || 'Smart Prompt Routing'
                 ),
                 React.createElement(
                   'div',
-                  { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginTop: -4 } },
-                  t('aggregator.fallbacks_desc')
-                ),
-                (Array.isArray(currentPreset.aggregator_fallbacks) ? currentPreset.aggregator_fallbacks : []).map((fb, fbIdx) =>
-                  React.createElement(
-                    'div',
-                    { key: fbIdx, style: { display: 'flex', alignItems: 'center', gap: 8 } },
-                    React.createElement('span', { className: 'moa-cand-badge' }, `Fallback #${fbIdx + 1}`),
-                    React.createElement(
-                      'div',
-                      { style: { flex: 1 } },
-                      React.createElement(SearchableModelPicker, {
-                        provider: (fb && fb.provider) || '',
-                        model: (fb && fb.model) || '',
-                        onChange: (prov, mod) => {
-                          updateCurrentPreset((p) => {
-                            const list = [...(p.aggregator_fallbacks || [])]
-                            list[fbIdx] = { provider: prov, model: mod }
-                            return { ...p, aggregator_fallbacks: list }
-                          })
-                        },
-                        availableModels,
-                        t,
-                      })
-                    ),
-                    React.createElement(
-                      'button',
-                      {
-                        type: 'button',
-                        className: 'moa-btn moa-btn-danger moa-btn-sub',
-                        onClick: () => {
-                          updateCurrentPreset((p) => ({
-                            ...p,
-                            aggregator_fallbacks: (p.aggregator_fallbacks || []).filter((_, i) => i !== fbIdx),
-                          }))
-                        },
-                      },
-                      '✕'
-                    )
-                  )
+                  { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
+                  t('config.smart_routing_desc') || 'Analyze task complexity and automatically select the optimal preset.'
                 ),
-                React.createElement(
+                currentPreset.smart_routing_enabled && React.createElement(
                   'div',
-                  null,
+                  { style: { marginLeft: 22, marginTop: 4, display: 'flex', alignItems: 'center', gap: 8 } },
+                  React.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, t('config.smart_routing_model') || 'Routing Model:'),
                   React.createElement(
-                    'button',
-                    {
-                      type: 'button',
-                      className: 'moa-btn moa-btn-sub',
-                      style: { marginTop: 4 },
-                      onClick: () => {
+                    'div',
+                    { style: { flex: 1, maxWidth: 320 } },
+                    React.createElement(SearchableModelPicker, {
+                      provider: currentPreset.smart_routing_model?.provider || '',
+                      model: currentPreset.smart_routing_model?.model || '',
+                      onChange: (prov, mod) => {
                         updateCurrentPreset((p) => ({
                           ...p,
-                          aggregator_fallbacks: [...(p.aggregator_fallbacks || []), { provider: (availableModels[0] && availableModels[0].provider) || '', model: (availableModels[0] && availableModels[0].model) || '' }],
+                          smart_routing_model: { provider: prov, model: mod },
                         }))
                       },
-                    },
-                    t('aggregator.add_fallback_btn')
+                      availableModels,
+                      t,
+                    })
                   )
                 )
+              ),
+
+              /* Multi-Turn Context & Diff Pruning (#176) */
+              React.createElement(
+                'div',
+                { style: { display: 'flex', flexDirection: 'column', gap: 6, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l2)', marginTop: 8 } },
+                React.createElement(
+                  'label',
+                  { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', fontSize: 13, fontWeight: 500 } },
+                  React.createElement('input', {
+                    type: 'checkbox',
+                    checked: currentPreset.multi_turn_enabled !== false,
+                    onChange: (e) => updateCurrentPreset((p) => ({ ...p, multi_turn_enabled: e.target.checked })),
+                    style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
+                  }),
+                  t('aggregator.multi_turn_title') || 'Multi-Turn Context & Diff Pruning'
+                ),
+                React.createElement(
+                  'div',
+                  { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginLeft: 22 } },
+                  t('aggregator.multi_turn_desc') || 'Retain conversation context across turns while pruning duplicate code blocks.'
+                )
+              ),
+
+              /* Fallback Judges Chain */
+              React.createElement(
+                'div',
+                { style: { marginTop: 10, display: 'flex', flexDirection: 'column', gap: 6 } },
+                React.createElement(
+                  'div',
+                  { style: { fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-label-primary)' } },
+                  t('aggregator.fallbacks_title')
+                ),
+                React.createElement(
+                  'div',
+                  { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginTop: -4 } },
+                  t('aggregator.fallbacks_desc')
+                ),
+                renderSlotEditorList({
+                  items: currentPreset.aggregator_fallbacks,
+                  badgePrefix: 'Fallback',
+                  onUpdate: (idx, prov, mod) => {
+                    updateCurrentPreset((p) => {
+                      const list = [...(p.aggregator_fallbacks || [])]
+                      list[idx] = { provider: prov, model: mod }
+                      return { ...p, aggregator_fallbacks: list }
+                    })
+                  },
+                  onRemove: (idx) => {
+                    updateCurrentPreset((p) => ({
+                      ...p,
+                      aggregator_fallbacks: (p.aggregator_fallbacks || []).filter((_, i) => i !== idx),
+                    }))
+                  },
+                  onAdd: () => {
+                    updateCurrentPreset((p) => ({
+                      ...p,
+                      aggregator_fallbacks: [...(p.aggregator_fallbacks || []), { provider: (availableModels[0] && availableModels[0].provider) || '', model: (availableModels[0] && availableModels[0].model) || '' }],
+                    }))
+                  },
+                  addLabel: t('aggregator.add_fallback_btn'),
+                  emptyWarning: null,
+                  availableModels,
+                  t,
+                })
               )
             )
           )
@@ -1659,7 +1966,7 @@ window.__ModuleLoader__.load({
                 onChange: (e) => updateCurrentPreset((p) => ({ ...p, temperature_gradient_enabled: e.target.checked })),
                 style: { accentColor: 'var(--dsw-alias-state-brand-primary, var(--dsw-alias-label-primary))', cursor: 'pointer' },
               }),
-              'Temperature Gradient Exploration (0.2 → 0.9 across candidates)'
+              t('proposers.temperature_gradient') || 'Temperature Gradient Exploration (0.2 → 0.9 across candidates)'
             )
           ),
           React.createElement(
@@ -1687,7 +1994,7 @@ window.__ModuleLoader__.load({
                   min: '0',
                   max: '2',
                   placeholder: 'Temp',
-                  title: 'Candidate Temperature (leave empty for default/gradient)',
+                  title: t('proposers.candidate_temp_tooltip') || 'Candidate Temperature (leave empty for default/gradient)',
                   className: 'moa-input',
                   style: { width: 50, height: 32, fontSize: 12, padding: '0 4px', textAlign: 'center' },
                   value: (typeof ref.temperature === 'number' && ref.temperature >= 0) ? ref.temperature : '',
@@ -2021,6 +2328,9 @@ window.__ModuleLoader__.load({
       )
     }
 
+    const UNAVAILABLE_SNAPSHOT = Object.freeze({ status: 'unavailable' })
+    const LOADING_SNAPSHOT = Object.freeze({ status: 'loading' })
+
     function useMoASettings(props) {
       const effectiveCtx = (props && props.ctx) || rootCtx
       // English is canonical; prefer the core-provided translator for the
@@ -2033,12 +2343,12 @@ window.__ModuleLoader__.load({
         return s && typeof s.get === 'function' ? s.get(NS) : undefined
       }, [effectiveCtx])
 
+      const getSnapshot = React.useCallback(() => (scope ? scope.getSnapshot() : UNAVAILABLE_SNAPSHOT), [scope])
+      const getServerSnapshot = React.useCallback(() => LOADING_SNAPSHOT, [])
+      const subscribe = React.useCallback((cb) => (scope ? scope.subscribe(cb) : () => {}), [scope])
+
       const snapshot = React.useSyncExternalStore
-        ? React.useSyncExternalStore(
-            React.useMemo(() => (cb) => (scope ? scope.subscribe(cb) : () => {}), [scope]),
-            React.useCallback(() => (scope ? scope.getSnapshot() : { status: 'unavailable' }), [scope]),
-            React.useCallback(() => ({ status: 'loading' }), [])
-          )
+        ? React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
         : null
 
       const [status, setStatus] = React.useState('loading')
@@ -2052,6 +2362,7 @@ window.__ModuleLoader__.load({
         currentVersion: '0.2.16',
         latestVersion: undefined,
         updateAvailable: false,
+        canAutoUpdate: true,
         notice: null,
         error: null,
       })
@@ -2068,10 +2379,11 @@ window.__ModuleLoader__.load({
               currentVersion: data.currentVersion,
               latestVersion: data.latestVersion,
               updateAvailable: Boolean(data.updateAvailable),
+              canAutoUpdate: data.canAutoUpdate !== undefined ? Boolean(data.canAutoUpdate) : prev.canAutoUpdate,
               error: data.latestCheckFailed ? (t('updater.checkFailed') || 'Registry check failed') : null,
             }))
           } else {
-            setUpdateState((prev) => ({ ...prev, checking: false, error: data.error || 'Check failed' }))
+            setUpdateState((prev) => ({ ...prev, checking: false, error: data?.error || 'Check failed' }))
           }
         } catch (err) {
           setUpdateState((prev) => ({ ...prev, checking: false, error: String(err?.message || err) }))
@@ -2086,19 +2398,20 @@ window.__ModuleLoader__.load({
             headers: { 'Content-Type': 'application/json', 'x-dsh-plugin-update': '1' },
           })
           const data = await res.json()
-          if (data && data.updated) {
+          if (data && (data.updated || data.updatedVersion || data.restartRequired || data.ok)) {
+            const nextVer = data.updatedVersion || data.latestVersion || data.currentVersion
             setUpdateState((prev) => ({
               ...prev,
               updating: false,
               updateAvailable: false,
-              currentVersion: data.updatedVersion || data.latestVersion,
-              notice: (t('updater.success') || 'Successfully updated to v{version}. Restart DSH to apply.').replace('{version}', data.updatedVersion || data.latestVersion),
+              currentVersion: nextVer,
+              notice: (t('updater.success') || 'Successfully updated to v{version}. Restart DSH to apply.').replace('{version}', nextVer),
             }))
           } else {
             setUpdateState((prev) => ({
               ...prev,
               updating: false,
-              error: data.error || data.message || 'Update failed',
+              error: data?.error || data?.message || 'Update failed',
             }))
           }
         } catch (err) {
@@ -2258,7 +2571,7 @@ window.__ModuleLoader__.load({
               if (res.defaultPreset) setDefaultPreset(res.defaultPreset)
               setTimeout(() => setSaveStatus(''), 3000)
             } else {
-              setSaveStatus('Error saving: ' + (res?.error || 'failed'))
+              setSaveStatus((t('status.error_saving') || 'Error saving: ') + (res?.error || 'failed'))
             }
           })
           .catch((err) => {
@@ -2303,13 +2616,14 @@ window.__ModuleLoader__.load({
       }
       render() {
         if (this.state.hasError) {
+          const t = typeof this.props?.t === 'function' ? this.props.t : (typeof makeT === 'function' ? makeT(en, null) : ((k) => k))
           return React.createElement(
             'div',
             {
               className: 'moa-alert-err',
               style: { margin: '12px 0', padding: '14px', borderRadius: '8px' },
             },
-            React.createElement('div', { style: { fontWeight: 600, marginBottom: '6px' } }, '⚠️ MoA UI Error:'),
+            React.createElement('div', { style: { fontWeight: 600, marginBottom: '6px' } }, t('error_boundary.title') || '⚠️ MoA UI Error:'),
             React.createElement('div', { style: { fontSize: '12px', wordBreak: 'break-all' } }, String(this.state.error?.message || this.state.error)),
             React.createElement(
               'button',
@@ -2319,7 +2633,7 @@ window.__ModuleLoader__.load({
                 style: { marginTop: '10px', fontSize: '12px', padding: '4px 10px' },
                 onClick: () => this.setState({ hasError: false, error: null }),
               },
-              'Retry'
+              t('error_boundary.retry') || 'Retry'
             )
           )
         }
@@ -2366,12 +2680,12 @@ window.__ModuleLoader__.load({
             'div',
             { className: 'moa-body' },
             state.status === 'loading'
-              ? React.createElement('div', { style: { padding: '16px 0', color: 'var(--dsw-alias-label-secondary)', fontSize: 13 } }, 'Loading MoA settings…')
+              ? React.createElement('div', { style: { padding: '16px 0', color: 'var(--dsw-alias-label-secondary)', fontSize: 13 } }, state.t('status.loading') || 'Loading MoA settings…')
               : state.status === 'unavailable'
                 ? React.createElement(
                     'div',
                     { style: { padding: '16px 0', display: 'flex', flexDirection: 'column', gap: 10 } },
-                    React.createElement('div', { className: 'moa-alert-err' }, 'MoA service temporarily unavailable'),
+                    React.createElement('div', { className: 'moa-alert-err' }, state.t('status.unavailable') || 'MoA service temporarily unavailable'),
                     React.createElement(
                       'button',
                       {
@@ -2380,7 +2694,7 @@ window.__ModuleLoader__.load({
                         style: { width: 'fit-content' },
                         onClick: state.reload,
                       },
-                      state.t('actions.retry')
+                      state.t('status.retry') || state.t('actions.retry')
                     )
                   )
                 : React.createElement(MoAEditor, state)
@@ -2429,7 +2743,7 @@ window.__ModuleLoader__.load({
                 locale: NS,
                 inject: () => ({ ctx }),
               },
-              (props) => React.createElement(MoAErrorBoundary, null, React.createElement(MoACard, props))
+              (props) => React.createElement(MoAErrorBoundary, props, React.createElement(MoACard, props))
             )
           } catch (err) {
             console.warn('[dsh-moa] Failed to register ' + slotName + ':', err)
@@ -2452,7 +2766,7 @@ window.__ModuleLoader__.load({
                 locale: NS,
                 inject: () => ({ ctx }),
               },
-              (props) => React.createElement(MoAErrorBoundary, null, React.createElement(MoACard, props))
+              (props) => React.createElement(MoAErrorBoundary, props, React.createElement(MoACard, props))
             )
           } catch (err) {
             console.warn('[dsh-moa] Failed to register plugins.item:', err)