From 0d5fdebddb3473f619c8360d652fd986da46f87e Mon Sep 17 00:00:00 2001
From: haorwen <haorwen@qq.com>
Date: Sun, 21 Jun 2026 17:01:28 +0800
Subject: [PATCH] fix: wait for auto tunnel info before rendering wizard to fix
 missing tunnel step

---
 package.json                    | 2 +-
 src/routes/onboarding/index.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 3263fc12..1fb23ead 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.9.81",
+  "version": "0.9.84",
   "homepage": "https://voce.chat",
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",
diff --git a/src/routes/onboarding/index.tsx b/src/routes/onboarding/index.tsx
index ecbfe181..c88fc2f0 100644
--- a/src/routes/onboarding/index.tsx
+++ b/src/routes/onboarding/index.tsx
@@ -61,8 +61,11 @@ export default function OnboardingPage() {
   const [serverName, setServerName] = useState("");
   const currentVersion = useAppSelector((store) => store.server.version, shallowEqual);
   const versionOk = !!currentVersion && compareVersion(currentVersion, TUNNEL_MIN_VERSION) >= 0;
-  const { data: autoInfo } = useGetAutoTunnelInfoQuery(undefined, { skip: !versionOk });
-  const showTunnelStep = versionOk && (autoInfo ? !autoInfo.auto_cftunnel : false);
+  const { data: autoInfo, isLoading: autoInfoLoading } = useGetAutoTunnelInfoQuery(undefined, { skip: !versionOk });
+  const showTunnelStep = versionOk && !!autoInfo && !autoInfo.auto_cftunnel;
+
+  // Wait for autoInfo before rendering Wizard so step count is stable from mount
+  if (versionOk && autoInfoLoading) return null;
 
   return (
     <>