@lobehub/chat 1.103.1 → 1.104.0

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

@@ -0,0 +1,92 @@
+'use client';
+
+import { Form, type FormGroupItemType, HotkeyInput, Icon } from '@lobehub/ui';
+import { App, Skeleton } from 'antd';
+import isEqual from 'fast-deep-equal';
+import { Loader2Icon } from 'lucide-react';
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { DESKTOP_HOTKEYS_REGISTRATION } from '@/const/hotkeys';
+import { FORM_STYLE } from '@/const/layoutTokens';
+import hotkeyMeta from '@/locales/default/hotkey';
+import { useElectronStore } from '@/store/electron';
+import { desktopHotkeysSelectors } from '@/store/electron/selectors';
+import { DesktopHotkeyItem } from '@/types/hotkey';
+
+const HotkeySetting = memo(() => {
+  const { t } = useTranslation(['setting', 'hotkey']);
+  const [form] = Form.useForm();
+  const { message } = App.useApp();
+
+  const hotkeys = useElectronStore(desktopHotkeysSelectors.hotkeys, isEqual);
+  const [isHotkeysInit, updateDesktopHotkey, useFetchDesktopHotkeys] = useElectronStore((s) => [
+    desktopHotkeysSelectors.isHotkeysInit(s),
+    s.updateDesktopHotkey,
+    s.useFetchDesktopHotkeys,
+  ]);
+
+  useFetchDesktopHotkeys();
+
+  const [loading, setLoading] = useState(false);
+
+  if (!isHotkeysInit) return <Skeleton active paragraph={{ rows: 5 }} title={false} />;
+
+  const mapHotkeyItem = (item: DesktopHotkeyItem) => ({
+    children: (
+      <HotkeyInput
+        disabled={item.nonEditable}
+        onChange={async (value) => {
+          setLoading(true);
+          try {
+            const result = await updateDesktopHotkey(item.id, value);
+            console.log(result);
+            if (result.success) {
+              message.success(t('hotkey.updateSuccess', { ns: 'setting' }));
+            } else {
+              // 根据错误类型显示相应的错误消息
+
+              message.error(t(`hotkey.errors.${result.errorType}` as any, { ns: 'setting' }));
+            }
+          } catch {
+            message.error(t('hotkey.updateError', { ns: 'setting' }));
+          } finally {
+            setLoading(false);
+          }
+        }}
+        placeholder={t('hotkey.record')}
+        resetValue={item.keys}
+        texts={{
+          conflicts: t('hotkey.conflicts'),
+          invalidCombination: t('hotkey.invalidCombination'),
+          reset: t('hotkey.reset'),
+        }}
+        value={hotkeys[item.id]}
+      />
+    ),
+    desc: hotkeyMeta.desktop[item.id]?.desc
+      ? t(`desktop.${item.id}.desc`, { ns: 'hotkey' })
+      : undefined,
+    label: t(`desktop.${item.id}.title`, { ns: 'hotkey' }),
+    name: item.id,
+  });
+
+  const desktop: FormGroupItemType = {
+    children: DESKTOP_HOTKEYS_REGISTRATION.map((item) => mapHotkeyItem(item)),
+    extra: loading && <Icon icon={Loader2Icon} size={16} spin style={{ opacity: 0.5 }} />,
+    title: t('hotkey.group.desktop'),
+  };
+
+  return (
+    <Form
+      form={form}
+      initialValues={hotkeys}
+      items={[desktop]}
+      itemsType={'group'}
+      variant={'borderless'}
+      {...FORM_STYLE}
+    />
+  );
+});
+
+export default HotkeySetting;

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

