🐛 Fixed missing server-side label search in recipient & segment selects

[kevinansfield]

refs https://linear.app/tryghost/issue/ONC-1529

• The paginated label loading refactor (Replaced limit=all with paginated loading for label dropdowns #26655) missed adding server-side search to gh-members-recipient-select and gh-members-segment-select
• Users with many labels had to manually scroll through all pages before search could find labels not yet loaded client-side
• Added conditional server-side search (via labelsManager.searchLabelsTask) to both components, matching the pattern already used by gh-member-label-input
• Tiers, statuses, and offers are still filtered client-side since they're always fully loaded
• Fixed labels found via search result not being selectable in some cases

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

Walkthrough

Replaces token-based inputs with a new GhSegmentTokenInput and updates recipient/segment select components to use segment-focused props (nonLabelOptions, selectedSegments, hideLabelsComputed/hasSpecificOptions) instead of merged label+option arrays. GhSegmentTokenInput centralizes label loading, server-side search, mergedOptions, selectedOptions and a loadMoreLabelsTask via labelsManager. GhMembersSegmentSelect and GhMembersRecipientSelect remove label-management logic and expose non-label options/flags. Mirage labels route now supports server-side filtering and pagination. New integration tests exercise selection, pagination, and client/server search behaviors.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title directly refers to the main change: adding server-side label search to recipient and segment select components, which matches the core objective of the PR.
Description check	✅ Passed	The PR description clearly relates to the changeset, detailing the issue of missing server-side search in label selection components and how the changes address it.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch worktree-ONC-1529-publish-flow-label-search

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 3

🧹 Nitpick comments (1)

ghost/admin/tests/integration/components/gh-members-recipient-select-test.js (1)

69-69: Replace fixed sleeps with deterministic waits to reduce flakiness.

The file contains 8 fixed 100ms delays at lines 69, 77, 84, 109, 113, 138, 142, and 146 that can intermittently fail in slower CI runs. Since waitUntil is already imported and used in this test file (line 151), replace each await timeout(100); with explicit DOM or request condition checks. This pattern is already demonstrated in the existing code: await waitUntil(() => server.pretender.handledRequests.some(...)).

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@ghost/admin/tests/integration/components/gh-members-recipient-select-test.js`
at line 69, Replace the eight fixed sleeps (`await timeout(100);`) in the
gh-members-recipient-select tests with deterministic waits: use the existing
waitUntil pattern (e.g. await waitUntil(() =>
server.pretender.handledRequests.some(r => r.url.includes('...')))) or DOM-aware
helpers (await find, await settled, or waitUntil(() =>
!!document.querySelector('...'))) to wait for the specific network request or
element state the test relies on; update each occurrence to check the exact
request URL/handler or element visibility/disabled state instead of a timeout so
tests become deterministic (use the same request-checking pattern already used
in this file with server.pretender.handledRequests and waitUntil).

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@ghost/admin/app/components/gh-segment-token-input.js`:
- Around line 42-44: The getter useServerSideSearch currently returns
!this.labelsManager.hasLoadedAll but ignores hideLabels; update it to also
return false when this.hideLabels is true (e.g. return false if this.hideLabels
|| this.labelsManager.hasLoadedAll) and likewise update the other place around
lines 88-90 where the search wrapper/scroll can trigger loadMoreTask to bail out
early if this.hideLabels is true; ensure any logic that decides to
render/activate the search wrapper or call loadMoreTask checks this.hideLabels
before proceeding (referencing useServerSideSearch, this.hideLabels,
labelsManager.hasLoadedAll, and loadMoreTask).

In `@ghost/admin/tests/integration/components/gh-members-segment-select-test.js`:
- Around line 139-140: Tighten the server search assertion inside the waitUntil
call so it verifies the actual typed term is present: update the predicate that
checks server.pretender.handledRequests (used in waitUntil) to ensure
r.queryParams.filter both contains 'name:~' and also contains the specific term
'Label 50' (or the URL‑encoded equivalent) instead of only checking for 'name:~'
alone; modify the anonymous predicate used in the await waitUntil(...) to
require both substrings so the test fails if the typed term is missing.
- Line 33: Replace all fixed sleeps that call timeout(...) in the
gh-members-segment-select-test (the await timeout(...) usages) with
condition-based waits: after render() and after clickTrigger() use await
settled(); for places waiting on DOM updates or async state, use await
waitUntil(() => /* specific condition checking the expected DOM/state change,
e.g. element presence, text or class */). Update each occurrence that currently
uses timeout(...) so it awaits the appropriate settled() or waitUntil()
condition tied to the assertion that follows (use existing imports settled and
waitUntil and refer to the surrounding helpers like render and clickTrigger to
determine which to use).

---

Nitpick comments:
In
`@ghost/admin/tests/integration/components/gh-members-recipient-select-test.js`:
- Line 69: Replace the eight fixed sleeps (`await timeout(100);`) in the
gh-members-recipient-select tests with deterministic waits: use the existing
waitUntil pattern (e.g. await waitUntil(() =>
server.pretender.handledRequests.some(r => r.url.includes('...')))) or DOM-aware
helpers (await find, await settled, or waitUntil(() =>
!!document.querySelector('...'))) to wait for the specific network request or
element state the test relies on; update each occurrence to check the exact
request URL/handler or element visibility/disabled state instead of a timeout so
tests become deterministic (use the same request-checking pattern already used
in this file with server.pretender.handledRequests and waitUntil).

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 5278413f-9686-4ebd-8db7-fbf3997e061c

📥 Commits

Reviewing files that changed from the base of the PR and between be516c4 and 41757e74c7a50f401dc1f545bcfc4d61e5f7ac6b.

📒 Files selected for processing (9)

• ghost/admin/app/components/gh-members-recipient-select.hbs
• ghost/admin/app/components/gh-members-recipient-select.js
• ghost/admin/app/components/gh-members-segment-select.hbs
• ghost/admin/app/components/gh-members-segment-select.js
• ghost/admin/app/components/gh-segment-token-input.hbs
• ghost/admin/app/components/gh-segment-token-input.js
• ghost/admin/mirage/config/labels.js
• ghost/admin/tests/integration/components/gh-members-recipient-select-test.js
• ghost/admin/tests/integration/components/gh-members-segment-select-test.js

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

ghost/admin/app/components/gh-members-recipient-select.js (1)

64-66: Optional: normalize selectedSpecificSegments output.

Trimming here avoids selection mismatch if incoming filter tokens contain spaces.

Proposed patch

     get selectedSpecificSegments() {
-        return Array.from(this.specificFilters);
+        return Array.from(this.specificFilters)
+            .map(segment => segment.trim())
+            .filter(Boolean);
     }

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@ghost/admin/app/components/gh-members-recipient-select.js` around lines 64 -
66, selectedSpecificSegments currently returns Array.from(this.specificFilters)
without normalizing items, so tokens with surrounding whitespace can cause
selection mismatches; update the getter (selectedSpecificSegments) to map and
trim each entry from Array.from(this.specificFilters) and remove any empty
strings (e.g., filter out entries that become empty after trim) so consumers get
consistent, whitespace-normalized segment identifiers from specificFilters.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@ghost/admin/app/components/gh-members-segment-select.js`:
- Around line 24-35: The incoming segment parsing uses (this.args.segment ||
'').split(',') without trimming, so tokens with surrounding whitespace fail
includes() checks and matching; update the parsing in both the method that
defines the segments variable (used for the status:free / status:-free includes
checks and filtering logic) and the selectedSegments getter to normalize by
splitting then mapping each token through trim() and filtering falsy values,
i.e., replace raw split(...) usages with a normalizedTokens variable (or
similar) that does .split(',').map(t => t.trim()).filter(Boolean) and use that
for the includes(...) checks and return value of selectedSegments.

---

Nitpick comments:
In `@ghost/admin/app/components/gh-members-recipient-select.js`:
- Around line 64-66: selectedSpecificSegments currently returns
Array.from(this.specificFilters) without normalizing items, so tokens with
surrounding whitespace can cause selection mismatches; update the getter
(selectedSpecificSegments) to map and trim each entry from
Array.from(this.specificFilters) and remove any empty strings (e.g., filter out
entries that become empty after trim) so consumers get consistent,
whitespace-normalized segment identifiers from specificFilters.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: d5c5ecb2-918c-410a-8f3e-7e7fbc966063

📥 Commits

Reviewing files that changed from the base of the PR and between 5a593045685bb198e8989516491c869f5aac507e and c38b0df.

📒 Files selected for processing (9)

• ghost/admin/app/components/gh-members-recipient-select.hbs
• ghost/admin/app/components/gh-members-recipient-select.js
• ghost/admin/app/components/gh-members-segment-select.hbs
• ghost/admin/app/components/gh-members-segment-select.js
• ghost/admin/app/components/gh-segment-token-input.hbs
• ghost/admin/app/components/gh-segment-token-input.js
• ghost/admin/mirage/config/labels.js
• ghost/admin/tests/integration/components/gh-members-recipient-select-test.js
• ghost/admin/tests/integration/components/gh-members-segment-select-test.js

🚧 Files skipped from review as they are similar to previous changes (5)

• ghost/admin/mirage/config/labels.js
• ghost/admin/app/components/gh-segment-token-input.hbs
• ghost/admin/app/components/gh-members-recipient-select.hbs
• ghost/admin/app/components/gh-segment-token-input.js
• ghost/admin/tests/integration/components/gh-members-segment-select-test.js