@cat-factory/app 0.46.10 → 0.46.11

package/app/components/panels/inspector/TaskExecution.vue

@@ -11,6 +11,7 @@ const agentRuns = useAgentRunsStore()
 const ui = useUiStore()
 const models = useModelsStore()
 const reviews = useReviewStage()
+const { t } = useI18n()
 
 // The async stage this task's iterative reviewer gate (requirements-review / clarity-review)
 // is mid-cycle in (folding the answers, then re-reviewing), or null. While set, the gate is
@@ -19,11 +20,11 @@ const reviews = useReviewStage()
 const reviewStage = computed(() => reviews.stageForBlock(props.block.id))
 const reviewStageLabel = computed(() =>
   reviewStage.value === 'incorporating'
-    ? 'Incorporating…'
+    ? t('inspector.execution.stage.incorporating')
     : reviewStage.value === 'reviewing'
-      ? 'Re-reviewing…'
+      ? t('inspector.execution.stage.reviewing')
       : reviewStage.value === 'recommending'
-        ? 'Recommending…'
+        ? t('inspector.execution.stage.recommending')
         : null,
 )
 
@@ -44,14 +45,16 @@ const pr = computed(() => props.block.pullRequest)
 const prMerged = computed(() => props.block.status === 'done')
 const prLabel = computed(() => {
   const number = pr.value?.number
-  return number ? `PR #${number}` : 'Pull request'
+  return number
+    ? t('inspector.execution.prNumber', { number })
+    : t('inspector.execution.pullRequest')
 })
 
 const stepLabel: Record<string, string> = {
-  pending: 'Pending',
-  working: 'Working',
-  waiting_decision: 'Needs decision',
-  done: 'Done',
+  pending: 'inspector.execution.stepState.pending',
+  working: 'inspector.execution.stepState.working',
+  waiting_decision: 'inspector.execution.stepState.waiting_decision',
+  done: 'inspector.execution.stepState.done',
 }
 
 /** A step left mid-flight (`working`) on a failed run gave up — not still working. */
