From f9bff5954f190ce697b9d4ed6ed3b3992343e854 Mon Sep 17 00:00:00 2001
From: Owen <owen@txv.io>
Date: Mon, 23 Mar 2026 21:49:22 -0700
Subject: [PATCH] Add filters and refine table and query

---
 .../[orgId]/settings/logs/connection/page.tsx | 78 ++++++++-----------
 1 file changed, 33 insertions(+), 45 deletions(-)

diff --git a/src/app/[orgId]/settings/logs/connection/page.tsx b/src/app/[orgId]/settings/logs/connection/page.tsx
index 7ac137467..1d93e0658 100644
--- a/src/app/[orgId]/settings/logs/connection/page.tsx
+++ b/src/app/[orgId]/settings/logs/connection/page.tsx
@@ -639,6 +639,31 @@ export default function ConnectionLogsPage() {
                                 {row.destAddr ?? "—"}
                             </span>
                         </div>
+                    </div>
+                    <div className="space-y-2">
+                        {/*<div className="flex items-center gap-1 font-semibold text-sm mb-1">
+                            Resource & Site
+                        </div>*/}
+                        {/*<div>
+                            <strong>Resource:</strong>{" "}
+                            {row.resourceName ?? "—"}
+                            {row.resourceNiceId && (
+                                <span className="text-muted-foreground ml-1">
+                                    ({row.resourceNiceId})
+                                </span>
+                            )}
+                        </div>*/}
+                        <div>
+                            <strong>Site:</strong> {row.siteName ?? "—"}
+                            {row.siteNiceId && (
+                                <span className="text-muted-foreground ml-1">
+                                    ({row.siteNiceId})
+                                </span>
+                            )}
+                        </div>
+                        <div>
+                            <strong>Site ID:</strong> {row.siteId ?? "—"}
+                        </div>
                         <div>
                             <strong>Started At:</strong>{" "}
                             {row.startedAt
@@ -659,66 +684,29 @@ export default function ConnectionLogsPage() {
                             <strong>Duration:</strong>{" "}
                             {formatDuration(row.startedAt, row.endedAt)}
                         </div>
-                    </div>
-                    <div className="space-y-2">
-                        {/*<div className="flex items-center gap-1 font-semibold text-sm mb-1">
-                            Resource & Site
-                        </div>*/}
-                        <div>
-                            <strong>Resource:</strong>{" "}
-                            {row.resourceName ?? "—"}
-                            {row.resourceNiceId && (
-                                <span className="text-muted-foreground ml-1">
-                                    ({row.resourceNiceId})
-                                </span>
-                            )}
-                        </div>
-                        <div>
-                            <strong>Site:</strong> {row.siteName ?? "—"}
-                            {row.siteNiceId && (
-                                <span className="text-muted-foreground ml-1">
-                                    ({row.siteNiceId})
-                                </span>
-                            )}
-                        </div>
-                        <div>
-                            <strong>Site ID:</strong> {row.siteId ?? "—"}
-                        </div>
-                        <div>
+                        {/*<div>
                             <strong>Resource ID:</strong>{" "}
                             {row.siteResourceId ?? "—"}
-                        </div>
+                        </div>*/}
                     </div>
                     <div className="space-y-2">
                         {/*<div className="flex items-center gap-1 font-semibold text-sm mb-1">
                             Client & Transfer
                         </div>*/}
-                        <div>
-                            <strong>Client:</strong> {row.clientName ?? "—"}
-                            {row.clientId && (
-                                <span className="text-muted-foreground ml-1">
-                                    (ID: {row.clientId})
-                                </span>
-                            )}
-                        </div>
-                        <div>
-                            <strong>User:</strong>{" "}
-                            {row.userEmail ?? row.userId ?? "—"}
-                        </div>
-                        <div>
+                        {/*<div>
                             <strong>Bytes Sent (TX):</strong>{" "}
                             {formatBytes(row.bytesTx)}
-                        </div>
-                        <div>
+                        </div>*/}
+                        {/*<div>
                             <strong>Bytes Received (RX):</strong>{" "}
                             {formatBytes(row.bytesRx)}
-                        </div>
-                        <div>
+                        </div>*/}
+                        {/*<div>
                             <strong>Total Transfer:</strong>{" "}
                             {formatBytes(
                                 (row.bytesTx ?? 0) + (row.bytesRx ?? 0)
                             )}
-                        </div>
+                        </div>*/}
                     </div>
                 </div>
             </div>