From a7ec5395dd99e6a1f7229052bc43224633803b2f Mon Sep 17 00:00:00 2001
From: YeonGyu-Kim <code.yeon.gyu@gmail.com>
Date: Sat, 9 May 2026 03:53:20 +0900
Subject: [PATCH] fix(web): address review-work findings (Category Routing, OG
 dims, e2e drift)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Three reviewer-flagged corrections, none with UX impact:

- Category Routing block on the landing page still showed pre-v4.0 model
  labels (`ultrabrain → GPT 5.4`, `deep → GPT 5.3 Codex`, `quick →
  Claude Haiku 4.5`) which contradicted the rest of the page after the
  model refresh. Pinned them to the actual primary chains
  (`ultrabrain → GPT 5.5 xHigh`, `deep → GPT 5.5 Medium`,
  `quick → GPT 5.4 Mini`). Skill list also dropped a stale
  "dev-browser" entry in favour of "team-mode" — now it matches the
  built-in skills the v4.0 release ships.
- OG/Twitter image metadata in app/layout.tsx claimed the hero was
  1536×1024 — actual file is 1024×683. Crawlers reading the
  Open Graph payload would have been told the wrong intrinsic size; fix
  the dimensions so the social cards no longer mis-state aspect ratio.
- e2e/example.spec.ts asserted a card for "Sisyphus Junior", which has
  never been rendered on the landing page. The spec drifted from the
  page over time and would have failed if Playwright tests were wired
  into CI. Pruned the list to the nine agents actually rendered.
---
 web/app/_components/landing-page.tsx | 8 ++++----
 web/app/layout.tsx                   | 2 +-
 web/e2e/example.spec.ts              | 3 +--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/app/_components/landing-page.tsx b/web/app/_components/landing-page.tsx
index 02fb90f9c..e3b6da738 100644
--- a/web/app/_components/landing-page.tsx
+++ b/web/app/_components/landing-page.tsx
@@ -652,10 +652,10 @@ export async function LandingPage(): Promise<JSX.Element> {
                       <div className="space-y-2">
                         {[
                           { cat: "visual-engineering", model: "Gemini 3.1 Pro" },
-                          { cat: "ultrabrain", model: "GPT 5.4" },
+                          { cat: "ultrabrain", model: "GPT 5.5 xHigh" },
                           { cat: "artistry", model: "Gemini 3.1 Pro" },
-                          { cat: "quick", model: "Claude Haiku 4.5" },
-                          { cat: "deep", model: "GPT 5.3 Codex" },
+                          { cat: "quick", model: "GPT 5.4 Mini" },
+                          { cat: "deep", model: "GPT 5.5 Medium" },
                           { cat: "writing", model: "Kimi K2.5" },
                           { cat: "git", model: "Claude Haiku 4.5" },
                         ].map((item) => (
@@ -676,7 +676,7 @@ export async function LandingPage(): Promise<JSX.Element> {
                         Skill Injection
                       </h3>
                       <div className="grid grid-cols-2 gap-3">
-                        {["playwright", "git-master", "frontend-ui-ux", "dev-browser"].map(
+                        {["playwright", "git-master", "frontend-ui-ux", "team-mode"].map(
                           (skill) => (
                             <div
                               key={skill}
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index 6c92d137b..92e2fe644 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -40,7 +40,7 @@ export const metadata: Metadata = {
     title: "Oh My OpenAgent — The Best Agent Harness",
     description:
       "Meet Sisyphus: The batteries-included agent that codes like you. Multi-model orchestration, Team Mode, background agents, 50+ lifecycle hooks.",
-    images: [{ url: "/images/hero.webp", width: 1536, height: 1024, alt: "Oh My OpenAgent" }],
+    images: [{ url: "/images/hero.webp", width: 1024, height: 683, alt: "Oh My OpenAgent" }],
   },
   twitter: {
     card: "summary_large_image",
diff --git a/web/e2e/example.spec.ts b/web/e2e/example.spec.ts
index 92752f1c7..ff1d1fd16 100644
--- a/web/e2e/example.spec.ts
+++ b/web/e2e/example.spec.ts
@@ -26,7 +26,7 @@ test.describe("Landing Page", () => {
     await expect(installCommand).toBeVisible()
   })
 
-  test("renders all 10 agent cards", async ({ page }) => {
+  test("renders all rendered agent cards", async ({ page }) => {
     // given
     await page.goto("/")
 
@@ -41,7 +41,6 @@ test.describe("Landing Page", () => {
       "Metis",
       "Momus",
       "Atlas",
-      "Sisyphus Junior",
     ]
     for (const name of agentNames) {
       await expect(page.getByText(name, { exact: true }).first()).toBeVisible()