Big chat improvements, adjusted mobile ui.

apps/web/src/routes/app/home.tsx

@@ -14,13 +14,17 @@ import { toast } from "@tensamin/shared/log";
 import { useTTP } from "@tensamin/ttp/context";
 import { useState } from "react";
 import { Loader2 } from "lucide-react";
+import { isTauri } from "@tauri-apps/api/core";
 
 // The page
 export default function Page() {
   return (
-    <div className="p-3 flex gap-2">
+    <div className={`px-3 flex gap-2 ${!isTauri() && "pt-3"}`}>
       <AddConversationButton />
       <Button disabled>Add Community</Button>
+      <Button variant="outline" onClick={() => location.reload()}>
+        Reload
+      </Button>
     </div>
   );
 }

apps/web/src/routes/app/layout.tsx

@@ -7,6 +7,8 @@ import { SidebarProvider } from "@tensamin/ui/cmp/sidebar";
 import { useIsMobile, cn } from "@tensamin/ui/utils";
 
 import { motion } from "framer-motion";
+import { isTauri } from "@tauri-apps/api/core";
+import { useLocation } from "@tanstack/react-router";
 
 /**
  * Executes Layout.
@@ -15,6 +17,7 @@ import { motion } from "framer-motion";
  */
 export default function Layout(props: { children: ReactNode }) {
   const isMobile = useIsMobile();
+  const location = useLocation();
 
   return (
     <motion.div
@@ -33,8 +36,17 @@ export default function Layout(props: { children: ReactNode }) {
     >
       <SidebarProvider>
         <Sidebar />
-        <div className="w-full h-full flex flex-col">
-          {!isMobile && <Navbar />}
+        <div
+          className={cn(
+            "w-full h-full flex flex-col",
+            isTauri() && "pt-[env(safe-area-inset-top)]",
+          )}
+        >
+          {!isMobile && <Navbar forMobile={false} />}
+          {isMobile && location.pathname === "/chat" && (
+            <Navbar forMobile={true} />
+          )}
+
           <div
             className={cn(
               "bg-background h-full w-full",
@@ -43,7 +55,7 @@ export default function Layout(props: { children: ReactNode }) {
           >
             {props.children}
           </div>
-          {isMobile && <MobileNavbar />}
+          {isMobile && location.pathname !== "/chat" && <MobileNavbar />}
         </div>
       </SidebarProvider>
     </motion.div>