Improve default metric

nearest.html

@@ -22,8 +22,8 @@
       number: 10,
       useCluster: true,
       clusterSettings: {
-        sortMetric: "size",
-        scaleOption: "none",
+        sortMetric: "lightness",
+        scaleOption: "direct",
         sortOrder: "max",
       },
       space: "jab",
@@ -67,7 +67,7 @@
       });
 
       document.getElementById("sort-metric").firstChild.nextSibling.nextSibling.nextSibling.nextSibling.selected = true;
-      document.getElementById("cluster-sort-metric").lastChild.selected = true;
+      document.getElementById("cluster-sort-metric").lastChild.previousSibling.previousSibling.selected = true;
       
       onColorChanged(state, "#222222");
     }
@@ -156,8 +156,8 @@
           <span style="grid-area: blbl; justify-self: end;" class="toggle-on">Rescaled by</span>
           <select style="grid-area: clus" autocomplete="off" id="cluster-scale-option" class="toggle-on"
             onchange="state.clusterSettings.scaleOption = event.target.value; onControlsChanged(state)">
-            <option value="none" selected>None</option>
-            <option value="direct">Cluster size</option>
+            <option value="none">None</option>
+            <option value="direct" selected>Cluster size</option>
             <option value="inverse">Inverse cluster size</option>
             <option value="size">Image size</option>
             <option value="inverseSize">Inverse image size</option>