db-console: add metrics to network page

Changes the network page to add two new graphs. The first shows the number of proxy requests each node is sending. The second shows any proxy errors that occur. Epic: none Release note (ui change): Adds two new graphs to the network page.
cockroachdb · Mar 25, 2024 · 2fcf790 · 2fcf790
1 parent a8dd3d2
commit 2fcf790
Showing 1 changed file with 77 additions and 1 deletion.
diff --git a/...i/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/networking.tsx b/...i/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/networking.tsx
@@ -187,7 +187,7 @@ export default function (props: GraphDashboardProps) {
     <LineGraph
       title="Unhealthy RPC Connections"
       tooltip={`The number of outgoing connections on each node that are in an
-          unhealthy state.`}
+        unhealthy state.`}
       showMetricsInTooltip={true}
     >
       <Axis label="connections">
@@ -202,5 +202,81 @@ export default function (props: GraphDashboardProps) {
         ))}
       </Axis>
     </LineGraph>,
+
+    <LineGraph
+      title="Proxy requests"
+      tooltip={`The number of proxy attempts each gateway node is initiating.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="requests">
+        {nodeIDs.map(nid => (
+          <Metric
+            key={nid}
+            name="cr.node.distsender.rpc.proxy.sent"
+            title={nodeDisplayName(nodeDisplayNameByID, nid)}
+            sources={storeIDsForNode(storeIDsByNodeID, nid)}
+            tenantSource={tenantSource}
+            nonNegativeRate
+          />
+        ))}
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Proxy request errors"
+      tooltip={`The number of proxy attempts which resulted in an error.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="errors">
+        {nodeIDs.map(nid => (
+          <Metric
+            key={nid}
+            name="cr.node.distsender.rpc.proxy.err"
+            title={nodeDisplayName(nodeDisplayNameByID, nid)}
+            sources={storeIDsForNode(storeIDsByNodeID, nid)}
+            tenantSource={tenantSource}
+            nonNegativeRate
+          />
+        ))}
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Proxy forwards"
+      tooltip={`The number of proxy requests each server node is attempting to foward.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="requests">
+        {nodeIDs.map(nid => (
+          <Metric
+            key={nid}
+            name="cr.node.distsender.rpc.proxy.forward.sent"
+            title={nodeDisplayName(nodeDisplayNameByID, nid)}
+            sources={storeIDsForNode(storeIDsByNodeID, nid)}
+            tenantSource={tenantSource}
+            nonNegativeRate
+          />
+        ))}
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Proxy forward errors"
+      tooltip={`The number of proxy forward attempts which resulted in an error.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="errors">
+        {nodeIDs.map(nid => (
+          <Metric
+            key={nid}
+            name="cr.node.distsender.rpc.proxy.forward.err"
+            title={nodeDisplayName(nodeDisplayNameByID, nid)}
+            sources={storeIDsForNode(storeIDsByNodeID, nid)}
+            tenantSource={tenantSource}
+            nonNegativeRate
+          />
+        ))}
+      </Axis>
+    </LineGraph>,
   ];
 }