principles-disciple 1.12.0 → 1.14.0

package/openclaw.plugin.json

@@ -2,7 +2,7 @@
   "id": "principles-disciple",
   "name": "Principles Disciple",
   "description": "Evolutionary programming agent framework with strategic guardrails and reflection loops.",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "skills": [
     "./skills"
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "principles-disciple",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Native OpenClaw plugin for Principles Disciple",
   "type": "module",
   "main": "./dist/bundle.js",

package/ui/src/i18n/ui.ts

@@ -52,6 +52,7 @@ export const i18n = {
     timeRange: { zh: '时间范围', en: 'Time Range' },
     total: { zh: '共', en: 'Total' },
     items: { zh: '条', en: 'items' },
+    search: { zh: '搜索...', en: 'Search...' },
   },
 
   // ========================================================================
@@ -70,6 +71,7 @@ export const i18n = {
     checking: { zh: '正在验证身份...', en: 'Verifying identity...' },
     loginTitle: { zh: 'Principles Console', en: 'Principles Console' },
     loginSubtitle: { zh: 'AI Agent 进化流程监控平台', en: 'AI Agent Evolution Monitoring Platform' },
+    tokenLabel: { zh: 'Gateway Token', en: 'Gateway Token' },
     tokenPlaceholder: { zh: '请输入您的 Gateway Token', en: 'Enter your Gateway Token' },
     tokenHint: { zh: '在服务器上运行 openclaw config get gateway.auth.token 获取 Token', en: 'Run openclaw config get gateway.auth.token on your server to get the Token' },
     loginButton: { zh: '登 录', en: 'Sign In' },
@@ -184,6 +186,11 @@ export const i18n = {
     createdAt: { zh: '创建时间', en: 'Created At' },
     failureMode: { zh: '失败模式', en: 'Failure Mode' },
     relatedThinking: { zh: '相关思维', en: 'Thinking Hits' },
+
+    // Missing i18n keys (previously hardcoded in components)
+    noGfiToday: { zh: '今日暂无 GFI 记录', en: 'No GFI data today' },
+    noWorkspacesFound: { zh: '未找到已启用的工作区', en: 'No enabled workspaces found' },
+    refreshing: { zh: '刷新中', en: 'Refreshing' },
   },
 
   // ========================================================================
@@ -213,6 +220,9 @@ export const i18n = {
     // Actions
     approve: { zh: '批准', en: 'Approve' },
     reject: { zh: '拒绝', en: 'Reject' },
+
+    // Error messages (previously hardcoded English)
+    reviewFailed: { zh: '审核操作失败', en: 'Review operation failed' },
   },
 
   // ========================================================================
@@ -225,26 +235,75 @@ export const i18n = {
     dormant: { zh: '休眠', en: 'Dormant' },
     effective: { zh: '有效', en: 'Effective' },
 
-    // Empty state
-    emptyTitle: { zh: '选择一个思维模型', en: 'Select a thinking model' },
-    emptyDesc: { zh: '点击左侧列表中的模型，查看场景分布和最近事件', en: 'Click a model from the list to inspect scenario coverage and recent events' },
+    // Charts and sections
+    coverageTrend: { zh: '覆盖率趋势', en: 'Coverage Trend' },
+    emptyCoverageTrend: { zh: '今日暂无覆盖率记录', en: 'No coverage data yet' },
+    emptyCoverageTrendDesc: { zh: '当 AI 开始执行任务后，覆盖率会自动记录。', en: 'Coverage is tracked automatically once AI starts working.' },
+    scenarioHeatmap: { zh: '场景热力图', en: 'Scenario Heatmap' },
+    emptyScenarioMatrix: { zh: '暂无场景数据', en: 'No scenario data yet' },
+    emptyScenarioMatrixDesc: { zh: '模型触发场景后会在此显示。', en: 'Scenarios will appear here when models are triggered.' },
+    emptyAllActive: { zh: '所有模型都在使用中', en: 'All models are active' },
+    emptyAllActiveDesc: { zh: '没有休眠模型。', en: 'No dormant models.' },
+    noModelsYet: { zh: '暂无思维模型数据', en: 'No thinking model data yet' },
+    noModelsYetDesc: { zh: 'AI 开始使用后，这里会显示思维模型的使用情况。', en: 'Thinking model usage will appear here once AI starts working.' },
+    noMatches: { zh: '没有匹配的模型', en: 'No models match your filters.' },
+
+    // Recommendations
+    dormantModels: { zh: '休眠模型', en: 'Dormant Models' },
+    reinforce: { zh: '保持', en: 'Reinforce' },
+    rework: { zh: '重构', en: 'Rework' },
+    archive: { zh: '归档', en: 'Archive' },
+    filterByRec: { zh: '按推荐过滤', en: 'Filter by Rec' },
 
     // Detail sections
-    outcomeStats: { zh: '结果统计', en: 'Outcome Stats' },
-    scenarioDistribution: { zh: '场景分布', en: 'Scenario Distribution' },
-    recentEvents: { zh: '最近事件', en: 'Recent Events' },
-    noScenariosYet: { zh: '暂无场景', en: 'No scenarios yet' },
-
-    // Outcome stats
+    outcomeStats: { zh: '效果统计', en: 'Outcome Stats' },
+    usageTrend: { zh: '使用趋势', en: 'Usage Trend' },
+    emptyUsageTrend: { zh: '暂无使用趋势记录', en: 'No usage trend data yet' },
+    emptyUsageTrendDesc: { zh: '该模型尚未被触发使用。', en: 'This model has not been triggered yet.' },
     success: { zh: '成功', en: 'Success' },
     failure: { zh: '失败', en: 'Failure' },
     pain: { zh: '痛点', en: 'Pain' },
     correction: { zh: '纠正', en: 'Correction' },
+    scenarioDistribution: { zh: '场景分布', en: 'Scenario Distribution' },
+    recentEvents: { zh: '最近事件', en: 'Recent Events' },
+    toolContext: { zh: '工具上下文', en: 'Tool Context' },
+    painContext: { zh: '痛点上下文', en: 'Pain Context' },
+    principleContext: { zh: '原则上下文', en: 'Principle Context' },
+    trigger: { zh: '触发条件', en: 'Trigger' },
+    antiPattern: { zh: '禁止行为', en: 'Anti-Pattern' },
+    thinkingOsSource: { zh: '思维模型定义来源', en: 'Thinking Model Source' },
+
+    // Empty state
+    emptyTitle: { zh: '选择一个思维模型', en: 'Select a thinking model' },
+    emptyDesc: { zh: '点击左侧列表中的模型，查看场景分布和最近事件', en: 'Click a model from the list to inspect scenario coverage and recent events' },
+    noDataTitle: { zh: '思维模型定义', en: 'Thinking Model Definitions' },
+    noDataDesc: { zh: '以下是 10 个思维模型的定义。当 AI 开始使用后，这里会显示每个模型的使用统计。', en: 'Below are 10 thinking model definitions. Usage statistics will appear once the AI starts working.' },
+    noUsageDataYet: { zh: '该模型暂无使用数据', en: 'No usage data for this model yet' },
+    noUsageDataDesc: { zh: '当模型被触发后，使用趋势和事件会在此显示。', en: 'Usage trends and events will appear once the model is triggered.' },
 
     // Table
     hits: { zh: '命中', en: 'Hits' },
     successRate: { zh: '成功率', en: 'Success Rate' },
     failureRate: { zh: '失败率', en: 'Failure Rate' },
+
+    // Comparison mode
+    compare: { zh: '对比', en: 'Compare' },
+    compareSelected: { zh: '对比选中', en: 'Compare Selected' },
+    exitCompare: { zh: '退出对比', en: 'Exit Compare' },
+    comparisonTitle: { zh: '模型对比', en: 'Model Comparison' },
+    comparisonEmpty: { zh: '请选择至少 2 个模型进行对比', en: 'Select at least 2 models to compare' },
+
+    // Search and sort
+    filterAll: { zh: '全部', en: 'All' },
+    searchPlaceholder: { zh: '按名称或场景搜索...', en: 'Search by name or scenario...' },
+    sortByHits: { zh: '命中数', en: 'Hits' },
+    sortBySuccessRate: { zh: '成功率', en: 'Success Rate' },
+    sortByName: { zh: '名称', en: 'Name' },
+
+    // Loading states
+    loadingDetail: { zh: '正在加载模型详情...', en: 'Loading model details...' },
+    loadingComparison: { zh: '正在加载对比数据...', en: 'Loading comparison data...' },
+    modelLoading: { zh: '加载中', en: 'Loading' },
   },
 
   // ========================================================================
@@ -276,6 +335,11 @@ export const i18n = {
       analyzing: { zh: '分析中', en: 'Analyzing' },
       principle_generated: { zh: '原则生成', en: 'Principle Generated' },
       completed: { zh: '已完成', en: 'Completed' },
+      // Principle status labels
+      candidate: { zh: '候选', en: 'Candidate' },
+      probation: { zh: '试用', en: 'Probation' },
+      active: { zh: '活跃', en: 'Active' },
+      deprecated: { zh: '废弃', en: 'Deprecated' },
     },
 
     // Status filter
@@ -306,6 +370,19 @@ export const i18n = {
     evolutionTimeline: { zh: '进化时间线', en: 'Evolution Timeline' },
     detailedEvents: { zh: '详细事件', en: 'Detailed Events' },
     reason: { zh: '原因', en: 'Reason' },
+
+    // EvolutionPage panel headers (previously hardcoded Chinese)
+    currentStage: { zh: '当前阶段', en: 'Current Stage' },
+    principleLifecycle: { zh: '原则生命周期', en: 'Principle Lifecycle' },
+    nocturnalTrainingStatus: { zh: '夜间训练状态', en: 'Nocturnal Training Status' },
+    trainingQueue: { zh: '训练队列', en: 'Training Queue' },
+    arbiterPassRate: { zh: 'Arbiter 通过率', en: 'Arbiter Pass Rate' },
+    orpoSampleCount: { zh: 'ORPO 样本数', en: 'ORPO Sample Count' },
+    modelDeployments: { zh: '模型部署', en: 'Model Deployments' },
+    deploymentCount: { zh: '个', en: 'deployments' },
+    pendingShort: { zh: '待', en: 'P' },
+    inProgressShort: { zh: '中', en: 'I' },
+    completedShort: { zh: '完', en: 'C' },
   },
 
   // ========================================================================

package/ui/src/pages/EvolutionPage.tsx

@@ -1,45 +1,34 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { ChevronLeft } from 'lucide-react';
+import React, { useEffect, useMemo, useState } from 'react';
+import { ChevronLeft, Clock, Activity, Shield, Zap, BookOpen } from 'lucide-react';
 import { api } from '../api';
 import type {
-  OverviewResponse,
-  SampleDetailResponse,
-  SamplesResponse,
-  ThinkingModelDetailResponse,
-  ThinkingOverviewResponse,
   EvolutionTasksResponse,
   EvolutionTraceResponse,
   EvolutionStatsResponse,
-  OverviewHealthResponse,
   EvolutionPrinciplesResponse,
-  FeedbackGfiResponse,
-  GateStatsResponse,
-  GateBlockItem,
-  EmpathyEvent,
-  FeedbackGateBlock,
 } from '../types';
-import { Sparkline, DonutChart, GroupedBarChart, TimeRangeSelector, CollapsiblePanel, StatusBadge, EmptyState } from '../charts';
+import { DonutChart, GroupedBarChart, TimeRangeSelector, StatusBadge, EmptyState } from '../charts';
 import { useI18n } from '../i18n/ui';
 import { formatPercent, formatDate, formatDuration } from '../utils/format';
 import { Loading, ErrorState } from '../components';
 
 const STAGE_COLORS: Record<string, string> = {
-  pain_detected: '#ef4444',
-  queued: '#f59e0b',
-  started: '#3b82f6',
+  pain_detected: 'var(--error)',
+  queued: 'var(--warning)',
+  started: 'var(--info)',
   analyzing: '#8b5cf6',
-  principle_generated: '#22c55e',
-  completed: '#22c55e',
+  principle_generated: 'var(--success)',
+  completed: 'var(--success)',
 };
 
-const STAGE_LABELS: Record<string, string> = {
-  pain_detected: '痛点检测',
-  queued: '已入队',
-  started: '开始处理',
-  analyzing: '分析中',
-  principle_generated: '原则生成',
-  completed: '已完成',
-};
+const STAGE_LABEL_KEYS: string[] = [
+  'pain_detected',
+  'queued',
+  'started',
+  'analyzing',
+  'principle_generated',
+  'completed',
+];
 
 export function EvolutionPage() {
   const { t } = useI18n();
@@ -86,10 +75,10 @@ export function EvolutionPage() {
 
   // Prepare donut chart data
   const statusSegments = [
-    { label: t('evolution.pending'), value: stats.pending, color: '#f59e0b' },
-    { label: t('evolution.inProgress'), value: stats.inProgress, color: '#3b82f6' },
-    { label: t('evolution.completed'), value: stats.completed, color: '#22c55e' },
-    { label: t('evolution.failed'), value: stats.failed, color: '#ef4444' },
+    { label: t('evolution.pending'), value: stats.pending, color: 'var(--warning)' },
+    { label: t('evolution.inProgress'), value: stats.inProgress, color: 'var(--info)' },
+    { label: t('evolution.completed'), value: stats.completed, color: 'var(--success)' },
+    { label: t('evolution.failed'), value: stats.failed, color: 'var(--error)' },
   ].filter(s => s.value > 0);
 
   return (
@@ -112,23 +101,15 @@ export function EvolutionPage() {
       {/* Current Stage Indicator */}
       {evoPrinciples && (
         <section className="panel" style={{ marginBottom: 'var(--space-5)' }}>
-          <h3>当前阶段</h3>
+          <h3>{t('evolution.currentStage')}</h3>
           <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-3)', padding: 'var(--space-3) 0' }}>
-            <span style={{
-              padding: 'var(--space-2) var(--space-4)',
-              borderRadius: 'var(--radius-lg)',
-              fontSize: '15px',
-              fontWeight: 600,
-              background: 'var(--accent)',
-              color: '#fff',
-              border: '2px solid var(--accent)',
-            }}>
-              {evoPrinciples.activeStage === 'pending' ? <><Clock size={16} style={{marginRight: 6, verticalAlign: 'middle'}}/>{t('evolution.activeStage.pending')}</> :
-               evoPrinciples.activeStage === 'in_progress' ? <><Activity size={16} style={{marginRight: 6, verticalAlign: 'middle'}}/>{t('evolution.activeStage.in_progress')}</> :
-               evoPrinciples.activeStage === 'completed' ? <><Shield size={16} style={{marginRight: 6, verticalAlign: 'middle'}}/>{t('evolution.activeStage.completed')}</> :
-               evoPrinciples.activeStage === 'idle' ? <><Zap size={16} style={{marginRight: 6, verticalAlign: 'middle'}}/>{t('evolution.activeStage.idle')}</> : evoPrinciples.activeStage}
+            <span className="stage-badge">
+              {evoPrinciples.activeStage === 'pending' ? <><Clock size={16} /><span>{t('evolution.activeStage.pending')}</span></> :
+               evoPrinciples.activeStage === 'in_progress' ? <><Activity size={16} /><span>{t('evolution.activeStage.in_progress')}</span></> :
+               evoPrinciples.activeStage === 'completed' ? <><Shield size={16} /><span>{t('evolution.activeStage.completed')}</span></> :
+               evoPrinciples.activeStage === 'idle' ? <><Zap size={16} /><span>{t('evolution.activeStage.idle')}</span></> : evoPrinciples.activeStage}
             </span>
-            <span style={{ color: 'var(--text-secondary)', fontSize: '14px' }}>
+            <span className="text-sm" style={{ color: 'var(--text-secondary)' }}>
               {t('evolution.enhancementLoopStatus')}
             </span>
           </div>
@@ -139,12 +120,12 @@ export function EvolutionPage() {
       {evoPrinciples && (
         <div className="grid two-columns" style={{ marginBottom: 'var(--space-5)' }}>
           <section className="panel">
-            <h3><BookOpen size={16} style={{marginRight: 6, verticalAlign: 'middle'}}/>原则生命周期</h3>
+            <h3><BookOpen size={16} />{t('evolution.principleLifecycle')}</h3>
             <div className="pill-row" style={{ marginBottom: 'var(--space-3)' }}>
-              <StatusBadge variant="warning">候选: {evoPrinciples.principles.summary.candidate}</StatusBadge>
-              <StatusBadge variant="info">试用: {evoPrinciples.principles.summary.probation}</StatusBadge>
-              <StatusBadge variant="success">活跃: {evoPrinciples.principles.summary.active}</StatusBadge>
-              <StatusBadge variant="error">废弃: {evoPrinciples.principles.summary.deprecated}</StatusBadge>
+              <StatusBadge variant="warning">{t('evolution.stageLabels.candidate')}: {evoPrinciples.principles.summary.candidate}</StatusBadge>
+              <StatusBadge variant="info">{t('evolution.stageLabels.probation')}: {evoPrinciples.principles.summary.probation}</StatusBadge>
+              <StatusBadge variant="success">{t('evolution.stageLabels.active')}: {evoPrinciples.principles.summary.active}</StatusBadge>
+              <StatusBadge variant="error">{t('evolution.stageLabels.deprecated')}: {evoPrinciples.principles.summary.deprecated}</StatusBadge>
             </div>
             {evoPrinciples.principles.recent.length > 0 && (
               <div className="stack">
@@ -161,23 +142,23 @@ export function EvolutionPage() {
             )}
           </section>
           <section className="panel">
-            <h3>💤 夜间训练状态</h3>
+            <h3>💤 {t('evolution.nocturnalTrainingStatus')}</h3>
             <div className="stack">
               <div className="row-card">
-                <strong>训练队列</strong>
-                <span>待: {evoPrinciples.nocturnalTraining.queue.pending} | 中: {evoPrinciples.nocturnalTraining.queue.inProgress} | 完: {evoPrinciples.nocturnalTraining.queue.completed}</span>
+                <strong>{t('evolution.trainingQueue')}</strong>
+                <span>{t('evolution.pendingShort')}: {evoPrinciples.nocturnalTraining.queue.pending} | {t('evolution.inProgressShort')}: {evoPrinciples.nocturnalTraining.queue.inProgress} | {t('evolution.completedShort')}: {evoPrinciples.nocturnalTraining.queue.completed}</span>
               </div>
               <div className="row-card">
-                <strong>Arbiter 通过率</strong>
+                <strong>{t('evolution.arbiterPassRate')}</strong>
                 <span>{(evoPrinciples.nocturnalTraining.arbiterPassRate * 100).toFixed(1)}%</span>
               </div>
               <div className="row-card">
-                <strong>ORPO 样本数</strong>
+                <strong>{t('evolution.orpoSampleCount')}</strong>
                 <span>{evoPrinciples.nocturnalTraining.orpoSampleCount}</span>
               </div>
               <div className="row-card">
-                <strong>模型部署</strong>
-                <span>{evoPrinciples.nocturnalTraining.deployments.length} 个</span>
+                <strong>{t('evolution.modelDeployments')}</strong>
+                <span>{evoPrinciples.nocturnalTraining.deployments.length} {t('evolution.deploymentCount')}</span>
               </div>
             </div>
           </section>

package/ui/src/pages/FeedbackPage.tsx

@@ -136,5 +136,3 @@ export function FeedbackPage() {
     </div>
   );
 }
-
-// ===== Phase 6: Gate Monitor Page =====

package/ui/src/pages/GateMonitorPage.tsx

@@ -80,7 +80,7 @@ export function GateMonitorPage() {
         <section className="panel">
           <h3>🔐 {t('gate.trustEngine')}</h3>
           <div style={{ padding: 'var(--space-3) 0' }}>
-            <div style={{ fontSize: '24px', fontWeight: 700 }}>Stage {gateStats.trust.stage}: {gateStats.trust.status}</div>
+            <div style={{ fontSize: '1.5rem', fontWeight: 700 }}>Stage {gateStats.trust.stage}: {gateStats.trust.status}</div>
             <div style={{ marginTop: 'var(--space-2)', width: '100%', height: '12px', background: 'var(--bg-sunken)', borderRadius: '6px' }}>
               <div style={{ width: `${gateStats.trust.score}%`, height: '100%', background: 'var(--info)', borderRadius: '6px' }} />
             </div>
@@ -92,11 +92,11 @@ export function GateMonitorPage() {
         <section className="panel">
           <h3>🌱 {t('gate.evolutionEngine')}</h3>
           <div style={{ padding: 'var(--space-3) 0' }}>
-            <div style={{ fontSize: '24px', fontWeight: 700 }}>{gateStats.evolution.tier} ({gateStats.evolution.status})</div>
+            <div style={{ fontSize: '1.5rem', fontWeight: 700 }}>{gateStats.evolution.tier} ({gateStats.evolution.status})</div>
             <div style={{ marginTop: 'var(--space-2)', width: '100%', height: '12px', background: 'var(--bg-sunken)', borderRadius: '6px' }}>
               <div style={{ width: `${Math.min(100, gateStats.evolution.points / 10)}%`, height: '100%', background: 'var(--success)', borderRadius: '6px' }} />
             </div>
-            <div style={{ fontSize: '13px', color: 'var(--text-secondary)', marginTop: 'var(--space-1)' }}>
+            <div className="text-sm" style={{ color: 'var(--text-secondary)', marginTop: 'var(--space-1)' }}>
               {t('gate.points')}: {gateStats.evolution.points}
             </div>
           </div>

package/ui/src/pages/LoginPage.tsx

@@ -44,7 +44,7 @@ export function LoginPage() {
 
         <form className="login-form" onSubmit={handleSubmit}>
           <div className="form-group">
-            <label htmlFor="token">Gateway Token</label>
+            <label htmlFor="token">{t('auth.tokenLabel')}</label>
             <input
               id="token"
               type="password"
@@ -52,6 +52,7 @@ export function LoginPage() {
               onChange={(e) => setToken(e.target.value)}
               placeholder={t('auth.tokenPlaceholder')}
               autoComplete="off"
+              aria-label={t('auth.tokenLabel')}
             />
             <span className="form-hint">
               {t('auth.tokenHint')}

package/ui/src/pages/OverviewPage.tsx

@@ -196,11 +196,11 @@ function WorkspaceHealthPanel({ entry }: { entry: WorkspaceHealthEntry }) {
         {/* Full-width GFI trend chart */}
         <section style={{ marginTop: 'var(--space-4)', borderTop: '1px solid var(--border)', paddingTop: 'var(--space-4)' }}>
           <div style={{ display: 'flex', alignItems: 'baseline', gap: 8, marginBottom: 8 }}>
-            <span style={{ fontSize: '0.8rem', fontWeight: 600, color: 'var(--text-primary)' }}>
-              📈 {t('overview.health.gfi')} · 今日趋势
+            <span className="text-lg text-semibold">
+              {t('overview.health.gfi')} · {t('overview.recentTrend')}
             </span>
-            <span style={{ fontSize: '0.7rem', color: 'var(--text-secondary)' }}>
-              今日峰值: {h.gfi.peakToday}
+            <span className="text-sm" style={{ color: 'var(--text-secondary)' }}>
+              {t('overview.health.peakToday')}: {h.gfi.peakToday}
             </span>
           </div>
           {h.gfi.trend.length >= 2 ? (
@@ -236,10 +236,11 @@ function ThinkingModelDistribution({
   modelBreakdown?: Array<{ modelId: string; hits: number }>;
   definitions?: Array<{ modelId: string; name: string; description: string }>;
 }) {
+  const { t } = useI18n();
   if (!definitions || definitions.length === 0) {
     return (
-      <div style={{ textAlign: 'center', padding: 'var(--space-3)', color: 'var(--text-secondary)', fontSize: '0.85rem' }}>
-        暂无思维模型定义
+      <div className="text-center" style={{ padding: 'var(--space-3)', color: 'var(--text-secondary)', fontSize: 'var(--text-lg, 0.8rem)' }}>
+        {t('overview.noDefinitions')}
       </div>
     );
   }
@@ -249,8 +250,8 @@ function ThinkingModelDistribution({
 
   if (!hasAnyHits) {
     return (
-      <div style={{ textAlign: 'center', padding: 'var(--space-3)', color: 'var(--text-secondary)', fontSize: '0.85rem' }}>
-        暂无思维模型使用记录。AI 开始使用后这里会显示数据。
+      <div className="text-center" style={{ padding: 'var(--space-3)', color: 'var(--text-secondary)', fontSize: 'var(--text-lg, 0.8rem)' }}>
+        {t('overview.noUsage')}
       </div>
     );
   }
@@ -472,7 +473,7 @@ export function OverviewPage() {
       ) : (
         <section className="panel" style={{ marginBottom: 'var(--space-4)' }}>
           <div style={{ textAlign: 'center', padding: 'var(--space-4)', color: 'var(--text-secondary)' }}>
-            {t('overview.health.noWorkspaces') || 'No enabled workspaces found'}
+            {t('overview.health.noWorkspaces') || t('overview.noWorkspacesFound')}
           </div>
         </section>
       )}

package/ui/src/pages/SamplesPage.tsx

@@ -46,7 +46,7 @@ export function SamplesPage() {
       setData(samples);
       setSelected(detail);
     } catch (err) {
-      setError(err instanceof Error ? err.message : 'Review operation failed');
+      setError(err instanceof Error ? err.message : t('samples.reviewFailed'));
     }
   }
 
@@ -122,11 +122,11 @@ export function SamplesPage() {
               </div>
               <article>
                 <h4>{t('samples.badAttempt')}</h4>
-                <pre>{selected.badAttempt.rawText || selected.badAttempt.sanitizedText}</pre>
+                <pre className="sample-pre">{selected.badAttempt.rawText || selected.badAttempt.sanitizedText}</pre>
               </article>
               <article>
                 <h4>{t('samples.userCorrection')}</h4>
-                <pre>{selected.userCorrection.rawText}</pre>
+                <pre className="sample-pre">{selected.userCorrection.rawText}</pre>
               </article>
               <article>
                 <h4>{t('samples.recoveryToolSpan')}</h4>