From 13fa375dbcd87024899f27ae8f4a0345187d7747 Mon Sep 17 00:00:00 2001
From: digua <i@digua.me>
Date: Tue, 30 Jun 2026 23:17:27 +0800
Subject: [PATCH] fix(relationships): hide manual galaxy view switch

---
 src/pages/people/relationships/index.vue           | 11 -----------
 .../relationship-galaxy-page-source.test.ts        | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/pages/people/relationships/index.vue b/src/pages/people/relationships/index.vue
index 30067532..5cb3e19f 100644
--- a/src/pages/people/relationships/index.vue
+++ b/src/pages/people/relationships/index.vue
@@ -90,16 +90,6 @@ const timeRangeTabs = computed(() =>
     value: preset,
   }))
 )
-const viewModeTabs = computed(() => [
-  {
-    label: t('relationships.viewMode.3d'),
-    value: '3d' as const,
-  },
-  {
-    label: t('relationships.viewMode.2d'),
-    value: '2d' as const,
-  },
-])
 const graphScopeTabs = computed(() => [
   {
     label: t('relationships.graphScope.panorama'),
@@ -648,7 +638,6 @@ onBeforeUnmount(() => {
       <div class="absolute left-4 top-4 z-20 flex max-w-[calc(100%-2rem)] flex-wrap items-center gap-2">
         <UTabs v-model="timeRangePreset" :items="timeRangeTabs" :content="false" size="xs" class="min-w-max gap-0" />
         <UTabs v-model="graphScope" :items="graphScopeTabs" :content="false" size="xs" class="min-w-max gap-0" />
-        <UTabs v-model="viewMode" :items="viewModeTabs" :content="false" size="xs" class="min-w-max gap-0" />
         <div class="relative w-28 max-w-full sm:w-32 lg:w-36">
           <UInput
             v-model="searchQuery"
diff --git a/src/pages/people/relationships/relationship-galaxy-page-source.test.ts b/src/pages/people/relationships/relationship-galaxy-page-source.test.ts
index 7806ff80..b8cf31b4 100644
--- a/src/pages/people/relationships/relationship-galaxy-page-source.test.ts
+++ b/src/pages/people/relationships/relationship-galaxy-page-source.test.ts
@@ -31,4 +31,18 @@ describe('people relationships page source', () => {
       'returning to panorama must not keep the selected node focused'
     )
   })
+
+  it('defaults to 3D while hiding the manual 3D and 2D switcher', () => {
+    const source = readPageSource()
+    const template = source.slice(source.indexOf('<template>'))
+    const fallback = source.slice(
+      source.indexOf('function handleThreeCanvasFallback()'),
+      source.indexOf('function backToPanorama()')
+    )
+
+    assert.ok(source.includes("const viewMode = ref<GalaxyViewMode>('3d')"))
+    assert.equal(source.includes('const viewModeTabs = computed'), false)
+    assert.equal(template.includes('v-model="viewMode"'), false)
+    assert.ok(fallback.includes("viewMode.value = '2d'"), '2D should remain as automatic fallback for 3D failures')
+  })
 })