ui: add value separation metrics to storage dashboard

Extend the storage dashboard to include value separation metrics. For now this
includes referenced and unreferenced value byte totals and the sum of the size
of all blob files.

Informs #156391.
Epic: none
Release note: none

Author: jbowens

pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/storage.tsx

@@ -475,6 +475,61 @@ export default function (props: GraphDashboardProps) {
       </Axis>
     </LineGraph>,
 
+    <LineGraph
+      title="Value Separated Bytes"
+      sources={storeSources}
+      isKvGraph={true}
+      tenantSource={tenantSource}
+      tooltip={
+        <div>
+          The volume of bytes stored separated from keys, externally in blob files.
+        </div>
+      }
+      showMetricsInTooltip={true}
+    >
+      <Axis units={AxisUnits.Bytes} label="bytes">
+        {multipleStoreMetrics(
+          [
+            {
+              prefix: "referenced",
+              name: "cr.store.storage.value_separation.value_bytes.referenced",
+              aggregateMax: true,
+            },
+            {
+              prefix: "unreferenced",
+              name: "cr.store.storage.value_separation.value_bytes.unreferenced",
+              aggregateMax: true,
+            },
+          ],
+          nodeIDs,
+          storeIDsByNodeID,
+        )}
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Blob File Sizes"
+      sources={storeSources}
+      isKvGraph={true}
+      tenantSource={tenantSource}
+      tooltip={
+        <div>
+          The aggregate physical size of blob files storing separated values.
+        </div>
+      }
+      showMetricsInTooltip={true}
+    >
+      <Axis units={AxisUnits.Bytes} label="bytes">
+        {storeMetrics(
+          {
+            name: "cr.store.storage.value_separation.blob_files.size",
+          },
+          nodeIDs,
+          storeIDsByNodeID,
+        )}
+      </Axis>
+    </LineGraph>,
+
     <LineGraph
       title="File Descriptors"
       sources={nodeSources}