From 3ae4a641eb96cbe8eb9963414efac6d7ca5ae00b Mon Sep 17 00:00:00 2001
From: J <j@multica.ai>
Date: Wed, 15 Jul 2026 03:38:36 +0800
Subject: [PATCH] fix(attribution): put run avatar on the meta-line middot
 rhythm (MUL-4767)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The accountable-member avatar in the agent Activity 'Recent work' rows
was appended to the middot-delimited meta line with only a 2px nudge
(ml-0.5), so it read as glued to the duration while every other item
(status / time / duration) is spaced by a '·' separator.

Give the avatar a leading separator so it shares the same rhythm, and
gate both on task.attribution?.initiator — the exact condition the
avatar badge itself renders on — so no dangling separator is left for
an unattributed run.

Co-authored-by: multica-agent <github@multica.ai>
---
 .../agents/components/tabs/activity-tab.tsx   | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/views/agents/components/tabs/activity-tab.tsx b/packages/views/agents/components/tabs/activity-tab.tsx
index 44770704e4..61c6838a40 100644
--- a/packages/views/agents/components/tabs/activity-tab.tsx
+++ b/packages/views/agents/components/tabs/activity-tab.tsx
@@ -641,13 +641,20 @@ function TaskRow({
             </>
           )}
           {/* Accountable member (MUL-4302 §9): whose behalf this run is on.
-              Avatar-only keeps the meta line tight; renders nothing when the
-              run has no resolved responsible member. */}
-          <AttributionBadge
-            attribution={task.attribution}
-            variant="avatar"
-            className="ml-0.5"
-          />
+              A leading separator keeps the avatar on the same middot rhythm as
+              the rest of the meta line instead of glued to the duration. The
+              guard mirrors the badge's own render condition (avatar-only needs
+              an initiator) so no dangling separator is left for an
+              unattributed run. */}
+          {task.attribution?.initiator && (
+            <>
+              <Sep />
+              <AttributionBadge
+                attribution={task.attribution}
+                variant="avatar"
+              />
+            </>
+          )}
         </div>
       </div>