@cat-factory/app 0.261.3 → 0.261.4

package/README.md

@@ -195,6 +195,46 @@ The failure is silent, which is why this is a rule rather than a preference. An
 
 `scripts/check-component-imports.mjs` enforces it (CI's `repo-guards` job). If a panel section is missing and the data looks right, check the import first.
 
+### Every failure toast goes through ONE funnel
+
+**A failed call is reported with `usePipelineErrorToast().present(error, titleKey)`.** Never build
+`toast.add({ title, description: e instanceof Error ? e.message : String(e) })`, and never wrap that
+shape in a per-component `notifyError(title, e)` helper (29 components had a copy of the same six
+lines, plus four more spellings of it).
+
+The funnel is not a formatting convenience. Four properties are what it exists for, and a hand-built
+toast has none of them:
+
+- **Translated copy.** The description is resolved from the envelope's status class or its
+  `details.reason`; the backend's untranslated prose is DETAIL, never the headline (see the i18n
+  section). A hand-built toast shows English to every locale.
+- **It does not auto-dismiss.** An error is the one toast a reader has to finish, quote, or act on,
+  and a ~5s dismissal took it away mid-sentence. It keeps its close button, so leaving is a choice.
+- **One-click copy of the whole thing**, through `useCopyToClipboard` (so the copy's own
+  success/failure is reported rather than silently no-op'ing in an insecure context). Selecting text
+  in a toast is fiddly and impossible once it is gone.
+- **The `requestId` travels with it.** `mountRequestLogging` puts that id on every error envelope,
+  and it is the ONLY join between what the user saw and the one server log line that explains it. A
+  report that arrives without it costs whoever reads it the entire diagnosis.
+
+`present` takes a KEY, not a resolved title (plus optional interpolation params), so it can resolve
+its own copy. A store passes it through its context alongside `api`/`toast` (see
+`stores/board/context.ts`) rather than calling the composable per write. A site with BESPOKE copy for
+a recognised refusal keeps that branch and drains only its fallback into the funnel
+(`stores/board/placement.ts`, `components/board/AddTaskModal.vue`).
+
+**A FAILED CALL, though, not every refusal.** The funnel's whole job is to classify what the backend
+answered, so a local check that never left the browser must not be dressed up as one: a synthesized
+`new Error(t('...'))` has no envelope and no status, which is precisely the input `describeGenericFailure`
+reads as a network fault. A blank required field then renders as "The server could not be reached",
+with the real sentence hidden behind a disclosure. Client-side validation stays a plain
+`toast.add` with translated title and description (`components/settings/ModelConfigurationPanel.vue`).
+
+The still-open remainder is the INLINE family: `error.value = e.message` rendered in a panel, and
+`testResult = { ok: false, message }` rendered by `ConnectionTestVerdict`. Those need a render
+surface rather than a toast, and are tracked as G4 in
+[`error-message-coverage.md`](https://github.com/kibertoad/cat-factory/blob/main/docs/initiatives/error-message-coverage.md).
+
 ### Type a chip map with `BadgeColor`, never `string`
 
 A status → chip map feeding a `<UBadge :color="…">` types its values as `BadgeColor` (`utils/badge.ts`), which is derived from `UBadge`'s own prop type rather than restated as a literal union. Typed `string`, the binding does not compile and the reflex is `as any` at each call site: seven of them had accumulated. That cast also accepts a colour Nuxt UI does not define, which renders as an unstyled badge with nothing failing.

package/app/components/board/AddTaskModal.vue

@@ -59,6 +59,7 @@ const pipelines = usePipelinesStore()
 const agentConfig = useAgentConfigStore()
 const fragments = useFragmentsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 const { resolvePending, linkPending, presentLinkFailures } = useContextLinking()
@@ -730,12 +731,15 @@ async function submitCreate(acknowledgeReviewDebt: boolean) {
       openReviewFrictionDialog(conflict)
       return
     }
-    toast.add({
-      title: t('board.addTask.addFailedTitle'),
-      description: createRefusalMessage(e) ?? (e instanceof Error ? e.message : String(e)),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    const refusal = createRefusalMessage(e)
+    if (refusal) {
+      toast.add({
+        title: t('board.addTask.addFailedTitle'),
+        description: refusal,
+        icon: 'i-lucide-triangle-alert',
+        color: 'error',
+      })
+    } else present(e, 'board.addTask.addFailedTitle')
   } finally {
     saving.value = false
   }

package/app/components/board/AgentStopButton.vue

@@ -23,6 +23,7 @@ const { t } = useI18n()
 const agentRuns = useAgentRunsStore()
 const access = useWorkspaceAccess()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirm } = useConfirm()
 const stopping = ref(false)
 
@@ -50,11 +51,7 @@ async function stop() {
       color: 'warning',
     })
   } catch (e) {
-    toast.add({
-      title: t('board.stop.stopFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      color: 'error',
-    })
+    present(e, 'board.stop.stopFailed')
   } finally {
     stopping.value = false
   }

package/app/components/board/CreateInitiativeModal.vue

@@ -30,7 +30,7 @@ import type { PendingContext } from '~/composables/useContextLinking'
 const ui = useUiStore()
 const board = useBoardStore()
 const initiatives = useInitiativesStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const { resolvePending, linkPending, presentLinkFailures } = useContextLinking()
 
@@ -170,12 +170,7 @@ async function create() {
     // Select the fresh block so the inspector offers "Run planning" right away.
     ui.select(block.id)
   } catch (e) {
-    toast.add({
-      title: t('initiative.create.failedTitle'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'initiative.create.failedTitle')
   } finally {
     submitting.value = false
   }

package/app/components/board/RecurringPipelineModal.vue

@@ -20,6 +20,7 @@ const recurring = useRecurringPipelinesStore()
 const tracker = useTrackerStore()
 const tasks = useTasksStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const access = useWorkspaceAccess()
 const { t, te } = useI18n()
 
@@ -375,12 +376,15 @@ async function add() {
     })
     ui.closeAddRecurring()
   } catch (e) {
-    toast.add({
-      title: t('board.recurring.addFailedTitle'),
-      description: intakeRefusalCopy(e) ?? (e instanceof Error ? e.message : String(e)),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    const refusal = intakeRefusalCopy(e)
+    if (refusal) {
+      toast.add({
+        title: t('board.recurring.addFailedTitle'),
+        description: refusal,
+        icon: 'i-lucide-triangle-alert',
+        color: 'error',
+      })
+    } else present(e, 'board.recurring.addFailedTitle')
   } finally {
     saving.value = false
   }

package/app/components/bootstrap/BootstrapModal.vue

@@ -14,6 +14,7 @@ const agentRuns = useAgentRunsStore()
 const github = useGitHubStore()
 const board = useBoardStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { freeFramePosition, focusFrame } = useFramePlacement()
 const { t } = useI18n()
 const { confirmAction, toastDone } = useConfirmAction()
@@ -205,12 +206,7 @@ async function openCreateRepo() {
       color: 'success',
     })
   } catch (e) {
-    toast.add({
-      title: t('bootstrap.toast.repoCreateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'bootstrap.toast.repoCreateFailed')
   } finally {
     creatingRepo.value = false
   }
@@ -291,12 +287,7 @@ async function launch() {
       ui.closeBootstrap()
     }
   } catch (e) {
-    toast.add({
-      title: t('bootstrap.toast.bootstrapFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'bootstrap.toast.bootstrapFailed')
   } finally {
     launching.value = false
   }
@@ -382,12 +373,7 @@ async function saveArch() {
     archForm.value = blankForm()
     archRepoSlug.value = undefined
   } catch (e) {
-    toast.add({
-      title: t('bootstrap.toast.saveArchFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'bootstrap.toast.saveArchFailed')
   } finally {
     savingArch.value = false
   }
@@ -400,12 +386,7 @@ async function removeArch(a: ReferenceArchitecture) {
     if (selectedArchId.value === a.id) selectedArchId.value = undefined
     toastDone('remove', a.name)
   } catch (e) {
-    toast.add({
-      title: t('bootstrap.toast.deleteFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'bootstrap.toast.deleteFailed')
   }
 }
 

package/app/components/brainstorm/BrainstormWindow.vue

@@ -23,6 +23,7 @@ import type {
 const board = useBoardStore()
 const brainstorm = useBrainstormStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const access = useWorkspaceAccess()
 
@@ -143,15 +144,6 @@ const STATUS_LABELS: Record<ReviewItemStatus, string> = {
   recommend_requested: 'brainstorm.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',
-  })
-}
-
 async function submitReply(item: BrainstormItem) {
   if (!session.value) return
   const text = (drafts.value[item.id] ?? '').trim()
@@ -160,7 +152,7 @@ async function submitReply(item: BrainstormItem) {
     await brainstorm.reply(session.value, item.id, text)
     drafts.value = { ...drafts.value, [item.id]: '' }
   } catch (e) {
-    notifyError(t('brainstorm.toast.saveChoiceError'), e)
+    present(e, 'brainstorm.toast.saveChoiceError')
   }
 }
 
@@ -169,7 +161,7 @@ async function setStatus(item: BrainstormItem, itemStatus: BrainstormItemStatus)
   try {
     await brainstorm.setItemStatus(session.value, item.id, itemStatus)
   } catch (e) {
-    notifyError(t('brainstorm.toast.updateOptionError'), e)
+    present(e, 'brainstorm.toast.updateOptionError')
   }
 }
 
@@ -178,7 +170,7 @@ async function incorporate(feedback?: string) {
   try {
     await brainstorm.incorporate(session.value, feedback)
   } catch (e) {
-    notifyError(t('brainstorm.toast.incorporateError'), e)
+    present(e, 'brainstorm.toast.incorporateError')
     return
   }
   redoComment.value = ''
@@ -206,7 +198,7 @@ async function reReview() {
       icon: 'i-lucide-sparkles',
     })
   } catch (e) {
-    notifyError(t('brainstorm.toast.reReviewError'), e)
+    present(e, 'brainstorm.toast.reReviewError')
   }
 }
 
@@ -217,7 +209,7 @@ async function proceed() {
     await brainstorm.proceed(blockId.value, activeStage.value)
     toast.add({ title: t('brainstorm.toast.proceeding'), icon: 'i-lucide-arrow-right' })
   } catch (e) {
-    notifyError(t('brainstorm.toast.proceedError'), e)
+    present(e, 'brainstorm.toast.proceedError')
   } finally {
     acting.value = false
   }
@@ -237,7 +229,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
       toast.add({ title: t('brainstorm.toast.extraRoundGranted'), icon: 'i-lucide-rotate-cw' })
     }
   } catch (e) {
-    notifyError(t('brainstorm.toast.resolveError'), e)
+    present(e, 'brainstorm.toast.resolveError')
   } finally {
     acting.value = false
   }

package/app/components/clarity/ClarityReviewWindow.vue

@@ -24,6 +24,7 @@ const board = useBoardStore()
 const clarity = useClarityStore()
 const models = useModelsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const access = useWorkspaceAccess()
 
@@ -145,15 +146,6 @@ const STATUS_LABELS: Record<ReviewItemStatus, string> = {
   recommend_requested: 'clarity.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 on blur — no explicit "save" button (matching the requirements window, so
 // muscle memory carries across the two, UX-34). The textarea is pre-seeded with the recorded
 // reply (see the watch below); persist only when the trimmed draft actually differs from what's
@@ -165,7 +157,7 @@ async function persistDraft(item: ClarityReviewItem, r: ClarityReview | null = r
   try {
     await clarity.reply(r, item.id, text)
   } catch (e) {
-    notifyError(t('clarity.error.saveAnswer'), e)
+    present(e, 'clarity.error.saveAnswer')
   }
 }
 
@@ -223,7 +215,7 @@ async function setStatus(item: ClarityReviewItem, itemStatus: ClarityItemStatus)
   try {
     await clarity.setItemStatus(review.value, item.id, itemStatus)
   } catch (e) {
-    notifyError(t('clarity.error.updateFinding'), e)
+    present(e, 'clarity.error.updateFinding')
   }
 }
 
@@ -233,7 +225,7 @@ async function incorporate(feedback?: string) {
     await flushDrafts()
     await clarity.incorporate(review.value, feedback)
   } catch (e) {
-    notifyError(t('clarity.error.incorporate'), e)
+    present(e, 'clarity.error.incorporate')
     return
   }
   redoComment.value = ''
@@ -263,7 +255,7 @@ async function reReview() {
       icon: 'i-lucide-sparkles',
     })
   } catch (e) {
-    notifyError(t('clarity.error.reReview'), e)
+    present(e, 'clarity.error.reReview')
   }
 }
 
@@ -275,7 +267,7 @@ async function proceed() {
     await clarity.proceed(blockId.value)
     toast.add({ title: t('clarity.toast.proceeding'), icon: 'i-lucide-arrow-right' })
   } catch (e) {
-    notifyError(t('clarity.error.proceed'), e)
+    present(e, 'clarity.error.proceed')
   } finally {
     acting.value = false
   }
@@ -295,7 +287,7 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
       toast.add({ title: t('clarity.toast.extraRoundGranted'), icon: 'i-lucide-rotate-cw' })
     }
   } catch (e) {
-    notifyError(t('clarity.error.resolve'), e)
+    present(e, 'clarity.error.resolve')
   } finally {
     acting.value = false
   }

