From 8211f95bf13261f3d9395456cea104c32d4a25bf Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Fri, 27 Mar 2026 16:54:52 +0200
Subject: [PATCH] feat: ui

---
 tests/wallets/index.html | 97 +++++++++++++++++++++++++++++-----------
 1 file changed, 70 insertions(+), 27 deletions(-)

diff --git a/tests/wallets/index.html b/tests/wallets/index.html
index 22c5e53f6..e55cb47ca 100644
--- a/tests/wallets/index.html
+++ b/tests/wallets/index.html
@@ -1646,18 +1646,18 @@
                                           </label>
                                           <q-select
                                             :id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
-                                            v-model="item.requestType"
+                                            :model-value="item.requestType"
                                             :options="restTestMockRequestTypeOptions"
                                             emit-value
                                             map-options
                                             outlined
                                             dense
-                                            options-dense
-                                            behavior="menu"
-                                            hide-dropdown-icon
-                                            class="fixture-select"
-                                            @update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })"
-                                          >
+                                          options-dense
+                                          behavior="menu"
+                                          hide-dropdown-icon
+                                          class="fixture-select"
+                                          @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'requestType', $event)"
+                                        >
                                             <template v-slot:append>
                                               <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
                                             </template>
@@ -1694,18 +1694,18 @@
                                           </label>
                                           <q-select
                                             :id="`test-mock-item-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
-                                            v-model="item.responseType"
+                                            :model-value="item.responseType"
                                             :options="restTestMockResponseTypeOptions"
                                             emit-value
                                             map-options
                                             outlined
                                             dense
-                                            options-dense
-                                            behavior="menu"
-                                            hide-dropdown-icon
-                                            class="fixture-select"
-                                            @update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })"
-                                          >
+                                          options-dense
+                                          behavior="menu"
+                                          hide-dropdown-icon
+                                          class="fixture-select"
+                                          @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'responseType', $event)"
+                                        >
                                             <template v-slot:append>
                                               <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
                                             </template>
@@ -1811,7 +1811,7 @@
                                           </label>
                                           <q-select
                                             :id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
-                                            v-model="item.requestType"
+                                            :model-value="item.requestType"
                                             :options="rpcTestMockRequestTypeOptions"
                                             emit-value
                                             map-options
@@ -1821,7 +1821,7 @@
                                             behavior="menu"
                                             hide-dropdown-icon
                                             class="fixture-select"
-                                            @update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })"
+                                            @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'requestType', $event)"
                                           >
                                             <template v-slot:append>
                                               <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -1859,7 +1859,7 @@
                                           </label>
                                           <q-select
                                             :id="`test-mock-item-rpc-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
-                                            v-model="item.rpcResponseType"
+                                            :model-value="item.rpcResponseType"
                                             :options="rpcTestMockResponseTypeOptions"
                                             emit-value
                                             map-options
@@ -1869,7 +1869,7 @@
                                             behavior="menu"
                                             hide-dropdown-icon
                                             class="fixture-select"
-                                            @update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })"
+                                            @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'rpcResponseType', $event)"
                                           >
                                             <template v-slot:append>
                                               <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -2240,7 +2240,7 @@
                           <div class="function-mock-subfield">
                             <q-select
                               :id="`function-mock-request-type-${mockRow.id}`"
-                              v-model="mockRow.requestType"
+                              :model-value="mockRow.requestType"
                               :options="functionMockRequestTypeOptions"
                               emit-value
                               map-options
@@ -2250,7 +2250,7 @@
                               behavior="menu"
                               hide-dropdown-icon
                               class="fixture-select"
-                              @update:model-value="handleFunctionMockRequestTypeChange(mockRow)"
+                              @update:model-value="handleFunctionMockRequestTypeChange(mockRow, $event)"
                             >
                               <template v-slot:append>
                                 <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -2328,7 +2328,7 @@
                             <div class="function-mock-subfield">
                               <q-select
                                 :id="`function-mock-response-type-${mockRow.id}`"
