@cat-factory/app 0.46.12 → 0.47.0

package/app/components/settings/LocalModelEndpointsPanel.vue

@@ -9,6 +9,7 @@ import { computed, ref, watch } from 'vue'
 import { LOCAL_RUNNER_DEFAULTS, LOCAL_RUNNER_LABELS, type LocalRunner } from '~/types/localModels'
 import IntegrationBackTitle from '~/components/layout/IntegrationBackTitle.vue'
 
+const { t } = useI18n()
 const ui = useUiStore()
 const store = useLocalModelsStore()
 const toast = useToast()
@@ -95,7 +96,7 @@ async function test() {
       selected.value = keep.length ? keep : [...result.models]
       testError.value = null
     } else {
-      testError.value = result.error ?? 'Could not reach the runner.'
+      testError.value = result.error ?? t('settings.localModelEndpoints.unreachable')
     }
   } catch (e) {
     testError.value = e instanceof Error ? e.message : String(e)
@@ -125,12 +126,14 @@ async function save() {
     })
     apiKey.value = ''
     toast.add({
-      title: `${LOCAL_RUNNER_LABELS[provider.value]} saved`,
+      title: t('settings.localModelEndpoints.toast.saved', {
+        name: LOCAL_RUNNER_LABELS[provider.value],
+      }),
       icon: 'i-lucide-check',
       color: 'success',
     })
   } catch (e) {
-    notifyError('Could not save runner', e)
+    notifyError(t('settings.localModelEndpoints.toast.saveFailed'), e)
   } finally {
     busy.value = false
   }
@@ -147,9 +150,9 @@ async function remove(p: LocalRunner) {
       selected.value = []
       tested.value = false
     }
-    toast.add({ title: 'Runner removed', icon: 'i-lucide-check' })
+    toast.add({ title: t('settings.localModelEndpoints.toast.removed'), icon: 'i-lucide-check' })
   } catch (e) {
-    notifyError('Could not remove runner', e)
+    notifyError(t('settings.localModelEndpoints.toast.removeFailed'), e)
   } finally {
     busy.value = false
   }
