@lobehub/chat 1.77.10 → 1.77.12

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

@@ -2,10 +2,12 @@
 
 import { useTheme } from 'antd-style';
 import dynamic from 'next/dynamic';
+import { usePathname } from 'next/navigation';
 import { PropsWithChildren, Suspense, memo } from 'react';
 import { HotkeysProvider } from 'react-hotkeys-hook';
 import { Flexbox } from 'react-layout-kit';
 
+import { isDesktop } from '@/const/version';
 import { BANNER_HEIGHT } from '@/features/AlertBanner/CloudBanner';
 import HotkeyHelperPanel from '@/features/HotkeyHelperPanel';
 import { usePlatform } from '@/hooks/usePlatform';
@@ -14,19 +16,31 @@ import { HotkeyScopeEnum } from '@/types/hotkey';
 
 import RegisterHotkeys from './RegisterHotkeys';
 import SideBar from './SideBar';
+import TitleBar, { TITLE_BAR_HEIGHT } from './Titlebar';
 
 const CloudBanner = dynamic(() => import('@/features/AlertBanner/CloudBanner'));
 
 const Layout = memo<PropsWithChildren>(({ children }) => {
   const { isPWA } = usePlatform();
   const theme = useTheme();
+
+  const pathname = usePathname();
   const { showCloudPromotion } = useServerConfigStore(featureFlagsSelectors);
 
+  // setting page not show sidebar
+  const hideSideBar = isDesktop && pathname.startsWith('/settings');
   return (
     <HotkeysProvider initiallyActiveScopes={[HotkeyScopeEnum.Global]}>
+      {isDesktop && <TitleBar />}
       {showCloudPromotion && <CloudBanner />}
       <Flexbox
-        height={showCloudPromotion ? `calc(100% - ${BANNER_HEIGHT}px)` : '100%'}
+        height={
+          isDesktop
+            ? `calc(100% - ${TITLE_BAR_HEIGHT}px)`
+            : showCloudPromotion
+              ? `calc(100% - ${BANNER_HEIGHT}px)`
+              : '100%'
+        }
         horizontal
         style={{
           borderTop: isPWA ? `1px solid ${theme.colorBorder}` : undefined,
@@ -34,8 +48,23 @@ const Layout = memo<PropsWithChildren>(({ children }) => {
         }}
         width={'100%'}
       >
-        <SideBar />
-        {children}
+        {!hideSideBar && <SideBar />}
+        {isDesktop ? (
+          <Flexbox
+            style={{
+              background: theme.colorBgLayout,
+              borderInlineStart: `1px solid ${theme.colorBorderSecondary}`,
+              borderStartStartRadius: !hideSideBar ? 12 : undefined,
+              borderTop: `1px solid ${theme.colorBorderSecondary}`,
+              overflow: 'hidden',
+            }}
+            width={'100%'}
+          >
+            {children}
+          </Flexbox>
+        ) : (
+          children
+        )}
       </Flexbox>
       <HotkeyHelperPanel />
       <Suspense>

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx

@@ -88,6 +88,9 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
     setSliceStart(Math.floor((Math.random() * assistantList.length) / 2));
   };
 
+  // if no assistant data, just hide the component
+  if (!isLoading && assistantList?.length === 0) return null;
+
   return (
     <Flexbox gap={8} width={'100%'}>
       <Flexbox align={'center'} horizontal justify={'space-between'}>

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/index.tsx

@@ -4,6 +4,7 @@ import { ChatHeader } from '@lobehub/ui/chat';
 
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
+import { electronStylish } from '@/styles/electron';
 
 import HeaderAction from './HeaderAction';
 import Main from './Main';
@@ -14,8 +15,17 @@ const Header = () => {
   return (
     showHeader && (
       <ChatHeader
-        left={<Main />}
-        right={<HeaderAction />}
+        className={electronStylish.draggable}
+        left={
+          <div className={electronStylish.nodrag}>
+            <Main />
+          </div>
+        }
+        right={
+          <div className={electronStylish.nodrag}>
+            <HeaderAction />
+          </div>
+        }
         style={{ height: 48, minHeight: 48, paddingInline: 8, position: 'initial', zIndex: 11 }}
       />
     )

package/src/app/[variants]/(main)/chat/(workspace)/page.tsx

@@ -3,6 +3,7 @@ import { Suspense } from 'react';
 import StructuredData from '@/components/StructuredData';
 import { serverFeatureFlags } from '@/config/featureFlags';
 import { BRANDING_NAME } from '@/const/branding';
+import { isDesktop } from '@/const/version';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
@@ -38,7 +39,7 @@ const Page = async (props: DynamicLayoutProps) => {
       <StructuredData ld={ld} />
       <PageTitle />
       <TelemetryNotification mobile={isMobile} />
-      {showChangelog && !hideDocs && !isMobile && (
+      {!isDesktop && showChangelog && !hideDocs && !isMobile && (
         <Suspense>
           <Changelog />
         </Suspense>

package/src/app/[variants]/(main)/settings/hotkey/features/HotkeySetting.tsx

@@ -7,11 +7,19 @@ import { useTranslation } from 'react-i18next';
 
 import { HOTKEYS_REGISTRATION } from '@/const/hotkeys';
 import { FORM_STYLE } from '@/const/layoutTokens';
+import { isDesktop } from '@/const/version';
 import hotkeyMeta from '@/locales/default/hotkey';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors } from '@/store/user/selectors';
 import { HotkeyGroupEnum, HotkeyItem } from '@/types/hotkey';
 
+const filterByDesktop = (item: HotkeyItem) => {
+  if (isDesktop) return true;
+
+  // is not desktop, filter out desktop only items
+  if (!isDesktop) return !item.isDesktop;
+};
+
 type SettingItemGroup = ItemGroup;
 
 const HOTKEY_SETTING_KEY = 'hotkey';
@@ -30,6 +38,7 @@ const HotkeySetting = memo(() => {
         return value;
       })
       .filter(Boolean) as string[];
+
     return {
       children: (
         <HotkeyInput
@@ -51,16 +60,16 @@ const HotkeySetting = memo(() => {
   };
 
   const essential: SettingItemGroup = {
-    children: HOTKEYS_REGISTRATION.filter((item) => item.group === HotkeyGroupEnum.Essential).map(
-      (item) => mapHotkeyItem(item),
-    ),
+    children: HOTKEYS_REGISTRATION.filter((item) => item.group === HotkeyGroupEnum.Essential)
+      .filter((item) => filterByDesktop(item))
+      .map((item) => mapHotkeyItem(item)),
     title: t('hotkey.group.essential'),
   };
 
   const conversation: SettingItemGroup = {
-    children: HOTKEYS_REGISTRATION.filter(
-      (item) => item.group === HotkeyGroupEnum.Conversation,
-    ).map((item) => mapHotkeyItem(item)),
+    children: HOTKEYS_REGISTRATION.filter((item) => item.group === HotkeyGroupEnum.Conversation)
+      .filter((item) => filterByDesktop(item))
+      .map((item) => mapHotkeyItem(item)),
     title: t('hotkey.group.conversation'),
   };
 

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

@@ -3,6 +3,8 @@ import { translation } from '@/server/translation';
 import { DynamicLayoutProps } from '@/types/next';
 import { RouteVariants } from '@/utils/server/routeVariants';
 
+import HotkeySetting from './features/HotkeySetting';
+
 export const generateMetadata = async (props: DynamicLayoutProps) => {
   const locale = await RouteVariants.getLocale(props);
   const { t } = await translation('setting', locale);
@@ -12,4 +14,11 @@ export const generateMetadata = async (props: DynamicLayoutProps) => {
     url: '/settings/hotkey',
   });
 };
-export { default } from './index';
+
+const Page = () => {
+  return <HotkeySetting />;
+};
+
+Page.displayName = 'HotkeySetting';
+
+export default Page;

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

@@ -16,7 +16,7 @@ import { z } from 'zod';
 import { FormInput, FormPassword } from '@/components/FormInput';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { AES_GCM_URL, BASE_PROVIDER_DOC_URL } from '@/const/url';
-import { isServerMode } from '@/const/version';
+import { isDesktop, isServerMode } from '@/const/version';
 import { aiProviderSelectors, useAiInfraStore } from '@/store/aiInfra';
 import {
   AiProviderDetailItem,
@@ -244,12 +244,14 @@ const ProviderConfig = memo<ProviderConfigProps>(
 
     /*
      * Conditions to show Client Fetch Switch
+     * 0. is not desktop app
      * 1. provider is not disabled browser request
      * 2. provider show browser request by default
      * 3. Provider allow to edit endpoint and the value of endpoint is not empty
      * 4. There is an apikey provided by user
      */
     const showClientFetch =
+      !isDesktop &&
       !disableBrowserRequest &&
       (defaultShowBrowserRequest ||
         (showEndpoint && isProviderEndpointNotEmpty) ||

package/src/app/desktop/devtools/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ActionIcon, FluentEmoji, SideNav } from '@lobehub/ui';
+import { ActionIcon, SideNav } from '@lobehub/ui';
 import { Cog, DatabaseIcon } from 'lucide-react';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -30,44 +30,43 @@ const DevTools = memo(() => {
   const [tab, setTab] = useState<string>(items[0].key);
 
   return (
-    <Flexbox
-      height={'100%'}
-      horizontal
-      style={{ overflow: 'hidden', position: 'relative' }}
-      width={'100%'}
-    >
-      <SideNav
-        avatar={<FluentEmoji emoji={'🧰'} size={24} />}
-        bottomActions={[]}
-        style={{
-          paddingBlock: 32,
-          width: 48,
-        }}
-        topActions={items.map((item) => (
-          <ActionIcon
-            active={tab === item.key}
-            key={item.key}
-            onClick={() => setTab(item.key)}
-            placement={'right'}
-            title={item.key}
-          >
-            {item.icon}
-          </ActionIcon>
-        ))}
-      />
-      <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
-        <Flexbox
-          align={'center'}
-          className={cx(`panel-drag-handle`, styles.header, electronStylish.draggable)}
-          horizontal
-          justify={'center'}
-        >
-          <Flexbox align={'baseline'} gap={6} horizontal>
-            <b>{BRANDING_NAME} Dev Tools</b>
-            <span style={{ color: theme.colorTextDescription }}>/</span>
-            <span style={{ color: theme.colorTextDescription }}>{tab}</span>
-          </Flexbox>
+    <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
+      <Flexbox
+        align={'center'}
+        className={cx(`panel-drag-handle`, styles.header, electronStylish.draggable)}
+        horizontal
+        justify={'center'}
+      >
+        <Flexbox align={'baseline'} gap={6} horizontal>
+          <b>{BRANDING_NAME} Dev Tools</b>
+          <span style={{ color: theme.colorTextDescription }}>/</span>
+          <span style={{ color: theme.colorTextDescription }}>{tab}</span>
         </Flexbox>
+      </Flexbox>
+      <Flexbox
+        height={'100%'}
+        horizontal
+        style={{ background: theme.colorBgLayout, overflow: 'hidden', position: 'relative' }}
+        width={'100%'}
+      >
+        <SideNav
+          bottomActions={[]}
+          style={{
+            background: 'transparent',
+            width: 48,
+          }}
+          topActions={items.map((item) => (
+            <ActionIcon
+              active={tab === item.key}
+              key={item.key}
+              onClick={() => setTab(item.key)}
+              placement={'right'}
+              title={item.key}
+            >
+              {item.icon}
+            </ActionIcon>
+          ))}
+        />
         {items.map((item) => (
           <Flexbox
             flex={1}

package/src/config/aiModels/google.ts

@@ -10,7 +10,7 @@ const googleChatModels: AIChatModelCard[] = [
     },
     contextWindowTokens: 1_048_576 + 65_536,
     description:
-      'Gemini 2.5 Pro Experimental 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，还能利用长上下文来分析大型数据集、代码库和文档。',
+      'Gemini 2.5 Pro Experimental 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。',
     displayName: 'Gemini 2.5 Pro Experimental 03-25',
     enabled: true,
     id: 'gemini-2.5-pro-exp-03-25',
@@ -27,6 +27,30 @@ 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 Preview 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。',
+    displayName: 'Gemini 2.5 Pro Preview 03-25 (Paid)',
+    id: 'gemini-2.5-pro-preview-03-25',
+    maxOutput: 65_536,
+    pricing: {
+      input: 1.25, // prompts <= 200k tokens
+      output: 10, // prompts <= 200k tokens
+    },
+    releasedAt: '2025-03-25',
+    settings: {
+      searchImpl: 'params',
+      searchProvider: 'google',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,

package/src/config/aiModels/novita.ts

@@ -9,7 +9,7 @@ const novitaChatModels: AIChatModelCard[] = [
     enabled: true,
     id: 'meta-llama/llama-3.3-70b-instruct',
     pricing: {
-      input: 0.39,
+      input: 0.13,
       output: 0.39,
     },
     type: 'chat',
@@ -147,17 +147,6 @@ const novitaChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    contextWindowTokens: 4096,
-    description: 'OpenChat 7B 是经过“C-RLFT（条件强化学习微调）”策略精调的开源语言模型库。',
-    displayName: 'OpenChat 7B',
-    id: 'openchat/openchat-7b',
-    pricing: {
-      input: 0.06,
-      output: 0.06,
-    },
-    type: 'chat',
-  },
   {
     contextWindowTokens: 64_000,
     displayName: 'Deepseek V3 Turbo',
@@ -308,26 +297,6 @@ const novitaChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    contextWindowTokens: 4096,
-    displayName: 'Nous Hermes Llama2 13B',
-    id: 'nousresearch/nous-hermes-llama2-13b',
-    pricing: {
-      input: 0.17,
-      output: 0.17,
-    },
-    type: 'chat',
-  },
-  {
-    contextWindowTokens: 4096,
-    displayName: 'OpenHermes 2.5 Mistral 7B',
-    id: 'teknium/openhermes-2.5-mistral-7b',
-    pricing: {
-      input: 0.17,
-      output: 0.17,
-    },
-    type: 'chat',
-  },
   {
     contextWindowTokens: 4096,
     displayName: 'Midnight Rose 70B',

package/src/config/aiModels/ollama.ts

@@ -13,6 +13,14 @@ const ollamaChatModels: AIChatModelCard[] = [
     id: 'deepseek-r1',
     type: 'chat',
   },
+  {
+    contextWindowTokens: 65_536,
+    description:
+      'DeepSeek-V3 是一个强大的专家混合（MoE）语言模型，总参数量为 671B，每个 Token 激活 37B 参数。该模型采用多头潜在注意力（MLA）和 DeepSeekMoE 架构，实现了高效推理和经济训练，并在前代 DeepSeek-V3 的基础上显著提升了性能。',
+    displayName: 'DeepSeek V3 671B',
+    id: 'deepseek-v3',
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -78,8 +86,10 @@ const ollamaChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 128_000,
-    description: 'QwQ 是一个实验研究模型，专注于提高 AI 推理能力。',
+    description:
+      'QwQ 是 Qwen 系列的推理模型。与传统的指令调优模型相比，QwQ 具备思考和推理的能力，能够在下游任务中，尤其是困难问题上，显著提升性能。QwQ-32B 是中型推理模型，能够在与最先进的推理模型（如 DeepSeek-R1、o1-mini）竞争时取得可观的表现。',
     displayName: 'QwQ 32B',
+    enabled: true,
     id: 'qwq',
     releasedAt: '2024-11-28',
     type: 'chat',
@@ -105,6 +115,7 @@ const ollamaChatModels: AIChatModelCard[] = [
     contextWindowTokens: 128_000,
     description: 'Qwen2.5 是阿里巴巴的新一代大规模语言模型，以优异的性能支持多元化的应用需求。',
     displayName: 'Qwen2.5 7B',
+    enabled: true,
     id: 'qwen2.5',
     type: 'chat',
   },

package/src/config/aiModels/qwen.ts

@@ -302,7 +302,7 @@ const qwenChatModels: AIChatModelCard[] = [
     description:
       '通义千问QVQ视觉推理模型，支持视觉输入及思维链输出，在数学、编程、视觉分析、创作以及通用任务上都表现了更强的能力。',
     displayName: 'QVQ Max',
-    id: 'qvq-max-latest',
+    id: 'qvq-max', // Unsupported model `qvq-max-latest` for OpenAI compatibility mode
     maxOutput: 8192,
     organization: 'Qwen',
     pricing: {

package/src/const/hotkeys.ts

@@ -10,6 +10,7 @@ import {
 
 // mod 在 Mac 上是 command 键，alt 在 Win 上是 ctrl 键
 export const HOTKEYS_REGISTRATION: HotkeyRegistration = [
+  // basic
   {
     group: HotkeyGroupEnum.Essential,
     id: HotkeyEnum.Search,
@@ -47,6 +48,15 @@ export const HOTKEYS_REGISTRATION: HotkeyRegistration = [
     keys: combineKeys([KeyEnum.Ctrl, KeyEnum.Shift, KeyEnum.QuestionMark]),
     scopes: [HotkeyScopeEnum.Global],
   },
+  {
+    group: HotkeyGroupEnum.Essential,
+    id: HotkeyEnum.OpenSettings,
+    isDesktop: true,
+    keys: combineKeys([KeyEnum.Mod, KeyEnum.Comma]),
+    nonEditable: true,
+    scopes: [HotkeyScopeEnum.Global],
+  },
+  // Chat
   {
     group: HotkeyGroupEnum.Conversation,
     id: HotkeyEnum.OpenChatSettings,

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

@@ -19,6 +19,10 @@ import { ErrorActionContainer } from './style';
 const loading = () => <Skeleton active />;
 
 const OllamaBizError = dynamic(() => import('./OllamaBizError'), { loading, ssr: false });
+const OllamaSetupGuide = dynamic(() => import('./OllamaBizError/SetupGuide'), {
+  loading,
+  ssr: false,
+});
 
 // Config for the errorMessage display
 const getErrorAlertConfig = (
@@ -49,6 +53,7 @@ const getErrorAlertConfig = (
       };
     }
 
+    case AgentRuntimeErrorType.OllamaServiceUnavailable:
     case AgentRuntimeErrorType.NoOpenAIAPIKey: {
       return {
         extraDefaultExpand: true,
@@ -85,6 +90,11 @@ const ErrorMessageExtra = memo<{ data: ChatMessage }>(({ data }) => {
   if (!error?.type) return;
 
   switch (error.type) {
+    // TODO: 优化 Ollama setup 的流程，isDesktop 模式下可以直接做到端到端检测
+    case AgentRuntimeErrorType.OllamaServiceUnavailable: {
+      return <OllamaSetupGuide />;
+    }
+
     case AgentRuntimeErrorType.OllamaBizError: {
       return <OllamaBizError {...data} />;
     }

package/src/features/DevPanel/PostgresViewer/SchemaSidebar/index.tsx

@@ -129,7 +129,7 @@ const SchemaPanel = ({ onTableSelect, selectedTable }: SchemaPanelProps) => {
   };
 
   return (
-    <DraggablePanel placement={'left'}>
+    <DraggablePanel minWidth={264} placement={'left'}>
       <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }}>
         <Flexbox
           align={'center'}

package/src/features/User/UserPanel/index.tsx

@@ -13,7 +13,7 @@ import { useNewVersion } from './useNewVersion';
 const useStyles = createStyles(({ css }) => {
   return {
     popover: css`
-      inset-block-start: ${isDesktop ? 24 : 8}px !important;
+      inset-block-start: ${isDesktop ? 32 : 8}px !important;
       inset-inline-start: 8px !important;
     `,
   };

package/src/features/User/__tests__/PanelContent.test.tsx

@@ -63,6 +63,7 @@ vi.mock('../DataStatistics', () => ({
 
 vi.mock('@/const/version', () => ({
   isDeprecatedEdition: false,
+  isDesktop: false,
 }));
 
 // 定义一个变量来存储 enableAuth 的值

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

@@ -17,6 +17,7 @@ export const AgentRuntimeErrorType = {
 
   InvalidOllamaArgs: 'InvalidOllamaArgs',
   OllamaBizError: 'OllamaBizError',
+  OllamaServiceUnavailable: 'OllamaServiceUnavailable',
 
   InvalidBedrockCredentials: 'InvalidBedrockCredentials',
   InvalidVertexCredentials: 'InvalidVertexCredentials',

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

@@ -2,6 +2,7 @@ import { Ollama, Tool } from 'ollama/browser';
 import { ClientOptions } from 'openai';
 
 import { OpenAIChatMessage } from '@/libs/agent-runtime';
+import { ChatModelCard } from '@/types/llm';
 
 import { LobeRuntimeAI } from '../BaseAI';
 import { AgentRuntimeErrorType } from '../error';
@@ -19,8 +20,6 @@ import { OllamaStream, convertIterableToStream } from '../utils/streams';
 import { parseDataUri } from '../utils/uriParser';
 import { OllamaMessage } from './type';
 
-import { ChatModelCard } from '@/types/llm';
-
 export interface OllamaModelCard {
   name: string;
 }
@@ -81,6 +80,15 @@ export class LobeOllamaAI implements LobeRuntimeAI {
         name: string;
         status_code: number;
       };
+      if (e.message === 'fetch failed') {
+        throw AgentRuntimeError.chat({
+          error: {
+            message: 'please check whether your ollama service is available',
+          },
+          errorType: AgentRuntimeErrorType.OllamaServiceUnavailable,
+          provider: ModelProvider.Ollama,
+        });
+      }
 
       throw AgentRuntimeError.chat({
         error: {
@@ -116,22 +124,18 @@ export class LobeOllamaAI implements LobeRuntimeAI {
 
     return modelList
       .map((model) => {
-        const knownModel = LOBE_DEFAULT_MODEL_LIST.find((m) => model.name.toLowerCase() === m.id.toLowerCase());
+        const knownModel = LOBE_DEFAULT_MODEL_LIST.find(
+          (m) => model.name.toLowerCase() === m.id.toLowerCase(),
+        );
 
         return {
           contextWindowTokens: knownModel?.contextWindowTokens ?? undefined,
           displayName: knownModel?.displayName ?? undefined,
           enabled: knownModel?.enabled || false,
-          functionCall:
-            knownModel?.abilities?.functionCall
-            || false,
+          functionCall: knownModel?.abilities?.functionCall || false,
           id: model.name,
-          reasoning:
-            knownModel?.abilities?.functionCall
-            || false,
-          vision:
-            knownModel?.abilities?.functionCall
-            || false,
+          reasoning: knownModel?.abilities?.functionCall || false,
+          vision: knownModel?.abilities?.functionCall || false,
         };
       })
       .filter(Boolean) as ChatModelCard[];

package/src/libs/trpc/index.ts

@@ -7,6 +7,9 @@
  * @link https://trpc.io/docs/v11/router
  * @link https://trpc.io/docs/v11/procedures
  */
+import { DESKTOP_USER_ID } from '@/const/desktop';
+import { isDesktop } from '@/const/version';
+
 import { trpc } from './init';
 import { jwtPayloadChecker } from './middleware/jwtPayload';
 import { userAuth } from './middleware/userAuth';
@@ -21,7 +24,11 @@ export const router = trpc.router;
  * Create an unprotected procedure
  * @link https://trpc.io/docs/v11/procedures
  **/
-export const publicProcedure = trpc.procedure;
+export const publicProcedure = trpc.procedure.use(({ next }) => {
+  return next({
+    ctx: { userId: isDesktop ? DESKTOP_USER_ID : null },
+  });
+});
 
 // procedure that asserts that the user is logged in
 export const authedProcedure = trpc.procedure.use(userAuth);

package/src/libs/trpc/middleware/userAuth.ts

@@ -9,11 +9,10 @@ import { trpc } from '../init';
 export const userAuth = trpc.middleware(async (opts) => {
   const { ctx } = opts;
 
+  // 桌面端模式下，跳过默认鉴权逻辑
   if (isDesktop) {
     return opts.next({
-      ctx: {
-        userId: DESKTOP_USER_ID,
-      },
+      ctx: { userId: DESKTOP_USER_ID },
     });
   }
   // `ctx.user` is nullable

package/src/locales/default/hotkey.ts

@@ -17,6 +17,10 @@ const hotkey: HotkeyI18nTranslations = {
     desc: '查看所有快捷键的使用说明',
     title: '打开快捷键帮助',
   },
+  openSettings: {
+    desc: '打开应用设置页面',
+    title: '应用设置',
+  },
   regenerateMessage: {
     desc: '重新生成最后一条消息',
     title: '重新生成消息',