inkwell/frontend/src/stores/ui.ts

import { defineStore } from "pinia";
import { ref } from "vue";

interface ToastAction {
  label: string;
  run: () => void;
}

interface Toast {
  id: number;
  message: string;
  action?: ToastAction;
}

// Cross-component UI signals that don't belong to any single view (e.g. a
// global shortcut in the app shell asking the board to act).
export const useUiStore = defineStore("ui", () => {
  // Bumped to ask the board to open the compose modal; composeSeed is the initial
  // body (a single char for type-to-compose, or "" for the + button / `c`).
  const composeTick = ref(0);
  const composeSeed = ref("");
  function requestCompose(seed = "") {
    composeSeed.value = seed;
    composeTick.value++;
  }
  // The board publishes whether a card is keyboard-focused (browse mode), so the
  // global handler knows NOT to type-to-compose while browsing cards.
  const boardCardFocused = ref(false);

  // Transient undo toast (e.g. after trash/archive).
  const toast = ref<Toast | null>(null);
  let toastTimer: ReturnType<typeof setTimeout> | undefined;
  let toastSeq = 0;

  function showToast(message: string, action?: ToastAction) {
    toastSeq += 1;
    const id = toastSeq;
    toast.value = { id, message, action };
    clearTimeout(toastTimer);
    toastTimer = setTimeout(() => {
      if (toast.value?.id === id) toast.value = null;
    }, 5000);
  }

  function dismissToast() {
    clearTimeout(toastTimer);
    toast.value = null;
  }

  function runToastAction() {
    const run = toast.value?.action?.run;
    dismissToast();
    run?.();
  }

  // The note whose Share dialog is open, or null. One dialog for the app,
  // mounted by the shell, so the card and the editor open the same one.
  const shareNoteId = ref<string | null>(null);
  function openShare(id: string) {
    shareNoteId.value = id;
  }
  function closeShare() {
    shareNoteId.value = null;
  }

  return {
    shareNoteId,
    openShare,
    closeShare,
    composeTick,
    composeSeed,
    requestCompose,
    boardCardFocused,
    toast,
    showToast,
    dismissToast,
    runToastAction,
  };
});