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

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

@@ -1,83 +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 MainChatPage from './components/MainChatPage';
-import SettingsPage from './components/SettingsPage';
-
-// Get initial path from URL
-const getInitialPath = () => {
-  if (typeof window === 'undefined') return '/';
-  const fullPath = window.location.pathname;
-  const searchParams = window.location.search;
-  const chatIndex = fullPath.indexOf('/chat');
-
-  if (chatIndex !== -1) {
-    const pathAfterChat = fullPath.slice(chatIndex + '/chat'.length) || '/';
-    return pathAfterChat + 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 chatIndex = fullPath.indexOf('/chat');
-
-    if (chatIndex !== -1) {
-      const pathAfterChat = fullPath.slice(chatIndex + '/chat'.length) || '/';
-      const targetPath = pathAfterChat + 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 = `/chat${normalizedPath}${location.search}`;
-    if (window.location.pathname + window.location.search !== newUrl) {
-      window.history.replaceState({}, '', newUrl);
-    }
-  }, [location.pathname, location.search]);
-
-  return null;
-};
-
-const ChatRouter = memo(() => {
-  const mobile = useMediaQuery({ maxWidth: 768 });
-  const routes = (
-    <Routes>
-      <Route element={<MainChatPage mobile={true} />} path="/" />
-      <Route element={<SettingsPage mobile={true} />} path="/settings" />
-      <Route element={<Navigate replace to="/" />} path="*" />
-    </Routes>
-  );
-
-  return (
-    <MemoryRouter initialEntries={[getInitialPath()]} initialIndex={0}>
-      <UrlSynchronizer />
-      {mobile ? (
-        // Mobile Layout
-        routes
-      ) : (
-        // Desktop Layout
-        <MainChatPage mobile={false} />
-      )}
-    </MemoryRouter>
-  );
-});
-
-ChatRouter.displayName = 'ChatRouter';
-
-export default ChatRouter;

package/src/app/[variants]/(main)/chat/_layout/ChatLayout.tsx

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

package/src/app/[variants]/(main)/chat/components/MainChatPage.tsx

@@ -1,25 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-
-import TelemetryNotification from '../components/features/TelemetryNotification';
-import PageTitle from '../features/PageTitle';
-import WorkspaceLayout from './WorkspaceLayout';
-
-interface MainChatPageProps {
-  mobile?: boolean;
-}
-
-const MainChatPage = memo<MainChatPageProps>(({ mobile }) => {
-  return (
-    <>
-      <PageTitle />
-      <WorkspaceLayout mobile={mobile} />
-      <TelemetryNotification mobile={mobile} />
-    </>
-  );
-});
-
-MainChatPage.displayName = 'MainChatPage';
-
-export default MainChatPage;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-import SkeletonLoading from '@/components/Loading/SkeletonLoading';
-
-export default () => <SkeletonLoading paragraph={{ rows: 8 }} />;

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

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

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

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

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

@@ -1,51 +0,0 @@
-'use client';
-
-import { notFound } from 'next/navigation';
-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 {
-  identifier: string;
-  mobile?: boolean;
-}
-
-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, 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}>
-        <Flexbox gap={16}>
-          <Header mobile={mobile} />
-          <Details mobile={mobile} />
-        </Flexbox>
-      </DetailProvider>
-    </TocProvider>
-  );
-});
-
-export default withSuspense(Client);

package/src/app/[variants]/(main)/discover/(detail)/mcp/[slug]/Client.tsx

@@ -1,43 +0,0 @@
-'use client';
-
-import { notFound } from 'next/navigation';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { withSuspense } from '@/components/withSuspense';
-import { DetailProvider } from '@/features/MCPPluginDetail/DetailProvider';
-import Header from '@/features/MCPPluginDetail/Header';
-import { useFetchInstalledPlugins } from '@/hooks/useFetchInstalledPlugins';
-import { useQuery } from '@/hooks/useQuery';
-import { useDiscoverStore } from '@/store/discover';
-import { DiscoverTab } from '@/types/discover';
-
-import Breadcrumb from '../../features/Breadcrumb';
-import { TocProvider } from '../../features/Toc/useToc';
-import Details from './features/Details';
-import Loading from './loading';
-
-const Client = memo<{ identifier: string; mobile?: boolean }>(({ identifier, mobile }) => {
-  const { version } = useQuery() as { version?: string };
-  const useMcpDetail = useDiscoverStore((s) => s.useFetchMcpDetail);
-  const { data, isLoading } = useMcpDetail({ identifier, version });
-
-  useFetchInstalledPlugins();
-
-  if (isLoading) return <Loading />;
-  if (!data) return notFound();
-
-  return (
-    <TocProvider>
-      <DetailProvider config={data}>
-        {!mobile && <Breadcrumb identifier={identifier} tab={DiscoverTab.Mcp} />}
-        <Flexbox gap={16}>
-          <Header mobile={mobile} />
-          <Details mobile={mobile} />
-        </Flexbox>
-      </DetailProvider>
-    </TocProvider>
-  );
-});
-
-export default withSuspense(Client);

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

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

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

