test(showcase): extend detail-shapes e2e with the objectui#2577 UX contract

The fb35e48 console bump brings in objectui#2577, so the four-shape spec now
also pins the follow-up behaviors it shipped: the highlight strip drops the
record title (H1 dedupe), fieldGroups icon renders as a real svg (not
literal icon-name text) with the description under the expanded header,
currencyConfig money renders its symbol ($100,000 budget / $25,000,000
annual revenue), and the meta footer no longer dangles "Created by" on
actor-less seeded rows. Redeems the NOTE the spec carried since #3029.

Local verification against the rebuilt vendored console follows in this PR
(the suite is nightly/manual, not a PR gate).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016wpaFMPowSn4nAWsjeGZib

Author: claude

examples/app-showcase/e2e/detail-shapes.spec.ts

@@ -19,9 +19,11 @@ import { test, expect } from '@playwright/test';
  * semantic-zoo fixtures are objects but not seeded records — each run
  * creates its own rows via the REST API.
  *
- * NOTE: assertions are scoped to what the *pinned* console build supports
- * (.objectui-sha). Group icon/description chrome ships with a later objectui
- * bump — extend the grouped case then.
+ * Assertions are scoped to what the *pinned* console build supports
+ * (.objectui-sha). The fb35e48 bump brought in objectui#2577, so the grouped
+ * case also pins the follow-up UX contract: highlight strip drops the record
+ * title, group icon/description render, and currencyConfig money shows its
+ * symbol.
  */
 
 const APP = process.env.SHOWCASE_APP || 'com.example.showcase';
@@ -85,17 +87,37 @@ test('grouped: fieldGroup sections render and Money starts collapsed', async ({
   // record:path renders a desktop + a mobile variant — assert the visible one.
   await expect(page.locator(PATH_STEPPER).first()).toBeVisible();
 
+  // objectui#2577: the record title is the page H1 — it must NOT repeat as a
+  // (truncated) chip in the highlight strip; status/amount still do.
+  const strip = page.locator('section[aria-label="Record highlights"]');
+  await expect(strip).toBeVisible();
+  const stripText = (await strip.innerText()).replace(/\s+/g, ' ');
+  expect(stripText, 'strip repeats the record title').not.toContain('E2E Zoo');
+  expect(stripText).toContain('4,200');
+
   // Declared groups render as titled sections. Their highlighted members
   // (status/amount) are hoisted to the strip; the non-highlighted members
   // (code/budget) keep the groups visible in the body.
   await expect(page.getByText('Basics', { exact: true })).toBeVisible();
   await expect(page.getByText('Money', { exact: true })).toBeVisible();
   await expect(page.getByText('ZG-1')).toBeVisible();
 
+  // objectui#2577: fieldGroups[].icon renders as a real (Lucide svg) icon in
+  // the section header — not as literal icon-name text.
+  await expect(
+    page.locator('div:has(> span:text-is("Money")) svg').first(),
+    'Money header icon svg',
+  ).toBeVisible();
+  await expect(page.getByText('banknote', { exact: true })).toHaveCount(0);
+
   // collapse: 'collapsed' — Budget stays hidden until the header is opened.
   await expect(page.getByText('Budget', { exact: true })).toHaveCount(0);
   await page.getByText('Money', { exact: true }).click();
   await expect(page.getByText('Budget', { exact: true })).toBeVisible();
+  // objectui#2577: fieldGroups[].description renders under the expanded
+  // header, and currencyConfig.defaultCurrency drives a real $ symbol.
+  await expect(page.getByText('Financial fields — collapsed by default.')).toBeVisible();
+  await expect(page.getByText('$100,000', { exact: false }).first()).toBeVisible();
 
   expect(errors, 'uncaught page errors on grouped detail').toEqual([]);
 });
@@ -134,6 +156,16 @@ test('ungrouped + related-heavy: flat details and related-list tabs on Contoso',
   // (Contoso declares no fieldGroups; spot-check a body field label.)
   await expect(page.getByText('Basics', { exact: true })).toHaveCount(0);
 
+  // objectui#2577 + currencyConfig: annual revenue renders with its symbol
+  // in the strip, and the meta footer doesn't dangle "Created by" on the
+  // actor-less seeded row.
+  await expect(page.getByText('$25,000,000', { exact: false }).first()).toBeVisible();
+  const footer = page.locator('[data-testid="record-meta-footer"]');
+  await expect(footer).toBeVisible();
+  const footerText = (await footer.innerText()).replace(/\s+/g, ' ');
+  expect(footerText, 'footer dangles "Created by" without an actor').not.toMatch(/Created by/);
+  expect(footerText).toMatch(/Created/);
+
   // Related lists self-fetch lazily when their tab is shown.
   await invoicesTab.click();
   const panel = page.getByRole('tabpanel');