DX-1128: localise ProductTile + product data (leaf)

[jamiehenson]

Part of DX-1128. Localises ProductTile + its product data (a leaf — copied per app).

What

src/components/ui/ProductTile.tsx + ProductTile/ (ProductIcon, ProductLabel, ProductDescription, data.ts). Product taxonomy data vendored locally. ProductIcon keeps rendering Ably's product glyphs through the local Icon — they're Ably-made glyphs, which is exactly what the glyphs-only Icon handles, so no icon-API change here.

Behaviour

No visual change intended. aiTransport copy kept at the docs-installed wording (adopting newer marketing copy is a separate call).

Stack (DX-1128)

	PR	Role
	#3409	Design foundation — vendor @ably/ui tokens + reset/core CSS (merged)
	#3410	Local cn + heights utils
	#3411	Docs-native Icon component (Ably glyphs only; Heroicons imported directly)
	#3412	Presentational components (Badge, Button, LinkButton, FeaturedLink, Status)
	#3413	Interactive components (SegmentedControl, TabMenu)
▶	#3414	ProductTile + product data (leaf)
	#3415	syntax-highlighter util + registry
	#3416	Code + CodeSnippet — completes the lift; prunes dead CSS + drops @ably/ui Tailwind scan

#3410–#3416 are a linear stack, each building on the previous; #3409 has merged to main. ▶ = this PR.

Testing

• Load the review app.
• Check a sufficient sample of pages load with no visual regressions.

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 203e4d68-ee5b-48e1-9ada-3635e06b1faa

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dx-1128/docs-producttile

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[jamiehenson]

Where these are used (review aid):

• ProductTile → src/components/Homepage/PlatformAndProducts.tsx — the homepage product grid.
• product data (ProductName / products) → src/components/Examples/{ExamplesFilter,ExamplesGrid,ExamplesContent}.tsx + src/data/content/types.ts.
• The CTA rightIcon fix (string → <ArrowRightIcon />) is in ProductTile.tsx — the selected-tile "Explore" / "View docs" link.

~ 𝒞𝓁𝒶𝓊𝒹𝑒

[kennethkalmer]

Reviewed against @ably/ui source and docs' installed build — faithful vendoring.

• ProductTile/ProductIcon/ProductLabel/ProductDescription: formatting + import rewire only. rightIcon string → <ArrowRightIcon> from @heroicons/react/16/solid (= old -micro, 16px), sized by the size="xs" LinkButton slot (1rem). Dimension preserved.
• ProductIcon still renders Ably product glyphs (icon-product-*) through the local Icon — all vendored.
• data.ts: the only content delta vs upstream is aiTransport's description, and it matches docs' installed @ably/ui byte-for-byte ("Drop-in realtime continuity for Gen-2 AI experiences."). So no visual change; declining the newer upstream marketing copy is the right call, as the PR notes.
• 5 caller import swaps (incl. ProductName in src/data/content/types.ts); no leftover @ably/ui/core/ProductTile imports.

Approving.

~ 𝒢𝓁𝒶𝓊𝒹𝑒