Added delete functionality for list, hash, set, zset and stream fields.

packages/web/src/dbkeyvalue/DbKeyValueStreamEdit.svelte

@@ -10,6 +10,16 @@
   export let keyColumn = null;
 
   let records = [{ id: '', value: '' }];
+  let lastItem = null;
+
+  $: if (item !== lastItem) {
+    if (item?.records && Array.isArray(item.records)) {
+      records = [...item.records];
+    } else if (!item) {
+      records = [{ id: '', value: '' }];
+    }
+    lastItem = item;
+  }
 
   $: console.log('DbKeyValueStreamEdit', { item, dbKeyFields, keyColumn, onChangeItem: !!onChangeItem });
 
@@ -49,7 +59,7 @@
           />
         </FormFieldTemplateLarge>
       </div>
-      <div class="field-wrapper col-9">
+      <div class="field-wrapper col-8">
         <FormFieldTemplateLarge label="Value" type="text" noMargin>
           <TextField
             value={record.value}
@@ -58,6 +68,13 @@
           />
         </FormFieldTemplateLarge>
       </div>
+      <div class="delete-wrapper col-1">
+        <button class="delete-button" on:click={() => {
+            records = records.filter((_, idx) => idx !== index);
+          }}>
+          <FontIcon icon="icon delete" />
+        </button>
+      </div>
     </div>
   {/each}
 
@@ -90,6 +107,31 @@
     flex-direction: column;
   }
 
+  .delete-wrapper {
+    display: flex;
+    align-items: center;   
+    justify-content: center; 
+    margin-top: 10px;
+  }
+
+  .delete-button {
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    color: var(--theme-font-3);
+    transition: color 0.2s;
+    font-size: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+  }
+
+  .delete-button:hover {
+    color: var(--theme-font-hover);
+  }
+
   .add-button-wrapper {
     display: flex;
     justify-content: flex-end;