@lobehub/lobehub 2.0.0-next.18 → 2.0.0-next.180

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/@menu/features/ConfigPanel/components/ModelSelect.tsx

@@ -1,161 +0,0 @@
-import { ActionIcon, Icon, Select, type SelectProps } from '@lobehub/ui';
-import { createStyles, useTheme } from 'antd-style';
-import { LucideArrowRight, LucideBolt } from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { ModelItemRender, ProviderItemRender } from '@/components/ModelSelect';
-import { isDeprecatedEdition } from '@/const/version';
-import { useAiInfraStore } from '@/store/aiInfra';
-import { aiProviderSelectors } from '@/store/aiInfra/slices/aiProvider/selectors';
-import { useImageStore } from '@/store/image';
-import { imageGenerationConfigSelectors } from '@/store/image/slices/generationConfig/selectors';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-import { EnabledProviderWithModels } from '@/types/aiProvider';
-
-const useStyles = createStyles(({ css, prefixCls }) => ({
-  popup: css`
-    &.${prefixCls}-select-dropdown .${prefixCls}-select-item-option-grouped {
-      padding-inline-start: 12px;
-    }
-  `,
-}));
-
-interface ModelOption {
-  label: any;
-  provider: string;
-  value: string;
-}
-
-const ModelSelect = memo(() => {
-  const { styles } = useStyles();
-  const { t } = useTranslation('components');
-  const theme = useTheme();
-  const { showLLM } = useServerConfigStore(featureFlagsSelectors);
-  const router = useRouter();
-
-  const [currentModel, currentProvider] = useImageStore((s) => [
-    imageGenerationConfigSelectors.model(s),
-    imageGenerationConfigSelectors.provider(s),
-  ]);
-  const setModelAndProviderOnSelect = useImageStore((s) => s.setModelAndProviderOnSelect);
-
-  const enabledImageModelList = useAiInfraStore(aiProviderSelectors.enabledImageModelList);
-
-  const options = useMemo<SelectProps['options']>(() => {
-    const getImageModels = (provider: EnabledProviderWithModels) => {
-      const modelOptions = provider.children.map((model) => ({
-        label: <ModelItemRender {...model} {...model.abilities} showInfoTag={false} />,
-        provider: provider.id,
-        value: `${provider.id}/${model.id}`,
-      }));
-
-      // if there are no models, add a placeholder guide
-      if (modelOptions.length === 0) {
-        return [
-          {
-            disabled: true,
-            label: (
-              <Flexbox gap={8} horizontal style={{ color: theme.colorTextTertiary }}>
-                {t('ModelSwitchPanel.emptyModel')}
-                <Icon icon={LucideArrowRight} />
-              </Flexbox>
-            ),
-            onClick: () => {
-              router.push(
-                isDeprecatedEdition
-                  ? '/settings?active=llm'
-                  : `/settings?active=provider&provider=${provider.id}`,
-              );
-            },
-            value: `${provider.id}/empty`,
-          },
-        ];
-      }
-
-      return modelOptions;
-    };
-
-    // if there are no providers at all
-    if (enabledImageModelList.length === 0) {
-      return [
-        {
-          disabled: true,
-          label: (
-            <Flexbox gap={8} horizontal style={{ color: theme.colorTextTertiary }}>
-              {t('ModelSwitchPanel.emptyProvider')}
-              <Icon icon={LucideArrowRight} />
-            </Flexbox>
-          ),
-          onClick: () => {
-            router.push(isDeprecatedEdition ? '/settings?active=llm' : '/settings?active=provider');
-          },
-          value: 'no-provider',
-        },
-      ];
-    }
-
-    if (enabledImageModelList.length === 1) {
-      const provider = enabledImageModelList[0];
-      return getImageModels(provider);
-    }
-
-    return enabledImageModelList.map((provider) => ({
-      label: (
-        <Flexbox horizontal justify="space-between">
-          <ProviderItemRender
-            logo={provider.logo}
-            name={provider.name}
-            provider={provider.id}
-            source={provider.source}
-          />
-          {showLLM && (
-            <Link
-              href={
-                isDeprecatedEdition
-                  ? '/settings?active=llm'
-                  : `/settings?active=provider&provider=${provider.id}`
-              }
-            >
-              <ActionIcon
-                icon={LucideBolt}
-                size={'small'}
-                title={t('ModelSwitchPanel.goToSettings')}
-              />
-            </Link>
-          )}
-        </Flexbox>
-      ),
-      options: getImageModels(provider),
-    }));
-  }, [enabledImageModelList, showLLM, t, theme.colorTextTertiary, router]);
-
-  return (
-    <Select
-      classNames={{
-        root: styles.popup,
-      }}
-      onChange={(value, option) => {
-        // Skip onChange for disabled options (empty states)
-        if (value === 'no-provider' || value.includes('/empty')) return;
-        const model = value.split('/').slice(1).join('/');
-        const provider = (option as unknown as ModelOption).provider;
-        if (model !== currentModel || provider !== currentProvider) {
-          setModelAndProviderOnSelect(model, provider);
-        }
-      }}
-      options={options}
-      shadow
-      size={'large'}
-      style={{
-        width: '100%',
-      }}
-      value={currentProvider && currentModel ? `${currentProvider}/${currentModel}` : undefined}
-    />
-  );
-});
-
-export default ModelSelect;

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

