From 47d13d9fafc3a5515b5d9b596de011cffea43d88 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 19:37:58 +0700
Subject: [PATCH 1/9] feat: add download file

---
 .../src/components/Simulator/ContractItem.vue | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/components/Simulator/ContractItem.vue b/frontend/src/components/Simulator/ContractItem.vue
index 8d322b5fc..77ebe4f88 100644
--- a/frontend/src/components/Simulator/ContractItem.vue
+++ b/frontend/src/components/Simulator/ContractItem.vue
@@ -6,6 +6,7 @@ import {
   DocumentPlusIcon,
   PencilSquareIcon,
   TrashIcon,
+  ArrowDownOnSquareIcon,
 } from '@heroicons/vue/16/solid';
 import { nextTick } from 'process';
 import { ref, onMounted } from 'vue';
@@ -87,6 +88,19 @@ const handleRemoveFile = (id: string) => {
     title: 'Contract deleted',
   });
 };
+
+const handleDownloadFile = (e: Event) => {
+  e.preventDefault();
+  const blob = new Blob([props.contract?.content], { type: 'text/plain' });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = String(props.contract?.name);
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+};
 </script>
 
 <template>
@@ -136,6 +150,12 @@ const handleRemoveFile = (id: string) => {
             />
           </button>
 
+          <button @click.stop="handleDownloadFile" v-tooltip="'Download file'">
+            <ArrowDownOnSquareIcon
+              class="h-[16px] w-[16px] p-[2px] text-gray-400 transition-all hover:text-gray-800 active:scale-90 dark:hover:text-white"
+            />
+          </button>
+
           <button
             @click.stop="deleteModalOpen = true"
             v-tooltip="'Delete file'"

From b8508b0a852cb4bd45be62e915a239585a82e657 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 19:46:45 +0700
Subject: [PATCH 2/9] rework modal content

---
 .../Simulator/settings/SimulatorSection.vue   | 49 +++++++++----------
 frontend/src/stores/node.ts                   |  5 --
 frontend/test/unit/stores/node.test.ts        |  4 --
 3 files changed, 24 insertions(+), 34 deletions(-)

diff --git a/frontend/src/components/Simulator/settings/SimulatorSection.vue b/frontend/src/components/Simulator/settings/SimulatorSection.vue
index 4948826f3..0385c8697 100644
--- a/frontend/src/components/Simulator/settings/SimulatorSection.vue
+++ b/frontend/src/components/Simulator/settings/SimulatorSection.vue
@@ -3,7 +3,7 @@ import { notify } from '@kyvg/vue3-notification';
 import { useNodeStore, useContractsStore } from '@/stores';
 import { ref } from 'vue';
 import PageSection from '@/components/Simulator/PageSection.vue';
-import { ArchiveXIcon } from 'lucide-vue-next';
+import { ArchiveXIcon, XIcon } from 'lucide-vue-next';
 
 const contractsStore = useContractsStore();
 const nodeStore = useNodeStore();
@@ -37,15 +37,7 @@ const handleResetStorage = async () => {
   <PageSection>
     <template #title>Storage</template>
 
-    <Btn
-      @click="isResetStorageModalOpen = true"
-      :icon="ArchiveXIcon"
-      :disabled="nodeStore.contractsToDelete.length < 1"
-      secondary
-      v-tooltip="
-        nodeStore.contractsToDelete.length < 1 && 'No contracts files to delete'
-      "
-    >
+    <Btn @click="isResetStorageModalOpen = true" :icon="ArchiveXIcon" secondary>
       Reset Storage
     </Btn>
 
@@ -59,25 +51,32 @@ const handleResetStorage = async () => {
       :confirming="isResetting"
     >
       <template #title>Reset Studio Storage</template>
-      <template #description
-        >Are you sure? All the examples will be restored, and the following
-        intelligent contracts will be removed.</template
-      >
 
-      <template #info>
-        <div
-          class="text-xs"
-          v-for="contract in nodeStore.contractsToDelete"
-          :key="contract.id"
-        >
-          {{ contract.name }}
-        </div>
+      <template #description
+        >The following items will be deleted from your local storage:
       </template>
 
-      <div class="mt-1 text-xs italic">
-        <span class="font-semibold">Note:</span> if you want to preserve any of
-        these contracts, make a copy of them in the files section.
+      <div class="mx-auto text-sm font-normal">
+        <div class="flex flex-row items-center gap-2">
+          <XIcon :size="16" class="text-red-500" /> All contract files
+        </div>
+        <div class="flex flex-row items-center gap-2">
+          <XIcon :size="16" class="text-red-500" /> All contract deployments
+        </div>
+        <div class="flex flex-row items-center gap-2">
+          <XIcon :size="16" class="text-red-500" /> All transactions
+        </div>
       </div>
+
+      <Alert info>
+        If you want to preserve contracts, download a copy of them from the
+        <RouterLink
+          :to="{ name: 'contracts' }"
+          class="underline"
+          @click="isResetStorageModalOpen = false"
+          >contracts section</RouterLink
+        >.
+      </Alert>
     </ConfirmationModal>
   </PageSection>
 </template>
diff --git a/frontend/src/stores/node.ts b/frontend/src/stores/node.ts
index f78bc6f19..1e3ae4ee4 100644
--- a/frontend/src/stores/node.ts
+++ b/frontend/src/stores/node.ts
@@ -178,10 +178,6 @@ export const useNodeStore = defineStore('nodeStore', () => {
     getProvidersData();
   }
 
-  const contractsToDelete = computed(() =>
-    contractsStore.contracts.filter((c) => c.example),
-  );
-
   const validatorsOrderedById = computed(() =>
     validators.value.slice().sort((a, b) => a.id - b.id),
   );
@@ -218,7 +214,6 @@ export const useNodeStore = defineStore('nodeStore', () => {
     logs,
     validators,
     nodeProviders,
-    contractsToDelete,
     isLoadingValidatorData,
     isLoadingProviders,
     searchFilter,
diff --git a/frontend/test/unit/stores/node.test.ts b/frontend/test/unit/stores/node.test.ts
index 5158ce9ff..9737295d4 100644
--- a/frontend/test/unit/stores/node.test.ts
+++ b/frontend/test/unit/stores/node.test.ts
@@ -174,10 +174,6 @@ describe('useNodeStore', () => {
     expect(nodeStore.logs).toHaveLength(0);
   });
 
-  it('should compute contractsToDelete', () => {
-    expect(nodeStore.contractsToDelete).toEqual([{ id: 1, example: true }]);
-  });
-
   it('should compute validatorsOrderedById', () => {
     nodeStore.validators = [testValidator2, testValidator1];
     expect(nodeStore.validatorsOrderedById).toEqual([

From 6474816386b765e478d22142d995905eddf97e10 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:00:47 +0700
Subject: [PATCH 3/9] fix: show param placeholder in no args in constructor

---
 frontend/src/components/Simulator/ContractParams.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Simulator/ContractParams.vue b/frontend/src/components/Simulator/ContractParams.vue
index 52e7f477a..45e35548e 100644
--- a/frontend/src/components/Simulator/ContractParams.vue
+++ b/frontend/src/components/Simulator/ContractParams.vue
@@ -79,15 +79,19 @@ onMounted(() => {
 });
 </script>
 <template>
-  <EmptyListPlaceholder v-if="methodBase === undefined || args === undefined">
+  <EmptyListPlaceholder
+    v-if="
+      methodBase === undefined || args === undefined || args.args.length === 0
+    "
+  >
     No parameters.
   </EmptyListPlaceholder>
+
   <div
     v-else
     class="flex flex-col justify-start gap-1"
     :class="false && 'pointer-events-none opacity-60'"
   >
-    <!-- isDeploying was stripped... -->
     <div
       v-for="([paramName, paramType], i) in methodBase.params || []"
       :key="paramName"

From db948b2ff355b2e8369aad067e89616f334bb187 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:10:47 +0700
Subject: [PATCH 4/9] rework storage reset to reset all contracts, deployments
 and tx, fix tx subscription deletinon

---
 .../Simulator/settings/SimulatorSection.vue   |  9 +++-
 frontend/src/stores/contracts.ts              | 44 +++----------------
 frontend/src/stores/transactions.ts           | 11 ++++-
 3 files changed, 23 insertions(+), 41 deletions(-)

diff --git a/frontend/src/components/Simulator/settings/SimulatorSection.vue b/frontend/src/components/Simulator/settings/SimulatorSection.vue
index 0385c8697..31958c705 100644
--- a/frontend/src/components/Simulator/settings/SimulatorSection.vue
+++ b/frontend/src/components/Simulator/settings/SimulatorSection.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
 import { notify } from '@kyvg/vue3-notification';
-import { useNodeStore, useContractsStore } from '@/stores';
+import { useTransactionsStore, useContractsStore } from '@/stores';
 import { ref } from 'vue';
 import PageSection from '@/components/Simulator/PageSection.vue';
 import { ArchiveXIcon, XIcon } from 'lucide-vue-next';
+import { useSetupStores } from '@/hooks';
 
 const contractsStore = useContractsStore();
-const nodeStore = useNodeStore();
+const transactionsStore = useTransactionsStore();
+const { setupStores } = useSetupStores();
+
 const isResetStorageModalOpen = ref(false);
 const isResetting = ref(false);
 
@@ -14,6 +17,8 @@ const handleResetStorage = async () => {
   isResetting.value = true;
   try {
     await contractsStore.resetStorage();
+    await transactionsStore.resetStorage();
+    await setupStores();
 
     notify({
       title: 'Storage reset successfully',
diff --git a/frontend/src/stores/contracts.ts b/frontend/src/stores/contracts.ts
index 2b8eb3290..a18143431 100644
--- a/frontend/src/stores/contracts.ts
+++ b/frontend/src/stores/contracts.ts
@@ -2,14 +2,13 @@ import type { ContractFile, DeployedContract } from '@/types';
 import { defineStore } from 'pinia';
 import { ref, computed } from 'vue';
 import { notify } from '@kyvg/vue3-notification';
-import { useDb, useFileName, useSetupStores } from '@/hooks';
+import { useDb, useFileName } from '@/hooks';
 import { useTransactionsStore } from '@/stores';
 
 export const useContractsStore = defineStore('contractsStore', () => {
   const contracts = ref<ContractFile[]>([]);
   const openedFiles = ref<string[]>([]);
   const db = useDb();
-  const { setupStores } = useSetupStores();
   const { cleanupFileName } = useFileName();
   const transactionsStore = useTransactionsStore();
 
@@ -139,43 +138,12 @@ export const useContractsStore = defineStore('contractsStore', () => {
   }
 
   async function resetStorage(): Promise<void> {
-    try {
-      const idsToDelete = contracts.value
-        .filter((c) => c.example)
-        .map((c) => c.id);
-
-      await db.deployedContracts
-        .where('contractId')
-        .anyOf(idsToDelete)
-        .delete();
-      await db.contractFiles.where('id').anyOf(idsToDelete).delete();
-
-      idsToDelete.forEach((id) => {
-        transactionsStore.clearTransactionsForContract(id);
-      });
-
-      deployedContracts.value = [
-        ...deployedContracts.value.filter(
-          (c) => !idsToDelete.includes(c.contractId),
-        ),
-      ];
-      contracts.value = [
-        ...contracts.value.filter((c) => !idsToDelete.includes(c.id)),
-      ];
-      openedFiles.value = [
-        ...openedFiles.value.filter((c) => !idsToDelete.includes(c)),
-      ];
-      if (
-        currentContractId.value &&
-        idsToDelete.includes(currentContractId.value)
-      ) {
-        currentContractId.value = '';
-      }
+    contracts.value = [];
+    openedFiles.value = [];
+    currentContractId.value = '';
 
-      await setupStores();
-    } catch (error) {
-      console.error(error);
-    }
+    await db.deployedContracts.clear();
+    await db.contractFiles.clear();
   }
 
   const currentContract = computed(() => {
diff --git a/frontend/src/stores/transactions.ts b/frontend/src/stores/transactions.ts
index 7e60ad150..68a82062e 100644
--- a/frontend/src/stores/transactions.ts
+++ b/frontend/src/stores/transactions.ts
@@ -92,7 +92,9 @@ export const useTransactionsStore = defineStore('transactionsStore', () => {
   }
 
   function subscribe(topics: string[]) {
-    subscriptions.add(topics);
+    topics.forEach((topic) => {
+      subscriptions.add(topic);
+    });
     if (webSocketClient.connected) {
       webSocketClient.emit('subscribe', topics);
     }
@@ -109,6 +111,12 @@ export const useTransactionsStore = defineStore('transactionsStore', () => {
     subscribe(transactions.value.map((t) => t.hash));
   }
 
+  async function resetStorage() {
+    transactions.value.forEach((t) => unsubscribe(t.hash));
+    transactions.value = [];
+    await db.transactions.clear();
+  }
+
   return {
     transactions,
     getTransaction,
@@ -118,5 +126,6 @@ export const useTransactionsStore = defineStore('transactionsStore', () => {
     clearTransactionsForContract,
     refreshPendingTransactions,
     initSubscriptions,
+    resetStorage,
   };
 });

From 0519763235b04e5a4f73307eac420725f9bc8372 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:15:22 +0700
Subject: [PATCH 5/9] pre commit fixes

---
 nginx/nginx.conf      | 18 +++++++++---------
 nginx/rpc-blocker.lua | 10 +++++-----
 nginx/ssl/README.md   |  6 +++---
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/nginx/nginx.conf b/nginx/nginx.conf
index f2788b753..a47faaeb6 100644
--- a/nginx/nginx.conf
+++ b/nginx/nginx.conf
@@ -6,7 +6,7 @@ events {
 http {
     # Lua package path configuration
     lua_package_path "/etc/nginx/lua/?.lua;;";
-    
+
     # Frontend server
     server {
         listen 80;
@@ -18,7 +18,7 @@ http {
         listen 443 ssl;
         http2 on;
         server_name ${SERVER_NAME};
-        
+
         # SSL Configuration
         ssl_certificate /etc/nginx/ssl/genlayer.com.crt;
         ssl_certificate_key /etc/nginx/ssl/genlayer.com.key;
@@ -50,7 +50,7 @@ http {
         listen 8443 ssl;
         http2 on;
         server_name ${SERVER_NAME};
-        
+
         # SSL Configuration
         ssl_certificate /etc/nginx/ssl/genlayer.com.crt;
         ssl_certificate_key /etc/nginx/ssl/genlayer.com.key;
@@ -71,28 +71,28 @@ http {
         # Socket.IO polling endpoint
         location /socket.io/ {
             proxy_pass http://jsonrpc:4000;
-            
+
             # WebSocket specific settings
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
             proxy_set_header Connection "upgrade";
-            
+
             # Standard proxy headers
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
-            
+
             # WebSocket timeouts
             proxy_read_timeout 300s;
             proxy_send_timeout 300s;
-            
+
             # Added headers for WebSocket
             proxy_set_header Sec-WebSocket-Protocol $http_sec_websocket_protocol;
             proxy_set_header Sec-WebSocket-Extensions $http_sec_websocket_extensions;
             proxy_set_header Sec-WebSocket-Key $http_sec_websocket_key;
             proxy_set_header Sec-WebSocket-Version $http_sec_websocket_version;
-            
+
             # Buffer settings for WebSocket
             proxy_buffer_size 64k;
             proxy_buffers 8 32k;
@@ -113,7 +113,7 @@ http {
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
-            
+
             # Ensure proper content type for JSON-RPC
             proxy_set_header Content-Type "application/json";
         }
diff --git a/nginx/rpc-blocker.lua b/nginx/rpc-blocker.lua
index c99c4f793..92d15b9f5 100644
--- a/nginx/rpc-blocker.lua
+++ b/nginx/rpc-blocker.lua
@@ -26,7 +26,7 @@ end
 local function filter_rpc_methods()
     ngx.req.read_body()
     local body = ngx.req.get_body_data()
-    
+
     if not body then
         ngx.status = 400
         ngx.say(cjson.encode({
@@ -37,7 +37,7 @@ local function filter_rpc_methods()
         }))
         return ngx.exit(ngx.HTTP_BAD_REQUEST)
     end
-    
+
     local success, request = pcall(cjson.decode, body)
     if not success then
         ngx.status = 400
@@ -49,13 +49,13 @@ local function filter_rpc_methods()
         }))
         return ngx.exit(ngx.HTTP_BAD_REQUEST)
     end
-    
+
     -- Handle both single requests and batch requests
     local requests = request
     if not request[1] then
         requests = {request}
     end
-    
+
     -- Check each request in the batch
     for _, req in ipairs(requests) do
         if type(req.method) == "string" and restricted_lookup[req.method] then
@@ -69,7 +69,7 @@ local function filter_rpc_methods()
             return ngx.exit(ngx.HTTP_FORBIDDEN)
         end
     end
-    
+
     -- If we get here, the request is valid and can be passed through
     return
 end
diff --git a/nginx/ssl/README.md b/nginx/ssl/README.md
index 993fc07ab..d5aa437fd 100644
--- a/nginx/ssl/README.md
+++ b/nginx/ssl/README.md
@@ -5,14 +5,14 @@ Place your TLS (Transport Layer Security) certificates and private keys for NGIN
 ## Required Files
 Ensure the following files are correctly placed in the specified directory (`/etc/nginx/ssl`):
 
-- **Server certificate**: `genlayer.com.crt`  
-- **Private key**: `genlayer.com.key`  
+- **Server certificate**: `genlayer.com.crt`
+- **Private key**: `genlayer.com.key`
 - **Client certificate**: `cloudflare.crt`
 
 ## File Permissions
 Permissions should follow these guidelines:
 
-- **Certificates** (`.crt` or `.pem`): `chmod 644`  
+- **Certificates** (`.crt` or `.pem`): `chmod 644`
 - **Private keys** (`.key`): `chmod 600`
 
 ## Configuration Alignment

From b03bf22702e0f0240a7c2d825aaf31d53351bfbc Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:19:01 +0700
Subject: [PATCH 6/9] update unit tests

---
 frontend/test/unit/stores/contracts.test.ts | 23 +++++++++------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/test/unit/stores/contracts.test.ts b/frontend/test/unit/stores/contracts.test.ts
index 4c2685deb..9c3260152 100644
--- a/frontend/test/unit/stores/contracts.test.ts
+++ b/frontend/test/unit/stores/contracts.test.ts
@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, vi, type Mock } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useContractsStore } from '@/stores';
+import { useContractsStore, useTransactionsStore } from '@/stores';
 import {
   useDb,
   useFileName,
@@ -37,21 +37,16 @@ vi.mock('@kyvg/vue3-notification', () => ({
 
 describe('useContractsStore', () => {
   let contractsStore: ReturnType<typeof useContractsStore>;
+  let transactionsStore: ReturnType<typeof useTransactionsStore>;
   const mockDb = {
     deployedContracts: {
-      where: vi.fn().mockReturnThis(),
-      anyOf: vi.fn().mockReturnThis(),
-      delete: vi.fn(),
+      clear: vi.fn(),
     },
     contractFiles: {
-      where: vi.fn().mockReturnThis(),
-      anyOf: vi.fn().mockReturnThis(),
-      delete: vi.fn(),
+      clear: vi.fn(),
     },
     transactions: {
-      where: vi.fn().mockReturnThis(),
-      equals: vi.fn().mockReturnThis(),
-      delete: vi.fn().mockResolvedValue(undefined),
+      clear: vi.fn(),
     },
   };
 
@@ -72,6 +67,7 @@ describe('useContractsStore', () => {
     (useWebSocketClient as Mock).mockReturnValue({});
 
     contractsStore = useContractsStore();
+    transactionsStore = useTransactionsStore();
     vi.clearAllMocks();
   });
 
@@ -132,10 +128,11 @@ describe('useContractsStore', () => {
     contractsStore.contracts = exampleContracts;
 
     await contractsStore.resetStorage();
+    await transactionsStore.resetStorage();
 
-    expect(mockDb.deployedContracts.delete).toHaveBeenCalled();
-    expect(mockDb.contractFiles.delete).toHaveBeenCalled();
-    expect(mockSetupStores.setupStores).toHaveBeenCalled();
+    expect(mockDb.deployedContracts.clear).toHaveBeenCalled();
+    expect(mockDb.contractFiles.clear).toHaveBeenCalled();
+    expect(mockDb.transactions.clear).toHaveBeenCalled();
     expect(contractsStore.contracts).toHaveLength(0);
     expect(contractsStore.openedFiles).toHaveLength(0);
   });

From 4ce5a6bc5a295e4a9e6516c71e023357546c51f1 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:19:52 +0700
Subject: [PATCH 7/9] cleanup linting errors

---
 frontend/src/components/Simulator/ContractInfo.vue | 1 -
 frontend/src/stores/contracts.ts                   | 2 --
 frontend/src/stores/node.ts                        | 2 --
 3 files changed, 5 deletions(-)

diff --git a/frontend/src/components/Simulator/ContractInfo.vue b/frontend/src/components/Simulator/ContractInfo.vue
index 2b7133693..370c36563 100644
--- a/frontend/src/components/Simulator/ContractInfo.vue
+++ b/frontend/src/components/Simulator/ContractInfo.vue
@@ -2,7 +2,6 @@
 import PageSection from '@/components/Simulator/PageSection.vue';
 import { CheckCircleIcon } from '@heroicons/vue/24/outline';
 import EmptyListPlaceholder from '@/components/Simulator/EmptyListPlaceholder.vue';
-import { PlusIcon } from '@heroicons/vue/16/solid';
 import { useNodeStore } from '@/stores';
 import { useWallet, useContractQueries } from '@/hooks';
 import { UploadIcon } from 'lucide-vue-next';
diff --git a/frontend/src/stores/contracts.ts b/frontend/src/stores/contracts.ts
index a18143431..57d75622d 100644
--- a/frontend/src/stores/contracts.ts
+++ b/frontend/src/stores/contracts.ts
@@ -3,14 +3,12 @@ import { defineStore } from 'pinia';
 import { ref, computed } from 'vue';
 import { notify } from '@kyvg/vue3-notification';
 import { useDb, useFileName } from '@/hooks';
-import { useTransactionsStore } from '@/stores';
 
 export const useContractsStore = defineStore('contractsStore', () => {
   const contracts = ref<ContractFile[]>([]);
   const openedFiles = ref<string[]>([]);
   const db = useDb();
   const { cleanupFileName } = useFileName();
-  const transactionsStore = useTransactionsStore();
 
   const currentContractId = ref<string | undefined>(
     localStorage.getItem('contractsStore.currentContractId') || '',
diff --git a/frontend/src/stores/node.ts b/frontend/src/stores/node.ts
index 1e3ae4ee4..ac8da714e 100644
--- a/frontend/src/stores/node.ts
+++ b/frontend/src/stores/node.ts
@@ -8,7 +8,6 @@ import type {
 } from '@/types';
 import { defineStore } from 'pinia';
 import { computed, ref } from 'vue';
-import { useContractsStore } from './contracts';
 import { notify } from '@kyvg/vue3-notification';
 import { useRpcClient, useWebSocketClient } from '@/hooks';
 
@@ -16,7 +15,6 @@ export const useNodeStore = defineStore('nodeStore', () => {
   const rpcClient = useRpcClient();
   const webSocketClient = useWebSocketClient();
   const logs = ref<NodeLog[]>([]);
-  const contractsStore = useContractsStore();
   const nodeProviders = ref<GetProvidersAndModelsData>([]);
   const validators = ref<ValidatorModel[]>([]);
   const isLoadingValidatorData = ref<boolean>(true);

From 68d62c2adc52be522f8530dc408a8fc45fc1b83e Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:29:04 +0700
Subject: [PATCH 8/9] fix: go to validators link

---
 frontend/src/components/Simulator/ContractInfo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Simulator/ContractInfo.vue b/frontend/src/components/Simulator/ContractInfo.vue
index 370c36563..365f09f14 100644
--- a/frontend/src/components/Simulator/ContractInfo.vue
+++ b/frontend/src/components/Simulator/ContractInfo.vue
@@ -53,8 +53,8 @@ const { isDeployed, address, contract } = useContractQueries();
       You need at least one validator before you can deploy or interact with a
       contract.
 
-      <RouterLink :to="{ name: 'settings' }"
-        ><Btn secondary tiny class="mt-1">Go to settings</Btn></RouterLink
+      <RouterLink :to="{ name: 'validators' }"
+        ><Btn secondary tiny class="mt-1">Go to validators</Btn></RouterLink
       >
     </Alert>
 

From 3cdb63a3bed36784320b476b61b23a014808f1e9 Mon Sep 17 00:00:00 2001
From: Den <den@Deniss-MacBook-Pro.local>
Date: Tue, 26 Nov 2024 20:38:59 +0700
Subject: [PATCH 9/9] fix: ts error

---
 frontend/src/components/Simulator/ContractItem.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Simulator/ContractItem.vue b/frontend/src/components/Simulator/ContractItem.vue
index 77ebe4f88..138a85944 100644
--- a/frontend/src/components/Simulator/ContractItem.vue
+++ b/frontend/src/components/Simulator/ContractItem.vue
@@ -91,7 +91,8 @@ const handleRemoveFile = (id: string) => {
 
 const handleDownloadFile = (e: Event) => {
   e.preventDefault();
-  const blob = new Blob([props.contract?.content], { type: 'text/plain' });
+  if (!props.contract?.content) return;
+  const blob = new Blob([props.contract.content], { type: 'text/plain' });
   const url = URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.href = url;