chore: UI/UX/DX fixes

Author: NamesMT

apps/frontend/app/app.vue

@@ -40,7 +40,7 @@ if (import.meta.client && convexVueContext?.options?.url) {
         <GlobalRegister />
 
         <NuxtLayout>
-          <NuxtPage :page-key="(route) => route.name as string" />
+          <NuxtPage :page-key="(route) => (route.name as string)" />
         </NuxtLayout>
       </template>
     </div>

apps/frontend/app/components/LiquidGlassDiv.vue

@@ -28,7 +28,6 @@
   position: relative;
   border-radius: var(--c-radius);
   isolation: isolate;
-  touch-action: none;
   box-shadow: 0px 6px var(--outer-shadow-blur) rgba(0, 0, 0, 0.2);
 }
 

apps/frontend/app/components/chat/ChatInterface.vue

@@ -30,13 +30,13 @@ const nearTopBottom = computed(() => {
   if (!el)
     return [null, null]
 
-  const currentScroll = lenisRef.value!.lenis.targetScroll || scrollY.value
+  const currentScroll = Math.ceil(lenisRef.value!.lenis.targetScroll || scrollY.value)
 
   const gapFromTop = currentScroll
   const gapFromBottom = el.scrollHeight - el.clientHeight - currentScroll
 
-  const nearTop = gapFromTop < 69
-  const nearBottom = gapFromBottom < 69
+  const nearTop = gapFromTop < 369
+  const nearBottom = gapFromBottom < 369
   return [nearTop && gapFromTop + 1, nearBottom && gapFromBottom + 1, lenisRef.value!.lenis.targetScroll, scrollY.value]
 })
 
@@ -398,7 +398,7 @@ function alertIsStreaming(input: string) {
         />
 
         <div
-          v-show="!(isFetching && !messages.length)"
+          v-show="!messages.length && !isFetching"
           class="absolute left-0 z-0 h-screen w-full place-content-center overflow-hidden transition-height"
         >
           <IUIMaybeGlassCard

apps/frontend/app/components/chat/ChatSidebar.vue

@@ -143,7 +143,7 @@ const [DefineThreadLiItem, ReuseThreadLiItem] = createReusableTemplate<{ thread:
         <NuxtLink
           :to="{ name: 'chat-all' }"
           exact-active-class="[&>*]:(bg-accent/80! hover:bg-accent/100! active:bg-accent/60!)"
-          @pointerdown="++chatContext.interfaceSRK.value; sidebarContext.setOpenMobile(false)"
+          @pointerdown="navigateTo(`/chat/`); ++chatContext.interfaceSRK.value; sidebarContext.setOpenMobile(false)"
         >
           <Button class="w-full" variant="outline" size="sm">
             {{ $t('chat.sidebar.newChat') }}
@@ -186,7 +186,7 @@ const [DefineThreadLiItem, ReuseThreadLiItem] = createReusableTemplate<{ thread:
                   <NuxtLink
                     :to="`/chat/${thread._id}`"
                     class="group/thread relative block flex items-center gap-2 overflow-hidden rounded-md p-2 px-3 text-sm [&.router-link-exact-active]:bg-primary/10 hover:bg-primary/20"
-                    @pointerdown="sidebarContext.setOpenMobile(false)"
+                    @pointerdown="navigateTo(`/chat/${thread._id}`); sidebarContext.setOpenMobile(false)"
                   >
                     <div class="h-4 flex items-center gap-1">
                       <Tooltip v-if="thread.parentThread" :delay-duration="500">