feat(experiments): Create Metric page

[Zaimwa9]

Thanks for submitting a PR! Please check the boxes below:

• I have read the Contributing Guide.
• I have added information to docs/ if required so people know about the feature.
• I have filled in the "Changes" section below.
• I have filled in the "How did you test this code" section below.

Changes

Frontend for the Create Metric page.

• New Metrics environment-sidebar item + /metrics route, gated behind the experiment_metrics flag (hidden when off; URL redirects to Features).
• Create Metric form: name, description, measurement type (occurrence/count/sum/mean), direction (higher/lower/neither → increase/decrease/informational), and data source (event + optional filter). Posts to the experiment-metrics endpoint via a new RTK Query service; payload-building/validation are unit-tested pure helpers.
• Adds missing font-weight design tokens (regular/medium/semibold/bold) to tokens.json + the generator — the experiments UI already referenced these but they were undefined.
• Experiments tab: shows a Connect Warehouse CTA when experiments exist but no warehouse is connected (replacing the hidden Create Experiment button).

How did you test this code?

• Unit tests for the form helpers (npm run test:unit — payload shape, filter omission, submit gating).

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flagsmith-frontend-preview	Ready	Preview, Comment	Jun 9, 2026 8:03am
flagsmith-frontend-staging	Ready	Preview, Comment	Jun 9, 2026 8:03am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Ignored	Preview	Jun 9, 2026 8:03am

[Zaimwa9]

@gemini-code-assist review

[gemini-code-assist]

Code Review

This pull request introduces experiment metrics functionality, including the creation of a new CreateMetricForm component, RTK Query endpoints for metric management, and new design tokens for font weights. Feedback on the changes highlights that the redirect logic in CreateMetricPage should be wrapped in a useEffect hook to avoid side-effects during rendering. Additionally, it is recommended to redirect users back to the experiments page upon successful creation or cancellation of a metric, rather than simply resetting the form on the same page.

[Zaimwa9]

@gemini-code-assist review

[gemini-code-assist]

Code Review

This pull request introduces experiment metrics support, including a new useMetric service, type definitions, and the CreateMetricForm and MetricsPage components. It also adds new font-weight design tokens across the application and integrates a "Metrics" link into the sidebar navigation. Feedback on these changes highlights two key improvements: first, converting the measurement option buttons in CreateMetricForm to a proper radio button group to improve accessibility; second, ensuring that the search input on the MetricsPage actually filters the metrics by passing the search query (ideally debounced) to the API query, along with updating the empty state message for search results.

[github-actions]

Docker builds report

Image	Build Status	Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-7712	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-7712	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-api:pr-7712	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-private-cloud:pr-7712	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-frontend:pr-7712	Finished ✅	Results ✅

[github-actions]

Playwright Test Results (oss - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 40.7 seconds
 9896153
 🔄 Run: #17296 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 44.7 seconds
 9896153
 🔄 Run: #17296 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 3 passed

Details

 3 tests across 3 suites
 36 seconds
 9896153
 🔄 Run: #17296 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 2 passed

Details

 2 tests across 2 suites
 55.3 seconds
 9896153
 🔄 Run: #17296 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 39.8 seconds
 0ccb30d
 🔄 Run: #17343 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 42.5 seconds
 0ccb30d
 🔄 Run: #17343 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 2 passed

Details

 2 tests across 2 suites
 42.8 seconds
 0ccb30d
 🔄 Run: #17343 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 53.2 seconds
 0ccb30d
 🔄 Run: #17343 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 34.1 seconds
 c1fed26
 🔄 Run: #17361 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 43.1 seconds
 c1fed26
 🔄 Run: #17361 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 2 passed

Details

 2 tests across 2 suites
 58.8 seconds
 c1fed26
 🔄 Run: #17361 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 2 failed

Details

 2 tests across 2 suites
 1 minute, 7 seconds
 c1fed26
 📦 Artifacts: View test results and HTML report
🔄 Run: #17361 (attempt 1)

Failed tests

firefox › tests/environment-permission-test.pw.ts › Environment Permission Tests › Environment-level permissions control access to features, identities, and segments @enterprise
firefox › tests/project-permission-test.pw.ts › Project Permission Tests › Project-level permissions control access to features, environments, audit logs, and segments @enterprise

### Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 3 passed

Details

 3 tests across 3 suites
 31.7 seconds
 c1fed26
 🔄 Run: #17361 (attempt 2)

[github-actions]

Visual Regression

19 screenshots compared. See report for details.
View full report

[talissoncosta]

Approving, looks good @Zaimwa9 !

An optional thing, not blocking:

• SCSS could lean on utilities. A lot of MetricsPage.scss (and some of CreateMetricForm.scss) re-declares stuff we already have classes for — colours (text-secondary, bg-surface-subtle, border-default), rounded-md, and flex/gap layout. Moving those to utilities trims the SCSS by roughly a third and keeps it for the genuinely custom bits (cards, pills, selected states). The blocker to going further is the few off-scale paddings/gaps (12px, 14px, 2px), if those snap to the Bootstrap scale (8/16px → gap-2/p-2/p-3), they can use utilities too.