From 8f311b020aba2955d738d0031ff3fb4192c8297a Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 20 Mar 2024 16:56:09 +0800
Subject: [PATCH] feat: tools readonly

---
 web/app/components/workflow/nodes/_base/components/selector.tsx | 2 +-
 .../nodes/_base/components/variable/var-reference-picker.tsx    | 2 ++
 web/app/components/workflow/nodes/tool/panel.tsx                | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/nodes/_base/components/selector.tsx b/web/app/components/workflow/nodes/_base/components/selector.tsx
index dd00c69794..b39122ed57 100644
--- a/web/app/components/workflow/nodes/_base/components/selector.tsx
+++ b/web/app/components/workflow/nodes/_base/components/selector.tsx
@@ -62,7 +62,7 @@ const TypeSelector: FC<Props> = ({
             onClick={toggleShow}
             className={cn(showOption && 'bg-black/5', 'flex items-center h-5 pl-1 pr-0.5 rounded-md text-xs font-semibold text-gray-700 cursor-pointer hover:bg-black/5')}>
             <div className={cn(triggerClassName, 'text-sm font-semibold', uppercase && 'uppercase', noValue && 'text-gray-400')}>{!noValue ? item?.label : placeholder}</div>
-            <DropDownIcon className='w-3 h-3 ' />
+            {!readonly && <DropDownIcon className='w-3 h-3 ' />}
           </div>
         )}
 
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
index a68dfb67af..0bd09c6443 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
@@ -198,6 +198,7 @@ const VarReferencePicker: FC<Props> = ({
                 <TypeSelector
                   noLeft
                   triggerClassName='!text-xs'
+                  readonly={readonly}
                   DropDownIcon={ChevronDown}
                   value={varKindType}
                   options={varKindTypes}
@@ -217,6 +218,7 @@ const VarReferencePicker: FC<Props> = ({
                   onChange={handleStaticChange}
                   onFocus={() => setIsFocus(true)}
                   onBlur={() => setIsFocus(false)}
+                  readOnly={readonly}
                 />
               )
               : (
diff --git a/web/app/components/workflow/nodes/tool/panel.tsx b/web/app/components/workflow/nodes/tool/panel.tsx
index 81456095c5..aace9874af 100644
--- a/web/app/components/workflow/nodes/tool/panel.tsx
+++ b/web/app/components/workflow/nodes/tool/panel.tsx
@@ -22,9 +22,9 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
   data,
 }) => {
   const { t } = useTranslation()
-  const readOnly = false
 
   const {
+    readOnly,
     inputs,
     toolInputVarSchema,
     setInputVar,