-                                v-model="mockRow.responseType"
+                                :model-value="mockRow.responseType"
                                 :options="functionMockRpcResponseTypeOptions"
                                 emit-value
                                 map-options
@@ -2338,7 +2338,7 @@
                                 behavior="menu"
                                 hide-dropdown-icon
                                 class="fixture-select"
-                                @update:model-value="persistFunctionMocks({ silent: true })"
+                                @update:model-value="handleFunctionMockResponseTypeChange(mockRow, $event)"
                               >
                                 <template v-slot:append>
                                   <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -3543,6 +3543,34 @@
               return false
             }
           },
+          clearPersistedFixtureState() {
+            if (!this.canUseLocalStorage()) {
+              return
+            }
+
+            DATASET_DEFS.forEach(def => {
+              window.localStorage.removeItem(this.storageKey(def.key))
+            })
+            window.localStorage.removeItem(this.activeDatasetStorageKey())
+            window.localStorage.removeItem(this.uiStateStorageKey())
+          },
+          resetInMemoryFixtureState(nextDatasetKey = this.selectedDatasetKey) {
+            DATASET_DEFS.forEach(def => {
+              this.datasets[def.key] = createDatasetState(def)
+              this.selectedFunctionByDataset[def.key] = ''
+              this.selectedFundingSourceByDataset[def.key] = ''
+              this.selectedTestFundingSourceByDataset[def.key] = ''
+            })
+
+            this.functionMockDrafts = {}
+            this.settingsDrafts = {}
+            this.selectedTestMockBindingByScope = {}
+            this.selectedTestTypeByScope = {}
+            this.functionMockDraftRowId = 0
+            this.settingsDraftRowId = 0
+            this.lastFilePickerHandle = null
+            this.selectedDatasetKey = nextDatasetKey
+          },
           persistDatasetToStorage(datasetKey) {
             if (!this.canUseLocalStorage()) {
               return
@@ -4554,8 +4582,8 @@
 
             return 'Method: HTTP verb used by this REST mock, such as GET or POST.'
           },
-          handleFunctionMockRequestTypeChange(row) {
-            row.requestType = row.requestType === 'function' ? 'function' : ''
+          handleFunctionMockRequestTypeChange(row, value) {
+            row.requestType = value === 'function' ? 'function' : ''
 
             if (row.requestType === 'function') {
               row.uri = ''
@@ -4566,7 +4594,21 @@
               row.responseText = ''
             }
 
-            this.persistFunctionMocks({ silent: true })
+            this.$nextTick(() => {
+              this.persistFunctionMocks({ silent: true })
+            })
+          },
+          handleFunctionMockResponseTypeChange(row, value) {
+            row.responseType = typeof value === 'string' ? value : ''
+            this.$nextTick(() => {
+              this.persistFunctionMocks({ silent: true })
+            })
+          },
+          handleTestMockSelectChange(testEntry, mockSet, item, field, value) {
+            item[field] = typeof value === 'string' ? value : ''
+            this.$nextTick(() => {
+              this.persistTestMockSet(testEntry, mockSet, { silent: true })
+            })
           },
           parseEditableTestJson(text, label) {
             const parsed = parseJsonText(text)
@@ -5565,14 +5607,15 @@
               return
             }
 
-            this.selectedDatasetKey = datasetKey
-
             if (!parsed.ok) {
               this.datasets[datasetKey].parseError = `Invalid JSON in ${file.name}: ${parsed.error}`
               this.notify(`Could not read ${file.name}.`, 'negative')
               return
             }
 
+            this.clearPersistedFixtureState()
+            this.resetInMemoryFixtureState(datasetKey)
+
             const formatted = JSON.stringify(parsed.data, null, 2)
             this.commitDataset(datasetKey, parsed.data, {
               rawText: formatted,