@cat-factory/app 0.261.3 → 0.261.4

package/app/components/foundational/FoundationalServiceSources.vue

@@ -35,6 +35,7 @@ const catalog =
     : useFoundationalServices(props.kind, props.ownerId)
 const github = useGitHubStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t, d } = useI18n()
 const { confirm } = useConfirm()
 
@@ -42,15 +43,6 @@ const { confirm } = useConfirm()
 // back to manual text entry.
 const githubReady = computed(() => github.available === true && github.connected)
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 // Per-row in-flight tracking so only the control that triggered an action spins.
 const busyRows = reactive(new Set<string>())
 const rowBusy = (key: string) => busyRows.has(key)
@@ -182,7 +174,7 @@ async function link() {
     toast.add({ title: t('foundational.toast.sourceLinked'), icon: 'i-lucide-git-branch' })
     return result
   } catch (e) {
-    notifyError(t('foundational.toast.linkSourceFailed'), e)
+    present(e, 'foundational.toast.linkSourceFailed')
   } finally {
     linking.value = false
   }
@@ -213,7 +205,7 @@ async function sync(id: string) {
         color: coverage ? 'warning' : 'info',
       })
     } catch (e) {
-      notifyError(t('foundational.toast.syncFailed'), e)
+      present(e, 'foundational.toast.syncFailed')
     }
   })
 }
@@ -229,7 +221,7 @@ async function check(id: string) {
         icon: status.changed ? 'i-lucide-bell-dot' : 'i-lucide-check',
       })
     } catch (e) {
-      notifyError(t('foundational.toast.checkSourceFailed'), e)
+      present(e, 'foundational.toast.checkSourceFailed')
     }
   })
 }
@@ -251,7 +243,7 @@ async function unlink(id: string) {
       await catalog.unlinkSource(id)
       toast.add({ title: t('foundational.toast.sourceUnlinked'), icon: 'i-lucide-unplug' })
     } catch (e) {
-      notifyError(t('foundational.toast.unlinkSourceFailed'), e)
+      present(e, 'foundational.toast.unlinkSourceFailed')
     }
   })
 }

package/app/components/foundational/FoundationalSuppressions.vue

@@ -24,6 +24,7 @@ const catalog =
     ? useFoundationalServicesStore()
     : useFoundationalServices(props.kind, props.ownerId)
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 // Exhaustive scope→key maps of literal `t(...)` keys: what a board opts out of (its account's
@@ -48,12 +49,7 @@ async function restore(serviceId: string) {
     await catalog.restore(serviceId)
     toast.add({ title: t('foundational.toast.restored'), icon: 'i-lucide-eye' })
   } catch (e) {
-    toast.add({
-      title: t('foundational.toast.restoreFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'foundational.toast.restoreFailed')
   } finally {
     busyRows.delete(serviceId)
   }

package/app/components/fragments/FragmentLibraryManager.vue

@@ -40,6 +40,7 @@ const library =
 const documents = useDocumentsStore()
 const github = useGitHubStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t, d } = useI18n()
 const { confirm } = useConfirm()
 
@@ -104,15 +105,6 @@ function tabLabel(which: Tab): string {
   return t('fragments.tab.sources')
 }
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 // Per-row / per-form in-flight tracking. The store's single `library.loading` flag
 // drove every row's button at once (UX-29) and cross-spun the add/link forms; key
 // each async action so only the control that triggered it shows a spinner.
@@ -156,7 +148,7 @@ async function autofillTitle(
     })
     set(title)
   } catch (e) {
-    notifyError(t('fragments.authored.titleGenFailed'), e)
+    present(e, 'fragments.authored.titleGenFailed')
   } finally {
     generatingTitleFor.value = null
   }
@@ -225,7 +217,7 @@ async function saveEdit() {
       editDraft.value = null
       toast.add({ title: t('fragments.toast.updated'), icon: 'i-lucide-check' })
     } catch (e) {
-      notifyError(t('fragments.toast.updateFailed'), e)
+      present(e, 'fragments.toast.updateFailed')
     }
   })
 }
@@ -247,7 +239,7 @@ async function createFragment() {
     draft.value = { title: '', summary: '', body: '', brief: '', tags: '' }
     toast.add({ title: t('fragments.toast.added'), icon: 'i-lucide-check' })
   } catch (e) {
-    notifyError(t('fragments.toast.addFailed'), e)
+    present(e, 'fragments.toast.addFailed')
   } finally {
     creating.value = false
   }
