feat(auth): naprawa rozłączania SSO i wersjonowanie aplikacji

- Wymuszenie wylogowania i czyszczenia sesji po rozłączeniu SSO

- Stałe wyświetlanie opcji rekonfiguracji na ekranie logowania

- Dodanie mechanizmu czyszczenia cache po aktualizacji wersji aplikacji

- Poprawki lintera

Author: AleksanderOne

app/(auth)/login/page.tsx

@@ -29,7 +29,7 @@ function LoginContent() {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState("");
   const [ssoHealthy, setSsoHealthy] = useState<boolean | null>(null);
-  const [showReconfigure, setShowReconfigure] = useState(false);
+
   const [ssoConfig, setSsoConfig] = useState<{
     centerUrl?: string;
     projectSlug?: string;
@@ -61,13 +61,8 @@ function LoginContent() {
             projectSlug: data.projectSlug,
           });
         }
-        // Pokaż przycisk rekonfiguracji jeśli SSO nie skonfigurowane lub nie działa
-        if (!data.configured || !data.healthy) {
-          setShowReconfigure(true);
-        }
       } catch {
         setSsoHealthy(false);
-        setShowReconfigure(true);
       }
     }
     checkSSOHealth();
@@ -85,8 +80,6 @@ function LoginContent() {
         project_not_found: "Projekt nie istnieje w centrum logowania.",
       };
       setError(errorMessages[errorParam] || "Wystąpił nieznany błąd.");
-      // Pokaż przycisk rekonfiguracji przy błędzie
-      setShowReconfigure(true);
     }
   }, [searchParams]);
 
@@ -193,31 +186,26 @@ function LoginContent() {
             </div>
           </div>
 
-          {/* Przycisk rekonfiguracji SSO - widoczny gdy problemy z połączeniem */}
-          {showReconfigure && (
-            <div className="flex flex-col items-center gap-3 p-4 rounded-lg bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800">
-              <div className="flex items-center gap-2 text-amber-700 dark:text-amber-400">
-                <AlertCircle className="h-4 w-4" />
-                <span className="text-sm font-medium">
-                  Problemy z logowaniem?
-                </span>
-              </div>
-              <p className="text-xs text-amber-600 dark:text-amber-500 text-center">
-                {ssoHealthy === false
-                  ? "Nie można połączyć się z centrum logowania. Możesz skonfigurować połączenie ponownie."
-                  : "Jeśli logowanie nie działa, możesz zrekonfigurować połączenie SSO."}
-              </p>
-              <Link href="/setup" className="w-full">
-                <Button
-                  variant="outline"
-                  className="w-full border-amber-300 dark:border-amber-700 text-amber-700 dark:text-amber-400 hover:bg-amber-100 dark:hover:bg-amber-900/30"
-                >
-                  <Settings2 className="mr-2 h-4 w-4" />
-                  Rekonfiguruj SSO
-                </Button>
-              </Link>
+          {/* Przycisk rekonfiguracji SSO - zawsze widoczny */}
+          <div className="flex flex-col items-center gap-3 p-4 rounded-lg bg-muted/50 border border-muted">
+            <div className="flex items-center gap-2 text-muted-foreground">
+              <Settings2 className="h-4 w-4" />
+              <span className="text-sm font-medium">
+                Konfiguracja połączenia
+              </span>
             </div>
-          )}
+            <p className="text-xs text-muted-foreground text-center">
+              {ssoHealthy === false
+                ? "Nie można połączyć się z centrum logowania."
+                : "Jeśli masz problemy z logowaniem, możesz zrekonfigurować połączenie SSO."}
+            </p>
+            <Link href="/setup" className="w-full">
+              <Button variant="outline" className="w-full">
+                <Settings2 className="mr-2 h-4 w-4" />
+                Rekonfiguruj SSO
+              </Button>
+            </Link>
+          </div>
         </CardContent>
       </Card>
 

app/(dashboard)/admin/sso-setup/_components/disconnect-button.tsx

@@ -3,7 +3,6 @@
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Loader2, Trash2 } from "lucide-react";
-import { useRouter } from "next/navigation";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -18,7 +17,6 @@ import {
 
 export function DisconnectButton() {
   const [loading, setLoading] = useState(false);
-  const router = useRouter();
 
   const handleDisconnect = async () => {
     setLoading(true);
@@ -28,14 +26,24 @@ export function DisconnectButton() {
       });
 
       if (response.ok) {
-        // Force refresh to update UI
-        router.refresh();
+        // Po usunięciu konfiguracji SSO musimy wylogować użytkownika
+        // Jego sesja odnosi się do nieistniejącego już projektu
+        await fetch("/api/auth/sso-logout", { method: "POST" });
+
+        // Wyczyść wszystkie lokalne dane aplikacji
+        if (typeof window !== "undefined") {
+          localStorage.clear();
+          sessionStorage.clear();
+        }
+
+        // Przekieruj na stronę logowania (hard redirect by wyczyścić stan)
+        window.location.href = "/login";
       } else {
         console.error("Failed to disconnect");
+        setLoading(false);
       }
     } catch (error) {
       console.error("Error disconnecting:", error);
-    } finally {
       setLoading(false);
     }
   };

