@cat-factory/app 0.261.3 → 0.261.5

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
   }

package/app/components/skills/SkillLibraryManager.vue

@@ -16,6 +16,7 @@ const props = defineProps<{ accountId: string }>()
 const library = useSkillLibrary(props.accountId)
 const github = useGitHubStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t, d } = useI18n()
 const { confirm } = useConfirm()
 
@@ -33,15 +34,6 @@ watch(
 // the integration is off) the form falls 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)
@@ -102,7 +94,7 @@ async function linkSource() {
     resetSourceDraft()
     toast.add({ title: t('skills.toast.sourceLinked'), icon: 'i-lucide-git-branch' })
   } catch (e) {
-    notifyError(t('skills.toast.linkSourceFailed'), e)
+    present(e, 'skills.toast.linkSourceFailed')
   } finally {
     linkingSource.value = false
   }
@@ -121,7 +113,7 @@ async function syncSource(id: string) {
         color: 'info',
       })
     } catch (e) {
-      notifyError(t('skills.toast.syncFailed'), e)
+      present(e, 'skills.toast.syncFailed')
     }
   })
 }
@@ -135,7 +127,7 @@ async function checkSource(id: string) {
         icon: status.changed ? 'i-lucide-bell-dot' : 'i-lucide-check',
       })
     } catch (e) {
-      notifyError(t('skills.toast.checkSourceFailed'), e)
+      present(e, 'skills.toast.checkSourceFailed')
     }
   })
 }
@@ -156,7 +148,7 @@ async function unlinkSource(id: string) {
       await library.unlinkSource(id)
       toast.add({ title: t('skills.toast.sourceUnlinked'), icon: 'i-lucide-unplug' })
     } catch (e) {
-      notifyError(t('skills.toast.unlinkSourceFailed'), e)
+      present(e, 'skills.toast.unlinkSourceFailed')
     }
   })
 }

package/app/components/slack/SlackPanel.vue

@@ -20,6 +20,7 @@ import SecretInput from '~/components/common/SecretInput.vue'
 const ui = useUiStore()
 const slack = useSlackStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { t } = useI18n()
 const { confirm } = useConfirm()
 
@@ -90,15 +91,6 @@ const tokenInput = ref('')
 const busy = ref(false)
 const connectingOAuth = 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',
-  })
-}
-
 // Load everything the panel needs whenever it opens and Slack is connected.
 watch(
   () => open.value,
@@ -112,7 +104,7 @@ watch(
       mentionsEnabled.value = slack.settings?.mentionsEnabled ?? false
       mapping.value = slack.memberMapping.map((e) => toMemberRow(e, nextUid()))
     } catch (e) {
-      notifyError(t('slack.error.loadSettings'), e)
+      present(e, 'slack.error.loadSettings')
     }
   },
   // Lazy v-if mount: the panel mounts with `open` already true, so load immediately.
@@ -127,7 +119,7 @@ async function connectViaOAuth() {
     window.location.href = await slack.installUrl()
   } catch (e) {
     connectingOAuth.value = false
-    notifyError(t('slack.error.startOAuth'), e)
+    present(e, 'slack.error.startOAuth')
   }
 }
 
