@lobehub/lobehub 2.0.0-next.2 → 2.0.0-next.21

package/src/app/[variants]/(main)/chat/features/Migration/const.ts

@@ -1,15 +0,0 @@
-export const MIGRATE_KEY = 'migrated';
-export enum UpgradeStatus {
-  START,
-  UPGRADING,
-  UPGRADED,
-  UPGRADE_FAILED,
-}
-
-export const V1DB_NAME = 'LobeHub';
-export const V1DB_TABLE_NAME = 'LOBE_CHAT';
-
-export interface MigrationError {
-  message: string;
-  stack: string;
-}

package/src/app/[variants]/(main)/chat/features/Migration/index.tsx

@@ -1,50 +0,0 @@
-'use client';
-
-import { Spin } from 'antd';
-import dynamic from 'next/dynamic';
-import { memo, useEffect, useState } from 'react';
-
-import { isServerMode } from '@/const/version';
-import { useGlobalStore } from '@/store/global';
-import { systemStatusSelectors } from '@/store/global/selectors';
-
-import { V2DBReader } from './DBReader';
-
-const Modal = dynamic(() => import('./Modal'), { loading: () => <Spin fullscreen />, ssr: false });
-
-const Migration = memo(() => {
-  const [dbState, setDbState] = useState(null);
-  const [open, setOpen] = useState(false);
-
-  const isPgliteInited = useGlobalStore(systemStatusSelectors.isPgliteInited);
-
-  const checkMigration = async () => {
-    const isMigrated = localStorage.getItem('V2DB_IS_MIGRATED');
-    // if db have migrated already, don't show modal
-    if (isMigrated || isServerMode) return;
-
-    const dbReader = new V2DBReader([
-      'messages',
-      'files',
-      'plugins',
-      'sessionGroups',
-      'sessions',
-      'topics',
-      'users',
-    ]);
-    const data = await dbReader.readAllData();
-    console.log('migration data:', data);
-    const state = await dbReader.convertToImportData(data);
-    console.log('import state', state);
-    setDbState(state as any);
-    setOpen(true);
-  };
-
-  useEffect(() => {
-    if (isPgliteInited) checkMigration();
-  }, [isPgliteInited]);
-
-  return open && <Modal open={open} setOpen={setOpen} state={dbState} />;
-});
-
-export default Migration;

package/src/app/[variants]/(main)/settings/llm/ProviderList/Azure/index.tsx

@@ -1,93 +0,0 @@
-'use client';
-
-import { AutoComplete, Input, InputPassword, Markdown } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { ModelProvider } from 'model-bank';
-import { useTranslation } from 'react-i18next';
-
-import { AzureProviderCard } from '@/config/modelProviders';
-import { useUserStore } from '@/store/user';
-import { modelProviderSelectors } from '@/store/user/selectors';
-
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey = ModelProvider.Azure;
-
-export const useAzureProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-  const { styles } = useStyles();
-
-  // Get the first model card's deployment name as the check model
-  const checkModel = useUserStore((s) => {
-    const chatModelCards = modelProviderSelectors.getModelCardsById(providerKey)(s);
-
-    if (chatModelCards.length > 0) {
-      return chatModelCards[0].deploymentName;
-    }
-
-    return 'gpt-35-turbo';
-  });
-  return {
-    ...AzureProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword autoComplete={'new-password'} placeholder={t('azure.token.placeholder')} />
-        ),
-        desc: t('azure.token.desc'),
-        label: t('azure.token.title'),
-        name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-      },
-      {
-        children: <Input allowClear placeholder={t('azure.endpoint.placeholder')} />,
-        desc: t('azure.endpoint.desc'),
-        label: t('azure.endpoint.title'),
-        name: [KeyVaultsConfigKey, providerKey, 'endpoint'],
-      },
-      {
-        children: (
-          <AutoComplete
-            options={[
-              '2024-06-01',
-              '2024-02-01',
-              '2024-05-01-preview',
-              '2024-04-01-preview',
-              '2024-03-01-preview',
-              '2024-02-15-preview',
-              '2023-10-01-preview',
-              '2023-06-01-preview',
-              '2023-05-15',
-            ].map((i) => ({ label: i, value: i }))}
-            placeholder={'20XX-XX-XX'}
-          />
-        ),
-        desc: (
-          <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-            {t('azure.azureApiVersion.desc')}
-          </Markdown>
-        ),
-        label: t('azure.azureApiVersion.title'),
-        name: [KeyVaultsConfigKey, providerKey, 'apiVersion'],
-      },
-    ],
-    checkModel,
-    modelList: {
-      azureDeployName: true,
-      notFoundContent: t('azure.empty'),
-      placeholder: t('azure.modelListPlaceholder'),
-    },
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Bedrock/index.tsx

