From 0d087879a4b8b08c113bb50be9489546bd618c16 Mon Sep 17 00:00:00 2001 From: Rohit Ghumare Date: Sat, 16 May 2026 10:33:07 +0100 Subject: [PATCH] =?UTF-8?q?fix(website):=20compare=20section=20=E2=80=94?= =?UTF-8?q?=20shorter=20title=20+=20drop=20overflowing=20plugin=20list?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit User caught the section looking bad on the live merge: 1. Title "AGENTMEMORY VS. THE FIELD." was redundant (eyebrow already reads VS.) and wrapped ugly with FIELD. dangling on its own line. Shortened to "VS. THE FIELD." Eyebrow + title now read together as "VS. · VS. THE FIELD." which is still on-brand and fits one line at every viewport above 480px. 2. Added `text-wrap: balance` to .section-title globally so titles that DO need to wrap break at a balanced point instead of leaving orphan words. Affects every section's heading; net win — already verified other titles (Features TWELVE THINGS, CommandCenter TWO UIs, Agents SIX FIRST-PARTY, etc) render correctly. 3. Comparison NATIVE PLUGINS cell value was "6 (Claude/Codex/ OpenClaw/Hermes/pi/OpenHuman)" — that's 49 chars stuffed into a ~180px grid column, forcing multi-line wrap that looked cramped. Cell now reads just "6"; the agent names are already visible in the dedicated Agents grid two sections above. 4. Row grid: bumped agentmemory column from 1fr → 1.3fr at the expense of the label column (1.6fr → 1.4fr) so the longer cell values (95.2%, YES (APACHE-2.0), 2 (Qdrant, Neo4j)) have breathing room. Added `word-break: break-word` as a safety net for future entries. Padded the row 24px horizontally so cells don't kiss the section edge. Build clean. --- website/app/globals.css | 1 + website/components/Compare.module.css | 5 +++-- website/components/Compare.tsx | 4 ++-- website/lib/generated-meta.json | 4 ++-- 4 files changed, 8 insertions(+), 6 deletions(-) diff --git a/website/app/globals.css b/website/app/globals.css index 5bb9514e..9996093e 100644 --- a/website/app/globals.css +++ b/website/app/globals.css @@ -142,6 +142,7 @@ button { letter-spacing: -0.01em; margin: 0 0 24px; text-transform: uppercase; + text-wrap: balance; } .section-lede { max-width: 680px; diff --git a/website/components/Compare.module.css b/website/components/Compare.module.css index c3967e97..2256bea9 100644 --- a/website/components/Compare.module.css +++ b/website/components/Compare.module.css @@ -11,13 +11,14 @@ } .row { display: grid; - grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1.4fr 1.3fr 1fr 1fr 1fr; gap: 16px; - padding: 20px 0; + padding: 20px 24px; border-bottom: 1px solid var(--charcoal); align-items: center; font-size: 14px; letter-spacing: 0.12px; + word-break: break-word; } .row > span { color: var(--steel); diff --git a/website/components/Compare.tsx b/website/components/Compare.tsx index d28aa596..d743850f 100644 --- a/website/components/Compare.tsx +++ b/website/components/Compare.tsx @@ -6,7 +6,7 @@ const ROWS = [ ["REST ENDPOINTS", "121", "—", "—", "—"], ["MCP TOOLS", "51", "12", "18", "9"], ["AUTO-HOOKS", "12", "0", "0", "0"], - ["NATIVE PLUGINS", "6 (Claude/Codex/OpenClaw/Hermes/pi/OpenHuman)", "—", "—", "—"], + ["NATIVE PLUGINS", "6", "—", "—", "—"], ["OPEN SOURCE", "YES (APACHE-2.0)", "YES", "YES", "YES"], ]; @@ -16,7 +16,7 @@ export function Compare() {
VS.

- AGENTMEMORY VS. THE FIELD. + VS. THE FIELD.

NUMBERS STRAIGHT FROM THE LONGMEMEVAL-S BENCHMARK AND EACH PROJECT'S diff --git a/website/lib/generated-meta.json b/website/lib/generated-meta.json index 98048d8f..1e9883fe 100644 --- a/website/lib/generated-meta.json +++ b/website/lib/generated-meta.json @@ -3,6 +3,6 @@ "mcpTools": 51, "hooks": 12, "restEndpoints": 121, - "testsPassing": 975, - "generatedAt": "2026-05-16T09:00:42.889Z" + "testsPassing": 977, + "generatedAt": "2026-05-16T09:33:03.891Z" }