Scrum4Me/app/debug-realtime/page.tsx

// TIJDELIJKE debug-pagina voor M8-acceptance.
// Geen auth, geen styling — toont alle inkomende pg_notify-events op
// `scrum4me_changes` in een tabel zodat we kunnen zien of de SSE + LISTEN-
// pipe überhaupt events doorstroomt op Vercel.
//
// VERWIJDEREN VOOR M8 OUT-OF-DRAFT.

import { notFound } from 'next/navigation'
import { DebugRealtimeClient } from './client'

export const dynamic = 'force-dynamic'

export default function DebugRealtimePage() {
  // Productie-guard: deze pagina toont rauwe pg_notify-events zonder auth.
  if (process.env.NODE_ENV === 'production') notFound()

  return (
    <div style={{ fontFamily: 'monospace', padding: 16 }}>
      <h1 style={{ fontSize: 18, fontWeight: 'bold' }}>Realtime debug — scrum4me_changes</h1>
      <p style={{ fontSize: 13, color: '#666' }}>
        Live SSE-stream rechtstreeks van Postgres LISTEN op channel{' '}
        <code>scrum4me_changes</code>. Geen auth, geen filtering. Verwijderen na M8 acceptance.
      </p>
      <DebugRealtimeClient />
    </div>
  )
}