@lobehub/lobehub 2.0.0-next.266 → 2.0.0-next.268

package/src/app/[variants]/(main)/home/_layout/Body/Agent/ModalProvider.tsx

@@ -23,26 +23,13 @@ interface AgentModalContextValue {
 
 interface GroupWizardCallbacks {
   onCancel?: () => void;
-  onCreateCustom?: (
-    selectedAgents: string[],
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
-  ) => Promise<void>;
-  onCreateFromTemplate?: (
-    templateId: string,
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
-    selectedMemberTitles?: string[],
-  ) => Promise<void>;
+  onCreateCustom?: (selectedAgents: string[]) => Promise<void>;
+  onCreateFromTemplate?: (templateId: string, selectedMemberTitles?: string[]) => Promise<void>;
 }
 
 interface MemberSelectionCallbacks {
   onCancel?: () => void;
-  onConfirm?: (
-    selectedAgents: string[],
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
-  ) => Promise<void>;
+  onConfirm?: (selectedAgents: string[]) => Promise<void>;
 }
 
 const AgentModalContext = createContext<AgentModalContextValue | null>(null);
@@ -131,21 +118,11 @@ export const AgentModalProvider = memo<AgentModalProviderProps>(({ children }) =
           groupWizardCallbacks.onCancel?.();
           setGroupWizardOpen(false);
         }}
