fixing filter UX

web/src/components/PluginsPanel/PluginsPanel.module.scss

@@ -52,3 +52,8 @@
 .panelContent {
   height: calc(100% - var(--spacing-large));
 }
+
+.search {
+  width: 50%;
+  height: 35px;
+}

web/src/components/PluginsPanel/PluginsPanel.module.scss.d.ts

@@ -9,3 +9,4 @@ export declare const pluginDesc: string
 export declare const pluginDetailsPanel: string
 export declare const pluginIcon: string
 export declare const plugins: string
+export declare const search: string

web/src/components/PluginsPanel/PluginsPanel.tsx

@@ -191,6 +191,7 @@ export const PluginsPanel = ({ onPluginAddUpdate }: PluginsPanelInterface): JSX.
       </Container>
     ) : (
       <Layout.Vertical spacing="small" padding={{ top: 'small' }}>
+        <Layout.Horizontal flex={{ justifyContent: 'space-between' }} padding={{ left: 'small', right: 'xlarge' }}>
           <Layout.Horizontal
             flex={{ justifyContent: 'flex-start', alignItems: 'center' }}
             spacing="small"
@@ -203,7 +204,15 @@ export const PluginsPanel = ({ onPluginAddUpdate }: PluginsPanelInterface): JSX.
               }}
               className={css.arrow}
             />
-          <ExpandingSearchInput autoFocus={true} alwaysExpanded={true} defaultValue={query} onChange={setQuery} />
+            <Text font={{ variation: FontVariation.H5 }}>{getString('plugins.select')}</Text>
+          </Layout.Horizontal>
+          <ExpandingSearchInput
+            autoFocus={true}
+            alwaysExpanded={true}
+            defaultValue={query}
+            onChange={setQuery}
+            className={css.search}
+          />
         </Layout.Horizontal>
         <Container className={css.plugins}>
           {plugins?.map((pluginItem: TypesPlugin) => {

web/src/framework/strings/stringTypes.ts

@@ -425,6 +425,7 @@ export interface StringsMap {
   'pipelines.updatePipelineSuccess': string
   'pipelines.updated': string
   'pipelines.yamlPath': string
+  'plugins.select': string
   'plugins.stepLabel': string
   'plugins.title': string
   'pluginsPanel.plugins.helptext': string

web/src/i18n/strings.en.yaml

@@ -712,6 +712,7 @@ run: Run
 plugins:
   title: Plugins
   stepLabel: step
+  select: Select a plugin
 pluginsPanel:
   plugins:
     helptext: Run a plugin step