@lobehub/chat 1.97.16 → 1.98.0

package/src/app/[variants]/(main)/settings/proxy/features/ProxyForm.tsx

@@ -0,0 +1,369 @@
+'use client';
+
+import { NetworkProxySettings } from '@lobechat/electron-client-ipc';
+import { Alert, Block, Text } from '@lobehub/ui';
+import { App, Button, Divider, Form, Input, Radio, Skeleton, Space, Switch } from 'antd';
+import isEqual from 'fast-deep-equal';
+import { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { desktopSettingsService } from '@/services/electron/settings';
+import { useElectronStore } from '@/store/electron';
+
+interface ProxyTestResult {
+  message?: string;
+  responseTime?: number;
+  success: boolean;
+}
+
+const ProxyForm = () => {
+  const { t } = useTranslation('electron');
+  const [form] = Form.useForm();
+  const { message } = App.useApp();
+  const [testUrl, setTestUrl] = useState('https://www.google.com');
+  const [isTesting, setIsTesting] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [testResult, setTestResult] = useState<ProxyTestResult | null>(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+
+  const isEnableProxy = Form.useWatch('enableProxy', form);
+  const proxyRequireAuth = Form.useWatch('proxyRequireAuth', form);
+
+  const [setProxySettings, useGetProxySettings] = useElectronStore((s) => [
+    s.setProxySettings,
+    s.useGetProxySettings,
+  ]);
+  const { data: proxySettings, isLoading } = useGetProxySettings();
+
+  useEffect(() => {
+    if (proxySettings) {
+      form.setFieldsValue(proxySettings);
+      setHasUnsavedChanges(false);
+    }
+  }, [form, proxySettings]);
+
+  // 监听表单变化
+  const handleValuesChange = useCallback(() => {
+    setHasUnsavedChanges(true);
+    setTestResult(null); // 清除之前的测试结果
+  }, []);
+
+  const updateFormValue = (value: any) => {
+    const preValues = form.getFieldsValue();
+    form.setFieldsValue(value);
+    const newValues = form.getFieldsValue();
+    if (isEqual(newValues, preValues)) return;
+
+    handleValuesChange();
+  };
+
+  // 保存配置
+  const handleSave = useCallback(async () => {
+    try {
+      setIsSaving(true);
+      const values = await form.validateFields();
+      await setProxySettings(values);
+      setHasUnsavedChanges(false);
+      message.success(t('proxy.saveSuccess'));
+    } catch (error) {
+      if (error instanceof Error) {
+        message.error(t('proxy.saveFailed', { error: error.message }));
+      }
+    } finally {
+      setIsSaving(false);
+    }
+  }, [form, t, message]);
+
+  // 重置配置
+  const handleReset = useCallback(() => {
+    if (proxySettings) {
+      form.setFieldsValue(proxySettings);
+      setHasUnsavedChanges(false);
+      setTestResult(null);
+    }
+  }, [form, proxySettings]);
+
+  // 测试代理配置
+  const handleTest = useCallback(async () => {
+    try {
+      setIsTesting(true);
+      setTestResult(null);
+
+      // 验证表单并获取当前配置
+      const values = await form.validateFields();
+      const config: NetworkProxySettings = {
+        ...proxySettings,
+        ...values,
+      };
+
+      // 使用新的 testProxyConfig 方法测试用户正在配置的代理
+      const result = await desktopSettingsService.testProxyConfig(config, testUrl);
+
+      setTestResult(result);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+      const result: ProxyTestResult = {
+        message: errorMessage,
+        success: false,
+      };
+      setTestResult(result);
+      message.error(t('proxy.testFailed'));
+    } finally {
+      setIsTesting(false);
+    }
+  }, [proxySettings, testUrl]);
+
+  if (isLoading) return <Skeleton />;
+
+  return (
+    <Form
+      disabled={isSaving}
+      form={form}
+      layout="vertical"
+      onValuesChange={handleValuesChange}
+      requiredMark={false}
+    >
+      <Flexbox gap={24}>
+        {/* 基本代理设置 */}
+        <Block
+          paddingBlock={16}
+          paddingInline={24}
+          style={{ borderRadius: 12 }}
+          variant={'outlined'}
+        >
+          <Form.Item name="enableProxy" noStyle valuePropName="checked">
+            <Flexbox align={'center'} horizontal justify={'space-between'}>
+              <Flexbox>
+                <Text as={'h4'}>{t('proxy.enable')}</Text>
+                <Text type={'secondary'}>{t('proxy.enableDesc')}</Text>
+              </Flexbox>
+              <Switch
+                checked={isEnableProxy}
+                onChange={(checked) => {
+                  updateFormValue({ enableProxy: checked });
+                }}
+              />
+            </Flexbox>
+          </Form.Item>
+        </Block>
+
+        {/* 认证设置 */}
+        <Block
+          paddingBlock={16}
+          paddingInline={24}
+          style={{ borderRadius: 12 }}
+          variant={'outlined'}
+        >
+          <Flexbox gap={24}>
+            <Flexbox>
+              <Text as={'h4'}>{t('proxy.basicSettings')}</Text>
+              <Text type={'secondary'}>{t('proxy.basicSettingsDesc')}</Text>
+            </Flexbox>
+            <Flexbox>
+              <Form.Item
+                dependencies={['enableProxy']}
+                label={t('proxy.type')}
+                name="proxyType"
+                rules={[
+                  ({ getFieldValue }) => ({
+                    message: t('proxy.validation.typeRequired'),
+                    required: getFieldValue('enableProxy'),
+                  }),
+                ]}
+              >
+                <Radio.Group disabled={!form.getFieldValue('enableProxy')}>
+                  <Radio value="http">HTTP</Radio>
+                  <Radio value="https">HTTPS</Radio>
+                  <Radio value="socks5">SOCKS5</Radio>
+                </Radio.Group>
+              </Form.Item>
+
+              <Space.Compact style={{ width: '100%' }}>
+                <Form.Item
+                  dependencies={['enableProxy']}
+                  label={t('proxy.server')}
+                  name="proxyServer"
+                  rules={[
+                    ({ getFieldValue }) => ({
+                      message: t('proxy.validation.serverRequired'),
+                      required: getFieldValue('enableProxy'),
+                    }),
+                    {
+                      message: t('proxy.validation.serverInvalid'),
+                      pattern:
+                        /^((25[0-5]|2[0-4]\d|[01]?\d{1,2})\.){3}(25[0-5]|2[0-4]\d|[01]?\d{1,2})$|^[\dA-Za-z]([\dA-Za-z-]*[\dA-Za-z])?(\.[\dA-Za-z]([\dA-Za-z-]*[\dA-Za-z])?)*$/,
+                    },
+                  ]}
+                  style={{ flex: 1, marginBottom: 0 }}
+                >
+                  <Input disabled={!form.getFieldValue('enableProxy')} placeholder="127.0.0.1" />
+                </Form.Item>
+
+                <Form.Item
+                  dependencies={['enableProxy']}
+                  label={t('proxy.port')}
+                  name="proxyPort"
+                  rules={[
+                    ({ getFieldValue }) => ({
+                      message: t('proxy.validation.portRequired'),
+                      required: getFieldValue('enableProxy'),
+                    }),
+                    {
+                      message: t('proxy.validation.portInvalid'),
+                      pattern:
+                        /^([1-9]\d{0,3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/,
+                    },
+                  ]}
+                  style={{ marginBottom: 0, width: 120 }}
+                >
+                  <Input disabled={!form.getFieldValue('enableProxy')} placeholder="7890" />
+                </Form.Item>
+              </Space.Compact>
+            </Flexbox>
+            <Divider size={'small'} />
+            <Flexbox gap={12}>
+              <Form.Item
+                dependencies={['enableProxy']}
+                name="proxyRequireAuth"
+                noStyle
+                valuePropName="checked"
+              >
+                <Flexbox align={'center'} horizontal justify={'space-between'}>
+                  <Flexbox>
+                    <Text as={'h5'}>{t('proxy.auth')}</Text>
+                    <Text type={'secondary'}>{t('proxy.authDesc')}</Text>
+                  </Flexbox>
+                  <Switch
+                    checked={proxyRequireAuth}
+                    disabled={!isEnableProxy}
+                    onChange={(checked) => {
+                      updateFormValue({ proxyRequireAuth: checked });
+                    }}
+                  />
+                </Flexbox>
+              </Form.Item>
+
+              <Form.Item
+                dependencies={['proxyRequireAuth', 'enableProxy']}
+                label={t('proxy.username')}
+                name="proxyUsername"
+                rules={[
+                  ({ getFieldValue }) => ({
+                    message: t('proxy.validation.usernameRequired'),
+                    required: getFieldValue('proxyRequireAuth') && getFieldValue('enableProxy'),
+                  }),
+                ]}
+                style={{
+                  display:
+                    form.getFieldValue('proxyRequireAuth') && form.getFieldValue('enableProxy')
+                      ? 'block'
+                      : 'none',
+                }}
+              >
+                <Input placeholder={t('proxy.username_placeholder')} />
+              </Form.Item>
+
+              <Form.Item
+                dependencies={['proxyRequireAuth', 'enableProxy']}
+                label={t('proxy.password')}
+                name="proxyPassword"
+                rules={[
+                  ({ getFieldValue }) => ({
+                    message: t('proxy.validation.passwordRequired'),
+                    required: getFieldValue('proxyRequireAuth') && getFieldValue('enableProxy'),
+                  }),
+                ]}
+                style={{
+                  display:
+                    form.getFieldValue('proxyRequireAuth') && form.getFieldValue('enableProxy')
+                      ? 'block'
+                      : 'none',
+                }}
+              >
+                <Input.Password placeholder={t('proxy.password_placeholder')} />
+              </Form.Item>
+            </Flexbox>
+          </Flexbox>
+        </Block>
+
+        {/* 连接测试 */}
+
+        <Block
+          paddingBlock={16}
+          paddingInline={24}
+          style={{ borderRadius: 12 }}
+          variant={'outlined'}
+        >
+          <Flexbox gap={24}>
+            <Flexbox>
+              <Text as={'h4'}>{t('proxy.connectionTest')}</Text>
+              <Text type={'secondary'}>{t('proxy.testDescription')}</Text>
+            </Flexbox>
+            <Form.Item label={t('proxy.testUrl')}>
+              <Flexbox gap={8}>
+                <Space.Compact style={{ width: '100%' }}>
+                  <Input
+                    onChange={(e) => setTestUrl(e.target.value)}
+                    placeholder={t('proxy.testUrlPlaceholder')}
+                    style={{ flex: 1 }}
+                    value={testUrl}
+                  />
+                  <Button loading={isTesting} onClick={handleTest} type="default">
+                    {t('proxy.testButton')}
+                  </Button>
+                </Space.Compact>
+                {/* 测试结果显示 */}
+                {!testResult ? null : testResult.success ? (
+                  <Alert
+                    closable
+                    message={
+                      <Flexbox align="center" gap={8} horizontal>
+                        {t('proxy.testSuccessWithTime', { time: testResult.responseTime })}
+                      </Flexbox>
+                    }
+                    type={'success'}
+                  />
+                ) : (
+                  <Alert
+                    closable
+                    message={
+                      <Flexbox align="center" gap={8} horizontal>
+                        {t('proxy.testFailed')}: {testResult.message}
+                      </Flexbox>
+                    }
+                    type={'error'}
+                    variant={'outlined'}
+                  />
+                )}
+              </Flexbox>
+            </Form.Item>
+          </Flexbox>
+        </Block>
+        {/* 操作按钮 */}
+        <Space>
+          <Button
+            disabled={!hasUnsavedChanges}
+            loading={isSaving}
+            onClick={handleSave}
+            type="primary"
+          >
+            {t('proxy.saveButton')}
+          </Button>
+
+          <Button disabled={!hasUnsavedChanges || isSaving} onClick={handleReset}>
+            {t('proxy.resetButton')}
+          </Button>
+
+          {hasUnsavedChanges && (
+            <Text style={{ marginLeft: 8 }} type="warning">
+              {t('proxy.unsavedChanges')}
+            </Text>
+          )}
+        </Space>
+      </Flexbox>
+    </Form>
+  );
+};
+
+export default ProxyForm;

package/src/app/[variants]/(main)/settings/proxy/index.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { useTranslation } from 'react-i18next';
+
+import PageTitle from '@/components/PageTitle';
+
+import ProxyForm from './features/ProxyForm';
+
+const ProxySettings = () => {
+  const { t } = useTranslation('setting');
+
+  return (
+    <div>
+      <PageTitle title={t('tab.proxy')} />
+      <ProxyForm />
+    </div>
+  );
+};
+
+ProxySettings.displayName = 'ProxySettings';
+
+export default ProxySettings;

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

@@ -0,0 +1,28 @@
+import { notFound } from 'next/navigation';
+
+import { isDesktop } from '@/const/version';
+import { metadataModule } from '@/server/metadata';
+import { translation } from '@/server/translation';
+import { DynamicLayoutProps } from '@/types/next';
+import { RouteVariants } from '@/utils/server/routeVariants';
+
+import Client from './index';
+
+export const generateMetadata = async (props: DynamicLayoutProps) => {
+  const locale = await RouteVariants.getLocale(props);
+  const { t } = await translation('setting', locale);
+
+  return metadataModule.generate({
+    description: t('header.desc'),
+    title: t('tab.proxy'),
+    url: '/settings/proxy',
+  });
+};
+
+const Page = () => {
+  if (!isDesktop) return notFound();
+
+  return <Client />;
+};
+
+export default Page;

package/src/config/aiModels/google.ts

@@ -11,7 +11,8 @@ const googleChatModels: AIChatModelCard[] = [
     contextWindowTokens: 1_048_576 + 65_536,
     description:
       'Gemini 2.5 Pro 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。',
-    displayName: 'Gemini 2.5 Pro (Paid)',
+    displayName: 'Gemini 2.5 Pro',
+    enabled: true,
     id: 'gemini-2.5-pro',
     maxOutput: 65_536,
     pricing: {
@@ -77,30 +78,6 @@ const googleChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      functionCall: true,
-      reasoning: true,
-      search: true,
-      vision: true,
-    },
-    contextWindowTokens: 1_048_576 + 65_536,
-    description:
-      'Gemini 2.5 Pro Experimental 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。',
-    displayName: 'Gemini 2.5 Pro Experimental 03-25',
-    id: 'gemini-2.5-pro-exp-03-25',
-    maxOutput: 65_536,
-    pricing: {
-      input: 0,
-      output: 0,
-    },
-    releasedAt: '2025-03-25',
-    settings: {
-      searchImpl: 'params',
-      searchProvider: 'google',
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       functionCall: true,
@@ -206,7 +183,7 @@ const googleChatModels: AIChatModelCard[] = [
       search: true,
       vision: true,
     },
-    contextWindowTokens: 65_536 + 65_536,
+    contextWindowTokens: 1_048_576 + 65_536,
     description:
       'Gemini 2.5 Flash-Lite Preview 是 Google 最小、性价比最高的模型，专为大规模使用而设计。',
     displayName: 'Gemini 2.5 Flash-Lite Preview 06-17',
@@ -493,6 +470,18 @@ const googleChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    contextWindowTokens: 2048 + 8192,
+    displayName: 'Gemma 3n E2B',
+    id: 'gemma-3n-e2b-it',
+    maxOutput: 2048,
+    pricing: {
+      cachedInput: 0,
+      input: 0,
+      output: 0,
+    },
+    type: 'chat',
+  },
   {
     contextWindowTokens: 2048 + 8192,
     displayName: 'Gemma 3n E4B',

package/src/config/aiModels/groq.ts

@@ -47,22 +47,6 @@ const groqChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      functionCall: true,
-      reasoning: true,
-    },
-    contextWindowTokens: 131_072,
-    displayName: 'Qwen QwQ 32B',
-    enabled: true,
-    id: 'qwen-qwq-32b',
-    maxOutput: 131_072,
-    pricing: {
-      input: 0.29,
-      output: 0.39,
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       reasoning: true,

package/src/config/aiModels/hunyuan.ts

@@ -2,6 +2,25 @@ import { AIChatModelCard } from '@/types/aiModel';
 
 // https://cloud.tencent.com/document/product/1729/104753
 const hunyuanChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      reasoning: true,
+      search: true,
+    },
+    contextWindowTokens: 256_000,
+    description:
+      '混元第一个混合推理模型，hunyuan-standard-256K 的升级版本，总参数80B，激活13B，默认是慢思考模式，支持通过参数或者指令进行快慢思考模式切换，慢快思考切换方式为 query 前加/ no_think；整体能力相对上一代全面提升，特别数学、科学、长文理解和 Agent 能力提升显著。',
+    displayName: 'Hunyuan A13B',
+    enabled: true,
+    id: 'hunyuan-a13b',
+    maxOutput: 32_000,
+    releasedAt: '2025-06-25',
+    settings: {
+      extendParams: ['enableReasoning'],
+      searchImpl: 'params',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,
@@ -366,7 +385,6 @@ const hunyuanChatModels: AIChatModelCard[] = [
     contextWindowTokens: 8000,
     description: '混元最新多模态模型，支持多语种作答，中英文能力均衡。',
     displayName: 'Hunyuan Standard Vision',
-    enabled: true,
     id: 'hunyuan-standard-vision',
     maxOutput: 2000,
     releasedAt: '2024-12-31',
@@ -403,6 +421,25 @@ const hunyuanChatModels: AIChatModelCard[] = [
     releasedAt: '2025-05-26',
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true,
+      vision: true,
+    },
+    contextWindowTokens: 40_000,
+    description:
+      '混元最新版t1-vision多模态理解深度思考模型，支持多模态原生长思维链，相比上一代默认版本模型全面提升。',
+    displayName: 'Hunyuan T1 Vision 20250619',
+    id: 'hunyuan-t1-vision-20250619',
+    maxOutput: 24_000,
+    pricing: {
+      currency: 'CNY',
+      input: 1,
+      output: 4,
+    },
+    releasedAt: '2025-06-19',
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,
@@ -414,9 +451,50 @@ const hunyuanChatModels: AIChatModelCard[] = [
     displayName: 'Hunyuan T1 Vision',
     id: 'hunyuan-t1-vision',
     maxOutput: 24_000,
+    pricing: {
+      currency: 'CNY',
+      input: 1,
+      output: 4,
+    },
     releasedAt: '2025-05-16',
     type: 'chat',
   },
+  {
+    abilities: {
+      vision: true,
+    },
+    contextWindowTokens: 32_000,
+    description:
+      '混元最新版turbos-vision视觉语言旗舰大模型，在图文理解相关的任务上，包括基于图片的实体识别、知识问答、文案创作、拍照解题等上面相比上一代默认版本模型全面提升。',
+    displayName: 'Hunyuan TurboS Vision 20250619',
+    id: 'hunyuan-turbos-vision-20250619',
+    maxOutput: 16_000,
+    pricing: {
+      currency: 'CNY',
+      input: 3,
+      output: 9,
+    },
+    releasedAt: '2025-06-19',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      vision: true,
+    },
+    contextWindowTokens: 32_000,
+    description:
+      '此模型适用于图文理解场景，是基于混元最新 turbos 的新一代视觉语言旗舰大模型，聚焦图文理解相关任务，包括基于图片的实体识别、知识问答、文案创作、拍照解题等方面，相比前一代模型全面提升。',
+    displayName: 'Hunyuan TurboS Vision',
+    id: 'hunyuan-turbos-vision',
+    maxOutput: 24_000,
+    pricing: {
+      currency: 'CNY',
+      input: 3,
+      output: 9,
+    },
+    releasedAt: '2025-05-23',
+    type: 'chat',
+  },
   {
     abilities: {
       vision: true,