@cat-factory/app 0.47.9 → 0.47.10

package/app/components/clarity/ClarityReviewWindow.vue

@@ -22,6 +22,7 @@ import type {
 const board = useBoardStore()
 const clarity = useClarityStore()
 const toast = useToast()
+const { t } = useI18n()
 
 // Draft replies, keyed by item id, so editing one item doesn't disturb others.
 const drafts = ref<Record<string, string>>({})
@@ -112,6 +113,27 @@ const STATUS_COLOR = {
   recommend_requested: 'primary',
 } as const satisfies Record<ReviewItemStatus, string>
 
+// Exhaustive enum→label maps (literal keys keep the typed-key drift guard live).
+const SEVERITY_LABELS: Record<ReviewItemSeverity, string> = {
+  low: 'clarity.severity.low',
+  medium: 'clarity.severity.medium',
+  high: 'clarity.severity.high',
+}
+const CATEGORY_LABELS: Record<ReviewItemCategory, string> = {
+  gap: 'clarity.category.gap',
+  clarification: 'clarity.category.clarification',
+  assumption: 'clarity.category.assumption',
+  risk: 'clarity.category.risk',
+  question: 'clarity.category.question',
+}
+const STATUS_LABELS: Record<ReviewItemStatus, string> = {
+  open: 'clarity.itemStatus.open',
+  answered: 'clarity.itemStatus.answered',
+  resolved: 'clarity.itemStatus.resolved',
+  dismissed: 'clarity.itemStatus.dismissed',
+  recommend_requested: 'clarity.itemStatus.recommend_requested',
+}
+
 function notifyError(title: string, e: unknown) {
   toast.add({
     title,
@@ -129,7 +151,7 @@ async function submitReply(item: ClarityReviewItem) {
     await clarity.reply(review.value, item.id, text)
     drafts.value = { ...drafts.value, [item.id]: '' }
   } catch (e) {
-    notifyError('Could not save the answer', e)
+    notifyError(t('clarity.error.saveAnswer'), e)
   }
 }
 
@@ -138,7 +160,7 @@ async function setStatus(item: ClarityReviewItem, itemStatus: ClarityItemStatus)
   try {
     await clarity.setItemStatus(review.value, item.id, itemStatus)
   } catch (e) {
-    notifyError('Could not update the finding', e)
+    notifyError(t('clarity.error.updateFinding'), e)
   }
 }
 
@@ -147,7 +169,7 @@ async function incorporate(feedback?: string) {
   try {
     await clarity.incorporate(review.value, feedback)
   } catch (e) {
-    notifyError('Could not incorporate the answers', e)
+    notifyError(t('clarity.error.incorporate'), e)
     return
   }
   redoComment.value = ''
@@ -155,8 +177,8 @@ async function incorporate(feedback?: string) {
   // The fold + re-review now run in the durable driver. Hand the user back to the board;
   // a notification calls them back only if the re-review needs more input.
   toast.add({
-    title: 'Clarifying the bug report in the background',
-    description: "You're back on the board — we'll notify you only if more input is needed.",
+    title: t('clarity.toast.clarifyingTitle'),
+    description: t('clarity.toast.clarifyingDescription'),
     icon: 'i-lucide-wand-sparkles',
   })
   close()
@@ -166,17 +188,18 @@ async function reReview() {
   if (!blockId.value) return
   try {
     const updated = await clarity.reReview(blockId.value)
+    const newFindings = clarity.openCount(updated)
     toast.add({
       title:
         updated.status === 'incorporated'
-          ? 'Reviewer is satisfied — continuing the pipeline'
+          ? t('clarity.toast.reReviewSatisfied')
           : updated.status === 'exceeded'
-            ? 'Iteration limit reached — choose how to proceed'
-            : `${clarity.openCount(updated)} new finding(s) to react to`,
+            ? t('clarity.toast.reReviewExceeded')
+            : t('clarity.toast.reReviewNewFindings', { count: newFindings }, newFindings),
       icon: 'i-lucide-sparkles',
     })
   } catch (e) {
-    notifyError('Could not re-review the bug report', e)
+    notifyError(t('clarity.error.reReview'), e)
   }
 }
 
@@ -185,9 +208,9 @@ async function proceed() {
   acting.value = true
   try {
     await clarity.proceed(blockId.value)
-    toast.add({ title: 'Proceeding to the next phase', icon: 'i-lucide-arrow-right' })
+    toast.add({ title: t('clarity.toast.proceeding'), icon: 'i-lucide-arrow-right' })
   } catch (e) {
-    notifyError('Could not proceed', e)
+    notifyError(t('clarity.error.proceed'), e)
   } finally {
     acting.value = false
   }
@@ -199,15 +222,15 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
   try {
     await clarity.resolveExceeded(blockId.value, choice)
     if (choice === 'stop-reset') {
-      toast.add({ title: 'Task reset — edit the bug report and resubmit', icon: 'i-lucide-undo' })
+      toast.add({ title: t('clarity.toast.taskReset'), icon: 'i-lucide-undo' })
       close()
     } else if (choice === 'proceed') {
-      toast.add({ title: 'Proceeding to the next phase', icon: 'i-lucide-arrow-right' })
+      toast.add({ title: t('clarity.toast.proceeding'), icon: 'i-lucide-arrow-right' })
     } else {
-      toast.add({ title: 'One more review round granted', icon: 'i-lucide-rotate-cw' })
+      toast.add({ title: t('clarity.toast.extraRoundGranted'), icon: 'i-lucide-rotate-cw' })
     }
   } catch (e) {
-    notifyError('Could not resolve the review', e)
+    notifyError(t('clarity.error.resolve'), e)
   } finally {
     acting.value = false
   }
@@ -232,12 +255,12 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
             <UIcon name="i-lucide-bug" class="h-5 w-5 text-indigo-300" />
           </div>
           <div class="min-w-0">
-            <h1 class="truncate text-base font-semibold text-white">Bug-report triage</h1>
+            <h1 class="truncate text-base font-semibold text-white">{{ t('clarity.title') }}</h1>
             <p v-if="block" class="truncate text-xs text-slate-500">{{ block.title }}</p>
           </div>
           <div class="ml-auto flex items-center gap-1.5">
             <UBadge v-if="review" color="neutral" variant="subtle" size="sm">
-              Iteration {{ iteration }} / {{ maxIterations }}
+              {{ t('clarity.iteration', { current: iteration, max: maxIterations }) }}
             </UBadge>
             <UButton icon="i-lucide-x" color="neutral" variant="ghost" size="sm" @click="close" />
           </div>
@@ -247,11 +270,15 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
           <!-- main column -->
           <div class="min-w-0 flex-1 overflow-y-auto px-6 py-5">
             <p class="mb-4 text-sm text-slate-400">
-              An AI reviewer triaged this {{ block?.level ?? 'item' }}’s bug report for fixability —
-              its description plus any linked context — and raised the questions below.
-              <span class="text-slate-300">Answer</span> the relevant ones and
-              <span class="text-slate-300">dismiss</span> the irrelevant, then incorporate them; the
-              reviewer re-reviews until the bug report is clear enough to fix.
+              <i18n-t keypath="clarity.intro" tag="span" scope="global">
+                <template #level>{{ block?.level ?? t('clarity.itemFallback') }}</template>
+                <template #answer
+                  ><span class="text-slate-300">{{ t('clarity.introAnswer') }}</span></template
+                >
+                <template #dismiss
+                  ><span class="text-slate-300">{{ t('clarity.introDismiss') }}</span></template
+                >
+              </i18n-t>
             </p>
 
             <!-- empty state — the reviewer runs automatically as the first pipeline
@@ -260,8 +287,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
               v-if="!review && !busy && !loading"
               class="rounded-lg border border-dashed border-slate-700 p-8 text-center text-sm text-slate-500"
             >
-              No review yet. The reviewer runs automatically as the first step when this task's
-              pipeline starts.
+              {{ t('clarity.empty') }}
             </div>
 
             <!-- working state (initial fetch on open, or a reviewer pass running) -->
@@ -270,7 +296,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
               class="flex items-center justify-center gap-2 p-8 text-sm text-slate-400"
             >
               <UIcon name="i-lucide-loader-circle" class="h-4 w-4 animate-spin" />
-              {{ loading && !busy ? 'Loading the review…' : 'Triaging the bug report…' }}
+              {{ loading && !busy ? t('clarity.loadingReview') : t('clarity.triaging') }}
             </div>
 
             <template v-else-if="review">
@@ -280,16 +306,15 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 class="mb-4 flex items-center gap-2 rounded-lg border border-emerald-900/60 bg-emerald-950/30 p-4 text-sm text-emerald-300"
               >
                 <UIcon name="i-lucide-circle-check" class="h-5 w-5 shrink-0" />
-                The bug report is clarified. The report below is what every downstream agent step
-                uses.
+                {{ t('clarity.converged') }}
               </div>
 
               <!-- iteration cap hit -->
               <IterationCapPrompt
                 v-else-if="exceeded"
                 class="mb-4"
-                :heading="`Reached the ${maxIterations}-iteration limit with findings still open.`"
-                detail="Do one more review round, proceed to the next phase with the last clarified bug report anyway, or stop and reset the task so you can rework the bug report and resubmit."
+                :heading="t('clarity.capHeading', { max: maxIterations })"
+                :detail="t('clarity.capDetail')"
                 :loading="acting"
                 @resolve="resolveExceeded"
               />
@@ -302,12 +327,10 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
               >
                 <UIcon name="i-lucide-loader-circle" class="h-5 w-5 shrink-0 animate-spin" />
                 <span v-if="incorporating">
-                  Incorporating your answers into a clarified bug report… You can close this — we’ll
-                  notify you only if more input is needed.
+                  {{ t('clarity.incorporatingStage') }}
                 </span>
                 <span v-else>
-                  Re-reviewing the updated bug report… You can close this — we’ll notify you only if
-                  more input is needed.
+                  {{ t('clarity.reReviewingStage') }}
                 </span>
               </div>
 
@@ -328,10 +351,10 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                       <div class="flex flex-wrap items-center gap-1.5">
                         <span class="text-sm font-medium text-white">{{ item.title }}</span>
                         <UBadge size="xs" variant="subtle" :color="SEVERITY_COLOR[item.severity]">
-                          {{ item.severity }}
+                          {{ t(SEVERITY_LABELS[item.severity]) }}
                         </UBadge>
                         <UBadge size="xs" variant="outline" color="neutral">
-                          {{ item.category }}
+                          {{ t(CATEGORY_LABELS[item.category]) }}
                         </UBadge>
                         <UBadge
                           size="xs"
@@ -339,7 +362,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                           :color="STATUS_COLOR[item.status]"
                           class="ml-auto"
                         >
-                          {{ item.status }}
+                          {{ t(STATUS_LABELS[item.status]) }}
                         </UBadge>
                       </div>
                       <p class="mt-1 whitespace-pre-line text-sm text-slate-400">
@@ -352,7 +375,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                         class="mt-2 rounded-md border-l-2 border-slate-700 bg-slate-950/40 px-3 py-1.5 text-sm text-slate-300"
                       >
                         <span class="text-[10px] uppercase tracking-wide text-slate-500">
-                          Answer
+                          {{ t('clarity.answerLabel') }}
                         </span>
                         <p class="whitespace-pre-line">{{ item.reply }}</p>
                       </div>
@@ -366,7 +389,11 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                           autoresize
                           size="sm"
                           class="mt-2 w-full"
-                          :placeholder="item.reply ? 'Refine your answer…' : 'Answer this finding…'"
+                          :placeholder="
+                            item.reply
+                              ? t('clarity.refineAnswerPlaceholder')
+                              : t('clarity.answerPlaceholder')
+                          "
                           :disabled="frozen"
                         />
                         <div class="mt-2 flex flex-wrap items-center gap-2">
@@ -378,7 +405,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                             :disabled="!(drafts[item.id] ?? '').trim() || frozen"
                             @click="submitReply(item)"
                           >
-                            Save answer
+                            {{ t('clarity.saveAnswer') }}
                           </UButton>
                           <UButton
                             color="neutral"
@@ -388,7 +415,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                             :disabled="frozen"
                             @click="setStatus(item, 'dismissed')"
                           >
-                            Dismiss as irrelevant
+                            {{ t('clarity.dismissIrrelevant') }}
                           </UButton>
                         </div>
                       </template>
@@ -403,7 +430,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                           :disabled="frozen"
                           @click="setStatus(item, 'open')"
                         >
-                          Reopen
+                          {{ t('clarity.reopen') }}
                         </UButton>
                       </div>
                     </div>
@@ -416,7 +443,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 <div class="mb-3 flex items-center gap-1.5 text-[11px] text-emerald-400">
                   <UIcon name="i-lucide-file-check-2" class="h-3.5 w-3.5" />
                   <span class="font-semibold uppercase tracking-wide">
-                    {{ incorporated ? 'Clarified bug report' : 'Clarified bug report (draft)' }}
+                    {{ incorporated ? t('clarity.docHeading') : t('clarity.docHeadingDraft') }}
                   </span>
                 </div>
                 <div v-for="s in outline.sections" :key="s.id" class="mb-2">
@@ -451,19 +478,19 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
             <div class="flex flex-col gap-4 px-4 py-5">
               <div v-if="review" class="space-y-2 text-xs text-slate-400">
                 <div class="flex items-center justify-between">
-                  <span>Findings</span>
+                  <span>{{ t('clarity.rail.findings') }}</span>
                   <span class="text-slate-300">{{ review.items.length }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                  <span>Open</span>
+                  <span>{{ t('clarity.rail.open') }}</span>
                   <span class="text-slate-300">{{ openCount }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                  <span>Answered</span>
+                  <span>{{ t('clarity.rail.answered') }}</span>
                   <span class="text-slate-300">{{ answeredCount }}</span>
                 </div>
                 <div v-if="review.model" class="flex items-center justify-between">
-                  <span>Model</span>
+                  <span>{{ t('clarity.rail.model') }}</span>
                   <span class="truncate pl-2 text-slate-500">{{ review.model }}</span>
                 </div>
               </div>
@@ -482,7 +509,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   :loading="acting"
                   @click="proceed"
                 >
-                  Proceed (nothing to incorporate)
+                  {{ t('clarity.proceedNothing') }}
                 </UButton>
                 <UButton
                   v-else
@@ -494,17 +521,16 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   :disabled="!canIncorporate"
                   @click="incorporate()"
                 >
-                  Incorporate answers
+                  {{ t('clarity.incorporateAnswers') }}
                 </UButton>
                 <p class="text-[11px] leading-relaxed text-slate-500">
                   <template v-if="canProceed">
-                    Every finding is dismissed — proceed to the next phase without reworking.
+                    {{ t('clarity.hint.proceed') }}
                   </template>
                   <template v-else-if="canIncorporate">
-                    Folds your answers into one clarified bug report, then re-reviews it
-                    automatically.
+                    {{ t('clarity.hint.incorporate') }}
                   </template>
-                  <template v-else> Answer or dismiss every finding to continue. </template>
+                  <template v-else> {{ t('clarity.hint.answerAll') }} </template>
                 </p>
               </div>
 
@@ -518,7 +544,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   :loading="busy"
                   @click="reReview"
                 >
-                  {{ busy ? 'Re-reviewing…' : 'Looks good — re-review' }}
+                  {{ busy ? t('clarity.reReviewing') : t('clarity.looksGoodReReview') }}
                 </UButton>
                 <UButton
                   color="neutral"
@@ -528,7 +554,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   icon="i-lucide-pencil"
                   @click="showRedo = !showRedo"
                 >
-                  Redo incorporation
+                  {{ t('clarity.redoIncorporation') }}
                 </UButton>
                 <div v-if="showRedo" class="space-y-2">
                   <UTextarea
@@ -537,7 +563,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                     autoresize
                     size="sm"
                     class="w-full"
-                    placeholder="What should the merge do differently?"
+                    :placeholder="t('clarity.redoPlaceholder')"
                   />
                   <UButton
                     color="primary"
@@ -549,12 +575,11 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                     :disabled="!redoComment.trim()"
                     @click="incorporate(redoComment.trim())"
                   >
-                    Redo with this direction
+                    {{ t('clarity.redoWithDirection') }}
                   </UButton>
                 </div>
                 <p class="text-[11px] leading-relaxed text-slate-500">
-                  Re-review runs the reviewer against this report. If you’re unhappy with how it was
-                  merged, redo it with a comment instead.
+                  {{ t('clarity.redoHint') }}
                 </p>
               </div>
 
@@ -562,7 +587,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 v-if="review && incorporated"
                 class="border-t border-slate-800 pt-4 text-[11px] leading-relaxed text-slate-500"
               >
-                Bug report clarified — the pipeline is continuing with the report on the left.
+                {{ t('clarity.incorporatedFooter') }}
               </div>
             </div>
           </aside>

package/app/components/consensus/ConsensusSessionWindow.vue

@@ -9,6 +9,8 @@
 import { computed } from 'vue'
 import type { ConsensusContribution, ConsensusSession } from '~/types/consensus'
 
+const { t, n } = useI18n()
+
 const board = useBoardStore()
 const consensus = useConsensusStore()
 
@@ -24,36 +26,60 @@ const session = computed<ConsensusSession | null>(() =>
 )
 const loading = computed(() => (blockId.value ? consensus.isLoading(blockId.value) : false))
 
-const STRATEGY_LABEL: Record<string, string> = {
-  'specialist-panel': 'Specialist panel',
-  debate: 'Debate',
-  'ranked-voting': 'Ranked voting',
+// Exhaustive enum→key maps (literal key strings keep the typed-key drift guard live,
+// vs a runtime-built `consensus.strategy.${value}`).
+const STRATEGY_LABEL_KEYS: Record<string, string> = {
+  'specialist-panel': 'consensus.strategy.specialistPanel',
+  debate: 'consensus.strategy.debate',
+  'ranked-voting': 'consensus.strategy.rankedVoting',
+}
+const ROUND_LABEL_KEYS: Record<string, string> = {
+  draft: 'consensus.round.draft',
+  critique: 'consensus.round.critique',
+  score: 'consensus.round.score',
+}
+const STATUS_LABEL_KEYS: Record<string, string> = {
+  running: 'consensus.status.running',
+  synthesizing: 'consensus.status.synthesizing',
+  done: 'consensus.status.done',
+  failed: 'consensus.status.failed',
 }
-const ROUND_LABEL: Record<string, string> = {
-  draft: 'Independent drafts',
-  critique: 'Critique & revision',
-  score: 'Scoring',
+const STATUS_CLASS: Record<string, string> = {
+  running: 'bg-sky-500/15 text-sky-300',
+  synthesizing: 'bg-indigo-500/15 text-indigo-300',
+  done: 'bg-emerald-500/15 text-emerald-300',
+  failed: 'bg-rose-500/15 text-rose-300',
 }
 
-const STATUS_META: Record<string, { label: string; class: string }> = {
-  running: { label: 'Running', class: 'bg-sky-500/15 text-sky-300' },
-  synthesizing: { label: 'Synthesizing', class: 'bg-indigo-500/15 text-indigo-300' },
-  done: { label: 'Done', class: 'bg-emerald-500/15 text-emerald-300' },
-  failed: { label: 'Failed', class: 'bg-rose-500/15 text-rose-300' },
+function strategyLabel(strategy: string): string {
+  const key = STRATEGY_LABEL_KEYS[strategy]
+  return key ? t(key) : strategy
+}
+function roundLabel(kind: string | null | undefined): string {
+  if (!kind) return t('consensus.round.contributions')
+  const key = ROUND_LABEL_KEYS[kind]
+  return key ? t(key) : kind
+}
+function statusLabel(status: string): string {
+  const key = STATUS_LABEL_KEYS[status]
+  return key ? t(key) : status
 }
 
 /** Anonymous label (Expert A/B/…) for a participant, matching the backend's ordering. */
 function anonLabel(participantId: string): string {
   const idx = session.value?.participants.findIndex((p) => p.id === participantId) ?? -1
-  return `Expert ${String.fromCharCode(65 + (idx < 0 ? 0 : idx % 26))}`
+  return t('consensus.expert', { letter: String.fromCharCode(65 + (idx < 0 ? 0 : idx % 26)) })
 }
 
 function roleFor(participantId: string): string {
-  return session.value?.participants.find((p) => p.id === participantId)?.role ?? 'Participant'
+  return (
+    session.value?.participants.find((p) => p.id === participantId)?.role ??
+    t('consensus.participant')
+  )
 }
 
-function pct(n: number | null | undefined): string {
-  return n == null ? '—' : `${Math.round(n * 100)}%`
+function pct(value: number | null | undefined): string {
+  return value == null ? '—' : n(value, 'percent')
 }
 
 function topScore(c: ConsensusContribution): { label: string; value: number } | null {
@@ -80,20 +106,27 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
           </div>
           <div class="min-w-0 flex-1">
             <h2 class="truncate text-sm font-semibold text-slate-100">
-              Consensus ·
-              {{ session ? (STRATEGY_LABEL[session.strategy] ?? session.strategy) : '' }}
+              {{ t('consensus.titlePrefix') }} ·
+              {{ session ? strategyLabel(session.strategy) : '' }}
               <span v-if="block" class="font-normal text-slate-400">— {{ block.title }}</span>
             </h2>
             <p v-if="session" class="text-xs text-slate-500">
-              {{ session.agentKind }} · {{ session.participants.length }} participants
+              {{ session.agentKind }} ·
+              {{
+                t(
+                  'consensus.participantCount',
+                  { count: session.participants.length },
+                  session.participants.length,
+                )
+              }}
             </p>
           </div>
           <span
             v-if="session"
             class="rounded-full px-2.5 py-1 text-xs font-medium"
-            :class="STATUS_META[session.status]?.class ?? 'bg-slate-700 text-slate-300'"
+            :class="STATUS_CLASS[session.status] ?? 'bg-slate-700 text-slate-300'"
           >
-            {{ STATUS_META[session.status]?.label ?? session.status }}
+            {{ statusLabel(session.status) }}
           </span>
           <button
             class="rounded-lg p-1.5 text-slate-400 hover:bg-slate-800 hover:text-slate-200"
@@ -105,10 +138,10 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
 
         <div class="flex-1 overflow-y-auto px-6 py-5">
           <div v-if="loading && !session" class="py-16 text-center text-sm text-slate-500">
-            Loading consensus session…
+            {{ t('consensus.loading') }}
           </div>
           <div v-else-if="!session" class="py-16 text-center text-sm text-slate-500">
-            No consensus session has run for this step yet.
+            {{ t('consensus.empty') }}
           </div>
           <template v-else>
             <!-- failure -->
@@ -116,19 +149,19 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
               v-if="session.status === 'failed'"
               class="mb-5 rounded-lg border border-rose-800/60 bg-rose-950/40 px-4 py-3 text-sm text-rose-200"
             >
-              Consensus failed: {{ session.error ?? 'unknown error' }}
+              {{ t('consensus.failed', { error: session.error ?? t('consensus.unknownError') }) }}
             </div>
 
             <!-- synthesized result -->
             <section v-if="session.synthesis" class="mb-6">
               <div class="mb-2 flex items-center gap-2">
                 <h3 class="text-xs font-semibold uppercase tracking-wide text-slate-400">
-                  Synthesized result
+                  {{ t('consensus.synthesizedResult') }}
                 </h3>
                 <span
                   v-if="session.confidence != null"
                   class="rounded bg-emerald-500/15 px-1.5 py-0.5 text-xs text-emerald-300"
-                  >confidence {{ pct(session.confidence) }}</span
+                  >{{ t('consensus.confidence', { pct: pct(session.confidence) }) }}</span
                 >
               </div>
               <pre
@@ -150,7 +183,7 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
             <!-- participants -->
             <section class="mb-6">
               <h3 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-400">
-                Panel
+                {{ t('consensus.panel') }}
               </h3>
               <div class="flex flex-wrap gap-2">
                 <div
@@ -158,9 +191,9 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
                   :key="p.id"
                   class="rounded-lg border border-slate-800 bg-slate-950/40 px-3 py-1.5 text-xs"
                 >
-                  <span class="font-medium text-slate-200"
-                    >Expert {{ String.fromCharCode(65 + i) }}</span
-                  >
+                  <span class="font-medium text-slate-200">{{
+                    t('consensus.expert', { letter: String.fromCharCode(65 + i) })
+                  }}</span>
                   <span class="text-slate-400"> · {{ p.role }}</span>
                   <span v-if="p.modelId" class="ml-1 text-slate-500">({{ p.modelId }})</span>
                 </div>
@@ -170,8 +203,8 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
             <!-- rounds -->
             <section v-for="round in session.rounds" :key="round.index" class="mb-5">
               <h3 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-400">
-                Round {{ round.index + 1 }} ·
-                {{ round.kind ? (ROUND_LABEL[round.kind] ?? round.kind) : 'Contributions' }}
+                {{ t('consensus.round.heading', { n: round.index + 1 }) }} ·
+                {{ roundLabel(round.kind) }}
               </h3>
               <div class="space-y-3">
                 <div
@@ -187,7 +220,12 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
                     <span
                       v-if="topScore(c)"
                       class="ml-auto rounded bg-slate-800 px-1.5 py-0.5 text-xs text-slate-300"
-                      >top {{ topScore(c)!.label }} {{ pct(topScore(c)!.value) }}</span
+                      >{{
+                        t('consensus.topScore', {
+                          label: topScore(c)!.label,
+                          pct: pct(topScore(c)!.value),
+                        })
+                      }}</span
                     >
                   </div>
                   <pre class="whitespace-pre-wrap text-sm text-slate-300">{{ c.text }}</pre>