fix(nodes): per-category client email lists behind the node count chips

NodeView carried only the category counts, so the nodes page chips
could hover to nothing but the category title. GetAll/recountByGuid
now emit online/active/disabled/depleted email lists from the same
bucketing pass as the counts (statuses gain the client email;
the online list is the counted set), and the chips pop the list
over with the inbounds page's popover pattern.

frontend/src/pages/nodes/NodeList.tsx

@@ -1,6 +1,18 @@
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Badge, Button, Card, Dropdown, Modal, Space, Switch, Table, Tag, Tooltip } from 'antd';
+import {
+  Badge,
+  Button,
+  Card,
+  Dropdown,
+  Modal,
+  Popover,
+  Space,
+  Switch,
+  Table,
+  Tag,
+  Tooltip,
+} from 'antd';
 import type { BadgeProps } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import {
@@ -48,6 +60,45 @@ function isUpdateEligible(n: NodeRecord): boolean {
   return !!n.enable && n.status === 'online';
 }
 
+// One category chip of the nodes table's clients cell. When the backend
+// sent the category's email list, hovering pops the list over (same
+// pattern as the inbounds page); without a list it keeps the plain
+// category tooltip. Chip styling is identical either way.
+function CategoryChip({
+  title,
+  emails,
+  color,
+  count,
+}: {
+  title: string;
+  emails?: string[];
+  color?: string;
+  count: number;
+}) {
+  const tag = (
+    <Tag color={color} className="client-count-tag" style={{ margin: 0, padding: '0 2px' }}>
+      {count}
+    </Tag>
+  );
+  if (emails && emails.length > 0) {
+    return (
+      <Popover
+        title={title}
+        content={
+          <div className="client-email-list">
+            {emails.map((e) => (
+              <div key={e}>{e}</div>
+            ))}
+          </div>
+        }
+      >
+        {tag}
+      </Popover>
+    );
+  }
+  return <Tooltip title={title}>{tag}</Tooltip>;
+}
+
 interface NodeRow extends NodeRecord {
   url: string;
   key: string | number;
@@ -495,44 +546,35 @@ export default function NodeList({
               <TeamOutlined /> {record.clientCount || 0}
             </Tag>
             {record.activeCount ? (
-              <Tooltip title={t('subscription.active')}>
-                <Tag
-                  color="green"
-                  className="client-count-tag"
-                  style={{ margin: 0, padding: '0 2px' }}
-                >
-                  {record.activeCount}
-                </Tag>
-              </Tooltip>
+              <CategoryChip
+                title={t('subscription.active')}
+                emails={record.activeEmails}
+                color="green"
+                count={record.activeCount}
+              />
             ) : null}
             {record.disabledCount ? (
-              <Tooltip title={t('disabled')}>
-                <Tag className="client-count-tag" style={{ margin: 0, padding: '0 2px' }}>
-                  {record.disabledCount}
-                </Tag>
-              </Tooltip>
+              <CategoryChip
+                title={t('disabled')}
+                emails={record.disabledEmails}
+                count={record.disabledCount}
+              />
             ) : null}
             {record.depletedCount ? (
-              <Tooltip title={t('depleted')}>
-                <Tag
-                  color="red"
-                  className="client-count-tag"
-                  style={{ margin: 0, padding: '0 2px' }}
-                >
-                  {record.depletedCount}
-                </Tag>
-              </Tooltip>
+              <CategoryChip
+                title={t('depleted')}
+                emails={record.depletedEmails}
+                color="red"
+                count={record.depletedCount}
+              />
             ) : null}
             {record.onlineCount ? (
-              <Tooltip title={t('online')}>
-                <Tag
-                  color="blue"
-                  className="client-count-tag"
-                  style={{ margin: 0, padding: '0 2px' }}
-                >
-                  {record.onlineCount}
-                </Tag>
-              </Tooltip>
+              <CategoryChip
+                title={t('online')}
+                emails={record.onlineEmails}
+                color="blue"
+                count={record.onlineCount}
+              />
             ) : null}
           </Space>
         ),