fix(ui): clean up task panel UX — deduplicate buttons, fix hierarchy and hover#3030
Merged
fix(ui): clean up task panel UX — deduplicate buttons, fix hierarchy and hover#3030
Conversation
Contributor
🧪 BenchmarkShould we run the Virtual MCP strategy benchmark for this PR? React with 👍 to run the benchmark.
Benchmark will run on the next push after you react. |
Contributor
Release OptionsSuggested: Patch ( React with an emoji to override the release type:
Current version:
|
Contributor
There was a problem hiding this comment.
1 issue found across 2 files (changes from recent commits).
Prompt for AI agents (unresolved issues)
Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.
<file name="apps/mesh/src/web/components/chat/side-panel-tasks.tsx">
<violation number="1">
P2: Passing `onTaskCreate` here re-enables the Tasks section header `+` button, creating duplicate task-creation actions alongside the existing top `New task` button.</violation>
</file>
Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review.
…and hover Remove duplicate add buttons (4→2), change section headers from ALL-CAPS to sentence case with shorter height for visual hierarchy, normalize automation row alignment with left icon, swap archive icon from trash to archive, and make list hover states instant instead of 150ms fade. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add + button to Tasks section header (matching Automations), re-wire onTaskCreate prop, and remove transition-colors from navItemClass so all interactive rows in the panel share instant hover behavior. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
90e1955 to
4cf8bbb
Compare
Wrap automation icon in a size-6 container to match task status icon alignment in the side panel. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What is this contribution about?
UX cleanup for the tasks panel sidebar, addressing three issues from the recent redesign (#3026):
NewAutomationButtonfrom the top nav and the+from the Tasks section header. Now there's one "New task" button (top nav, keeps ⇧⌘S shortcut) and one+for automations (in the Automations section header).uppercase tracking-wide) to sentence case with reduced height (h-8+mt-2) so they read as labels, not interactive rows.AutomationRowgap fromgap-3togap-2and added a leftRefreshCcw01icon so text aligns withTaskRow. Swapped archive button icon fromTrash01toArchive(the action hides, not deletes).transition-colors(150ms) from row hover states and switched timestamp/archive button from opacity fade to instantinvisible/visible. List scanning now feels crisp instead of smeared.Net result: -88 lines, cleaner hierarchy, no duplicate actions.
How to Test
+for automations (section header)Review Checklist
Summary by cubic
Cleaned up the tasks panel and made actions consistent. Removed the redundant automation button, added a “+” to Tasks, clarified hierarchy, aligned icons and rows, made hover instant, and removed empty-state text.
NewAutomationButton; “+” in “Tasks” header wired toonTaskCreate.AutomationRowusesgap-2with a leadingRefreshCcw01wrapped in a size-6 container to match task icon alignment; archive icon switched toArchive.navItemClass; timestamp/archive useinvisible/visiblefor instant feedback.virtualMcpandvirtualMcpCtxare present.Written for commit d504b7e. Summary will update on new commits.