From 32810b4b08a41069363bde503ec730f5d21b3fbd Mon Sep 17 00:00:00 2001
From: Govinda Vashishtha <57435703+govindavashishtha@users.noreply.github.com>
Date: Wed, 23 Sep 2026 11:59:22 +0530
Subject: [PATCH] refactor: improve styling and structure in
 AgentSessionDetailHeader component

- Updated padding and line height for better visual consistency.
- Replaced button with a Ghost button for improved UI interaction.
- Minor adjustments to class names for clarity and maintainability.
---
 .../agent-details/AgentSessionDetailHeader.tsx   | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx b/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
index bbdd97144..d470ac83e 100644
--- a/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
+++ b/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
@@ -45,21 +45,19 @@ export function AgentSessionDetailHeader({
 
   return (
     <div className="flex shrink-0 items-center gap-3 border-b border-border p-3">
-      <div className="flex min-w-0 flex-1 items-center gap-1.5">
-        <h2 className="min-w-0 truncate text-sm font-semibold text-text-primary">{title}</h2>
-        <code className="min-w-0 truncate font-mono text-xs text-text-secondary">{sessionId}</code>
+      <div className="flex min-w-0 flex-1 items-center gap-1.5 pb-0.5">
+        <h2 className="min-w-0 truncate text-sm font-semibold leading-none text-text-primary">{title}</h2>
+        <code className="min-w-0 truncate font-mono text-xs leading-none text-text-secondary">{sessionId}</code>
         <LightTooltip title={copied ? 'Copied' : 'Copy session link'} dismissOnClick={false}>
-          <button
+          <Button.Ghost
             type="button"
+            size="icon"
             aria-label="Copy session link"
-            className={cn(
-              'inline-flex size-6 shrink-0 items-center justify-center rounded-md text-text-secondary',
-              'hover:bg-ghost-button-hover hover:text-text-primary',
-            )}
+            className="size-6"
             onClick={() => void copySessionLink()}
           >
             <Icon name="link" className="size-3.5" />
-          </button>
+          </Button.Ghost>
         </LightTooltip>
       </div>
       {resumeLabel != null && resumeHref != null && canResume ? (