feat: enhance web UI with settings page, collapsible sidebar, and theme management#52
Merged
feat: enhance web UI with settings page, collapsible sidebar, and theme management#52
Conversation
…me management - Introduced a new **Settings** page (`/#/settings`) for users to select their preferred appearance (Light / Dark / System). - Implemented a collapsible sidebar to improve navigation and user experience. - Updated the favicon handling to use a bundled icon with a stable URL (`GET /flightdeck-icon.png`) for better accessibility. - Enhanced CSS for dark mode support and improved layout consistency across the application. - Added tests to ensure the new settings and icon functionalities are working as expected. This update aims to provide users with greater control over their UI experience and streamline navigation within the FlightDeck platform.
…atic assets directory.
- Added a **ReleaseLifecycleStrip** component to the OverviewPage for better visualization of release stages. - Updated the **AppShell** and various pages to use semantic HTML elements (header instead of div) for improved accessibility. - Enhanced the **sidebarIcons** component with updated settings icon paths for better rendering. - Improved CSS styles for page titles and alerts, ensuring consistent design and better user experience. These changes aim to streamline navigation, enhance accessibility, and provide clearer information on release lifecycles within the FlightDeck platform.
- Replaced old JavaScript and CSS files with new versions to improve performance and maintainability. - Removed obsolete files `index-DKBb5vrJ.js` and `index-D3xfaIn8.css` from the static assets directory. - Updated references in `index.html` to point to the new asset files, ensuring the web UI loads the latest styles and scripts. These changes aim to streamline the asset management process and enhance the overall user experience in the FlightDeck web UI.
- Added a new section detailing the steps for registering immutable agent releases, ingesting run evidence, and promoting candidates based on policy decisions. - Included rationale for the existence of FlightDeck, highlighting its benefits for platform and ML engineering teams, as well as compliance-sensitive environments. - Provided an example outcome to illustrate the decision-making process regarding candidate promotions. - Enhanced the documentation to clarify how FlightDeck integrates with existing workflows and systems. These updates aim to improve user understanding of FlightDeck's functionality and its role in managing agent releases effectively.
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.
Summary
Why
Changes
Validation
Run the same checks as CI (see
.github/workflows/ci.yml) before opening / updating the PR. Cursor loads.cursor/rules/flightdeck-ci-artifacts.mdcas a short reminder forstatic/+schemas/gates.uv sync --frozen --extra devuv run python -m ruff check src testsuv run python -m pytestuv run python scripts/generate_schemas.pythengit diff --exit-code schemas/(if models/schemas touched)cd web && npm ci && npm run build && cd .. && git diff --exit-code src/flightdeck/server/static/(ifweb/sources, Vite config, orweb/deps / lockfile change the production bundle)cd web && npx playwright install chromium && npm run test:e2e(ifweb/changed)uv run flightdeck-quickstart-verifyuv run flightdeck --helpWith pip / venv only, use
python -m …equivalents fromDEVELOPMENT.md.Schema / Storage Impact
Risk
Review
@flightdeckdev/maintainerson the org repo). On a fork, GitHub may not auto-request; use Reviewers on the PR.AGENTS.md); linked issue or release note intent noted if helpful.Notes