@@ -1,40 +0,0 @@
-'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 { DiscoverTab } from '@/types/discover';
-
-import Breadcrumb from '../../features/Breadcrumb';
-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 useModelDetail = useDiscoverStore((s) => s.useModelDetail);
-  const { data, isLoading } = useModelDetail({ identifier });
-
-  if (isLoading) return <Loading />;
-  if (!data) return notFound();
-
-  return (
-    <DetailProvider config={data}>
-      {!mobile && <Breadcrumb identifier={identifier} tab={DiscoverTab.Models} />}
-      <Flexbox gap={16}>
-        <Header mobile={mobile} />
-        <Details mobile={mobile} />
-      </Flexbox>
-    </DetailProvider>
-  );
-});
-
-export default withSuspense(Client);

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

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

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

@@ -1,40 +0,0 @@
-'use client';
-
-import { notFound } from 'next/navigation';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import Breadcrumb from '@/app/[variants]/(main)/discover/(detail)/features/Breadcrumb';
-import { withSuspense } from '@/components/withSuspense';
-import { useDiscoverStore } from '@/store/discover';
-import { DiscoverTab } from '@/types/discover';
-
-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 useProviderDetail = useDiscoverStore((s) => s.useProviderDetail);
-  const { data, isLoading } = useProviderDetail({ identifier, withReadme: true });
-
-  if (isLoading) return <Loading />;
-  if (!data) return notFound();
-
-  return (
-    <DetailProvider config={data}>
-      {!mobile && <Breadcrumb identifier={identifier} tab={DiscoverTab.Providers} />}
-      <Flexbox gap={16}>
-        <Header mobile={mobile} />
-        <Details mobile={mobile} />
-      </Flexbox>
-    </DetailProvider>
-  );
-});
-
-export default withSuspense(Client);

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

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

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

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

package/src/app/[variants]/(main)/discover/(list)/assistant/AssistantLayout.tsx

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

package/src/app/[variants]/(main)/discover/(list)/mcp/Client.tsx

@@ -1,44 +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, McpQueryParams } from '@/types/discover';
-
-import Pagination from '../features/Pagination';
-import List from './features/List';
-import Loading from './loading';
-
-const Client = memo<{ mobile?: boolean }>(() => {
-  const { q, page, category, sort, order } = useQuery() as McpQueryParams;
-  const useMcpList = useDiscoverStore((s) => s.useFetchMcpList);
-  const { data, isLoading } = useMcpList({
-    category,
-    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.Mcp}
-        total={totalCount}
-      />
-    </Flexbox>
-  );
-});
-
-export default withSuspense(Client);

package/src/app/[variants]/(main)/discover/(list)/mcp/McpLayout.tsx

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

package/src/app/[variants]/(main)/discover/(list)/model/Client.tsx

@@ -1,44 +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, ModelQueryParams } from '@/types/discover';
-
-import Pagination from '../features/Pagination';
-import List from './features/List';
-import Loading from './loading';
-
-const Client = memo<{ mobile?: boolean }>(() => {
-  const { q, page, category, sort, order } = useQuery() as ModelQueryParams;
-  const useModelList = useDiscoverStore((s) => s.useModelList);
-  const { data, isLoading } = useModelList({
-    category,
-    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.Models}
-        total={totalCount}
-      />
-    </Flexbox>
-  );
-});
-
-export default withSuspense(Client);

package/src/app/[variants]/(main)/discover/(list)/model/ModelLayout.tsx

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

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);