[ui] selector types

webui/src/components/utils/Selector.svelte

@@ -65,6 +65,15 @@
         options = [];
 
         if (type === "value") {
+          const number = parseFloat(query);
+          if (!Number.isNaN(number)) {
+            options.push({
+              value: {
+                t: "Number",
+                c: number,
+              },
+            });
+          }
           options.push({
             value: {
               t: "String",
@@ -142,7 +151,8 @@
           {#if option.value.t == "Address"}
             <UpObject address={String(option.value.c)} />
           {:else}
-            {option.value.c}
+            <div class="type">{option.value.t}</div>
+            <div class="content">{option.value.c}</div>
           {/if}
         {/if}
       </li>
@@ -196,6 +206,16 @@
       &:hover {
         background-color: var(--background-lighter);
       }
+
+      .type,
+      .content {
+        display: inline-block;
+      }
+
+      .type {
+        opacity: 0.8;
+        font-size: smaller;
+      }
     }
   }
 </style>