@@ -268,7 +260,7 @@ async function removeFragment(id: string) {
       await library.remove(id)
       toast.add({ title: t('fragments.toast.removed'), icon: 'i-lucide-trash-2' })
     } catch (e) {
-      notifyError(t('fragments.toast.removeFailed'), e)
+      present(e, 'fragments.toast.removeFailed')
     }
   })
 }
@@ -462,13 +454,13 @@ async function linkDocumentFragment() {
       })
     }
     if (firstError) {
-      notifyError(t('fragments.toast.linkDocumentFailed'), firstError)
+      present(firstError, 'fragments.toast.linkDocumentFailed')
     } else {
       // Everything staged linked — clear the whole draft (also resets repo/source selection).
       docDraft.value = { source: '', ref: '', tags: '' }
     }
   } catch (e) {
-    notifyError(t('fragments.toast.linkDocumentFailed'), e)
+    present(e, 'fragments.toast.linkDocumentFailed')
   } finally {
     linkingDoc.value = false
   }
@@ -480,7 +472,7 @@ async function refreshFragment(id: string) {
       await library.refreshDocumentFragment(id)
       toast.add({ title: t('fragments.toast.refreshed'), icon: 'i-lucide-refresh-cw' })
     } catch (e) {
-      notifyError(t('fragments.toast.refreshFailed'), e)
+      present(e, 'fragments.toast.refreshFailed')
     }
   })
 }
@@ -537,7 +529,7 @@ async function linkSource() {
     await library.syncSource(source.id)
     toast.add({ title: t('fragments.toast.sourceLinked'), icon: 'i-lucide-git-branch' })
   } catch (e) {
-    notifyError(t('fragments.toast.linkSourceFailed'), e)
+    present(e, 'fragments.toast.linkSourceFailed')
   } finally {
     linkingSource.value = false
   }
@@ -556,7 +548,7 @@ async function syncSource(id: string) {
         color: 'info',
       })
     } catch (e) {
-      notifyError(t('fragments.toast.syncFailed'), e)
+      present(e, 'fragments.toast.syncFailed')
     }
   })
 }
@@ -572,7 +564,7 @@ async function checkSource(id: string) {
         icon: status.changed ? 'i-lucide-bell-dot' : 'i-lucide-check',
       })
     } catch (e) {
-      notifyError(t('fragments.toast.checkSourceFailed'), e)
+      present(e, 'fragments.toast.checkSourceFailed')
     }
   })
 }
@@ -593,7 +585,7 @@ async function unlinkSource(id: string) {
       await library.unlinkSource(id)
       toast.add({ title: t('fragments.toast.sourceUnlinked'), icon: 'i-lucide-unplug' })
     } catch (e) {
-      notifyError(t('fragments.toast.unlinkSourceFailed'), e)
+      present(e, 'fragments.toast.unlinkSourceFailed')
     }
   })
 }

package/app/components/github/AddServiceFromRepoModal.vue

@@ -40,6 +40,7 @@ const github = useGitHubStore()
 const board = useBoardStore()
 const services = useServicesStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { freeFramePosition, focusFrame } = useFramePlacement()
 
 const open = computed({
@@ -353,12 +354,7 @@ async function add() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('github.addService.toast.addFailedTitle'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'github.addService.toast.addFailedTitle')
   } finally {
     adding.value = false
   }
@@ -431,12 +427,7 @@ async function addServices() {
       color: wiringLanded ? 'success' : 'warning',
     })
   } catch (e) {
-    toast.add({
-      title: t('github.addService.toast.addFailedTitle'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'github.addService.toast.addFailedTitle')
   } finally {
     adding.value = false
   }

package/app/components/github/GitHubConnect.vue

@@ -9,6 +9,7 @@
 const { t } = useI18n()
 const github = useGitHubStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const installing = ref(false)
 const installationId = ref('')
@@ -20,21 +21,12 @@ onMounted(() => {
   void refreshInstallations()
 })
 
-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 refreshInstallations() {
   try {
     await github.loadInstallations()
   } catch (e) {
     // A 503 (integration off) is handled by the host; surface anything else.
-    notifyError(t('github.connect.errors.listInstallations'), e)
+    present(e, 'github.connect.errors.listInstallations')
   }
 }
 
@@ -43,7 +35,7 @@ async function install() {
   try {
     window.location.href = await github.getInstallUrl()
   } catch (e) {
-    notifyError(t('github.connect.errors.startInstall'), e)
+    present(e, 'github.connect.errors.startInstall')
     installing.value = false
   }
 }
@@ -60,7 +52,7 @@ async function connect(id: number, onDone?: () => void) {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('github.connect.errors.connect'), e)
+    present(e, 'github.connect.errors.connect')
   } finally {
     connecting.value = false
     connectingId.value = null

package/app/components/github/GitHubPanel.vue

@@ -17,6 +17,7 @@ const ui = useUiStore()
 const access = useWorkspaceAccess()
 const github = useGitHubStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 
 const open = computed({
@@ -95,15 +96,6 @@ watch(
   { immediate: true },
 )
 
-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 disconnect() {
   const ok = await confirm({
     title: t('vcs.panel.confirmDisconnect.title', {
@@ -122,7 +114,7 @@ async function disconnect() {
       icon: 'i-lucide-unplug',
     })
   } catch (e) {
-    notifyError(t('github.panel.errors.disconnect'), e)
+    present(e, 'github.panel.errors.disconnect')
   }
 }
 
@@ -135,7 +127,7 @@ async function resync(full = false) {
       color: 'info',
     })
   } catch (e) {
-    notifyError(t('github.panel.errors.resync'), e)
+    present(e, 'github.panel.errors.resync')
   }
 }
 
@@ -159,7 +151,7 @@ async function openManage() {
     await github.loadAvailableRepos()
     selected.value = new Set(github.availableRepos.filter((r) => r.linked).map((r) => r.githubId))
   } catch (e) {
-    notifyError(t('github.panel.errors.loadRepos'), e)
+    present(e, 'github.panel.errors.loadRepos')
     managing.value = false
   }
 }
@@ -181,7 +173,7 @@ async function saveRepos() {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('github.panel.errors.updateRepos'), e)
+    present(e, 'github.panel.errors.updateRepos')
   }
 }
 
