frontend/src/store/useAppStore.ts

import { create } from "zustand";

type Range = "hour" | "day" | "week" | "month";

interface State {
  selectedRange: Range;
  autoRefresh: boolean;
  setRange: (r: Range) => void;
  toggleRefresh: () => void;
}

export const useAppStore = create<State>((set) => ({
  selectedRange: "hour",
  autoRefresh: true,
  setRange: (r) => set({ selectedRange: r }),
  toggleRefresh: () =>
    set((s) => ({ autoRefresh: !s.autoRefresh })),
}));