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

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.103](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.102...v2.0.0-next.103)
+
+<sup>Released on **2025-11-22**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Hide ai image config item in settings category.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Hide ai image config item in settings category, closes [#10066](https://github.com/lobehub/lobe-chat/issues/10066) ([90354eb](https://github.com/lobehub/lobe-chat/commit/90354eb))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.102](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.101...v2.0.0-next.102)
 
 <sup>Released on **2025-11-22**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Hide ai image config item in settings category."
+      ]
+    },
+    "date": "2025-11-22",
+    "version": "2.0.0-next.103"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.102",
+  "version": "2.0.0-next.103",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/database/src/models/aiModel.ts

@@ -104,6 +104,7 @@ export class AiModelModel {
         id: aiModels.id,
         parameters: aiModels.parameters,
         providerId: aiModels.providerId,
+        releasedAt: aiModels.releasedAt,
         sort: aiModels.sort,
         source: aiModels.source,
         type: aiModels.type,

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

@@ -1057,6 +1057,7 @@ const aihubmixModels: AIChatModelCard[] = [
     description:
       'Gemini 3 Pro Image（Nano Banana Pro）是 Google 的图像生成模型，同时支持多模态对话。',
     displayName: 'Nano Banana Pro',
+    enabled: true,
     id: 'gemini-3-pro-image-preview',
     maxOutput: 32_768,
     pricing: {
@@ -1067,6 +1068,7 @@ const aihubmixModels: AIChatModelCard[] = [
         { name: 'textOutput', rate: 12, strategy: 'fixed', unit: 'millionTokens' },
       ],
     },
+    releasedAt: '2025-11-20',
     settings: {
       searchImpl: 'params',
       searchProvider: 'google',

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

@@ -184,6 +184,7 @@ const googleChatModels: AIChatModelCard[] = [
     description:
       'Gemini 3 Pro Image（Nano Banana Pro）是 Google 的图像生成模型，同时支持多模态对话。',
     displayName: 'Nano Banana Pro',
+    enabled: true,
     id: 'gemini-3-pro-image-preview',
     maxOutput: 32_768,
     pricing: {
@@ -194,6 +195,7 @@ const googleChatModels: AIChatModelCard[] = [
         { name: 'textOutput', rate: 12, strategy: 'fixed', unit: 'millionTokens' },
       ],
     },
+    releasedAt: '2025-11-20',
     settings: {
       searchImpl: 'params',
       searchProvider: 'google',
@@ -891,6 +893,7 @@ const googleImageModels: AIImageModelCard[] = [
     displayName: 'Nano Banana Pro',
     id: 'gemini-3-pro-image-preview:image',
     type: 'image',
+    enabled: true,
     description:
       'Gemini 3 Pro Image（Nano Banana Pro）是 Google 的图像生成模型，同时支持多模态对话。',
     releasedAt: '2025-11-18',

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

@@ -25,6 +25,7 @@ const ollamaCloudModels: AIChatModelCard[] = [
     displayName: 'Gemini 3 Pro Preview',
     enabled: true,
     id: 'gemini-3-pro-preview',
+    releasedAt: '2025-11-20',
     type: 'chat',
   },
   {

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

@@ -14,6 +14,7 @@ const vertexaiChatModels: AIChatModelCard[] = [
     description:
       'Gemini 3 Pro Image（Nano Banana Pro）是 Google 的图像生成模型，同时支持多模态对话。',
     displayName: 'Nano Banana Pro',
+    enabled: true,
     id: 'gemini-3-pro-image-preview',
     maxOutput: 32_768,
     pricing: {
@@ -24,6 +25,7 @@ const vertexaiChatModels: AIChatModelCard[] = [
         { name: 'textOutput', rate: 12, strategy: 'fixed', unit: 'millionTokens' },
       ],
     },
+    releasedAt: '2025-11-20',
     settings: {
       searchImpl: 'params',
       searchProvider: 'google',

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

@@ -19,6 +19,7 @@ const zenmuxChatModels: AIChatModelCard[] = [
     description:
       'Gemini 3 Pro Image（Nano Banana Pro）是 Google 的图像生成模型，同时支持多模态对话。',
     displayName: 'Gemini 3 Pro Image (Nano Banana Pro)',
+    enabled: true,
     id: 'google/gemini-3-pro-image-preview',
     maxOutput: 32_768,
     pricing: {
@@ -28,6 +29,7 @@ const zenmuxChatModels: AIChatModelCard[] = [
         { name: 'textOutput', rate: 12, strategy: 'fixed', unit: 'millionTokens' },
       ],
     },
+    releasedAt: '2025-11-20',
     type: 'chat',
   },
   {
@@ -68,6 +70,7 @@ const zenmuxChatModels: AIChatModelCard[] = [
         { name: 'textOutput', rate: 12, strategy: 'fixed', unit: 'millionTokens' },
       ],
     },
+    releasedAt: '2025-11-20',
     type: 'chat',
   },
   {

package/packages/model-bank/src/types/aiModel.ts

@@ -412,6 +412,7 @@ export interface AiModelForSelect {
    */
   pricePerImage?: number;
   pricing?: Pricing;
+  releasedAt?: string;
 }
 
 export interface EnabledAiModel {

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

@@ -7,6 +7,8 @@ import numeral from 'numeral';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import NewModelBadge from '@/components/ModelSelect/NewModelBadge';
+
 const POPOVER_MAX_WIDTH = 320;
 
 const useStyles = createStyles(({ css, token, isDarkMode }) => ({
@@ -25,6 +27,11 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
 }));
 
 type ImageModelItemProps = AiModelForSelect & {
+  /**
+   * Whether to show new model badge
+   * @default true
+   */
+  showBadge?: boolean;
   /**
    * Whether to show popover on hover
    * @default true
@@ -33,7 +40,14 @@ type ImageModelItemProps = AiModelForSelect & {
 };
 
 const ImageModelItem = memo<ImageModelItemProps>(
-  ({ approximatePricePerImage, description, pricePerImage, showPopover = true, ...model }) => {
+  ({
+    approximatePricePerImage,
+    description,
+    pricePerImage,
+    showPopover = true,
+    showBadge = true,
+    ...model
+  }) => {
     const { styles } = useStyles();
 
     const priceLabel = useMemo(() => {
@@ -67,6 +81,7 @@ const ImageModelItem = memo<ImageModelItemProps>(
         <Text ellipsis title={model.displayName || model.id}>
           {model.displayName || model.id}
         </Text>
+        {showBadge && <NewModelBadge releasedAt={model.releasedAt} />}
       </Flexbox>
     );
 

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

@@ -2,7 +2,6 @@ import { EnabledProviderWithModels } from '@lobechat/types';
 import { ActionIcon, Icon, Select, type SelectProps } from '@lobehub/ui';
 import { createStyles, useTheme } from 'antd-style';
 import { LucideArrowRight, LucideBolt } from 'lucide-react';
-import Link from 'next/link';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -107,13 +106,15 @@ const ModelSelect = memo(() => {
             provider={provider.id}
             source={provider.source}
           />
-          <Link href={`/settings?active=provider&provider=${provider.id}`}>
-            <ActionIcon
-              icon={LucideBolt}
-              size={'small'}
-              title={t('ModelSwitchPanel.goToSettings')}
-            />
-          </Link>
+          <ActionIcon
+            icon={LucideBolt}
+            onClick={(e) => {
+              e.stopPropagation();
+              navigate(`/settings?active=provider&provider=${provider.id}`);
+            }}
+            size={'small'}
+            title={t('ModelSwitchPanel.goToSettings')}
+          />
         </Flexbox>
       ),
       options: getImageModels(provider),
@@ -129,7 +130,7 @@ const ModelSelect = memo(() => {
 
     if (!modelInfo) return props.label;
 
-    return <ImageModelItem {...modelInfo} showPopover={false} />;
+    return <ImageModelItem {...modelInfo} showBadge={false} showPopover={false} />;
   };
 
   return (

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/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 }),