From e70560c0ad2ba5def5aaa988d06eb2a1a2d71517 Mon Sep 17 00:00:00 2001
From: iris <iris@hyperhive.local>
Date: Wed, 4 Nov 2026 16:47:46 +0100
Subject: [PATCH] swarm-ui: format the allowed-domains badge row

---
 .../src/agent/detail/AllowedDomains.tsx       | 56 +++++++++----------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx b/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
index 7d38ec62..7017ef08 100644
--- a/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
+++ b/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
@@ -141,34 +141,34 @@ export function AllowedDomains({ agent }: { agent: string }) {
           <Badge label="allowed domains" value="none added" />
         ) : null}
         {entryGroups(shown).map((g) => (
-        <BadgePopover
-          key={g.source}
-          label={GROUP_LABEL[g.source]}
-          value={g.entries.length}
-          title={groupHelp(g.source, agent)}
-          popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
-        >
-          <p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
-          <ul class="ui-badge-popover-list">
-            {g.entries.map((e) => (
-              <li key={`${e.agent ?? "*"}/${e.domain}`}>
-                <Badge value={e.domain} />{" "}
-                {e.derived === true ? null : (
-                  <Badge
-                    variant="quiet"
-                    value="remove"
-                    title={`stop allowing ${e.domain} for ${
-                      e.agent === undefined ? "every agent" : agent
-                    }`}
-                    disabled={busy}
-                    onClick={() => void remove(e)}
-                  />
-                )}
-              </li>
-            ))}
-          </ul>
-        </BadgePopover>
-      ))}
+          <BadgePopover
+            key={g.source}
+            label={GROUP_LABEL[g.source]}
+            value={g.entries.length}
+            title={groupHelp(g.source, agent)}
+            popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
+          >
+            <p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
+            <ul class="ui-badge-popover-list">
+              {g.entries.map((e) => (
+                <li key={`${e.agent ?? "*"}/${e.domain}`}>
+                  <Badge value={e.domain} />{" "}
+                  {e.derived === true ? null : (
+                    <Badge
+                      variant="quiet"
+                      value="remove"
+                      title={`stop allowing ${e.domain} for ${
+                        e.agent === undefined ? "every agent" : agent
+                      }`}
+                      disabled={busy}
+                      onClick={() => void remove(e)}
+                    />
+                  )}
+                </li>
+              ))}
+            </ul>
+          </BadgePopover>
+        ))}
         <Badge
           variant="quiet"
           value="add"