@lobehub/lobehub 2.0.0-next.346 → 2.0.0-next.348

package/CHANGELOG.md

@@ -2,6 +2,67 @@
 
 # Changelog
 
+## [Version 2.0.0-next.348](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.347...v2.0.0-next.348)
+
+<sup>Released on **2026-01-23**</sup>
+
+#### 🐛 Bug Fixes
+
+- **copilot**: History popover not refreshing when agentId changes.
+- **misc**: Fixed the agent group builder tools excaution edge case crash, fixed the group topic copy not right.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **copilot**: History popover not refreshing when agentId changes, closes [#11731](https://github.com/lobehub/lobe-chat/issues/11731) ([64f39e7](https://github.com/lobehub/lobe-chat/commit/64f39e7))
+- **misc**: Fixed the agent group builder tools excaution edge case crash, closes [#11735](https://github.com/lobehub/lobe-chat/issues/11735) ([5de4742](https://github.com/lobehub/lobe-chat/commit/5de4742))
+- **misc**: Fixed the group topic copy not right, closes [#11730](https://github.com/lobehub/lobe-chat/issues/11730) ([282c1fb](https://github.com/lobehub/lobe-chat/commit/282c1fb))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 2.0.0-next.347](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.346...v2.0.0-next.347)
+
+<sup>Released on **2026-01-23**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Add advace config back in agent/group profiles.
+
+#### 💄 Styles
+
+- **misc**: Move plugin store button outside scroll container.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Add advace config back in agent/group profiles, closes [#11727](https://github.com/lobehub/lobe-chat/issues/11727) ([403175f](https://github.com/lobehub/lobe-chat/commit/403175f))
+
+#### Styles
+
+- **misc**: Move plugin store button outside scroll container, closes [#11728](https://github.com/lobehub/lobe-chat/issues/11728) ([c484d1a](https://github.com/lobehub/lobe-chat/commit/c484d1a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.346](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.345...v2.0.0-next.346)
 
 <sup>Released on **2026-01-23**</sup>

package/changelog/v1.json

@@ -1,4 +1,25 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fixed the agent group builder tools excaution edge case crash, fixed the group topic copy not right."
+      ]
+    },
+    "date": "2026-01-23",
+    "version": "2.0.0-next.348"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Add advace config back in agent/group profiles."
+      ],
+      "improvements": [
+        "Move plugin store button outside scroll container."
+      ]
+    },
+    "date": "2026-01-23",
+    "version": "2.0.0-next.347"
+  },
   {
     "children": {},
     "date": "2026-01-23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.346",
+  "version": "2.0.0-next.348",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/builtin-tool-group-agent-builder/src/client/Inspector/BatchCreateAgents/index.tsx

@@ -81,7 +81,7 @@ export const BatchCreateAgentsInspector = memo<
       {displayInfo && (
         <>
           <div className={styles.avatarGroup}>
-            {displayInfo.displayAgents.map((agent, index) => (
+            {displayInfo.displayAgents?.map((agent, index) => (
               <Avatar
                 avatar={agent.avatar}
                 key={index}

package/packages/database/src/models/__tests__/topics/topic.create.test.ts

@@ -2,7 +2,7 @@ import { eq, inArray } from 'drizzle-orm';
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
 
 import { getTestDB } from '../../../core/getTestDB';
-import { agents, messages, sessions, topics, users } from '../../../schemas';
+import { agents, messagePlugins, messages, sessions, topics, users } from '../../../schemas';
 import { LobeChatDatabase } from '../../../type';
 import { CreateTopicParams, TopicModel } from '../../topic';
 
@@ -279,6 +279,129 @@ describe('TopicModel - Create', () => {
       expect(duplicatedMessages[1].content).toBe('Assistant message');
     });
 
+    it('should correctly map parentId references when duplicating messages', async () => {
+      const topicId = 'topic-with-parent-refs';
+
+      await serverDB.transaction(async (tx) => {
+        await tx.insert(topics).values({ id: topicId, sessionId, userId, title: 'Original Topic' });
+        await tx.insert(messages).values([
+          { id: 'msg1', role: 'user', topicId, userId, content: 'First message', parentId: null },
+          {
+            id: 'msg2',
+            role: 'assistant',
+            topicId,
+            userId,
+            content: 'Reply to first',
+            parentId: 'msg1',
+          },
+          {
+            id: 'msg3',
+            role: 'tool',
+            topicId,
+            userId,
+            content: 'Tool response',
+            parentId: 'msg2',
+          },
+          {
+            id: 'msg4',
+            role: 'assistant',
+            topicId,
+            userId,
+            content: 'Final message',
+            parentId: 'msg3',
+          },
+        ]);
+      });
+
+      const { topic: duplicatedTopic, messages: duplicatedMessages } = await topicModel.duplicate(
+        topicId,
+        'Duplicated Topic',
+      );
+
+      expect(duplicatedMessages).toHaveLength(4);
+
+      const msgMap = new Map(duplicatedMessages.map((m) => [m.content, m]));
+      const newMsg1 = msgMap.get('First message')!;
+      const newMsg2 = msgMap.get('Reply to first')!;
+      const newMsg3 = msgMap.get('Tool response')!;
+      const newMsg4 = msgMap.get('Final message')!;
+
+      expect(newMsg1.parentId).toBeNull();
+      expect(newMsg2.parentId).toBe(newMsg1.id);
+      expect(newMsg3.parentId).toBe(newMsg2.id);
+      expect(newMsg4.parentId).toBe(newMsg3.id);
+
+      expect(newMsg1.id).not.toBe('msg1');
+      expect(newMsg2.id).not.toBe('msg2');
+      expect(newMsg3.id).not.toBe('msg3');
+      expect(newMsg4.id).not.toBe('msg4');
+    });
+
+    it('should correctly map tool_call_id when duplicating messages with tools', async () => {
+      const topicId = 'topic-with-tools';
+      const originalToolId = 'toolu_original_123';
+
+      await serverDB.transaction(async (tx) => {
+        await tx.insert(topics).values({ id: topicId, sessionId, userId, title: 'Original Topic' });
+
+        // Insert assistant message with tools
+        await tx.insert(messages).values({
+          id: 'msg1',
+          role: 'assistant',
+          topicId,
+          userId,
+          content: 'Using tool',
+          parentId: null,
+          tools: [{ id: originalToolId, type: 'builtin', apiName: 'broadcast' }],
+        });
+
+        // Insert tool message
+        await tx.insert(messages).values({
+          id: 'msg2',
+          role: 'tool',
+          topicId,
+          userId,
+          content: 'Tool response',
+          parentId: 'msg1',
+        });
+
+        // Insert messagePlugins entry
+        await tx.insert(messagePlugins).values({
+          id: 'msg2',
+          userId,
+          toolCallId: originalToolId,
+          apiName: 'broadcast',
+        });
+      });
+
+      const { topic: duplicatedTopic, messages: duplicatedMessages } = await topicModel.duplicate(
+        topicId,
+        'Duplicated Topic',
+      );
+
+      expect(duplicatedMessages).toHaveLength(2);
+
+      const msgMap = new Map(duplicatedMessages.map((m) => [m.role, m]));
+      const newAssistant = msgMap.get('assistant')!;
+      const newTool = msgMap.get('tool')!;
+
+      // Check that tools array has new IDs
+      expect(newAssistant.tools).toBeDefined();
+      const newTools = newAssistant.tools as any[];
+      expect(newTools).toHaveLength(1);
+      expect(newTools[0].id).not.toBe(originalToolId);
+      expect(newTools[0].id).toMatch(/^toolu_/);
+
+      // Check that messagePlugins was copied with new toolCallId
+      const newPlugin = await serverDB.query.messagePlugins.findFirst({
+        where: eq(messagePlugins.id, newTool.id),
+      });
+
+      expect(newPlugin).toBeDefined();
+      expect(newPlugin!.toolCallId).toBe(newTools[0].id);
+      expect(newPlugin!.toolCallId).not.toBe(originalToolId);
+    });
+
     it('should throw an error if the topic to duplicate does not exist', async () => {
       const topicId = 'nonexistent-topic';
 

package/packages/database/src/models/topic.ts

@@ -17,7 +17,14 @@ import {
   sql,
 } from 'drizzle-orm';
 
-import { TopicItem, agents, agentsToSessions, messages, topics } from '../schemas';
+import {
+  TopicItem,
+  agents,
+  agentsToSessions,
+  messagePlugins,
+  messages,
+  topics,
+} from '../schemas';
 import { LobeChatDatabase } from '../type';
 import { genEndDateWhere, genRangeWhere, genStartDateWhere, genWhere } from '../utils/genWhere';
 import { idGenerator } from '../utils/idGenerator';
@@ -498,28 +505,83 @@ export class TopicModel {
         })
         .returning();
 
-      // Find messages associated with the original topic
+      // Find messages associated with the original topic, ordered by createdAt
       const originalMessages = await tx
         .select()
         .from(messages)
-        .where(and(eq(messages.topicId, topicId), eq(messages.userId, this.userId)));
-
-      // copy messages
-      const duplicatedMessages = await Promise.all(
-        originalMessages.map(async (message) => {
-          const result = (await tx
-            .insert(messages)
-            .values({
-              ...message,
-              clientId: null,
-              id: idGenerator('messages'),
-              topicId: duplicatedTopic.id,
-            })
-            .returning()) as DBMessageItem[];
-
-          return result[0];
-        }),
-      );
+        .where(and(eq(messages.topicId, topicId), eq(messages.userId, this.userId)))
+        .orderBy(messages.createdAt);
+
+      // Find all messagePlugins for this topic
+      const messageIds = originalMessages.map((m) => m.id);
+      const originalPlugins =
+        messageIds.length > 0
+          ? await tx
+              .select()
+              .from(messagePlugins)
+              .where(inArray(messagePlugins.id, messageIds))
+          : [];
+
+      // Build oldId -> newId mapping for messages
+      const idMap = new Map<string, string>();
+      originalMessages.forEach((message) => {
+        idMap.set(message.id, idGenerator('messages'));
+      });
+
+      // Build oldToolId -> newToolId mapping for tools
+      const toolIdMap = new Map<string, string>();
+      originalMessages.forEach((message) => {
+        if (message.tools && Array.isArray(message.tools)) {
+          (message.tools as any[]).forEach((tool: any) => {
+            if (tool.id) {
+              toolIdMap.set(tool.id, `toolu_${idGenerator('messages')}`);
+            }
+          });
+        }
+      });
+
+      // copy messages sequentially to respect foreign key constraints
+      const duplicatedMessages: DBMessageItem[] = [];
+      for (const message of originalMessages) {
+        const newId = idMap.get(message.id)!;
+        const newParentId = message.parentId ? idMap.get(message.parentId) || null : null;
+
+        // Update tool IDs in tools array
+        let newTools = message.tools;
+        if (newTools && Array.isArray(newTools)) {
+          newTools = (newTools as any[]).map((tool: any) => ({
+            ...tool,
+            id: tool.id ? toolIdMap.get(tool.id) || tool.id : tool.id,
+          }));
+        }
+
+        const result = (await tx
+          .insert(messages)
+          .values({
+            ...message,
+            clientId: null,
+            id: newId,
+            parentId: newParentId,
+            topicId: duplicatedTopic.id,
+            tools: newTools,
+          })
+          .returning()) as DBMessageItem[];
+
+        duplicatedMessages.push(result[0]);
+
+        // Copy messagePlugins if exists for this message
+        const plugin = originalPlugins.find((p) => p.id === message.id);
+        if (plugin) {
+          const newToolCallId = plugin.toolCallId ? toolIdMap.get(plugin.toolCallId) || null : null;
+
+          await tx.insert(messagePlugins).values({
+            ...plugin,
+            id: newId,
+            clientId: null,
+            toolCallId: newToolCallId,
+          });
+        }
+      }
 
       return {
         messages: duplicatedMessages,

package/src/app/[variants]/(main)/agent/profile/features/AgentSettings/Content.tsx

@@ -0,0 +1,133 @@
+'use client';
+
+import { Avatar, Block, Flexbox, Icon, Text } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import type { ItemType } from 'antd/es/menu/interface';
+import isEqual from 'fast-deep-equal';
+import { BrainIcon, MessageSquareHeartIcon, Settings2Icon } from 'lucide-react';
+import { memo, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import Menu from '@/components/Menu';
+import { DEFAULT_AVATAR, DEFAULT_INBOX_AVATAR } from '@/const/meta';
+import { AgentSettings as Settings } from '@/features/AgentSetting';
+import { useAgentStore } from '@/store/agent';
+import { agentSelectors, builtinAgentSelectors } from '@/store/agent/selectors';
+import { ChatSettingsTabs } from '@/store/global/initialState';
+
+const Content = memo(() => {
+  const { t } = useTranslation('setting');
+  const theme = useTheme();
+  const [agentId, isInbox] = useAgentStore((s) => [
+    s.activeAgentId,
+    builtinAgentSelectors.isInboxAgent(s),
+  ]);
+  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
+  const meta = useAgentStore(agentSelectors.currentAgentMeta, isEqual);
+  const [tab, setTab] = useState(ChatSettingsTabs.Chat);
+
+  const updateAgentConfig = async (config: any) => {
+    if (!agentId) return;
+    await useAgentStore.getState().optimisticUpdateAgentConfig(agentId, config);
+  };
+
+  const updateAgentMeta = async (meta: any) => {
+    if (!agentId) return;
+    await useAgentStore.getState().optimisticUpdateAgentMeta(agentId, meta);
+  };
+
+  const menuItems: ItemType[] = useMemo(
+    () =>
+      [
+        {
+          icon: <Icon icon={Settings2Icon} />,
+          key: ChatSettingsTabs.Chat,
+          label: t('agentTab.chat'),
+        },
+        !isInbox
+          ? {
+              icon: <Icon icon={MessageSquareHeartIcon} />,
+              key: ChatSettingsTabs.Opening,
+              label: t('agentTab.opening'),
+            }
+          : null,
+        {
+          icon: <Icon icon={BrainIcon} />,
+          key: ChatSettingsTabs.Modal,
+          label: t('agentTab.modal'),
+        },
+      ].filter(Boolean) as ItemType[],
+    [t, isInbox],
+  );
+
+  const displayTitle = isInbox ? 'Lobe AI' : meta.title || t('defaultSession', { ns: 'common' });
+
+  return (
+    <Flexbox
+      direction="horizontal"
+      height="100%"
+      style={{
+        padding: 0,
+        position: 'relative',
+      }}
+    >
+      <Flexbox
+        height={'100%'}
+        paddingBlock={24}
+        paddingInline={8}
+        style={{
+          background: theme.colorBgLayout,
+          borderRight: `1px solid ${theme.colorBorderSecondary}`,
+        }}
+        width={200}
+      >
+        <Block
+          align={'center'}
+          gap={8}
+          horizontal
+          paddingBlock={'14px 16px'}
+          paddingInline={4}
+          style={{
+            overflow: 'hidden',
+          }}
+          variant={'borderless'}
+        >
+          <Avatar
+            avatar={isInbox ? DEFAULT_INBOX_AVATAR : meta.avatar || DEFAULT_AVATAR}
+            background={meta.backgroundColor || undefined}
+            shape={'square'}
+            size={28}
+          />
+          <Text ellipsis weight={500}>
+            {displayTitle}
+          </Text>
+        </Block>
+        <Menu
+          items={menuItems}
+          onClick={({ key }) => setTab(key as ChatSettingsTabs)}
+          selectable
+          selectedKeys={[tab]}
+          style={{ width: '100%' }}
+        />
+      </Flexbox>
+      <Flexbox
+        flex={1}
+        paddingBlock={24}
+        paddingInline={64}
+        style={{ overflow: 'scroll', width: '100%' }}
+      >
+        <Settings
+          config={config}
+          id={agentId}
+          loading={false}
+          meta={meta}
+          onConfigChange={updateAgentConfig}
+          onMetaChange={updateAgentMeta}
+          tab={tab}
+        />
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default Content;

package/src/app/[variants]/(main)/agent/profile/features/AgentSettings/index.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import { Modal } from '@lobehub/ui';
+import { memo } from 'react';
+
+import { useAgentStore } from '@/store/agent';
+
+import Content from './Content';
+
+const AgentSettings = memo(() => {
+  const showAgentSetting = useAgentStore((s) => s.showAgentSetting);
+
+  return (
+    <Modal
+      centered
+      footer={null}
+      onCancel={() => useAgentStore.setState({ showAgentSetting: false })}
+      open={showAgentSetting}
+      styles={{
+        body: {
+          height: '60vh',
+          overflow: 'scroll',
+          padding: 0,
+          position: 'relative',
+        },
+      }}
+      title={null}
+      width={960}
+    >
+      <Content />
+    </Modal>
+  );
+});
+
+export default AgentSettings;

package/src/app/[variants]/(main)/agent/profile/features/ProfileEditor/index.tsx

@@ -3,8 +3,9 @@
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
 import { Button, Flexbox } from '@lobehub/ui';
 import { Divider } from 'antd';
+import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
-import { Clock, PlayIcon } from 'lucide-react';
+import { Clock, PlayIcon, Settings2Icon } from 'lucide-react';
 import React, { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
@@ -16,6 +17,7 @@ import { agentSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 
 import AgentCronJobs from '../AgentCronJobs';
+import AgentSettings from '../AgentSettings';
 import EditorCanvas from '../EditorCanvas';
 import AgentPublishButton from '../Header/AgentPublishButton';
 import AgentHeader from './AgentHeader';
@@ -23,6 +25,7 @@ import AgentTool from './AgentTool';
 
 const ProfileEditor = memo(() => {
   const { t } = useTranslation('setting');
+  const theme = useTheme();
   const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
   const updateConfig = useAgentStore((s) => s.updateAgentConfig);
   const agentId = useAgentStore((s) => s.activeAgentId);
@@ -44,7 +47,7 @@ const ProfileEditor = memo(() => {
       >
         {/* Header: Avatar + Name + Description */}
         <AgentHeader />
-        {/* Config Bar: Model Selector */}
+        {/* Config Bar: Model Selector + Settings Button */}
         <Flexbox
           align={'center'}
           gap={8}
@@ -59,6 +62,15 @@ const ProfileEditor = memo(() => {
               provider: config.provider,
             }}
           />
+          <Button
+            icon={Settings2Icon}
+            onClick={() => useAgentStore.setState({ showAgentSetting: true })}
+            size={'small'}
+            style={{ color: theme.colorTextSecondary }}
+            type={'text'}
+          >
+            {t('advancedSettings')}
+          </Button>
         </Flexbox>
         <AgentTool />
         <Flexbox
@@ -93,6 +105,8 @@ const ProfileEditor = memo(() => {
       <EditorCanvas />
       {/* Agent Cron Jobs Display (only show if jobs exist) */}
       {ENABLE_BUSINESS_FEATURES && <AgentCronJobs />}
+      {/* Advanced Settings Modal */}
+      <AgentSettings />
     </>
   );
 });

package/src/app/[variants]/(main)/group/profile/features/AgentSettings/Content.tsx

@@ -0,0 +1,140 @@
+'use client';
+
+import { Avatar, Block, Flexbox, Icon, Text } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import type { ItemType } from 'antd/es/menu/interface';
+import { MessageSquareHeartIcon } from 'lucide-react';
+import { memo, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import Menu from '@/components/Menu';
+import { DEFAULT_AVATAR } from '@/const/meta';
+import { AgentSettings as Settings } from '@/features/AgentSetting';
+import { useAgentGroupStore } from '@/store/agentGroup';
+import { agentGroupSelectors } from '@/store/agentGroup/selectors';
+import { ChatSettingsTabs } from '@/store/global/initialState';
+
+const Content = memo(() => {
+  const { t } = useTranslation('setting');
+  const theme = useTheme();
+  const groupId = useAgentGroupStore(agentGroupSelectors.activeGroupId);
+  const currentGroup = useAgentGroupStore(agentGroupSelectors.currentGroup);
+  const [tab] = useState(ChatSettingsTabs.Opening);
+
+  const updateGroupConfig = async (config: any) => {
+    if (!groupId) return;
+    // Only update openingMessage and openingQuestions
+    const groupConfig = {
+      openingMessage: config.openingMessage,
+      openingQuestions: config.openingQuestions,
+    };
+    await useAgentGroupStore.getState().updateGroupConfig(groupConfig);
+  };
+
+  const updateGroupMeta = async (meta: any) => {
+    if (!groupId) return;
+    await useAgentGroupStore.getState().updateGroup(groupId, meta);
+  };
+
+  // Convert group config to agent config format for AgentSettings component
+  const agentConfig = useMemo(
+    () =>
+      ({
+        chatConfig: {},
+        model: '',
+        openingMessage: currentGroup?.config?.openingMessage,
+        openingQuestions: currentGroup?.config?.openingQuestions,
+        params: {},
+        systemRole: '',
+        tts: {},
+      }) as any,
+    [currentGroup?.config],
+  );
+
+  const agentMeta = useMemo(
+    () => ({
+      avatar: currentGroup?.avatar || undefined,
+      backgroundColor: currentGroup?.backgroundColor || undefined,
+      description: currentGroup?.description || undefined,
+      tags: [] as string[],
+      title: currentGroup?.title || undefined,
+    }),
+    [currentGroup],
+  );
+
+  const menuItems: ItemType[] = useMemo(
+    () => [
+      {
+        icon: <Icon icon={MessageSquareHeartIcon} />,
+        key: ChatSettingsTabs.Opening,
+        label: t('agentTab.opening'),
+      },
+    ],
+    [t],
+  );
+
+  const displayTitle = currentGroup?.title || t('defaultSession', { ns: 'common' });
+
+  return (
+    <Flexbox
+      direction="horizontal"
+      height="100%"
+      style={{
+        padding: 0,
+        position: 'relative',
+      }}
+    >
+      <Flexbox
+        height={'100%'}
+        paddingBlock={24}
+        paddingInline={8}
+        style={{
+          background: theme.colorBgLayout,
+          borderRight: `1px solid ${theme.colorBorderSecondary}`,
+        }}
+        width={200}
+      >
+        <Block
+          align={'center'}
+          gap={8}
+          horizontal
+          paddingBlock={'14px 16px'}
+          paddingInline={4}
+          style={{
+            overflow: 'hidden',
+          }}
+          variant={'borderless'}
+        >
+          <Avatar
+            avatar={currentGroup?.avatar || DEFAULT_AVATAR}
+            background={currentGroup?.backgroundColor || undefined}
+            shape={'square'}
+            size={28}
+          />
+          <Text ellipsis weight={500}>
+            {displayTitle}
+          </Text>
+        </Block>
+        <Menu items={menuItems} selectable selectedKeys={[tab]} style={{ width: '100%' }} />
+      </Flexbox>
+      <Flexbox
+        flex={1}
+        paddingBlock={24}
+        paddingInline={64}
+        style={{ overflow: 'scroll', width: '100%' }}
+      >
+        <Settings
+          config={agentConfig}
+          id={groupId}
+          loading={false}
+          meta={agentMeta}
+          onConfigChange={updateGroupConfig}
+          onMetaChange={updateGroupMeta}
+          tab={tab}
+        />
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default Content;

package/src/app/[variants]/(main)/group/profile/features/AgentSettings/index.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import { Modal } from '@lobehub/ui';
+import { memo } from 'react';
+
+import Content from './Content';
+
+interface AgentSettingsProps {
+  onCancel: () => void;
+  open: boolean;
+}
+
+const AgentSettings = memo<AgentSettingsProps>(({ open, onCancel }) => {
+  return (
+    <Modal
+      centered
+      footer={null}
+      onCancel={onCancel}
+      open={open}
+      styles={{
+        body: {
+          height: '60vh',
+          overflow: 'scroll',
+          padding: 0,
+          position: 'relative',
+        },
+      }}
+      title={null}
+      width={960}
+    >
+      <Content />
+    </Modal>
+  );
+});
+
+export default AgentSettings;

package/src/app/[variants]/(main)/group/profile/features/GroupProfile/index.tsx

@@ -2,8 +2,9 @@
 
 import { Button, Flexbox } from '@lobehub/ui';
 import { Divider } from 'antd';
-import { PlayIcon } from 'lucide-react';
-import { memo, useCallback, useMemo } from 'react';
+import { useTheme } from 'antd-style';
+import { PlayIcon, Settings2Icon } from 'lucide-react';
+import { memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
 
@@ -13,12 +14,15 @@ import { useAgentGroupStore } from '@/store/agentGroup';
 import { agentGroupSelectors } from '@/store/agentGroup/selectors';
 import { useGroupProfileStore } from '@/store/groupProfile';
 
+import AgentSettings from '../AgentSettings';
 import AutoSaveHint from '../Header/AutoSaveHint';
 import GroupPublishButton from '../Header/GroupPublishButton';
 import GroupHeader from './GroupHeader';
 
 const GroupProfile = memo(() => {
   const { t } = useTranslation(['setting', 'chat']);
+  const theme = useTheme();
+  const [showAgentSetting, setShowAgentSetting] = useState(false);
   const groupId = useAgentGroupStore(agentGroupSelectors.activeGroupId);
   const currentGroup = useAgentGroupStore(agentGroupSelectors.currentGroup);
   const updateGroup = useAgentGroupStore((s) => s.updateGroup);
@@ -86,6 +90,15 @@ const GroupProfile = memo(() => {
             {t('startConversation')}
           </Button>
           <GroupPublishButton />
+          <Button
+            icon={Settings2Icon}
+            onClick={() => setShowAgentSetting(true)}
+            size={'small'}
+            style={{ color: theme.colorTextSecondary }}
+            type={'text'}
+          >
+            {t('advancedSettings')}
+          </Button>
         </Flexbox>
       </Flexbox>
       <Divider />
@@ -97,6 +110,8 @@ const GroupProfile = memo(() => {
         onContentChange={onContentChange}
         placeholder={t('group.profile.contentPlaceholder', { ns: 'chat' })}
       />
+      {/* Advanced Settings Modal */}
+      <AgentSettings onCancel={() => setShowAgentSetting(false)} open={showAgentSetting} />
     </>
   );
 });

package/src/features/AgentSetting/AgentOpening/OpeningQuestions.tsx

@@ -86,13 +86,14 @@ const OpeningQuestions = memo(() => {
   const isRepeat = openingQuestions.includes(questionInput.trim());
 
   return (
-    <Flexbox gap={8}>
-      <Flexbox gap={4}>
-        <Space.Compact>
+    <Flexbox gap={8} width={'100%'}>
+      <Flexbox gap={4} width={'100%'}>
+        <Space.Compact style={{ width: '100%' }}>
           <Input
             onChange={(e) => setQuestionInput(e.target.value)}
             onPressEnter={addQuestion}
             placeholder={t('settingOpening.openingQuestions.placeholder')}
+            style={{ flex: 1 }}
             value={questionInput}
           />
           <Button

package/src/features/AgentSetting/AgentOpening/index.tsx

@@ -4,8 +4,6 @@ import { Form } from '@lobehub/ui';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { FORM_STYLE } from '@/const/layoutTokens';
-
 import OpeningMessage from './OpeningMessage';
 import OpeningQuestions from './OpeningQuestions';
 
@@ -44,7 +42,6 @@ const AgentOpening = memo(() => {
       ]}
       itemsType={'group'}
       variant={'borderless'}
-      {...FORM_STYLE}
     />
   );
 });

package/src/features/Conversation/Messages/AgentCouncil/components/CouncilList.tsx

@@ -62,7 +62,7 @@ const CouncilList = memo<CouncilListProps>(({ members, displayMode, activeTab })
               minWidth: MIN_WIDTH * members.length + 32 + 32 * (members.length - 1),
             }}
           >
-            {members.map((member, idx) => {
+            {members?.map((member, idx) => {
               if (!member) return null;
               return (
                 <Fragment key={member.id}>
@@ -77,7 +77,7 @@ const CouncilList = memo<CouncilListProps>(({ members, displayMode, activeTab })
                   >
                     <CouncilMember index={idx} item={member} />
                   </Flexbox>
-                  {idx < members.length - 1 && (
+                  {idx < members?.length - 1 && (
                     <Divider
                       dashed
                       orientation={'vertical'}

package/src/features/PageEditor/Copilot/Toolbar.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, Block, Flexbox, Popover } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
 import { ChevronsUpDownIcon, Clock3Icon, PanelRightCloseIcon, PlusIcon } from 'lucide-react';
-import { Suspense, memo, useMemo, useState } from 'react';
+import { Suspense, memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import AgentAvatar from '@/app/[variants]/(main)/home/_layout/Body/Agent/List/AgentItem/Avatar';
@@ -164,6 +164,15 @@ const CopilotToolbar = memo<CopilotToolbarProps>(({ agentId, isHovered }) => {
   const setActiveAgentId = useAgentStore((s) => s.setActiveAgentId);
   const [topicPopoverOpen, setTopicPopoverOpen] = useState(false);
 
+  const handleAgentChange = useCallback(
+    (id: string) => {
+      setActiveAgentId(id);
+      // Sync chatStore's activeAgentId to ensure topic selectors work correctly
+      useChatStore.setState({ activeAgentId: id });
+    },
+    [setActiveAgentId],
+  );
+
   // Fetch topics for the agent builder
   useChatStore((s) => s.useFetchTopics)(true, { agentId });
 
@@ -175,13 +184,15 @@ const CopilotToolbar = memo<CopilotToolbarProps>(({ agentId, isHovered }) => {
 
   const [toggleRightPanel] = useGlobalStore((s) => [s.toggleRightPanel]);
 
-  const hideHistory = !topics || topics.length === 0;
+  // topics === undefined means still loading, topics.length === 0 means confirmed empty
+  const isLoadingTopics = topics === undefined;
+  const hideHistory = !isLoadingTopics && topics.length === 0;
 
   return (
     <NavHeader
       left={
         <Flexbox align="center" gap={8} horizontal>
-          <AgentSelector agentId={agentId} onAgentChange={setActiveAgentId} />
+          <AgentSelector agentId={agentId} onAgentChange={handleAgentChange} />
         </Flexbox>
       }
       right={
@@ -218,7 +229,7 @@ const CopilotToolbar = memo<CopilotToolbarProps>(({ agentId, isHovered }) => {
                   </Flexbox>
                 }
                 onOpenChange={setTopicPopoverOpen}
-                open={topicPopoverOpen}
+                open={isLoadingTopics ? false : topicPopoverOpen}
                 placement="bottomRight"
                 styles={{
                   content: {
@@ -228,7 +239,12 @@ const CopilotToolbar = memo<CopilotToolbarProps>(({ agentId, isHovered }) => {
                 }}
                 trigger="click"
               >
-                <ActionIcon icon={Clock3Icon} size={DESKTOP_HEADER_ICON_SIZE} />
+                <ActionIcon
+                  disabled={isLoadingTopics}
+                  icon={Clock3Icon}
+                  loading={isLoadingTopics}
+                  size={DESKTOP_HEADER_ICON_SIZE}
+                />
               </Popover>
             )}
           </div>

package/src/features/ProfileEditor/AgentTool.tsx

@@ -44,13 +44,7 @@ const prefixCls = 'ant';
 const styles = createStaticStyles(({ css }) => ({
   dropdown: css`
     overflow: hidden;
-
     width: 100%;
-    border: 1px solid ${cssVar.colorBorderSecondary};
-    border-radius: ${cssVar.borderRadiusLG};
-
-    background: ${cssVar.colorBgElevated};
-    box-shadow: ${cssVar.boxShadowSecondary};
 
     .${prefixCls}-dropdown-menu {
       border-radius: 0 !important;
@@ -339,7 +333,9 @@ const AgentTool = memo<AgentToolProps>(
       () => [
         // 原有的 builtin 工具
         ...filteredBuiltinList.map((item) => ({
-          icon: <Avatar avatar={item.meta.avatar} size={20} style={{ flex: 'none' }} />,
+          icon: (
+            <Avatar avatar={item.meta.avatar} size={20} style={{ flex: 'none', marginRight: 0 }} />
+          ),
           key: item.identifier,
           label: (
             <ToolItem
@@ -412,18 +408,6 @@ const AgentTool = memo<AgentToolProps>(
           ),
           type: 'group',
         },
-        {
-          type: 'divider',
-        },
-        {
-          extra: <Icon icon={ArrowRight} />,
-          icon: Store,
-          key: 'plugin-store',
-          label: t('tools.plugins.store'),
-          onClick: () => {
-            createSkillStoreModal();
-          },
-        },
       ],
       [builtinItems, pluginItems, enablePluginCount, t],
     );
@@ -557,7 +541,6 @@ const AgentTool = memo<AgentToolProps>(
           {/* Plugin Selector Dropdown - Using Action component pattern */}
           <Suspense fallback={button}>
             <ActionDropdown
-              maxHeight={500}
               maxWidth={400}
               menu={{
                 items: currentItems,
@@ -567,11 +550,10 @@ const AgentTool = memo<AgentToolProps>(
                   overflowY: 'visible',
                 },
               }}
-              minHeight={isKlavisEnabledInEnv || isLobehubSkillEnabled ? 500 : undefined}
               minWidth={400}
               placement={'bottomLeft'}
               popupRender={(menu) => (
-                <div className={styles.dropdown}>
+                <Flexbox className={styles.dropdown} style={{ maxHeight: 500 }}>
                   {/* stopPropagation prevents dropdown's onClick from calling preventDefault on Segmented */}
                   <div className={styles.header} onClick={(e) => e.stopPropagation()}>
                     <Segmented
@@ -591,16 +573,26 @@ const AgentTool = memo<AgentToolProps>(
                       value={effectiveTab}
                     />
                   </div>
-                  <div
-                    className={styles.scroller}
+                  <div className={styles.scroller} style={{ flex: 1 }}>
+                    {menu}
+                  </div>
+                  <Flexbox
+                    align="center"
+                    gap={8}
+                    horizontal
+                    onClick={() => createSkillStoreModal()}
                     style={{
-                      maxHeight: 500,
-                      minHeight: isKlavisEnabledInEnv || isLobehubSkillEnabled ? 500 : undefined,
+                      borderBlockStart: `1px solid ${cssVar.colorBorderSecondary}`,
+                      cursor: 'pointer',
+                      flex: 'none',
+                      padding: cssVar.paddingSM,
                     }}
                   >
-                    {menu}
-                  </div>
-                </div>
+                    <Icon icon={Store} />
+                    <span style={{ flex: 1 }}>{t('tools.plugins.store')}</span>
+                    <Icon icon={ArrowRight} />
+                  </Flexbox>
+                </Flexbox>
               )}
               trigger={'click'}
             >