BDMS-876: Projects view UI by jeremyzilar · Pull Request #296 · DataIntegrationGroup/OcotilloUI

jeremyzilar · 2026-06-13T18:14:12Z

Summary

Adds Projects list in the nav and row click to filtered wells view
Wells list supports ?projectId= URL filter with indigo filter pill and clear behavior
Adds Projects column on wells grid; shared ListPage template and analytics hook
Updates primary brand color to indigo across shadcn tokens and MUI theme
Contacts create button and wells header actions use shadcn buttons

Test plan

Open /ocotillo/well/projects and confirm well counts display
Click a project row and confirm wells list filters with project pill
Clear project pill and confirm no stale DataGrid filter chip appears
Confirm Projects nav stays expanded on wells routes
Viewer role can access Projects list (read-only)

Depends on

OcotilloAPI PR for well_count and groups filter (point VITE_OCOTILLO_API_URL at API branch or staging after API merge)

Includes project well counts, URL-based project filtering on the wells grid, indigo primary tokens, and filter pill styling.

Brings in the shared Card primitives used by the design system migration.

Moves useState, useEffect, and useOne above early returns so ESLint rules-of-hooks passes.

github-actions · 2026-06-13T18:19:22Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-13T18:19:54Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-13T18:24:35Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

Tracks nav clicks, page templates, project row clicks, filter apply/clear, and project links on the wells grid.

github-actions · 2026-06-15T02:04:10Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

jirhiker · 2026-06-15T13:15:08Z

Projects are more general than groupings of wells so I don't think the project view should be bound to wells so tightly

lizalino · 2026-06-15T19:00:26Z

Met with Cris and showed him the Project View table and where the editing capability would exist. He appreciated the view and mentioned a few additional fields he'd like to see, but I want to talk with a few more folks before making these formal requests. I did ask him about the nesting under Wells and he admitted that eventually we would probably want 'Projects' as a top-level, but for now having it under 'Wells' makes sense. In the interest of getting the editing capability underway, I suggest we move on.

…ns to Groups list. The grid previously showed only name, parent group ID, a boundary checkmark, and created date. Added the remaining fields that the API already returns: description, group_type, release_status (rendered as a chip), well_count, and renamed the project_area column to "Has Boundary" to make the checkmark intent clearer. Also added group_type and well_count to the yup schema so they are not stripped on validation.

…lumns to Projects list.

github-actions · 2026-06-15T19:40:36Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T19:44:31Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

…se it in group and projects lists.

github-actions · 2026-06-15T19:52:54Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T19:56:58Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T19:58:05Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

…dary columns by default. Projects was nested under Wells in the sidebar. Lifted it to a standalone top-level item so it is directly reachable without expanding Wells first. Also hides the well_count, parent_group_id, and project_area columns by default in the Projects grid — they are still accessible via the Columns toggle.

…level nav item.

github-actions · 2026-06-15T20:50:21Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T20:51:26Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T20:52:49Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-15T20:53:54Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

github-actions · 2026-06-16T18:15:45Z

Preview Deployment

Preview URL: https://preview-bdms-876-projects-view-auejgdbofq-uc.a.run.app

Note: This preview uses the staging API endpoints.

lizalino · 2026-06-16T18:53:51Z

I thought we were removing 'description', otherwise I think this looks good.

jirhiker · 2026-06-17T14:51:44Z

One option instead of removing description is to use this as an opportunity to test out editing workflow. If we leave description field in we can then signal to the user that editing functionality is on its way

Add Projects list under Wells with filtered wells view.

25a3fd0

Includes project well counts, URL-based project filtering on the wells grid, indigo primary tokens, and filter pill styling.

jeremyzilar temporarily deployed to staging June 13, 2026 18:14 — with GitHub Actions Inactive

Add shadcn card component scaffold.

b73b127

Brings in the shared Card primitives used by the design system migration.

