tree 2130a0ea66503cd5123d2f340a91684698266ce9
parent 112b92376c97b8da64cc1c954896957cfc479f3d
author Josh Bleecher Snyder <josharian@gmail.com> 1748494930 +0000
committer Josh Bleecher Snyder <josharian@gmail.com> 1748548241 -0700

webui: add specialized tool card for keyword_search tool

Create dedicated tool card component for keyword_search with enhanced
visual presentation and proper display formatting to improve tool
visibility and user experience in the webui interface.

Implementation Details:

1. Created SketchToolCardKeywordSearch component:
   - Displays search icon (🔍) with query text in summary
   - Shows truncated search terms with "..." indicator for overflow
   - Structured input display with Query and Search terms sections
   - Proper result display in pre-formatted text block

2. Enhanced visual presentation:
   - Flexible layout with query text taking available space
   - Search terms displayed in monospace font with subtle background
   - Responsive design that handles long queries and term lists
   - Consistent styling with other specialized tool cards

3. Integrated with tool card system:
   - Added keyword_search case to cardForToolCall() switch statement
   - Registered component in HTMLElementTagNameMap declarations
   - Follows established pattern for specialized tool card components

4. Visual summary improvements:
   - Query text with search icon for immediate recognition
   - First 3 search terms shown with overflow indication
   - Clean separation between query and search terms
   - Maintains compact display in timeline view

The specialized tool card replaces the generic fallback for keyword_search
operations, providing better visual hierarchy and more intuitive display
of search parameters and results. This enhances the debugging and review
experience when working with keyword search operations in the interface.

Testing confirmed the component renders correctly and displays keyword_search
tool calls with proper formatting and visual indicators in the webui timeline.

Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: sd04c9e87873b5d0ck