提供独立的模型供应商页面

web/app/(commonLayout)/provider/page.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import React from 'react'
+import AccountSetting from '@/app/components/header/account-setting'
+
+const ProviderPage = () => {
+  const hideNavMenu = () => {
+    // 这里可以添加隐藏导航菜单的逻辑
+  }
+
+  return (
+    <div className="h-full">
+      <AccountSetting onCancel={hideNavMenu} activeTab="provider" hideMenu={true} hideCloseButton={true}/>
+    </div>
+  )
+}
+
+export default ProviderPage

web/app/components/header/account-setting/index.tsx

@@ -39,6 +39,8 @@ const iconClassName = `
 type IAccountSettingProps = {
   onCancel: () => void
   activeTab?: string
+  hideMenu?: boolean
+  hideCloseButton?: boolean
 }
 
 type GroupItem = {
@@ -52,6 +54,8 @@ type GroupItem = {
 export default function AccountSetting({
   onCancel,
   activeTab = 'members',
+  hideMenu = false,
+  hideCloseButton = false,
 }: IAccountSettingProps) {
   const [activeMenu, setActiveMenu] = useState(activeTab)
   const { t } = useTranslation()
@@ -149,6 +153,7 @@ export default function AccountSetting({
       onClose={onCancel}
     >
       <div className='mx-auto flex h-[100vh] max-w-[1048px]'>
+        {!hideMenu && (
           <div className='flex w-[44px] flex-col border-r border-divider-burn pl-4 pr-6 sm:w-[224px]'>
             <div className='title-2xl-semi-bold mb-8 mt-6 px-3 py-2 text-text-primary'>{t('common.userProfile.settings')}</div>
             <div className='w-full'>
@@ -180,7 +185,12 @@ export default function AccountSetting({
               }
             </div>
           </div>
-        <div className='relative flex w-[824px]'>
+        )}
+        <div className={cn(
+          'relative flex',
+          hideCloseButton ? 'w-[1048px]' : 'w-[824px]',
+        )}>
+          {!hideCloseButton && (
             <div className='absolute -right-11 top-6 z-[9999] flex flex-col items-center'>
               <Button
                 variant='tertiary'
@@ -192,6 +202,7 @@ export default function AccountSetting({
               </Button>
               <div className='system-2xs-medium-uppercase mt-1 text-text-tertiary'>ESC</div>
             </div>
+          )}
           <div ref={scrollRef} className='w-full overflow-y-auto bg-components-panel-bg pb-4'>
             <div className={cn('sticky top-0 z-20 mx-8 mb-[18px] flex items-center bg-components-panel-bg pb-2 pt-[27px]', scrolled && 'border-b border-divider-regular')}>
               <div className='title-2xl-semi-bold shrink-0 text-text-primary'>