fix(splash): hide experimental splash components

src/app/splash/components/splash-screen.module.css

@@ -31,10 +31,7 @@
   padding:
     calc(var(--page-padding-y, 20px) + var(--app-safe-top, 0px))
     calc(var(--page-padding-x, 26px) + var(--app-safe-right, 0px))
-    calc(
+    calc(var(--page-padding-y, 20px) + var(--app-safe-bottom, 0px))
-      var(--spacing-md, 12px) + var(--app-safe-bottom, 0px) +
-        var(--app-bottom-nav-height, 64px)
-    )
     calc(var(--page-padding-x, 26px) + var(--app-safe-left, 0px));
 }
 

src/app/splash/splash-screen.tsx

@@ -2,29 +2,31 @@
 
 import { useEffect } from "react";
 
-import { AppBottomNav, MobileShell } from "@/app/_components/core";
+import { MobileShell } from "@/app/_components/core";
+// import { AppBottomNav } from "@/app/_components/core";
 import { useAppNavigator } from "@/router/use-app-navigator";
 import {
   useActiveCharacter,
   useActiveCharacterRoutes,
 } from "@/providers/character-provider";
-import { useAuthState } from "@/stores/auth/auth-context";
+// import { useAuthState } from "@/stores/auth/auth-context";
 import { pwaUtil } from "@/utils/pwa";
 
 import {
   SplashBackground,
   SplashButton,
   SplashContent,
-  SplashLatestMessage,
+  // SplashLatestMessage,
   SplashLogo,
 } from "./components";
-import { useSplashLatestMessage } from "./hooks/use-splash-latest-message";
+// import { useSplashLatestMessage } from "./hooks/use-splash-latest-message";
 import styles from "./components/splash-screen.module.css";
 
 export function SplashScreen() {
   const navigator = useAppNavigator();
   const character = useActiveCharacter();
   const characterRoutes = useActiveCharacterRoutes();
+  /*
   const authState = useAuthState();
   const latestMessage = useSplashLatestMessage({
     characterId: character.id,
@@ -32,14 +34,17 @@ export function SplashScreen() {
     isAuthLoading: authState.isLoading,
     loginStatus: authState.loginStatus,
   });
+  */
 
   const handleStartChat = () => {
     navigator.openChat({ replace: true });
   };
 
+  /*
   const handleOpenPrivateRoom = () => {
     navigator.push(characterRoutes.privateRoom, { scroll: false });
   };
+  */
 
   const handleOpenSplash = () => {
     navigator.push(characterRoutes.splash, { scroll: false });
@@ -58,6 +63,7 @@ export function SplashScreen() {
         <div className={styles.content}>
           <SplashLogo />
           <div className={styles.spacer} />
+          {/*
           <SplashLatestMessage
             message={latestMessage.message}
             characterName={character.shortName}
@@ -65,6 +71,7 @@ export function SplashScreen() {
             isLoading={latestMessage.isLoading}
             onOpenChat={handleStartChat}
           />
+          */}
           <SplashContent characterName={character.shortName} />
           <div className={styles.buttonArea}>
             <SplashButton onStartChat={handleStartChat} />
@@ -75,12 +82,14 @@ export function SplashScreen() {
             24/7 online | Chat | Companion | Heal | Sweet moments
           </p>
         </div>
+        {/*
         <AppBottomNav
           activeItem="chat"
           privateRoomLabel={character.copy.privateRoomTitle}
           onChatClick={handleOpenSplash}
           onPrivateRoomClick={handleOpenPrivateRoom}
         />
+        */}
       </div>
     </MobileShell>
   );