From 0a70b2f3d1a67f962ff3a70a98b1021aeea2e454 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Fri, 6 Mar 2026 17:55:12 +0900
Subject: [PATCH] show onboarding correctly to new tab based format in devtool

---
 apps/desktop/src/sidebar/devtool.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/apps/desktop/src/sidebar/devtool.tsx b/apps/desktop/src/sidebar/devtool.tsx
index 6d2e2b297a..bc5b09052d 100644
--- a/apps/desktop/src/sidebar/devtool.tsx
+++ b/apps/desktop/src/sidebar/devtool.tsx
@@ -54,13 +54,19 @@ function DevtoolCard({
 function NavigationCard() {
   const openNew = useTabs((s) => s.openNew);
 
-  const handleShowMain = useCallback(() => {
-    void windowsCommands.windowShow({ type: "main" });
+  const showMainWindow = useCallback(async () => {
+    await windowsCommands.windowShow({ type: "main" });
   }, []);
 
-  const handleShowOnboarding = useCallback(() => {
+  const handleShowEmptyTab = useCallback(async () => {
+    await showMainWindow();
+    openNew({ type: "empty" });
+  }, [openNew, showMainWindow]);
+
+  const handleShowOnboarding = useCallback(async () => {
+    await showMainWindow();
     openNew({ type: "onboarding" });
-  }, [openNew]);
+  }, [openNew, showMainWindow]);
 
   const handleShowControl = useCallback(() => {
     void windowsCommands.windowShow({ type: "control" });
@@ -81,7 +87,7 @@ function NavigationCard() {
       <div className="flex flex-col gap-1.5">
         <button
           type="button"
-          onClick={handleShowOnboarding}
+          onClick={() => void handleShowOnboarding()}
           className={cn([
             "w-full rounded-md px-2.5 py-1.5",
             "text-left text-xs font-medium",
@@ -90,11 +96,11 @@ function NavigationCard() {
             "hover:border-neutral-300 hover:bg-neutral-50",
           ])}
         >
-          Onboarding
+          Onboarding Tab
         </button>
         <button
           type="button"
-          onClick={handleShowMain}
+          onClick={() => void handleShowEmptyTab()}
           className={cn([
             "w-full rounded-md px-2.5 py-1.5",
             "text-left text-xs font-medium",
@@ -103,7 +109,7 @@ function NavigationCard() {
             "hover:border-neutral-300 hover:bg-neutral-50",
           ])}
         >
-          Main
+          Empty Tab
         </button>
         <button
           type="button"