package/app/components/documents/DocumentImportModal.vue

@@ -11,6 +11,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const documents = useDocumentsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.documentImport !== null,
@@ -61,12 +62,7 @@ async function doImport() {
       icon: 'i-lucide-file-down',
     })
   } catch (e) {
-    toast.add({
-      title: t('documents.import.importFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.import.importFailed')
   } finally {
     importing.value = false
   }

package/app/components/documents/DocumentSourceConnectModal.vue

@@ -18,6 +18,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const documents = useDocumentsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction } = useConfirmAction()
 
 const source = computed(() => ui.documentConnect?.source ?? null)
@@ -57,12 +58,7 @@ async function connectWithOAuth() {
     // path (an app un-registered between the probe and the click).
     await documents.beginOAuthConnect(source.value)
   } catch (e) {
-    toast.add({
-      title: t('documents.connect.oauth.failed', { source: descriptor.value?.label ?? '' }),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.connect.oauth.failed', { source: descriptor.value?.label ?? '' })
   } finally {
     startingOAuth.value = false
   }
@@ -93,12 +89,7 @@ async function submit() {
     })
     ui.closeDocumentConnect()
   } catch (e) {
-    toast.add({
-      title: t('documents.connect.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.connect.connectFailed')
   } finally {
     saving.value = false
   }

package/app/components/documents/DocumentSyncState.vue

@@ -39,7 +39,7 @@ const props = defineProps<{ doc: SourceDocument }>()
 
 const { t, d } = useI18n()
 const documents = useDocumentsStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 /**
  * The source to ask, or null for an origin with nobody to ask. An `upload` was handed to the
@@ -159,12 +159,7 @@ async function refresh() {
   try {
     await documents.refresh(source, props.doc.externalId)
   } catch (e) {
-    toast.add({
-      title: t('documents.freshness.refreshFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.freshness.refreshFailed')
   }
 }
 </script>

package/app/components/documents/DocumentTemplatesModal.vue

@@ -11,7 +11,7 @@ import IntegrationBackTitle from '~/components/layout/IntegrationBackTitle.vue'
 const { t } = useI18n()
 const ui = useUiStore()
 const documents = useDocumentsStore()
-const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.documentTemplates,
@@ -34,12 +34,7 @@ watch(
       // Surface a load failure instead of silently rendering an empty panel (which would invite
       // re-linking over links that still exist server-side).
       Promise.all([documents.loadDocuments(), documents.loadRoleLinks()]).catch((e) => {
-        toast.add({
-          title: t('documents.templates.loadFailed'),
-          description: e instanceof Error ? e.message : String(e),
-          icon: 'i-lucide-triangle-alert',
-          color: 'error',
-        })
+        present(e, 'documents.templates.loadFailed')
       })
     }
   },
@@ -73,12 +68,7 @@ async function link(role: DocumentLinkRole) {
     await documents.linkForKind(doc.source, doc.externalId, role, kind.value)
     pick.value = undefined
   } catch (e) {
-    toast.add({
-      title: t('documents.templates.linkFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.templates.linkFailed')
   } finally {
     busy.value = false
   }
@@ -89,12 +79,7 @@ async function unlink(doc: SourceDocument) {
   try {
     await documents.unlinkForKind(doc.source, doc.externalId)
   } catch (e) {
-    toast.add({
-      title: t('documents.templates.linkFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.templates.linkFailed')
   } finally {
     busy.value = false
   }

package/app/components/documents/SpawnPreviewModal.vue

@@ -17,6 +17,7 @@ const ui = useUiStore()
 const board = useBoardStore()
 const documents = useDocumentsStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 /** Design documents are planned into an existing service; prose documents at the board root. */
 const needsTarget = computed(() => !!ui.spawnPreview && isDesignSource(ui.spawnPreview.source))
@@ -80,12 +81,7 @@ watch(
       // A superseded request's failure is not this selection's failure: toasting it would report an
       // outage against a target whose own plan may be loading fine.
       if (request !== planRequest) return
-      toast.add({
-        title: t('documents.spawn.planFailed'),
-        description: e instanceof Error ? e.message : String(e),
-        icon: 'i-lucide-triangle-alert',
-        color: 'error',
-      })
+      present(e, 'documents.spawn.planFailed')
     } finally {
       // Only the current request may clear the spinner; an older one settling first would report
       // "loaded" over a plan still on its way.
@@ -120,12 +116,7 @@ async function spawn() {
     ui.closeSpawnPreview()
     ui.closeDocumentImport()
   } catch (e) {
-    toast.add({
-      title: t('documents.spawn.spawnFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'documents.spawn.spawnFailed')
   } finally {
     spawning.value = false
   }

package/app/components/foundational/FoundationalServiceCatalogList.vue

@@ -21,6 +21,7 @@ import FoundationalContractSummary from '~/components/foundational/FoundationalC
 
 const catalog = useFoundationalServicesStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 
 // Exhaustive maps of literal `t(...)` keys, so a new tier/format fails the typed-key guard.
@@ -41,15 +42,6 @@ const tierColor = {
   workspace: 'primary',
 } as const satisfies Record<FoundationalServiceTier, string>
 
-function notifyError(title: string, e: unknown) {
-  toast.add({
-    title,
-    description: e instanceof Error ? e.message : String(e),
-    icon: 'i-lucide-triangle-alert',
-    color: 'error',
-  })
-}
-
 const busyRows = reactive(new Set<string>())
 const rowBusy = (key: string) => busyRows.has(key)
 async function withRow(key: string, fn: () => Promise<void>) {
@@ -75,7 +67,7 @@ async function toggleContracts(serviceId: string) {
       await catalog.contractsFor(serviceId)
       expanded.value = [...expanded.value, serviceId]
     } catch (e) {
-      notifyError(t('foundational.toast.contractsFailed'), e)
+      present(e, 'foundational.toast.contractsFailed')
     }
   })
 }
@@ -86,7 +78,7 @@ async function suppress(serviceId: string) {
       await catalog.suppress(serviceId)
       toast.add({ title: t('foundational.toast.suppressed'), icon: 'i-lucide-eye-off' })
     } catch (e) {
-      notifyError(t('foundational.toast.suppressFailed'), e)
+      present(e, 'foundational.toast.suppressFailed')
     }
   })
 }

package/app/components/foundational/FoundationalServiceRegistry.vue

@@ -28,6 +28,7 @@ const catalog =
     ? useFoundationalServicesStore()
     : useFoundationalServices(props.kind, props.ownerId)
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const { confirm } = useConfirm()
 
@@ -44,15 +45,6 @@ const formatItems = computed(() =>
   })),
 )
 
-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 editor ------------------------------------------------------------
 /** null = closed; '' = creating; a service id = editing that row. */
 const editing = ref<string | null>(null)
@@ -148,7 +140,7 @@ async function save() {
     }
     editing.value = null
   } catch (e) {
-    notifyError(t('foundational.toast.saveFailed'), e)
+    present(e, 'foundational.toast.saveFailed')
   } finally {
     saving.value = false
   }
@@ -177,7 +169,7 @@ async function remove(service: FoundationalService) {
     await catalog.remove(service.id)
     toast.add({ title: t('foundational.toast.deleted'), icon: 'i-lucide-trash-2' })
   } catch (e) {
-    notifyError(t('foundational.toast.deleteFailed'), e)
+    present(e, 'foundational.toast.deleteFailed')
   }
 }
 </script>