@@ -1,70 +0,0 @@
-'use client';
-
-import { InputPassword, Select } from '@lobehub/ui';
-import { useTranslation } from 'react-i18next';
-
-import { BedrockProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const providerKey: GlobalLLMProviderKey = 'bedrock';
-
-export const useBedrockProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...BedrockProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.accessKeyId.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.accessKeyId.desc`),
-        label: t(`${providerKey}.accessKeyId.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'accessKeyId'],
-      },
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.secretAccessKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.secretAccessKey.desc`),
-        label: t(`${providerKey}.secretAccessKey.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'secretAccessKey'],
-      },
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.sessionToken.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.sessionToken.desc`),
-        label: t(`${providerKey}.sessionToken.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'sessionToken'],
-      },
-      {
-        children: (
-          <Select
-            allowClear
-            options={['us-east-1', 'us-west-2', 'ap-southeast-1', 'eu-central-1'].map((i) => ({
-              label: i,
-              value: i,
-            }))}
-            placeholder={'us-east-1'}
-          />
-        ),
-        desc: t(`${providerKey}.region.desc`),
-        label: t(`${providerKey}.region.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'region'],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Cloudflare/index.tsx

@@ -1,39 +0,0 @@
-'use client';
-
-import { Input, InputPassword } from '@lobehub/ui';
-import { useTranslation } from 'react-i18next';
-
-import { CloudflareProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const providerKey: GlobalLLMProviderKey = 'cloudflare';
-
-export const useCloudflareProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...CloudflareProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.apiKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.apiKey.desc`),
-        label: t(`${providerKey}.apiKey.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'apiKey'],
-      },
-      {
-        children: <Input placeholder={t(`${providerKey}.baseURLOrAccountID.placeholder`)} />,
-        desc: t(`${providerKey}.baseURLOrAccountID.desc`),
-        label: t(`${providerKey}.baseURLOrAccountID.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'baseURLOrAccountID'],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Github/index.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import { InputPassword, Markdown } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { useTranslation } from 'react-i18next';
-
-import { GithubProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey: GlobalLLMProviderKey = 'github';
-
-// Same as OpenAIProvider, but replace API Key with Github Personal Access Token
-export const useGithubProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-  const { styles } = useStyles();
-
-  return {
-    ...GithubProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.personalAccessToken.placeholder`)}
-          />
-        ),
-        desc: (
-          <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-            {t(`${providerKey}.personalAccessToken.desc`)}
-          </Markdown>
-        ),
-        label: t(`${providerKey}.personalAccessToken.title`),
-        name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/HuggingFace/index.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import { GlobalLLMProviderKey } from '@lobechat/types';
-import { InputPassword, Markdown } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { useTranslation } from 'react-i18next';
-
-import { HuggingFaceProviderCard } from '@/config/modelProviders';
-
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey: GlobalLLMProviderKey = 'huggingface';
-
-// Same as OpenAIProvider, but replace API Key with HuggingFace Access Token
-export const useHuggingFaceProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-  const { styles } = useStyles();
-
-  return {
-    ...HuggingFaceProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.accessToken.placeholder`)}
-          />
-        ),
-        desc: (
-          <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-            {t(`${providerKey}.accessToken.desc`)}
-          </Markdown>
-        ),
-        label: t(`${providerKey}.accessToken.title`),
-        name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Ollama/index.tsx

@@ -1,20 +0,0 @@
-'use client';
-
-import { useTranslation } from 'react-i18next';
-
-import { OllamaProviderCard } from '@/config/modelProviders';
-
-import { ProviderItem } from '../../type';
-
-export const useOllamaProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...OllamaProviderCard,
-    proxyUrl: {
-      desc: t('ollama.endpoint.desc'),
-      placeholder: 'http://127.0.0.1:11434',
-      title: t('ollama.endpoint.title'),
-    },
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/OpenAI/index.tsx

