chore(website): refresh agents grid + logos for v0.9.23 (#710)

* chore(website): refresh agents grid + logos for v0.9.23

Agents section was stale relative to the supported agent matrix that
v0.9.23 ships:

- FEATURED cards bumped from 6 to 7 — adds Copilot CLI (full plugin
  + hooks + MCP from PR #534). Title updates from "SIX FIRST-PARTY"
  to "SEVEN NATIVE PLUGINS".
- MARQUEE tiles expanded from 10 to 17 — adds Warp, Continue, Zed,
  Droid (the 4 covered by `npx skills add` from PR #677) plus Qwen
  Code, Antigravity, and Kiro (the 3 from PR #648).
- Logos switched from `github.com/<org>.png` avatars and stale
  third-party CDNs (freelogovectors.net, exafunction.github.io) to
  svgl.app brand SVGs where available (Anthropic, GitHub, OpenAI,
  Cursor, Warp, Continue, Zed, Gemini, Google, Qwen, Windsurf) or
  the agent's own website favicon where svgl doesn't carry the
  brand (Factory.ai, Kiro, OpenCode, Cline, Roo, Kilo, Goose,
  Aider, OpenClaw, Nous Research). Cursor and Windsurf logo paths
  were specifically broken; the freelogovectors URL was unreliable
  and Codeium → Cognition acquisition stale-dated the Windsurf path.

AgentInstall chip row adds Copilot CLI + Warp alongside the
existing Cursor / VS Code / Claude Code / Claude Desktop / Gemini /
Codex shortcuts. Universal MCP JSON hint and "show more" button
both updated to list the agents we actually support now.

* fix(website): use correct svgl.app slugs + add hostnames to remotePatterns

Previous commit's logo URLs all 404'd:
- svgl.app slugs were wrong (e.g. anthropic.svg vs anthropic_white.svg,
  cursor.svg vs cursor_dark.svg). svgl exposes themed variants
  (`_light`/`_dark`/`_white`/`_black`) but bare `<slug>.svg` only
  exists for a few entries. Verified actual URLs via api.svgl.app for
  every featured + marquee tile.
- Next.js Image `remotePatterns` didn't whitelist svgl.app or the
  agent-domain favicon hosts (factory.ai, kiro.dev, opencode.ai,
  cline.bot, etc.), so even valid URLs were rejected before fetch.

Now uses dark-bg-appropriate variants throughout (white/dark logos on
the black page background). For the few brands not in svgl
(continue, kiro, opencode, cline, roo, goose, aider, openclaw,
hermes, droid), falls back to the agent's own website favicon —
each URL HEAD-probed for 200.

Dropped stale remotePatterns: exafunction.github.io,
www.freelogovectors.net, block.github.io (replaced with goose.dev).
Added: continue.dev, goose.dev.

* revert(website): restore github.com avatars for existing agents

Only new logos (copilot-cli, warp, continue, zed, droid, antigravity,
qwen, kiro) and previously-broken ones (cursor, windsurf) use svgl /
own-site URLs. Original github.com/<org>.png avatars for claude-code,
codex, openclaw, hermes, claude-desktop, gemini, opencode, cline, roo,
kilo, goose, aider restored — they were never broken.

next.config remotePatterns trimmed to: svgl.app, www.factory.ai,
kiro.dev, continue.dev (the only non-github hosts still in use).

* fix(assets): pi logo fill white for dark website bg

User-provided SVG uses #09090b near-black; invisible on the agents
grid's dark background. Same path, fill swapped to #ffffff.

Author: rohitg00

assets/agents/pi.svg

@@ -49,6 +49,8 @@ const VSCODE_MCP_JSON = `{
 }`;
 
 const CLAUDE_CODE_CMD = `claude mcp add agentmemory -- npx -y @agentmemory/mcp`;
+const COPILOT_CLI_CMD = `agentmemory connect copilot-cli`;
+const WARP_CMD = `agentmemory connect warp`;
 
 const HERMES_YAML = `plugins:
   - name: agentmemory
@@ -222,6 +224,27 @@ export function AgentInstall() {
       copyText: CLAUDE_CODE_CMD,
       sub: "COPY CMD",
     },
+    {
+      id: "copilot-cli",
+      label: "COPILOT CLI",
+      kind: "copy",
+      copyText: COPILOT_CLI_CMD,
+      sub: "COPY CMD",
+    },
+    {
+      id: "codex",
+      label: "CODEX CLI",
+      kind: "copy",
+      copyText: CODEX_TOML,
+      sub: "COPY TOML",
+    },
+    {
+      id: "warp",
+      label: "WARP",
+      kind: "copy",
+      copyText: WARP_CMD,
+      sub: "COPY CMD",
+    },
     {
       id: "claude-desktop",
       label: "CLAUDE DESKTOP",
@@ -236,13 +259,6 @@ export function AgentInstall() {
       copyText: UNIVERSAL_JSON,
       sub: "COPY JSON",
     },
-    {
-      id: "codex",
-      label: "CODEX CLI",
-      kind: "copy",
-      copyText: CODEX_TOML,
-      sub: "COPY TOML",
-    },
   ];
 
   return (
@@ -269,7 +285,7 @@ export function AgentInstall() {
         <div className={styles.snippetCol}>
           <Snippet
             title="UNIVERSAL MCP JSON"
-            hint="WORKS FOR CLAUDE DESKTOP · CURSOR · CLINE · ROO CODE · WINDSURF · GEMINI CLI — MERGE INTO EXISTING mcpServers"
+            hint="WORKS FOR CLAUDE DESKTOP · CURSOR · CLINE · ROO · WINDSURF · GEMINI · WARP · DROID · KIRO · ANTIGRAVITY · QWEN — MERGE INTO EXISTING mcpServers"
             body={UNIVERSAL_JSON}
           />
         </div>
@@ -280,7 +296,7 @@ export function AgentInstall() {
         aria-expanded={showMore}
         onClick={() => setShowMore((v) => !v)}
       >
-        {showMore ? "— HIDE OTHER SHAPES" : "+ OPENCODE · VS CODE · CODEX · HERMES · OPENCLAW"}
+        {showMore ? "— HIDE OTHER SHAPES" : "+ OPENCODE · CLINE · CONTINUE · ZED · DROID · QWEN · ANTIGRAVITY · KIRO · HERMES · OPENCLAW · VS CODE"}
       </button>
 
       {showMore && (

website/components/AgentInstall.tsx

@@ -24,6 +24,16 @@ const FEATURED: Agent[] = [
     pitch: "12 hooks + MCP + skills",
     sub: "FIRST-CLASS PLUGIN",
   },
+  {
+    id: "copilot-cli",
+    name: "Copilot CLI",
+    from: "GitHub",
+    logo: "https://svgl.app/library/github_dark.svg",
+    accent: "#24292E",
+    href: "https://docs.github.com/copilot/github-copilot-in-the-cli",
+    pitch: "11 hooks + MCP · framed stdio",
+    sub: "NATIVE PLUGIN",
+  },
   {
     id: "codex",
     name: "Codex CLI",
@@ -89,10 +99,50 @@ const MARQUEE: Agent[] = [
     id: "cursor",
     name: "Cursor",
     from: "Anysphere",
-    logo: "https://www.freelogovectors.net/wp-content/uploads/2025/06/cursor-logo-freelogovectors.net_.png",
+    logo: "https://svgl.app/library/cursor_dark.svg",
     accent: "#000000",
     href: "https://cursor.com",
   },
+  {
+    id: "warp",
+    name: "Warp",
+    from: "Warp",
+    logo: "https://svgl.app/library/warp.svg",
+    accent: "#9B59FF",
+    href: "https://www.warp.dev",
+  },
+  {
+    id: "continue",
+    name: "Continue",
+    from: "Continue.dev",
+    logo: "https://continue.dev/icon.svg",
+    accent: "#000000",
+    href: "https://continue.dev",
+  },
+  {
+    id: "cline",
+    name: "Cline",
+    from: "cline",
+    logo: "https://github.com/cline.png",
+    accent: "#F59E0B",
+    href: "https://github.com/cline/cline",
+  },
+  {
+    id: "zed",
+    name: "Zed",
+    from: "Zed Industries",
+    logo: "https://svgl.app/library/zed-logo_dark.svg",
+    accent: "#FF4500",
+    href: "https://zed.dev",
+  },
+  {
+    id: "droid",
+    name: "Droid",
+    from: "Factory.ai",
+    logo: "https://www.factory.ai/favicon.svg",
+    accent: "#FF6B35",
+    href: "https://docs.factory.ai/cli",
+  },
   {
     id: "gemini-cli",
     name: "Gemini CLI",
@@ -101,6 +151,30 @@ const MARQUEE: Agent[] = [
     accent: "#4285F4",
     href: "https://github.com/google-gemini/gemini-cli",
   },
+  {
+    id: "antigravity",
+    name: "Antigravity",
+    from: "Google",
+    logo: "https://svgl.app/library/antigravity.svg",
+    accent: "#4285F4",
+    href: "https://antigravity.google",
+  },
+  {
+    id: "qwen",
+    name: "Qwen Code",
+    from: "Alibaba",
+    logo: "https://svgl.app/library/qwen_dark.svg",
+    accent: "#615CED",
+    href: "https://github.com/QwenLM/qwen-code",
+  },
+  {
+    id: "kiro",
+    name: "Kiro",
+    from: "AWS",
+    logo: "https://kiro.dev/favicon.ico",
+    accent: "#FF9900",
+    href: "https://kiro.dev",
+  },
   {
     id: "opencode",
     name: "OpenCode",
@@ -109,14 +183,6 @@ const MARQUEE: Agent[] = [
     accent: "#22C55E",
     href: "https://github.com/opencode-ai/opencode",
   },
-  {
-    id: "cline",
-    name: "Cline",
-    from: "cline",
-    logo: "https://github.com/cline.png",
-    accent: "#F59E0B",
-    href: "https://github.com/cline/cline",
-  },
   {
     id: "roo",
     name: "Roo Code",
@@ -152,8 +218,8 @@ const MARQUEE: Agent[] = [
   {
     id: "windsurf",
     name: "Windsurf",
-    from: "Codeium",
-    logo: "https://exafunction.github.io/public/brand/windsurf-black-symbol.svg",
+    from: "Cognition",
+    logo: "https://svgl.app/library/windsurf-dark.svg",
     accent: "#00A699",
     href: "https://windsurf.com",
   },
@@ -224,12 +290,12 @@ export function Agents() {
       <header className="section-head">
         <span className="section-eyebrow">WORKS WITH</span>
         <h2 id="agents-title" className="section-title">
-          SIX FIRST-PARTY.<br />REST MCP-NATIVE.
+          SEVEN NATIVE PLUGINS.<br />REST MCP-NATIVE.
         </h2>
         <p className="section-lede">
-          NATIVE PLUGINS FOR CLAUDE CODE, CODEX CLI, OPENCLAW, HERMES, PI, AND
-          OPENHUMAN. EVERY OTHER MCP CLIENT GETS IT FOR FREE. `agentmemory
-          connect &lt;agent&gt;` AUTO-WIRES THEM ALL.
+          NATIVE PLUGINS FOR CLAUDE CODE, COPILOT CLI, CODEX CLI, OPENCLAW,
+          HERMES, PI, AND OPENHUMAN. EVERY OTHER MCP CLIENT GETS IT FOR FREE.
+          `agentmemory connect &lt;agent&gt;` AUTO-WIRES THEM ALL.
         </p>
       </header>
 

website/components/Agents.tsx

@@ -19,11 +19,13 @@ const config: NextConfig = {
       { protocol: "https", hostname: "avatars.githubusercontent.com" },
       { protocol: "https", hostname: "raw.githubusercontent.com" },
       { protocol: "https", hostname: "matthiasroder.com" },
-      { protocol: "https", hostname: "exafunction.github.io" },
-      { protocol: "https", hostname: "www.freelogovectors.net" },
       { protocol: "https", hostname: "aaif.io" },
       { protocol: "https", hostname: "trendshift.io" },
       { protocol: "https", hostname: "api.producthunt.com" },
+      { protocol: "https", hostname: "svgl.app" },
+      { protocol: "https", hostname: "www.factory.ai" },
+      { protocol: "https", hostname: "kiro.dev" },
+      { protocol: "https", hostname: "continue.dev" },
     ],
   },
 };