jeremyzilar temporarily deployed to staging June 13, 2026 18:14 — with GitHub Actions Inactive

jeremyzilar requested review from TylerAdamMartinez, chasetmartin, jirhiker and lizalino June 13, 2026 18:15

jeremyzilar self-assigned this Jun 13, 2026

Fix hook order in AppShell nav and breadcrumbs.

f2fae9d

Moves useState, useEffect, and useOne above early returns so ESLint rules-of-hooks passes.

jeremyzilar temporarily deployed to staging June 13, 2026 18:19 — with GitHub Actions Inactive

jeremyzilar added the enhancement New feature or request label Jun 13, 2026

Add PostHog tracking for Projects navigation and well filtering.

f33cd1e

Tracks nav clicks, page templates, project row clicks, filter apply/clear, and project links on the wells grid.

jeremyzilar temporarily deployed to staging June 15, 2026 01:58 — with GitHub Actions Inactive

jirhiker mentioned this pull request Jun 15, 2026

feat: add well counts and groups filter for projects view (BDMS-876) DataIntegrationGroup/OcotilloAPI#722

Merged

4 tasks

jeremyzilar temporarily deployed to staging June 15, 2026 19:35 — with GitHub Actions Inactive

Add type, release status, parent group, boundary, and created date co…

97271dc

…lumns to Projects list.

jeremyzilar temporarily deployed to staging June 15, 2026 19:39 — with GitHub Actions Inactive

Add color-coded release status chip column def to CommonColumnDefs, u…

5eb852c

…se it in group and projects lists.

jeremyzilar temporarily deployed to staging June 15, 2026 19:47 — with GitHub Actions Inactive

Reduce release status chip height to fit 27px row height.

4eebbf5

jeremyzilar temporarily deployed to staging June 15, 2026 19:51 — with GitHub Actions Inactive

Fix release status chip vertical centering and restore font size.

06d2831

jeremyzilar temporarily deployed to staging June 15, 2026 19:52 — with GitHub Actions Inactive

jeremyzilar added 2 commits June 15, 2026 16:40

Merge branch 'staging' into BDMS-876-projects-view

7f188b9

jeremyzilar temporarily deployed to staging June 15, 2026 20:44 — with GitHub Actions Inactive

Remove Wells > Projects header breadcrumb now that Projects is a top-…

a471c36

…level nav item.

jeremyzilar temporarily deployed to staging June 15, 2026 20:46 — with GitHub Actions Inactive

Remove redundant page breadcrumb from Contact show page.

18de1f2

jeremyzilar temporarily deployed to staging June 15, 2026 20:47 — with GitHub Actions Inactive

Remove outer Paper wrapper from Associated Sites on Contact show page.

1782a10

jeremyzilar temporarily deployed to staging June 15, 2026 20:48 — with GitHub Actions Inactive

move release status before type

be6e893

jeremyzilar temporarily deployed to staging June 16, 2026 18:10 — with GitHub Actions Inactive

lizalino approved these changes Jun 17, 2026

View reviewed changes

jeremyzilar merged commit 305975d into staging Jun 17, 2026
4 of 5 checks passed

jeremyzilar deleted the BDMS-876-projects-view branch June 17, 2026 16:48

jeremyzilar temporarily deployed to staging June 17, 2026 16:48 — with GitHub Actions Inactive

Uh oh!

Conversation

jeremyzilar commented Jun 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Test plan

Depends on

Uh oh!

github-actions Bot commented Jun 13, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 13, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 13, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

jirhiker commented Jun 15, 2026

Uh oh!

lizalino commented Jun 15, 2026

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 15, 2026

Preview Deployment

Uh oh!

github-actions Bot commented Jun 16, 2026

Preview Deployment

Uh oh!

lizalino commented Jun 16, 2026

Uh oh!

jirhiker commented Jun 17, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

jeremyzilar commented Jun 13, 2026 •

edited

Loading