@@ -201,7 +193,7 @@ async function toggleRepo(repo: GitHubRepo) {
     try {
       await github.loadBranches(repo.githubId)
     } catch (e) {
-      notifyError(t('github.panel.errors.loadBranches'), e)
+      present(e, 'github.panel.errors.loadBranches')
     }
   }
 }
@@ -220,7 +212,7 @@ async function createBranch(repo: GitHubRepo) {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('github.panel.errors.createBranch'), e)
+    present(e, 'github.panel.errors.createBranch')
   } finally {
     creatingBranch.value = false
   }
@@ -268,7 +260,7 @@ async function openPr() {
     prForm.value = { repoGithubId: null, title: '', head: '', base: '' }
     toast.add({ title: t(pullTerms.value.opened), icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
-    notifyError(t(pullTerms.value.openFailed), e)
+    present(e, pullTerms.value.openFailed)
   } finally {
     openingPr.value = false
   }
@@ -296,7 +288,7 @@ async function merge(pr: GitHubPullRequest) {
       color: 'success',
     })
   } catch (e) {
-    notifyError(t('github.panel.errors.merge'), e)
+    present(e, 'github.panel.errors.merge')
   } finally {
     merging.value = null
   }

package/app/components/github/RepoTreeBrowser.vue

@@ -41,7 +41,7 @@ const emit = defineEmits<{
 
 const { t } = useI18n()
 const github = useGitHubStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const currentPath = ref(props.startPath)
 const treeEntries = ref<RepoTreeEntry[]>([])
@@ -94,12 +94,7 @@ async function browseTo(path: string) {
     treeEntries.value = await github.loadRepoTree(props.repoGithubId, path)
   } catch (e) {
     treeEntries.value = []
-    toast.add({
-      title: t('github.repoTree.errors.listDirectory'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'github.repoTree.errors.listDirectory')
   } finally {
     loading.value = false
   }

package/app/components/humanTest/HumanTestWindow.vue

@@ -20,7 +20,7 @@ const board = useBoardStore()
 const execution = useExecutionStore()
 const humanTest = useHumanTestStore()
 const { t, d } = useI18n()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 const access = useWorkspaceAccess()
 const { confirmAction, toastDone } = useConfirmAction()
 
@@ -116,12 +116,7 @@ async function destroy() {
     await humanTest.destroyEnv(blockId.value)
     toastDone('destroy', noun)
   } catch (e) {
-    toast.add({
-      title: t('humanTest.destroyFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'humanTest.destroyFailed')
   }
 }
 

package/app/components/initiative/InitiativeTrackerWindow.vue

@@ -34,7 +34,7 @@ const board = useBoardStore()
 const initiatives = useInitiativesStore()
 const access = useWorkspaceAccess()
 const { t } = useI18n()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const { open, blockId, instanceId, stepIndex, close } = useResultView('initiative-tracker', {
   onOpen: ({ blockId }) => void initiatives.load(blockId),
@@ -155,8 +155,7 @@ const editable = computed(() => initiative.value?.status === 'executing')
 
 /** Report a failed curation call as a toast (a stale-rev CAS conflict, an illegal edit, …). */
 function reportError(error: unknown) {
-  const message = error instanceof Error ? error.message : t('initiative.curation.failed')
-  toast.add({ title: t('initiative.curation.failed'), description: message, color: 'error' })
+  present(error, 'initiative.curation.failed')
 }
 
 // Follow-up promotion: an inline per-follow-up form (phase + optional title override).

package/app/components/layout/AccountAuditLog.vue

@@ -17,7 +17,7 @@ import { actorLabel, describeEvent } from './AccountAuditLog.logic'
 const props = defineProps<{ accountId: string }>()
 
 const accounts = useAccountsStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 const events = computed(() => accounts.auditEvents)
@@ -43,12 +43,7 @@ async function loadMore() {
   try {
     await accounts.loadMoreAuditEvents(props.accountId)
   } catch (e) {
-    toast.add({
-      title: t('layout.auditLog.errors.loadMore'),
-      description: apiErrorEnvelope(e)?.message ?? (e instanceof Error ? e.message : String(e)),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'layout.auditLog.errors.loadMore')
   }
 }
 

package/app/components/layout/AccountDeploymentSettings.vue

@@ -14,6 +14,7 @@ const props = defineProps<{ accountId: string }>()
 const store = useAccountSettingsStore()
 const ui = useUiStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const { confirmAction } = useConfirmAction()
 
@@ -157,12 +158,7 @@ onMounted(async () => {
     // deep-link scroll here (the up-front watcher misses the target set before mount).
     void maybeScrollToStorage()
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.loadFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.loadFailed')
   }
 })
 
@@ -234,11 +230,7 @@ async function saveStorage() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.contentStorage.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.contentStorage.saveFailed')
   } finally {
     savingStorage.value = false
   }
@@ -269,11 +261,7 @@ async function saveSlack() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.slack.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.slack.saveFailed')
   } finally {
     savingSlack.value = false
   }
@@ -290,11 +278,7 @@ async function clearSlack() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.slack.clearFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.slack.clearFailed')
   } finally {
     savingSlack.value = false
   }
@@ -325,11 +309,7 @@ async function saveLinear() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.linear.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.linear.saveFailed')
   } finally {
     savingLinear.value = false
   }
@@ -346,11 +326,7 @@ async function clearLinear() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.linear.clearFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.linear.clearFailed')
   } finally {
     savingLinear.value = false
   }
@@ -381,11 +357,7 @@ async function saveFigma() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.figma.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.figma.saveFailed')
   } finally {
     savingFigma.value = false
   }
@@ -402,11 +374,7 @@ async function clearFigma() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.figma.clearFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.figma.clearFailed')
   } finally {
     savingFigma.value = false
   }
