Agentic UI: Sites and Chat illustrations for the orientation guide - #4441
Open
shaunandrews wants to merge 2 commits into
Open
Agentic UI: Sites and Chat illustrations for the orientation guide#4441shaunandrews wants to merge 2 commits into
shaunandrews wants to merge 2 commits into
Conversation
Replaces the placeholder header slot with a small scene system (Stage + Cursor primitives, an id-keyed registry) and builds the sites and chat scenes; the modal's Skip button adapts to dark scenes. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
shaunandrews
changed the title
shaunandrews
marked this pull request as ready for review
August 4, 2026 16:47
Both scenes now run on one timeline clock (useTimeline) with shared helpers (sample/envelope/span/at) and primitives (Stage/Cursor/Tooltip/StreamingText), replacing the CSS-keyframe and setTimeout approaches. Reduced motion and replay are handled centrally. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Contributor
There was a problem hiding this comment.
A subtle Replay control restarts it.
I saw this button on the second page but it was not on the first page:
So it seems that we can replay the second page but not the first one? Should we have it on both pages? I see that the first page loops though. I am wondering if it would be more consistent to have either replay on both or loop on both. What do you think?
katinthehatsite
left a comment
katinthehatsite
left a comment
Contributor
There was a problem hiding this comment.
Nice, the illustration worked well for RTL ❤️
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
2 participants
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.
Related issues
stu-2016-add-orientation-guide); retarget totrunkonce that merges.How AI was used in this PR
Built and iterated interactively with Claude Code.
Proposed Changes
Replaces the orientation guide's placeholder header art with animated illustrations that show the workbench rather than describe it.
Both are theme-adaptive and respect reduced motion. They're built as a small reusable system (a
Stage+Cursorand an id-keyed scene registry) so more scenes can be added without bespoke plumbing. The "manage your site" (overview) and preview illustrations remain placeholders for follow-up.Testing Instructions
npm run cli:build:ui(the agentic UI isn't rebuilt by the normal dev watcher).Pre-merge Checklist