feat(webhooks): display f next to the responder name if it is confugured with a script

Author: azasypkin

src/index.tsx

@@ -37,6 +37,7 @@ import { icon as EuiIconExpandMini } from '@elastic/eui/es/components/icon/asset
 import { icon as EuiIconEyeClosed } from '@elastic/eui/es/components/icon/assets/eye_closed';
 import { icon as EuiIconFullScreen } from '@elastic/eui/es/components/icon/assets/full_screen';
 import { icon as EuiIconFullScreenExit } from '@elastic/eui/es/components/icon/assets/fullScreenExit';
+import { icon as EuiIconFunction } from '@elastic/eui/es/components/icon/assets/function';
 import { icon as EuiIconGear } from '@elastic/eui/es/components/icon/assets/gear';
 import { icon as EuiIconGlobe } from '@elastic/eui/es/components/icon/assets/globe';
 import { icon as EuiIconGrab } from '@elastic/eui/es/components/icon/assets/grab';
@@ -117,6 +118,7 @@ appendIconComponentCache({
   expandMini: EuiIconExpandMini,
   fullScreen: EuiIconFullScreen,
   fullScreenExit: EuiIconFullScreenExit,
+  function: EuiIconFunction,
   gear: EuiIconGear,
   globe: EuiIconGlobe,
   grab: EuiIconGrab,

src/pages/workspace/utils/webhooks/responder_name.tsx

@@ -0,0 +1,15 @@
+import { EuiIcon, EuiText } from '@elastic/eui';
+
+import type { Responder } from './responder';
+
+export function ResponderName({ responder }: { responder: Responder }) {
+  if (!responder.settings.script) {
+    return responder.name;
+  }
+
+  return (
+    <EuiText size="s">
+      {responder.name} {<EuiIcon type={'function'} size="s" title={'Responder generates responses dynamically'} />}
+    </EuiText>
+  );
+}

src/pages/workspace/utils/webhooks/responders.tsx

@@ -23,6 +23,7 @@ import { unix } from 'moment';
 
 import type { Responder } from './responder';
 import { ResponderEditFlyout } from './responder_edit_flyout';
+import { ResponderName } from './responder_name';
 import { ResponderRequestsTable } from './responder_requests_table';
 import { PageErrorState, PageLoadingState } from '../../../../components';
 import { type AsyncData, getApiRequestConfig, getApiUrl, getErrorMessage } from '../../../../model';
@@ -236,7 +237,7 @@ export default function Responders() {
             field: 'name',
             sortable: true,
             textOnly: true,
-            render: (_, responder: Responder) => responder.name,
+            render: (_, responder: Responder) => <ResponderName responder={responder} />,
           },
           {
             name: 'Method',