Skip to content

Improve onboarding pages - #6557

Open
sanne-san wants to merge 22 commits into
verification-to-dashboardfrom
sanne-onboarding
Open

Improve onboarding pages#6557
sanne-san wants to merge 22 commits into
verification-to-dashboardfrom
sanne-onboarding

Conversation

@sanne-san

@sanne-san sanne-san commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Changes

  • Give the add site and installation pages a plain white layout with a heading, subtitle and a progress indicator at the bottom of the page
  • Remove the timezone field from the add site form, and detect it automatically
  • Rebuild the installation instructions as numbered steps with click-to-copy code, and hide the extra options during onboarding
  • Offer a way out of every step with a secondary button, either skipping ahead or heading back to where you came from
  • Drop the separate verification step from the progress indicator, as verification now happens on the dashboard
  • Tidy up shared form and UI details along the way: help text under fields, read-only inputs, smaller toggles and an improved loading spinner

Tests

  • Automated tests have been added

Changelog

  • Entry has been added to changelog

Documentation

  • Docs have been updated

Dark mode

  • The UI has been tested both in dark and light mode

RobertJoonas and others added 22 commits July 23, 2026 12:37
* Refine verification banner UI and copy

- Simplify failure CTAs: keep "Check again" as primary, add ghost
  "Review installation" (or "Try another URL" when a custom URL retry
  is offered); remove installation-guide, change-method, and view-snippet
  expandable logic
- Render inline "verify your installation manually" / "review your
  installation" links inside recommendation text (offer_custom_url_input
  scenarios) via safe HTML helpers, avoiding HEEx whitespace pitfalls
- Tighten diagnostics title and body copy
- Move the "Setup pending" pill in the sites list to replace the
  percentage indicator; use the generic pill component
- Extend the notice component with title_class override and a spinner
  slot; swap success icon to solid check-circle

* improve templating logic

---------

Co-authored-by: Robert Joonas <robertjoonas16@gmail.com>
- Give the add site and installation pages a plain white layout with a
  heading, subtitle and a progress indicator at the bottom of the page
- Remove the timezone field from the add site form, and detect it automatically
- Rebuild the installation instructions as numbered steps with
  click-to-copy code, and hide the extra options during onboarding
- Offer a way out of every step with a secondary button, either skipping ahead or heading back
  to where you came from
- Drop the separate verification step from the progress indicator, as
  verification now happens on the dashboard
- Tidy up shared form and UI details along the way: help text under
  fields, read-only inputs, smaller toggles and an improved loading spinner
@RobertJoonas
RobertJoonas force-pushed the verification-to-dashboard branch from 45547c4 to 3fd5593 Compare July 29, 2026 11:03
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.

2 participants