Add Onboarding Flows to Preview Server

[Copilot]

FilesPage was previously previewed through a special path because EditBashrcCommand (Monaco via CodeEditor) threw in preview mode. With preview/global handling now fixed, preview can run the real Files onboarding flow end-to-end without command overrides.

• Files preview now uses the real FilesPage path

  • OnboardingPreview renders FilesPage directly.
  • Removed preview-only command injection/override behavior for Files onboarding.

• Reverted FilesPage customization

  • Dropped optional command renderer plumbing added for preview.
  • Restored FilesPage to its original internal command rotation:
    EditBashrcCommand -> ViewShortcutsCommand -> ViewLogoCommand.

• Result

  • No Files-specific preview fork remains.
  • Preview and production use the same FilesPage command lifecycle.

const commands = [
    (onComplete: () => void) => <EditBashrcCommand onComplete={onComplete} />,
    (onComplete: () => void) => <ViewShortcutsCommand isMac={isMac} onComplete={onComplete} />,
    (onComplete: () => void) => <ViewLogoCommand onComplete={onComplete} />,
];

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[cloudflare-workers-and-pages]

Deploying waveterm with    Cloudflare Pages

Latest commit:	a143bc9
Status:	✅  Deploy successful!
Preview URL:	https://aade703a.waveterm.pages.dev
Branch Preview URL:	https://copilot-add-onboarding-previ.waveterm.pages.dev

View logs

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (8 files)

• frontend/app/monaco/monaco-react.tsx - Monaco editor cleanup improvements
• frontend/app/onboarding/onboarding-features.tsx - Component exports and cleanup
• frontend/app/onboarding/onboarding-upgrade-patch.tsx - Export version config
• frontend/app/store/global.ts - Preview window guards
• frontend/preview/preview.tsx - Layout adjustments
• frontend/preview/previews/onboarding.preview.tsx - New preview component
• frontend/util/endpoints.ts - Preview window guards
• frontend/util/util.ts - Export NullAtom

---

Review Notes

This PR adds an onboarding preview page and makes the necessary infrastructure changes to support preview windows:

✅ Good practices observed:

• Monaco editor cleanup properly calls setModel(null) before disposal (prevents memory leaks)
• Preview window guards consistently use NullAtom for Jotai atoms and early returns for side effects
• Removed unused state variable (key in FilesPage)
• Changed <p> to <div> to fix HTML nesting validation (inline elements inside <p>)
• Components properly exported for reuse in preview
• Preview system auto-discovers the new onboarding.preview.tsx file

Architecture:

• The isPreviewWindow() guards prevent preview windows from accessing backend services (RPC, telemetry, settings)
• NullAtom provides a safe fallback for Jotai atoms in preview context
• Layout changes in preview.tsx improve scrolling behavior for the onboarding preview

All changes are consistent with the codebase patterns and properly handle the preview window isolation.