fix(core): add playground wrapper and defaults for LayoutPanel docsite preview

[Geervan]

Fixes #5897

Summary

Updates InteractivePreview.tsx to support wrapper.slotProp and configures LayoutPanel.doc.mjs with slotProp: 'start' so LayoutPanel is rendered inside Layout's start sidebar slot with a neighbor LayoutContent section.

Problem / Review Feedback

Previously, wrapper: { component: 'Layout' } passed LayoutPanel as generic children to <Layout>, which placed it in <Layout>'s content slot. Because LayoutPanel uses LayoutAreaContext to determine border position (area === 'start'), toggling hasDivider left both borders at 0px without a visible visual change.

Solution

• Updated InteractivePreview.tsx to pass the previewed subcomponent directly into wrapper.slotProp when specified.
• Configured LayoutPanel.doc.mjs with slotProp: 'start' and a neighbor LayoutContent in content.
• Updated data-extraction.test.ts to assert slotProp: 'start'.
• Added patch changeset file .changeset/layout-panel-playground-wrapper.md.

Verification

• Toggling hasDivider ON in the live docsite preview draws the 1px right border between the panel and main content area.
• Toggling hasDivider OFF removes the border line.
• All 105 data-extraction vitest unit tests pass.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
astryx	Ready	Preview	Sep 3, 2026 7:47pm UTC

[github-actions]

PR Analysis Report

📚 Storybook Preview

View Storybook for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

🧪 Sandbox Preview

View Sandbox for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

Modified Components

Layout _{(@astryxdesign/core)} · View in Storybook

Metric	Before	After	Delta
Bundle Size (ESM)	N/A	N/A	N/A
Lines of Code	N/A	1481	-
Complexity	N/A	Very High (84)	-

Bundle Size Summary

Package	Size (ESM)	Size (CJS)	Gzipped
@astryxdesign/core	N/A	4.8KB	1.2KB

Accessibility Audit

Status: No accessibility violations detected.

---

_{Generated by PR Enrichment workflow | Storybook | Sandbox | View full report}

[cixzhang]

Thanks for restoring the visible preview. It still misrepresents hasDivider: this wrapper passes the panel as Layout’s children, so it receives content-slot context rather than start or end. On the exact preview, toggling hasDivider leaves both borders at 0px and produces identical pixels. Please place the previewed panel in a real panel slot and cover that behavior.

[Reviewed by Robohands]

[cixzhang]

Thanks for fixing the divider context. This head dropped LayoutPanel's playground defaults, wrapper config, and generated-entry regression from the prior head. The generated registry therefore gives LayoutPanel only Layout's inherited header/content/footer defaults and no wrapper, so the new slotProp path never runs; its Properties preview remains empty and hasDivider cannot be inspected. Can you restore the LayoutPanel playground config and regression assertion, now with slotProp: 'start' and representative content? If you'd rather talk it through with someone, we're in Discord.

[Reviewed by Robohands]

[Geervan]

cant figure why deployment is failing, but the ci passes, so leaving this as is without any further changes, until requested

[cixzhang]

Thanks — the wrapper/defaults now behave correctly in the live preview. Production still fails because PlaygroundConfig.wrapper is hand-written again in generate-data.mjs; that second schema copy omitted slotProp, so the generated registry does not typecheck. Please make the generated registry reuse or derive the authoring type and add a focused render/build regression for slotProp; the current extraction assertion passes while this failure remains. If you'd rather talk it through with someone, we're in Discord.

[Reviewed by Robohands]

[Geervan]

Fixed the generated registry schema drift by deriving PlaygroundConfig and element descriptors from the CLI authoring types. Added regression coverage that requires generated playground configs to accept slotProp: 'start', so the generated registry/typecheck will fail if it is omitted again. Data extraction, core docs typecheck, and docsite TypeScript checks pass.

[cixzhang]

Thanks — LayoutPanel's Properties preview now stays visible and its divider works, while the generated registry shares the authoring type. Looks good.
[Reviewed by Robohands]