@lobehub/lobehub 2.0.0-next.290 → 2.0.0-next.292

package/packages/electron-client-ipc/src/useWatchBroadcast.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect } from 'react';
+import { useEffect, useLayoutEffect, useRef } from 'react';
 
 import { MainBroadcastEventKey, MainBroadcastParams } from './events';
 
@@ -21,11 +21,17 @@ export const useWatchBroadcast = <T extends MainBroadcastEventKey>(
   event: T,
   handler: (data: MainBroadcastParams<T>) => void,
 ) => {
+  const handlerRef = useRef<typeof handler>(handler);
+
+  useLayoutEffect(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+
   useEffect(() => {
     if (!window.electron) return;
 
-    const listener = (e: any, data: MainBroadcastParams<T>) => {
-      handler(data);
+    const listener = (_e: any, data: MainBroadcastParams<T>) => {
+      handlerRef.current(data);
     };
 
     window.electron.ipcRenderer.on(event, listener);
@@ -33,5 +39,5 @@ export const useWatchBroadcast = <T extends MainBroadcastEventKey>(
     return () => {
       window.electron.ipcRenderer.removeListener(event, listener);
     };
-  }, []);
+  }, [event]);
 };

package/packages/model-bank/src/aiModels/qiniu.ts

@@ -21,7 +21,7 @@ const qiniuChatModels: AIChatModelCard[] = [
     },
     contextWindowTokens: 65_536,
     description:
-      "DeepSeek R1 is DeepSeek’s latest open model with very strong reasoning, matching OpenAI’s o1 on math, programming, and reasoning tasks.",
+      'DeepSeek R1 is DeepSeek’s latest open model with very strong reasoning, matching OpenAI’s o1 on math, programming, and reasoning tasks.',
     displayName: 'DeepSeek R1',
     enabled: true,
     id: 'deepseek-r1',
@@ -34,7 +34,7 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 204_800,
-    description: 
+    description:
       'MiniMax-M2.1 is a lightweight, cutting-edge large language model optimized for coding, proxy workflows, and modern application development, providing cleaner, more concise output and faster perceptual response times.',
     displayName: 'MiniMax M2.1',
     enabled: true,
@@ -89,7 +89,7 @@ const qiniuChatModels: AIChatModelCard[] = [
     displayName: 'LongCat Flash Chat',
     enabled: true,
     id: 'meituan/longcat-flash-chat',
-    maxOutput: 65536,
+    maxOutput: 65_536,
     pricing: {
       currency: 'CNY',
       units: [
@@ -111,8 +111,8 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 200_000,
-    description: 
-      'GLM-4.7 is Zhipu\'s latest flagship model, offering improved general capabilities, simpler and more natural replies, and a more immersive writing experience.',
+    description:
+      "GLM-4.7 is Zhipu's latest flagship model, offering improved general capabilities, simpler and more natural replies, and a more immersive writing experience.",
     displayName: 'GLM-4.7',
     enabled: true,
     id: 'z-ai/glm-4.7',
@@ -138,7 +138,7 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 200_000,
-    description: 
+    description:
       'The flagship model of Zhipu, GLM-4.6, surpasses its predecessor in all aspects of advanced coding, long text processing, reasoning, and intelligent agent capabilities.',
     displayName: 'GLM-4.6',
     enabled: true,

package/packages/observability-otel/src/node.ts

@@ -5,7 +5,7 @@ import { OTLPMetricExporter } from '@opentelemetry/exporter-metrics-otlp-http';
 import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
 import { HttpInstrumentation } from '@opentelemetry/instrumentation-http';
 import { PgInstrumentation } from '@opentelemetry/instrumentation-pg';
-import { resourceFromAttributes, DetectedResourceAttributes } from '@opentelemetry/resources';
+import { DetectedResourceAttributes, resourceFromAttributes } from '@opentelemetry/resources';
 import { PeriodicExportingMetricReader } from '@opentelemetry/sdk-metrics';
 import { NodeSDK } from '@opentelemetry/sdk-node';
 import { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION } from '@opentelemetry/semantic-conventions';
@@ -16,48 +16,42 @@ export function attributesForVercel(): DetectedResourceAttributes {
     // Vercel.
     // https://vercel.com/docs/projects/environment-variables/system-environment-variables
     // Vercel Env set as top level attribute for simplicity. One of 'production', 'preview' or 'development'.
-    env: process.env.VERCEL_ENV || process.env.NEXT_PUBLIC_VERCEL_ENV,
+    'env': process.env.VERCEL_ENV || process.env.NEXT_PUBLIC_VERCEL_ENV,
 
-    "vercel.branch_host":
-      process.env.VERCEL_BRANCH_URL ||
-      process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL ||
-      undefined,
-    "vercel.deployment_id": process.env.VERCEL_DEPLOYMENT_ID || undefined,
-    "vercel.host":
-      process.env.VERCEL_URL ||
-      process.env.NEXT_PUBLIC_VERCEL_URL ||
-      undefined,
-    "vercel.project_id": process.env.VERCEL_PROJECT_ID || undefined,
-    "vercel.region": process.env.VERCEL_REGION,
-    "vercel.runtime": process.env.NEXT_RUNTIME || "nodejs",
-    "vercel.sha":
-      process.env.VERCEL_GIT_COMMIT_SHA ||
-      process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,
+    'vercel.branch_host':
+      process.env.VERCEL_BRANCH_URL || process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL || undefined,
+    'vercel.deployment_id': process.env.VERCEL_DEPLOYMENT_ID || undefined,
+    'vercel.host': process.env.VERCEL_URL || process.env.NEXT_PUBLIC_VERCEL_URL || undefined,
+    'vercel.project_id': process.env.VERCEL_PROJECT_ID || undefined,
+    'vercel.region': process.env.VERCEL_REGION,
+    'vercel.runtime': process.env.NEXT_RUNTIME || 'nodejs',
+    'vercel.sha':
+      process.env.VERCEL_GIT_COMMIT_SHA || process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,
 
     'service.version': process.env.VERCEL_DEPLOYMENT_ID,
-  }
+  };
 }
 
 export function attributesForNodejs(): DetectedResourceAttributes {
   return {
     // Node.
-    "node.ci": process.env.CI ? true : undefined,
-    "node.env": process.env.NODE_ENV,
-  }
+    'node.ci': process.env.CI ? true : undefined,
+    'node.env': process.env.NODE_ENV,
+  };
 }
 
 export function attributesForEnv(): DetectedResourceAttributes {
   return {
     ...attributesForVercel(),
     ...attributesForNodejs(),
-  }
+  };
 }
 
 export function attributesCommon(): DetectedResourceAttributes {
   return {
     [ATTR_SERVICE_NAME]: 'lobe-chat',
     ...attributesForEnv(),
-  }
+  };
 }
 
 function debugLogLevelFromString(level?: string | null): DiagLogLevel | undefined {
@@ -69,26 +63,38 @@ function debugLogLevelFromString(level?: string | null): DiagLogLevel | undefine
   }
 
   switch (level.toLowerCase()) {
-    case 'none':
+    case 'none': {
       return DiagLogLevel.NONE;
-    case 'error':
+    }
+    case 'error': {
       return DiagLogLevel.ERROR;
-    case 'warn':
+    }
+    case 'warn': {
       return DiagLogLevel.WARN;
-    case 'info':
+    }
+    case 'info': {
       return DiagLogLevel.INFO;
-    case 'debug':
+    }
+    case 'debug': {
       return DiagLogLevel.DEBUG;
-    case 'verbose':
+    }
+    case 'verbose': {
       return DiagLogLevel.VERBOSE;
-    case 'all':
+    }
+    case 'all': {
       return DiagLogLevel.ALL;
-    default:
+    }
+    default: {
       return undefined;
+    }
   }
 }
 