-        onCreateCustom={async (selectedAgents, hostConfig, enableSupervisor) => {
-          await groupWizardCallbacks.onCreateCustom?.(selectedAgents, hostConfig, enableSupervisor);
+        onCreateCustom={async (selectedAgents: string[]) => {
+          await groupWizardCallbacks.onCreateCustom?.(selectedAgents);
         }}
-        onCreateFromTemplate={async (
-          templateId,
-          hostConfig,
-          enableSupervisor,
-          selectedMemberTitles,
-        ) => {
-          await groupWizardCallbacks.onCreateFromTemplate?.(
-            templateId,
-            hostConfig,
-            enableSupervisor,
-            selectedMemberTitles,
-          );
+        onCreateFromTemplate={async (templateId: string, selectedMemberTitles?: string[]) => {
+          await groupWizardCallbacks.onCreateFromTemplate?.(templateId, selectedMemberTitles);
         }}
         open={groupWizardOpen}
       />
@@ -156,8 +133,8 @@ export const AgentModalProvider = memo<AgentModalProviderProps>(({ children }) =
           memberSelectionCallbacks.onCancel?.();
           setMemberSelectionOpen(false);
         }}
-        onConfirm={async (selectedAgents, hostConfig, enableSupervisor) => {
-          await memberSelectionCallbacks.onConfirm?.(selectedAgents, hostConfig, enableSupervisor);
+        onConfirm={async (selectedAgents: string[]) => {
+          await memberSelectionCallbacks.onConfirm?.(selectedAgents);
         }}
         open={memberSelectionOpen}
       />

package/src/app/[variants]/(main)/home/_layout/hooks/useCreateMenuItems.tsx

@@ -16,11 +16,6 @@ import { useAgentGroupStore } from '@/store/agentGroup';
 import { useHomeStore } from '@/store/home';
 import { usePageStore } from '@/store/page';
 
-interface HostConfig {
-  model?: string;
-  provider?: string;
-}
-
 interface CreateAgentOptions {
   groupId?: string;
   isPinned?: boolean;
@@ -104,12 +99,7 @@ export const useCreateMenuItems = () => {
    * Uses backend batch creation for better performance and consistency
    */
   const createGroupFromTemplate = useCallback(
-    async (
-      templateId: string,
-      hostConfig?: HostConfig,
-      enableSupervisor?: boolean,
-      selectedMemberTitles?: string[],
-    ) => {
+    async (templateId: string, selectedMemberTitles?: string[]) => {
       setIsCreatingGroup(true);
       try {
         const template = groupTemplates.find((t) => t.id === templateId);
@@ -134,16 +124,6 @@ export const useCreateMenuItems = () => {
         // Use batch creation endpoint - creates all agents and group in one request
         const { groupId } = await chatGroupService.createGroupWithMembers(
           {
-            config: {
-              ...(hostConfig
-                ? {
-                    orchestratorModel: hostConfig.model,
-                    orchestratorProvider: hostConfig.provider,
-                  }
-                : {}),
-              enableSupervisor: enableSupervisor ?? true,
-              scene: DEFAULT_CHAT_GROUP_CHAT_CONFIG.scene,
-            },
             title: template.title,
           },
           memberConfigs,
@@ -172,28 +152,14 @@ export const useCreateMenuItems = () => {
    * Create group with members
    */
   const createGroupWithMembers = useCallback(
-    async (
-      selectedAgents: string[],
-      groupTitle?: string,
-      hostConfig?: HostConfig,
-      enableSupervisor?: boolean,
-    ) => {
+    async (selectedAgents: string[], groupTitle?: string) => {
       setIsCreatingGroup(true);
       try {
         const title = groupTitle || t('defaultGroupChat');
 
         await createGroup(
           {
-            config: {
-              ...DEFAULT_CHAT_GROUP_CHAT_CONFIG,
-              ...(hostConfig
-                ? {
-                    orchestratorModel: hostConfig.model,
-                    orchestratorProvider: hostConfig.provider,
-                  }
-                : {}),
-              enableSupervisor: enableSupervisor ?? true,
-            },
+            config: DEFAULT_CHAT_GROUP_CHAT_CONFIG,
             title,
           },
           selectedAgents,

package/src/app/[variants]/(main)/home/_layout/hooks/useSessionGroupMenuItems.tsx

@@ -18,11 +18,6 @@ const styles = createStaticStyles(({ css }) => ({
   `,
 }));
 
-interface HostConfig {
-  model?: string;
-  provider?: string;
-}
-
 /**
  * Hook for generating menu items for session group containers
  * Used in List/Group/Actions.tsx
@@ -153,11 +148,7 @@ export const useSessionGroupMenuItems = () => {
       _groupId: string,
       onOpenMemberSelection: (callbacks: {
         onCancel: () => void;
-        onConfirm: (
-          selectedAgents: string[],
-          hostConfig?: HostConfig,
-          enableSupervisor?: boolean,
-        ) => Promise<void>;
+        onConfirm: (selectedAgents: string[]) => Promise<void>;
       }) => void,
     ): ItemType => {
       const iconElement = <Icon icon={FolderPenIcon} />;
@@ -170,21 +161,12 @@ export const useSessionGroupMenuItems = () => {
 
           onOpenMemberSelection({
             onCancel: () => {},
-            onConfirm: async (selectedAgents, hostConfig, enableSupervisor) => {
+            onConfirm: async (selectedAgents) => {
               setIsCreatingGroup(true);
               try {
                 await createGroup(
                   {
-                    config: {
-                      ...DEFAULT_CHAT_GROUP_CHAT_CONFIG,
-                      ...(hostConfig
-                        ? {
-                            orchestratorModel: hostConfig.model,
-                            orchestratorProvider: hostConfig.provider,
-                          }
-                        : {}),
-                      enableSupervisor: enableSupervisor ?? true,
-                    },
+                    config: DEFAULT_CHAT_GROUP_CHAT_CONFIG,
                     title: 'New Group Chat',
                   },
                   selectedAgents,
@@ -208,12 +190,7 @@ export const useSessionGroupMenuItems = () => {
    * Internal helper function used by create menu items
    */
   const createGroupFromTemplate = useCallback(
-    async (
-      templateId: string,
-      hostConfig?: HostConfig,
-      enableSupervisor?: boolean,
-      selectedMemberTitles?: string[],
-    ) => {
+    async (templateId: string, selectedMemberTitles?: string[]) => {
       setIsCreatingGroup(true);
       try {
         const template = groupTemplates.find((t) => t.id === templateId);
@@ -258,16 +235,7 @@ export const useSessionGroupMenuItems = () => {
 
         await createGroup(
           {
-            config: {
-              ...DEFAULT_CHAT_GROUP_CHAT_CONFIG,
-              ...(hostConfig
-                ? {
-                    orchestratorModel: hostConfig.model,
-                    orchestratorProvider: hostConfig.provider,
-                  }
-                : {}),
-              enableSupervisor: enableSupervisor ?? true,
-            },
+            config: DEFAULT_CHAT_GROUP_CHAT_CONFIG,
             title: template.title,
           },
           memberAgentIds,
@@ -290,28 +258,14 @@ export const useSessionGroupMenuItems = () => {
    * Internal helper function used by create menu items
    */
   const createGroupWithMembers = useCallback(
-    async (
-      selectedAgents: string[],
-      groupTitle?: string,
-      hostConfig?: HostConfig,
-      enableSupervisor?: boolean,
-    ) => {
+    async (selectedAgents: string[], groupTitle?: string) => {
       setIsCreatingGroup(true);
       try {
         const title = groupTitle || t('defaultGroupChat');
 
         await createGroup(
           {
-            config: {
-              ...DEFAULT_CHAT_GROUP_CHAT_CONFIG,
-              ...(hostConfig
-                ? {
-                    orchestratorModel: hostConfig.model,
-                    orchestratorProvider: hostConfig.provider,
-                  }
-                : {}),
-              enableSupervisor: enableSupervisor ?? true,
-            },
+            config: DEFAULT_CHAT_GROUP_CHAT_CONFIG,
             title,
           },
           selectedAgents,

package/src/app/[variants]/(main)/home/features/RecentPage/List.tsx

@@ -7,6 +7,7 @@ import GroupSkeleton from '@/app/[variants]/(main)/home/features/components/Grou
 import { RECENT_BLOCK_SIZE } from '@/app/[variants]/(main)/home/features/const';
 import { useHomeStore } from '@/store/home';
 import { homeRecentSelectors } from '@/store/home/selectors';
+import { standardizeIdentifier } from '@/utils/identifier';
 
 import RecentPageItem from './Item';
 
@@ -22,7 +23,7 @@ const RecentPageList = memo(() => {
   }
 
   return documents.map((document) => {
-    const pageUrl = `/page/${document.id}`;
+    const pageUrl = `/page/${standardizeIdentifier(document.id)}`;
 
     return (
       <Link

package/src/app/[variants]/(main)/resource/features/DndContextWrapper.tsx

@@ -17,7 +17,7 @@ import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 
 import FileIcon from '@/components/FileIcon';
-import { clearTreeFolderCache } from '@/features/ResourceManager/components/Tree';
+import { clearTreeFolderCache } from '@/features/ResourceManager/components/LibraryHierarchy';
 import { useFileStore } from '@/store/file';
 
 import { useResourceManagerStore } from './store';

package/src/app/[variants]/(main)/resource/library/_layout/Sidebar.tsx

@@ -4,14 +4,14 @@ import { memo } from 'react';
 
 import { NavPanelPortal } from '@/features/NavPanel';
 import SideBarLayout from '@/features/NavPanel/SideBarLayout';
-import FileTree from '@/features/ResourceManager/components/Tree';
+import LibraryHierarchy from '@/features/ResourceManager/components/LibraryHierarchy';
 
 import Header from './Header';
 
 const Sidebar = memo(() => {
   return (
     <NavPanelPortal navKey="resourceLibrary">
-      <SideBarLayout body={<FileTree />} header={<Header />} />
+      <SideBarLayout body={<LibraryHierarchy />} header={<Header />} />
     </NavPanelPortal>
   );
 });

package/src/app/[variants]/(main)/resource/library/features/LibraryMenu.tsx

@@ -3,7 +3,7 @@
 import { Flexbox } from '@lobehub/ui';
 import { memo } from 'react';
 
-import FileTree from '@/features/ResourceManager/components/Tree';
+import LibraryHierarchy from '@/features/ResourceManager/components/LibraryHierarchy';
 
 import Head from '../_layout/Header/LibraryHead';
 
@@ -13,7 +13,7 @@ const Menu = memo<{ id: string }>(({ id }) => {
       <Flexbox paddingInline={12}>
         <Head id={id} />
       </Flexbox>
-      <FileTree />
+      <LibraryHierarchy />
     </Flexbox>
   );
 });

package/src/app/[variants]/(mobile)/chat/settings/features/SettingButton.tsx

@@ -8,9 +8,7 @@ import { useTranslation } from 'react-i18next';
 
 import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
-import { useAgentGroupStore } from '@/store/agentGroup';
 import { useSessionStore } from '@/store/session';
-import { sessionSelectors } from '@/store/session/selectors';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors } from '@/store/user/selectors';
 import { HotkeyEnum } from '@/types/hotkey';
@@ -19,26 +17,18 @@ const AgentSettingsEditor = dynamic(() => import('@/app/[variants]/(main)/agent/
   ssr: false,
 });
 
-const AgentTeamSettings = dynamic(() => import('./AgentTeamSettings'), {
-  ssr: false,
-});
-
 const SettingButton = memo<{ mobile?: boolean }>(({ mobile }) => {
   const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.OpenChatSettings));
   const { t } = useTranslation('common');
   const id = useSessionStore((s) => s.activeId);
-  const isGroupSession = useSessionStore(sessionSelectors.isCurrentSessionGroupSession);
 
-  // The chat settings need some compatibility so we use a hook but for
-  // the group settings we use a store directly
   const openChatSettings = useOpenChatSettings();
-  const openGroupSettings = useAgentGroupStore((s) => s.toggleGroupSetting);
 
   return (
     <>
       <ActionIcon
         icon={AlignJustify}
-        onClick={() => (isGroupSession ? openGroupSettings(true) : openChatSettings())}
+        onClick={() => openChatSettings()}
         size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
         title={t('openChatSettings.title', { ns: 'hotkey' })}
         tooltipProps={{
@@ -47,7 +37,7 @@ const SettingButton = memo<{ mobile?: boolean }>(({ mobile }) => {
         }}
       />
 
-      {isGroupSession ? <AgentTeamSettings key={id} /> : <AgentSettingsEditor key={id} />}
+      <AgentSettingsEditor key={id} />
     </>
   );
 });

package/src/components/ChatGroupWizard/ChatGroupWizard.tsx

@@ -191,15 +191,9 @@ export interface ChatGroupWizardProps {
    */
   isCreatingFromTemplate?: boolean;
   onCancel: () => void;
-  onCreateCustom: (
-    selectedAgents: string[],
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
-  ) => void | Promise<void>;
+  onCreateCustom: (selectedAgents: string[]) => void | Promise<void>;
   onCreateFromTemplate: (
     templateId: string,
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
     selectedMemberTitles?: string[],
   ) => void | Promise<void>;
   open: boolean;
@@ -495,8 +489,6 @@ const ChatGroupWizard = memo<ChatGroupWizardProps>(
     const handleTemplateConfirm = useCallback(async () => {
       if (!selectedTemplate) return;
 
-      const hostConfig = isHostRemoved ? undefined : normalizedHostModelConfig;
-
       try {
         // collect selected member titles (not removed)
         const template = groupTemplates.find((t) => t.id === selectedTemplate);
@@ -505,33 +497,19 @@ const ChatGroupWizard = memo<ChatGroupWizardProps>(
           .filter((m) => m !== null && m !== undefined && !removedForTemplate.has(m.title))
           .map((m) => m.title);
 
-        await onCreateFromTemplate(
-          selectedTemplate,
-          hostConfig,
-          !isHostRemoved,
-          selectedMemberTitles,
-        );
+        await onCreateFromTemplate(selectedTemplate, selectedMemberTitles);
         handleReset();
       } catch (error) {
         console.error('Failed to create group from template:', error);
       }
-    }, [
-      selectedTemplate,
-      onCreateFromTemplate,
-      normalizedHostModelConfig,
-      isHostRemoved,
-      groupTemplates,
-      removedMembers,
-    ]);
+    }, [selectedTemplate, onCreateFromTemplate, groupTemplates, removedMembers]);
 
     const handleCustomConfirm = useCallback(async () => {
       if (selectedAgents.length === 0) return;
 
-      const hostConfig = isHostRemoved ? undefined : normalizedHostModelConfig;
-
       try {
         setIsCreatingCustom(true);
-        await onCreateCustom(selectedAgents, hostConfig, !isHostRemoved);
+        await onCreateCustom(selectedAgents);
         handleReset();
         onCancel();
       } catch (error) {
@@ -539,7 +517,7 @@ const ChatGroupWizard = memo<ChatGroupWizardProps>(
       } finally {
         setIsCreatingCustom(false);
       }
-    }, [selectedAgents, onCreateCustom, normalizedHostModelConfig, isHostRemoved, onCancel]);
+    }, [selectedAgents, onCreateCustom, onCancel]);
 
     const handleConfirm = useCallback(async () => {
       if (selectedTemplate) {

package/src/components/DragUpload/index.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import { Center, Flexbox, Icon } from '@lobehub/ui';
-import { createStaticStyles, cssVar } from 'antd-style';
+import { createStyles } from 'antd-style';
 import { FileImage, FileText, FileUpIcon } from 'lucide-react';
 import { memo } from 'react';
 import { createPortal } from 'react-dom';
@@ -11,22 +11,22 @@ import { getContainer, useDragUpload } from './useDragUpload';
 const BLOCK_SIZE = 64;
 const ICON_SIZE = { size: 36, strokeWidth: 1.5 };
 
-const styles = createStaticStyles(({ css }) => {
+const useStyles = createStyles(({ css, token }) => {
   return {
     container: css`
       width: 320px;
       height: 200px;
-      padding: calc(${cssVar.borderRadiusLG} + 4px);
+      padding: calc(${token.borderRadiusLG}px + 4px);
       border-radius: 16px;
 
-      background: ${cssVar.geekblue};
+      background: ${token.geekblue};
     `,
     content: css`
       width: 100%;
       height: 100%;
       padding: 16px;
       border: 1.5px dashed #fff;
-      border-radius: ${cssVar.borderRadiusLG};
+      border-radius: ${token.borderRadiusLG}px;
     `,
     desc: css`
       font-size: 14px;
@@ -34,13 +34,25 @@ const styles = createStaticStyles(({ css }) => {
       color: #fff;
     `,
     icon: css`
-      border-radius: ${cssVar.borderRadiusLG};
-      color: color-mix(in srgb, ${cssVar.geekblue} 95%, black);
-      background: color-mix(in srgb, ${cssVar.geekblue} 38%, white);
+      border-radius: ${token.borderRadiusLG}px;
+      color: color-mix(in srgb, ${token.geekblue} 95%, black);
+      background: color-mix(in srgb, ${token.geekblue} 38%, white);
     `,
     iconGroup: css`
       margin-block-start: -44px;
     `,
+    iconLeft: css`
+      transform: rotateZ(-20deg) translateX(10px);
+      border-radius: ${token.borderRadiusLG}px;
+      color: color-mix(in srgb, ${token.geekblue} 95%, black);
+      background: color-mix(in srgb, ${token.geekblue} 68%, white);
+    `,
+    iconRight: css`
+      transform: rotateZ(20deg) translateX(-10px);
+      border-radius: ${token.borderRadiusLG}px;
+      color: color-mix(in srgb, ${token.geekblue} 95%, black);
+      background: color-mix(in srgb, ${token.geekblue} 68%, white);
+    `,
     title: css`
       font-size: 20px;
       font-weight: bold;
@@ -54,7 +66,7 @@ const styles = createStaticStyles(({ css }) => {
       width: 100%;
       height: 100%;
 
-      background: ${cssVar.colorBgMask};
+      background: ${token.colorBgMask};
 
       transition: all 0.3s ease-in-out;
     `,
@@ -68,6 +80,7 @@ interface DragUploadProps {
 
 const DragUpload = memo<DragUploadProps>(({ enabledFiles = true, onUploadFiles }) => {
   const { t } = useTranslation('components');
+  const { styles } = useStyles();
 
   const isDragging = useDragUpload(onUploadFiles);
 
@@ -78,15 +91,7 @@ const DragUpload = memo<DragUploadProps>(({ enabledFiles = true, onUploadFiles }
       <div className={styles.container}>
         <Center className={styles.content} gap={12}>
           <Flexbox className={styles.iconGroup} horizontal>
-            <Center
-              className={styles.icon}
-              height={BLOCK_SIZE * 1.25}
-              style={{
-                background: `color-mix(in srgb, ${cssVar.geekblue} 68%, white)`,
-                transform: 'rotateZ(-20deg) translateX(10px)',
-              }}
-              width={BLOCK_SIZE}
-            >
+            <Center className={styles.iconLeft} height={BLOCK_SIZE * 1.25} width={BLOCK_SIZE}>
               <Icon icon={FileImage} size={ICON_SIZE} />
             </Center>
             <Center
@@ -100,15 +105,7 @@ const DragUpload = memo<DragUploadProps>(({ enabledFiles = true, onUploadFiles }
             >
               <Icon icon={FileUpIcon} size={ICON_SIZE} />
             </Center>
-            <Center
-              className={styles.icon}
-              height={BLOCK_SIZE * 1.25}
-              style={{
-                background: `color-mix(in srgb, ${cssVar.geekblue} 68%, white)`,
-                transform: 'rotateZ(20deg) translateX(-10px)',
-              }}
-              width={BLOCK_SIZE}
-            >
+            <Center className={styles.iconRight} height={BLOCK_SIZE * 1.25} width={BLOCK_SIZE}>
               <Icon icon={FileText} size={ICON_SIZE} />
             </Center>
           </Flexbox>

package/src/components/MemberSelectionModal/MemberSelectionModal.tsx

@@ -162,11 +162,7 @@ export interface MemberSelectionModalProps {
    */
   mode: MemberSelectionMode;
   onCancel: () => void;
-  onConfirm: (
-    selectedAgents: string[],
-    hostConfig?: { model?: string; provider?: string },
-    enableSupervisor?: boolean,
-  ) => void | Promise<void>;
+  onConfirm: (selectedAgents: string[]) => void | Promise<void>;
   open: boolean;
   /**
    * Pre-selected agent IDs (useful for editing existing groups)
@@ -338,12 +334,7 @@ const MemberSelectionModal = memo<MemberSelectionModalProps>(
     const handleConfirm = async () => {
       try {
         setIsAdding(true);
-        // Only pass host config if the host card is visible (being managed in this modal)
-        const shouldManageHost = !isHostCurrentlyEnabled;
-        const hostConfig =
-          shouldManageHost && !isHostRemoved ? normalizedHostModelConfig : undefined;
-        const enableSupervisor = shouldManageHost ? !isHostRemoved : undefined;
-        await onConfirm(selectedAgents, hostConfig, enableSupervisor);
+        await onConfirm(selectedAgents);
         handleReset();
       } catch (error) {
         console.error('Failed to confirm action:', error);

package/src/features/ChatInput/ActionBar/Params/Controls.tsx

@@ -1,6 +1,6 @@
-import { Form, type FormItemProps, Tag } from '@lobehub/ui';
+import { Form, type FormItemProps, SliderWithInput, Tag } from '@lobehub/ui';
 import { Checkbox, Flexbox } from '@lobehub/ui';
-import { Form as AntdForm } from 'antd';
+import { Form as AntdForm, Switch } from 'antd';
 import { createStaticStyles } from 'antd-style';
 import { debounce } from 'es-toolkit/compat';
 import isEqual from 'fast-deep-equal';
@@ -151,6 +151,7 @@ const Controls = memo<ControlsProps>(({ setUpdating }) => {
   const config = useAgentStore((s) => agentByIdSelectors.getAgentConfigById(agentId)(s), isEqual);
   const [form] = Form.useForm();
 
+  const enableMaxTokens = AntdForm.useWatch(['chatConfig', 'enableMaxTokens'], form);
   const { frequency_penalty, presence_penalty, temperature, top_p } = config.params ?? {};
 
   const lastValuesRef = useRef<Record<ParamKey, number | undefined>>({
@@ -289,6 +290,40 @@ const Controls = memo<ControlsProps>(({ setUpdating }) => {
     } satisfies FormItemProps;
   });
 
+  // MaxTokens items
+  const maxTokensItems: FormItemProps[] = [
+    {
+      children: <Switch />,
+      label: (
+        <Flexbox align={'center'} className={styles.label} gap={8} horizontal>
+          {t('settingModel.enableMaxTokens.title')}
+        </Flexbox>
+      ),
+      name: ['chatConfig', 'enableMaxTokens'],
+      tag: 'max_tokens',
+      valuePropName: 'checked',
+    },
+    ...(enableMaxTokens
+      ? [
+          {
+            children: (
+              <SliderWithInput max={32_000} min={0} step={100} unlimitedInput />
+            ),
+            label: (
+              <Flexbox align={'center'} className={styles.label} gap={8} horizontal>
+                {t('settingModel.maxTokens.title')}
+                <InfoTooltip title={t('settingModel.maxTokens.desc')} />
+              </Flexbox>
+            ),
+            name: ['params', 'max_tokens'],
+            tag: 'max_tokens',
+          } satisfies FormItemProps,
+        ]
+      : []),
+  ];
+
+  const allItems = [...baseItems, ...maxTokensItems];
+
   return (
     <Form
       form={form}
@@ -296,11 +331,11 @@ const Controls = memo<ControlsProps>(({ setUpdating }) => {
       itemMinWidth={220}
       items={
         mobile
-          ? baseItems
-          : baseItems.map(({ tag, ...item }) => ({
-            ...item,
-            desc: <Tag size={'small'}>{tag}</Tag>,
-          }))
+          ? allItems
+          : allItems.map(({ tag, ...item }) => ({
+              ...item,
+              desc: <Tag size={'small'}>{tag}</Tag>,
+            }))
       }
       itemsType={'flat'}
       onValuesChange={handleValuesChange}

package/src/features/CommandMenu/useCommandMenu.ts

@@ -169,21 +169,11 @@ export const useCommandMenu = () => {
   const handleCreateAgentTeam = async () => {
     closeCommandMenu();
     openGroupWizard({
-      onCreateCustom: async (selectedAgents, hostConfig, enableSupervisor) => {
-        await createGroupWithMembers(selectedAgents, undefined, hostConfig, enableSupervisor);
+      onCreateCustom: async (selectedAgents) => {
+        await createGroupWithMembers(selectedAgents);
       },
-      onCreateFromTemplate: async (
-        templateId,
-        hostConfig,
-        enableSupervisor,
-        selectedMemberTitles,
-      ) => {
-        await createGroupFromTemplate(
-          templateId,
-          hostConfig,
-          enableSupervisor,
-          selectedMemberTitles,
-        );
+      onCreateFromTemplate: async (templateId, selectedMemberTitles) => {
+        await createGroupFromTemplate(templateId, selectedMemberTitles);
       },
     });
   };