@@ -80,27 +80,33 @@ export function ReportCard({
8080 >
8181 < Flex align = "start" justify = "between" gap = "3" >
8282 < Flex direction = "column" gap = "1" style = { { minWidth : 0 , flex : 1 } } >
83- < Flex align = "center" gapX = "2" wrap = "wrap" >
83+ { /* Bullet stays in its own column so title + badges wrap under each other, not under the dot */ }
84+ < Flex align = "center" gapX = "2" className = "min-w-0" >
8485 < span
8586 title = { `Signal strength: ${ strengthLabel } ` }
8687 aria-hidden
88+ className = "shrink-0"
8789 style = { {
8890 width : "6px" ,
8991 height : "6px" ,
9092 borderRadius : "9999px" ,
9193 backgroundColor : strengthColor ,
9294 display : "inline-block" ,
93- flexShrink : 0 ,
9495 } }
9596 />
96- < Text
97- size = "1"
98- weight = "medium"
99- className = "block min-w-0 truncate font-mono text-[12px]"
97+ < Flex
98+ align = "center"
99+ gapX = "2"
100+ wrap = "wrap"
101+ className = "min-w-0 flex-1"
100102 >
101- { report . title ?? "Untitled signal" }
102- </ Text >
103- < Flex align = "center" gapX = "2" wrap = "wrap" >
103+ < Text
104+ size = "1"
105+ weight = "medium"
106+ className = "min-w-0 flex-1 basis-0 truncate font-mono text-[12px]"
107+ >
108+ { report . title ?? "Untitled signal" }
109+ </ Text >
104110 < span
105111 className = "shrink-0 rounded-sm px-1 py-px font-mono text-[9px] uppercase tracking-wider"
106112 style = { {
@@ -113,14 +119,18 @@ export function ReportCard({
113119 </ span >
114120 < SignalReportPriorityBadge priority = { report . priority } />
115121 </ Flex >
116- < div style = { { opacity : isReady ? 1 : 0.82 } } >
117- < SignalReportSummaryMarkdown
118- content = { report . summary }
119- fallback = "No summary yet — still collecting context."
120- variant = "list"
121- />
122- </ div >
123122 </ Flex >
123+ { /* Summary is outside the title row so wrapped lines align with title text (bullet + gap), not the card edge */ }
124+ < div
125+ className = "min-w-0 pl-[calc(6px+var(--space-2))]"
126+ style = { { opacity : isReady ? 1 : 0.82 } }
127+ >
128+ < SignalReportSummaryMarkdown
129+ content = { report . summary }
130+ fallback = "No summary yet — still collecting context."
131+ variant = "list"
132+ />
133+ </ div >
124134 </ Flex >
125135 < Flex direction = "column" align = "end" gap = "1" className = "shrink-0" >
126136 < Text size = "1" color = "gray" className = "font-mono text-[11px]" >
0 commit comments