From 481ae9f69e4f93817d713cc18866ad434f84bef5 Mon Sep 17 00:00:00 2001
From: Wes <wesbillman@users.noreply.github.com>
Date: Fri, 21 Aug 2026 10:28:15 -0600
Subject: [PATCH] fix(desktop): restore icon-only remote marker

Restore the agreed compact cloud treatment while retaining accessible provenance text and the loading, interaction, and exact-routing safeguards.

Co-authored-by: Wes <wesbillman@users.noreply.github.com>
Co-authored-by: Carl <32a2e2c9d428ee08902cab75d956da2c1d235a22d4766b0dd4138bf6e2e5db1d@buzz.block.builderlab.xyz>
Signed-off-by: Wes <wesbillman@users.noreply.github.com>
---
 .../agents/ui/OtherSetupAgentMarker.tsx       | 13 +++------
 desktop/tests/e2e/mentions.spec.ts            | 27 ++++++++++++-------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/desktop/src/features/agents/ui/OtherSetupAgentMarker.tsx b/desktop/src/features/agents/ui/OtherSetupAgentMarker.tsx
index e653943469..19ef31bd75 100644
--- a/desktop/src/features/agents/ui/OtherSetupAgentMarker.tsx
+++ b/desktop/src/features/agents/ui/OtherSetupAgentMarker.tsx
@@ -1,7 +1,6 @@
 import { Cloud } from "lucide-react";
 
 import { cn } from "@/shared/lib/cn";
-import { Badge } from "@/shared/ui/badge";
 
 const OTHER_SETUP_LABEL = "From another Buzz setup";
 
@@ -13,18 +12,14 @@ export function OtherSetupAgentMarker({
   testId?: string;
 }) {
   return (
-    <Badge
+    <span
       aria-label={OTHER_SETUP_LABEL}
-      className={cn(
-        "gap-1 px-1.5 py-0.5 font-medium normal-case tracking-normal",
-        className,
-      )}
+      className={cn("inline-flex shrink-0", className)}
       data-testid={testId}
+      role="img"
       title={OTHER_SETUP_LABEL}
-      variant="secondary"
     >
       <Cloud aria-hidden="true" className="h-3 w-3" />
-      Other setup
-    </Badge>
+    </span>
   );
 }
diff --git a/desktop/tests/e2e/mentions.spec.ts b/desktop/tests/e2e/mentions.spec.ts
index 351f4c71f0..7236ed3163 100644
--- a/desktop/tests/e2e/mentions.spec.ts
+++ b/desktop/tests/e2e/mentions.spec.ts
@@ -379,19 +379,25 @@ test("duplicate owned agents preserve provenance and exact pubkey selection", as
     0,
   );
   await expect(relayRow).toContainText("agent");
-  await expect(
-    relayRow.getByTestId("mention-agent-provenance"),
-  ).toHaveAttribute("aria-label", "From another Buzz setup");
-  await expect(
-    relayRow.getByText("Other setup", { exact: true }),
-  ).toBeVisible();
+  const relayProvenanceMarker = relayRow.getByTestId(
+    "mention-agent-provenance",
+  );
+  await expect(relayProvenanceMarker).toHaveAttribute(
+    "aria-label",
+    "From another Buzz setup",
+  );
+  await expect(relayProvenanceMarker).toHaveAttribute(
+    "title",
+    "From another Buzz setup",
+  );
+  await expect(relayProvenanceMarker).toBeVisible();
+  await expect(relayProvenanceMarker).toHaveText("");
+  await expect(relayProvenanceMarker.locator("svg")).toBeVisible();
   await expect(managedRow).not.toContainText("managed by you");
   await expect(relayRow).not.toContainText("managed by you");
 
   await page.setViewportSize({ width: 760, height: 640 });
-  await expect(
-    relayRow.getByText("Other setup", { exact: true }),
-  ).toBeVisible();
+  await expect(relayProvenanceMarker).toBeVisible();
   const rowBox = await relayRow.boundingBox();
   const dropdownBox = await dropdown.boundingBox();
   expect(rowBox).not.toBeNull();
@@ -470,7 +476,8 @@ test("duplicate owned agents preserve provenance and exact pubkey selection", as
     "aria-label",
     "From another Buzz setup",
   );
-  await expect(remoteSidebarMarker).toHaveText("Other setup");
+  await expect(remoteSidebarMarker).toHaveText("");
+  await expect(remoteSidebarMarker.locator("svg")).toBeVisible();
   const remoteSidebarRow = page.getByTestId(`sidebar-member-${relayPubkey}`);
   const localSidebarMarker = page.getByTestId(
     `sidebar-member-agent-provenance-${managedPubkey}`,