Complete onboarding preview coverage for init/telemetry-star flow and align preview state wiring (#2965)

The onboarding preview was missing the first two pages in the
new-install flow (`InitPage` and `NoTelemetryStarPage`). This update
adds those views to the preview and aligns state access with the current
store pattern so they render correctly in preview mode.

- **Preview coverage**
- Added `InitPage` and `NoTelemetryStarPage` to
`frontend/preview/previews/onboarding.preview.tsx` so the full early
onboarding path is visible in the preview server.

- **Settings access modernization**
- Replaced full `settingsAtom` usage in `InitPage` with targeted
`useSettingsKeyAtom("telemetry:enabled")`.
- Removes broad settings dependency and uses the existing preview-safe
settings path.

- **Preview bootstrap state init**
- Added `ClientModel.getInstance().initialize(null)` in
`frontend/preview/preview.tsx` to ensure `clientAtom` is initialized in
preview runtime without backend client data.

```tsx
// onboarding.tsx
const telemetrySetting = useSettingsKeyAtom("telemetry:enabled");
const clientData = useAtomValue(ClientModel.getInstance().clientAtom);
const [telemetryEnabled, setTelemetryEnabled] = useState<boolean>(!!telemetrySetting);

// preview.tsx
setWaveWindowType("preview");
ClientModel.getInstance().initialize(null);
```

- **<screenshot>**
- ![Onboarding
preview](https://github.com/user-attachments/assets/bf1aeb3d-3fd0-4169-bd3b-a79e1a865ca8)

<!-- START COPILOT CODING AGENT TIPS -->
---

🔒 GitHub Advanced Security automatically protects Copilot coding agent
pull requests. You can protect all pull requests by enabling Advanced
Security for your repositories. [Learn more about Advanced
Security.](https://gh.io/cca-advanced-security)

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: sawka <2722291+sawka@users.noreply.github.com>

Author: Copilot

frontend/app/onboarding/onboarding.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/app/element/button";
 import { FlexiModal } from "@/app/modals/modal";
 import { OnboardingFeatures } from "@/app/onboarding/onboarding-features";
 import { ClientModel } from "@/app/store/client-model";
-import { atoms } from "@/app/store/global";
+import { useSettingsKeyAtom } from "@/app/store/global";
 import { disableGlobalKeybindings, enableGlobalKeybindings, globalRefocus } from "@/app/store/keymodel";
 import { modalsModel } from "@/app/store/modalmodel";
 import * as WOS from "@/app/store/wos";
@@ -29,13 +29,13 @@ type PageName = "init" | "notelemetrystar" | "features";
 const pageNameAtom: PrimitiveAtom<PageName> = atom<PageName>("init");
 
 const InitPage = ({ isCompact }: { isCompact: boolean }) => {
-    const settings = useAtomValue(atoms.settingsAtom);
+    const telemetrySetting = useSettingsKeyAtom("telemetry:enabled");
     const clientData = useAtomValue(ClientModel.getInstance().clientAtom);
-    const [telemetryEnabled, setTelemetryEnabled] = useState<boolean>(!!settings["telemetry:enabled"]);
+    const [telemetryEnabled, setTelemetryEnabled] = useState<boolean>(!!telemetrySetting);
     const setPageName = useSetAtom(pageNameAtom);
 
     const acceptTos = () => {
-        if (!clientData.tosagreed) {
+        if (!clientData?.tosagreed) {
             fireAndForget(services.ClientService.AgreeTos);
         }
         if (telemetryEnabled) {
@@ -310,4 +310,4 @@ const NewInstallOnboardingModal = () => {
 
 NewInstallOnboardingModal.displayName = "NewInstallOnboardingModal";
 
-export { NewInstallOnboardingModal };
+export { InitPage, NewInstallOnboardingModal, NoTelemetryStarPage };

frontend/preview/preview.tsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import Logo from "@/app/asset/logo.svg";
+import { ClientModel } from "@/app/store/client-model";
 import { setWaveWindowType } from "@/app/store/windowtype";
 import { loadFonts } from "@/util/fontutil";
 import React, { lazy, Suspense } from "react";
@@ -119,6 +120,8 @@ function PreviewApp() {
 
 function initPreview() {
     setWaveWindowType("preview");
+    // Preview mode has no connected backend client object, but onboarding previews read clientAtom.
+    ClientModel.getInstance().initialize(null);
     loadFonts();
     const root = createRoot(document.getElementById("main")!);
     root.render(<PreviewApp />);

frontend/preview/previews/onboarding.preview.tsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import Logo from "@/app/asset/logo.svg";
+import { InitPage, NoTelemetryStarPage } from "@/app/onboarding/onboarding";
 import { DurableSessionPage } from "@/app/onboarding/onboarding-durable";
 import { FilesPage, MagnifyBlocksPage, WaveAIPage } from "@/app/onboarding/onboarding-features";
 import { UpgradeOnboardingVersions } from "@/app/onboarding/onboarding-upgrade-patch";
@@ -10,6 +11,12 @@ function OnboardingFeaturesV() {
     const noop = () => {};
     return (
         <div className="flex flex-col w-full gap-8">
+            <div className="w-[560px] rounded-[10px] p-[30px] relative overflow-hidden bg-panel">
+                <InitPage isCompact={false} />
+            </div>
+            <div className="w-[560px] rounded-[10px] p-[30px] relative overflow-hidden bg-panel">
+                <NoTelemetryStarPage isCompact={false} />
+            </div>
             <div className="w-[800px] rounded-[10px] p-[30px] relative overflow-hidden bg-panel">
                 <WaveAIPage onNext={noop} onSkip={noop} />
             </div>