feat: add type palcehloder in picker

web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx

@@ -58,6 +58,7 @@ type Props = {
   valueTypePlaceHolder?: string
   isInTable?: boolean
   onRemove?: () => void
+  typePlaceHolder?: string
 }
 
 const VarReferencePicker: FC<Props> = ({
@@ -79,6 +80,7 @@ const VarReferencePicker: FC<Props> = ({
   valueTypePlaceHolder,
   isInTable,
   onRemove,
+  typePlaceHolder,
 }) => {
   const { t } = useTranslation()
   const store = useStoreApi()
@@ -362,6 +364,14 @@ const VarReferencePicker: FC<Props> = ({
                 onClick={() => onRemove?.()}
               />
             )}
+
+            {!hasValue && typePlaceHolder && (
+              <Badge
+                className='absolute right-2 top-1.5'
+                text={typePlaceHolder}
+                uppercase={false}
+              />
+            )}
           </>
         </WrapElem>
         <PortalToFollowElemContent style={{

web/app/components/workflow/nodes/document-extractor/panel.tsx

@@ -36,6 +36,7 @@ const Panel: FC<NodePanelProps<DocExtractorNodeType>> = ({
             value={inputs.variable_selector || []}
             onChange={handleVarChanges}
             filterVar={filterVar}
+            typePlaceHolder='File | Array[File]'
           />
         </Field>
       </div>

web/app/components/workflow/nodes/list-filter/panel.tsx

@@ -50,6 +50,7 @@ const Panel: FC<NodePanelProps<ListFilterNodeType>> = ({
             value={inputs.variable || []}
             onChange={handleVarChanges}
             filterVar={filterVar}
+            typePlaceHolder='Array'
           />
         </Field>