From 2d6d1e32757c13e3ea9308adf1b53c8ae83263e4 Mon Sep 17 00:00:00 2001
From: wizardchen <wizardchen@tencent.com>
Date: Wed, 24 Jun 2026 16:37:33 +0800
Subject: [PATCH] fix(frontend): correct integrations redirect tab and
 lazy-load panels

Map legacy section=integrations to tab=im instead of an invalid tab value,
and mount only the active IntegrationsModal tab to avoid duplicate API calls.
---
 frontend/src/views/agent/AgentList.vue                | 3 ++-
 frontend/src/views/integrations/IntegrationsModal.vue | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/agent/AgentList.vue b/frontend/src/views/agent/AgentList.vue
index 4312d132..5b941f86 100644
--- a/frontend/src/views/agent/AgentList.vue
+++ b/frontend/src/views/agent/AgentList.vue
@@ -1129,9 +1129,10 @@ const checkAndOpenEditModal = () => {
   const editId = route.query.edit as string
   const section = route.query.section as string
   if (editId && (section === 'im' || section === 'embed' || section === 'integrations')) {
+    const tab = section === 'embed' ? 'embed' : 'im'
     router.replace({
       path: '/platform/integrations',
-      query: { tab: section, agentId: editId },
+      query: { tab, agentId: editId },
     })
     return
   }
diff --git a/frontend/src/views/integrations/IntegrationsModal.vue b/frontend/src/views/integrations/IntegrationsModal.vue
index 7128dbc4..b94bcf7e 100644
--- a/frontend/src/views/integrations/IntegrationsModal.vue
+++ b/frontend/src/views/integrations/IntegrationsModal.vue
@@ -30,7 +30,7 @@
 
             <div class="settings-content">
               <div class="content-wrapper">
-                <div v-show="currentSection === 'im'" class="section">
+                <div v-if="currentSection === 'im'" class="section">
                   <div class="section-header">
                     <h2>{{ $t('agentEditor.im.title') }}</h2>
                     <p class="section-description">
@@ -49,7 +49,7 @@
                   <IMChannelPanel tenant-mode :initial-agent-id="initialAgentId" />
                 </div>
 
-                <div v-show="currentSection === 'embed'" class="section">
+                <div v-if="currentSection === 'embed'" class="section">
                   <div class="section-header">
                     <h2>{{ $t('agentEditor.embed.title') }}</h2>
                     <p class="section-description">{{ $t('agentEditor.embed.description') }}</p>