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>