@lobehub/lobehub 2.0.0-next.47 → 2.0.0-next.49

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

@@ -5,12 +5,15 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import { withSuspense } from '@/components/withSuspense';
+import { useQuery } from '@/hooks/useQuery';
 import { useDiscoverStore } from '@/store/discover';
+import { AssistantMarketSource } from '@/types/discover';
 
 import { TocProvider } from '../../features/Toc/useToc';
 import { DetailProvider } from './features/DetailProvider';
 import Details from './features/Details';
 import Header from './features/Header';
+import StatusPage from './features/StatusPage';
 import Loading from './loading';
 
 interface ClientProps {
@@ -19,12 +22,20 @@ interface ClientProps {
 }
 
 const Client = memo<ClientProps>(({ identifier, mobile }) => {
+  const { version, source } = useQuery() as { source?: AssistantMarketSource; version?: string };
+  const marketSource = source as AssistantMarketSource | undefined;
   const useAssistantDetail = useDiscoverStore((s) => s.useAssistantDetail);
-  const { data, isLoading } = useAssistantDetail({ identifier });
+  const { data, isLoading } = useAssistantDetail({ identifier, source: marketSource, version });
 
   if (isLoading) return <Loading />;
   if (!data) return notFound();
 
+  // 检查助手状态
+  const status = (data as any)?.status;
+  if (status === 'unpublished' || status === 'archived' || status === 'deprecated') {
+    return <StatusPage status={status} />;
+  }
+
   return (
     <TocProvider>
       <DetailProvider config={data}>

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

@@ -2,7 +2,7 @@
 
 import { Icon, Tabs, Tag } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
-import { BookOpenIcon, LayersIcon, ListIcon, SquareUserIcon } from 'lucide-react';
+import { BookOpenIcon, HistoryIcon, LayersIcon, ListIcon, SquareUserIcon } from 'lucide-react';
 import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -10,7 +10,9 @@ import { Flexbox } from 'react-layout-kit';
 import urlJoin from 'url-join';
 
 import { SOCIAL_URL } from '@/const/branding';
-import { AssistantNavKey, McpNavKey } from '@/types/discover';
+import { AGENTS_INDEX_GITHUB, AGENTS_OFFICIAL_URL } from '@/const/url';
+import { useQuery } from '@/hooks/useQuery';
+import { AssistantNavKey } from '@/types/discover';
 
 import { useDetailContext } from '../DetailProvider';
 
@@ -38,6 +40,13 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = AssistantNavKey.
   const { t } = useTranslation('discover');
   const { pluginCount, knowledgeCount, identifier } = useDetailContext();
   const { styles } = useStyles();
+  const { source } = useQuery() as { source?: string };
+  const isLegacy = source === 'legacy';
+  const marketplaceLink = identifier
+    ? isLegacy
+      ? urlJoin(AGENTS_INDEX_GITHUB, 'tree/main/locales', identifier)
+      : urlJoin(AGENTS_OFFICIAL_URL, identifier)
+    : undefined;
 
   const capabilitiesCount = Number(pluginCount) + Number(knowledgeCount);
 
@@ -76,9 +85,14 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = AssistantNavKey.
               t('assistants.details.capabilities.title')
             ),
         },
+        {
+          icon: <Icon icon={HistoryIcon} size={16} />,
+          key: AssistantNavKey.Version,
+          label: t('assistants.details.version.title'),
+        },
         {
           icon: <Icon icon={ListIcon} size={16} />,
-          key: McpNavKey.Related,
+          key: AssistantNavKey.Related,
           label: t('assistants.details.related.title'),
         },
       ]}
@@ -95,15 +109,8 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = AssistantNavKey.
         <Link className={styles.link} href={SOCIAL_URL.discord} target={'_blank'}>
           {t('mcp.details.nav.needHelp')}
         </Link>