@@ -157,18 +160,27 @@ async function remove(p: LocalRunner) {
 </script>
 
 <template>
-  <UModal v-model:open="open" title="My local runners" :ui="{ content: 'max-w-2xl' }">
+  <UModal
+    v-model:open="open"
+    :title="t('settings.localModelEndpoints.title')"
+    :ui="{ content: 'max-w-2xl' }"
+  >
     <template #title>
-      <IntegrationBackTitle title="My local runners" @back="back" />
+      <IntegrationBackTitle :title="t('settings.localModelEndpoints.title')" @back="back" />
     </template>
     <template #body>
       <div class="space-y-4">
         <p class="text-xs text-slate-400">
-          Point agents at an LLM running on <strong>your own machine</strong> — Ollama, LM Studio,
-          llama.cpp, vLLM, or any OpenAI-compatible server. A runner is stored
-          <span class="text-slate-300">just for you</span> (a runner lives on your box), and the
-          models you enable appear automatically in the model picker. The API key (most runners
-          ignore it) is write-only and never shown again.
+          <i18n-t keypath="settings.localModelEndpoints.intro" tag="span" scope="global">
+            <template #ownMachine>
+              <strong>{{ t('settings.localModelEndpoints.introOwnMachine') }}</strong>
+            </template>
+            <template #justForYou>
+              <span class="text-slate-300">{{
+                t('settings.localModelEndpoints.introJustForYou')
+              }}</span>
+            </template>
+          </i18n-t>
         </p>
 
         <!-- connected endpoints -->
@@ -181,8 +193,17 @@ async function remove(p: LocalRunner) {
             <span class="font-medium text-slate-200">{{ e.label }}</span>
             <span class="ml-2 text-xs text-slate-500">{{ LOCAL_RUNNER_LABELS[e.provider] }}</span>
             <div class="text-[11px] text-slate-500">
-              {{ e.baseUrl }} · {{ e.models.length }} model{{ e.models.length === 1 ? '' : 's' }}
-              <template v-if="e.hasApiKey"> · key set</template>
+              {{ e.baseUrl }} ·
+              {{
+                t(
+                  'settings.localModelEndpoints.modelCount',
+                  { count: e.models.length },
+                  e.models.length,
+                )
+              }}
+              <template v-if="e.hasApiKey">
+                · {{ t('settings.localModelEndpoints.keySet') }}</template
+              >
             </div>
           </div>
           <div class="flex items-center gap-1">
@@ -192,7 +213,7 @@ async function remove(p: LocalRunner) {
               variant="ghost"
               size="xs"
               :disabled="busy"
-              title="Edit"
+              :title="t('settings.localModelEndpoints.edit')"
               @click="provider = e.provider"
             />
             <UButton
@@ -209,29 +230,45 @@ async function remove(p: LocalRunner) {
         <!-- add / edit form -->
         <div class="rounded-lg border border-dashed border-slate-700 p-3 space-y-3">
           <p class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-            {{ existing ? 'Edit runner' : 'Add a runner' }}
+            {{
+              existing
+                ? t('settings.localModelEndpoints.editRunner')
+                : t('settings.localModelEndpoints.addRunner')
+            }}
           </p>
 
           <div class="flex flex-wrap items-end gap-3">
-            <UFormField label="Runner type">
+            <UFormField :label="t('settings.localModelEndpoints.runnerType')">
               <USelect v-model="provider" :items="RUNNERS" value-key="value" class="w-48" />
             </UFormField>
-            <UFormField label="Label (optional)" class="flex-1 min-w-40">
-              <UInput v-model="label" :placeholder="`My ${LOCAL_RUNNER_LABELS[provider]}`" />
+            <UFormField
+              :label="t('settings.localModelEndpoints.labelOptional')"
+              class="flex-1 min-w-40"
+            >
+              <UInput
+                v-model="label"
+                :placeholder="
+                  t('settings.localModelEndpoints.labelPlaceholder', {
+                    name: LOCAL_RUNNER_LABELS[provider],
+                  })
+                "
+              />
             </UFormField>
           </div>
 
-          <UFormField label="Base URL">
+          <UFormField :label="t('settings.localModelEndpoints.baseUrl')">
             <UInput v-model="baseUrl" class="font-mono" placeholder="http://localhost:11434/v1" />
           </UFormField>
 
-          <UFormField label="API key (optional)">
+          <UFormField :label="t('settings.localModelEndpoints.apiKeyOptional')">
             <UInput
               v-model="apiKey"
               type="password"
               class="font-mono"
               :placeholder="
-                existing?.hasApiKey ? 'leave blank to keep stored key' : 'most runners ignore this'
+                existing?.hasApiKey
+                  ? t('settings.localModelEndpoints.apiKeyKeepPlaceholder')
+                  : t('settings.localModelEndpoints.apiKeyIgnorePlaceholder')
               "
             />
           </UFormField>
@@ -246,19 +283,27 @@ async function remove(p: LocalRunner) {
               :disabled="!baseUrl.trim()"
               @click="test()"
             >
-              Test connection
+              {{ t('settings.localModelEndpoints.testConnection') }}
             </UButton>
             <span v-if="testError" class="text-xs text-rose-400">{{ testError }}</span>
             <span v-else-if="tested && discovered.length" class="text-xs text-emerald-400">
-              Reachable · {{ discovered.length }} model{{ discovered.length === 1 ? '' : 's' }}
+              {{
+                t(
+                  'settings.localModelEndpoints.reachable',
+                  { count: discovered.length },
+                  discovered.length,
+                )
+              }}
             </span>
-            <span v-else-if="tested" class="text-xs text-slate-500">No models reported.</span>
+            <span v-else-if="tested" class="text-xs text-slate-500">{{
+              t('settings.localModelEndpoints.noModels')
+            }}</span>
           </div>
 
           <!-- discovered models multi-select -->
           <div v-if="discovered.length" class="space-y-1.5">
             <span class="block text-[10px] uppercase tracking-wide text-slate-500">
-              Enable models
+              {{ t('settings.localModelEndpoints.enableModels') }}
             </span>
             <div class="grid grid-cols-1 gap-1.5 sm:grid-cols-2">
               <label
@@ -285,7 +330,7 @@ async function remove(p: LocalRunner) {
               :disabled="!baseUrl.trim() || !selected.length"
               @click="save()"
             >
-              {{ existing ? 'Save' : 'Add runner' }}
+              {{ existing ? t('common.save') : t('settings.localModelEndpoints.addRunner') }}
             </UButton>
           </div>
         </div>

package/app/components/settings/MergeThresholdsPanel.vue

@@ -4,16 +4,28 @@
 // resolved preset). Full CRUD over the mergePresets store — the same library the
 // task inspector's "Merge policy" dropdown selects from. Exactly one preset is the
 // default; it cannot be deleted or un-defaulted (the backend enforces this too).
-import { reactive, ref, watch } from 'vue'
+import { computed, reactive, ref, watch } from 'vue'
 import type { MergeThresholdPreset, RequirementConcernLevel } from '~/types/merge'
 
+const { t } = useI18n()
+
+// Per-concern-level label. An exhaustive Record keyed off the union (a missing member fails
+// the typecheck); each value is a LITERAL catalog key so the typed-message-keys check sees
+// it. Leaf keys mirror the enum value verbatim.
+const CONCERN_LABEL_KEYS: Record<RequirementConcernLevel, string> = {
+  none: 'settings.mergeThresholds.concern.none',
+  low: 'settings.mergeThresholds.concern.low',
+  medium: 'settings.mergeThresholds.concern.medium',
+  high: 'settings.mergeThresholds.concern.high',
+}
+
 // Concern-level options for the requirements auto-pass threshold (none < low < medium < high).
-const CONCERN_LEVELS: { value: RequirementConcernLevel; label: string }[] = [
-  { value: 'none', label: 'None (always stop)' },
-  { value: 'low', label: 'Low' },
-  { value: 'medium', label: 'Medium' },
-  { value: 'high', label: 'High (never stop)' },
-]
+const CONCERN_LEVELS = computed<{ value: RequirementConcernLevel; label: string }[]>(() => [
+  { value: 'none', label: t(CONCERN_LABEL_KEYS.none) },
+  { value: 'low', label: t(CONCERN_LABEL_KEYS.low) },
+  { value: 'medium', label: t(CONCERN_LABEL_KEYS.medium) },
+  { value: 'high', label: t(CONCERN_LABEL_KEYS.high) },
+])
 
 const store = useMergePresetsStore()
 const toast = useToast()
@@ -77,9 +89,13 @@ async function save(p: MergeThresholdPreset) {
       maxRequirementIterations: d.maxRequirementIterations,
       maxRequirementConcernAllowed: d.maxRequirementConcernAllowed,
     })
-    toast.add({ title: 'Preset saved', icon: 'i-lucide-check', color: 'success' })
+    toast.add({
+      title: t('settings.mergeThresholds.toast.saved'),
+      icon: 'i-lucide-check',
+      color: 'success',
+    })
   } catch (e) {
-    notifyError('Could not save preset', e)
+    notifyError(t('settings.mergeThresholds.toast.saveFailed'), e)
   } finally {
     busy.value = null
   }
@@ -90,7 +106,7 @@ async function makeDefault(p: MergeThresholdPreset) {
   try {
     await store.update(p.id, { isDefault: true })
   } catch (e) {
-    notifyError('Could not set default', e)
+    notifyError(t('settings.mergeThresholds.toast.defaultFailed'), e)
   } finally {
     busy.value = null
   }
@@ -101,7 +117,7 @@ async function remove(p: MergeThresholdPreset) {
   try {
     await store.remove(p.id)
   } catch (e) {
-    notifyError('Could not delete preset', e)
+    notifyError(t('settings.mergeThresholds.toast.deleteFailed'), e)
   } finally {
     busy.value = null
   }
@@ -133,9 +149,13 @@ async function create() {
       maxRequirementConcernAllowed: draft.maxRequirementConcernAllowed,
     })
     draft.name = ''
-    toast.add({ title: 'Preset created', icon: 'i-lucide-check', color: 'success' })
+    toast.add({
+      title: t('settings.mergeThresholds.toast.created'),
+      icon: 'i-lucide-check',
+      color: 'success',
+    })
   } catch (e) {
-    notifyError('Could not create preset', e)
+    notifyError(t('settings.mergeThresholds.toast.createFailed'), e)
   } finally {
     creating.value = false
   }
@@ -144,13 +164,16 @@ async function create() {
 
 <template>
   <div class="space-y-4">
-    <p class="text-xs text-slate-400">
-      Named auto-merge policies a task can choose. After CI passes, the
-      <span class="text-slate-300">merger</span> agent scores the PR on complexity, risk and impact
-      (0–100%); the PR auto-merges only when every score is at or below the preset's ceilings —
-      otherwise a review notification is raised. The default preset governs any task that picks
-      none.
-    </p>
+    <i18n-t
+      keypath="settings.mergeThresholds.intro"
+      tag="p"
+      class="text-xs text-slate-400"
+      scope="global"
+    >
+      <template #merger>
+        <span class="text-slate-300">{{ t('settings.mergeThresholds.mergerAgent') }}</span>
+      </template>
+    </i18n-t>
 
     <div
       v-for="p in store.presets"
@@ -158,8 +181,15 @@ async function create() {
       class="rounded-lg border border-slate-700 bg-slate-800/40 p-3"
     >
       <div class="mb-3 flex items-center gap-2">
-        <UInput v-model="drafts[p.id]!.name" size="sm" class="flex-1" placeholder="Preset name" />
-        <UBadge v-if="p.isDefault" color="primary" variant="subtle" size="sm">Default</UBadge>
+        <UInput
+          v-model="drafts[p.id]!.name"
+          size="sm"
+          class="flex-1"
+          :placeholder="t('settings.mergeThresholds.presetNamePlaceholder')"
+        />
+        <UBadge v-if="p.isDefault" color="primary" variant="subtle" size="sm">
+          {{ t('settings.mergeThresholds.default') }}
+        </UBadge>
         <UButton
           v-else
           color="neutral"
@@ -169,7 +199,7 @@ async function create() {
           :loading="busy === p.id"
           @click="makeDefault(p)"
         >
-          Make default
+          {{ t('settings.mergeThresholds.makeDefault') }}
         </UButton>
         <UButton
           color="error"
@@ -177,7 +207,11 @@ async function create() {
           size="xs"
           icon="i-lucide-trash-2"
           :disabled="p.isDefault || busy === p.id"
-          :title="p.isDefault ? 'The default preset cannot be deleted' : 'Delete preset'"
+          :title="
+            p.isDefault
+              ? t('settings.mergeThresholds.deleteDefaultBlocked')
+              : t('settings.mergeThresholds.deletePreset')
+          "
           @click="remove(p)"
         />
       </div>
@@ -185,7 +219,7 @@ async function create() {
       <div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            Max complexity %
+            {{ t('settings.mergeThresholds.field.maxComplexity') }}
           </span>
           <UInput
             v-model.number="drafts[p.id]!.maxComplexity"
@@ -197,7 +231,7 @@ async function create() {
         </label>
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            Max risk %
+            {{ t('settings.mergeThresholds.field.maxRisk') }}
           </span>
           <UInput
             v-model.number="drafts[p.id]!.maxRisk"
@@ -209,7 +243,7 @@ async function create() {
         </label>
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            Max impact %
+            {{ t('settings.mergeThresholds.field.maxImpact') }}
           </span>
           <UInput
             v-model.number="drafts[p.id]!.maxImpact"
@@ -221,7 +255,7 @@ async function create() {
         </label>
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            CI-fix attempts
+            {{ t('settings.mergeThresholds.field.ciMaxAttempts') }}
           </span>
           <UInput
             v-model.number="drafts[p.id]!.ciMaxAttempts"
@@ -233,7 +267,7 @@ async function create() {
         </label>
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            Requirement iterations
+            {{ t('settings.mergeThresholds.field.maxRequirementIterations') }}
           </span>
           <UInput
             v-model.number="drafts[p.id]!.maxRequirementIterations"
@@ -245,7 +279,7 @@ async function create() {
         </label>
         <label class="block">
           <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
-            Auto-pass concerns ≤
+            {{ t('settings.mergeThresholds.field.maxRequirementConcernAllowed') }}
           </span>
           <USelect
             v-model="drafts[p.id]!.maxRequirementConcernAllowed"
@@ -265,7 +299,7 @@ async function create() {
           :loading="busy === p.id"
           @click="save(p)"
         >
-          Save
+          {{ t('common.save') }}
         </UButton>
       </div>
     </div>
@@ -273,15 +307,23 @@ async function create() {
     <!-- create -->
     <div class="rounded-lg border border-dashed border-slate-700 p-3">
       <p class="mb-2 text-[11px] font-semibold uppercase tracking-wide text-slate-400">
-        New preset
+        {{ t('settings.mergeThresholds.newPreset') }}
       </p>
       <div class="flex flex-wrap items-end gap-3">
         <label class="block min-w-40 flex-1">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">Name</span>
-          <UInput v-model="draft.name" size="sm" placeholder="e.g. Cautious" />
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.name') }}
+          </span>
+          <UInput
+            v-model="draft.name"
+            size="sm"
+            :placeholder="t('settings.mergeThresholds.create.namePlaceholder')"
+          />
         </label>
         <label class="block w-20">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">Cmplx%</span>
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.complexity') }}
+          </span>
           <UInput
             v-model.number="draft.maxComplexity"
             type="number"
@@ -291,21 +333,27 @@ async function create() {
           />
         </label>
         <label class="block w-20">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">Risk%</span>
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.risk') }}
+          </span>
           <UInput v-model.number="draft.maxRisk" type="number" :min="0" :max="100" size="sm" />
         </label>
         <label class="block w-20">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">Impact%</span>
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.impact') }}
+          </span>
           <UInput v-model.number="draft.maxImpact" type="number" :min="0" :max="100" size="sm" />
         </label>
         <label class="block w-20">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">CI-fix</span>
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.ciFix') }}
+          </span>
           <UInput v-model.number="draft.ciMaxAttempts" type="number" :min="0" :max="50" size="sm" />
         </label>
         <label class="block w-20">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500"
-            >Req iter</span
-          >
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.reqIter') }}
+          </span>
           <UInput
             v-model.number="draft.maxRequirementIterations"
             type="number"
@@ -315,9 +363,9 @@ async function create() {
           />
         </label>
         <label class="block w-32">
-          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500"
-            >Auto-pass ≤</span
-          >
+          <span class="mb-1 block text-[10px] uppercase tracking-wide text-slate-500">
+            {{ t('settings.mergeThresholds.create.autoPass') }}
+          </span>
           <USelect
             v-model="draft.maxRequirementConcernAllowed"
             :items="CONCERN_LEVELS"
@@ -333,7 +381,7 @@ async function create() {
           :disabled="!draft.name.trim()"
           @click="create"
         >
-          Add
+          {{ t('settings.mergeThresholds.add') }}
         </UButton>
       </div>
     </div>