launch upgrade onboarding if we are the primary tab and the user hasn't seen it before...

Author: sawka

frontend/app/modals/modalsrenderer.tsx

@@ -2,11 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { NewInstallOnboardingModal } from "@/app/onboarding/onboarding";
+import { CurrentOnboardingVersion } from "@/app/onboarding/onboarding-features";
 import { UpgradeOnboardingModal } from "@/app/onboarding/onboarding-upgrade";
-import { atoms, globalStore } from "@/store/global";
+import { atoms, globalPrimaryTabStartup, globalStore } from "@/store/global";
 import { modalsModel } from "@/store/modalmodel";
 import * as jotai from "jotai";
 import { useEffect } from "react";
+import semver from "semver";
 import { getModalComponent } from "./modalregistry";
 
 const ModalsRenderer = () => {
@@ -32,6 +34,19 @@ const ModalsRenderer = () => {
             setNewInstallOnboardingOpen(true);
         }
     }, [clientData]);
+
+    useEffect(() => {
+        if (!globalPrimaryTabStartup) {
+            return;
+        }
+        if (!clientData.tosagreed) {
+            return;
+        }
+        const lastVersion = clientData.meta?.["onboarding:lastversion"] ?? "v0.0.0";
+        if (semver.lt(lastVersion, CurrentOnboardingVersion)) {
+            setUpgradeOnboardingOpen(true);
+        }
+    }, []);
     useEffect(() => {
         globalStore.set(atoms.modalOpen, rtn.length > 0);
     }, [rtn]);

frontend/app/onboarding/onboarding-features.tsx

@@ -15,7 +15,7 @@ import { FakeChat } from "./fakechat";
 import { EditBashrcCommand, ViewLogoCommand, ViewShortcutsCommand } from "./onboarding-command";
 import { FakeLayout } from "./onboarding-layout";
 
-const CurrentOnboardingVersion = "v0.12.0";
+export const CurrentOnboardingVersion = "v0.12.0";
 
 type FeaturePageName = "waveai" | "magnify" | "files";
 

package-lock.json

@@ -72,7 +72,6 @@
         "prettier-plugin-jsdoc": "^1.3.3",
         "prettier-plugin-organize-imports": "^4.3.0",
         "sass": "1.91.0",
-        "semver": "^7.7.3",
         "storybook": "^8.6.14",
         "storybook-dark-mode": "^4.0.2",
         "tailwindcss": "^4.1.14",
@@ -148,6 +147,7 @@
         "rehype-slug": "^6.0.0",
         "remark-flexible-toc": "^1.2.3",
         "remark-gfm": "^4.0.1",
+        "semver": "^7.7.3",
         "remark-github-blockquote-alert": "^1.3.1",
         "rxjs": "^7.8.2",
         "shell-quote": "^1.8.3",