From cd59c4e6a56355763a1cbc87fab0a8d1dfe57170 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 7 Apr 2026 00:01:59 +0800
Subject: [PATCH] fix cannot change explorer display order when fewer than two
 items are visible on the insights explorer page

---
 src/views/desktop/insights/ExplorerPage.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/desktop/insights/ExplorerPage.vue b/src/views/desktop/insights/ExplorerPage.vue
index 13d62e7d..5520b664 100644
--- a/src/views/desktop/insights/ExplorerPage.vue
+++ b/src/views/desktop/insights/ExplorerPage.vue
@@ -20,11 +20,11 @@
                             </v-tab>
                             <v-tab class="tab-text-truncate" :key="explorer.id" :value="explorer.id"
                                    :disabled="loading || updating"
-                                   v-for="explorer in allExplorers"
+                                   v-for="explorer in allVisibleExplorers"
                                    @click="loadExplorer(explorer.id)">
                                 <span class="text-truncate">{{ explorer.name || tt('Untitled Explorer') }}</span>
                             </v-tab>
-                            <template v-if="loading && (!allExplorers || allExplorers.length < 1)">
+                            <template v-if="loading && (!allVisibleExplorers || allVisibleExplorers.length < 1)">
                                 <v-skeleton-loader class="skeleton-no-margin mx-5 mt-4 mb-3" type="text"
                                                    :key="itemIdx" :loading="true" v-for="itemIdx in [ 1, 2, 3, 4, 5 ]"></v-skeleton-loader>
                             </template>
@@ -306,7 +306,8 @@ const showCustomDateRangeDialog = ref<boolean>(false);
 const firstDayOfWeek = computed<WeekDayValue>(() => userStore.currentUserFirstDayOfWeek);
 const fiscalYearStart = computed<number>(() => userStore.currentUserFiscalYearStart);
 
-const allExplorers = computed<InsightsExplorerBasicInfo[]>(() => {
+const allExplorers = computed<InsightsExplorerBasicInfo[]>(() => explorersStore.allInsightsExplorerBasicInfos);
+const allVisibleExplorers = computed<InsightsExplorerBasicInfo[]>(() => {
     const ret: InsightsExplorerBasicInfo[] = [];
     let hasCurrentExplorer = false;