model list of provider

web/app/components/header/account-setting/model-provider-page/index.tsx

@@ -91,7 +91,7 @@ const ModelProviderPage = () => {
         if (configurationMethod === ConfigurationMethodEnum.customizableModel && provider.custom_configuration.status === CustomConfigurationStatusEnum.active) {
           eventEmitter?.emit({
             type: UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST,
-            payload: provider.provider,
+            payload: provider,
           } as any)
 
           if (CustomConfigurationModelFixedFields?.__model_type)

web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx

@@ -57,7 +57,7 @@ const CredentialPanel: FC<CredentialPanelProps> = ({
 
       eventEmitter?.emit({
         type: UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST,
-        payload: provider.provider,
+        payload: provider,
       } as any)
     }
   }

web/app/components/header/account-setting/model-provider-page/provider-added-card/index.tsx

@@ -52,12 +52,12 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
   const showQuota = systemConfig.enabled && [...MODEL_PROVIDER_QUOTA_GET_PAID].includes(provider.provider) && !IS_CE_EDITION
   const showCredential = configurationMethods.includes(ConfigurationMethodEnum.predefinedModel) && isCurrentWorkspaceManager
 
-  const getModelList = async (providerName: string) => {
+  const getModelList = async (pluginID: string, providerName: string) => {
     if (loading)
       return
     try {
       setLoading(true)
-      const modelsData = await fetchModelProviderModelList(`/workspaces/current/model-providers/${providerName}/models`)
+      const modelsData = await fetchModelProviderModelList(`/workspaces/current/model-providers/${pluginID}/${providerName}/models`)
       setModelList(modelsData.data)
       setCollapsed(false)
       setFetched(true)
@@ -72,12 +72,12 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
       return
     }
 
-    getModelList(provider.provider)
+    getModelList(provider.plugin_id, provider.provider)
   }
 
   eventEmitter?.useSubscription((v: any) => {
-    if (v?.type === UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST && v.payload === provider.provider)
-      getModelList(v.payload)
+    if (v?.type === UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST && v.payload.provider === provider.provider)
+      getModelList(v.payload.plugin_id, v.payload.provider)
   })
 
   return (
@@ -172,7 +172,7 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
             models={modelList}
             onCollapse={() => setCollapsed(true)}
             onConfig={currentCustomConfigurationModelFixedFields => onOpenModal(ConfigurationMethodEnum.customizableModel, currentCustomConfigurationModelFixedFields)}
-            onChange={(provider: string) => getModelList(provider)}
+            onChange={(provider: ModelProvider) => getModelList(provider.plugin_id, provider.provider)}
           />
         )
       }

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list.tsx

@@ -23,7 +23,7 @@ type ModelListProps = {
   models: ModelItem[]
   onCollapse: () => void
   onConfig: (currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields) => void
-  onChange?: (provider: string) => void
+  onChange?: (provider: ModelProvider) => void
 }
 const ModelList: FC<ModelListProps> = ({
   provider,

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx

@@ -19,7 +19,7 @@ export type ModelLoadBalancingModalProps = {
   model: ModelItem
   open?: boolean
   onClose?: () => void
-  onSave?: (provider: string) => void
+  onSave?: (provider: ModelProvider) => void
 }
 
 // model balancing config modal
@@ -94,7 +94,7 @@ const ModelLoadBalancingModal = ({ provider, model, open = false, onClose, onSav
       if (res.result === 'success') {
         notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
         mutate()
-        onSave?.(provider.provider)
+        onSave?.(provider)
         onClose?.()
       }
     }

web/context/modal-context.tsx

@@ -32,7 +32,7 @@ import OpeningSettingModal from '@/app/components/base/features/new-feature-pane
 import type { OpeningStatement } from '@/app/components/base/features/types'
 import type { InputVar } from '@/app/components/workflow/types'
 
-export interface ModalState<T> {
+export type ModalState<T> = {
   payload: T
   onCancelCallback?: () => void
   onSaveCallback?: (newPayload: T) => void
@@ -43,7 +43,7 @@ export interface ModalState<T> {
   datasetBindings?: { id: string; name: string }[]
 }
 
-export interface ModelModalType {
+export type ModelModalType = {
   currentProvider: ModelProvider
   currentConfigurationMethod: ConfigurationMethodEnum
   currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields
@@ -52,7 +52,7 @@ export type LoadBalancingEntryModalType = ModelModalType & {
   entry?: ModelLoadBalancingConfigEntry
   index?: number
 }
-export interface ModalContextState {
+export type ModalContextState = {
   setShowAccountSettingModal: Dispatch<SetStateAction<ModalState<string> | null>>
   setShowApiBasedExtensionModal: Dispatch<SetStateAction<ModalState<ApiBasedExtension> | null>>
   setShowModerationSettingModal: Dispatch<SetStateAction<ModalState<ModerationConfig> | null>>
@@ -90,7 +90,7 @@ export const useModalContext = () => useContext(ModalContext)
 export const useModalContextSelector = <T,>(selector: (state: ModalContextState) => T): T =>
   useContextSelector(ModalContext, selector)
 
-interface ModalContextProviderProps {
+type ModalContextProviderProps = {
   children: React.ReactNode
 }
 export const ModalContextProvider = ({