@@ -68,17 +71,19 @@ function labelForStep(s: {
   startingContainer?: boolean
 }) {
   // A step left mid-flight on a failed run reads "Failed", not the misleading "Working".
-  if (stepFailed(s)) return 'Failed'
+  if (stepFailed(s)) return t('inspector.execution.failed')
   // A reviewer gate mid-cycle reads its working stage, not "Needs approval".
   if (reviews.isBackground(s.agentKind, props.block.id) && reviewStageLabel.value)
     return reviewStageLabel.value
   // A companion that spent its rework budget needs a decision, not an approval.
-  if (s.approval?.status === 'pending' && s.companion?.exceeded) return 'Needs decision'
-  if (s.approval?.status === 'pending') return 'Needs approval'
+  if (s.approval?.status === 'pending' && s.companion?.exceeded)
+    return t('inspector.execution.needsDecision')
+  if (s.approval?.status === 'pending') return t('inspector.execution.needsApproval')
   // A container-backed step whose container is still cold-booting (only while the
   // run is live — a failed run's mid-flight step is no longer spinning up).
-  if (s.startingContainer && !runFailed.value) return 'Spinning up…'
-  return stepLabel[s.state]
+  if (s.startingContainer && !runFailed.value) return t('inspector.execution.spinningUp')
+  const key = stepLabel[s.state]
+  return key ? t(key) : s.state
 }
 
 function openDecisionFor(decisionId: string) {
@@ -138,11 +143,11 @@ async function resetRun() {
             size="xs"
             :loading="stopping"
             :disabled="resetting"
-            title="Stop the run but keep it (readable + retryable)"
+            :title="t('inspector.execution.stopTooltip')"
             data-testid="run-stop"
             @click="stopRun"
           >
-            Stop
+            {{ t('inspector.execution.stop') }}
           </UButton>
           <!-- Destructive: discard the run and return the task to planned. -->
           <UButton
@@ -152,11 +157,11 @@ async function resetRun() {
             size="xs"
             :loading="resetting"
             :disabled="stopping"
-            title="Discard this run and reset the task to planned"
+            :title="t('inspector.execution.resetTooltip')"
             data-testid="run-reset"
             @click="resetRun"
           >
-            Reset
+            {{ t('inspector.execution.reset') }}
           </UButton>
         </div>
       </div>
@@ -173,7 +178,11 @@ async function resetRun() {
             <button
               type="button"
               class="flex min-w-0 cursor-pointer items-center gap-2 text-left transition hover:text-white"
-              :title="s.output ? 'View details & read output' : 'View step details'"
+              :title="
+                s.output
+                  ? t('inspector.execution.viewDetailsOutput')
+                  : t('inspector.execution.viewDetails')
+              "
               @click="openStep(i)"
             >
               <UIcon
@@ -187,9 +196,9 @@ async function resetRun() {
               <span
                 v-if="isCompanionKind(s.agentKind)"
                 class="shrink-0 rounded bg-slate-700/60 px-1 text-[9px] font-medium uppercase tracking-wide text-slate-300"
-                title="Companion of a producer step"
+                :title="t('inspector.execution.companionTooltip')"
               >
-                Companion
+                {{ t('inspector.execution.companion') }}
               </span>
               <UIcon
                 :name="s.output ? 'i-lucide-book-open-text' : 'i-lucide-info'"
@@ -201,8 +210,15 @@ async function resetRun() {
               class="ml-auto font-mono text-[10px] tabular-nums text-slate-300"
               :title="
                 s.subtasks.inProgress > 0
-                  ? `${s.subtasks.completed} of ${s.subtasks.total} subtasks done, ${s.subtasks.inProgress} in progress`
-                  : `${s.subtasks.completed} of ${s.subtasks.total} subtasks done`
+                  ? t('inspector.execution.subtasksProgress', {
+                      completed: s.subtasks.completed,
+                      total: s.subtasks.total,
+                      inProgress: s.subtasks.inProgress,
+                    })
+                  : t('inspector.execution.subtasksDone', {
+                      completed: s.subtasks.completed,
+                      total: s.subtasks.total,
+                    })
               "
             >
               {{ s.subtasks.completed }}/{{ s.subtasks.total }}
@@ -225,7 +241,7 @@ async function resetRun() {
               icon="i-lucide-circle-help"
               @click="openDecisionFor(s.decision.id)"
             >
-              Resolve
+              {{ t('inspector.execution.resolve') }}
             </UButton>
             <!-- reviewer gate folding/re-reviewing in the background: a working
                  indicator, NOT a "Review" gate (the human is summoned only if needed) -->
@@ -248,7 +264,7 @@ async function resetRun() {
               icon="i-lucide-alert-triangle"
               @click="openApprovalFor(s.approval.id)"
             >
-              Decide
+              {{ t('inspector.execution.decide') }}
             </UButton>
             <UButton
               v-else-if="s.approval && s.approval.status === 'pending'"
@@ -262,7 +278,11 @@ async function resetRun() {
               "
               @click="openApprovalFor(s.approval.id)"
             >
-              {{ agentKindMeta(s.agentKind).resultView ? 'Review' : 'Approve' }}
+              {{
+                agentKindMeta(s.agentKind).resultView
+                  ? t('inspector.execution.review')
+                  : t('inspector.execution.approve')
+              }}
             </UButton>
           </div>
           <div
@@ -286,10 +306,20 @@ async function resetRun() {
           <div
             v-if="s.selectedFragmentIds && s.selectedFragmentIds.length"
             class="mt-0.5 flex flex-wrap items-center gap-1 pl-6 text-[10px] text-slate-500"
-            :title="`Best-practice fragments folded into this step: ${s.selectedFragmentIds.join(', ')}`"
+            :title="
+              t('inspector.execution.fragmentsTooltip', {
+                fragments: s.selectedFragmentIds.join(', '),
+              })
+            "
           >
             <UIcon name="i-lucide-book-marked" class="h-3 w-3 shrink-0" />
-            <span>{{ s.selectedFragmentIds.length }} standard(s) applied</span>
+            <span>{{
+              t(
+                'inspector.execution.standardsApplied',
+                { count: s.selectedFragmentIds.length },
+                s.selectedFragmentIds.length,
+              )
+            }}</span>
           </div>
           <!-- Conditionally-run companion (the Tester's fixer): possible/running/
                completed/skipped, so it's clear whether a fix pass ran. -->
@@ -306,7 +336,11 @@ async function resetRun() {
               ]"
             />
             <span class="text-slate-400">
-              {{ agentKindMeta(gateCompanionFor(s, runFailed)!.kind).label }} (companion)
+              {{
+                t('inspector.execution.companionOf', {
+                  label: agentKindMeta(gateCompanionFor(s, runFailed)!.kind).label,
+                })
+              }}
             </span>
             <span
               class="ml-auto"
@@ -325,7 +359,7 @@ async function resetRun() {
     <!-- Open PR: link straight to it on GitHub -->
     <div v-if="pr" class="space-y-2">
       <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-        Pull request
+        {{ t('inspector.execution.pullRequest') }}
       </span>
       <UButton
         :to="pr.url"
@@ -342,7 +376,7 @@ async function resetRun() {
         <span class="flex w-full items-center gap-2">
           {{ prLabel }}
           <UBadge :color="prMerged ? 'success' : 'info'" variant="subtle" size="sm" class="ml-auto">
-            {{ prMerged ? 'Merged' : 'Open' }}
+            {{ prMerged ? t('inspector.execution.merged') : t('inspector.execution.open') }}
           </UBadge>
         </span>
       </UButton>
@@ -362,7 +396,7 @@ async function resetRun() {
       block
       @click="execution.mergePr(block.id)"
     >
-      Merge PR
+      {{ t('inspector.execution.mergePr') }}
     </UButton>
   </div>
 </template>

package/app/components/panels/inspector/TaskRunSettings.vue

@@ -15,6 +15,7 @@ const accounts = useAccountsStore()
 const tracker = useTrackerStore()
 const ui = useUiStore()
 const { ready, unavailableInPreset } = useAiReadiness()
+const { t, n } = useI18n()
 
 // ---- responsible product person --------------------------------------------
 // The account member (a `product` role-holder) accountable for this task; they are
@@ -34,7 +35,11 @@ const responsibleLabel = computed(() => {
 })
 const responsibleMenu = computed(() => [
   [
-    { label: 'Unassigned', icon: 'i-lucide-user-x', onSelect: () => setResponsible('') },
+    {
+      label: t('inspector.runSettings.unassigned'),
+      icon: 'i-lucide-user-x',
+      onSelect: () => setResponsible(''),
+    },
     ...productMembers.value.map((m) => ({
       label: m.name || m.email || m.userId,
       icon: 'i-lucide-user',
@@ -62,8 +67,11 @@ const presetMenu = computed(() => [
   [
     {
       label: mergePresets.defaultPreset
-        ? `Default (${mergePresets.defaultPreset.name}) — ${mergePresetThresholds(mergePresets.defaultPreset)}`
-        : 'Workspace default',
+        ? t('inspector.runSettings.defaultPresetThresholds', {
+            name: mergePresets.defaultPreset.name,
+            thresholds: mergePresetThresholds(mergePresets.defaultPreset),
+          })
+        : t('inspector.runSettings.workspaceDefault'),
       icon: 'i-lucide-rotate-ccw',
       onSelect: () => setPreset(''),
     },
@@ -99,8 +107,8 @@ const modelPresetMenu = computed(() => [
   [
     {
       label: modelPresets.defaultPreset
-        ? `Default (${modelPresets.defaultPreset.name})`
-        : 'Workspace default',
+        ? t('inspector.runSettings.defaultPreset', { name: modelPresets.defaultPreset.name })
+        : t('inspector.runSettings.workspaceDefault'),
       icon: 'i-lucide-rotate-ccw',
       onSelect: () => setModelPreset(''),
     },
@@ -124,7 +132,7 @@ const selectedPipeline = computed(() =>
 const pipelineMenu = computed(() => [
   [
     {
-      label: 'No default',
+      label: t('inspector.runSettings.noDefault'),
       icon: 'i-lucide-rotate-ccw',
       onSelect: () => setPipeline(''),
     },
@@ -151,9 +159,13 @@ function setResolveOnMerge(value: WritebackOverride | null) {
 function writebackMenu(set: (value: WritebackOverride | null) => void) {
   return [
     [
-      { label: 'Inherit workspace', icon: 'i-lucide-rotate-ccw', onSelect: () => set(null) },
-      { label: 'On', icon: 'i-lucide-check', onSelect: () => set('on') },
-      { label: 'Off', icon: 'i-lucide-x', onSelect: () => set('off') },
+      {
+        label: t('inspector.runSettings.inheritWorkspace'),
+        icon: 'i-lucide-rotate-ccw',
+        onSelect: () => set(null),
+      },
+      { label: t('inspector.runSettings.on'), icon: 'i-lucide-check', onSelect: () => set('on') },
+      { label: t('inspector.runSettings.off'), icon: 'i-lucide-x', onSelect: () => set('off') },
     ],
   ]
 }
@@ -162,9 +174,9 @@ function writebackLabel(
   override: WritebackOverride | null | undefined,
   wsDefault: boolean,
 ): string {
-  if (override === 'on') return 'On'
-  if (override === 'off') return 'Off'
-  return `Inherit (${wsDefault ? 'on' : 'off'})`
+  if (override === 'on') return t('inspector.runSettings.on')
+  if (override === 'off') return t('inspector.runSettings.off')
+  return wsDefault ? t('inspector.runSettings.inheritOn') : t('inspector.runSettings.inheritOff')
 }
 
 const commentOnPrOpenLabel = computed(() =>
@@ -182,21 +194,29 @@ const resolveOnMergeLabel = computed(() =>
 function setTechnical(value: boolean | null) {
   board.updateBlock(props.block.id, { technical: value })
 }
-const technicalMenu = [
+const technicalMenu = computed(() => [
   [
     {
-      label: 'Unset (auto-detect)',
+      label: t('inspector.runSettings.technical.unset'),
       icon: 'i-lucide-rotate-ccw',
       onSelect: () => setTechnical(null),
     },
-    { label: 'Technical', icon: 'i-lucide-wrench', onSelect: () => setTechnical(true) },
-    { label: 'Business', icon: 'i-lucide-briefcase', onSelect: () => setTechnical(false) },
+    {
+      label: t('inspector.runSettings.technical.technical'),
+      icon: 'i-lucide-wrench',
+      onSelect: () => setTechnical(true),
+    },
+    {
+      label: t('inspector.runSettings.technical.business'),
+      icon: 'i-lucide-briefcase',
+      onSelect: () => setTechnical(false),
+    },
   ],
-]
+])
 const technicalLabel = computed(() => {
-  if (props.block.technical === true) return 'Technical'
-  if (props.block.technical === false) return 'Business'
-  return 'Unset (auto-detect)'
+  if (props.block.technical === true) return t('inspector.runSettings.technical.technical')
+  if (props.block.technical === false) return t('inspector.runSettings.technical.business')
+  return t('inspector.runSettings.technical.unset')
 })
 </script>
 
@@ -206,7 +226,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Pipeline
+          {{ t('inspector.runSettings.pipeline') }}
         </span>
         <UDropdownMenu :items="pipelineMenu">
           <UButton
@@ -230,7 +250,7 @@ const technicalLabel = computed(() => {
         </UBadge>
       </div>
       <div v-else class="text-[11px] text-slate-500">
-        No default — pick a pipeline when you run this task.
+        {{ t('inspector.runSettings.pipelineEmpty') }}
       </div>
     </div>
 
@@ -238,7 +258,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Merge policy
+          {{ t('inspector.runSettings.mergePolicy') }}
         </span>
         <UDropdownMenu :items="presetMenu">
           <UButton
@@ -251,15 +271,21 @@ const technicalLabel = computed(() => {
         </UDropdownMenu>
       </div>
       <div v-if="selectedPreset" class="text-[11px] text-slate-400">
-        <span class="text-slate-300">{{ selectedPreset.name }}</span>
-        — auto-merge when complexity ≤ {{ Math.round(selectedPreset.maxComplexity * 100) }}%, risk ≤
-        {{ Math.round(selectedPreset.maxRisk * 100) }}%, impact ≤
-        {{ Math.round(selectedPreset.maxImpact * 100) }}%; up to
-        {{ selectedPreset.ciMaxAttempts }} CI-fix attempts.
-        <span v-if="!block.mergePresetId" class="text-slate-500">(workspace default)</span>
+        <i18n-t keypath="inspector.runSettings.mergePresetDetail" tag="span" scope="global">
+          <template #name>
+            <span class="text-slate-300">{{ selectedPreset.name }}</span>
+          </template>
+          <template #complexity>{{ n(selectedPreset.maxComplexity, { key: 'percent' }) }}</template>
+          <template #risk>{{ n(selectedPreset.maxRisk, { key: 'percent' }) }}</template>
+          <template #impact>{{ n(selectedPreset.maxImpact, { key: 'percent' }) }}</template>
+          <template #attempts>{{ selectedPreset.ciMaxAttempts }}</template>
+        </i18n-t>
+        <span v-if="!block.mergePresetId" class="text-slate-500">{{
+          t('inspector.runSettings.workspaceDefaultParen')
+        }}</span>
       </div>
       <div v-else class="text-[11px] text-slate-500">
-        No preset configured — the merger raises a review notification for every PR.
+        {{ t('inspector.runSettings.mergePresetEmpty') }}
       </div>
     </div>
 
@@ -267,7 +293,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Model preset
+          {{ t('inspector.runSettings.modelPreset') }}
         </span>
         <UDropdownMenu :items="modelPresetMenu">
           <UButton
@@ -281,14 +307,21 @@ const technicalLabel = computed(() => {
       </div>
       <div v-if="selectedModelPreset" class="text-[11px] text-slate-400">
         <span class="text-slate-300">{{ selectedModelPreset.name }}</span>
-        — base {{ selectedModelPreset.baseModelId
-        }}<span v-if="Object.keys(selectedModelPreset.overrides).length">
-          , {{ Object.keys(selectedModelPreset.overrides).length }} override(s)</span
+        {{ t('inspector.runSettings.modelPresetBase', { model: selectedModelPreset.baseModelId })
+        }}<span v-if="Object.keys(selectedModelPreset.overrides).length">{{
+          t(
+            'inspector.runSettings.modelPresetOverrides',
+            { count: Object.keys(selectedModelPreset.overrides).length },
+            Object.keys(selectedModelPreset.overrides).length,
+          )
+        }}</span
         >.
-        <span v-if="!block.modelPresetId" class="text-slate-500">(workspace default)</span>
+        <span v-if="!block.modelPresetId" class="text-slate-500">{{
+          t('inspector.runSettings.workspaceDefaultParen')
+        }}</span>
       </div>
       <div v-else class="text-[11px] text-slate-500">
-        No preset configured — agents run on the deployment's default routing.
+        {{ t('inspector.runSettings.modelPresetEmpty') }}
       </div>
       <div
         v-if="unavailablePresetModels.length"
@@ -301,29 +334,31 @@ const technicalLabel = computed(() => {
           />
           <div class="min-w-0">
             <p>
-              Not available under the current configuration:
-              <span class="text-amber-100">{{ unavailablePresetModels.join(', ') }}</span
-              >. This task would fail on those steps.
+              <i18n-t keypath="inspector.runSettings.unavailableModels" tag="span" scope="global">
+                <template #models>
+                  <span class="text-amber-100">{{ unavailablePresetModels.join(', ') }}</span>
+                </template>
+              </i18n-t>
             </p>
             <div class="mt-1.5 flex flex-wrap gap-2">
               <button
                 class="font-medium text-amber-100 underline-offset-2 hover:underline"
                 @click="ui.openModelConfig()"
               >
-                Edit presets
+                {{ t('inspector.runSettings.editPresets') }}
               </button>
               <button
                 class="font-medium text-amber-100 underline-offset-2 hover:underline"
                 @click="ui.openVendorCredentials()"
               >
-                Configure vendors
+                {{ t('inspector.runSettings.configureVendors') }}
               </button>
             </div>
           </div>
         </div>
       </div>
       <p class="mt-1 text-[11px] text-slate-500">
-        Changing this affects only steps that haven't started yet.
+        {{ t('inspector.runSettings.modelPresetChangeHint') }}
       </p>
     </div>
 
@@ -331,7 +366,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Task kind
+          {{ t('inspector.runSettings.taskKind') }}
         </span>
         <UDropdownMenu :items="technicalMenu">
           <UButton
@@ -347,14 +382,13 @@ const technicalLabel = computed(() => {
       </div>
       <div class="text-[11px] text-slate-500">
         <template v-if="block.technical === true">
-          Technical — the implementer treats the task definition as primary and the spec as a
-          regression reference; the spec-writer may produce no business specs.
+          {{ t('inspector.runSettings.technicalHint.technical') }}
         </template>
         <template v-else-if="block.technical === false">
-          Business — the specification leads, as usual.
+          {{ t('inspector.runSettings.technicalHint.business') }}
         </template>
         <template v-else>
-          Auto-detect — inferred from the spec phase. Set it explicitly to override.
+          {{ t('inspector.runSettings.technicalHint.unset') }}
         </template>
       </div>
     </div>
@@ -363,12 +397,14 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Issue writeback
+          {{ t('inspector.runSettings.issueWriteback') }}
         </span>
       </div>
       <div class="space-y-1.5">
         <div class="flex items-center justify-between">
-          <span class="text-[11px] text-slate-400">Comment on PR open</span>
+          <span class="text-[11px] text-slate-400">{{
+            t('inspector.runSettings.commentOnPrOpen')
+          }}</span>
           <UDropdownMenu :items="writebackMenu(setCommentOnPrOpen)">
             <UButton
               size="xs"
@@ -381,7 +417,9 @@ const technicalLabel = computed(() => {
           </UDropdownMenu>
         </div>
         <div class="flex items-center justify-between">
-          <span class="text-[11px] text-slate-400">Close on merge</span>
+          <span class="text-[11px] text-slate-400">{{
+            t('inspector.runSettings.closeOnMerge')
+          }}</span>
           <UDropdownMenu :items="writebackMenu(setResolveOnMerge)">
             <UButton
               size="xs"
@@ -395,7 +433,7 @@ const technicalLabel = computed(() => {
         </div>
       </div>
       <div class="mt-1 text-[11px] text-slate-500">
-        Writes back to this task's linked tracker issue. Overrides the workspace default.
+        {{ t('inspector.runSettings.writebackHint') }}
       </div>
     </div>
 
@@ -403,7 +441,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Responsible product
+          {{ t('inspector.runSettings.responsibleProduct') }}
         </span>
         <UDropdownMenu :items="responsibleMenu">
           <UButton
@@ -427,7 +465,7 @@ const technicalLabel = computed(() => {
         </UBadge>
       </div>
       <div v-else class="text-[11px] text-slate-500">
-        Unassigned — set a product owner to notify them when requirement review flags this task.
+        {{ t('inspector.runSettings.responsibleEmpty') }}
       </div>
     </div>
 
@@ -435,7 +473,7 @@ const technicalLabel = computed(() => {
     <div>
       <div class="flex items-center justify-between gap-2">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Auto-start dependents
+          {{ t('inspector.runSettings.autoStartDependents') }}
         </span>
         <USwitch
           size="sm"
@@ -444,8 +482,7 @@ const technicalLabel = computed(() => {
         />
       </div>
       <div class="mt-1 text-[11px] text-slate-500">
-        When this task merges, automatically start the tasks that depend on it (once their other
-        dependencies are also done).
+        {{ t('inspector.runSettings.autoStartHint') }}
       </div>
     </div>
   </div>

package/app/components/panels/inspector/TaskStructure.vue

@@ -5,6 +5,7 @@ const props = defineProps<{ block: Block }>()
 
 const board = useBoardStore()
 const fragments = useFragmentsStore()
+const { t } = useI18n()
 
 // ---- best-practice prompt fragments ----------------------------------------
 // Selected fragments (resolved against the catalog; unknown ids are dropped).
@@ -47,13 +48,13 @@ function removeFragment(id: string) {
     <!-- module assignment -->
     <div>
       <div class="mb-1 text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-        Module
+        {{ t('inspector.structure.module') }}
       </div>
       <UInput
         v-model="block.moduleName"
         size="sm"
         class="w-full"
-        placeholder="e.g. Sessions (created on implement if new)"
+        :placeholder="t('inspector.structure.modulePlaceholder')"
         icon="i-lucide-package"
       />
     </div>
@@ -62,7 +63,7 @@ function removeFragment(id: string) {
     <div>
       <div class="mb-1 flex items-center justify-between">
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-          Best practices
+          {{ t('inspector.structure.bestPractices') }}
         </span>
         <UDropdownMenu v-if="fragmentMenu.length" :items="fragmentMenu">
           <UButton
@@ -89,7 +90,7 @@ function removeFragment(id: string) {
         </UBadge>
       </div>
       <div v-else class="text-[11px] text-slate-500">
-        None — agents follow their default guidance.
+        {{ t('inspector.structure.bestPracticesEmpty') }}
       </div>
     </div>
   </div>