import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"
import { ChartAreaInteractive } from "@/components/chart-area-interactive"
import { ViewsCharts } from "@/components/charts/views-charts"
import { requireAuthenticatedSession } from "@/lib/auth-server"

export const dynamic = "force-dynamic"

export default async function ViewsPage() {
  await requireAuthenticatedSession()
  return (
    <AppShell
      header={<SiteHeader title="Visualizações" lead="Relatórios visuais e insights" />}
    >
      <div className="mx-auto w-full max-w-6xl space-y-6 px-4 pb-12 lg:px-6">
        {/* Canais por período (movido do dashboard) */}
        <ChartAreaInteractive />
        {/* Conjunto extra de gráficos relevantes (CSAT, filas) */}
        <ViewsCharts />
      </div>
    </AppShell>
  )
}
