@@ -7,6 +7,7 @@ import { workspaceQuota } from "api/queries/workspaceQuota";
77import type * as TypesGen from "api/typesGenerated" ;
88import { Avatar } from "components/Avatar/Avatar" ;
99import { AvatarData } from "components/Avatar/AvatarData" ;
10+ import { CopyButton } from "components/CopyButton/CopyButton" ;
1011import {
1112Topbar ,
1213TopbarAvatar ,
@@ -350,9 +351,20 @@ const WorkspaceBreadcrumb: FC<WorkspaceBreadcrumbProps> = ({
350351< PopoverTrigger >
351352< span css = { styles . breadcrumbSegment } >
352353< TopbarAvatar src = { templateIconUrl } fallback = { templateDisplayName } />
353- < span css = { [ styles . breadcrumbText , { fontWeight :500 } ] } >
354- { workspaceName }
355- </ span >
354+ < div css = { { display :"flex" , alignItems :"center" , gap :"4px" } } >
355+ < span css = { [ styles . breadcrumbText , { fontWeight :500 } ] } >
356+ { workspaceName }
357+ </ span >
358+ < CopyButton
359+ text = { workspaceName }
360+ tooltipTitle = "Copy workspace name"
361+ buttonStyles = { {
362+ padding :"4px" ,
363+ minWidth :"24px" ,
364+ height :"24px" ,
365+ } }
366+ />
367+ </ div >
356368</ span >
357369</ PopoverTrigger >
358370