Skip to content
This repository was archived by the owner on May 15, 2026. It is now read-only.

feat: enhance subtask button visibility#12359

Draft
roomote-v0[bot] wants to merge 2 commits into
mainfrom
feature/enhance-subtask-button-visibility
Draft

feat: enhance subtask button visibility#12359
roomote-v0[bot] wants to merge 2 commits into
mainfrom
feature/enhance-subtask-button-visibility

Conversation

@roomote-v0
Copy link
Copy Markdown
Contributor

@roomote-v0 roomote-v0 Bot commented May 13, 2026

This PR attempts to address Issue #12358. Feedback and guidance are welcome.

Problem

The "View task" / "Go to subtask" buttons in the chat view were using text-vscode-descriptionForeground, making them barely visible and easy to miss -- especially when a subtask is interrupted by a question and the user needs to navigate to it.

Additionally, when a subtask is actively running, the parent task had no clear indicator in the button bar area, making it easy to accidentally interact with the wrong task.

Changes

1. Enhanced "View task" button styling (ChatRow.tsx)

  • Updated both "Go to subtask" buttons (in the newTask tool section and the subtask_result section) to use:
    • text-vscode-textLink-foreground for the link color (matching VSCode link styling)
    • bg-vscode-textLink-foreground/10 subtle background with hover:bg-vscode-textLink-foreground/20
    • font-medium weight for better readability
    • px-2 py-1 rounded padding and border radius for a button-like appearance
    • transition-colors for smooth hover effect

2. "Show subtask" button in ChatView button bar (ChatView.tsx)

  • When a parent task has an active subtask (awaitingChildId is set):
    • If no other action buttons are showing, displays a primary "Show subtask" button
    • If action buttons are already present (e.g. "Resume Task"), displays "Show subtask" as a secondary button alongside them
  • Clicking the button navigates to the active subtask via showTaskWithId
  • This prevents accidental interaction with the parent task while a subtask is running

3. i18n keys (en/chat.json)

  • Added subtasks.showActiveSubtask and subtasks.showActiveSubtaskTooltip keys

4. CSS variable (index.css)

  • Added --color-vscode-textLink-activeForeground CSS variable

Testing

  • All 6 existing subtask link tests pass
  • 4 new tests added for the "Show subtask" button behavior
  • All 30 existing ChatView and ChatRow subtask tests pass
  • Lint and type checks pass across all packages

Make the "View task" / "Go to subtask" buttons in ChatRow more visually
prominent by using the VSCode link color with a subtle background,
replacing the previous muted description foreground color that was
barely visible.

Changes:
- ChatRow.tsx: Updated both "Go to subtask" buttons (newTask tool and
  subtask_result) to use text-vscode-textLink-foreground with a
  bg-vscode-textLink-foreground/10 background, font-medium weight,
  padding, and rounded corners for a button-like appearance
- index.css: Added --color-vscode-textLink-activeForeground CSS
  variable for hover state support

Addresses #12358
When a parent task has an active subtask (awaitingChildId is set),
a "Show subtask" button now appears in the button bar area:

- If no other action buttons are present, it shows as the primary button
- If action buttons are already showing (e.g. resume_task), it appears
  as a secondary button alongside them

This prevents users from missing that a subtask is running and
accidentally interacting with the wrong task.

Includes 4 new tests for the Show subtask button behavior.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant