chore(应用配置): 能力拓展区域样式

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/agent-setting.vue

@@ -559,31 +559,33 @@ function handleStopGenerate() {
         </div>
       </div>
 
-      <div class="h-full flex-1 overflow-auto border-r border-[#e8e9eb] py-4">
-        <div class="flex h-6 items-center px-5 leading-6">
+      <div class="flex h-full flex-1 flex-col overflow-auto border-r border-[#e8e9eb] py-4">
+        <div class="mb-1 flex h-6 items-center px-5 leading-6">
           <CustomIcon icon="streamline:decent-work-and-economic-growth-solid" class="mr-1.5 text-base" />
           <span>
             {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.ability_expand') }}
           </span>
         </div>
 
-        <AgentAssociatedKnowledge v-model:knowledge-config="knowledgeConfig" />
+        <div class="flex-1 overflow-auto">
+          <AgentAssociatedKnowledge v-model:knowledge-config="knowledgeConfig" />
 
-        <AgentMemorySetting
-          v-model:variable-structure="commConfig.variableStructure"
-          v-model:is-long-memory="commConfig.isLongMemory"
-        />
+          <AgentMemorySetting
+            v-model:variable-structure="commConfig.variableStructure"
+            v-model:is-long-memory="commConfig.isLongMemory"
+          />
 
-        <AgentDialogueSetting
-          v-model:comm-config-expanded-names="commConfigExpandedNames"
-          v-model:comm-config="commConfig"
-          v-model:generate-featured-questions-loading="generateFeaturedQuestionsLoading"
-          v-model:generate-preamble-loading="generatePreambleLoading"
-          @generate-preamble="handleAIGeneratePreamble"
-          @generate-featured-questions="handleAIGenerateFeaturedQuestions"
-        />
+          <AgentDialogueSetting
+            v-model:comm-config-expanded-names="commConfigExpandedNames"
+            v-model:comm-config="commConfig"
+            v-model:generate-featured-questions-loading="generateFeaturedQuestionsLoading"
+            v-model:generate-preamble-loading="generatePreambleLoading"
+            @generate-preamble="handleAIGeneratePreamble"
+            @generate-featured-questions="handleAIGenerateFeaturedQuestions"
+          />
 
-        <AgentRoleSetting />
+          <AgentRoleSetting />
+        </div>
       </div>
     </div>
   </div>

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/components/agent-associated-knowledge.vue

@@ -92,7 +92,7 @@ function handleUpdateDocumentParsing(value: boolean) {
 <template>
   <section class="border-b border-[#e8e9eb] px-5">
     <div class="pt-4">
-      <h2 class="my-3 text-[#84868c]">
+      <h2 class="mb-3 text-[#84868c]">
         {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.knowledge') }}
       </h2>
 

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/components/agent-dialogue-setting.vue

@@ -61,7 +61,7 @@ function handleAIGenerateFeaturedQuestions() {
 <template>
   <section class="border-b border-[#e8e9eb] px-5">
     <div class="pt-4">
-      <h2 class="my-3 text-[#84868c]">
+      <h2 class="mb-3 text-[#84868c]">
         {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.dialogue') }}
       </h2>
       <NCollapse

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/components/agent-memory-setting.vue

@@ -69,7 +69,7 @@ function handleChangeMemoryFragmentState(value: boolean) {
 <template>
   <section class="border-b border-[#e8e9eb] px-5">
     <div class="pt-4">
-      <h2 class="my-3 text-[#84868c]">
+      <h2 class="mb-3 text-[#84868c]">
         {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.memory') }}
       </h2>
       <NCollapse

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/components/agent-role-setting.vue

@@ -79,7 +79,7 @@ function handleEditAssociatedTimbreModel() {
 <template>
   <section class="border-b border-[#e8e9eb] px-5">
     <div class="pt-4">
-      <h2 class="my-3 text-[#84868c]">{{ t('common_module.role') }}</h2>
+      <h2 class="mb-3 text-[#84868c]">{{ t('common_module.role') }}</h2>
 
       <NCollapse
         :expanded-names="roleConfigExpandedNames"