add all explorers dialog and show confirm dialog when restoring to last saved explorer

src/locales/de.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/en.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/es.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/fr.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/it.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/ja.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/kn.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/ko.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/nl.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/pt_BR.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/ru.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/sl.json

@@ -1712,12 +1712,15 @@
     "Query": "Poizvedba",
     "Data Table": "Podatkovna tabela",
     "Chart": "Grafikon",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "Novo raziskovanje",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/th.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/tr.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/uk.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/vi.json

@@ -1712,12 +1712,15 @@
     "Query": "Query",
     "Data Table": "Data Table",
     "Chart": "Chart",
+    "All Explorers": "All Explorers",
+    "No available explorer": "No available explorer",
     "New Explorer": "New Explorer",
     "Untitled Explorer": "Untitled Explorer",
     "More Explorer": "More Explorer",
     "Save Explorer": "Save Explorer",
     "Save As New Explorer": "Save As New Explorer",
     "Restore to Last Saved": "Restore to Last Saved",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
     "Set Explorer Name": "Set Explorer Name",
     "Rename Explorer": "Rename Explorer",
     "Hide Explorer": "Hide Explorer",

src/locales/zh_Hans.json

@@ -1712,12 +1712,15 @@
     "Query": "查询",
     "Data Table": "数据表格",
     "Chart": "图表",
+    "All Explorers": "全部探索",
+    "No available explorer": "没有可用的探索",
     "New Explorer": "新的探索",
     "Untitled Explorer": "未命名的探索",
     "More Explorer": "更多探索",
     "Save Explorer": "保存探索",
     "Save As New Explorer": "另存为新的探索",
     "Restore to Last Saved": "恢复到上次保存",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "您确定要恢复到上次保存的状态吗？所有未保存的更改将会丢失。",
     "Set Explorer Name": "设置探索名称",
     "Rename Explorer": "重命名探索",
     "Hide Explorer": "隐藏探索",

src/locales/zh_Hant.json

@@ -1712,12 +1712,15 @@
     "Query": "查詢",
     "Data Table": "資料表格",
     "Chart": "圖表",
+    "All Explorers": "全部探索",
+    "No available explorer": "沒有可用的探索",
     "New Explorer": "新的探索",
     "Untitled Explorer": "無標題的探索",
     "More Explorer": "更多探索",
     "Save Explorer": "儲存探索",
     "Save As New Explorer": "另存新探索",
     "Restore to Last Saved": "還原到上次儲存",
+    "Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "您確定要還原到上次儲存的狀態嗎？所有未儲存的更改將會遺失。",
     "Set Explorer Name": "設定探索名稱",
     "Rename Explorer": "重新命名探索",
     "Hide Explorer": "隱藏探索",

src/stores/explorer.ts

