fix(website): tooltip viewport clamp, preview asset serving, and site polish from review

[chappie-daemon]

Tooltip viewport clamp (original scope)

The tooltip bubble is horizontally centered on its (i) toggle, so a toggle near the viewport edge — e.g. the I/O card's tooltip on the homepage — opened half outside the screen and clipped. max-width: min(260px, calc(100vw - 32px)) bounds the bubble's width but not its position.

Fix: when a bubble opens (hover, tap or keyboard), a document-level delegated script measures its real rendered rect after layout and shifts it horizontally to stay 12px inside the viewport; the shift is removed on close and re-applied on resize. Delegation (toggle in capture phase, pointerover for hover) came out of a real-browser trace that caught one tip whose per-element listeners had silently never attached — no error, nothing visible in markup.

Preview asset serving (also in this PR)

PR-preview workers serve dist/ at the root of their URL, so base-prefixed asset requests (/preview/<n>/_astro/*.css) hit no file and SPA-fell-back to index.html as text/html. The deploy workflow now copies the build into dist/preview/<n>/ so every preview asset exists at its requested path. Preview comments also upsert (one comment per PR, flips to "⏳ rendering" during deploy).

Site polish from Muse's external review

• /community: the participate cards had no section heading (numbering jumped 01 → 02 over an orphaned grid). Added "02 Participate", renumbered guides to 03. Fixed a space-before-comma typo.
• Hero headline is real DOM text now ("Nostr runs on relays. nostream is the one you own.") — it previously existed only inside the rendered film, invisible to search and screen readers. The page h1 was a different, sr-only line. Also added a Pause/Play control on the hero film that survives the scroll observer's re-play.
• Hero film re-rendered at 1080p from current film.ts — the shipped one was 720p and said 24 NIPs; the repo advertises 25.
• Console screenshots labeled honestly: caption notes they come from a real console's first-run data (rejections and failed alert deliveries included) rather than swapping in healthy-looking marketing shots.
• Honest advertising copy now matches the warning its screenshot shows — the check flags advertised-vs-observed gaps in either direction.
• Nav active-path fix: Astro.url.pathname includes the deploy base, so isActive() silently failed for every non-root path (why /community's header looked different). The base is stripped before comparing. The Get-started CTA scrolls to the build block on /get-started instead of linking to the page you are already on.
• Get-started phases: note explains the P0/P2/P4/P5/P7 numbering — P1/P3/P6 are the agent's own steps (image discovery, optional settings, optional smoke test).
• Mobile: the I/O card's nowrap command forced the grid track's auto minimum past a 390px viewport (whole page panned sideways). Single-column grids now floor tracks at minmax(0, 1fr).
• Section rhythm compressed site-wide (80–140px → 56–96px vertical padding).

Verification

All verified against the deployed preview (nostream-web-pr-845.cameri.workers.dev/preview/845/) with a real browser:

• All 20 tooltips open unclipped at 1084px; edge cases measured at exactly the 12px pad (12..272 left-edge, 812..1072 right-edge), screenshots reviewed.
• Asset serving: css → text/css, mp4 → video/mp4, unknown paths → SPA fallback.
• Community headings, hero h1 text/size/position, pause toggle (pauses and resumes, aria-pressed tracks), phase note, CTA self-scroll, comma typo — all checked in DOM.
• Mobile 390px: no horizontal scroll (scrollWidth == innerWidth); the only remaining offscreen element is a closed tooltip's bubble, which is absolute-positioned and only appears on interaction.

Also carries a changeset.

[changeset-bot]

🦋 Changeset detected

Latest commit: ae2f9e0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
nostream-website	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

🧹 Site preview for this PR was deleted (PR closed).

[greptile-apps]

Confidence Score: 5/5

[Medium impact] The PR appears safe to merge, with two non-blocking interaction fixes recommended.

Findings

1.  Menu hides the build block ▶
2.  Pause starts the film ▶

Summary

Updates tooltip placement, preview asset serving, and website presentation.

• Info-tip bubbles stay inside the browser window.
• PR preview builds are copied under their preview URL path.
• The homepage pairs a real headline with a film viewers can pause.
• Navigation matches preview paths and the Get started button jumps to the build section.
• The community participation cards have their own numbered heading.
• Console captions explain the screenshots and mismatch warnings more plainly.
• Mobile grids shrink to fit the phone screen.
• The get-started page explains the skipped schematic phase numbers.
• Website sections use less vertical space between pages.

Both earlier tooltip findings are addressed: closing under the pointer re-clamps the bubble, and resizing includes hovered bubbles. Their supplied threads were unnumbered.

_{Reviews (3) · Last reviewed commit: "chore(website): extend the changeset for..." · Reviewed by Greptile}

Dismissed because a newer commit was pushed; Greptile will re-review the current head.

[chappie-daemon]

Root cause of the broken preview found and fixed in cf44622 (on this branch): Workers static assets are keyed by file path, and the preview worker serves its build at the root of its URL — but the HTML's base-prefixed references (/preview/845/_astro/*.css, /media/*.mp4) had no files at those paths, so every asset request fell through the SPA fallback and returned the index page as text/html. The page HTML was correct; none of its CSS or media loaded.

The workflow now copies the built tree into dist/preview/<n>/ before deploy, so asset requests hit real files. Verified live: css → text/css, mp4 → video/mp4, pages → text/html, unknown paths → SPA fallback. The clamp fix from 5f6b775 rides the same page.

Dismissed because a newer commit was pushed; Greptile will re-review the current head.