fix(insights): improve files per cluster (#5388)

Increase clustering distance which should result in creation of fewer clusters.
Fewer clusters means that less files should be downloaded to the client
(each file will have more symbols.) This should improve performance.

packages/insights/src/routes/app/[publicApiKey]/symbols/bundles/index.tsx

@@ -96,8 +96,8 @@ export const CorrelationMatrix = component$<{
       <div
         class={css({
           border: `1px solid black`,
-          height: 'calc(100vmin - 20px)',
-          width: 'calc(100vmin - 20px)',
+          height: 'calc(80vmin - 20px)',
+          width: 'calc(80vmin - 20px)',
           flexDirection: 'column',
           justifyContent: 'space-evenly',
         })}

packages/insights/src/stats/edges.ts

@@ -204,7 +204,7 @@ export function computeBundles(symbolVectors: SymbolVectors): Bundle[] {
   const bundles: Bundle[] = [];
   const dbscan = new DBSCAN();
   // We want to set the distance so that it is just bellow (90%) the distance between two unrelated symbols.
-  const maxDistance = 0.9 * Math.sqrt(Math.pow(1, 2) + Math.pow(1, 2));
+  const maxDistance = 0.95 * Math.sqrt(Math.pow(1, 2) + Math.pow(1, 2));
   const clusters = dbscan.run(symbolVectors.vectors, maxDistance, 1);
   clusters.forEach((cluster) => {
     const symbols = cluster.map((id) => symbolVectors.symbols[id]);
@@ -215,6 +215,7 @@ export function computeBundles(symbolVectors: SymbolVectors): Bundle[] {
       symbols,
     });
   });
+  bundles.sort((b1, b2) => b2.symbols.length - b1.symbols.length);
   return bundles;
 }