ai-changelog-rendering-sandbox.mdx

title	AI changelog rendering sandbox
date	2026-04-17T00:00:00.000Z
excerpt	A synthetic changelog entry for testing overview cards, accordions, images, and markdown rendering.
ogImage	/images/content/og-d72e9987a9.png
coverImage	/images/content/unified-inbox-graphic-ce617d35.png
fixes	title area Fixed a layout jump when switching between changelog entries General title area Code blocks now keep their spacing on narrow screens Threads
improvements	title area Overview cards now better reflect longer changelog titles Leads title area Sectioned updates render more clearly in the changelog detail page Campaigns
sections	title items API title Added a fake API section item for rendering checks title Verified grouped section rows stay readable with longer copy title items Chrome extension title Added a fake extension section item for visual QA

This entry exists only to validate the changelog UI locally. It is useful for checking spacing, typography, images, links, accordions, and MDX rendering without waiting on the GitHub workflow.

What to inspect

Open the overview page and then the detail page for this entry. You should verify:

• The title and excerpt look correct in the overview list
• The fixes and improvements accordions open and close cleanly
• The image has the expected rounded corners and spacing
• Inline links and inline code match the surrounding typography

Body copy test

This paragraph is intentionally a little longer than a typical release note so you can inspect line length, paragraph rhythm, and whether the page still feels balanced when the changelog body contains more narrative text than the generated workflow usually writes.

Code block test

const changelogPreview = {
  title: "AI changelog rendering sandbox",
  status: "draft",
  sections: ["API", "Chrome extension"],
};

Final note

If this renders correctly, the Next.js changelog path is healthy even if the AI workflow itself is not involved in the local test.