@cat-factory/app 0.261.2 → 0.261.4

package/app/components/providers/PersonalSubscriptionSection.vue

@@ -13,6 +13,7 @@ const auth = useAuthStore()
 const workspace = useWorkspaceStore()
 const models = useModelsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t, d } = useI18n()
 const { confirm } = useConfirm()
 
@@ -177,11 +178,7 @@ async function connect() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('personalSubscriptions.toast.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'personalSubscriptions.toast.connectFailed')
   } finally {
     busy.value = false
   }
@@ -203,11 +200,7 @@ async function disconnect(v: SubscriptionVendor) {
     if (workspace.workspaceId) await models.refresh(workspace.workspaceId)
     toast.add({ title: t('personalSubscriptions.toast.disconnected'), icon: 'i-lucide-check' })
   } catch (e) {
-    toast.add({
-      title: t('personalSubscriptions.toast.disconnectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'personalSubscriptions.toast.disconnectFailed')
   }
 }
 </script>

package/app/components/providers/VendorCredentialsModal.vue

@@ -15,6 +15,7 @@ const ui = useUiStore()
 const workspace = useWorkspaceStore()
 const creds = useVendorCredentialsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 const open = computed({
@@ -131,11 +132,7 @@ async function add() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('providers.vendorCredentials.toast.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'providers.vendorCredentials.toast.connectFailed')
   } finally {
     busy.value = false
   }
@@ -145,11 +142,7 @@ async function toggleEnabled(cred: { id: string }, enabled: boolean) {
   try {
     await creds.update(cred.id, { enabled })
   } catch (e) {
-    toast.add({
-      title: t('providers.vendorCredentials.toast.updateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'providers.vendorCredentials.toast.updateFailed')
   }
 }
 
@@ -157,11 +150,7 @@ async function toggleDefault(cred: { id: string; isDefault: boolean }) {
   try {
     await creds.update(cred.id, { isDefault: !cred.isDefault })
   } catch (e) {
-    toast.add({
-      title: t('providers.vendorCredentials.toast.updateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'providers.vendorCredentials.toast.updateFailed')
   }
 }
 
@@ -177,11 +166,7 @@ async function remove(cred: { id: string; label: string }) {
   try {
     await creds.remove(cred.id)
   } catch (e) {
-    toast.add({
-      title: t('providers.vendorCredentials.toast.removeFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'providers.vendorCredentials.toast.removeFailed')
   }
 }
 

package/app/components/requirements/RequirementsReviewWindow.vue

@@ -30,6 +30,7 @@ const board = useBoardStore()
 const requirements = useRequirementsStore()
 const models = useModelsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const access = useWorkspaceAccess()
 
@@ -190,15 +191,6 @@ const STATUS_LABELS = computed<Record<ReviewItemStatus, string>>(() => ({
   recommend_requested: t('requirements.itemStatus.recommend_requested'),
 }))
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 // Answers auto-save: there is no explicit "save" button. The textarea is pre-seeded with
 // the recorded reply (see the watch below); editing and blurring persists it. Persist only
 // when the trimmed draft actually differs from what's already recorded, so blurring an
@@ -213,7 +205,7 @@ async function persistDraft(
   try {
     await requirements.reply(r, item.id, text)
   } catch (e) {
-    notifyError(t('requirements.errors.saveAnswer'), e)
+    present(e, 'requirements.errors.saveAnswer')
   }
 }
 
@@ -280,7 +272,7 @@ async function setStatus(item: RequirementReviewItem, itemStatus: ReviewItemStat
   try {
     await requirements.setItemStatus(review.value, item.id, itemStatus)
   } catch (e) {
-    notifyError(t('requirements.errors.updateFinding'), e)
+    present(e, 'requirements.errors.updateFinding')
   }
 }
 
@@ -535,7 +527,7 @@ async function requestRecommendations() {
           },
     )
   } catch (e) {
-    notifyError(t('requirements.errors.requestRecommendations'), e)
+    present(e, 'requirements.errors.requestRecommendations')
   }
 }
 
@@ -544,7 +536,7 @@ async function acceptRecommendation(rec: RequirementRecommendation) {
   try {
     await requirements.acceptRecommendation(review.value, rec.id)
   } catch (e) {
-    notifyError(t('requirements.errors.acceptRecommendation'), e)
+    present(e, 'requirements.errors.acceptRecommendation')
   }
 }
 
@@ -553,7 +545,7 @@ async function rejectRecommendation(rec: RequirementRecommendation) {
   try {
     await requirements.rejectRecommendation(review.value, rec.id)
   } catch (e) {
-    notifyError(t('requirements.errors.rejectRecommendation'), e)
+    present(e, 'requirements.errors.rejectRecommendation')
   }
 }
 
@@ -565,7 +557,7 @@ async function reRequestRecommendation(rec: RequirementRecommendation) {
     await requirements.reRequestRecommendation(review.value, rec.id, note)
     reRequestNotes.value = { ...reRequestNotes.value, [rec.id]: '' }
   } catch (e) {
-    notifyError(t('requirements.errors.reRequestRecommendation'), e)
+    present(e, 'requirements.errors.reRequestRecommendation')
   }
 }
 
@@ -575,7 +567,7 @@ async function incorporate(feedback?: string) {
     await flushDrafts()
     await requirements.incorporate(review.value, feedback)
   } catch (e) {
-    notifyError(t('requirements.errors.incorporate'), e)
+    present(e, 'requirements.errors.incorporate')
     return
   }
   redoComment.value = ''
@@ -605,7 +597,7 @@ async function reReview() {
       icon: 'i-lucide-sparkles',
     })
   } catch (e) {
-    notifyError(t('requirements.errors.reReview'), e)
+    present(e, 'requirements.errors.reReview')
   }
 }
 
@@ -617,7 +609,7 @@ async function proceed() {
     await requirements.proceed(blockId.value)
     toast.add({ title: t('requirements.toast.proceeding'), icon: 'i-lucide-arrow-right' })
   } catch (e) {
-    notifyError(t('requirements.errors.proceed'), e)
+    present(e, 'requirements.errors.proceed')
   } finally {
     acting.value = false
   }
@@ -637,7 +629,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
       toast.add({ title: t('requirements.toast.extraRoundGranted'), icon: 'i-lucide-rotate-cw' })
     }
   } catch (e) {
-    notifyError(t('requirements.errors.resolveReview'), e)
+    present(e, 'requirements.errors.resolveReview')
   } finally {
     acting.value = false
   }

package/app/components/sandbox/SandboxPanel.vue

@@ -18,6 +18,7 @@ import type {
 const ui = useUiStore()
 const store = useSandboxStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 // Exhaustive enum→label maps of literal `t(...)` keys (keeps the typed-key drift guard
@@ -167,12 +168,7 @@ async function createAndRun() {
     await store.launch(created.id)
     toast.add({ title: t('sandbox.toast.complete'), icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
-    toast.add({
-      title: t('sandbox.toast.runFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'sandbox.toast.runFailed')
   }
 }
 
@@ -223,12 +219,7 @@ async function saveVersion() {
     toast.add({ title: t('sandbox.toast.versionSaved'), icon: 'i-lucide-check', color: 'success' })
     editing.value = null
   } catch (e) {
-    toast.add({
-      title: t('sandbox.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'sandbox.toast.saveFailed')
   } finally {
     savingPrompt.value = false
   }
@@ -239,12 +230,7 @@ async function archive(prompt: SandboxPromptVersion) {
     await store.archivePrompt(prompt.id)
     if (editing.value?.id === prompt.id) editing.value = null
   } catch (e) {
-    toast.add({
-      title: t('sandbox.toast.archiveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'sandbox.toast.archiveFailed')
   }
 }
 </script>

package/app/components/settings/ApiTokensPanel.vue

@@ -58,6 +58,7 @@ function minterLabel(key: PublicApiKey): string | null {
     : key.createdByUserId
 }
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction, toastDone } = useConfirmAction()
 
 const open = computed({
@@ -74,15 +75,6 @@ const busy = ref(false)
 // re-fetchable, so it lives only in this transient ref (not the store).
 const newSecret = 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',
-  })
-}
-
 watch(
   open,
   async (isOpen) => {
@@ -94,7 +86,7 @@ watch(
     try {
       await store.ensureLoaded()
     } catch (e) {
-      notifyError(t('settings.apiTokens.toast.loadFailed'), e)
+      present(e, 'settings.apiTokens.toast.loadFailed')
     }
   },
   { immediate: true },
@@ -115,7 +107,7 @@ async function createToken() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.apiTokens.toast.createFailed'), e)
+    present(e, 'settings.apiTokens.toast.createFailed')
   } finally {
     busy.value = false
   }
@@ -132,7 +124,7 @@ async function revokeToken(key: PublicApiKey) {
     await store.revoke(key.id)
     toastDone('revoke', key.label)
   } catch (e) {
-    notifyError(t('settings.apiTokens.toast.revokeFailed'), e)
+    present(e, 'settings.apiTokens.toast.revokeFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/BudgetSettings.vue

@@ -8,6 +8,7 @@ import { computed, reactive, ref, watch, type Ref } from 'vue'
 
 const { t, n } = useI18n()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const settingsStore = useWorkspaceSettingsStore()
 const userSettingsStore = useUserSettingsStore()
@@ -37,11 +38,7 @@ async function runSave(saving: Ref<boolean>, save: () => Promise<unknown>) {
       // ignore — the budget is persisted; the meter will catch up on the next snapshot.
     }
   } catch (e) {
-    toast.add({
-      title: t('settings.workspaceSettings.toast.budgetSaveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'settings.workspaceSettings.toast.budgetSaveFailed')
   } finally {
     saving.value = false
   }

package/app/components/settings/CloudflareHandlerSection.vue

@@ -19,6 +19,7 @@ type CloudflareConfig = CloudflareHandlerConfig['cloudflare']
 const { t } = useI18n()
 const infra = useInfraConfigStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction } = useConfirmAction()
 
 const busy = ref(false)
@@ -106,12 +107,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.infrastructure.handler.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -139,12 +135,7 @@ async function remove() {
     await infra.unregisterHandler('cloudflare')
     toast.add({ title: t('settings.infrastructure.handler.removed'), icon: 'i-lucide-check' })
   } catch (e) {
-    toast.add({
-      title: t('settings.infrastructure.handler.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/ConsensusGroupsSection.vue

@@ -18,7 +18,7 @@ const groups = useConsensusGroupsStore()
 const models = useModelsStore()
 const creds = useVendorCredentialsStore()
 const uiMode = useUiModeStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 /**
@@ -184,7 +184,7 @@ async function save() {
     else await groups.create(body)
     editor.value = null
   } catch (err) {
-    fail(t('settings.consensusGroups.toast.saveFailed'), err)
+    present(err, 'settings.consensusGroups.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -203,20 +203,11 @@ async function remove(group: ConsensusGroup) {
   try {
     await groups.remove(group.id)
   } catch (err) {
-    fail(t('settings.consensusGroups.toast.deleteFailed'), err)
+    present(err, 'settings.consensusGroups.toast.deleteFailed')
   } 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/CustomManifestTypeEditor.vue

@@ -9,7 +9,7 @@ import type { CustomManifestType } from '@cat-factory/contracts'
 
 const { t } = useI18n()
 const infra = useInfraConfigStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction, toastDone } = useConfirmAction()
 
 // A draft for the add/edit form. `manifestId` is locked on edit (it's the PK).
@@ -68,12 +68,7 @@ async function save() {
     })
     startAdd()
   } catch (e) {
-    toast.add({
-      title: t('settings.infrastructure.customType.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.infrastructure.customType.saveFailed')
   } finally {
     busy.value = false
   }
@@ -87,12 +82,7 @@ async function remove(type: CustomManifestType) {
     if (editing.value && draft.manifestId === type.manifestId) startAdd()
     toastDone('remove', type.label)
   } catch (e) {
-    toast.add({
-      title: t('settings.infrastructure.customType.removeFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.infrastructure.customType.removeFailed')
   } finally {
     busy.value = false
   }

package/app/components/settings/DefaultProvisionTypeSection.vue

@@ -25,6 +25,7 @@ const { t } = useI18n()
 const infra = useInfraConfigStore()
 const settingsStore = useWorkspaceSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 onMounted(() => {
   void infra.ensureLoaded()
@@ -91,11 +92,7 @@ async function save() {
     })
     toast.add({ title: t('settings.defaultProvision.saved'), color: 'success' })
   } catch (e) {
-    toast.add({
-      title: t('settings.defaultProvision.saveFailed'),
-      description: e instanceof Error ? e.message : undefined,
-      color: 'error',
-    })
+    present(e, 'settings.defaultProvision.saveFailed')
   } finally {
     saving.value = false
   }

package/app/components/settings/InfraHandlersConfigurator.vue

@@ -36,6 +36,7 @@ const infra = useInfraConfigStore()
 const auth = useAuthStore()
 const ui = useUiStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction } = useConfirmAction()
 
 const isLocal = computed(() => auth.localMode?.enabled === true)
@@ -221,7 +222,7 @@ async function saveKube(payload: { config: KubeHandlerConfig; secrets: Record<st
     })
     toastSaved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -234,7 +235,7 @@ async function removeKube() {
     await infra.unregisterHandler('kubernetes')
     toastRemoved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -258,7 +259,7 @@ async function saveKubeOverride(payload: {
     })
     toastSaved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -272,7 +273,7 @@ async function removeKubeOverride() {
     await infra.removeUserHandler('kubernetes')
     toastRemoved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -380,7 +381,7 @@ async function saveCustom(payload: {
     })
     toastSaved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -394,7 +395,7 @@ async function removeCustom() {
     await infra.unregisterHandler('custom', selectedCustomId.value)
     toastRemoved()
   } catch (e) {
-    notifyError(e)
+    present(e, 'settings.infrastructure.handler.saveFailed')
   } finally {
     busy.value = false
   }
@@ -410,14 +411,6 @@ function toastSaved() {
 function toastRemoved() {
   toast.add({ title: t('settings.infrastructure.handler.removed'), icon: 'i-lucide-check' })
 }
-function notifyError(e: unknown) {
-  toast.add({
-    title: t('settings.infrastructure.handler.saveFailed'),
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
 </script>
 
 <template>

package/app/components/settings/InfrastructureBackendPicker.vue

@@ -27,7 +27,7 @@ const { t } = useI18n()
 const auth = useAuthStore()
 const settings = useWorkspaceSettingsStore()
 const providerConnections = useProviderConnectionsStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 type BackendKind = ExecutionBackendKind | TestEnvBackendKind
 // A radio item: the built-in facade runtime, one per registered backend kind (built-in +
@@ -223,12 +223,7 @@ async function setDelegate(value: boolean) {
     // Only reachable on the execution axis (`writable` is false for testEnv now).
     await settings.update({ delegateAgentsToRunnerPool: value })
   } catch (e) {
-    toast.add({
-      title: t('settings.infrastructure.updateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.infrastructure.updateFailed')
   } finally {
     saving.value = false
   }

package/app/components/settings/IssueTrackerPanel.vue

@@ -23,6 +23,7 @@ const tracker = useTrackerStore()
 const tasks = useTasksStore()
 const ui = useUiStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 // --- filing tracker + writeback (one Save, persisted on tracker settings) -----
 const trackerKind = ref<TrackerKind | null>(null)
@@ -119,12 +120,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.issueTracker.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.issueTracker.toast.saveFailed')
   } finally {
     saving.value = false
   }
@@ -150,12 +146,7 @@ async function toggleSource(source: TaskSourceKind, enabled: boolean) {
   try {
     await tasks.setEnabled(source, enabled)
   } catch (e) {
-    toast.add({
-      title: t('settings.issueTracker.toast.updateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.issueTracker.toast.updateFailed')
   } finally {
     togglingSource.value = null
   }
@@ -189,12 +180,7 @@ async function checkSetup(source: TaskSourceKind) {
   try {
     await tasks.checkSetup(source)
   } catch (e) {
-    toast.add({
-      title: t('settings.issueTracker.toast.checkFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.issueTracker.toast.checkFailed')
   }
 }
 </script>

package/app/components/settings/LocalContainerPoolSettings.vue

@@ -14,6 +14,7 @@ import { reactive, ref, watch } from 'vue'
 const { t } = useI18n()
 const store = useLocalSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const saving = ref(false)
 
@@ -65,12 +66,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.localMode.toast.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'settings.localMode.toast.saveFailed')
   } finally {
     saving.value = false
   }

package/app/components/settings/LocalModelEndpointsPanel.vue

@@ -19,6 +19,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const store = useLocalModelsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 const open = computed({
@@ -96,15 +97,6 @@ watch(provider, (p) => {
   tested.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',
-  })
-}
-
 async function test() {
   if (!baseUrl.value.trim()) return
   testing.value = true
@@ -166,7 +158,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('settings.localModelEndpoints.toast.saveFailed'), e)
+    present(e, 'settings.localModelEndpoints.toast.saveFailed')
   } finally {
     busy.value = false
   }
@@ -195,7 +187,7 @@ async function remove(p: LocalRunner) {
     }
     toast.add({ title: t('settings.localModelEndpoints.toast.removed'), icon: 'i-lucide-check' })
   } catch (e) {
-    notifyError(t('settings.localModelEndpoints.toast.removeFailed'), e)
+    present(e, 'settings.localModelEndpoints.toast.removeFailed')
   } finally {
     busy.value = false
   }