Five user-reported issues against agent-memory.dev v0.9.16:
1. AGENT/MEMORY title was clamp(54px, 12vw, 160px) — eating ~half the
viewport on most desktop widths and forcing FeaturedIn below the
fold. Reduced to clamp(44px, 9vw, 124px). Mobile-stacked variant
now clamp(40px, 14vw, 72px) — cleaner.
2. Primary CTA was a generic "START IN 30 SECONDS" button that
anchored to #install. Replaced with a copyable terminal command —
`$ npx @agentmemory/agentmemory` rendered as a gold-bordered cell
with "CLICK TO COPY" affordance. Copy → clipboard, transient
"COPIED" state. Matches what users actually type.
3. FeaturedIn was a standalone section below the fold. Now inlined
inside the hero (compact mode — no border, no own padding,
transparent background) so AlphaSignal / Agentic AI Foundation /
Trendshift validation lands above the fold.
4. Star count was missing from the hero CTA button. The component
only fetched client-side from unauthenticated github.com/api which
is rate-limited to ~60 req/hr/IP — first paint had no count, often
forever on mobile (which is what the user screenshot showed).
Hero is now an async server component; calls lib/github.ts
fetchRepoStats (same path Nav already uses), passes the SSR'd
count into GitHubStarButton via new optional initialStars prop.
Client-side refetch still fires in useEffect as a best-effort
refresh.
5. Mobile layout was unverified. Tightened all clamp() values,
added explicit @media (max-width: 760px) breakpoint that drops
padding, stacks the title, and reduces the chip size. The new
HeroNpxCommand has its own mobile breakpoint at 640px that hides
the "CLICK TO COPY" hint and stretches to full width.
CTA stacks vertically now: copyable command (primary, gold border)
on row 1, then "SEE IT MOVE" + STAR-with-count on row 2. FeaturedIn
strip sits below row 2 as part of the above-the-fold validation.
Build clean. No new deps.
Rohit Ghumare