m4: global API-error surface (no more silent failures)
CI & Build / Python lint (push) Successful in 2s
CI & Build / TypeScript typecheck (push) Successful in 5s
CI & Build / Python tests (push) Successful in 10s
CI & Build / Build & push image (push) Successful in 31s

The api client now catches network failures and non-JSON bodies robustly,
and routes unexpected errors (offline / 5xx) to a global toast — 4xx stay
with the caller so forms keep their inline messages. Toast actions are now
optional (undo toasts keep their button; error toasts are message-only), and
ToastHost moved from AppShell to the app root so toasts show everywhere,
including the login screen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FRgehjoz7Yv8LkUfADxACm
This commit is contained in:
2026-07-21 00:07:04 -04:00
co-authored by Claude Opus 4.8
parent ecbdd12ba9
commit d3bb091f73
6 changed files with 55 additions and 20 deletions
+10 -6
View File
@@ -1,11 +1,15 @@
import { defineStore } from "pinia";
import { ref } from "vue";
interface ToastAction {
label: string;
run: () => void;
}
interface Toast {
id: number;
message: string;
actionLabel: string;
action: () => void;
action?: ToastAction;
}
// Cross-component UI signals that don't belong to any single view (e.g. a
@@ -22,10 +26,10 @@ export const useUiStore = defineStore("ui", () => {
let toastTimer: ReturnType<typeof setTimeout> | undefined;
let toastSeq = 0;
function showToast(message: string, actionLabel: string, action: () => void) {
function showToast(message: string, action?: ToastAction) {
toastSeq += 1;
const id = toastSeq;
toast.value = { id, message, actionLabel, action };
toast.value = { id, message, action };
clearTimeout(toastTimer);
toastTimer = setTimeout(() => {
if (toast.value?.id === id) toast.value = null;
@@ -38,9 +42,9 @@ export const useUiStore = defineStore("ui", () => {
}
function runToastAction() {
const action = toast.value?.action;
const run = toast.value?.action?.run;
dismissToast();
action?.();
run?.();
}
return { composeTick, requestCompose, toast, showToast, dismissToast, runToastAction };