my-analytics/
├── src/
│   ├── app/
│   │   ├── layout.tsx              # Glowny layout z ShellAuthProvider
│   │   ├── page.tsx                # Strona glowna dashboardu
│   │   ├── globals.css             # Style Tailwind
│   │   ├── settings/
│   │   │   └── page.tsx            # Strona ustawien
│   │   └── api/
│   │       └── health/
│   │           └── route.ts        # Endpoint health (wymagany)
│   ├── hooks/
│   │   ├── useNats.ts              # Hook zdarzen w czasie rzeczywistym
│   │   └── useModuleApi.ts         # Zapytania DB z zakresem tenanta
│   └── lib/
│       ├── shell-auth.tsx          # Provider uwierzytelniania (postMessage)
│       ├── shell-navigation.ts     # Pomocnicze funkcje nawigacji Shell
│       └── nats-events.ts          # Typy zdarzen i tematy NATS
├── package.json
├── next.config.ts                  # Naglowki CSP dla iframe
├── tailwind.config.ts              # Tailwind z ciemnym motywem
├── tsconfig.json
├── .env.example
└── .env.local                      # Twoje dane dostepowe (w gitignore)

'use client';
 
import { useShellAuth } from '@/lib/shell-auth';
 
export default function ReportsPage() {
  const { user, organizationId, isAuthenticated } = useShellAuth();
 
  if (!isAuthenticated) {
    return <p className="p-6 text-gray-400">Ladowanie...</p>;
  }
 
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold text-white">Raporty</h1>
      <p className="text-gray-400 mt-2">
        Analityka dla organizacji: {organizationId}
      </p>
    </div>
  );
}