@lobehub/chat 1.96.19 → 1.97.0

package/next.config.ts

@@ -42,6 +42,15 @@ const nextConfig: NextConfig = {
   },
   async headers() {
     return [
+      {
+        headers: [
+          {
+            key: 'x-robots-tag',
+            value: 'all',
+          },
+        ],
+        source: '/:path*',
+      },
       {
         headers: [
           {
@@ -57,6 +66,14 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+          {
+            key: 'Vercel-CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/images/(.*).(png|jpe?g|gif|svg|ico|webp)',
       },
@@ -66,6 +83,14 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+          {
+            key: 'Vercel-CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/videos/(.*).(mp4|webm|ogg|avi|mov|wmv|flv|mkv)',
       },
@@ -75,6 +100,14 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+          {
+            key: 'Vercel-CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/screenshots/(.*).(png|jpe?g|gif|svg|ico|webp)',
       },
@@ -84,6 +117,14 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+          {
+            key: 'Vercel-CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/og/(.*).(png|jpe?g|gif|svg|ico|webp)',
       },
@@ -93,6 +134,10 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/favicon.ico',
       },
@@ -102,6 +147,10 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/favicon-32x32.ico',
       },
@@ -111,6 +160,10 @@ const nextConfig: NextConfig = {
             key: 'Cache-Control',
             value: 'public, max-age=31536000, immutable',
           },
+          {
+            key: 'CDN-Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
         ],
         source: '/apple-touch-icon.png',
       },
@@ -135,41 +188,39 @@ const nextConfig: NextConfig = {
       source: '/sitemap-0.xml',
     },
     {
-      destination: '/manifest.webmanifest',
+      destination: '/sitemap/plugins-1.xml',
       permanent: true,
-      source: '/manifest.json',
+      source: '/sitemap/plugins.xml',
     },
     {
-      destination: '/discover/assistant/:slug',
-      has: [
-        {
-          key: 'agent',
-          type: 'query',
-          value: '(?<slug>.*)',
-        },
-      ],
+      destination: '/sitemap/assistants-1.xml',
       permanent: true,
-      source: '/market',
+      source: '/sitemap/assistants.xml',
+    },
+    {
+      destination: '/manifest.webmanifest',
+      permanent: true,
+      source: '/manifest.json',
     },
     {
-      destination: '/discover/assistants',
+      destination: '/discover/assistant',
       permanent: true,
-      source: '/discover/assistant',
+      source: '/discover/assistants',
     },
     {
-      destination: '/discover/models',
+      destination: '/discover/plugin',
       permanent: true,
-      source: '/discover/model',
+      source: '/discover/plugins',
     },
     {
-      destination: '/discover/plugins',
+      destination: '/discover/model',
       permanent: true,
-      source: '/discover/plugin',
+      source: '/discover/models',
     },
     {
-      destination: '/discover/providers',
+      destination: '/discover/provider',
       permanent: true,
-      source: '/discover/provider',
+      source: '/discover/providers',
     },
     {
       destination: '/settings/common',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.96.19",
+  "version": "1.97.0",
   "description": "Lobe Chat - an open-source, high-performance chatbot 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",
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "prebuild": "tsx scripts/prebuild.mts",
-    "build": "next build",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=6144 next build",
     "postbuild": "npm run build-sitemap && npm run build-migrate-db",
     "build-migrate-db": "bun run db:migrate",
     "build-sitemap": "tsx ./scripts/buildSitemapIndex/index.ts",
@@ -148,6 +148,7 @@
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^2.2.0",
+    "@lobehub/market-sdk": "^0.22.2",
     "@lobehub/tts": "^2.0.1",
     "@lobehub/ui": "^2.7.3",
     "@modelcontextprotocol/sdk": "^1.12.1",
@@ -173,6 +174,7 @@
     "antd-style": "^3.7.1",
     "brotli-wasm": "^3.0.1",
     "chroma-js": "^3.1.2",
+    "cookie": "^1.0.2",
     "countries-and-timezones": "^3.8.0",
     "dayjs": "^1.11.13",
     "debug": "^4.4.1",
@@ -210,6 +212,7 @@
     "next-auth": "5.0.0-beta.25",
     "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.8.16",
+    "node-machine-id": "^1.1.12",
     "numeral": "^2.0.6",
     "nuqs": "^2.4.3",
     "officeparser": "5.1.1",
@@ -279,6 +282,7 @@
     "@huggingface/tasks": "^0.15.9",
     "@lobehub/i18n-cli": "^1.23.0",
     "@lobehub/lint": "^1.26.2",
+    "@lobehub/market-types": "^1.11.2",
     "@lobehub/seo-cli": "^1.6.0",
     "@next/bundle-analyzer": "^15.3.3",
     "@next/eslint-plugin-next": "^15.3.3",

package/scripts/buildSitemapIndex/index.ts

@@ -1,12 +1,17 @@
+import dotenv from 'dotenv';
 import { writeFileSync } from 'node:fs';
 import { resolve } from 'node:path';
 
-import { sitemapModule } from '@/server/sitemap';
+import { Sitemap } from '@/server/sitemap';
 
-const genSitemap = () => {
-  const sitemapIndexXML = sitemapModule.getIndex();
+dotenv.config();
+
+const genSitemap = async () => {
+  const sitemapModule = new Sitemap();
+  const sitemapIndexXML = await sitemapModule.getIndex();
   const filename = resolve(__dirname, '../../', 'public', 'sitemap-index.xml');
   writeFileSync(filename, sitemapIndexXML);
 };
 
-genSitemap();
+// eslint-disable-next-line unicorn/prefer-top-level-await
+genSitemap().catch(console.error);

package/src/app/(backend)/trpc/lambda/[trpc]/route.ts

@@ -20,6 +20,11 @@ const handler = (req: NextRequest) =>
     },
 
     req,
+    responseMeta({ ctx }) {
+      const headers = ctx?.resHeaders;
+
+      return { headers };
+    },
     router: lambdaRouter,
   });
 

package/src/app/[variants]/(main)/_layout/Mobile/index.tsx

@@ -14,10 +14,11 @@ const CloudBanner = dynamic(() => import('@/features/AlertBanner/CloudBanner'));
 const MOBILE_NAV_ROUTES = new Set([
   '/chat',
   '/discover',
-  '/discover/assistants',
-  '/discover/plugins',
-  '/discover/models',
-  '/discover/providers',
+  '/discover/assistant',
+  '/discover/mcp',
+  '/discover/plugin',
+  '/discover/model',
+  '/discover/provider',
   '/me',
 ]);
 

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx

@@ -1,23 +1,18 @@
 'use client';
 
-import { ActionIcon, Avatar, Block, Grid } from '@lobehub/ui';
-import { Skeleton, Typography } from 'antd';
+import { ActionIcon, Avatar, Block, Grid, Text } from '@lobehub/ui';
+import { Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
 import { RefreshCw } from 'lucide-react';
 import Link from 'next/link';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import useSWR from 'swr';
 import urlJoin from 'url-join';
 
-import { assistantService } from '@/services/assistant';
-import { useGlobalStore } from '@/store/global';
-import { globalGeneralSelectors } from '@/store/global/selectors';
+import { useDiscoverStore } from '@/store/discover';
 import { DiscoverAssistantItem } from '@/types/discover';
 
-const { Paragraph } = Typography;
-
 const useStyles = createStyles(({ css, token, responsive }) => ({
   card: css`
     position: relative;
@@ -54,24 +49,17 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
 
 const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('welcome');
-  const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
-  const [sliceStart, setSliceStart] = useState(0);
+  const [page, setPage] = useState(1);
+  const useAssistantList = useDiscoverStore((s) => s.useAssistantList);
 
-  const { data: assistantList, isLoading } = useSWR(
-    ['assistant-list', locale].join('-'),
-    async () => await assistantService.getAssistantList(),
-    {
-      refreshWhenOffline: false,
-      revalidateOnFocus: false,
-      revalidateOnReconnect: false,
-    },
-  );
+  const { data: assistantList, isLoading } = useAssistantList({
+    page,
+    pageSize: mobile ? 2 : 4,
+  });
 
   const { styles } = useStyles();
 
-  const agentLength = mobile ? 2 : 4;
-
-  const loadingCards = Array.from({ length: agentLength }).map((_, index) => (
+  const loadingCards = Array.from({ length: mobile ? 2 : 4 }).map((_, index) => (
     <Block className={styles.card} key={index}>
       <Skeleton active avatar paragraph={{ rows: 2 }} title={false} />
     </Block>
@@ -79,11 +67,11 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
 
   const handleRefresh = () => {
     if (!assistantList) return;
-    setSliceStart(Math.floor((Math.random() * assistantList.length) / 2));
+    setPage(page + 1);
   };
 
   // if no assistant data, just hide the component
-  if (!isLoading && assistantList?.length === 0) return null;
+  if (!isLoading && !assistantList?.items?.length) return null;
 
   return (
     <Flexbox gap={8} width={'100%'}>
@@ -99,27 +87,25 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
       <Grid gap={8} rows={2}>
         {isLoading || !assistantList
           ? loadingCards
-          : assistantList
-              .slice(sliceStart, sliceStart + agentLength)
-              .map((item: DiscoverAssistantItem) => (
-                <Link
-                  href={urlJoin('/discover/assistant/', item.identifier)}
-                  key={item.identifier}
-                  prefetch={false}
-                >
-                  <Block className={styles.card} clickable gap={12} horizontal variant={'outlined'}>
-                    <Avatar avatar={item.meta.avatar} style={{ flex: 'none' }} />
-                    <Flexbox gap={2} style={{ overflow: 'hidden', width: '100%' }}>
-                      <Paragraph className={styles.cardTitle} ellipsis={{ rows: 1 }}>
-                        {item.meta.title}
-                      </Paragraph>
-                      <Paragraph className={styles.cardDesc} ellipsis={{ rows: mobile ? 1 : 2 }}>
-                        {item.meta.description}
-                      </Paragraph>
-                    </Flexbox>
-                  </Block>
-                </Link>
-              ))}
+          : assistantList.items.map((item: DiscoverAssistantItem) => (
+              <Link
+                href={urlJoin('/discover/assistant', item.identifier)}
+                key={item.identifier}
+                prefetch={false}
+              >
+                <Block className={styles.card} clickable gap={12} horizontal variant={'outlined'}>
+                  <Avatar avatar={item.avatar} style={{ flex: 'none' }} />
+                  <Flexbox gap={2} style={{ overflow: 'hidden', width: '100%' }}>
+                    <Text className={styles.cardTitle} ellipsis={{ rows: 1 }}>
+                      {item.title}
+                    </Text>
+                    <Text className={styles.cardDesc} ellipsis={{ rows: mobile ? 1 : 2 }}>
+                      {item.description}
+                    </Text>
+                  </Flexbox>
+                </Block>
+              </Link>
+            ))}
       </Grid>
     </Flexbox>
   );

package/src/app/[variants]/(main)/discover/(detail)/_layout/Desktop.tsx

@@ -1,6 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { SCROLL_PARENT_ID } from '@/app/[variants]/(main)/discover/features/const';
+import Footer from '@/features/Setting/Footer';
+
 const MAX_WIDTH = 1440;
 
 const Layout = ({ children }: PropsWithChildren) => {
@@ -8,16 +11,15 @@ const Layout = ({ children }: PropsWithChildren) => {
     <Flexbox
       align={'center'}
       flex={1}
+      id={SCROLL_PARENT_ID}
       padding={24}
-      style={{ overflowX: 'hidden', overflowY: 'auto', position: 'relative' }}
+      style={{ overflowX: 'hidden', overflowY: 'auto', position: 'static' }}
       width={'100%'}
     >
-      <Flexbox
-        gap={24}
-        style={{ maxWidth: MAX_WIDTH, minHeight: '100%', position: 'relative' }}
-        width={'100%'}
-      >
+      <Flexbox gap={24} style={{ maxWidth: MAX_WIDTH, minHeight: '100%' }} width={'100%'}>
         {children}
+        <div />
+        <Footer />
       </Flexbox>
     </Flexbox>
   );

package/src/app/[variants]/(main)/discover/(detail)/_layout/Mobile/Header.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import { ChatHeader } from '@lobehub/ui/mobile';
-import { usePathname, useRouter } from 'next/navigation';
+import { usePathname } from 'next/navigation';
+import { useRouter } from 'nextjs-toploader/app';
 import { memo } from 'react';
 import urlJoin from 'url-join';
 
@@ -15,7 +16,7 @@ const Header = memo(() => {
 
   return (
     <ChatHeader
-      onBackClick={() => router.push(urlJoin('/discover', `${path}s`))}
+      onBackClick={() => router.push(urlJoin('/discover', path))}
       showBackButton
       style={mobileHeaderSticky}
     />

package/src/app/[variants]/(main)/discover/(detail)/_layout/Mobile/index.tsx

@@ -1,13 +1,17 @@
 import { PropsWithChildren } from 'react';
 
+import { SCROLL_PARENT_ID } from '@/app/[variants]/(main)/discover/features/const';
 import MobileContentLayout from '@/components/server/MobileNavLayout';
+import Footer from '@/features/Setting/Footer';
 
 import Header from './Header';
 
 const Layout = ({ children }: PropsWithChildren) => {
   return (
-    <MobileContentLayout gap={16} header={<Header />} padding={16}>
+    <MobileContentLayout gap={16} header={<Header />} id={SCROLL_PARENT_ID} padding={16}>
       {children}
+      <div />
+      <Footer />
     </MobileContentLayout>
   );
 };

package/src/app/[variants]/(main)/discover/(detail)/assistant/[...slugs]/Client.tsx

@@ -0,0 +1,40 @@
+'use client';
+
+import { notFound } from 'next/navigation';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { withSuspense } from '@/components/withSuspense';
+import { useDiscoverStore } from '@/store/discover';
+
+import { TocProvider } from '../../features/Toc/useToc';
+import { DetailProvider } from './features/DetailProvider';
+import Details from './features/Details';
+import Header from './features/Header';
+import Loading from './loading';
+
+interface ClientProps {
+  identifier: string;
+  mobile?: boolean;
+}
+
+const Client = memo<ClientProps>(({ identifier, mobile }) => {
+  const useAssistantDetail = useDiscoverStore((s) => s.useAssistantDetail);
+  const { data, isLoading } = useAssistantDetail({ identifier });
+
+  if (isLoading) return <Loading />;
+  if (!data) return notFound();
+
+  return (
+    <TocProvider>
+      <DetailProvider config={data}>
+        <Flexbox gap={16}>
+          <Header mobile={mobile} />
+          <Details mobile={mobile} />
+        </Flexbox>
+      </DetailProvider>
+    </TocProvider>
+  );
+});
+
+export default withSuspense(Client);

package/src/app/[variants]/(main)/discover/(detail)/assistant/[...slugs]/features/DetailProvider.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import { type ReactNode, createContext, memo, use } from 'react';
+
+import { DiscoverAssistantDetail } from '@/types/discover';
+
+export type DetailContextConfig = Partial<DiscoverAssistantDetail>;
+
+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)/discover/(detail)/assistant/[...slugs]/features/Details/Capabilities/Block.tsx

@@ -0,0 +1,27 @@
+import { Tag } from '@lobehub/ui';
+import { ReactNode, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import Title from '../../../../../../features/Title';
+
+interface BlockProps {
+  children?: ReactNode;
+  count: number;
+  desc: string;
+  id?: string;
+  title: string;
+}
+
+const Block = memo<BlockProps>(({ title, count, desc, children, id }) => {
+  return (
+    <Flexbox gap={8}>
+      <Title id={id} tag={<Tag>{count}</Tag>}>
+        {title}
+      </Title>
+      <p style={{ marginBottom: 24 }}>{desc}</p>
+      {children}
+    </Flexbox>
+  );
+});
+
+export default Block;

package/src/app/[variants]/(main)/discover/(detail)/assistant/[...slugs]/features/Details/Capabilities/Knowledge.tsx

@@ -0,0 +1,33 @@
+import { Block } from '@lobehub/ui';
+import { Empty } from 'antd';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { useDetailContext } from '../../DetailProvider';
+import KnowledgeItem from './KnowledgeItem';
+
+const Knowledge = memo(() => {
+  const { config } = useDetailContext();
+
+  if (!config?.knowledgeBases?.length)
+    return (
+      <Block variant={'outlined'}>
+        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+      </Block>
+    );
+
+  return (
+    <Flexbox gap={8}>
+      {config?.knowledgeBases.map((item) => (
+        <KnowledgeItem
+          avatar={item.avatar || item.id}
+          description={item?.description || ''}
+          key={item.id}
+          title={item.name}
+        />
+      ))}
+    </Flexbox>
+  );
+});
+
+export default Knowledge;

package/src/app/[variants]/(main)/discover/(detail)/assistant/[...slugs]/features/Details/Capabilities/KnowledgeItem.tsx

@@ -0,0 +1,58 @@
+import { Avatar, Block, Text } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token }) => {
+  return {
+    desc: css`
+      flex: 1;
+      margin: 0 !important;
+      font-size: 14px !important;
+      color: ${token.colorTextSecondary};
+    `,
+    title: css`
+      margin: 0 !important;
+      font-size: 14px !important;
+      font-weight: 500 !important;
+
+      &:hover {
+        color: ${token.colorLink};
+      }
+    `,
+  };
+});
+
+const KnowledgeItem = memo<{ avatar?: string; description?: string; title: string }>(
+  ({ avatar, title, description }) => {
+    const { styles } = useStyles();
+
+    return (
+      <Block gap={12} horizontal padding={12} variant={'outlined'}>
+        <Avatar avatar={avatar} size={40} style={{ flex: 'none' }} />
+        <Flexbox
+          flex={1}
+          gap={6}
+          style={{
+            overflow: 'hidden',
+          }}
+        >
+          <Text as={'h2'} className={title} ellipsis>
+            {title}
+          </Text>
+          <Text
+            as={'p'}
+            className={styles.desc}
+            ellipsis={{
+              rows: 2,
+            }}
+          >
+            {description}
+          </Text>
+        </Flexbox>
+      </Block>
+    );
+  },
+);
+
+export default KnowledgeItem;