Skip to content

[Website] Put the Blueprint URL export hint inside the disabled item - #4070

Merged
adamziel merged 4 commits into
trunkfrom
adamziel/contextual-disabled-blueprint-url
Jul 15, 2026
Merged

[Website] Put the Blueprint URL export hint inside the disabled item#4070
adamziel merged 4 commits into
trunkfrom
adamziel/contextual-disabled-blueprint-url

Conversation

@adamziel

@adamziel adamziel commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

The Blueprint editor export menu explained a disabled action in a detached footer. That made the reason easy to miss because the disabled item and its explanation were separated by another action.

Put the multi-file Blueprint explanation inside the disabled “Copy Blueprint URL” item and let that menu item expand to fit its contextual hint. “Download Zip” remains the available action directly below it, without adding a divider between the two actions.

Before After
Export menu with detached disabled action explanation Export menu with disabled action explanation inside the disabled item

Testing:

  • npm run format:uncommitted
  • npx nx run playground-website:lint
  • git diff --check refs/remotes/origin/trunk...HEAD

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Moves the “multi-file Blueprint” explanation from a detached footer into the disabled “Copy Blueprint URL” menu item so the reason for the disabled state is co-located with the action.

Changes:

  • Replaces the separate export hint <p> with an inline hint rendered inside the disabled menu item.
  • Adds new CSS module classes to layout the menu item label + hint as a vertical stack.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
packages/playground/website/src/components/blueprint-editor/blueprint-bundle-editor.module.css Introduces new styles for a stacked menu item body and muted hint text.
packages/playground/website/src/components/blueprint-editor/BlueprintBundleEditor.tsx Renders a hint inside the “Copy Blueprint URL” menu item when the bundle isn’t shareable, removing the detached footer hint.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@adamziel
adamziel force-pushed the adamziel/contextual-disabled-blueprint-url branch from b40915c to 357349b Compare July 15, 2026 22:35
@adamziel
adamziel merged commit 470b652 into trunk Jul 15, 2026
53 checks passed
@adamziel
adamziel deleted the adamziel/contextual-disabled-blueprint-url branch July 15, 2026 22:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment