From abc485a9ef4391116abb73cb856f1fd26a240132 Mon Sep 17 00:00:00 2001
From: Emily <adharaultimasheireen@gmail.com>
Date: Mon, 10 Feb 2025 15:30:19 +0100
Subject: [PATCH] update dashboard + server

---
 dashboard/components/BarCard/Pages.vue        |   9 ++-
 dashboard/components/CustomTab.vue            |  17 ++---
 dashboard/components/dashboard/CountCard.vue  |   2 +-
 dashboard/components/dashboard/TopCards.vue   |   2 +-
 dashboard/components/dashboard/TopSection.vue |  18 +-----
 .../components/dialog/CreateSnapshot.vue      |   6 +-
 dashboard/components/dialog/Help.vue          |  58 ++++++++++++++++++
 dashboard/components/layout/TopNavigation.vue |  47 ++++++++++++--
 .../components/layout/VerticalNavigation.vue  |  21 +------
 .../components/selector/DomainSelector.vue    |   2 +-
 .../components/selector/ProjectSelector.vue   |   3 +-
 dashboard/layouts/dashboard.vue               |  48 +++++++--------
 dashboard/pages/analyst.vue                   |   2 +-
 dashboard/pages/index.vue                     |   2 +-
 dashboard/pages/live_demo.vue                 |   2 +-
 dashboard/pages/security.vue                  |  16 +----
 dashboard/server/api/project/generate_pdf.ts  |  12 ++--
 .../server/api/timeline/sessions_duration.ts  |   7 ++-
 .../pdf}/pdf_fonts/Poppins-Bold.ttf           | Bin
 .../pdf}/pdf_fonts/Poppins-Italic.ttf         | Bin
 .../pdf}/pdf_fonts/Poppins-Medium.ttf         | Bin
 .../pdf}/pdf_fonts/Poppins-Regular.ttf        | Bin
 .../pdf}/pdf_fonts/Poppins-SemiBold.ttf       | Bin
 dashboard/{ => server/pdf}/pdf_images/c.png   | Bin
 dashboard/{ => server/pdf}/pdf_images/d.png   | Bin
 .../{ => server/pdf}/pdf_images/logo.png      | Bin
 26 files changed, 171 insertions(+), 103 deletions(-)
 create mode 100644 dashboard/components/dialog/Help.vue
 rename dashboard/{ => server/pdf}/pdf_fonts/Poppins-Bold.ttf (100%)
 rename dashboard/{ => server/pdf}/pdf_fonts/Poppins-Italic.ttf (100%)
 rename dashboard/{ => server/pdf}/pdf_fonts/Poppins-Medium.ttf (100%)
 rename dashboard/{ => server/pdf}/pdf_fonts/Poppins-Regular.ttf (100%)
 rename dashboard/{ => server/pdf}/pdf_fonts/Poppins-SemiBold.ttf (100%)
 rename dashboard/{ => server/pdf}/pdf_images/c.png (100%)
 rename dashboard/{ => server/pdf}/pdf_images/d.png (100%)
 rename dashboard/{ => server/pdf}/pdf_images/logo.png (100%)

