@cat-factory/app 0.261.2 → 0.261.4

package/app/components/settings/ModelConfigurationPanel.vue

@@ -32,6 +32,7 @@ const agents = useAgentsStore()
 const agentTier = useAgentTierStore()
 const creds = useVendorCredentialsStore()
 const workspace = useWorkspaceStore()
+const { present } = usePipelineErrorToast()
 const toast = useToast()
 const { confirm } = useConfirm()
 
@@ -180,7 +181,7 @@ async function setDefault(p: ModelPreset) {
   try {
     await presets.update(p.id, { isDefault: true })
   } catch (e) {
-    fail(t('settings.modelConfiguration.toast.setDefaultFailed'), e)
+    present(e, 'settings.modelConfiguration.toast.setDefaultFailed')
   } finally {
     busy.value = false
   }
@@ -199,7 +200,7 @@ async function remove(p: ModelPreset) {
   try {
     await presets.remove(p.id)
   } catch (e) {
-    fail(t('settings.modelConfiguration.toast.deleteFailed'), e)
+    present(e, 'settings.modelConfiguration.toast.deleteFailed')
   } finally {
     busy.value = false
   }
@@ -251,10 +252,15 @@ async function save() {
   const e = editor.value
   if (!e) return
   if (!e.name.trim()) {
-    fail(
-      t('settings.modelConfiguration.toast.nameRequiredTitle'),
-      new Error(t('settings.modelConfiguration.toast.nameRequiredBody')),
-    )
+    // NOT through `present`: that funnel classifies a BACKEND failure, and a synthesized local
+    // `Error` carries no envelope and no status, so it lands on the network-fault description and
+    // tells the user the server could not be reached about a check that never left the browser.
+    toast.add({
+      title: t('settings.modelConfiguration.toast.nameRequiredTitle'),
+      description: t('settings.modelConfiguration.toast.nameRequiredBody'),
+      color: 'warning',
+      icon: 'i-lucide-triangle-alert',
+    })
     return
   }
   busy.value = true
@@ -280,20 +286,11 @@ async function save() {
     }
     editor.value = null
   } catch (err) {
-    fail(t('settings.modelConfiguration.toast.saveFailed'), err)
+    present(err, 'settings.modelConfiguration.toast.saveFailed')
   } finally {
     busy.value = false
   }
 }
-
-function fail(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
 </script>
 
 <template>

package/app/components/settings/ModelPresetHealthModal.vue

@@ -9,7 +9,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const presets = useModelPresetsStore()
 const { newPresets, outdated, hasIssues } = useModelPresetHealth()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.modelPresetHealthOpen,
@@ -28,12 +28,7 @@ async function reseed(id: string) {
   try {
     await presets.reseed(id)
   } catch (e) {
-    toast.add({
-      title: t('modelPreset.health.toast.reseedFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'modelPreset.health.toast.reseedFailed')
   } finally {
     const next = new Set(busy.value)
     next.delete(id)
@@ -48,12 +43,7 @@ async function reseedAll() {
   try {
     await presets.reseedMany(ids)
   } catch (e) {
-    toast.add({
-      title: t('modelPreset.health.toast.reseedFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'modelPreset.health.toast.reseedFailed')
   } finally {
     const next = new Set(busy.value)
     for (const id of ids) next.delete(id)

package/app/components/settings/ObservabilityConnectionPanel.vue

@@ -13,6 +13,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const store = useReleaseHealthStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction, toastDone } = useConfirmAction()
 
 const open = computed({
@@ -36,15 +37,6 @@ const pagerDuty = reactive({ apiToken: '', fromEmail: '' })
 const incidentIo = reactive({ apiKey: '' })
 const incidentBusy = ref(false)
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 watch(
   open,
   async (isOpen) => {
@@ -56,7 +48,7 @@ watch(
       if (site) datadog.site = site
       await store.loadIncident()
     } catch (e) {
-      notifyError(t('settings.observabilityConnection.toast.loadFailed'), e)
+      present(e, 'settings.observabilityConnection.toast.loadFailed')
     }
   },
   { immediate: true },
@@ -90,7 +82,7 @@ async function saveIncident() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.observabilityConnection.toast.incidentSaveFailed'), e)
+    present(e, 'settings.observabilityConnection.toast.incidentSaveFailed')
   } finally {
     incidentBusy.value = false
   }
@@ -104,7 +96,7 @@ async function disconnectIncident() {
     await store.removeIncident()
     toastDone('disconnect', noun)
   } catch (e) {
-    notifyError(t('settings.observabilityConnection.toast.incidentDisconnectFailed'), e)
+    present(e, 'settings.observabilityConnection.toast.incidentDisconnectFailed')
   } finally {
     incidentBusy.value = false
   }
@@ -125,7 +117,7 @@ async function saveConnection() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.observabilityConnection.toast.connectFailed'), e)
+    present(e, 'settings.observabilityConnection.toast.connectFailed')
   } finally {
     busy.value = false
   }
@@ -139,7 +131,7 @@ async function disconnect() {
     await store.removeConnection()
     toastDone('disconnect', noun)
   } catch (e) {
-    notifyError(t('settings.observabilityConnection.toast.disconnectFailed'), e)
+    present(e, 'settings.observabilityConnection.toast.disconnectFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/OpenRouterCatalogPanel.vue

@@ -19,6 +19,7 @@ const store = useOpenRouterStore()
 const apiKeys = useApiKeysStore()
 const models = useModelsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.openRouterOpen,
@@ -158,12 +159,7 @@ async function connectKey() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.openRouterCatalog.toast.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.openRouterCatalog.toast.connectFailed')
   } finally {
     connectingKey.value = false
   }
@@ -200,12 +196,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.openRouterCatalog.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.openRouterCatalog.toast.saveFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/PackageRegistriesPanel.vue

@@ -13,6 +13,7 @@ import SecretInput from '~/components/common/SecretInput.vue'
 const { t } = useI18n()
 const store = usePackageRegistriesStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction, toastDone } = useConfirmAction()
 
 // The registry vendors a workspace can connect. Fixed set — the host derives from the
@@ -44,15 +45,6 @@ const parsedScopes = computed(() =>
     .map((s) => (s.startsWith('@') ? s : `@${s}`)),
 )
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 // The tab this renders in only exists once the window's probe resolved `available === true`, so
 // `ensureLoaded()` here would early-return every time and this error branch would be dead code.
 // Read the list outright instead: the window owns the PROBE (a failure there means no tab), the
@@ -63,7 +55,7 @@ onMounted(async () => {
   try {
     await store.load()
   } catch (e) {
-    notifyError(t('settings.packageRegistries.toast.loadFailed'), e)
+    present(e, 'settings.packageRegistries.toast.loadFailed')
   }
 })
 
@@ -84,7 +76,7 @@ async function addEntry() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.packageRegistries.toast.addFailed'), e)
+    present(e, 'settings.packageRegistries.toast.addFailed')
   } finally {
     busy.value = false
   }
@@ -98,7 +90,7 @@ async function removeEntry(entryId: string) {
     await store.remove(entryId)
     toastDone('remove', noun)
   } catch (e) {
-    notifyError(t('settings.packageRegistries.toast.removeFailed'), e)
+    present(e, 'settings.packageRegistries.toast.removeFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/ProviderConnectionTab.vue

@@ -36,6 +36,7 @@ const emit = defineEmits<{ connected: [] }>()
 const { t } = useI18n()
 const store = useProviderConnectionsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction } = useConfirmAction()
 
 const descriptor = computed(() => store.descriptorFor(props.kind))
@@ -205,15 +206,6 @@ function buildFlatPayload() {
   return isNativeConfig.value ? buildConfigPayload() : buildManifestPayload()
 }
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 function toastSaved() {
   toast.add({
     title: t('settings.providerConnection.toast.saved', { title: title.value }),
@@ -246,7 +238,7 @@ async function saveNative() {
     resetDraft()
     toastSaved()
   } catch (e) {
-    notifyError(t('settings.providerConnection.toast.saveFailed'), e)
+    present(e, 'settings.providerConnection.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -280,7 +272,7 @@ async function saveManifest(payload: {
     emit('connected')
     toastSaved()
   } catch (e) {
-    notifyError(t('settings.providerConnection.toast.saveFailed'), e)
+    present(e, 'settings.providerConnection.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -325,7 +317,7 @@ async function saveConfig(payload: {
     emit('connected')
     toastSaved()
   } catch (e) {
-    notifyError(t('settings.providerConnection.toast.saveFailed'), e)
+    present(e, 'settings.providerConnection.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -339,7 +331,7 @@ async function remove() {
     resetDraft()
     toast.add({ title: t('settings.providerConnection.toast.removed'), icon: 'i-lucide-check' })
   } catch (e) {
-    notifyError(t('settings.providerConnection.toast.removeFailed'), e)
+    present(e, 'settings.providerConnection.toast.removeFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/RiskPolicyHealthModal.vue

@@ -9,7 +9,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const presets = useRiskPoliciesStore()
 const { newPresets, outdated, hasIssues } = useRiskPolicyHealth()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.riskPolicyHealthOpen,
@@ -28,12 +28,7 @@ async function reseed(id: string) {
   try {
     await presets.reseed(id)
   } catch (e) {
-    toast.add({
-      title: t('riskPolicy.health.toast.reseedFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'riskPolicy.health.toast.reseedFailed')
   } finally {
     const next = new Set(busy.value)
     next.delete(id)

package/app/components/settings/RiskPolicyPanel.vue

@@ -70,6 +70,7 @@ const CONCERN_LEVELS = computed<{ value: RequirementConcernLevel; label: string
 
 const store = useRiskPoliciesStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 // Local editable copy per preset, kept in sync with the store. Percentages are
@@ -153,15 +154,6 @@ watch(
 
 const busy = ref<string | null>(null)
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 async function save(p: RiskPolicy) {
   const d = drafts[p.id]
   if (!d) return
@@ -188,7 +180,7 @@ async function save(p: RiskPolicy) {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.riskPolicy.toast.saveFailed'), e)
+    present(e, 'settings.riskPolicy.toast.saveFailed')
   } finally {
     busy.value = null
   }
@@ -199,7 +191,7 @@ async function makeDefault(p: RiskPolicy) {
   try {
     await store.update(p.id, { isDefault: true })
   } catch (e) {
-    notifyError(t('settings.riskPolicy.toast.defaultFailed'), e)
+    present(e, 'settings.riskPolicy.toast.defaultFailed')
   } finally {
     busy.value = null
   }
@@ -218,7 +210,7 @@ async function remove(p: RiskPolicy) {
   try {
     await store.remove(p.id)
   } catch (e) {
-    notifyError(t('settings.riskPolicy.toast.deleteFailed'), e)
+    present(e, 'settings.riskPolicy.toast.deleteFailed')
   } finally {
     busy.value = null
   }
@@ -274,7 +266,7 @@ async function create() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.riskPolicy.toast.createFailed'), e)
+    present(e, 'settings.riskPolicy.toast.createFailed')
   } finally {
     creating.value = false
   }

package/app/components/settings/ServiceFragmentDefaultsPanel.vue

@@ -12,7 +12,7 @@ const { t } = useI18n()
 const fragments = useFragmentsStore()
 const defaults = useServiceFragmentDefaultsStore()
 const ui = useUiStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const busy = ref(false)
 
@@ -36,12 +36,7 @@ async function save(ids: string[]) {
   try {
     await defaults.set(ids)
   } catch (e) {
-    toast.add({
-      title: t('settings.serviceFragmentDefaults.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.serviceFragmentDefaults.saveFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/SharedStacksPanel.vue

@@ -16,6 +16,7 @@ import type {
 const { t } = useI18n()
 const store = useSharedStacksStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction, toastDone } = useConfirmAction()
 
 const stacks = computed(() => store.stacks)
@@ -169,21 +170,12 @@ async function autodetect() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.sharedStacks.detect.failed'), e)
+    present(e, 'settings.sharedStacks.detect.failed')
   } finally {
     detecting.value = false
   }
 }
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 /** Create a new stack, or save edits to the one being edited (same form, mode toggled by `editingId`). */
 async function saveStack() {
   saving.value = true
@@ -223,13 +215,11 @@ async function saveStack() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(
-      t(
-        editing
-          ? 'settings.sharedStacks.toast.updateFailed'
-          : 'settings.sharedStacks.toast.createFailed',
-      ),
+    present(
       e,
+      editing
+        ? 'settings.sharedStacks.toast.updateFailed'
+        : 'settings.sharedStacks.toast.createFailed',
     )
   } finally {
     saving.value = false
@@ -243,10 +233,10 @@ async function start(stack: SharedStack) {
     // surface that as an error toast too — not only a thrown transport/unavailable error.
     const updated = await store.ensureUp(stack.id)
     if (updated.status === 'failed') {
-      notifyError(t('settings.sharedStacks.toast.startFailed'), updated.lastError ?? '')
+      present(updated.lastError ?? '', 'settings.sharedStacks.toast.startFailed')
     }
   } catch (e) {
-    notifyError(t('settings.sharedStacks.toast.startFailed'), e)
+    present(e, 'settings.sharedStacks.toast.startFailed')
   } finally {
     busyId.value = null
   }
@@ -257,7 +247,7 @@ async function stop(stack: SharedStack) {
   try {
     await store.teardown(stack.id)
   } catch (e) {
-    notifyError(t('settings.sharedStacks.toast.stopFailed'), e)
+    present(e, 'settings.sharedStacks.toast.stopFailed')
   } finally {
     busyId.value = null
   }
@@ -271,7 +261,7 @@ async function remove(stack: SharedStack) {
     await store.remove(stack.id)
     toastDone('remove', noun)
   } catch (e) {
-    notifyError(t('settings.sharedStacks.toast.removeFailed'), e)
+    present(e, 'settings.sharedStacks.toast.removeFailed')
   } finally {
     busyId.value = null
   }

package/app/components/settings/TaskTypeSuppressionsPanel.vue

@@ -16,7 +16,7 @@ import type { TaskTypeSuppression } from '~/types/domain'
 const { t } = useI18n()
 const api = useApi()
 const workspace = useWorkspaceStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const rows = ref<TaskTypeSuppression[]>([])
 const loading = ref(false)
@@ -31,7 +31,7 @@ async function load() {
   try {
     rows.value = (await api.listTaskTypeSuppressions(workspace.requireId())).taskTypes
   } catch (e) {
-    fail(e)
+    present(e, 'settings.taskTypeSuppressions.saveFailed')
   } finally {
     loading.value = false
   }
@@ -52,20 +52,11 @@ async function toggle(row: TaskTypeSuppression, offered: boolean) {
     rows.value = result.taskTypes
     await workspace.refresh()
   } catch (e) {
-    fail(e)
+    present(e, 'settings.taskTypeSuppressions.saveFailed')
   } finally {
     busyId.value = null
   }
 }
-
-function fail(e: unknown) {
-  toast.add({
-    title: t('settings.taskTypeSuppressions.saveFailed'),
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
 </script>
 
 <template>

package/app/components/settings/UserSecretsSection.vue

@@ -15,6 +15,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const store = useUserSecretsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 const open = computed({
@@ -75,15 +76,6 @@ function buildPayload(): { secret: string; metadata?: Record<string, string> } |
   return { secret, ...(Object.keys(metadata).length ? { metadata } : {}) }
 }
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 async function test() {
   const payload = buildPayload()
   if (!payload) return
@@ -120,7 +112,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.userSecrets.toast.saveFailed'), e)
+    present(e, 'settings.userSecrets.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -143,7 +135,7 @@ async function remove() {
     resetDraft()
     toast.add({ title: t('settings.userSecrets.toast.removed'), icon: 'i-lucide-check' })
   } catch (e) {
-    notifyError(t('settings.userSecrets.toast.removeFailed'), e)
+    present(e, 'settings.userSecrets.toast.removeFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/WorkspaceMetadataSettings.vue

@@ -22,6 +22,7 @@ const { t } = useI18n()
 const slots = useReactiveSlots<AppSlots>()
 const store = useWorkspaceSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 /**
  * The fields to render. A malformed key is dropped (the store would refuse every save) and
@@ -71,12 +72,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.workspaceSettings.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.workspaceSettings.toast.saveFailed')
   } finally {
     saving.value = false
   }

package/app/components/settings/WorkspaceSettingsPanel.vue

@@ -29,6 +29,7 @@ const store = useWorkspaceSettingsStore()
 const workspace = useWorkspaceStore()
 const access = useWorkspaceAccess()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const slots = useReactiveSlots<AppSlots>()
 // Whether the deployment registers any reusable operation at all, hidden or not, so the
 // Operations tab exists only where there is something for it to manage. Not the OFFERED catalog:
@@ -289,12 +290,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.workspaceSettings.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.workspaceSettings.toast.saveFailed')
   } finally {
     saving.value = false
   }