Dev

.claude/settings.local.json

@@ -1,5 +1,5 @@
 {
   "permissions": {
-    "allow": ["mcp__acp__Edit"]
+    "allow": ["mcp__acp__Edit", "Bash(npx next build)"]
   }
 }

.gitignore

@@ -36,6 +36,18 @@ yarn-error.log*
 # vercel
 .vercel
 
+# Serwist (PWA)
+/public/sw.js
+/public/sw.js.map
+/public/swe-worker-*.js
+/public/swe-worker-*.js.map
+/public/workbox-*.js
+/public/workbox-*.js.map
+/public/serialized-*.js
+/public/serialized-*.js.map
+
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+certificates

README.md

@@ -34,3 +34,11 @@ You can check out [the Next.js GitHub repository](https://github.com/vercel/next
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+
+## PWA
+
+Приложение настроено как PWA (manifest, Serwist, офлайн-страница, иконки).
+
+- **Проверка:** Chrome DevTools → Application → Manifest, Service Workers.
+- **Lighthouse:** запустить аудит PWA и Performance по HTTPS (`next build` + `next start` или деплой).
+- **Локально с HTTPS:** `next dev --experimental-https` для тестов установки и push (если позже добавите).

app/[locale]/(auth)/invite/[id]/page.tsx

@@ -21,7 +21,7 @@ export default async function InvitePage({
   let tokenData;
   try {
     tokenData = await AuthService.verifyAuthToken(token);
-  } catch (error) {
+  } catch {
     // Если токен невалиден (401) или произошла ошибка - показываем not-found
     notFound();
   }

app/[locale]/(sidebar)/account/page.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { AccountPage } from "@/src/features/account";
+
+/**
+ * Страница аккаунта — объединяет профиль, подписку, безопасность, настройки
+ */
+export default function Page() {
+  return <AccountPage />;
+}

app/[locale]/(sidebar)/analytics/clients/page.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsClients, AnalyticsGuard } from "@/src/features/analytics";
+
+/** /analytics/clients — раздел "Клиенты" (Beta). Manager/Owner. */
+export default function AnalyticsClientsPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="clients">
+        <AnalyticsClients />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/finance/page.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsFinance, AnalyticsGuard } from "@/src/features/analytics";
+
+/** /analytics/finance — финансовый отчёт. Manager/Owner. */
+export default function AnalyticsFinancePage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="finance">
+        <AnalyticsFinance />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/layout.tsx

@@ -0,0 +1,28 @@
+"use client";
+import { usePathname } from "next/navigation";
+import { AnalyticsHeader } from "@/src/features/analytics";
+
+/**
+ * Layout раздела аналитики.
+ * - Рендерит общую шапку (title + табы + period picker).
+ * - Каждый подэкран при смене pathname получает свежий ключ → плавный re-mount
+ *   через tailwindcss-animate (fade + slide). prefers-reduced-motion → мгновенно.
+ */
+export default function AnalyticsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const pathname = usePathname();
+  return (
+    <>
+      <AnalyticsHeader />
+      <div
+        key={pathname}
+        className="motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-2 motion-safe:duration-300"
+      >
+        {children}
+      </div>
+    </>
+  );
+}

app/[locale]/(sidebar)/analytics/locations/[locationId]/page.tsx

@@ -0,0 +1,28 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsGuard, LocationDetail } from "@/src/features/analytics";
+
+/**
+ * /analytics/locations/[locationId] — drill-down по локации.
+ * Доступ только Network Owner (guard "locations").
+ */
+export default async function LocationAnalyticsPage({
+  params,
+}: {
+  params: Promise<{ locationId: string }>;
+}) {
+  const { locationId } = await params;
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="locations">
+        <LocationDetail locationId={locationId} />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/me/page.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsGuard, AnalyticsMe } from "@/src/features/analytics";
+
+/** /analytics/me — личная аналитика; доступно всем ролям. */
+export default function AnalyticsMePage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="me">
+        <AnalyticsMe />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+import { Suspense, useEffect } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Loader } from "lucide-react";
+import {
+  AnalyticsGuard,
+  AnalyticsOverview,
+  getAnalyticsAccess,
+} from "@/src/features/analytics";
+import { useCurrentUser } from "@/src/shared/hooks/use-users";
+
+/**
+ * /analytics — корневой роут.
+ * Smart redirect:
+ *   - Staff и Solo Owner → /analytics/me
+ *   - остальные → рендерится Overview
+ */
+export default function AnalyticsRootPage() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { data: user, isLoading } = useCurrentUser();
+
+  useEffect(() => {
+    if (isLoading || !user) return;
+    const access = getAnalyticsAccess(user);
+    if (access.defaultTab === "me") {
+      const qs = searchParams.toString();
+      router.replace(`/analytics/me${qs ? `?${qs}` : ""}`);
+    }
+  }, [user, isLoading, router, searchParams]);
+
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="overview">
+        <AnalyticsOverview />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/staff/[employeeId]/page.tsx

@@ -0,0 +1,28 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsGuard, EmployeeDetail } from "@/src/features/analytics";
+
+/**
+ * /analytics/staff/[employeeId] — drill-down по мастеру.
+ * Доступ как у /analytics/staff (Manager/Owner).
+ */
+export default async function EmployeeAnalyticsPage({
+  params,
+}: {
+  params: Promise<{ employeeId: string }>;
+}) {
+  const { employeeId } = await params;
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="staff">
+        <EmployeeDetail employeeId={employeeId} />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}

app/[locale]/(sidebar)/analytics/staff/page.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import { Loader } from "lucide-react";
+import { AnalyticsGuard, AnalyticsStaff } from "@/src/features/analytics";
+
+/** /analytics/staff — список мастеров. Manager/Owner. */
+export default function AnalyticsStaffPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex items-center justify-center min-h-[40vh]">
+          <Loader className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      }
+    >
+      <AnalyticsGuard requires="staff">
+        <AnalyticsStaff />
+      </AnalyticsGuard>
+    </Suspense>
+  );
+}