"use client"

import { useLayoutEffect } from "react"
import { useQueryClient } from "@tanstack/react-query"
import { useDemoAgendaStore } from "@/lib/demo/demo-agenda-store"
import { useSessionGuardStore } from "@/lib/auth/session-guard-store"

export const DEMO_AGENDA_QUERY_ROOT = ["demo", "agenda"] as const

export function DemoAgendaBootstrap() {
  const queryClient = useQueryClient()

  useLayoutEffect(() => {
    useSessionGuardStore.getState().clear()
    useDemoAgendaStore.getState().reset()
    queryClient.removeQueries({ queryKey: DEMO_AGENDA_QUERY_ROOT })
  }, [queryClient])

  return null
}