fix: update layout and improve badge display in connections views

changelog.md

@@ -1,8 +1,9 @@
 # B4 - Bye Bye Big Bro
 
-## [1.4x.x] - 2026-04-xx
+## [1.49.1] - 2026-04-20
 
-- FIXED: **Routing stopped working after restarting tun2socks / sing-box** — if the proxy's network interface was recreated, or wasn't ready yet when B4 started, traffic routing silently broke until B4 was restarted too. B4 now detects these changes automatically and restores routing within a second.
+- FIXED: **Routing stopped working after restarting tun2socks / sing-box** - if the proxy's network interface was recreated, or wasn't ready yet when B4 started, traffic routing silently broke until B4 was restarted too. B4 now detects these changes automatically and restores routing within a second.
+- FIXED: **Connections page - Aggregated view layout** - the set name was shown twice when a set matched both by domain and by IP, and the SOCKS5 "proxy" label could overlap the domain column.
 
 ## [1.49.0] - 2026-04-18
 

src/http/ui/src/components/connections/views/DetailPane.tsx

@@ -290,7 +290,7 @@ export const DetailPane = memo<Props>(
                 {group.hostSet && (
                   <B4Badge color="secondary" label={group.hostSet} />
                 )}
-                {group.ipSet && (
+                {group.ipSet && group.ipSet !== group.hostSet && (
                   <B4Badge color="secondary" label={group.ipSet} />
                 )}
               </Stack>

src/http/ui/src/components/connections/views/GroupList.tsx

@@ -72,7 +72,7 @@ export const GroupList = ({
           zIndex: 1,
         }}
       >
-        <Box sx={{ width: 110, flexShrink: 0 }}>
+        <Box sx={{ width: 170, flexShrink: 0 }}>
           <Typography sx={{ color: colors.secondary, fontWeight: 600, fontSize: 14 }}>
             {t("connections.table.protocol")}
           </Typography>

src/http/ui/src/components/connections/views/GroupRow.tsx

@@ -60,7 +60,7 @@ export const GroupRow = memo<Props>(
           transition: "background-color 80ms",
         }}
       >
-        <Box sx={{ width: 110, flexShrink: 0 }}>
+        <Box sx={{ width: 170, flexShrink: 0, overflow: "hidden" }}>
           <ProtocolChip protocol={group.protocol} flags={group.flags} />
         </Box>
 
@@ -192,7 +192,9 @@ export const GroupRow = memo<Props>(
             {group.hostSet && (
               <B4Badge color="secondary" label={group.hostSet} />
             )}
-            {group.ipSet && <B4Badge color="secondary" label={group.ipSet} />}
+            {group.ipSet && group.ipSet !== group.hostSet && (
+              <B4Badge color="secondary" label={group.ipSet} />
+            )}
           </Stack>
         </Box>