-export function register(options?: { debug?: true | DiagLogLevel; name?: string; version?: string }) {
+export function register(options?: {
+  debug?: true | DiagLogLevel;
+  name?: string;
+  version?: string;
+}) {
   const attributes = attributesCommon();
 
   if (typeof options?.name !== 'undefined') {
@@ -102,11 +108,7 @@ export function register(options?: { debug?: true | DiagLogLevel; name?: string;
 
     diag.setLogger(
       new DiagConsoleLogger(),
-      !!levelFromEnv
-        ? levelFromEnv
-        : options?.debug === true
-          ? DiagLogLevel.DEBUG
-          : options?.debug,
+      !!levelFromEnv ? levelFromEnv : options?.debug === true ? DiagLogLevel.DEBUG : options?.debug,
     );
   }
 

package/scripts/electronWorkflow/mergeMacReleaseFiles.js

@@ -4,7 +4,9 @@ import path from 'node:path';
 import YAML from 'yaml';
 
 // 配置
-const FILE_NAME = 'latest-mac.yml';
+// Support both stable-mac.yml (stable channel) and latest-mac.yml (fallback)
+const STABLE_outputFileName = 'stable-mac.yml';
+const LATEST_outputFileName = 'latest-mac.yml';
 const RELEASE_DIR = path.resolve('release');
 
 /**
@@ -85,11 +87,23 @@ async function main() {
     const releaseFiles = fs.readdirSync(RELEASE_DIR);
     console.log(`📂 Files in release directory: ${releaseFiles.join(', ')}`);
 
-    // 2. 查找所有 latest-mac*.yml 文件
-    const macYmlFiles = releaseFiles.filter(
+    // 2. 查找所有 stable-mac*.yml 和 latest-mac*.yml 文件
+    // Prioritize stable-mac*.yml, fallback to latest-mac*.yml
+    const stableMacYmlFiles = releaseFiles.filter(
+      (f) => f.startsWith('stable-mac') && f.endsWith('.yml'),
+    );
+    const latestMacYmlFiles = releaseFiles.filter(
       (f) => f.startsWith('latest-mac') && f.endsWith('.yml'),
     );
-    console.log(`🔍 Found macOS YAML files: ${macYmlFiles.join(', ')}`);
+
+    // Use stable files if available, otherwise use latest
+    const macYmlFiles = stableMacYmlFiles.length > 0 ? stableMacYmlFiles : latestMacYmlFiles;
+    const outputFileName =
+      stableMacYmlFiles.length > 0 ? STABLE_outputFileName : LATEST_outputFileName;
+
+    console.log(`🔍 Found stable macOS YAML files: ${stableMacYmlFiles.join(', ') || 'none'}`);
+    console.log(`🔍 Found latest macOS YAML files: ${latestMacYmlFiles.join(', ') || 'none'}`);
+    console.log(`🔍 Using files: ${macYmlFiles.join(', ')} -> ${outputFileName}`);
 
     if (macYmlFiles.length === 0) {
       console.log('⚠️  No macOS YAML files found, skipping merge');
@@ -115,7 +129,7 @@ async function main() {
         } else if (platform === 'both') {
           console.log(`✅ Found already merged file: ${fileName}`);
           // 如果已经是合并后的文件，直接复制为最终文件
-          writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), content);
+          writeLocalFile(path.join(RELEASE_DIR, outputFileName), content);
           return;
         } else {
           console.log(`⚠️  Unknown platform type: ${platform} in ${fileName}`);
@@ -136,13 +150,13 @@ async function main() {
 
     if (x64Files.length === 0) {
       console.log('⚠️  No x64 files found, using ARM64 only');
-      writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), arm64Files[0].content);
+      writeLocalFile(path.join(RELEASE_DIR, outputFileName), arm64Files[0].content);
       return;
     }
 
     if (arm64Files.length === 0) {
       console.log('⚠️  No ARM64 files found, using x64 only');
-      writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), x64Files[0].content);
+      writeLocalFile(path.join(RELEASE_DIR, outputFileName), x64Files[0].content);
       return;
     }
 
@@ -154,7 +168,7 @@ async function main() {
     const mergedContent = mergeYamlFiles(x64File.yaml, arm64File.yaml);
 
     // 6. 保存合并后的文件
-    const mergedFilePath = path.join(RELEASE_DIR, FILE_NAME);
+    const mergedFilePath = path.join(RELEASE_DIR, outputFileName);
     writeLocalFile(mergedFilePath, mergedContent);
 
     // 7. 验证合并结果

package/src/app/(backend)/api/version/route.ts

@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+
+import pkg from '../../../../../package.json';
+
+export interface VersionResponseData {
+  version: string;
+}
+
+export async function GET() {
+  return NextResponse.json({
+    version: pkg.version,
+  } satisfies VersionResponseData);
+}

package/src/app/[variants]/(desktop)/desktop-onboarding/_layout/index.tsx

@@ -1,11 +1,12 @@
 'use client';
 
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { Center, Flexbox, Text } from '@lobehub/ui';
 import { Divider } from 'antd';
 import { cx } from 'antd-style';
 import type { FC, PropsWithChildren } from 'react';
 
-import { SimpleTitleBar, TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
+import SimpleTitleBar from '@/features/Electron/titlebar/SimpleTitleBar';
 import LangButton from '@/features/User/UserPanel/LangButton';
 import ThemeButton from '@/features/User/UserPanel/ThemeButton';
 import { useIsDark } from '@/hooks/useIsDark';

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { Flexbox } from '@lobehub/ui';
 import { cx } from 'antd-style';
 import dynamic from 'next/dynamic';
@@ -12,7 +13,7 @@ import Loading from '@/components/Loading/BrandTextLoading';
 import { isDesktop } from '@/const/version';
 import { BANNER_HEIGHT } from '@/features/AlertBanner/CloudBanner';
 import DesktopNavigationBridge from '@/features/DesktopNavigationBridge';
-import TitleBar, { TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
+import TitleBar from '@/features/Electron/titlebar/TitleBar';
 import HotkeyHelperPanel from '@/features/HotkeyHelperPanel';
 import NavPanel from '@/features/NavPanel';
 import { useFeedbackModal } from '@/hooks/useFeedbackModal';

package/src/app/[variants]/(main)/agent/cron/[cronId]/features/CronJobScheduleConfig.tsx

@@ -187,7 +187,6 @@ const CronJobScheduleConfig = memo<CronJobScheduleConfigProps>(
               style={{ maxWidth: 300, minWidth: 200 }}
               value={timezone}
             />
-
           </Flexbox>
 
           {/* Max Executions */}

package/src/app/[variants]/(main)/agent/cron/[cronId]/index.tsx

@@ -168,11 +168,11 @@ const CronJobDetailPage = memo(() => {
         (current) =>
           current
             ? {
-              ...current,
-              ...payload,
-              executionConditions: payload.executionConditions ?? null,
-              ...(updatedAt ? { updatedAt } : null),
-            }
+                ...current,
+                ...payload,
+                executionConditions: payload.executionConditions ?? null,
+                ...(updatedAt ? { updatedAt } : null),
+              }
             : current,
         false,
       );

package/src/app/[variants]/(main)/agent/features/Conversation/ThreadHydration.tsx

@@ -32,7 +32,9 @@ const ThreadHydration = memo(() => {
   // should open portal automatically when portalThread is set
   useEffect(() => {
     if (!!portalThread && !useChatStore.getState().showPortal) {
-      useChatStore.getState().pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
+      useChatStore
+        .getState()
+        .pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
     }
   }, [portalThread]);
 

package/src/app/[variants]/(main)/group/features/Conversation/ThreadHydration.tsx

@@ -32,7 +32,9 @@ const ThreadHydration = memo(() => {
   // should open portal automatically when portalThread is set
   useEffect(() => {
     if (!!portalThread && !useChatStore.getState().showPortal) {
-      useChatStore.getState().pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
+      useChatStore
+        .getState()
+        .pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
     }
   }, [portalThread]);
 

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx

@@ -6,7 +6,7 @@ import { ModelIcon } from '@lobehub/icons';
 import { Alert, Button, Flexbox, Highlighter, Icon, Select } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { Loader2Icon } from 'lucide-react';
-import { type ReactNode, memo, useState } from 'react';
+import { type ReactNode, memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useProviderName } from '@/hooks/useProviderName';
@@ -58,9 +58,10 @@ const Checker = memo<ConnectionCheckerProps>(
   ({ model, provider, checkErrorRender: CheckErrorRender, onBeforeCheck, onAfterCheck }) => {
     const { t } = useTranslation('setting');
 
-    const isProviderConfigUpdating = useAiInfraStore(
-      aiProviderSelectors.isProviderConfigUpdating(provider),
-    );
+    const [isProviderConfigUpdating, updateAiProviderConfig] = useAiInfraStore((s) => [
+      aiProviderSelectors.isProviderConfigUpdating(provider)(s),
+      s.updateAiProviderConfig,
+    ]);
     const totalModels = useAiInfraStore(aiModelSelectors.aiProviderChatModelListIds);
 
     const [loading, setLoading] = useState(false);
@@ -69,6 +70,11 @@ const Checker = memo<ConnectionCheckerProps>(
 
     const [error, setError] = useState<ChatMessageError | undefined>();
 
+    // Sync checkModel state when model prop changes
+    useEffect(() => {
+      setCheckModel(model);
+    }, [model]);
+
     const checkConnection = async () => {
       // Clear previous check results immediately
       setPass(false);
@@ -131,11 +137,14 @@ const Checker = memo<ConnectionCheckerProps>(
           <Select
             listItemHeight={36}
             onSelect={async (value) => {
-              // Changing the check model should be a local UI concern only.
-              // Persisting it to provider config would trigger global refresh/revalidation.
+              // Update local state
               setCheckModel(value);
               setPass(false);
               setError(undefined);
+
+              // Persist the selected model to provider config
+              // This allows the model to be retained after page refresh
+              await updateAiProviderConfig(provider, { checkModel: value });
             }}
             optionRender={({ value }) => {
               return (

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/index.tsx

@@ -13,7 +13,7 @@ import {
 } from '@lobehub/ui';
 import { Center, Flexbox, Skeleton } from '@lobehub/ui';
 import { useDebounceFn } from 'ahooks';
-import { Switch } from 'antd';
+import { Form as AntdForm, Switch } from 'antd';
 import { createStaticStyles, cssVar, cx, responsive } from 'antd-style';
 import { Loader2Icon, LockIcon } from 'lucide-react';
 import Link from 'next/link';
@@ -150,26 +150,72 @@ const ProviderConfig = memo<ProviderConfigProps>(
       enabled,
       isLoading,
       configUpdating,
-      enableResponseApi,
-      isProviderEndpointNotEmpty,
-      isProviderApiKeyNotEmpty,
+      providerRuntimeConfig,
     ] = useAiInfraStore((s) => [
       aiProviderSelectors.providerDetailById(id)(s),
       s.updateAiProviderConfig,
       aiProviderSelectors.isProviderEnabled(id)(s),
       aiProviderSelectors.isAiProviderConfigLoading(id)(s),
       aiProviderSelectors.isProviderConfigUpdating(id)(s),
-      aiProviderSelectors.isProviderEnableResponseApi(id)(s),
-      aiProviderSelectors.isActiveProviderEndpointNotEmpty(s),
-      aiProviderSelectors.isActiveProviderApiKeyNotEmpty(s),
+      aiProviderSelectors.providerConfigById(id)(s),
     ]);
 
+    // Watch form values in real-time to show/hide switches immediately
+    // Watch nested form values for endpoints
+    const formBaseURL = AntdForm.useWatch(['keyVaults', 'baseURL'], form);
+    const formEndpoint = AntdForm.useWatch(['keyVaults', 'endpoint'], form);
+    // Watch all possible credential fields for different providers
+    const formApiKey = AntdForm.useWatch(['keyVaults', 'apiKey'], form);
+    const formAccessKeyId = AntdForm.useWatch(['keyVaults', 'accessKeyId'], form);
+    const formSecretAccessKey = AntdForm.useWatch(['keyVaults', 'secretAccessKey'], form);
+    const formUsername = AntdForm.useWatch(['keyVaults', 'username'], form);
+    const formPassword = AntdForm.useWatch(['keyVaults', 'password'], form);
+
+    // Check if provider has endpoint and apiKey based on runtime config
+    // Fallback to data.keyVaults if runtime config is not yet loaded
+    const keyVaults = providerRuntimeConfig?.keyVaults || data?.keyVaults;
+    // Use form values first (for immediate update), fallback to stored values
+    const isProviderEndpointNotEmpty =
+      !!formBaseURL || !!formEndpoint || !!keyVaults?.baseURL || !!keyVaults?.endpoint;
+    // Check if any credential is present for different authentication types:
+    // - Standard apiKey (OpenAI, Azure, Cloudflare, VertexAI, etc.)
+    // - AWS Bedrock credentials (accessKeyId, secretAccessKey)
+    // - ComfyUI basic auth (username and password)
+    const isProviderApiKeyNotEmpty = !!(
+      formApiKey ||
+      keyVaults?.apiKey ||
+      formAccessKeyId ||
+      keyVaults?.accessKeyId ||
+      formSecretAccessKey ||
+      keyVaults?.secretAccessKey ||
+      (formUsername && formPassword) ||
+      (keyVaults?.username && keyVaults?.password)
+    );
+
+    // Track the last initialized provider ID to avoid resetting form during edits
+    const lastInitializedIdRef = useRef<string | null>(null);
+
     useLayoutEffect(() => {
       if (isLoading) return;
 
-      // set the first time
-      form.setFieldsValue(data);
-    }, [isLoading, id, data]);
+      // Only initialize form when:
+      // 1. First load (lastInitializedIdRef.current === null)
+      // 2. Provider ID changed (switching between providers)
+      const shouldInitialize = lastInitializedIdRef.current !== id;
+      if (!shouldInitialize) return;
+
+      // Merge data from both sources to ensure all fields are initialized correctly
+      // data: contains basic info like apiKey, baseURL, fetchOnClient
+      // providerRuntimeConfig: contains nested config like enableResponseApi
+      const mergedData = {
+        ...data,
+        ...(providerRuntimeConfig?.config && { config: providerRuntimeConfig.config }),
+      };
+
+      // Set form values and mark as initialized
+      form.setFieldsValue(mergedData);
+      lastInitializedIdRef.current = id;
+    }, [isLoading, id, data, providerRuntimeConfig, form]);
 
     // 标记是否正在进行连接测试
     const isCheckingConnection = useRef(false);
@@ -298,24 +344,23 @@ const ProviderConfig = memo<ProviderConfigProps>(
       (defaultShowBrowserRequest ||
         (showEndpoint && isProviderEndpointNotEmpty) ||
         (showApiKey && isProviderApiKeyNotEmpty));
-    const clientFetchItem = showClientFetch && {
-      children: isLoading ? <SkeletonSwitch /> : <Switch loading={configUpdating} />,
-      desc: t('providerModels.config.fetchOnClient.desc'),
-      label: t('providerModels.config.fetchOnClient.title'),
-      minWidth: undefined,
-      name: 'fetchOnClient',
-    };
+
+    const clientFetchItem = showClientFetch
+      ? {
+          children: isLoading ? <SkeletonSwitch /> : <Switch loading={configUpdating} />,
+          desc: t('providerModels.config.fetchOnClient.desc'),
+          label: t('providerModels.config.fetchOnClient.title'),
+          minWidth: undefined,
+          name: 'fetchOnClient',
+        }
+      : undefined;
 
     const configItems = [
       ...apiKeyItem,
       endpointItem,
       supportResponsesApi
         ? {
-            children: isLoading ? (
-              <Skeleton.Button active />
-            ) : (
-              <Switch loading={configUpdating} value={enableResponseApi} />
-            ),
+            children: isLoading ? <Skeleton.Button active /> : <Switch loading={configUpdating} />,
             desc: t('providerModels.config.responsesApi.desc'),
             label: t('providerModels.config.responsesApi.title'),
             minWidth: undefined,
@@ -364,7 +409,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
 
           {isCustom && <UpdateProviderInfo />}
           {canDeactivate && !(ENABLE_BUSINESS_FEATURES && id === 'lobehub') && (
-            <EnableSwitch id={id} />
+            <EnableSwitch id={id} key={id} />
           )}
         </Flexbox>
       ),

package/src/app/[variants]/(mobile)/router/mobileRouter.config.tsx

@@ -259,10 +259,7 @@ export const mobileRoutes: RouteConfig[] = [
   {
     children: [
       {
-        element: dynamicElement(
-          () => import('../../share/t/[id]'),
-          'Mobile > Share > Topic',
-        ),
+        element: dynamicElement(() => import('../../share/t/[id]'), 'Mobile > Share > Topic'),
         path: ':id',
       },
     ],

package/src/app/[variants]/router/desktopRouter.config.tsx

@@ -403,10 +403,7 @@ export const desktopRoutes: RouteConfig[] = [
   {
     children: [
       {
-        element: dynamicElement(
-          () => import('../share/t/[id]'),
-          'Desktop > Share > Topic',
-        ),
+        element: dynamicElement(() => import('../share/t/[id]'), 'Desktop > Share > Topic'),
         path: ':id',
       },
     ],

package/src/components/HtmlPreview/PreviewDrawer.tsx

@@ -1,3 +1,4 @@
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { exportFile } from '@lobechat/utils/client';
 import { Block, Button, Flexbox, Highlighter, Segmented } from '@lobehub/ui';
 import { Drawer } from 'antd';
@@ -7,7 +8,6 @@ import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { isDesktop } from '@/const/version';
-import { TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
 
 const styles = createStaticStyles(({ css }) => ({
   container: css`

package/src/features/ChatInput/ChatInputProvider.tsx

@@ -21,7 +21,7 @@ export const ChatInputProvider = memo<ChatInputProviderProps>(
     chatInputEditorRef,
     onMarkdownContentChange,
     mentionItems,
-    allowExpand,
+    allowExpand = true,
   }) => {
     const editor = useEditor();
     const slashMenuRef = useRef<HTMLDivElement>(null);