[$250] [Due for payment 2026-03-11] Concierge Appearing in Right-Hand Pane When It Shouldn’t

[m-natarajan]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 9.3.11-12
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from BrowserStack:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @JmillsExpensify
Slack conversation (hyperlinked to channel name): #Expensify Bugs

Action Performed:

1. Navigate to Reports
2. Open Advanced filters or column
3. Observe the RHP

Expected Result:

Concierge should not appear in RHP

Actual Result:

Concierge Appearing in Right-Hand Pane When It Shouldn’t

Workaround:

Unknown

Platforms:

Select the officially supported platforms where the issue was reproduced:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari

Screenshots/Videos

Recording.2312.mp4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @mallenexpensify

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022031495425331902654
• Upwork Job ID: 2031495425331902654
• Last Price Increase: 2026-03-10

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @rojiphil (External)

[melvin-bot]

Triggered auto assignment to @mallenexpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[ryntgh]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Concierge Appearing in Right-Hand Pane When It Shouldn’t

What is the root cause of that problem?

The Search RHP screens (Advanced filters at search/filters and Columns at search/columns) use HeaderWithBackButton without overriding the help button. HeaderWithBackButton defaults to shouldDisplayHelpButton = true, so the Concierge/Help icon is shown in those RHP views. Other RHP or search contexts (e.g. MoneyRequestHeader, SearchSidebar TopBar, SearchRouter) already pass shouldDisplayHelpButton={false} so the icon is hidden there

App/src/components/HeaderWithBackButton/index.tsx

Lines 71 to 72 in e39e097

	shouldDisplayHelpButton = true,
	shouldDisplaySearchRouter = false,

App/src/pages/Search/SearchColumnsPage.tsx

Lines 218 to 220 in e39e097

	<HeaderWithBackButton title={translate('search.columns')}>
	{!isDefaultState && <TextLink onPress={resetColumns}>{translate('search.resetColumns')}</TextLink>}
	</HeaderWithBackButton>

App/src/pages/Search/SearchAdvancedFiltersPage.tsx

Lines 46 to 48 in e39e097

	<HeaderWithBackButton title={translate('search.filtersHeader')}>
	{shouldShowResetFilters && <TextLink onPress={clearAdvancedFilters}>{translate('search.resetFilters')}</TextLink>}
	</HeaderWithBackButton>

What changes do you think we should make in order to solve the problem?

Pass shouldDisplayHelpButton={false} to HeaderWithBackButton

            <HeaderWithBackButton title={translate('search.columns')} shouldDisplayHelpButton={false}>

App/src/pages/Search/SearchColumnsPage.tsx

Lines 218 to 220 in e39e097

	<HeaderWithBackButton title={translate('search.columns')}>
	{!isDefaultState && <TextLink onPress={resetColumns}>{translate('search.resetColumns')}</TextLink>}
	</HeaderWithBackButton>

            <HeaderWithBackButton title={translate('search.filtersHeader')} shouldDisplayHelpButton={false}>

App/src/pages/Search/SearchAdvancedFiltersPage.tsx

Lines 46 to 48 in e39e097

	<HeaderWithBackButton title={translate('search.filtersHeader')}>
	{shouldShowResetFilters && <TextLink onPress={clearAdvancedFilters}>{translate('search.resetFilters')}</TextLink>}
	</HeaderWithBackButton>

Apply the same shouldDisplayHelpButton={false} on every other Search RHP page that renders HeaderWithBackButton

Details

1. SavedSearchRenamePage
2. SearchFiltersCardPage
3. SearchFiltersExpenseTypePage
4. SearchFiltersAttendeePage
5. SearchFiltersCategoryPage
6. SearchFiltersWorkspacePage
7. SearchFiltersWithdrawalTypePage
8. SearchFiltersTypePage
9. SearchFiltersToPage
10. SearchFiltersTaxRatePage
11. SearchFiltersTagPage
12. SearchFiltersStatusPage
13. SearchFiltersIsPage
14. SearchFiltersInPage
15. SearchFiltersHasPage
16. SearchFiltersGroupByPage
17. SearchFiltersFromPage
18. SearchFiltersAssigneePage
19. SearchFiltersReportFieldPage
20. ReportFieldText
21. ReportFieldList
22. SearchFiltersTextBase
23. SearchFiltersCurrencyBase
24. SearchFiltersAmountBase
25. SearchBooleanFilterBasePage
26. DateFilterBase

Note: we can also apply the same shouldDisplayHelpButton={false} on every other RHP that does not need Concierge button

What alternative solutions did you explore? (Optional)

NA

[mallenexpensify]

@rojiphil @ryntgh , testing AI triage.
@rojiphil review @ryntgh 's proposal first.
If either of you want to use details from the MelvinBot post, go for it.

[MelvinBot]

🔍 Issue Analysis

Summary: The Concierge/Help button is appearing in Search RHP (Right-Hand Pane) screens (Advanced Filters and Columns) when it shouldn't.

Root Cause: HeaderWithBackButton component defaults shouldDisplayHelpButton to true. The Search RHP pages (SearchColumnsPage, SearchAdvancedFiltersPage, and related filter pages) use this component without explicitly setting shouldDisplayHelpButton={false}, causing the Concierge button to render unexpectedly.

Recommended Fix: Add shouldDisplayHelpButton={false} to all HeaderWithBackButton usages in Search RHP pages:

1. src/pages/Search/SearchColumnsPage.tsx:218
2. src/pages/Search/SearchAdvancedFiltersPage.tsx:46
3. All filter sub-pages listed in the proposal

Detailed Investigation

Root Cause Analysis

The HeaderWithBackButton component at src/components/HeaderWithBackButton/index.tsx:71 has:

shouldDisplayHelpButton = true,

This default is intentional for most contexts, but Search RHP screens should not show the Concierge button. At line 323:

{shouldDisplayHelpButton && <SidePanelButton />}

The SidePanelButton component renders the Concierge/Help icon when shouldDisplayHelpButton is true.

Evidence Chain

1. SearchColumnsPage.tsx:218 uses <HeaderWithBackButton title={translate('search.columns')}> without the prop
2. SearchAdvancedFiltersPage.tsx:46 uses <HeaderWithBackButton title={translate('search.filtersHeader')}> without the prop
3. Both inherit the default shouldDisplayHelpButton = true
4. Result: Concierge button appears in the header

Relevant Code

• src/components/HeaderWithBackButton/index.tsx:71 - Default value definition
• src/components/HeaderWithBackButton/index.tsx:323 - Conditional rendering of SidePanelButton
• src/pages/Search/SearchColumnsPage.tsx:218 - Missing prop
• src/pages/Search/SearchAdvancedFiltersPage.tsx:46 - Missing prop

Implementation Notes

• The fix is straightforward: add shouldDisplayHelpButton={false} to each affected component
• The proposal from @ryntgh correctly identifies all 26+ files that need this change
• Other areas of the app (e.g., MoneyRequestHeader, SearchSidebar) already pass shouldDisplayHelpButton={false} as the expected pattern

---

Next Steps: The proposal from @ryntgh is accurate and comprehensive. Reply with @MelvinBot implement this to create a draft PR, or assign a contributor to implement the fix.

[rojiphil]

@ryntgh proposal LGTM.
🎀👀🎀 C+ reviewed

[melvin-bot]

Triggered auto assignment to @carlosmiceli, see https://stackoverflow.com/c/expensify/questions/7972 for more details.