app/layout.tsx

@@ -3,6 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import { Toaster } from "@/components/ui/sonner";
+import { AppVersionProvider } from "@/components/AppVersionProvider";
 
 const geistSans = Geist({
   variable: "--font-sans",
@@ -35,6 +36,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <AppVersionProvider />
           {children}
           <Toaster />
         </ThemeProvider>

components/AppVersionProvider.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { AppVersionCheck } from "@/lib/use-app-version";
+
+/**
+ * Wrapper dla AppVersionCheck do użycia w Server Component layout
+ */
+export function AppVersionProvider() {
+  return <AppVersionCheck />;
+}

lib/use-app-version.tsx

@@ -0,0 +1,100 @@
+/**
+ * Hook do zarządzania wersją aplikacji
+ *
+ * Sprawdza czy wersja aplikacji się zmieniła i czyści lokalne dane
+ * jeśli potrzeba (po deploy nowej wersji).
+ */
+
+import { useEffect, useState } from "react";
+
+// Wersja z package.json (build time)
+const APP_VERSION = process.env.NEXT_PUBLIC_APP_VERSION || "unknown";
+const STORAGE_KEY = "app-version";
+
+interface VersionCheckResult {
+  currentVersion: string;
+  previousVersion: string | null;
+  wasUpdated: boolean;
+}
+
+/**
+ * Hook sprawdzający wersję aplikacji.
+ * Przy zmianie wersji automatycznie czyści localStorage i sessionStorage.
+ */
+export function useAppVersion(): VersionCheckResult {
+  const [result, setResult] = useState<VersionCheckResult>({
+    currentVersion: APP_VERSION,
+    previousVersion: null,
+    wasUpdated: false,
+  });
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+
+    const previousVersion = localStorage.getItem(STORAGE_KEY);
+
+    // Wersja się zmieniła lub pierwsza wizyta
+    if (previousVersion && previousVersion !== APP_VERSION) {
+      console.log(
+        `[App Version] Wykryto aktualizację: ${previousVersion} -> ${APP_VERSION}`,
+      );
+
+      // Wyczyść lokalne dane (ale nie sso-session - to ciasteczko)
+      const keysToPreserve = ["theme", "sidebar-state", "cookie-consent"];
+      const preservedData: Record<string, string | null> = {};
+
+      // Zachowaj ważne ustawienia
+      keysToPreserve.forEach((key) => {
+        preservedData[key] = localStorage.getItem(key);
+      });
+
+      // Wyczyść wszystko
+      localStorage.clear();
+      sessionStorage.clear();
+
+      // Przywróć zachowane ustawienia
+      keysToPreserve.forEach((key) => {
+        const value = preservedData[key];
+        if (value) {
+          localStorage.setItem(key, value);
+        }
+      });
+
+      // Zapisz nową wersję
+      localStorage.setItem(STORAGE_KEY, APP_VERSION);
+
+      setResult({
+        currentVersion: APP_VERSION,
+        previousVersion,
+        wasUpdated: true,
+      });
+    } else if (!previousVersion) {
+      // Pierwsza wizyta - zapisz wersję
+      localStorage.setItem(STORAGE_KEY, APP_VERSION);
+      setResult({
+        currentVersion: APP_VERSION,
+        previousVersion: null,
+        wasUpdated: false,
+      });
+    }
+  }, []);
+
+  return result;
+}
+
+/**
+ * Komponent do inicjalizacji sprawdzania wersji w root layout
+ */
+export function AppVersionCheck() {
+  const { wasUpdated, previousVersion, currentVersion } = useAppVersion();
+
+  useEffect(() => {
+    if (wasUpdated) {
+      console.log(
+        `[App Version] Dane lokalne zostały wyczyszczone po aktualizacji z ${previousVersion} do ${currentVersion}`,
+      );
+    }
+  }, [wasUpdated, previousVersion, currentVersion]);
+
+  return null;
+}

next.config.ts

@@ -1,9 +1,22 @@
 import type { NextConfig } from "next";
+import { readFileSync } from "fs";
+import { join } from "path";
+
+// Pobierz wersję z package.json
+const packageJson = JSON.parse(
+  readFileSync(join(process.cwd(), "package.json"), "utf-8"),
+);
+const appVersion = packageJson.version || "unknown";
 
 // Wykrywanie środowiska
 const isProduction = process.env.NODE_ENV === "production";
 
 const nextConfig: NextConfig = {
+  // Eksportuj wersję aplikacji do klienta
+  env: {
+    NEXT_PUBLIC_APP_VERSION: appVersion,
+  },
+
   images: {
     remotePatterns: [
       {