@lobehub/chat 0.128.10 → 0.129.1

package/src/app/settings/llm/Perplexity/index.tsx

@@ -0,0 +1,52 @@
+import { Perplexity } from '@lobehub/icons';
+import { Input } from 'antd';
+import { useTheme } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { ModelProvider } from '@/libs/agent-runtime';
+
+import Checker from '../components/Checker';
+import ProviderConfig from '../components/ProviderConfig';
+import { LLMProviderApiTokenKey, LLMProviderConfigKey } from '../const';
+
+const providerKey = 'perplexity';
+
+const PerplexityProvider = memo(() => {
+  const { t } = useTranslation('setting');
+
+  const theme = useTheme();
+
+  return (
+    <ProviderConfig
+      configItems={[
+        {
+          children: (
+            <Input.Password
+              autoComplete={'new-password'}
+              placeholder={t('llm.Perplexity.token.placeholder')}
+            />
+          ),
+          desc: t('llm.Perplexity.token.desc'),
+          label: t('llm.Perplexity.token.title'),
+          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
+        },
+        {
+          children: <Checker model={'pplx-7b-chat'} provider={ModelProvider.Perplexity} />,
+          desc: t('llm.checker.desc'),
+          label: t('llm.checker.title'),
+          minWidth: '100%',
+        },
+      ]}
+      provider={providerKey}
+      title={
+        <Perplexity.Combine
+          color={theme.isDarkMode ? theme.colorText : Perplexity.colorPrimary}
+          size={24}
+        />
+      }
+    />
+  );
+});
+
+export default PerplexityProvider;

package/src/app/settings/llm/index.tsx

@@ -13,6 +13,7 @@ import Google from './Google';
 import Moonshot from './Moonshot';
 import Ollama from './Ollama';
 import OpenAI from './OpenAI';
