@lobehub/chat 0.122.9 → 0.123.0

package/src/features/Conversation/Error/ApiKeyForm.tsx

@@ -1,87 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { Button, Input } from 'antd';
-import { Network } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Center, Flexbox } from 'react-layout-kit';
-
-import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
-
-import { FormAction } from './style';
-
-const APIKeyForm = memo<{ id: string }>(({ id }) => {
-  const { t } = useTranslation('error');
-  const [showProxy, setShow] = useState(false);
-
-  const [apiKey, proxyUrl, setConfig] = useGlobalStore((s) => [
-    modelProviderSelectors.openAIAPI(s),
-    modelProviderSelectors.openAIProxyUrl(s),
-    s.setOpenAIConfig,
-  ]);
-
-  const [resend, deleteMessage] = useChatStore((s) => [s.resendMessage, s.deleteMessage]);
-
-  return (
-    <Center gap={16} style={{ maxWidth: 300 }}>
-      <FormAction
-        avatar={'🔑'}
-        description={t('unlock.apikey.description')}
-        title={t('unlock.apikey.title')}
-      >
-        <Input.Password
-          autoComplete={'new-password'}
-          onChange={(e) => {
-            setConfig({ OPENAI_API_KEY: e.target.value });
-          }}
-          placeholder={'sk-*****************************************'}
-          type={'block'}
-          value={apiKey}
-        />
-        {showProxy ? (
-          <Input
-            onChange={(e) => {
-              setConfig({ endpoint: e.target.value });
-            }}
-            placeholder={'https://api.openai.com/v1'}
-            type={'block'}
-            value={proxyUrl}
-          />
-        ) : (
-          <Button
-            icon={<Icon icon={Network} />}
-            onClick={() => {
-              setShow(true);
-            }}
-            type={'text'}
-          >
-            {t('unlock.apikey.addProxyUrl')}
-          </Button>
-        )}
-      </FormAction>
-      <Flexbox gap={12} width={'100%'}>
-        <Button
-          block
-          onClick={() => {
-            resend(id);
-            deleteMessage(id);
-          }}
-          style={{ marginTop: 8 }}
-          type={'primary'}
-        >
-          {t('unlock.confirm')}
-        </Button>
-        <Button
-          onClick={() => {
-            deleteMessage(id);
-          }}
-        >
-          {t('unlock.closeMessage')}
-        </Button>
-      </Flexbox>
-    </Center>
-  );
-});
-
-export default APIKeyForm;

package/src/features/Conversation/Error/ErrorActionContainer.tsx

@@ -1,23 +0,0 @@
-import { createStyles } from 'antd-style';
-import { ReactNode, memo } from 'react';
-import { Center } from 'react-layout-kit';
-
-const useStyles = createStyles(({ css, token }) => ({
-  container: css`
-    background: ${token.colorBgContainer};
-    border: 1px solid ${token.colorSplit};
-    border-radius: 8px;
-  `,
-}));
-
-const ErrorActionContainer = memo<{ children: ReactNode }>(({ children }) => {
-  const { styles } = useStyles();
-
-  return (
-    <Center className={styles.container} gap={24} padding={24}>
-      {children}
-    </Center>
-  );
-});
-
-export default ErrorActionContainer;

package/src/features/Conversation/Error/InvalidAccess.tsx

