AD-24 Visual refinements and UI visibility improvements

[Finfinder]

Objective

Apply visual refinements to the workbench UI and improve visibility of Search results, Problems panel, and bottom panel tabs.

Context

The current UI implementation has several visibility and visual polish issues that affect usability. Search results lack proper contrast and highlighting, the Problems panel needs better diagnostic display, and bottom panel tabs/options menu items have insufficient visibility in the dark theme.

Scope

• Search results: improve contrast for result items, add highlighted search matches, ensure proper text truncation with tooltips
• Problems panel: enhance diagnostic display with severity colors, improve row spacing and readability, add file path navigation
• Bottom panel tabs: increase visibility of active/inactive states, ensure proper focus indicators
• Options menu: improve visibility of menu items in dark theme, add hover states and keyboard navigation
• General visual polish: ensure WCAG 2.1 AA compliance for all updated UI elements

Rationale

Visual clarity and proper contrast are essential for developer productivity. The current implementation makes it difficult to distinguish between different types of results and navigate the UI efficiently.

Benefits

• Better readability of search results with clear match highlighting
• Improved diagnostic visibility in the Problems panel
• Clearer navigation state in bottom panel tabs
• More accessible options menu with proper contrast
• Consistent dark theme experience across all UI regions

Definition of Done

• Search results display with proper contrast and highlighted matches
• Problems panel shows diagnostics with severity-based styling
• Bottom panel tabs have clear active/inactive visual states
• Options menu items are clearly visible in dark theme
• All changes meet WCAG 2.1 AA contrast requirements
• Keyboard navigation works for all updated UI elements

Milestone

1.0 Stabilize MVP