diff --git a/dashboard/components/BarCard/Pages.vue b/dashboard/components/BarCard/Pages.vue
index d38311b..dabe957 100644
--- a/dashboard/components/BarCard/Pages.vue
+++ b/dashboard/components/BarCard/Pages.vue
@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 
+const router = useRouter();
+
 const pagesData = useFetch('/api/data/pages', {
     headers: useComputedHeaders({
         limit: 10,
@@ -24,13 +26,18 @@ async function showMore() {
     isDataLoading.value = false;
 }
 
+function goToView() {
+    router.push('/dashboard/visits');
+}
+
 </script>
 
 
 <template>
     <div class="flex flex-col gap-2 h-full">
-        <BarCardBase @showMore="showMore()" @dataReload="pagesData.refresh()" :showLink=true
+        <BarCardBase @showRawData="goToView()" @showMore="showMore()" @dataReload="pagesData.refresh()" :showLink=true
             :data="pagesData.data.value || []" :interactive="false" desc="Most visited pages."
+            :rawButton="!isLiveDemo"
             :dataIcons="true" :loading="pagesData.pending.value" label="Top Pages" sub-label="Referrers">
         </BarCardBase>
     </div>
diff --git a/dashboard/components/CustomTab.vue b/dashboard/components/CustomTab.vue
index 5c9ca1a..986d86b 100644
--- a/dashboard/components/CustomTab.vue
+++ b/dashboard/components/CustomTab.vue
@@ -9,13 +9,16 @@ const activeTabIndex = ref<number>(0);
 
 <template>
     <div>
-        <div class="flex">
-            <div v-for="(tab, index) of items" @click="activeTabIndex = index"
-                class="px-6 pb-3 poppins font-medium text-lyx-lightmode-text dark:text-lyx-text-darker border-b-[1px] border-lyx-text-darker" :class="{
-                    '!border-[#88A7FF] !text-[#88A7FF]': activeTabIndex === index,
-                    'hover:border-lyx-lightmode-text-dark hover:text-lyx-lightmode-text-dark/60 dark:hover:border-lyx-text-dark dark:hover:text-lyx-text-dark cursor-pointer': activeTabIndex !== index
-                }">
-                {{ tab.label }}
+        <div class="flex overflow-y-auto hide-scrollbars">
+            <div class="flex">
+                <div v-for="(tab, index) of items" @click="activeTabIndex = index"
+                    class="px-6 pb-3 poppins font-medium text-lyx-lightmode-text dark:text-lyx-text-darker border-b-[1px] border-lyx-text-darker"
+                    :class="{
+                        '!border-[#88A7FF] !text-[#88A7FF]': activeTabIndex === index,
+                        'hover:border-lyx-lightmode-text-dark hover:text-lyx-lightmode-text-dark/60 dark:hover:border-lyx-text-dark dark:hover:text-lyx-text-dark cursor-pointer': activeTabIndex !== index
+                    }">
+                    {{ tab.label }}
+                </div>
             </div>
             <div class="border-b-[1px] border-lyx-text-darker w-full">
 
diff --git a/dashboard/components/dashboard/CountCard.vue b/dashboard/components/dashboard/CountCard.vue
index 6278925..f435d06 100644
--- a/dashboard/components/dashboard/CountCard.vue
+++ b/dashboard/components/dashboard/CountCard.vue
@@ -52,7 +52,7 @@ const { showDrawer } = useDrawer();
         </div>
         <div v-if="!ready" class="flex justify-center items-center w-full h-full flex-col gap-2">
             <i class="fas fa-spinner text-[2rem] text-accent animate-[spin_1s_linear_infinite] duration-500"></i>
-            <div v-if="props.slow"> Can be very slow on large snapshots </div>
+            <div v-if="props.slow"> Can be very slow on large timeframes </div>
         </div>
     </LyxUiCard>
 
diff --git a/dashboard/components/dashboard/TopCards.vue b/dashboard/components/dashboard/TopCards.vue
index bd09f67..b5c2b82 100644
--- a/dashboard/components/dashboard/TopCards.vue
+++ b/dashboard/components/dashboard/TopCards.vue
@@ -75,7 +75,7 @@ const avgSessionDuration = computed(() => {
         .filter(e => e > 0)
         .reduce((a, e) => e + a, 0);
 
-    const avg = counts / Math.max(sessionsDurationData.data.value.data.filter(e => e > 0).length, 1);
+    const avg = counts / (Math.max(sessionsDurationData.data.value.data.filter(e => e > 0).length, 1)) / 5;
 
     let hours = 0;
     let minutes = 0;
diff --git a/dashboard/components/dashboard/TopSection.vue b/dashboard/components/dashboard/TopSection.vue
index d96d08a..5adf003 100644
--- a/dashboard/components/dashboard/TopSection.vue
+++ b/dashboard/components/dashboard/TopSection.vue
@@ -18,18 +18,6 @@ function copyProjectId() {
     createAlert('Success', 'Project id copied successfully.', 'far fa-circle-check', 5000);
 }
 
-
-function showAnomalyInfoAlert() {
-    createAlert('AI Anomaly Detector info',
-        `Anomaly detector is running. It helps you detect a spike in visits or events, it could mean an
-         attack or simply higher traffic due to good performance. Additionally, it can detect if someone is
-         stealing parts of your website and hosting a duplicate version—an unfortunately common practice.
-         Litlyx will notify you via email with actionable advices`,
-        'far fa-shield',
-        10000
-    )
-
-}
 </script>
 
 
@@ -38,7 +26,7 @@ function showAnomalyInfoAlert() {
 
         <div
             class="flex gap-2 items-center text-lyx-lightmode-text/90 dark:text-lyx-text/90 justify-center md:justify-start">
-            <div class="animate-pulse w-[1rem] h-[1rem] bg-green-400 rounded-full"> </div>
+            <div class="animate-pulse w-[.8rem] h-[.8rem] bg-green-400 rounded-full"> </div>
             <div class="poppins font-medium text-[.9rem]"> {{ onlineUsers.data }} Online users</div>
         </div>
 
@@ -62,7 +50,7 @@ function showAnomalyInfoAlert() {
                 </div>
             </div>
         </div> -->
-
+<!-- 
         <div v-if="!selfhosted"
             class="flex gap-2 items-center text-lyx-lightmode-text/90 dark:text-lyx-text/90 justify-center md:justify-start">
             <div class="animate-pulse w-[1rem] h-[1rem] bg-green-400 rounded-full"> </div>
@@ -71,7 +59,7 @@ function showAnomalyInfoAlert() {
                 <i class="far fa-info-circle text-[.9rem] hover:text-lyx-primary cursor-pointer"
                     @click="showAnomalyInfoAlert"></i>
             </div>
-        </div>
+        </div> -->
 
     </div>
 </template>
\ No newline at end of file
diff --git a/dashboard/components/dialog/CreateSnapshot.vue b/dashboard/components/dialog/CreateSnapshot.vue
index 6bf63d8..d0369aa 100644
--- a/dashboard/components/dialog/CreateSnapshot.vue
+++ b/dashboard/components/dialog/CreateSnapshot.vue
@@ -53,7 +53,7 @@ async function confirmSnapshot() {
 
     await updateSnapshots();
     closeDialog();
-    createAlert('Snapshot created', 'Snapshot created successfully', 'far fa-circle-check', 5000);
+    createAlert('Timeframe created', 'Timeframe created successfully', 'far fa-circle-check', 5000);
     const newSnapshot = snapshots.value.at(-1);
     if (newSnapshot) snapshot.value = newSnapshot;
 
@@ -65,7 +65,7 @@ async function confirmSnapshot() {
     <div class="w-full h-full flex flex-col">
 
         <div class="poppins text-center text-lyx-lightmode-text dark:text-lyx-text">
-            Create a snapshot
+            Create a timeframe
         </div>
 
         <div class="mt-10 flex items-center gap-2">
@@ -74,7 +74,7 @@ async function confirmSnapshot() {
                 <input @input="onColorChange" ref="colorpicker" class="relative w-0 h-0 z-[-100]" type="color">
             </div>
             <div class="grow">
-                <LyxUiInput placeholder="Snapshot name" v-model="snapshotName" class="px-4 py-1 w-full"></LyxUiInput>
+                <LyxUiInput placeholder="Timeframe name" v-model="snapshotName" class="px-4 py-1 w-full"></LyxUiInput>
             </div>
         </div>
 
diff --git a/dashboard/components/dialog/Help.vue b/dashboard/components/dialog/Help.vue
new file mode 100644
index 0000000..3bcb1fb
--- /dev/null
+++ b/dashboard/components/dialog/Help.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+
+const { createAlert } = useAlert();
+const { close } = useModal()
+
+function copyEmail() {
+    if (!navigator.clipboard) alert('You can\'t copy in HTTP');
+    navigator.clipboard.writeText('help@litlyx.com');
+    createAlert('Success', 'Email copied successfully.', 'far fa-circle-check', 5000);
+}
+
+</script>
+
+<template>
+    <UModal :ui="{
+        strategy: 'override',
+        overlay: {
+            background: 'bg-lyx-background/85'
+        },
+        background: 'dark:bg-lyx-widget bg-lyx-lightmode-widget-light',
+        ring: 'border-solid border-[1px] border-[#262626]'
+    }">
+        <div class="h-full flex flex-col gap-2 p-4">
+
+            <div class="flex flex-col gap-3">
+
+                <div class="font-medium">
+                    Contact Support
+                </div>
+
+                <div class="dark:text-lyx-text-dark">
+                    Contact Support for any questions or issues you have.
+                </div>
+
+                <div class="dark:bg-lyx-widget-lighter bg-lyx-lightmode-widget h-[1px]"></div>
+
+                <div class="flex items-center justify-between gap-4">
+                    <div class="p-2 bg-lyx-lightmode-widget dark:bg-[#1c1b1b] rounded-md w-full">
+                        <div class="w-full text-[.9rem] dark:text-[#acacac]"> help@litlyx.com </div>
+                    </div>
+                    <LyxUiButton type="secondary" @click="copyEmail()"> Copy </LyxUiButton>
+                    <LyxUiButton type="secondary" to="mailto:help@litlyx.com"> Send </LyxUiButton>
+                </div>
+
+                <div class="dark:text-lyx-text-dark mt-2">
+                    or text us on Discord, we will reply to you personally.
+                </div>
+
+                <LyxUiButton to="https://discord.gg/9cQykjsmWX" target="_blank" type="secondary">
+                    Discord Support
+                </LyxUiButton>
+
+            </div>
+
+        </div>
+    </UModal>
+
+</template>
\ No newline at end of file
diff --git a/dashboard/components/layout/TopNavigation.vue b/dashboard/components/layout/TopNavigation.vue
index a5a6c8b..f34d9e6 100644
--- a/dashboard/components/layout/TopNavigation.vue
+++ b/dashboard/components/layout/TopNavigation.vue
@@ -1,14 +1,53 @@
 <script lang="ts" setup>
 
+import { DialogFeedback, DialogHelp } from '#components';
+
+const modal = useModal();
+const selfhosted = useSelfhosted();
+
+
+const colorMode = useColorMode()
+const isDark = computed({
+    get() {
+        return colorMode.value === 'dark'
+    },
+    set() {
+        colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+    }
+})
+
 </script>
 
 <template>
-
     <div
-        class="w-full h-[4rem] border-solid border-[#D9D9E0] dark:border-[#202020] border-b-[1px] bg-lyx-lightmode-background dark:bg-lyx-background flex dark:shadow-[1px_0_10px_#000000]">
-        <div class="flex items-center px-10">
+        class="w-full overflow-y-auto hide-scrollbars h-[4rem] border-solid border-[#D9D9E0] dark:border-[#202020] border-b-[1px] bg-lyx-lightmode-background dark:bg-lyx-background flex dark:shadow-[1px_0_10px_#000000]">
+
+        <div class="flex items-center px-6">
             <SelectorDomainSelector></SelectorDomainSelector>
         </div>
-    </div>
 
+        <div class="grow"></div>
+        <div class="flex items-center gap-6 mr-10">
+            <div v-if="!selfhosted" @click="modal.open(DialogFeedback, {});"
+                class="flex gap-2 items-center cursor-pointer">
+                <i class="far fa-message"></i>
+                Feedback
+            </div>
+            <div @click="modal.open(DialogHelp, {});" class="cursor-pointer"> Help </div>
+            <NuxtLink to="https://docs.litlyx.com" target="_blank" class="cursor-pointer">
+                Docs
+            </NuxtLink>
+
+
+            <div>
+                <UTooltip :text="isDark ? 'Toggle light mode' : 'Toggle dark mode'">
+                    <i @click="isDark = !isDark"
+                        class="cursor-pointer hover:text-lyx-lightmode-text text-lyx-lightmode-text-dark dark:hover:text-lyx-text dark:text-lyx-text-dark"
+                        :class="isDark ? 'far fa-moon' : 'far fa-sun'"></i>
+                </UTooltip>
+            </div>
+
+        </div>
+
+    </div>
 </template>
\ No newline at end of file
diff --git a/dashboard/components/layout/VerticalNavigation.vue b/dashboard/components/layout/VerticalNavigation.vue
index 66ade6c..eef7067 100644
--- a/dashboard/components/layout/VerticalNavigation.vue
+++ b/dashboard/components/layout/VerticalNavigation.vue
@@ -24,18 +24,6 @@ type Props = {
 }
 
 
-
-const colorMode = useColorMode()
-const isDark = computed({
-    get() {
-        return colorMode.value === 'dark'
-    },
-    set() {
-        colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
-    }
-})
-
-
 const route = useRoute();
 const props = defineProps<Props>();
 
@@ -172,7 +160,7 @@ const { data: maxProjects } = useFetch("/api/user/max_projects", {
 
                 <div class="flex mb-2 items-center justify-between text-lyx-lightmode-text dark:text-lyx-text">
                     <div class="poppins text-[.8rem]">
-                        Snapshots
+                        Timeframes
                     </div>
 
                     <div class="flex gap-2">
@@ -181,7 +169,7 @@ const { data: maxProjects } = useFetch("/api/user/max_projects", {
                                 <div><i class="far fa-download text-[.8rem]"></i></div>
                             </LyxUiButton>
                         </UTooltip> -->
-                        <UTooltip text="Create new snapshot">
+                        <UTooltip text="Create new timeframe">
                             <LyxUiButton @click="openSnapshotDialog()" type="outlined" class="!px-3 !py-1">
                                 <div><i class="fas fa-plus text-[.8rem]"></i></div>
                             </LyxUiButton>
@@ -301,11 +289,6 @@ const { data: maxProjects } = useFetch("/api/user/max_projects", {
 
                     <div class="grow flex gap-3">
 
-                        <div>
-                            <i @click="isDark = !isDark" class="cursor-pointer hover:text-lyx-lightmode-text text-lyx-lightmode-text-dark dark:hover:text-lyx-text dark:text-lyx-text-dark"
-                                :class="isDark ? 'far fa-moon' : 'far fa-sun'"></i>
-                        </div>
-
                         <NuxtLink to="/admin" v-if="userRoles.isAdmin.value"
                             class="cursor-pointer hover:text-lyx-lightmode-text text-lyx-lightmode-text-dark dark:hover:text-lyx-text dark:text-lyx-text-dark">
                             <i class="far fa-cat"></i>
diff --git a/dashboard/components/selector/DomainSelector.vue b/dashboard/components/selector/DomainSelector.vue
index 4c2f1ab..d97e441 100644
--- a/dashboard/components/selector/DomainSelector.vue
+++ b/dashboard/components/selector/DomainSelector.vue
@@ -8,7 +8,7 @@ function onChange(e: string) {
 </script>
 
 <template>
-    <div class="flex gap-2">
+    <div class="flex gap-2 absolute">
         <USelectMenu :uiMenu="{
             select: 'bg-lyx-lightmode-widget-light !ring-lyx-lightmode-widget dark:!bg-lyx-widget-light !shadow-none focus:!ring-lyx-widget-lighter dark:!ring-lyx-widget-lighter',
             base: '!bg-lyx-lightmode-widget dark:!bg-lyx-widget w-max',
diff --git a/dashboard/components/selector/ProjectSelector.vue b/dashboard/components/selector/ProjectSelector.vue
index 1a62870..93b4988 100644
--- a/dashboard/components/selector/ProjectSelector.vue
+++ b/dashboard/components/selector/ProjectSelector.vue
@@ -5,7 +5,7 @@ import type { TProject } from '@schema/project/ProjectSchema';
 const { user } = useLoggedUser()
 
 const { projectList, guestProjectList, allProjectList, actions, project } = useProject();
-
+const { setActiveDomain } = useDomain();
 
 function isProjectMine(owner?: string) {
     if (!owner) return false;
@@ -16,6 +16,7 @@ function isProjectMine(owner?: string) {
 
 function onChange(e: TProject) {
     actions.setActiveProject(e._id.toString());
+    setActiveDomain('ALL DOMAINS');
 }
 </script>
 
diff --git a/dashboard/layouts/dashboard.vue b/dashboard/layouts/dashboard.vue
index 1ceb293..5e107a5 100644
--- a/dashboard/layouts/dashboard.vue
+++ b/dashboard/layouts/dashboard.vue
@@ -12,8 +12,6 @@ const modal = useModal();
 
 const selfhosted = useSelfhosted();
 
-console.log({ selfhosted })
-
 const sections: Section[] = [
     {
         title: '',
@@ -21,30 +19,32 @@ const sections: Section[] = [
             { label: 'Web Analytics', to: '/', icon: 'fal fa-table-layout' },
             { label: 'Custom Events', to: '/events', icon: 'fal fa-square-bolt' },
             { label: 'Ask AI', to: '/analyst', icon: 'fal fa-sparkles' },
-            { label: 'Security', to: '/security', icon: 'fal fa-shield', disabled: selfhosted },
 
+            // { label: 'Security', to: '/security', icon: 'fal fa-shield', disabled: selfhosted },
             // { label: 'Insights (soon)', to: '#', icon: 'fal fa-lightbulb', disabled: true },
             // { label: 'Links (soon)', to: '#', icon: 'fal fa-globe-pointer', disabled: true },
             // { label: 'Integrations (soon)', to: '/integrations', icon: 'fal fa-cube', disabled: true },
 
-            { label: 'Settings', to: '/settings', icon: 'fal fa-gear' },
-            {
-                grow: true,
-                label: 'Leave a Feedback', icon: 'fal fa-message',
-                action() {
-                    modal.open(DialogFeedback, {});
-                },
-                disabled: selfhosted
-            },
-            {
-                label: 'Documentation', to: 'https://docs.litlyx.com', icon: 'fal fa-book', external: true,
-                action() { Lit.event('docs_clicked') },
-            },
-            {
-                label: 'Discord support', icon: 'fab fa-discord',
-                to: 'https://discord.gg/9cQykjsmWX',
-                external: true,
-            },
+            { grow: true, label: 'Settings', to: '/settings', icon: 'fal fa-gear' },
+            // {
+            //     grow: true,
+            //     label: 'Leave a Feedback', icon: 'fal fa-message',
+            //     action() {
+            //         modal.open(DialogFeedback, {});
+            //     },
+            //     disabled: selfhosted
+            // },
+            // {
+            //     grow: true,
+            //     label: 'Documentation', to: 'https://docs.litlyx.com', icon: 'fal fa-book', external: true,
+            //     action() { Lit.event('docs_clicked') },
+            // },
+            // {
+            //     grow: true,
+            //     label: 'Discord support', icon: 'fab fa-discord',
+            //     to: 'https://discord.gg/9cQykjsmWX',
+            //     external: true,
+            // },
             // {
             //     label: 'Slack support', icon: 'fab fa-slack',
             //     to: '#',
@@ -76,11 +76,11 @@ const { isOpen, close, open } = useMenu();
 
 
         <div
-            class="px-6 py-3 flex items-center justify-center shadow-[0_0_10px_#000000CC] z-[20] rounded-xl mx-2 my-2 lg:hidden">
+            class="px-6 py-3 flex items-center justify-center dark:bg-lyx-background-light z-[20] rounded-xl mx-2 my-2 lg:hidden">
             <i @click="open()" class="fas fa-bars text-[1.2rem] absolute left-6"></i>
-            <div class="nunito font-semibold text-[1.2rem]">
+            <!-- <div class="nunito font-semibold text-[1.2rem]">
                 Litlyx
-            </div>
+            </div> -->
         </div>
 
         <div class="flex h-full">
diff --git a/dashboard/pages/analyst.vue b/dashboard/pages/analyst.vue
index 0700c57..c66d1da 100644
--- a/dashboard/pages/analyst.vue
+++ b/dashboard/pages/analyst.vue
@@ -403,7 +403,7 @@ async function clearAllChats() {
                         <div class="bg-accent w-5 h-5 rounded-full animate-pulse">
                         </div>
                         <div class="manrope font-semibold text-lyx-lightmode-text dark:text-text-dirty"> {{
-                            chatsRemaining }} remaining requests
+                            chatsRemaining }} messages left
                         </div>
                     </div>
                     <LyxUiButton v-if="!selfhosted" type="primary" class="text-[.9rem] text-center " @click="showDrawer('PRICING')">
diff --git a/dashboard/pages/index.vue b/dashboard/pages/index.vue
index 5f77b43..33d5d08 100644
--- a/dashboard/pages/index.vue
+++ b/dashboard/pages/index.vue
@@ -42,7 +42,7 @@ const selfhosted = useSelfhosted();
         <div v-if="showDashboard">
              <div class="w-full px-4 py-2 gap-2 flex flex-col">
                 <BannerLimitsInfo v-if="!selfhosted" :key="refreshKey"></BannerLimitsInfo>
-                <BannerOffer v-if="!selfhosted" :key="refreshKey"></BannerOffer>
+                <!-- <BannerOffer v-if="!selfhosted" :key="refreshKey"></BannerOffer> -->
             </div>
 
             <div>
diff --git a/dashboard/pages/live_demo.vue b/dashboard/pages/live_demo.vue
index e801d5e..5ef1787 100644
--- a/dashboard/pages/live_demo.vue
+++ b/dashboard/pages/live_demo.vue
@@ -70,7 +70,7 @@ const selectLabelsEvents = [
                             Litlyx open metrics
                         </div>
                         <div v-if="project" class="flex gap-2 items-center text-text/90">
-                            <div class="animate-pulse w-[1rem] h-[1rem] bg-green-400 rounded-full"> </div>
+                            <div class="animate-pulse w-[.8rem] h-[.8rem] bg-green-400 rounded-full"> </div>
                             <div> {{ onlineUsers }} Online users</div>
                         </div>
                     </div>
diff --git a/dashboard/pages/security.vue b/dashboard/pages/security.vue
index 7edf346..05cf7f8 100644
--- a/dashboard/pages/security.vue
+++ b/dashboard/pages/security.vue
@@ -6,18 +6,6 @@ const reportList = useFetch(`/api/security/list`, { headers: useComputedHeaders(
 
 const { createAlert } = useAlert();
 
-function showAnomalyInfoAlert() {
-    createAlert('AI Anomaly Detector info',
-        `Anomaly detector is running. It helps you detect a spike in visits or events, it could mean an
-         attack or simply higher traffic due to good performance. Additionally, it can detect if someone is
-         stealing parts of your website and hosting a duplicate version—an unfortunately common practice.
-         Litlyx will notify you via email with actionable advices`,
-        'far fa-shield',
-        10000
-    )
-}
-
-
 const rows = computed(() => reportList.data.value || [])
 
 const columns = [
@@ -33,14 +21,14 @@ const columns = [
 
     <div class="home w-full h-full px-10 pt-6 overflow-y-auto">
 
-        <div class="flex gap-2 items-center text-lyx-lightmode-text dark:text-text/90 justify-end">
+        <!-- <div class="flex gap-2 items-center text-lyx-lightmode-text dark:text-text/90 justify-end">
             <div class="animate-pulse w-[1rem] h-[1rem] bg-green-400 rounded-full"> </div>
             <div class="poppins font-regular text-[1rem]"> AI Anomaly Detector </div>
             <div class="flex items-center">
                 <i class="far fa-info-circle text-[.9rem] hover:text-lyx-primary cursor-pointer"
                     @click="showAnomalyInfoAlert"></i>
             </div>
-        </div>
+        </div> -->
 
         <div class="pb-[10rem]">
             <UTable :rows="rows" :columns="columns">
diff --git a/dashboard/server/api/project/generate_pdf.ts b/dashboard/server/api/project/generate_pdf.ts
index 49b6a05..94058cc 100644
--- a/dashboard/server/api/project/generate_pdf.ts
+++ b/dashboard/server/api/project/generate_pdf.ts
@@ -38,12 +38,12 @@ function createPdf(data: PDFGenerationData) {
     const pdf = new pdfkit({ size: 'A4', margins: { top: 50, bottom: 50, left: 50, right: 50 }, });
     pdf.fillColor('#ffffff').rect(0, 0, pdf.page.width, pdf.page.height).fill('#000000');
 
-    pdf.font('pdf_fonts/Poppins-Bold.ttf').fontSize(16).fillColor('#ffffff');
+    pdf.font('./server/pdf/pdf_fonts/Poppins-Bold.ttf').fontSize(16).fillColor('#ffffff');
 
     pdf.text(`Project name: ${data.projectName}`, { align: 'left' }).moveDown(LINE_SPACING);
-    pdf.text(`Snapshot name: ${data.snapshotName}`, { align: 'left' }).moveDown(LINE_SPACING);
+    pdf.text(`Timeframe name: ${data.snapshotName}`, { align: 'left' }).moveDown(LINE_SPACING);
 
-    pdf.font('pdf_fonts/Poppins-Regular.ttf').fontSize(12).fillColor('#ffffff')
+    pdf.font('./server/pdf/pdf_fonts/Poppins-Regular.ttf').fontSize(12).fillColor('#ffffff')
 
     pdf.text(`Total visits: ${data.totalVisits}`, { align: 'left' }).moveDown(LINE_SPACING);
     pdf.text(`Average visits per day: ${data.avgVisitsDay}`, { align: 'left' }).moveDown(LINE_SPACING);
@@ -64,16 +64,16 @@ function createPdf(data: PDFGenerationData) {
     pdf.text('Average growth:', { align: 'left' }).moveDown(LINE_SPACING);
     pdf.text(`${data.avgGrowthText}`, { align: 'left' }).moveDown(LINE_SPACING);
 
-    pdf.font('pdf_fonts/Poppins-Italic.ttf')
+    pdf.font('./server/pdf/pdf_fonts/Poppins-Italic.ttf')
         .text('This gives you an idea of the average growth your website is experiencing over time.', { align: 'left' })
         .moveDown(LINE_SPACING);
 
-    pdf.font('pdf_fonts/Poppins-Regular.ttf')
+    pdf.font('./server/pdf/pdf_fonts/Poppins-Regular.ttf')
         .fontSize(10)
         .fillColor('#ffffff')
         .text('Created with Litlyx.com', 50, 760, { align: 'center' });
 
-    pdf.image('pdf_images/logo.png', 460, 700, { width: 100 });
+    pdf.image('./server/pdf/pdf_images/logo.png', 460, 700, { width: 100 });
 
     pdf.end();
     return pdf;
diff --git a/dashboard/server/api/timeline/sessions_duration.ts b/dashboard/server/api/timeline/sessions_duration.ts
index 5913473..c1c4950 100644
--- a/dashboard/server/api/timeline/sessions_duration.ts
+++ b/dashboard/server/api/timeline/sessions_duration.ts
@@ -4,12 +4,12 @@ import { executeAdvancedTimelineAggregation, fillAndMergeTimelineAggregationV2 }
 
 export default defineEventHandler(async event => {
 
-    const data = await getRequestDataOld(event, { requireSchema: false, requireSlice: true });
+    const data = await getRequestData(event, ['SLICE', 'GUEST', 'DOMAIN', 'RANGE']);
     if (!data) return;
 
-    const { pid, from, to, slice, project_id, timeOffset } = data;
+    const { pid, from, to, slice, project_id, timeOffset, domain } = data;
 
-    const cacheKey = `timeline:sessions_duration:${pid}:${slice}:${from}:${to}`;
+    const cacheKey = `timeline:sessions_duration:${pid}:${slice}:${from}:${to}:${domain}`;
     const cacheExp = 60;
 
     return await Redis.useCacheV2(cacheKey, cacheExp, async () => {
@@ -17,6 +17,7 @@ export default defineEventHandler(async event => {
             projectId: project_id,
             model: SessionModel,
             from, to, slice,
+            domain,
             customGroup: {
                 duration: { $sum: '$duration' }
             },
diff --git a/dashboard/pdf_fonts/Poppins-Bold.ttf b/dashboard/server/pdf/pdf_fonts/Poppins-Bold.ttf
similarity index 100%
rename from dashboard/pdf_fonts/Poppins-Bold.ttf
rename to dashboard/server/pdf/pdf_fonts/Poppins-Bold.ttf
diff --git a/dashboard/pdf_fonts/Poppins-Italic.ttf b/dashboard/server/pdf/pdf_fonts/Poppins-Italic.ttf
similarity index 100%
rename from dashboard/pdf_fonts/Poppins-Italic.ttf
rename to dashboard/server/pdf/pdf_fonts/Poppins-Italic.ttf
diff --git a/dashboard/pdf_fonts/Poppins-Medium.ttf b/dashboard/server/pdf/pdf_fonts/Poppins-Medium.ttf
similarity index 100%
rename from dashboard/pdf_fonts/Poppins-Medium.ttf
rename to dashboard/server/pdf/pdf_fonts/Poppins-Medium.ttf
diff --git a/dashboard/pdf_fonts/Poppins-Regular.ttf b/dashboard/server/pdf/pdf_fonts/Poppins-Regular.ttf
similarity index 100%
rename from dashboard/pdf_fonts/Poppins-Regular.ttf
rename to dashboard/server/pdf/pdf_fonts/Poppins-Regular.ttf
diff --git a/dashboard/pdf_fonts/Poppins-SemiBold.ttf b/dashboard/server/pdf/pdf_fonts/Poppins-SemiBold.ttf
similarity index 100%
rename from dashboard/pdf_fonts/Poppins-SemiBold.ttf
rename to dashboard/server/pdf/pdf_fonts/Poppins-SemiBold.ttf
diff --git a/dashboard/pdf_images/c.png b/dashboard/server/pdf/pdf_images/c.png
similarity index 100%
rename from dashboard/pdf_images/c.png
rename to dashboard/server/pdf/pdf_images/c.png
diff --git a/dashboard/pdf_images/d.png b/dashboard/server/pdf/pdf_images/d.png
similarity index 100%
rename from dashboard/pdf_images/d.png
rename to dashboard/server/pdf/pdf_images/d.png
diff --git a/dashboard/pdf_images/logo.png b/dashboard/server/pdf/pdf_images/logo.png
similarity index 100%
rename from dashboard/pdf_images/logo.png
rename to dashboard/server/pdf/pdf_images/logo.png