just remove the overlay

src/app.tsx

@@ -159,19 +159,7 @@ function AppLayout(props: { children: any }) {
 
   return (
     <>
-      <Show when={!barsInitialized()}>
-        <div class="bg-base fixed inset-0 z-100">
-          <TerminalSplash />
-        </div>
-      </Show>
-
-      <div
-        class="flex max-w-screen flex-row"
-        style={{
-          opacity: barsInitialized() ? "1" : "0",
-          transition: "opacity 0.3s ease-in-out"
-        }}
-      >
+      <div class="flex max-w-screen flex-row">
         <LeftBar />
         <div
           class="relative min-h-screen rounded-t-lg shadow-2xl"
@@ -180,9 +168,7 @@ function AppLayout(props: { children: any }) {
             "margin-left": `${leftBarSize()}px`
           }}
         >
-          <Show when={barsInitialized()} fallback={<TerminalSplash />}>
-            <Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>
-          </Show>
+          <Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>
         </div>
         <RightBar />
       </div>