From 54d6f0b94a69428dc2c0b64499a5ee4a760a239b Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Fri, 20 Mar 2026 04:40:00 +0100
Subject: [PATCH] fix(electrobun): remove message gap for gapless timeline
 lines, add user bubble margin

---
 ui-electrobun/src/mainview/AgentPane.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui-electrobun/src/mainview/AgentPane.svelte b/ui-electrobun/src/mainview/AgentPane.svelte
index b1a00f1..f297492 100644
--- a/ui-electrobun/src/mainview/AgentPane.svelte
+++ b/ui-electrobun/src/mainview/AgentPane.svelte
@@ -111,7 +111,7 @@
     {#each messages as msg, idx (msg.id)}
       {@const isFirst = idx === 0}
       {@const isLast = idx === messages.length - 1}
-      {@const isTimeline = msg.role !== 'user'}
+      <!-- timeline rows have no gap; user bubbles get margin -->
       <div class="msg-row msg-animated">
         {#if msg.role === 'user'}
           <div class="user-bubble">{msg.content}</div>
@@ -249,7 +249,7 @@
     padding: 1.25rem 1.25rem 2.5rem;
     display: flex;
     flex-direction: column;
-    gap: 0.625rem;
+    gap: 0; /* No gap — timeline lines must connect between rows */
   }
 
   .messages-scroll::-webkit-scrollbar { width: 0.25rem; }
@@ -295,6 +295,7 @@
     border: 1px solid var(--ctp-surface1);
     border-radius: 6px;
     padding: 0.25rem 0.375rem;
+    margin: 0.5rem 0; /* spacing since parent gap is 0 */
     font-size: 0.8125rem;
     line-height: 1.5;
     color: var(--ctp-text);