@lobehub/lobehub 2.0.0-next.32 → 2.0.0-next.34

package/packages/conversation-flow/src/types/shared.ts

@@ -0,0 +1,63 @@
+import type { UIChatMessage } from '@lobechat/types';
+
+import type { ContextNode } from './contextTree';
+import type { FlatMessage } from './flatMessageList';
+
+/**
+ * Shared Types
+ *
+ * Common types used across the conversation flow engine.
+ */
+
+/**
+ * Re-export UIChatMessage as Message for convenience
+ */
+export type Message = UIChatMessage;
+
+/**
+ * Message group metadata from database
+ * Used for multi-model parallel conversations and manual grouping
+ */
+export interface MessageGroupMetadata {
+  description?: string;
+  id: string;
+  /** Presentation mode: compare, summary, or manual */
+  mode?: 'compare' | 'summary' | 'manual';
+  /** Parent message that triggered this group */
+  parentMessageId?: string;
+  title?: string;
+}
+
+/**
+ * Internal structure node used during tree building
+ */
+export interface IdNode {
+  children: IdNode[];
+  id: string;
+}
+
+/**
+ * Result of the parse function
+ */
+export interface ParseResult {
+  /** Semantic tree structure for navigation and context understanding */
+  contextTree: ContextNode[];
+  /** Flattened list optimized for virtual list rendering */
+  flatList: FlatMessage[];
+  /** Map for O(1) message access */
+  messageMap: Record<string, Message>;
+}
+
+/**
+ * Internal helper maps used during parsing
+ */
+export interface HelperMaps {
+  /** Maps parent ID to array of child IDs */
+  childrenMap: Map<string | null, string[]>;
+  /** Maps message group ID to its metadata */
+  messageGroupMap: Map<string, MessageGroupMetadata>;
+  /** Maps message ID to message */
+  messageMap: Map<string, Message>;
+  /** Maps thread ID to all messages in that thread */
+  threadMap: Map<string, Message[]>;
+}

package/packages/conversation-flow/src/types.ts

@@ -0,0 +1,36 @@
+/**
+ * Type Index
+ *
+ * Centralized exports for all conversation flow types.
+ * Types are organized into three categories:
+ *
+ * 1. Context Tree (types/contextTree.ts) - Tree structure for navigation
+ * 2. Flat Message List (types/flatMessageList.ts) - Optimized for rendering
+ * 3. Shared (types/shared.ts) - Common types used across modules
+ */
+
+// Context Tree Types
+export type {
+  AssistantGroupNode,
+  BranchNode,
+  CompareNode,
+  ContextNode,
+  MessageNode,
+} from './types/contextTree';
+
+// Flat Message List Types
+export type {
+  BranchMetadata,
+  FlatMessage,
+  FlatMessageExtra,
+  FlatMessageRole,
+} from './types/flatMessageList';
+
+// Shared Types
+export type {
+  HelperMaps,
+  IdNode,
+  Message,
+  MessageGroupMetadata,
+  ParseResult,
+} from './types/shared';

package/packages/conversation-flow/vitest.config.mts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    coverage: {
+      reporter: ['text', 'json', 'lcov', 'text-summary'],
+    },
+    environment: 'happy-dom',
+  },
+});

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

