dify/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/settings/page.tsx

import React from 'react'
import { getLocaleOnServer, useTranslation as translate } from '@/i18n-config/server'
import Form from '@/app/components/datasets/settings/form'

const Settings = async () => {
  const locale = await getLocaleOnServer()
  const { t } = await translate(locale, 'dataset-settings')

  return (
    <div className='h-full overflow-y-auto'>
      <div className='flex flex-col gap-y-0.5 px-6 pb-2 pt-3'>
        <div className='system-xl-semibold text-text-primary'>{t('title')}</div>
        <div className='system-sm-regular text-text-tertiary'>{t('desc')}</div>
      </div>
      <Form />
    </div>
  )
}

export default Settings