refactor: update installed app component to handle missing params and improve type safety (#27331)

web/app/components/plugins/install-plugin/utils.ts

@@ -5,15 +5,17 @@ import { isEmpty } from 'lodash-es'
 export const pluginManifestToCardPluginProps = (pluginManifest: PluginDeclaration): Plugin => {
   return {
     plugin_id: pluginManifest.plugin_unique_identifier,
-    type: pluginManifest.category,
+    type: pluginManifest.category as Plugin['type'],
     category: pluginManifest.category,
     name: pluginManifest.name,
     version: pluginManifest.version,
     latest_version: '',
     latest_package_identifier: '',
     org: pluginManifest.author,
+    author: pluginManifest.author,
     label: pluginManifest.label,
     brief: pluginManifest.description,
+    description: pluginManifest.description,
     icon: pluginManifest.icon,
     verified: pluginManifest.verified,
     introduction: '',
@@ -22,14 +24,17 @@ export const pluginManifestToCardPluginProps = (pluginManifest: PluginDeclaratio
     endpoint: {
       settings: [],
     },
-    tags: [],
+    tags: pluginManifest.tags.map(tag => ({ name: tag })),
+    badges: [],
+    verification: { authorized_category: 'langgenius' },
+    from: 'package',
   }
 }
 
 export const pluginManifestInMarketToPluginProps = (pluginManifest: PluginManifestInMarket): Plugin => {
   return {
     plugin_id: pluginManifest.plugin_unique_identifier,
-    type: pluginManifest.category,
+    type: pluginManifest.category as Plugin['type'],
     category: pluginManifest.category,
     name: pluginManifest.name,
     version: pluginManifest.latest_version,
@@ -38,6 +43,7 @@ export const pluginManifestInMarketToPluginProps = (pluginManifest: PluginManife
     org: pluginManifest.org,
     label: pluginManifest.label,
     brief: pluginManifest.brief,
+    description: pluginManifest.brief,
     icon: pluginManifest.icon,
     verified: true,
     introduction: pluginManifest.introduction,
@@ -49,6 +55,7 @@ export const pluginManifestInMarketToPluginProps = (pluginManifest: PluginManife
     tags: [],
     badges: pluginManifest.badges,
     verification: isEmpty(pluginManifest.verification) ? { authorized_category: 'langgenius' } : pluginManifest.verification,
+    from: pluginManifest.from,
   }
 }
 

web/app/components/plugins/plugin-detail-panel/endpoint-modal.tsx

@@ -50,7 +50,7 @@ const EndpointModal: FC<Props> = ({
 
     // Fix: Process boolean fields to ensure they are sent as proper boolean values
     const processedCredential = { ...tempCredential }
-    formSchemas.forEach((field) => {
+    formSchemas.forEach((field: any) => {
       if (field.type === 'boolean' && processedCredential[field.name] !== undefined) {
         const value = processedCredential[field.name]
         if (typeof value === 'string')

web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next'
 import type {
   DefaultModel,
   FormValue,
+  ModelFeatureEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { ModelStatusEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
@@ -57,7 +58,7 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
   const { isAPIKeySet } = useProviderContext()
   const [open, setOpen] = useState(false)
   const scopeArray = scope.split('&')
-  const scopeFeatures = useMemo(() => {
+  const scopeFeatures = useMemo((): ModelFeatureEnum[] => {
     if (scopeArray.includes('all'))
       return []
     return scopeArray.filter(item => ![
@@ -67,7 +68,7 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
       ModelTypeEnum.moderation,
       ModelTypeEnum.speech2text,
       ModelTypeEnum.tts,
-    ].includes(item as ModelTypeEnum))
+    ].includes(item as ModelTypeEnum)).map(item => item as ModelFeatureEnum)
   }, [scopeArray])
 
   const { data: textGenerationList } = useModelList(ModelTypeEnum.textGeneration)