@@ -932,7 +932,7 @@ const googleImageModels: AIImageModelCard[] = [
     type: 'image',
     description: 'Imagen 4th generation text-to-image model series',
     organization: 'Deepmind',
-    releasedAt: '2024-06-06',
+    releasedAt: '2025-06-06',
     parameters: imagenGenParameters,
     pricing: {
       units: [{ name: 'imageGeneration', rate: 0.04, strategy: 'fixed', unit: 'image' }],

package/packages/types/src/message/common/metadata.ts

@@ -103,4 +103,8 @@ export interface ModelPerformance {
   latency?: number;
 }
 
-export interface MessageMetadata extends ModelUsage, ModelPerformance {}
+export interface MessageMetadata extends ModelUsage, ModelPerformance {
+  activeBranchIndex?: number;
+  activeColumn?: boolean;
+  compare?: boolean;
+}

package/src/app/[variants]/(main)/chat/@session/features/SessionListContent/List/Item/index.tsx

@@ -4,9 +4,8 @@ import { Flexbox } from 'react-layout-kit';
 import { shallow } from 'zustand/shallow';
 
 import { DEFAULT_AVATAR } from '@/const/meta';
+import { INBOX_SESSION_ID } from '@/const/session';
 import { isDesktop } from '@/const/version';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors } from '@/store/chat/selectors';
 import { useGlobalStore } from '@/store/global';
@@ -28,7 +27,6 @@ interface SessionItemProps {
 const SessionItem = memo<SessionItemProps>(({ id }) => {
   const [open, setOpen] = useState(false);
   const [createGroupModalOpen, setCreateGroupModalOpen] = useState(false);
-  const [defaultModel] = useAgentStore((s) => [agentSelectors.inboxAgentModel(s)]);
 
   const openSessionInNewWindow = useGlobalStore((s) => s.openSessionInNewWindow);
 
@@ -55,7 +53,8 @@ const SessionItem = memo<SessionItemProps>(({ id }) => {
       ];
     });
 
-  const showModel = sessionType === 'agent' && model && model !== defaultModel;
+  // Only hide the model tag for the inbox session itself (随便聊聊)
+  const showModel = sessionType === 'agent' && model && id !== INBOX_SESSION_ID;
 
   const handleDoubleClick = () => {
     if (isDesktop) {

package/src/app/[variants]/(main)/settings/provider/ProviderMenu/List.tsx

@@ -1,19 +1,29 @@
 'use client';
 
-import { ActionIcon, ScrollShadow, Text } from '@lobehub/ui';
+import { ActionIcon, Dropdown, Icon, ScrollShadow, Text } from '@lobehub/ui';
+import type { ItemType } from 'antd/es/menu/interface';
 import isEqual from 'fast-deep-equal';
-import { ArrowDownUpIcon } from 'lucide-react';
-import { useState } from 'react';
+import { ArrowDownUpIcon, LucideCheck } from 'lucide-react';
+import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { aiProviderSelectors } from '@/store/aiInfra';
 import { useAiInfraStore } from '@/store/aiInfra/store';
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
 
 import All from './All';
 import ProviderItem from './Item';
 import SortProviderModal from './SortProviderModal';
 
+// Sort type enumeration
+enum SortType {
+  Alphabetical = 'alphabetical',
+  AlphabeticalDesc = 'alphabeticalDesc',
+  Default = 'default',
+}
+
 const ProviderList = (props: {
   mobile?: boolean;
   onProviderSelect: (providerKey: string) => void;
@@ -21,6 +31,19 @@ const ProviderList = (props: {
   const { onProviderSelect, mobile } = props;
   const { t } = useTranslation('modelProvider');
   const [open, setOpen] = useState(false);
+
+  const [sortType, updateSystemStatus] = useGlobalStore((s) => [
+    systemStatusSelectors.disabledModelProvidersSortType(s),
+    s.updateSystemStatus,
+  ]);
+
+  const updateSortType = useCallback(
+    (newSortType: SortType) => {
+      updateSystemStatus({ disabledModelProvidersSortType: newSortType });
+    },
+    [updateSystemStatus],
+  );
+
   const enabledModelProviderList = useAiInfraStore(
     aiProviderSelectors.enabledAiProviderList,
     isEqual,
@@ -30,6 +53,34 @@ const ProviderList = (props: {
     aiProviderSelectors.disabledAiProviderList,
     isEqual,
   );
+
+  // Sort model providers based on sort type
+  const sortedDisabledProviders = useMemo(() => {
+    const providers = [...disabledModelProviderList];
+    switch (sortType) {
+      case SortType.Alphabetical: {
+        return providers.sort((a, b) => {
+          const cmpDisplay = (a.name || a.id).localeCompare(b.name || b.id);
+          if (cmpDisplay !== 0) return cmpDisplay;
+          return a.id.localeCompare(b.id);
+        });
+      }
+      case SortType.AlphabeticalDesc: {
+        return providers.sort((a, b) => {
+          const cmpDisplay = (b.name || a.id).localeCompare(a.name || b.id);
+          if (cmpDisplay !== 0) return cmpDisplay;
+          return b.id.localeCompare(a.id);
+        });
+      }
+      case SortType.Default: {
+        return providers;
+      }
+      default: {
+        return providers;
+      }
+    }
+  }, [disabledModelProviderList, sortType]);
+
   return (
     <ScrollShadow gap={4} height={'100%'} paddingInline={12} size={4} style={{ paddingBottom: 32 }}>
       {!mobile && <All onClick={onProviderSelect} />}
@@ -63,10 +114,49 @@ const ProviderList = (props: {
       {enabledModelProviderList.map((item) => (
         <ProviderItem {...item} key={item.id} onClick={onProviderSelect} />
       ))}
-      <Text style={{ fontSize: 12, marginTop: 8 }} type={'secondary'}>
-        {t('menu.list.disabled')}
-      </Text>
-      {disabledModelProviderList.map((item) => (
+      <Flexbox align={'center'} horizontal justify={'space-between'}>
+        <Text style={{ fontSize: 12, marginTop: 8 }} type={'secondary'}>
+          {t('menu.list.disabled')}
+        </Text>
+        {disabledModelProviderList.length > 1 && (
+          <Dropdown
+            menu={{
+              items: [
+                {
+                  icon: sortType === SortType.Default ? <Icon icon={LucideCheck} /> : <div />,
+                  key: 'default',
+                  label: t('menu.list.disabledActions.sortDefault'),
+                  onClick: () => updateSortType(SortType.Default),
+                },
+                {
+                  type: 'divider',
+                },
+                {
+                  icon: sortType === SortType.Alphabetical ? <Icon icon={LucideCheck} /> : <div />,
+                  key: 'alphabetical',
+                  label: t('menu.list.disabledActions.sortAlphabetical'),
+                  onClick: () => updateSortType(SortType.Alphabetical),
+                },
+                {
+                  icon:
+                    sortType === SortType.AlphabeticalDesc ? <Icon icon={LucideCheck} /> : <div />,
+                  key: 'alphabeticalDesc',
+                  label: t('menu.list.disabledActions.sortAlphabeticalDesc'),
+                  onClick: () => updateSortType(SortType.AlphabeticalDesc),
+                },
+              ] as ItemType[],
+            }}
+            trigger={['click']}
+          >
+            <ActionIcon
+              icon={ArrowDownUpIcon}
+              size={'small'}
+              title={t('menu.list.disabledActions.sort')}
+            />
+          </Dropdown>
+        )}
+      </Flexbox>
+      {sortedDisabledProviders.map((item) => (
         <ProviderItem {...item} key={item.id} onClick={onProviderSelect} />
       ))}
     </ScrollShadow>

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

@@ -1,12 +1,15 @@
-import { Button, Text } from '@lobehub/ui';
+import { ActionIcon, Button, Dropdown, Icon, Text } from '@lobehub/ui';
+import type { ItemType } from 'antd/es/menu/interface';
 import isEqual from 'fast-deep-equal';
-import { ChevronDown } from 'lucide-react';
-import { memo, useMemo, useState } from 'react';
+import { ArrowDownUpIcon, ChevronDown, LucideCheck } from 'lucide-react';
+import { memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useAiInfraStore } from '@/store/aiInfra';
 import { aiModelSelectors } from '@/store/aiInfra/selectors';
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
 
 import ModelItem from './ModelItem';
 
@@ -14,10 +17,32 @@ interface DisabledModelsProps {
   activeTab: string;
 }
 
+// Sort type enumeration
+enum SortType {
+  Alphabetical = 'alphabetical',
+  AlphabeticalDesc = 'alphabeticalDesc',
+  Default = 'default',
+  ReleasedAt = 'releasedAt',
+  ReleasedAtDesc = 'releasedAtDesc',
+}
+
 const DisabledModels = memo<DisabledModelsProps>(({ activeTab }) => {
   const { t } = useTranslation('modelProvider');
 
   const [showMore, setShowMore] = useState(false);
+
+  const [sortType, updateSystemStatus] = useGlobalStore((s) => [
+    systemStatusSelectors.disabledModelsSortType(s),
+    s.updateSystemStatus,
+  ]);
+
+  const updateSortType = useCallback(
+    (newSortType: SortType) => {
+      updateSystemStatus({ disabledModelsSortType: newSortType });
+    },
+    [updateSystemStatus],
+  );
+
   const disabledModels = useAiInfraStore(aiModelSelectors.disabledAiProviderModelList, isEqual);
 
   // Filter models based on active tab
@@ -26,18 +51,129 @@ const DisabledModels = memo<DisabledModelsProps>(({ activeTab }) => {
     return disabledModels.filter((model) => model.type === activeTab);
   }, [disabledModels, activeTab]);
 
-  const displayModels = showMore ? filteredDisabledModels : filteredDisabledModels.slice(0, 10);
+  // Sort models based on sort type
+  const sortedDisabledModels = useMemo(() => {
+    const models = [...filteredDisabledModels];
+    switch (sortType) {
+      case SortType.Alphabetical: {
+        return models.sort((a, b) => {
+          const cmpDisplay = (a.displayName || a.id).localeCompare(b.displayName || b.id);
+          if (cmpDisplay !== 0) return cmpDisplay;
+          return a.id.localeCompare(b.id);
+        });
+      }
+      case SortType.AlphabeticalDesc: {
+        return models.sort((a, b) => {
+          const cmpDisplay = (b.displayName || b.id).localeCompare(a.displayName || a.id);
+          if (cmpDisplay !== 0) return cmpDisplay;
+          return b.id.localeCompare(a.id);
+        });
+      }
+      case SortType.ReleasedAt: {
+        return models.sort((a, b) => {
+          const aHasDate = !!a.releasedAt;
+          const bHasDate = !!b.releasedAt;
+
+          if (aHasDate && !bHasDate) return -1;
+          if (!aHasDate && bHasDate) return 1;
+          if (!aHasDate && !bHasDate) return 0;
+
+          return a.releasedAt!.localeCompare(b.releasedAt!);
+        });
+      }
+      case SortType.ReleasedAtDesc: {
+        return models.sort((a, b) => {
+          const aHasDate = !!a.releasedAt;
+          const bHasDate = !!b.releasedAt;
+
+          if (aHasDate && !bHasDate) return -1;
+          if (!aHasDate && bHasDate) return 1;
+          if (!aHasDate && !bHasDate) return 0;
+
+          return b.releasedAt!.localeCompare(a.releasedAt!);
+        });
+      }
+      case SortType.Default: {
+        return models;
+      }
+      default: {
+        return models;
+      }
+    }
+  }, [filteredDisabledModels, sortType]);
+
+  const displayModels = showMore ? sortedDisabledModels : sortedDisabledModels.slice(0, 10);
 
   return (
     filteredDisabledModels.length > 0 && (
       <Flexbox>
-        <Text style={{ fontSize: 12, marginTop: 8 }} type={'secondary'}>
-          {t('providerModels.list.disabled')}
-        </Text>
+        <Flexbox align="center" horizontal justify="space-between">
+          <Text style={{ fontSize: 12, marginTop: 8 }} type={'secondary'}>
+            {t('providerModels.list.disabled')}
+          </Text>
+          {filteredDisabledModels.length > 1 && (
+            <Dropdown
+              menu={{
+                items: [
+                  {
+                    icon: sortType === SortType.Default ? <Icon icon={LucideCheck} /> : <div />,
+                    key: 'default',
+                    label: t('providerModels.list.disabledActions.sortDefault'),
+                    onClick: () => updateSortType(SortType.Default),
+                  },
+                  {
+                    type: 'divider',
+                  },
+                  {
+                    icon:
+                      sortType === SortType.Alphabetical ? <Icon icon={LucideCheck} /> : <div />,
+                    key: 'alphabetical',
+                    label: t('providerModels.list.disabledActions.sortAlphabetical'),
+                    onClick: () => updateSortType(SortType.Alphabetical),
+                  },
+                  {
+                    icon:
+                      sortType === SortType.AlphabeticalDesc ? (
+                        <Icon icon={LucideCheck} />
+                      ) : (
+                        <div />
+                      ),
+                    key: 'alphabeticalDesc',
+                    label: t('providerModels.list.disabledActions.sortAlphabeticalDesc'),
+                    onClick: () => updateSortType(SortType.AlphabeticalDesc),
+                  },
+                  {
+                    type: 'divider',
+                  },
+                  {
+                    icon: sortType === SortType.ReleasedAt ? <Icon icon={LucideCheck} /> : <div />,
+                    key: 'releasedAt',
+                    label: t('providerModels.list.disabledActions.sortReleasedAt'),
+                    onClick: () => updateSortType(SortType.ReleasedAt),
+                  },
+                  {
+                    icon:
+                      sortType === SortType.ReleasedAtDesc ? <Icon icon={LucideCheck} /> : <div />,
+                    key: 'releasedAtDesc',
+                    label: t('providerModels.list.disabledActions.sortReleasedAtDesc'),
+                    onClick: () => updateSortType(SortType.ReleasedAtDesc),
+                  },
+                ] as ItemType[],
+              }}
+              trigger={['click']}
+            >
+              <ActionIcon
+                icon={ArrowDownUpIcon}
+                size={'small'}
+                title={t('providerModels.list.disabledActions.sort')}
+              />
+            </Dropdown>
+          )}
+        </Flexbox>
         {displayModels.map((item) => (
           <ModelItem {...item} key={item.id} />
         ))}
-        {!showMore && filteredDisabledModels.length > 10 && (
+        {!showMore && sortedDisabledModels.length > 10 && (
           <Button
             block
             icon={ChevronDown}

package/src/envs/__tests__/app.test.ts

@@ -1,18 +1,10 @@
 // @vitest-environment node
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { getAppConfig } from '../app';
-
-// Stub the global process object to safely mock environment variables
-vi.stubGlobal('process', {
-  ...process, // Preserve the original process object
-  env: { ...process.env }, // Clone the environment variables object for modification
-});
-
 describe('getServerConfig', () => {
   beforeEach(() => {
-    // Reset environment variables before each test case
-    vi.restoreAllMocks();
+    // Reset modules to clear the cached config
+    vi.resetModules();
   });
 
   // it('correctly handles values for OPENAI_FUNCTION_REGIONS', () => {
@@ -22,7 +14,8 @@ describe('getServerConfig', () => {
   // });
 
   describe('index url', () => {
-    it('should return default URLs when no environment variables are set', () => {
+    it('should return default URLs when no environment variables are set', async () => {
+      const { getAppConfig } = await import('../app');
       const config = getAppConfig();
       expect(config.AGENTS_INDEX_URL).toBe(
         'https://registry.npmmirror.com/@lobehub/agents-index/v1/files/public',
@@ -32,18 +25,20 @@ describe('getServerConfig', () => {
       );
     });
 
-    it('should return custom URLs when environment variables are set', () => {
+    it('should return custom URLs when environment variables are set', async () => {
       process.env.AGENTS_INDEX_URL = 'https://custom-agents-url.com';
       process.env.PLUGINS_INDEX_URL = 'https://custom-plugins-url.com';
+      const { getAppConfig } = await import('../app');
       const config = getAppConfig();
       expect(config.AGENTS_INDEX_URL).toBe('https://custom-agents-url.com');
       expect(config.PLUGINS_INDEX_URL).toBe('https://custom-plugins-url.com');
     });
 
-    it('should return default URLs when environment variables are empty string', () => {
+    it('should return default URLs when environment variables are empty string', async () => {
       process.env.AGENTS_INDEX_URL = '';
       process.env.PLUGINS_INDEX_URL = '';
 
+      const { getAppConfig } = await import('../app');
       const config = getAppConfig();
       expect(config.AGENTS_INDEX_URL).toBe(
         'https://registry.npmmirror.com/@lobehub/agents-index/v1/files/public',
@@ -53,4 +48,43 @@ describe('getServerConfig', () => {
       );
     });
   });
+
+  describe('INTERNAL_APP_URL', () => {
+    it('should default to APP_URL when INTERNAL_APP_URL is not set', async () => {
+      process.env.APP_URL = 'https://example.com';
+      delete process.env.INTERNAL_APP_URL;
+
+      const { getAppConfig } = await import('../app');
+      const config = getAppConfig();
+      expect(config.INTERNAL_APP_URL).toBe('https://example.com');
+    });
+
+    it('should use INTERNAL_APP_URL when explicitly set', async () => {
+      process.env.APP_URL = 'https://public.example.com';
+      process.env.INTERNAL_APP_URL = 'http://localhost:3210';
+
+      const { getAppConfig } = await import('../app');
+      const config = getAppConfig();
+      expect(config.INTERNAL_APP_URL).toBe('http://localhost:3210');
+    });
+
+    it('should use INTERNAL_APP_URL over APP_URL when both are set', async () => {
+      process.env.APP_URL = 'https://public.example.com';
+      process.env.INTERNAL_APP_URL = 'http://internal-service:3210';
+
+      const { getAppConfig } = await import('../app');
+      const config = getAppConfig();
+      expect(config.APP_URL).toBe('https://public.example.com');
+      expect(config.INTERNAL_APP_URL).toBe('http://internal-service:3210');
+    });
+
+    it('should handle localhost INTERNAL_APP_URL for bypassing CDN', async () => {
+      process.env.APP_URL = 'https://cloudflare-proxied.com';
+      process.env.INTERNAL_APP_URL = 'http://127.0.0.1:3210';
+
+      const { getAppConfig } = await import('../app');
+      const config = getAppConfig();
+      expect(config.INTERNAL_APP_URL).toBe('http://127.0.0.1:3210');
+    });
+  });
 });

package/src/envs/app.ts

@@ -20,6 +20,10 @@ const APP_URL = process.env.APP_URL
     ? vercelUrl
     : 'http://localhost:3010';
 
+// INTERNAL_APP_URL is used for server-to-server calls to bypass CDN/proxy
+// Falls back to APP_URL if not set
+const INTERNAL_APP_URL = process.env.INTERNAL_APP_URL || APP_URL;
+
 const ASSISTANT_INDEX_URL = 'https://registry.npmmirror.com/@lobehub/agents-index/v1/files/public';
 
 const PLUGINS_INDEX_URL = 'https://registry.npmmirror.com/@lobehub/plugins-index/v1/files/public';
@@ -43,6 +47,7 @@ export const getAppConfig = () => {
       PLUGIN_SETTINGS: z.string().optional(),
 
       APP_URL: z.string().optional(),
+      INTERNAL_APP_URL: z.string().optional(),
       VERCEL_EDGE_CONFIG: z.string().optional(),
       MIDDLEWARE_REWRITE_THROUGH_LOCAL: z.boolean().optional(),
       ENABLE_AUTH_PROTECTION: z.boolean().optional(),
@@ -77,6 +82,7 @@ export const getAppConfig = () => {
       VERCEL_EDGE_CONFIG: process.env.VERCEL_EDGE_CONFIG,
 
       APP_URL,
+      INTERNAL_APP_URL,
       MIDDLEWARE_REWRITE_THROUGH_LOCAL: process.env.MIDDLEWARE_REWRITE_THROUGH_LOCAL === '1',
       ENABLE_AUTH_PROTECTION: process.env.ENABLE_AUTH_PROTECTION === '1',
 

package/src/locales/default/modelProvider.ts

@@ -202,6 +202,12 @@ export default {
     all: '全部',
     list: {
       disabled: '未启用',
+      disabledActions: {
+        sort: '排序方式',
+        sortAlphabetical: '按字母排序',
+        sortAlphabeticalDesc: '按字母倒序排序',
+        sortDefault: '默认排序',
+      },
       enabled: '已启用',
     },
     notFound: '未找到搜索结果',
@@ -399,7 +405,15 @@ export default {
     list: {
       addNew: '添加模型',
       disabled: '未启用',
-      disabledActions: { showMore: '显示全部' },
+      disabledActions: {
+        showMore: '显示全部',
+        sort: '排序方式',
+        sortAlphabetical: '按字母排序',
+        sortAlphabeticalDesc: '按字母倒序排序',
+        sortDefault: '默认排序',
+        sortReleasedAt: '按最早发布时间排序',
+        sortReleasedAtDesc: '按最新发布时间排序',
+      },
       empty: {
         desc: '请创建自定义模型或拉取模型后开始使用吧',
         title: '暂无可用模型',