Skip to content

Conversation

BrunoQuaresma
Copy link
Collaborator

Fixes #19524

Screenshot:

Screenshot 2025-08-25 at 14 59 11

Demo:

Screen.Recording.2025-08-25.at.14.59.15.mov

Changes:

  • Change "View workspace" button to icon + "Workspace"
  • Updated the title to use the workspace name instead of the prompt
  • Added a prompt button, so the user can see what is the prompt that is running + copy it easily

Copy link
Member

@Parkreiner Parkreiner left a comment

Choose a reason for hiding this comment

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

Things look really good overall! Just had some ideas for tweaking a few things

@@ -30,21 +37,71 @@ export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
</Tooltip>
</TooltipProvider>

<h1 className="m-0 text-base font-medium truncate">{task.prompt}</h1>
<h1 className="m-0 ml-2 text-base font-medium truncate">
Copy link
Member

Choose a reason for hiding this comment

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

I think that technically it won't be a huge deal, but could we swap the ml-2 for pl-2? That would reduce the risk of CSS styling side effects

</RouterLink>
</Button>
<div className="ml-auto gap-2 flex items-center">
<TooltipProvider delayDuration={0}>
Copy link
Member

Choose a reason for hiding this comment

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

Do we want the duration to be set so aggressively low? Radix's default value is 700ms

Comment on lines +88 to +106
return (
<Button
disabled={showCopiedSuccess}
onClick={copyToClipboard}
size="sm"
variant="subtle"
className="p-0 min-w-0"
>
{showCopiedSuccess ? (
<>
<CheckIcon /> Copied!
</>
) : (
<>
<CopyIcon /> Copy
</>
)}
</Button>
);
Copy link
Member

Choose a reason for hiding this comment

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

In isolation, I think this is perfectly fine, but do we want to centralize the implementation for this, so we can make sure the UI stays more consistent?

I'm seeing a few other buttons in the codebase that are wired up very similarly (making a call to useClipboard, using the CheckIcon and CopyIcon components), and I'm just worried about them drifting over time

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.

bug: Tasks top bar is stretching buttons on the right
2 participants