[OPIK-4444] [FE] Audit and fix dropdown action buttons for UI consistency

[andriidudar]

Details

Audited and fixed dropdown action buttons across the app for alignment, labels, and UI consistency.

menu-action-alignment.mov

New ListAction component (components/ui/list-action.tsx):

• Reusable button component for dropdown/popover action items (e.g., "Add new", "Manage")
• Supports asChild prop via Radix Slot for rendering as links
• Consistent styling: comet-body-s-accented, h-10, px-4, text-primary, hover highlight

Standardized 8 dropdown action patterns across the app:

• FeedbackDefinitionsSelectBox — "Add new"
• DashboardSelectBox — "Add new"
• DatasetSelectBox — "Add new"
• PromptModelSelect — "Manage AI providers" (with Settings2 icon)
• PromptsSelectBox — "Save as new"
• MetricSelector — "Add new"
• DatasetVersionSelectBox — "Add new"
• WorkspaceSelector — "Manage workspaces" (as link via asChild)

API key submenu redesign (UserMenu.tsx):

• Replaced full-row click-to-copy with split action icons: copy | settings
• Icons are 14px, text-light-slate color with hover state, matching Figma specs
• Copy and manage API keys are independent actions separated by a vertical divider

Removed unnecessary UI elements:

• Removed back chevron from organization switch submenu in WorkspaceSelector

Change checklist

• User facing
• Documentation update

Issues

• OPIK-4444

Testing

• Verified all dropdown action buttons render correctly with consistent alignment and labels
• Ran lint:fix, typecheck, and deps:validate — all pass with zero errors
• Ran E2E sanity suite — 7/7 UI tests pass (5 failures are pre-existing backend issues unrelated to this change)

Documentation

N/A — no new configuration or API changes

[github-actions]

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.10.15-4237 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch andriidudar/OPIK-4444-extract-list-action-component
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

[github-actions]

❌ Failed to trigger base version deployment

Please check the workflow logs for more details.

[github-actions]

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.10.15-4237 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch andriidudar/OPIK-4444-extract-list-action-component
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

[github-actions]

❌ Failed to trigger base version deployment

Please check the workflow logs for more details.

[github-actions]

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.10.15-4237 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch andriidudar/OPIK-4444-extract-list-action-component
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.