feat: allow any operator in segment top rule

[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

Contributes to #7400

Adds frontend support for top-level ANY rule type in the segment editor, enabling segments like (env=Prod AND id=1) OR (env=QA AND id=2).

• New InlinePillToggle component (with small/medium/large sizes + Storybook story) for the ALL/ANY selector
• Selector is gated behind the segment_any_rule_type feature flag
• Switching between ALL and ANY converts all sub-rule types accordingly (ANY ↔ ALL)
• Sub-rule dividers and condition labels (And/Or) update based on top-level type
• "Add AND NOT Condition" hidden in ANY mode
• Warning shown when top-level rules have mixed types (from API-created segments)
• Diff display (diff-utils.ts) handles ALL sub-rule types and dynamic connectors

How did you test this code?

Manually:

1. Enable segment_any_rule_type flag, open a project, create a new segment
2. Toggle the pill to ANY — verify labels become "Or", button becomes "Add OR Condition", "Add AND NOT" disappears
3. Add multiple OR groups with AND-ed conditions, save, reload — structure persists
4. Toggle back to ALL — sub-rules convert back to ANY
5. Open an API-created segment with mixed top-level types — warning displays

[claude]

⚠️ Code review skipped — your organization's overage spend limit has been reached.

Code review is billed via overage credits. To resume reviews, an organization admin can raise the monthly limit at claude.ai/admin-settings/claude-code.

Once credits are available, reopen this pull request to trigger a review.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	May 6, 2026 9:09am
flagsmith-frontend-preview	Ready	Preview, Comment	May 6, 2026 9:09am
flagsmith-frontend-staging	Ready	Preview, Comment	May 6, 2026 9:09am

[github-actions]

Docker builds report

Image	Build Status	Security report

[chromatic-com]

Important

Testing in progress…

⏳ UI Tests: Running 294 tests…
⏳ UI Review: Comparing 147 stories…
Storybook Publish: 147 stories published

[github-actions]

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

 1 failed

Details

 1 test across 1 suite
 20.1 seconds
 aff9247
 📦 Artifacts: View test results and HTML report
🔄 Run: #16531 (attempt 1)

Failed tests

firefox › tests/segment-test.pw.ts › Segment test 4 - Create ANY rule type segment and verify match changes when rule is updated @oss

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

 2 failed

Details

 2 tests across 1 suite
 21.3 seconds
 aff9247
 📦 Artifacts: View test results and HTML report
🔄 Run: #16531 (attempt 1)

Failed tests

firefox › tests/segment-test.pw.ts › Segment test 1 - Create, update, and manage segments with multivariate flags @oss
firefox › tests/segment-test.pw.ts › Segment test 4 - Create ANY rule type segment and verify match changes when rule is updated @oss

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

 2 passed

Details

 2 tests across 1 suite
 42.8 seconds
 da5bb98
 🔄 Run: #16532 (attempt 1)

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

 1 failed

Details

 1 test across 1 suite
 40.5 seconds
 da5bb98
 📦 Artifacts: View test results and HTML report
🔄 Run: #16532 (attempt 1)

Failed tests

firefox › tests/segment-test.pw.ts › Segment test 4 - Create ANY rule type segment and verify match changes when rule is updated @oss

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

 2 passed

Details

 2 tests across 2 suites
 57.6 seconds
 da5bb98
 🔄 Run: #16532 (attempt 1)

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

 1 failed

Details

 1 test across 1 suite
 40.5 seconds
 da5bb98
 📦 Artifacts: View test results and HTML report
🔄 Run: #16532 (attempt 1)

Failed tests

firefox › tests/segment-test.pw.ts › Segment test 4 - Create ANY rule type segment and verify match changes when rule is updated @oss

[github-actions]

Visual Regression

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