feat: starter screen and download management update UI#7548
Conversation
There was a problem hiding this comment.
Pull request overview
This PR introduces a revamped first-run “Setup” experience (starter content + updated download flow) and updates the download management UI placement/interaction across the app.
Changes:
- Add support for passing a selected thread model via router search params (
threadModel) and using it in thread detail/home. - Update SetupScreen UI/flow: create starter project/threads/messages, add a background animation, and navigate to a starter thread after download completion.
- Redesign/relocate Download Management UI (header + sidebar) and add radio-style Theme/Font size switchers.
Reviewed changes
Copilot reviewed 13 out of 13 changed files in this pull request and generated 10 comments.
Show a summary per file
| File | Description |
|---|---|
| web-app/src/routes/threads/$threadId.tsx | Accept threadModel via search params and prefer it over stored thread model. |
| web-app/src/routes/index.tsx | Rename/standardize search param to threadModel and pass it into model dropdown + ChatInput. |
| web-app/src/hooks/useThreads.ts | Exclude untitled threads from the search index and make selector null-safe. |
| web-app/src/containers/ThreadList.tsx | Add spacing and block deletion of the starter thread until setup completes. |
| web-app/src/containers/ThemeSwitcher.tsx | Add renderAsRadio variant for settings/setup UI. |
| web-app/src/containers/SetupScreen.tsx | Major first-run flow update: seed content, animation, and download-complete navigation behavior. |
| web-app/src/containers/HeaderPage.tsx | Add DownloadManagement button in header when sidebar is closed. |
| web-app/src/containers/FontSizeSwitcher.tsx | Add renderAsRadio variant for settings/setup UI. |
| web-app/src/containers/DownloadManegement.tsx | Redesign download popover trigger + layout and add empty state. |
| web-app/src/components/ui/label.tsx | Introduce shared Label UI primitive. |
| web-app/src/components/left-sidebar/index.tsx | Move DownloadManagement into sidebar header when open; remove footer placement. |
| web-app/src/components/left-sidebar/NavChats.tsx | Hide “More” actions when there’s <= 1 chat thread. |
| web-app/package.json | Add matter-js dependency and types for the new SetupScreen animation. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
urmauur
force-pushed
the
feat/starter-screen
branch
from
f53b751 to
9937b5a
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 17 out of 18 changed files in this pull request and generated 6 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 17 out of 18 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
urmauur
force-pushed
the
feat/starter-screen
branch
from
07ae946 to
cb44879
Compare
urmauur
force-pushed
the
feat/starter-screen
branch
from
cb44879 to
a147709
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 17 out of 18 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Describe Your Changes
Onboarding
Fixes Issues
Self Checklist