@@ -439,11 +407,7 @@ async function saveWeb() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.web.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.web.saveFailed')
   } finally {
     savingWeb.value = false
   }
@@ -460,11 +424,7 @@ async function clearWeb() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('layout.accountDeployment.web.clearFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'layout.accountDeployment.web.clearFailed')
   } finally {
     savingWeb.value = false
   }

package/app/components/layout/AccountModelPolicySettings.vue

@@ -17,6 +17,7 @@ const props = defineProps<{ accountId: string }>()
 
 const store = useAccountSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 // The family / region / mode / trusted-provider domains, pinned to the contract unions so a
@@ -135,11 +136,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.modelPolicy.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'settings.modelPolicy.saveFailed')
   } finally {
     saving.value = false
   }

package/app/components/layout/AccountPlatformAlertSettings.vue

@@ -26,6 +26,7 @@ const props = defineProps<{ accountId: string }>()
 
 const store = useAccountSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 const WINDOWS = ['1h', '24h', '7d'] as const satisfies readonly PlatformAlertWindow[]
@@ -234,11 +235,7 @@ async function save() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('settings.platformAlerts.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'settings.platformAlerts.saveFailed')
   } finally {
     saving.value = false
   }

package/app/components/layout/AccountRunCredentialSettings.vue

@@ -17,6 +17,7 @@ const props = defineProps<{ accountId: string }>()
 
 const store = useAccountSettingsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 // Tri-state, and it must stay tri-state: "not set" is a real, distinct answer from "permitted".
@@ -49,11 +50,7 @@ async function save() {
     })
     toast.add({ title: t('settings.runCredentialPolicy.saved'), color: 'success' })
   } catch (e) {
-    toast.add({
-      title: t('settings.runCredentialPolicy.saveFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'settings.runCredentialPolicy.saveFailed')
   } finally {
     saving.value = false
   }