feat(s3): add a copy button for the bucket name

packages/frontend/src/components/StorageObjectBrowser.tsx

@@ -17,6 +17,7 @@ import type {CapabilitySchema, ObjectActionName} from '@/types/schema'
 import {formatBytes, objectIconKind, objectPreviewKind} from '@/lib/format'
 import {ImagePreviewModal} from '@/components/ImagePreviewModal'
 import {ObjectThumbnail} from '@/components/ObjectThumbnail'
+import {CopyValueButton} from '@/components/CopyValueButton'
 
 interface StorageObjectBrowserProps {
     cloud: CloudProvider
@@ -268,7 +269,7 @@ export function StorageObjectBrowser({cloud, resource, capabilities = [], runtim
             <div className="object-browser-header">
                 <div>
                     <p className="eyebrow">Objects</p>
-                    <h3>{resource.name}</h3>
+                    <h3>{cloud === 'aws' ? <span className="copy-value">{resource.name}<CopyValueButton value={resource.name} label="Bucket name"/></span> : resource.name}</h3>
                     <div className="object-browser-subtitle">
                         <ObjectBreadcrumb prefix={prefix} onNavigate={navigate}/>
                         <span>{totalFolders} folders, {totalFiles} {objectLabel}</span>