Skip to content

Web UI: sidebar Settings popover for Appearance (replace Settings page)#60

Closed
Gsbreddy wants to merge 8 commits into
mainfrom
cursor/ui-industry-standard-polish-9803
Closed

Web UI: sidebar Settings popover for Appearance (replace Settings page)#60
Gsbreddy wants to merge 8 commits into
mainfrom
cursor/ui-industry-standard-polish-9803

Conversation

@Gsbreddy
Copy link
Copy Markdown
Collaborator

@Gsbreddy Gsbreddy commented May 26, 2026

Summary

  • Settings stays a sidebar popover (not a full page); legacy #/settings still redirects home.
  • The popover is cleaner: dialog title Settings, short hint, and a Theme row with sun / moon / monitor icon radios (same Light / Dark / System behavior and flightdeck-theme storage). Screen readers still get Light / Dark / System via visually hidden labels.
  • Docs, CHANGELOG, e2e, demo capture script, marketing screenshots/video, and src/flightdeck/server/static/ are updated.

Test plan

  • cd web && npm run build
  • FLIGHTDECK_E2E_PYTHON="$(uv run python -c "import sys; print(sys.executable)")" npm run test:e2e from web/
  • uv run python -m ruff check src tests
  • node web/scripts/capture-demo-artifacts.mjs
Open in Web Open in Cursor 

Set per-route document titles, sync theme-color with light/dark, add
Open Graph meta and clearer sidebar landmark text. Refine controls
(touch-friendly buttons/inputs), layered card shadows, and striped
data tables. Extend Playwright coverage for titles and theme-color.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
@cursor
Copy link
Copy Markdown

cursor Bot commented May 26, 2026

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

Add Button (loading spinner, aria-busy) and StatusChip components; render
API security as scannable Writes/Reads/UI token chips. Wire Diff, Runs,
and Actions flows to Button; improve promote reason field validation UX,
native-styled filters (fd-select), sticky overview tables, and fd-link on
promoted release focus. Rebuild shipped static bundle; align smoke test
with chip copy.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
@cursor cursor Bot changed the title Polish shipped web UI for release-quality UX Web UI: release polish plus operator Button and security chips May 26, 2026
cursoragent and others added 4 commits May 26, 2026 17:38
Include Playwright-generated MP4/WebM walkthrough and PNG stills under
artifacts/flightdeck-demo-share for easy clone/download; document
regeneration via web/scripts/capture-demo-artifacts.mjs.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
Actions: aria-busy tracks workspace load only; workspace error vs loading
copy for token hint; field-level invalid flags for reason and confirm
inputs; clear flags on API errors. Runs: mutual disable for load/export;
invalid styling when release ID missing. SecurityStatusBar: data-testid,
skip /health in read-only UI, unknown auth values with warn copy,
chained detail messages; theme-color meta updates all tags. Button:
preserve loading aria-busy over rest spread. useDocumentTitle: empty and
suffix rules. Demo capture script aligns with e2e CLI resolution and
closes browser in finally. Add security-strip e2e (bearer route mock);
scope smoke assertion. Rebuild static bundle.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
Replace the dedicated Settings route with a portal dialog next to the
footer control, keep theme persistence unchanged, redirect legacy #/settings
to home, refresh e2e and demo capture docs, and rebuild the shipped static bundle.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
@cursor cursor Bot changed the title Web UI: release polish plus operator Button and security chips Web UI: sidebar Settings popover for Appearance (replace Settings page) May 26, 2026
cursoragent and others added 2 commits May 26, 2026 18:23
Re-run capture-demo-artifacts against current serve UI; refresh README
listing for all numbered PNGs plus WebM/MP4 outputs.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
Use sun/moon/monitor controls next to a Theme label, rename the dialog to
Settings, tighten popover width, and refresh docs, e2e, demo captures, and the
shipped static bundle.

Co-authored-by: Gottam Sai Bharath <Gsbreddy@users.noreply.github.com>
@Gsbreddy Gsbreddy added the duplicate This issue or pull request already exists label Jun 1, 2026
@Gsbreddy Gsbreddy closed this Jun 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

duplicate This issue or pull request already exists

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants