Skip to content

Synchronize website app demo with current Strand UI #85

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
danielss-dev merged 1 commit into from
Jul 29, 2026
Merged

Synchronize website app demo with current Strand UI #85

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,9 @@
**[Roadmap](./ROADMAP.md)** ·
**[Commercial license](./COMMERCIAL.md)**

The website includes a keyboard-operable, resizable demo of Strand's current
Work, Local Changes, Review, Pull Requests, and All Commits surfaces.

Keyboard-first: almost every action is operable from the keyboard alone —
never keyboard-only, the mouse stays first-class. Shortcuts are listed below
and **every global one is rebindable** in Settings → Keyboard.
Expand Down
10 changes: 10 additions & 0 deletions ROADMAP.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2442,6 +2442,16 @@ error reporting. Selective-stash messages now have explicit regression
coverage. The fixes retain snapshot-driven refreshes rather than adding
polling or recursive scans to hot paths.

**Website app replica synchronized (2026-07-29):** The landing-page demo now
matches the current Strand shell instead of the earlier three-view snapshot:
Workspaces and network options are present, Pull Requests joins the primary
sidebar, and Work, Local Changes, Review, Pull Requests, and All Commits all
run in place. Work file/terminal tabs, Git/Files navigation,
repository/workspace Review scope, PR selection, review notes, baseline and
file actions, command-palette destinations, plus pointer and keyboard pane
resizing are interactive. Desktop and 900/680 px browser passes found no
runtime warnings or horizontal overflow.

---

## Cross-cutting tracks (run in parallel with all milestones)
Expand Down
6 changes: 5 additions & 1 deletion TASKS.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2095,7 +2095,11 @@ quick-wins from that audit already landed (see ROADMAP changelog).
`og-image.svg` source and rendered `og-image.png`, with Open Graph + Twitter
metadata added 2026-07-18. The 2026-07-26 polish pass replaced the generic
download buttons with responsive Apple/Windows/Linux release cards and
platform-aware highlighting while retaining the releases-page fallback.)
platform-aware highlighting while retaining the releases-page fallback.
The 2026-07-29 app-replica sync added current Workspaces/network/sidebar
chrome, all five primary views, Work file/terminal tabs, pull-request
selection, repository/workspace Review scope, notes/baseline/file actions,
and pointer + keyboard pane resizing; desktop/narrow browser QA is clean.)
- ☑ User-guide docs on the website (2026-07-08: `website/docs/` — nine
fact-checked markdown pages + `manifest.json`, rendered client-side by
`docs/index.html`/`docs.js` with vendored `marked.min.js`; no build step —
Expand Down
14 changes: 8 additions & 6 deletions website/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,14 +21,16 @@ Preview locally with `pnpm site` from the repo root (serves on
choices visible.
- `fonts/` — Geist + JetBrains Mono woff2, copied from `ui/public/fonts`
(self-hosted, latin subsets only).
- The hero window is a replica of the actual app shell (topbar / sidebar /
Review toolbar / queue tree / diff / statusbar), built to the real metrics
- The hero window is a replica of the actual app shell (workspace/repo tabs,
network and stash controls, sidebar, Work tabs, Review toolbar and queue,
pull requests, commit graph, diff, and statusbar), built to the real metrics
in `ui/src/styles/chrome.css` and `features.css`, with syntax colors taken
from the app's `pierre-dark` Shiki theme (`@pierre/theme`). It's a working
demo: the sidebar switches Local Changes / Review / All Commits views, tree
folders collapse, `j`/`k`/`space` drive the queue (and the commit graph),
and the commit bar "commits". If the app's chrome changes materially,
re-sync the mock against fresh screenshots.
demo: all five primary sidebar destinations switch in place; file/terminal
tabs, Git/Files, repository/workspace Review scope, PR selection, file
actions, review notes, baselines, tree folders, keyboard navigation, commit
form, and both pane resizers respond like their app counterparts. If the
app's chrome changes materially, re-sync the mock against fresh screenshots.
- ⌘K opens a page-level clone of the app's command palette (same grouped /
fuzzy / highlighted UI): it scrolls to page sections, switches the demo
views, sets the accent, and opens GitHub / X. Items live in `ITEMS` in
Expand Down
Loading
Loading