@cat-factory/app 0.46.8 → 0.46.10

package/app/components/board/nodes/TaskCard.vue

@@ -13,6 +13,7 @@ const ui = useUiStore()
 const agentRuns = useAgentRunsStore()
 const reviews = useReviewStage()
 const toast = useToast()
+const { t } = useI18n()
 
 const task = computed<Block | undefined>(() => board.getBlock(props.taskId))
 const statusMeta = computed(() => (task.value ? STATUS_META[task.value.status] : null))
@@ -43,7 +44,9 @@ const defaultPipeline = computed(
 
 /** The PR the implementer agent opened for this task, if any. */
 const pr = computed(() => task.value?.pullRequest)
-const prLabel = computed(() => (pr.value?.number ? `PR #${pr.value.number}` : 'PR'))
+const prLabel = computed(() =>
+  pr.value?.number ? t('board.task.prNumber', { number: pr.value.number }) : t('board.task.pr'),
+)
 
 // This task's current agent run (if any). A failed run must surface the shared
 // failure banner + retry — NOT a stuck progress bar — so the card never looks
@@ -65,15 +68,18 @@ const starting = ref(false)
 async function run() {
   if (!runnable.value) {
     toast.add({
-      title: 'Blocked by dependencies',
-      description: `Waiting on: ${unmet.value.map((d) => d.title).join(', ')}`,
+      title: t('board.task.blockedByDependenciesTitle'),
+      description: t('board.task.waitingOn', { deps: unmet.value.map((d) => d.title).join(', ') }),
       icon: 'i-lucide-lock',
     })
     return
   }
   const pipeline = defaultPipeline.value
   if (!pipeline) {
-    toast.add({ title: 'No pipeline defined', description: 'Create one in the builder first.' })
+    toast.add({
+      title: t('board.task.noPipelineTitle'),
+      description: t('board.task.noPipelineBody'),
+    })
     return
   }
   starting.value = true
@@ -108,11 +114,11 @@ const pendingDecision = computed(() =>
 const reviewStage = computed(() => reviews.stageForBlock(props.taskId))
 const reviewStageLabel = computed(() =>
   reviewStage.value === 'incorporating'
-    ? 'Incorporating answers…'
+    ? t('board.task.incorporatingAnswers')
     : reviewStage.value === 'reviewing'
-      ? 'Re-reviewing…'
+      ? t('board.task.reReviewing')
       : reviewStage.value === 'recommending'
-        ? 'Recommending…'
+        ? t('board.task.recommending')
         : null,
 )
 const pendingApproval = computed(() => {
@@ -135,17 +141,17 @@ const attention = computed<{
   const d = pendingDecision.value
   if (d)
     return {
-      label: 'Decision needed',
+      label: t('board.task.decisionNeeded'),
       icon: 'i-lucide-circle-help',
-      action: 'Resolve',
+      action: t('board.task.resolve'),
       open: () => ui.openDecision(d.instanceId, d.decision.id),
     }
   const a = pendingApproval.value
   if (a)
     return {
-      label: 'Approval needed',
+      label: t('board.task.approvalNeeded'),
       icon: 'i-lucide-shield-check',
-      action: 'Approve',
+      action: t('board.task.approve'),
       open: () => ui.openApprovalDetail(a.instanceId, a.approval.id),
     }
   return null
@@ -155,7 +161,7 @@ const attention = computed<{
  * decision/approval reason, otherwise the generic status label. */
 const statusText = computed(() =>
   runFailed.value
-    ? 'Failed'
+    ? t('board.task.failed')
     : (reviewStageLabel.value ?? attention.value?.label ?? statusMeta.value?.label ?? ''),
 )
 
@@ -191,7 +197,11 @@ function selectTask() {
         v-if="schedule"
         name="i-lucide-repeat"
         class="h-3 w-3 shrink-0 text-indigo-400"
-        :title="schedule.enabled ? 'Recurring pipeline' : 'Recurring pipeline (paused)'"
+        :title="
+          schedule.enabled
+            ? t('board.task.recurringPipeline')
+            : t('board.task.recurringPipelinePaused')
+        "
       />
       <span
         class="ml-auto truncate text-[9px] uppercase tracking-wide"
@@ -211,7 +221,7 @@ function selectTask() {
       <button
         type="button"
         class="nodrag shrink-0 cursor-crosshair touch-none rounded-full p-0.5 text-slate-500 hover:bg-slate-800 hover:text-amber-400 pointer-coarse:p-2.5"
-        title="Drag onto another task to make it depend on this one"
+        :title="t('board.task.dragToConnect')"
         @pointerdown.stop="startConnect(task.id, $event)"
         @click.stop
       >
@@ -302,12 +312,20 @@ function selectTask() {
           :disabled="!runnable || starting"
           :title="
             runnable
-              ? `Start ${defaultPipeline?.name ?? 'pipeline'}`
-              : `Waiting on: ${unmet.map((d) => d.title).join(', ')}`
+              ? t('board.task.startPipeline', {
+                  name: defaultPipeline?.name ?? t('board.task.pipelineFallback'),
+                })
+              : t('board.task.waitingOn', { deps: unmet.map((d) => d.title).join(', ') })
           "
           @click.stop="run"
         >
-          {{ starting ? 'Starting…' : runnable ? 'Start' : 'Blocked' }}
+          {{
+            starting
+              ? t('board.task.starting')
+              : runnable
+                ? t('board.task.start')
+                : t('board.task.blocked')
+          }}
         </UButton>
         <span
           v-if="runnable && defaultPipeline"
@@ -328,7 +346,7 @@ function selectTask() {
           variant="soft"
           size="xs"
           icon="i-lucide-git-pull-request"
-          :title="`Open ${prLabel} on GitHub`"
+          :title="t('board.task.openPrOnGithub', { pr: prLabel })"
           @click.stop
         >
           {{ prLabel }}
@@ -340,7 +358,7 @@ function selectTask() {
           icon="i-lucide-scan-eye"
           @click.stop="review"
         >
-          Review
+          {{ t('board.task.review') }}
         </UButton>
         <UButton
           color="success"
@@ -349,7 +367,7 @@ function selectTask() {
           icon="i-lucide-git-merge"
           @click.stop="merge"
         >
-          Merge
+          {{ t('board.task.merge') }}
         </UButton>
       </template>
 
@@ -357,7 +375,7 @@ function selectTask() {
         v-else-if="task.status === 'done'"
         class="inline-flex items-center gap-1 text-[9px] text-emerald-400"
       >
-        <UIcon name="i-lucide-check-check" class="h-3 w-3" /> implemented
+        <UIcon name="i-lucide-check-check" class="h-3 w-3" /> {{ t('board.task.implemented') }}
       </span>
     </div>
 
@@ -368,7 +386,7 @@ function selectTask() {
     >
       <span
         class="inline-flex items-center gap-1 rounded bg-violet-500/15 px-1.5 py-0.5 text-[9px] text-violet-200"
-        :title="`Module: ${task.moduleName}`"
+        :title="t('board.task.module', { name: task.moduleName })"
       >
         <UIcon :name="MODULE_META.icon" class="h-3 w-3" :style="{ color: MODULE_META.color }" />
         {{ task.moduleName }}

package/app/components/board/nodes/TaskPipelineMini.vue

@@ -21,6 +21,7 @@ const execution = useExecutionStore()
 const ui = useUiStore()
 const expansion = useTaskExpansionStore()
 const reviews = useReviewStage()
+const { t } = useI18n()
 const { lod } = useSemanticZoom()
 
 const instance = computed(() => execution.getByBlock(props.taskId))
@@ -75,12 +76,12 @@ const ITEM_ICON: Record<string, string> = {
   <div v-if="showSteps" class="mt-2 space-y-1 border-t border-slate-800 pt-2">
     <div class="flex items-center gap-1 text-[9px] uppercase tracking-wide text-slate-500">
       <UIcon name="i-lucide-workflow" class="h-2.5 w-2.5" />
-      Build steps
+      {{ t('board.task.buildSteps') }}
     </div>
     <div v-for="(s, i) in steps" :key="i" class="rounded bg-slate-900/60 px-1.5 py-1">
       <div
         class="flex cursor-pointer items-center gap-1"
-        :title="`${agentKindMeta(s.agentKind).label} — ${agentKindMeta(s.agentKind).description}\nClick to view step details & output`"
+        :title="`${agentKindMeta(s.agentKind).label} — ${agentKindMeta(s.agentKind).description}\n${t('board.task.clickToViewStep')}`"
         @click.stop="openStep(i)"
       >
         <UIcon
@@ -131,7 +132,7 @@ const ITEM_ICON: Record<string, string> = {
         @click.stop="ui.openApprovalDetail(instance.id, s.approval.id)"
       >
         <UIcon name="i-lucide-shield-check" class="h-2.5 w-2.5" />
-        Review &amp; approve
+        {{ t('board.task.reviewAndApprove') }}
       </button>
 
       <!-- per-step subtask progress bar -->

package/app/components/layout/BoardToolbar.vue

@@ -8,15 +8,20 @@ const execution = useExecutionStore()
 const workspace = useWorkspaceStore()
 const services = useServicesStore()
 const toast = useToast()
+const { t, n } = useI18n()
 const { fitView, zoomIn, zoomOut } = useBoardFlow()
 
 async function mountService(serviceId: string, title: string) {
   try {
     await services.mount(serviceId)
-    toast.add({ title: `Added ${title}`, icon: 'i-lucide-box', color: 'success' })
+    toast.add({
+      title: t('board.toolbar.serviceAdded', { title }),
+      icon: 'i-lucide-box',
+      color: 'success',
+    })
   } catch (e) {
     toast.add({
-      title: 'Could not add service',
+      title: t('board.toolbar.serviceAddFailed'),
       description: e instanceof Error ? e.message : String(e),
       color: 'error',
     })
@@ -38,16 +43,16 @@ const mountableItems = computed(() =>
 )
 
 const zoomPct = computed(() => Math.round(ui.zoom * 100))
-const lodLabel = computed(
-  () =>
-    ({
-      far: 'Overview',
-      mid: 'Summary',
-      close: 'Detail',
-      steps: 'Build steps',
-      subtasks: 'Subtasks',
-    })[ui.lod],
-)
+// Exhaustive (tier-2) map from level-of-detail → its label key, so adding an LOD
+// without a label fails the typecheck rather than leaking a raw key.
+const LOD_LABEL_KEYS = {
+  far: 'board.toolbar.lod.far',
+  mid: 'board.toolbar.lod.mid',
+  close: 'board.toolbar.lod.close',
+  steps: 'board.toolbar.lod.steps',
+  subtasks: 'board.toolbar.lod.subtasks',
+} as const
+const lodLabel = computed(() => t(LOD_LABEL_KEYS[ui.lod]))
 
 // Live spend indicator: shown once any tokens have been metered this period.
 const spend = computed(() => workspace.spend)
@@ -55,11 +60,11 @@ const showSpend = computed(() => !!spend.value && spend.value.costSpent > 0)
 const spendLabel = computed(() => {
   const s = spend.value
   if (!s) return ''
-  const fmt = (n: number) => {
+  const fmt = (value: number) => {
     try {
-      return new Intl.NumberFormat(undefined, { style: 'currency', currency: s.currency }).format(n)
+      return n(value, { key: 'currency', currency: s.currency })
     } catch {
-      return `${n.toFixed(2)} ${s.currency}`
+      return `${value.toFixed(2)} ${s.currency}`
     }
   }
   return `${fmt(s.costSpent)} / ${fmt(s.costLimit)}`
@@ -70,7 +75,7 @@ const decisionItems = computed(() =>
   execution.openDecisions.map((d) => {
     const b = board.getBlock(d.blockId)
     return {
-      label: b?.title ?? 'Block',
+      label: b?.title ?? t('common.block'),
       description: d.decision.question,
       icon: 'i-lucide-circle-help',
       onSelect: () => ui.openDecision(d.instanceId, d.decision.id),
@@ -127,7 +132,7 @@ const decisionItems = computed(() =>
       >
         {{ execution.pendingDecisionCount
         }}<span class="hidden sm:inline"
-          >&nbsp;{{ $t('board.toolbar.decisionWord', execution.pendingDecisionCount) }}</span
+          >&nbsp;{{ t('board.toolbar.decisionWord', execution.pendingDecisionCount) }}</span
         >
       </UButton>
     </UDropdownMenu>
@@ -135,7 +140,7 @@ const decisionItems = computed(() =>
     <!-- in-org sharing: add an existing org service to this board -->
     <UDropdownMenu v-if="mountableItems.length" :items="mountableItems">
       <UButton color="neutral" variant="ghost" size="sm" icon="i-lucide-plus-circle">
-        <span class="hidden sm:inline">{{ $t('board.toolbar.addService') }}</span>
+        <span class="hidden sm:inline">{{ t('board.toolbar.addService') }}</span>
       </UButton>
     </UDropdownMenu>
 
@@ -149,7 +154,9 @@ const decisionItems = computed(() =>
       variant="soft"
       size="sm"
       icon="i-lucide-wallet"
-      :title="spend?.exceeded ? 'Spend limit reached — runs paused' : 'Token spend this month'"
+      :title="
+        spend?.exceeded ? t('board.toolbar.spendLimitReached') : t('board.toolbar.spendTitle')
+      "
     >
       <span class="hidden sm:inline">{{ spendLabel }}</span>
     </UButton>

package/i18n/locales/en.json

@@ -12,6 +12,10 @@
     "save": "Save",
     "cancel": "Cancel",
     "retry": "Retry",
+    "block": "Block",
+    "@block": {
+      "description": "Generic fallback NOUN for a board item whose title is unknown (a service / module / task node). Not the verb 'to block'."
+    },
     "actionFailed": "Action failed",
     "close": "Close",
     "@close": {
@@ -50,7 +54,207 @@
       "decisionWord": "decision | decisions",
       "@decisionWord": {
         "description": "Count-based plural noun rendered AFTER a number, e.g. '3 decisions' (pending human decisions in the run queue). Resolved via t(key, count); count is always 1 or more. Provide ALL plural forms your language needs (English has 2; Polish/Ukrainian need 3 - one/few/many - and rely on the custom pluralRules wired in i18n.config.ts)."
+      },
+      "lod": {
+        "far": "Overview",
+        "mid": "Summary",
+        "close": "Detail",
+        "steps": "Build steps",
+        "subtasks": "Subtasks"
+      },
+      "spendTitle": "Token spend this month",
+      "spendLimitReached": "Spend limit reached — runs paused",
+      "serviceAdded": "Added {title}",
+      "serviceAddFailed": "Could not add service"
+    },
+    "canvas": {
+      "emptyTitle": "Your board is empty",
+      "emptyBody": "Add a service to get started: bootstrap a fresh repo or pull in one you already have.",
+      "addBlockFailedTitle": "Could not add block",
+      "addBlockFailedBody": "The backend rejected the request.",
+      "dropOntoTaskTitle": "Drop onto a task",
+      "dropOntoTaskBody": "Pipelines run against tasks, not services.",
+      "taskBlockedTitle": "Task is blocked",
+      "taskBlockedBody": "Its dependencies haven't merged yet."
+    },
+    "addTask": {
+      "title": "Add a task",
+      "newTaskIn": "New task in {container}",
+      "typeLabel": "Type",
+      "types": {
+        "feature": "Feature",
+        "bug": "Bug",
+        "document": "Document",
+        "spike": "Spike",
+        "recurring": "Recurring"
+      },
+      "recurringWithFrame": "A recurring task runs a pipeline on a cadence. Continue to set the schedule + prompt.",
+      "recurringNoFrame": "A recurring task must live on a service. Add it from a service frame (or a module inside one).",
+      "titleField": "Title",
+      "titlePlaceholder": "What needs to be done?",
+      "issueIncluded": "{title} (from issue, included)",
+      "loadingIssue": "Loading the linked issue's description…",
+      "additionalNotes": "Additional notes",
+      "description": "Description",
+      "notesPlaceholder": "Add anything else the agent should know — appended to the issue description above…",
+      "descriptionPlaceholder": "Describe the work — context, acceptance criteria, anything the agent should know…",
+      "technical": "Technical task",
+      "technicalHint": "A refactor / non-functional / internal change. The implementer treats the task definition as primary and the spec as a regression reference; leave off to let the spec phase decide.",
+      "severity": "Severity",
+      "stepsToReproduce": "Steps to reproduce",
+      "stepsToReproducePlaceholder": "Observed vs expected, and how to reproduce…",
+      "timebox": "Time-box (hours)",
+      "timeboxPlaceholder": "e.g. 8",
+      "documentKind": "Document kind",
+      "audience": "Audience",
+      "audiencePlaceholder": "e.g. platform engineers",
+      "targetPath": "Target path",
+      "targetPathPlaceholder": "e.g. docs/rfcs/0001-foo.md",
+      "outlineHints": "Outline hints",
+      "outlineHintsPlaceholder": "Sections or points the document should cover",
+      "optional": "optional",
+      "pipeline": "Pipeline",
+      "chooseAtRunTime": "Choose at run time",
+      "mergePolicy": "Merge policy",
+      "workspaceDefault": "Workspace default",
+      "defaultPreset": "Default ({name}) — {thresholds}",
+      "defaultModelPreset": "Default ({name})",
+      "modelPreset": "Model preset",
+      "agentConfiguration": "Agent configuration",
+      "contextDocuments": "Context documents",
+      "contextIssues": "Context issues",
+      "attach": "Attach",
+      "done": "Done",
+      "attachDocDisabledConnect": "Connect a document source first (Integrations)",
+      "attachDocDisabledEnable": "Enable the documents integration first",
+      "attachIssueDisabledConnect": "Connect an issue tracker first (Integrations)",
+      "attachIssueDisabledEnable": "Enable the issue-tracker integration first",
+      "importsOnAdd": "imports on add",
+      "noDocsHint": "Attach a requirement, RFC or PRD so agents see it while implementing this task.",
+      "noIssuesHint": "Attach a tracker issue so agents see its description and comments while implementing this task.",
+      "plannedHint": "The task is added in a planned state. It won't run until you start a pipeline on it — you can keep editing it until then.",
+      "continue": "Continue",
+      "submit": "Add task",
+      "addFailedTitle": "Could not add task",
+      "linkFailed": "Task added, but {count} attachment could not be linked | Task added, but {count} attachments could not be linked",
+      "@linkFailed": {
+        "description": "Count-based: how many context attachments (docs/issues) failed to link after the task was created (count is always >= 1). Provide ALL plural forms your language needs (English has 2; Polish/Ukrainian need 3 - one/few/many - via the custom pluralRules in i18n.config.ts)."
       }
+    },
+    "recurring": {
+      "title": "Add a recurring pipeline",
+      "on": "Recurring pipeline on {frame}",
+      "name": "Name",
+      "namePlaceholder": "e.g. Weekly dependency updates",
+      "pipeline": "Pipeline",
+      "pickPipeline": "Pick a pipeline",
+      "prompt": "Prompt",
+      "promptPlaceholder": "What should each run do? Describe the work — the same prompt a normal task carries. Leave blank to use the pipeline's default.",
+      "issueTracker": "Issue tracker",
+      "issueTrackerHint": "The tech-debt pipeline files a ticket from its analysis before implementing. Choose where (saved for the whole workspace).",
+      "githubIssues": "GitHub Issues",
+      "jira": "Jira",
+      "linear": "Linear",
+      "jiraProjectKey": "Jira project key",
+      "jiraProjectKeyPlaceholder": "e.g. ENG",
+      "linearTeamId": "Linear team id",
+      "footerHint": "A single recurring task is added inside the service; each run replaces the last. Its run history is visible in the inspector.",
+      "submit": "Add recurring pipeline",
+      "addFailedTitle": "Could not add recurring pipeline"
+    },
+    "failure": {
+      "containerFailedToStart": "Container failed to start",
+      "bootstrapFailed": "Bootstrap failed",
+      "runFailed": "Run failed",
+      "retryBootstrap": "Retry bootstrap",
+      "retryRun": "Retry run",
+      "showDetail": "Show detail",
+      "retrying": "Retrying…"
+    },
+    "stop": {
+      "label": "Stop",
+      "bootstrapStopped": "Bootstrap stopped",
+      "runStopped": "Run stopped",
+      "stoppedDescription": "The container was killed and the run was cancelled.",
+      "stopFailed": "Stop failed"
+    },
+    "frame": {
+      "status": {
+        "planned": "No tasks",
+        "ready": "Live",
+        "in_progress": "Active",
+        "blocked": "Needs attention",
+        "pr_ready": "Active",
+        "done": "Live"
+      },
+      "shared": "Shared",
+      "sharedTitle": "Shared across workspaces in this org",
+      "bootstrapping": "Bootstrapping…",
+      "bootstrappingRepository": "Bootstrapping repository…",
+      "bootstrapStepsCount": "{completed}/{total} steps",
+      "runFailed": "Run failed",
+      "mergedOfTotal": "{merged}/{total} merged",
+      "noTasksYet": "No tasks yet",
+      "prCount": "{count} PR",
+      "implemented": "{merged}/{total} implemented",
+      "prReadyCount": "{count} PR ready",
+      "taskCount": "{count} task | {count} tasks",
+      "@taskCount": {
+        "description": "Count-based task tally rendered as e.g. '3 tasks' (count is always >= 0). Provide ALL plural forms your language needs (English has 2; Polish/Ukrainian need 3 - one/few/many - via the custom pluralRules in i18n.config.ts)."
+      },
+      "moduleCount": "{count} module | {count} modules",
+      "@moduleCount": {
+        "description": "Count-based module tally rendered as e.g. '2 modules' (count is always >= 1). Provide ALL plural forms your language needs (English has 2; Polish/Ukrainian need 3 - one/few/many - via the custom pluralRules in i18n.config.ts)."
+      },
+      "addTaskTitle": "Add task",
+      "createTaskFromIssueTitle": "Create task from issue",
+      "addRecurringTitle": "Add recurring pipeline",
+      "collapseTitle": "Collapse",
+      "dragService": "Drag service",
+      "dragTask": "Drag task",
+      "dragToResize": "Drag to resize",
+      "addFirstTask": "Add the first task"
+    },
+    "decisionBadge": {
+      "decisionNeeded": "Decision needed",
+      "approvalNeeded": "Approval needed"
+    },
+    "task": {
+      "recurringPipeline": "Recurring pipeline",
+      "recurringPipelinePaused": "Recurring pipeline (paused)",
+      "dragToConnect": "Drag onto another task to make it depend on this one",
+      "failed": "Failed",
+      "decisionNeeded": "Decision needed",
+      "approvalNeeded": "Approval needed",
+      "resolve": "Resolve",
+      "approve": "Approve",
+      "incorporatingAnswers": "Incorporating answers…",
+      "reReviewing": "Re-reviewing…",
+      "recommending": "Recommending…",
+      "starting": "Starting…",
+      "start": "Start",
+      "blocked": "Blocked",
+      "startPipeline": "Start {name}",
+      "pipelineFallback": "pipeline",
+      "waitingOn": "Waiting on: {deps}",
+      "blockedByDependenciesTitle": "Blocked by dependencies",
+      "noPipelineTitle": "No pipeline defined",
+      "noPipelineBody": "Create one in the builder first.",
+      "pr": "PR",
+      "prNumber": "PR #{number}",
+      "openPrOnGithub": "Open {pr} on GitHub",
+      "review": "Review",
+      "merge": "Merge",
+      "implemented": "implemented",
+      "module": "Module: {name}",
+      "buildSteps": "Build steps",
+      "reviewAndApprove": "Review & approve",
+      "clickToViewStep": "Click to view step details & output"
+    },
+    "epic": {
+      "label": "Epic",
+      "activeCount": "{count} active",
+      "noTasksYet": "No tasks yet"
     }
   },
   "errors": {