@@ -1,90 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { Button, Input, Segmented } from 'antd';
-import { AsteriskSquare, KeySquare } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
-
-import { RenderErrorMessage } from '../types';
-import APIKeyForm from './ApiKeyForm';
-import { ErrorActionContainer, FormAction } from './style';
-
-enum Tab {
-  Api = 'api',
-  Password = 'password',
-}
-
-const InvalidAccess: RenderErrorMessage['Render'] = memo(({ id }) => {
-  const { t } = useTranslation('error');
-  const [mode, setMode] = useState<Tab>(Tab.Password);
-  const [password, setSettings] = useGlobalStore((s) => [
-    settingsSelectors.currentSettings(s).password,
-    s.setSettings,
-  ]);
-  const [resend, deleteMessage] = useChatStore((s) => [s.resendMessage, s.deleteMessage]);
-
-  return (
-    <ErrorActionContainer>
-      <Segmented
-        block
-        onChange={(value) => setMode(value as Tab)}
-        options={[
-          {
-            icon: <Icon icon={AsteriskSquare} />,
-            label: t('password', { ns: 'common' }),
-            value: Tab.Password,
-          },
-          { icon: <Icon icon={KeySquare} />, label: 'OpenAI API Key', value: Tab.Api },
-        ]}
-        style={{ width: '100%' }}
-        value={mode}
-      />
-      <Flexbox gap={24}>
-        {mode === Tab.Password && (
-          <>
-            <FormAction
-              avatar={'🗳'}
-              description={t('unlock.password.description')}
-              title={t('unlock.password.title')}
-            >
-              <Input.Password
-                autoComplete={'new-password'}
-                onChange={(e) => {
-                  setSettings({ password: e.target.value });
-                }}
-                placeholder={t('unlock.password.placeholder')}
-                type={'block'}
-                value={password}
-              />
-            </FormAction>
-            <Flexbox gap={12}>
-              <Button
-                onClick={() => {
-                  resend(id);
-                  deleteMessage(id);
-                }}
-                type={'primary'}
-              >
-                {t('unlock.confirm')}
-              </Button>
-              <Button
-                onClick={() => {
-                  deleteMessage(id);
-                }}
-              >
-                {t('unlock.closeMessage')}
-              </Button>
-            </Flexbox>
-          </>
-        )}
-        {mode === Tab.Api && <APIKeyForm id={id} />}
-      </Flexbox>
-    </ErrorActionContainer>
-  );
-});
-
-export default InvalidAccess;

package/src/features/Conversation/Error/OpenAPIKey.tsx

@@ -1,13 +0,0 @@
-import { memo } from 'react';
-
-import { RenderErrorMessage } from '../types';
-import APIKeyForm from './ApiKeyForm';
-import { ErrorActionContainer } from './style';
-
-const OpenAPIKey: RenderErrorMessage['Render'] = memo(({ id }) => (
-  <ErrorActionContainer>
-    <APIKeyForm id={id} />
-  </ErrorActionContainer>
-));
-
-export default OpenAPIKey;

package/src/features/Conversation/Error/Plugin/PluginError.tsx

@@ -1,30 +0,0 @@
-import { Highlighter } from '@lobehub/ui';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { RenderErrorMessage } from '../../types';
-
-interface OpenAIError {
-  code: 'invalid_api_key' | string;
-  message: string;
-  param?: any;
-  type: string;
-}
-
-interface OpenAIErrorResponse {
-  error: OpenAIError;
-}
-
-const PluginError: RenderErrorMessage['Render'] = memo(({ error, id }) => {
-  const errorBody: OpenAIErrorResponse = (error as any)?.body;
-
-  return (
-    <Flexbox id={id} style={{ maxWidth: 600 }}>
-      <Highlighter copyButtonSize={'small'} language={'json'} type={'pure'}>
-        {JSON.stringify(errorBody, null, 2)}
-      </Highlighter>
-    </Flexbox>
-  );
-});
-
-export default PluginError;

package/src/services/modelList.ts

@@ -1,15 +0,0 @@
-import { LanguageModelWhiteList } from '@/const/llm';
-
-import { createHeaderWithOpenAI } from './_header';
-import { OPENAI_URLS } from './_url';
-
-export const fetchModelList = async (): Promise<string[]> => {
-  const res = await fetch(OPENAI_URLS.models, {
-    headers: createHeaderWithOpenAI(),
-    method: 'POST',
-  });
-
-  const modelList: string[] = await res.json();
-
-  return LanguageModelWhiteList.filter((i) => modelList.includes(i));
-};