feat(web): FE Changes for Brave Web Search 3/3 (#8597)

[justin-tahara]

Description

How Has This Been Tested?

Additional Options

• [Required] I have considered whether this PR needs to be cherry-picked to the latest beta branch.
• [Optional] Override Linear Check

---

Summary by cubic

Adds Brave Search as a new web search provider in Admin. Users can now configure Brave Search via API and see the Brave logo in the UI.

• New Features
  • Added “brave” provider with label, helper text, logo, and API key docs link.
  • Provider marked as requires API key; no extra config keys.

^{Written for commit 45b8b5f. Summary will update on new commits.}

[cubic-dev-ai]

No issues found across 2 files

[greptile-apps]

Greptile Summary

This PR adds frontend support for Brave Web Search as a new search provider option in the web search configuration interface. The changes include adding the Brave logo asset and updating the search provider utilities to recognize and configure Brave alongside existing providers like Google PSE, Serper, Exa, and SearXNG.

Changes:

• Added Brave.svg logo file to web/public/ directory
• Extended WebSearchProviderType union type to include "brave"
• Added Brave configuration to SEARCH_PROVIDER_DETAILS with label, subtitle, helper text, logo path, and API key documentation URL
• Added Brave capabilities to SEARCH_PROVIDER_CAPABILITIES (requires API key, no additional config fields)

The implementation follows the established pattern for other search providers and integrates seamlessly with the existing UI in page.tsx.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The changes are straightforward frontend additions that follow existing patterns for other search providers. The code is consistent with the codebase structure, properly typed, and integrates well with the backend implementation (verified that BRAVE exists in backend enums). No logic bugs, security issues, or breaking changes detected.
• No files require special attention

Important Files Changed

Filename	Overview
web/public/Brave.svg	Added Brave Search logo SVG asset for UI display
web/src/app/admin/configuration/web-search/searchProviderUtils.ts	Added brave to search provider types and configured its metadata and capabilities

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[User Opens Web Search Config] --> B{Select Search Provider}
    B --> C[Google PSE]
    B --> D[Serper]
    B --> E[Exa]
    B --> F[SearXNG]
    B --> G[Brave - NEW]
    
    G --> H{Provider Configured?}
    H -->|No| I[Show Connect Button]
    I --> J[Open Setup Modal]
    J --> K[Enter Brave API Key]
    K --> L[Validate API Key]
    L -->|Success| M[Save Configuration]
    L -->|Error| N[Show Error Message]
    
    H -->|Yes| O[Show Set as Default Button]
    O --> P[Activate Brave Provider]
    P --> Q[Update Active Search Provider]
    
    M --> R[SEARCH_PROVIDER_DETAILS<br/>brave config]
    Q --> R
    
    R --> S[Backend: BRAVE enum<br/>in shared_configs/enums.py]

Loading

_{Last reviewed commit: 45b8b5f}