Strengthen layout ecosystem bridge contracts#7
Merged
Conversation
Add the ecosystem design spec and bridge smoke coverage for UI Style Kit and Interactive Surface composition. Rebuild the distributed layout bridge assets so package output matches the authored contract.
Foscat
added
documentation
Contributor
There was a problem hiding this comment.
Pull request overview
This PR strengthens the layout-style-css ecosystem bridge contract with ui-style-kit-css by normalizing root background geometry (without redefining paint) and extending the Playwright demo smoke coverage to assert the expected non-repeating, viewport-filling background behavior. It also adds an ecosystem design spec and regenerates dist/ assets to match the authored contract.
Changes:
- Add Playwright smoke assertions to ensure demo root background layers stay fixed, do not tile, and size to the viewport.
- Update the UI Style Kit bridge CSS to enforce non-tiling, fixed, full-viewport background geometry on the
.ly-rootwhen UI/theme/mode attributes are present. - Add a new ecosystem design spec document and rebuild generated
dist/outputs.
Reviewed changes
Copilot reviewed 3 out of 6 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| test/demo-smoke.test.mjs | Adds smoke assertions for root background layer behavior via computed styles. |
| styles/layout-ui-style-kit-bridge.css | Normalizes .ly-root background geometry (attachment/repeat/size/position + min height) under the bridge layer. |
| docs/superpowers/specs/2026-07-07-interactive-layout-lab-ecosystem-design.md | Introduces an ecosystem design spec and expanded reliability contract guidance. |
| dist/layout-ui-style-kit-bridge.css | Regenerated bridge output reflecting the authored background normalization rules. |
| dist/layout-style-css.min.css | Regenerated minified bundle output incorporating the updated bridge layer rules. |
| dist/layout-style-css.css | Regenerated unminified bundle output incorporating the updated bridge layer rules. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Add the ecosystem design spec and bridge smoke coverage for UI Style Kit and Interactive Surface composition.
Rebuild the distributed layout bridge assets so package output matches the authored contract.