-        {identifier && (
-          <Link
-            className={styles.link}
-            href={urlJoin(
-              'https://github.com/lobehub/lobe-chat-agents/tree/main/locales',
-              identifier,
-            )}
-            target={'_blank'}
-          >
+        {identifier && marketplaceLink && (
+          <Link className={styles.link} href={marketplaceLink} target={'_blank'}>
             {t('mcp.details.nav.viewSourceCode')}
           </Link>
         )}

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

@@ -7,6 +7,9 @@ import qs from 'query-string';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { useQuery } from '@/hooks/useQuery';
+import { AssistantMarketSource } from '@/types/discover';
+
 const useStyles = createStyles(({ token, css }) => {
   return {
     tag: css`
@@ -22,18 +25,24 @@ const useStyles = createStyles(({ token, css }) => {
 
 const TagList = memo<{ tags: string[] }>(({ tags }) => {
   const { styles } = useStyles();
+  const { source } = useQuery() as { source?: AssistantMarketSource };
+  const marketSource = source === 'legacy' ? 'legacy' : undefined;
   const showTags = Boolean(tags?.length && tags?.length > 0);
   return (
     showTags && (
       <Flexbox gap={8} horizontal wrap={'wrap'}>
         {tags.map((tag) => (
           <Link
-            href={qs.stringifyUrl({
-              query: {
-                q: tag,
+            href={qs.stringifyUrl(
+              {
+                query: {
+                  q: tag,
+                  source: marketSource,
+                },
+                url: '/discover/assistant',
               },
-              url: '/discover/assistant',
-            })}
+              { skipNull: true },
+            )}
             key={tag}
           >
             <Tag className={styles.tag}>{tag}</Tag>

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

@@ -31,7 +31,9 @@ const Overview = memo(() => {
     backgroundColor,
     config,
   } = useDetailContext();
+  console.log('examples', examples);
 
+  console.log('summary', summary);
   const data: any = [
     {
       content: config?.openingMessage,

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

@@ -3,6 +3,9 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import { useQuery } from '@/hooks/useQuery';
+import { AssistantMarketSource } from '@/types/discover';
+
 import McpList from '../../../../../../(list)/assistant/features/List';
 import Title from '../../../../../../features/Title';
 import { useDetailContext } from '../../DetailProvider';
@@ -10,16 +13,22 @@ import { useDetailContext } from '../../DetailProvider';
 const Related = memo(() => {
   const { t } = useTranslation('discover');
   const { related, category } = useDetailContext();
+  const { source } = useQuery() as { source?: AssistantMarketSource };
+  const marketSource = source === 'legacy' ? 'legacy' : undefined;
   return (
     <Flexbox gap={16}>
       <Title
         more={t('assistants.details.related.more')}
-        moreLink={qs.stringifyUrl({
-          query: {
-            category,
+        moreLink={qs.stringifyUrl(
+          {
+            query: {
+              category,
+              source: marketSource,
+            },
+            url: '/discover/assistant',
           },
-          url: '/discover/assistant',
-        })}
+          { skipNull: true },
+        )}
       >
         {t('assistants.details.related.listTitle')}
       </Title>

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

@@ -7,6 +7,9 @@ import qs from 'query-string';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { useQuery } from '@/hooks/useQuery';
+import { AssistantMarketSource } from '@/types/discover';
+
 const useStyles = createStyles(({ token, css }) => {
   return {
     tag: css`
@@ -22,18 +25,24 @@ const useStyles = createStyles(({ token, css }) => {
 
 const TagList = memo<{ tags: string[] }>(({ tags }) => {
   const { styles } = useStyles();
+  const { source } = useQuery() as { source?: AssistantMarketSource };
+  const marketSource = source === 'legacy' ? 'legacy' : undefined;
   const showTags = Boolean(tags?.length && tags?.length > 0);
   return (
     showTags && (
       <Flexbox gap={8} horizontal wrap={'wrap'}>
         {tags.map((tag) => (
           <Link
-            href={qs.stringifyUrl({
-              query: {
-                q: tag,
+            href={qs.stringifyUrl(
+              {
+                query: {
+                  q: tag,
+                  source: marketSource,
+                },
+                url: '/discover/assistant',
               },
-              url: '/discover/assistant',
-            })}
+              { skipNull: true },
+            )}
             key={tag}
           >
             <Tag className={styles.tag}>{tag}</Tag>

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

@@ -15,38 +15,52 @@ const Overview = memo(() => {
   const { t } = useTranslation('discover');
   const { tokenUsage, tags = [], config } = useDetailContext();
   const theme = useTheme();
+
+  const { systemRole, openingMessage, openingQuestions } = config || {};
   return (
     <Flexbox gap={16}>
-      <Title tag={tokenUsage && <TokenTag tokenUsage={tokenUsage} />}>
-        {t('assistants.details.systemRole.title')}
-      </Title>
-      <Block gap={16} padding={16} variant={'outlined'}>
-        {<MarkdownRender>{config?.systemRole.trimEnd()}</MarkdownRender>}
-        <TagList tags={tags} />
-      </Block>
-      <Title>{t('assistants.details.systemRole.openingMessage')}</Title>
-      <Block align={'flex-start'} gap={12} horizontal padding={16} variant={'outlined'}>
-        <Icon
-          color={theme.colorError}
-          icon={MessageCircleHeartIcon}
-          size={20}
-          style={{
-            marginTop: 4,
-          }}
-        />
-        <MarkdownRender>{config?.openingMessage?.trimEnd()}</MarkdownRender>
-      </Block>
-      <Title tag={<Tag>{config?.openingQuestions?.length}</Tag>}>
-        {t('assistants.details.systemRole.openingQuestions')}
-      </Title>
-      <Flexbox gap={8}>
-        {config?.openingQuestions?.map((item, key) => (
-          <Block gap={12} horizontal key={key} padding={16} variant={'outlined'}>
-            <Icon color={theme.colorWarning} icon={MessageCircleQuestionIcon} size={20} />
-            <MarkdownRender>{item}</MarkdownRender>
+      {systemRole && (
+        <>
+          <Title tag={tokenUsage && <TokenTag tokenUsage={tokenUsage} />}>
+            {t('assistants.details.systemRole.title')}
+          </Title>
+          <Block gap={16} padding={16} variant={'outlined'}>
+            {<MarkdownRender>{systemRole.trimEnd()}</MarkdownRender>}
+            <TagList tags={tags} />
+          </Block>
+        </>
+      )}
+      {openingMessage && (
+        <>
+          <Title>{t('assistants.details.systemRole.openingMessage')}</Title>
+          <Block align={'flex-start'} gap={12} horizontal padding={16} variant={'outlined'}>
+            <Icon
+              color={theme.colorError}
+              icon={MessageCircleHeartIcon}
+              size={20}
+              style={{
+                marginTop: 4,
+              }}
+            />
+            <MarkdownRender>{openingMessage?.trimEnd()}</MarkdownRender>
           </Block>
-        ))}
-      </Flexbox>
+        </>
+      )}
+      {openingQuestions && (
+        <>
+          <Title tag={<Tag>{openingQuestions?.length}</Tag>}>
+            {t('assistants.details.systemRole.openingQuestions')}
+          </Title>
+          <Flexbox gap={8}>
+            {openingQuestions?.map((item, key) => (
+              <Block gap={12} horizontal key={key} padding={16} variant={'outlined'}>
+                <Icon color={theme.colorWarning} icon={MessageCircleQuestionIcon} size={20} />
+                <MarkdownRender>{item}</MarkdownRender>
+              </Block>
+            ))}
+          </Flexbox>
+        </>
+      )}
     </Flexbox>
   );
 });

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

@@ -0,0 +1,137 @@
+import { Block, Icon, Tag } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import { CheckIcon, MinusIcon } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import qs from 'query-string';
+import { memo, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import InlineTable from '@/components/InlineTable';
+import PublishedTime from '@/components/PublishedTime';
+import { useQuery } from '@/hooks/useQuery';
+import { AssistantMarketSource, AssistantNavKey } from '@/types/discover';
+
+import Title from '../../../../../../features/Title';
+import { useDetailContext } from '../../DetailProvider';
+
+const Versions = memo(() => {
+  const { t } = useTranslation('discover');
+  const theme = useTheme();
+  const pathname = usePathname();
+  const { versions = [], currentVersion } = useDetailContext();
+  const { source } = useQuery() as { source?: AssistantMarketSource };
+  const marketSource = source === 'legacy' ? 'legacy' : undefined;
+
+  const statusTagMap = useMemo(
+    () => ({
+      archived: {
+        color: 'default' as const,
+        label: t('assistants.details.version.status.archived'),
+      },
+      deprecated: {
+        color: 'warning' as const,
+        label: t('assistants.details.version.status.deprecated'),
+      },
+    }),
+    [t],
+  );
+
+  const disableClickStatuses = useMemo(
+    () => new Set<keyof typeof statusTagMap>(['archived', 'deprecated']),
+    [],
+  );
+
+  if (!versions.length) {
+    return (
+      <Flexbox gap={16}>
+        <Title>{t('assistants.details.version.title')}</Title>
+        <Block padding={24} variant={'outlined'}>
+          {t('assistants.details.version.empty')}
+        </Block>
+      </Flexbox>
+    );
+  }
+
+  return (
+    <Flexbox gap={16}>
+      <Title>{t('assistants.details.version.title')}</Title>
+      <Block variant={'outlined'}>
+        <InlineTable
+          columns={[
+            {
+              dataIndex: 'version',
+              render: (_: any, record: any) =>
+                (() => {
+                  const statusKey =
+                    record.status &&
+                    Object.prototype.hasOwnProperty.call(statusTagMap, record.status)
+                      ? (record.status as keyof typeof statusTagMap)
+                      : undefined;
+                  const statusMeta = statusKey ? statusTagMap[statusKey] : undefined;
+                  const content = (
+                    <Flexbox align={'center'} gap={8} horizontal>
+                      <code style={{ fontSize: 14 }}>{record.version}</code>
+                      {(record.isLatest || record.version === currentVersion) && (
+                        <Tag color={'info'}>{t('assistants.details.version.table.isLatest')}</Tag>
+                      )}
+                      {statusMeta && <Tag color={statusMeta.color}>{statusMeta.label}</Tag>}
+                    </Flexbox>
+                  );
+
+                  if (statusKey && disableClickStatuses.has(statusKey)) return content;
+
+                  return (
+                    <Link
+                      href={qs.stringifyUrl(
+                        {
+                          query: {
+                            activeTab: AssistantNavKey.Version,
+                            source: marketSource,
+                            version: record.version,
+                          },
+                          url: pathname,
+                        },
+                        { skipNull: true },
+                      )}
+                      style={{ color: 'inherit' }}
+                    >
+                      {content}
+                    </Link>
+                  );
+                })(),
+              title: t('assistants.details.version.table.version'),
+            },
+            {
+              align: 'center',
+              dataIndex: 'isValidated',
+              render: (_: any, record: any) => (
+                <Icon
+                  color={record.isValidated ? theme.colorSuccess : theme.colorTextDescription}
+                  icon={record.isValidated ? CheckIcon : MinusIcon}
+                />
+              ),
+              title: t('assistants.details.version.table.isValidated'),
+            },
+            {
+              align: 'end',
+              dataIndex: 'createdAt',
+              render: (_: any, record: any) => (
+                <PublishedTime date={record.createdAt} showPrefix={false} />
+              ),
+              title: t('assistants.details.version.table.publishAt'),
+            },
+          ]}
+          dataSource={versions}
+          rowKey={'version'}
+          size={'middle'}
+        />
+      </Block>
+    </Flexbox>
+  );
+});
+
+Versions.displayName = 'AssistantVersions';
+
+export default Versions;

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

@@ -13,6 +13,7 @@ import Nav from './Nav';
 import Overview from './Overview';
 import Related from './Related';
 import SystemRole from './SystemRole';
+import Versions from './Versions';
 
 const Details = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
   const { mobile = isMobile } = useResponsive();
@@ -38,6 +39,7 @@ const Details = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
           {activeTab === AssistantNavKey.Overview && <Overview />}
           {activeTab === AssistantNavKey.SystemRole && <SystemRole />}
           {activeTab === AssistantNavKey.Capabilities && <Capabilities />}
+          {activeTab === AssistantNavKey.Version && <Versions />}
           {activeTab === AssistantNavKey.Related && <Related />}
         </Flexbox>
         <Sidebar mobile={mobile} />

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

@@ -4,12 +4,11 @@ import { Github, MCP } from '@lobehub/icons';
 import { ActionIcon, Avatar, Button, Icon, Text, Tooltip } from '@lobehub/ui';
 import { createStyles, useResponsive } from 'antd-style';
 import { BookTextIcon, CoinsIcon, DotIcon } from 'lucide-react';
-import NextLink from 'next/link';
+import Link from 'next/link';
 import qs from 'query-string';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { Link as RouterLink } from 'react-router-dom';
 import urlJoin from 'url-join';
 
 import { formatIntergerNumber } from '@/utils/format';
@@ -53,16 +52,16 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
   const cate = categories.find((c) => c.key === category);
 
   const cateButton = (
-    <RouterLink
-      to={qs.stringifyUrl({
+    <Link
+      href={qs.stringifyUrl({
         query: { category: cate?.key },
-        url: '/assistant',
+        url: '/discover/assistant',
       })}
     >
       <Button icon={cate?.icon} size={'middle'} variant={'outlined'}>
         {cate?.label}
       </Button>
-    </RouterLink>
+    </Link>
   );
 
   return (
@@ -106,7 +105,7 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
               </Text>
             </Flexbox>
             <Flexbox align={'center'} gap={6} horizontal>
-              <NextLink
+              <Link
                 href={urlJoin(
                   'https://github.com/lobehub/lobe-chat-agents/tree/main/locales',
                   identifier as string,
@@ -115,14 +114,14 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
                 target={'_blank'}
               >
                 <ActionIcon fill={theme.colorTextDescription} icon={Github} />
-              </NextLink>
+              </Link>
             </Flexbox>
           </Flexbox>
           <Flexbox align={'center'} gap={4} horizontal>
             {author && (
-              <NextLink href={urlJoin('https://github.com', author)} target={'_blank'}>
+              <Link href={urlJoin('https://github.com', author)} target={'_blank'}>
                 {author}
-              </NextLink>
+              </Link>
             )}
             <Icon icon={DotIcon} />
             <PublishedTime