Fix type error (#27152)

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx

@@ -73,7 +73,7 @@ const ConfigPopup: FC<PopupProps> = ({
     }
   }, [onChooseProvider])
 
-  const handleConfigUpdated = useCallback((payload: ArizeConfig | PhoenixConfig | LangSmithConfig | LangFuseConfig | OpikConfig | WeaveConfig | AliyunConfig) => {
+  const handleConfigUpdated = useCallback((payload: ArizeConfig | PhoenixConfig | LangSmithConfig | LangFuseConfig | OpikConfig | WeaveConfig | AliyunConfig | TencentConfig) => {
     onConfigUpdated(currentProvider!, payload)
     hideConfigModal()
   }, [currentProvider, hideConfigModal, onConfigUpdated])

web/app/components/base/auto-height-textarea/index.tsx

@@ -31,7 +31,7 @@ const AutoHeightTextarea = (
     onKeyDown,
     onKeyUp,
   }: IProps & {
-    ref: React.RefObject<unknown>;
+    ref?: React.RefObject<HTMLTextAreaElement>;
   },
 ) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks

web/app/components/billing/type.ts

@@ -10,7 +10,7 @@ export enum Priority {
   topPriority = 'top-priority',
 }
 
-export type BasicPlan = Plan.sandbox | Plan.professional | Plan.team
+export type BasicPlan = Plan.sandbox | Plan.professional | Plan.team | Plan.enterprise
 
 export type PlanInfo = {
   level: number

web/app/components/datasets/documents/detail/metadata/index.tsx

@@ -57,15 +57,12 @@ export const FieldInfo: FC<IFieldInfoProps> = ({
   const editAlignTop = showEdit && inputType === 'textarea'
   const readAlignTop = !showEdit && textNeedWrap
 
-  return (
+  const renderContent = () => {
-    <div className={cn('flex min-h-5 items-center gap-1 py-0.5 text-xs', editAlignTop && '!items-start', readAlignTop && '!items-start pt-1')}>
+    if (!showEdit)
-      <div className={cn('w-[200px] shrink-0 overflow-hidden text-ellipsis whitespace-nowrap text-text-tertiary', editAlignTop && 'pt-1')}>{label}</div>
+      return displayedValue
-      <div className="flex grow items-center gap-1 text-text-secondary">
+
-        {valueIcon}
+    if (inputType === 'select') {
-        {!showEdit
+      return <SimpleSelect
-          ? displayedValue
-          : inputType === 'select'
-            ? <SimpleSelect
         onSelect={({ value }) => onUpdate?.(value as string)}
         items={selectOptions}
         defaultValue={value}
@@ -73,20 +70,31 @@ export const FieldInfo: FC<IFieldInfoProps> = ({
         wrapperClassName={s.selectWrapper}
         placeholder={`${t('datasetDocuments.metadata.placeholder.select')}${label}`}
       />
-            : inputType === 'textarea'
+    }
-              ? <AutoHeightTextarea
+
+    if (inputType === 'textarea') {
+      return <AutoHeightTextarea
         onChange={e => onUpdate?.(e.target.value)}
         value={value}
         className={s.textArea}
         placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
       />
-              : <Input
+    }
+
+    return <Input
       onChange={e => onUpdate?.(e.target.value)}
       value={value}
       defaultValue={defaultValue}
       placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
     />
   }
+
+  return (
+    <div className={cn('flex min-h-5 items-center gap-1 py-0.5 text-xs', editAlignTop && '!items-start', readAlignTop && '!items-start pt-1')}>
+      <div className={cn('w-[200px] shrink-0 overflow-hidden text-ellipsis whitespace-nowrap text-text-tertiary', editAlignTop && 'pt-1')}>{label}</div>
+      <div className="flex grow items-center gap-1 text-text-secondary">
+        {valueIcon}
+        {renderContent()}
       </div>
     </div>
   )

web/app/components/plugins/plugin-detail-panel/action-list.tsx

@@ -15,15 +15,15 @@ const ActionList = ({
   detail,
 }: Props) => {
   const { t } = useTranslation()
-  const providerBriefInfo = detail.declaration.tool.identity
+  const providerBriefInfo = detail.declaration?.tool?.identity
-  const providerKey = `${detail.plugin_id}/${providerBriefInfo.name}`
+  const providerKey = providerBriefInfo ? `${detail.plugin_id}/${providerBriefInfo.name}` : ''
   const { data: collectionList = [] } = useAllToolProviders()
   const provider = useMemo(() => {
     return collectionList.find(collection => collection.name === providerKey)
   }, [collectionList, providerKey])
   const { data } = useBuiltinTools(providerKey)
 
-  if (!data || !provider)
+  if (!providerKey || !data || !provider)
     return null
 
   return (

web/global.d.ts

@@ -1,5 +1,6 @@
 import './types/i18n'
 import './types/jsx'
+import './types/mdx'
 
 declare module 'lamejs';
 declare module 'lamejs/src/js/MPEGMode';
@@ -7,9 +8,4 @@ declare module 'lamejs/src/js/Lame';
 declare module 'lamejs/src/js/BitStream';
 declare module 'react-18-input-autosize';
 
-declare module '*.mdx' {
-  let MDXComponent: (props: any) => JSX.Element
-  export default MDXComponent
-}
-
 export {}

web/service/use-tools.ts

@@ -274,6 +274,7 @@ export const useInvalidateBuiltinProviderInfo = () => {
 
 export const useBuiltinTools = (providerName: string) => {
   return useQuery({
+    enabled: !!providerName,
     queryKey: [NAME_SPACE, 'builtin-provider-tools', providerName],
     queryFn: () => get<Tool[]>(`/workspaces/current/tool-provider/builtin/${providerName}/tools`),
   })

web/types/mdx.d.ts

@@ -0,0 +1,4 @@
+declare module '*.mdx' {
+  const MDXComponent: (props?: Record<string, unknown>) => JSX.Element
+  export default MDXComponent
+}