not sandpints key/values...

src/App.svelte

@@ -303,7 +303,7 @@
           {:else if fmItems[0] == "notsand"}
             <div class="fmMeta">
               <div class="fmMetaTitle">
-                {fmItems[0]}<button
+                Not Sandpoints<button
                   type="button"
                   on:click={() => removeTier(fmItems[0], fmItem)}
                   on:mouseover={fmItemDottedBorder}
@@ -311,7 +311,7 @@
                 >
               </div>
               <div class="fmItem">
-                <SpNotsand />
+                <SpNotsand {fmItem}/>
               </div>
             </div>
           {/if}

src/SpNotsand.svelte

@@ -1,4 +1,19 @@
-<label for="notsandkey">Key:</label>
+<script>
-<input class="notsandkey" type="text" name="notsandkey" />
+  import { onMount } from "svelte";
-<label for="notsandvalue">Value:</label>
+  export let fmItem;
-<input class="notsandvalue" type="text" name="notsandvalue" />
+
+  let id = "";
+  let notsandkey = "";
+  let notsandvalue = "";
+
+  onMount(() => {
+    id = Math.random();
+    notsandkey = `notsandkey_${id}`;
+    notsandvalue = `notsandvalue_${id}`;
+  });
+</script>
+
+<label for={notsandkey}>Key:</label>
+<input class="notsandkey" type="text" name={notsandkey} value={!fmItem.fmKey.startsWith("_new") ? fmItem.fmKey : ""} />
+<label for={notsandvalue}>Value:</label>
+<input class="notsandvalue" type="text" name={notsandvalue} value={fmItem.fmValue ? JSON.stringify(fmItem.fmValue) : ""} />