siftlode/frontend/src/lib/errorDialog.ts

import i18n from "../i18n";
import { createStore } from "./store";

// A single, self-explanatory error dialog (modal) the user must acknowledge — used when the
// server can't carry out an action (a definitive 4xx/5xx response). Distinct from toasts
// (transient, e.g. connection blips) and from silent handling. Module-level so the non-React
// api layer can raise it; an <ErrorDialog> mounted at the app root renders the current one.
export interface AppError {
  title: string;
  message: string;
}

const store = createStore<AppError | null>(null);

export function reportError(message?: string, title?: string): void {
  store.set({
    title: title || i18n.t("errors.title"),
    message: message || i18n.t("errors.generic"),
  });
}

export function dismissError(): void {
  store.set(null);
}

export const subscribeError = store.subscribe;
export const getError = store.get;