🐛 Fix landing pages stuck on Loading spinner on Netlify by clubanderson · Pull Request #4244 · kubestellar/console

clubanderson · 2026-04-02T14:01:17Z

Summary

Public landing pages (/from-holmesgpt, /from-lens, /from-headlamp, /feature-inspektorgadget, /feature-kagent, /white-label, /welcome) were inside FullDashboardApp, which wraps everything in AuthProvider.

On console.kubestellar.io (Netlify deployment, no Go backend), AuthProvider calls /api/me which never resolves — leaving the page permanently stuck on the "Loading KubeStellar Console" spinner.

Fix

Move all public landing pages to LightweightShell routes (same pattern already used by /missions). This skips auth and the full provider stack (~1.8MB → ~200KB initial JS).

Also fixes

Removes unused DEV_BAR_HEIGHT_PX import that was blocking tsc

Test plan

Build passes
Visit console.kubestellar.io/from-holmesgpt — should render immediately without spinner
Visit console.kubestellar.io/from-lens — same
Visit console.kubestellar.io/welcome — same
Verify auth-protected routes (dashboard, settings) still require login

Public landing pages (/from-holmesgpt, /from-lens, /from-headlamp, /feature-inspektorgadget, /feature-kagent, /white-label, /welcome) were inside FullDashboardApp which wraps everything in AuthProvider. On console.kubestellar.io (Netlify, no Go backend), AuthProvider calls /api/me which never resolves, leaving the page stuck on "Loading KubeStellar Console" forever. Fix: Move all public landing pages to LightweightShell routes (same pattern as /missions), which skip auth and the full provider stack. Also removes unused DEV_BAR_HEIGHT_PX import that was blocking tsc. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

clubanderson · 2026-04-02T14:01:23Z

/lgtm
/approve

kubestellar-prow · 2026-04-02T14:01:26Z

@clubanderson: you cannot LGTM your own PR.

Details

In response to this:

/lgtm
/approve

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

kubestellar-prow · 2026-04-02T14:01:30Z

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: clubanderson

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details

Needs approval from an approver in each of these files:

~~OWNERS~~ [clubanderson]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

github-actions · 2026-04-02T14:01:33Z

👋 Hey @clubanderson — thanks for opening this PR!

🤖 This project is developed exclusively using AI coding assistants.

Please do not attempt to code anything for this project manually.
All contributions should be authored using an AI coding tool such as:

Claude Code (Opus 4.5 / 4.6) — recommended

GitHub Copilot

Cursor

Other AI coding assistants

This ensures consistency in code style, architecture patterns, test coverage,
and commit quality across the entire codebase.

This is an automated message.

netlify · 2026-04-02T14:06:03Z

✅ Deploy Preview for kubestellarconsole ready!

Name	Link
🔨 Latest commit	`41effcf`
🔍 Latest deploy log	https://app.netlify.com/projects/kubestellarconsole/deploys/69ce76dfc8222e0008faa67b
😎 Deploy Preview	https://deploy-preview-4244.console-deploy-preview.kubestellar.io
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot

Pull request overview

This PR fixes public landing pages getting stuck on the “Loading KubeStellar Console” spinner in the Netlify deployment by moving those routes out of the auth-wrapped app shell and into the existing lightweight routing pattern.

Changes:

Routes several public marketing/landing pages through LightweightShell to avoid AuthProvider (and its /api/me call) on Netlify.
Removes the unused DEV_BAR_HEIGHT_PX import to satisfy TypeScript build settings.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
web/src/App.tsx	Moves public landing page routes to `LightweightShell` and removes them from `FullDashboardApp` so they render without auth/back-end dependencies.
web/src/components/layout/Layout.tsx	Drops an unused UI constant import (`DEV_BAR_HEIGHT_PX`).

Copilot · 2026-04-02T14:06:02Z

web/src/App.tsx

+      {/* ── Public landing pages ──────────────────────────────────────
+          Marketing/comparison pages that must render without auth.
+          On Netlify (no Go backend), AuthProvider blocks forever
+          waiting for /api/me — these pages skip that entirely. */}
+      <Route path={ROUTES.FROM_LENS} element={<LightweightShell><FromLens /></LightweightShell>} />


Moving these landing pages out of FullDashboardApp means they no longer mount PageViewTracker. Several of the public pages (e.g., Welcome/FromLens/FromHeadlamp/WhiteLabel) don’t set document.title or emit a GA4 page_view themselves, so titles/analytics will regress for these routes. Consider hoisting PageViewTracker to App() (outside AuthProvider) or adding an equivalent tracker inside LightweightShell for the public routes.