@@ -9,19 +9,11 @@ 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;
-};
-
 const HotkeySetting = memo(() => {
   const { t } = useTranslation(['setting', 'hotkey']);
   const [form] = Form.useForm();
@@ -61,9 +53,9 @@ const HotkeySetting = memo(() => {
   };
 
   const essential: FormGroupItemType = {
-    children: HOTKEYS_REGISTRATION.filter((item) => item.group === HotkeyGroupEnum.Essential)
-      .filter((item) => filterByDesktop(item))
-      .map((item) => mapHotkeyItem(item)),
+    children: HOTKEYS_REGISTRATION.filter((item) => item.group === HotkeyGroupEnum.Essential).map(
+      (item) => mapHotkeyItem(item),
+    ),
     extra: loading && <Icon icon={Loader2Icon} size={16} spin style={{ opacity: 0.5 }} />,
     title: t('hotkey.group.essential'),
   };

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

@@ -1,9 +1,11 @@
+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 Conversation from './features/Conversation';
+import Desktop from './features/Desktop';
 import Essential from './features/Essential';
 
 export const generateMetadata = async (props: DynamicLayoutProps) => {
@@ -19,6 +21,7 @@ export const generateMetadata = async (props: DynamicLayoutProps) => {
 const Page = () => {
   return (
     <>
+      {isDesktop && <Desktop />}
       <Essential />
       <Conversation />
     </>

package/src/config/aiModels/fal.ts

@@ -1,9 +1,13 @@
+import { ModelParamsSchema } from '@/libs/standard-parameters';
 import { AIImageModelCard } from '@/types/aiModel';
 
-import { fluxKontextDevParamsSchema } from '../paramsSchemas/fal/flux-kontext-dev';
-import { fluxProKontextParamsSchema } from '../paramsSchemas/fal/flux-pro-kontext';
-import { fluxSchnellParamsSchema } from '../paramsSchemas/fal/flux-schnell';
-import { imagen4ParamsSchema } from '../paramsSchemas/fal/imagen4';
+export const fluxSchnellParamsSchema: ModelParamsSchema = {
+  height: { default: 1024, max: 1536, min: 512, step: 1 },
+  prompt: { default: '' },
+  seed: { default: null },
+  steps: { default: 4, max: 12, min: 1 },
+  width: { default: 1024, max: 1536, min: 512, step: 1 },
+};
 
 const falImageModels: AIImageModelCard[] = [
   {
@@ -11,7 +15,12 @@ const falImageModels: AIImageModelCard[] = [
     displayName: 'FLUX.1 Kontext Dev',
     enabled: true,
     id: 'flux-kontext/dev',
-    parameters: fluxKontextDevParamsSchema,
+    parameters: {
+      imageUrl: { default: null },
+      prompt: { default: '' },
+      seed: { default: null },
+      steps: { default: 28, max: 50, min: 10 },
+    },
     releasedAt: '2025-06-28',
     type: 'image',
   },
@@ -21,7 +30,15 @@ const falImageModels: AIImageModelCard[] = [
     displayName: 'FLUX.1 Kontext [pro]',
     enabled: true,
     id: 'flux-pro/kontext',
-    parameters: fluxProKontextParamsSchema,
+    parameters: {
+      aspectRatio: {
+        default: '1:1',
+        enum: ['21:9', '16:9', '4:3', '3:2', '1:1', '2:3', '3:4', '9:16', '9:21'],
+      },
+      imageUrl: { default: null },
+      prompt: { default: '' },
+      seed: { default: null },
+    },
     releasedAt: '2025-05-01',
     type: 'image',
   },
@@ -41,7 +58,14 @@ const falImageModels: AIImageModelCard[] = [
     enabled: true,
     id: 'imagen4/preview',
     organization: 'Deepmind',
-    parameters: imagen4ParamsSchema,
+    parameters: {
+      aspectRatio: {
+        default: '1:1',
+        enum: ['1:1', '16:9', '9:16', '3:4', '4:3'],
+      },
+      prompt: { default: '' },
+      seed: { default: null },
+    },
     releasedAt: '2025-05-21',
     type: 'image',
   },

package/src/config/aiModels/openai.ts

@@ -1,4 +1,4 @@
-import { gptImage1ParamsSchema } from '@/config/paramsSchemas/openai/gpt-image-1';
+import { ModelParamsSchema } from '@/libs/standard-parameters';
 import {
   AIChatModelCard,
   AIEmbeddingModelCard,
@@ -8,6 +8,15 @@ import {
   AITTSModelCard,
 } from '@/types/aiModel';
 
+export const gptImage1ParamsSchema: ModelParamsSchema = {
+  imageUrls: { default: [] },
+  prompt: { default: '' },
+  size: {
+    default: 'auto',
+    enum: ['auto', '1024x1024', '1536x1024', '1024x1536'],
+  },
+};
+
 export const openaiChatModels: AIChatModelCard[] = [
   {
     abilities: {

package/src/const/desktop.ts

@@ -1 +1,10 @@
+import { DESKTOP_HOTKEYS_REGISTRATION } from '@/const/hotkeys';
+import { DesktopHotkeyConfig } from '@/types/hotkey';
+
 export const DESKTOP_USER_ID = 'DEFAULT_DESKTOP_USER';
+
+export const DEFAULT_DESKTOP_HOTKEY_CONFIG: DesktopHotkeyConfig =
+  DESKTOP_HOTKEYS_REGISTRATION.reduce((acc: DesktopHotkeyConfig, item) => {
+    acc[item.id] = item.keys;
+    return acc;
+  }, {} as DesktopHotkeyConfig);

package/src/const/hotkeys.ts

@@ -1,23 +1,20 @@
 import {
+  DesktopHotkeyEnum,
+  DesktopHotkeyItem,
   HotkeyEnum,
   HotkeyGroupEnum,
-  HotkeyRegistration,
+  HotkeyItem,
   HotkeyScopeEnum,
   KeyEnum,
 } from '@/types/hotkey';
 
 const combineKeys = (keys: string[]) => keys.join('+');
 
+export type HotkeyRegistration = HotkeyItem[];
+
 // mod 在 Mac 上是 command 键，alt 在 Win 上是 ctrl 键
 export const HOTKEYS_REGISTRATION: HotkeyRegistration = [
   // basic
-  {
-    group: HotkeyGroupEnum.Essential,
-    id: HotkeyEnum.ShowApp,
-    keys: combineKeys([KeyEnum.Mod, 'e']),
-    nonEditable: true,
-    scopes: [HotkeyScopeEnum.Global],
-  },
   {
     group: HotkeyGroupEnum.Essential,
     id: HotkeyEnum.Search,
@@ -55,14 +52,6 @@ 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,
@@ -102,3 +91,18 @@ export const HOTKEYS_REGISTRATION: HotkeyRegistration = [
     scopes: [HotkeyScopeEnum.Chat],
   },
 ];
+
+type DesktopHotkeyRegistration = DesktopHotkeyItem[];
+
+// 桌面端快捷键配置
+export const DESKTOP_HOTKEYS_REGISTRATION: DesktopHotkeyRegistration = [
+  {
+    id: DesktopHotkeyEnum.ShowApp,
+    keys: combineKeys([KeyEnum.Ctrl, 'e']),
+  },
+  {
+    id: DesktopHotkeyEnum.OpenSettings,
+    keys: combineKeys([KeyEnum.Mod, KeyEnum.Comma]),
+    nonEditable: true,
+  },
+];

package/src/features/ElectronTitlebar/WinControl/index.tsx

@@ -1,95 +1,90 @@
-import { createStyles } from 'antd-style';
-import { Minus, Square, XIcon } from 'lucide-react';
-
-import { electronSystemService } from '@/services/electron/system';
-
-import { TITLE_BAR_HEIGHT } from '../const';
-
-const useStyles = createStyles(({ css, cx, token }) => {
-  const icon = css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: ${TITLE_BAR_HEIGHT * 1.2}px;
-    min-height: ${TITLE_BAR_HEIGHT}px;
-
-    color: ${token.colorTextSecondary};
-
-    transition: all ease-in-out 100ms;
-
-    -webkit-app-region: no-drag;
-
-    &:hover {
-      color: ${token.colorText};
-      background: ${token.colorFillTertiary};
-    }
-
-    &:active {
-      color: ${token.colorText};
-      background: ${token.colorFillSecondary};
-    }
-  `;
-  return {
-    close: cx(
-      icon,
-      css`
-        padding-inline-end: 2px;
-
-        &:hover {
-          color: ${token.colorTextLightSolid};
-
-          /* win11 的色值，亮暗色均不变 */
-          background: #d33328;
-        }
-
-        &:active {
-          color: ${token.colorTextLightSolid};
-
-          /* win11 的色值 */
-          background: #8b2b25;
-        }
-      `,
-    ),
-    container: css`
-      cursor: pointer;
-      display: flex;
-    `,
-    icon,
-  };
-});
+// const useStyles = createStyles(({ css, cx, token }) => {
+//   const icon = css`
+//     display: flex;
+//     align-items: center;
+//     justify-content: center;
+//
+//     width: ${TITLE_BAR_HEIGHT * 1.2}px;
+//     min-height: ${TITLE_BAR_HEIGHT}px;
+//
+//     color: ${token.colorTextSecondary};
+//
+//     transition: all ease-in-out 100ms;
+//
+//     -webkit-app-region: no-drag;
+//
+//     &:hover {
+//       color: ${token.colorText};
+//       background: ${token.colorFillTertiary};
+//     }
+//
+//     &:active {
+//       color: ${token.colorText};
+//       background: ${token.colorFillSecondary};
+//     }
+//   `;
+//   return {
+//     close: cx(
+//       icon,
+//       css`
+//         padding-inline-end: 2px;
+//
+//         &:hover {
+//           color: ${token.colorTextLightSolid};
+//
+//           /* win11 的色值，亮暗色均不变 */
+//           background: #d33328;
+//         }
+//
+//         &:active {
+//           color: ${token.colorTextLightSolid};
+//
+//           /* win11 的色值 */
+//           background: #8b2b25;
+//         }
+//       `,
+//     ),
+//     container: css`
+//       cursor: pointer;
+//       display: flex;
+//     `,
+//     icon,
+//   };
+// });
 
 const WinControl = () => {
-  const { styles } = useStyles();
-
-  return (
-    <div className={styles.container}>
-      <div
-        className={styles.icon}
-        onClick={() => {
-          electronSystemService.minimizeWindow();
-        }}
-      >
-        <Minus absoluteStrokeWidth size={14} strokeWidth={1.2} />
-      </div>
-      <div
-        className={styles.icon}
-        onClick={() => {
-          electronSystemService.maximizeWindow();
-        }}
-      >
-        <Square absoluteStrokeWidth size={10} strokeWidth={1.2} />
-      </div>
-      <div
-        className={styles.close}
-        onClick={() => {
-          electronSystemService.closeWindow();
-        }}
-      >
-        <XIcon absoluteStrokeWidth size={14} strokeWidth={1.2} />
-      </div>
-    </div>
-  );
+  return <div style={{ width: 132 }} />;
+
+  // const { styles } = useStyles();
+  //
+  // return (
+  //   <div className={styles.container}>
+  //     <div
+  //       className={styles.icon}
+  //       onClick={() => {
+  //         electronSystemService.minimizeWindow();
+  //       }}
+  //     >
+  //       <Minus absoluteStrokeWidth size={14} strokeWidth={1.2} />
+  //     </div>
+  //     <div
+  //       className={styles.icon}
+  //       onClick={() => {
+  //         electronSystemService.maximizeWindow();
+  //       }}
+  //     >
+  //       <Square absoluteStrokeWidth size={10} strokeWidth={1.2} />
+  //     </div>
+  //     <div
+  //       className={styles.close}
+  //       onClick={() => {
+  //         electronSystemService.closeWindow();
+  //       }}
+  //     >
+  //       <XIcon absoluteStrokeWidth size={14} strokeWidth={1.2} />
+  //     </div>
+  //   </div>
+  // );
 };
 
 export default WinControl;

package/src/features/ElectronTitlebar/hooks/useWatchThemeUpdate.ts

@@ -7,10 +7,14 @@ import { useElectronStore } from '@/store/electron';
 import { useGlobalStore } from '@/store/global';
 
 export const useWatchThemeUpdate = () => {
-  const [systemAppearance, updateElectronAppState] = useElectronStore((s) => [
-    s.appState.systemAppearance,
-    s.updateElectronAppState,
-  ]);
+  const [isAppStateInit, systemAppearance, updateElectronAppState, isMac] = useElectronStore(
+    (s) => [
+      s.isAppStateInit,
+      s.appState.systemAppearance,
+      s.updateElectronAppState,
+      s.appState.isMac,
+    ],
+  );
   const switchThemeMode = useGlobalStore((s) => s.switchThemeMode);
 
   const theme = useTheme();
@@ -24,11 +28,12 @@ export const useWatchThemeUpdate = () => {
   });
 
   useEffect(() => {
+    if (!isAppStateInit || !isMac) return;
     document.documentElement.style.background = 'none';
 
     // https://x.com/alanblogsooo/status/1939208908993896684
     const isNotSameTheme = !systemAppearance ? true : theme.appearance !== systemAppearance;
 
     document.body.style.background = rgba(theme.colorBgLayout, isNotSameTheme ? 0.95 : 0.66);
-  }, [theme, systemAppearance]);
+  }, [theme, systemAppearance, isAppStateInit, isMac]);
 };

package/src/features/ImageTopicPanel/index.tsx

@@ -67,7 +67,6 @@ const ImageTopicPanel = memo<PropsWithChildren>(({ children }) => {
           flex: 'none',
           height: '100%',
           minWidth: 80,
-          padding: 16,
         }}
       >
         {children}

package/src/features/PluginDevModal/index.tsx

@@ -7,6 +7,8 @@ import { Trans, useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { WIKI_PLUGIN_GUIDE } from '@/const/url';
+import { isDesktop } from '@/const/version';
+import { TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
 import { LobeToolCustomPlugin } from '@/types/tool/plugin';
 
 import MCPManifestForm from './MCPManifestForm';
@@ -112,7 +114,7 @@ const DevModal = memo<DevModalProps>(
           containerMaxWidth={'auto'}
           destroyOnHidden
           footer={footer}
-          height={'100vh'}
+          height={isDesktop ? `calc(100vh - ${TITLE_BAR_HEIGHT}px)` : '100vh'}
           onClose={(e) => {
             e.stopPropagation();
             onOpenChange(false);

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

@@ -23,7 +23,7 @@ import { Flexbox } from 'react-layout-kit';
 import type { MenuProps } from '@/components/Menu';
 import { enableAuth } from '@/const/auth';
 import { BRANDING_EMAIL, LOBE_CHAT_CLOUD, SOCIAL_URL } from '@/const/branding';
-import { DEFAULT_HOTKEY_CONFIG } from '@/const/settings';
+import { DEFAULT_DESKTOP_HOTKEY_CONFIG } from '@/const/desktop';
 import {
   CHANGELOG,
   DOCUMENTS_REFER_URL,
@@ -85,7 +85,7 @@ export const useMenu = () => {
     {
       extra: isDesktop ? (
         <div>
-          <Hotkey keys={DEFAULT_HOTKEY_CONFIG.openSettings} />
+          <Hotkey keys={DEFAULT_DESKTOP_HOTKEY_CONFIG.openSettings} />
         </div>
       ) : undefined,
       icon: <Icon icon={Settings2} />,

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

@@ -1,6 +1,7 @@
 import { act, render, screen } from '@testing-library/react';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 
+import { BRANDING_NAME } from '@/const/branding';
 import { DEFAULT_USER_AVATAR_URL } from '@/const/meta';
 import { useUserStore } from '@/store/user';
 
@@ -63,8 +64,8 @@ describe('UserAvatar', () => {
       });
 
       render(<UserAvatar />);
-      expect(screen.getByAltText('LobeChat')).toBeInTheDocument();
-      expect(screen.getByAltText('LobeChat')).toHaveAttribute('src', DEFAULT_USER_AVATAR_URL);
+      expect(screen.getByAltText(BRANDING_NAME)).toBeInTheDocument();
+      expect(screen.getByAltText(BRANDING_NAME)).toHaveAttribute('src', DEFAULT_USER_AVATAR_URL);
     });
   });
 
@@ -76,8 +77,8 @@ describe('UserAvatar', () => {
       });
 
       render(<UserAvatar />);
-      expect(screen.getByAltText('LobeChat')).toBeInTheDocument();
-      expect(screen.getByAltText('LobeChat')).toHaveAttribute('src', DEFAULT_USER_AVATAR_URL);
+      expect(screen.getByAltText(BRANDING_NAME)).toBeInTheDocument();
+      expect(screen.getByAltText(BRANDING_NAME)).toHaveAttribute('src', DEFAULT_USER_AVATAR_URL);
     });
   });
 });

package/src/libs/model-runtime/fal/index.ts

@@ -3,7 +3,7 @@ import debug from 'debug';
 import { pick } from 'lodash-es';
 import { ClientOptions } from 'openai';
 
-import { RuntimeImageGenParamsValue } from '@/libs/standard-parameters/meta-schema';
+import { RuntimeImageGenParamsValue } from '@/libs/standard-parameters/index';
 
 import { LobeRuntimeAI } from '../BaseAI';
 import { AgentRuntimeErrorType } from '../error';

package/src/libs/model-runtime/types/image.ts

@@ -1,4 +1,4 @@
-import { RuntimeImageGenParams } from '@/libs/standard-parameters/meta-schema';
+import { RuntimeImageGenParams } from '@/libs/standard-parameters/index';
 
 export type CreateImagePayload = {
   model: string;

package/src/libs/model-runtime/utils/openaiCompatibleFactory/index.ts

@@ -5,7 +5,7 @@ import OpenAI, { ClientOptions } from 'openai';
 import { Stream } from 'openai/streaming';
 
 import { LOBE_DEFAULT_MODEL_LIST } from '@/config/aiModels';
-import { RuntimeImageGenParamsValue } from '@/libs/standard-parameters/meta-schema';
+import { RuntimeImageGenParamsValue } from '@/libs/standard-parameters/index';
 import type { ChatModelCard } from '@/types/llm';
 import { getModelPropertyWithFallback } from '@/utils/getFallbackModelProperty';
 

package/src/libs/model-runtime/utils/response.ts

@@ -6,6 +6,8 @@ export const StreamingResponse = (
     headers: {
       'Cache-Control': 'no-cache',
       'Content-Type': 'text/event-stream',
+      // for Nginx: disable chunk buffering
+      'X-Accel-Buffering': 'no',
       ...options?.headers,
     },
   });