@cat-factory/app 0.47.6 → 0.47.8

package/app/components/pipeline/PipelineHealthModal.vue

@@ -4,6 +4,7 @@
 //   • invalid pipelines (unknown agent kind / bad shape) — DELETE a custom one, RESEED a built-in;
 //   • outdated built-ins (a newer catalog definition is available) — RESEED to adopt it.
 // Detection is client-side (see usePipelineHealth); the actions hit the pipelines store.
+const { t } = useI18n()
 const ui = useUiStore()
 const pipelines = usePipelinesStore()
 const { invalid, outdated, hasIssues } = usePipelineHealth()
@@ -39,9 +40,10 @@ async function run(id: string, action: () => Promise<unknown>, failTitle: string
   }
 }
 
-const reseed = (id: string) => run(id, () => pipelines.reseed(id), 'Could not reseed pipeline')
+const reseed = (id: string) =>
+  run(id, () => pipelines.reseed(id), t('pipeline.health.toast.reseedFailed'))
 const remove = (id: string) =>
-  run(id, () => pipelines.removePipeline(id), 'Could not delete pipeline')
+  run(id, () => pipelines.removePipeline(id), t('pipeline.health.toast.deleteFailed'))
 
 /** Reseed every reseedable pipeline (outdated built-ins + invalid built-ins) in one go. */
 async function reseedAll() {
@@ -61,11 +63,11 @@ const reseedableCount = computed(
 </script>
 
 <template>
-  <UModal v-model:open="open" title="Pipeline health" :ui="{ content: 'max-w-2xl' }">
+  <UModal v-model:open="open" :title="t('pipeline.health.title')" :ui="{ content: 'max-w-2xl' }">
     <template #body>
       <div v-if="!hasIssues" class="py-6 text-center text-sm text-slate-400">
         <UIcon name="i-lucide-check-circle-2" class="mx-auto mb-2 h-8 w-8 text-emerald-400" />
-        All pipelines are valid and up to date.
+        {{ t('pipeline.health.allValid') }}
       </div>
 
       <div v-else class="space-y-5">
@@ -73,11 +75,12 @@ const reseedableCount = computed(
         <section v-if="invalid.length" class="space-y-2">
           <div class="flex items-center gap-2">
             <UIcon name="i-lucide-triangle-alert" class="h-4 w-4 text-rose-400" />
-            <h3 class="text-sm font-semibold text-slate-200">Invalid pipelines</h3>
+            <h3 class="text-sm font-semibold text-slate-200">
+              {{ t('pipeline.health.invalidHeading') }}
+            </h3>
           </div>
           <p class="text-[11px] text-slate-500">
-            These reference a missing agent or are misconfigured, so they would fail (or misrun) at
-            start. Delete a custom pipeline, or reseed a built-in to restore its catalog definition.
+            {{ t('pipeline.health.invalidDescription') }}
           </p>
           <ul class="space-y-2">
             <li
@@ -92,7 +95,7 @@ const reseedableCount = computed(
                       {{ h.pipeline.name }}
                     </span>
                     <UBadge v-if="h.pipeline.builtin" color="neutral" variant="subtle" size="xs">
-                      built-in
+                      {{ t('pipeline.health.builtinBadge') }}
                     </UBadge>
                   </div>
                   <ul class="mt-1 space-y-0.5">
@@ -116,7 +119,7 @@ const reseedableCount = computed(
                   :disabled="anyBusy"
                   @click="reseed(h.pipeline.id)"
                 >
-                  Reseed
+                  {{ t('pipeline.health.reseed') }}
                 </UButton>
                 <UButton
                   v-else
@@ -128,7 +131,7 @@ const reseedableCount = computed(
                   :disabled="anyBusy"
                   @click="remove(h.pipeline.id)"
                 >
-                  Delete
+                  {{ t('pipeline.health.delete') }}
                 </UButton>
               </div>
             </li>
@@ -139,11 +142,12 @@ const reseedableCount = computed(
         <section v-if="outdated.length" class="space-y-2">
           <div class="flex items-center gap-2">
             <UIcon name="i-lucide-arrow-up-circle" class="h-4 w-4 text-amber-400" />
-            <h3 class="text-sm font-semibold text-slate-200">Updates available</h3>
+            <h3 class="text-sm font-semibold text-slate-200">
+              {{ t('pipeline.health.updatesHeading') }}
+            </h3>
           </div>
           <p class="text-[11px] text-slate-500">
-            A newer version of these built-in pipelines has shipped. Reseed to adopt it (your labels
-            and archive state are kept).
+            {{ t('pipeline.health.updatesDescription') }}
           </p>
           <ul class="space-y-2">
             <li
@@ -166,7 +170,7 @@ const reseedableCount = computed(
                 :disabled="anyBusy"
                 @click="reseed(h.pipeline.id)"
               >
-                Reseed
+                {{ t('pipeline.health.reseed') }}
               </UButton>
             </li>
           </ul>
@@ -184,7 +188,7 @@ const reseedableCount = computed(
           :loading="anyBusy"
           @click="reseedAll"
         >
-          Reseed all ({{ reseedableCount }})
+          {{ t('pipeline.health.reseedAll', { count: reseedableCount }) }}
         </UButton>
         <span v-else />
         <UButton
@@ -193,7 +197,7 @@ const reseedableCount = computed(
           :disabled="anyBusy"
           @click="ui.closePipelineHealth()"
         >
-          {{ hasIssues ? 'Dismiss' : 'Done' }}
+          {{ hasIssues ? t('pipeline.health.dismiss') : t('pipeline.health.done') }}
         </UButton>
       </div>
     </template>

package/app/components/pipeline/PipelineProgress.vue

@@ -22,6 +22,7 @@ const models = useModelsStore()
 const ui = useUiStore()
 const execution = useExecutionStore()
 const reviews = useReviewStage()
+const { t } = useI18n()
 
 // While an iterative reviewer gate (requirements-review / clarity-review) folds the
 // answers / re-reviews in the background it needs NO human, so its parked approval is
@@ -30,11 +31,11 @@ function reviewStageLabel(agentKind: string | undefined): string | null {
   if (!reviews.isBackground(agentKind, props.instance.blockId)) return null
   const stage = reviews.stageForBlock(props.instance.blockId)
   return stage === 'incorporating'
-    ? 'Incorporating…'
+    ? t('pipeline.progress.stage.incorporating')
     : stage === 'reviewing'
-      ? 'Re-reviewing…'
+      ? t('pipeline.progress.stage.reviewing')
       : stage === 'recommending'
-        ? 'Recommending…'
+        ? t('pipeline.progress.stage.recommending')
         : null
 }
 
@@ -51,9 +52,11 @@ function followUpPending(step: PipelineStep): number {
 }
 function followUpLabel(step: PipelineStep): string {
   const items = step.followUps?.items ?? []
-  if (items.length === 0) return 'Watching…'
+  if (items.length === 0) return t('pipeline.progress.followUp.watching')
   const pending = followUpPending(step)
-  return pending > 0 ? `${pending} to decide` : 'All decided'
+  return pending > 0
+    ? t('pipeline.progress.followUp.toDecide', { count: pending })
+    : t('pipeline.progress.followUp.allDecided')
 }
 
 // --- restart from a step -----------------------------------------------------
@@ -79,21 +82,41 @@ async function restartFromHere(i: number) {
 }
 
 /** Visual language for an individual agent's runtime state. */
-const STATE_META: Record<AgentState, { label: string; color: string; icon: string }> = {
-  pending: { label: 'Pending', color: '#64748b', icon: 'i-lucide-circle-dashed' },
-  working: { label: 'Working', color: '#6366f1', icon: 'i-lucide-loader' },
-  waiting_decision: { label: 'Needs decision', color: '#f59e0b', icon: 'i-lucide-circle-help' },
-  done: { label: 'Done', color: '#22c55e', icon: 'i-lucide-circle-check' },
-}
+const STATE_META = computed<Record<AgentState, { label: string; color: string; icon: string }>>(
+  () => ({
+    pending: {
+      label: t('pipeline.progress.state.pending'),
+      color: '#64748b',
+      icon: 'i-lucide-circle-dashed',
+    },
+    working: {
+      label: t('pipeline.progress.state.working'),
+      color: '#6366f1',
+      icon: 'i-lucide-loader',
+    },
+    waiting_decision: {
+      label: t('pipeline.progress.state.waiting_decision'),
+      color: '#f59e0b',
+      icon: 'i-lucide-circle-help',
+    },
+    done: {
+      label: t('pipeline.progress.state.done'),
+      color: '#22c55e',
+      icon: 'i-lucide-circle-check',
+    },
+  }),
+)
 
 /** Visual language for the pipeline instance as a whole. */
-const STATUS_META: Record<ExecutionInstance['status'], { label: string; chip: string }> = {
-  running: { label: 'Running', chip: 'primary' },
-  blocked: { label: 'Needs you', chip: 'warning' },
-  paused: { label: 'Paused (budget)', chip: 'neutral' },
-  done: { label: 'Completed', chip: 'success' },
-  failed: { label: 'Failed', chip: 'error' },
-}
+const STATUS_META = computed<Record<ExecutionInstance['status'], { label: string; chip: string }>>(
+  () => ({
+    running: { label: t('pipeline.progress.status.running'), chip: 'primary' },
+    blocked: { label: t('pipeline.progress.status.blocked'), chip: 'warning' },
+    paused: { label: t('pipeline.progress.status.paused'), chip: 'neutral' },
+    done: { label: t('pipeline.progress.status.done'), chip: 'success' },
+    failed: { label: t('pipeline.progress.status.failed'), chip: 'error' },
+  }),
+)
 
 const steps = computed(() => props.instance.steps)
 const total = computed(() => steps.value.length)
@@ -116,7 +139,7 @@ function liveWorking(state: AgentState) {
  * failed reads as "Failed" with a red cross, not a frozen "Working" loader.
  */
 function stepVisual(state: AgentState) {
-  return isFailedStep(state, runFailed.value) ? FAILED_STEP_META : STATE_META[state]
+  return isFailedStep(state, runFailed.value) ? FAILED_STEP_META : STATE_META.value[state]
 }
 
 /** A step counts as fully complete only once its state is `done`. */
@@ -135,7 +158,7 @@ const overallProgress = computed(() => {
 })
 const overallPct = computed(() => Math.round(overallProgress.value * 100))
 
-const statusMeta = computed(() => STATUS_META[props.instance.status])
+const statusMeta = computed(() => STATUS_META.value[props.instance.status])
 
 /** The agent the pipeline is currently centred on (for the summary line). */
 const currentAgent = computed(() => {
@@ -171,13 +194,19 @@ const ITEM_ICON: Record<string, string> = {
       <div class="flex flex-wrap items-center gap-3">
         <UBadge :color="statusMeta.chip as any" variant="subtle">{{ statusMeta.label }}</UBadge>
         <span class="text-sm text-slate-300">
-          <span class="font-semibold text-white">{{ completedCount }}</span>
-          / {{ total }} agents complete
+          <i18n-t keypath="pipeline.progress.agentsComplete" tag="span" scope="global">
+            <template #completed>
+              <span class="font-semibold text-white">{{ completedCount }}</span>
+            </template>
+            <template #total>{{ total }}</template>
+          </i18n-t>
         </span>
         <span v-if="currentAgent && instance.status === 'running'" class="text-xs text-slate-500">
-          · currently {{ currentAgent }}
+          · {{ t('pipeline.progress.currently', { agent: currentAgent }) }}
         </span>
-        <span class="ml-auto font-mono text-sm tabular-nums text-slate-200">{{ overallPct }}%</span>
+        <span class="ml-auto font-mono text-sm tabular-nums text-slate-200">{{
+          t('pipeline.progress.percent', { value: overallPct })
+        }}</span>
       </div>
       <UProgress :model-value="overallPct" class="mt-3" />
 
@@ -233,7 +262,11 @@ const ITEM_ICON: Record<string, string> = {
         >
           <div
             class="group flex cursor-pointer items-center gap-2"
-            :title="s.output ? 'View details & read output' : 'View step details'"
+            :title="
+              s.output
+                ? t('pipeline.progress.viewDetailsOutput')
+                : t('pipeline.progress.viewDetails')
+            "
             @click="openStep(i)"
           >
             <div
@@ -254,13 +287,13 @@ const ITEM_ICON: Record<string, string> = {
                 <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('pipeline.progress.companionTooltip')"
                 >
-                  Companion
+                  {{ t('pipeline.progress.companion') }}
                 </span>
               </div>
               <div class="text-[10px] uppercase tracking-wide text-slate-500">
-                Step {{ i + 1 }} of {{ total }}
+                {{ t('pipeline.progress.stepOf', { current: i + 1, total }) }}
               </div>
             </div>
             <span
@@ -281,7 +314,7 @@ const ITEM_ICON: Record<string, string> = {
                 variant="ghost"
                 size="xs"
                 class="shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
-                title="Restart pipeline from this step"
+                :title="t('pipeline.progress.restartTooltip')"
                 @click.stop="restartArmed = i"
               />
               <template v-else>
@@ -294,7 +327,7 @@ const ITEM_ICON: Record<string, string> = {
                   class="shrink-0"
                   @click.stop="restartFromHere(i)"
                 >
-                  Restart from here
+                  {{ t('pipeline.progress.restartFromHere') }}
                 </UButton>
                 <UButton
                   color="neutral"
@@ -304,7 +337,7 @@ const ITEM_ICON: Record<string, string> = {
                   :disabled="restarting === i"
                   @click.stop="restartArmed = null"
                 >
-                  Cancel
+                  {{ t('common.cancel') }}
                 </UButton>
               </template>
             </template>
@@ -330,16 +363,21 @@ const ITEM_ICON: Record<string, string> = {
             class="mt-2 flex items-center gap-1.5 text-[11px] text-sky-300"
           >
             <UIcon name="i-lucide-loader-circle" class="h-3.5 w-3.5 shrink-0 animate-spin" />
-            <span>Spinning up container…</span>
+            <span>{{ t('pipeline.progress.spinningUpContainer') }}</span>
           </div>
 
           <!-- live subtask counts from the agent's todo list -->
           <div v-if="s.subtasks && s.subtasks.total > 0" class="mt-2">
             <div class="flex items-center justify-between text-[10px] text-slate-400">
               <span>
-                {{ s.subtasks.completed }}/{{ s.subtasks.total }} subtasks
+                {{
+                  t('pipeline.progress.subtasks', {
+                    completed: s.subtasks.completed,
+                    total: s.subtasks.total,
+                  })
+                }}
                 <span v-if="s.subtasks.inProgress > 0" class="text-indigo-300">
-                  · {{ s.subtasks.inProgress }} in progress
+                  {{ t('pipeline.progress.subtasksInProgress', { count: s.subtasks.inProgress }) }}
                 </span>
               </span>
             </div>
@@ -399,7 +437,7 @@ const ITEM_ICON: Record<string, string> = {
                all step metadata) lives in the step-detail overlay opened by click. -->
           <p v-if="s.output" class="mt-2 flex items-center gap-1 text-[11px] text-slate-500">
             <UIcon name="i-lucide-book-open-text" class="h-3 w-3 shrink-0" />
-            Click to read this agent’s output
+            {{ t('pipeline.progress.clickToRead') }}
           </p>
 
           <!-- Conditionally-run companion (today the Tester's fixer): a distinct
@@ -423,7 +461,7 @@ const ITEM_ICON: Record<string, string> = {
             </span>
             <span class="min-w-0 flex-1 truncate text-[12px] text-slate-300">
               {{ agentKindMeta(companionByStep[i]!.kind).label }}
-              <span class="text-slate-500">(companion)</span>
+              <span class="text-slate-500">{{ t('pipeline.progress.companionSuffix') }}</span>
             </span>
             <span
               class="shrink-0 text-[11px] font-medium"
@@ -454,7 +492,7 @@ const ITEM_ICON: Record<string, string> = {
             </span>
             <span class="min-w-0 flex-1 truncate text-[12px] text-slate-300">
               {{ FOLLOW_UP_COMPANION_META.label }}
-              <span class="text-slate-500">(companion)</span>
+              <span class="text-slate-500">{{ t('pipeline.progress.companionSuffix') }}</span>
             </span>
             <span
               class="shrink-0 text-[11px] font-medium"
@@ -483,7 +521,9 @@ const ITEM_ICON: Record<string, string> = {
               icon="i-lucide-shield-check"
               @click="emit('openApproval', s.approval.id)"
             >
-              Review &amp; approve {{ agentKindMeta(s.agentKind).label }}'s proposal
+              {{
+                t('pipeline.progress.reviewApprove', { agent: agentKindMeta(s.agentKind).label })
+              }}
             </UButton>
           </div>
 
@@ -496,7 +536,7 @@ const ITEM_ICON: Record<string, string> = {
               icon="i-lucide-circle-help"
               @click="emit('openDecision', s.decision.id)"
             >
-              Resolve: {{ s.decision.question }}
+              {{ t('pipeline.progress.resolve', { question: s.decision.question }) }}
             </UButton>
           </div>
           <p

package/app/stores/auth.ts

@@ -31,6 +31,14 @@ export const useAuthStore = defineStore(
      * setup banner). Null on every other facade.
      */
     const localMode = ref<LocalModeConfig | null>(null)
+    /**
+     * Local mode only: the source-control provider the user last chose to sign in with
+     * (its PAT lives server-side in env — this is just the non-secret choice). Persisted, so
+     * on a later load we silently re-mint a session from that env PAT without showing the
+     * login screen. Set on an explicit sign-in, cleared on logout / 401 (so logout actually
+     * signs out — no auto re-login loop).
+     */
+    const autoLoginProvider = ref<'github' | 'gitlab' | null>(null)
     /** True once the initial auth handshake has settled. */
     const ready = ref(false)
 
@@ -83,6 +91,25 @@ export const useAuthStore = defineStore(
         }
         if (!user.value) token.value = null
       }
+
+      // Local mode: if no live session resolved but the user previously signed in with a
+      // configured env PAT, silently re-mint a session from it — so an expired/rotated token
+      // never forces the login screen again. The token itself stays server-side; we only
+      // remembered the provider choice. Guard on the provider STILL being configured (PAT could
+      // have been removed) and clear the choice on failure so we fall back to the login screen
+      // instead of looping.
+      if (
+        localMode.value?.enabled === true &&
+        user.value === null &&
+        autoLoginProvider.value &&
+        localMode.value.patLogin?.configured.includes(autoLoginProvider.value)
+      ) {
+        try {
+          await patLogin({ provider: autoLoginProvider.value })
+        } catch {
+          autoLoginProvider.value = null
+        }
+      }
       // An already-signed-in user who followed an invite link redeems it here (a
       // brand-new user redeems it server-side during signup/OAuth instead).
       if (user.value) await maybeAcceptInvite()
@@ -153,6 +180,8 @@ export const useAuthStore = defineStore(
      */
     async function patLogin(body: { provider: 'github' | 'gitlab'; token?: string }) {
       applySession(await api.patLogin(body))
+      // Remember the choice so a later load re-mints the session from the env PAT silently.
+      autoLoginProvider.value = body.provider
     }
 
     /** Request a password-reset link by email (always resolves; never reveals existence). */
@@ -170,9 +199,18 @@ export const useAuthStore = defineStore(
       api.logout().catch(() => {})
       token.value = null
       user.value = null
+      // Forget the remembered provider so logout sticks (otherwise bootstrap would
+      // immediately re-mint a session from the env PAT).
+      autoLoginProvider.value = null
     }
 
-    /** Called by the API client when a request comes back 401. */
+    /**
+     * Called by the API client when a request comes back 401. Drops the dead session but KEEPS
+     * the remembered provider (unlike logout): a 401 from an expired/rotated token or a
+     * transient blip should let the next load silently re-mint from the env PAT, not force the
+     * login screen. The guarded re-mint in `bootstrap` clears the choice itself if it genuinely
+     * fails (PAT removed/revoked), so there's no re-login loop.
+     */
     function handleUnauthorized() {
       token.value = null
       user.value = null
@@ -184,6 +222,7 @@ export const useAuthStore = defineStore(
       required,
       providers,
       localMode,
+      autoLoginProvider,
       ready,
       isAuthenticated,
       needsLogin,
@@ -199,5 +238,5 @@ export const useAuthStore = defineStore(
       handleUnauthorized,
     }
   },
-  { persist: { pick: ['token'] } },
+  { persist: { pick: ['token', 'autoLoginProvider'] } },
 )