Copilot · 2026-04-02T14:06:02Z

web/src/App.tsx

+      <Route path={ROUTES.FROM_LENS} element={<LightweightShell><FromLens /></LightweightShell>} />
+      <Route path={ROUTES.FROM_HEADLAMP} element={<LightweightShell><FromHeadlamp /></LightweightShell>} />
+      <Route path={ROUTES.FROM_HOLMESGPT} element={<LightweightShell><FromHolmesGPT /></LightweightShell>} />
+      <Route path={ROUTES.FEATURE_INSPEKTORGADGET} element={<LightweightShell><FeatureInspektorGadget /></LightweightShell>} />
+      <Route path={ROUTES.FEATURE_KAGENT} element={<LightweightShell><FeatureKagent /></LightweightShell>} />


These public landing page routes all repeat the same LightweightShell wrapper. To reduce duplication and keep route definitions easier to update, consider grouping them under a parent that renders LightweightShell + , then define the individual paths as children.

clubanderson · 2026-04-02T14:06:14Z

🔄 Auto-Applying Copilot Code Review

Copilot code review found 0 code suggestion(s) and 2 general comment(s).

Also address these general comments:

web/src/App.tsx (line 449): Moving these landing pages out of FullDashboardApp means they no longer mount PageViewTracker. Several of the public pag
web/src/App.tsx (line 453): These public landing page routes all repeat the same LightweightShell wrapper. To reduce duplication and keep route defi

Push all fixes in a single commit. Run cd web && npm run build && npm run lint before committing.

Auto-generated by copilot-review-apply workflow.

github-actions · 2026-04-02T14:07:56Z

Thank you for your contribution! Your PR has been merged.

Check out what's new:

KubeStellar Console — Live multi-cluster dashboard
Marketplace — Community extensions
Knowledge Base — Troubleshooting and how-tos

Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey

tsc fails on this unused import, preventing Netlify from deploying the production crash fix (#4248). This import was removed in #4244 but re-introduced by #4245. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

…ld (#4253) tsc fails on this unused import, preventing Netlify from deploying the production crash fix (#4248). This import was removed in #4244 but re-introduced by #4245. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

Copilot AI review requested due to automatic review settings April 2, 2026 14:01

kubestellar-prow bot added the dco-signoff: yes Indicates the PR's author has signed the DCO. label Apr 2, 2026

kubestellar-prow bot added the size/S Denotes a PR that changes 10-29 lines, ignoring generated files. label Apr 2, 2026

kubestellar-prow bot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Apr 2, 2026

Copilot started reviewing on behalf of clubanderson April 2, 2026 14:02 View session

Copilot AI reviewed Apr 2, 2026

View reviewed changes

clubanderson assigned Copilot Apr 2, 2026

clubanderson merged commit 57e1cd1 into main Apr 2, 2026
27 of 28 checks passed

kubestellar-prow bot deleted the fix/landing-pages-no-auth branch April 2, 2026 14:07

clubanderson mentioned this pull request Apr 2, 2026

🐛 URGENT: Remove unused import blocking Netlify deploy #4253

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

🐛 Fix landing pages stuck on Loading spinner on Netlify#4244

🐛 Fix landing pages stuck on Loading spinner on Netlify#4244
clubanderson merged 1 commit intomainfrom
fix/landing-pages-no-auth

clubanderson commented Apr 2, 2026

Uh oh!

clubanderson commented Apr 2, 2026

Uh oh!

kubestellar-prow bot commented Apr 2, 2026

Uh oh!

kubestellar-prow bot commented Apr 2, 2026

Uh oh!

github-actions bot commented Apr 2, 2026

Uh oh!

netlify bot commented Apr 2, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Apr 2, 2026

Uh oh!

Copilot AI Apr 2, 2026

Uh oh!

clubanderson commented Apr 2, 2026

Uh oh!

Uh oh!

github-actions bot commented Apr 2, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

clubanderson commented Apr 2, 2026

Summary

Fix

Also fixes

Test plan

Uh oh!

clubanderson commented Apr 2, 2026

Uh oh!

kubestellar-prow bot commented Apr 2, 2026

Uh oh!

kubestellar-prow bot commented Apr 2, 2026

Uh oh!

github-actions bot commented Apr 2, 2026

Uh oh!

netlify bot commented Apr 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for kubestellarconsole ready!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 2, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 2, 2026

Choose a reason for hiding this comment

Uh oh!

clubanderson commented Apr 2, 2026

🔄 Auto-Applying Copilot Code Review

Uh oh!

Uh oh!

github-actions bot commented Apr 2, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

netlify bot commented Apr 2, 2026 •

edited

Loading