fix: selector unlabeled attr handling

webui/src/components/utils/Selector.svelte

@@ -77,13 +77,21 @@
               attribute,
             };
           });
+
+        const attributeToCreate = inputValue
+          .toUpperCase()
+          .replaceAll(/[^A-Z0-9]/g, "_");
+        if (
+          !allAttributes.map((attr) => attr.name).includes(attributeToCreate)
+        ) {
           options.push({
             attribute: {
               labels: [],
-            name: inputValue.toUpperCase().replaceAll(/[^A-Z0-9]/g, "_"),
+              name: attributeToCreate,
             },
             labelToCreate: inputValue,
           });
+        }
         options = options;
         break;
       }
@@ -313,16 +321,20 @@
         }}
       >
         {#if option.attribute}
-          {#if option.attribute.labels.length}
+          {#if option.labelToCreate}
+            <div class="content">{option.labelToCreate}</div>
+            <div class="type">Create attribute ({option.attribute.name})</div>
+          {:else if option.attribute.labels.length}
             <div class="content">
               {#each option.attribute.labels as label}
                 <div class="label">{label}</div>
               {/each}
             </div>
             <div class="type">{option.attribute.name}</div>
-          {:else if option.labelToCreate}
+          {:else}
-            <div class="content">{option.labelToCreate}</div>
+            <div class="content">
-            <div class="type">Create attribute ({option.attribute.name})</div>
+              {option.attribute.name}
+            </div>
           {/if}
         {:else if option.value}
           {#if option.value.t == "Address"}