add selfhosted env + start fix dates

dashboard/pages/analyst.vue

@@ -60,12 +60,21 @@ async function sendMessage() {
 
 
     } catch (ex: any) {
+
         if (ex.message.includes('CHAT_LIMIT_REACHED')) {
             currentChatMessages.value.push({
                 role: 'assistant',
                 content: 'You have reached your current tier chat limit.\n Upgrade to an higher tier. <a style="color: blue; text-decoration: underline;" href="/plans"> Upgrade now. </a>',
             });
         }
+
+        if (ex.message.includes('Unauthorized')) {
+            currentChatMessages.value.push({
+                role: 'assistant',
+                content: 'To use AI you need to provide AI_ORG, AI_PROJECT and AI_KEY in docker compose',
+            });
+        }
+
     }
 
 
@@ -89,7 +98,7 @@ async function openChat(chat_id?: string) {
     }
     currentChatId.value = chat_id;
     const messages = await $fetch(`/api/ai/${chat_id}/get_messages`, {
-        headers: useComputedHeaders({useSnapshotDates:false}).value
+        headers: useComputedHeaders({ useSnapshotDates: false }).value
     });
     if (!messages) return;
 
@@ -132,7 +141,7 @@ async function deleteChat(chat_id: string) {
         currentChatMessages.value = [];
     }
     await $fetch(`/api/ai/${chat_id}/delete`, {
-        headers: useComputedHeaders({useSnapshotDates:false}).value
+        headers: useComputedHeaders({ useSnapshotDates: false }).value
     });
     await reloadChatsList();
 }
@@ -148,6 +157,7 @@ const { visible: pricingDrawerVisible } = usePricingDrawer()
 
             <div class="flex-[5] py-8 flex h-full flex-col items-center relative overflow-y-hidden">
 
+
                 <div class="flex flex-col items-center xl:mt-[20vh] px-8 xl:px-28"
                     v-if="currentChatMessages.length == 0">
                     <div class="w-[7rem] xl:w-[10rem]">
@@ -164,6 +174,7 @@ const { visible: pricingDrawerVisible } = usePricingDrawer()
                     </div>
                 </div>
 
+
                 <div ref="scroller" class="flex flex-col w-full gap-6 px-6 xl:px-28 overflow-y-auto pb-20">
 
                     <div class="flex w-full flex-col" v-for="message of currentChatMessages">

dashboard/pages/dashboard/events.vue

@@ -7,6 +7,11 @@ definePageMeta({ layout: 'dashboard' });
 const { project } = useProject();
 
 const isPremium = computed(() => (project.value?.premium_type || 0) > 0);
+const selfhosted = useSelfhosted();
+const canDownload = computed(() => {
+    if (selfhosted) return true;
+    return isPremium.value;
+});
 
 const metricsInfo = ref<number>(0);
 
@@ -105,12 +110,12 @@ function goToUpgrade() {
                 }" v-model="selectedTimeFrom" :options="options"></USelectMenu>
             </div>
 
-            <div v-if="isPremium" @click="downloadCSV()"
+            <div v-if="canDownload" @click="downloadCSV()"
                 class="bg-[#57c78fc0] hover:bg-[#57c78fab] cursor-pointer text-text poppins font-semibold px-8 py-1 rounded-lg">
                 Download CSV
             </div>
 
-            <div v-if="!isPremium" @click="goToUpgrade()"
+            <div v-if="!canDownload" @click="goToUpgrade()"
                 class="bg-[#57c78f46] hover:bg-[#57c78f42] flex gap-4 items-center cursor-pointer text-text poppins font-semibold px-8 py-2 rounded-lg">
                 <i class="far fa-lock"></i>
                 Upgrade plan for CSV

dashboard/pages/dashboard/visits.vue

@@ -7,6 +7,11 @@ definePageMeta({ layout: 'dashboard' });
 const { project } = useProject();
 
 const isPremium = computed(() => (project.value?.premium_type || 0) > 0);
+const selfhosted = useSelfhosted();
+const canDownload = computed(() => {
+    if (selfhosted) return true;
+    return isPremium.value;
+});
 
 const metricsInfo = ref<number>(0);
 
@@ -110,12 +115,12 @@ function goToUpgrade() {
                 }" v-model="selectedTimeFrom" :options="options"></USelectMenu>
             </div>
 
-            <div v-if="isPremium" @click="downloadCSV()"
+            <div v-if="canDownload" @click="downloadCSV()"
                 class="bg-[#57c78fc0] hover:bg-[#57c78fab] cursor-pointer text-text poppins font-semibold px-8 py-1 rounded-lg">
                 Download CSV
             </div>
 
-            <div v-if="!isPremium" @click="goToUpgrade()"
+            <div v-if="!canDownload" @click="goToUpgrade()"
                 class="bg-[#57c78f46] hover:bg-[#57c78f42] flex gap-4 items-center cursor-pointer text-text poppins font-semibold px-8 py-2 rounded-lg">
                 <i class="far fa-lock"></i>
                 Upgrade plan for CSV

dashboard/pages/index.vue

@@ -31,6 +31,7 @@ const firstInteraction = useFetch<boolean>('/api/project/first_interaction', {
 
 const showDashboard = computed(() => project.value && firstInteraction.data.value);
 
+const selfhosted = useSelfhosted();
 </script>
 
 <template>
@@ -40,8 +41,8 @@ const showDashboard = computed(() => project.value && firstInteraction.data.valu
         <div v-if="showDashboard">
 
             <div class="w-full px-4 py-2 gap-2 flex flex-col">
-                <BannerLimitsInfo :key="refreshKey"></BannerLimitsInfo>
-                <BannerOffer :key="refreshKey"></BannerOffer>
+                <BannerLimitsInfo v-if="!selfhosted" :key="refreshKey"></BannerLimitsInfo>
+                <BannerOffer v-if="!selfhosted" :key="refreshKey"></BannerOffer>
             </div>
 
             <div>