173 commits

Author	SHA1	Message	Date
RachelElysia	0448ac1f95	Fleet UI: Fix dataset text alignment (#44659)	2026-05-05 08:50:18 -04:00
Luke Heath	255be3fd80	Additional design revisions to dark mode theme (#43634)	2026-04-23 10:13:21 -05:00
RachelElysia	f3976c96fa	FE: Add dark mode view to storybook (#43469)	2026-04-14 15:31:07 -05:00
RachelElysia	ecf2bad9a5	Fleet UI: Improve internal links/buttons (#43470)	2026-04-14 09:30:26 -04:00
Luke Heath	8ed339f012	Apply global dark mode styling to UI (#43033)	2026-04-10 09:30:04 -05:00
RachelElysia	fe5e537b22	Fleet UI: *New* policy details page + updates to the edit policy and edit report pages (#43102)	2026-04-09 09:16:54 -04:00
kilo-code-bot[bot]	23eac5a1e0	Fleet UI: "Advanced options" instead of "Show/hide advanced options" (#41793) ... UPDATE: @noahtalerman: For the following quick win: - https://github.com/fleetdm/fleet/issues/41807	2026-03-18 19:05:26 -04:00
RachelElysia	0ac2ce8dfd	Fleet UI: Comb through registration buttons (#40444)	2026-02-26 12:13:53 -05:00
RachelElysia	ae73f90327	Fleet UI: Update Button to match latest style guide (#38221)	2026-01-14 10:54:09 -05:00
Gabriel Hernandez	c061efcd81	optimisations and tests for mdm commands UI (#37531) ... This adds some optimisations and tests for the mdm commands UI feature. This includes: 1. optimisations to making the request for the activity card data. We add a stale time so the request is always occuring 2. consolidate PastCommandFeed and UpcomingCommandFeed to a single CommandFeed component 3. adding aria label to buttons to improve a11y when buttons dont have text (e.g. icon buttons) 4. tests for CommandFeed and FeedListItem components 5. change max-height of textarea in command details modal so it stays within the viewport	2025-12-19 17:03:40 +00:00
Noah Talerman	923f22e62a	Fleet UI: Set dropdown font size to 14px (#36531) ... Chatted w/ @mike-j-thomas and we want 14px font size in the dropdown: <img width="163" height="332" alt="Screenshot 2025-12-01 at 5 50 13 PM" src="https://github.com/user-attachments/assets/d6cd3c95-3fc9-47c2-ba0d-64d74eb9fcef" /> Addresses the following issue: - https://github.com/fleetdm/fleet/issues/34983	2025-12-01 19:06:52 -05:00
RachelElysia	34a3504c6e	Fleet UI: Animate arrows for host actions dd and reveal buttons (#33660)	2025-09-30 23:01:26 -04:00
RachelElysia	efc64389b1	Fleet UI [Feature]: UI reskin (#33558)	2025-09-29 12:10:41 -05:00
jacobshandling	06c48216f7	UI: Add Tooltip show delay across app (#33091) ... ## For #31869 - Add fine grain controls for tooltip show and hide delay behavior - Default to 250ms show delay across app - Update ~30 unit tests to expect new delay - See [note](https://github.com/fleetdm/fleet/issues/31869#issuecomment-3300660487) https://github.com/user-attachments/assets/5969e0f7-c137-491f-8430-6f21d01b9350 - [x] Changes file added for user-visible changes in `changes/` - [x] QA'd all new/changed functionality manually --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2025-09-18 09:42:30 -07:00
jacobshandling	166e5ed663	UI: Batch script run detail page (#32333) ... ## For #31226 New features: - Dynamic header for each possible state of a batch script run: Started, Scheduled, and Finished (corresponds to tabs at `/controls/scripts/progress` - Unique tabs for each possible status of hosts targeted by a batch script run: Ran, Errored, Pending, Incompatible, Canceled. - Within each tab, sortable, paginated host results with output preview and execution time. - View script/run details, cancel a batch, view manage hosts page filtered for the script batch run and a status. - Global script batch runs activities and and Scripts progress rows now navigate to this details page. Cleanups and improvements: - Expand tab count badge options using “alert”/“pending” variants across hosts, policies, and query results. - Misc cleanups and improvements  - [x] Changes file added for user-visible changes in `changes/`, - [x] Updated automated tests - new tests tracked for follow-up work - [x] QA'd all new/changed functionality manually --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2025-08-29 09:37:05 -06:00
Gabriel Hernandez	05d6cbc3c8	change button styles for turn on mdm info banner (#31374) ... fixes #29410 quick update to the turn on mdm button in the info banner. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [x] QA'd all new/changed functionality manually	2025-08-01 15:36:03 +01:00
jacobshandling	3049d3c3d0	UI: Add configuration option for customer-preston (#28941) ... ## For #28221, frontend portion - In desired places, read new config option and render desired UI accordingly - Code refactors to more elegantly support this functionality - Backend branch [here](https://github.com/fleetdm/fleet/pull/28893) for testing    <img width="1012" alt="Screenshot 2025-05-07 at 12 00 04 PM" src="https://github.com/user-attachments/assets/81519388-7696-4a7e-a55a-0d0874c17aad" /> **Teams dropdowns:**  - [x] Changes file added for user-visible changes in `changes/ - [x] A detailed QA plan exists on the associated ticket (if it isn't there, work with the product group's QA engineer to add it) - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2025-05-12 13:36:38 -07:00
RachelElysia	0f2b5aa536	FE: Buttons clean up Part 2 (#28346)	2025-04-23 14:42:30 -04:00
RachelElysia	7f71866571	FE: Button renaming, better storybook view, remove unused code (#28245)	2025-04-16 09:56:09 -04:00
RachelElysia	7f8073624a	FE: Refactor pagination to be a single component (#27224)	2025-03-20 12:40:43 -04:00
RachelElysia	45015b01e8	Fleet UI: Update hover and focus states for dropdowns and inputfields (#26506)	2025-02-28 08:46:00 -05:00
RachelElysia	8c7a543571	Fleet UI: Hide more options button when at larger widths (#26632)	2025-02-26 16:07:59 -05:00
RachelElysia	e98a93e8bc	Fleet UI: Auto-install VPP apps (#26455)	2025-02-24 16:01:55 -05:00
jacobshandling	b990b3c6d9	UI - GitOps Mode, 3/3 (#26537) ... ## For #26229 - Remove feature flag - Undo updates to 4 Policies automation modals to facilitate refactor being implemented in parallel - Remaining specs: **Manage teams:**  Empty: <img width="1464" alt="Screenshot 2025-02-21 at 4 27 30 PM" src="https://github.com/user-attachments/assets/17cf4fc2-cc4e-4f63-8276-3db79b44e9e1" /> **Team users:**  Empty: <img width="1464" alt="Screenshot 2025-02-21 at 4 29 01 PM" src="https://github.com/user-attachments/assets/46dd0e44-2af3-4ca7-a0be-628e358a61d7" /> **Team agent options:**  **Team settings:**  - [x] Changes file added for user-visible changes in `changes/` - [x] Added/updated automated tests - [ ] A detailed QA plan exists on the associated ticket (if it isn't there, work with the product group's QA engineer to add it) - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2025-02-21 16:56:20 -08:00
RachelElysia	3060f452c2	Fleet UI: Fix user management page overflow (#25733)	2025-01-24 10:06:49 -05:00
Gabriel Hernandez	8168ff3655	update storybook to 8.4.7 (#25451) ... For #25349 This updates storybook and its addons to 8.4.7. This is done to remove the transitive dependency on path-to-regexp, which is no longer used in this version of storybook. This will fix the original vulnerability issue for `path-to-regexp`	2025-01-20 16:17:33 +00:00
Gabriel Hernandez	cdefa0c9e9	Chore rework UI activities (#25539) ... For #23912 new UI for activities on the global, past, and upcoming feeds. These are the same changes in [this PR](https://github.com/fleetdm/fleet/pull/25329), except we are reverting the changes around fleet initiated activities as that is not in the current activities API. We are doing this so that the new activities can go out in a release while the backend is still being built and will be ready later. > NOTE: this does contain the code for cancel activity functionality but it hidden from the user. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [x] Added/updated automated tests - [x] Manual QA for all new/changed functionality	2025-01-20 10:39:46 +00:00
RachelElysia	95ae7c3c5f	Fleet UI: Fix policy truncation and add tooltip (#24659)	2024-12-12 09:11:26 -05:00
Gabriel Hernandez	80edd0dbfe	Feat UI creat policies fleet apps title details (#23972) ... relates to #23137, #23136 implements to the rest of the UI for automatically creating fleet policies when adding a fleet maintained app. Also includes the API changes needed for this which include changing the `GET /software/titles` and `GET /software/titles/:id` endpoints to include the `automatic_install_policies` data. UI added includes: **Adding tag for automatic install software titles**  **Adding modal to show the policies associated with that software title**  - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [x] Added/updated tests - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jahziel Villasana-Espinoza <jahziel@fleetdm.com>	2024-11-26 17:21:00 -05:00
RachelElysia	06c2b5cc23	FE: 22916 followup code cleanup (#23306)	2024-10-31 11:14:55 -04:00
RachelElysia	2a756088f1	Fleet UI: Accessibility button actions, tabbing (#22916)	2024-10-25 11:02:52 -04:00
RachelElysia	b08b488a6b	Fleet UI: Consistent behavior for radio buttons, add tests to components (#22901)	2024-10-16 11:37:38 -04:00
jacobshandling	0cfbdc6f58	UI – Implement changes for package uninstall scripts in the add software modal (#21828) ... ## Addresses #21564 – see issue for task list     - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2024-09-05 11:11:14 -07:00
RachelElysia	3dd1219a27	Fleet UI: Filter software/version tables by vulnerability score and exploitability (#21278) ... ## Issue Story #19099 Subtask #20706 ## Description - Additions to Software > Software tab to filter software and versions by vulnerable, known exploit, and CVSS score - Includes a new "Add filters" button which has dynamic tooltip and button text - New responsive design to the table header controls - New modal to customize vulnerability filters - Handles edge case where user types in a custom CVSS score in URL ## TODO list - [x] Design, confirm and build empty states - [x] search bar is showing on empty state, fix this - [x] Disabled state color for dropdown placeholder text - [x] Add tests to the modal - [ ] Test with API when API is ready (good flow to check, choose from dropdown, then toggle versions on) ## Screen recording TODO # Checklist for submitter If some of the following don't apply, delete the relevant line. <!-- Note that API documentation changes are now addressed by the product design team. --> - [x] Added/updated tests - [ ] Manual QA for all new/changed functionality	2024-08-20 09:41:49 -04:00
RachelElysia	a5dc73b42a	Frontend of iOS/iPadOS as platforms/labels (#20157)	2024-07-09 09:18:00 -04:00
RachelElysia	2a6e94a55e	Frontend tech debt: Cleanup {} around strings (#16592)	2024-02-23 09:57:18 -05:00
Roberto Dip	a1b23acfea	fix the hover state of chevron-right icons (#16595) ... for #16133, pair-programmed with @ghernandez345 # Checklist for submitter If some of the following don't apply, delete the relevant line. <!-- Note that API documentation changes are now addressed by the product design team. --> - [x] Changes file added for user-visible changes in `changes/` or `orbit/changes/`. See [Changes files](https://fleetdm.com/docs/contributing/committing-changes#changes-files) for more information. - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Gabe Hernandez <ghernandez345@gmail.com>	2024-02-05 13:12:18 -03:00
RachelElysia	c937305370	Fleet UI: Fix header styling to all use SectionHeader component (#16217)	2024-01-19 10:50:53 -05:00
Jacob Shandling	fd1b1c50b5	14415 - Loose ends 2 (#15595) ... ## Addresses #15011 - Sort host details > queries list by query name - Update shape of expected response from HQR call to schedulable query API - Shorten the 'clipped' banner's message for Observers and Observers+ - Update tooltips in RevealButton - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-12-12 11:32:16 -08:00
Jacob Shandling	bf8504a028	Refactor Tooltip Wrapper (#13845)	2023-11-07 13:15:49 -08:00
Marko Lisica	8162d052bf	Icons improvements (making frontend consistent with Figma component library) (#14185) ... # Checklist for submitter If some of the following don't apply, delete the relevant line. - [ ] Manual QA for all new/changed functionality --------- Co-authored-by: Gabriel Hernandez <ghernandez345@gmail.com>	2023-10-31 16:06:38 +00:00
Jacob Shandling	df2ada1809	UI - Add 'Discard data' option to Save Query modal (#14284) ... ## Addresses pt.1 of #13470 4 states + InfoBanner: <img width="746" alt="Screenshot 2023-10-03 at 2 51 36 PM" src="https://github.com/fleetdm/fleet/assets/61553566/0cffd9a1-8a96-4723-a080-10d68d7c7c70"> <img width="746" alt="Screenshot 2023-10-03 at 2 51 55 PM" src="https://github.com/fleetdm/fleet/assets/61553566/12237208-f29a-4c90-86c8-8fb71d64fbf4"> <img width="746" alt="Screenshot 2023-10-03 at 2 52 20 PM" src="https://github.com/fleetdm/fleet/assets/61553566/6bdeb8c6-250f-4edb-a630-aa978a98e428"> <img width="746" alt="Screenshot 2023-10-03 at 2 52 26 PM" src="https://github.com/fleetdm/fleet/assets/61553566/bae0e656-56f4-4f6a-9972-5ff0fa2f24bf"> <img width="735" alt="Screenshot 2023-10-03 at 5 15 44 PM" src="https://github.com/fleetdm/fleet/assets/61553566/b26ce3ed-7949-4823-a6a4-fa04e152a480"> ## Checklist for submitter - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-10-04 15:19:26 -07:00
RachelElysia	3a74a9fda4	Fleet UI: [bug squashes] Fix team dropdown z-index issue, fix copy icon hover state, fix spacing before icons (#14034)	2023-09-21 13:46:14 -04:00
RachelElysia	32031a5b75	Fleet UI: More icons updated (#13270)	2023-08-28 13:09:21 -04:00
RachelElysia	39c3eedc7b	Fleet UI: Improvements to highlighting while tabbing and not clicking (#13508)	2023-08-25 12:26:03 -04:00
RachelElysia	449d0c99d5	Fleet UI: [unreleased bug] Fix hover fill of reveal button (#13291)	2023-08-11 10:00:21 -04:00
RachelElysia	fafea94dba	Fleet UI: Dropdown arrows updated, on hover button icon color, etc (#13129)	2023-08-07 09:25:32 -04:00
Jacob Shandling	7ff4b77fb9	UI: Merge scheduling functionality into queries page (#12713) ... ## Addresses #12636 ### See issue for list work done   ### Notes for review: - Because other work is based on this branch, TODOs / fixes are noted here until the team comes to a strategy for merging all of the work: - Add missing space in the Performance impact column "Undetermined" tooltip text - I'm having trouble confirming that the inherited queries table is working right with the mock hard-coded data, though I did see it working correctly previously. There's an issue with the page reverting to "All teams" when trying to show the inherited table, though it does show the table before re-rendering. - This work is organized clearly by commit, so that might be a manageable way to go through this code. - Since the updated API for this work is not yet complete, this work can be manually tested by either: - Using mock API infrastructure, or - in `ManageQueriesPage.tsx`, comment out the two `useQuery` calls and add appropriate mock data. You can then modify any fields of interest to test their related UI functionality. For example, lines 119 -242 might read: ``` // const { // data: curTeamEnhancedQueries, // error: curTeamQueriesError, // isFetching: isFetchingCurTeamQueries, // refetch: refetchCurTeamQueries, // } = useQuery<IListQueriesResponse, Error, IEnhancedQuery[]>( // [{ scope: "queries", teamId: teamIdForApi }], // () => queriesAPI.loadAll(teamIdForApi), // { // refetchOnWindowFocus: false, // enabled: isRouteOk, // select: (data) => data.queries.map(enhanceQuery), // } // ); // // If a team is selected, fetch inherited global queries as well // const { // data: globalEnhancedQueries, // error: globalQueriesError, // isFetching: isFetchingGlobalQueries, // refetch: refetchGlobalQueries, // } = useQuery<IListQueriesResponse, Error, IEnhancedQuery[]>( // [{ scope: "queries", teamId: -1 }], // () => queriesAPI.loadAll(), // { // refetchOnWindowFocus: false, // enabled: isRouteOk && isAnyTeamSelected, // select: (data) => data.queries.map(enhanceQuery), // } // ); const [ curTeamEnhancedQueries, curTeamQueriesError, isFetchingCurTeamQueries, refetchCurTeamQueries, ] = useMemo(() => { return [ [ { created_at: "2023-06-08T15:31:35Z", updated_at: "2023-06-08T15:31:35Z", id: 2, name: "test", description: "", query: "SELECT * FROM osquery_info;", team_id: 43, platform: "darwin", min_osquery_version: "", automations_enabled: true, logging: "snapshot", saved: true, // interval: 300, interval: 0, observer_can_run: false, author_id: 1, author_name: "Jacob", author_email: "jacob@fleetdm.com", packs: [], stats: { // system_time_p50: 1, // system_time_p95: null, // user_time_p50: 1, // user_time_p95: null, // total_executions: 1, }, performance: "Undetermined", platforms: ["darwin"], }, ] as IEnhancedQuery[], undefined, false, () => { console.log("got the new queries"); }, ]; }, []); const [ globalEnhancedQueries, globalQueriesError, isFetchingGlobalQueries, refetchGlobalQueries, ] = useMemo(() => { return [ [ { created_at: "2023-06-08T15:31:35Z", updated_at: "2023-06-08T15:31:35Z", id: 200, name: "test", description: "", query: "SELECT * FROM osquery_info;", team_id: null, platform: "darwin", min_osquery_version: "", automations_enabled: true, logging: "snapshot", saved: true, // interval: 300, interval: 0, observer_can_run: false, author_id: 1, author_name: "Jacob", author_email: "jacob@fleetdm.com", packs: [], stats: { // system_time_p50: 1, // system_time_p95: null, // user_time_p50: 1, // user_time_p95: null, // total_executions: 1, }, performance: "Undetermined", platforms: ["darwin"], }, ] as IEnhancedQuery[], undefined, false, () => { console.log("got the new inherited queries"); }, ]; }, []); ``` - [x] Changes file added for user-visible changes in `changes/` - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-13 12:11:11 -07:00
Jacob Shandling	48156009fa	Frontend – clean up breakpoints (#12711) ... ## Improve breakpoint variables to be useful "sm", "md", etc. instead of the pixel widths they are set to Also made sure all media queries are using these variables instead of hard-coded values. See @lukeheath's previous to-do in `frontend > styles > var > breakpoints.scss` --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-12 15:45:49 -07:00
RachelElysia	9ecf9dc09a	Fleet UI: Update icons (6 icons only) (#11907)	2023-06-02 09:48:17 -04:00