+import Perplexity from './Perplexity';
 import Zhipu from './Zhipu';
 
 export default memo<{ showOllama: boolean }>(({ showOllama }) => {
@@ -27,6 +28,7 @@ export default memo<{ showOllama: boolean }>(({ showOllama }) => {
       <Moonshot />
       <Google />
       <Bedrock />
+      <Perplexity />
       {showOllama && <Ollama />}
       <Footer>
         <Trans i18nKey="llm.waitingForMore" ns={'setting'}>

package/src/app/settings/tts/page.tsx

@@ -11,7 +11,7 @@ export default memo(() => {
   const { t } = useTranslation('setting');
   return (
     <>
-      <PageTitle title={t('tab.llm')} />
+      <PageTitle title={t('tab.tts')} />
       <TTS />
     </>
   );

package/src/components/ModelIcon/index.tsx

@@ -9,6 +9,7 @@ import {
   Mistral,
   Moonshot,
   OpenAI,
+  Perplexity,
   Tongyi,
 } from '@lobehub/icons';
 import { memo } from 'react';
@@ -33,7 +34,8 @@ const ModelIcon = memo<ModelProviderIconProps>(({ model, size = 12 }) => {
   if (model.includes('moonshot')) return <Moonshot.Avatar size={size} />;
   if (model.includes('baichuan'))
     return <Baichuan.Avatar background={Baichuan.colorPrimary} size={size} />;
-  if (model.includes('mistral')) return <Mistral.Avatar size={size} />;
+  if (model.includes('mistral') || model.includes('mixtral')) return <Mistral.Avatar size={size} />;
+  if (model.includes('pplx')) return <Perplexity.Avatar size={size} />;
 });
 
 export default ModelIcon;

package/src/components/ModelProviderIcon/index.tsx

@@ -1,4 +1,14 @@
-import { Azure, Bedrock, Google, Moonshot, Ollama, OpenAI, Zhipu } from '@lobehub/icons';
+import {
+  Azure,
+  Bedrock,
+  Google,
+  Mistral,
+  Moonshot,
+  Ollama,
+  OpenAI,
+  Perplexity,
+  Zhipu,
+} from '@lobehub/icons';
 import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 
@@ -46,6 +56,14 @@ const ModelProviderIcon = memo<ModelProviderIconProps>(({ provider }) => {
       return <Ollama size={20} />;
     }
 
+    case ModelProvider.Perplexity: {
+      return <Perplexity size={20} />;
+    }
+
+    case ModelProvider.Mistral: {
+      return <Mistral size={20} />;
+    }
+
     default: {
       return null;
     }

package/src/components/ModelTag/ModelIcon.tsx

@@ -9,6 +9,7 @@ import {
   Mistral,
   Moonshot,
   OpenAI,
+  Perplexity,
   Tongyi,
 } from '@lobehub/icons';
 import { memo } from 'react';
@@ -31,7 +32,8 @@ const ModelIcon = memo<ModelIconProps>(({ model, size = 12 }) => {
   if (model.includes('qwen')) return <Tongyi size={size} />;
   if (model.includes('minmax')) return <Minimax size={size} />;
   if (model.includes('baichuan')) return <Baichuan size={size} />;
-  if (model.includes('mistral')) return <Mistral size={size} />;
+  if (model.includes('mistral') || model.includes('mixtral')) return <Mistral size={size} />;
+  if (model.includes('pplx')) return <Perplexity size={size} />;
 });
 
 export default ModelIcon;

package/src/config/modelProviders/index.ts

@@ -5,6 +5,7 @@ import GoogleProvider from './google';
 import MoonshotProvider from './moonshot';
 import OllamaProvider from './ollama';
 import OpenAIProvider from './openai';
+import PerplexityProvider from './perplexity';
 import ZhiPuProvider from './zhipu';
 
 export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
@@ -14,6 +15,7 @@ export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
   GoogleProvider.chatModels,
   MoonshotProvider.chatModels,
   OllamaProvider.chatModels,
+  PerplexityProvider.chatModels,
 ].flat();
 
 export { default as BedrockProvider } from './bedrock';
@@ -21,4 +23,5 @@ export { default as GoogleProvider } from './google';
 export { default as MoonshotProvider } from './moonshot';
 export { default as OllamaProvider } from './ollama';
 export { default as OpenAIProvider } from './openai';
+export { default as PerplexityProvider } from './perplexity';
 export { default as ZhiPuProvider } from './zhipu';

package/src/config/modelProviders/perplexity.ts

@@ -0,0 +1,44 @@
+import { ModelProviderCard } from '@/types/llm';
+
+const Perplexity: ModelProviderCard = {
+  chatModels: [
+    {
+      displayName: 'Perplexity 7B Chat',
+      id: 'pplx-7b-chat',
+      tokens: 8192,
+    },
+    {
+      displayName: 'Perplexity 70B Chat',
+      id: 'pplx-70b-chat',
+      tokens: 8192,
+    },
+    {
+      displayName: 'Perplexity 7B Online',
+      id: 'pplx-7b-online',
+      tokens: 8192,
+    },
+    {
+      displayName: 'Perplexity 70B Online',
+      id: 'pplx-70b-online',
+      tokens: 8192,
+    },
+    {
+      displayName: 'Codellama 34B Instruct',
+      id: 'codellama-34b-instruct',
+      tokens: 16_384,
+    },
+    {
+      displayName: 'Codellama 70B Instruct',
+      id: 'codellama-70b-instruct',
+      tokens: 16_384,
+    },
+    {
+      displayName: 'Mixtral 8x7B Instruct',
+      id: 'mixtral-8x7b-instruct',
+      tokens: 8192,
+    },
+  ],
+  id: 'perplexity',
+};
+
+export default Perplexity;

package/src/config/server/provider.ts

@@ -28,6 +28,9 @@ declare global {
       MOONSHOT_API_KEY?: string;
       MOONSHOT_PROXY_URL?: string;
 
+      // Perplexity Provider
+      PERPLEXITY_API_KEY?: string;
+
       // AWS Credentials
       AWS_REGION?: string;
       AWS_ACCESS_KEY_ID?: string;
@@ -53,6 +56,8 @@ export const getProviderConfig = () => {
 
   const MOONSHOT_API_KEY = process.env.MOONSHOT_API_KEY || '';
 
+  const PERPLEXITY_API_KEY = process.env.PERPLEXITY_API_KEY || '';
+
   // region format: iad1,sfo1
   let regions: string[] = [];
   if (process.env.OPENAI_FUNCTION_REGIONS) {
@@ -72,6 +77,9 @@ export const getProviderConfig = () => {
     ENABLED_GOOGLE: !!GOOGLE_API_KEY,
     GOOGLE_API_KEY,
 
+    ENABLED_PERPLEXITY: !!PERPLEXITY_API_KEY,
+    PERPLEXITY_API_KEY,
+
     ENABLED_MOONSHOT: !!MOONSHOT_API_KEY,
     MOONSHOT_API_KEY,
     MOONSHOT_PROXY_URL: process.env.MOONSHOT_PROXY_URL,

package/src/const/settings.ts

@@ -75,6 +75,10 @@ export const DEFAULT_LLM_CONFIG: GlobalLLMConfig = {
     enabled: true,
     models: [],
   },
+  perplexity: {
+    apiKey: '',
+    enabled: false,
+  },
   zhipu: {
     apiKey: '',
     enabled: false,

package/src/features/AvatarWithUpload/index.tsx

@@ -1,9 +1,9 @@
-import { Logo } from '@lobehub/ui';
 import { Upload } from 'antd';
 import { createStyles } from 'antd-style';
 import Avatar from 'next/image';
 import { CSSProperties, memo } from 'react';
 
+import { imageUrl } from '@/const/url';
 import { useGlobalStore } from '@/store/global';
 import { commonSelectors } from '@/store/global/selectors';
 import { imageToBase64 } from '@/utils/imageToBase64';
@@ -55,11 +55,12 @@ const AvatarWithUpload = memo<AvatarWithUploadProps>(
     return (
       <div className={styles} id={id} style={{ maxHeight: size, maxWidth: size, ...style }}>
         <Upload beforeUpload={handleUploadAvatar} itemRender={() => void 0} maxCount={1}>
-          {avatar ? (
-            <Avatar alt={'avatar'} height={size} src={avatar} width={size} />
-          ) : (
-            <Logo size={size} />
-          )}
+          <Avatar
+            alt={avatar ? 'userAvatar' : 'LobeChat'}
+            height={size}
+            src={!!avatar ? avatar : imageUrl('logo.png')}
+            width={size}
+          />
         </Upload>
       </div>
     );

package/src/features/Conversation/Error/APIKeyForm/Perplexity.tsx

@@ -0,0 +1,60 @@
+import { Perplexity } from '@lobehub/icons';
+import { Input } from 'antd';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { ModelProvider } from '@/libs/agent-runtime';
+import { useGlobalStore } from '@/store/global';
+import { modelProviderSelectors } from '@/store/global/selectors';
+
+import { FormAction } from '../style';
+
+const PerplexityForm = memo(() => {
+  const { t } = useTranslation('error');
+  // const [showProxy, setShow] = useState(false);
+
+  const [apiKey, setConfig] = useGlobalStore((s) => [
+    modelProviderSelectors.perplexityAPIKey(s),
+    s.setModelProviderConfig,
+  ]);
+
+  return (
+    <FormAction
+      avatar={<Perplexity size={56} />}
+      description={t('unlock.apikey.Perplexity.description')}
+      title={t('unlock.apikey.Perplexity.title')}
+    >
+      <Input.Password
+        autoComplete={'new-password'}
+        onChange={(e) => {
+          setConfig(ModelProvider.Perplexity, { apiKey: e.target.value });
+        }}
+        placeholder={'*********************************'}
+        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>
+  );
+});
+
+export default PerplexityForm;

package/src/features/Conversation/Error/APIKeyForm/index.tsx

@@ -10,6 +10,7 @@ import BedrockForm from './Bedrock';
 import GoogleForm from './Google';
 import MoonshotForm from './Moonshot';
 import OpenAIForm from './OpenAI';
+import PerplexityForm from './Perplexity';
 import ZhipuForm from './Zhipu';
 
 interface APIKeyFormProps {
@@ -40,6 +41,10 @@ const APIKeyForm = memo<APIKeyFormProps>(({ id, provider }) => {
         return <MoonshotForm />;
       }
 
+      case ModelProvider.Perplexity: {
+        return <PerplexityForm />;
+      }
+
       default:
       case ModelProvider.OpenAI: {
         return <OpenAIForm />;

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

@@ -66,6 +66,7 @@ const ErrorMessageExtra = memo<{ data: ChatMessage }>(({ data }) => {
     case AgentRuntimeErrorType.InvalidZhipuAPIKey:
     case AgentRuntimeErrorType.InvalidMoonshotAPIKey:
     case AgentRuntimeErrorType.InvalidGoogleAPIKey:
+    case AgentRuntimeErrorType.InvalidPerplexityAPIKey:
     case AgentRuntimeErrorType.NoOpenAIAPIKey: {
       return <InvalidAPIKey id={data.id} provider={data.error?.body?.provider} />;
     }

package/src/features/SideBar/BottomActions.tsx

@@ -17,7 +17,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { ABOUT, CHANGELOG, DISCORD, DOCUMENTS, FEEDBACK, GITHUB } from '@/const/url';
+import { ABOUT, CHANGELOG, DISCORD, DOCUMENTS, FEEDBACK } from '@/const/url';
 import DataImporter from '@/features/DataImporter';
 import { configService } from '@/services/config';
 import { GlobalStore, useGlobalStore } from '@/store/global';
@@ -120,13 +120,10 @@ const BottomActions = memo<BottomActionProps>(({ tab }) => {
 
   return (
     <>
-      <ActionIcon
-        icon={Github}
-        onClick={() => window.open(GITHUB)}
-        placement={'right'}
-        title={'GitHub'}
-      />
-      <Link href={DOCUMENTS} target={'_blank'}>
+      <Link aria-label={'GitHub'} href={DOCUMENTS} target={'_blank'}>
+        <ActionIcon icon={Github} placement={'right'} title={'GitHub'} />
+      </Link>
+      <Link aria-label={t('document')} href={DOCUMENTS} target={'_blank'}>
         <ActionIcon icon={Book} placement={'right'} title={t('document')} />
       </Link>
       <Dropdown arrow={false} menu={{ items }} trigger={['click']}>

package/src/features/SideBar/TopActions.tsx

@@ -19,6 +19,7 @@ const TopActions = memo<TopActionProps>(({ tab }) => {
   return (
     <>
       <Link
+        aria-label={t('tab.chat')}
         href={'/chat'}
         onClick={(e) => {
           e.preventDefault();
@@ -33,7 +34,7 @@ const TopActions = memo<TopActionProps>(({ tab }) => {
           title={t('tab.chat')}
         />
       </Link>
-      <Link href={'/market'}>
+      <Link aria-label={t('tab.market')} href={'/market'}>
         <ActionIcon
           active={tab === SidebarTabKey.Market}
           icon={Compass}

package/src/libs/agent-runtime/error.ts

@@ -25,6 +25,9 @@ export const AgentRuntimeErrorType = {
 
   InvalidOllamaArgs: 'InvalidOllamaArgs',
   OllamaBizError: 'OllamaBizError',
+
+  InvalidPerplexityAPIKey: 'InvalidPerplexityAPIKey',
+  PerplexityBizError: 'PerplexityBizError',
 } as const;
 
 export type ILobeAgentRuntimeErrorType =

package/src/libs/agent-runtime/index.ts

@@ -6,6 +6,7 @@ export { LobeGoogleAI } from './google';
 export { LobeMoonshotAI } from './moonshot';
 export { LobeOllamaAI } from './ollama';
 export { LobeOpenAI } from './openai';
+export { LobePerplexityAI } from './perplexity';
 export * from './types';
 export { AgentRuntimeError } from './utils/createError';
 export { LobeZhipuAI } from './zhipu';

package/src/libs/agent-runtime/perplexity/index.ts

@@ -0,0 +1,86 @@
+import { OpenAIStream, StreamingTextResponse } from 'ai';
+import OpenAI from 'openai';
+
+import { LobeRuntimeAI } from '../BaseAI';
+import { AgentRuntimeErrorType } from '../error';
+import { ChatStreamPayload, ModelProvider } from '../types';
+import { AgentRuntimeError } from '../utils/createError';
+import { debugStream } from '../utils/debugStream';
+import { desensitizeUrl } from '../utils/desensitizeUrl';
+import { DEBUG_CHAT_COMPLETION } from '../utils/env';
+import { handleOpenAIError } from '../utils/handleOpenAIError';
+
+const DEFAULT_BASE_URL = 'https://api.perplexity.ai';
+
+export class LobePerplexityAI implements LobeRuntimeAI {
+  private _llm: OpenAI;
+
+  baseURL: string;
+
+  constructor(apiKey?: string, baseURL: string = DEFAULT_BASE_URL) {
+    if (!apiKey) throw AgentRuntimeError.createError(AgentRuntimeErrorType.InvalidPerplexityAPIKey);
+
+    this._llm = new OpenAI({ apiKey, baseURL });
+    this.baseURL = this._llm.baseURL;
+  }
+
+  async chat(payload: ChatStreamPayload) {
+    try {
+      // Set a default frequency penalty value greater than 0
+      const defaultFrequencyPenalty = 0.1;
+      const chatPayload = {
+        ...payload,
+        frequency_penalty: payload.frequency_penalty || defaultFrequencyPenalty,
+      };
+      const response = await this._llm.chat.completions.create(
+        chatPayload as unknown as OpenAI.ChatCompletionCreateParamsStreaming,
+      );
+
+      const stream = OpenAIStream(response);
+
+      const [debug, returnStream] = stream.tee();
+
+      if (DEBUG_CHAT_COMPLETION) {
+        debugStream(debug).catch(console.error);
+      }
+
+      return new StreamingTextResponse(returnStream);
+    } catch (error) {
+      let desensitizedEndpoint = this.baseURL;
+
+      if (this.baseURL !== DEFAULT_BASE_URL) {
+        desensitizedEndpoint = desensitizeUrl(this.baseURL);
+      }
+
+      if ('status' in (error as any)) {
+        switch ((error as Response).status) {
+          case 401: {
+            throw AgentRuntimeError.chat({
+              endpoint: desensitizedEndpoint,
+              error: error as any,
+              errorType: AgentRuntimeErrorType.InvalidPerplexityAPIKey,
+              provider: ModelProvider.Perplexity,
+            });
+          }
+
+          default: {
+            break;
+          }
+        }
+      }
+
+      const { errorResult, RuntimeError } = handleOpenAIError(error);
+
+      const errorType = RuntimeError || AgentRuntimeErrorType.PerplexityBizError;
+
+      throw AgentRuntimeError.chat({
+        endpoint: desensitizedEndpoint,
+        error: errorResult,
+        errorType,
+        provider: ModelProvider.Perplexity,
+      });
+    }
+  }
+}
+
+export default LobePerplexityAI;

package/src/libs/agent-runtime/types/type.ts

@@ -31,6 +31,7 @@ export enum ModelProvider {
   Moonshot = 'moonshot',
   Ollama = 'ollama',
   OpenAI = 'openai',
+  Perplexity = 'perplexity',
   Tongyi = 'tongyi',
   ZhiPu = 'zhipu',
 }

package/src/locales/default/chat.ts

@@ -21,6 +21,7 @@ export default {
     title: '随便聊聊',
   },
   input: {
+    more: '更多',
     onlyAdd: '仅添加消息',
     send: '发送',
     sendWithCmdEnter: '按 {{meta}} + Enter 键发送',

package/src/locales/default/common.ts

@@ -107,6 +107,7 @@ export default {
     ollama: 'Ollama',
     oneapi: 'One API',
     openai: 'OpenAI',
+    perplexity: 'Perplexity',
     zhipu: '智谱AI',
   },
   noDescription: '暂无描述',

package/src/locales/default/error.ts

@@ -73,6 +73,9 @@ export default {
     InvalidAzureAPIKey: 'Azure API Key 不正确或为空，请检查 Azure API Key 后重试',
     AzureBizError: '请求 Azure AI 服务出错，请根据以下信息排查或重试',
 
+    InvalidPerplexityAPIKey: 'Perplexity API Key 不正确或为空，请检查 Perplexity API Key 后重试',
+    PerplexityBizError: '请求 Perplexity AI 服务出错，请根据以下信息排查或重试',
+
     InvalidOllamaArgs: 'Ollama 配置不正确，请检查 Ollama 配置后重试',
     OllamaBizError: '请求 Ollama 服务出错，请根据以下信息排查或重试',
 
@@ -106,6 +109,10 @@ export default {
         description: '输入你的 OpenAI API Key 即可开始会话。应用不会记录你的 API Key',
         title: '使用自定义 OpenAI API Key',
       },
+      Perplexity: {
+        description: '输入你的 Perplexity API Key 即可开始会话。应用不会记录你的 API Key',
+        title: '使用自定义 Perplexity API Key',
+      },
       Zhipu: {
         description: '输入你的 Zhipu API Key 即可开始会话。应用不会记录你的 API Key',
         title: '使用自定义 Zhipu API Key',

package/src/locales/default/setting.ts

@@ -139,6 +139,14 @@ export default {
         title: 'Azure OpenAI',
       },
     },
+    Perplexity: {
+      title: 'Perplexity',
+      token: {
+        desc: '填入来自 Perplexity AI 的 API Key',
+        placeholder: 'Perplexity AI API Key',
+        title: 'API Key',
+      },
+    },
     Zhipu: {
       title: '智谱',
       token: {

package/src/services/_auth.ts

@@ -48,6 +48,10 @@ export const getProviderAuthPayload = (provider: string) => {
       };
     }
 
+    case ModelProvider.Perplexity: {
+      return { apiKey: modelProviderSelectors.perplexityAPIKey(useGlobalStore.getState()) };
+    }
+
     default:
     case ModelProvider.OpenAI: {
       const openai = modelProviderSelectors.openAIConfig(useGlobalStore.getState());

package/src/store/global/slices/settings/selectors/modelProvider.ts

@@ -7,6 +7,7 @@ import {
   MoonshotProvider,
   OllamaProvider,
   OpenAIProvider,
+  PerplexityProvider,
   ZhiPuProvider,
 } from '@/config/modelProviders';
 import { ChatModelCard, ModelProviderCard } from '@/types/llm';
@@ -48,6 +49,9 @@ const enableOllamaConfigInSettings = (s: GlobalStore) =>
 const enableOllama = (s: GlobalStore) => modelProvider(s).ollama.enabled;
 const ollamaProxyUrl = (s: GlobalStore) => modelProvider(s).ollama.endpoint;
 
+const enablePerplexity = (s: GlobalStore) => modelProvider(s).perplexity.enabled;
+const perplexityAPIKey = (s: GlobalStore) => modelProvider(s).perplexity.apiKey;
+
 // const azureModelList = (s: GlobalStore): ModelProviderCard => {
 //   const azure = azureConfig(s);
 //   return {
@@ -133,6 +137,7 @@ const modelSelectList = (s: GlobalStore): ModelProviderCard[] => {
     { ...GoogleProvider, enabled: enableGoogle(s) },
     { ...BedrockProvider, enabled: enableBedrock(s) },
     { ...OllamaProvider, chatModels: ollamaChatModels, enabled: enableOllama(s) },
+    { ...PerplexityProvider, enabled: enablePerplexity(s) },
   ];
 };
 
@@ -203,4 +208,8 @@ export const modelProviderSelectors = {
   enableOllamaConfigInSettings,
   enableOllama,
   ollamaProxyUrl,
+
+  // Perplexity
+  enablePerplexity,
+  perplexityAPIKey,
 };

package/src/types/settings/modelProvider.ts

@@ -54,6 +54,12 @@ export interface OllamaConfig {
   endpoint?: string;
 }
 
+export interface PerplexityConfig {
+  apiKey?: string;
+  enabled: boolean;
+  endpoint?: string;
+}
+
 export interface GlobalLLMConfig {
   azure: AzureOpenAIConfig;
   bedrock: AWSBedrockConfig;
@@ -61,6 +67,7 @@ export interface GlobalLLMConfig {
   moonshot: MoonshotConfig;
   ollama: OllamaConfig;
   openAI: OpenAIConfig;
+  perplexity: PerplexityConfig;
   zhipu: ZhiPuConfig;
 }