node ui fix

web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx

@@ -24,8 +24,6 @@ import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/compo
 import StatusIndicators from './status-indicators'
 import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { RiEqualizer2Line } from '@remixicon/react'
 import { fetchPluginInfoFromMarketPlace } from '@/service/plugins'
 
@@ -51,10 +49,8 @@ const AgentModelTrigger: FC<AgentModelTriggerProps> = ({
 }) => {
   const { t } = useTranslation()
   const { modelProviders } = useProviderContext()
-  const setShowModelModal = useModalContextSelector(state => state.setShowModelModal)
   const updateModelProviders = useUpdateModelProviders()
   const updateModelList = useUpdateModelList()
-  const { eventEmitter } = useEventEmitterContextContext()
   const { modelProvider, needsConfiguration } = useMemo(() => {
     const modelProvider = modelProviders.find(item => item.provider === providerName)
     const needsConfiguration = modelProvider?.custom_configuration.status === CustomConfigurationStatusEnum.noConfigure && !(

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

@@ -34,7 +34,7 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
   return (
     <div
       className={cn(
-        'group flex items-center p-1 h-6 gap-0.5 rounded-lg bg-components-input-bg-normal',
+        'group flex items-center p-1 h-8 gap-0.5 rounded-lg bg-components-input-bg-normal',
         !readonly && 'hover:bg-components-input-bg-hover cursor-pointer',
         open && 'bg-components-input-bg-hover',
         model.status !== ModelStatusEnum.active && 'bg-components-input-bg-disabled hover:bg-components-input-bg-disabled',

web/app/components/plugins/types.ts

@@ -111,6 +111,7 @@ export type PluginDetail = {
 export type PluginInfoFromMarketPlace = {
   category: PluginType
   latest_package_identifier: string
+  latest_version: string
 }
 
 export type Plugin = {

web/app/components/workflow/nodes/agent/node.tsx

@@ -111,7 +111,7 @@ const AgentNode: FC<NodeProps<AgentNodeType>> = (props) => {
         return <ModelSelector
           key={model.param}
           modelList={modelList}
-          triggerClassName='bg-workflow-block-parma-bg'
+          triggerClassName='bg-workflow-block-parma-bg !h-6 !rounded-md'
           defaultModel={
             'provider' in model
               ? {

web/app/components/workflow/nodes/llm/node.tsx

@@ -25,6 +25,7 @@ const Node: FC<NodeProps<LLMNodeType>> = ({
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
           modelList={textGenerationModelList}
+          triggerClassName='!h-6 !rounded-md'
           readonly
         />
       )}

web/app/components/workflow/nodes/parameter-extractor/node.tsx

@@ -21,6 +21,7 @@ const Node: FC<NodeProps<ParameterExtractorNodeType>> = ({
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
           modelList={textGenerationModelList}
+          triggerClassName='!h-6 !rounded-md'
           readonly
         />
       )}

web/app/components/workflow/nodes/question-classifier/node.tsx

@@ -32,6 +32,7 @@ const Node: FC<NodeProps<QuestionClassifierNodeType>> = (props) => {
       {hasSetModel && (
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
+          triggerClassName='!h-6 !rounded-md'
           modelList={textGenerationModelList}
           readonly
         />