* fix(website): portal mobile nav sheet to body so it covers the viewport
The mobile nav sheet was rendered inside the <header> element, which uses
backdrop-filter: blur(10px). Per CSS spec, backdrop-filter establishes a
containing block for fixed-positioned descendants, so the sheet's
`position: fixed; inset: 0` was clipped to the header strip instead of
covering the viewport. The dark overlay only painted across the top bar,
leaving the hero fully visible behind the menu and the panel items
squeezed into a strip too short to render.
Render the sheet through createPortal to document.body so it escapes the
nav's containing block. Drop backdrop-filter on the sheet (no longer
needed once the bg is fully opaque) and switch to var(--abyss) so hero
content can't bleed through even if a browser ignores 0.94 opacity.
Closes#669
* fix(website): close mobile nav gaps on top of the portal fix
Show the hamburger at the same 860px breakpoint that hides the section
links; previously the links disappeared at 860px but the hamburger only
appeared at 720px, leaving tablet widths with no navigation at all.
Make the closed sheet inert so keyboard focus cannot tab into hidden
links, return focus to the toggle when the sheet closes, and add
noreferrer to the external links.
---------
Co-authored-by: Rohit Ghumare <ghumare64@gmail.com>
Nav
- Replace overlay hamburger with a solid horizontal bar.
- Use the real agentmemory icon from assets/icon.svg as the brand mark.
- Single GitHub pill: GH icon + GITHUB label + gold star + live count,
the entire pill links to the repo. No more separate icon button.
- Server-rendered count pulled from api.github.com/repos/... with
revalidate 3600. Falls back to 0 on rate limit.
- Mobile (<720px) collapses to a hamburger sheet with sections + links.
Command Center (new)
- Tabbed section showing the shipped viewer (:3113), the iii console
(:3114), the raw KV state browser, and OTel traces.
- Real screenshots vendored into public/ (dashboard.png,
states.png, traces-waterfall.png, demo.gif).
- Each tab ships with a description, 4-5 capability bullets, and a
copy-ready launch command.
Features (new)
- 12-tile grid covering 12 auto-hooks, 44 MCP tools, 49 REST
endpoints, BM25+vector+graph recall, auto consolidation, JSONL
replay, knowledge graph extraction, mesh federation, Obsidian
export, 5 LLM providers, OTel observability, 0 external DBs.
Agents
- Replaced the flat tile grid with an agents.md-style two-tier layout.
- Top row: 4 featured first-party integrations (Claude Code,
OpenClaw, Hermes, Codex CLI) as big cards with real logos, brand
accent colors, and integration pitch.
- Bottom row: CSS keyframe marquee of every other supported agent
(Claude Desktop, Cursor, Gemini CLI, OpenCode, Cline, Roo,
Kilo, Goose, Aider, Windsurf) with real logos + brand borders on
hover. Pauses on hover. Edges fade into the page. Respects
prefers-reduced-motion.
Install · step 3 · MCP wiring
- Dropped the 10-tab toggle and the Cursor-only gold hero button.
- Left column: equal-weight agent chips in a 2x3 grid — Cursor,
VS Code, Claude Code, Claude Desktop, Gemini CLI, Codex CLI.
Click copies the right snippet (JSON / CLI command / TOML) or
fires the one-click deeplink where one exists.
- Right column: UNIVERSAL MCP JSON — paste-ready block that works
for Claude Desktop, Cursor, Cline, Windsurf, Gemini CLI, OpenCode.
- Expando reveals Hermes, OpenClaw, and Codex TOML shapes.
Infrastructure
- lib/github.ts server-only fetch for repo stats.
- lib/format.ts (client-safe) formatCompact.
- next.config.ts: turbopack.root pinned to silence workspace warning,
images.remotePatterns for github.com / GH avatars / Cursor /
Windsurf logos.
- layout.tsx: icon metadata wired to /icon.svg.
Build: next build clean, 3 routes prerendered static, 0 vulns.
Ritesh Rana