@lobehub/lobehub 2.0.0-next.101 → 2.0.0-next.103

package/src/app/[variants]/(main)/image/@menu/features/ConfigPanel/index.tsx

@@ -19,6 +19,7 @@ import ImageUrl from './components/ImageUrl';
 import ImageUrlsUpload from './components/ImageUrlsUpload';
 import ModelSelect from './components/ModelSelect';
 import QualitySelect from './components/QualitySelect';
+import ResolutionSelect from './components/ResolutionSelect';
 import SeedNumberInput from './components/SeedNumberInput';
 import SizeSelect from './components/SizeSelect';
 import StepsSliderInput from './components/StepsSliderInput';
@@ -54,6 +55,7 @@ const ConfigPanel = memo(() => {
   const isSupportImageUrl = useImageStore(isSupportedParamSelector('imageUrl'));
   const isSupportSize = useImageStore(isSupportedParamSelector('size'));
   const isSupportQuality = useImageStore(isSupportedParamSelector('quality'));
+  const isSupportResolution = useImageStore(isSupportedParamSelector('resolution'));
   const isSupportSeed = useImageStore(isSupportedParamSelector('seed'));
   const isSupportSteps = useImageStore(isSupportedParamSelector('steps'));
   const isSupportCfg = useImageStore(isSupportedParamSelector('cfg'));
@@ -78,6 +80,7 @@ const ConfigPanel = memo(() => {
     isSupportImageUrl,
     isSupportSize,
     isSupportQuality,
+    isSupportResolution,
     isSupportSeed,
     isSupportSteps,
     isSupportCfg,
@@ -168,6 +171,12 @@ const ConfigPanel = memo(() => {
         </ConfigItemLayout>
       )}
 
+      {isSupportResolution && (
+        <ConfigItemLayout label={t('config.resolution.label')}>
+          <ResolutionSelect />
+        </ConfigItemLayout>
+      )}
+
       {showDimensionControl && <DimensionControlGroup />}
 
       {isSupportSteps && (

package/src/app/[variants]/(main)/settings/hooks/useCategory.tsx

@@ -22,7 +22,7 @@ import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfi
 export const useCategory = () => {
   const { t } = useTranslation('setting');
   const mobile = useServerConfigStore((s) => s.isMobile);
-  const { enableSTT, hideDocs } = useServerConfigStore(featureFlagsSelectors);
+  const { enableSTT, hideDocs, showAiImage } = useServerConfigStore(featureFlagsSelectors);
 
   const cateItems: MenuProps['items'] = useMemo(
     () =>
@@ -50,7 +50,7 @@ export const useCategory = () => {
           key: SettingsTabs.Provider,
           label: t('tab.provider'),
         },
-        {
+        showAiImage && {
           icon: <Icon icon={ImageIcon} />,
           key: SettingsTabs.Image,
           label: t('tab.image'),
@@ -84,7 +84,7 @@ export const useCategory = () => {
           label: t('tab.about'),
         },
       ].filter(Boolean) as MenuProps['items'],
-    [t, enableSTT, hideDocs, mobile],
+    [t, enableSTT, hideDocs, mobile, showAiImage],
   );
 
   return cateItems;

package/src/app/[variants]/(main)/settings/provider/features/ModelList/ModelItem.tsx

@@ -9,6 +9,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { ModelInfoTags } from '@/components/ModelSelect';
+import NewModelBadge from '@/components/ModelSelect/NewModelBadge';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { aiModelSelectors, useAiInfraStore } from '@/store/aiInfra';
 import { formatPriceByCurrency } from '@/utils/format';
@@ -17,7 +18,6 @@ import {
   getTextInputUnitRate,
   getTextOutputUnitRate,
 } from '@/utils/pricing';
-import { isNewReleaseDate } from '@/utils/time';
 
 import ModelConfigModal from './ModelConfigModal';
 import { ProviderSettingsContext } from './ProviderSettingsContext';
@@ -163,12 +163,7 @@ const ModelItem = memo<ModelItemProps>(
 
     const isMobile = useIsMobile();
 
-    const NewTag =
-      releasedAt && isNewReleaseDate(releasedAt) ? (
-        <Tag color="blue" style={{ marginLeft: 8 }}>
-          {t('new', { ns: 'common' })}
-        </Tag>
-      ) : null;
+    const NewTag = <NewModelBadge releasedAt={releasedAt} />;
 
     const ModelIdTag = (
       <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>

package/src/components/ModelSelect/NewModelBadge.tsx

@@ -0,0 +1,23 @@
+import { Tag } from '@lobehub/ui';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { isNewReleaseDate } from '@/utils/time';
+
+interface NewModelBadgeProps {
+  releasedAt?: string;
+}
+
+const NewModelBadge = memo<NewModelBadgeProps>(({ releasedAt }) => {
+  const { t } = useTranslation('common');
+
+  if (!releasedAt || !isNewReleaseDate(releasedAt)) return null;
+
+  return (
+    <Tag color="blue" size="small">
+      {t('new')}
+    </Tag>
+  );
+});
+
+export default NewModelBadge;

package/src/components/ModelSelect/index.tsx

@@ -21,6 +21,8 @@ import { Flexbox } from 'react-layout-kit';
 import { AiProviderSourceType } from '@/types/aiProvider';
 import { formatTokenNumber } from '@/utils/format';
 
+import NewModelBadge from './NewModelBadge';
+
 export const TAG_CLASSNAME = 'lobe-model-info-tags';
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -179,6 +181,7 @@ interface ModelItemRenderProps extends ChatModelCard {
 
 export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true, ...model }) => {
   const { mobile } = useResponsive();
+
   return (
     <Flexbox
       align={'center'}
@@ -202,6 +205,7 @@ export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true,
         <Text style={mobile ? { maxWidth: '60vw', overflowX: 'auto', whiteSpace: 'nowrap' } : {}}>
           {model.displayName || model.id}
         </Text>
+        <NewModelBadge releasedAt={model.releasedAt} />
       </Flexbox>
       {showInfoTag && <ModelInfoTags {...model} />}
     </Flexbox>

package/src/config/modelProviders/index.ts

@@ -64,6 +64,7 @@ import VolcengineProvider from './volcengine';
 import WenxinProvider from './wenxin';
 import XAIProvider from './xai';
 import XinferenceProvider from './xinference';
+import ZenMuxProvider from './zenmux';
 import ZeroOneProvider from './zeroone';
 import ZhiPuProvider from './zhipu';
 
@@ -190,6 +191,7 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   CometAPIProvider,
   VercelAIGatewayProvider,
   CerebrasProvider,
+  ZenMuxProvider,
 ];
 
 export const filterEnabledModels = (provider: ModelProviderCard) => {
@@ -266,5 +268,6 @@ export { default as VolcengineProviderCard } from './volcengine';
 export { default as WenxinProviderCard } from './wenxin';
 export { default as XAIProviderCard } from './xai';
 export { default as XinferenceProviderCard } from './xinference';
+export { default as ZenMuxProviderCard } from './zenmux';
 export { default as ZeroOneProviderCard } from './zeroone';
 export { default as ZhiPuProviderCard } from './zhipu';

package/src/config/modelProviders/zenmux.ts

@@ -0,0 +1,21 @@
+import { ModelProviderCard } from '@/types/llm';
+
+const ZenMux: ModelProviderCard = {
+  chatModels: [],
+  checkModel: 'openai/gpt-5-nano',
+  description:
+    'ZenMux 是一个统一的 AI 服务聚合平台，支持 OpenAI、Anthropic、Google VertexAI 等多种主流 AI 服务接口。提供灵活的路由能力，让您可以轻松切换和管理不同的 AI 模型。',
+  id: 'zenmux',
+  name: 'ZenMux',
+  settings: {
+    disableBrowserRequest: true, // CORS error
+    proxyUrl: {
+      placeholder: 'https://zenmux.ai',
+    },
+    sdkType: 'router',
+    showModelFetcher: true,
+  },
+  url: 'https://zenmux.ai',
+};
+
+export default ZenMux;

package/src/envs/llm.ts

@@ -209,6 +209,9 @@ export const getLLMConfig = () => {
 
       ENABLED_CEREBRAS: z.boolean(),
       CEREBRAS_API_KEY: z.string().optional(),
+
+      ENABLED_ZENMUX: z.boolean(),
+      ZENMUX_API_KEY: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -416,6 +419,9 @@ export const getLLMConfig = () => {
 
       ENABLED_CEREBRAS: !!process.env.CEREBRAS_API_KEY,
       CEREBRAS_API_KEY: process.env.CEREBRAS_API_KEY,
+
+      ENABLED_ZENMUX: !!process.env.ZENMUX_API_KEY,
+      ZENMUX_API_KEY: process.env.ZENMUX_API_KEY,
     },
   });
 };

package/src/locales/default/image.ts

@@ -37,6 +37,14 @@ export default {
         standard: '标准',
       },
     },
+    resolution: {
+      label: '分辨率',
+      options: {
+        '1K': '1K',
+        '2K': '2K',
+        '4K': '4K',
+      },
+    },
     seed: {
       label: '种子',
       random: '随机种子',

package/src/store/aiInfra/slices/aiProvider/action.ts

@@ -40,6 +40,7 @@ export type ProviderModelListItem = {
   parameters?: ModelParamsSchema;
   pricePerImage?: number;
   pricing?: Pricing;
+  releasedAt?: string;
 };
 
 type ModelNormalizer = (model: EnabledAiModel) => Promise<ProviderModelListItem>;
@@ -67,6 +68,7 @@ export const normalizeChatModel = (model: EnabledAiModel): ProviderModelListItem
   contextWindowTokens: model.contextWindowTokens,
   displayName: model.displayName ?? '',
   id: model.id,
+  releasedAt: model.releasedAt,
 });
 
 export const normalizeImageModel = async (
@@ -107,6 +109,7 @@ export const normalizeImageModel = async (
     contextWindowTokens: model.contextWindowTokens,
     displayName: model.displayName ?? '',
     id: model.id,
+    releasedAt: model.releasedAt,
     ...(parameters && { parameters }),
     ...(description && { description }),
     ...(pricing && { pricing }),

package/src/store/chat/slices/aiChat/actions/__tests__/conversationLifecycle.test.ts

@@ -2,6 +2,7 @@ import { act, renderHook } from '@testing-library/react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { aiChatService } from '@/services/aiChat';
+import { getSessionStoreState } from '@/store/session';
 
 import { useChatStore } from '../../../../store';
 import { TEST_CONTENT, TEST_IDS, createMockMessage } from './fixtures';
@@ -30,6 +31,8 @@ beforeEach(() => {
   resetTestEnvironment();
   setupMockSelectors();
   spyOnMessageService();
+  const sessionStore = getSessionStoreState();
+  vi.spyOn(sessionStore, 'triggerSessionUpdate').mockResolvedValue(undefined);
 
   act(() => {
     useChatStore.setState({

package/src/store/chat/slices/aiChat/actions/streamingExecutor.ts

@@ -530,6 +530,17 @@ export const streamingExecutor: StateCreator<
               get().completeOperation(reasoningOperationId);
               reasoningOperationId = undefined;
             }
+            break;
+          }
+
+          case 'stop': {
+            // Complete reasoning operation when receiving stop signal
+            if (!duration && reasoningOperationId) {
+              duration = Date.now() - thinkingStartAt;
+              get().completeOperation(reasoningOperationId);
+              reasoningOperationId = undefined;
+            }
+            break;
           }
         }
       },