Repository navigation
feat(canvas): create prototypes before a dev server starts - #140
Draft
lukasoppermann wants to merge 4 commits into
Draft
lukasoppermann wants to merge 4 commits into
lukasoppermann wants to merge 4 commits into
Conversation
Keep the full canvas available before preview connection, reuse Hub templates for current-chat creation, and add server discovery, startup controls, and complete Storybook states. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: c4823a28-20de-453d-b9e8-b03bbbd963ff
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
Resolve the TypeScript migration and Notes integration conflicts while retaining the full canvas without a preview. Make bootstrap script matching case-insensitive and keep prototype briefs explicitly untrusted in serialized request data. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: c4823a28-20de-453d-b9e8-b03bbbd963ff
Resolve merge conflicts in canvas app imports and regenerated extension asset outputs while preserving server-free creation behavior. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: c4823a28-20de-453d-b9e8-b03bbbd963ff
Switch server-free canvas Primer Brand imports to /esm so tree-shaking preserves split vendor chunks under the extension installer size cap. Rebuild committed renderer assets and rerun the previously failing frontend build and shard 4 tests. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> Copilot-Session: c4823a28-20de-453d-b9e8-b03bbbd963ff
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.
Why
The canvas currently replaces its interface with server-start controls when no prototype is running. Authors should still be able to describe a new prototype, choose a team template, and use repository-level actions before starting a dev server.
Closes #77
What changes
Keep the full canvas shell available without a preview. Reuse Hub's creation form for the prompt, optional details, and template picker, then send the brief to the current conversation. Saved Hub connections are reused, and an authenticated catalog endpoint supplies templates from the latest successful default-branch Build. Disconnected and failed catalog states stay explicit rather than falling back to local templates.
Place a compact connection box below the prompt. It discovers running servers automatically every 30 seconds, offers Connect when servers are available, and otherwise offers Start dev server with a script action menu. Warnings and errors use inline alerts, and startup output appears in a code block. Starting code still requires an explicit action. Preview-only controls remain unavailable until connected, while repository publication state survives connection changes.
Replace the old server-only HTML fixtures with production React controls and shared fixture responses. Keep isolated control stories for presentation and add full-canvas stories for placement and interaction with the composer.
Real-host current-conversation dispatch and connected-Hub template loading remain unverified because no installed Replica canvas runtime was available in this session.
Storybook screenshots
All captures use the light theme and a desktop viewport. Some images are cropped to the creation area or connection control; open-menu captures include the dropdown.
Prototype canvas / Publication example: creation states
Prototype canvas / Publication example / No Prototype - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Default Template - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Disconnected - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Catalog Loading - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Catalog Failed - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Details - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Template Picker - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Submission Failed - Light, desktop viewport.
Prototype canvas / Publication example: server states below the prompt
Prototype canvas / Publication example / No Prototype Server Scanning - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Single Server - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Multiple Servers - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Script Selection - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Script Menu Open - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Server Scan Failed - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Server Warnings - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Startup Unavailable - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Connecting - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Connect Failed - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Starting - Light, desktop viewport.
Prototype canvas / Publication example / No Prototype Start Failed - Light, desktop viewport.
Prototype canvas / Server connection: isolated controls
Prototype canvas / Server connection / Scanning - Light, desktop viewport.
Prototype canvas / Server connection / No Servers - Light, desktop viewport.
Prototype canvas / Server connection / Single Server - Light, desktop viewport.
Prototype canvas / Server connection / Multiple Servers - Light, desktop viewport.
Prototype canvas / Server connection / Script Selection - Light, desktop viewport.
Prototype canvas / Server connection / Script Menu Open - Light, desktop viewport.
Prototype canvas / Server connection / Scan Failed - Light, desktop viewport.
Prototype canvas / Server connection / Discovery Warnings - Light, desktop viewport.
Prototype canvas / Server connection / Startup Unavailable - Light, desktop viewport.
Prototype canvas / Server connection / Connecting - Light, desktop viewport.
Prototype canvas / Server connection / Connect Failed - Light, desktop viewport.
Prototype canvas / Server connection / Starting - Light, desktop viewport.
Prototype canvas / Server connection / Start Failed - Light, desktop viewport.