src/app/(main)/websites/[websiteId]/WebsiteNav.tsx

@@ -1,14 +1,5 @@
 import { Text } from '@umami/react-zen';
-import {
-  Eye,
-  User,
-  Clock,
-  Sheet,
-  Tag,
-  ChartPie,
-  UserPlus,
-  AlignEndHorizontal,
-} from '@/components/icons';
+import { Eye, User, Clock, Ungroup, Tag, ChartPie, UserPlus, GitCompare } from '@/components/icons';
 import { Lightning, Path, Money, Target, Funnel, Magnet, Network } from '@/components/svg';
 import { useMessages, useNavigation } from '@/components/hooks';
 import { SideMenu } from '@/components/common/SideMenu';
@@ -56,13 +47,13 @@ export function WebsiteNav({ websiteId }: { websiteId: string }) {
         {
           id: 'compare',
           label: formatMessage(labels.compare),
-          icon: <AlignEndHorizontal />,
+          icon: <GitCompare />,
           path: renderPath('/compare'),
         },
         {
           id: 'breakdown',
           label: formatMessage(labels.breakdown),
-          icon: <Sheet />,
+          icon: <Ungroup />,
           path: renderPath('/breakdown'),
         },
       ],

src/app/(main)/websites/[websiteId]/events/EventsPage.tsx

@@ -9,7 +9,6 @@ import { useMessages } from '@/components/hooks';
 import { EventProperties } from './EventProperties';
 import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
 import { getItem, setItem } from '@/lib/storage';
-import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
 
 const KEY_NAME = 'umami.events.tab';
 
@@ -53,7 +52,6 @@ export function EventsPage({ websiteId }) {
           </TabPanel>
         </Tabs>
       </Panel>
-      <SessionModal websiteId={websiteId} />
     </Column>
   );
 }

src/app/(main)/websites/[websiteId]/events/EventsTable.tsx

@@ -10,7 +10,7 @@ import { TypeIcon } from '@/components/common/TypeIcon';
 
 export function EventsTable({ data = [] }) {
   const { formatMessage, labels } = useMessages();
-  const { updateParams } = useNavigation();
+  const { renderUrl } = useNavigation();
   const { formatValue } = useFormat();
 
   if (data.length === 0) {
@@ -23,7 +23,7 @@ export function EventsTable({ data = [] }) {
         {(row: any) => {
           return (
             <Row alignItems="center" gap="2">
-              <Link href={updateParams({ session: row.sessionId })}>
+              <Link href={renderUrl(`/websites/${row.websiteId}/sessions/${row.sessionId}`)}>
                 <Avatar seed={row.sessionId} size={32} />
               </Link>
               <Icon>{row.eventName ? <Lightning /> : <Eye />}</Icon>

src/app/(main)/websites/[websiteId]/sessions/SessionModal.tsx

@@ -1,49 +0,0 @@
-import { Dialog, Modal, ModalProps } from '@umami/react-zen';
-import { SessionProfile } from '@/app/(main)/websites/[websiteId]/sessions/SessionProfile';
-import { useNavigation } from '@/components/hooks';
-
-export interface SessionModalProps extends ModalProps {
-  websiteId: string;
-}
-
-export function SessionModal({ websiteId, ...props }: SessionModalProps) {
-  const {
-    router,
-    query: { session },
-    updateParams,
-  } = useNavigation();
-
-  const handleClose = (close: () => void) => {
-    router.push(updateParams({ session: undefined }));
-    close();
-  };
-
-  const handleOpenChange = (isOpen: boolean) => {
-    if (!isOpen) {
-      router.push(updateParams({ session: undefined }));
-    }
-  };
-
-  return (
-    <Modal isOpen={!!session} onOpenChange={handleOpenChange} isDismissable {...props}>
-      <Dialog
-        style={{
-          maxWidth: 1320,
-          width: '100vw',
-          minHeight: '300px',
-          height: 'calc(100vh - 40px)',
-        }}
-      >
-        {({ close }) => {
-          return (
-            <SessionProfile
-              websiteId={websiteId}
-              sessionId={session}
-              onClose={() => handleClose(close)}
-            />
-          );
-        }}
-      </Dialog>
-    </Modal>
-  );
-}

src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx

@@ -1,19 +1,35 @@
 'use client';
 import { Key, useState } from 'react';
-import { TabList, Tab, Tabs, TabPanel, Column } from '@umami/react-zen';
+import { TabList, Tab, Tabs, TabPanel, Column, Modal, Dialog } from '@umami/react-zen';
 import { SessionsDataTable } from './SessionsDataTable';
 import { SessionProperties } from './SessionProperties';
-import { useMessages } from '@/components/hooks';
+import { useMessages, useNavigation } from '@/components/hooks';
 import { Panel } from '@/components/common/Panel';
 import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
 import { getItem, setItem } from '@/lib/storage';
-import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
+import { SessionProfile } from '@/app/(main)/websites/[websiteId]/sessions/SessionProfile';
 
 const KEY_NAME = 'umami.sessions.tab';
 
 export function SessionsPage({ websiteId }) {
   const [tab, setTab] = useState(getItem(KEY_NAME) || 'activity');
   const { formatMessage, labels } = useMessages();
+  const {
+    router,
+    query: { session },
+    updateParams,
+  } = useNavigation();
+
+  const handleClose = (close: () => void) => {
+    router.push(updateParams({ session: undefined }));
+    close();
+  };
+
+  const handleOpenChange = (isOpen: boolean) => {
+    if (!isOpen) {
+      router.push(updateParams({ session: undefined }));
+    }
+  };
 
   const handleSelect = (value: Key) => {
     setItem(KEY_NAME, value);
@@ -37,7 +53,26 @@ export function SessionsPage({ websiteId }) {
           </TabPanel>
         </Tabs>
       </Panel>
-      <SessionModal websiteId={websiteId} />
+      <Modal isOpen={!!session} onOpenChange={handleOpenChange} isDismissable>
+        <Dialog
+          style={{
+            maxWidth: 1320,
+            width: '100vw',
+            minHeight: '300px',
+            height: 'calc(100vh - 40px)',
+          }}
+        >
+          {({ close }) => {
+            return (
+              <SessionProfile
+                websiteId={websiteId}
+                sessionId={session}
+                onClose={() => handleClose(close)}
+              />
+            );
+          }}
+        </Dialog>
+      </Modal>
     </Column>
   );
 }

src/app/api/websites/route.ts

@@ -1,5 +1,4 @@
 import { z } from 'zod';
-import redis from '@/lib/redis';
 import { canCreateTeamWebsite, canCreateWebsite } from '@/permissions';
 import { json, unauthorized } from '@/lib/response';
 import { uuid } from '@/lib/crypto';
@@ -51,15 +50,11 @@ export async function POST(request: Request) {
 
   const { id, name, domain, shareId, teamId } = body;
 
-  if (process.env.CLOUD_MODE && !teamId) {
-    const account = await redis.client.get(`account:${auth.user.id}`);
+  if (process.env.CLOUD_MODE && !teamId && !auth.user.hasSubscription) {
+    const count = await getWebsiteCount(auth.user.id);
 
-    if (!account?.hasSubscription) {
-      const count = await getWebsiteCount(auth.user.id);
-
-      if (count >= CLOUD_WEBSITE_LIMIT) {
-        return unauthorized({ message: 'Website limit reached.' });
-      }
+    if (count >= CLOUD_WEBSITE_LIMIT) {
+      return unauthorized({ message: 'Website limit reached.' });
     }
   }
 

src/components/input/FilterBar.tsx

@@ -25,14 +25,13 @@ export function FilterBar({ websiteId }: { websiteId: string }) {
   const { formatValue } = useFormat();
   const {
     router,
-    pathname,
     updateParams,
     replaceParams,
     query: { segment, cohort },
   } = useNavigation();
   const { filters, operatorLabels } = useFilters();
   const { data, isLoading } = useWebsiteSegmentQuery(websiteId, segment || cohort);
-  const canSaveSegment = filters.length > 0 && !segment && !cohort && !pathname.includes('/share');
+  const canSaveSegment = filters.length > 0 && !segment && !cohort;
 
   const handleCloseFilter = (param: string) => {
     router.push(updateParams({ [param]: undefined }));

src/lib/request.ts

@@ -1,12 +1,12 @@
+import { z } from 'zod';
 import { checkAuth } from '@/lib/auth';
 import { DEFAULT_PAGE_SIZE, FILTER_COLUMNS } from '@/lib/constants';
 import { getAllowedUnits, getMinimumUnit, maxDate, parseDateRange } from '@/lib/date';
 import { fetchWebsite } from '@/lib/load';
-import { filtersArrayToObject } from '@/lib/params';
 import { badRequest, unauthorized } from '@/lib/response';
 import { QueryFilters } from '@/lib/types';
 import { getWebsiteSegment } from '@/queries/prisma';
-import { z } from 'zod';
+import { filtersArrayToObject } from '@/lib/params';
 
 export async function parseRequest(
   request: Request,

src/queries/prisma/website.ts

@@ -156,10 +156,7 @@ export async function resetWebsite(websiteId: string) {
     }),
   ]).then(async data => {
     if (cloudMode) {
-      await redis.client.set(
-        `website:${websiteId}`,
-        data.find(website => website.id),
-      );
+      await redis.client.set(`website:${websiteId}`, data[3]);
     }
 
     return data;
@@ -211,7 +208,6 @@ export async function getWebsiteCount(userId: string) {
   return prisma.client.website.count({
     where: {
       userId,
-      deletedAt: null,
     },
   });
 }