@@ -138,7 +130,7 @@ async function connectWithToken() {
     tokenInput.value = ''
     toast.add({ title: t('slack.toast.connected'), icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
-    notifyError(t('slack.error.connect'), e)
+    present(e, 'slack.error.connect')
   }
 }
 
@@ -154,7 +146,7 @@ async function disconnect() {
   try {
     await slack.disconnect()
   } catch (e) {
-    notifyError(t('slack.error.disconnect'), e)
+    present(e, 'slack.error.disconnect')
   }
 }
 
@@ -167,7 +159,7 @@ async function saveRouting() {
     })
     toast.add({ title: t('slack.toast.routingSaved'), icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
-    notifyError(t('slack.error.saveRouting'), e)
+    present(e, 'slack.error.saveRouting')
   } finally {
     busy.value = false
   }
@@ -199,7 +191,7 @@ async function saveMapping() {
     mapping.value = slack.memberMapping.map((e) => toMemberRow(e, nextUid()))
     toast.add({ title: t('slack.toast.mapSaved'), icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
-    notifyError(t('slack.error.saveMap'), e)
+    present(e, 'slack.error.saveMap')
   } finally {
     busy.value = false
   }

package/app/components/tasks/BugHuntModal.vue

@@ -43,6 +43,7 @@ const ui = useUiStore()
 const tasks = useTasksStore()
 const hunt = useBugHuntStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.bugHunt !== null,
@@ -212,12 +213,7 @@ async function adopt(candidate: BugHuntCandidate) {
       icon: 'i-lucide-bug-play',
     })
   } catch (e) {
-    toast.add({
-      title: t('bugHunt.adoptFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'bugHunt.adoptFailed')
   }
 }
 

package/app/components/tasks/TaskImportModal.vue

@@ -22,6 +22,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const tasks = useTasksStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 
 const open = computed({
   get: () => ui.taskImport !== null,
@@ -112,12 +113,7 @@ async function doSpawnEpic() {
       icon: 'i-lucide-layers',
     })
   } catch (e) {
-    toast.add({
-      title: t('tasks.import.epicFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'tasks.import.epicFailed')
   } finally {
     importing.value = false
   }

package/app/components/tasks/TaskSourceConnectModal.vue

@@ -17,6 +17,7 @@ const { t } = useI18n()
 const ui = useUiStore()
 const tasks = useTasksStore()
 const toast = useToast()
+const { present } = usePipelineErrorToast()
 const { confirmAction } = useConfirmAction()
 
 const source = computed(() => ui.taskConnect?.source ?? null)
@@ -70,12 +71,7 @@ async function submit() {
     // Re-probe so `available`/`enabled` reflect the new connection.
     await tasks.probe()
   } catch (e) {
-    toast.add({
-      title: t('tasks.connect.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'tasks.connect.connectFailed')
   } finally {
     saving.value = false
   }
@@ -88,12 +84,7 @@ async function startOAuth() {
     // Only Linear wires an OAuth flow today; the browser navigates away on success.
     if (source.value === 'linear') await tasks.startLinearOAuth()
   } catch (e) {
-    toast.add({
-      title: t('tasks.connect.connectFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'tasks.connect.connectFailed')
     oauthStarting.value = false
   }
 }
@@ -117,12 +108,7 @@ async function toggleEnabled(enabled: boolean) {
   try {
     await tasks.setEnabled(source.value, enabled)
   } catch (e) {
-    toast.add({
-      title: t('tasks.connect.updateFailed'),
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
+    present(e, 'tasks.connect.updateFailed')
   } finally {
     togglingEnabled.value = false
   }

package/app/composables/useBlockDeletion.ts

@@ -16,6 +16,7 @@ export function useBlockDeletion() {
   const ui = useUiStore()
   const recurring = useRecurringPipelinesStore()
   const toast = useToast()
+  const { present } = usePipelineErrorToast()
   const { confirm } = useConfirm()
   const { t } = useI18n()
   const access = useWorkspaceAccess()
@@ -57,12 +58,7 @@ export function useBlockDeletion() {
         color: 'neutral',
       })
     } catch (e) {
-      toast.add({
-        title: t('board.toast.archiveFailed'),
-        description: e instanceof Error ? e.message : String(e),
-        icon: 'i-lucide-triangle-alert',
-        color: 'error',
-      })
+      present(e, 'board.toast.archiveFailed')
     }
     return true
   }

package/app/composables/useCopyToClipboard.ts

@@ -9,7 +9,13 @@
 import { useClipboard } from '@vueuse/core'
 
 export function useCopyToClipboard() {
-  const { t } = useI18n()
+  // Resolved through the Nuxt app's global i18n instance rather than `useI18n()`, which requires an
+  // active component instance. This composable is reached from the failure-toast funnel, which is
+  // itself instantiated in STORE setup (`stores/execution.ts`, `stores/board.ts`), and a Pinia
+  // setup store runs its body on the first `useStore()` anywhere, which is not necessarily a
+  // component. `useI18n()` there throws `MUST_BE_CALL_SETUP_TOP`, and a throw in a store body takes
+  // the whole app to Nuxt's error page. Same reason, and the same fix, as `usePipelineErrorToast`.
+  const { t } = useNuxtApp().$i18n as ReturnType<typeof useI18n>
   const toast = useToast()
   const { copy: writeClipboard, isSupported } = useClipboard()