Skip to content

live view loading: replace logo pulse with slide bar#248

Merged
masnwilliams merged 5 commits into
mainfrom
hypeship/kiosk-loading-bar
May 22, 2026
Merged

live view loading: replace logo pulse with slide bar#248
masnwilliams merged 5 commits into
mainfrom
hypeship/kiosk-loading-bar

Conversation

@masnwilliams
Copy link
Copy Markdown
Contributor

@masnwilliams masnwilliams commented May 22, 2026

Replaces the zoom/pulse animation on the kernel logo shown while the live view client is connecting. The animation triggered on every live view session (not just kiosk mode). Now shows the stacked logo (white variant) above a thin sliding loading bar — matches the loading style used in the mcp-server select-org page.

Affects connect.vue (initial connection splash) and about.vue (about modal loading state).

Preview

https://htmlpreview.github.io/?https://gist.githubusercontent.com/masnwilliams/2f7e13b3327344b4219f293225c35539/raw/preview.html (toggle button in top-right flips between old and new)

Test plan

  • Build client, open live view, verify logo no longer pulses and bar slides smoothly
  • Open about modal during load, verify same treatment

Note

Low Risk
Low risk visual-only change to the loading/connecting UI; no behavioral, auth, or data-flow changes.

Overview
Updates the live-view connection splash (connect.vue) and about modal loading state (about.vue) to show a stacked logo with a thin animated sliding loading bar instead of the prior pulsing/zoom logo animation.

Also changes the bundled logo.svg fill color from green to white to match the new loading treatment.

Reviewed by Cursor Bugbot for commit 8e699ca. Bugbot is set up for automated code reviews on this repo. Configure here.

masnwilliams and others added 2 commits May 22, 2026 18:07
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@masnwilliams masnwilliams marked this pull request as ready for review May 22, 2026 19:30
@firetiger-agent
Copy link
Copy Markdown

Firetiger deploy monitoring skipped

This PR didn't match the auto-monitor filter configured on your GitHub connection:

Any PR that changes the kernel API. Monitor changes to API endpoints (packages/api/cmd/api/) and Temporal workflows (packages/api/lib/temporal) in the kernel repo

Reason: PR only modifies UI components (connect.vue and about.vue) with no changes to API endpoints or Temporal workflows.

To monitor this PR anyway, reply with @firetiger monitor this.

@masnwilliams masnwilliams requested review from archandatta and removed request for archandatta May 22, 2026 19:32
@masnwilliams masnwilliams changed the title kiosk loading: replace logo pulse with slide bar live view loading: replace logo pulse with slide bar May 22, 2026
Keeps the filename as logo.svg so the metro-api browserproxy logo
asset prefix match (img/logo.) still routes through the enterprise
HIDDEN/CUSTOM logo override logic.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@masnwilliams masnwilliams merged commit 805213e into main May 22, 2026
10 checks passed
@masnwilliams masnwilliams deleted the hypeship/kiosk-loading-bar branch May 22, 2026 20:06
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