From c1dc8c2793829271de60179b985ed8170507c9ff Mon Sep 17 00:00:00 2001
From: Ziqi Xu <ziqi@MacBook-Pro.local>
Date: Thu, 28 May 2026 17:41:34 +0200
Subject: [PATCH] fix: align agent row cards

---
 .../apps/agent/entrypoints/app/agents/AgentList.tsx           | 2 +-
 .../apps/agent/entrypoints/app/agents/AgentRowCard.tsx        | 4 ++--
 .../entrypoints/app/agents/agent-row/AgentLastMessage.tsx     | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentList.tsx b/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentList.tsx
index 54a2beb36..0ed381951 100644
--- a/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentList.tsx
+++ b/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentList.tsx
@@ -85,7 +85,7 @@ export const AgentList: FC<AgentListProps> = ({
   }
 
   return (
-    <div className="grid gap-3">
+    <div className="grid min-w-0 gap-3">
       {ordered.map((agent) => {
         const harness = harnessAgentLookup?.get(agent.agentId)
         const adapter: HarnessAgentAdapter | 'unknown' =
diff --git a/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentRowCard.tsx b/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentRowCard.tsx
index f54866fba..dc81276a9 100644
--- a/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentRowCard.tsx
+++ b/packages/browseros-agent/apps/agent/entrypoints/app/agents/AgentRowCard.tsx
@@ -42,7 +42,7 @@ export const AgentRowCard: FC<AgentRowCardProps> = ({
         // visibly perturb neighbouring rows. Only the border tint
         // shifts on hover, and the rail's vertical rhythm stays
         // exactly the same in every state.
-        'group rounded-xl border bg-card p-4 shadow-sm transition-colors',
+        'group w-full min-w-0 rounded-xl border bg-card p-6 shadow-sm transition-colors',
         data.status === 'working'
           ? 'border-[var(--accent-orange)]/40'
           : data.status === 'error'
@@ -50,7 +50,7 @@ export const AgentRowCard: FC<AgentRowCardProps> = ({
             : 'border-border hover:border-[var(--accent-orange)]/30',
       )}
     >
-      <div className="flex items-start gap-4">
+      <div className="flex min-w-0 items-start gap-4">
         <AgentTile
           adapter={data.adapter}
           status={data.status}
diff --git a/packages/browseros-agent/apps/agent/entrypoints/app/agents/agent-row/AgentLastMessage.tsx b/packages/browseros-agent/apps/agent/entrypoints/app/agents/agent-row/AgentLastMessage.tsx
index df6e764d1..3426f5191 100644
--- a/packages/browseros-agent/apps/agent/entrypoints/app/agents/agent-row/AgentLastMessage.tsx
+++ b/packages/browseros-agent/apps/agent/entrypoints/app/agents/agent-row/AgentLastMessage.tsx
@@ -24,12 +24,12 @@ export const AgentLastMessage: FC<AgentLastMessageProps> = ({ message }) => {
   }
   const preview = truncate(firstNonBlankLine(message), PREVIEW_CHARS)
   return (
-    <p className="mt-1.5 flex items-start gap-1.5 text-foreground/85 text-sm italic leading-snug">
+    <p className="mt-1.5 flex min-w-0 items-start gap-1.5 text-foreground/85 text-sm italic leading-snug">
       <Quote
         className="mt-1 size-3 shrink-0 text-muted-foreground/60"
         aria-hidden
       />
-      <span className="truncate">{preview}</span>
+      <span className="min-w-0 flex-1 truncate">{preview}</span>
     </p>
   )
 }