Changes before error encountered

Co-authored-by: asukaminato0721 <30024051+asukaminato0721@users.noreply.github.com>

web/app/components/billing/annotation-full/modal.tsx

@@ -10,8 +10,8 @@ import cn from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
 
 type Props = {
-  show: boolean
+  readonly show: boolean
-  onHide: () => void
+  readonly onHide: () => void
 }
 const AnnotationFullModal: FC<Props> = ({
   show,

web/app/components/billing/annotation-full/usage.tsx

@@ -7,7 +7,7 @@ import UsageInfo from '../usage-info'
 import { useProviderContext } from '@/context/provider-context'
 
 type Props = {
-  className?: string
+  readonly className?: string
 }
 
 const Usage: FC<Props> = ({

web/app/components/billing/apps-full-in-dialog/index.tsx

@@ -15,7 +15,7 @@ import cn from '@/utils/classnames'
 const LOW = 50
 const MIDDLE = 80
 
-const AppsFull: FC<{ loc: string; className?: string; }> = ({
+const AppsFull: FC<{ readonly loc: string; readonly className?: string }> = ({
   loc,
   className,
 }) => {

web/app/components/billing/header-billing-btn/index.tsx

@@ -7,8 +7,8 @@ import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 
 type Props = {
-  onClick?: () => void
+  readonly onClick?: () => void
-  isDisplayOnly?: boolean
+  readonly isDisplayOnly?: boolean
 }
 
 const HeaderBillingBtn: FC<Props> = ({

web/app/components/billing/plan/index.tsx

@@ -24,7 +24,7 @@ import { useModalContextSelector } from '@/context/modal-context'
 import { Enterprise, Professional, Sandbox, Team } from './assets'
 
 type Props = {
-  loc: string
+  readonly loc: string
 }
 
 const PlanComp: FC<Props> = ({

web/app/components/billing/pricing/assets/cloud.tsx

@@ -1,5 +1,5 @@
 type CloudProps = {
-  isActive: boolean
+  readonly isActive: boolean
 }
 
 const Cloud = ({

web/app/components/billing/pricing/assets/self-hosted.tsx

@@ -1,5 +1,5 @@
 type SelfHostedProps = {
-  isActive: boolean
+  readonly isActive: boolean
 }
 
 const SelfHosted = ({

web/app/components/billing/pricing/footer.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { RiArrowRightUpLine } from '@remixicon/react'
 
 type FooterProps = {
-  pricingPageURL: string
+  readonly pricingPageURL: string
 }
 
 const Footer = ({

web/app/components/billing/pricing/plan-switcher/index.tsx

@@ -9,10 +9,10 @@ import type { PlanRange } from './plan-range-switcher'
 import PlanRangeSwitcher from './plan-range-switcher'
 
 type PlanSwitcherProps = {
-  currentCategory: Category
+  readonly currentCategory: Category
-  currentPlanRange: PlanRange
+  readonly currentPlanRange: PlanRange
-  onChangeCategory: (category: Category) => void
+  readonly onChangeCategory: (category: Category) => void
-  onChangePlanRange: (value: PlanRange) => void
+  readonly onChangePlanRange: (value: PlanRange) => void
 }
 
 const PlanSwitcher: FC<PlanSwitcherProps> = ({

web/app/components/billing/pricing/plan-switcher/plan-range-switcher.tsx

@@ -10,8 +10,8 @@ export enum PlanRange {
 }
 
 type PlanRangeSwitcherProps = {
-  value: PlanRange
+  readonly value: PlanRange
-  onChange: (value: PlanRange) => void
+  readonly onChange: (value: PlanRange) => void
 }
 
 const PlanRangeSwitcher: FC<PlanRangeSwitcherProps> = ({

web/app/components/datasets/chunk.tsx

@@ -3,8 +3,8 @@ import { SelectionMod } from '../base/icons/src/public/knowledge'
 import type { QA } from '@/models/datasets'
 
 export type ChunkLabelProps = {
-  label: string
+  readonly label: string
-  characterCount: number
+  readonly characterCount: number
 }
 
 export const ChunkLabel: FC<ChunkLabelProps> = (props) => {

web/app/components/datasets/common/chunking-mode-label.tsx

@@ -6,8 +6,8 @@ import Badge from '@/app/components/base/badge'
 import { GeneralChunk, ParentChildChunk } from '@/app/components/base/icons/src/vender/knowledge'
 
 type Props = {
-  isGeneralMode: boolean
+  readonly isGeneralMode: boolean
-  isQAMode: boolean
+  readonly isQAMode: boolean
 }
 
 const ChunkingModeLabel: FC<Props> = ({

web/app/components/datasets/common/credential-icon.tsx

@@ -2,10 +2,10 @@ import cn from '@/utils/classnames'
 import React, { useCallback, useMemo, useState } from 'react'
 
 type CredentialIconProps = {
-  avatar_url?: string
+  readonly avatar_url?: string
-  name: string
+  readonly name: string
-  size?: number
+  readonly size?: number
-  className?: string
+  readonly className?: string
 }
 
 const ICON_BG_COLORS = [

web/app/components/develop/ApiServer.tsx

@@ -6,8 +6,8 @@ import CopyFeedback from '@/app/components/base/copy-feedback'
 import SecretKeyButton from '@/app/components/develop/secret-key/secret-key-button'
 
 type ApiServerProps = {
-  apiBaseUrl: string
+  readonly apiBaseUrl: string
-  appId?: string
+  readonly appId?: string
 }
 const ApiServer: FC<ApiServerProps> = ({
   apiBaseUrl,

web/app/components/develop/md.tsx

@@ -3,18 +3,18 @@ import type { PropsWithChildren } from 'react'
 import classNames from '@/utils/classnames'
 
 type IChildrenProps = {
-  children: React.ReactNode
+  readonly children: React.ReactNode
-  id?: string
+  readonly id?: string
-  tag?: any
+  readonly tag?: any
-  label?: any
+  readonly label?: any
-  anchor: boolean
+  readonly anchor: boolean
 }
 
 type IHeaderingProps = {
-  url: string
+  readonly url: string
-  method: 'PUT' | 'DELETE' | 'GET' | 'POST' | 'PATCH'
+  readonly method: 'PUT' | 'DELETE' | 'GET' | 'POST' | 'PATCH'
-  title: string
+  readonly title: string
-  name: string
+  readonly name: string
 }
 
 export const Heading = function H2({
@@ -66,7 +66,7 @@ export function Row({ children }: IChildrenProps) {
 }
 
 type IColProps = IChildrenProps & {
-  sticky: boolean
+  readonly sticky: boolean
 }
 export function Col({ children, sticky = false }: IColProps) {
   return (
@@ -95,8 +95,8 @@ export function Properties({ children }: IChildrenProps) {
 }
 
 type IProperty = IChildrenProps & {
-  name: string
+  readonly name: string
-  type: string
+  readonly type: string
 }
 export function Property({ name, type, children }: IProperty) {
   return (
@@ -120,8 +120,8 @@ export function Property({ name, type, children }: IProperty) {
 }
 
 type ISubProperty = IChildrenProps & {
-  name: string
+  readonly name: string
-  type: string
+  readonly type: string
 }
 export function SubProperty({ name, type, children }: ISubProperty) {
   return (
@@ -144,7 +144,7 @@ export function SubProperty({ name, type, children }: ISubProperty) {
   )
 }
 
-export function PropertyInstruction({ children }: PropsWithChildren<{}>) {
+export function PropertyInstruction({ children }: Readonly<PropsWithChildren<{}>>) {
   return (
     <li className="m-0 px-0 py-4 italic first:pt-0">{children}</li>
   )

web/app/components/develop/secret-key/input-copy.tsx

@@ -6,9 +6,9 @@ import Tooltip from '@/app/components/base/tooltip'
 import CopyFeedback from '@/app/components/base/copy-feedback'
 
 type IInputCopyProps = {
-  value?: string
+  readonly value?: string
-  className?: string
+  readonly className?: string
-  children?: React.ReactNode
+  readonly children?: React.ReactNode
 }
 
 const InputCopy = ({

web/app/components/develop/secret-key/secret-key-button.tsx

@@ -6,9 +6,9 @@ import Button from '@/app/components/base/button'
 import SecretKeyModal from '@/app/components/develop/secret-key/secret-key-modal'
 
 type ISecretKeyButtonProps = {
-  className?: string
+  readonly className?: string
-  appId?: string
+  readonly appId?: string
-  textCls?: string
+  readonly textCls?: string
 }
 
 const SecretKeyButton = ({ className, appId, textCls }: ISecretKeyButtonProps) => {

web/app/components/develop/tag.tsx

@@ -41,9 +41,9 @@ const valueColorMap = {
 } as { [key: string]: string }
 
 type ITagProps = {
-  children: string
+  readonly children: string
-  color?: string
+  readonly color?: string
-  variant?: string
+  readonly variant?: string
 }
 
 export function Tag({