Skip to content

feat(ui): Add setup wizard and improve initial load experience#50

Merged
nfebe merged 1 commit intomainfrom
feat/setup-architecture-redesign
Mar 22, 2026
Merged

feat(ui): Add setup wizard and improve initial load experience#50
nfebe merged 1 commit intomainfrom
feat/setup-architecture-redesign

Conversation

@nfebe
Copy link
Copy Markdown
Contributor

@nfebe nfebe commented Mar 22, 2026

Add setup wizard view with multi-step flow for first-time server configuration. Show animated logo during initial load instead of blank page. Populate sidebar nav counts from /stats API.

@sourceant
Copy link
Copy Markdown

sourceant bot commented Mar 22, 2026

Code Review Summary

This PR introduces a comprehensive setup wizard and improves the initial boot experience with a loading state. It also updates the CI environment and environment documentation.

🚀 Key Improvements

  • Added multi-step Setup Wizard in src/views/SetupView.vue.
  • Introduced a pulse-animated loading screen in src/App.vue to prevent blank page flashes.
  • Populated sidebar counts via src/stores/stats.ts.
  • Updated .env.example with better documentation for API routing.

💡 Minor Suggestions

  • Improve accessibility by adding IDs to checkbox inputs.
  • Extract clipboard logic to a shared utility or composable.

🚨 Critical Issues

  • The change from npm ci to npm install in the CI workflow reduces build reproducibility and should be reverted.

Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from c0c61ca to f00f278 Compare March 22, 2026 17:23
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 22, 2026

Deploying flatrun-ui with  Cloudflare Pages  Cloudflare Pages

Latest commit: 4b6a8b4
Status: ✅  Deploy successful!
Preview URL: https://7a8c21dc.flatrun-ui.pages.dev
Branch Preview URL: https://feat-setup-architecture-rede.flatrun-ui.pages.dev

View logs

Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from f00f278 to e04a745 Compare March 22, 2026 17:27
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from e04a745 to 51e5a87 Compare March 22, 2026 17:31
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 51e5a87 to 90be044 Compare March 22, 2026 17:49
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 90be044 to 5c57c87 Compare March 22, 2026 18:09
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 5c57c87 to 15b4a95 Compare March 22, 2026 18:13
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 15b4a95 to 42cd847 Compare March 22, 2026 18:15
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 42cd847 to 529adef Compare March 22, 2026 18:28
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

Add setup wizard view with multi-step flow for first-time server
configuration. Show animated logo during initial load instead of
blank page. Populate sidebar nav counts from /stats API.

Signed-off-by: nfebe <fenn25.fn@gmail.com>
@nfebe nfebe force-pushed the feat/setup-architecture-redesign branch from 529adef to 4b6a8b4 Compare March 22, 2026 18:33
Copy link
Copy Markdown

@sourceant sourceant bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review complete. See the overview comment for a summary.

@nfebe nfebe merged commit ef57429 into main Mar 22, 2026
5 checks passed
@nfebe nfebe deleted the feat/setup-architecture-redesign branch March 22, 2026 18:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant