@lobehub/lobehub 2.0.0-next.267 → 2.0.0-next.269

package/packages/utils/src/platform.ts

@@ -25,18 +25,50 @@ export const browserInfo = {
 
 export const isMacOS = () => getPlatform() === 'Mac OS';
 
+/**
+ * Get macOS Darwin major version number
+ * @returns Darwin major version (e.g., 25, 26) or 0 if not available
+ */
+export const getDarwinMajorVersion = (): number => {
+  if (isOnServerSide || typeof window === 'undefined') return 0;
+
+  // In Electron environment, use window.lobeEnv.darwinMajorVersion if available
+  if (typeof (window as any)?.lobeEnv?.darwinMajorVersion === 'number') {
+    return (window as any).lobeEnv.darwinMajorVersion;
+  }
+
+  // In web environment, try to parse from userAgent
+  if (typeof navigator !== 'undefined') {
+    const match = navigator.userAgent.match(/Mac OS X (\d+)[._](\d+)/);
+    if (match) {
+      return parseInt(match[1], 10);
+    }
+  }
+
+  return 0;
+};
+
 /**
  *
  * We can't use it to detect the macOS real version, and we also don't know if it's macOS 26, only an estimated value.
- * @returns true if the current browser is macOS and the version is 10.15 or later
+ * @returns true if the current browser is macOS and the version is 10.15 or later (web) or darwinMajorVersion >= 25 (Electron)
  */
 export const isMacOSWithLargeWindowBorders = () => {
   if (isOnServerSide || typeof navigator === 'undefined') return false;
 
-  // keep consistent with the original logic: only for macOS on web (exclude Electron)
+  // Check if we're in Electron environment
   const isElectron =
     /Electron\//.test(navigator.userAgent) || Boolean((window as any)?.process?.type);
-  if (isElectron || !isMacOS()) return false;
+
+  // In Electron environment, check darwinMajorVersion from window.lobeEnv
+  if (isElectron) {
+    const darwinMajorVersion = getDarwinMajorVersion();
+    // macOS 25+ has large window borders
+    return darwinMajorVersion >= 25;
+  }
+
+  // keep consistent with the original logic: only for macOS on web (exclude Electron)
+  if (!isMacOS()) return false;
 
   const match = navigator.userAgent.match(/Mac OS X (\d+)[._](\d+)/);
   if (!match) return false;

package/src/app/[variants]/(desktop)/desktop-onboarding/_layout/index.tsx

@@ -5,6 +5,7 @@ import { Divider } from 'antd';
 import { cx } from 'antd-style';
 import type { FC, PropsWithChildren } from 'react';
 
+import { SimpleTitleBar, TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
 import LangButton from '@/features/User/UserPanel/LangButton';
 import ThemeButton from '@/features/User/UserPanel/ThemeButton';
 import { useIsDark } from '@/hooks/useIsDark';
@@ -14,36 +15,43 @@ import { styles } from './style';
 const OnboardingContainer: FC<PropsWithChildren> = ({ children }) => {
   const isDarkMode = useIsDark();
   return (
-    <Flexbox className={styles.outerContainer} height={'100%'} padding={8} width={'100%'}>
+    <Flexbox height={'100%'} width={'100%'}>
+      <SimpleTitleBar />
       <Flexbox
-        className={cx(isDarkMode ? styles.innerContainerDark : styles.innerContainerLight)}
-        height={'100%'}
+        className={styles.outerContainer}
+        height={`calc(100% - ${TITLE_BAR_HEIGHT}px)`}
+        style={{ paddingBottom: 8, paddingInline: 8 }}
         width={'100%'}
       >
         <Flexbox
-          align={'center'}
-          className={cx(styles.drag)}
-          gap={8}
-          horizontal
-          justify={'space-between'}
-          padding={16}
+          className={cx(isDarkMode ? styles.innerContainerDark : styles.innerContainerLight)}
+          height={'100%'}
           width={'100%'}
         >
-          <div />
-          <Flexbox align={'center'} horizontal>
-            <LangButton placement={'bottomRight'} size={18} />
-            <Divider className={styles.divider} orientation={'vertical'} />
-            <ThemeButton placement={'bottomRight'} size={18} />
+          <Flexbox
+            align={'center'}
+            gap={8}
+            horizontal
+            justify={'space-between'}
+            padding={16}
+            width={'100%'}
+          >
+            <div />
+            <Flexbox align={'center'} horizontal>
+              <LangButton placement={'bottomRight'} size={18} />
+              <Divider className={styles.divider} orientation={'vertical'} />
+              <ThemeButton placement={'bottomRight'} size={18} />
+            </Flexbox>
           </Flexbox>
+          <Center height={'100%'} padding={16} width={'100%'}>
+            {children}
+          </Center>
+          <Center padding={24}>
+            <Text align={'center'} type={'secondary'}>
+              © 2025 LobeHub. All rights reserved.
+            </Text>
+          </Center>
         </Flexbox>
-        <Center height={'100%'} padding={16} width={'100%'}>
-          {children}
-        </Center>
-        <Center padding={24}>
-          <Text align={'center'} type={'secondary'}>
-            © 2025 LobeHub. All rights reserved.
-          </Text>
-        </Center>
       </Flexbox>
     </Flexbox>
   );

package/src/app/[variants]/(desktop)/desktop-onboarding/_layout/style.ts

@@ -1,14 +1,13 @@
 import { createStaticStyles } from 'antd-style';
 
+import { isMacOSWithLargeWindowBorders } from '@/utils/platform';
+
 export const styles = createStaticStyles(({ css, cssVar }) => ({
   // Divider 样式
   divider: css`
     height: 24px;
   `,
 
-  drag: css`
-    -webkit-app-region: drag;
-  `,
   // 内层容器 - 深色模式
   innerContainerDark: css`
     position: relative;
@@ -16,7 +15,9 @@ export const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow: hidden;
 
     border: 1px solid ${cssVar.colorBorderSecondary};
-    border-radius: ${cssVar.borderRadius};
+    border-radius: ${!isMacOSWithLargeWindowBorders()
+      ? cssVar.borderRadius
+      : `${cssVar.borderRadius} 12px ${cssVar.borderRadius} 12px`};
 
     background: ${cssVar.colorBgContainer};
   `,
@@ -28,7 +29,9 @@ export const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow: hidden;
 
     border: 1px solid ${cssVar.colorBorder};
-    border-radius: ${cssVar.borderRadius};
+    border-radius: ${!isMacOSWithLargeWindowBorders()
+      ? cssVar.borderRadius
+      : `${cssVar.borderRadius} 12px ${cssVar.borderRadius} 12px`};
 
     background: ${cssVar.colorBgContainer};
   `,

package/src/app/[variants]/(main)/_layout/DesktopLayoutContainer.tsx

@@ -6,7 +6,7 @@ import { isDesktop } from '@/const/version';
 import { useIsDark } from '@/hooks/useIsDark';
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
-import { isMacOSWithLargeWindowBorders } from '@/utils/platform';
+import { getDarwinMajorVersion, isMacOSWithLargeWindowBorders } from '@/utils/platform';
 
 import { styles } from './DesktopLayoutContainer/style';
 
@@ -24,8 +24,7 @@ const DesktopLayoutContainer: FC<PropsWithChildren> = ({ children }) => {
   );
 
   const innerCssVariables = useMemo<Record<string, string>>(() => {
-    const darwinMajorVersion =
-      typeof window !== 'undefined' ? (window.lobeEnv?.darwinMajorVersion ?? 0) : 0;
+    const darwinMajorVersion = getDarwinMajorVersion();
 
     const borderRadius = darwinMajorVersion >= 25 ? '12px' : cssVar.borderRadius;
     const borderBottomRightRadius =

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) {