@@ -1,19 +0,0 @@
-import ServerLayout from '@/components/server/ServerLayout';
-import { isServerMode } from '@/const/version';
-
-import NotSupportClient from './NotSupportClient';
-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) => {
-  if (!isServerMode) return <NotSupportClient />;
-
-  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,73 +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 - file list page */}
-          <Route element={<KnowledgeHomePage />} path="/" />
-
-          {/* 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)/knowledge/routes/KnowledgeBaseDetail/menu/MenuItems.tsx

@@ -1,35 +0,0 @@
-'use client';
-
-import { Icon } from '@lobehub/ui';
-import { FileText } from 'lucide-react';
-import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import Menu from '@/components/Menu';
-import type { MenuProps } from '@/components/Menu';
-
-const MenuItems = () => {
-  const { t } = useTranslation('knowledgeBase');
-
-  const items: MenuProps['items'] = useMemo(
-    () => [
-      {
-        icon: <Icon icon={FileText} />,
-        key: 'files',
-        label: t('tab.files'),
-      },
-    ],
-    [t],
-  );
-
-  return (
-    <Flexbox>
-      <Menu compact items={items} selectable selectedKeys={['files']} />
-    </Flexbox>
-  );
-};
-
-MenuItems.displayName = 'MenuItems';
-
-export default MenuItems;

package/src/app/[variants]/(main)/knowledge/routes/KnowledgeHome/menu/FileMenu.tsx

@@ -1,75 +0,0 @@
-'use client';
-
-import { Icon } from '@lobehub/ui';
-import { FileText, Globe, ImageIcon, LayoutGrid, Mic2, SquarePlay } from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import Menu from '@/components/Menu';
-import type { MenuProps } from '@/components/Menu';
-import { FilesTabs } from '@/types/files';
-
-import { useFileCategory } from '../../../hooks/useFileCategory';
-
-const FileMenu = memo(() => {
-  const { t } = useTranslation('file');
-  const [activeKey, setActiveKey] = useFileCategory();
-
-  const items: MenuProps['items'] = useMemo(
-    () =>
-      [
-        {
-          icon: <Icon icon={LayoutGrid} />,
-          key: FilesTabs.All,
-          label: t('tab.all'),
-        },
-        {
-          icon: <Icon icon={FileText} />,
-          key: FilesTabs.Documents,
-          label: t('tab.documents'),
-        },
-        {
-          icon: <Icon icon={ImageIcon} />,
-          key: FilesTabs.Images,
-          label: t('tab.images'),
-        },
-        {
-          icon: <Icon icon={Mic2} />,
-          key: FilesTabs.Audios,
-          label: t('tab.audios'),
-        },
-        {
-          icon: <Icon icon={SquarePlay} />,
-          key: FilesTabs.Videos,
-          label: t('tab.videos'),
-        },
-        {
-          icon: <Icon icon={Globe} />,
-          key: FilesTabs.Websites,
-          label: t('tab.websites'),
-        },
-      ]
-        .filter(Boolean)
-        .slice(0, 5) as MenuProps['items'],
-    [t],
-  );
-
-  return (
-    <Flexbox>
-      <Menu
-        compact
-        items={items}
-        onClick={({ key }) => {
-          setActiveKey(key);
-        }}
-        selectable
-        selectedKeys={[activeKey]}
-      />
-    </Flexbox>
-  );
-});
-
-FileMenu.displayName = 'FileMenu';
-
-export default FileMenu;

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

@@ -1,86 +0,0 @@
-'use client';
-
-import { memo, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useUserStore } from '@/store/user';
-import { preferenceSelectors } from '@/store/user/selectors';
-
-import Hero from './components/Hero';
-import LabCard from './components/LabCard';
-
-interface LabItem {
-  checked: boolean;
-  cover?: string;
-  desc: string;
-  key: string;
-  onChange: (checked: boolean) => void;
-  title: string;
-}
-
-const LabsPage = memo(() => {
-  const { t } = useTranslation('labs');
-
-  const [
-    isPreferenceInit,
-    inputMarkdownRender,
-    // enableGroupChat,
-    updatePreference,
-  ] = useUserStore((s) => [
-    preferenceSelectors.isPreferenceInit(s),
-    preferenceSelectors.inputMarkdownRender(s),
-    // preferenceSelectors.enableGroupChat(s),
-    s.updatePreference,
-  ]);
-
-  const onToggleMarkdown = useCallback(
-    (checked: boolean) => updatePreference({ disableInputMarkdownRender: !checked }),
-    [updatePreference],
-  );
-  // const onToggleGroupChat = useCallback(
-  //   (checked: boolean) => updatePreference({ enableGroupChat: checked }),
-  //   [updatePreference],
-  // );
-
-  const labItems: LabItem[] = [
-    {
-      checked: inputMarkdownRender,
-      cover: 'https://github.com/user-attachments/assets/0527a966-3d95-46b4-b880-c0f3fca18f02',
-      desc: t('features.inputMarkdown.desc'),
-      key: 'inputMarkdown',
-      onChange: onToggleMarkdown,
-      title: t('features.inputMarkdown.title'),
-    },
-    // {
-    //   checked: enableGroupChat,
-    //   cover: 'https://github.com/user-attachments/assets/72894d24-a96a-4d7c-a823-ff9e6a1a8b6d',
-    //   desc: t('features.groupChat.desc'),
-    //   key: 'groupChat',
-    //   onChange: onToggleGroupChat,
-    //   title: t('features.groupChat.title'),
-    // },
-  ];
-
-  return (
-    <Flexbox gap={16} padding={8} style={{ alignItems: 'center', width: '100%' }}>
-      <Hero />
-
-      {labItems.map((item) => (
-        <LabCard
-          checked={item.checked}
-          cover={item.cover}
-          desc={item.desc}
-          key={item.key}
-          loading={!isPreferenceInit}
-          onChange={item.onChange}
-          title={item.title}
-        />
-      ))}
-    </Flexbox>
-  );
-});
-
-LabsPage.displayName = 'LabsPage';
-
-export default LabsPage;

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/(home)/[[...slugs]]/page.tsx

@@ -1,40 +0,0 @@
-import { Skeleton } from 'antd';
-import dynamic from 'next/dynamic';
-
-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 Client from '../Client';
-
-// 为了兼容 ClerkProfile， 需要使用 [[...slug]]
-
-const ClerkProfile = dynamic(() => import('../../features/ClerkProfile'), {
-  loading: () => (
-    <div style={{ flex: 1 }}>
-      <Skeleton paragraph={{ rows: 8 }} title={false} />
-    </div>
-  ),
-});
-
-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.profile'),
-    url: '/profile',
-  });
-};
-
-const Page = async (props: DynamicLayoutProps) => {
-  const mobile = await RouteVariants.getIsMobile(props);
-
-  if (enableClerk) return <ClerkProfile mobile={mobile} />;
-
-  return <Client mobile={mobile} />;
-};
-
-export default Page;

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;