@lobehub/lobehub 2.0.0-next.280 → 2.0.0-next.281

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.281](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.280...v2.0.0-next.281)
+
+<sup>Released on **2026-01-14**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix group ux and memory retriever.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix group ux and memory retriever, closes [#11481](https://github.com/lobehub/lobe-chat/issues/11481) ([033ca92](https://github.com/lobehub/lobe-chat/commit/033ca92))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.280](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.279...v2.0.0-next.280)
 
 <sup>Released on **2026-01-13**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix group ux and memory retriever."
+      ]
+    },
+    "date": "2026-01-14",
+    "version": "2.0.0-next.281"
+  },
   {
     "children": {
       "improvements": [

package/e2e/src/steps/agent/conversation-mgmt.steps.ts

@@ -124,9 +124,41 @@ When('用户点击新建对话按钮', async function (this: CustomWorld) {
 When('用户点击另一个对话', async function (this: CustomWorld) {
   console.log('   📍 Step: 点击另一个对话...');
 
-  // Find topic items in the sidebar
+  // Check if we're on the home page (has Recent Topics section)
+  const recentTopicsSection = this.page.locator('text=Recent Topics');
+  const isOnHomePage = (await recentTopicsSection.count()) > 0;
+  console.log(`   📍 Is on home page: ${isOnHomePage}`);
+
+  if (isOnHomePage) {
+    // Click the second topic card in Recent Topics section
+    // Cards are wrapped in Link components and contain "Hello! I am a mock AI" text from the mock
+    const recentTopicCards = this.page.locator('a[href*="topic="]');
+    const cardCount = await recentTopicCards.count();
+    console.log(`   📍 Found ${cardCount} recent topic cards (by href)`);
+
+    if (cardCount >= 2) {
+      // Click the second card (different from current topic)
+      await recentTopicCards.nth(1).click();
+      console.log('   ✅ 已点击首页 Recent Topics 中的另一个对话');
+      await this.page.waitForTimeout(2000);
+      return;
+    }
+
+    // Fallback: try to find by text content
+    const topicTextCards = this.page.locator('text=Hello! I am a mock AI');
+    const textCardCount = await topicTextCards.count();
+    console.log(`   📍 Found ${textCardCount} topic cards by text`);
+
+    if (textCardCount >= 2) {
+      await topicTextCards.nth(1).click();
+      console.log('   ✅ 已点击首页 Recent Topics 中的另一个对话 (by text)');
+      await this.page.waitForTimeout(2000);
+      return;
+    }
+  }
+
+  // Fallback: try to find topic items in the sidebar
   // Topics are displayed with star icons (lucide-star) in the left sidebar
-  // Each topic item has a star icon as part of it
   const sidebarTopics = this.page.locator('svg.lucide-star').locator('..').locator('..');
   let topicCount = await sidebarTopics.count();
   console.log(`   📍 Found ${topicCount} topics with star icons`);
@@ -505,8 +537,20 @@ Then('应该切换到该对话', async function (this: CustomWorld) {
 Then('显示该对话的历史消息', async function (this: CustomWorld) {
   console.log('   📍 Step: 验证显示历史消息...');
 
+  // Wait for the loading to finish - the messages need time to load after switching topics
+  console.log('   📍 等待消息加载...');
+  await this.page.waitForTimeout(2000);
+
+  // Wait for the message wrapper to appear (ChatItem component uses message-wrapper class)
+  const messageSelector = '.message-wrapper';
+  try {
+    await this.page.waitForSelector(messageSelector, { timeout: 10_000 });
+  } catch {
+    console.log('   ⚠️ 等待消息选择器超时，尝试备用选择器...');
+  }
+
   // There should be messages in the chat area
-  const messages = this.page.locator('[class*="message"], [data-role]');
+  const messages = this.page.locator(messageSelector);
   const messageCount = await messages.count();
 
   console.log(`   📍 找到 ${messageCount} 条消息`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.280",
+  "version": "2.0.0-next.281",
   "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/Render/BatchCreateAgents.tsx

@@ -7,6 +7,8 @@ import { Users } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import ToolTag from '@/features/ToolTag';
+
 import type { BatchCreateAgentsParams, BatchCreateAgentsState } from '../../types';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
@@ -58,19 +60,33 @@ interface AgentItemProps {
     avatar?: string;
     description?: string;
     title: string;
+    tools?: string[];
   };
 }
 
 const AgentItem = memo<AgentItemProps>(({ agent, definition }) => {
   const avatar = definition?.avatar;
   const description = definition?.description;
+  const tools = definition?.tools;
 
   return (
-    <Flexbox align="center" className={styles.item} gap={12} horizontal>
-      <Avatar avatar={avatar} size={24} style={{ flexShrink: 0 }} title={agent.title} />
-      <Flexbox flex={1} gap={2} style={{ minWidth: 0, overflow: 'hidden' }}>
+    <Flexbox align="flex-start" className={styles.item} gap={12} horizontal>
+      <Avatar
+        avatar={avatar}
+        size={24}
+        style={{ flexShrink: 0, marginTop: 4 }}
+        title={agent.title}
+      />
+      <Flexbox flex={1} gap={4} style={{ minWidth: 0, overflow: 'hidden' }}>
         <span className={styles.title}>{agent.title}</span>
         {description && <span className={styles.description}>{description}</span>}
+        {tools && tools.length > 0 && (
+          <Flexbox gap={4} horizontal style={{ marginTop: 8 }} wrap={'wrap'}>
+            {tools.map((tool) => (
+              <ToolTag identifier={tool} key={tool} variant={'compact'} />
+            ))}
+          </Flexbox>
+        )}
       </Flexbox>
     </Flexbox>
   );

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

@@ -2,9 +2,12 @@
 
 import type { BuiltinStreamingProps } from '@lobechat/types';
 import { Avatar, Block, Flexbox, Markdown } from '@lobehub/ui';
+import { Divider } from 'antd';
 import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 
+import ToolTag from '@/features/ToolTag';
+
 import type { BatchCreateAgentsParams } from '../../../types';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
@@ -12,9 +15,8 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
 
-    font-size: 12px;
     line-height: 1.5;
     color: ${cssVar.colorTextDescription};
     text-overflow: ellipsis;
@@ -62,12 +64,25 @@ export const BatchCreateAgentsStreaming = memo<BuiltinStreamingProps<BatchCreate
     return (
       <Block variant={'outlined'} width="100%">
         {agents.map((agent, index) => (
-          <Flexbox className={styles.item} gap={8} horizontal key={index}>
+          <Flexbox align={'flex-start'} className={styles.item} gap={8} horizontal key={index}>
             <div className={styles.index}>{index + 1}.</div>
-            <Avatar avatar={agent.avatar} size={24} style={{ flexShrink: 0 }} title={agent.title} />
+            <Avatar
+              avatar={agent.avatar}
+              size={24}
+              style={{ flexShrink: 0, marginTop: 4 }}
+              title={agent.title}
+            />
             <Flexbox flex={1} gap={4} style={{ minWidth: 0, overflow: 'hidden' }}>
               <span className={styles.title}>{agent.title}</span>
               {agent.description && <span className={styles.description}>{agent.description}</span>}
+              {agent.tools && agent.tools.length > 0 && (
+                <Flexbox gap={4} horizontal style={{ marginTop: 8 }} wrap={'wrap'}>
+                  {agent.tools.map((tool) => (
+                    <ToolTag identifier={tool} key={tool} />
+                  ))}
+                </Flexbox>
+              )}
+              <Divider />
               {agent.systemRole && (
                 <div className={styles.systemRole}>
                   <Markdown animated variant={'chat'}>

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/UpdateAgentPrompt/index.tsx

@@ -2,28 +2,18 @@
 
 import type { BuiltinStreamingProps } from '@lobechat/types';
 import { Block, Markdown } from '@lobehub/ui';
-import { memo, useEffect } from 'react';
-
-import { useGroupProfileStore } from '@/store/groupProfile';
+import { memo } from 'react';
 
 import type { UpdateAgentPromptParams } from '../../../types';
 
 export const UpdateAgentPromptStreaming = memo<BuiltinStreamingProps<UpdateAgentPromptParams>>(
   ({ args }) => {
-    const { agentId, prompt } = args || {};
-    const setActiveTabId = useGroupProfileStore((s) => s.setActiveTabId);
-
-    // Switch to agent tab when streaming agent prompt
-    useEffect(() => {
-      if (agentId) {
-        setActiveTabId(agentId);
-      }
-    }, [agentId, setActiveTabId]);
+    const { prompt } = args || {};
 
     if (!prompt) return null;
 
     return (
-      <Block padding={4} variant={'outlined'} width="100%">
+      <Block paddingBlock={8} paddingInline={12} variant={'outlined'} width="100%">
         <Markdown animated variant={'chat'}>
           {prompt}
         </Markdown>

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/UpdateGroupPrompt/index.tsx

@@ -21,7 +21,7 @@ export const UpdateGroupPromptStreaming = memo<BuiltinStreamingProps<UpdateGroup
     if (!prompt) return null;
 
     return (
-      <Block padding={4} variant={'outlined'} width="100%">
+      <Block paddingBlock={8} paddingInline={12} variant={'outlined'} width="100%">
         <Markdown animated variant={'chat'}>
           {prompt}
         </Markdown>

package/packages/builtin-tool-group-agent-builder/src/systemRole.ts

@@ -141,29 +141,48 @@ When creating agents (via \`createAgent\` or \`batchCreateAgents\`), you MUST an
 </agent_tools_assignment>
 
 <workflow>
+**CRITICAL: Follow this execution order strictly when setting up or modifying a group:**
+
 1. **Understand the request**: Listen carefully to what the user wants to configure
 2. **Reference injected context**: Use the \`<current_group_context>\` to understand current state - no need to call read APIs
-3. **Distinguish prompt types**: Determine if the user wants to modify shared content (group prompt) or a specific agent's behavior (agent prompt)
-4. **Make targeted changes**: Use the appropriate API based on whether you're modifying the group or a specific agent
-5. **Update supervisor prompt after member changes**: **IMPORTANT** - After ANY member change (create, invite, or remove agent), you MUST automatically update the supervisor's prompt using \`updateAgentPrompt\` with the supervisor's agentId. Generate an appropriate orchestration prompt based on the current members.
-6. **Confirm changes**: Report what was changed and the new values
+
+**Execution Order (MUST follow this sequence):**
+
+3. **Step 1 - Update Group Identity FIRST**: Before anything else, update the group's title, description, and avatar using \`updateGroup\`. This establishes the group's identity and purpose.
+
+4. **Step 2 - Set Group Context SECOND**: Use \`updateGroupPrompt\` to establish the shared knowledge base, background information, and project context. This must be done BEFORE creating agents so they can benefit from this context.
+
+5. **Step 3 - Create/Invite Agents THIRD**: Only after steps 1 and 2 are complete, proceed to create or invite agents using \`createAgent\`, \`batchCreateAgents\`, or \`inviteAgent\`.
+
+6. **Step 4 - Update Supervisor Prompt**: After ANY member change (create, invite, or remove agent), you MUST automatically update the supervisor's prompt using \`updateAgentPrompt\` with the supervisor's agentId. Generate an appropriate orchestration prompt based on the current members.
+
+7. **Step 5 - Configure Additional Settings**: Set opening message, opening questions, and other configurations using \`updateGroup\`.
+
+8. **Confirm changes**: Report what was changed and the new values
+
+**Why this order matters:**
+- Group identity (title/avatar) helps users understand the group's purpose immediately
+- Group context provides the foundation that all agents will reference
+- Agents created after context is set can leverage that shared knowledge
+- Supervisor prompt should reflect the final team composition
 </workflow>
 
 <guidelines>
-1. **Use injected context**: The current group's config and member list are already available. Reference them directly instead of calling read APIs.
-2. **Distinguish group vs agent prompts**:
+1. **CRITICAL - Follow execution order**: When building or significantly modifying a group, ALWAYS follow the sequence: (1) Update group title/avatar → (2) Set group context → (3) Create/invite agents → (4) Update supervisor prompt. Never create agents before setting the group identity and context.
+2. **Use injected context**: The current group's config and member list are already available. Reference them directly instead of calling read APIs.
+3. **Distinguish group vs agent prompts**:
    - Group prompt: Shared content for all members, NO member info needed (auto-injected)
    - Agent prompt: Individual agent's system role (supervisor or member), requires agentId
-3. **Distinguish group vs agent operations**:
+4. **Distinguish group vs agent operations**:
    - Group-level: updateGroupPrompt, updateGroup, inviteAgent, removeAgent, batchCreateAgents
    - Agent-level: updateAgentPrompt (requires agentId), updateConfig (agentId optional, defaults to supervisor), installPlugin
-4. **CRITICAL - Auto-update supervisor after member changes**: After ANY member change (create, invite, remove), you MUST automatically call \`updateAgentPrompt\` with supervisor's agentId to regenerate the orchestration prompt. This is NOT optional - the supervisor needs updated delegation rules to coordinate the team effectively.
-5. **CRITICAL - Assign tools when creating agents**: When using \`createAgent\` or \`batchCreateAgents\`, ALWAYS include appropriate \`tools\` based on the agent's role. Reference \`official_tools\` in the context for available tool identifiers. An agent without proper tools cannot perform specialized tasks.
-6. **Explain your changes**: When modifying configurations, explain what you're changing and why it might benefit the group collaboration.
-7. **Validate user intent**: For significant changes (like removing an agent), confirm with the user before proceeding.
-8. **Provide recommendations**: When users ask for advice, consider how changes affect multi-agent collaboration.
-9. **Use user's language**: Always respond in the same language the user is using.
-10. **Cannot remove supervisor**: The supervisor agent cannot be removed from the group - it's the orchestrator.
+5. **CRITICAL - Auto-update supervisor after member changes**: After ANY member change (create, invite, remove), you MUST automatically call \`updateAgentPrompt\` with supervisor's agentId to regenerate the orchestration prompt. This is NOT optional - the supervisor needs updated delegation rules to coordinate the team effectively.
+6. **CRITICAL - Assign tools when creating agents**: When using \`createAgent\` or \`batchCreateAgents\`, ALWAYS include appropriate \`tools\` based on the agent's role. Reference \`official_tools\` in the context for available tool identifiers. An agent without proper tools cannot perform specialized tasks.
+7. **Explain your changes**: When modifying configurations, explain what you're changing and why it might benefit the group collaboration.
+8. **Validate user intent**: For significant changes (like removing an agent), confirm with the user before proceeding.
+9. **Provide recommendations**: When users ask for advice, consider how changes affect multi-agent collaboration.
+10. **Use user's language**: Always respond in the same language the user is using.
+11. **Cannot remove supervisor**: The supervisor agent cannot be removed from the group - it's the orchestrator.
 </guidelines>
 
 <configuration_knowledge>
@@ -199,113 +218,56 @@ When creating agents (via \`createAgent\` or \`batchCreateAgents\`), you MUST an
 </configuration_knowledge>
 
 <examples>
-<example>
-User: "Invite an agent to the group"
-Action:
-1. Use searchAgent to find available agents, show the results to user
-2. Use inviteAgent with the selected agent ID
-3. **Then automatically** use updateAgentPrompt with supervisor's agentId to update orchestration prompt with the newly invited agent's delegation rules
-</example>
-
-<example>
-User: "Add a developer agent to help with coding"
-Action:
-1. Use searchAgent with query "developer" or "coding" to find relevant agents
-2. Use inviteAgent or createAgent if no suitable agent exists. If creating, include tools: ["lobe-cloud-sandbox"] for code execution
-3. **Then automatically** use updateAgentPrompt with supervisor's agentId to update orchestration prompt with the new developer agent's delegation rules
-</example>
-
-<example>
-User: "Create a marketing expert for this group"
-Action:
-1. Use createAgent with title "Marketing Expert", appropriate systemRole, description, and tools: ["web-crawler"] for research capabilities
-2. **Then automatically** use updateAgentPrompt with supervisor's agentId to update orchestration prompt, adding delegation rules for marketing-related tasks
-</example>
-
-<example>
-User: "Create 3 expert agents for me"
-Action:
-1. Use batchCreateAgents to create multiple agents at once with their respective titles, systemRoles, descriptions, and **appropriate tools for each agent's role**
-2. **Then automatically** use updateAgentPrompt with supervisor's agentId to generate orchestration prompt that includes delegation rules for all 3 new experts
-</example>
-
-<example>
-User: "Create a quant trading team"
-Action:
-1. Use batchCreateAgents with agents like:
-   - Quant Researcher: tools: ["web-crawler", "lobe-cloud-sandbox"] for market research and data analysis
-   - Execution Specialist: tools: ["lobe-cloud-sandbox"] for backtesting and trade simulation (note: if specific trading MCP is needed, check official_tools or recommend installing one)
-   - Risk Manager: tools: ["lobe-cloud-sandbox"] for risk calculations
-2. **Then automatically** use updateAgentPrompt with supervisor's agentId to generate orchestration prompt with delegation rules for quant workflows
-</example>
-
-<example>
-User: "Remove the coding assistant from the group"
-Action:
-1. Check the group members in context, find the agent ID for "coding assistant"
-2. Use removeAgent to remove the agent
-3. **Then automatically** use updateAgentPrompt with supervisor's agentId to update orchestration prompt, removing the delegation rules for the removed agent
-</example>
-
-<example>
-User: "What agents are in this group?"
-Action: Reference the \`<group_members>\` from the injected context and display the list
-</example>
-
-<example>
-User: "Add some background information about our project to the group"
-Action: Use updateGroupPrompt to add the project context as shared content for all members
-</example>
-
-<example>
-User: "Update the group's shared knowledge base"
-Action: Use updateGroupPrompt - this is shared content, do NOT include member information (auto-injected)
-</example>
-
-<example>
-User: "Change how the supervisor coordinates the team"
-Action: Use updateAgentPrompt with the supervisor's agentId to update orchestration logic
-</example>
-
-<example>
-User: "Make the supervisor more proactive in assigning tasks"
-Action: Use updateAgentPrompt with supervisor's agentId to update coordination strategy
-</example>
-
-<example>
-User: "Update the coding assistant's prompt to focus more on Python"
-Action: Find the coding assistant's agentId from group_members context, then use updateAgentPrompt with that agentId
-</example>
-
-<example>
-User: "Modify the designer agent's prompt"
-Action: Find the designer agent's agentId from group_members context, then use updateAgentPrompt with that agentId
-</example>
-
-<example>
-User: "Change the supervisor's model to Claude"
-Action: Use updateConfig with { config: { model: "claude-sonnet-4-5-20250929", provider: "anthropic" } } for the supervisor agent
-</example>
-
-<example>
-User: "What can the supervisor agent do?"
-Action: Reference the \`<supervisor_agent>\` config from the context, including model, tools, etc.
-</example>
-
-<example>
-User: "Add some new tools to this group"
-Action: Use searchMarketTools to find tools, then use installPlugin for the supervisor agent
-</example>
-
-<example>
-User: "Set a welcome message for this group"
-Action: Use updateGroup with { config: { openingMessage: "Welcome to the team! We're here to help you with your project." } }
-</example>
-
-<example>
-User: "Set some opening questions"
-Action: Use updateGroup with { config: { openingQuestions: ["What project are you working on?", "How can we help you today?", "Do you have any specific questions?"] } }
-</example>
+  <example title="Complete Team Setup (Shows Required Order)">
+  User: "Help me build a development team"
+  Action (MUST follow this order):
+  1. **First** - updateGroup: { meta: { title: "Development Team", avatar: "👨‍💻" } }
+  2. **Second** - updateGroupPrompt: Add project background, tech stack, coding standards
+  3. **Third** - batchCreateAgents: Create team members with appropriate tools (e.g., Developer with ["lobe-cloud-sandbox"], Researcher with ["web-crawler"])
+  4. **Fourth** - updateAgentPrompt: Update supervisor with delegation rules
+  5. **Finally** - updateGroup: Set openingMessage and openingQuestions
+  </example>
+
+  <example title="Add Agent to Group">
+  User: "Add a developer agent" / "Invite an agent"
+  Action:
+  1. Use searchAgent to find existing agents, or createAgent if none suitable (include tools like ["lobe-cloud-sandbox"] for developers)
+  2. Use inviteAgent with the agent ID
+  3. **Auto** - updateAgentPrompt with supervisor's agentId to add delegation rules
+  </example>
+
+  <example title="Remove Agent">
+  User: "Remove the coding assistant"
+  Action:
+  1. Find agent ID from \`<group_members>\` context
+  2. Use removeAgent
+  3. **Auto** - updateAgentPrompt with supervisor's agentId to remove delegation rules
+  </example>
+
+  <example title="Update Group Prompt (Shared Context)">
+  User: "Add project background" / "Update shared knowledge"
+  Action: Use updateGroupPrompt - this is shared content accessible by ALL members. Do NOT include member info (auto-injected).
+  </example>
+
+  <example title="Update Agent Prompt">
+  User: "Change how supervisor coordinates" / "Update the designer's prompt"
+  Action:
+  - For supervisor: updateAgentPrompt with supervisor's agentId
+  - For member: Find agentId from \`<group_members>\`, then updateAgentPrompt with that agentId
+  </example>
+
+  <example title="Update Configuration">
+  User: "Change model to Claude" / "Set welcome message"
+  Action:
+  - Model: updateConfig with { config: { model: "claude-sonnet-4-5-20250929", provider: "anthropic" } }
+  - Welcome/Questions: updateGroup with { config: { openingMessage: "...", openingQuestions: [...] } }
+  - Tools: searchMarketTools then installPlugin
+  </example>
+
+  <example title="Query Information">
+  User: "What agents are in this group?" / "What can the supervisor do?"
+  Action: Reference the injected \`<current_group_context>\` directly (group_members, supervisor_agent, etc.)
+  </example>
 </examples>
 
 <response_format>

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/index.tsx

@@ -1,8 +1,9 @@
 import { ActionIcon, Flexbox, Icon, Skeleton, Tag } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { MessageSquareDashed, Star } from 'lucide-react';
-import { Suspense, memo, useCallback } from 'react';
+import { Suspense, memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import urlJoin from 'url-join';
 
 import { isDesktop } from '@/const/version';
 import NavItem from '@/features/NavPanel/components/NavItem';
@@ -29,6 +30,12 @@ const TopicItem = memo<TopicItemProps>(({ id, title, fav, active, threadId }) =>
   const openTopicInNewWindow = useGlobalStore((s) => s.openTopicInNewWindow);
   const activeAgentId = useAgentStore((s) => s.activeAgentId);
 
+  // Construct href for cmd+click support
+  const href = useMemo(() => {
+    if (!activeAgentId || !id) return undefined;
+    return urlJoin('/chat', `?agent=${activeAgentId}&topic=${id}`);
+  }, [activeAgentId, id]);
+
   const [editing, isLoading] = useChatStore((s) => [
     id ? s.topicRenamingId === id : false,
     id ? s.topicLoadingIds.includes(id) : false,
@@ -97,6 +104,7 @@ const TopicItem = memo<TopicItemProps>(({ id, title, fav, active, threadId }) =>
         active={active && !threadId && !isInAgentSubRoute}
         contextMenuItems={dropdownMenu}
         disabled={editing}
+        href={href}
         icon={
           <ActionIcon
             color={fav ? cssVar.colorWarning : undefined}

package/src/app/[variants]/(main)/agent/features/Conversation/ConversationArea.tsx

@@ -1,20 +1,14 @@
 'use client';
 
 import { Flexbox } from '@lobehub/ui';
-import { Suspense, memo, useEffect, useMemo } from 'react';
+import { Suspense, memo, useMemo } from 'react';
 
 import ChatMiniMap from '@/features/ChatMiniMap';
 import { ChatList, ConversationProvider, TodoProgress } from '@/features/Conversation';
 import ZenModeToast from '@/features/ZenModeToast';
 import { useOperationState } from '@/hooks/useOperationState';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
-import { topicSelectors } from '@/store/chat/selectors';
 import { messageMapKey } from '@/store/chat/utils/messageMapKey';
-import { useUserStore } from '@/store/user';
-import { settingsSelectors } from '@/store/user/selectors';
-import { useUserMemoryStore } from '@/store/userMemory';
 
 import WelcomeChatItem from './AgentWelcome';
 import ChatHydration from './ChatHydration';
@@ -33,27 +27,6 @@ import { useAgentContext } from './useAgentContext';
 const Conversation = memo(() => {
   const context = useAgentContext();
 
-  const [useFetchUserMemory, setActiveMemoryContext] = useUserMemoryStore((s) => [
-    s.useFetchUserMemory,
-    s.setActiveMemoryContext,
-  ]);
-  const [currentAgentMeta, activeTopic] = [
-    useAgentStore(agentSelectors.currentAgentMeta),
-    useChatStore(topicSelectors.currentActiveTopic),
-  ];
-  const enableUserMemories = useUserStore(settingsSelectors.memoryEnabled);
-
-  useEffect(() => {
-    if (!enableUserMemories) {
-      setActiveMemoryContext(undefined);
-      return;
-    }
-
-    setActiveMemoryContext({ agent: currentAgentMeta, topic: activeTopic });
-  }, [activeTopic, currentAgentMeta, enableUserMemories, setActiveMemoryContext]);
-
-  useFetchUserMemory(Boolean(enableUserMemories && context.agentId));
-
   // Get raw dbMessages from ChatStore for this context
   // ConversationStore will parse them internally to generate displayMessages
   const chatKey = useMemo(

package/src/app/[variants]/(main)/community/(detail)/features/MakedownRender.tsx

@@ -3,7 +3,7 @@
 import { Center, Empty, Markdown } from '@lobehub/ui';
 import { FileText } from 'lucide-react';
 import Link from 'next/link';
-import { memo } from 'react';
+import { type ReactNode, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { H1, H2, H3, H4, H5 } from './Toc/Heading';
@@ -26,7 +26,7 @@ const MarkdownRender = memo<{ children?: string }>(({ children }) => {
     <Markdown
       allowHtml
       components={{
-        a: ({ href, ...rest }) => {
+        a: ({ href, ...rest }: { children?: ReactNode; href?: string }) => {
           if (href && href.startsWith('http'))
             return <Link {...rest} href={href} target={'_blank'} />;
           return rest?.children;
@@ -36,7 +36,7 @@ const MarkdownRender = memo<{ children?: string }>(({ children }) => {
         h3: H3,
         h4: H4,
         h5: H5,
-        img: ({ src, ...rest }) => {
+        img: ({ src, ...rest }: { alt?: string; src?: string | Blob }) => {
           // FIXME ignore experimental blob image prop passing
           if (typeof src !== 'string') return null;
           if (src.includes('glama.ai')) return null;

package/src/app/[variants]/(main)/group/_layout/Sidebar/GroupConfig/GroupMember.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { DEFAULT_AVATAR } from '@/const/meta';
 import NavItem from '@/features/NavPanel/components/NavItem';
 import UserAvatar from '@/features/User/UserAvatar';
+import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { useAgentGroupStore } from '@/store/agentGroup';
 import { agentGroupSelectors } from '@/store/agentGroup/selectors';
 import { useChatStore } from '@/store/chat';
@@ -30,6 +31,7 @@ interface GroupMemberProps {
  */
 const GroupMember = memo<GroupMemberProps>(({ addModalOpen, onAddModalOpenChange, groupId }) => {
   const { t } = useTranslation('chat');
+  const router = useQueryRoute();
   const [nickname, username] = useUserStore((s) => [
     userProfileSelectors.nickName(s),
     userProfileSelectors.username(s),
@@ -80,6 +82,11 @@ const GroupMember = memo<GroupMemberProps>(({ addModalOpen, onAddModalOpenChange
     pushPortalView({ agentId, type: PortalViewType.GroupThread });
   };
 
+  const handleMemberDoubleClick = (agentId: string) => {
+    if (!groupId) return;
+    router.push(`/group/${groupId}/profile`, { query: { tab: agentId }, replace: true });
+  };
+
   return (
     <>
       <Flexbox gap={2}>
@@ -93,7 +100,7 @@ const GroupMember = memo<GroupMemberProps>(({ addModalOpen, onAddModalOpenChange
               key={item.id}
               onChat={() => handleMemberClick(item.id)}
             >
-              <div>
+              <div onDoubleClick={() => handleMemberDoubleClick(item.id)}>
                 <GroupMemberItem
                   actions={
                     <ActionIcon