Skip to content

fix(ui): clean up task panel UX — deduplicate buttons, fix hierarchy and hover#3030

Merged
tlgimenes merged 3 commits intomainfrom
rafavalls/taskpanel-ux-review
Apr 7, 2026
Merged

fix(ui): clean up task panel UX — deduplicate buttons, fix hierarchy and hover#3030
tlgimenes merged 3 commits intomainfrom
rafavalls/taskpanel-ux-review

Conversation

@rafavalls
Copy link
Copy Markdown
Collaborator

@rafavalls rafavalls commented Apr 7, 2026

What is this contribution about?

UX cleanup for the tasks panel sidebar, addressing three issues from the recent redesign (#3026):

  1. Duplicate add buttons (4→2) — Removed NewAutomationButton from 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).
  2. Section headers — Changed "AUTOMATIONS" and "TASKS" from ALL-CAPS (uppercase tracking-wide) to sentence case with reduced height (h-8 + mt-2) so they read as labels, not interactive rows.
  3. Row alignment & icons — Normalized AutomationRow gap from gap-3 to gap-2 and added a left RefreshCcw01 icon so text aligns with TaskRow. Swapped archive button icon from Trash01 to Archive (the action hides, not deletes).
  4. Hover feel — Removed transition-colors (150ms) from row hover states and switched timestamp/archive button from opacity fade to instant invisible/visible. List scanning now feels crisp instead of smeared.

Net result: -88 lines, cleaner hierarchy, no duplicate actions.

How to Test

  1. Open a project with automations and tasks in the sidebar
  2. Verify only one "New task" button (top) and one + for automations (section header)
  3. Section headers should be sentence case ("Automations", "Tasks") and visually smaller than rows
  4. Hover over task rows quickly — hover should feel instant, no fade lag
  5. Archive button on task hover should show an archive icon, not a trash icon
  6. Also test the global tasks panel (no project) — same improvements apply

Review Checklist

  • PR title is clear and descriptive
  • Changes are tested and working
  • No breaking changes

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.

  • Refactors
    • Actions: keep “New task” in top nav (⇧⌘S); remove top NewAutomationButton; “+” in “Tasks” header wired to onTaskCreate.
    • Hierarchy & alignment: section headers in sentence case with shorter height; AutomationRow uses gap-2 with a leading RefreshCcw01 wrapped in a size-6 container to match task icon alignment; archive icon switched to Archive.
    • Hover: removed 150ms transitions from rows and navItemClass; timestamp/archive use invisible/visible for instant feedback.
    • Empty states: removed “No tasks” and “No automations” messages.
    • Safety: only show project header/settings when both virtualMcp and virtualMcpCtx are present.

Written for commit d504b7e. Summary will update on new commits.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 7, 2026

🧪 Benchmark

Should we run the Virtual MCP strategy benchmark for this PR?

React with 👍 to run the benchmark.

Reaction Action
👍 Run quick benchmark (10 & 128 tools)

Benchmark will run on the next push after you react.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 7, 2026

Release Options

Suggested: Patch (2.242.5) — based on fix: prefix

React with an emoji to override the release type:

Reaction Type Next Version
👍 Prerelease 2.242.5-alpha.1
🎉 Patch 2.242.5
❤️ Minor 2.243.0
🚀 Major 3.0.0

Current version: 2.242.4

Note: If multiple reactions exist, the smallest bump wins. If no reactions, the suggested bump is used (default: patch).

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 2 files

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Apr 7, 2026

Deploying decocms-admin-frontend with  Cloudflare Pages  Cloudflare Pages

Latest commit: 96556ce
Status:🚫  Build failed.

View logs

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Comment thread apps/mesh/src/web/components/chat/side-panel-tasks.tsx
rafavalls and others added 2 commits April 7, 2026 15:44
…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>
@tlgimenes tlgimenes force-pushed the rafavalls/taskpanel-ux-review branch from 90e1955 to 4cf8bbb Compare April 7, 2026 18:44
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>
@tlgimenes tlgimenes merged commit c6e9ff8 into main Apr 7, 2026
15 checks passed
@tlgimenes tlgimenes deleted the rafavalls/taskpanel-ux-review branch April 7, 2026 19:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants