server continue

src/app.tsx

@@ -157,18 +157,15 @@ function AppLayout(props: { children: any }) {
     });
   });
 
-  const handleCenterTap = (e: MouseEvent) => {
+  const handleCenterTapRelease = (e: MouseEvent | TouchEvent) => {
     const isMobile = window.innerWidth < 768;
 
-    // Only hide left bar on mobile when it's visible
     if (isMobile && leftBarVisible()) {
-      // Check if the click is on an interactive element
       const target = e.target as HTMLElement;
       const isInteractive = target.closest(
         "a, button, input, select, textarea, [onclick]"
       );
 
-      // Don't hide if clicking on interactive elements
       if (!isInteractive) {
         setLeftBarVisible(false);
       }
@@ -185,7 +182,8 @@ function AppLayout(props: { children: any }) {
             width: `${centerWidth()}px`,
             "margin-left": `${leftBarSize()}px`
           }}
-          onClick={handleCenterTap}
+          onMouseUp={handleCenterTapRelease}
+          onTouchEnd={handleCenterTapRelease}
         >
           <Show when={barsInitialized()} fallback={<TerminalSplash />}>
             <Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>