Skip to content
This repository was archived by the owner on Jul 5, 2026. It is now read-only.

feat(footer): social icons + live endpoint-health dot in the pulse strip - #267

Merged
JSONbored merged 1 commit into
mainfrom
claude/footer-social-pulse
Jun 26, 2026
Merged

feat(footer): social icons + live endpoint-health dot in the pulse strip#267
JSONbored merged 1 commit into
mainfrom
claude/footer-social-pulse

Conversation

@JSONbored

Copy link
Copy Markdown
Owner

Footer cleanup

Two changes to declutter the footer (per the screenshot feedback):

1. Social links are no longer under "Data." The whole Data column is gone. GitHub + Discord are now icon buttons in the brand block (same icon-button style as the navbar), so the footer is Brand · Registry · Operations.

2. The API endpoint moved to the registry-pulse strip (right side), with a glowing health dot. The dot reflects live round-trip health of the actual API origin:

  • 🟢 green = ok · 🟡 yellow = slow ping · 🟠 orange = bad ping · 🔴 red = down
  • Re-checked every 30s and whenever the runtime API base changes.

Supporting bits

  • useEndpointHealth hook — pings the live origin (/api/v1/coverage), measures latency, buckets into ok/slow/bad/down. Reuses the same ping approach as NetworkSwitcher.
  • New --health-bad design token (orange, hue between --health-warn 75 and --health-down 28), wired into @theme inline for both light + dark so text-/bg-/border-health-bad behave exactly like the other --health-* tokens.
  • New .mg-health-dot — a currentColor glow mirroring .mg-live-dot, colour-following the health tier, reduced-motion aware. Only the dot is coloured; the latency text stays neutral for AA contrast.

Verification

prettier --check clean · tsc --noEmit clean · eslint 0 errors · 160/160 tests · vite build succeeds.

Footer cleanup:
- Drop the 'Data' column. GitHub + Discord are now icon buttons in the brand
  block (matching the navbar icon style) instead of text links under 'Data'.
- Move the API endpoint to the right side of the registry-pulse strip, with a
  glowing dot that reflects live round-trip health: green ok / yellow slow /
  orange bad / red down, re-checked every 30s and on API-base change.

Supporting:
- New useEndpointHealth hook (pings the live origin, buckets latency).
- New --health-bad design token (orange, between warn and down) wired into
  @theme for both light + dark, so text-/bg-health-bad behave like the other
  health tokens.
- New .mg-health-dot (currentColor glow, reduced-motion aware), mirroring
  mg-live-dot but colour-following the health tier.
@superagent-security

Copy link
Copy Markdown

Superagent didn't find any vulnerabilities or security issues in this PR.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
metagraphed-ui 82f5cab Commit Preview URL

Branch Preview URL
Jun 26 2026, 11:21 AM

@JSONbored
JSONbored merged commit 80e1eaa into main Jun 26, 2026
7 checks passed
@JSONbored
JSONbored deleted the claude/footer-social-pulse branch June 26, 2026 11:26
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant