Debounce component search input

[Mbeaulne]

Description

The component search input now debounces user keystrokes by 200ms before updating the query state used for lexical search and AI search. A new DebouncedComponentSearchInput component manages its own local input value and only commits to the parent after the debounce delay, preventing expensive lexical search operations from running on every keystroke. useDeferredValue is applied to the committed query so that React can deprioritize the search re-renders, keeping the input responsive. The AI search button is now enabled only after the debounced query has settled, and the test has been updated to wait for that enabled state before clicking.

Related Issue and Pull requests

Type of Change

• Bug fix
• New feature
• Improvement
• Cleanup/Refactor
• Breaking change
• Documentation update

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

1. Open the Dashboard Components view.
2. Type rapidly into the search box and confirm the UI remains responsive without lag on each keystroke.
3. Pause typing and confirm search results appear after ~200ms.
4. Verify the AI search button only becomes enabled once the debounced query has committed.
5. Click AI search and confirm it runs against the expected candidate pool.

Additional Comments

The onCommit callback reference is stabilised via a useRef so the debounce useEffect does not restart its timer when the parent re-renders with a new callback identity.

[github-actions]

🎩 Preview

A preview build has been created at: 06-18-fix_search_input_lag/ba5f48a

[Mbeaulne]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Debounce component search input #2433 👈 (View in Graphite)
• add client-side embeddings cached in IndexedDB #2432
• Add search quality expectation tests for lexical search #2431
• Add deep AI search to rerank all components in selected sources #2430
• Add source-diverse AI rerank candidate pool #2429
• Add negative constraint parsing to lexical search #2428
• Add fuzzy/typo-tolerant matching for component name and I/O fields #2427
• Improve component search scoring relevance #2426
• Add synonym expansion to component lexical search #2425
• Normalize component search tokens for better matching #2424
• Expand component search indexing fields #2423
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.