fix: eslint errors

web/app/(commonLayout)/datasets/Doc.tsx

@@ -78,7 +78,7 @@ const Doc = ({ apiBaseUrl }: DocProps) => {
                   onClick={() => setIsTocExpanded(false)}
                   className="text-gray-500 hover:text-gray-700"
                 >
-                ✕
+                  ✕
                 </button>
               </div>
               <ul className="space-y-2">

web/app/components/app/configuration/dataset-config/settings-modal/index.tsx

@@ -12,7 +12,7 @@ import Divider from '@/app/components/base/divider'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import { type DataSet } from '@/models/datasets'
+import type { DataSet } from '@/models/datasets'
 import { useToastContext } from '@/app/components/base/toast'
 import { updateDatasetSetting } from '@/service/datasets'
 import { useAppContext } from '@/context/app-context'
@@ -33,7 +33,7 @@ import { ModelTypeEnum } from '@/app/components/header/account-setting/model-pro
 import { fetchMembers } from '@/service/common'
 import type { Member } from '@/models/common'
 
-interface SettingsModalProps {
+type SettingsModalProps = {
   currentDataset: DataSet
   onCancel: () => void
   onSave: (newDataset: DataSet) => void

web/app/components/app/overview/settings/index.tsx

@@ -1,25 +1,21 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useEffect, useState } from 'react'
-import { RiArrowRightSLine, RiCloseLine } from '@remixicon/react'
 import Link from 'next/link'
 import { Trans, useTranslation } from 'react-i18next'
 import { useContext, useContextSelector } from 'use-context-selector'
-import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
 import Modal from '@/app/components/base/modal'
-import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
 import AppIcon from '@/app/components/base/app-icon'
 import Switch from '@/app/components/base/switch'
-import PremiumBadge from '@/app/components/base/premium-badge'
 import { SimpleSelect } from '@/app/components/base/select'
 import type { AppDetailResponse } from '@/models/app'
 import type { AppIconType, AppSSO, Language } from '@/types/app'
 import { useToastContext } from '@/app/components/base/toast'
-import { LanguagesSupported, languages } from '@/i18n/language'
+import { languages } from '@/i18n/language'
 import Tooltip from '@/app/components/base/tooltip'
 import AppContext, { useAppContext } from '@/context/app-context'
 import { useProviderContext } from '@/context/provider-context'
@@ -28,6 +24,7 @@ import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
 import AppIconPicker from '@/app/components/base/app-icon-picker'
 import I18n from '@/context/i18n'
 import cn from '@/utils/classnames'
+import { ChevronRightIcon } from '@heroicons/react/24/outline'
 
 export type ISettingsModalProps = {
   isChat: boolean

web/app/components/app/type-selector/index.tsx

@@ -9,7 +9,7 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { BubbleTextMod, ChatBot, ListSparkle, Logic } from '@/app/components/base/icons/src/vender/solid/communication'
-import { type AppMode } from '@/types/app'
+import type { AppMode } from '@/types/app'
 export type AppSelectorProps = {
   value: Array<AppMode>
   onChange: (value: AppSelectorProps['value']) => void

web/app/components/datasets/chunk.tsx

@@ -11,15 +11,17 @@ export const ChunkLabel: FC<ChunkLabelProps> = (props) => {
   const { label, characterCount } = props
   return <div className='flex items-center text-text-tertiary text-xs font-medium'>
     <SelectionMod className='size-[10px]' />
-    <p className='flex gap-2 ml-0.5'><span>
-      {label}
-    </span>
-    <span>
+    <p className='flex gap-2 ml-0.5'>
+      <span>
+        {label}
+      </span>
+      <span>
         ·
-    </span>
-    <span>
-      {`${characterCount} characters`}
-    </span></p>
+      </span>
+      <span>
+        {`${characterCount} characters`}
+      </span>
+    </p>
   </div>
 }
 

web/app/components/datasets/create/step-two/index.tsx

@@ -37,7 +37,7 @@ import Button from '@/app/components/base/button'
 import FloatRightContainer from '@/app/components/base/float-right-container'
 import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
 import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
-import { type RetrievalConfig } from '@/types/app'
+import type { RetrievalConfig } from '@/types/app'
 import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
 import Toast from '@/app/components/base/toast'
 import type { NotionPage } from '@/models/common'
@@ -98,7 +98,7 @@ export enum IndexingType {
 const DEFAULT_SEGMENT_IDENTIFIER = '\\n\\n'
 const DEFAULT_MAXIMUM_CHUNK_LENGTH = 500
 const DEFAULT_OVERLAP = 50
-const MAXIMUM_CHUNK_TOKEN_LENGTH = parseInt(globalThis.document?.body?.getAttribute('data-public-indexing-max-segmentation-tokens-length') || '4000', 10)
+const MAXIMUM_CHUNK_TOKEN_LENGTH = Number.parseInt(globalThis.document?.body?.getAttribute('data-public-indexing-max-segmentation-tokens-length') || '4000', 10)
 
 type ParentChildConfig = {
   chunkForContext: ParentMode
@@ -206,7 +206,7 @@ const StepTwo = ({
     if (value === ChunkingMode.parentChild && indexType === IndexingType.ECONOMICAL)
       setIndexType(IndexingType.QUALIFIED)
     setDocForm(value)
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    // eslint-disable-next-line ts/no-use-before-define
     currentEstimateMutation.reset()
   }
 
@@ -1073,10 +1073,9 @@ const StepTwo = ({
               }
               {
                 currentDocForm !== ChunkingMode.qa
-                && <Badge text={t(
-                  'datasetCreation.stepTwo.previewChunkCount', {
-                    count: estimate?.total_segments || 0,
-                  }) as string}
+                && <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
+                  count: estimate?.total_segments || 0,
+                }) as string}
                 />
               }
             </div>

web/app/components/datasets/documents/detail/completed/skeleton/full-doc-list-skeleton.tsx

@@ -17,7 +17,7 @@ const FullDocListSkeleton = () => {
   return (
     <div className='w-full grow flex flex-col gap-y-3 relative z-10 overflow-y-hidden'>
       <div className='absolute top-0 left-0 bottom-14 w-full h-full bg-dataset-chunk-list-mask-bg z-20' />
-      {[...Array(15)].map((_, index) => <Slice key={index} />)}
+      {[...Array.from({ length: 15 })].map((_, index) => <Slice key={index} />)}
     </div>
   )
 }

web/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx

@@ -50,7 +50,7 @@ const GeneralListSkeleton = () => {
   return (
     <div className='relative flex flex-col grow overflow-y-hidden z-10'>
       <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg z-20' />
-      {[...Array(10)].map((_, index) => {
+      {[...Array.from({ length: 10 })].map((_, index) => {
         return (
           <div key={index} className='flex items-start gap-x-2'>
             <Checkbox

web/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx

@@ -52,7 +52,7 @@ const ParagraphListSkeleton = () => {
   return (
     <div className='relative flex flex-col h-full overflow-y-hidden z-10'>
       <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg z-20' />
-      {[...Array(10)].map((_, index) => {
+      {[...Array.from({ length: 10 })].map((_, index) => {
         return (
           <div key={index} className='flex items-start gap-x-2'>
             <Checkbox

web/app/components/datasets/documents/detail/embedding/skeleton/index.tsx

@@ -49,7 +49,7 @@ const EmbeddingSkeleton = () => {
   return (
     <div className='relative flex flex-col grow overflow-y-hidden z-10'>
       <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg z-20' />
-      {[...Array(5)].map((_, index) => {
+      {[...Array.from({ length: 5 })].map((_, index) => {
         return (
           <div key={index} className='w-full px-11'>
             <CardSkelton />

web/app/components/datasets/settings/form/index.tsx

@@ -17,7 +17,7 @@ import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
 import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
 import { updateDatasetSetting } from '@/service/datasets'
-import { type DataSetListResponse } from '@/models/datasets'
+import type { DataSetListResponse } from '@/models/datasets'
 import DatasetDetailContext from '@/context/dataset-detail'
 import type { RetrievalConfig } from '@/types/app'
 import { useAppContext } from '@/context/app-context'

web/app/components/workflow/run/utils/format-log/agent/index.spec.ts

@@ -1,6 +1,5 @@
-import exp from 'constants'
 import format from '.'
-import { agentNodeData, oneStepCircle, multiStepsCircle } from './data'
+import { agentNodeData, multiStepsCircle, oneStepCircle } from './data'
 
 describe('agent', () => {
   test('list should transform to tree', () => {

web/service/knowledge/use-create-dataset.ts

@@ -2,7 +2,7 @@ import groupBy from 'lodash-es/groupBy'
 import type { MutationOptions } from '@tanstack/react-query'
 import { useMutation } from '@tanstack/react-query'
 import { createDocument, createFirstDocument, fetchDefaultProcessRule, fetchFileIndexingEstimate } from '../datasets'
-import { type IndexingType } from '@/app/components/datasets/create/step-two'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
 import type { ChunkingMode, CrawlOptions, CrawlResultItem, CreateDocumentReq, CustomFile, DataSourceType, FileIndexingEstimateResponse, IndexingEstimateParams, NotionInfo, ProcessRule, ProcessRuleResponse, createDocumentResponse } from '@/models/datasets'
 import type { DataSourceProvider, NotionPage } from '@/models/common'