@lobehub/lobehub 2.0.0-next.72 → 2.0.0-next.73

package/src/app/[variants]/(main)/discover/(list)/provider/ProviderPage.tsx

@@ -1,43 +0,0 @@
-'use client';
-
-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 { DiscoverTab, ProviderQueryParams } from '@/types/discover';
-
-import Pagination from '../features/Pagination';
-import List from './features/List';
-import Loading from './loading';
-
-const ProviderPage = memo<{ mobile?: boolean }>(() => {
-  const { q, page, sort, order } = useQuery() as ProviderQueryParams;
-  const useProviderList = useDiscoverStore((s) => s.useProviderList);
-  const { data, isLoading } = useProviderList({
-    order,
-    page,
-    pageSize: 21,
-    q,
-    sort,
-  });
-
-  if (isLoading || !data) return <Loading />;
-
-  const { items, currentPage, pageSize, totalCount } = data;
-
-  return (
-    <Flexbox gap={32} width={'100%'}>
-      <List data={items} />
-      <Pagination
-        currentPage={currentPage}
-        pageSize={pageSize}
-        tab={DiscoverTab.Providers}
-        total={totalCount}
-      />
-    </Flexbox>
-  );
-});
-
-export default withSuspense(ProviderPage);

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

@@ -1,170 +0,0 @@
-'use client';
-
-import { memo, useEffect } from 'react';
-import { useMediaQuery } from 'react-responsive';
-import { MemoryRouter, Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
-
-import DetailLayout from './(detail)/_layout/DetailLayout';
-import AssistantDetailPage from './(detail)/assistant/AssistantDetailPage';
-import McpDetailPage from './(detail)/mcp/McpDetailPage';
-import ModelDetailPage from './(detail)/model/ModelDetailPage';
-import ProviderDetailPage from './(detail)/provider/ProviderDetailPage';
-import HomePage from './(list)/(home)/HomePage';
-import ListLayout from './(list)/_layout/ListLayout';
-import AssistantLayout from './(list)/assistant/AssistantLayout';
-import AssistantPage from './(list)/assistant/AssistantPage';
-import McpLayout from './(list)/mcp/McpLayout';
-import McpPage from './(list)/mcp/McpPage';
-import ModelLayout from './(list)/model/ModelLayout';
-import ModelPage from './(list)/model/ModelPage';
-import ProviderPage from './(list)/provider/ProviderPage';
-import DiscoverLayout from './_layout/DiscoverLayout';
-
-// Get initial path from URL
-const getInitialPath = () => {
-  if (typeof window === 'undefined') return '/';
-  const fullPath = window.location.pathname;
-  const searchParams = window.location.search;
-  const discoverIndex = fullPath.indexOf('/discover');
-
-  if (discoverIndex !== -1) {
-    const pathAfterDiscover = fullPath.slice(discoverIndex + '/discover'.length) || '/';
-    return pathAfterDiscover + searchParams;
-  }
-  return '/';
-};
-
-// Helper component to sync URL with MemoryRouter
-const UrlSynchronizer = () => {
-  const location = useLocation();
-  const navigate = useNavigate();
-
-  // Sync initial URL
-  useEffect(() => {
-    const fullPath = window.location.pathname;
-    const searchParams = window.location.search;
-    const discoverIndex = fullPath.indexOf('/discover');
-
-    if (discoverIndex !== -1) {
-      const pathAfterDiscover = fullPath.slice(discoverIndex + '/discover'.length) || '/';
-      const targetPath = pathAfterDiscover + searchParams;
-
-      if (location.pathname + location.search !== targetPath) {
-        navigate(targetPath, { replace: true });
-      }
-    }
-  }, []);
-
-  // Update browser URL when location changes
-  useEffect(() => {
-    const normalizedPath = location.pathname === '/' ? '' : location.pathname;
-    const newUrl = `/discover${normalizedPath}${location.search}`;
-    if (window.location.pathname + window.location.search !== newUrl) {
-      window.history.replaceState({}, '', newUrl);
-    }
-  }, [location.pathname, location.search]);
-
-  return null;
-};
-
-const DiscoverRouter = memo(() => {
-  const mobile = useMediaQuery({ maxWidth: 768 });
-
-  return (
-    <MemoryRouter initialEntries={[getInitialPath()]} initialIndex={0}>
-      <UrlSynchronizer />
-      <DiscoverLayout mobile={mobile}>
-        <Routes>
-          {/* List routes with ListLayout */}
-          <Route
-            element={
-              <ListLayout mobile={mobile}>
-                <HomePage mobile={mobile} />
-              </ListLayout>
-            }
-            path="/"
-          />
-          <Route
-            element={
-              <ListLayout mobile={mobile}>
-                <AssistantLayout mobile={mobile}>
-                  <AssistantPage mobile={mobile} />
-                </AssistantLayout>
-              </ListLayout>
-            }
-            path="/assistant"
-          />
-          <Route
-            element={
-              <ListLayout mobile={mobile}>
-                <ModelLayout mobile={mobile}>
-                  <ModelPage mobile={mobile} />
-                </ModelLayout>
-              </ListLayout>
-            }
-            path="/model"
-          />
-          <Route
-            element={
-              <ListLayout mobile={mobile}>
-                <ProviderPage mobile={mobile} />
-              </ListLayout>
-            }
-            path="/provider"
-          />
-          <Route
-            element={
-              <ListLayout mobile={mobile}>
-                <McpLayout mobile={mobile}>
-                  <McpPage mobile={mobile} />
-                </McpLayout>
-              </ListLayout>
-            }
-            path="/mcp"
-          />
-
-          {/* Detail routes with DetailLayout */}
-          <Route
-            element={
-              <DetailLayout mobile={mobile}>
-                <AssistantDetailPage mobile={mobile} />
-              </DetailLayout>
-            }
-            path="/assistant/*"
-          />
-          <Route
-            element={
-              <DetailLayout mobile={mobile}>
-                <ModelDetailPage mobile={mobile} />
-              </DetailLayout>
-            }
-            path="/model/*"
-          />
-          <Route
-            element={
-              <DetailLayout mobile={mobile}>
-                <ProviderDetailPage mobile={mobile} />
-              </DetailLayout>
-            }
-            path="/provider/*"
-          />
-          <Route
-            element={
-              <DetailLayout mobile={mobile}>
-                <McpDetailPage mobile={mobile} />
-              </DetailLayout>
-            }
-            path="/mcp/*"
-          />
-
-          {/* Fallback */}
-          <Route element={<Navigate replace to="/" />} path="*" />
-        </Routes>
-      </DiscoverLayout>
-    </MemoryRouter>
-  );
-});
-
-DiscoverRouter.displayName = 'DiscoverRouter';
-
-export default DiscoverRouter;

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

@@ -1,12 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-
-import { BrandTextLoading } from '@/components/Loading';
-
-const DiscoverRouter = dynamic(() => import('../DiscoverRouter'), {
-  loading: BrandTextLoading,
-  ssr: false,
-});
-
-export default DiscoverRouter;

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

@@ -1,22 +0,0 @@
-'use client';
-
-import { PropsWithChildren, memo } from 'react';
-
-import Desktop from './Desktop';
-import Mobile from './Mobile';
-
-interface DiscoverLayoutProps extends PropsWithChildren {
-  mobile?: boolean;
-}
-
-const DiscoverLayout = memo<DiscoverLayoutProps>(({ children, mobile }) => {
-  if (mobile) {
-    return <Mobile>{children}</Mobile>;
-  }
-
-  return <Desktop>{children}</Desktop>;
-});
-
-DiscoverLayout.displayName = 'DiscoverLayout';
-
-export default DiscoverLayout;

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

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from '@/components/Error';

package/src/app/[variants]/(main)/discover/not-found.tsx

@@ -1 +0,0 @@
-export { default } from '@/components/404';

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

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from '@/components/Error';

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

@@ -1,15 +0,0 @@
-import ServerLayout from '@/components/server/ServerLayout';
-
-import Desktop from './_layout/Desktop';
-import Mobile from './_layout/Mobile';
-import { LayoutProps } from './_layout/type';
-
-const AiImageLayout = ServerLayout({ Desktop, Mobile });
-
-AiImageLayout.displayName = 'AiImageLayout';
-
-const Layout = (props: LayoutProps) => {
-  return <AiImageLayout {...props} />;
-};
-
-export default Layout;

package/src/app/[variants]/(main)/image/page.tsx

@@ -1,45 +0,0 @@
-import { Suspense } from 'react';
-
-import StructuredData from '@/components/StructuredData';
-import { BRANDING_NAME } from '@/const/branding';
-import { ldModule } from '@/server/ld';
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import ImageWorkspace from './features/ImageWorkspace';
-import SkeletonList from './features/ImageWorkspace/SkeletonList';
-
-export const generateMetadata = async (props: DynamicLayoutProps) => {
-  const locale = await RouteVariants.getLocale(props);
-  const { t } = await translation('metadata', locale);
-  return metadataModule.generate({
-    description: t('image.description', { appName: BRANDING_NAME }),
-    title: t('image.title'),
-    url: '/image',
-  });
-};
-
-const AiImage = async (props: DynamicLayoutProps) => {
-  const { locale } = await RouteVariants.getVariantsFromProps(props);
-  const { t } = await translation('metadata', locale);
-  const ld = ldModule.generate({
-    description: t('image.description', { appName: BRANDING_NAME }),
-    title: t('image.title'),
-    url: '/image',
-  });
-
-  return (
-    <>
-      <StructuredData ld={ld} />
-      <Suspense fallback={<SkeletonList />}>
-        <ImageWorkspace />
-      </Suspense>
-    </>
-  );
-};
-
-AiImage.displayName = 'AiImage';
-
-export default AiImage;

package/src/app/[variants]/(main)/knowledge/KnowledgeRouter.tsx

@@ -1,74 +0,0 @@
-'use client';
-
-import { App } from 'antd';
-import { memo, useEffect } from 'react';
-import { MemoryRouter, Navigate, Route, Routes, useLocation } from 'react-router-dom';
-
-import KnowledgeBaseDetailPage from './routes/KnowledgeBaseDetail';
-import KnowledgeBasesListPage from './routes/KnowledgeBasesList';
-import KnowledgeHomePage from './routes/KnowledgeHome';
-
-// Get initial path from URL
-const getInitialPath = () => {
-  if (typeof window === 'undefined') return '/';
-  const fullPath = window.location.pathname;
-  const searchParams = window.location.search;
-  const knowledgeIndex = fullPath.indexOf('/knowledge');
-
-  if (knowledgeIndex !== -1) {
-    const pathAfterKnowledge = fullPath.slice(knowledgeIndex + '/knowledge'.length) || '/';
-    return pathAfterKnowledge + searchParams;
-  }
-  return '/';
-};
-
-// Helper component to sync URL with MemoryRouter
-const UrlSynchronizer = () => {
-  const location = useLocation();
-
-  // Update browser URL when location changes
-  useEffect(() => {
-    const newUrl = `/knowledge${location.pathname}${location.search}`;
-    if (window.location.pathname + window.location.search !== newUrl) {
-      window.history.replaceState({}, '', newUrl);
-    }
-  }, [location.pathname, location.search]);
-
-  return null;
-};
-
-/**
- * Main Knowledge Router component with MemoryRouter
- * This serves as the entry point for all knowledge-related routes
- * Uses MemoryRouter with URL synchronization to support query parameters like ?file=[id]
- *
- * Route structure:
- * - / → Knowledge home (file list with categories)
- * - /bases → Knowledge bases list
- * - /bases/:id → Knowledge base detail (file list for specific base)
- */
-const KnowledgeRouter = memo(() => {
-  return (
-    <App style={{ display: 'flex', flex: 1, height: '100%' }}>
-      <MemoryRouter initialEntries={[getInitialPath()]} initialIndex={0}>
-        <UrlSynchronizer />
-        <Routes>
-          {/* Knowledge home */}
-          <Route element={<KnowledgeHomePage />} path="/" />
-          <Route element={<KnowledgeHomePage />} path="/:id" />
-
-          {/* Knowledge bases routes */}
-          <Route element={<KnowledgeBasesListPage />} path="/bases" />
-          <Route element={<KnowledgeBaseDetailPage />} path="/bases/:id" />
-
-          {/* Fallback */}
-          <Route element={<Navigate replace to="/" />} path="*" />
-        </Routes>
-      </MemoryRouter>
-    </App>
-  );
-});
-
-KnowledgeRouter.displayName = 'KnowledgeRouter';
-
-export default KnowledgeRouter;

package/src/app/[variants]/(main)/knowledge/[[...path]]/page.tsx

@@ -1,12 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-
-import { BrandTextLoading } from '@/components/Loading';
-
-const KnowledgeRouter = dynamic(() => import('../KnowledgeRouter'), {
-  loading: BrandTextLoading,
-  ssr: false,
-});
-
-export default KnowledgeRouter;

package/src/app/[variants]/(main)/knowledge/components/modal/page.tsx

@@ -1,13 +0,0 @@
-import { PagePropsWithId } from '@/types/next';
-
-import ModalPageClient from './ModalPageClient';
-
-const Page = async (props: PagePropsWithId) => {
-  const params = await props.params;
-
-  return <ModalPageClient id={params.id} />;
-};
-
-export default Page;
-
-export const dynamic = 'force-static';

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

@@ -1,12 +0,0 @@
-import { notFound } from 'next/navigation';
-import { PropsWithChildren } from 'react';
-
-import { serverFeatureFlags } from '@/config/featureFlags';
-
-export default ({ children }: PropsWithChildren) => {
-  const enableKnowledgeBase = serverFeatureFlags().enableKnowledgeBase;
-
-  if (!enableKnowledgeBase) return notFound();
-
-  return children;
-};

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

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

package/src/app/[variants]/(main)/not-found.tsx

@@ -1 +0,0 @@
-export { default } from '@/components/404';

package/src/app/[variants]/(main)/profile/apikey/page.tsx

@@ -1,32 +0,0 @@
-import { notFound } from 'next/navigation';
-
-import { serverFeatureFlags } from '@/config/featureFlags';
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import Page from '../../settings/system-agent';
-import Client from './Client';
-
-export const generateMetadata = async (props: DynamicLayoutProps) => {
-  const locale = await RouteVariants.getLocale(props);
-  const { t } = await translation('auth', locale);
-  return metadataModule.generate({
-    description: t('header.desc'),
-    title: t('tab.apikey'),
-    url: '/profile/apikey',
-  });
-};
-
-const page = () => {
-  const { showApiKeyManage } = serverFeatureFlags();
-
-  if (!showApiKeyManage) return notFound();
-
-  return <Client />;
-};
-
-Page.displayName = 'ApiKey';
-
-export default page;

package/src/app/[variants]/(main)/profile/error.tsx

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from '@/components/Error';

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

@@ -1,11 +0,0 @@
-import ServerLayout from '@/components/server/ServerLayout';
-
-import Desktop from './_layout/Desktop';
-import Mobile from './_layout/Mobile';
-import { LayoutProps } from './_layout/type';
-
-const ProfileLayout = ServerLayout<LayoutProps>({ Desktop, Mobile });
-
-ProfileLayout.displayName = 'ProfileLayout';
-
-export default ProfileLayout;

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

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

package/src/app/[variants]/(main)/profile/not-found.tsx

@@ -1 +0,0 @@
-export { default } from '@/components/404';

package/src/app/[variants]/(main)/profile/security/page.tsx

@@ -1,28 +0,0 @@
-import { notFound } from 'next/navigation';
-
-import { enableClerk } from '@/const/auth';
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import ClerkProfile from '../features/ClerkProfile';
-
-export const generateMetadata = async (props: DynamicLayoutProps) => {
-  const locale = await RouteVariants.getLocale(props);
-  const { t } = await translation('auth', locale);
-  return metadataModule.generate({
-    description: t('header.desc'),
-    title: t('tab.security'),
-    url: '/profile/security',
-  });
-};
-
-const Page = async (props: DynamicLayoutProps) => {
-  if (!enableClerk) return notFound();
-  const mobile = await RouteVariants.getIsMobile(props);
-
-  return <ClerkProfile mobile={mobile} />;
-};
-
-export default Page;

package/src/app/[variants]/(main)/profile/stats/page.tsx

@@ -1,23 +0,0 @@
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import Client from './Client';
-
-export const generateMetadata = async (props: DynamicLayoutProps) => {
-  const locale = await RouteVariants.getLocale(props);
-  const { t } = await translation('auth', locale);
-  return metadataModule.generate({
-    description: t('header.desc'),
-    title: t('tab.stats'),
-    url: '/profile/stats',
-  });
-};
-
-const Page = async (props: DynamicLayoutProps) => {
-  const mobile = await RouteVariants.getIsMobile(props);
-  return <Client mobile={mobile} />;
-};
-
-export default Page;

package/src/app/[variants]/(main)/profile/usage/page.tsx

@@ -1,23 +0,0 @@
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { DynamicLayoutProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import Client from './Client';
-
-export const generateMetadata = async (props: DynamicLayoutProps) => {
-  const locale = await RouteVariants.getLocale(props);
-  const { t } = await translation('auth', locale);
-  return metadataModule.generate({
-    description: t('header.desc'),
-    title: t('tab.usage'),
-    url: '/profile/usage',
-  });
-};
-
-const Page = async (props: DynamicLayoutProps) => {
-  const mobile = await RouteVariants.getIsMobile(props);
-  return <Client mobile={mobile} />;
-};
-
-export default Page;

package/src/app/[variants]/@modal/(.)changelog/modal/features/Cover.tsx

@@ -1,48 +0,0 @@
-'use client';
-
-import { createStyles } from 'antd-style';
-import { PropsWithChildren, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-const useStyles = createStyles(
-  ({ css, token }) => css`
-    position: relative;
-    overflow: hidden;
-    background: ${token.colorFillSecondary};
-
-    &::before {
-      content: '';
-
-      position: absolute;
-      z-index: 1;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-
-      width: 100%;
-      height: 1px;
-
-      background: ${token.colorFillTertiary};
-    }
-
-    &::after {
-      content: '';
-
-      position: absolute;
-      z-index: 1;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-
-      width: 100%;
-      height: 1px;
-
-      background: ${token.colorFillTertiary};
-    }
-  `,
-);
-
-const Cover = memo<PropsWithChildren>(({ children }) => {
-  const { styles } = useStyles();
-  return <Flexbox className={styles}>{children}</Flexbox>;
-});
-
-export default Cover;

package/src/app/[variants]/@modal/(.)changelog/modal/features/Hero.tsx

@@ -1,29 +0,0 @@
-'use client';
-
-import { FluentEmoji } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-const useStyles = createStyles(
-  ({ css, token }) => css`
-    background: linear-gradient(to bottom, ${token.colorFillTertiary}, transparent);
-  `,
-);
-
-const Hero = memo(() => {
-  const { theme, styles } = useStyles();
-  const { t } = useTranslation('changelog');
-  return (
-    <Flexbox className={styles} gap={8} padding={24}>
-      <Flexbox align={'center'} gap={12} horizontal>
-        <h1 style={{ fontSize: 24, fontWeight: 'bold', margin: 0 }}>{t('welcomeBack')}</h1>
-        <FluentEmoji emoji={'🤯'} size={28} type={'anim'} />
-      </Flexbox>
-      <div style={{ color: theme.colorTextSecondary, fontSize: 16 }}>{t('addedWhileAway')}</div>
-    </Flexbox>
-  );
-});
-
-export default Hero;