@lobehub/chat 1.96.20 → 1.97.0

package/src/app/[variants]/(main)/discover/(list)/providers/features/Card.tsx

@@ -1,119 +0,0 @@
-import { ModelTag, ProviderCombine } from '@lobehub/icons';
-import { Tag } from '@lobehub/ui';
-import { Skeleton, Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import dynamic from 'next/dynamic';
-import { CSSProperties, memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { DiscoverProviderItem } from '@/types/discover';
-
-const Link = dynamic(() => import('next/link'), {
-  loading: () => <Skeleton.Button size={'small'} style={{ height: 22 }} />,
-  ssr: false,
-});
-
-const { Paragraph } = Typography;
-
-const useStyles = createStyles(({ css, token, isDarkMode }) => ({
-  banner: css`
-    opacity: ${isDarkMode ? 0.9 : 0.4};
-  `,
-  container: css`
-    cursor: pointer;
-
-    position: relative;
-
-    overflow: hidden;
-
-    height: 100%;
-    min-height: 162px;
-    border-radius: ${token.borderRadiusLG}px;
-
-    background: ${token.colorBgContainer};
-    box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary}
-      inset;
-
-    transition: box-shadow 0.2s ${token.motionEaseInOut};
-
-    &:hover {
-      box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillSecondary : token.colorFill} inset;
-    }
-  `,
-  desc: css`
-    min-height: 44px;
-    margin-block-end: 0 !important;
-    color: ${token.colorTextDescription};
-  `,
-  tagBlue: css`
-    color: ${token.geekblue};
-    background: ${token.geekblue1};
-  `,
-  tagGreen: css`
-    color: ${token.green};
-    background: ${token.green1};
-  `,
-  time: css`
-    color: ${token.colorTextDescription};
-  `,
-  title: css`
-    zoom: 1.2;
-    margin-block-end: 0 !important;
-    font-size: 18px !important;
-    font-weight: bold;
-  `,
-  token: css`
-    font-family: ${token.fontFamilyCode};
-  `,
-}));
-
-export interface ProviderCardProps extends DiscoverProviderItem {
-  className?: string;
-  mobile?: boolean;
-  style?: CSSProperties;
-}
-
-const ProviderCard = memo<ProviderCardProps>(({ models, className, meta, identifier, style }) => {
-  const { description } = meta;
-  const { t } = useTranslation(['discover', 'providers']);
-  const { cx, styles, theme } = useStyles();
-
-  return (
-    <Flexbox className={cx(styles.container, className)} gap={24} style={style}>
-      <Flexbox gap={12} padding={16} width={'100%'}>
-        <ProviderCombine
-          provider={identifier}
-          size={28}
-          style={{ color: theme.colorText }}
-          title={meta.title}
-        />
-        <Flexbox gap={8} horizontal style={{ fontSize: 12, marginTop: -8 }}>
-          <div style={{ color: theme.colorTextSecondary }}>@{meta.title}</div>
-          <div style={{ color: theme.colorTextDescription }}>
-            {t('providers.modelCount', { count: models.length })}
-          </div>
-        </Flexbox>
-        {description && (
-          <Paragraph className={styles.desc} ellipsis={{ rows: 2 }}>
-            {t(`${identifier}.description`, { ns: 'providers' })}
-          </Paragraph>
-        )}
-        <Flexbox gap={6} horizontal style={{ flexWrap: 'wrap' }}>
-          {models
-            .slice(0, 3)
-            .filter(Boolean)
-            .map((tag: string) => (
-              <Link href={urlJoin('/discover/model', tag)} key={tag}>
-                <ModelTag model={tag} style={{ margin: 0 }} />
-              </Link>
-            ))}
-          {models.length > 3 && <Tag>...</Tag>}
-        </Flexbox>
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default ProviderCard;

package/src/app/[variants]/(main)/discover/(list)/providers/features/List.tsx

@@ -1,67 +0,0 @@
-'use client';
-
-import { Empty } from 'antd';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import urlJoin from 'url-join';
-
-import { DiscoverProviderItem } from '@/types/discover';
-
-import SearchResultCount from '../../../components/SearchResultCount';
-import Title from '../../../components/Title';
-import VirtuosoGridList from '../../../components/VirtuosoGridList';
-import Card from './Card';
-
-export interface ListProps {
-  items?: DiscoverProviderItem[];
-  mobile?: boolean;
-  searchKeywords?: string;
-}
-
-const List = memo<ListProps>(({ searchKeywords, items = [], mobile }) => {
-  const { t } = useTranslation('discover');
-
-  if (searchKeywords) {
-    if (!items || items?.length === 0) return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
-    return (
-      <>
-        <SearchResultCount count={items.length} keyword={searchKeywords} />
-        <VirtuosoGridList
-          data={items}
-          initialItemCount={6}
-          itemContent={(_, item) => (
-            <Link href={urlJoin('/discover/provider/', item.identifier)} key={item.identifier}>
-              <Card {...item} mobile={mobile} style={{ minHeight: 'unset' }} />
-            </Link>
-          )}
-          rows={2}
-          style={{
-            minHeight: '75vh',
-          }}
-        />
-      </>
-    );
-  }
-
-  return (
-    <>
-      <Title tag={items.length}>{t('providers.list')}</Title>
-      <VirtuosoGridList
-        data={items}
-        initialItemCount={6}
-        itemContent={(_, item) => (
-          <Link href={urlJoin('/discover/provider/', item.identifier)} key={item.identifier}>
-            <Card {...item} mobile={mobile} style={{ minHeight: 'unset' }} />
-          </Link>
-        )}
-        rows={2}
-        style={{
-          minHeight: '75vh',
-        }}
-      />
-    </>
-  );
-});
-
-export default List;

package/src/app/[variants]/(main)/discover/(list)/providers/loading.tsx

@@ -1 +0,0 @@
-export { ProviderListLoading as default } from '../../components/ListLoading';

package/src/app/[variants]/(main)/discover/(list)/providers/page.tsx

@@ -1,64 +0,0 @@
-import StructuredData from '@/components/StructuredData';
-import { Locales } from '@/locales/resources';
-import { ldModule } from '@/server/ld';
-import { metadataModule } from '@/server/metadata';
-import { DiscoverService } from '@/server/services/discover';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import List from './features/List';
-
-interface DiscoverPageProps extends DynamicLayoutProps {
-  searchParams: Promise<{ hl?: Locales }>;
-}
-
-const getSharedProps = async (props: DiscoverPageProps) => {
-  const searchParams = await props.searchParams;
-  const { locale: hl, isMobile } = await RouteVariants.getVariantsFromProps(props);
-  const { t, locale } = await translation('metadata', searchParams?.hl || hl);
-  return {
-    isMobile,
-    locale,
-    t,
-  };
-};
-
-export const generateMetadata = async (props: DiscoverPageProps) => {
-  const { locale, t } = await getSharedProps(props);
-  return metadataModule.generate({
-    alternate: true,
-    description: t('discover.providers.description'),
-    locale,
-    title: t('discover.providers.title'),
-    url: '/discover/providers',
-  });
-};
-
-const Page = async (props: DiscoverPageProps) => {
-  const { locale, t, isMobile } = await getSharedProps(props);
-  const discoverService = new DiscoverService();
-  const items = await discoverService.getProviderList(locale);
-
-  const ld = ldModule.generate({
-    description: t('discover.providers.description'),
-    locale,
-    title: t('discover.providers.title'),
-    url: '/discover/providers',
-    webpage: {
-      enable: true,
-      search: '/discover/search',
-    },
-  });
-
-  return (
-    <>
-      <StructuredData ld={ld} />
-      <List items={items} mobile={isMobile} />
-    </>
-  );
-};
-
-Page.DisplayName = 'DiscoverProviders';
-
-export default Page;

package/src/app/[variants]/(main)/discover/features/StoreSearchBar.tsx

@@ -1,87 +0,0 @@
-'use client';
-
-import { SearchBar, SearchBarProps } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { usePathname } from 'next/navigation';
-import { useQueryState } from 'nuqs';
-import { memo, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import urlJoin from 'url-join';
-
-import { withSuspense } from '@/components/withSuspense';
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { useUserStore } from '@/store/user';
-import { settingsSelectors } from '@/store/user/selectors';
-import { DiscoverTab } from '@/types/discover';
-import { HotkeyEnum } from '@/types/hotkey';
-
-import { useNav } from './useNav';
-
-export const useStyles = createStyles(({ css, prefixCls, token }) => ({
-  active: css`
-    box-shadow: ${token.boxShadow};
-  `,
-  bar: css`
-    .${prefixCls}-input-group-wrapper {
-      padding: 0;
-    }
-  `,
-}));
-
-interface StoreSearchBarProps extends SearchBarProps {
-  mobile?: boolean;
-}
-
-const StoreSearchBar = memo<StoreSearchBarProps>(({ mobile, onBlur, onFocus, ...rest }) => {
-  const [active, setActive] = useState(false);
-  const pathname = usePathname();
-  const { activeKey } = useNav();
-  const [searchKey, setSearchKey] = useQueryState('q', { clearOnDefault: true, defaultValue: '' });
-  const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.Search));
-
-  const { t } = useTranslation('discover');
-  const { cx, styles } = useStyles();
-  const router = useQueryRoute();
-
-  const activeType = activeKey === DiscoverTab.Home ? DiscoverTab.Assistants : activeKey;
-
-  useEffect(() => {
-    if (!pathname.includes('/discover/search')) return;
-    // 使用 useQueryState 时，当 handleSearch 为空时无法回跳
-    if (!searchKey) router.push(urlJoin('/discover', activeType), { query: {}, replace: true });
-  }, [searchKey, pathname, activeType]);
-
-  const handleSearch = (value: string) => {
-    router.push('/discover/search', { query: { q: value, type: activeType } });
-  };
-
-  return (
-    <SearchBar
-      allowClear
-      autoFocus={mobile || active}
-      className={cx(styles.bar, active && styles.active)}
-      defaultValue={searchKey ? String(searchKey) : ''}
-      enableShortKey={!mobile}
-      onBlur={(e) => {
-        setActive(false);
-        onBlur?.(e);
-      }}
-      onChange={(e) => setSearchKey(e.target.value)}
-      onFocus={(e) => {
-        setActive(true);
-        onFocus?.(e);
-      }}
-      onSearch={handleSearch}
-      placeholder={t('search.placeholder')}
-      shortKey={hotkey}
-      spotlight={!mobile}
-      style={{ width: mobile || active ? '100%' : 'min(480px,100%)' }}
-      styles={{ input: { width: '100%' } }}
-      value={searchKey ? String(searchKey) : ''}
-      variant={'filled'}
-      {...rest}
-    />
-  );
-});
-
-export default withSuspense(StoreSearchBar);

package/src/app/[variants]/(main)/discover/loading.tsx

@@ -1,3 +0,0 @@
-import Loading from '@/components/Loading/BrandTextLoading';
-
-export default () => <Loading />;

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

@@ -1,42 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import Footer from '@/features/Setting/Footer';
-
-import CategoryContainer from '../../components/CategoryContainer';
-import { MAX_WIDTH, SCROLL_PARENT_ID } from '../../features/const';
-import Category from '../features/Category';
-
-const Layout = async ({ children }: PropsWithChildren) => {
-  return (
-    <Flexbox
-      align={'center'}
-      flex={1}
-      id={SCROLL_PARENT_ID}
-      padding={16}
-      style={{ overflowX: 'hidden', overflowY: 'scroll', position: 'relative' }}
-      width={'100%'}
-    >
-      <Flexbox
-        gap={16}
-        style={{ maxWidth: MAX_WIDTH, paddingTop: 32, position: 'relative' }}
-        width={'100%'}
-      >
-        <Flexbox gap={24} horizontal style={{ position: 'relative' }} width={'100%'}>
-          <CategoryContainer top={32}>
-            <Category />
-          </CategoryContainer>
-          <Flexbox flex={1} gap={16}>
-            {children}
-          </Flexbox>
-        </Flexbox>
-        <div />
-        <Footer />
-      </Flexbox>
-    </Flexbox>
-  );
-};
-
-Layout.displayName = 'DesktopDiscoverSearchLayout';
-
-export default Layout;

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

@@ -1,31 +0,0 @@
-'use client';
-
-import { ChatHeader } from '@lobehub/ui/mobile';
-import { useRouter } from 'next/navigation';
-import { memo } from 'react';
-import urlJoin from 'url-join';
-
-import { useDiscoverTab } from '@/hooks/useDiscoverTab';
-import { mobileHeaderSticky } from '@/styles/mobileHeader';
-
-import StoreSearchBar from '../../../features/StoreSearchBar';
-
-const Header = memo(() => {
-  const router = useRouter();
-  const type = useDiscoverTab();
-
-  return (
-    <ChatHeader
-      onBackClick={() => router.push(urlJoin('/discover', type as string))}
-      right={<StoreSearchBar autoFocus={false} mobile style={{ width: '100%' }} />}
-      showBackButton
-      style={{
-        ...mobileHeaderSticky,
-        overflow: 'unset',
-      }}
-      styles={{ center: { display: 'none' }, left: { flex: 'none' } }}
-    />
-  );
-});
-
-export default Header;

package/src/app/[variants]/(main)/discover/search/_layout/Mobile/Nav.tsx

@@ -1,56 +0,0 @@
-'use client';
-
-import { Tabs } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { DiscoverTab } from '@/types/discover';
-
-import { useNav } from '../../../features/useNav';
-
-export const useStyles = createStyles(({ css, token }) => ({
-  activeNavItem: css`
-    background: ${token.colorFillTertiary};
-  `,
-  container: css`
-    height: auto;
-    padding-block: 4px;
-    background: ${token.colorBgLayout};
-  `,
-  navItem: css`
-    font-weight: 500;
-  `,
-  title: css`
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 1.2;
-  `,
-}));
-
-const Nav = memo(() => {
-  const { items, activeKey } = useNav();
-  const router = useQueryRoute();
-
-  return (
-    <Flexbox style={{ paddingInline: 16 }}>
-      <Tabs
-        activeKey={activeKey}
-        compact
-        items={items
-          .filter((item: any) => item?.key !== DiscoverTab.Home)
-          .map((item: any) => ({
-            key: item.key,
-            label: (
-              <div onClick={() => router.push('/discover/search', { query: { type: item.key } })}>
-                {item.label}
-              </div>
-            ),
-          }))}
-      />
-    </Flexbox>
-  );
-});
-
-export default Nav;

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

@@ -1,32 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-import Footer from '@/features/Setting/Footer';
-
-import { SCROLL_PARENT_ID } from '../../../features/const';
-import Header from './Header';
-import Nav from './Nav';
-
-const Layout = ({ children }: PropsWithChildren) => {
-  return (
-    <MobileContentLayout
-      gap={16}
-      header={
-        <>
-          <Header />
-          <Nav />
-        </>
-      }
-      id={SCROLL_PARENT_ID}
-      style={{ paddingInline: 16 }}
-    >
-      {children}
-      <div />
-      <Footer />
-    </MobileContentLayout>
-  );
-};
-
-Layout.displayName = 'MobileDiscoverSearchLayout';
-
-export default Layout;

package/src/app/[variants]/(main)/discover/search/features/AssistantsResult.tsx

@@ -1,27 +0,0 @@
-import { Locales } from '@/locales/resources';
-import { DiscoverService } from '@/server/services/discover';
-
-import Back from '../../(detail)/features/Back';
-import List from '../../(list)/assistants/features/List';
-
-const AssistantsResult = async ({
-  locale,
-  q,
-  mobile,
-}: {
-  locale: Locales;
-  mobile?: boolean;
-  q: string;
-}) => {
-  const discoverService = new DiscoverService();
-  const items = await discoverService.searchAssistant(locale, q);
-
-  return (
-    <>
-      {!mobile && <Back href={'/discover/assistants'} style={{ marginBottom: 0 }} />}
-      <List items={items} mobile={mobile} searchKeywords={q} />
-    </>
-  );
-};
-
-export default AssistantsResult;

package/src/app/[variants]/(main)/discover/search/features/Category.tsx

@@ -1,41 +0,0 @@
-'use client';
-
-import Link from 'next/link';
-import qs from 'query-string';
-import { memo } from 'react';
-
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { DiscoverTab } from '@/types/discover';
-
-import CategoryMenu from '../../components/CategoryMenu';
-import { useNav } from '../../features/useNav';
-
-const Category = memo(() => {
-  const router = useQueryRoute();
-
-  const { items, activeKey } = useNav();
-
-  return (
-    <CategoryMenu
-      items={items
-        .filter((item) => item?.key !== DiscoverTab.Home)
-        .map((item: any) => ({
-          ...item,
-          label: (
-            <Link
-              href={qs.stringifyUrl({
-                query: { type: item.key },
-                url: '/discover/search',
-              })}
-            >
-              {item.label}
-            </Link>
-          ),
-        }))}
-      onSelect={({ key }) => router.push('/discover/search', { query: { type: key } })}
-      selectedKeys={[activeKey]}
-    />
-  );
-});
-
-export default Category;

package/src/app/[variants]/(main)/discover/search/features/ModelsResult.tsx

@@ -1,27 +0,0 @@
-import { Locales } from '@/locales/resources';
-import { DiscoverService } from '@/server/services/discover';
-
-import Back from '../../(detail)/features/Back';
-import List from '../../(list)/models/features/List';
-
-const ModelsResult = async ({
-  locale,
-  q,
-  mobile,
-}: {
-  locale: Locales;
-  mobile?: boolean;
-  q: string;
-}) => {
-  const discoverService = new DiscoverService();
-  const items = await discoverService.searchModel(locale, q);
-
-  return (
-    <>
-      {!mobile && <Back href={'/discover/models'} style={{ marginBottom: 0 }} />}
-      <List items={items} mobile={mobile} searchKeywords={q} />
-    </>
-  );
-};
-
-export default ModelsResult;

package/src/app/[variants]/(main)/discover/search/features/PluginsResult.tsx

@@ -1,27 +0,0 @@
-import { Locales } from '@/locales/resources';
-import { DiscoverService } from '@/server/services/discover';
-
-import Back from '../../(detail)/features/Back';
-import List from '../../(list)/plugins/features/List';
-
-const PluginsResult = async ({
-  locale,
-  q,
-  mobile,
-}: {
-  locale: Locales;
-  mobile?: boolean;
-  q: string;
-}) => {
-  const discoverService = new DiscoverService();
-  const items = await discoverService.searchPlugin(locale, q);
-
-  return (
-    <>
-      {!mobile && <Back href={'/discover/plugins'} style={{ marginBottom: 0 }} />}
-      <List items={items} mobile={mobile} searchKeywords={q} />
-    </>
-  );
-};
-
-export default PluginsResult;

package/src/app/[variants]/(main)/discover/search/features/ProvidersResult.tsx

@@ -1,26 +0,0 @@
-import { Locales } from '@/locales/resources';
-import { DiscoverService } from '@/server/services/discover';
-
-import Back from '../../(detail)/features/Back';
-import List from '../../(list)/providers/features/List';
-
-const ProvidersResult = async ({
-  locale,
-  q,
-  mobile,
-}: {
-  locale: Locales;
-  mobile?: boolean;
-  q: string;
-}) => {
-  const discoverService = new DiscoverService();
-  const items = await discoverService.searchProvider(locale, q);
-
-  return (
-    <>
-      {!mobile && <Back href={'/discover/providers'} style={{ marginBottom: 0 }} />}
-      <List items={items} mobile={mobile} searchKeywords={q} />
-    </>
-  );
-};
-export default ProvidersResult;

package/src/app/[variants]/(main)/discover/search/layout.tsx

@@ -1,12 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-import ServerLayout from '@/components/server/ServerLayout';
-
-import Desktop from './_layout/Desktop';
-import Mobile from './_layout/Mobile';
-
-const MainLayout = ServerLayout<PropsWithChildren>({ Desktop, Mobile });
-
-MainLayout.displayName = 'DiscoverSearchLayout';
-
-export default MainLayout;

package/src/app/[variants]/(main)/discover/search/loading.tsx

@@ -1 +0,0 @@
-export { ListLoadingWithoutBanner as default } from '../components/ListLoading';