@@ -444,9 +444,9 @@ export const useExplorersStore = defineStore('explorers', () => {
         allInsightsExplorerBasicInfos.value.splice(to, 0, allInsightsExplorerBasicInfos.value.splice(from, 1)[0] as InsightsExplorer);
     }
 
-    function updateExplorerVisibilityInInsightsExplorerList({ explorer, hidden }: { explorer: InsightsExplorerBasicInfo, hidden: boolean }): void {
+    function updateExplorerVisibilityInInsightsExplorerList({ explorerId, hidden }: { explorerId: string, hidden: boolean }): void {
-        if (allInsightsExplorerBasicInfosMap.value[explorer.id]) {
+        if (allInsightsExplorerBasicInfosMap.value[explorerId]) {
-            allInsightsExplorerBasicInfosMap.value[explorer.id]!.hidden = hidden;
+            allInsightsExplorerBasicInfosMap.value[explorerId]!.hidden = hidden;
         }
     }
 
@@ -748,8 +748,11 @@ export const useExplorersStore = defineStore('explorers', () => {
         transactionExplorerFilter.value.startTime = 0;
         transactionExplorerFilter.value.endTime = 0;
         transactionExplorerAllData.value = [];
+        allInsightsExplorerBasicInfos.value = [];
+        allInsightsExplorerBasicInfosMap.value = {};
         currentInsightsExplorer.value = InsightsExplorer.createNewExplorer(generateRandomUUID());
         transactionExplorerStateInvalid.value = true;
+        insightsExplorerListStateInvalid.value = true;
     }
 
     function initTransactionExplorerFilter(filter?: TransactionExplorerPartialFilter, resetQuery?: boolean): void {
@@ -1086,7 +1089,7 @@ export const useExplorersStore = defineStore('explorers', () => {
         });
     }
 
-    function hideInsightsExplorer({ explorer, hidden }: { explorer: InsightsExplorer, hidden: boolean }): Promise<boolean> {
+    function hideInsightsExplorer({ explorer, hidden }: { explorer: InsightsExplorer | InsightsExplorerBasicInfo, hidden: boolean }): Promise<boolean> {
         return new Promise((resolve, reject) => {
             services.hideInsightsExplorer({
                 id: explorer.id,
@@ -1104,7 +1107,7 @@ export const useExplorersStore = defineStore('explorers', () => {
                 }
 
                 explorer.hidden = hidden;
-                updateExplorerVisibilityInInsightsExplorerList({ explorer: explorer, hidden });
+                updateExplorerVisibilityInInsightsExplorerList({ explorerId: explorer.id, hidden });
 
                 resolve(data.result);
             }).catch(error => {

src/views/desktop/insights/ExplorerPage.vue

@@ -14,13 +14,16 @@
                                 <span class="text-truncate">{{ tt('New Explorer') }}</span>
                             </v-tab>
                             <v-tab class="tab-text-truncate" :key="explorer.id" :value="explorer.id"
+                                   :disabled="loading || updating"
                                    v-for="explorer in allExplorers"
                                    @click="loadExplorer(explorer.id)">
                                 <span class="text-truncate">{{ explorer.name || tt('Untitled Explorer') }}</span>
                             </v-tab>
-<!--                            <v-btn class="text-left justify-start" variant="text" color="default" :rounded="false">-->
+                            <v-btn class="text-left justify-start" variant="text" color="default"
-<!--                                <span class="ps-2">{{ tt('More Explorer') }}</span>-->
+                                   :disabled="loading || updating || !allExplorers || allExplorers.length < 1" :rounded="false"
-<!--                            </v-btn>-->
+                                   @click="showAllExplorers">
+                                <span class="ps-2">{{ tt('More Explorer') }}</span>
+                            </v-btn>
                         </v-tabs>
                     </v-navigation-drawer>
                     <v-main>
@@ -85,8 +88,7 @@
                                                 <v-list-item @click="saveExplorer(true)">
                                                     <v-list-item-title>{{ tt('Save As New Explorer') }}</v-list-item-title>
                                                 </v-list-item>
-                                                <v-list-item @click="loadExplorer(currentExplorer.id, true)"
+                                                <v-list-item @click="restoreExplorer()" v-if="currentExplorer.id">
-                                                             v-if="currentExplorer.id">
                                                     <v-list-item-title>{{ tt('Restore to Last Saved') }}</v-list-item-title>
                                                 </v-list-item>
                                             </v-list>
@@ -159,6 +161,7 @@
                                  @dateRange:change="setCustomDateFilter"
                                  @error="onShowDateRangeError" />
 
+    <explorer-list-dialog ref="explorerListDialog" />
     <explorer-rename-dialog ref="explorerRenameDialog" />
     <edit-dialog ref="editDialog" :type="TransactionEditPageType.Transaction" />
     <export-dialog ref="exportDialog" />
@@ -173,6 +176,7 @@ import SnackBar from '@/components/desktop/SnackBar.vue';
 import ExplorerQueryTab from '@/views/desktop/insights/tabs/ExplorerQueryTab.vue';
 import ExplorerDataTableTab from '@/views/desktop/insights/tabs/ExplorerDataTableTab.vue';
 import ExplorerChartTab from '@/views/desktop/insights/tabs/ExplorerChartTab.vue';
+import ExplorerListDialog from '@/views/desktop/insights/dialogs/ExplorerListDialog.vue';
 import ExplorerRenameDialog from '@/views/desktop/insights/dialogs/ExplorerRenameDialog.vue';
 import EditDialog from '@/views/desktop/transactions/list/dialogs/EditDialog.vue';
 import ExportDialog from '@/views/desktop/statistics/transaction/dialogs/ExportDialog.vue';
@@ -239,6 +243,7 @@ type ConfirmDialogType = InstanceType<typeof ConfirmDialog>;
 type SnackBarType = InstanceType<typeof SnackBar>;
 type ExplorerDataTableTabType = InstanceType<typeof ExplorerDataTableTab>;
 type ExplorerChartTabType = InstanceType<typeof ExplorerChartTab>;
+type ExplorerListDialogType = InstanceType<typeof ExplorerListDialog>;
 type ExplorerRenameDialogType = InstanceType<typeof ExplorerRenameDialog>;
 type EditDialogType = InstanceType<typeof EditDialog>;
 type ExportDialogType = InstanceType<typeof ExportDialog>;
@@ -269,6 +274,7 @@ const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
 const snackbar = useTemplateRef<SnackBarType>('snackbar');
 const explorerDataTableTab = useTemplateRef<ExplorerDataTableTabType>('explorerDataTableTab');
 const explorerChartTab = useTemplateRef<ExplorerChartTabType>('explorerChartTab');
+const explorerListDialog = useTemplateRef<ExplorerListDialogType>('explorerListDialog');
 const explorerRenameDialog = useTemplateRef<ExplorerRenameDialogType>('explorerRenameDialog');
 const exportDialog = useTemplateRef<ExportDialogType>('exportDialog');
 const editDialog = useTemplateRef<EditDialogType>('editDialog');
@@ -391,7 +397,7 @@ function init(initProps: InsightsExplorerProps): void {
 
     if (initProps.initId) {
         if (explorersStore.currentInsightsExplorer.id !== initProps.initId) {
-            loadExplorer(initProps.initId);
+            needReload = true;
         }
     } else {
         explorersStore.updateCurrentInsightsExplorer(InsightsExplorer.createNewExplorer(generateRandomUUID()));
@@ -410,7 +416,19 @@ function init(initProps: InsightsExplorerProps): void {
         transactionTagsStore.loadAllTags({ force: false }),
         explorersStore.loadAllInsightsExplorerBasicInfos({ force: false })
     ]).then(() => {
-        return explorersStore.loadAllTransactions({ force: false });
+        const promises: Promise<unknown>[] = [
+            explorersStore.loadAllTransactions({ force: false })
+        ];
+
+        if (initProps.initId && explorersStore.currentInsightsExplorer.id !== initProps.initId) {
+            const loadExplorerPromise = loadExplorer(initProps.initId, false, true);
+
+            if (loadExplorerPromise) {
+                promises.push(loadExplorerPromise);
+            }
+        }
+
+        return Promise.all(promises);
     }).then(() => {
         loading.value = false;
         initing.value = false;
@@ -454,14 +472,16 @@ function createNewExplorer(): void {
     router.push(getFilterLinkUrl());
 }
 
-function loadExplorer(explorerId: string, force?: boolean): void {
+function loadExplorer(explorerId: string, force?: boolean, init?: boolean): Promise<unknown> | null {
-    if (!force && currentExplorer.value.id === explorerId) {
+    if (!force && currentExplorer.value && currentExplorer.value.id === explorerId) {
-        return;
+        return null;
     }
 
-    loading.value = true;
+    if (!init) {
+        loading.value = true;
+    }
 
-    explorersStore.getInsightsExplorer({
+    return explorersStore.getInsightsExplorer({
         explorerId: explorerId
     }).then(explorer => {
         explorersStore.updateCurrentInsightsExplorer(explorer);
@@ -470,10 +490,15 @@ function loadExplorer(explorerId: string, force?: boolean): void {
             isCurrentExplorerModified.value = false;
         });
 
-        loading.value = false;
+        if (!init) {
+            loading.value = false;
+        }
+
         router.push(getFilterLinkUrl());
     }).catch(error => {
-        loading.value = false;
+        if (!init) {
+            loading.value = false;
+        }
 
         if (!error.processed) {
             snackbar.value?.showError(error);
@@ -481,6 +506,26 @@ function loadExplorer(explorerId: string, force?: boolean): void {
     });
 }
 
+function showAllExplorers(): void {
+    explorerListDialog.value?.open().then((selectedExplorer: InsightsExplorerBasicInfo) => {
+        if (selectedExplorer) {
+            loadExplorer(selectedExplorer.id);
+        }
+    }).catch(() => {
+        if (explorersStore.insightsExplorerListStateInvalid) {
+            loading.value = true;
+
+            explorersStore.loadAllInsightsExplorerBasicInfos({
+                force: false
+            }).then(() => {
+                loading.value = false;
+            }).catch(() => {
+                loading.value = false;
+            });
+        }
+    });
+}
+
 function saveExplorer(saveAs?: boolean): void {
     if (saveAs || !currentExplorer.value.name) {
         explorerRenameDialog.value?.open(currentExplorer.value.name || '', tt('Set Explorer Name')).then((newName: string) => {
@@ -528,6 +573,16 @@ function doSaveExplorer(saveAs?: boolean): Promise<unknown> {
     });
 }
 
+function restoreExplorer(): void {
+    if (!currentExplorer.value.id) {
+        return;
+    }
+
+    confirmDialog.value?.open('Are you sure you want to restore to last saved state? All unsaved changes will be lost.').then(() => {
+        loadExplorer(currentExplorer.value.id, true);
+    });
+}
+
 function setExplorerName(): void {
     explorerRenameDialog.value?.open(currentExplorer.value.name || '').then((newName: string) => {
         currentExplorer.value.name = newName;

src/views/desktop/insights/dialogs/ExplorerListDialog.vue

@@ -0,0 +1,298 @@
+<template>
+    <v-dialog width="800" :persistent="displayOrderModified" v-model="showState">
+        <v-card class="pa-sm-1 pa-md-2">
+            <template #title>
+                <div class="d-flex align-center justify-center">
+                    <div class="d-flex align-center">
+                        <h4 class="text-h4">{{ tt('All Explorers') }}</h4>
+                        <v-btn class="ms-3" color="primary" variant="tonal"
+                               :disabled="loading || updating" @click="saveDisplayOrder"
+                               v-if="displayOrderModified">{{ tt('Save Display Order') }}</v-btn>
+                        <v-btn density="compact" color="default" variant="text" size="24"
+                               class="ms-2" :icon="true" :disabled="loading || updating"
+                               :loading="loading" @click="reload">
+                            <template #loader>
+                                <v-progress-circular indeterminate size="20"/>
+                            </template>
+                            <v-icon :icon="mdiRefresh" size="24" />
+                            <v-tooltip activator="parent">{{ tt('Refresh') }}</v-tooltip>
+                        </v-btn>
+                    </div>
+                    <v-spacer/>
+                    <v-btn density="comfortable" color="default" variant="text" class="ms-2"
+                           :disabled="loading || updating" :icon="true">
+                        <v-icon :icon="mdiDotsVertical" />
+                        <v-menu activator="parent">
+                            <v-list>
+                                <v-list-item :prepend-icon="mdiEyeOutline"
+                                             :title="tt('Show Hidden Explorers')"
+                                             v-if="!showHidden" @click="showHidden = true"></v-list-item>
+                                <v-list-item :prepend-icon="mdiEyeOffOutline"
+                                             :title="tt('Hide Hidden Explorers')"
+                                             v-if="showHidden" @click="showHidden = false"></v-list-item>
+                            </v-list>
+                        </v-menu>
+                    </v-btn>
+                </div>
+            </template>
+
+            <v-card-text class="d-flex flex-column flex-md-row flex-grow-1 overflow-y-auto">
+                <v-table hover density="comfortable" class="explorers-table w-100 table-striped">
+                    <tbody v-if="loading && noAvailableExplorer">
+                    <tr :key="itemIdx" v-for="itemIdx in [ 1, 2, 3, 4, 5, 6 ]">
+                        <td class="px-0">
+                            <v-skeleton-loader type="text" :loading="true"></v-skeleton-loader>
+                        </td>
+                    </tr>
+                    </tbody>
+
+                    <tbody v-if="!loading && noAvailableExplorer">
+                    <tr>
+                        <td>{{ tt('No available explorer') }}</td>
+                    </tr>
+                    </tbody>
+
+                    <draggable-list tag="tbody"
+                                    item-key="id"
+                                    handle=".drag-handle"
+                                    ghost-class="dragging-item"
+                                    v-model="allExplorers"
+                                    @change="onMove">
+                        <template #item="{ element }">
+                            <tr class="explorers-table-row text-sm" v-if="showHidden || !element.hidden">
+                                <td>
+                                    <div class="d-flex align-center">
+                                        <div class="d-flex align-center">
+                                            <span :class="loading || updating ? '' : 'cursor-pointer'"
+                                                  @click="switchToExplorer(element)">{{ element.name }}</span>
+                                        </div>
+
+                                        <v-spacer/>
+
+                                        <v-btn class="px-2 ms-2" color="default"
+                                               density="compact" variant="text"
+                                               :class="{ 'd-none': loading, 'hover-display': !loading }"
+                                               :prepend-icon="element.hidden ? mdiEyeOutline : mdiEyeOffOutline"
+                                               :loading="explorerHiding[element.id]"
+                                               :disabled="loading || updating"
+                                               @click="hide(element, !element.hidden)">
+                                            <template #loader>
+                                                <v-progress-circular indeterminate size="20" width="2"/>
+                                            </template>
+                                            {{ element.hidden ? tt('Show') : tt('Hide') }}
+                                        </v-btn>
+                                        <span class="ms-2">
+                                            <v-icon :class="!loading && !updating && !noAvailableExplorer ? 'drag-handle' : 'disabled'"
+                                                    :icon="mdiDrag"/>
+                                            <v-tooltip activator="parent" v-if="!loading && !updating && !noAvailableExplorer">{{ tt('Drag to Reorder') }}</v-tooltip>
+                                        </span>
+                                    </div>
+                                </td>
+                            </tr>
+                        </template>
+                    </draggable-list>
+                </v-table>
+            </v-card-text>
+
+            <v-card-text class="overflow-y-visible">
+                <div class="w-100 d-flex justify-center flex-wrap mt-sm-1 mt-md-2 gap-4">
+                    <v-btn color="secondary" variant="tonal"
+                           :disabled="loading || updating" @click="close">{{ tt('Close') }}</v-btn>
+                </div>
+            </v-card-text>
+        </v-card>
+    </v-dialog>
+
+    <snack-bar ref="snackbar" />
+</template>
+
+<script setup lang="ts">
+import SnackBar from '@/components/desktop/SnackBar.vue';
+
+import { ref, computed, useTemplateRef } from 'vue';
+
+import { useI18n } from '@/locales/helpers.ts';
+
+import { useExplorersStore } from '@/stores/explorer.ts';
+
+import { type InsightsExplorerBasicInfo } from '@/models/explorer.ts';
+
+import {
+    mdiDotsVertical,
+    mdiRefresh,
+    mdiEyeOutline,
+    mdiEyeOffOutline,
+    mdiDrag
+} from '@mdi/js';
+
+type SnackBarType = InstanceType<typeof SnackBar>;
+
+const { tt } = useI18n();
+
+const explorersStore = useExplorersStore();
+
+let resolveFunc: ((explorer: InsightsExplorerBasicInfo) => void) | null = null;
+let rejectFunc: ((reason?: unknown) => void) | null = null;
+
+const snackbar = useTemplateRef<SnackBarType>('snackbar');
+
+const showState = ref<boolean>(false);
+const loading = ref<boolean>(true);
+const updating = ref<boolean>(false);
+const explorerHiding = ref<Record<string, boolean>>({});
+const displayOrderModified = ref<boolean>(false);
+const showHidden = ref<boolean>(false);
+
+const allExplorers = computed<InsightsExplorerBasicInfo[]>(() => explorersStore.allInsightsExplorerBasicInfos);
+
+const noAvailableExplorer = computed<boolean>(() => {
+    for (const explorer of allExplorers.value) {
+        if (showHidden.value || !explorer.hidden) {
+            return false;
+        }
+    }
+
+    return true;
+});
+
+function open(): Promise<InsightsExplorerBasicInfo> {
+    showHidden.value = false;
+    showState.value = true;
+    loading.value = true;
+
+    explorersStore.loadAllInsightsExplorerBasicInfos({
+        force: false
+    }).then(() => {
+        loading.value = false;
+        displayOrderModified.value = false;
+    }).catch(error => {
+        loading.value = false;
+
+        if (!error.processed) {
+            snackbar.value?.showError(error);
+        }
+    });
+
+    return new Promise<InsightsExplorerBasicInfo>((resolve, reject) => {
+        resolveFunc = resolve;
+        rejectFunc = reject;
+    });
+}
+
+function reload(): void {
+    loading.value = true;
+
+    explorersStore.loadAllInsightsExplorerBasicInfos({
+        force: true
+    }).then(() => {
+        loading.value = false;
+        displayOrderModified.value = false;
+
+        snackbar.value?.showMessage('Explorer list has been updated');
+    }).catch(error => {
+        loading.value = false;
+
+        if (error && error.isUpToDate) {
+            displayOrderModified.value = false;
+        }
+
+        if (!error.processed) {
+            snackbar.value?.showError(error);
+        }
+    });
+}
+
+function hide(explorer: InsightsExplorerBasicInfo, hidden: boolean): void {
+    updating.value = true;
+    explorerHiding.value[explorer.id] = true;
+
+    explorersStore.hideInsightsExplorer({
+        explorer: explorer,
+        hidden: hidden
+    }).then(() => {
+        updating.value = false;
+        explorerHiding.value[explorer.id] = false;
+    }).catch(error => {
+        updating.value = false;
+        explorerHiding.value[explorer.id] = false;
+
+        if (!error.processed) {
+            snackbar.value?.showError(error);
+        }
+    });
+}
+
+function saveDisplayOrder(): void {
+    if (!displayOrderModified.value) {
+        return;
+    }
+
+    loading.value = true;
+
+    explorersStore.updateInsightsExplorerDisplayOrders().then(() => {
+        loading.value = false;
+        displayOrderModified.value = false;
+    }).catch(error => {
+        loading.value = false;
+
+        if (!error.processed) {
+            snackbar.value?.showError(error);
+        }
+    });
+}
+
+function switchToExplorer(explorer: InsightsExplorerBasicInfo): void {
+    if (loading.value || updating.value) {
+        return;
+    }
+
+    resolveFunc?.(explorer);
+    showState.value = false;
+}
+
+function close(): void {
+    if (loading.value || updating.value) {
+        return;
+    }
+
+    rejectFunc?.();
+    showState.value = false;
+}
+
+function onMove(event: { moved: { element: { id: string }; oldIndex: number; newIndex: number } }): void {
+    if (!event || !event.moved) {
+        return;
+    }
+
+    const moveEvent = event.moved;
+
+    if (!moveEvent.element || !moveEvent.element.id) {
+        snackbar.value?.showMessage('Unable to move explorer');
+        return;
+    }
+
+    explorersStore.changeInsightsExplorerDisplayOrder({
+        explorerId: moveEvent.element.id,
+        from: moveEvent.oldIndex,
+        to: moveEvent.newIndex
+    }).then(() => {
+        displayOrderModified.value = true;
+    }).catch(error => {
+        snackbar.value?.showError(error);
+    });
+}
+
+defineExpose({
+    open
+});
+</script>
+
+<style>
+.explorers-table tr.explorers-table-row .hover-display {
+    display: none;
+}
+
+.explorers-table tr.explorers-table-row:hover .hover-display {
+    display: inline-grid;
+}
+</style>

src/views/desktop/insights/tabs/ExplorerQueryTab.vue

@@ -88,7 +88,11 @@
                     <v-card-text>
                         <v-row>
                             <v-col cols="12">
-                                <div class="text-center py-4" v-if="!element.conditions || element.conditions.length < 1">
+                                <div class="text-center pt-5 pb-6" v-if="loading">
+                                    <v-skeleton-loader class="skeleton-no-margin ms-3" type="text" :loading="true"></v-skeleton-loader>
+                                </div>
+
+                                <div class="text-center py-4" v-else-if="!loading && !element.conditions || element.conditions.length < 1">
                                     {{ tt('No conditions defined. All transactions will match.') }}
                                 </div>