@@ -1,17 +0,0 @@
-'use client';
-
-import { OpenAIProviderCard } from '@/config/modelProviders';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-
-import { ProviderItem } from '../../type';
-
-export const useOpenAIProvider = (): ProviderItem => {
-  const { showOpenAIProxyUrl, showOpenAIApiKey } = useServerConfigStore(featureFlagsSelectors);
-  return {
-    ...OpenAIProviderCard,
-    proxyUrl: showOpenAIProxyUrl && {
-      placeholder: 'https://api.openai.com/v1',
-    },
-    showApiKey: showOpenAIApiKey,
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/providers.tsx

@@ -1,132 +0,0 @@
-import { useMemo } from 'react';
-
-import {
-  Ai21ProviderCard,
-  Ai302ProviderCard,
-  Ai360ProviderCard,
-  AkashChatProviderCard,
-  AnthropicProviderCard,
-  BaichuanProviderCard,
-  CohereProviderCard,
-  DeepSeekProviderCard,
-  FireworksAIProviderCard,
-  GiteeAIProviderCard,
-  GoogleProviderCard,
-  GroqProviderCard,
-  HigressProviderCard,
-  HunyuanProviderCard,
-  InfiniAIProviderCard,
-  InternLMProviderCard,
-  JinaProviderCard,
-  MinimaxProviderCard,
-  MistralProviderCard,
-  MoonshotProviderCard,
-  NovitaProviderCard,
-  NvidiaProviderCard,
-  OllamaCloudProviderCard,
-  OpenRouterProviderCard,
-  PPIOProviderCard,
-  PerplexityProviderCard,
-  QiniuProviderCard,
-  QwenProviderCard,
-  SambaNovaProviderCard,
-  Search1APIProviderCard,
-  SenseNovaProviderCard,
-  SiliconCloudProviderCard,
-  SparkProviderCard,
-  StepfunProviderCard,
-  TaichuProviderCard,
-  TogetherAIProviderCard,
-  UpstageProviderCard,
-  V0ProviderCard,
-  VLLMProviderCard,
-  WenxinProviderCard,
-  XAIProviderCard,
-  XinferenceProviderCard,
-  ZeroOneProviderCard,
-  ZhiPuProviderCard,
-} from '@/config/modelProviders';
-
-import { ProviderItem } from '../type';
-import { useAzureProvider } from './Azure';
-import { useBedrockProvider } from './Bedrock';
-import { useCloudflareProvider } from './Cloudflare';
-import { useGithubProvider } from './Github';
-import { useHuggingFaceProvider } from './HuggingFace';
-import { useOllamaProvider } from './Ollama';
-import { useOpenAIProvider } from './OpenAI';
-
-export const useProviderList = (): ProviderItem[] => {
-  const AzureProvider = useAzureProvider();
-  const OllamaProvider = useOllamaProvider();
-  const OpenAIProvider = useOpenAIProvider();
-  const BedrockProvider = useBedrockProvider();
-  const CloudflareProvider = useCloudflareProvider();
-  const GithubProvider = useGithubProvider();
-  const HuggingFaceProvider = useHuggingFaceProvider();
-
-  return useMemo(
-    () => [
-      OpenAIProvider,
-      AzureProvider,
-      OllamaProvider,
-      VLLMProviderCard,
-      XinferenceProviderCard,
-      AnthropicProviderCard,
-      BedrockProvider,
-      GoogleProviderCard,
-      DeepSeekProviderCard,
-      HuggingFaceProvider,
-      OpenRouterProviderCard,
-      CloudflareProvider,
-      GithubProvider,
-      NovitaProviderCard,
-      TogetherAIProviderCard,
-      FireworksAIProviderCard,
-      GroqProviderCard,
-      NvidiaProviderCard,
-      PerplexityProviderCard,
-      MistralProviderCard,
-      Ai21ProviderCard,
-      UpstageProviderCard,
-      XAIProviderCard,
-      JinaProviderCard,
-      SambaNovaProviderCard,
-      Search1APIProviderCard,
-      CohereProviderCard,
-      V0ProviderCard,
-      QiniuProviderCard,
-      QwenProviderCard,
-      WenxinProviderCard,
-      HunyuanProviderCard,
-      SparkProviderCard,
-      ZhiPuProviderCard,
-      ZeroOneProviderCard,
-      SenseNovaProviderCard,
-      StepfunProviderCard,
-      MoonshotProviderCard,
-      BaichuanProviderCard,
-      MinimaxProviderCard,
-      Ai360ProviderCard,
-      TaichuProviderCard,
-      InternLMProviderCard,
-      SiliconCloudProviderCard,
-      HigressProviderCard,
-      GiteeAIProviderCard,
-      PPIOProviderCard,
-      InfiniAIProviderCard,
-      AkashChatProviderCard,
-      Ai302ProviderCard,
-      OllamaCloudProviderCard,
-    ],
-    [
-      AzureProvider,
-      OllamaProvider,
-      OpenAIProvider,
-      BedrockProvider,
-      CloudflareProvider,
-      GithubProvider,
-      HuggingFaceProvider,
-    ],
-  );
-};

package/src/app/[variants]/(main)/settings/llm/components/Checker.tsx

@@ -1,118 +0,0 @@
-'use client';
-
-import { CheckCircleFilled } from '@ant-design/icons';
-import { ChatMessageError, TraceNameMap } from '@lobechat/types';
-import { Alert, Button, Highlighter } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useIsMobile } from '@/hooks/useIsMobile';
-import { useProviderName } from '@/hooks/useProviderName';
-import { chatService } from '@/services/chat';
-
-interface ConnectionCheckerProps {
-  model: string;
-  provider: string;
-}
-
-const Error = memo<{ error: ChatMessageError }>(({ error }) => {
-  const { t } = useTranslation('error');
-  const providerName = useProviderName(error.body?.provider);
-
-  return (
-    <Flexbox gap={8} style={{ maxWidth: '600px', width: '100%' }}>
-      <Alert
-        banner
-        extra={
-          <Flexbox>
-            <Highlighter actionIconSize={'small'} language={'json'} variant={'borderless'}>
-              {JSON.stringify(error.body || error, null, 2)}
-            </Highlighter>
-          </Flexbox>
-        }
-        message={t(`response.${error.type}` as any, { provider: providerName })}
-        showIcon
-        type={'error'}
-      />
-    </Flexbox>
-  );
-});
-
-const Checker = memo<ConnectionCheckerProps>(({ model, provider }) => {
-  const { t } = useTranslation('setting');
-
-  const [loading, setLoading] = useState(false);
-  const [pass, setPass] = useState(false);
-
-  const theme = useTheme();
-  const [error, setError] = useState<ChatMessageError | undefined>();
-
-  const checkConnection = async () => {
-    let isError = false;
-
-    await chatService.fetchPresetTaskResult({
-      onError: (_, rawError) => {
-        setError(rawError);
-        setPass(false);
-        isError = true;
-      },
-      onFinish: async (value) => {
-        if (!isError && value) {
-          setError(undefined);
-          setPass(true);
-        } else {
-          setPass(false);
-          setError({
-            body: value,
-            message: t('response.ConnectionCheckFailed', { ns: 'error' }),
-            type: 'ConnectionCheckFailed',
-          });
-        }
-      },
-      onLoadingChange: (loading) => {
-        setLoading(loading);
-      },
-      params: {
-        messages: [
-          {
-            content: '你好',
-            role: 'user',
-          },
-        ],
-        model,
-        provider,
-      },
-      trace: {
-        sessionId: `connection:${provider}`,
-        topicId: model,
-        traceName: TraceNameMap.ConnectivityChecker,
-      },
-    });
-  };
-  const isMobile = useIsMobile();
-
-  return (
-    <Flexbox align={isMobile ? 'flex-start' : 'flex-end'} gap={8}>
-      <Flexbox align={'center'} direction={isMobile ? 'horizontal-reverse' : 'horizontal'} gap={12}>
-        {pass && (
-          <Flexbox gap={4} horizontal>
-            <CheckCircleFilled
-              style={{
-                color: theme.colorSuccess,
-              }}
-            />
-            {t('llm.checker.pass')}
-          </Flexbox>
-        )}
-        <Button loading={loading} onClick={checkConnection}>
-          {t('llm.checker.button')}
-        </Button>
-      </Flexbox>
-      {error && <Error error={error} />}
-    </Flexbox>
-  );
-});
-
-export default Checker;