@lobehub/lobehub 2.0.0-next.296 → 2.0.0-next.297

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.297](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.296...v2.0.0-next.297)
+
+<sup>Released on **2026-01-16**</sup>
+
+#### ✨ Features
+
+- **misc**: Add agent group publish into market & use market group agents in lobehub.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add agent group publish into market & use market group agents in lobehub, closes [#11535](https://github.com/lobehub/lobe-chat/issues/11535) ([02b9e76](https://github.com/lobehub/lobe-chat/commit/02b9e76))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.296](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.295...v2.0.0-next.296)
 
 <sup>Released on **2026-01-16**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "features": [
+        "Add agent group publish into market & use market group agents in lobehub."
+      ]
+    },
+    "date": "2026-01-16",
+    "version": "2.0.0-next.297"
+  },
   {
     "children": {
       "improvements": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.296",
+  "version": "2.0.0-next.297",
   "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",
@@ -204,7 +204,7 @@
     "@lobehub/desktop-ipc-typings": "workspace:*",
     "@lobehub/editor": "^3.11.0",
     "@lobehub/icons": "^4.0.2",
-    "@lobehub/market-sdk": "0.28.1",
+    "@lobehub/market-sdk": "0.29.0",
     "@lobehub/tts": "^4.0.2",
     "@lobehub/ui": "^4.19.0",
     "@modelcontextprotocol/sdk": "^1.25.1",

package/packages/types/package.json

@@ -8,7 +8,7 @@
     "@lobechat/python-interpreter": "workspace:*",
     "@lobechat/web-crawler": "workspace:*",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
-    "@lobehub/market-sdk": "0.28.1",
+    "@lobehub/market-sdk": "0.29.0",
     "@lobehub/market-types": "^1.12.3",
     "model-bank": "workspace:*",
     "type-fest": "^4.41.0",

package/packages/types/src/discover/assistants.ts

@@ -42,6 +42,8 @@ export enum AssistantNavKey {
 
 export type AgentStatus = 'published' | 'unpublished' | 'archived' | 'deprecated';
 
+export type AgentType = 'agent' | 'agent-group';
+
 export interface DiscoverAssistantItem extends Omit<LobeAgentSettings, 'meta'>, MetaData {
   author: string;
   category?: AssistantCategory;
@@ -53,6 +55,7 @@ export interface DiscoverAssistantItem extends Omit<LobeAgentSettings, 'meta'>,
   pluginCount: number;
   status?: AgentStatus;
   tokenUsage: number;
+  type?: AgentType;
   userName?: string;
 }
 
@@ -60,6 +63,7 @@ export type AssistantMarketSource = 'legacy' | 'new';
 
 export interface AssistantQueryParams {
   category?: string;
+  includeAgentGroup?: boolean;
   locale?: string;
   order?: 'asc' | 'desc';
   ownerId?: string;

package/packages/types/src/discover/groupAgents.ts

@@ -0,0 +1,196 @@
+import type { MetaData } from '../meta';
+
+/**
+ * Group Agent Member - represents a member agent in a group
+ */
+export interface GroupAgentMember {
+  avatar?: string;
+  category?: string;
+  config?: Record<string, any>;
+  description: string;
+  displayOrder?: number;
+  enabled?: boolean;
+  identifier: string;
+  name: string;
+  role: 'supervisor' | 'participant';
+  url: string;
+  version?: string;
+}
+
+/**
+ * Group Agent Status
+ */
+export type GroupAgentStatus = 'published' | 'unpublished' | 'archived' | 'deprecated';
+
+/**
+ * Group Agent Visibility
+ */
+export type GroupAgentVisibility = 'public' | 'private' | 'internal';
+
+/**
+ * Group Agent Category
+ */
+export type GroupAgentCategory =
+  | 'productivity'
+  | 'entertainment'
+  | 'education'
+  | 'development'
+  | 'business'
+  | 'other';
+
+/**
+ * Group Agent Config - similar to LobeAgentConfig but for groups
+ */
+export interface GroupAgentConfig {
+  /**
+   * Opening message when starting a conversation with the group
+   */
+  openingMessage?: string;
+  /**
+   * Opening questions to guide users
+   */
+  openingQuestions?: string[];
+  /**
+   * System role/prompt for the group
+   */
+  systemRole?: string;
+  /**
+   * Additional configuration
+   */
+  [key: string]: any;
+}
+
+/**
+ * Group Agent Item - basic info for list display
+ */
+export interface DiscoverGroupAgentItem extends MetaData {
+  author?: string;
+  avatar?: string;
+  backgroundColor?: string;
+  category?: GroupAgentCategory;
+  config?: GroupAgentConfig;
+  createdAt: string;
+  description?: string;
+  homepage?: string;
+  identifier: string;
+  installCount?: number;
+  isFeatured?: boolean;
+  isOfficial?: boolean;
+  /**
+   * Number of knowledge bases across all member agents
+   */
+  knowledgeCount?: number;
+  /**
+   * Number of member agents in the group
+   */
+  memberCount: number;
+  /**
+   * Number of plugins across all member agents
+   */
+  pluginCount?: number;
+  status?: GroupAgentStatus;
+  tags?: string[];
+  title: string;
+  /**
+   * Estimated token usage for the group
+   */
+  tokenUsage?: number;
+  updatedAt: string;
+  userName?: string;
+  version?: string;
+  versionNumber?: number;
+  visibility?: GroupAgentVisibility;
+}
+
+/**
+ * Group Agent Version
+ */
+export interface DiscoverGroupAgentVersion {
+  changelog?: string;
+  createdAt?: string;
+  isLatest?: boolean;
+  isValidated?: boolean;
+  status?: GroupAgentStatus;
+  version: string;
+  versionNumber: number;
+}
+
+/**
+ * Group Agent Detail - complete info for detail page
+ */
+export interface DiscoverGroupAgentDetail extends DiscoverGroupAgentItem {
+  /**
+   * Current version string
+   */
+  currentVersion?: string;
+  /**
+   * Current version number
+   */
+  currentVersionNumber?: number;
+  /**
+   * Example conversations (if available from config)
+   */
+  examples?: any;
+  /**
+   * Member agents in the group
+   */
+  memberAgents: GroupAgentMember[];
+  /**
+   * Owner ID
+   */
+  ownerId?: string;
+  /**
+   * Related group agents
+   */
+  related?: DiscoverGroupAgentItem[];
+  /**
+   * Summary text (extracted from description or config)
+   */
+  summary?: string;
+  /**
+   * Version history
+   */
+  versions?: DiscoverGroupAgentVersion[];
+}
+
+/**
+ * Group Agent List Response
+ */
+export interface GroupAgentListResponse {
+  currentPage: number;
+  items: DiscoverGroupAgentItem[];
+  totalCount: number;
+  totalPages: number;
+}
+
+/**
+ * Group Agent Query Parameters
+ */
+export interface GroupAgentQueryParams {
+  category?: string;
+  locale?: string;
+  order?: 'asc' | 'desc';
+  ownerId?: string;
+  page?: number;
+  pageSize?: number;
+  q?: string;
+  sort?: 'createdAt' | 'updatedAt' | 'name' | 'recommended';
+}
+
+/**
+ * Group Agent Detail Query Parameters
+ */
+export interface GroupAgentDetailParams {
+  identifier: string;
+  locale?: string;
+  version?: string;
+}
+
+/**
+ * Group Agent Category Item
+ */
+export interface GroupAgentCategoryItem {
+  category: GroupAgentCategory;
+  count: number;
+  name: string;
+}

package/packages/types/src/discover/index.ts

@@ -1,6 +1,8 @@
 import { DiscoverAssistantItem } from './assistants';
+import { DiscoverGroupAgentItem } from './groupAgents';
 
 export * from './assistants';
+export * from './groupAgents';
 export * from './mcp';
 export * from './models';
 export * from './plugins';
@@ -8,6 +10,7 @@ export * from './providers';
 
 export enum DiscoverTab {
   Assistants = 'assistant',
+  GroupAgents = 'group_agent',
   Home = 'home',
   Mcp = 'mcp',
   Models = 'model',
@@ -58,9 +61,10 @@ export interface DiscoverUserInfo {
 }
 
 /**
- * User profile with their published agents
+ * User profile with their published agents and groups
  */
 export interface DiscoverUserProfile {
+  agentGroups?: DiscoverGroupAgentItem[];
   agents: DiscoverAssistantItem[];
   user: DiscoverUserInfo;
 }

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

@@ -0,0 +1,19 @@
+'use client';
+
+import { type ReactNode, createContext, memo, use } from 'react';
+
+import { type DiscoverGroupAgentDetail } from '@/types/discover';
+
+export type DetailContextConfig = Partial<DiscoverGroupAgentDetail>;
+
+export const DetailContext = createContext<DetailContextConfig>({});
+
+export const DetailProvider = memo<{ children: ReactNode; config?: DetailContextConfig }>(
+  ({ children, config = {} }) => {
+    return <DetailContext value={config}>{children}</DetailContext>;
+  },
+);
+
+export const useDetailContext = () => {
+  return use(DetailContext);
+};

package/src/app/[variants]/(main)/community/(detail)/group_agent/features/Details/Members/index.tsx

@@ -0,0 +1,137 @@
+import { Avatar, Flexbox, Tag } from '@lobehub/ui';
+import { Card, Typography } from 'antd';
+import { Crown, User } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useDetailContext } from '../../DetailProvider';
+
+const { Title, Text, Paragraph } = Typography;
+
+const MemberCard = memo(
+  ({
+    agent,
+    currentVersion,
+  }: {
+    agent: any;
+    currentVersion: any;
+  }) => {
+    const { t } = useTranslation('discover');
+    const isSupervisor = agent.role === 'supervisor';
+
+    return (
+      <Card hoverable>
+        <Flexbox gap={12}>
+          {/* Avatar and Basic Info */}
+          <Flexbox align="center" gap={12} horizontal>
+            <Avatar avatar={currentVersion.avatar || agent.name[0]} size={48} />
+            <Flexbox flex={1} gap={4}>
+              <Flexbox align="center" gap={8} horizontal>
+                <Title level={5} style={{ margin: 0 }}>
+                  {currentVersion.name || agent.name}
+                </Title>
+                {isSupervisor ? (
+                  <Tag color="gold" icon={<Crown size={12} />}>
+                    {t('members.supervisor', { defaultValue: 'Supervisor' })}
+                  </Tag>
+                ) : (
+                  <Tag color="blue" icon={<User size={12} />}>
+                    {t('members.participant', { defaultValue: 'Participant' })}
+                  </Tag>
+                )}
+              </Flexbox>
+              <Text type="secondary">{agent.identifier}</Text>
+            </Flexbox>
+          </Flexbox>
+
+          {/* Description */}
+          {currentVersion.description && (
+            <Paragraph ellipsis={{ rows: 2 }} style={{ margin: 0 }} type="secondary">
+              {currentVersion.description}
+            </Paragraph>
+          )}
+
+          {/* System Role (if available) */}
+          {currentVersion.config?.systemRole && (
+            <Flexbox gap={4}>
+              <Text strong>{t('members.systemRole', { defaultValue: 'System Role' })}:</Text>
+              <Paragraph ellipsis={{ rows: 3 }} style={{ margin: 0 }} type="secondary">
+                {currentVersion.config.systemRole}
+              </Paragraph>
+            </Flexbox>
+          )}
+
+          {/* Metadata */}
+          <Flexbox gap={8} horizontal wrap="wrap">
+            {currentVersion.version && (
+              <Text type="secondary">
+                {t('members.version', { defaultValue: 'Version' })}: {currentVersion.version}
+              </Text>
+            )}
+            {currentVersion.tokenUsage !== undefined && (
+              <Text type="secondary">
+                {t('members.tokenUsage', { defaultValue: 'Token Usage' })}:{' '}
+                {currentVersion.tokenUsage}
+              </Text>
+            )}
+          </Flexbox>
+
+          {/* URL */}
+          {currentVersion.url && (
+            <Text
+              copyable={{ text: currentVersion.url }}
+              ellipsis
+              style={{ fontSize: 12 }}
+              type="secondary"
+            >
+              {currentVersion.url}
+            </Text>
+          )}
+        </Flexbox>
+      </Card>
+    );
+  },
+);
+
+MemberCard.displayName = 'MemberCard';
+
+const Members = memo(() => {
+  const { t } = useTranslation('discover');
+  const { memberAgents = [] } = useDetailContext();
+
+  // Sort: supervisors first, then by displayOrder
+  const sortedMembers = [...(memberAgents || [])].sort((a: any, b: any) => {
+    const aRole = a.role || a.agent?.role;
+    const bRole = b.role || b.agent?.role;
+    if (aRole === 'supervisor' && bRole !== 'supervisor') return -1;
+    if (aRole !== 'supervisor' && bRole === 'supervisor') return 1;
+    const aOrder = a.displayOrder || a.agent?.displayOrder || 0;
+    const bOrder = b.displayOrder || b.agent?.displayOrder || 0;
+    return aOrder - bOrder;
+  });
+
+  return (
+    <Flexbox gap={16}>
+      <Title level={4}>
+        {t('members.title', { defaultValue: 'Member Agents' })} ({memberAgents?.length || 0})
+      </Title>
+
+      <Flexbox gap={12}>
+        {sortedMembers.map((member: any, index) => {
+          // Support both flat structure and nested structure
+          const agent = member.agent || member;
+          const currentVersion = member.currentVersion || member;
+          return (
+            <MemberCard
+              agent={agent}
+              currentVersion={currentVersion}
+              key={agent.identifier || index}
+            />
+          );
+        })}
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default Members;

package/src/app/[variants]/(main)/community/(detail)/group_agent/features/Details/Nav.tsx

@@ -0,0 +1,88 @@
+'use client';
+
+import { SOCIAL_URL } from '@lobechat/business-const';
+import { Flexbox, Icon, Tabs } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { BookOpenIcon, HistoryIcon, SquareUserIcon } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+
+const styles = createStaticStyles(({ css, cssVar }) => {
+  return {
+    link: css`
+      color: ${cssVar.colorTextDescription};
+
+      &:hover {
+        color: ${cssVar.colorInfo};
+      }
+    `,
+    nav: css`
+      border-block-end: 1px solid ${cssVar.colorBorder};
+    `,
+  };
+});
+
+export enum GroupAgentNavKey {
+  Overview = 'overview',
+  SystemRole = 'systemRole',
+  Versions = 'versions',
+}
+
+interface NavProps {
+  activeTab?: GroupAgentNavKey;
+  mobile?: boolean;
+  setActiveTab?: (tab: GroupAgentNavKey) => void;
+}
+
+const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = GroupAgentNavKey.Overview }) => {
+  const { t } = useTranslation('discover');
+
+  const nav = (
+    <Tabs
+      activeKey={activeTab}
+      compact={mobile}
+      items={[
+        {
+          icon: <Icon icon={BookOpenIcon} size={16} />,
+          key: GroupAgentNavKey.Overview,
+          label: t('groupAgents.details.overview.title', { defaultValue: 'Overview' }),
+        },
+        {
+          icon: <Icon icon={SquareUserIcon} size={16} />,
+          key: GroupAgentNavKey.SystemRole,
+          label: t('groupAgents.details.systemRole.title', { defaultValue: 'System Role' }),
+        },
+        {
+          icon: <Icon icon={HistoryIcon} size={16} />,
+          key: GroupAgentNavKey.Versions,
+          label: t('groupAgents.details.versions.title', { defaultValue: 'Versions' }),
+        },
+      ]}
+      onChange={(key) => setActiveTab?.(key as GroupAgentNavKey)}
+    />
+  );
+
+  return mobile ? (
+    nav
+  ) : (
+    <Flexbox align={'center'} className={styles.nav} horizontal justify={'space-between'}>
+      {nav}
+      <Flexbox gap={12} horizontal>
+        <a className={styles.link} href={SOCIAL_URL.discord} rel="noreferrer" target="_blank">
+          {t('groupAgents.details.nav.needHelp', { defaultValue: 'Need help?' })}
+        </a>
+        <a
+          className={styles.link}
+          href="https://github.com/lobehub/lobe-chat/issues/new/choose"
+          rel="noreferrer"
+          target="_blank"
+        >
+          {t('groupAgents.details.nav.reportIssue', { defaultValue: 'Report issue' })}
+        </a>
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default Nav;