From f1cbf1a5786a9d9297dd5d7e37dbd881865ea8a0 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Wed, 20 Nov 2024 10:49:54 +0545
Subject: [PATCH 01/42] feat: add voting options in event based vote function

---
 .../components/FunctionForm.tsx               | 32 ++++++++++++-------
 .../components/utils/FunctionMapper.ts        | 12 +++++--
 frontend/src/models/types/functions.ts        | 27 ++++++++++++++--
 3 files changed, 54 insertions(+), 17 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 07ee0299..a48aa556 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import React from 'react';
 
 import { TriggerType } from '@api/agents';
@@ -131,7 +131,12 @@ export const FunctionForm = ({
 
     const checkAllRequiredFieldsAreFilled = () => {
         if (functionState?.type === 'EVENT') {
-            //event type has no parameter for now
+            if (functionState.id === 'voteOnProposal') {
+                if (!functionState.optionValue) {
+                    ErrorToast('Please select an option');
+                    return false;
+                }
+            }
             return true;
         }
 
@@ -176,6 +181,10 @@ export const FunctionForm = ({
         }
     };
 
+    useEffect(() => {
+        console.log(currentFunction);
+    }, []);
+
     return (
         <Card
             className={cn(
@@ -225,16 +234,15 @@ export const FunctionForm = ({
                         />
                     )}
                 </div>
-                {functionState?.parameters &&
-                    renderParameters(
-                        functionState.type === 'CRON'
-                            ? functionState.parameters || []
-                            : functionState.eventParameters || [],
-                        handleParameterChange,
-                        handleNestedParameterChange,
-                        handleOptionChange,
-                        functionState.optionValue
-                    )}
+                {renderParameters(
+                    (functionState.type === 'CRON'
+                        ? functionState.parameters
+                        : functionState.eventParameters) || [],
+                    handleParameterChange,
+                    handleNestedParameterChange,
+                    handleOptionChange,
+                    functionState.optionValue
+                )}
 
                 {functionState.type === 'CRON' && (
                     <>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 1bcd045a..736fe46f 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -30,7 +30,9 @@ export const mapFormFunctionToTriggerConfiguration = (
             type: item.type,
             action: {
                 function_name: item.id,
-                parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
+                parameters: item.optionValue
+                    ? [mapOptionToKeyValuePair(item.optionValue, 'vote_params')]
+                    : []
             },
             data: {
                 event: 'VoteEvent',
@@ -193,10 +195,14 @@ export const mapTriggerConfigurationToFormFunction = (
         optionValue:
             baseFunction?.parameters && baseFunction?.parameters[0].type === 'options'
                 ? populateOptionValue(trigger.action.parameters[0])
-                : undefined,
+                : (trigger.type === 'EVENT'
+                      ? eventParameters && populateOptionValue(eventParameters[0])
+                      : undefined) || undefined,
         selectedCronOption: undefined,
         congifuredCronSettings: undefined,
-        agent_id: (trigger as IAgentConfiguration).agent_id || undefined
+        agent_id: (trigger as IAgentConfiguration).agent_id || undefined,
+        eventDescription: baseFunction.eventDescription,
+        eventParameters: baseFunction.eventParameters
     };
 
     return final_obj;
diff --git a/frontend/src/models/types/functions.ts b/frontend/src/models/types/functions.ts
index 0eb9622b..c061bfeb 100644
--- a/frontend/src/models/types/functions.ts
+++ b/frontend/src/models/types/functions.ts
@@ -186,9 +186,32 @@ export const AvailableFunctions: IFunctionsDto[] = [
                 ],
                 canBeEvent: true,
                 eventName: 'VoteEvent',
-                eventParameters: [],
+                eventParameters: [
+                    {
+                        id: 'vote',
+                        name: 'Vote',
+                        type: 'options',
+                        options: [
+                            {
+                                id: 'yes',
+                                name: 'Yes',
+                                type: 'string'
+                            },
+                            {
+                                id: 'no',
+                                name: 'No',
+                                type: 'string'
+                            },
+                            {
+                                id: 'abstain',
+                                name: 'Abstain',
+                                type: 'string'
+                            }
+                        ]
+                    }
+                ],
                 eventDescription:
-                    'This Vote event will be triggered when any new Proposal is created on the network. The Agent will vote "No" on the proposal. (No parameters required)'
+                    'This agent will automatically cast a vote on any proposal that is created on the network while it is active. '
             }
         ]
     },

From 88639a020fd4762ae694d6932a7b70bb2f7c0e39 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Wed, 20 Nov 2024 13:09:14 +0545
Subject: [PATCH 02/42] chore: add event type options to voting cron params
 meta

---
 frontend/src/models/types/functions.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/frontend/src/models/types/functions.ts b/frontend/src/models/types/functions.ts
index c061bfeb..b6e73c50 100644
--- a/frontend/src/models/types/functions.ts
+++ b/frontend/src/models/types/functions.ts
@@ -45,6 +45,7 @@ export interface IParameterOption {
     name: string;
     type: ParameterType;
     parameters?: IParameter[];
+    value?: string;
 }
 
 export interface ItemObject {
@@ -182,6 +183,29 @@ export const AvailableFunctions: IFunctionsDto[] = [
                                 type: 'hash'
                             }
                         ]
+                    },
+                    {
+                        id: 'vote',
+                        name: 'Vote',
+                        type: 'options',
+                        options: [
+                            {
+                                id: 'yes',
+                                name: 'Yes',
+                                type: 'function'
+                            },
+                            {
+                                id: 'no',
+                                name: 'No',
+                                type: 'function'
+                            },
+                            {
+                                id: 'abstain',
+                                name: 'Abstain',
+                                type: 'function'
+                            }
+                        ],
+                        optional: false
                     }
                 ],
                 canBeEvent: true,

From dee4c691d010a47989a44d927f98a981533d28ff Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Wed, 20 Nov 2024 13:11:20 +0545
Subject: [PATCH 03/42] chore: update form validation function

---
 .../components/utils/FunctionMapper.ts         | 18 +++++++++++++++++-
 .../components/Agent/AgentContent/Overview.tsx |  4 ----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 736fe46f..fd0f0e2d 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -31,7 +31,7 @@ export const mapFormFunctionToTriggerConfiguration = (
             action: {
                 function_name: item.id,
                 parameters: item.optionValue
-                    ? [mapOptionToKeyValuePair(item.optionValue, 'vote_params')]
+                    ? [mapOptionToKeyValuePair(item.optionValue, 'vote')]
                     : []
             },
             data: {
@@ -54,6 +54,22 @@ export const mapFormFunctionToTriggerConfiguration = (
         };
     }
 
+    if (item.id == 'voteOnProposal' && item.type == 'CRON' && item.optionValue) {
+        alert(item.optionValue.id);
+        item.parameters =
+            item.parameters?.map((param) => {
+                if (param.type === 'options') {
+                    return {
+                        name: param.name,
+                        id: param.id || 'vote',
+                        type: 'string',
+                        value: item.optionValue?.id || 'yes'
+                    };
+                }
+                return param;
+            }) || item.parameters;
+    }
+
     return {
         type: item.type,
         action: {
diff --git a/frontend/src/components/Agent/AgentContent/Overview.tsx b/frontend/src/components/Agent/AgentContent/Overview.tsx
index e5e20ca1..3374aa8c 100644
--- a/frontend/src/components/Agent/AgentContent/Overview.tsx
+++ b/frontend/src/components/Agent/AgentContent/Overview.tsx
@@ -179,10 +179,6 @@ const TriggerDataBox = ({
                   : 'skipped') as string
     );
 
-    {
-        console.log(dataSource.length, numberOfBoxes);
-    }
-
     if (dataSource.length < numberOfBoxes) {
         const target = numberOfBoxes - dataSource.length;
         for (let i = 0; i < target; i++) {

From 22ff4c828a8bcf4e67da141473d59c328380e509 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Wed, 20 Nov 2024 13:12:16 +0545
Subject: [PATCH 04/42] chore: remove log function

---
 .../create-template/components/FunctionForm.tsx    | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index a48aa556..8d690d29 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import React from 'react';
 
 import { TriggerType } from '@api/agents';
@@ -89,7 +89,6 @@ export const FunctionForm = ({
         const updatedParameters = functionState?.parameters?.map((param) =>
             param.id === paramId ? { ...param, value: newValue } : param
         );
-        console.log(updatedParameters);
         updateFunctionState({ parameters: updatedParameters });
     };
 
@@ -124,8 +123,8 @@ export const FunctionForm = ({
     };
 
     const handleOnSave = () => {
-        const validState = checkAllRequiredFieldsAreFilled();
         console.log(functionState);
+        const validState = checkAllRequiredFieldsAreFilled();
         validState && onSave?.(functionState);
     };
 
@@ -141,7 +140,7 @@ export const FunctionForm = ({
         }
 
         if (
-            functionState?.parameters?.[0].type === 'options' &&
+            functionState?.parameters?.some((param) => param.type === 'options') &&
             !functionState.optionValue
         ) {
             ErrorToast('Please select an option');
@@ -150,6 +149,9 @@ export const FunctionForm = ({
 
         let validState = true;
         functionState?.parameters?.forEach((item) => {
+            if (item.type === 'options' && functionState.optionValue) {
+                return;
+            }
             if ((item.optional === false && !item.value) || item.value === '') {
                 validState = false;
             }
@@ -181,10 +183,6 @@ export const FunctionForm = ({
         }
     };
 
-    useEffect(() => {
-        console.log(currentFunction);
-    }, []);
-
     return (
         <Card
             className={cn(

From 09dd9dc127bb22c6ca633a22b5cf3caad227bb00 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Thu, 21 Nov 2024 16:46:46 +0545
Subject: [PATCH 05/42] Add vote options in agent-node

---
 agent-node/src/functions/voteOnProposal.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/agent-node/src/functions/voteOnProposal.ts b/agent-node/src/functions/voteOnProposal.ts
index 204b9e4b..c994725c 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -3,7 +3,8 @@ import { FunctionContext } from '../executor/BaseFunction'
 export default async function handler(
     context: FunctionContext,
     proposal: Record<string, any>,
-    anchor: Record<string, any>
+    anchor: Record<string, any>,
+    voteType: 'yes' | 'no' | 'abstain'
 ) {
     const { dataHash, url } = await context.builtins.saveMetadata(
         context.helpers.generateVoteMetadataContent()
@@ -17,7 +18,7 @@ export default async function handler(
             voter: context.wallet.drepId,
             role: 'drep',
             proposal: proposal,
-            vote: true,
+            vote: voteType,
             anchor: anchorData,
         },
     }

From 2394685b91d358b393f1b019d0837a6250b1c48d Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Thu, 28 Nov 2024 15:12:42 +0545
Subject: [PATCH 06/42] fix: Support voting option for all trigger types

---
 agent-node/src/constants/global.ts            |  1 +
 agent-node/src/types/types.ts                 |  1 +
 agent-node/src/utils/agent.ts                 | 19 +++++---
 .../components/AgentActionDialogContent.tsx   |  4 +-
 frontend/src/app/components/AgentSelector.tsx | 42 ++++++++++++------
 frontend/src/lib/hooks/useAgentActions.ts     | 43 +++++++++++++------
 frontend/src/utils/agent.ts                   |  9 +++-
 7 files changed, 86 insertions(+), 33 deletions(-)

diff --git a/agent-node/src/constants/global.ts b/agent-node/src/constants/global.ts
index 148f37a8..7a7898c3 100644
--- a/agent-node/src/constants/global.ts
+++ b/agent-node/src/constants/global.ts
@@ -7,6 +7,7 @@ export const globalState: {
     eventTriggerTypeDetails: {
         eventType: false,
         function_name: '',
+        parameters: [],
     },
     agentName: '',
 }
diff --git a/agent-node/src/types/types.ts b/agent-node/src/types/types.ts
index a96dce23..b4ae0dbe 100644
--- a/agent-node/src/types/types.ts
+++ b/agent-node/src/types/types.ts
@@ -10,4 +10,5 @@ export type AgentWalletDetails = {
 export type EventTriggerTypeDetails = {
     eventType: boolean
     function_name: string
+    parameters: Array<any>
 }
diff --git a/agent-node/src/utils/agent.ts b/agent-node/src/utils/agent.ts
index e164696b..c5f01900 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -26,20 +26,27 @@ export function checkIfAgentWithEventTriggerTypeExists(
             globalState.eventTriggerTypeDetails = {
                 eventType: true,
                 function_name: config.action.function_name,
+                parameters: config.action.parameters,
             }
         }
     })
 }
 
 export function createActionDtoForEventTrigger(tx: any, index: number): Action {
+    const updatedParams = [
+        ...globalState.eventTriggerTypeDetails.parameters,
+        {
+            name: 'anchor',
+            value: {},
+        },
+        {
+            name: 'proposal',
+            value: `${Buffer.from(tx.hash, 'utf-8').toString('hex')}#${index}`,
+        },
+    ].reverse()
     return {
         function_name: globalState.eventTriggerTypeDetails.function_name,
-        parameters: [
-            {
-                name: 'proposal',
-                value: `${Buffer.from(tx.hash, 'utf-8').toString('hex')}#${index}`,
-            },
-        ],
+        parameters: updatedParams,
     }
 }
 
diff --git a/frontend/src/app/components/AgentActionDialogContent.tsx b/frontend/src/app/components/AgentActionDialogContent.tsx
index 47264728..fe6979f2 100644
--- a/frontend/src/app/components/AgentActionDialogContent.tsx
+++ b/frontend/src/app/components/AgentActionDialogContent.tsx
@@ -28,7 +28,7 @@ const AgentsActionDialogContent = ({
     triggerType,
     functionId
 }: AgentsActionDialogContentProps) => {
-    const { activeAgents, isSubmitting, handleSelect, handleAction, selectedAgentIds } =
+    const { activeAgents, isSubmitting, handleSelect, handleAction, selectedAgents } =
         useAgentsAction(triggerType, handleClose, functionId);
 
     const [adminAccess] = useAtom(adminAccessAtom);
@@ -64,7 +64,7 @@ const AgentsActionDialogContent = ({
 
             <Button
                 onClick={handleAction}
-                disabled={isEmpty(selectedAgentIds)}
+                disabled={isEmpty(selectedAgents)}
                 className="mt-6 w-full rounded-3xl bg-brand-primaryBlue hover:bg-brand-navy hover:shadow-lg"
             >
                 {isSubmitting ? <CircularProgress className="h-5 w-5" /> : 'Continue'}
diff --git a/frontend/src/app/components/AgentSelector.tsx b/frontend/src/app/components/AgentSelector.tsx
index 240adadc..62839558 100644
--- a/frontend/src/app/components/AgentSelector.tsx
+++ b/frontend/src/app/components/AgentSelector.tsx
@@ -1,24 +1,42 @@
+import { useState } from 'react';
+
 import { IAgent } from '@api/agents';
-import { ITemplate, fetchTemplatebyID } from '@api/templates';
-import { useQuery } from '@tanstack/react-query';
 
 import { Checkbox } from '@app/components/atoms/Checkbox';
+import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
+import { IAgentVote, VoteType } from '@app/lib/hooks/useAgentActions';
 
 interface AgentSelectorProps {
     agent: IAgent;
-    handleSelect: (checked: string | boolean, agent: IAgent) => void;
+    handleSelect: (checked: string | boolean, agent: IAgentVote) => void;
 }
+
 export default function AgentSelector({ agent, handleSelect }: AgentSelectorProps) {
-    const { data: template } = useQuery<ITemplate>({
-        queryKey: [`template${agent.template_id}`],
-        queryFn: () => fetchTemplatebyID(agent.template_id || '')
-    });
+    const [voteType, setVoteType] = useState('');
+    const voteTypes = ['Yes', 'No', 'Abstain'];
+    const handleCheckChange = (checked: string | boolean) => {
+        handleSelect(checked, {
+            agentId: agent.id,
+            voteType: voteType as VoteType
+        });
+    };
     return (
-        <div className="flex items-center gap-4 rounded-lg border p-2 ">
-            <Checkbox onCheckedChange={(checked) => handleSelect(checked, agent)} />
-            <div className="flex flex-col ">
-                <p className="text-sm font-medium">{agent.name}</p>
-                <p className="text-xs text-gray-600">{template?.name}</p>
+        <div className="flex items-center gap-4 rounded-lg border p-2 hover:bg-gray-200/90">
+            <Checkbox
+                disabled={!voteTypes.includes(voteType)}
+                onCheckedChange={(checked) => handleCheckChange(checked)}
+            />
+            <div className="flex w-full flex-row justify-between">
+                <p className=" text-sm font-medium">{agent.name}</p>
+                <div className={'flex flex-row gap-2'}>
+                    <span>Vote :</span>
+                    <CustomCombobox
+                        defaultValue={'Select Voting Options'}
+                        className={'w-[250px] border-0'}
+                        itemsList={voteTypes}
+                        onSelect={(voteType: string) => setVoteType(voteType)}
+                    />
+                </div>
             </div>
         </div>
     );
diff --git a/frontend/src/lib/hooks/useAgentActions.ts b/frontend/src/lib/hooks/useAgentActions.ts
index eedabebe..18742cd8 100644
--- a/frontend/src/lib/hooks/useAgentActions.ts
+++ b/frontend/src/lib/hooks/useAgentActions.ts
@@ -4,27 +4,44 @@ import { IAgent, fetchAgents, manualTriggerForAgent } from '@api/agents';
 import { QUERY_KEYS } from '@consts';
 import { AgentTriggerFunctionType } from '@models/types';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { getConfiguredAgentTrigger, isAgentActive } from '@utils';
+import { isAgentActive } from '@utils';
 
 import { ErrorToast, SuccessToast } from '@app/components/molecules/CustomToasts';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
+export type VoteType = 'Yes' | 'No' | 'Abstain';
+
+export interface IAgentVote {
+    agentId: string;
+    voteType: VoteType;
+}
+
+function getAgentVoteData(voteType: VoteType, proposal: string) {
+    return {
+        function_name: 'voteOnProposal' as AgentTriggerFunctionType,
+        parameters: [
+            { name: 'proposal', value: proposal },
+            { name: 'anchor', value: {} },
+            { name: 'voteType', value: voteType }
+        ]
+    };
+}
 export const useAgentsAction = (
     triggerType: AgentTriggerFunctionType,
     handleClose: () => void,
     value: string
 ) => {
-    const [selectedAgentIds, setSelectedAgentIds] = useState<string[]>([]);
+    const [selectedAgents, setSelectedAgents] = useState<IAgentVote[]>([]);
     const { data: agents, isLoading } = useQuery<IAgent[]>({
         queryKey: [QUERY_KEYS.useFetchAgentsKey],
         queryFn: async () => fetchAgents({ page: 1, size: 100, search: '' })
     });
 
     const actionMutation = useMutation({
-        mutationFn: (agentId: string) =>
+        mutationFn: (agentVote: IAgentVote) =>
             manualTriggerForAgent(
-                agentId,
-                getConfiguredAgentTrigger(triggerType, value)
+                agentVote.agentId,
+                getAgentVoteData(agentVote.voteType, value)
             ),
         onSuccess: () => {
             queryClient.refetchQueries({ queryKey: ['agents'] });
@@ -43,23 +60,25 @@ export const useAgentsAction = (
         return agents?.filter((agent) => isAgentActive(agent)) || [];
     }, [agents]);
 
-    const handleSelect = (checked: boolean | string, agent: IAgent) => {
+    const handleSelect = (checked: boolean | string, agentVoteData: IAgentVote) => {
         if (checked) {
-            setSelectedAgentIds((prev) => [...prev, agent.id]);
+            setSelectedAgents((prev) => [...prev, agentVoteData]);
         } else {
-            setSelectedAgentIds((prev) => prev.filter((id) => id !== agent.id));
+            setSelectedAgents((prev) =>
+                prev.filter((voteData) => voteData.agentId !== agentVoteData.agentId)
+            );
         }
     };
 
     const handleAction = async () => {
-        const promises = selectedAgentIds.map((agentId) =>
-            actionMutation.mutateAsync(agentId)
+        const promises = selectedAgents.map((agentVoteData) =>
+            actionMutation.mutateAsync(agentVoteData)
         );
         await Promise.all(promises);
     };
 
     useEffect(() => {
-        return () => setSelectedAgentIds([]);
+        return () => setSelectedAgents([]);
     }, []);
 
     return {
@@ -68,6 +87,6 @@ export const useAgentsAction = (
         isSubmitting,
         handleSelect,
         handleAction,
-        selectedAgentIds
+        selectedAgents
     };
 };
diff --git a/frontend/src/utils/agent.ts b/frontend/src/utils/agent.ts
index 6023c11d..a0bc5072 100644
--- a/frontend/src/utils/agent.ts
+++ b/frontend/src/utils/agent.ts
@@ -13,7 +13,8 @@ export function isAgentActive({ last_active }: IAgent): boolean {
 
 export function getConfiguredAgentTrigger(
     func: AgentTriggerFunctionType,
-    value: string
+    value: string,
+    name?: string
 ): IAgentTrigger {
     const trigger = AGENT_TRIGGER[func];
 
@@ -29,6 +30,12 @@ export function getConfiguredAgentTrigger(
             };
 
         case 'voteOnProposal':
+            if (name) {
+                return {
+                    ...trigger,
+                    parameters: [{ ...trigger.parameters[0], name, value }]
+                };
+            }
             return { ...trigger, parameters: [{ ...trigger.parameters[0], value }] };
 
         default:

From 79e01dc7bf61ad25422027d528bc0350f24b4383 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Wed, 6 Nov 2024 10:50:29 +0545
Subject: [PATCH 07/42] Add EventTriggerHandler class

---
 agent-node/src/constants/global.ts            |   9 +-
 agent-node/src/service/EventTriggerHandler.ts | 101 ++++++++++++++++++
 agent-node/src/service/RpcTopicHandler.ts     |  41 +++----
 agent-node/src/types/eventTriger.ts           |  31 ++++++
 agent-node/src/types/types.ts                 |   5 -
 agent-node/src/utils/agent.ts                 |  14 +--
 agent-node/src/utils/scheduler.ts             |   2 +-
 dbsync-api/src/repository/address.ts          |   7 +-
 8 files changed, 157 insertions(+), 53 deletions(-)
 create mode 100644 agent-node/src/service/EventTriggerHandler.ts
 create mode 100644 agent-node/src/types/eventTriger.ts

diff --git a/agent-node/src/constants/global.ts b/agent-node/src/constants/global.ts
index 148f37a8..a4fedbed 100644
--- a/agent-node/src/constants/global.ts
+++ b/agent-node/src/constants/global.ts
@@ -1,13 +1,10 @@
-import { EventTriggerTypeDetails } from '../types/types'
+import { IEventBasedAction } from '../types/eventTriger'
 
 export const globalState: {
-    eventTriggerTypeDetails: EventTriggerTypeDetails
+    eventTypeDetails: IEventBasedAction[]
     agentName: string
 } = {
-    eventTriggerTypeDetails: {
-        eventType: false,
-        function_name: '',
-    },
+    eventTypeDetails: [],
     agentName: '',
 }
 
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
new file mode 100644
index 00000000..cf444526
--- /dev/null
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -0,0 +1,101 @@
+import { ManagerInterface } from './ManagerInterfaceService'
+import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
+import { AgentRunner } from '../executor/AgentRunner'
+import {
+    compareValue,
+    getPropertyValue,
+    reduceBooleanArray,
+} from '../utils/validator'
+import { IEventBasedAction, IField, IFilterNode } from '../types/eventTriger'
+
+export class EventTriggerHandler {
+    eventBasedActions: IEventBasedAction[] = []
+    managerInterface: ManagerInterface
+    constructor(managerInterface: ManagerInterface) {
+        this.managerInterface = managerInterface
+    }
+
+    onBlock(transactions: Transaction[], agentRunners: AgentRunner[]) {
+        if (this.eventBasedActions.length) {
+            transactions.forEach((tx: Transaction) => {
+                this.eventBasedActions.forEach((eventBasedAction) => {
+                    const handler = (this as any)[
+                        eventBasedAction.eventTrigger.id + 'Handler'
+                    ]
+                    if (handler !== undefined && handler !== 'constructor') {
+                        handler.bind(this)(tx, eventBasedAction, agentRunners)
+                    }
+                })
+            })
+        }
+    }
+
+    transactionHandler(
+        tx: Transaction,
+        eventBasedAction: IEventBasedAction,
+        agentRunners?: AgentRunner[]
+    ) {
+        const txProperty = Array.isArray(eventBasedAction.eventTrigger.id)
+            ? getPropertyValue(tx, [
+                  'body',
+                  ...eventBasedAction.eventTrigger.id.splice(1),
+              ])
+            : tx.body
+        const finalBooleanVals = this.getComparedBooleans(
+            txProperty,
+            eventBasedAction.eventTrigger.parameters
+        )
+        const { operator, negate } = eventBasedAction.eventTrigger
+        const { function_name, parameters } =
+            eventBasedAction.triggeringFunction
+        const reducedFinalBoolValue = reduceBooleanArray(
+            finalBooleanVals,
+            operator,
+            negate
+        )
+        if (reducedFinalBoolValue && agentRunners) {
+            agentRunners.forEach((runner, index) => {
+                runner.invokeFunction(
+                    'EVENT',
+                    index,
+                    function_name,
+                    ...parameters
+                )
+            })
+        }
+    }
+
+    getComparedBooleans(tx: any, params: IFilterNode[]) {
+        const comparedBooleanValues: Array<boolean> = []
+        params.forEach((param) => {
+            if ('id' in param) {
+                comparedBooleanValues.push(
+                    this.compareFields(tx, param as IField)
+                )
+            } else if ('children' in param) {
+                const bools = this.getComparedBooleans(tx, param.children)
+                comparedBooleanValues.push(
+                    reduceBooleanArray(bools, param.operator, param.negate)
+                )
+            }
+        })
+        return comparedBooleanValues
+    }
+
+    compareFields(tx: any, param: IField) {
+        const txPropertyValue = getPropertyValue(tx, param.id as [])
+        if (!txPropertyValue) {
+            return false
+        }
+        const comparisonResult = compareValue(
+            param.operator,
+            param.value,
+            txPropertyValue
+        )
+        return param.negate ? !comparisonResult : comparisonResult
+    }
+
+    addEventActions(actions: IEventBasedAction[]) {
+        this.eventBasedActions = actions
+    }
+}
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index 1603ad50..c9773001 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -2,21 +2,22 @@ import { ManagerInterface } from './ManagerInterfaceService'
 import { TxListener } from '../executor/TxListener'
 import { BlockEvent } from 'libcardano/types'
 import { parseRawBlockBody } from 'libcardano/cardano/ledger-serialization/transaction'
-import { globalState } from '../constants/global'
 import { clearScheduledTasks, scheduleFunctions } from '../utils/scheduler'
-import {
-    checkIfAgentWithEventTriggerTypeExists,
-    createActionDtoForEventTrigger,
-} from '../utils/agent'
+import { checkIfAgentWithEventTriggerTypeExists } from '../utils/agent'
 import { ScheduledTask } from 'node-cron'
 import { AgentRunner } from '../executor/AgentRunner'
+import { EventTriggerHandler } from './EventTriggerHandler'
 
 export class RpcTopicHandler {
     managerInterface: ManagerInterface
     txListener: TxListener
+    eventTriggerHandlers: EventTriggerHandler
     constructor(managerInterface: ManagerInterface, txListener: TxListener) {
         this.managerInterface = managerInterface
         this.txListener = txListener
+        this.eventTriggerHandlers = new EventTriggerHandler(
+            this.managerInterface
+        )
     }
     handleEvent(
         eventName: string,
@@ -42,29 +43,7 @@ export class RpcTopicHandler {
             'txCount=' + transactions.length
         )
         this.txListener.onBlock({ ...block, body: transactions })
-        if (
-            globalState.eventTriggerTypeDetails.eventType &&
-            transactions.length
-        ) {
-            transactions.forEach((tx: any) => {
-                if (Array.isArray(tx.body.proposalProcedures)) {
-                    tx.body.proposalProcedures.forEach(
-                        (proposal: any, index: number) => {
-                            const { function_name, parameters } =
-                                createActionDtoForEventTrigger(tx, index)
-                            agentRunners.forEach((runner, index) => {
-                                runner.invokeFunction(
-                                    'EVENT',
-                                    index,
-                                    function_name,
-                                    ...(parameters as any)
-                                )
-                            })
-                        }
-                    )
-                }
-            })
-        }
+        this.eventTriggerHandlers.onBlock(transactions, agentRunners)
     }
     initial_config(
         message: any,
@@ -72,7 +51,11 @@ export class RpcTopicHandler {
         scheduledTasks: ScheduledTask[]
     ) {
         const { configurations } = message
-        checkIfAgentWithEventTriggerTypeExists(configurations)
+        const eventBasedActions =
+            checkIfAgentWithEventTriggerTypeExists(configurations)
+        if (eventBasedActions) {
+            this.eventTriggerHandlers.addEventActions(eventBasedActions)
+        }
         agentRunners.forEach((runner, index) => {
             scheduleFunctions(
                 this.managerInterface,
diff --git a/agent-node/src/types/eventTriger.ts b/agent-node/src/types/eventTriger.ts
new file mode 100644
index 00000000..48b4036e
--- /dev/null
+++ b/agent-node/src/types/eventTriger.ts
@@ -0,0 +1,31 @@
+import { Action } from '../service/triggerService'
+
+export type BooleanOperator = 'AND' | 'OR'
+export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in'
+
+export interface IEventBasedAction {
+    eventTrigger: IEventTrigger
+    triggeringFunction: Action
+}
+
+export interface IEventTrigger {
+    id: string | string[]
+    parameters: IFilterNode[]
+    negate: boolean
+    operator: BooleanOperator
+}
+
+export interface IField {
+    id: string | string[]
+    value: any
+    negate: boolean
+    operator: ComparisonOperator
+}
+
+interface IChildrenFields {
+    children: IFilterNode[]
+    negate: boolean
+    operator: BooleanOperator
+}
+
+export type IFilterNode = IField | IChildrenFields
diff --git a/agent-node/src/types/types.ts b/agent-node/src/types/types.ts
index a96dce23..7b7c9cef 100644
--- a/agent-node/src/types/types.ts
+++ b/agent-node/src/types/types.ts
@@ -6,8 +6,3 @@ export type AgentWalletDetails = {
     payment_verification_key_hash: string
     drep_id: string
 }
-
-export type EventTriggerTypeDetails = {
-    eventType: boolean
-    function_name: string
-}
diff --git a/agent-node/src/utils/agent.ts b/agent-node/src/utils/agent.ts
index e164696b..ca17b482 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -4,11 +4,11 @@ import {
     Configuration,
     TriggerType,
 } from '../service/triggerService'
-import { globalState } from '../constants/global'
 import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { CallLog } from '../executor/Executor'
 import { ILog, InternalLog } from '../service/TriggerActionHandler'
 import { DateTime } from 'luxon'
+import { IEventBasedAction, IEventTrigger } from '../types/eventTriger'
 
 export function getParameterValue(
     parameters: ActionParameter[] = [],
@@ -21,19 +21,21 @@ export function getParameterValue(
 export function checkIfAgentWithEventTriggerTypeExists(
     configurations: Configuration[]
 ) {
+    const eventBasedAction: IEventBasedAction[] = []
     configurations.forEach((config) => {
         if (config.type === 'EVENT') {
-            globalState.eventTriggerTypeDetails = {
-                eventType: true,
-                function_name: config.action.function_name,
-            }
+            eventBasedAction.push({
+                eventTrigger: config.data as unknown as IEventTrigger,
+                triggeringFunction: config.action,
+            })
         }
     })
+    return eventBasedAction.flat()
 }
 
 export function createActionDtoForEventTrigger(tx: any, index: number): Action {
     return {
-        function_name: globalState.eventTriggerTypeDetails.function_name,
+        function_name: 'voteOnProposal',
         parameters: [
             {
                 name: 'proposal',
diff --git a/agent-node/src/utils/scheduler.ts b/agent-node/src/utils/scheduler.ts
index 664c81cc..a837014e 100644
--- a/agent-node/src/utils/scheduler.ts
+++ b/agent-node/src/utils/scheduler.ts
@@ -59,7 +59,7 @@ export function scheduleFunctions(
             const task = createTask(
                 runner,
                 manager,
-                action,
+                action as Action,
                 frequency,
                 probability,
                 instanceIndex
diff --git a/dbsync-api/src/repository/address.ts b/dbsync-api/src/repository/address.ts
index 608f8a96..fb19420a 100644
--- a/dbsync-api/src/repository/address.ts
+++ b/dbsync-api/src/repository/address.ts
@@ -11,9 +11,4 @@ export const fetchFaucetBalance= async (address:string)=>{
       GROUP BY stake_address.hash_raw
   ` as Array<Record<string, number>>
   return result.length?+result[0].total_value:0
-}
-
-// UTXO SUM
-// + REWARD_REST
-// + REWARD
-// (aLSO MAKE SURE THAT IT IS NOT ALREADY WITHEDRAWAN BY SEEING THE WITHDRAWALS TABLE)
\ No newline at end of file
+}
\ No newline at end of file

From 22535ab4193007888d99bf20955885af6c20c503 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Wed, 6 Nov 2024 10:51:15 +0545
Subject: [PATCH 08/42] Add util fn for bech32 conversion

---
 agent-node/src/utils/cardano.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/agent-node/src/utils/cardano.ts b/agent-node/src/utils/cardano.ts
index c84c4fec..d04a5724 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -25,6 +25,29 @@ export function rewardAddressBech32(
     )
 }
 
+export function convertToBufferIfBech32(address: any): Buffer | string {
+    if (!address) return ''
+    else if (typeof address !== 'string') return address
+    else if (
+        address.includes('stake') ||
+        address.includes('drep') ||
+        address.includes('addr')
+    ) {
+        const decoded = bech32.decode(address, 1000)
+        const data = bech32.fromWords(decoded.words)
+        return Buffer.from(data)
+    }
+    return address
+}
+
+export function convertToHexIfBech32(address: string): string {
+    const bufferVal = convertToBufferIfBech32(address)
+    if (Buffer.isBuffer(bufferVal)) {
+        return bufferVal.toString('hex')
+    }
+    return bufferVal
+}
+
 export function loadRootKeyFromBuffer() {
     const rootKeyBuffer = globalRootKeyBuffer.value
     if (!rootKeyBuffer) {

From 0873f3f37811a05604922947595aebec9bab64f1 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Wed, 6 Nov 2024 10:52:07 +0545
Subject: [PATCH 09/42] Add util fn for eventHandler

---
 agent-node/src/utils/validator.ts             | 61 +++++++++++++++++++
 .../app/models/trigger/resposne_dto.py        |  8 +--
 2 files changed, 65 insertions(+), 4 deletions(-)

diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 32d9c31e..9ff690fe 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,3 +1,6 @@
+import { convertToBufferIfBech32 } from './cardano'
+import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
+
 const NetworkName = ['preview', 'preprod', 'sanchonet']
 
 export function validateToken(token: string) {
@@ -11,3 +14,61 @@ export function validateToken(token: string) {
         return 'Not a valid network name'
     return ''
 }
+
+export function reduceBooleanArray(
+    bools: Array<boolean>,
+    reducer: BooleanOperator,
+    negate: boolean
+) {
+    let reducedBooleanLogic
+    if (reducer === 'AND') {
+        reducedBooleanLogic = bools.reduce((acc, bool) => acc && bool, true)
+    } else if (reducer === 'OR') {
+        reducedBooleanLogic = bools.reduce((acc, bool) => acc || bool, false)
+    }
+    return negate ? !reducedBooleanLogic : !!reducedBooleanLogic
+}
+
+export function compareValue(
+    operator: ComparisonOperator,
+    filterValue: any,
+    txPropertyVal: any
+) {
+    filterValue = convertToBufferIfBech32(filterValue)
+    switch (operator) {
+        case 'greaterThan':
+            if (Array.isArray(txPropertyVal)) {
+                return txPropertyVal.some((item) => filterValue > item)
+            }
+            return filterValue > txPropertyVal
+        case 'lessThan':
+            if (Array.isArray(txPropertyVal)) {
+                return txPropertyVal.some((item) => filterValue < item)
+            }
+            return filterValue < txPropertyVal
+        case 'equals':
+            if (Array.isArray(txPropertyVal)) {
+                return txPropertyVal.some(
+                    (item) => !Buffer.compare(filterValue, item)
+                )
+            }
+            return !Buffer.compare(filterValue, txPropertyVal)
+        case 'in':
+            if (Array.isArray(txPropertyVal)) {
+                return txPropertyVal.includes(filterValue)
+            }
+            return false
+        default:
+            return false
+    }
+}
+
+export function getPropertyValue(initial_value: any, keys: Array<string>) {
+    return keys.reduce((acc, key) => {
+        if (Array.isArray(acc)) {
+            return acc.map((item) => item[key]).filter(Boolean)
+        } else {
+            return acc && acc[key] != undefined ? acc[key] : undefined
+        }
+    }, initial_value)
+}
diff --git a/api/backend/app/models/trigger/resposne_dto.py b/api/backend/app/models/trigger/resposne_dto.py
index 81ed708b..5f072d73 100644
--- a/api/backend/app/models/trigger/resposne_dto.py
+++ b/api/backend/app/models/trigger/resposne_dto.py
@@ -1,10 +1,10 @@
+from typing import Union, Optional, Any
+
 from pydantic import BaseModel
-from typing import Union, Optional
 
 from backend.app.models.trigger.trigger_dto import (
     Action,
     CronTriggerDTO,
-    EventTriggerDTO,
 )
 
 
@@ -12,8 +12,8 @@ class TriggerResponse(BaseModel):
     id: str
     agent_id: str
     type: str
-    action: Optional[Action] = None
-    data: Optional[Union[CronTriggerDTO, EventTriggerDTO]] = None
+    action: Optional[Action | Any] = None
+    data: Optional[Union[CronTriggerDTO, Any]] = None
 
 
 # class TriggerResponse_agent_id(BaseModel):

From 19b154d03b851929365fb8686130ad8b48c50805 Mon Sep 17 00:00:00 2001
From: Sudip Bhattarai <sudipbhattarai100@gmail.com>
Date: Tue, 19 Nov 2024 16:43:57 +0545
Subject: [PATCH 10/42] Support advance event trigger filter

---
 agent-node/package.json                       |   2 +-
 agent-node/src/executor/AgentRunner.ts        |   1 +
 agent-node/src/service/EventTriggerHandler.ts | 123 +++++++++++-------
 agent-node/src/types/eventTriger.ts           |  16 +--
 agent-node/src/utils/agent.ts                 |   4 +-
 agent-node/src/utils/cardano.ts               |   2 +-
 agent-node/src/utils/operatorSupport.ts       | 121 +++++++++++++++++
 agent-node/src/utils/validator.ts             |  64 ++++-----
 agent-node/yarn.lock                          |   8 +-
 9 files changed, 232 insertions(+), 109 deletions(-)
 create mode 100644 agent-node/src/utils/operatorSupport.ts

diff --git a/agent-node/package.json b/agent-node/package.json
index b13772a1..aa120237 100644
--- a/agent-node/package.json
+++ b/agent-node/package.json
@@ -23,7 +23,7 @@
         "bech32": "^2.0.0",
         "dotenv": "^16.4.5",
         "kuber-client": "^2.0.0",
-        "libcardano": "1.4.2",
+        "libcardano": "1.4.4",
         "luxon": "^3.4.4",
         "node-cron": "^3.0.3",
         "ws": "^8.18.0"
diff --git a/agent-node/src/executor/AgentRunner.ts b/agent-node/src/executor/AgentRunner.ts
index cd8e16dc..74138a35 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -22,6 +22,7 @@ export class AgentRunner {
         method: string,
         ...args: any
     ) {
+
         this.executor.invokeFunction(method, ...args).then((result) => {
             saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
         })
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index cf444526..bf091958 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -3,10 +3,9 @@ import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction
 import { AgentRunner } from '../executor/AgentRunner'
 import {
     compareValue,
-    getPropertyValue,
-    reduceBooleanArray,
 } from '../utils/validator'
-import { IEventBasedAction, IField, IFilterNode } from '../types/eventTriger'
+import { IBooleanNode, IEventBasedAction, IFieldNode, IFilterNode } from "../types/eventTriger";
+import { node } from "globals";
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
@@ -20,7 +19,7 @@ export class EventTriggerHandler {
             transactions.forEach((tx: Transaction) => {
                 this.eventBasedActions.forEach((eventBasedAction) => {
                     const handler = (this as any)[
-                        eventBasedAction.eventTrigger.id + 'Handler'
+                    (eventBasedAction.eventTrigger as IFieldNode).id + 'Handler'
                     ]
                     if (handler !== undefined && handler !== 'constructor') {
                         handler.bind(this)(tx, eventBasedAction, agentRunners)
@@ -35,64 +34,88 @@ export class EventTriggerHandler {
         eventBasedAction: IEventBasedAction,
         agentRunners?: AgentRunner[]
     ) {
-        const txProperty = Array.isArray(eventBasedAction.eventTrigger.id)
-            ? getPropertyValue(tx, [
-                  'body',
-                  ...eventBasedAction.eventTrigger.id.splice(1),
-              ])
-            : tx.body
-        const finalBooleanVals = this.getComparedBooleans(
-            txProperty,
-            eventBasedAction.eventTrigger.parameters
-        )
-        const { operator, negate } = eventBasedAction.eventTrigger
-        const { function_name, parameters } =
-            eventBasedAction.triggeringFunction
-        const reducedFinalBoolValue = reduceBooleanArray(
-            finalBooleanVals,
-            operator,
-            negate
-        )
-        if (reducedFinalBoolValue && agentRunners) {
+        let result
+        try {
+            console.log("Tx:", tx.hash.toString('hex'), "tx.outputs=", tx.body.outputs.length, "inputs=", tx.body.inputs.length)
+             result = this.solveNode({ tx: tx.body, transaction: tx.body }, eventBasedAction.eventTrigger, [])
+            console.log("tx=", tx.hash.toString('hex'), "solution=", result)
+        }catch (e){
+            console.error("Error handling event",e);
+            return
+        }
+
+        const {function_name,parameters} =   eventBasedAction.triggeringFunction
+        if (result && agentRunners) {
             agentRunners.forEach((runner, index) => {
                 runner.invokeFunction(
                     'EVENT',
                     index,
-                    function_name,
-                    ...parameters
+                  function_name,
+                  ...parameters
                 )
             })
         }
     }
+    solveNode(targetObject: any,filterNode: IFilterNode,parentNodes:string[]){
+        return this.solveNodeInternal(targetObject,filterNode,filterNode.id,parentNodes)
+    }
+    solveNodeInternal(targetObject: any,filterNode: IFilterNode,nodes:string[]|string|undefined,parent_nodes:string[]): boolean{
+
+        if(nodes ===undefined || nodes.length==0 ) {
+            let result= 'children' in filterNode ? this.solveBooleanNode(targetObject, filterNode, parent_nodes)
+              : this.solveFieldNode(targetObject, filterNode, parent_nodes)
+            return filterNode.negate?!result:result
+        }else if(typeof nodes==="string") {
+            nodes=[nodes]
+        }
+
+        let result
+        const propertyValue = targetObject[nodes[0]]
+        parent_nodes.push(nodes[0])
+
+        let subArray = nodes.slice(1)
+        if (Array.isArray(propertyValue)) {
+            const node_pos=parent_nodes.length
+            parent_nodes.push('')
+            result= propertyValue.reduce((acc, node,index:number) => {
+                if(acc){
+                    return acc
+                }
+                parent_nodes[node_pos]=index.toString()
+                const result=this.solveNodeInternal(node, filterNode, subArray,parent_nodes)
+                console.log(parent_nodes.join('.'),": result=",result)
+                return result
+            }, false)
+            parent_nodes.pop()
+        } else {
+            result= this.solveNodeInternal(propertyValue, filterNode, subArray,parent_nodes)
+        }
+        parent_nodes.pop()
+        return result
 
-    getComparedBooleans(tx: any, params: IFilterNode[]) {
-        const comparedBooleanValues: Array<boolean> = []
-        params.forEach((param) => {
-            if ('id' in param) {
-                comparedBooleanValues.push(
-                    this.compareFields(tx, param as IField)
-                )
-            } else if ('children' in param) {
-                const bools = this.getComparedBooleans(tx, param.children)
-                comparedBooleanValues.push(
-                    reduceBooleanArray(bools, param.operator, param.negate)
-                )
-            }
-        })
-        return comparedBooleanValues
     }
 
-    compareFields(tx: any, param: IField) {
-        const txPropertyValue = getPropertyValue(tx, param.id as [])
-        if (!txPropertyValue) {
-            return false
+    solveBooleanNode(targetObject: any,filterNode: IBooleanNode,parent_nodes:string[]=[]): boolean{
+        let orOperator=(a:boolean,b:boolean)=> a || b
+        let operator=orOperator
+        if(filterNode.operator === 'AND'){
+            operator= (a:boolean,b:boolean)=> a && b
         }
-        const comparisonResult = compareValue(
-            param.operator,
-            param.value,
-            txPropertyValue
-        )
-        return param.negate ? !comparisonResult : comparisonResult
+        const result= filterNode.children.reduce((acc,node)=>{
+            return operator(acc,this.solveNodeInternal(targetObject,node,node.id,parent_nodes))
+        },operator !== orOperator)
+        console.log("id=",filterNode.id,"operator=",filterNode.operator,"result=",result)
+        return result
+    }
+
+    solveFieldNode(targetObject: any,filterNode: IFieldNode,parent_nodes:string[]) : boolean{
+
+            return  compareValue(
+              filterNode.operator,
+              filterNode.value,
+              targetObject,
+              parent_nodes
+            )
     }
 
     addEventActions(actions: IEventBasedAction[]) {
diff --git a/agent-node/src/types/eventTriger.ts b/agent-node/src/types/eventTriger.ts
index 48b4036e..d3eb207a 100644
--- a/agent-node/src/types/eventTriger.ts
+++ b/agent-node/src/types/eventTriger.ts
@@ -4,28 +4,22 @@ export type BooleanOperator = 'AND' | 'OR'
 export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in'
 
 export interface IEventBasedAction {
-    eventTrigger: IEventTrigger
+    eventTrigger: IBooleanNode | IFieldNode
     triggeringFunction: Action
 }
 
-export interface IEventTrigger {
-    id: string | string[]
-    parameters: IFilterNode[]
-    negate: boolean
-    operator: BooleanOperator
-}
-
-export interface IField {
+export interface IFieldNode {
     id: string | string[]
     value: any
     negate: boolean
     operator: ComparisonOperator
 }
 
-interface IChildrenFields {
+export interface IBooleanNode {
+    id?:string|string[]
     children: IFilterNode[]
     negate: boolean
     operator: BooleanOperator
 }
 
-export type IFilterNode = IField | IChildrenFields
+export type IFilterNode = IFieldNode | IBooleanNode
diff --git a/agent-node/src/utils/agent.ts b/agent-node/src/utils/agent.ts
index ca17b482..b0be59cb 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -8,7 +8,7 @@ import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { CallLog } from '../executor/Executor'
 import { ILog, InternalLog } from '../service/TriggerActionHandler'
 import { DateTime } from 'luxon'
-import { IEventBasedAction, IEventTrigger } from '../types/eventTriger'
+import { IEventBasedAction, IFilterNode } from "../types/eventTriger";
 
 export function getParameterValue(
     parameters: ActionParameter[] = [],
@@ -25,7 +25,7 @@ export function checkIfAgentWithEventTriggerTypeExists(
     configurations.forEach((config) => {
         if (config.type === 'EVENT') {
             eventBasedAction.push({
-                eventTrigger: config.data as unknown as IEventTrigger,
+                eventTrigger: config.data as unknown as IFilterNode,
                 triggeringFunction: config.action,
             })
         }
diff --git a/agent-node/src/utils/cardano.ts b/agent-node/src/utils/cardano.ts
index d04a5724..97563b52 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -25,7 +25,7 @@ export function rewardAddressBech32(
     )
 }
 
-export function convertToBufferIfBech32(address: any): Buffer | string {
+export function convertToBufferIfBech32(address: any): Buffer | string| any {
     if (!address) return ''
     else if (typeof address !== 'string') return address
     else if (
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
new file mode 100644
index 00000000..d5325cb8
--- /dev/null
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -0,0 +1,121 @@
+type TypeHandler = (a: any, b: any) => boolean;
+
+const operatorNameToSymbol: Record<string, string> = {
+  // Text-based comparison operators
+  greaterthan: '>',
+  greaterthanorequal: '>=',
+  lessthan: '<',
+  lessthanorequal: '<=',
+  equal: '==',
+  equals: '==',
+  notequal: '!=',
+  notequals: '!=',
+
+  // Shorthand comparison operators
+  gt: '>',
+  gte: '>=',
+  lt: '<',
+  lte: '<=',
+  ne: '!=',
+};
+class LogicalFunctions {
+  private typeHandlers: Map<string, Record<string, TypeHandler>>;
+
+  constructor() {
+    // Initialize a map to hold handlers for different types/classes
+    this.typeHandlers = new Map();
+  }
+
+  // Register operator for a specific class or type (e.g., Person, Animal, Number, etc.)
+  register(type: string, operator: string, handler: TypeHandler): void {
+    if (!this.typeHandlers.has(type)) {
+      this.typeHandlers.set(type, {});
+    }
+    const typeRegistry = this.typeHandlers.get(type)!;
+
+    if (typeRegistry[operator]) {
+      throw new Error(`Operator "${operator}" for type "${type}" is already registered.`);
+    }
+
+    typeRegistry[operator] = handler;
+  }
+
+  // Execute the logical operation, checking the types/classes of the operands
+  execute(operator: string, a: any, b: any): boolean {
+    const aClass = a.constructor ? a.constructor.name : typeof a;
+    const bClass = b.constructor ? b.constructor.name : typeof b;
+
+    if(operatorNameToSymbol[operator.toLowerCase()]){
+      operator=operatorNameToSymbol[operator.toLowerCase()]
+    }
+    // Try class-specific operator registration first
+    if (this.typeHandlers.has(aClass)) {
+      const aHandlers = this.typeHandlers.get(aClass)!;
+      if (aHandlers[operator]) {
+        return aHandlers[operator](a, b);
+      }
+    }
+
+    // If class-specific handler not found, check for type (primitive) operators
+    if (this.typeHandlers.has(aClass.toLowerCase())) {
+      const aHandlers = this.typeHandlers.get(aClass.toLowerCase())!;
+      if (aHandlers[operator]) {
+        return aHandlers[operator](a, b);
+      }
+    }
+
+    // Try class-specific operator registration for the second operand
+    if (this.typeHandlers.has(bClass)) {
+      const bHandlers = this.typeHandlers.get(bClass)!;
+      if (bHandlers[operator]) {
+        return bHandlers[operator](a, b);
+      }
+    }
+
+    // If still not found, try for primitive types such as number, string, etc.
+    if (this.typeHandlers.has("number")) {
+      const numberHandlers = this.typeHandlers.get("number")!;
+      if (numberHandlers[operator]) {
+        return numberHandlers[operator](a, b);
+      }
+    }
+
+    console.log("typeHandlers",JSON.stringify(Array.from( this.typeHandlers.keys()),undefined,2));
+    console.log("typeHandlersvalues",JSON.stringify(Array.from( this.typeHandlers.values()),undefined,2));
+
+    // If operator is not found for the types of operands, throw an error
+    throw new Error(`Operator "${operator}" is not supported for operands of types "${aClass}" and "${bClass}".`);
+  }
+}
+
+
+
+// Initialize the _logicalFunctions instance
+const _logicalFunctions = new LogicalFunctions();
+
+// Register handlers for numbers
+_logicalFunctions.register("number", "==", (a: number, b: number) => a === b);
+_logicalFunctions.register("number", "!=", (a: number, b: number) => a !== b);
+_logicalFunctions.register("number", ">", (a: number, b: number) => a > b);
+_logicalFunctions.register("number", "<", (a: number, b: number) => a < b);
+_logicalFunctions.register("number", ">=", (a: number, b: number) => a >= b);
+_logicalFunctions.register("number", "<=", (a: number, b: number) => a <= b);
+
+// Register handlers for strings
+_logicalFunctions.register("string", "==", (a: string, b: string) => a === b);
+_logicalFunctions.register("string", "!=", (a: string, b: string) => a !== b);
+_logicalFunctions.register("string", ">", (a: string, b: string) => a > b);
+_logicalFunctions.register("string", "<", (a: string, b: string) => a < b);
+_logicalFunctions.register("string", ">=", (a: string, b: string) => a >= b);
+_logicalFunctions.register("string", "<=", (a: string, b: string) => a <= b);
+
+// Register handlers for buffers
+_logicalFunctions.register("buffer", "==", (a: Buffer, b: Buffer) => a.equals(b));
+_logicalFunctions.register("buffer", "!=", (a: Buffer, b: Buffer) => !a.equals(b));
+_logicalFunctions.register("buffer", ">", (a: Buffer, b: Buffer) => a.compare(b) > 0);
+_logicalFunctions.register("buffer", "<", (a: Buffer, b: Buffer) => a.compare(b) < 0);
+_logicalFunctions.register("buffer", ">=", (a: Buffer, b: Buffer) => a.compare(b) >= 0);
+_logicalFunctions.register("buffer", "<=", (a: Buffer, b: Buffer) => a.compare(b) <= 0);
+
+export const logicalFunctions=_logicalFunctions;
+
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 9ff690fe..8892a81d 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,5 +1,7 @@
 import { convertToBufferIfBech32 } from './cardano'
 import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
+import * as buffer from "buffer";
+import { logicalFunctions } from "./operatorSupport";
 
 const NetworkName = ['preview', 'preprod', 'sanchonet']
 
@@ -19,7 +21,7 @@ export function reduceBooleanArray(
     bools: Array<boolean>,
     reducer: BooleanOperator,
     negate: boolean
-) {
+) : boolean {
     let reducedBooleanLogic
     if (reducer === 'AND') {
         reducedBooleanLogic = bools.reduce((acc, bool) => acc && bool, true)
@@ -31,44 +33,26 @@ export function reduceBooleanArray(
 
 export function compareValue(
     operator: ComparisonOperator,
-    filterValue: any,
-    txPropertyVal: any
+    objectProperty: any,
+    txPropertyVal: any,
+    property_path:string[]
 ) {
-    filterValue = convertToBufferIfBech32(filterValue)
-    switch (operator) {
-        case 'greaterThan':
-            if (Array.isArray(txPropertyVal)) {
-                return txPropertyVal.some((item) => filterValue > item)
-            }
-            return filterValue > txPropertyVal
-        case 'lessThan':
-            if (Array.isArray(txPropertyVal)) {
-                return txPropertyVal.some((item) => filterValue < item)
-            }
-            return filterValue < txPropertyVal
-        case 'equals':
-            if (Array.isArray(txPropertyVal)) {
-                return txPropertyVal.some(
-                    (item) => !Buffer.compare(filterValue, item)
-                )
-            }
-            return !Buffer.compare(filterValue, txPropertyVal)
-        case 'in':
-            if (Array.isArray(txPropertyVal)) {
-                return txPropertyVal.includes(filterValue)
-            }
-            return false
-        default:
-            return false
-    }
-}
+      if(txPropertyVal.constructor.name == 'Buffer')
+        console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty})`)
+      else
+        console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
 
-export function getPropertyValue(initial_value: any, keys: Array<string>) {
-    return keys.reduce((acc, key) => {
-        if (Array.isArray(acc)) {
-            return acc.map((item) => item[key]).filter(Boolean)
-        } else {
-            return acc && acc[key] != undefined ? acc[key] : undefined
-        }
-    }, initial_value)
-}
+    let filterValue = convertToBufferIfBech32(objectProperty)
+    console.debug("filterValue=",filterValue);
+    let result;
+    result =  logicalFunctions.execute(operator,txPropertyVal,filterValue)
+
+
+    if(txPropertyVal.constructor.name == 'Buffer')
+        console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty}) = ${result}`)
+    else
+        console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty}) = ${result}`)
+    return  result
+
+
+}
\ No newline at end of file
diff --git a/agent-node/yarn.lock b/agent-node/yarn.lock
index d10466de..b69eb3e3 100644
--- a/agent-node/yarn.lock
+++ b/agent-node/yarn.lock
@@ -2145,10 +2145,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@1.4.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.2.tgz#5ef6ae1ff1e1b44812e33c4a720ae2ffd816a3d0"
-  integrity sha512-+ubt/FI1Cks9AN5LfhgirbzEMTOxGJw6AFkBLTLsFvl+0iTDLihOrTQALtqE8m8dInanXcJE2OnsxtZ7VlB42w==
+libcardano@1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.4.tgz#f7744398f99fa14e807ef8bf38eb1d465a3242c0"
+  integrity sha512-f40qcZAme8wzSF6bAfriWGJA0YhzcoMsSOo7r6QVsLzZ8ca8M6wHosYwfhXhpNgQQ5McktGJzcU8uKJnglfHUQ==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"

From c3738c4239ec420f97aa78be3dec4be51e9d9b96 Mon Sep 17 00:00:00 2001
From: sital999 <sitalnagarkoti123@gmail.com>
Date: Fri, 6 Dec 2024 15:51:36 +0545
Subject: [PATCH 11/42] Update operation for buffer type to support any type

---
 agent-node/src/service/EventTriggerHandler.ts | 107 ++++++++++--------
 agent-node/src/utils/operatorSupport.ts       |  10 +-
 agent-node/src/utils/validator.ts             |  32 +++---
 3 files changed, 86 insertions(+), 63 deletions(-)

diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index bf091958..a3281274 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -1,15 +1,18 @@
-import { ManagerInterface } from './ManagerInterfaceService'
-import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
-import { AgentRunner } from '../executor/AgentRunner'
+import {ManagerInterface} from './ManagerInterfaceService'
+import {Transaction} from 'libcardano/cardano/ledger-serialization/transaction'
+import {AgentRunner} from '../executor/AgentRunner'
 import {
     compareValue,
 } from '../utils/validator'
-import { IBooleanNode, IEventBasedAction, IFieldNode, IFilterNode } from "../types/eventTriger";
-import { node } from "globals";
+import {IBooleanNode, IEventBasedAction, IFieldNode, IFilterNode} from "../types/eventTriger";
+import {node} from "globals";
+import {bech32} from "bech32";
+import {rewardAddressRawBytes} from "../utils/cardano";
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
     managerInterface: ManagerInterface
+
     constructor(managerInterface: ManagerInterface) {
         this.managerInterface = managerInterface
     }
@@ -19,8 +22,8 @@ export class EventTriggerHandler {
             transactions.forEach((tx: Transaction) => {
                 this.eventBasedActions.forEach((eventBasedAction) => {
                     const handler = (this as any)[
-                    (eventBasedAction.eventTrigger as IFieldNode).id + 'Handler'
-                    ]
+                        'transactionHandler'
+                        ]
                     if (handler !== undefined && handler !== 'constructor') {
                         handler.bind(this)(tx, eventBasedAction, agentRunners)
                     }
@@ -37,36 +40,48 @@ export class EventTriggerHandler {
         let result
         try {
             console.log("Tx:", tx.hash.toString('hex'), "tx.outputs=", tx.body.outputs.length, "inputs=", tx.body.inputs.length)
-             result = this.solveNode({ tx: tx.body, transaction: tx.body }, eventBasedAction.eventTrigger, [])
+            result = this.solveNode({tx: tx.body, transaction: tx.body}, eventBasedAction.eventTrigger, [])
             console.log("tx=", tx.hash.toString('hex'), "solution=", result)
-        }catch (e){
-            console.error("Error handling event",e);
+        } catch (e) {
+            console.error("Error handling event", e);
             return
         }
 
-        const {function_name,parameters} =   eventBasedAction.triggeringFunction
+        const {function_name, parameters} = eventBasedAction.triggeringFunction
         if (result && agentRunners) {
+            tx.body.outputs.map((o) => {
+                const data = Buffer.from(o.address, 'hex');
+
+                // Convert binary data into 5-bit groups as needed for Bech32
+                const words = bech32.toWords(data);
+
+                // Encode with Bech32 using the given prefix (usually 'stake')
+                const a = bech32.encode('addr_test', words, 114);
+                console.log('Hello world',a )
+            })
             agentRunners.forEach((runner, index) => {
                 runner.invokeFunction(
                     'EVENT',
                     index,
-                  function_name,
-                  ...parameters
+                    function_name,
+                    ...parameters
                 )
             })
         }
     }
-    solveNode(targetObject: any,filterNode: IFilterNode,parentNodes:string[]){
+
+    solveNode(targetObject: any, filterNode: IFilterNode, parentNodes: string[]) {
         return this.solveNodeInternal(targetObject,filterNode,filterNode.id,parentNodes)
-    }
-    solveNodeInternal(targetObject: any,filterNode: IFilterNode,nodes:string[]|string|undefined,parent_nodes:string[]): boolean{
-
-        if(nodes ===undefined || nodes.length==0 ) {
-            let result= 'children' in filterNode ? this.solveBooleanNode(targetObject, filterNode, parent_nodes)
-              : this.solveFieldNode(targetObject, filterNode, parent_nodes)
-            return filterNode.negate?!result:result
-        }else if(typeof nodes==="string") {
-            nodes=[nodes]
+  }
+
+    solveNodeInternal(targetObject: any, filterNode: IFilterNode, nodes: string[] | string | undefined, parent_nodes: string[]): boolean {
+
+        if (nodes === undefined || nodes.length == 0) {
+            let result = 'children' in filterNode ? this.solveBooleanNode(targetObject, filterNode, parent_nodes)
+                : this.solveFieldNode(targetObject, filterNode, parent_nodes)
+            return filterNode.negate ? !result : result
+        } else if (typeof nodes === "string") {
+            nodes = [nodes]
         }
 
         let result
@@ -75,47 +90,47 @@ export class EventTriggerHandler {
 
         let subArray = nodes.slice(1)
         if (Array.isArray(propertyValue)) {
-            const node_pos=parent_nodes.length
+            const node_pos = parent_nodes.length
             parent_nodes.push('')
-            result= propertyValue.reduce((acc, node,index:number) => {
-                if(acc){
+            result = propertyValue.reduce((acc, node, index: number) => {
+                if (acc) {
                     return acc
                 }
-                parent_nodes[node_pos]=index.toString()
-                const result=this.solveNodeInternal(node, filterNode, subArray,parent_nodes)
-                console.log(parent_nodes.join('.'),": result=",result)
+                parent_nodes[node_pos] = index.toString()
+                const result = this.solveNodeInternal(node, filterNode, subArray, parent_nodes)
+                console.log(parent_nodes.join('.'), ": result=", result)
                 return result
             }, false)
             parent_nodes.pop()
         } else {
-            result= this.solveNodeInternal(propertyValue, filterNode, subArray,parent_nodes)
+            result = this.solveNodeInternal(propertyValue, filterNode, subArray, parent_nodes)
         }
         parent_nodes.pop()
         return result
 
     }
 
-    solveBooleanNode(targetObject: any,filterNode: IBooleanNode,parent_nodes:string[]=[]): boolean{
-        let orOperator=(a:boolean,b:boolean)=> a || b
-        let operator=orOperator
-        if(filterNode.operator === 'AND'){
-            operator= (a:boolean,b:boolean)=> a && b
+    solveBooleanNode(targetObject: any, filterNode: IBooleanNode, parent_nodes: string[] = []): boolean {
+        let orOperator = (a: boolean, b: boolean) => a || b
+        let operator = orOperator
+        if (filterNode.operator === 'AND') {
+            operator = (a: boolean, b: boolean) => a && b
         }
-        const result= filterNode.children.reduce((acc,node)=>{
-            return operator(acc,this.solveNodeInternal(targetObject,node,node.id,parent_nodes))
-        },operator !== orOperator)
-        console.log("id=",filterNode.id,"operator=",filterNode.operator,"result=",result)
+        const result = filterNode.children.reduce((acc, node) => {
+            return operator(acc, this.solveNodeInternal(targetObject, node, node.id, parent_nodes))
+        }, operator !== orOperator)
+        console.log("id=", filterNode.id, "operator=", filterNode.operator, "result=", result)
         return result
     }
 
-    solveFieldNode(targetObject: any,filterNode: IFieldNode,parent_nodes:string[]) : boolean{
+    solveFieldNode(targetObject: any, filterNode: IFieldNode, parent_nodes: string[]): boolean {
 
-            return  compareValue(
-              filterNode.operator,
-              filterNode.value,
-              targetObject,
-              parent_nodes
-            )
+        return compareValue(
+            filterNode.operator,
+            filterNode.value,
+            targetObject,
+            parent_nodes
+        )
     }
 
     addEventActions(actions: IEventBasedAction[]) {
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index d5325cb8..e386dc2a 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -31,7 +31,7 @@ class LogicalFunctions {
     if (!this.typeHandlers.has(type)) {
       this.typeHandlers.set(type, {});
     }
-    const typeRegistry = this.typeHandlers.get(type)!;
+      const typeRegistry = this.typeHandlers.get(type)!;
 
     if (typeRegistry[operator]) {
       throw new Error(`Operator "${operator}" for type "${type}" is already registered.`);
@@ -52,6 +52,10 @@ class LogicalFunctions {
     if (this.typeHandlers.has(aClass)) {
       const aHandlers = this.typeHandlers.get(aClass)!;
       if (aHandlers[operator]) {
+        if (aClass === 'buffer' && !Buffer.isBuffer(b)){
+          const convertedBuffer = Buffer.from(b)
+          return aHandlers[operator](a, convertedBuffer);
+        }
         return aHandlers[operator](a, b);
       }
     }
@@ -60,6 +64,10 @@ class LogicalFunctions {
     if (this.typeHandlers.has(aClass.toLowerCase())) {
       const aHandlers = this.typeHandlers.get(aClass.toLowerCase())!;
       if (aHandlers[operator]) {
+        if (aClass.toLowerCase() === 'buffer' && !Buffer.isBuffer(b)){
+          const convertedBuffer = Buffer.from(b,'hex')
+          return aHandlers[operator](a, convertedBuffer);
+        }
         return aHandlers[operator](a, b);
       }
     }
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 8892a81d..8143957c 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,7 +1,8 @@
-import { convertToBufferIfBech32 } from './cardano'
-import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
+import {convertToBufferIfBech32} from './cardano'
+import {BooleanOperator, ComparisonOperator} from '../types/eventTriger'
 import * as buffer from "buffer";
-import { logicalFunctions } from "./operatorSupport";
+import {logicalFunctions} from "./operatorSupport";
+import {bech32} from "bech32";
 
 const NetworkName = ['preview', 'preprod', 'sanchonet']
 
@@ -21,7 +22,7 @@ export function reduceBooleanArray(
     bools: Array<boolean>,
     reducer: BooleanOperator,
     negate: boolean
-) : boolean {
+): boolean {
     let reducedBooleanLogic
     if (reducer === 'AND') {
         reducedBooleanLogic = bools.reduce((acc, bool) => acc && bool, true)
@@ -35,24 +36,23 @@ export function compareValue(
     operator: ComparisonOperator,
     objectProperty: any,
     txPropertyVal: any,
-    property_path:string[]
+    property_path: string[]
 ) {
-      if(txPropertyVal.constructor.name == 'Buffer')
-        console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty})`)
-      else
-        console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
+    // if(txPropertyVal.constructor.name == 'Buffer')
+    //   console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty})`)
+    // else
+    //   console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
 
-    let filterValue = convertToBufferIfBech32(objectProperty)
-    console.debug("filterValue=",filterValue);
-    let result;
-    result =  logicalFunctions.execute(operator,txPropertyVal,filterValue)
+    const filterValue = convertToBufferIfBech32(objectProperty)
+    console.debug("filterValue=", filterValue);
+    const result = logicalFunctions.execute(operator, txPropertyVal, filterValue)
 
 
-    if(txPropertyVal.constructor.name == 'Buffer')
+    if (txPropertyVal.constructor.name == 'Buffer') {
         console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty}) = ${result}`)
-    else
+    } else
         console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty}) = ${result}`)
-    return  result
+    return result
 
 
 }
\ No newline at end of file

From f1a136c0f6caf624d37b4469a8eba63827cd4ea2 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Mon, 18 Nov 2024 15:50:21 +0545
Subject: [PATCH 12/42] chore : add event trigger interface

---
 frontend/src/api/agents.ts | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index 484d1fa8..6db56a74 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -9,6 +9,33 @@ import { convertToQueryStr } from '@app/utils/common/extra';
 import { agentFormSchema } from '../app/(pages)/agents/create-agent/_form/schema';
 import { baseAPIurl } from './config';
 
+
+export type BooleanOperator = 'AND' | 'OR';
+export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in';
+
+export interface IFieldNode {
+    id: string | string[];
+    value: any;
+    negate: boolean;
+    operator: ComparisonOperator;
+}
+
+export interface IBooleanNode {
+    id?: string | string[];
+    children: IFilterNode[];
+    negate: boolean;
+    operator: BooleanOperator;
+}
+
+export interface IEventTrigger {
+    id: string | string[];
+    parameters: IFilterNode[];
+    negate: boolean;
+    operator: BooleanOperator;
+}
+
+export type IFilterNode = IFieldNode | IBooleanNode;
+
 export type TriggerType = 'CRON' | 'MANUAL' | 'EVENT';
 
 export interface ISubParameter {
@@ -26,10 +53,6 @@ export interface ICronTrigger {
     probability: number;
 }
 
-export interface IEventTrigger {
-    event: 'VoteEvent';
-    parameters?: Array<ISubParameter>;
-}
 
 export interface IAgentConfiguration {
     id: string;
@@ -211,3 +234,4 @@ export const fetchMyAgent = async (): Promise<IAgent> => {
         throw new Error('Agent Fetch Operation failed: Network Error');
     }
 };
+

From ebbce2770f9b009995f41a8e785dfded5ab63b4a Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Mon, 18 Nov 2024 15:51:49 +0545
Subject: [PATCH 13/42] feat: add event trigger tab

---
 .../components/event/EventTab.tsx             | 408 ++++++++++++++++++
 .../components/event/EventTrigger.ts          |  64 +++
 .../components/event/EventTriggerGraph.tsx    | 183 ++++++++
 .../create-template/components/event/demo.ts  |  66 +++
 4 files changed, 721 insertions(+)
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/demo.ts

diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
new file mode 100644
index 00000000..8fc717fc
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -0,0 +1,408 @@
+import { useState } from 'react';
+
+import { ChevronDown } from 'lucide-react';
+import { FileJson, Parentheses } from 'lucide-react';
+
+import { Card } from '@app/components/atoms/Card';
+import { Checkbox } from '@app/components/atoms/Checkbox';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger
+} from '@app/components/atoms/DropDownMenu';
+import { Input } from '@app/components/atoms/Input';
+import { cn } from '@app/components/lib/utils';
+
+import InfoCard from '../cards/InfoCard';
+import { CustomSelect } from '../../../../../../components/molecules/CustomDropDown';
+import {
+    Events,
+    IBooleanNode,
+    IEvent,
+    IEventFilter,
+    IEventTrigger,
+    IFieldNode
+} from './EventTrigger';
+import NodeGraph from './EventTriggerGraph';
+
+const EventTab = ({ className }: { className?: string }) => {
+    const [currentEvent, setCurrentEvent] = useState<IEvent | null>(null);
+
+    const [currentEventFilter, setCurrentEventFilter] = useState<IEventFilter | null>(
+        null
+    );
+
+    const [isInfoVisible, setIsInfoVisible] = useState(false);
+
+    const [formData, setFormData] = useState<IEventTrigger | null>(null);
+
+    const [formMode, setFormMode] = useState<string>('normal');
+
+    const handleSelectEvent = (eventId: string) => {
+        const selectedEvent = Events.find((event) => event.id === eventId);
+        if (selectedEvent) {
+            setCurrentEvent(selectedEvent);
+            setFormData({
+                id: selectedEvent?.id,
+                parameters: [],
+                negate: false,
+                operator: 'AND'
+            });
+        }
+    };
+
+    const handleSelectEventFilter = (eventFilterId: string) => {
+        const selectedEventFilter = currentEvent?.filters.find(
+            (filter) => filter.id === eventFilterId
+        );
+        if (selectedEventFilter) {
+            setCurrentEventFilter(selectedEventFilter);
+            return selectedEventFilter;
+        }
+    };
+
+    const handleAddEventFilter = (eventFilterId: string) => {
+        const selectedEventFilter = handleSelectEventFilter(eventFilterId);
+        if (selectedEventFilter) {
+            formData &&
+                setFormData({
+                    ...formData,
+                    parameters: [
+                        ...formData.parameters,
+                        {
+                            id: selectedEventFilter.id,
+                            operator: 'AND',
+                            negate: false,
+                            children: []
+                        }
+                    ]
+                });
+        }
+    };
+
+    const handleAddParameter = (parameterId: string) => {
+        if (formData && currentEventFilter) {
+            const selectedParameter = Events.find((event) => event.id === formData.id)
+                ?.filters.find((filter) => filter.id === currentEventFilter?.id)
+                ?.parameters.find((param) => param.id === parameterId);
+            if (selectedParameter) {
+                const data = {
+                    ...formData,
+                    parameters: formData.parameters.map((eventFilter) =>
+                        eventFilter.id === currentEventFilter?.id
+                            ? {
+                                  ...eventFilter,
+                                  children: [
+                                      //@ts-ignore
+                                      ...(eventFilter.children || []),
+                                      {
+                                          id: selectedParameter.id,
+                                          operator: 'equals',
+                                          value: '',
+                                          negate: false
+                                      }
+                                  ]
+                              }
+                            : eventFilter
+                    )
+                };
+                setFormData(data);
+            }
+        }
+    };
+
+    const handleParamValueChange = (parameterId: string, value: any) => {
+        if (formData && currentEventFilter) {
+            const data = {
+                ...formData,
+                parameters: formData.parameters.map((eventFilter) =>
+                    eventFilter.id === currentEventFilter?.id
+                        ? {
+                              ...eventFilter,
+                              //@ts-ignore
+                              children: eventFilter.children.map((child) =>
+                                  child.id === parameterId ? { ...child, value } : child
+                              )
+                          }
+                        : eventFilter
+                )
+            };
+            setFormData(data);
+        }
+    };
+
+    const handleParamOperatorChange = (parameterId: string, operator: string) => {
+        if (formData && currentEventFilter) {
+            const data = {
+                ...formData,
+                parameters: formData.parameters.map((eventFilter) =>
+                    eventFilter.id === currentEventFilter?.id
+                        ? {
+                              ...eventFilter,
+                              //@ts-ignore
+                              children: eventFilter.children.map((child) =>
+                                  child.id === parameterId
+                                      ? { ...child, operator: operator }
+                                      : child
+                              )
+                          }
+                        : eventFilter
+                )
+            };
+            setFormData(data);
+        }
+    };
+
+    const handleParaNegationChange = (parameterId: string, negate: boolean) => {
+        if (formData && currentEventFilter) {
+            const data = {
+                ...formData,
+                parameters: formData.parameters.map((eventFilter) =>
+                    eventFilter.id === currentEventFilter?.id
+                        ? {
+                              ...eventFilter,
+                              //@ts-ignore
+                              children: eventFilter.children.map((child) =>
+                                  child.id === parameterId
+                                      ? { ...child, negate: negate }
+                                      : child
+                              )
+                          }
+                        : eventFilter
+                )
+            };
+            setFormData(data);
+            console.log(formData);
+        }
+    };
+
+    const getNotSelectedEventFilters = () => {
+        return Events.find((event) => event.id === formData?.id)?.filters.filter(
+            (filter) => !formData?.parameters.find((param) => param.id === filter.id)
+        );
+    };
+
+    const getNotSelectedEventFilterParameters = () => {
+        return currentEventFilter?.parameters.filter(
+            (param) =>
+                !formData?.parameters
+                    .find((eventFilter) => eventFilter.id === currentEventFilter?.id)
+                    //@ts-ignore
+                    ?.children.find((child: IFieldNode) => child.id === param.id)
+        );
+    };
+
+    return (
+        <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
+            <div className="absolute right-8 flex gap-2 rounded-md bg-gray-200 p-2">
+                <Parentheses
+                    className={cn(
+                        'cursor-pointer',
+                        formMode === 'normal' && 'text-brand-Blue-200'
+                    )}
+                    onClick={() => setFormMode('normal')}
+                />
+                <FileJson
+                    className={cn(
+                        'cursor-pointer',
+                        formMode === 'json' && 'text-brand-Blue-200'
+                    )}
+                    onClick={() => setFormMode('json')}
+                />
+            </div>
+            <div className="flex gap-2">
+                <CustomSelect
+                    plusIcon={false}
+                    className="w-64"
+                    options={Events.map((item) => ({
+                        label: item.label,
+                        value: item.id
+                    }))}
+                    defaultValue={currentEvent?.label || 'Event'}
+                    label="Event"
+                    onSelect={handleSelectEvent}
+                    disabled={currentEvent !== null}
+                />
+                <CustomSelect
+                    plusIcon={true}
+                    className="w-64"
+                    options={
+                        getNotSelectedEventFilters()?.map((item) => ({
+                            label: item.label,
+                            value: item.id
+                        })) || []
+                    }
+                    defaultValue={
+                        `${currentEvent?.label} filters` || 'Add Event Filter'
+                    }
+                    label="Event Filter"
+                    onSelect={handleAddEventFilter}
+                    disabled={currentEvent === null}
+                />
+                <InfoCard
+                    onMouseEnter={() => {
+                        setIsInfoVisible(true);
+                    }}
+                    onMouseLeave={() => {
+                        setIsInfoVisible(false);
+                    }}
+                    visible={isInfoVisible}
+                />
+            </div>
+            <div className="h-[600px] w-full items-center scroll-auto">
+                {formData && formMode === 'normal' && <NodeGraph data={formData} />}
+                {formData && formMode === 'json' && (
+                    <div className="h-full overflow-y-auto bg-neutral-100 p-12">
+                        <pre>
+                            <code>{JSON.stringify(formData, null, 2)}</code>
+                        </pre>
+                    </div>
+                )}
+            </div>
+            {currentEventFilter && (
+                <Card className="min-h-[200px] bg-gray-200">
+                    <div className="mb-8 flex items-end justify-between">
+                        <nav className="flex gap-4">
+                            {formData &&
+                                formData?.parameters.map((param, index) => (
+                                    <div
+                                        key={index}
+                                        className={cn(
+                                            'cursor-pointer font-semibold',
+                                            currentEventFilter.id === param.id &&
+                                                'text-brand-Blue-200 underline underline-offset-4'
+                                        )}
+                                        onClick={() =>
+                                            handleSelectEventFilter(param.id as string)
+                                        }
+                                    >
+                                        {param.id}
+                                    </div>
+                                ))}
+                        </nav>
+                        <CustomSelect
+                            className="w-64"
+                            options={
+                                getNotSelectedEventFilterParameters()?.map((item) => ({
+                                    label: item.label,
+                                    value: item.id
+                                })) || []
+                            }
+                            defaultValue={` Add Parameters`}
+                            onSelect={handleAddParameter}
+                        />
+                    </div>
+                    {formData?.parameters.map((param, index) => {
+                        if (param.id === currentEventFilter?.id) {
+                            return (
+                                <div>
+                                    {(param as IBooleanNode).children?.map(
+                                        (child, childIndex) => (
+                                            <div
+                                                key={childIndex}
+                                                className="flex w-[75%] flex-col gap-4"
+                                            >
+                                                {
+                                                    <RenderEventChildForm
+                                                        eventFilterParam={
+                                                            child as IFieldNode
+                                                        }
+                                                        onValueChange={(value) => {
+                                                            handleParamValueChange(
+                                                                child.id as string,
+                                                                value
+                                                            );
+                                                        }}
+                                                        onOperatorChange={(value) => {
+                                                            handleParamOperatorChange(
+                                                                child.id as string,
+                                                                value
+                                                            );
+                                                        }}
+                                                        onNegateChange={(value) => {
+                                                            handleParaNegationChange(
+                                                                child.id as string,
+                                                                value
+                                                            );
+                                                        }}
+                                                    />
+                                                }
+                                            </div>
+                                        )
+                                    )}
+                                </div>
+                            );
+                        }
+                    })}
+                </Card>
+            )}
+        </div>
+    );
+};
+
+const RenderEventChildForm = ({
+    eventFilterParam,
+    onValueChange,
+    onOperatorChange,
+    onNegateChange
+}: {
+    eventFilterParam: IFieldNode;
+    onValueChange?: (value: any) => void;
+    onOperatorChange?: (value: any) => void;
+    onNegateChange?: (value: boolean) => void;
+}) => {
+    const [localOperator, setLocalOperator] = useState<string>(
+        eventFilterParam.operator
+    );
+
+    const operators = ['equals', 'greaterThan', 'lessThan', 'in'];
+
+    const handleOperatorChange = (operator: string) => {
+        setLocalOperator(operator);
+        onOperatorChange?.(operator);
+    };
+
+    return (
+        <div className="mb-2 flex items-center gap-4">
+            <span className="mt-2 min-w-32">{eventFilterParam.id}</span>
+            <div className="flex items-center gap-2">
+                <span className="mt-2">negate</span>
+                <Checkbox
+                    className="mt-2"
+                    onCheckedChange={onNegateChange}
+                    checked={eventFilterParam.negate}
+                />
+            </div>
+            <DropdownMenu>
+                <DropdownMenuTrigger
+                    disableIcon={true}
+                    className="mt-2 min-w-32 rounded border-none !p-0"
+                >
+                    <span className="flex w-full justify-between">
+                        {localOperator}
+                        <ChevronDown size={24} />
+                    </span>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent className="!z-[9999]">
+                    {operators.map((operator, index) => (
+                        <DropdownMenuItem
+                            key={index}
+                            className="!z-[9999] m-0 w-full"
+                            onClick={() => handleOperatorChange(operator)}
+                        >
+                            {operator}
+                        </DropdownMenuItem>
+                    ))}
+                </DropdownMenuContent>
+            </DropdownMenu>
+            <Input
+                className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
+                defaultValue={eventFilterParam.value}
+                onChange={(e) => onValueChange?.(e.target.value)}
+            />
+        </div>
+    );
+};
+
+export default EventTab;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
new file mode 100644
index 00000000..f239275d
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
@@ -0,0 +1,64 @@
+// for storing event meatadata
+interface IEventFilterAtribute {
+    id: string;
+    label: string;
+    type: string;
+}
+
+export interface IEventFilter {
+    id: string;
+    label: string;
+    parameters: IEventFilterAtribute[];
+}
+
+export interface IEvent {
+    id: string;
+    label: string;
+    filters: IEventFilter[];
+}
+
+export const Events: IEvent[] = [
+    {
+        id: 'tx',
+        label: 'transaction',
+        filters: [
+            {
+                id: 'output',
+                label: 'tx.ouput',
+                parameters: [
+                    {
+                        id: 'value',
+                        label: 'value',
+                        type: 'number'
+                    },
+                    {
+                        id: 'address',
+                        label: 'address',
+                        type: 'string'
+                    },
+                    {
+                        id: 'hash',
+                        label: 'hash',
+                        type: 'string'
+                    }
+                ]
+            },
+            {
+                id: 'input',
+                label: 'tx.input',
+                parameters: [
+                    {
+                        id: 'value',
+                        label: 'value',
+                        type: 'number'
+                    },
+                    {
+                        id: 'address',
+                        label: 'address',
+                        type: 'string'
+                    }
+                ]
+            }
+        ]
+    }
+];
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
new file mode 100644
index 00000000..c1988e95
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -0,0 +1,183 @@
+import { useEffect, useState } from 'react';
+
+import { Canvas, Edge, EdgeData, Node, NodeData, NodeProps } from 'reaflow';
+
+import { IEventTrigger, IFilterNode } from './EventTrigger';
+
+interface NodeGraphProps {
+    data : IEventTrigger;
+    className?: string;
+    onNodeClick?: (node: Node) => any;
+    maxHeight?: number;
+    maxWidth?: number;
+    nodeStyle?: any;
+}
+
+export default function EventTriggerGraph({
+    data ,
+    className,
+    onNodeClick,
+    maxHeight,
+    maxWidth,
+    nodeStyle
+}: NodeGraphProps) {
+    const [nodes, setNodes] = useState<NodeData[]>([]);
+    const [edges, setEdges] = useState<EdgeData[]>([]);
+
+    const getNodeWidth = (value: string) => {
+        return Math.min(Math.max(value.length * 15, 60), 350);
+    };
+
+    const reduceString = (strList: string[] | string): string => {
+        if (typeof strList === 'string') return strList;
+        return strList.join('.');
+    };
+
+    useEffect(() => {
+        const newNodes: NodeData[] = [];
+        const newEdges: EdgeData[] = [];
+
+        const truncate = (text: string) => {
+            if (text.length > 50) {
+                return text.slice(0, 50) + '...';
+            }
+            return text;
+        };
+
+        const addNode = (id: string, text?: string) => {
+            newNodes.push({
+                id: id,
+                text: truncate(text ? text : id),
+                width: getNodeWidth(text ? text : id)
+            });
+        };
+
+        const addEdge = (parentId: string, childId: string) => {
+            newEdges.push({
+                id: `${parentId}-${childId}`,
+                from: `${parentId}`,
+                to: `${parentId}.${childId}`
+            });
+        };
+
+        const reduceStr = (text: string | string[]) => {
+            if (typeof text === 'string') {
+                return text;
+            }
+            return text.join('.');
+        };
+
+        const addNodesRecursively = (obj: IFilterNode, parentId: string) => {
+            if (obj.id) {
+                const currentId = parentId + '.' + reduceStr(obj.id);
+
+                let nodeText = reduceStr(obj.id) + ` ( ${obj.operator} ) `;
+                if ('value' in obj) {
+                    nodeText = nodeText + obj.value;
+                }
+
+                if (obj.negate) {
+                    nodeText = 'NOT ( ' + nodeText + ')';
+                }
+
+                addNode(currentId, nodeText);
+                addEdge(parentId, reduceStr(obj.id));
+
+                if ('children' in obj) {
+                    obj.children.forEach((childObj) => {
+                        addNodesRecursively(childObj, currentId);
+                    });
+                }
+            }
+            if (!('id' in obj) && 'children' in obj) {
+                obj.children.forEach((childObj) => {
+                    addNodesRecursively(childObj, parentId);
+                });
+            }
+        };
+
+        // Initalize Root node and edge
+        const rootId = reduceString(data.id);
+        newNodes.push({
+            id: rootId,
+            text: data.id + ` ( ${data.operator} ) `,
+            width: getNodeWidth(data.id + ` ${data.operator} `)
+        });
+
+        data.parameters.forEach((param) => {
+            // recursivelyAddNode(param, operatorId);
+            addNodesRecursively(param, rootId);
+        });
+
+        setNodes(newNodes);
+        setEdges(newEdges);
+    }, [data]);
+
+    return (
+        <Canvas
+            nodes={
+                Array.from(new Set(nodes.map((node) => JSON.stringify(node)))).map(
+                    (node) => JSON.parse(node)
+                ) as NodeData[]
+            } //ensure nodes are unique
+            edges={
+                Array.from(new Set(edges.map((edge) => JSON.stringify(edge)))).map(
+                    (edge) => JSON.parse(edge)
+                ) as EdgeData[]
+            } // ensure edges are unique
+            pannable={true}
+            panType="scroll"
+            maxHeight={maxHeight || 800}
+            maxWidth={maxWidth || 1600}
+            className={`w-full bg-[#D2E0FB] ${className || ''}`}
+            direction="RIGHT"
+            zoomable={true}
+            node={(node: NodeProps) => (
+                <Node
+                    //   onClick={(event, node) => onNodeClick && onNodeClick(node)}
+                    style={nodeStyle}
+                />
+            )}
+        />
+    );
+}
+
+// const recursivelyAddNode = (obj: any, parentId: string, text?: string) => {
+//     if (Array.isArray(obj.id)) {
+//         obj.id.forEach((idPart: string, index: number) => {
+//             const newParentId =
+//                 index > 0
+//                     ? `${parentId}.${obj.id.slice(0, index).join('.')}`
+//                     : parentId;
+
+//             const isFirst = index === 0;
+//             const isLast = index === obj.id.length - 1;
+
+//             if (isFirst) {
+//                 recursivelyAddNode({ id: idPart }, newParentId, text);
+//             } else if (isLast) {
+//                 recursivelyAddNode(
+//                     { id: idPart, value: `${obj.operator} - ${obj.value}` },
+//                     newParentId
+//                 );
+//             } else {
+//                 recursivelyAddNode({ id: idPart }, newParentId);
+//             }
+//         });
+//     } else if (typeof obj.id === 'string') {
+//         const nodeId = `${parentId}.${obj.id}`;
+//         text
+//             ? addNode(nodeId, obj.id + text)
+//             : obj.value
+//               ? addNode(nodeId, `${obj.id} : ${obj.value}`)
+//               : addNode(nodeId, obj.id);
+//         addEdge(parentId, obj.id);
+//     }
+
+//     // If obj has children, recursively add each child node
+//     else if (obj.children) {
+//         obj.children.forEach((child: any) =>
+//             recursivelyAddNode(child, parentId, ` ( ${obj.operator} ) `)
+//         );
+//     }
+// };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts b/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts
new file mode 100644
index 00000000..21b0a803
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts
@@ -0,0 +1,66 @@
+import { IEventTrigger } from "@api/agents";
+
+const demoData: IEventTrigger = {
+    id: 'tx',
+    negate: false,
+    operator: 'AND',
+    parameters: [
+        {
+            negate: false,
+            id: ['inputs', 'address'],
+            value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
+            operator: 'equals'
+        },
+        {
+            negate: false,
+            children: [
+                {
+                    id: ['outputs', 'value'],
+                    value: 999,
+                    negate: true,
+                    operator: 'greaterThan'
+                },
+                {
+                    id: ['outputs', 'address'],
+                    value: 'addr.....',
+                    negate: false,
+                    operator: 'equals'
+                }
+            ],
+            operator: 'AND'
+        }
+    ]
+};
+
+const nestedData: IEventTrigger = {
+    id: 'tx',
+    negate: false,
+    operator: 'AND',
+    parameters: [
+        {
+            negate: false,
+            id: ['inputs', 'address'],
+            value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
+            operator: 'equals'
+        },
+        {
+            id: 'outputs',
+            negate: false,
+            children: [
+                {
+                    id: ['value'],
+                    value: 999,
+                    negate: true,
+                    operator: 'greaterThan'
+                },
+                {
+                    id: ['address'],
+                    value: 'addr.....',
+                    negate: false,
+                    operator: 'equals'
+                }
+            ],
+            operator: 'AND'
+        }
+    ]
+};
\ No newline at end of file

From 3f4a15fa4933487b138073e5df98e86057806c00 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Mon, 18 Nov 2024 15:52:25 +0545
Subject: [PATCH 14/42] chore: reorganize function form components

---
 frontend/package.json                         |   3 +-
 .../components/FunctionForm.tsx               |  40 +-
 .../{trigger => }/ParameterRenderers.tsx      |   0
 .../components/TriggerForm.tsx                |   0
 .../components/{trigger => }/TriggerTab.tsx   |   4 +-
 .../components/{ => cards}/FunctionCards.tsx  |   2 +-
 .../components/cards/InfoCard.tsx             |  17 +
 .../{trigger => cron}/CustomCron.tsx          |   0
 .../{trigger => cron}/DefaultCron.tsx         |   2 +-
 .../templates/create-template/page.tsx        |   4 +-
 frontend/src/assets/css/globals.css           |  11 +
 .../src/components/atoms/DropDownMenu.tsx     |  25 +-
 frontend/src/components/atoms/Select.tsx      |   8 +-
 .../components/molecules/CustomDropDown.tsx   | 100 +++
 .../molecules/MultiSearchSelect.tsx           |   6 +-
 .../molecules/UpdateAgentFunctionModal.tsx    |   2 +-
 .../molecules/UpdateTemplateFunctionModal.tsx |   2 +-
 frontend/yarn.lock                            | 791 +++++++++++++++++-
 18 files changed, 956 insertions(+), 61 deletions(-)
 rename frontend/src/app/(pages)/templates/create-template/components/{trigger => }/ParameterRenderers.tsx (100%)
 delete mode 100644 frontend/src/app/(pages)/templates/create-template/components/TriggerForm.tsx
 rename frontend/src/app/(pages)/templates/create-template/components/{trigger => }/TriggerTab.tsx (98%)
 rename frontend/src/app/(pages)/templates/create-template/components/{ => cards}/FunctionCards.tsx (96%)
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
 rename frontend/src/app/(pages)/templates/create-template/components/{trigger => cron}/CustomCron.tsx (100%)
 rename frontend/src/app/(pages)/templates/create-template/components/{trigger => cron}/DefaultCron.tsx (99%)
 create mode 100644 frontend/src/components/molecules/CustomDropDown.tsx

diff --git a/frontend/package.json b/frontend/package.json
index 0b6dda56..5fbc6a85 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -102,6 +102,7 @@
         "react-share": "^5.0.3",
         "react-toastify": "^10.0.4",
         "react-use": "^17.5.0",
+        "reaflow": "^5.3.1",
         "recharts": "^2.12.7",
         "redux-logger": "^3.0.6",
         "redux-persist": "^6.0.0",
@@ -119,7 +120,6 @@
         "zod": "^3.23.4"
     },
     "devDependencies": {
-        "storybook": "^8.0.8",
         "@chromatic-com/storybook": "^1.3.2",
         "@redux-devtools/core": "^4.0.0",
         "@storybook/addon-essentials": "^8.0.8",
@@ -166,6 +166,7 @@
         "prettier": "^3.2.4",
         "prettier-plugin-tailwindcss": "^0.5.11",
         "rimraf": "^5.0.5",
+        "storybook": "^8.0.8",
         "tailwind-scrollbar": "^3.0.5",
         "tailwindcss": "^3.3.0",
         "ts-jest": "^29.1.2",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 0599c7f4..6963501b 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -4,10 +4,10 @@ import React from 'react';
 import { TriggerType } from '@api/agents';
 import { TemplateFunctions } from '@models/types/functions';
 import { Slider } from '@mui/material';
-import { X } from 'lucide-react';
+import { Check, Trash2, X } from 'lucide-react';
 
 import { Button } from '@app/components/atoms/Button';
-import { Card, CardDescription, CardTitle } from '@app/components/atoms/Card';
+import { Card, CardTitle } from '@app/components/atoms/Card';
 import {
     Select,
     SelectContent,
@@ -19,8 +19,9 @@ import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
 
 import { IFormFunctionInstance } from '../page';
-import { renderParameters } from './trigger/ParameterRenderers';
-import TriggerTab from './trigger/TriggerTab';
+import EventTab from './event/EventTab';
+import { renderParameters } from './ParameterRenderers';
+import TriggerTab from './TriggerTab';
 
 interface IFunctionFormParams {
     currentFunction?: IFormFunctionInstance;
@@ -125,7 +126,6 @@ export const FunctionForm = ({
 
     const handleOnSave = () => {
         const validState = checkAllRequiredFieldsAreFilled();
-        console.log(functionState);
         validState && onSave?.(functionState);
     };
 
@@ -226,10 +226,9 @@ export const FunctionForm = ({
                     )}
                 </div>
                 {functionState?.parameters &&
+                    functionState.type == 'CRON' &&
                     renderParameters(
-                        functionState.type === 'CRON'
-                            ? functionState.parameters || []
-                            : functionState.eventParameters || [],
+                        functionState.parameters,
                         handleParameterChange,
                         handleNestedParameterChange,
                         handleOptionChange,
@@ -270,22 +269,19 @@ export const FunctionForm = ({
                     </>
                 )}
                 {functionState.type === 'EVENT' && (
-                    <Card className="bg-gray-200">
-                        <CardTitle>Event Trigger</CardTitle>
-                        <CardDescription>
-                            {functionState?.eventDescription}
-                        </CardDescription>
-                    </Card>
+                    <EventTab className="mt-4 w-full bg-white" />
                 )}
             </div>
-            <Button
-                variant="primary"
-                className="mt-6 min-w-36"
-                size="md"
-                onClick={() => functionState && handleOnSave()}
-            >
-                {btnPlaceholder || 'Save'}
-            </Button>
+            <div className="flex w-full justify-end">
+                <Button
+                    variant="primary"
+                    className="mt-6 w-36 "
+                    size="md"
+                    onClick={() => functionState && handleOnSave()}
+                >
+                    {btnPlaceholder || 'Save'}
+                </Button>
+            </div>
         </Card>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/trigger/ParameterRenderers.tsx b/frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx
similarity index 100%
rename from frontend/src/app/(pages)/templates/create-template/components/trigger/ParameterRenderers.tsx
rename to frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx
diff --git a/frontend/src/app/(pages)/templates/create-template/components/TriggerForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/TriggerForm.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/(pages)/templates/create-template/components/trigger/TriggerTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
similarity index 98%
rename from frontend/src/app/(pages)/templates/create-template/components/trigger/TriggerTab.tsx
rename to frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
index 77e947c9..e5236b29 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/trigger/TriggerTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
@@ -10,8 +10,8 @@ import {
     TabsTrigger
 } from '@app/components/molecules/Tabs';
 
-import CustomCron from './CustomCron';
-import DefaultCron from './DefaultCron';
+import CustomCron from '../components/cron/CustomCron';
+import DefaultCron from '../components/cron/DefaultCron';
 
 export interface ICronSetting {
     placeholder: string;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionCards.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
similarity index 96%
rename from frontend/src/app/(pages)/templates/create-template/components/FunctionCards.tsx
rename to frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
index c36d8266..0d4794e7 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionCards.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
@@ -3,7 +3,7 @@ import { Edit } from 'lucide-react';
 
 import { Card } from '@app/components/atoms/Card';
 
-import { IFormFunctionInstance } from '../page';
+import { IFormFunctionInstance } from '../../page';
 
 interface IFunctionCards {
     functions: IFormFunctionInstance[];
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
new file mode 100644
index 00000000..ab77932d
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
@@ -0,0 +1,17 @@
+import { Info } from "lucide-react"
+import { cn } from "@app/components/lib/utils"
+
+export default function InfoCard({onMouseEnter , onMouseLeave , visible} : {onMouseEnter : any , onMouseLeave : any , visible : boolean}) {
+    return (
+        <div className="flex self-end  mb-2 relative group">
+        <Info className="hover:text-gray-400" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}/>
+        <span className={cn("w-64 absolute top-4 left-10 p-4 rounded shadow bg-gray-100 hidden transition-opacity duration-200" , { "flex" : visible })}>
+            Edit filter attributes by clicking on the filter node.
+            <br />
+            <br />
+            Toggle logic relations by clicking on the operator node.
+        </span>
+        </div>
+
+    )
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/trigger/CustomCron.tsx b/frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx
similarity index 100%
rename from frontend/src/app/(pages)/templates/create-template/components/trigger/CustomCron.tsx
rename to frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx
diff --git a/frontend/src/app/(pages)/templates/create-template/components/trigger/DefaultCron.tsx b/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
similarity index 99%
rename from frontend/src/app/(pages)/templates/create-template/components/trigger/DefaultCron.tsx
rename to frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
index 872b80b3..3a50cf3c 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/trigger/DefaultCron.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
@@ -5,7 +5,7 @@ import { Label } from '@app/components/atoms/label';
 import { cn } from '@app/components/lib/utils';
 import { NumberInput } from '@app/components/molecules/NumberInput';
 
-import { ICronSetting, IInputSetting } from './TriggerTab';
+import { ICronSetting, IInputSetting } from '../TriggerTab';
 
 export default function DefaultCron({
     cronSetting,
diff --git a/frontend/src/app/(pages)/templates/create-template/page.tsx b/frontend/src/app/(pages)/templates/create-template/page.tsx
index 7f044568..65f3dada 100644
--- a/frontend/src/app/(pages)/templates/create-template/page.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/page.tsx
@@ -33,8 +33,8 @@ import { ErrorToast } from '@app/components/molecules/CustomToasts';
 import { templateCreatedAtom } from '@app/store/localStore';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
-import { FunctionCards } from './components/FunctionCards';
 import { FunctionForm } from './components/FunctionForm';
+import { FunctionCards } from './components/cards/FunctionCards';
 import { mapFormFunctionToTriggerConfiguration } from './components/utils/FunctionMapper';
 
 export interface IFormFunctionInstance extends IFunctionsItem {
@@ -233,7 +233,7 @@ export default function CreateTemplatePage() {
                 </div>
             </Card>
             {/*Dialog for function form*/}
-            <Dialog open={isDialogOpen} fullScreen={isMobile}>
+            <Dialog open={isDialogOpen} fullWidth maxWidth="xl">
                 <DialogContent className="!p-0">
                     {currentSelectedFunction && (
                         <FunctionForm
diff --git a/frontend/src/assets/css/globals.css b/frontend/src/assets/css/globals.css
index f264d825..1b8d3162 100644
--- a/frontend/src/assets/css/globals.css
+++ b/frontend/src/assets/css/globals.css
@@ -16,3 +16,14 @@
 .boxShadow {
     box-shadow: 0px 4px 15px 0px #dde3f5;
 }
+
+@layer utilities {
+    .popover-content-width-full {
+      width: var(--radix-popover-trigger-width);
+      max-height: var(--radix-popover-content-available-height);
+    }
+  }
+
+.dropdown-menu-content.full-width {
+    width: var(--radix-dropdown-menu-trigger-width);
+  }
\ No newline at end of file
diff --git a/frontend/src/components/atoms/DropDownMenu.tsx b/frontend/src/components/atoms/DropDownMenu.tsx
index 0505beaa..d8633bc4 100644
--- a/frontend/src/components/atoms/DropDownMenu.tsx
+++ b/frontend/src/components/atoms/DropDownMenu.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Check, ChevronDown, ChevronRight, Circle } from 'lucide-react';
+import { Check, ChevronDown, ChevronRight, Circle, Plus } from 'lucide-react';
 
 import PolygonIcon from '@app/assets/icons/Polygon';
 
@@ -23,15 +23,17 @@ const DropdownMenuTrigger = ({
     className,
     children,
     border = false,
-    useChevron = false,
-    iconSize = 16,
+    useAddIcon = false,
+    disableIcon = false,
+    renderChevronIcon = false,
     ...props
 }: {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     border?: boolean;
     className?: string;
-    useChevron?: boolean;
-    iconSize?: number;
+    useAddIcon?: boolean;
+    disableIcon?: boolean;
+    renderChevronIcon?: boolean;
 }) => (
     <DropdownMenuPrimitive.Trigger
         {...props}
@@ -43,7 +45,14 @@ const DropdownMenuTrigger = ({
         )}
     >
         {children}
-        {useChevron ? <ChevronDown size={iconSize} /> : <PolygonIcon />}
+        {renderChevronIcon && <ChevronDown className="text-gray-400" />}
+        {!disableIcon &&
+            !renderChevronIcon &&
+            (useAddIcon ? (
+                <Plus className="text-gray-400" />
+            ) : (
+                <PolygonIcon className="text-gray-400" />
+            ))}
     </DropdownMenuPrimitive.Trigger>
 );
 
@@ -92,7 +101,7 @@ const DropdownMenuContent = React.forwardRef<
             ref={ref}
             sideOffset={sideOffset}
             className={cn(
-                ' bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+                'bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                 className
             )}
             {...props}
diff --git a/frontend/src/components/atoms/Select.tsx b/frontend/src/components/atoms/Select.tsx
index ed882090..9d1cbab7 100644
--- a/frontend/src/components/atoms/Select.tsx
+++ b/frontend/src/components/atoms/Select.tsx
@@ -4,6 +4,7 @@ import * as React from 'react';
 
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { ChevronDown, ChevronUp } from 'lucide-react';
+import { Plus } from 'lucide-react';
 
 import { cn } from '../lib/utils';
 
@@ -34,8 +35,9 @@ const SelectTrigger = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Trigger>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
         renderArrow?: boolean;
+        useAddIcon?: boolean;
     }
->(({ className, children, renderArrow = true, ...props }, ref) => (
+>(({ className, children, renderArrow = true, useAddIcon = false, ...props }, ref) => (
     <SelectPrimitive.Trigger
         ref={ref}
         className={cn(
@@ -47,7 +49,9 @@ const SelectTrigger = React.forwardRef<
         {children}
         {renderArrow && (
             <SelectPrimitive.Icon asChild>
-                <ChevronDown className="h-4 w-4 opacity-50" />
+                {(useAddIcon && <Plus className="h-4 w-4 opacity-50" />) || (
+                    <ChevronDown className="h-4 w-4 opacity-50" />
+                )}
             </SelectPrimitive.Icon>
         )}
     </SelectPrimitive.Trigger>
diff --git a/frontend/src/components/molecules/CustomDropDown.tsx b/frontend/src/components/molecules/CustomDropDown.tsx
new file mode 100644
index 00000000..f2572538
--- /dev/null
+++ b/frontend/src/components/molecules/CustomDropDown.tsx
@@ -0,0 +1,100 @@
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger
+} from '@app/components/atoms/DropDownMenu';
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger
+} from '@app/components/atoms/Select';
+import { cn } from '@app/components/lib/utils';
+
+export const CustomDropDown = ({
+    defaultValue,
+    options,
+    label,
+    onSelect,
+    chevronIcon = true,
+    plusIcon = false,
+    disabled = false
+}: {
+    defaultValue: string;
+    label: string;
+    options: string[];
+    onSelect: (item: string) => void; // Specify the type for onSelect
+    disabled?: boolean;
+    chevronIcon?: boolean;
+    plusIcon?: boolean;
+}) => (
+    <div className="flex w-full flex-col gap-3">
+        <span className="h4">{label}</span>
+        <DropdownMenu>
+            <DropdownMenuTrigger
+                useAddIcon={plusIcon}
+                renderChevronIcon={chevronIcon}
+                className="w-full items-center justify-between rounded-lg border-[1px] border-brand-border-200 px-4 py-2"
+            >
+                {defaultValue}
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+                className="z-[9999] w-full max-w-none bg-white"
+                sideOffset={0}
+            >
+                {options.map((item) => (
+                    <DropdownMenuItem
+                        key={item}
+                        onClick={() => onSelect(item)}
+                        className="z-[9999] m-0 w-full"
+                    >
+                        {item}
+                    </DropdownMenuItem>
+                ))}
+            </DropdownMenuContent>
+        </DropdownMenu>
+    </div>
+);
+
+interface ISelectItem {
+    label: string;
+    value: any;
+}
+
+export const CustomSelect = ({
+    defaultValue,
+    className,
+    options,
+    label,
+    onSelect,
+    plusIcon = false,
+    disabled = false
+}: {
+    defaultValue: string;
+    label?: string;
+    className?: string;
+    options: ISelectItem[];
+    onSelect: (item: any) => void; 
+    disabled?: boolean;
+    plusIcon?: boolean;
+}) => (
+    <div className={cn("flex w-full flex-col gap-3" , className)}>
+        {label && <span className="h4">{label}</span>}
+        <Select defaultValue={defaultValue} onValueChange={(item) => onSelect(item)} disabled={disabled}>
+            <SelectTrigger
+                useAddIcon={plusIcon}
+                className="w-full items-center justify-between rounded-lg border-[1px] border-brand-border-200 px-4 py-2"
+            >
+                {defaultValue}
+            </SelectTrigger>
+            <SelectContent className="z-[9999] w-full max-w-none bg-white">
+                {options.map((item, index) => (
+                    <SelectItem key={`${item.label}-${index}`} value={item.value}>
+                        {item.label}
+                    </SelectItem>
+                ))}
+            </SelectContent>
+        </Select>
+    </div>
+);
diff --git a/frontend/src/components/molecules/MultiSearchSelect.tsx b/frontend/src/components/molecules/MultiSearchSelect.tsx
index 0cae122f..46c1f6c6 100644
--- a/frontend/src/components/molecules/MultiSearchSelect.tsx
+++ b/frontend/src/components/molecules/MultiSearchSelect.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import { forwardRef, useEffect } from 'react';
 
 import { Command as CommandPrimitive, useCommandState } from 'cmdk';
-import { SearchIcon } from 'lucide-react';
+import { Plus } from 'lucide-react';
 
 import { Command, CommandGroup, CommandItem, CommandList } from '../atoms/Command';
 import { cn } from '../lib/utils';
@@ -409,7 +409,7 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
                                     : placeholder
                             }
                             className={cn(
-                                'placeholder:text-muted-foreground ml-2 w-[90%] flex-1 bg-white outline-none',
+                                'placeholder:text-muted-foreground ml-2 w-[90%] flex-1 bg-white outline-none hover:cursor-pointer',
                                 inputProps?.className,
                                 selected.length >= maxSelected
                                     ? 'bg-brand-White-200'
@@ -417,7 +417,7 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
                             )}
                         />
                     </div>
-                    <SearchIcon className="text-gray-400" />
+                    <Plus className="text-gray-400" />
                 </div>
                 <div className="relative mt-2">
                     {open && (
diff --git a/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx b/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
index 410ef8c2..503ca3e0 100644
--- a/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
+++ b/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
@@ -11,7 +11,7 @@ import { getFunctionParameters } from '@utils';
 
 import TriggerTab, {
     IInputSetting
-} from '@app/app/(pages)/templates/create-template/components/trigger/TriggerTab';
+} from '@app/app/(pages)/templates/create-template/components/Form/TriggerTab';
 import { Button } from '@app/components/atoms/Button';
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import ProbabilityInput from '@app/components/molecules/ProbabilityInput';
diff --git a/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx b/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx
index c2d9fd0d..6104c94b 100644
--- a/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx
+++ b/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx
@@ -12,7 +12,7 @@ import { getFunctionParameters } from '@utils';
 
 import TriggerTab, {
     IInputSetting
-} from '@app/app/(pages)/templates/create-template/components/trigger/TriggerTab';
+} from '@app/app/(pages)/templates/create-template/components/Form/TriggerTab';
 import { Button } from '@app/components/atoms/Button';
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import ProbabilityInput from '@app/components/molecules/ProbabilityInput';
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index b254db47..097daad8 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1109,6 +1109,13 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.20.13":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
   version "7.24.0"
   resolved "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz"
@@ -1566,6 +1573,21 @@
   dependencies:
     "@floating-ui/utils" "^0.2.0"
 
+"@floating-ui/core@^1.6.0":
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.8.tgz#aa43561be075815879305965020f492cdb43da12"
+  integrity sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==
+  dependencies:
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/dom@^1.0.0":
+  version "1.6.11"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.11.tgz#8631857838d34ee5712339eb7cbdfb8ad34da723"
+  integrity sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.8"
+
 "@floating-ui/dom@^1.5.4":
   version "1.5.4"
   resolved "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz"
@@ -1581,11 +1603,32 @@
   dependencies:
     "@floating-ui/dom" "^1.5.4"
 
+"@floating-ui/react-dom@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.2.tgz#a1349bbf6a0e5cb5ded55d023766f20a4d439a31"
+  integrity sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==
+  dependencies:
+    "@floating-ui/dom" "^1.0.0"
+
+"@floating-ui/react@^0.26.16":
+  version "0.26.25"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.26.25.tgz#cf4c8a2b89fab1a71712d15e6551df3bfbd2ea1d"
+  integrity sha512-hZOmgN0NTOzOuZxI1oIrDu3Gcl8WViIkvPMpB4xdd4QD6xAMtwgwr3VPoiyH/bLtRcS1cDnhxLSD1NsMJmwh/A==
+  dependencies:
+    "@floating-ui/react-dom" "^2.1.2"
+    "@floating-ui/utils" "^0.2.8"
+    tabbable "^6.0.0"
+
 "@floating-ui/utils@^0.2.0":
   version "0.2.1"
   resolved "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz"
   integrity sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==
 
+"@floating-ui/utils@^0.2.8":
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
+  integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
+
 "@gilbarbara/deep-equal@^0.1.1":
   version "0.1.2"
   resolved "https://registry.npmjs.org/@gilbarbara/deep-equal/-/deep-equal-0.1.2.tgz"
@@ -1916,6 +1959,32 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@juggle/resize-observer@^3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
+  integrity sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==
+
+"@ljharb/resumer@~0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@ljharb/resumer/-/resumer-0.0.1.tgz#8a940a9192dd31f6a1df17564bbd26dc6ad3e68d"
+  integrity sha512-skQiAOrCfO7vRTq53cxznMpks7wS1va95UCidALlOVWqvBAzwPVErwizDwoMqNVMEn1mDq0utxZd02eIrvF1lw==
+  dependencies:
+    "@ljharb/through" "^2.3.9"
+
+"@ljharb/through@^2.3.9", "@ljharb/through@~2.3.9":
+  version "2.3.13"
+  resolved "https://registry.yarnpkg.com/@ljharb/through/-/through-2.3.13.tgz#b7e4766e0b65aa82e529be945ab078de79874edc"
+  integrity sha512-/gKJun8NNiWGZJkGzI/Ragc53cOdcLNdzjLaIa+GEjguQs0ulsurx8WN0jijdK9yPqDvziX995sMRLyLt1uZMQ==
+  dependencies:
+    call-bind "^1.0.7"
+
+"@marko19907/string-to-color@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@marko19907/string-to-color/-/string-to-color-1.0.0.tgz#7f77e16edbc631e178ceb36e21826a3f0c0ee2ec"
+  integrity sha512-V3ipYiIUhYjP7BqpOY06mgRFFGoR9cKawD4iJQFhEnuy3j3e0ipcr+OpNQLbOBrIU3p9wuPw3OwBn0hHopDW0A==
+  dependencies:
+    esm-seedrandom "^3.0.5"
+
 "@mdx-js/react@^3.0.0":
   version "3.0.1"
   resolved "https://registry.npmjs.org/@mdx-js/react/-/react-3.0.1.tgz"
@@ -3184,6 +3253,11 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.0.tgz#f817d1d3265ac5415dadc67edab30ae196696438"
   integrity sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==
 
+"@reaviz/react-use-fuzzy@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@reaviz/react-use-fuzzy/-/react-use-fuzzy-1.0.3.tgz#7362ca1f8f93d5f81fd26dcebb9df15300f35f03"
+  integrity sha512-ON5RxiI0r9zNpEKHvxqT8zz3iI4kzc37NzB4t8lfXSWwCEkpzxWY9TB2JAdYp9LC3UW2tN9zxdMnaNBLz4atTw==
+
 "@redux-devtools/core@^4.0.0":
   version "4.0.0"
   resolved "https://registry.npmjs.org/@redux-devtools/core/-/core-4.0.0.tgz"
@@ -5616,6 +5690,14 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
+array-buffer-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
+  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
+  dependencies:
+    call-bind "^1.0.5"
+    is-array-buffer "^3.0.4"
+
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz"
@@ -5704,6 +5786,20 @@ arraybuffer.prototype.slice@^1.0.2:
     is-array-buffer "^3.0.2"
     is-shared-array-buffer "^1.0.2"
 
+arraybuffer.prototype.slice@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
+  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.3"
+    es-errors "^1.2.1"
+    get-intrinsic "^1.2.3"
+    is-array-buffer "^3.0.4"
+    is-shared-array-buffer "^1.0.2"
+
 asn1.js@^4.10.1:
   version "4.10.1"
   resolved "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz"
@@ -5804,6 +5900,13 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
 axe-core@=4.7.0:
   version "4.7.0"
   resolved "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz"
@@ -6096,6 +6199,11 @@ body-parser@1.20.2:
     type-is "~1.6.18"
     unpipe "1.0.0"
 
+body-scroll-lock-upgrade@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/body-scroll-lock-upgrade/-/body-scroll-lock-upgrade-1.1.0.tgz#3df63fca3d1db2f896bd9a050bd14c33cd0085d2"
+  integrity sha512-nnfVAS+tB7CS9RaksuHVTpgHWHF7fE/ptIBJnwZrMqImIvWJF1OGcLnMpBhC6qhkx9oelvyxmWXwmIJXCV98Sw==
+
 boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz"
@@ -6298,7 +6406,12 @@ bytes@3.1.2:
   resolved "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5, call-bind@^1.0.7:
+calculate-size@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/calculate-size/-/calculate-size-1.1.1.tgz#ae7caa1c7795f82c4f035dc7be270e3581dae3ee"
+  integrity sha512-jJZ7pvbQVM/Ss3VO789qpsypN3xmnepg242cejOAslsmlZLYw2dnj7knnNowabQ0Kzabzx56KFTy2Pot/y6FmA==
+
+call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7, call-bind@~1.0.2:
   version "1.0.7"
   resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz"
   integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
@@ -6479,6 +6592,11 @@ chownr@^2.0.0:
   resolved "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
+chroma-js@^2.4.2:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/chroma-js/-/chroma-js-2.6.0.tgz#578743dd359698a75067a19fa5571dec54d0b70b"
+  integrity sha512-BLHvCB9s8Z1EV4ethr6xnkl/P2YRFOGqfgvuMG/MyCbZPrTA+NeiByY6XvgF0zP4/2deU2CXnWyMa3zu1LqQ3A==
+
 chromatic@^11.3.0:
   version "11.3.0"
   resolved "https://registry.npmjs.org/chromatic/-/chromatic-11.3.0.tgz"
@@ -6917,6 +7035,11 @@ cosmiconfig@^8.1.3, cosmiconfig@^8.3.5:
     parse-json "^5.2.0"
     path-type "^4.0.0"
 
+coverup@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/coverup/-/coverup-0.1.1.tgz#e0a417e1f9a752a61630e4a14b9e75220896f382"
+  integrity sha512-Q2Fs0v3M4eMNfj0TGaFb4Oh0yuaQj9EhQbEKtFhD3Tm4HZt1Zn7TrBKX14gVEO9aeWP8KnF2/qrh7fr/rvbcXw==
+
 create-ecdh@^4.0.0:
   version "4.0.4"
   resolved "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz"
@@ -6925,6 +7048,11 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.5.3"
 
+create-global-state-hook@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/create-global-state-hook/-/create-global-state-hook-0.0.2.tgz#03ffe7d6c0bda65a6643cf298aeb16e32584d3f8"
+  integrity sha512-+1gRNwtuSQIC9lQQngfcY1VARKs6R32KJjI1bFrsp0W5MbauupRW/uQF0f+ElXx8xMmuEK9wl5zqAslzj6GvCA==
+
 create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz"
@@ -7131,6 +7259,11 @@ csstype@^3.0.2, csstype@^3.1.2:
   resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
+ctrl-keys@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ctrl-keys/-/ctrl-keys-1.0.3.tgz#e039c6691d2add598ca1029fada0fd004f6c1ecb"
+  integrity sha512-Kcb05/xUNra57fxpsLOflECWYbjQEQ9ZuQEthB3cgESN5zMLJ364twA9h2kqz8n06RnTY/+rKWM3UbkOWKeEJg==
+
 cytoscape-cose-bilkent@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz"
@@ -7333,7 +7466,7 @@ d3-scale@4, d3-scale@^4.0.2:
   resolved "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz"
   integrity sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==
 
-d3-shape@3, d3-shape@^3.1.0:
+d3-shape@3, d3-shape@^3.0.1, d3-shape@^3.1.0:
   version "3.2.0"
   resolved "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz"
   integrity sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==
@@ -7456,6 +7589,33 @@ data-urls@^3.0.2:
     whatwg-mimetype "^3.0.0"
     whatwg-url "^11.0.0"
 
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 date-fns@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-3.6.0.tgz#f20ca4fe94f8b754951b24240676e8618c0206bf"
@@ -7526,6 +7686,11 @@ dedent@^1.0.0:
   resolved "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz"
   integrity sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==
 
+deep-copy@^1.4.1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/deep-copy/-/deep-copy-1.4.2.tgz#0622719257e4bd60240e401ea96718211c5c4697"
+  integrity sha512-VxZwQ/1+WGQPl5nE67uLhh7OqdrmqI1OazrraO9Bbw/M8Bt6Mol/RxzDA6N6ZgRXpsG/W9PgUj8E1LHHBEq2GQ==
+
 deep-diff@^0.3.5:
   version "0.3.8"
   resolved "https://registry.npmjs.org/deep-diff/-/deep-diff-0.3.8.tgz"
@@ -7567,6 +7732,18 @@ deep-equal@^2.0.5:
     which-collection "^1.0.1"
     which-typed-array "^1.1.13"
 
+deep-equal@~1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.2.tgz#78a561b7830eef3134c7f6f3a3d6af272a678761"
+  integrity sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==
+  dependencies:
+    is-arguments "^1.1.1"
+    is-date-object "^1.0.5"
+    is-regex "^1.1.4"
+    object-is "^1.1.5"
+    object-keys "^1.1.1"
+    regexp.prototype.flags "^1.5.1"
+
 deep-extend@^0.6.0:
   version "0.6.0"
   resolved "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz"
@@ -7597,7 +7774,14 @@ defaults@^1.0.3:
   dependencies:
     clone "^1.0.2"
 
-define-data-property@^1.0.1, define-data-property@^1.1.4:
+defaulty@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/defaulty/-/defaulty-2.1.0.tgz#567bece2480d383e6a51edec82b350217c951a32"
+  integrity sha512-dNWjHNxL32khAaX/kS7/a3rXsgvqqp7cptqt477wAVnJLgaOKjcQt+53jKgPofn6hL2xyG51MegPlB5TKImXjA==
+  dependencies:
+    deep-copy "^1.4.1"
+
+define-data-property@^1.0.1, define-data-property@^1.1.1, define-data-property@^1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz"
   integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
@@ -7620,6 +7804,11 @@ define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+defined@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
+  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
+
 defu@^6.1.4:
   version "6.1.4"
   resolved "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz"
@@ -7909,6 +8098,13 @@ dotenv@^16.0.0:
   resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz"
   integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==
 
+dotignore@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/dotignore/-/dotignore-0.1.2.tgz#f942f2200d28c3a76fbdd6f0ee9f3257c8a2e905"
+  integrity sha512-UGGGWfSauusaVJC+8fgV+NVvBXkCTmVv7sk6nojDZZvuOUNGUy0Zk4UpHQD6EDjS0jpBwcACvH4eofvyzBcRDw==
+  dependencies:
+    minimatch "^3.0.4"
+
 duplexify@^3.5.0, duplexify@^3.6.0:
   version "3.7.1"
   resolved "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz"
@@ -7984,11 +8180,28 @@ electron-to-chromium@^1.4.601:
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.639.tgz"
   integrity sha512-CkKf3ZUVZchr+zDpAlNLEEy2NJJ9T64ULWaDgy3THXXlPVPkLu3VOs9Bac44nebVtdwl2geSj6AxTtGDOxoXhg==
 
+elkjs@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/elkjs/-/elkjs-0.8.2.tgz#c37763c5a3e24e042e318455e0147c912a7c248e"
+  integrity sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ==
+
 elkjs@^0.9.0:
   version "0.9.1"
   resolved "https://registry.npmjs.org/elkjs/-/elkjs-0.9.1.tgz"
   integrity sha512-JWKDyqAdltuUcyxaECtYG6H4sqysXSLeoXuGUBfRNESMTkj+w+qdb0jya8Z/WI0jVd03WQtCGhS6FOFtlhD5FQ==
 
+ellipsize@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/ellipsize/-/ellipsize-0.2.0.tgz#06515dd6b9a1cb65e516b013a235c08a576d8b02"
+  integrity sha512-InJhblLPZbBjw3N49knOWonfprgKPLKGySmG6bGHi7WsD5OkXIIlLkU4AguROmaMZ0v1BRdo267wEc0Pexw8ww==
+  dependencies:
+    tape "^4.9.0"
+
+ellipsize@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/ellipsize/-/ellipsize-0.5.1.tgz#2ac8bba69b2190d629cc5065a9c2bf28d99f237e"
+  integrity sha512-0jEAyuIRU6U8MN0S5yUqIrkK/AQWkChh642N3zQuGV57s9bsUWYLc0jJOoDIUkZ2sbEL3ySq8xfq71BvG4q3hw==
+
 elliptic@^6.5.3, elliptic@^6.5.5:
   version "6.5.5"
   resolved "https://registry.npmjs.org/elliptic/-/elliptic-6.5.5.tgz"
@@ -8147,6 +8360,58 @@ es-abstract@^1.22.1:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.13"
 
+es-abstract@^1.22.3, es-abstract@^1.23.0:
+  version "1.23.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.9"
+    string.prototype.trimend "^1.0.8"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.6"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
 es-define-property@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz"
@@ -8154,7 +8419,7 @@ es-define-property@^1.0.0:
   dependencies:
     get-intrinsic "^1.2.4"
 
-es-errors@^1.3.0:
+es-errors@^1.2.1, es-errors@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
   integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
@@ -8199,6 +8464,13 @@ es-module-lexer@^1.2.1, es-module-lexer@^1.4.1:
   resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz"
   integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==
 
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
 es-set-tostringtag@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz"
@@ -8208,6 +8480,15 @@ es-set-tostringtag@^2.0.1:
     has-tostringtag "^1.0.0"
     hasown "^2.0.0"
 
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
+
 es-shim-unscopables@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz"
@@ -8502,6 +8783,11 @@ eslint@^8:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
+esm-seedrandom@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/esm-seedrandom/-/esm-seedrandom-3.0.5.tgz#2411adb5864e71c71613907df4cbe831f29fcd2e"
+  integrity sha512-pMAq0mFIr5JQ3Ihbng7EBLMJ+llMbaDKkiG44pqbSXS0NIZWtEANpOpxb5s6Q8Q2R562P26qMHPv8YtP/NHh9g==
+
 espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
@@ -8717,6 +9003,11 @@ external-editor@^3.0.3:
     iconv-lite "^0.4.24"
     tmp "^0.0.33"
 
+fast-deep-equal@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
+  integrity sha512-fueX787WZKCV0Is4/T2cyAdM4+x1S3MXXOAhavE1ys/W42SHAPacLTQhucja22QBYrfGw50M2sRiXPtTGv9Ymw==
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
@@ -8966,12 +9257,27 @@ flow-parser@0.*:
   resolved "https://registry.npmjs.org/flow-parser/-/flow-parser-0.233.0.tgz"
   integrity sha512-E/mv51GYJfLuRX6fZnw4M52gBxYa8pkHUOgNEZOcQK2RTXS8YXeU5rlalkTcY99UpwbeNVCSUFKaavpOksi/pQ==
 
+focus-trap-react@^10.2.3:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/focus-trap-react/-/focus-trap-react-10.3.0.tgz#79e2b63459d30a2f5545cf8491a8b02c1779882e"
+  integrity sha512-XrCTj44uNE0clTA47y1AbIb7tM7w6+zi6WrJzb4RxRe3uAIIivkBCwlsCqe7R3vPRT/LCQzfe4+N/KjtJMQMgw==
+  dependencies:
+    focus-trap "^7.6.0"
+    tabbable "^6.2.0"
+
+focus-trap@^7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-7.6.0.tgz#7f3edab8135eaca92ab59b6e963eb5cc42ded715"
+  integrity sha512-1td0l3pMkWJLFipobUcGaf+5DTY4PLDDrcqoSaKP8ediO/CoWCCYk/fT/Y2A4e6TNB+Sh6clRJCjOPPnKoNHnQ==
+  dependencies:
+    tabbable "^6.2.0"
+
 follow-redirects@^1.15.6:
   version "1.15.6"
   resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz"
   integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
 
-for-each@^0.3.3:
+for-each@^0.3.3, for-each@~0.3.3:
   version "0.3.3"
   resolved "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz"
   integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
@@ -9035,7 +9341,7 @@ fraction.js@^4.3.7:
   resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
-framer-motion@^10.18.0:
+framer-motion@^10.16.16, framer-motion@^10.18.0:
   version "10.18.0"
   resolved "https://registry.npmjs.org/framer-motion/-/framer-motion-10.18.0.tgz"
   integrity sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==
@@ -9044,6 +9350,13 @@ framer-motion@^10.18.0:
   optionalDependencies:
     "@emotion/is-prop-valid" "^0.8.2"
 
+framer-motion@^11.0.6:
+  version "11.11.10"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.11.10.tgz#9045dddf6ebb7548335db1c284cc2824283c7634"
+  integrity sha512-061Bt1jL/vIm+diYIiA4dP/Yld7vD47ROextS7ESBW5hr4wQFhxB5D5T5zAc3c/5me3cOa+iO5LqhA38WDln/A==
+  dependencies:
+    tslib "^2.4.0"
+
 fresh@0.5.2:
   version "0.5.2"
   resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
@@ -9133,6 +9446,11 @@ functions-have-names@^1.2.3:
   resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
+fuse.js@^6.6.2:
+  version "6.6.2"
+  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-6.6.2.tgz#fe463fed4b98c0226ac3da2856a415576dc9a111"
+  integrity sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==
+
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
@@ -9153,7 +9471,7 @@ get-func-name@^2.0.1, get-func-name@^2.0.2:
   resolved "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz"
   integrity sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==
 
-get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.4:
+get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
   version "1.2.4"
   resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz"
   integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
@@ -9202,6 +9520,15 @@ get-symbol-description@^1.0.0:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
+get-symbol-description@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
+  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
+  dependencies:
+    call-bind "^1.0.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+
 get-tsconfig@^4.5.0:
   version "4.7.2"
   resolved "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz"
@@ -9263,7 +9590,7 @@ glob@10.3.10, glob@^10.0.0, glob@^10.3.10, glob@^10.3.7:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
-glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@~7.2.3:
   version "7.2.3"
   resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -9406,6 +9733,11 @@ has-proto@^1.0.1:
   resolved "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
+has-proto@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
 has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz"
@@ -9418,6 +9750,18 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+has@~1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
+  integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
+
 hash-base@^3.0.0, hash-base@~3.0:
   version "3.0.4"
   resolved "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz"
@@ -9441,6 +9785,13 @@ hasown@^2.0.0:
   dependencies:
     function-bind "^1.1.2"
 
+hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
 hast-util-from-html@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.1.tgz"
@@ -9655,6 +10006,11 @@ heap@^0.2.6:
   resolved "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz"
   integrity sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==
 
+highlight-words-core@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/highlight-words-core/-/highlight-words-core-1.2.3.tgz#781f37b2a220bf998114e4ef8c8cb6c7a4802ea8"
+  integrity sha512-m1O9HW3/GNHxzSIXWw1wCNXXsgLlxrP0OI6+ycGUhiUHkikqW3OrwVHz+lxeNBe5yqLESdIcj8PowHQ2zLvUvQ==
+
 hmac-drbg@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz"
@@ -9808,6 +10164,11 @@ https-proxy-agent@^6.2.0:
     agent-base "^7.0.2"
     debug "4"
 
+human-format@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/human-format/-/human-format-1.2.0.tgz#7971038a78a2235be9e8aac8047d23886a25dad7"
+  integrity sha512-GIjOefWusTiXEPezbuI59uc1G2SNMpym6w1wNfoWAG6QrTsWueuauR5We0xHHuzoJKIYTwwNtTEy0ahyji5KXw==
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
@@ -10000,6 +10361,15 @@ internal-slot@^1.0.4, internal-slot@^1.0.5:
     hasown "^2.0.0"
     side-channel "^1.0.4"
 
+internal-slot@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
+  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
 "internmap@1 - 2":
   version "2.0.3"
   resolved "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz"
@@ -10062,6 +10432,14 @@ is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
     get-intrinsic "^1.2.0"
     is-typed-array "^1.1.10"
 
+is-array-buffer@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
+  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
@@ -10113,6 +10491,13 @@ is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
   dependencies:
     hasown "^2.0.0"
 
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
+  dependencies:
+    is-typed-array "^1.1.13"
+
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz"
@@ -10248,6 +10633,11 @@ is-negative-zero@^2.0.2:
   resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz"
   integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
 
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
 is-node-process@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/is-node-process/-/is-node-process-1.2.0.tgz"
@@ -10323,7 +10713,7 @@ is-reference@1.2.1:
   dependencies:
     "@types/estree" "*"
 
-is-regex@^1.1.4:
+is-regex@^1.1.4, is-regex@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz"
   integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
@@ -10348,6 +10738,13 @@ is-shared-array-buffer@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
+is-shared-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
+  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
+  dependencies:
+    call-bind "^1.0.7"
+
 is-stream@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
@@ -10379,6 +10776,13 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.3, is-typed-
   dependencies:
     which-typed-array "^1.1.11"
 
+is-typed-array@^1.1.13:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
+  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
+  dependencies:
+    which-typed-array "^1.1.14"
+
 is-unicode-supported@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
@@ -11154,6 +11558,30 @@ kind-of@^6.0.2:
   resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
+kld-affine@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/kld-affine/-/kld-affine-2.1.1.tgz#e28296585f305230eaad3b1e346d3ac5ca4c72b3"
+  integrity sha512-NIS9sph8ZKdnQxZa5TcggaFs/Qr9zX3brFlGwE0+0Z4EzFIvAFuqLSwNeU4GkEpaX8ndh3ggGmWV7BPPcS3vjQ==
+
+kld-intersections@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/kld-intersections/-/kld-intersections-0.7.0.tgz#a6907c103553654e268c094701c72659b3cafb2f"
+  integrity sha512-/KuBU7Y5bRPGfc0yQ3QIoXPKqOQ6cBWDRl1XVMMa3pm4V6Ydbgy9e2fZoRxlSIU0gZSBt1c6gWLOzSGKbU8I3A==
+  dependencies:
+    kld-affine "^2.1.1"
+    kld-path-parser "^0.2.1"
+    kld-polynomial "^0.3.0"
+
+kld-path-parser@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/kld-path-parser/-/kld-path-parser-0.2.1.tgz#ad1f7c8ebc9c9d67409413fc4de459293394e86b"
+  integrity sha512-C1EqY6vzqv5tdKeMF31L+JXq97n5zo67LiSEhZf4sPq8YeM+8ytp/qMGSKN8VdSPvFa6h1SR35aF4+T2JtxZww==
+
+kld-polynomial@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/kld-polynomial/-/kld-polynomial-0.3.0.tgz#cb7f3f37c679925d895f4cd737ed713a3b379921"
+  integrity sha512-PEfxjQ6tsxL9DHBIhM2UZsSes0GI+OIMjbE0kj60jr80Biq/xXl1eGfnyzmfoackAMdKZtw2060L09HdjkPP5w==
+
 kleur@^3.0.3:
   version "3.0.3"
   resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz"
@@ -11823,6 +12251,11 @@ memfs@^3.4.1, memfs@^3.4.12:
   dependencies:
     fs-monkey "^1.0.4"
 
+memoize-one@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-4.1.0.tgz#a2387c58c03fff27ca390c31b764a79addf3f906"
+  integrity sha512-2GApq0yI/b22J2j9rhbrAlsHb0Qcz+7yWxeLG8h+95sl1XPUgeLimQSOdur4Vw7cUhrBHwaUZxWFZueojqNRzA==
+
 memoize-one@^5.1.1:
   version "5.2.1"
   resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz"
@@ -12456,7 +12889,7 @@ minimatch@^9.0.4:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8, minimist@~1.2.8:
   version "1.2.8"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -12508,6 +12941,18 @@ mkdirp@^2.1.6:
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz"
   integrity sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==
 
+mock-property@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/mock-property/-/mock-property-1.0.3.tgz#3e37c50a56609d548cabd56559fde3dd8767b10c"
+  integrity sha512-2emPTb1reeLLYwHxyVx993iYyCHEiRRO+y8NFXFPL5kl5q14sgTK76cXyEKkeKCHeRw35SfdkUJ10Q1KfHuiIQ==
+  dependencies:
+    define-data-property "^1.1.1"
+    functions-have-names "^1.2.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    hasown "^2.0.0"
+    isarray "^2.0.5"
+
 module-details-from-path@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/module-details-from-path/-/module-details-from-path-1.0.3.tgz"
@@ -12591,6 +13036,11 @@ mz@^2.7.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
+name-initials@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/name-initials/-/name-initials-0.1.3.tgz#b9af9d8d551068b1c147c50458477f47c1217776"
+  integrity sha512-UJcpCmyftGuZ7I46dqOw776VvH3VqHhAM7ma4eyY0t52FahFv/VhmDqSeekwSZFXyK9HLg9MXmb9udeOJ3YtCA==
+
 nano-css@^5.6.1:
   version "5.6.1"
   resolved "https://registry.npmjs.org/nano-css/-/nano-css-5.6.1.tgz"
@@ -12906,6 +13356,11 @@ object-inspect@^1.13.1:
   resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz"
   integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
 
+object-inspect@~1.12.3:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
+  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+
 object-is@^1.1.5:
   version "1.1.5"
   resolved "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz"
@@ -12919,7 +13374,7 @@ object-keys@^1.1.1:
   resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.4:
+object.assign@^4.1.4, object.assign@^4.1.5:
   version "4.1.5"
   resolved "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz"
   integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
@@ -13115,6 +13570,11 @@ overlayscrollbars@^2.4.6:
   resolved "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-2.4.6.tgz"
   integrity sha512-C7tmhetwMv9frEvIT/RfkAVEgbjRNz/Gh2zE8BVmN+jl35GRaAnz73rlGQCMRoC2arpACAXyMNnJkzHb7GBrcA==
 
+p-cancelable@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050"
+  integrity sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==
+
 p-limit@^2.0.0, p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
@@ -13470,6 +13930,11 @@ pkg-dir@^7.0.0:
   dependencies:
     find-up "^6.3.0"
 
+pluralize@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
+  integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
+
 pngjs@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz"
@@ -13494,6 +13959,11 @@ popper.js@^1.16.0:
   resolved "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz"
   integrity sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==
 
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
 postcss-import@^15.1.0:
   version "15.1.0"
   resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz"
@@ -13703,7 +14173,7 @@ prompts@^2.0.1, prompts@^2.4.0, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.1, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.1, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -13947,6 +14417,33 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+reablocks@^8.0.3:
+  version "8.7.1"
+  resolved "https://registry.yarnpkg.com/reablocks/-/reablocks-8.7.1.tgz#0fffc9b1610d54bc17e2415b4fb908b559aabc2b"
+  integrity sha512-zjiOYTL3gb+Hl/I8t16IBsyQIugwdTW7sdZYUi4DcQ+RVNClBVPprq4H1Vouk+JQRrkYEVjDPC59pl/SoRmdSg==
+  dependencies:
+    "@floating-ui/react" "^0.26.16"
+    "@marko19907/string-to-color" "^1.0.0"
+    "@reaviz/react-use-fuzzy" "^1.0.3"
+    body-scroll-lock-upgrade "^1.1.0"
+    chroma-js "^2.4.2"
+    classnames "^2.5.1"
+    coverup "^0.1.1"
+    create-global-state-hook "^0.0.2"
+    ctrl-keys "^1.0.3"
+    date-fns "^3.6.0"
+    ellipsize "^0.5.1"
+    focus-trap-react "^10.2.3"
+    framer-motion "^10.16.16"
+    fuse.js "^6.6.2"
+    human-format "^1.2.0"
+    name-initials "^0.1.3"
+    pluralize "^8.0.0"
+    react-fast-compare "^3.2.2"
+    react-highlight-words "^0.20.0"
+    react-textarea-autosize "^8.5.3"
+    tailwind-merge "^2.2.2"
+
 react-avatar-editor@^13.0.2:
   version "13.0.2"
   resolved "https://registry.npmjs.org/react-avatar-editor/-/react-avatar-editor-13.0.2.tgz"
@@ -14002,6 +14499,11 @@ react-contenteditable@^3.3.7:
     fast-deep-equal "^3.1.3"
     prop-types "^15.7.1"
 
+react-cool-dimensions@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/react-cool-dimensions/-/react-cool-dimensions-2.0.7.tgz#2fe6657608f034cd7c89f149ed14e79cf1cb2d50"
+  integrity sha512-z1VwkAAJ5d8QybDRuYIXTE41RxGr5GYsv1bQhbOBE8cMfoZQZpcF0odL64vdgrQVzat2jayedj1GoYi80FWcbA==
+
 react-data-table-component@^7.6.2:
   version "7.6.2"
   resolved "https://registry.npmjs.org/react-data-table-component/-/react-data-table-component-7.6.2.tgz"
@@ -14047,6 +14549,11 @@ react-element-to-jsx-string@^15.0.0:
     is-plain-object "5.0.0"
     react-is "18.1.0"
 
+react-fast-compare@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
+  integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
+
 react-floater@^0.7.9:
   version "0.7.9"
   resolved "https://registry.npmjs.org/react-floater/-/react-floater-0.7.9.tgz"
@@ -14063,6 +14570,15 @@ react-ga4@^2.1.0:
   resolved "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz"
   integrity sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ==
 
+react-highlight-words@^0.20.0:
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/react-highlight-words/-/react-highlight-words-0.20.0.tgz#c60bfff5d14678c8f0e8fbe4bdcf083e6c70d507"
+  integrity sha512-asCxy+jCehDVhusNmCBoxDf2mm1AJ//D+EzDx1m5K7EqsMBIHdZ5G4LdwbSEXqZq1Ros0G0UySWmAtntSph7XA==
+  dependencies:
+    highlight-words-core "^1.2.0"
+    memoize-one "^4.0.0"
+    prop-types "^15.5.8"
+
 react-hook-form@^7.51.3:
   version "7.51.3"
   resolved "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.3.tgz"
@@ -14220,6 +14736,15 @@ react-style-singleton@^2.2.1:
     invariant "^2.2.4"
     tslib "^2.0.0"
 
+react-textarea-autosize@^8.5.3:
+  version "8.5.4"
+  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.5.4.tgz#1c568ad838857b6ce86ee2a96e504179305e0bf4"
+  integrity sha512-eSSjVtRLcLfFwFcariT77t9hcbVJHQV76b51QjQGarQIHml2+gM2lms0n3XrhnDmgK5B+/Z7TmQk5OHNzqYm/A==
+  dependencies:
+    "@babel/runtime" "^7.20.13"
+    use-composed-ref "^1.3.0"
+    use-latest "^1.2.1"
+
 react-toastify@^10.0.4:
   version "10.0.4"
   resolved "https://registry.npmjs.org/react-toastify/-/react-toastify-10.0.4.tgz"
@@ -14242,6 +14767,11 @@ react-universal-interface@^0.6.2:
   resolved "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz"
   integrity sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==
 
+react-use-gesture@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/react-use-gesture/-/react-use-gesture-8.0.1.tgz#4360c0f7c9e26baf9fbe58f63fc9de7ef699c17f"
+  integrity sha512-CXzUNkulUdgouaAlvAsC5ZVo0fi9KGSBSk81WrE4kOIcJccpANe9zZkAYr5YZZhqpicIFxitsrGVS4wmoMun9A==
+
 react-use@^17.5.0:
   version "17.5.0"
   resolved "https://registry.npmjs.org/react-use/-/react-use-17.5.0.tgz"
@@ -14349,6 +14879,35 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+reaflow@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/reaflow/-/reaflow-5.3.1.tgz#dcf39c12a36d56695ada276864993a6310b963ac"
+  integrity sha512-Wqp0Z/eZoVaHkABnf9Hc79k9Irm9tARAN+kPhFv2ExfBkcUk0qMBIspF2a9YpKdmeP/sKwpZCWdiGiqIskqtKw==
+  dependencies:
+    "@juggle/resize-observer" "^3.4.0"
+    calculate-size "^1.1.1"
+    classnames "^2.3.2"
+    d3-shape "^3.0.1"
+    elkjs "^0.8.2"
+    ellipsize "^0.2.0"
+    framer-motion "^11.0.6"
+    kld-affine "^2.1.1"
+    kld-intersections "^0.7.0"
+    p-cancelable "^3.0.0"
+    reablocks "^8.0.3"
+    react-cool-dimensions "^2.0.7"
+    react-fast-compare "^3.2.2"
+    react-use-gesture "^8.0.1"
+    reakeys "^2.0.3"
+    undoo "^0.5.0"
+
+reakeys@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/reakeys/-/reakeys-2.0.3.tgz#234afe555dfe76f9aa862544b686dc41ac560037"
+  integrity sha512-5qeGH9xtvFITi+9AyPeTmPhzjDTEBRZICxAg6RJFuEgWFKMHqr6mnMIaL9fgOKJMBzLWCBorpUhyiB824f0EyA==
+  dependencies:
+    ctrl-keys "^1.0.3"
+
 real-require@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz"
@@ -14488,6 +15047,16 @@ regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1:
     define-properties "^1.2.0"
     set-function-name "^2.0.0"
 
+regexp.prototype.flags@^1.5.2:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz#b3ae40b1d2499b8350ab2c3fe6ef3845d3a96f42"
+  integrity sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.2"
+
 regexpu-core@^5.3.1:
   version "5.3.2"
   resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz"
@@ -14775,7 +15344,7 @@ resolve.exports@^2.0.0:
   resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz"
   integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
 
-resolve@1.22.8, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.4, resolve@^1.22.8:
+resolve@1.22.8, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.4, resolve@^1.22.8, resolve@~1.22.6:
   version "1.22.8"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -14932,6 +15501,16 @@ safe-array-concat@^1.0.1:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
+safe-array-concat@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
+  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
@@ -14951,6 +15530,15 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.2.2"
     is-regex "^1.1.4"
 
+safe-regex-test@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
+  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-regex "^1.1.4"
+
 safe-stable-stringify@^2.3.1:
   version "2.4.3"
   resolved "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz"
@@ -15117,6 +15705,16 @@ set-function-name@^2.0.0, set-function-name@^2.0.1:
     functions-have-names "^1.2.3"
     has-property-descriptors "^1.0.0"
 
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
 set-harmonic-interval@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz"
@@ -15529,7 +16127,16 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -15580,6 +16187,16 @@ string.prototype.trim@^1.2.8:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
+string.prototype.trim@^1.2.9, string.prototype.trim@~1.2.8:
+  version "1.2.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
+
 string.prototype.trimend@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz"
@@ -15589,6 +16206,15 @@ string.prototype.trimend@^1.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
+string.prototype.trimend@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
 string.prototype.trimstart@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz"
@@ -15598,6 +16224,15 @@ string.prototype.trimstart@^1.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
 string_decoder@^1.1.1, string_decoder@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
@@ -15629,7 +16264,14 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -15793,6 +16435,11 @@ symbol-tree@^3.2.4:
   resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
+tabbable@^6.0.0, tabbable@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.2.0.tgz#732fb62bc0175cfcec257330be187dcfba1f3b97"
+  integrity sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==
+
 tailwind-merge@^2.2.2:
   version "2.2.2"
   resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.2.2.tgz"
@@ -15843,6 +16490,28 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
   resolved "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+tape@^4.9.0:
+  version "4.17.0"
+  resolved "https://registry.yarnpkg.com/tape/-/tape-4.17.0.tgz#de89f3671ddc5dad178d04c28dc6b0183f42268e"
+  integrity sha512-KCuXjYxCZ3ru40dmND+oCLsXyuA8hoseu2SS404Px5ouyS0A99v8X/mdiLqsR5MTAyamMBN7PRwt2Dv3+xGIxw==
+  dependencies:
+    "@ljharb/resumer" "~0.0.1"
+    "@ljharb/through" "~2.3.9"
+    call-bind "~1.0.2"
+    deep-equal "~1.1.1"
+    defined "~1.0.1"
+    dotignore "~0.1.2"
+    for-each "~0.3.3"
+    glob "~7.2.3"
+    has "~1.0.3"
+    inherits "~2.0.4"
+    is-regex "~1.1.4"
+    minimist "~1.2.8"
+    mock-property "~1.0.0"
+    object-inspect "~1.12.3"
+    resolve "~1.22.6"
+    string.prototype.trim "~1.2.8"
+
 tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz"
@@ -16358,6 +17027,15 @@ typed-array-buffer@^1.0.0:
     get-intrinsic "^1.2.1"
     is-typed-array "^1.1.10"
 
+typed-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
+  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.13"
+
 typed-array-byte-length@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz"
@@ -16368,6 +17046,17 @@ typed-array-byte-length@^1.0.0:
     has-proto "^1.0.1"
     is-typed-array "^1.1.10"
 
+typed-array-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
+  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
 typed-array-byte-offset@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz"
@@ -16379,6 +17068,18 @@ typed-array-byte-offset@^1.0.0:
     has-proto "^1.0.1"
     is-typed-array "^1.1.10"
 
+typed-array-byte-offset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
+  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
 typed-array-length@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz"
@@ -16388,6 +17089,18 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
+typed-array-length@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
+  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+
 typescript@^5:
   version "5.3.3"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz"
@@ -16418,6 +17131,14 @@ undici-types@~5.26.4:
   resolved "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz"
   integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
+undoo@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/undoo/-/undoo-0.5.0.tgz#41e94930e3a7a4a4484b735d9397e2431c2f92ca"
+  integrity sha512-SPlDcde+AUHoFKeVlH2uBJxqVkw658I4WR2rPoygC1eRCzm3GeoP8S6xXZVJeBVOQQid8X2xUBW0N4tOvvHH3Q==
+  dependencies:
+    defaulty "^2.1.0"
+    fast-deep-equal "^1.0.0"
+
 unicode-byte-truncate@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/unicode-byte-truncate/-/unicode-byte-truncate-1.0.0.tgz"
@@ -16609,6 +17330,23 @@ use-callback-ref@^1.3.0:
   dependencies:
     tslib "^2.0.0"
 
+use-composed-ref@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/use-composed-ref/-/use-composed-ref-1.3.0.tgz#3d8104db34b7b264030a9d916c5e94fbe280dbda"
+  integrity sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==
+
+use-isomorphic-layout-effect@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+use-latest@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.1.tgz#d13dfb4b08c28e3e33991546a2cee53e14038cf2"
+  integrity sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==
+  dependencies:
+    use-isomorphic-layout-effect "^1.1.1"
+
 use-memo-one@^1.1.1:
   version "1.1.3"
   resolved "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz"
@@ -16993,6 +17731,17 @@ which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.2,
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
+which-typed-array@^1.1.14, which-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
+  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.2"
+
 which@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/which/-/which-1.0.5.tgz#5630d6819dda692f1464462e7956cb42c0842739"
@@ -17179,8 +17928,7 @@ workbox-window@6.6.0, workbox-window@^6.5.4:
     "@types/trusted-types" "^2.0.2"
     workbox-core "6.6.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
-  name wrap-ansi-cjs
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -17198,6 +17946,15 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"

From 3913aeec3b3cc379065d625ead9f97b296ba30a0 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Mon, 18 Nov 2024 16:06:26 +0545
Subject: [PATCH 15/42] chore: fix build issues / lint

---
 frontend/src/api/agents.ts                    |   3 -
 .../components/FunctionForm.tsx               |   4 +-
 .../components/cards/InfoCard.tsx             |  43 +++-
 .../components/event/EventTab.tsx             |  14 +-
 .../components/event/EventTriggerGraph.tsx    |  61 +----
 .../create-template/components/event/demo.ts  | 128 ++++-----
 .../components/utils/FunctionMapper.ts        |  50 ++--
 .../components/molecules/CustomDropDown.tsx   |  14 +-
 .../molecules/TemplateConfigurations.tsx      | 242 +++++++++---------
 9 files changed, 259 insertions(+), 300 deletions(-)

diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index 6db56a74..db5c6d4e 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -9,7 +9,6 @@ import { convertToQueryStr } from '@app/utils/common/extra';
 import { agentFormSchema } from '../app/(pages)/agents/create-agent/_form/schema';
 import { baseAPIurl } from './config';
 
-
 export type BooleanOperator = 'AND' | 'OR';
 export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in';
 
@@ -53,7 +52,6 @@ export interface ICronTrigger {
     probability: number;
 }
 
-
 export interface IAgentConfiguration {
     id: string;
     agent_id: string;
@@ -234,4 +232,3 @@ export const fetchMyAgent = async (): Promise<IAgent> => {
         throw new Error('Agent Fetch Operation failed: Network Error');
     }
 };
-
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 6963501b..f8df7aa6 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import { TriggerType } from '@api/agents';
 import { TemplateFunctions } from '@models/types/functions';
 import { Slider } from '@mui/material';
-import { Check, Trash2, X } from 'lucide-react';
+import { X } from 'lucide-react';
 
 import { Button } from '@app/components/atoms/Button';
 import { Card, CardTitle } from '@app/components/atoms/Card';
@@ -19,9 +19,9 @@ import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
 
 import { IFormFunctionInstance } from '../page';
-import EventTab from './event/EventTab';
 import { renderParameters } from './ParameterRenderers';
 import TriggerTab from './TriggerTab';
+import EventTab from './event/EventTab';
 
 interface IFunctionFormParams {
     currentFunction?: IFormFunctionInstance;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
index ab77932d..2f26074f 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
@@ -1,17 +1,34 @@
-import { Info } from "lucide-react"
-import { cn } from "@app/components/lib/utils"
+import { Info } from 'lucide-react';
 
-export default function InfoCard({onMouseEnter , onMouseLeave , visible} : {onMouseEnter : any , onMouseLeave : any , visible : boolean}) {
+import { cn } from '@app/components/lib/utils';
+
+export default function InfoCard({
+    onMouseEnter,
+    onMouseLeave,
+    visible
+}: {
+    onMouseEnter: any;
+    onMouseLeave: any;
+    visible: boolean;
+}) {
     return (
-        <div className="flex self-end  mb-2 relative group">
-        <Info className="hover:text-gray-400" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}/>
-        <span className={cn("w-64 absolute top-4 left-10 p-4 rounded shadow bg-gray-100 hidden transition-opacity duration-200" , { "flex" : visible })}>
-            Edit filter attributes by clicking on the filter node.
-            <br />
-            <br />
-            Toggle logic relations by clicking on the operator node.
-        </span>
+        <div className="group relative  mb-2 flex self-end">
+            <Info
+                className="hover:text-gray-400"
+                onMouseEnter={onMouseEnter}
+                onMouseLeave={onMouseLeave}
+            />
+            <span
+                className={cn(
+                    'absolute left-10 top-4 hidden w-64 rounded bg-gray-100 p-4 shadow transition-opacity duration-200',
+                    { flex: visible }
+                )}
+            >
+                Edit filter attributes by clicking on the filter node.
+                <br />
+                <br />
+                Toggle logic relations by clicking on the operator node.
+            </span>
         </div>
-
-    )
+    );
 }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 8fc717fc..e7e82f7e 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 
+import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
 import { ChevronDown } from 'lucide-react';
 import { FileJson, Parentheses } from 'lucide-react';
 
@@ -14,16 +15,9 @@ import {
 import { Input } from '@app/components/atoms/Input';
 import { cn } from '@app/components/lib/utils';
 
-import InfoCard from '../cards/InfoCard';
 import { CustomSelect } from '../../../../../../components/molecules/CustomDropDown';
-import {
-    Events,
-    IBooleanNode,
-    IEvent,
-    IEventFilter,
-    IEventTrigger,
-    IFieldNode
-} from './EventTrigger';
+import InfoCard from '../cards/InfoCard';
+import { Events, IEvent, IEventFilter } from './EventTrigger';
 import NodeGraph from './EventTriggerGraph';
 
 const EventTab = ({ className }: { className?: string }) => {
@@ -296,7 +290,7 @@ const EventTab = ({ className }: { className?: string }) => {
                     {formData?.parameters.map((param, index) => {
                         if (param.id === currentEventFilter?.id) {
                             return (
-                                <div>
+                                <div key={index}>
                                     {(param as IBooleanNode).children?.map(
                                         (child, childIndex) => (
                                             <div
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index c1988e95..07e1cd40 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -1,25 +1,20 @@
 import { useEffect, useState } from 'react';
 
-import { Canvas, Edge, EdgeData, Node, NodeData, NodeProps } from 'reaflow';
-
-import { IEventTrigger, IFilterNode } from './EventTrigger';
+import { IEventTrigger, IFilterNode } from '@api/agents';
+import { Canvas, EdgeData, NodeData } from 'reaflow';
 
 interface NodeGraphProps {
-    data : IEventTrigger;
+    data: IEventTrigger;
     className?: string;
-    onNodeClick?: (node: Node) => any;
     maxHeight?: number;
     maxWidth?: number;
-    nodeStyle?: any;
 }
 
 export default function EventTriggerGraph({
-    data ,
+    data,
     className,
-    onNodeClick,
     maxHeight,
-    maxWidth,
-    nodeStyle
+    maxWidth
 }: NodeGraphProps) {
     const [nodes, setNodes] = useState<NodeData[]>([]);
     const [edges, setEdges] = useState<EdgeData[]>([]);
@@ -132,52 +127,6 @@ export default function EventTriggerGraph({
             className={`w-full bg-[#D2E0FB] ${className || ''}`}
             direction="RIGHT"
             zoomable={true}
-            node={(node: NodeProps) => (
-                <Node
-                    //   onClick={(event, node) => onNodeClick && onNodeClick(node)}
-                    style={nodeStyle}
-                />
-            )}
         />
     );
 }
-
-// const recursivelyAddNode = (obj: any, parentId: string, text?: string) => {
-//     if (Array.isArray(obj.id)) {
-//         obj.id.forEach((idPart: string, index: number) => {
-//             const newParentId =
-//                 index > 0
-//                     ? `${parentId}.${obj.id.slice(0, index).join('.')}`
-//                     : parentId;
-
-//             const isFirst = index === 0;
-//             const isLast = index === obj.id.length - 1;
-
-//             if (isFirst) {
-//                 recursivelyAddNode({ id: idPart }, newParentId, text);
-//             } else if (isLast) {
-//                 recursivelyAddNode(
-//                     { id: idPart, value: `${obj.operator} - ${obj.value}` },
-//                     newParentId
-//                 );
-//             } else {
-//                 recursivelyAddNode({ id: idPart }, newParentId);
-//             }
-//         });
-//     } else if (typeof obj.id === 'string') {
-//         const nodeId = `${parentId}.${obj.id}`;
-//         text
-//             ? addNode(nodeId, obj.id + text)
-//             : obj.value
-//               ? addNode(nodeId, `${obj.id} : ${obj.value}`)
-//               : addNode(nodeId, obj.id);
-//         addEdge(parentId, obj.id);
-//     }
-
-//     // If obj has children, recursively add each child node
-//     else if (obj.children) {
-//         obj.children.forEach((child: any) =>
-//             recursivelyAddNode(child, parentId, ` ( ${obj.operator} ) `)
-//         );
-//     }
-// };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts b/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts
index 21b0a803..8d1a3b3a 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/demo.ts
@@ -1,66 +1,66 @@
-import { IEventTrigger } from "@api/agents";
+// import { IEventTrigger } from "@api/agents";
 
-const demoData: IEventTrigger = {
-    id: 'tx',
-    negate: false,
-    operator: 'AND',
-    parameters: [
-        {
-            negate: false,
-            id: ['inputs', 'address'],
-            value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
-            operator: 'equals'
-        },
-        {
-            negate: false,
-            children: [
-                {
-                    id: ['outputs', 'value'],
-                    value: 999,
-                    negate: true,
-                    operator: 'greaterThan'
-                },
-                {
-                    id: ['outputs', 'address'],
-                    value: 'addr.....',
-                    negate: false,
-                    operator: 'equals'
-                }
-            ],
-            operator: 'AND'
-        }
-    ]
-};
+// const demoData: IEventTrigger = {
+//     id: 'tx',
+//     negate: false,
+//     operator: 'AND',
+//     parameters: [
+//         {
+//             negate: false,
+//             id: ['inputs', 'address'],
+//             value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
+//             operator: 'equals'
+//         },
+//         {
+//             negate: false,
+//             children: [
+//                 {
+//                     id: ['outputs', 'value'],
+//                     value: 999,
+//                     negate: true,
+//                     operator: 'greaterThan'
+//                 },
+//                 {
+//                     id: ['outputs', 'address'],
+//                     value: 'addr.....',
+//                     negate: false,
+//                     operator: 'equals'
+//                 }
+//             ],
+//             operator: 'AND'
+//         }
+//     ]
+// };
 
-const nestedData: IEventTrigger = {
-    id: 'tx',
-    negate: false,
-    operator: 'AND',
-    parameters: [
-        {
-            negate: false,
-            id: ['inputs', 'address'],
-            value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
-            operator: 'equals'
-        },
-        {
-            id: 'outputs',
-            negate: false,
-            children: [
-                {
-                    id: ['value'],
-                    value: 999,
-                    negate: true,
-                    operator: 'greaterThan'
-                },
-                {
-                    id: ['address'],
-                    value: 'addr.....',
-                    negate: false,
-                    operator: 'equals'
-                }
-            ],
-            operator: 'AND'
-        }
-    ]
-};
\ No newline at end of file
+// const nestedData: IEventTrigger = {
+//     id: 'tx',
+//     negate: false,
+//     operator: 'AND',
+//     parameters: [
+//         {
+//             negate: false,
+//             id: ['inputs', 'address'],
+//             value: 'addr_test1qqgn33e8vc40948u4crwsq7dxk9e6kuf3amp6gf4k57n97prsqy2pgnvcwzlutpc6a2ttwnuggl36hy4vkm227zdy0gq9mj2yv',
+//             operator: 'equals'
+//         },
+//         {
+//             id: 'outputs',
+//             negate: false,
+//             children: [
+//                 {
+//                     id: ['value'],
+//                     value: 999,
+//                     negate: true,
+//                     operator: 'greaterThan'
+//                 },
+//                 {
+//                     id: ['address'],
+//                     value: 'addr.....',
+//                     negate: false,
+//                     operator: 'equals'
+//                 }
+//             ],
+//             operator: 'AND'
+//         }
+//     ]
+// };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 1bcd045a..15ad9273 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -11,7 +11,7 @@ import {
 
 import { IFormFunctionInstance } from '../../page';
 import {
-    mapKeyValuePairToParamValue,
+    // mapKeyValuePairToParamValue,
     mapOptionToKeyValuePair,
     mapParamValueToKeyValuePair
 } from './MapperHelper';
@@ -25,19 +25,19 @@ export const mapFormFunctionToTriggerConfiguration = (
         frequency: item.cronValue?.frequency || '* * * * *'
     };
 
-    if (item.type === 'EVENT') {
-        return {
-            type: item.type,
-            action: {
-                function_name: item.id,
-                parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
-            },
-            data: {
-                event: 'VoteEvent',
-                parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
-            }
-        };
-    }
+    // if (item.type === 'EVENT') {
+    //     return {
+    //         type: item.type,
+    //         action: {
+    //             function_name: item.id,
+    //             parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
+    //         },
+    //         data: {
+    //             event: 'VoteEvent',
+    //             parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
+    //         }
+    //     };
+    // }
 
     if (item.id === 'delegation') {
         return {
@@ -167,10 +167,10 @@ export const mapTriggerConfigurationToFormFunction = (
           }
         : undefined;
 
-    const eventParameters =
-        trigger.type === 'EVENT'
-            ? mapKeyValuePairToParamValue(trigger.action.parameters || [])
-            : undefined;
+    // const eventParameters =
+    //     trigger.type === 'EVENT'
+    //         ? mapKeyValuePairToParamValue(trigger.action.parameters || [])
+    //         : undefined;
 
     const final_obj = {
         id: trigger.action.function_name,
@@ -183,13 +183,13 @@ export const mapTriggerConfigurationToFormFunction = (
         ),
         type: trigger.type as TriggerType,
         cronValue,
-        eventValue:
-            trigger.type === 'EVENT'
-                ? {
-                      event: (trigger.data as any).event,
-                      parameters: eventParameters
-                  }
-                : undefined,
+        // eventValue:
+        //     trigger.type === 'EVENT'
+        //         ? {
+        //               event: (trigger.data as any).event,
+        //               parameters: eventParameters
+        //           }
+        //         : undefined,
         optionValue:
             baseFunction?.parameters && baseFunction?.parameters[0].type === 'options'
                 ? populateOptionValue(trigger.action.parameters[0])
diff --git a/frontend/src/components/molecules/CustomDropDown.tsx b/frontend/src/components/molecules/CustomDropDown.tsx
index f2572538..17d773dd 100644
--- a/frontend/src/components/molecules/CustomDropDown.tsx
+++ b/frontend/src/components/molecules/CustomDropDown.tsx
@@ -18,14 +18,12 @@ export const CustomDropDown = ({
     label,
     onSelect,
     chevronIcon = true,
-    plusIcon = false,
-    disabled = false
+    plusIcon = false
 }: {
     defaultValue: string;
     label: string;
     options: string[];
     onSelect: (item: string) => void; // Specify the type for onSelect
-    disabled?: boolean;
     chevronIcon?: boolean;
     plusIcon?: boolean;
 }) => (
@@ -75,13 +73,17 @@ export const CustomSelect = ({
     label?: string;
     className?: string;
     options: ISelectItem[];
-    onSelect: (item: any) => void; 
+    onSelect: (item: any) => void;
     disabled?: boolean;
     plusIcon?: boolean;
 }) => (
-    <div className={cn("flex w-full flex-col gap-3" , className)}>
+    <div className={cn('flex w-full flex-col gap-3', className)}>
         {label && <span className="h4">{label}</span>}
-        <Select defaultValue={defaultValue} onValueChange={(item) => onSelect(item)} disabled={disabled}>
+        <Select
+            defaultValue={defaultValue}
+            onValueChange={(item) => onSelect(item)}
+            disabled={disabled}
+        >
             <SelectTrigger
                 useAddIcon={plusIcon}
                 className="w-full items-center justify-between rounded-lg border-[1px] border-brand-border-200 px-4 py-2"
diff --git a/frontend/src/components/molecules/TemplateConfigurations.tsx b/frontend/src/components/molecules/TemplateConfigurations.tsx
index 5b505029..7eeed2e7 100644
--- a/frontend/src/components/molecules/TemplateConfigurations.tsx
+++ b/frontend/src/components/molecules/TemplateConfigurations.tsx
@@ -1,129 +1,129 @@
-'use client';
+// 'use client';
 
-import React, { useState } from 'react';
+// import React, { useState } from 'react';
 
-import { ICronTrigger } from '@api/agents';
-import { ITemplateConfiguration } from '@api/templates';
-import { useAtom } from 'jotai';
-import { Edit, Trash2 } from 'lucide-react';
+// import { ICronTrigger } from '@api/agents';
+// import { ITemplateConfiguration } from '@api/templates';
+// import { useAtom } from 'jotai';
+// import { Edit, Trash2 } from 'lucide-react';
 
-import UpdateTemplateFunctionModal from '@app/components/molecules/UpdateTemplateFunctionModal';
-import { Dialog, DialogContent } from '@app/components/shadcn/dialog';
-import { templateAtom } from '@app/store/atoms/template';
+// import UpdateTemplateFunctionModal from '@app/components/molecules/UpdateTemplateFunctionModal';
+// import { Dialog, DialogContent } from '@app/components/shadcn/dialog';
+// import { templateAtom } from '@app/store/atoms/template';
 
-import { cn } from '../lib/utils';
+// import { cn } from '../lib/utils';
 
-const TemplateConfigurations = ({ isEditing }: { isEditing: boolean }) => {
-    const [openDialog, setOpenDialog] = useState(false);
-    const [templateConfigIndex, setTemplateConfigIndex] = useState(0);
-    const [template, setTemplate] = useAtom(templateAtom);
-    const onDeleteConfig = (configId: string) => {
-        if (template && template.template_configurations) {
-            const updatedConfigs = template.template_configurations?.filter(
-                (config) => config.id != configId
-            );
-            updatedConfigs &&
-                setTemplate({ ...template, template_configurations: updatedConfigs });
-        }
-    };
-    const handleUpdateTemplateConfig = (
-        updatedTemplateConfig: ITemplateConfiguration,
-        updatedTemplateConfigIndex: number
-    ) => {
-        if (!template?.template_configurations) return;
-        if (updatedTemplateConfigIndex < template.template_configurations.length) {
-            template.template_configurations[updatedTemplateConfigIndex] =
-                updatedTemplateConfig;
-        } else {
-            template.template_configurations.push(updatedTemplateConfig);
-        }
-        setTemplate({
-            ...template
-        });
-    };
+// const TemplateConfigurations = ({ isEditing }: { isEditing: boolean }) => {
+//     const [openDialog, setOpenDialog] = useState(false);
+//     const [templateConfigIndex, setTemplateConfigIndex] = useState(0);
+//     const [template, setTemplate] = useAtom(templateAtom);
+//     const onDeleteConfig = (configId: string) => {
+//         if (template && template.template_configurations) {
+//             const updatedConfigs = template.template_configurations?.filter(
+//                 (config) => config.id != configId
+//             );
+//             updatedConfigs &&
+//                 setTemplate({ ...template, template_configurations: updatedConfigs });
+//         }
+//     };
+//     const handleUpdateTemplateConfig = (
+//         updatedTemplateConfig: ITemplateConfiguration,
+//         updatedTemplateConfigIndex: number
+//     ) => {
+//         if (!template?.template_configurations) return;
+//         if (updatedTemplateConfigIndex < template.template_configurations.length) {
+//             template.template_configurations[updatedTemplateConfigIndex] =
+//                 updatedTemplateConfig;
+//         } else {
+//             template.template_configurations.push(updatedTemplateConfig);
+//         }
+//         setTemplate({
+//             ...template
+//         });
+//     };
 
-    return (
-        <div className={'flex flex-row flex-wrap gap-3 pb-2'}>
-            {template &&
-            template.template_configurations &&
-            template.template_configurations.length ? (
-                template.template_configurations?.map((config, index) => {
-                    return (
-                        <div
-                            className={
-                                'group relative flex w-[300px] flex-col flex-wrap gap-2 rounded bg-brand-White-200 p-3 drop-shadow-md'
-                            }
-                            key={`${index}-${config?.id}`}
-                        >
-                            <span className={'text-sm text-gray-700'}>
-                                Name : {config?.action?.function_name}
-                            </span>
-                            <span className={'text-sm text-gray-700'}>
-                                Type : {config.type}
-                            </span>
-                            <span className={'text-sm text-gray-700'}>
-                                Probability :{' '}
-                                {(config.data as ICronTrigger).probability
-                                    ? (config.data as ICronTrigger).probability
-                                    : 1}
-                            </span>
+//     return (
+//         <div className={'flex flex-row flex-wrap gap-3 pb-2'}>
+//             {template &&
+//             template.template_configurations &&
+//             template.template_configurations.length ? (
+//                 template.template_configurations?.map((config, index) => {
+//                     return (
+//                         <div
+//                             className={
+//                                 'group relative flex w-[300px] flex-col flex-wrap gap-2 rounded bg-brand-White-200 p-3 drop-shadow-md'
+//                             }
+//                             key={`${index}-${config?.id}`}
+//                         >
+//                             <span className={'text-sm text-gray-700'}>
+//                                 Name : {config?.action?.function_name}
+//                             </span>
+//                             <span className={'text-sm text-gray-700'}>
+//                                 Type : {config.type}
+//                             </span>
+//                             <span className={'text-sm text-gray-700'}>
+//                                 Probability :{' '}
+//                                 {(config.data as ICronTrigger).probability
+//                                     ? (config.data as ICronTrigger).probability
+//                                     : 1}
+//                             </span>
 
-                            <div
-                                className={cn(
-                                    'absolute  right-2 top-2 gap-1',
-                                    isEditing ? 'group-hover:flex' : 'hidden'
-                                )}
-                            >
-                                <Edit
-                                    color="#A1A1A1"
-                                    className={
-                                        ' hidden h-4 w-4 cursor-pointer group-hover:block'
-                                    }
-                                    onClick={() => {
-                                        setOpenDialog(true);
-                                        setTemplateConfigIndex(index);
-                                    }}
-                                />
-                                <Trash2
-                                    color="#A1A1A1"
-                                    onClick={() => {
-                                        onDeleteConfig(config.id);
-                                    }}
-                                    className="hidden h-4  w-4 hover:cursor-pointer  group-hover:block"
-                                />
-                            </div>
-                        </div>
-                    );
-                })
-            ) : (
-                <span className={'text-xs text-brand-Black-300'}>
-                    No Functions Found.
-                </span>
-            )}
-            <Dialog open={openDialog} onOpenChange={setOpenDialog}>
-                <DialogContent
-                    className={'!min-w-[650px] !p-0'}
-                    onClickCloseIcon={() => setOpenDialog(false)}
-                >
-                    <UpdateTemplateFunctionModal
-                        header={'Update Template Configurations'}
-                        templateConfigIndex={templateConfigIndex}
-                        templateConfigs={template?.template_configurations}
-                        onClickSave={(
-                            updatedTemplateConfig,
-                            updatedTemplateConfigIndex
-                        ) => {
-                            handleUpdateTemplateConfig(
-                                updatedTemplateConfig,
-                                updatedTemplateConfigIndex
-                            );
-                            setOpenDialog(false);
-                        }}
-                    />
-                </DialogContent>
-            </Dialog>
-        </div>
-    );
-};
+//                             <div
+//                                 className={cn(
+//                                     'absolute  right-2 top-2 gap-1',
+//                                     isEditing ? 'group-hover:flex' : 'hidden'
+//                                 )}
+//                             >
+//                                 <Edit
+//                                     color="#A1A1A1"
+//                                     className={
+//                                         ' hidden h-4 w-4 cursor-pointer group-hover:block'
+//                                     }
+//                                     onClick={() => {
+//                                         setOpenDialog(true);
+//                                         setTemplateConfigIndex(index);
+//                                     }}
+//                                 />
+//                                 <Trash2
+//                                     color="#A1A1A1"
+//                                     onClick={() => {
+//                                         onDeleteConfig(config.id);
+//                                     }}
+//                                     className="hidden h-4  w-4 hover:cursor-pointer  group-hover:block"
+//                                 />
+//                             </div>
+//                         </div>
+//                     );
+//                 })
+//             ) : (
+//                 <span className={'text-xs text-brand-Black-300'}>
+//                     No Functions Found.
+//                 </span>
+//             )}
+//             <Dialog open={openDialog} onOpenChange={setOpenDialog}>
+//                 <DialogContent
+//                     className={'!min-w-[650px] !p-0'}
+//                     onClickCloseIcon={() => setOpenDialog(false)}
+//                 >
+//                     <UpdateTemplateFunctionModal
+//                         header={'Update Template Configurations'}
+//                         templateConfigIndex={templateConfigIndex}
+//                         templateConfigs={template?.template_configurations}
+//                         onClickSave={(
+//                             updatedTemplateConfig,
+//                             updatedTemplateConfigIndex
+//                         ) => {
+//                             handleUpdateTemplateConfig(
+//                                 updatedTemplateConfig,
+//                                 updatedTemplateConfigIndex
+//                             );
+//                             setOpenDialog(false);
+//                         }}
+//                     />
+//                 </DialogContent>
+//             </Dialog>
+//         </div>
+//     );
+// };
 
-export default TemplateConfigurations;
+// export default TemplateConfigurations;

From 1e2ac336d6140482902f2b41fd230b1e5a1b934f Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 11:14:57 +0545
Subject: [PATCH 16/42] chore: handle event trigger post req

---
 .../create-template/components/TriggerTab.tsx | 201 ++++++++++++++++++
 .../components/FunctionForm.tsx               |  10 +-
 .../create-template/components/TriggerTab.tsx |   4 +-
 .../components/event/EventTab.tsx             |  16 +-
 .../components/utils/FunctionMapper.ts        |  25 ++-
 5 files changed, 238 insertions(+), 18 deletions(-)
 create mode 100644 frontend/(pages)/templates/create-template/components/TriggerTab.tsx

diff --git a/frontend/(pages)/templates/create-template/components/TriggerTab.tsx b/frontend/(pages)/templates/create-template/components/TriggerTab.tsx
new file mode 100644
index 00000000..7b0acefb
--- /dev/null
+++ b/frontend/(pages)/templates/create-template/components/TriggerTab.tsx
@@ -0,0 +1,201 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+
+import { Card } from '@app/components/atoms/Card';
+import {
+    Tabs,
+    TabsContent,
+    TabsList,
+    TabsTrigger
+} from '@app/components/molecules/Tabs';
+
+import CustomCron from './cron/CustomCron';
+import DefaultCron from './cron/DefaultCron';
+
+export interface ICronSetting {
+    placeholder: string;
+    default: string[];
+    index: number;
+}
+
+export interface IInputSetting {
+    name: string;
+    value: string | number;
+}
+
+const defaultCronSetting: ICronSetting[] = [
+    {
+        placeholder: 'Minute',
+        default: ['*', '*', '*', '*', '*'],
+        index: 0
+    },
+    {
+        placeholder: 'Hour',
+        default: ['0', '*', '*', '*', '*'],
+        index: 1
+    },
+    {
+        placeholder: 'Day',
+        default: ['1', '0', '*', '*', '*'],
+        index: 2
+    },
+    {
+        placeholder: 'Year',
+        default: ['0', '0', '1', '1', '*'],
+        index: 4
+    }
+];
+
+export default function TriggerTab({
+    onChange,
+    defaultCron,
+    previousSelectedOption,
+    previousConfiguredSettings,
+    setTriggerType,
+    setSelectedTab,
+    onlyCronTriggerTab,
+    defaultToCustomTab = false
+}: {
+    onChange?: (
+        cronExpression: string[],
+        configuredSettings: string,
+        selectedTab: any
+    ) => void;
+    defaultCron?: any;
+    previousSelectedOption?: string;
+    previousConfiguredSettings?: IInputSetting[];
+    setTriggerType?: any;
+    setSelectedTab?: React.Dispatch<React.SetStateAction<string>>;
+    onlyCronTriggerTab?: boolean;
+    defaultToCustomTab?: boolean;
+}) {
+    const [cron, setCron] = useState<string[]>(
+        typeof defaultCron === 'string'
+            ? defaultCron.split(' ')
+            : defaultCron || ['*', '*', '*', '*', '*']
+    );
+
+    /* State for persisiting custom cron settings when switching tabs*/
+    const [, setCustomCron] = useState<string[]>(['*', '*', '*', '*', '*']);
+
+    /* state for persisiting user cron settings when switching tabs*/
+
+    const [defaultSelected, setDefaultSelected] = useState(
+        previousSelectedOption || 'Minute-option-one'
+    );
+
+    const defaultSelectedCronTab =
+        (defaultToCustomTab && 'Custom') ||
+        previousSelectedOption?.split('-')[0] ||
+        'Minute';
+
+    const initialSettings: IInputSetting[] = [
+        { name: 'Minute-option-two', value: 1 },
+        { name: 'Minute-option-three-start', value: 0 },
+        { name: 'Minute-option-three-end', value: 1 },
+        { name: 'Hour-option-two', value: 1 },
+        { name: 'Hour-option-three-start', value: 0 },
+        { name: 'Hour-option-three-end', value: 1 },
+        { name: 'Day-option-two', value: 1 },
+        { name: 'Day-option-three-start', value: 0 },
+        { name: 'Day-option-three-end', value: 1 },
+        { name: 'Year-option-two', value: 1 },
+        { name: 'Year-option-three-start', value: 0 },
+        { name: 'Year-option-three-end', value: 1 }
+    ];
+
+    const [configuredSettings, setConfiguredSettings] = useState<IInputSetting[]>(
+        previousConfiguredSettings || initialSettings
+    );
+
+    function saveCronConfiguration(setting: IInputSetting) {
+        const newSettings: IInputSetting[] = configuredSettings.map((item) => {
+            if (item.name === setting.name) {
+                return {
+                    name: setting.name,
+                    value: setting.value
+                };
+            } else {
+                return item;
+            }
+        });
+        setConfiguredSettings(newSettings);
+    }
+
+    function onChangeCustomCron(customSelectedCron: string[]) {
+        setDefaultSelected('');
+        setCustomCron(customSelectedCron);
+        setCron(customSelectedCron);
+    }
+
+    useEffect(() => {
+        const cronExpression = cron.map((item) => item);
+        onChange?.(cronExpression, defaultSelected, configuredSettings);
+    }, [cron]);
+
+    return (
+        <Tabs defaultValue="Cron">
+            {onlyCronTriggerTab ? (
+                <></>
+            ) : (
+                <TabsList className="mb-4 w-full justify-start gap-6 rounded-none border-b-[1px] pl-0">
+                    <TabsTrigger value="Cron" onClick={() => setSelectedTab?.('CRON')}>
+                        Cron Trigger
+                    </TabsTrigger>
+                    <TabsTrigger
+                        value="Event"
+                        onClick={() => setSelectedTab?.('EVENT')}
+                    >
+                        Event Trigger
+                    </TabsTrigger>
+                </TabsList>
+            )}
+            <Card className="border-brand-gray-100 min-h-[160px] w-full border-[1px] bg-white p-0 pb-5">
+                <TabsContent value="Cron">
+                    <Tabs defaultValue={defaultSelectedCronTab}>
+                        <TabsList className=" w-full justify-start gap-6 rounded-none border-b-[1px] bg-brand-Azure-400 pl-4">
+                            <TabsTrigger value="Minute">Minute</TabsTrigger>
+                            <TabsTrigger value="Hour">Hour</TabsTrigger>
+                            <TabsTrigger value="Day">Day</TabsTrigger>
+                            <TabsTrigger value="Year">Year</TabsTrigger>
+                            <TabsTrigger value="Custom">Custom</TabsTrigger>
+                        </TabsList>
+                        <div className="mt-2 flex flex-col bg-white pl-3 pt-2">
+                            {defaultCronSetting.map((item: ICronSetting, index) => (
+                                <TabsContent value={item.placeholder} key={index}>
+                                    <DefaultCron
+                                        cronSetting={item}
+                                        onChange={setCron}
+                                        defaultSelected={defaultSelected}
+                                        setDefaultSelected={setDefaultSelected}
+                                        saveConfiguration={saveCronConfiguration}
+                                        configuredSettings={configuredSettings}
+                                    />
+                                </TabsContent>
+                            ))}
+                            <TabsContent value="Custom">
+                                <CustomCron
+                                    customCron={cron}
+                                    onChange={onChangeCustomCron}
+                                />
+                            </TabsContent>
+                        </div>
+                    </Tabs>
+                </TabsContent>
+                <TabsContent value="Event" className={'p-4'}>
+                    <div className={'flex flex-row gap-4'}>
+                        <span>Vote on all proposal</span>
+                        <input
+                            type="checkbox"
+                            name={'VoteEvent'}
+                            value={'EVENT'}
+                            onChange={(e) => setTriggerType(e.target.value)}
+                            className={'h-5 w-5'}
+                        />
+                    </div>
+                </TabsContent>
+            </Card>
+        </Tabs>
+    );
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index f8df7aa6..7bb276eb 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -269,7 +269,15 @@ export const FunctionForm = ({
                     </>
                 )}
                 {functionState.type === 'EVENT' && (
-                    <EventTab className="mt-4 w-full bg-white" />
+                    <EventTab
+                        className="mt-4 w-full bg-white"
+                        onChange={(eventTrigger) => {
+                            setFunctionState({
+                                ...functionState,
+                                eventValue: eventTrigger
+                            });
+                        }}
+                    />
                 )}
             </div>
             <div className="flex w-full justify-end">
diff --git a/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
index e5236b29..2c004dcf 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
@@ -10,8 +10,8 @@ import {
     TabsTrigger
 } from '@app/components/molecules/Tabs';
 
-import CustomCron from '../components/cron/CustomCron';
-import DefaultCron from '../components/cron/DefaultCron';
+import CustomCron from './cron/CustomCron';
+import DefaultCron from './cron/DefaultCron';
 
 export interface ICronSetting {
     placeholder: string;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index e7e82f7e..b4076a87 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
 import { ChevronDown } from 'lucide-react';
@@ -20,7 +20,13 @@ import InfoCard from '../cards/InfoCard';
 import { Events, IEvent, IEventFilter } from './EventTrigger';
 import NodeGraph from './EventTriggerGraph';
 
-const EventTab = ({ className }: { className?: string }) => {
+const EventTab = ({
+    className,
+    onChange = () => {}
+}: {
+    className?: string;
+    onChange?: (value: IEventTrigger) => void;
+}) => {
     const [currentEvent, setCurrentEvent] = useState<IEvent | null>(null);
 
     const [currentEventFilter, setCurrentEventFilter] = useState<IEventFilter | null>(
@@ -33,6 +39,12 @@ const EventTab = ({ className }: { className?: string }) => {
 
     const [formMode, setFormMode] = useState<string>('normal');
 
+    useEffect(() => {
+        if (formData) {
+            onChange(formData);
+        }
+    }, [formData]);
+
     const handleSelectEvent = (eventId: string) => {
         const selectedEvent = Events.find((event) => event.id === eventId);
         if (selectedEvent) {
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 15ad9273..24d584d4 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -25,19 +25,18 @@ export const mapFormFunctionToTriggerConfiguration = (
         frequency: item.cronValue?.frequency || '* * * * *'
     };
 
-    // if (item.type === 'EVENT') {
-    //     return {
-    //         type: item.type,
-    //         action: {
-    //             function_name: item.id,
-    //             parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
-    //         },
-    //         data: {
-    //             event: 'VoteEvent',
-    //             parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
-    //         }
-    //     };
-    // }
+    if (item.type === 'EVENT') {
+        if (item.eventValue) {
+            return {
+                type: item.type,
+                action: {
+                    function_name: item.id,
+                    parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
+                },
+                data: item.eventValue
+            };
+        }
+    }
 
     if (item.id === 'delegation') {
         return {

From 67a4966b51c5fc204af1dbb43c2a2316dcef0225 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 11:52:55 +0545
Subject: [PATCH 17/42] chore: persist event trigger config between trigger
 toggle

---
 .../components/FunctionForm.tsx               |   2 +-
 .../components/event/EventTab.tsx             | 104 +++++++++++-------
 .../components/event/EventTriggerGraph.tsx    |  30 +++--
 3 files changed, 83 insertions(+), 53 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 7bb276eb..523e621c 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -226,7 +226,6 @@ export const FunctionForm = ({
                     )}
                 </div>
                 {functionState?.parameters &&
-                    functionState.type == 'CRON' &&
                     renderParameters(
                         functionState.parameters,
                         handleParameterChange,
@@ -277,6 +276,7 @@ export const FunctionForm = ({
                                 eventValue: eventTrigger
                             });
                         }}
+                        savedEventTrigger={functionState?.eventValue}
                     />
                 )}
             </div>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index b4076a87..a281d2fd 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -22,9 +22,11 @@ import NodeGraph from './EventTriggerGraph';
 
 const EventTab = ({
     className,
+    savedEventTrigger,
     onChange = () => {}
 }: {
     className?: string;
+    savedEventTrigger?: IEventTrigger;
     onChange?: (value: IEventTrigger) => void;
 }) => {
     const [currentEvent, setCurrentEvent] = useState<IEvent | null>(null);
@@ -35,7 +37,9 @@ const EventTab = ({
 
     const [isInfoVisible, setIsInfoVisible] = useState(false);
 
-    const [formData, setFormData] = useState<IEventTrigger | null>(null);
+    const [formData, setFormData] = useState<IEventTrigger | null>(
+        savedEventTrigger || null
+    );
 
     const [formMode, setFormMode] = useState<string>('normal');
 
@@ -45,6 +49,27 @@ const EventTab = ({
         }
     }, [formData]);
 
+    useEffect(() => {
+        if (savedEventTrigger) {
+            const savedEvent = Events.find(
+                (event) => event.id === savedEventTrigger?.id
+            );
+            if (savedEvent) {
+                setCurrentEvent(savedEvent);
+            }
+            const lastEventFilter = savedEvent?.filters.find(
+                (filter) =>
+                    filter.id ===
+                    savedEventTrigger?.parameters[
+                        savedEventTrigger?.parameters.length - 1
+                    ]?.id
+            );
+            if (lastEventFilter) {
+                setCurrentEventFilter(lastEventFilter);
+            }
+        }
+    }, []);
+
     const handleSelectEvent = (eventId: string) => {
         const selectedEvent = Events.find((event) => event.id === eventId);
         if (selectedEvent) {
@@ -239,9 +264,7 @@ const EventTab = ({
                             value: item.id
                         })) || []
                     }
-                    defaultValue={
-                        `${currentEvent?.label} filters` || 'Add Event Filter'
-                    }
+                    defaultValue={`${currentEvent?.label || 'Event'} filters`}
                     label="Event Filter"
                     onSelect={handleAddEventFilter}
                     disabled={currentEvent === null}
@@ -257,7 +280,7 @@ const EventTab = ({
                 />
             </div>
             <div className="h-[600px] w-full items-center scroll-auto">
-                {formData && formMode === 'normal' && <NodeGraph data={formData} />}
+                {formMode === 'normal' && <NodeGraph data={formData} />}
                 {formData && formMode === 'json' && (
                     <div className="h-full overflow-y-auto bg-neutral-100 p-12">
                         <pre>
@@ -266,40 +289,42 @@ const EventTab = ({
                     </div>
                 )}
             </div>
-            {currentEventFilter && (
-                <Card className="min-h-[200px] bg-gray-200">
-                    <div className="mb-8 flex items-end justify-between">
-                        <nav className="flex gap-4">
-                            {formData &&
-                                formData?.parameters.map((param, index) => (
-                                    <div
-                                        key={index}
-                                        className={cn(
-                                            'cursor-pointer font-semibold',
+            <Card className="min-h-[200px] bg-gray-200">
+                <div className="mb-8 flex items-end justify-between">
+                    <nav className="flex gap-4">
+                        {formData &&
+                            formData?.parameters.map((param, index) => (
+                                <div
+                                    key={index}
+                                    className={cn(
+                                        'cursor-pointer font-semibold',
+                                        currentEventFilter &&
                                             currentEventFilter.id === param.id &&
-                                                'text-brand-Blue-200 underline underline-offset-4'
-                                        )}
-                                        onClick={() =>
-                                            handleSelectEventFilter(param.id as string)
-                                        }
-                                    >
-                                        {param.id}
-                                    </div>
-                                ))}
-                        </nav>
-                        <CustomSelect
-                            className="w-64"
-                            options={
-                                getNotSelectedEventFilterParameters()?.map((item) => ({
-                                    label: item.label,
-                                    value: item.id
-                                })) || []
-                            }
-                            defaultValue={` Add Parameters`}
-                            onSelect={handleAddParameter}
-                        />
-                    </div>
-                    {formData?.parameters.map((param, index) => {
+                                            'text-brand-Blue-200 underline underline-offset-4'
+                                    )}
+                                    onClick={() =>
+                                        handleSelectEventFilter(param.id as string)
+                                    }
+                                >
+                                    {param.id}
+                                </div>
+                            ))}
+                    </nav>
+                    <CustomSelect
+                        className="w-64"
+                        options={
+                            getNotSelectedEventFilterParameters()?.map((item) => ({
+                                label: item.label,
+                                value: item.id
+                            })) || []
+                        }
+                        disabled={currentEventFilter === null}
+                        defaultValue={` Add Parameters`}
+                        onSelect={handleAddParameter}
+                    />
+                </div>
+                {currentEventFilter &&
+                    formData?.parameters.map((param, index) => {
                         if (param.id === currentEventFilter?.id) {
                             return (
                                 <div key={index}>
@@ -341,8 +366,7 @@ const EventTab = ({
                             );
                         }
                     })}
-                </Card>
-            )}
+            </Card>
         </div>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index 07e1cd40..5c874099 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -4,7 +4,7 @@ import { IEventTrigger, IFilterNode } from '@api/agents';
 import { Canvas, EdgeData, NodeData } from 'reaflow';
 
 interface NodeGraphProps {
-    data: IEventTrigger;
+    data: IEventTrigger | null;
     className?: string;
     maxHeight?: number;
     maxWidth?: number;
@@ -92,22 +92,28 @@ export default function EventTriggerGraph({
         };
 
         // Initalize Root node and edge
-        const rootId = reduceString(data.id);
-        newNodes.push({
-            id: rootId,
-            text: data.id + ` ( ${data.operator} ) `,
-            width: getNodeWidth(data.id + ` ${data.operator} `)
-        });
-
-        data.parameters.forEach((param) => {
-            // recursivelyAddNode(param, operatorId);
-            addNodesRecursively(param, rootId);
-        });
+        if (data) {
+            const rootId = reduceString(data.id);
+            newNodes.push({
+                id: rootId,
+                text: data.id + ` ( ${data.operator} ) `,
+                width: getNodeWidth(data.id + ` ${data.operator} `)
+            });
+
+            data.parameters.forEach((param) => {
+                // recursivelyAddNode(param, operatorId);
+                addNodesRecursively(param, rootId);
+            });
+        }
 
         setNodes(newNodes);
         setEdges(newEdges);
     }, [data]);
 
+    if (!data) {
+        return <div className="h-full w-full bg-[#D2E0FB]"></div>;
+    }
+
     return (
         <Canvas
             nodes={

From b22b19cb227986f335790ec3bc9d64a40bb90b19 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 12:43:39 +0545
Subject: [PATCH 18/42] feat: add event trigger edit function

---
 .../components/FunctionForm.tsx                | 14 ++++++++++++--
 .../components/cards/InfoCard.tsx              |  4 ++--
 .../components/utils/FunctionMapper.ts         | 18 ++++--------------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 523e621c..33e3f1ce 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import React from 'react';
 
 import { TriggerType } from '@api/agents';
@@ -176,6 +176,16 @@ export const FunctionForm = ({
         }
     };
 
+    useEffect(() => {
+        if (currentFunction && editMode) {
+            currentFunction.type === 'EVENT' &&
+                setFunctionState({
+                    ...functionState,
+                    eventValue: currentFunction.eventValue
+                });
+        }
+    });
+
     return (
         <Card
             className={cn(
@@ -283,7 +293,7 @@ export const FunctionForm = ({
             <div className="flex w-full justify-end">
                 <Button
                     variant="primary"
-                    className="mt-6 w-36 "
+                    className="mt-2 w-36 "
                     size="md"
                     onClick={() => functionState && handleOnSave()}
                 >
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
index 2f26074f..4e86e340 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
@@ -24,10 +24,10 @@ export default function InfoCard({
                     { flex: visible }
                 )}
             >
-                Edit filter attributes by clicking on the filter node.
+                Create different relations between event and their paramaters
                 <br />
                 <br />
-                Toggle logic relations by clicking on the operator node.
+                For complex relations you can edit the trigger via json mode.
             </span>
         </div>
     );
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 24d584d4..f4910985 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -1,4 +1,4 @@
-import { IAgentConfiguration, ISubParameter } from '@api/agents';
+import { IAgentConfiguration, IEventTrigger, ISubParameter } from '@api/agents';
 import { TriggerType } from '@api/agents';
 import { ICronTrigger } from '@api/agents';
 import { ITemplateConfiguration } from '@api/templates';
@@ -31,7 +31,7 @@ export const mapFormFunctionToTriggerConfiguration = (
                 type: item.type,
                 action: {
                     function_name: item.id,
-                    parameters: mapParamValueToKeyValuePair(item.eventParameters || [])
+                    parameters: mapParamValueToKeyValuePair(item.parameters || [])
                 },
                 data: item.eventValue
             };
@@ -166,11 +166,6 @@ export const mapTriggerConfigurationToFormFunction = (
           }
         : undefined;
 
-    // const eventParameters =
-    //     trigger.type === 'EVENT'
-    //         ? mapKeyValuePairToParamValue(trigger.action.parameters || [])
-    //         : undefined;
-
     const final_obj = {
         id: trigger.action.function_name,
         index: '',
@@ -182,13 +177,8 @@ export const mapTriggerConfigurationToFormFunction = (
         ),
         type: trigger.type as TriggerType,
         cronValue,
-        // eventValue:
-        //     trigger.type === 'EVENT'
-        //         ? {
-        //               event: (trigger.data as any).event,
-        //               parameters: eventParameters
-        //           }
-        //         : undefined,
+        eventValue:
+            trigger.type === 'EVENT' ? (trigger.data as IEventTrigger) : undefined,
         optionValue:
             baseFunction?.parameters && baseFunction?.parameters[0].type === 'options'
                 ? populateOptionValue(trigger.action.parameters[0])

From dd4adf1c69d22449e82d5ef5f40ff779d9f2c66a Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 12:48:59 +0545
Subject: [PATCH 19/42] chore: handle event trigger post req

---
 frontend/package.json                         |  1 +
 .../Agent/shared/FunctionCardWithMeta.tsx     | 30 ++++++++++---------
 frontend/yarn.lock                            | 19 ++++++++++++
 3 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 5fbc6a85..96039df3 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
         "@emotion/styled": "^11.11.0",
         "@headlessui/react": "^1.7.18",
         "@hookform/resolvers": "^3.3.4",
+        "@monaco-editor/react": "^4.6.0",
         "@mswjs/interceptors": "^0.25.14",
         "@mui/material": "^5.15.6",
         "@mui/x-data-grid": "^6.19.1",
diff --git a/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx b/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
index 15189870..d9fb1fb8 100644
--- a/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
+++ b/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
@@ -72,21 +72,23 @@ const FunctionCardWithMeta = ({
 
             <div className="flex flex-col">{renderConfigMeta(config)}</div>
             <div className="grid w-full grid-cols-2 gap-x-4 gap-y-4 px-1">
-                <CustomCopyBox
-                    title="Trigger Probability"
-                    content={`${(config.data as ICronTrigger).probability * 100 || 100}%`}
-                    className="w-auto"
-                    showCopyIcon={false}
-                />
                 {config.type === 'CRON' && (
-                    <CustomCopyBox
-                        title="Cron Expression"
-                        content={convertCRONExpressionToReadableForm(
-                            (config.data as ICronTrigger).frequency
-                        )}
-                        className="w-auto"
-                        showCopyIcon={false}
-                    />
+                    <>
+                        <CustomCopyBox
+                            title="Trigger Probability"
+                            content={`${(config.data as ICronTrigger).probability * 100 || 100}%`}
+                            className="w-auto"
+                            showCopyIcon={false}
+                        />
+                        <CustomCopyBox
+                            title="Cron Expression"
+                            content={convertCRONExpressionToReadableForm(
+                                (config.data as ICronTrigger).frequency
+                            )}
+                            className="w-auto"
+                            showCopyIcon={false}
+                        />
+                    </>
                 )}
                 {config.action?.parameters.map((param, index) =>
                     typeof param.value === 'object' &&
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 097daad8..5d1fd1a8 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1992,6 +1992,20 @@
   dependencies:
     "@types/mdx" "^2.0.0"
 
+"@monaco-editor/loader@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@monaco-editor/loader/-/loader-1.4.0.tgz#f08227057331ec890fa1e903912a5b711a2ad558"
+  integrity sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==
+  dependencies:
+    state-local "^1.0.6"
+
+"@monaco-editor/react@^4.6.0":
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/@monaco-editor/react/-/react-4.6.0.tgz#bcc68671e358a21c3814566b865a54b191e24119"
+  integrity sha512-RFkU9/i7cN2bsq/iTkurMWOEErmYcY6JiQI3Jn+WeR/FGISH8JbHERjpS9oRuSOPvDMJI0Z8nJeKkbOs9sBYQw==
+  dependencies:
+    "@monaco-editor/loader" "^1.4.0"
+
 "@mswjs/cookies@^1.1.0":
   version "1.1.0"
   resolved "https://registry.npmjs.org/@mswjs/cookies/-/cookies-1.1.0.tgz"
@@ -16033,6 +16047,11 @@ stacktrace-parser@^0.1.10:
   dependencies:
     type-fest "^0.7.1"
 
+state-local@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/state-local/-/state-local-1.0.7.tgz#da50211d07f05748d53009bee46307a37db386d5"
+  integrity sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==
+
 statuses@2.0.1, statuses@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"

From e599e6f0c0acb1e9c7b5e4fd86758d7d0d20b9a2 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 13:10:45 +0545
Subject: [PATCH 20/42] feat: handle event trigger edit for agent function
 content

---
 .../create-template/components/TriggerTab.tsx | 201 ------------------
 .../components/FunctionForm.tsx               |   3 +-
 .../components/event/EventTab.tsx             |   1 -
 3 files changed, 1 insertion(+), 204 deletions(-)
 delete mode 100644 frontend/(pages)/templates/create-template/components/TriggerTab.tsx

diff --git a/frontend/(pages)/templates/create-template/components/TriggerTab.tsx b/frontend/(pages)/templates/create-template/components/TriggerTab.tsx
deleted file mode 100644
index 7b0acefb..00000000
--- a/frontend/(pages)/templates/create-template/components/TriggerTab.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-
-import { Card } from '@app/components/atoms/Card';
-import {
-    Tabs,
-    TabsContent,
-    TabsList,
-    TabsTrigger
-} from '@app/components/molecules/Tabs';
-
-import CustomCron from './cron/CustomCron';
-import DefaultCron from './cron/DefaultCron';
-
-export interface ICronSetting {
-    placeholder: string;
-    default: string[];
-    index: number;
-}
-
-export interface IInputSetting {
-    name: string;
-    value: string | number;
-}
-
-const defaultCronSetting: ICronSetting[] = [
-    {
-        placeholder: 'Minute',
-        default: ['*', '*', '*', '*', '*'],
-        index: 0
-    },
-    {
-        placeholder: 'Hour',
-        default: ['0', '*', '*', '*', '*'],
-        index: 1
-    },
-    {
-        placeholder: 'Day',
-        default: ['1', '0', '*', '*', '*'],
-        index: 2
-    },
-    {
-        placeholder: 'Year',
-        default: ['0', '0', '1', '1', '*'],
-        index: 4
-    }
-];
-
-export default function TriggerTab({
-    onChange,
-    defaultCron,
-    previousSelectedOption,
-    previousConfiguredSettings,
-    setTriggerType,
-    setSelectedTab,
-    onlyCronTriggerTab,
-    defaultToCustomTab = false
-}: {
-    onChange?: (
-        cronExpression: string[],
-        configuredSettings: string,
-        selectedTab: any
-    ) => void;
-    defaultCron?: any;
-    previousSelectedOption?: string;
-    previousConfiguredSettings?: IInputSetting[];
-    setTriggerType?: any;
-    setSelectedTab?: React.Dispatch<React.SetStateAction<string>>;
-    onlyCronTriggerTab?: boolean;
-    defaultToCustomTab?: boolean;
-}) {
-    const [cron, setCron] = useState<string[]>(
-        typeof defaultCron === 'string'
-            ? defaultCron.split(' ')
-            : defaultCron || ['*', '*', '*', '*', '*']
-    );
-
-    /* State for persisiting custom cron settings when switching tabs*/
-    const [, setCustomCron] = useState<string[]>(['*', '*', '*', '*', '*']);
-
-    /* state for persisiting user cron settings when switching tabs*/
-
-    const [defaultSelected, setDefaultSelected] = useState(
-        previousSelectedOption || 'Minute-option-one'
-    );
-
-    const defaultSelectedCronTab =
-        (defaultToCustomTab && 'Custom') ||
-        previousSelectedOption?.split('-')[0] ||
-        'Minute';
-
-    const initialSettings: IInputSetting[] = [
-        { name: 'Minute-option-two', value: 1 },
-        { name: 'Minute-option-three-start', value: 0 },
-        { name: 'Minute-option-three-end', value: 1 },
-        { name: 'Hour-option-two', value: 1 },
-        { name: 'Hour-option-three-start', value: 0 },
-        { name: 'Hour-option-three-end', value: 1 },
-        { name: 'Day-option-two', value: 1 },
-        { name: 'Day-option-three-start', value: 0 },
-        { name: 'Day-option-three-end', value: 1 },
-        { name: 'Year-option-two', value: 1 },
-        { name: 'Year-option-three-start', value: 0 },
-        { name: 'Year-option-three-end', value: 1 }
-    ];
-
-    const [configuredSettings, setConfiguredSettings] = useState<IInputSetting[]>(
-        previousConfiguredSettings || initialSettings
-    );
-
-    function saveCronConfiguration(setting: IInputSetting) {
-        const newSettings: IInputSetting[] = configuredSettings.map((item) => {
-            if (item.name === setting.name) {
-                return {
-                    name: setting.name,
-                    value: setting.value
-                };
-            } else {
-                return item;
-            }
-        });
-        setConfiguredSettings(newSettings);
-    }
-
-    function onChangeCustomCron(customSelectedCron: string[]) {
-        setDefaultSelected('');
-        setCustomCron(customSelectedCron);
-        setCron(customSelectedCron);
-    }
-
-    useEffect(() => {
-        const cronExpression = cron.map((item) => item);
-        onChange?.(cronExpression, defaultSelected, configuredSettings);
-    }, [cron]);
-
-    return (
-        <Tabs defaultValue="Cron">
-            {onlyCronTriggerTab ? (
-                <></>
-            ) : (
-                <TabsList className="mb-4 w-full justify-start gap-6 rounded-none border-b-[1px] pl-0">
-                    <TabsTrigger value="Cron" onClick={() => setSelectedTab?.('CRON')}>
-                        Cron Trigger
-                    </TabsTrigger>
-                    <TabsTrigger
-                        value="Event"
-                        onClick={() => setSelectedTab?.('EVENT')}
-                    >
-                        Event Trigger
-                    </TabsTrigger>
-                </TabsList>
-            )}
-            <Card className="border-brand-gray-100 min-h-[160px] w-full border-[1px] bg-white p-0 pb-5">
-                <TabsContent value="Cron">
-                    <Tabs defaultValue={defaultSelectedCronTab}>
-                        <TabsList className=" w-full justify-start gap-6 rounded-none border-b-[1px] bg-brand-Azure-400 pl-4">
-                            <TabsTrigger value="Minute">Minute</TabsTrigger>
-                            <TabsTrigger value="Hour">Hour</TabsTrigger>
-                            <TabsTrigger value="Day">Day</TabsTrigger>
-                            <TabsTrigger value="Year">Year</TabsTrigger>
-                            <TabsTrigger value="Custom">Custom</TabsTrigger>
-                        </TabsList>
-                        <div className="mt-2 flex flex-col bg-white pl-3 pt-2">
-                            {defaultCronSetting.map((item: ICronSetting, index) => (
-                                <TabsContent value={item.placeholder} key={index}>
-                                    <DefaultCron
-                                        cronSetting={item}
-                                        onChange={setCron}
-                                        defaultSelected={defaultSelected}
-                                        setDefaultSelected={setDefaultSelected}
-                                        saveConfiguration={saveCronConfiguration}
-                                        configuredSettings={configuredSettings}
-                                    />
-                                </TabsContent>
-                            ))}
-                            <TabsContent value="Custom">
-                                <CustomCron
-                                    customCron={cron}
-                                    onChange={onChangeCustomCron}
-                                />
-                            </TabsContent>
-                        </div>
-                    </Tabs>
-                </TabsContent>
-                <TabsContent value="Event" className={'p-4'}>
-                    <div className={'flex flex-row gap-4'}>
-                        <span>Vote on all proposal</span>
-                        <input
-                            type="checkbox"
-                            name={'VoteEvent'}
-                            value={'EVENT'}
-                            onChange={(e) => setTriggerType(e.target.value)}
-                            className={'h-5 w-5'}
-                        />
-                    </div>
-                </TabsContent>
-            </Card>
-        </Tabs>
-    );
-}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 33e3f1ce..c1680199 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -131,7 +131,6 @@ export const FunctionForm = ({
 
     const checkAllRequiredFieldsAreFilled = () => {
         if (functionState?.type === 'EVENT') {
-            //event type has no parameter for now
             return true;
         }
 
@@ -184,7 +183,7 @@ export const FunctionForm = ({
                     eventValue: currentFunction.eventValue
                 });
         }
-    });
+    },[]);
 
     return (
         <Card
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index a281d2fd..ebf3e963 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -204,7 +204,6 @@ const EventTab = ({
                 )
             };
             setFormData(data);
-            console.log(formData);
         }
     };
 

From 834c97782eb53483591cc26ad9e2b8d2117d0b92 Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 19 Nov 2024 16:21:32 +0545
Subject: [PATCH 21/42] feat: add custom editor

---
 .../components/FunctionForm.tsx               |  2 +-
 .../components/event/CustomEditor.tsx         | 32 ++++++++++++
 .../components/event/EventTab.tsx             | 50 +++++++++++--------
 .../components/event/EventTriggerGraph.tsx    |  7 ++-
 4 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index c1680199..834f574e 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -183,7 +183,7 @@ export const FunctionForm = ({
                     eventValue: currentFunction.eventValue
                 });
         }
-    },[]);
+    }, []);
 
     return (
         <Card
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
new file mode 100644
index 00000000..1d687aa0
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
@@ -0,0 +1,32 @@
+import { IEventTrigger } from '@api/agents';
+import Editor from '@monaco-editor/react';
+import { X } from 'lucide-react';
+
+export default function CustomEditor({
+    defaultValue,
+    onClose,
+    onValueChange
+}: {
+    defaultValue: IEventTrigger | null;
+    onClose: () => void;
+    onValueChange: (data: IEventTrigger) => void;
+}) {
+    return (
+        <>
+            <Editor
+                height={'100%'}
+                width={'100%'}
+                defaultLanguage="json"
+                className="rounded-xl"
+                // defaultValue={JSON.stringify(defaultValue, null, 2) || ''}
+                theme="vs-dark"
+                value={JSON.stringify(defaultValue, null, 2) || '{}'}
+                onChange={(data) => data && onValueChange(JSON.parse(data))}
+            ></Editor>
+            <X
+                className="text-black-200 absolute right-2 top-2 cursor-pointer bg-white"
+                onClick={onClose}
+            />
+        </>
+    );
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index ebf3e963..a1ded924 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
 import { ChevronDown } from 'lucide-react';
-import { FileJson, Parentheses } from 'lucide-react';
+import { FileJson } from 'lucide-react';
 
 import { Card } from '@app/components/atoms/Card';
 import { Checkbox } from '@app/components/atoms/Checkbox';
@@ -14,9 +14,11 @@ import {
 } from '@app/components/atoms/DropDownMenu';
 import { Input } from '@app/components/atoms/Input';
 import { cn } from '@app/components/lib/utils';
+import { ErrorToast } from '@app/components/molecules/CustomToasts';
 
 import { CustomSelect } from '../../../../../../components/molecules/CustomDropDown';
 import InfoCard from '../cards/InfoCard';
+import CustomEditor from './CustomEditor';
 import { Events, IEvent, IEventFilter } from './EventTrigger';
 import NodeGraph from './EventTriggerGraph';
 
@@ -41,7 +43,7 @@ const EventTab = ({
         savedEventTrigger || null
     );
 
-    const [formMode, setFormMode] = useState<string>('normal');
+    const [proMode, setProMode] = useState(false);
 
     useEffect(() => {
         if (formData) {
@@ -223,22 +225,21 @@ const EventTab = ({
         );
     };
 
+    const updateFormDataFromEditor = (data: any) => {
+        try {
+            const parsedData = JSON.parse(data);
+            setFormData(parsedData);
+        } catch (error) {
+            ErrorToast('Invalid JSON');
+        }
+    };
+
     return (
         <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
             <div className="absolute right-8 flex gap-2 rounded-md bg-gray-200 p-2">
-                <Parentheses
-                    className={cn(
-                        'cursor-pointer',
-                        formMode === 'normal' && 'text-brand-Blue-200'
-                    )}
-                    onClick={() => setFormMode('normal')}
-                />
                 <FileJson
-                    className={cn(
-                        'cursor-pointer',
-                        formMode === 'json' && 'text-brand-Blue-200'
-                    )}
-                    onClick={() => setFormMode('json')}
+                    className={cn('cursor-pointer', proMode && 'text-brand-Blue-200')}
+                    onClick={() => setProMode(!proMode)}
                 />
             </div>
             <div className="flex gap-2">
@@ -279,14 +280,7 @@ const EventTab = ({
                 />
             </div>
             <div className="h-[600px] w-full items-center scroll-auto">
-                {formMode === 'normal' && <NodeGraph data={formData} />}
-                {formData && formMode === 'json' && (
-                    <div className="h-full overflow-y-auto bg-neutral-100 p-12">
-                        <pre>
-                            <code>{JSON.stringify(formData, null, 2)}</code>
-                        </pre>
-                    </div>
-                )}
+                <NodeGraph data={formData} />
             </div>
             <Card className="min-h-[200px] bg-gray-200">
                 <div className="mb-8 flex items-end justify-between">
@@ -366,6 +360,18 @@ const EventTab = ({
                         }
                     })}
             </Card>
+            <div
+                className={cn(
+                    'transition-duration-300 fixed right-4 top-1/2 h-[80vh] w-[500px] -translate-y-1/2 transition-all ease-in-out',
+                    !proMode && 'hidden'
+                )}
+            >
+                <CustomEditor
+                    defaultValue={formData}
+                    onClose={() => setProMode(false)}
+                    onValueChange={updateFormDataFromEditor}
+                />
+            </div>
         </div>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index 5c874099..661f0a27 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -94,10 +94,13 @@ export default function EventTriggerGraph({
         // Initalize Root node and edge
         if (data) {
             const rootId = reduceString(data.id);
+            const text = data.negate
+                ? 'NOT ( ' + data.id + ` ( ${data.operator} ) ` + ')'
+                : data.id + ` ( ${data.operator} ) `;
             newNodes.push({
                 id: rootId,
-                text: data.id + ` ( ${data.operator} ) `,
-                width: getNodeWidth(data.id + ` ${data.operator} `)
+                text: text,
+                width: getNodeWidth(text)
             });
 
             data.parameters.forEach((param) => {

From 30a63c60a4d85c5a33b467d11f32b3f55e807b6f Mon Sep 17 00:00:00 2001
From: Joseph Rana <josephranamgr7@gmail.com>
Date: Tue, 12 Nov 2024 15:47:15 +0545
Subject: [PATCH 22/42] feat: add new event trigger model

---
 api/backend/app/models/trigger/trigger_dto.py | 60 +++++++++++--------
 api/backend/app/models/trigger/utils.py       | 22 +++++++
 .../template_trigger_repository.py            |  7 +--
 .../app/repositories/trigger_repository.py    | 13 ++--
 4 files changed, 68 insertions(+), 34 deletions(-)
 create mode 100644 api/backend/app/models/trigger/utils.py

diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index f3dfca54..da5899e0 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -1,4 +1,4 @@
-from typing import Union, Optional, Any
+from typing import Union, Optional, Any, Literal
 from pydantic import BaseModel, json
 from croniter import croniter
 
@@ -15,9 +15,9 @@ class SubParameter(BaseModel):
     value: Any
 
 
-class EventTriggerDTO(BaseModel):
-    event: str
-    parameters: Optional[list[SubParameter]]
+# class EventTriggerDTO(BaseModel):
+#     event: str
+#     parameters: Optional[list[SubParameter]]
 
 
 class Action(BaseModel):
@@ -25,28 +25,40 @@ class Action(BaseModel):
     parameters: list[SubParameter]
 
 
-class TriggerCreateDTO(BaseModel):
-    type: str
-    action: Optional[Action] = None
-    data: Optional[Union[CronTriggerDTO, EventTriggerDTO]] = None
+# For Event Based Trigger
+
+BooleanOperator = Literal["AND", "OR"]
+ComparisonOperator = Literal["equals", "greaterThan", "lessThan", "in"]
+
+
+class Field(BaseModel):
+    id: Union[str, list[str]]
+    value: Any
+    negate: bool
+    operator: ComparisonOperator
+
 
+class ChildrenFields(BaseModel):
+    children: list["FilterNode"]
+    negate: bool
+    operator: BooleanOperator
 
-# validation for cron expression
-async def validate_type_CRON(cron_expression: str, probability: float):
-    try:
-        croniter(cron_expression)
-    except ValueError as e:
-        raise HTTPException(400, f"Invalid CRON expression")
-        # Validate probability
-    if probability < 0 or probability > 1:
-        raise HTTPException(400, "Probability must be between 0 and 1 (inclusive)")
 
+# FilterNode - recursive model
+FilterNode = Union[Field, ChildrenFields]
 
-# validation for Topic
-async def validate_type_EVENT(value: str):
-    try:
-        if value.isnumeric():
-            raise HTTPException(400, f"Invalid topic :")
 
-    except ValueError as e:
-        return f"Validation error: {e}"
+class EventTriggerDTO(BaseModel):
+    id: Union[str, list[str]]
+    parameters: list[FilterNode]
+    negate: bool
+    operator: BooleanOperator
+
+
+ChildrenFields.update_forward_refs()  # To allow model to reference another model that has not been defined yet
+
+
+class TriggerCreateDTO(BaseModel):
+    type: str
+    action: Optional[Action] = None
+    data: Optional[Union["CronTriggerDTO", "EventTriggerDTO"]] = None
diff --git a/api/backend/app/models/trigger/utils.py b/api/backend/app/models/trigger/utils.py
new file mode 100644
index 00000000..dd306fe8
--- /dev/null
+++ b/api/backend/app/models/trigger/utils.py
@@ -0,0 +1,22 @@
+from backend.app.models.trigger.trigger_dto import EventTriggerDTO
+from backend.app.exceptions import HTTPException
+from croniter import croniter
+
+
+def validate_type_EVENT(data: any):
+    try:
+        EventTriggerDTO.parse_raw(data.json())
+    except Exception as e:
+        raise HTTPException(
+            status_code=402, content="Unprocessable Entity , Data is not an intatnce of Event Trigger Dto"
+        )
+
+
+def validate_type_CRON(cron_expression: str, probability: float):
+    try:
+        croniter(cron_expression)
+    except ValueError as e:
+        raise HTTPException(400, f"Invalid CRON expression")
+        # Validate probability
+    if probability < 0 or probability > 1:
+        raise HTTPException(400, "Probability must be between 0 and 1 (inclusive)")
diff --git a/api/backend/app/repositories/template_trigger_repository.py b/api/backend/app/repositories/template_trigger_repository.py
index 85c22a27..4641cacd 100644
--- a/api/backend/app/repositories/template_trigger_repository.py
+++ b/api/backend/app/repositories/template_trigger_repository.py
@@ -8,15 +8,14 @@
 from prisma import Prisma
 
 from backend.app.models import (
-    validate_type_CRON,
     CronTriggerDTO,
     EventTriggerDTO,
     TemplateTriggerResponse,
     TemplateTriggerCreateDto,
     TriggerCreateDTO,
-    validate_type_EVENT,
 )
 from backend.config.database import prisma_connection
+from backend.app.models.trigger.utils import validate_type_EVENT, validate_type_CRON
 
 
 class TemplateTriggerRepository:
@@ -28,9 +27,9 @@ async def save_template_trigger(self, transaction: Prisma, template_id: str, tem
         template_data_dict = template_data.dict()
 
         if template_data.type == "CRON":
-            await validate_type_CRON(template_data.data.frequency, template_data.data.probability)
+            validate_type_CRON(template_data.data.frequency, template_data.data.probability)
         elif template_data.type == "EVENT":
-            await validate_type_EVENT(template_data.data.event)
+            validate_type_EVENT(template_data.data.event)
         else:
             raise HTTPException(status_code=400, content=f"Invalid Trigger Type {template_data.type}")
 
diff --git a/api/backend/app/repositories/trigger_repository.py b/api/backend/app/repositories/trigger_repository.py
index f5fc6fa3..a25d9b4d 100644
--- a/api/backend/app/repositories/trigger_repository.py
+++ b/api/backend/app/repositories/trigger_repository.py
@@ -9,10 +9,11 @@
     TriggerCreateDTO,
     CronTriggerDTO,
     EventTriggerDTO,
-    validate_type_CRON,
-    validate_type_EVENT,
 )
 from backend.config.database import prisma_connection
+from backend.app.models.trigger.trigger_dto import EventTriggerDTO
+from backend.config.logger import logger
+from backend.app.models.trigger.utils import validate_type_CRON, validate_type_EVENT
 
 
 class TriggerRepository:
@@ -21,9 +22,9 @@ def __init__(self, db_connection=None):
 
     async def save_trigger(self, agent_id: str, trigger_data: TriggerCreateDTO):
         if trigger_data.type == "CRON":
-            await validate_type_CRON(trigger_data.data.frequency, trigger_data.data.probability)
+            validate_type_CRON(trigger_data.data.frequency, trigger_data.data.probability)
         elif trigger_data.type == "EVENT":
-            await validate_type_EVENT(trigger_data.data.event)
+            validate_type_EVENT(trigger_data.data)
         else:
             raise HTTPException(status_code=400, content=f"Invalid Trigger Type {trigger_data.type}")
         trigger_data_dict = trigger_data.dict()
@@ -93,10 +94,10 @@ async def modify_trigger_by_id(self, trigger_id: str, trigger_data: TriggerCreat
 
         # validation for CRON nad TOPIC
         if trigger_data.type == "CRON":
-            await validate_type_CRON(trigger_data.data.frequency, trigger_data.data.probability)
+            validate_type_CRON(trigger_data.data.frequency, trigger_data.data.probability)
 
         if trigger_data.type == "EVENT":
-            await validate_type_EVENT(trigger_data.data.event)
+            validate_type_EVENT(trigger_data.data)
 
         # for config data
         data_dict = updated_data_dict.pop("data")

From ff6b504c2cf8fc270f4240e3eab0ef1aa511f2e9 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Mon, 16 Dec 2024 10:52:58 +0545
Subject: [PATCH 23/42] Make eventTriggerDto optional

---
 api/backend/app/models/trigger/trigger_dto.py | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index da5899e0..43051b2c 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -1,8 +1,6 @@
 from typing import Union, Optional, Any, Literal
-from pydantic import BaseModel, json
-from croniter import croniter
 
-from backend.app.exceptions import HTTPException
+from pydantic import BaseModel
 
 
 class CronTriggerDTO(BaseModel):
@@ -49,10 +47,10 @@ class ChildrenFields(BaseModel):
 
 
 class EventTriggerDTO(BaseModel):
-    id: Union[str, list[str]]
-    parameters: list[FilterNode]
-    negate: bool
-    operator: BooleanOperator
+    id: Optional[Union[str, list[str]]]
+    parameters: Optional[list[FilterNode]]
+    negate: Optional[bool]
+    operator: Optional[BooleanOperator]
 
 
 ChildrenFields.update_forward_refs()  # To allow model to reference another model that has not been defined yet

From 5c57ec2dcc06d4b054b5f0ee150b4c93fa670662 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Wed, 18 Dec 2024 16:53:09 +0545
Subject: [PATCH 24/42] Enhancement: Add support for output property as event
 filter

---
 agent-manager/package.json                    |    2 +-
 agent-manager/yarn.lock                       |    8 +-
 agent-node/package.json                       |    2 +-
 agent-node/src/service/EventTriggerHandler.ts |  149 +-
 agent-node/src/service/RpcTopicHandler.ts     |    5 +-
 agent-node/src/utils/eventFilterFormatter.ts  |   48 +
 agent-node/src/utils/validator.ts             |   31 +-
 agent-node/yarn.lock                          |    8 +-
 api/backend/app/models/trigger/trigger_dto.py |    5 +-
 frontend/package.json                         |    1 +
 frontend/src/api/agents.ts                    |    4 +-
 frontend/src/api/trigger.ts                   |    1 +
 .../components/event/EventTab.tsx             |  124 +-
 .../components/event/EventTrigger.ts          |  104 +-
 .../components/event/EventTriggerGraph.tsx    |    3 +-
 .../Agent/AgentContent/Functions.tsx          |    8 +-
 .../Agent/AgentContent/FunctionsContainer.tsx |    8 +-
 .../components/Agent/AgentContent/Logs.tsx    |  151 +-
 frontend/yarn.lock                            | 2195 ++++++++++++++++-
 19 files changed, 2573 insertions(+), 284 deletions(-)
 create mode 100644 agent-node/src/utils/eventFilterFormatter.ts

diff --git a/agent-manager/package.json b/agent-manager/package.json
index b738d730..691e708d 100644
--- a/agent-manager/package.json
+++ b/agent-manager/package.json
@@ -24,7 +24,7 @@
         "express": "^4.19.2",
         "kafkajs": "^2.2.4",
         "kuber-client": "^3.0.3",
-        "libcardano": "1.4.3",
+        "libcardano": "1.4.11",
         "luxon": "^3.4.4",
         "prisma": "^5.13.0",
         "swagger-jsdoc": "^6.2.8",
diff --git a/agent-manager/yarn.lock b/agent-manager/yarn.lock
index ad0b0be9..f2329f69 100644
--- a/agent-manager/yarn.lock
+++ b/agent-manager/yarn.lock
@@ -2684,10 +2684,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.3.tgz#a3dc20452e1520b65fa32621337de62413a3cd5c"
-  integrity sha512-5R5aE+WHwC1wxFLH4fVjXeQh0WbOLCBZKcFmbVYvGwWy2TMaqspncy8QMclqD03x8GtdK7yWEFTp9buGP9/eTw==
+libcardano@1.4.11:
+  version "1.4.11"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.11.tgz#ffe0f1f63a4a9bb940e87a5b5b68284cbbbaa1a7"
+  integrity sha512-rl/okJH27NBGwOx7VTgBkOJe4q6vBbBE4FbPrXXDhgLgI55004K0ODK0R4+3HCHAL8TtnXPqPRJXE5vvO++lIQ==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"
diff --git a/agent-node/package.json b/agent-node/package.json
index aa120237..d4675574 100644
--- a/agent-node/package.json
+++ b/agent-node/package.json
@@ -23,7 +23,7 @@
         "bech32": "^2.0.0",
         "dotenv": "^16.4.5",
         "kuber-client": "^2.0.0",
-        "libcardano": "1.4.4",
+        "libcardano": "1.4.11",
         "luxon": "^3.4.4",
         "node-cron": "^3.0.3",
         "ws": "^8.18.0"
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index a3281274..9f853004 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -1,13 +1,13 @@
-import {ManagerInterface} from './ManagerInterfaceService'
-import {Transaction} from 'libcardano/cardano/ledger-serialization/transaction'
-import {AgentRunner} from '../executor/AgentRunner'
+import { ManagerInterface } from './ManagerInterfaceService'
+import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
+import { AgentRunner } from '../executor/AgentRunner'
+import { compareValue } from '../utils/validator'
 import {
-    compareValue,
-} from '../utils/validator'
-import {IBooleanNode, IEventBasedAction, IFieldNode, IFilterNode} from "../types/eventTriger";
-import {node} from "globals";
-import {bech32} from "bech32";
-import {rewardAddressRawBytes} from "../utils/cardano";
+    IBooleanNode,
+    IEventBasedAction,
+    IFieldNode,
+    IFilterNode,
+} from '../types/eventTriger'
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
@@ -21,9 +21,7 @@ export class EventTriggerHandler {
         if (this.eventBasedActions.length) {
             transactions.forEach((tx: Transaction) => {
                 this.eventBasedActions.forEach((eventBasedAction) => {
-                    const handler = (this as any)[
-                        'transactionHandler'
-                        ]
+                    const handler = (this as any)['transactionHandler']
                     if (handler !== undefined && handler !== 'constructor') {
                         handler.bind(this)(tx, eventBasedAction, agentRunners)
                     }
@@ -39,25 +37,32 @@ export class EventTriggerHandler {
     ) {
         let result
         try {
-            console.log("Tx:", tx.hash.toString('hex'), "tx.outputs=", tx.body.outputs.length, "inputs=", tx.body.inputs.length)
-            result = this.solveNode({tx: tx.body, transaction: tx.body}, eventBasedAction.eventTrigger, [])
-            console.log("tx=", tx.hash.toString('hex'), "solution=", result)
+            console.log(
+                'Tx:',
+                tx.hash.toString('hex'),
+                'tx.outputs=',
+                tx.body.outputs.length,
+                'inputs=',
+                tx.body.inputs.length
+            )
+            result = this.solveNode(
+                { tx: tx.body, transaction: tx.body },
+                eventBasedAction.eventTrigger,
+                []
+            )
+            console.log('tx=', tx.hash.toString('hex'), 'solution=', result)
         } catch (e) {
-            console.error("Error handling event", e);
+            console.error('Error handling event', e)
             return
         }
 
-        const {function_name, parameters} = eventBasedAction.triggeringFunction
+        const { function_name, parameters } =
+            eventBasedAction.triggeringFunction
         if (result && agentRunners) {
-            tx.body.outputs.map((o) => {
-                const data = Buffer.from(o.address, 'hex');
-
-                // Convert binary data into 5-bit groups as needed for Bech32
-                const words = bech32.toWords(data);
-
-                // Encode with Bech32 using the given prefix (usually 'stake')
-                const a = bech32.encode('addr_test', words, 114);
-                console.log('Hello world',a )
+            tx.body.outputs.map((o, index) => {
+                console.log(
+                    'output_address_' + index + ' ' + o.address.toBech32()
+                )
             })
             agentRunners.forEach((runner, index) => {
                 runner.invokeFunction(
@@ -70,17 +75,40 @@ export class EventTriggerHandler {
         }
     }
 
-    solveNode(targetObject: any, filterNode: IFilterNode, parentNodes: string[]) {
-        return this.solveNodeInternal(targetObject,filterNode,filterNode.id,parentNodes)
-  }
-
-    solveNodeInternal(targetObject: any, filterNode: IFilterNode, nodes: string[] | string | undefined, parent_nodes: string[]): boolean {
+    solveNode(
+        targetObject: any,
+        filterNode: IFilterNode,
+        parentNodes: string[]
+    ) {
+        return this.solveNodeInternal(
+            targetObject,
+            filterNode,
+            filterNode.id,
+            parentNodes
+        )
+    }
 
+    solveNodeInternal(
+        targetObject: any,
+        filterNode: IFilterNode,
+        nodes: string[] | string | undefined,
+        parent_nodes: string[]
+    ): boolean {
         if (nodes === undefined || nodes.length == 0) {
-            let result = 'children' in filterNode ? this.solveBooleanNode(targetObject, filterNode, parent_nodes)
-                : this.solveFieldNode(targetObject, filterNode, parent_nodes)
+            const result =
+                'children' in filterNode
+                    ? this.solveBooleanNode(
+                          targetObject,
+                          filterNode,
+                          parent_nodes
+                      )
+                    : this.solveFieldNode(
+                          targetObject,
+                          filterNode,
+                          parent_nodes
+                      )
             return filterNode.negate ? !result : result
-        } else if (typeof nodes === "string") {
+        } else if (typeof nodes === 'string') {
             nodes = [nodes]
         }
 
@@ -88,7 +116,7 @@ export class EventTriggerHandler {
         const propertyValue = targetObject[nodes[0]]
         parent_nodes.push(nodes[0])
 
-        let subArray = nodes.slice(1)
+        const subArray = nodes.slice(1)
         if (Array.isArray(propertyValue)) {
             const node_pos = parent_nodes.length
             parent_nodes.push('')
@@ -97,34 +125,65 @@ export class EventTriggerHandler {
                     return acc
                 }
                 parent_nodes[node_pos] = index.toString()
-                const result = this.solveNodeInternal(node, filterNode, subArray, parent_nodes)
-                console.log(parent_nodes.join('.'), ": result=", result)
+                const result = this.solveNodeInternal(
+                    node,
+                    filterNode,
+                    subArray,
+                    parent_nodes
+                )
+                console.log(parent_nodes.join('.'), ': result=', result)
                 return result
             }, false)
             parent_nodes.pop()
         } else {
-            result = this.solveNodeInternal(propertyValue, filterNode, subArray, parent_nodes)
+            result = this.solveNodeInternal(
+                propertyValue,
+                filterNode,
+                subArray,
+                parent_nodes
+            )
         }
         parent_nodes.pop()
         return result
-
     }
 
-    solveBooleanNode(targetObject: any, filterNode: IBooleanNode, parent_nodes: string[] = []): boolean {
-        let orOperator = (a: boolean, b: boolean) => a || b
+    solveBooleanNode(
+        targetObject: any,
+        filterNode: IBooleanNode,
+        parent_nodes: string[] = []
+    ): boolean {
+        const orOperator = (a: boolean, b: boolean) => a || b
         let operator = orOperator
         if (filterNode.operator === 'AND') {
             operator = (a: boolean, b: boolean) => a && b
         }
         const result = filterNode.children.reduce((acc, node) => {
-            return operator(acc, this.solveNodeInternal(targetObject, node, node.id, parent_nodes))
+            return operator(
+                acc,
+                this.solveNodeInternal(
+                    targetObject,
+                    node,
+                    node.id,
+                    parent_nodes
+                )
+            )
         }, operator !== orOperator)
-        console.log("id=", filterNode.id, "operator=", filterNode.operator, "result=", result)
+        console.log(
+            'id=',
+            filterNode.id,
+            'operator=',
+            filterNode.operator,
+            'result=',
+            result
+        )
         return result
     }
 
-    solveFieldNode(targetObject: any, filterNode: IFieldNode, parent_nodes: string[]): boolean {
-
+    solveFieldNode(
+        targetObject: any,
+        filterNode: IFieldNode,
+        parent_nodes: string[]
+    ): boolean {
         return compareValue(
             filterNode.operator,
             filterNode.value,
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index c9773001..f581447b 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -7,6 +7,7 @@ import { checkIfAgentWithEventTriggerTypeExists } from '../utils/agent'
 import { ScheduledTask } from 'node-cron'
 import { AgentRunner } from '../executor/AgentRunner'
 import { EventTriggerHandler } from './EventTriggerHandler'
+import { formatEventFilter } from '../utils/eventFilterFormatter'
 
 export class RpcTopicHandler {
     managerInterface: ManagerInterface
@@ -51,8 +52,10 @@ export class RpcTopicHandler {
         scheduledTasks: ScheduledTask[]
     ) {
         const { configurations } = message
-        const eventBasedActions =
+        const eventBasedActions = formatEventFilter(
             checkIfAgentWithEventTriggerTypeExists(configurations)
+        )
+        console.log('hello : ', eventBasedActions)
         if (eventBasedActions) {
             this.eventTriggerHandlers.addEventActions(eventBasedActions)
         }
diff --git a/agent-node/src/utils/eventFilterFormatter.ts b/agent-node/src/utils/eventFilterFormatter.ts
new file mode 100644
index 00000000..e8c6e39c
--- /dev/null
+++ b/agent-node/src/utils/eventFilterFormatter.ts
@@ -0,0 +1,48 @@
+import { IEventBasedAction } from '../types/eventTriger'
+
+function restructureData(obj: any) {
+    const ids: any = []
+
+    function flattenChildren(node: any) {
+        if (node.id) {
+            ids.push(node.id) // Push id to ids array
+        }
+
+        if (Array.isArray(node.children)) {
+            let flatChildren: any = []
+            for (const child of node.children) {
+                if (child.children) {
+                    flatChildren = flatChildren.concat(flattenChildren(child))
+                } else {
+                    flatChildren.push(child)
+                }
+            }
+            return flatChildren
+        }
+        return []
+    }
+
+    const flatChildren = flattenChildren(obj)
+
+    return {
+        id: ids,
+        children: flatChildren,
+        negate: obj.negate,
+        operator: obj.operator,
+    }
+}
+
+export function formatEventFilter(data: IEventBasedAction[]) {
+    return data.map((item) => {
+        return {
+            ...item,
+            eventTrigger: {
+                ...('children' in item.eventTrigger
+                    ? item.eventTrigger.children.length == 1
+                        ? restructureData(item.eventTrigger)
+                        : item.eventTrigger
+                    : item.eventTrigger),
+            },
+        }
+    })
+}
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 8143957c..9d4d628d 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,8 +1,6 @@
-import {convertToBufferIfBech32} from './cardano'
-import {BooleanOperator, ComparisonOperator} from '../types/eventTriger'
-import * as buffer from "buffer";
-import {logicalFunctions} from "./operatorSupport";
-import {bech32} from "bech32";
+import { convertToBufferIfBech32 } from './cardano'
+import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
+import { logicalFunctions } from './operatorSupport'
 
 const NetworkName = ['preview', 'preprod', 'sanchonet']
 
@@ -44,15 +42,22 @@ export function compareValue(
     //   console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
 
     const filterValue = convertToBufferIfBech32(objectProperty)
-    console.debug("filterValue=", filterValue);
-    const result = logicalFunctions.execute(operator, txPropertyVal, filterValue)
-
+    console.debug(
+        'filterValue=' + filterValue + ', txPropertyVal= ' + txPropertyVal
+    )
+    const result = logicalFunctions.execute(
+        operator,
+        txPropertyVal,
+        filterValue
+    )
 
     if (txPropertyVal.constructor.name == 'Buffer') {
-        console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty}) = ${result}`)
+        console.debug(
+            `compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty}) = ${result}`
+        )
     } else
-        console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty}) = ${result}`)
+        console.debug(
+            `compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty}) = ${result}`
+        )
     return result
-
-
-}
\ No newline at end of file
+}
diff --git a/agent-node/yarn.lock b/agent-node/yarn.lock
index b69eb3e3..d0403594 100644
--- a/agent-node/yarn.lock
+++ b/agent-node/yarn.lock
@@ -2145,10 +2145,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.4.tgz#f7744398f99fa14e807ef8bf38eb1d465a3242c0"
-  integrity sha512-f40qcZAme8wzSF6bAfriWGJA0YhzcoMsSOo7r6QVsLzZ8ca8M6wHosYwfhXhpNgQQ5McktGJzcU8uKJnglfHUQ==
+libcardano@1.4.11:
+  version "1.4.11"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.11.tgz#ffe0f1f63a4a9bb940e87a5b5b68284cbbbaa1a7"
+  integrity sha512-rl/okJH27NBGwOx7VTgBkOJe4q6vBbBE4FbPrXXDhgLgI55004K0ODK0R4+3HCHAL8TtnXPqPRJXE5vvO++lIQ==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"
diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index 43051b2c..cb131df1 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -26,7 +26,7 @@ class Action(BaseModel):
 # For Event Based Trigger
 
 BooleanOperator = Literal["AND", "OR"]
-ComparisonOperator = Literal["equals", "greaterThan", "lessThan", "in"]
+ComparisonOperator = Literal["equals", "greaterthan", "lessthan", "in"]
 
 
 class Field(BaseModel):
@@ -37,6 +37,7 @@ class Field(BaseModel):
 
 
 class ChildrenFields(BaseModel):
+    id: Optional[Union[str, list[str]]]
     children: list["FilterNode"]
     negate: bool
     operator: BooleanOperator
@@ -48,7 +49,7 @@ class ChildrenFields(BaseModel):
 
 class EventTriggerDTO(BaseModel):
     id: Optional[Union[str, list[str]]]
-    parameters: Optional[list[FilterNode]]
+    children: Optional[list[FilterNode]]
     negate: Optional[bool]
     operator: Optional[BooleanOperator]
 
diff --git a/frontend/package.json b/frontend/package.json
index 96039df3..97a21f03 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,6 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
+        "libcardano": "^1.4.8",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index db5c6d4e..4d8cb86c 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -13,7 +13,7 @@ export type BooleanOperator = 'AND' | 'OR';
 export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in';
 
 export interface IFieldNode {
-    id: string | string[];
+    id: string | Array<string>;
     value: any;
     negate: boolean;
     operator: ComparisonOperator;
@@ -28,7 +28,7 @@ export interface IBooleanNode {
 
 export interface IEventTrigger {
     id: string | string[];
-    parameters: IFilterNode[];
+    children: IFilterNode[];
     negate: boolean;
     operator: BooleanOperator;
 }
diff --git a/frontend/src/api/trigger.ts b/frontend/src/api/trigger.ts
index 6d984499..0c2fb61a 100644
--- a/frontend/src/api/trigger.ts
+++ b/frontend/src/api/trigger.ts
@@ -94,6 +94,7 @@ export interface ITriggerCreateDto {
 }
 
 export const postTrigger = async (agentID: string, triggerData: ITriggerCreateDto) => {
+    console.log('Req body: ', triggerData);
     const response = await axios.post(
         `${baseAPIurl}/agents/${agentID}/triggers`,
         triggerData,
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index a1ded924..933478bc 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,8 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
-import { ChevronDown } from 'lucide-react';
-import { FileJson } from 'lucide-react';
+import { ChevronDown, FileJson } from 'lucide-react';
 
 import { Card } from '@app/components/atoms/Card';
 import { Checkbox } from '@app/components/atoms/Checkbox';
@@ -14,12 +13,12 @@ import {
 } from '@app/components/atoms/DropDownMenu';
 import { Input } from '@app/components/atoms/Input';
 import { cn } from '@app/components/lib/utils';
+import { CustomSelect } from '@app/components/molecules/CustomDropDown';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
 
-import { CustomSelect } from '../../../../../../components/molecules/CustomDropDown';
 import InfoCard from '../cards/InfoCard';
 import CustomEditor from './CustomEditor';
-import { Events, IEvent, IEventFilter } from './EventTrigger';
+import { ISchema, transactionSchema } from './EventTrigger';
 import NodeGraph from './EventTriggerGraph';
 
 const EventTab = ({
@@ -31,11 +30,9 @@ const EventTab = ({
     savedEventTrigger?: IEventTrigger;
     onChange?: (value: IEventTrigger) => void;
 }) => {
-    const [currentEvent, setCurrentEvent] = useState<IEvent | null>(null);
+    const [currentEvent, setCurrentEvent] = useState<ISchema | null>(null);
 
-    const [currentEventFilter, setCurrentEventFilter] = useState<IEventFilter | null>(
-        null
-    );
+    const [currentEventFilter, setCurrentEventFilter] = useState<ISchema | null>(null);
 
     const [isInfoVisible, setIsInfoVisible] = useState(false);
 
@@ -53,18 +50,17 @@ const EventTab = ({
 
     useEffect(() => {
         if (savedEventTrigger) {
-            const savedEvent = Events.find(
+            const savedEvent = transactionSchema.find(
                 (event) => event.id === savedEventTrigger?.id
             );
             if (savedEvent) {
                 setCurrentEvent(savedEvent);
             }
-            const lastEventFilter = savedEvent?.filters.find(
-                (filter) =>
-                    filter.id ===
-                    savedEventTrigger?.parameters[
-                        savedEventTrigger?.parameters.length - 1
-                    ]?.id
+            const lastEventFilter = savedEvent?.properties?.find(
+                (prop) =>
+                    prop.id ===
+                    savedEventTrigger?.children[savedEventTrigger?.children.length - 1]
+                        ?.id
             );
             if (lastEventFilter) {
                 setCurrentEventFilter(lastEventFilter);
@@ -73,12 +69,12 @@ const EventTab = ({
     }, []);
 
     const handleSelectEvent = (eventId: string) => {
-        const selectedEvent = Events.find((event) => event.id === eventId);
+        const selectedEvent = transactionSchema.find((tx) => tx.id === eventId);
         if (selectedEvent) {
             setCurrentEvent(selectedEvent);
             setFormData({
                 id: selectedEvent?.id,
-                parameters: [],
+                children: [],
                 negate: false,
                 operator: 'AND'
             });
@@ -86,8 +82,8 @@ const EventTab = ({
     };
 
     const handleSelectEventFilter = (eventFilterId: string) => {
-        const selectedEventFilter = currentEvent?.filters.find(
-            (filter) => filter.id === eventFilterId
+        const selectedEventFilter = currentEvent?.properties?.find(
+            (prop) => prop.id === eventFilterId
         );
         if (selectedEventFilter) {
             setCurrentEventFilter(selectedEventFilter);
@@ -101,8 +97,8 @@ const EventTab = ({
             formData &&
                 setFormData({
                     ...formData,
-                    parameters: [
-                        ...formData.parameters,
+                    children: [
+                        ...formData.children,
                         {
                             id: selectedEventFilter.id,
                             operator: 'AND',
@@ -116,13 +112,14 @@ const EventTab = ({
 
     const handleAddParameter = (parameterId: string) => {
         if (formData && currentEventFilter) {
-            const selectedParameter = Events.find((event) => event.id === formData.id)
-                ?.filters.find((filter) => filter.id === currentEventFilter?.id)
-                ?.parameters.find((param) => param.id === parameterId);
+            const selectedParameter = transactionSchema
+                .find((tx) => tx.id === formData.id)
+                ?.properties?.find((filter) => filter.id === currentEventFilter?.id)
+                ?.properties?.find((param) => param.id === parameterId);
             if (selectedParameter) {
                 const data = {
                     ...formData,
-                    parameters: formData.parameters.map((eventFilter) =>
+                    children: formData.children.map((eventFilter) =>
                         eventFilter.id === currentEventFilter?.id
                             ? {
                                   ...eventFilter,
@@ -149,7 +146,7 @@ const EventTab = ({
         if (formData && currentEventFilter) {
             const data = {
                 ...formData,
-                parameters: formData.parameters.map((eventFilter) =>
+                children: formData.children.map((eventFilter) =>
                     eventFilter.id === currentEventFilter?.id
                         ? {
                               ...eventFilter,
@@ -169,7 +166,7 @@ const EventTab = ({
         if (formData && currentEventFilter) {
             const data = {
                 ...formData,
-                parameters: formData.parameters.map((eventFilter) =>
+                children: formData.children.map((eventFilter) =>
                     eventFilter.id === currentEventFilter?.id
                         ? {
                               ...eventFilter,
@@ -191,7 +188,7 @@ const EventTab = ({
         if (formData && currentEventFilter) {
             const data = {
                 ...formData,
-                parameters: formData.parameters.map((eventFilter) =>
+                children: formData.children.map((eventFilter) =>
                     eventFilter.id === currentEventFilter?.id
                         ? {
                               ...eventFilter,
@@ -210,18 +207,20 @@ const EventTab = ({
     };
 
     const getNotSelectedEventFilters = () => {
-        return Events.find((event) => event.id === formData?.id)?.filters.filter(
-            (filter) => !formData?.parameters.find((param) => param.id === filter.id)
-        );
+        return transactionSchema
+            .find((tx) => tx.id === formData?.id)
+            ?.properties?.filter(
+                (prop) => !formData?.children.find((child) => child.id === prop.id)
+            );
     };
 
     const getNotSelectedEventFilterParameters = () => {
-        return currentEventFilter?.parameters.filter(
-            (param) =>
-                !formData?.parameters
+        return currentEventFilter?.properties?.filter(
+            (prop) =>
+                !formData?.children
                     .find((eventFilter) => eventFilter.id === currentEventFilter?.id)
                     //@ts-ignore
-                    ?.children.find((child: IFieldNode) => child.id === param.id)
+                    ?.children.find((child: IFieldNode) => child.id === prop.id)
         );
     };
 
@@ -246,9 +245,9 @@ const EventTab = ({
                 <CustomSelect
                     plusIcon={false}
                     className="w-64"
-                    options={Events.map((item) => ({
-                        label: item.label,
-                        value: item.id
+                    options={transactionSchema.map((txProp) => ({
+                        label: txProp.label,
+                        value: txProp.id
                     }))}
                     defaultValue={currentEvent?.label || 'Event'}
                     label="Event"
@@ -286,20 +285,20 @@ const EventTab = ({
                 <div className="mb-8 flex items-end justify-between">
                     <nav className="flex gap-4">
                         {formData &&
-                            formData?.parameters.map((param, index) => (
+                            formData?.children.map((child, index) => (
                                 <div
                                     key={index}
                                     className={cn(
                                         'cursor-pointer font-semibold',
                                         currentEventFilter &&
-                                            currentEventFilter.id === param.id &&
+                                            currentEventFilter.id === child.id &&
                                             'text-brand-Blue-200 underline underline-offset-4'
                                     )}
                                     onClick={() =>
-                                        handleSelectEventFilter(param.id as string)
+                                        handleSelectEventFilter(child.id as string)
                                     }
                                 >
-                                    {param.id}
+                                    {child.id}
                                 </div>
                             ))}
                     </nav>
@@ -317,7 +316,7 @@ const EventTab = ({
                     />
                 </div>
                 {currentEventFilter &&
-                    formData?.parameters.map((param, index) => {
+                    formData?.children.map((param, index) => {
                         if (param.id === currentEventFilter?.id) {
                             return (
                                 <div key={index}>
@@ -325,7 +324,7 @@ const EventTab = ({
                                         (child, childIndex) => (
                                             <div
                                                 key={childIndex}
-                                                className="flex w-[75%] flex-col gap-4"
+                                                className="flex w-full flex-col gap-4"
                                             >
                                                 {
                                                     <RenderEventChildForm
@@ -350,6 +349,9 @@ const EventTab = ({
                                                                 value
                                                             );
                                                         }}
+                                                        validator={
+                                                            currentEventFilter.validator
+                                                        }
                                                     />
                                                 }
                                             </div>
@@ -380,27 +382,52 @@ const RenderEventChildForm = ({
     eventFilterParam,
     onValueChange,
     onOperatorChange,
-    onNegateChange
+    onNegateChange,
+    validator
 }: {
     eventFilterParam: IFieldNode;
     onValueChange?: (value: any) => void;
     onOperatorChange?: (value: any) => void;
     onNegateChange?: (value: boolean) => void;
+    validator?: (...args: any) => any;
 }) => {
     const [localOperator, setLocalOperator] = useState<string>(
         eventFilterParam.operator
     );
 
-    const operators = ['equals', 'greaterThan', 'lessThan', 'in'];
+    const [errMsg, setErrMsg] = useState<string>('');
+
+    useEffect(() => {
+        const clearErrMsg = setTimeout(() => {
+            setErrMsg('');
+        }, 3000);
+        return () => {
+            clearTimeout(clearErrMsg);
+        };
+    }, [errMsg]);
+
+    const operators = ['equals', 'greaterthan', 'lessthan', 'in'];
 
     const handleOperatorChange = (operator: string) => {
         setLocalOperator(operator);
         onOperatorChange?.(operator);
     };
 
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        // if (validator && validator(e.target.value)) {
+        //     onValueChange?.(e.target.value);
+        // } else {
+        //     setErrMsg('Kei Error occured');
+        // }
+        onValueChange?.(e.target.value);
+    };
     return (
         <div className="mb-2 flex items-center gap-4">
-            <span className="mt-2 min-w-32">{eventFilterParam.id}</span>
+            <span className="mt-2 min-w-96 truncate">
+                {Array.isArray(eventFilterParam.id)
+                    ? (eventFilterParam.id as string[]).join('.')
+                    : eventFilterParam.id}
+            </span>
             <div className="flex items-center gap-2">
                 <span className="mt-2">negate</span>
                 <Checkbox
@@ -434,8 +461,9 @@ const RenderEventChildForm = ({
             <Input
                 className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
                 defaultValue={eventFilterParam.value}
-                onChange={(e) => onValueChange?.(e.target.value)}
+                onChange={handleInputChange}
             />
+            {errMsg && <span className="text-red-500">{errMsg}</span>}
         </div>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
index f239275d..94776de9 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
@@ -8,7 +8,7 @@ interface IEventFilterAtribute {
 export interface IEventFilter {
     id: string;
     label: string;
-    parameters: IEventFilterAtribute[];
+    children: IEventFilterAtribute[];
 }
 
 export interface IEvent {
@@ -17,45 +17,93 @@ export interface IEvent {
     filters: IEventFilter[];
 }
 
-export const Events: IEvent[] = [
+export interface ISchema {
+    id: string | string[];
+    label: string;
+    properties?: ISchema[];
+    type?: string;
+    validator?: (...args: any) => any;
+}
+
+export const transactionSchema: ISchema[] = [
     {
         id: 'tx',
-        label: 'transaction',
-        filters: [
+        label: 'Transaction',
+        type: 'object',
+        properties: [
+            // output
             {
-                id: 'output',
-                label: 'tx.ouput',
-                parameters: [
+                id: 'outputs',
+                label: 'Ouput',
+                type: 'object',
+                properties: [
+                    {
+                        id: ['value', 'lovelace'],
+                        label: 'value.lovelace',
+                        type: 'bigint',
+                        validator: (arg: number) => true
+                    },
                     {
-                        id: 'value',
-                        label: 'value',
-                        type: 'number'
+                        id: ['value', 'multiAsset'],
+                        label: 'value.multiAsset',
+                        type: 'map',
+                        validator: (arg: number) => true
                     },
+                    // address
                     {
-                        id: 'address',
+                        id: ['address', 'raw'],
                         label: 'address',
-                        type: 'string'
+                        type: 'string',
+                        validator: (arg: any) => true
                     },
                     {
-                        id: 'hash',
-                        label: 'hash',
-                        type: 'string'
-                    }
-                ]
-            },
-            {
-                id: 'input',
-                label: 'tx.input',
-                parameters: [
+                        id: ['address', 'networkId'],
+                        label: 'address.networkId',
+                        type: 'number',
+                        validator: (arg: number) => true
+                    },
                     {
-                        id: 'value',
-                        label: 'value',
-                        type: 'number'
+                        id: ['address', 'paymentPart', 'keyHash'],
+                        label: 'address.paymentCredential.keyHash',
+                        type: 'string',
+                        validator: (arg: number) => true
                     },
                     {
-                        id: 'address',
-                        label: 'address',
-                        type: 'string'
+                        id: ['address', 'paymentPart', 'scriptHash'],
+                        label: 'address.paymentCredential.scriptHash',
+                        type: 'string',
+                        validator: (arg: number) => true
+                    },
+                    {
+                        id: ['address', 'stakePart', 'keyHash'],
+                        label: 'address.stakeCredential.keyHash',
+                        type: 'string',
+                        validator: (arg: number) => true
+                    },
+                    {
+                        id: ['address', 'stakePart', 'scriptHash'],
+                        label: 'address.stakeCredential.scriptHash',
+                        type: 'string',
+                        validator: (arg: number) => true
+                    },
+                    {
+                        id: 'inlineDatum',
+                        label: 'InlineDatum',
+                        type: 'object'
+                    },
+                    //datumHash
+                    {
+                        id: 'datumHash',
+                        label: 'DatumHash',
+                        type: 'string',
+                        validator: (arg: any) => true
+                    },
+                    //referenceScript
+                    {
+                        id: 'referenceScript',
+                        label: 'ReferenceScript',
+                        type: 'object',
+                        validator: (arg: any) => true
                     }
                 ]
             }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index 661f0a27..7f44706e 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -103,7 +103,7 @@ export default function EventTriggerGraph({
                 width: getNodeWidth(text)
             });
 
-            data.parameters.forEach((param) => {
+            data.children.forEach((param) => {
                 // recursivelyAddNode(param, operatorId);
                 addNodesRecursively(param, rootId);
             });
@@ -116,7 +116,6 @@ export default function EventTriggerGraph({
     if (!data) {
         return <div className="h-full w-full bg-[#D2E0FB]"></div>;
     }
-
     return (
         <Canvas
             nodes={
diff --git a/frontend/src/components/Agent/AgentContent/Functions.tsx b/frontend/src/components/Agent/AgentContent/Functions.tsx
index 8ea8cc72..89489d78 100644
--- a/frontend/src/components/Agent/AgentContent/Functions.tsx
+++ b/frontend/src/components/Agent/AgentContent/Functions.tsx
@@ -1,8 +1,7 @@
 import { useState } from 'react';
 
 import { IAgent } from '@api/agents';
-import { ITriggerCreateDto, deleteTrigger } from '@api/trigger';
-import { postTrigger } from '@api/trigger';
+import { ITriggerCreateDto, deleteTrigger, postTrigger } from '@api/trigger';
 import { Dialog, DialogContent } from '@mui/material';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useMutation } from '@tanstack/react-query';
@@ -61,6 +60,7 @@ export default function AgentFunctionsComponent({
 
     const handlePostTrigger = (item: IFormFunctionInstance) => {
         const triggerData = mapFormFunctionToTriggerConfiguration(item);
+        console.log('triggerData', triggerData);
         triggerData && postTriggerMutation.mutate(triggerData);
     };
 
@@ -112,8 +112,8 @@ export default function AgentFunctionsComponent({
                         />
                     </div>
                 )}
-            <Dialog open={dialogOpen} fullScreen={isMobile}>
-                <DialogContent className="relative bg-brand-Azure-400 !p-0">
+            <Dialog open={dialogOpen} maxWidth={'xl'}>
+                <DialogContent className="relativebg-brand-Azure-400 !p-0">
                     <FunctionForm
                         onClose={toggleDialog}
                         onValueChange={() => {}}
diff --git a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
index 6ca7e0da..3dfb2574 100644
--- a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
+++ b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
@@ -2,8 +2,7 @@
 
 import React, { useState } from 'react';
 
-import { IAgentConfiguration } from '@api/agents';
-import { IAgent } from '@api/agents';
+import { IAgent, IAgentConfiguration } from '@api/agents';
 import { updateTrigger } from '@api/trigger';
 import { Dialog, DialogContent } from '@mui/material';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -17,8 +16,7 @@ import {
 import { IFormFunctionInstance } from '@app/app/(pages)/templates/create-template/page';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
-import { SuccessToast } from '../../molecules/CustomToasts';
-import { ErrorToast } from '../../molecules/CustomToasts';
+import { ErrorToast, SuccessToast } from '../../molecules/CustomToasts';
 import FunctionCardWithMeta from '../shared/FunctionCardWithMeta';
 
 const AgentFunctionsDetailComponent = ({
@@ -81,7 +79,7 @@ const AgentFunctionsDetailComponent = ({
                     />
                 ))}
             {currentFunction && (
-                <Dialog open={openDialog} fullScreen={isMobile}>
+                <Dialog open={openDialog} maxWidth={'xl'}>
                     <DialogContent className="!p-0">
                         <FunctionForm
                             currentFunction={currentFunction}
diff --git a/frontend/src/components/Agent/AgentContent/Logs.tsx b/frontend/src/components/Agent/AgentContent/Logs.tsx
index f5f75373..d25a1e29 100644
--- a/frontend/src/components/Agent/AgentContent/Logs.tsx
+++ b/frontend/src/components/Agent/AgentContent/Logs.tsx
@@ -1,29 +1,29 @@
 'use client';
 
-import React, {useState} from 'react';
+import React, { useState } from 'react';
 
-import {IAgent} from '@api/agents';
-import {IAgentTriggerHistory, fetchAllTriggerHistory} from '@api/triggerHistory';
-import {MapFunctionNameAndViewName} from '@consts';
-import {useQuery} from '@tanstack/react-query';
-import {formatParameterName} from '@utils';
-import {useAtom} from 'jotai';
-import {Copy} from 'lucide-react';
+import { IAgent } from '@api/agents';
+import { IAgentTriggerHistory, fetchAllTriggerHistory } from '@api/triggerHistory';
+import { MapFunctionNameAndViewName } from '@consts';
+import { useQuery } from '@tanstack/react-query';
+import { formatParameterName } from '@utils';
+import { useAtom } from 'jotai';
+import { Copy } from 'lucide-react';
 
 import AgentAvatar from '@app/components/Agent/shared/AgentAvatar';
 import EmptyScreen from '@app/components/molecules/EmptyScreen';
-import {useCopyClipboard} from '@app/lib/hooks/useCopyToClipboard';
-import {agentsAtom} from '@app/store/localStore';
-import {Truncate} from '@app/utils/common/extra';
-import {formatTimestamp} from '@app/utils/dateAndTimeUtils';
+import { useCopyClipboard } from '@app/lib/hooks/useCopyToClipboard';
+import { agentsAtom } from '@app/store/localStore';
+import { Truncate } from '@app/utils/common/extra';
+import { formatTimestamp } from '@app/utils/dateAndTimeUtils';
 
 import AgentFunctionsDropDown from '../../Common/AgentFunctionsDropDown';
-import {Badge} from '../../atoms/Badge';
-import {cn} from '../../lib/utils';
-import {Skeleton} from '../../shadcn/ui/skeleton';
+import { Badge } from '../../atoms/Badge';
+import { cn } from '../../lib/utils';
+import { Skeleton } from '../../shadcn/ui/skeleton';
 import ContentHeader from './ContentHeader';
 
-export const AgentLogComponent = ({agent}: { agent?: IAgent }) => {
+export const AgentLogComponent = ({ agent }: { agent?: IAgent }) => {
     const statusOptions = ['Success', 'Skipped', 'Failed'];
     const [statusPlaceholder, setStatusPlaceholder] = useState('None');
     const [currentFunction, setCurrentFunction] = useState('None');
@@ -50,6 +50,7 @@ export const AgentLogComponent = ({agent}: { agent?: IAgent }) => {
         refetchOnMount: true
     });
 
+    console.log('logs: ', LogsHistory);
     function handleStatusChange(status: string) {
         if (status === statusPlaceholder) {
             setStatusPlaceholder('None');
@@ -111,24 +112,31 @@ export const AgentLogComponent = ({agent}: { agent?: IAgent }) => {
                     </div>
                 </div>
             </ContentHeader>
-            {loadingLogs && <Skeleton className="h-full w-full"/>}
+            {loadingLogs && <Skeleton className="h-full w-full" />}
             {!loadingLogs && LogsHistory?.items.length === 0 ? (
-                <EmptyScreen msg="No logs found"/>
-            ) : <div className={'h-full w-full overflow-y-scroll space-y-2 px-2'}>
-                {LogsHistory?.items?.map((history: IAgentTriggerHistory) => {
-                    return <AgentLogCard className={'w-full'} key={history.id} history={history}/>
-                })}
-
-            </div>}
+                <EmptyScreen msg="No logs found" />
+            ) : (
+                <div className={'h-full w-full space-y-2 overflow-y-scroll px-2'}>
+                    {LogsHistory?.items?.map((history: IAgentTriggerHistory) => {
+                        return (
+                            <AgentLogCard
+                                className={'w-full'}
+                                key={history.id}
+                                history={history}
+                            />
+                        );
+                    })}
+                </div>
+            )}
         </div>
     );
 };
 
 export const AgentLogCard = ({
-                                 history,
-                                 className,
-                                 globalLog = false
-                             }: {
+    history,
+    className,
+    globalLog = false
+}: {
     history: IAgentTriggerHistory;
     className?: string;
     globalLog?: boolean;
@@ -175,7 +183,7 @@ export const AgentLogCard = ({
                                     (agents &&
                                         agents[history.agentId] &&
                                         agents[history.agentId].name) ||
-                                    '',
+                                        '',
                                     20
                                 )}
                                 &nbsp; #{history.instanceIndex}
@@ -212,13 +220,13 @@ export const AgentLogCard = ({
                             <span className={'text-sm font-medium'}>Parameters</span>
                             {history.parameters?.map((param, index) => {
                                 return (
-                                    <LogFunctionParameter param={param} key={index}/>
+                                    <LogFunctionParameter param={param} key={index} />
                                 );
                             })}
                         </div>
                     )}
                     {history.result ? (
-                        <div className={'flex flex-col gap-0.5 w-full'}>
+                        <div className={'flex w-full flex-col gap-0.5'}>
                             <span className={'text-sm font-medium'}>Result</span>
                             {history.txHash || !history.message ? (
                                 <LogObjectParameter
@@ -226,15 +234,17 @@ export const AgentLogCard = ({
                                     params={history.result}
                                 />
                             ) : (
-                                <span className={'text-xs w-full pr-4 break-all'}>{history.message}</span>
+                                <span className={'w-full break-all pr-4 text-xs'}>
+                                    {history.message}
+                                </span>
                             )}
                         </div>
                     ) : history.txHash ? (
-                        <TxHashComponent txHash={history.txHash}/>
+                        <TxHashComponent txHash={history.txHash} />
                     ) : (
                         <span className={'text-xs'}>{history.message}</span>
                     )}
-                    {history.internal && <InternalLogs history={history}/>}
+                    {history.internal && <InternalLogs history={history} />}
                 </div>
             </div>
             <div
@@ -251,7 +261,7 @@ export const AgentLogCard = ({
     );
 };
 
-const InternalLogs = ({history}: { history: IAgentTriggerHistory }) => {
+const InternalLogs = ({ history }: { history: IAgentTriggerHistory }) => {
     return (
         <div className={'hidden w-full flex-col gap-1 md:flex'}>
             {history.internal?.map((internal: any, index: number) => {
@@ -271,7 +281,7 @@ const InternalLogs = ({history}: { history: IAgentTriggerHistory }) => {
                                     internal.function_name}
                             </span>
                             {internal.txHash && (
-                                <TxHashComponent txHash={internal.txHash}/>
+                                <TxHashComponent txHash={internal.txHash} />
                             )}
                             {internal.message && (
                                 <span className={'text-xs'}>{internal.message}</span>
@@ -284,8 +294,8 @@ const InternalLogs = ({history}: { history: IAgentTriggerHistory }) => {
     );
 };
 
-const LogFunctionParameter = ({param}: { param: any }) => {
-    const {copyToClipboard} = useCopyClipboard();
+const LogFunctionParameter = ({ param }: { param: any }) => {
+    const { copyToClipboard } = useCopyClipboard();
     if (typeof param === 'string') {
         return <span className={'text-xs'}>{param}</span>;
     }
@@ -310,7 +320,7 @@ const LogFunctionParameter = ({param}: { param: any }) => {
             ) : (
                 <div className={'flex flex-col gap-1 '}>
                     <span className={'h-2'}></span>
-                    <LogObjectParameter params={param.value}/>
+                    <LogObjectParameter params={param.value} />
                 </div>
             )}
         </div>
@@ -318,34 +328,37 @@ const LogFunctionParameter = ({param}: { param: any }) => {
 };
 
 const LogObjectParameter = ({
-                                params,
-                                longTruncate = false
-                            }: {
+    params,
+    longTruncate = false
+}: {
     params: Record<any, any>;
     longTruncate?: boolean;
 }) => {
-    const {copyToClipboard} = useCopyClipboard();
+    const { copyToClipboard } = useCopyClipboard();
 
-    return Object.entries(params).map((param, index) => {
-        return (
-            <span
-                onClick={() =>
-                    copyToClipboard(
-                        param[1],
-                        `${formatParameterName(param[0])} copied!`
-                    )
-                }
-                key={index}
-                className={` cursor-pointer truncate text-xs drop-shadow ${longTruncate ? ' w-[250px] md:max-w-[320px]' : 'w-[100px] md:max-w-[280px]'}`}
-            >
-                {formatParameterName(param[0])} : {param[1]}
-            </span>
-        );
-    });
+    return (
+        params &&
+        Object.entries(params).map((param, index) => {
+            return (
+                <span
+                    onClick={() =>
+                        copyToClipboard(
+                            param[1],
+                            `${formatParameterName(param[0])} copied!`
+                        )
+                    }
+                    key={index}
+                    className={` cursor-pointer truncate text-xs drop-shadow ${longTruncate ? ' w-[250px] md:max-w-[320px]' : 'w-[100px] md:max-w-[280px]'}`}
+                >
+                    {formatParameterName(param[0])} : {param[1]}
+                </span>
+            );
+        })
+    );
 };
 
-const TxHashComponent = ({txHash}: { txHash: string }) => {
-    const {copyToClipboard} = useCopyClipboard();
+const TxHashComponent = ({ txHash }: { txHash: string }) => {
+    const { copyToClipboard } = useCopyClipboard();
     const handleOnClickCopy = () => {
         copyToClipboard(txHash, 'Transaction Hash Copied!');
     };
@@ -378,7 +391,7 @@ const TxHashComponent = ({txHash}: { txHash: string }) => {
 
 export default AgentLogComponent;
 
-export const AgentLogCardSkeleton = ({className}: { className?: string }) => {
+export const AgentLogCardSkeleton = ({ className }: { className?: string }) => {
     return (
         <div
             className={cn(
@@ -388,20 +401,20 @@ export const AgentLogCardSkeleton = ({className}: { className?: string }) => {
         >
             <div className="flex items-start gap-8">
                 <div className="flex items-center gap-3 sm:min-w-[200px]">
-                    <Skeleton className="h-8 w-8 rounded-full"/>
+                    <Skeleton className="h-8 w-8 rounded-full" />
                     <div className="flex flex-col">
-                        <Skeleton className="h-4 w-32 rounded"/>
-                        <Skeleton className="mt-1 h-3 w-48 rounded"/>
+                        <Skeleton className="h-4 w-32 rounded" />
+                        <Skeleton className="mt-1 h-3 w-48 rounded" />
                     </div>
                 </div>
                 <div className="flex flex-col items-start gap-2">
-                    <Skeleton className="h-4 w-40 rounded"/>
-                    <Skeleton className="mt-1 h-3 w-64 rounded"/>
+                    <Skeleton className="h-4 w-40 rounded" />
+                    <Skeleton className="mt-1 h-3 w-64 rounded" />
                 </div>
             </div>
             <div className="flex min-w-fit flex-col items-end justify-start gap-1 md:min-w-[200px]">
-                <Skeleton className="h-4 w-24 rounded"/>
-                <Skeleton className="mt-1 h-3 w-20 rounded"/>
+                <Skeleton className="h-4 w-24 rounded" />
+                <Skeleton className="mt-1 h-3 w-20 rounded" />
             </div>
         </div>
     );
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 5d1fd1a8..177d980b 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1219,6 +1219,33 @@
   dependencies:
     statuses "^2.0.1"
 
+"@cardano-sdk/crypto@^0.1.30":
+  version "0.1.32"
+  resolved "https://registry.yarnpkg.com/@cardano-sdk/crypto/-/crypto-0.1.32.tgz#156ffe28cf6552ca1f059f5156b4b35ea6b142e2"
+  integrity sha512-RCKFvkzD32QpKQ0jULADVRNmfBNkCwiZl2nlFbkZ3aCrfIex+6/2CizoagJ161fA7lL5/HGuzWfjOg3GX2ax6w==
+  dependencies:
+    "@cardano-sdk/util" "~0.15.5"
+    blake2b "^2.1.4"
+    i "^0.3.7"
+    libsodium-wrappers-sumo "^0.7.5"
+    lodash "^4.17.21"
+    npm "^9.3.0"
+    pbkdf2 "^3.1.2"
+    ts-custom-error "^3.2.0"
+    ts-log "^2.2.4"
+
+"@cardano-sdk/util@~0.15.5":
+  version "0.15.5"
+  resolved "https://registry.yarnpkg.com/@cardano-sdk/util/-/util-0.15.5.tgz#e181f885fd1b2d6a26e9b6ac8db98a9a3b940094"
+  integrity sha512-TM80z29l6FMa878HBSHFETrRLA/jfh4X+CEF3RPw6Bf0a+BpXL9ve2qKjWMv5Gf4fvRIq1r+pFVKQGWKR9SzIA==
+  dependencies:
+    bech32 "^2.0.0"
+    lodash "^4.17.21"
+    serialize-error "^8"
+    ts-custom-error "^3.2.0"
+    ts-log "^2.2.4"
+    type-fest "^2.19.0"
+
 "@chromatic-com/storybook@^1.3.2":
   version "1.3.2"
   resolved "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.3.2.tgz"
@@ -1409,6 +1436,11 @@
   resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-asmjs/-/cardano-serialization-lib-asmjs-12.0.0-alpha.30.tgz#44419615a3ac90cc4e2f01889553f341d6b8e9a7"
   integrity sha512-7I11UmeMep+aN34szfne4+V6BWvgnSXpBjbETQQeiwuD1c5QAIh4HjfYxf8N/At4PdovaoOH1u/jAX4wAlz1GA==
 
+"@emurgo/cardano-serialization-lib-nodejs@^11.5.0":
+  version "11.5.0"
+  resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-nodejs/-/cardano-serialization-lib-nodejs-11.5.0.tgz#0662e2a17d7d1e944f8cdb86396133c8edaec059"
+  integrity sha512-IlVABlRgo9XaTR1NunwZpWcxnfEv04ba2l1vkUz4S1W7Jt36F4CtffP+jPeqBZGnAe+fnUwo0XjIJC3ZTNToNQ==
+
 "@esbuild/aix-ppc64@0.20.2":
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
@@ -1629,6 +1661,11 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
   integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
 
+"@gar/promisify@^1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
+  integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
+
 "@gilbarbara/deep-equal@^0.1.1":
   version "0.1.2"
   resolved "https://registry.npmjs.org/@gilbarbara/deep-equal/-/deep-equal-0.1.2.tgz"
@@ -1703,6 +1740,11 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
+"@isaacs/string-locale-compare@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
+  integrity sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==
+
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
   resolved "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz"
@@ -2202,6 +2244,23 @@
   resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.13.tgz#5a920eea82a58affa6146192586716cec6c87fed"
   integrity sha512-WwzOEAFBGhlDHE5Z73mNU8CO8mqMNLqaG+AO9ETmzdCQlJhVtWZnOl2+rqgVQS+YHunjOWptdFmNfbpwcUuEsw==
 
+"@noble/curves@^1.6.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.7.0.tgz#0512360622439256df892f21d25b388f52505e45"
+  integrity sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==
+  dependencies:
+    "@noble/hashes" "1.6.0"
+
+"@noble/hashes@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.6.0.tgz#d4bfb516ad6e7b5111c216a5cc7075f4cf19e6c5"
+  integrity sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==
+
+"@noble/hashes@^1.2.0":
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.6.1.tgz#df6e5943edcea504bac61395926d6fd67869a0d5"
+  integrity sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
@@ -2223,6 +2282,179 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@npmcli/arborist@^6.5.0":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-6.5.1.tgz#b378a2e162e9b868d06f8f2c7e87e828de7e63ba"
+  integrity sha512-cdV8pGurLK0CifZRilMJbm2CZ3H4Snk8PAqOngj5qmgFLjEllMLvScSZ3XKfd+CK8fo/hrPHO9zazy9OYdvmUg==
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/fs" "^3.1.0"
+    "@npmcli/installed-package-contents" "^2.0.2"
+    "@npmcli/map-workspaces" "^3.0.2"
+    "@npmcli/metavuln-calculator" "^5.0.0"
+    "@npmcli/name-from-folder" "^2.0.0"
+    "@npmcli/node-gyp" "^3.0.0"
+    "@npmcli/package-json" "^4.0.0"
+    "@npmcli/query" "^3.1.0"
+    "@npmcli/run-script" "^6.0.0"
+    bin-links "^4.0.1"
+    cacache "^17.0.4"
+    common-ancestor-path "^1.0.1"
+    hosted-git-info "^6.1.1"
+    json-parse-even-better-errors "^3.0.0"
+    json-stringify-nice "^1.1.4"
+    minimatch "^9.0.0"
+    nopt "^7.0.0"
+    npm-install-checks "^6.2.0"
+    npm-package-arg "^10.1.0"
+    npm-pick-manifest "^8.0.1"
+    npm-registry-fetch "^14.0.3"
+    npmlog "^7.0.1"
+    pacote "^15.0.8"
+    parse-conflict-json "^3.0.0"
+    proc-log "^3.0.0"
+    promise-all-reject-late "^1.0.0"
+    promise-call-limit "^1.0.2"
+    read-package-json-fast "^3.0.2"
+    semver "^7.3.7"
+    ssri "^10.0.1"
+    treeverse "^3.0.0"
+    walk-up-path "^3.0.1"
+
+"@npmcli/config@^6.4.0":
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/config/-/config-6.4.1.tgz#006409c739635db008e78bf58c92421cc147911d"
+  integrity sha512-uSz+elSGzjCMANWa5IlbGczLYPkNI/LeR+cHrgaTqTrTSh9RHhOFA4daD2eRUz6lMtOW+Fnsb+qv7V2Zz8ML0g==
+  dependencies:
+    "@npmcli/map-workspaces" "^3.0.2"
+    ci-info "^4.0.0"
+    ini "^4.1.0"
+    nopt "^7.0.0"
+    proc-log "^3.0.0"
+    read-package-json-fast "^3.0.2"
+    semver "^7.3.5"
+    walk-up-path "^3.0.1"
+
+"@npmcli/disparity-colors@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/disparity-colors/-/disparity-colors-3.0.1.tgz#042d5ef548200c81e3ee3a84c994744573fe79fd"
+  integrity sha512-cOypTz/9IAhaPgOktbDNPeccTU88y8I1ZURbPeC0ooziK1h6dRJs2iGz1eKP1muaeVbow8GqQ0DaxLG8Bpmblw==
+  dependencies:
+    ansi-styles "^4.3.0"
+
+"@npmcli/fs@^2.1.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-2.1.2.tgz#a9e2541a4a2fec2e69c29b35e6060973da79b865"
+  integrity sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==
+  dependencies:
+    "@gar/promisify" "^1.1.3"
+    semver "^7.3.5"
+
+"@npmcli/fs@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-3.1.1.tgz#59cdaa5adca95d135fc00f2bb53f5771575ce726"
+  integrity sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==
+  dependencies:
+    semver "^7.3.5"
+
+"@npmcli/git@^4.0.0", "@npmcli/git@^4.0.1", "@npmcli/git@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-4.1.0.tgz#ab0ad3fd82bc4d8c1351b6c62f0fa56e8fe6afa6"
+  integrity sha512-9hwoB3gStVfa0N31ymBmrX+GuDGdVA/QWShZVqE0HK2Af+7QGGrCTbZia/SW0ImUTjTne7SP91qxDmtXvDHRPQ==
+  dependencies:
+    "@npmcli/promise-spawn" "^6.0.0"
+    lru-cache "^7.4.4"
+    npm-pick-manifest "^8.0.0"
+    proc-log "^3.0.0"
+    promise-inflight "^1.0.1"
+    promise-retry "^2.0.1"
+    semver "^7.3.5"
+    which "^3.0.0"
+
+"@npmcli/installed-package-contents@^2.0.1", "@npmcli/installed-package-contents@^2.0.2":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-2.1.0.tgz#63048e5f6e40947a3a88dcbcb4fd9b76fdd37c17"
+  integrity sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==
+  dependencies:
+    npm-bundled "^3.0.0"
+    npm-normalize-package-bin "^3.0.0"
+
+"@npmcli/map-workspaces@^3.0.2", "@npmcli/map-workspaces@^3.0.4":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@npmcli/map-workspaces/-/map-workspaces-3.0.6.tgz#27dc06c20c35ef01e45a08909cab9cb3da08cea6"
+  integrity sha512-tkYs0OYnzQm6iIRdfy+LcLBjcKuQCeE5YLb8KnrIlutJfheNaPvPpgoFEyEFgbjzl5PLZ3IA/BWAwRU0eHuQDA==
+  dependencies:
+    "@npmcli/name-from-folder" "^2.0.0"
+    glob "^10.2.2"
+    minimatch "^9.0.0"
+    read-package-json-fast "^3.0.0"
+
+"@npmcli/metavuln-calculator@^5.0.0":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/metavuln-calculator/-/metavuln-calculator-5.0.1.tgz#426b3e524c2008bcc82dbc2ef390aefedd643d76"
+  integrity sha512-qb8Q9wIIlEPj3WeA1Lba91R4ZboPL0uspzV0F9uwP+9AYMVB2zOoa7Pbk12g6D2NHAinSbHh6QYmGuRyHZ874Q==
+  dependencies:
+    cacache "^17.0.0"
+    json-parse-even-better-errors "^3.0.0"
+    pacote "^15.0.0"
+    semver "^7.3.5"
+
+"@npmcli/move-file@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-2.0.1.tgz#26f6bdc379d87f75e55739bab89db525b06100e4"
+  integrity sha512-mJd2Z5TjYWq/ttPLLGqArdtnC74J6bOzg4rMDnN+p1xTacZ2yPRCk2y0oSWQtygLR9YVQXgOcONrwtnk3JupxQ==
+  dependencies:
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
+"@npmcli/name-from-folder@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/name-from-folder/-/name-from-folder-2.0.0.tgz#c44d3a7c6d5c184bb6036f4d5995eee298945815"
+  integrity sha512-pwK+BfEBZJbKdNYpHHRTNBwBoqrN/iIMO0AiGvYsp3Hoaq0WbgGSWQR6SCldZovoDpY3yje5lkFUe6gsDgJ2vg==
+
+"@npmcli/node-gyp@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz#101b2d0490ef1aa20ed460e4c0813f0db560545a"
+  integrity sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==
+
+"@npmcli/package-json@^4.0.0", "@npmcli/package-json@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/package-json/-/package-json-4.0.1.tgz#1a07bf0e086b640500791f6bf245ff43cc27fa37"
+  integrity sha512-lRCEGdHZomFsURroh522YvA/2cVb9oPIJrjHanCJZkiasz1BzcnLr3tBJhlV7S86MBJBuAQ33is2D60YitZL2Q==
+  dependencies:
+    "@npmcli/git" "^4.1.0"
+    glob "^10.2.2"
+    hosted-git-info "^6.1.1"
+    json-parse-even-better-errors "^3.0.0"
+    normalize-package-data "^5.0.0"
+    proc-log "^3.0.0"
+    semver "^7.5.3"
+
+"@npmcli/promise-spawn@^6.0.0", "@npmcli/promise-spawn@^6.0.1", "@npmcli/promise-spawn@^6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-6.0.2.tgz#c8bc4fa2bd0f01cb979d8798ba038f314cfa70f2"
+  integrity sha512-gGq0NJkIGSwdbUt4yhdF8ZrmkGKVz9vAdVzpOfnom+V8PLSmSOVhZwbNvZZS1EYcJN5hzzKBxmmVVAInM6HQLg==
+  dependencies:
+    which "^3.0.0"
+
+"@npmcli/query@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-3.1.0.tgz#bc202c59e122a06cf8acab91c795edda2cdad42c"
+  integrity sha512-C/iR0tk7KSKGldibYIB9x8GtO/0Bd0I2mhOaDb8ucQL/bQVTmGoeREaFj64Z5+iCBRf3dQfed0CjJL7I8iTkiQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+"@npmcli/run-script@^6.0.0", "@npmcli/run-script@^6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-6.0.2.tgz#a25452d45ee7f7fb8c16dfaf9624423c0c0eb885"
+  integrity sha512-NCcr1uQo1k5U+SYlnIrbAh3cxy+OQT1VtqiAbxdymSlptbzBb62AjH2xXgjNCoP073hoa1CfCAcwoZ8k96C4nA==
+  dependencies:
+    "@npmcli/node-gyp" "^3.0.0"
+    "@npmcli/promise-spawn" "^6.0.0"
+    node-gyp "^9.0.0"
+    read-package-json-fast "^3.0.0"
+    which "^3.0.0"
+
 "@open-draft/deferred-promise@^2.2.0":
   version "2.2.0"
   resolved "https://registry.npmjs.org/@open-draft/deferred-promise/-/deferred-promise-2.2.0.tgz"
@@ -2300,6 +2532,23 @@
   resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
+"@prisma/client@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@prisma/client/-/client-4.15.0.tgz#f52ec6ca6fbde37395a54b0a9e5da603a9de15f3"
+  integrity sha512-xnROvyABcGiwqRNdrObHVZkD9EjkJYHOmVdlKy1yGgI+XOzvMzJ4tRg3dz1pUlsyhKxXGCnjIQjWW+2ur+YXuw==
+  dependencies:
+    "@prisma/engines-version" "4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944"
+
+"@prisma/engines-version@4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944":
+  version "4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944"
+  resolved "https://registry.yarnpkg.com/@prisma/engines-version/-/engines-version-4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944.tgz#8d880becf996cffe08c78ad5afab6bc06090c990"
+  integrity sha512-sVOig4tjGxxlYaFcXgE71f/rtFhzyYrfyfNFUsxCIEJyVKU9rdOWIlIwQ2NQ7PntvGnn+x0XuFo4OC1jvPJKzg==
+
+"@prisma/engines@4.16.2":
+  version "4.16.2"
+  resolved "https://registry.yarnpkg.com/@prisma/engines/-/engines-4.16.2.tgz#5ec8dd672c2173d597e469194916ad4826ce2e5f"
+  integrity sha512-vx1nxVvN4QeT/cepQce68deh/Turxy5Mr+4L4zClFuK1GlxN3+ivxfuv+ej/gvidWn1cE1uAhW7ALLNlYbRUAw==
+
 "@radix-ui/number@1.0.1":
   version "1.0.1"
   resolved "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz"
@@ -3512,6 +3761,35 @@
     "@sentry/cli" "^1.77.1"
     webpack-sources "^2.0.0 || ^3.0.0"
 
+"@sigstore/bundle@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@sigstore/bundle/-/bundle-1.1.0.tgz#17f8d813b09348b16eeed66a8cf1c3d6bd3d04f1"
+  integrity sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==
+  dependencies:
+    "@sigstore/protobuf-specs" "^0.2.0"
+
+"@sigstore/protobuf-specs@^0.2.0":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@sigstore/protobuf-specs/-/protobuf-specs-0.2.1.tgz#be9ef4f3c38052c43bd399d3f792c97ff9e2277b"
+  integrity sha512-XTWVxnWJu+c1oCshMLwnKvz8ZQJJDVOlciMfgpJBQbThVjKTCG8dwyhgLngBD2KN0ap9F/gOV8rFDEx8uh7R2A==
+
+"@sigstore/sign@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@sigstore/sign/-/sign-1.0.0.tgz#6b08ebc2f6c92aa5acb07a49784cb6738796f7b4"
+  integrity sha512-INxFVNQteLtcfGmcoldzV6Je0sbbfh9I16DM4yJPw3j5+TFP8X6uIiA18mvpEa9yyeycAKgPmOA3X9hVdVTPUA==
+  dependencies:
+    "@sigstore/bundle" "^1.1.0"
+    "@sigstore/protobuf-specs" "^0.2.0"
+    make-fetch-happen "^11.0.1"
+
+"@sigstore/tuf@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@sigstore/tuf/-/tuf-1.0.3.tgz#2a65986772ede996485728f027b0514c0b70b160"
+  integrity sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==
+  dependencies:
+    "@sigstore/protobuf-specs" "^0.2.0"
+    tuf-js "^1.1.7"
+
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
   resolved "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz"
@@ -4428,6 +4706,19 @@
   resolved "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz"
   integrity sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==
 
+"@tufjs/canonical-json@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@tufjs/canonical-json/-/canonical-json-1.0.0.tgz#eade9fd1f537993bc1f0949f3aea276ecc4fab31"
+  integrity sha512-QTnf++uxunWvG2z3UFNzAoQPHxnSXOwtaI3iJ+AohhV+5vONuArPjJE7aPXPVXfXJsqrVbZBu9b81AJoSd09IQ==
+
+"@tufjs/models@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@tufjs/models/-/models-1.0.4.tgz#5a689630f6b9dbda338d4b208019336562f176ef"
+  integrity sha512-qaGV9ltJP0EO25YfFUPhxRVK0evXFIAGicsVXuRim4Ed9cjPxYhNnNJ49SFmbeLgtxpslIkX317IgpfcHPVj/A==
+  dependencies:
+    "@tufjs/canonical-json" "1.0.0"
+    minimatch "^9.0.0"
+
 "@types/aria-query@^5.0.1":
   version "5.0.4"
   resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz"
@@ -5433,6 +5724,16 @@ abab@^2.0.6:
   resolved "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
+abbrev@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
+abbrev@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-2.0.0.tgz#cf59829b8b4f03f89dda2771cb7f3653828c89bf"
+  integrity sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==
+
 abort-controller@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz"
@@ -5514,7 +5815,7 @@ after-all-results@^2.0.0:
   resolved "https://registry.npmjs.org/after-all-results/-/after-all-results-2.0.0.tgz"
   integrity sha512-2zHEyuhSJOuCrmas9YV0YL/MFCWLxe1dS6k/ENhgYrb/JqyMnadLN4iIAc9kkZrbElMDyyAGH/0J18OPErOWLg==
 
-agent-base@6:
+agent-base@6, agent-base@^6.0.2:
   version "6.0.2"
   resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"
   integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
@@ -5582,6 +5883,11 @@ ajv@^8.0.0, ajv@^8.6.0, ajv@^8.9.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
+ansi-colors@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
 ansi-escapes@^4.2.1:
   version "4.3.2"
   resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz"
@@ -5601,6 +5907,11 @@ ansi-html-community@0.0.8, ansi-html-community@^0.0.8:
   resolved "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz"
   integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
 
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
@@ -5618,7 +5929,7 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0, ansi-styles@^4.3.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
@@ -5653,6 +5964,42 @@ app-root-dir@^1.0.2:
   resolved "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz"
   integrity sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==
 
+aproba@^1.0.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
+
+"aproba@^1.0.3 || ^2.0.0", aproba@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
+  integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
+
+archy@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
+  integrity sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==
+
+are-we-there-yet@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz#679df222b278c64f2cdba1175cdc00b0d96164bd"
+  integrity sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^3.6.0"
+
+are-we-there-yet@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-4.0.2.tgz#aed25dd0eae514660d49ac2b2366b175c614785a"
+  integrity sha512-ncSWAawFhKMJDTdoAeOV+jyW1VCMj5QIAwULIBV0SSR7B/RLPPEQiknKcg/RIIZlUQrxELpsxMiTUoAQ4sIUyg==
+
+are-we-there-yet@~1.1.2:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz#b15474a932adab4ff8a50d9adfa7e4e926f21146"
+  integrity sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
 arg@^4.1.0:
   version "4.1.3"
   resolved "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz"
@@ -5839,6 +6186,11 @@ assertion-error@^1.1.0:
   resolved "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz"
   integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
 
+assertion-error@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
+  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
+
 ast-types-flow@^0.0.8:
   version "0.0.8"
   resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz"
@@ -5870,6 +6222,13 @@ async-value@^1.2.2:
   resolved "https://registry.npmjs.org/async-value/-/async-value-1.2.2.tgz"
   integrity sha512-8rwtYe32OAS1W9CTwvknoyts+mc3ta8N7Pi0h7AjkMaKvsFbr39K+gEfZ7Z81aPXQ1sK5M23lgLy1QfZpcpadQ==
 
+async@^2.6.2:
+  version "2.6.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
+  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
+  dependencies:
+    lodash "^4.17.14"
+
 async@^3.2.3:
   version "3.2.5"
   resolved "https://registry.npmjs.org/async/-/async-3.2.5.tgz"
@@ -5951,6 +6310,11 @@ axobject-query@^3.2.1:
   dependencies:
     dequal "^2.0.3"
 
+b4a@^1.0.1:
+  version "1.6.7"
+  resolved "https://registry.yarnpkg.com/b4a/-/b4a-1.6.7.tgz#a99587d4ebbfbd5a6e3b21bdb5d5fa385767abe4"
+  integrity sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==
+
 b4a@^1.6.4:
   version "1.6.6"
   resolved "https://registry.npmjs.org/b4a/-/b4a-1.6.6.tgz"
@@ -6157,16 +6521,69 @@ bignumber.js@^9.0.0:
   resolved "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.2.tgz"
   integrity sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==
 
+bin-links@^4.0.1:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-4.0.4.tgz#c3565832b8e287c85f109a02a17027d152a58a63"
+  integrity sha512-cMtq4W5ZsEwcutJrVId+a/tjt8GSbS+h0oNkdl6+6rBuEv8Ot33Bevj5KPm40t309zuhVic8NjpuL42QCiJWWA==
+  dependencies:
+    cmd-shim "^6.0.0"
+    npm-normalize-package-bin "^3.0.0"
+    read-cmd-shim "^4.0.0"
+    write-file-atomic "^5.0.0"
+
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+binary-extensions@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
 binary-search@^1.3.3:
   version "1.3.6"
   resolved "https://registry.npmjs.org/binary-search/-/binary-search-1.3.6.tgz"
   integrity sha512-nbE1WxOTTrUWIfsfZ4aHGYu5DOuNkbxGokjV6Z2kxfJK3uaAb8zNK1muzOeipoLHZjInT4Br88BHpzevc681xA==
 
+binary@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/binary/-/binary-0.3.0.tgz#9f60553bc5ce8c3386f3b553cff47462adecaa79"
+  integrity sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg==
+  dependencies:
+    buffers "~0.1.1"
+    chainsaw "~0.1.0"
+
+bindings@^1.3.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
+  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
+  dependencies:
+    file-uri-to-path "1.0.0"
+
+bip39@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/bip39/-/bip39-3.1.0.tgz#c55a418deaf48826a6ceb34ac55b3ee1577e18a3"
+  integrity sha512-c9kiwdk45Do5GL0vJMe7tS95VjCii65mYAH7DfWl3uW8AVzXKQVUm64i3hzVybBDMp9r7j9iNxR85+ul8MdN/A==
+  dependencies:
+    "@noble/hashes" "^1.2.0"
+
+bl@^1.0.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.3.tgz#1e8dd80142eac80d7158c9dccc047fb620e035e7"
+  integrity sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==
+  dependencies:
+    readable-stream "^2.3.5"
+    safe-buffer "^5.1.1"
+
+bl@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-2.2.1.tgz#8c11a7b730655c5d56898cdc871224f40fd901d5"
+  integrity sha512-6Pesp1w0DEX1N550i/uGV/TqucVL4AM/pgThFSN/Qq9si1/DF9aIHs1BxD8V/QU0HoeHO6cQRTAuYnLPKq1e4g==
+  dependencies:
+    readable-stream "^2.3.5"
+    safe-buffer "^5.1.1"
+
 bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
@@ -6185,6 +6602,27 @@ bl@^5.0.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+blake2b-wasm@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/blake2b-wasm/-/blake2b-wasm-2.4.0.tgz#9115649111edbbd87eb24ce7c04b427e4e2be5be"
+  integrity sha512-S1kwmW2ZhZFFFOghcx73+ZajEfKBqhP82JMssxtLVMxlaPea1p9uoLiUZ5WYyHn0KddwbLc+0vh4wR0KBNoT5w==
+  dependencies:
+    b4a "^1.0.1"
+    nanoassert "^2.0.0"
+
+blake2b@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/blake2b/-/blake2b-2.1.4.tgz#817d278526ddb4cd673bfb1af16d1ad61e393ba3"
+  integrity sha512-AyBuuJNI64gIvwx13qiICz6H6hpmjvYS5DGkG6jbXMOT8Z3WUJ3V1X0FlhIoT1b/5JtHE3ki+xjtMvu1nn+t9A==
+  dependencies:
+    blake2b-wasm "^2.4.0"
+    nanoassert "^2.0.0"
+
+blakejs@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/blakejs/-/blakejs-1.2.1.tgz#5057e4206eadb4a97f7c0b6e197a505042fc3814"
+  integrity sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ==
+
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
   version "4.12.0"
   resolved "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz"
@@ -6269,6 +6707,11 @@ browser-assert@^1.2.1:
   resolved "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz"
   integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
 
+browser-stdout@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
+  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
+
 browserify-aes@^1.0.4, browserify-aes@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz"
@@ -6367,6 +6810,29 @@ bson-objectid@^2.0.4:
   resolved "https://registry.npmjs.org/bson-objectid/-/bson-objectid-2.0.4.tgz"
   integrity sha512-vgnKAUzcDoa+AeyYwXCoHyF2q6u/8H46dxu5JN+4/TZeq/Dlinn0K6GvxsCLb3LHUJl0m/TLiEK31kUwtgocMQ==
 
+buffer-alloc-unsafe@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
+  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
+
+buffer-alloc@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
+  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
+  dependencies:
+    buffer-alloc-unsafe "^1.1.0"
+    buffer-fill "^1.0.0"
+
+buffer-crc32@~0.2.5:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
+buffer-fill@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
+  integrity sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ==
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
@@ -6393,6 +6859,25 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
+buffermaker@~1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/buffermaker/-/buffermaker-1.2.1.tgz#0631f92b891a84b750f1036491ac857c734429f4"
+  integrity sha512-IdnyU2jDHU65U63JuVQNTHiWjPRH0CS3aYd/WPaEwyX84rFdukhOduAVb1jwUScmb5X0JWPw8NZOrhoLMiyAHQ==
+  dependencies:
+    long "1.1.2"
+
+buffers@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/buffers/-/buffers-0.1.1.tgz#b24579c3bed4d6d396aeee6d9a8ae7f5482ab7bb"
+  integrity sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==
+
+bufferutil@^4.0.1:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.8.tgz#1de6a71092d65d7766c4d8a522b261a6e787e8ea"
+  integrity sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==
+  dependencies:
+    node-gyp-build "^4.3.0"
+
 builtin-modules@^3.1.0:
   version "3.3.0"
   resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz"
@@ -6420,6 +6905,48 @@ bytes@3.1.2:
   resolved "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
+cacache@^16.1.0:
+  version "16.1.3"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-16.1.3.tgz#a02b9f34ecfaf9a78c9f4bc16fceb94d5d67a38e"
+  integrity sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==
+  dependencies:
+    "@npmcli/fs" "^2.1.0"
+    "@npmcli/move-file" "^2.0.0"
+    chownr "^2.0.0"
+    fs-minipass "^2.1.0"
+    glob "^8.0.1"
+    infer-owner "^1.0.4"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    mkdirp "^1.0.4"
+    p-map "^4.0.0"
+    promise-inflight "^1.0.1"
+    rimraf "^3.0.2"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+    unique-filename "^2.0.0"
+
+cacache@^17.0.0, cacache@^17.0.4, cacache@^17.1.4:
+  version "17.1.4"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-17.1.4.tgz#b3ff381580b47e85c6e64f801101508e26604b35"
+  integrity sha512-/aJwG2l3ZMJ1xNAnqbMpA40of9dj/pIH3QfiuQSqjfPJF747VR0J/bHn+/KdNnHKc6XQcWt/AfRSBft82W1d2A==
+  dependencies:
+    "@npmcli/fs" "^3.1.0"
+    fs-minipass "^3.0.0"
+    glob "^10.2.2"
+    lru-cache "^7.7.1"
+    minipass "^7.0.3"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    p-map "^4.0.0"
+    ssri "^10.0.0"
+    tar "^6.1.11"
+    unique-filename "^3.0.0"
+
 calculate-size@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/calculate-size/-/calculate-size-1.1.1.tgz#ae7caa1c7795f82c4f035dc7be270e3581dae3ee"
@@ -6459,7 +6986,7 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
+camelcase@^6.0.0, camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -6491,6 +7018,13 @@ case-sensitive-paths-webpack-plugin@^2.4.0:
   resolved "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz"
   integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
 
+cbor@^9.0.0:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/cbor/-/cbor-9.0.2.tgz#536b4f2d544411e70ec2b19a2453f10f83cd9fdb"
+  integrity sha512-JPypkxsB10s9QOWwa6zwPzqE1Md3vqpPc+cai4sAecuCsRyAtAl/pMyhPlMbT/xtPnm2dznJZYRLui57qiRhaQ==
+  dependencies:
+    nofilter "^3.1.0"
+
 ccount@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz"
@@ -6509,6 +7043,24 @@ chai@^4.3.10, chai@^4.4.1:
     pathval "^1.1.1"
     type-detect "^4.0.8"
 
+chai@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.1.2.tgz#3afbc340b994ae3610ca519a6c70ace77ad4378d"
+  integrity sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==
+  dependencies:
+    assertion-error "^2.0.1"
+    check-error "^2.1.1"
+    deep-eql "^5.0.1"
+    loupe "^3.1.0"
+    pathval "^2.0.0"
+
+chainsaw@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98"
+  integrity sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ==
+  dependencies:
+    traverse ">=0.3.0 <0.4"
+
 chalk@3.0.0, chalk@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz"
@@ -6522,7 +7074,7 @@ chalk@5.2.0, chalk@^5.0.0:
   resolved "https://registry.npmjs.org/chalk/-/chalk-5.2.0.tgz"
   integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
 
-chalk@5.3.0:
+chalk@5.3.0, chalk@^5.3.0:
   version "5.3.0"
   resolved "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz"
   integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
@@ -6581,6 +7133,11 @@ check-error@^1.0.3:
   dependencies:
     get-func-name "^2.0.2"
 
+check-error@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
+  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
+
 chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
@@ -6596,7 +7153,7 @@ chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chownr@^1.1.1:
+chownr@^1.0.1, chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
@@ -6626,6 +7183,18 @@ ci-info@^3.2.0:
   resolved "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz"
   integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
 
+ci-info@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.1.0.tgz#92319d2fa29d2620180ea5afed31f589bc98cf83"
+  integrity sha512-HutrvTNsF48wnxkzERIXOe5/mlcfFcbfCmwcg6CJnizbSue78AbDt+1cgl26zwn61WFxhcPykPfZrbqjGmBb4A==
+
+cidr-regex@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/cidr-regex/-/cidr-regex-3.1.1.tgz#ba1972c57c66f61875f18fd7dd487469770b571d"
+  integrity sha512-RBqYd32aDwbCMFJRL6wHOlDNYJsPNTt8vC82ErHF5vKt8QQzxm1FrkW8s/R5pVrXMf17sba09Uoy91PKiddAsw==
+  dependencies:
+    ip-regex "^4.1.0"
+
 cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
   version "1.0.4"
   resolved "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz"
@@ -6677,6 +7246,14 @@ clean-webpack-plugin@^4.0.0:
   dependencies:
     del "^4.1.1"
 
+cli-columns@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-columns/-/cli-columns-4.0.0.tgz#9fe4d65975238d55218c41bd2ed296a7fa555646"
+  integrity sha512-XW2Vg+w+L9on9wtwKpyzluIPCWXjaBahI7mTcYjx+BVIYD9c3yqcv/yKC7CmdCZat4rq2yiE1UMSJC5ivKfMtQ==
+  dependencies:
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
 cli-cursor@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz"
@@ -6705,6 +7282,15 @@ cli-table3@^0.6.1:
   optionalDependencies:
     "@colors/colors" "1.5.0"
 
+cli-table3@^0.6.3:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.5.tgz#013b91351762739c16a9567c21a04632e449bf2f"
+  integrity sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
 cli-truncate@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz"
@@ -6732,6 +7318,15 @@ cliui@^6.0.0:
     strip-ansi "^6.0.0"
     wrap-ansi "^6.2.0"
 
+cliui@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
@@ -6765,6 +7360,11 @@ clsx@^2.0.0, clsx@^2.1.0:
   resolved "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz"
   integrity sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==
 
+cmd-shim@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-6.0.3.tgz#c491e9656594ba17ac83c4bd931590a9d6e26033"
+  integrity sha512-FMabTRlc5t5zjdenF6mS0MBeFZm0XqHqeOkcskKFb/LYCcRQ5fVgLOHVc4Lq9CqABd9zhjwPjMBCJvMCziSVtA==
+
 cmdk@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/cmdk/-/cmdk-1.0.0.tgz#0a095fdafca3dfabed82d1db78a6262fb163ded9"
@@ -6783,6 +7383,11 @@ code-block-writer@^12.0.0:
   resolved "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz"
   integrity sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==
 
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
+
 collect-v8-coverage@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz"
@@ -6820,6 +7425,11 @@ color-string@^1.9.0:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
+color-support@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
 color@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/color/-/color-4.2.3.tgz"
@@ -6833,6 +7443,14 @@ colorette@^2.0.10, colorette@^2.0.20:
   resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
 
+columnify@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
+  integrity sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==
+  dependencies:
+    strip-ansi "^6.0.1"
+    wcwidth "^1.0.0"
+
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
@@ -6888,6 +7506,11 @@ commander@^8.3.0:
   resolved "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
+common-ancestor-path@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
+  integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
+
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz"
@@ -6938,6 +7561,11 @@ console-browserify@^1.2.0:
   resolved "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
+console-control-strings@^1.0.0, console-control-strings@^1.1.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
+
 console-log-level@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/console-log-level/-/console-log-level-1.4.1.tgz"
@@ -7571,6 +8199,14 @@ d3@^7.4.0, d3@^7.8.2:
     d3-transition "3"
     d3-zoom "3"
 
+d@1, d@^1.0.1, d@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.2.tgz#2aefd554b81981e7dccf72d6842ae725cb17e5de"
+  integrity sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==
+  dependencies:
+    es5-ext "^0.10.64"
+    type "^2.7.2"
+
 daemon@>=0.3.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/daemon/-/daemon-1.1.0.tgz"
@@ -7640,7 +8276,7 @@ dayjs@^1.11.10, dayjs@^1.11.7:
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz"
   integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
 
-debug@2.6.9, debug@^2.1.3:
+debug@2.6.9, debug@^2.1.3, debug@^2.2.0:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -7661,11 +8297,23 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.3.3, debug@^4.3.5:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
+decamelize@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-4.0.0.tgz#aa472d7bf660eb15f3494efd531cab7f2a709837"
+  integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
+
 decimal.js-light@^2.4.1:
   version "2.5.1"
   resolved "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz"
@@ -7683,6 +8331,13 @@ decode-named-character-reference@^1.0.0:
   dependencies:
     character-entities "^2.0.0"
 
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==
+  dependencies:
+    mimic-response "^1.0.0"
+
 decompress-response@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz"
@@ -7722,6 +8377,11 @@ deep-eql@^4.1.3:
   dependencies:
     type-detect "^4.0.0"
 
+deep-eql@^5.0.1:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
+  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
+
 deep-equal@^2.0.5:
   version "2.2.3"
   resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz"
@@ -7867,6 +8527,16 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
+
+denque@^1.3.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/denque/-/denque-1.5.1.tgz#07f670e29c9a78f8faecb2566a1e2c11929c5cbf"
+  integrity sha512-XwE+iZ4D6ZUB7mfYRMb5wByE8L74HCn30FBN7sWnXksWc1LO1bPDl67pBR9o/kC4z/xSNAwkMYcGgqDV3BE3Hw==
+
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
@@ -7895,6 +8565,11 @@ detect-indent@^6.1.0:
   resolved "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz"
   integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
 
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
+
 detect-libc@^2.0.0, detect-libc@^2.0.2:
   version "2.0.3"
   resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz"
@@ -7952,6 +8627,11 @@ diff@^5.0.0, diff@^5.1.0:
   resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz"
   integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
 
+diff@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531"
+  integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz"
@@ -8264,6 +8944,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
+encoding@^0.1.13:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
+  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
+  dependencies:
+    iconv-lite "^0.6.2"
+
 end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1, end-of-stream@^1.4.4:
   version "1.4.4"
   resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
@@ -8298,11 +8985,21 @@ entities@^4.2.0, entities@^4.4.0:
   resolved "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
 envinfo@^7.7.3:
   version "7.12.0"
   resolved "https://registry.npmjs.org/envinfo/-/envinfo-7.12.0.tgz"
   integrity sha512-Iw9rQJBGpJRd3rwXm9ft/JiGoAZmLxxJZELYDQoPRZ4USVhkKtIcNBPw6U+/K2mBpaqM25JSV6Yl4Az9vO2wJg==
 
+err-code@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
+  integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
+
 error-callsites@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/error-callsites/-/error-callsites-2.0.4.tgz"
@@ -8519,6 +9216,33 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es5-ext@^0.10.35, es5-ext@^0.10.62, es5-ext@^0.10.63, es5-ext@^0.10.64, es5-ext@~0.10.14:
+  version "0.10.64"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.64.tgz#12e4ffb48f1ba2ea777f1fcdd1918ef73ea21714"
+  integrity sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==
+  dependencies:
+    es6-iterator "^2.0.3"
+    es6-symbol "^3.1.3"
+    esniff "^2.0.1"
+    next-tick "^1.1.0"
+
+es6-iterator@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
+  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
+  dependencies:
+    d "1"
+    es5-ext "^0.10.35"
+    es6-symbol "^3.1.1"
+
+es6-symbol@^3.1.1, es6-symbol@^3.1.3:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.4.tgz#f4e7d28013770b4208ecbf3e0bf14d3bcb557b8c"
+  integrity sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==
+  dependencies:
+    d "^1.0.2"
+    ext "^1.7.0"
+
 esbuild-plugin-alias@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz"
@@ -8802,6 +9526,16 @@ esm-seedrandom@^3.0.5:
   resolved "https://registry.yarnpkg.com/esm-seedrandom/-/esm-seedrandom-3.0.5.tgz#2411adb5864e71c71613907df4cbe831f29fcd2e"
   integrity sha512-pMAq0mFIr5JQ3Ihbng7EBLMJ+llMbaDKkiG44pqbSXS0NIZWtEANpOpxb5s6Q8Q2R562P26qMHPv8YtP/NHh9g==
 
+esniff@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/esniff/-/esniff-2.0.1.tgz#a4d4b43a5c71c7ec51c51098c1d8a29081f9b308"
+  integrity sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==
+  dependencies:
+    d "^1.0.1"
+    es5-ext "^0.10.62"
+    event-emitter "^0.3.5"
+    type "^2.7.2"
+
 espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
@@ -8872,6 +9606,14 @@ etag@~1.8.1:
   resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
+event-emitter@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  integrity sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
 event-target-shim@^5.0.0:
   version "5.0.1"
   resolved "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz"
@@ -8966,6 +9708,11 @@ expect@^29.7.0:
     jest-message-util "^29.7.0"
     jest-util "^29.7.0"
 
+exponential-backoff@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.1.tgz#64ac7526fe341ab18a39016cd22c787d01e00bf6"
+  integrity sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==
+
 express@^4.17.3:
   version "4.19.2"
   resolved "https://registry.npmjs.org/express/-/express-4.19.2.tgz"
@@ -9003,6 +9750,13 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+ext@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
+  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
+  dependencies:
+    type "^2.7.2"
+
 extend@^3.0.0:
   version "3.0.2"
   resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz"
@@ -9090,6 +9844,11 @@ fast-stream-to-buffer@^1.0.0:
   dependencies:
     end-of-stream "^1.4.1"
 
+fastest-levenshtein@^1.0.16:
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
+  integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
+
 fastest-stable-stringify@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz"
@@ -9153,6 +9912,11 @@ file-type@^19.0.0:
     strtok3 "^7.0.0"
     token-types "^5.0.1"
 
+file-uri-to-path@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
+  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
+
 filelist@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz"
@@ -9261,6 +10025,11 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
+
 flatted@^3.2.9:
   version "3.2.9"
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz"
@@ -9418,13 +10187,20 @@ fs-extra@^9.0.1:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-minipass@^2.0.0:
+fs-minipass@^2.0.0, fs-minipass@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz"
   integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
   dependencies:
     minipass "^3.0.0"
 
+fs-minipass@^3.0.0, fs-minipass@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-3.0.3.tgz#79a85981c4dc120065e96f62086bf6f9dc26cc54"
+  integrity sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==
+  dependencies:
+    minipass "^7.0.3"
+
 fs-monkey@^1.0.4:
   version "1.0.5"
   resolved "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz"
@@ -9435,6 +10211,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fs@^0.0.1-security:
+  version "0.0.1-security"
+  resolved "https://registry.yarnpkg.com/fs/-/fs-0.0.1-security.tgz#8a7bd37186b6dddf3813f23858b57ecaaf5e41d4"
+  integrity sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==
+
 fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -9465,6 +10246,48 @@ fuse.js@^6.6.2:
   resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-6.6.2.tgz#fe463fed4b98c0226ac3da2856a415576dc9a111"
   integrity sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==
 
+gauge@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-4.0.4.tgz#52ff0652f2bbf607a989793d53b751bef2328dce"
+  integrity sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.3"
+    console-control-strings "^1.1.0"
+    has-unicode "^2.0.1"
+    signal-exit "^3.0.7"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.5"
+
+gauge@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-5.0.2.tgz#7ab44c11181da9766333f10db8cd1e4b17fd6c46"
+  integrity sha512-pMaFftXPtiGIHCJHdcUUx9Rby/rFT/Kkt3fIIGCs+9PMDIljSyRiqraTlxNtBReJRDfUefpa263RQ3vnp5G/LQ==
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.3"
+    console-control-strings "^1.1.0"
+    has-unicode "^2.0.1"
+    signal-exit "^4.0.1"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.5"
+
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  integrity sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
@@ -9604,6 +10427,18 @@ glob@10.3.10, glob@^10.0.0, glob@^10.3.10, glob@^10.3.7:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
+glob@^10.2.2:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
 glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@~7.2.3:
   version "7.2.3"
   resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
@@ -9616,7 +10451,7 @@ glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@~7.2.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.3:
+glob@^8.0.1, glob@^8.0.3, glob@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
   integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
@@ -9681,7 +10516,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -9771,6 +10606,11 @@ has-tostringtag@^1.0.2:
   dependencies:
     has-symbols "^1.0.3"
 
+has-unicode@^2.0.0, has-unicode@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
+
 has@~1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
@@ -10046,6 +10886,13 @@ hosted-git-info@^2.1.4:
   resolved "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz"
   integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
+hosted-git-info@^6.0.0, hosted-git-info@^6.1.1, hosted-git-info@^6.1.3:
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-6.1.3.tgz#2ee1a14a097a1236bddf8672c35b613c46c55946"
+  integrity sha512-HVJyzUrLIL1c0QmviVh5E8VGyUS7xCFPS6yydaVd1UegW+ibV/CohqTH9MkOLDp5o+rb82DMo77PTuc9F/8GKw==
+  dependencies:
+    lru-cache "^7.5.1"
+
 html-encoding-sniffer@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz"
@@ -10130,6 +10977,11 @@ htmlparser2@^8.0.0:
     domutils "^3.0.1"
     entities "^4.4.0"
 
+http-cache-semantics@^4.1.0, http-cache-semantics@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
+  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
@@ -10215,6 +11067,11 @@ i18next-fs-backend@^2.3.1:
   resolved "https://registry.npmjs.org/i18next-fs-backend/-/i18next-fs-backend-2.3.1.tgz"
   integrity sha512-tvfXskmG/9o+TJ5Fxu54sSO5OkY6d+uMn+K6JiUGLJrwxAVfer+8V3nU8jq3ts9Pe5lXJv4b1N7foIjJ8Iy2Gg==
 
+i@^0.3.7:
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/i/-/i-0.3.7.tgz#2a7437a923d59c14b17243dc63a549af24d85799"
+  integrity sha512-FYz4wlXgkQwIPqhzC5TdNMLSE5+GS1IIDJZY/1ZiEPCT2S3COUVZeT5OW4BmW4r5LHLQuOosSwsvnroG9GR59Q==
+
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz"
@@ -10222,7 +11079,7 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@0.6, iconv-lite@0.6.3:
+iconv-lite@0.6, iconv-lite@0.6.3, iconv-lite@^0.6.2:
   version "0.6.3"
   resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
@@ -10244,6 +11101,13 @@ ieee754@^1.1.13, ieee754@^1.2.1:
   resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
+ignore-walk@^6.0.0:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-6.0.5.tgz#ef8d61eab7da169078723d1f82833b36e200b0dd"
+  integrity sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==
+  dependencies:
+    minimatch "^9.0.0"
+
 ignore@^5.2.0:
   version "5.3.0"
   resolved "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz"
@@ -10307,6 +11171,11 @@ indent-string@^4.0.0:
   resolved "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
+infer-owner@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
+
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
@@ -10320,11 +11189,29 @@ inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, i
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
+ini@^4.1.0, ini@^4.1.1:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-4.1.3.tgz#4c359675a6071a46985eb39b14e4a2c0ec98a795"
+  integrity sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==
+
 ini@~1.3.0:
   version "1.3.8"
   resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+init-package-json@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-5.0.0.tgz#030cf0ea9c84cfc1b0dc2e898b45d171393e4b40"
+  integrity sha512-kBhlSheBfYmq3e0L1ii+VKe3zBTLL5lDCDWR+f9dLmEGSB3MqLlMlsolubSsyI88Bg6EA+BIMlomAnQ1SwgQBw==
+  dependencies:
+    npm-package-arg "^10.0.0"
+    promzard "^1.0.0"
+    read "^2.0.0"
+    read-package-json "^6.0.0"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+    validate-npm-package-name "^5.0.0"
+
 init@^0.1.2:
   version "0.1.2"
   resolved "https://registry.npmjs.org/init/-/init-0.1.2.tgz"
@@ -10401,6 +11288,19 @@ invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
+ip-address@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/ip-address/-/ip-address-9.0.5.tgz#117a960819b08780c3bd1f14ef3c1cc1d3f3ea5a"
+  integrity sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==
+  dependencies:
+    jsbn "1.1.0"
+    sprintf-js "^1.1.3"
+
+ip-regex@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
+  integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
+
 ip@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz"
@@ -10498,6 +11398,13 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
+is-cidr@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
+  integrity sha512-z4a1ENUajDbEl/Q6/pVBpTR1nBjjEE1X7qb7bmWYanNnPoKAvUCPFKeXV6Fe4mgTkWKBqiHIcwsI3SndiO5FeA==
+  dependencies:
+    cidr-regex "^3.1.1"
+
 is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
   version "2.13.1"
   resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz"
@@ -10505,6 +11412,13 @@ is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
   dependencies:
     hasown "^2.0.0"
 
+is-core-module@^2.8.1:
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.0.tgz#6c01ffdd5e33c49c1d2abfa93334a85cb56bd81c"
+  integrity sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==
+  dependencies:
+    hasown "^2.0.2"
+
 is-data-view@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
@@ -10551,6 +11465,13 @@ is-finite@^1.0.0:
   resolved "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz"
   integrity sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==
 
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
+  dependencies:
+    number-is-nan "^1.0.0"
+
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
@@ -10614,6 +11535,11 @@ is-interactive@^2.0.0:
   resolved "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz"
   integrity sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==
 
+is-lambda@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
+  integrity sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==
+
 is-lite@^0.8.2:
   version "0.8.2"
   resolved "https://registry.npmjs.org/is-lite/-/is-lite-0.8.2.tgz"
@@ -10698,6 +11624,11 @@ is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
+is-plain-obj@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
+  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
+
 is-plain-obj@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz"
@@ -10797,6 +11728,11 @@ is-typed-array@^1.1.13:
   dependencies:
     which-typed-array "^1.1.14"
 
+is-typedarray@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+
 is-unicode-supported@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
@@ -10927,6 +11863,15 @@ jackspeak@^2.3.5:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
 jake@^10.8.5:
   version "10.8.7"
   resolved "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz"
@@ -11400,6 +12345,11 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
+jsbn@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-1.1.0.tgz#b01307cb29b618a1ed26ec79e911f803c4da0040"
+  integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==
+
 jscodeshift@^0.15.1:
   version "0.15.2"
   resolved "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz"
@@ -11485,6 +12435,11 @@ json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
+json-parse-even-better-errors@^3.0.0, json-parse-even-better-errors@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz#b43d35e89c0f3be6b5fbbe9dc6c82467b30c28da"
+  integrity sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
@@ -11505,6 +12460,11 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
+json-stringify-nice@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
+  integrity sha512-5Z5RFW63yxReJ7vANgW6eZFGWaQvnPE3WNmZoOJrSkGju2etKA2L5rrOa1sm877TVTFt57A80BH1bArcmlLfPw==
+
 json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz"
@@ -11533,6 +12493,11 @@ jsonp@^0.2.1:
   dependencies:
     debug "^2.1.3"
 
+jsonparse@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
+  integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
+
 jsonpointer@^5.0.0:
   version "5.0.1"
   resolved "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz"
@@ -11548,6 +12513,49 @@ jsonpointer@^5.0.0:
     object.assign "^4.1.4"
     object.values "^1.1.6"
 
+just-diff-apply@^5.2.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.5.0.tgz#771c2ca9fa69f3d2b54e7c3f5c1dfcbcc47f9f0f"
+  integrity sha512-OYTthRfSh55WOItVqwpefPtNt2VdKsq5AnAK6apdtR6yCH8pr0CmSr710J0Mf+WdQy7K/OzMy7K2MgAfdQURDw==
+
+just-diff@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-6.0.2.tgz#03b65908543ac0521caf6d8eb85035f7d27ea285"
+  integrity sha512-S59eriX5u3/QhMNq3v/gm8Kd0w8OS6Tz2FS1NG4blv+z0MuQcBRJyFWjdovM0Rad4/P4aUPFtnkNjMjyMlMSYA==
+
+kafka-node@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/kafka-node/-/kafka-node-5.0.0.tgz#4b6f65cc1d77ebe565859dfb8f9575ed15d543c0"
+  integrity sha512-dD2ga5gLcQhsq1yNoQdy1MU4x4z7YnXM5bcG9SdQuiNr5KKuAmXixH1Mggwdah5o7EfholFbcNDPSVA6BIfaug==
+  dependencies:
+    async "^2.6.2"
+    binary "~0.3.0"
+    bl "^2.2.0"
+    buffer-crc32 "~0.2.5"
+    buffermaker "~1.2.0"
+    debug "^2.1.3"
+    denque "^1.3.0"
+    lodash "^4.17.4"
+    minimatch "^3.0.2"
+    nested-error-stacks "^2.0.0"
+    optional "^0.1.3"
+    retry "^0.10.1"
+    uuid "^3.0.0"
+  optionalDependencies:
+    snappy "^6.0.1"
+
+kafka@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/kafka/-/kafka-0.2.3.tgz#fb7b1df38f161d821fee9dcb63985e388ea08188"
+  integrity sha512-Qi9J1HgikGlZz4dGzG++sZ3L52JTE+LCWelz3MNmze0KePSeWvZHVtGe981/mD/u+wyLg6INFw3Rgrqyg+orTA==
+  dependencies:
+    std "0.1.36"
+
+kafkajs@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/kafkajs/-/kafkajs-2.2.4.tgz#59e6e16459d87fdf8b64be73970ed5aa42370a5b"
+  integrity sha512-j/YeapB1vfPT2iOIUn/vxdyKEuhuY2PxMBvf5JWux6iSaukAccrMtXEY/Lb7OvavDhOWME589bpLrEdnVHjfjA==
+
 katex@^0.16.9:
   version "0.16.9"
   resolved "https://registry.npmjs.org/katex/-/katex-0.16.9.tgz"
@@ -11664,11 +12672,161 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+libcardano@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.8.tgz#ee09c45d47291d984c11ae72f9319d85dd898e20"
+  integrity sha512-VN01OGnQ07YUr6y8NYhwRs1TYtfqI+Df5A82X0FMEGBURw5k8Axh81U4vlpIfCpkhF74Ov8taXkh38pxcEDABA==
+  dependencies:
+    "@cardano-sdk/crypto" "^0.1.30"
+    "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"
+    "@noble/curves" "^1.6.0"
+    "@prisma/client" "4.15.0"
+    bech32 "^2.0.0"
+    bip39 "^3.1.0"
+    blake2b "^2.1.4"
+    blakejs "^1.2.1"
+    cbor "^9.0.0"
+    chai "^5.1.1"
+    fs "^0.0.1-security"
+    kafka "^0.2.3"
+    kafka-node "^5.0.0"
+    kafkajs "^2.2.4"
+    mocha "^10.5.2"
+    prisma "^4.15.0"
+    readline "^1.3.0"
+    tsconfig-paths "^4.2.0"
+    websocket "^1.0.35"
+
+libnpmaccess@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-7.0.3.tgz#9878b75c5cf36ddfff167dd47c1a6cf1fa21193c"
+  integrity sha512-It+fk/NRdRfv5giLhaVeyebGi/0S2LDSAwuZ0AGQ4x//PtCVb2Hj29wgSHe+XEL+RUkvLBkxbRV+DqLtOzuVTQ==
+  dependencies:
+    npm-package-arg "^10.1.0"
+    npm-registry-fetch "^14.0.3"
+
+libnpmdiff@^5.0.20:
+  version "5.0.21"
+  resolved "https://registry.yarnpkg.com/libnpmdiff/-/libnpmdiff-5.0.21.tgz#9d3036595a4cf393e1de07df98a40607a054d333"
+  integrity sha512-Zx+o/qnGoX46osnInyQQ5KI8jn2wIqXXiu4TJzE8GFd+o6kbyblJf+ihG81M1+yHK3AzkD1m4KK3+UTPXh/hBw==
+  dependencies:
+    "@npmcli/arborist" "^6.5.0"
+    "@npmcli/disparity-colors" "^3.0.0"
+    "@npmcli/installed-package-contents" "^2.0.2"
+    binary-extensions "^2.2.0"
+    diff "^5.1.0"
+    minimatch "^9.0.0"
+    npm-package-arg "^10.1.0"
+    pacote "^15.0.8"
+    tar "^6.1.13"
+
+libnpmexec@^6.0.4:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmexec/-/libnpmexec-6.0.5.tgz#36eb7e5a94a653478c8dd66b4a967cadf3f2540d"
+  integrity sha512-yN/7uJ3iYCPaKagHfrqXuCFLKn2ddcnYpEyC/tVhisHULC95uCy8AhUdNkThRXzhFqqptejO25ZfoWOGrdqnxA==
+  dependencies:
+    "@npmcli/arborist" "^6.5.0"
+    "@npmcli/run-script" "^6.0.0"
+    ci-info "^4.0.0"
+    npm-package-arg "^10.1.0"
+    npmlog "^7.0.1"
+    pacote "^15.0.8"
+    proc-log "^3.0.0"
+    read "^2.0.0"
+    read-package-json-fast "^3.0.2"
+    semver "^7.3.7"
+    walk-up-path "^3.0.1"
+
+libnpmfund@^4.2.1:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/libnpmfund/-/libnpmfund-4.2.2.tgz#4e50507212e64fcb6a396e4c02369f6c0fc40369"
+  integrity sha512-qnkP09tpryxD/iPYasHM7+yG4ZVe0e91sBVI/R8HJ1+ajeR9poWDckwiN2LEWGvtV/T/dqB++6A1NLrA5NPryw==
+  dependencies:
+    "@npmcli/arborist" "^6.5.0"
+
+libnpmhook@^9.0.3:
+  version "9.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-9.0.4.tgz#43d893e19944a2e729b2b165a74f84a69443880d"
+  integrity sha512-bYD8nJiPnqeMtSsRc5bztqSh6/v16M0jQjLeO959HJqf9ZRWKRpVnFx971Rz5zbPGOB2BrQa6iopsh5vons5ww==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^14.0.3"
+
+libnpmorg@^5.0.4:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-5.0.5.tgz#baaba5c77bdfa6808975be9134a330f84b3fa4d4"
+  integrity sha512-0EbtEIFthVlmaj0hhC3LlEEXUZU3vKfJwfWL//iAqKjHreMhCD3cgdkld+UeWYDgsZzwzvXmopoY0l38I0yx9Q==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^14.0.3"
+
+libnpmpack@^5.0.20:
+  version "5.0.21"
+  resolved "https://registry.yarnpkg.com/libnpmpack/-/libnpmpack-5.0.21.tgz#bcc608279840448fa8c28d8df0f326694d0b6061"
+  integrity sha512-mQd3pPx7Xf6i2A6QnYcCmgq34BmfVG3HJvpl422B5dLKfi9acITqcJiJ2K7adhxPKZMF5VbP2+j391cs5w+xww==
+  dependencies:
+    "@npmcli/arborist" "^6.5.0"
+    "@npmcli/run-script" "^6.0.0"
+    npm-package-arg "^10.1.0"
+    pacote "^15.0.8"
+
+libnpmpublish@^7.5.1:
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-7.5.2.tgz#1b2780a4a56429d6dea332174286179b8d6f930c"
+  integrity sha512-azAxjEjAgBkbPHUGsGdMbTScyiLcTKdEnNYwGS+9yt+fUsNyiYn8hNH3+HeWKaXzFjvxi50MrHw1yp1gg5pumQ==
+  dependencies:
+    ci-info "^4.0.0"
+    normalize-package-data "^5.0.0"
+    npm-package-arg "^10.1.0"
+    npm-registry-fetch "^14.0.3"
+    proc-log "^3.0.0"
+    semver "^7.3.7"
+    sigstore "^1.4.0"
+    ssri "^10.0.1"
+
+libnpmsearch@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-6.0.3.tgz#f6001910b4a68341c2aa3f6f9505e665ed98759e"
+  integrity sha512-4FLTFsygxRKd+PL32WJlFN1g6gkfx3d90PjgSgd6kl9nJ55sZQAqNyi1M7QROKB4kN8JCNCphK8fQYDMg5bCcg==
+  dependencies:
+    npm-registry-fetch "^14.0.3"
+
+libnpmteam@^5.0.3:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-5.0.4.tgz#255ac22d94e4b9e911456bf97c1dc1013df03659"
+  integrity sha512-yN2zxNb8Urvvo7fTWRcP3E/KPtpZJXFweDWcl+H/s3zopGDI9ahpidddGVG98JhnPl3vjqtZvFGU3/sqVTfuIw==
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^14.0.3"
+
+libnpmversion@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmversion/-/libnpmversion-4.0.3.tgz#f4d85d3eb6bdbf7de8d9317abda92528e84b1a53"
+  integrity sha512-eD1O5zr0ko5pjOdz+2NyTEzP0kzKG8VIVyU+hIsz61cRmTrTxFRJhVBNOI1Q/inifkcM/UTl8EMfa0vX48zfoQ==
+  dependencies:
+    "@npmcli/git" "^4.0.1"
+    "@npmcli/run-script" "^6.0.0"
+    json-parse-even-better-errors "^3.0.0"
+    proc-log "^3.0.0"
+    semver "^7.3.7"
+
 libphonenumber-js@^1.10.54:
   version "1.10.54"
   resolved "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.54.tgz"
   integrity sha512-P+38dUgJsmh0gzoRDoM4F5jLbyfztkU6PY6eSK6S5HwTi/LPvnwXqVCQZlAy1FxZ5c48q25QhxGQ0pq+WQcSlQ==
 
+libsodium-sumo@^0.7.15:
+  version "0.7.15"
+  resolved "https://registry.yarnpkg.com/libsodium-sumo/-/libsodium-sumo-0.7.15.tgz#91c1d863fe3fbce6d6b9db1aadaa622733a1d007"
+  integrity sha512-5tPmqPmq8T8Nikpm1Nqj0hBHvsLFCXvdhBFV7SGOitQPZAA6jso8XoL0r4L7vmfKXr486fiQInvErHtEvizFMw==
+
+libsodium-wrappers-sumo@^0.7.5:
+  version "0.7.15"
+  resolved "https://registry.yarnpkg.com/libsodium-wrappers-sumo/-/libsodium-wrappers-sumo-0.7.15.tgz#0ef2a99b4b17e8385aa7e6850593660dbaf5fb40"
+  integrity sha512-aSWY8wKDZh5TC7rMvEdTHoyppVq/1dTSAeAR7H6pzd6QRT3vQWcT5pGwCotLcpPEOLXX6VvqihSPkpEhYAjANA==
+  dependencies:
+    libsodium-sumo "^0.7.15"
+
 lie@3.1.1:
   version "3.1.1"
   resolved "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz"
@@ -11834,7 +12992,7 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
-lodash@^4.0.1, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
+lodash@^4.0.1, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -11866,6 +13024,11 @@ log-update@^6.0.0:
     strip-ansi "^7.1.0"
     wrap-ansi "^9.0.0"
 
+long@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/long/-/long-1.1.2.tgz#eaef5951ca7551d96926b82da242db9d6b28fb53"
+  integrity sha512-pjR3OP1X2VVQhCQlrq3s8UxugQsuoucwMOn9Yj/kN/61HMc+lDFJS5bvpNEHneZ9NVaSm8gNWxZvtGS7lqHb3Q==
+
 longest-streak@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz"
@@ -11885,6 +13048,11 @@ loupe@^2.3.6, loupe@^2.3.7:
   dependencies:
     get-func-name "^2.0.1"
 
+loupe@^3.1.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.2.tgz#c86e0696804a02218f2206124c45d8b15291a240"
+  integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==
+
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz"
@@ -11897,6 +13065,11 @@ lru-cache@10.2.0:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3"
   integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==
 
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz"
@@ -11911,6 +13084,11 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1:
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.3.tgz#f793896e0fd0e954a59dfdd82f0773808df6aa89"
+  integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
+
 "lru-cache@^9.1.1 || ^10.0.0":
   version "10.1.0"
   resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz"
@@ -11974,6 +13152,49 @@ make-error@1.x, make-error@^1.1.1:
   resolved "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
 
+make-fetch-happen@^10.0.3:
+  version "10.2.1"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz#f5e3835c5e9817b617f2770870d9492d28678164"
+  integrity sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==
+  dependencies:
+    agentkeepalive "^4.2.1"
+    cacache "^16.1.0"
+    http-cache-semantics "^4.1.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-fetch "^2.0.3"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.3"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^7.0.0"
+    ssri "^9.0.0"
+
+make-fetch-happen@^11.0.0, make-fetch-happen@^11.0.1, make-fetch-happen@^11.1.1:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz#85ceb98079584a9523d4bf71d32996e7e208549f"
+  integrity sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==
+  dependencies:
+    agentkeepalive "^4.2.1"
+    cacache "^17.0.0"
+    http-cache-semantics "^4.1.1"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^7.7.1"
+    minipass "^5.0.0"
+    minipass-fetch "^3.0.0"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.3"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^7.0.0"
+    ssri "^10.0.0"
+
 makeerror@1.0.12:
   version "1.0.12"
   resolved "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz"
@@ -12843,6 +14064,11 @@ mimic-fn@^4.0.0:
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz"
   integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
 
+mimic-response@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
 mimic-response@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz"
@@ -12882,7 +14108,7 @@ minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatc
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1:
+minimatch@^5.0.1, minimatch@^5.1.6:
   version "5.1.6"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
@@ -12896,6 +14122,13 @@ minimatch@^7.4.3:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.0, minimatch@^9.0.3:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^9.0.4:
   version "9.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.4.tgz#8e49c731d1749cbec05050ee5145147b32496a51"
@@ -12908,7 +14141,65 @@ minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-minipass@^3.0.0:
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-fetch@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-2.1.2.tgz#95560b50c472d81a3bc76f20ede80eaed76d8add"
+  integrity sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==
+  dependencies:
+    minipass "^3.1.6"
+    minipass-sized "^1.0.3"
+    minizlib "^2.1.2"
+  optionalDependencies:
+    encoding "^0.1.13"
+
+minipass-fetch@^3.0.0:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-3.0.5.tgz#f0f97e40580affc4a35cc4a1349f05ae36cb1e4c"
+  integrity sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==
+  dependencies:
+    minipass "^7.0.3"
+    minipass-sized "^1.0.3"
+    minizlib "^2.1.2"
+  optionalDependencies:
+    encoding "^0.1.13"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-json-stream@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/minipass-json-stream/-/minipass-json-stream-1.0.2.tgz#5121616c77a11c406c3ffa77509e0b77bb267ec3"
+  integrity sha512-myxeeTm57lYs8pH2nxPzmEEg8DGIgW+9mv6D4JZD2pa81I/OBjeU7PtICXV6c9eRGTA5JMDsuIPUZRCyBMYNhg==
+  dependencies:
+    jsonparse "^1.3.1"
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-sized@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/minipass-sized/-/minipass-sized-1.0.3.tgz#70ee5a7c5052070afacfbc22977ea79def353b70"
+  integrity sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass@^3.0.0, minipass@^3.1.1, minipass@^3.1.6:
   version "3.3.6"
   resolved "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz"
   integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
@@ -12925,7 +14216,12 @@ minipass@^5.0.0:
   resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
   integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
 
-minizlib@^2.1.1:
+minipass@^7.0.3, minipass@^7.0.4, minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+minizlib@^2.1.1, minizlib@^2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz"
   integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
@@ -12938,14 +14234,14 @@ mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   resolved "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
-mkdirp@^0.5.5:
+mkdirp@^0.5.1, mkdirp@^0.5.5:
   version "0.5.6"
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
   dependencies:
     minimist "^1.2.6"
 
-mkdirp@^1.0.3:
+mkdirp@^1.0.3, mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
@@ -12955,6 +14251,32 @@ mkdirp@^2.1.6:
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz"
   integrity sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==
 
+mocha@^10.5.2:
+  version "10.8.2"
+  resolved "https://registry.yarnpkg.com/mocha/-/mocha-10.8.2.tgz#8d8342d016ed411b12a429eb731b825f961afb96"
+  integrity sha512-VZlYo/WE8t1tstuRmqgeyBgCbJc/lEdopaa+axcKzTBJ+UIdlAB9XnmvTCAH4pwR4ElNInaedhEBmZD8iCSVEg==
+  dependencies:
+    ansi-colors "^4.1.3"
+    browser-stdout "^1.3.1"
+    chokidar "^3.5.3"
+    debug "^4.3.5"
+    diff "^5.2.0"
+    escape-string-regexp "^4.0.0"
+    find-up "^5.0.0"
+    glob "^8.1.0"
+    he "^1.2.0"
+    js-yaml "^4.1.0"
+    log-symbols "^4.1.0"
+    minimatch "^5.1.6"
+    ms "^2.1.3"
+    serialize-javascript "^6.0.2"
+    strip-json-comments "^3.1.1"
+    supports-color "^8.1.1"
+    workerpool "^6.5.1"
+    yargs "^16.2.0"
+    yargs-parser "^20.2.9"
+    yargs-unparser "^2.0.0"
+
 mock-property@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/mock-property/-/mock-property-1.0.3.tgz#3e37c50a56609d548cabd56559fde3dd8767b10c"
@@ -13004,7 +14326,7 @@ ms@2.1.2, ms@^2.0.0, ms@^2.1.1:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3:
+ms@2.1.3, ms@^2.1.2, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -13041,6 +14363,11 @@ mute-stream@0.0.8:
   resolved "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
+mute-stream@^1.0.0, mute-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-1.0.0.tgz#e31bd9fe62f0aed23520aa4324ea6671531e013e"
+  integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
+
 mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
@@ -13055,6 +14382,11 @@ name-initials@^0.1.3:
   resolved "https://registry.yarnpkg.com/name-initials/-/name-initials-0.1.3.tgz#b9af9d8d551068b1c147c50458477f47c1217776"
   integrity sha512-UJcpCmyftGuZ7I46dqOw776VvH3VqHhAM7ma4eyY0t52FahFv/VhmDqSeekwSZFXyK9HLg9MXmb9udeOJ3YtCA==
 
+nan@^2.14.1:
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.22.0.tgz#31bc433fc33213c97bad36404bb68063de604de3"
+  integrity sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==
+
 nano-css@^5.6.1:
   version "5.6.1"
   resolved "https://registry.npmjs.org/nano-css/-/nano-css-5.6.1.tgz"
@@ -13069,6 +14401,11 @@ nano-css@^5.6.1:
     stacktrace-js "^2.0.2"
     stylis "^4.3.0"
 
+nanoassert@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/nanoassert/-/nanoassert-2.0.0.tgz#a05f86de6c7a51618038a620f88878ed1e490c09"
+  integrity sha512-7vO7n28+aYO4J+8w96AzhmU8G+Y/xpPDJz/se19ICsqj/momRbb9mh9ZUtkoJ5X3nTnPdhEJyc0qnM6yAsHBaA==
+
 nanoid@^3.3.6, nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz"
@@ -13089,11 +14426,21 @@ negotiator@0.6.3:
   resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
+negotiator@^0.6.3:
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
+  integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
+
 neo-async@^2.5.0, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
+nested-error-stacks@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-2.1.1.tgz#26c8a3cee6cc05fbcf1e333cd2fc3e003326c0b5"
+  integrity sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==
+
 next-i18next@^15.2.0:
   version "15.2.0"
   resolved "https://registry.npmjs.org/next-i18next/-/next-i18next-15.2.0.tgz"
@@ -13149,6 +14496,11 @@ next-themes@^0.2.1:
   resolved "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz"
   integrity sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==
 
+next-tick@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
+  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
+
 next@^14.2.5:
   version "14.2.13"
   resolved "https://registry.yarnpkg.com/next/-/next-14.2.13.tgz#32da2ee0afbe729e2d4a467c3570def90e1c974d"
@@ -13180,6 +14532,13 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
+node-abi@^2.7.0:
+  version "2.30.1"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.30.1.tgz#c437d4b1fe0e285aaf290d45b45d4d7afedac4cf"
+  integrity sha512-/2D0wOQPgaUWzVSVgRMx+trKJRC2UG4SUc4oCJoXx9Uxjtp0Vy3/kt7zcbxHF8+Z/pK3UloLWzBISg72brfy1w==
+  dependencies:
+    semver "^5.4.1"
+
 node-abi@^3.3.0:
   version "3.57.0"
   resolved "https://registry.npmjs.org/node-abi/-/node-abi-3.57.0.tgz"
@@ -13230,6 +14589,28 @@ node-fetch@^3.3.0:
     fetch-blob "^3.1.4"
     formdata-polyfill "^4.0.10"
 
+node-gyp-build@^4.3.0:
+  version "4.8.4"
+  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.4.tgz#8a70ee85464ae52327772a90d66c6077a900cfc8"
+  integrity sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==
+
+node-gyp@^9.0.0, node-gyp@^9.4.1:
+  version "9.4.1"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.4.1.tgz#8a1023e0d6766ecb52764cc3a734b36ff275e185"
+  integrity sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ==
+  dependencies:
+    env-paths "^2.2.0"
+    exponential-backoff "^3.1.1"
+    glob "^7.1.4"
+    graceful-fs "^4.2.6"
+    make-fetch-happen "^10.0.3"
+    nopt "^6.0.0"
+    npmlog "^6.0.0"
+    rimraf "^3.0.2"
+    semver "^7.3.5"
+    tar "^6.1.2"
+    which "^2.0.2"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz"
@@ -13271,11 +14652,35 @@ node-releases@^2.0.14:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
+nofilter@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-3.1.0.tgz#c757ba68801d41ff930ba2ec55bab52ca184aa66"
+  integrity sha512-l2NNj07e9afPnhAhvgVrCD/oy2Ai1yfLpuo3EpiO1jFTsB4sFz6oIfAfSZyQzVpkZQ9xS8ZS5g1jCBgq4Hwo0g==
+
 non-layered-tidy-tree-layout@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz"
   integrity sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==
 
+noop-logger@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
+  integrity sha512-6kM8CLXvuW5crTxsAtva2YLrRrDaiTIkIePWs9moLHqbFWT94WpNFjwS/5dfLfECg5i/lkmw3aoqVidxt23TEQ==
+
+nopt@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
+  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
+  dependencies:
+    abbrev "^1.0.0"
+
+nopt@^7.0.0, nopt@^7.2.0:
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-7.2.1.tgz#1cac0eab9b8e97c9093338446eddd40b2c8ca1e7"
+  integrity sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==
+  dependencies:
+    abbrev "^2.0.0"
+
 normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz"
@@ -13286,6 +14691,16 @@ normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
+normalize-package-data@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-5.0.0.tgz#abcb8d7e724c40d88462b84982f7cbf6859b4588"
+  integrity sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==
+  dependencies:
+    hosted-git-info "^6.0.0"
+    is-core-module "^2.8.1"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -13301,6 +14716,78 @@ not@^0.1.0:
   resolved "https://registry.npmjs.org/not/-/not-0.1.0.tgz"
   integrity sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==
 
+npm-audit-report@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/npm-audit-report/-/npm-audit-report-5.0.0.tgz#83ac14aeff249484bde81eff53c3771d5048cf95"
+  integrity sha512-EkXrzat7zERmUhHaoren1YhTxFwsOu5jypE84k6632SXTHcQE1z8V51GC6GVZt8LxkC+tbBcKMUBZAgk8SUSbw==
+
+npm-bundled@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-3.0.1.tgz#cca73e15560237696254b10170d8f86dad62da25"
+  integrity sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==
+  dependencies:
+    npm-normalize-package-bin "^3.0.0"
+
+npm-install-checks@^6.0.0, npm-install-checks@^6.2.0, npm-install-checks@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-6.3.0.tgz#046552d8920e801fa9f919cad569545d60e826fe"
+  integrity sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==
+  dependencies:
+    semver "^7.1.1"
+
+npm-normalize-package-bin@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz#25447e32a9a7de1f51362c61a559233b89947832"
+  integrity sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==
+
+npm-package-arg@^10.0.0, npm-package-arg@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-10.1.0.tgz#827d1260a683806685d17193073cc152d3c7e9b1"
+  integrity sha512-uFyyCEmgBfZTtrKk/5xDfHp6+MdrqGotX/VoOyEEl3mBwiEE5FlBaePanazJSVMPT7vKepcjYBY2ztg9A3yPIA==
+  dependencies:
+    hosted-git-info "^6.0.0"
+    proc-log "^3.0.0"
+    semver "^7.3.5"
+    validate-npm-package-name "^5.0.0"
+
+npm-packlist@^7.0.0:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-7.0.4.tgz#033bf74110eb74daf2910dc75144411999c5ff32"
+  integrity sha512-d6RGEuRrNS5/N84iglPivjaJPxhDbZmlbTwTDX2IbcRHG5bZCdtysYMhwiPvcF4GisXHGn7xsxv+GQ7T/02M5Q==
+  dependencies:
+    ignore-walk "^6.0.0"
+
+npm-pick-manifest@^8.0.0, npm-pick-manifest@^8.0.1, npm-pick-manifest@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-8.0.2.tgz#2159778d9c7360420c925c1a2287b5a884c713aa"
+  integrity sha512-1dKY+86/AIiq1tkKVD3l0WI+Gd3vkknVGAggsFeBkTvbhMQ1OND/LKkYv4JtXPKUJ8bOTCyLiqEg2P6QNdK+Gg==
+  dependencies:
+    npm-install-checks "^6.0.0"
+    npm-normalize-package-bin "^3.0.0"
+    npm-package-arg "^10.0.0"
+    semver "^7.3.5"
+
+npm-profile@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-7.0.1.tgz#a37dae08b22e662ece2c6e08946f9fcd9fdef663"
+  integrity sha512-VReArOY/fCx5dWL66cbJ2OMogTQAVVQA//8jjmjkarboki3V7UJ0XbGFW+khRwiAJFQjuH0Bqr/yF7Y5RZdkMQ==
+  dependencies:
+    npm-registry-fetch "^14.0.0"
+    proc-log "^3.0.0"
+
+npm-registry-fetch@^14.0.0, npm-registry-fetch@^14.0.3, npm-registry-fetch@^14.0.5:
+  version "14.0.5"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-14.0.5.tgz#fe7169957ba4986a4853a650278ee02e568d115d"
+  integrity sha512-kIDMIo4aBm6xg7jOttupWZamsZRkAqMqwqqbVXnUqstY5+tapvv6bkH/qMR76jdgV+YljEUCyWx3hRYMrJiAgA==
+  dependencies:
+    make-fetch-happen "^11.0.0"
+    minipass "^5.0.0"
+    minipass-fetch "^3.0.0"
+    minipass-json-stream "^1.0.1"
+    minizlib "^2.1.2"
+    npm-package-arg "^10.0.0"
+    proc-log "^3.0.0"
+
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
@@ -13315,6 +14802,117 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
+npm-user-validate@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/npm-user-validate/-/npm-user-validate-2.0.1.tgz#097afbf0a2351e2a8f478f1ba07960b368f2a25c"
+  integrity sha512-d17PKaF2h8LSGFl5j4b1gHOJt1fgH7YUcCm1kNSJvaLWWKXlBsuUvx0bBEkr0qhsVA9XP5LtRZ83hdlhm2QkgA==
+
+npm@^9.3.0:
+  version "9.9.4"
+  resolved "https://registry.yarnpkg.com/npm/-/npm-9.9.4.tgz#572bef36e61852c5a391bb3b4eb86c231b1365cd"
+  integrity sha512-NzcQiLpqDuLhavdyJ2J3tGJ/ni/ebcqHVFZkv1C4/6lblraUPbPgCJ4Vhb4oa3FFhRa2Yj9gA58jGH/ztKueNQ==
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/arborist" "^6.5.0"
+    "@npmcli/config" "^6.4.0"
+    "@npmcli/fs" "^3.1.0"
+    "@npmcli/map-workspaces" "^3.0.4"
+    "@npmcli/package-json" "^4.0.1"
+    "@npmcli/promise-spawn" "^6.0.2"
+    "@npmcli/run-script" "^6.0.2"
+    abbrev "^2.0.0"
+    archy "~1.0.0"
+    cacache "^17.1.4"
+    chalk "^5.3.0"
+    ci-info "^4.0.0"
+    cli-columns "^4.0.0"
+    cli-table3 "^0.6.3"
+    columnify "^1.6.0"
+    fastest-levenshtein "^1.0.16"
+    fs-minipass "^3.0.3"
+    glob "^10.3.10"
+    graceful-fs "^4.2.11"
+    hosted-git-info "^6.1.3"
+    ini "^4.1.1"
+    init-package-json "^5.0.0"
+    is-cidr "^4.0.2"
+    json-parse-even-better-errors "^3.0.1"
+    libnpmaccess "^7.0.2"
+    libnpmdiff "^5.0.20"
+    libnpmexec "^6.0.4"
+    libnpmfund "^4.2.1"
+    libnpmhook "^9.0.3"
+    libnpmorg "^5.0.4"
+    libnpmpack "^5.0.20"
+    libnpmpublish "^7.5.1"
+    libnpmsearch "^6.0.2"
+    libnpmteam "^5.0.3"
+    libnpmversion "^4.0.2"
+    make-fetch-happen "^11.1.1"
+    minimatch "^9.0.3"
+    minipass "^7.0.4"
+    minipass-pipeline "^1.2.4"
+    ms "^2.1.2"
+    node-gyp "^9.4.1"
+    nopt "^7.2.0"
+    normalize-package-data "^5.0.0"
+    npm-audit-report "^5.0.0"
+    npm-install-checks "^6.3.0"
+    npm-package-arg "^10.1.0"
+    npm-pick-manifest "^8.0.2"
+    npm-profile "^7.0.1"
+    npm-registry-fetch "^14.0.5"
+    npm-user-validate "^2.0.0"
+    npmlog "^7.0.1"
+    p-map "^4.0.0"
+    pacote "^15.2.0"
+    parse-conflict-json "^3.0.1"
+    proc-log "^3.0.0"
+    qrcode-terminal "^0.12.0"
+    read "^2.1.0"
+    semver "^7.6.0"
+    sigstore "^1.9.0"
+    spdx-expression-parse "^3.0.1"
+    ssri "^10.0.5"
+    supports-color "^9.4.0"
+    tar "^6.2.1"
+    text-table "~0.2.0"
+    tiny-relative-date "^1.3.0"
+    treeverse "^3.0.0"
+    validate-npm-package-name "^5.0.0"
+    which "^3.0.1"
+    write-file-atomic "^5.0.1"
+
+npmlog@^4.0.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
+  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
+npmlog@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
+  integrity sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==
+  dependencies:
+    are-we-there-yet "^3.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^4.0.3"
+    set-blocking "^2.0.0"
+
+npmlog@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-7.0.1.tgz#7372151a01ccb095c47d8bf1d0771a4ff1f53ac8"
+  integrity sha512-uJ0YFk/mCQpLBt+bxN88AKd+gyqZvZDbtiNxk6Waqcj2aPRyfVx8ITawkyQynxUagInjdYT1+qj4NfA5KJJUxg==
+  dependencies:
+    are-we-there-yet "^4.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^5.0.0"
+    set-blocking "^2.0.0"
+
 nprogress@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz"
@@ -13327,6 +14925,11 @@ nth-check@^2.0.0, nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
+
 nwsapi@^2.2.2:
   version "2.2.7"
   resolved "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz"
@@ -13343,7 +14946,7 @@ nypm@^0.3.8:
     pathe "^1.1.2"
     ufo "^1.4.0"
 
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -13510,6 +15113,11 @@ optional-js@^2.0.0:
   resolved "https://registry.npmjs.org/optional-js/-/optional-js-2.3.0.tgz"
   integrity sha512-B0LLi+Vg+eko++0z/b8zIv57kp7HKEzaPJo7LowJXMUKYdf+3XJGu/cw03h/JhIOsLnP+cG5QnTHAuicjA5fMw==
 
+optional@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/optional/-/optional-0.1.4.tgz#cdb1a9bedc737d2025f690ceeb50e049444fd5b3"
+  integrity sha512-gtvrrCfkE08wKcgXaVwQVgwEQ8vel2dc5DDBn9RLQZ3YtmtkBss6A2HY6BnJH4N/4Ku97Ri/SF8sNWE2225WJw==
+
 optionator@^0.9.3:
   version "0.9.3"
   resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz"
@@ -13564,6 +15172,11 @@ os-browserify@^0.3.0:
   resolved "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz"
   integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
 
+os-homedir@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
+
 os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz"
@@ -13655,6 +15268,35 @@ p-try@^2.0.0:
   resolved "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
+pacote@^15.0.0, pacote@^15.0.8, pacote@^15.2.0:
+  version "15.2.0"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-15.2.0.tgz#0f0dfcc3e60c7b39121b2ac612bf8596e95344d3"
+  integrity sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==
+  dependencies:
+    "@npmcli/git" "^4.0.0"
+    "@npmcli/installed-package-contents" "^2.0.1"
+    "@npmcli/promise-spawn" "^6.0.1"
+    "@npmcli/run-script" "^6.0.0"
+    cacache "^17.0.0"
+    fs-minipass "^3.0.0"
+    minipass "^5.0.0"
+    npm-package-arg "^10.0.0"
+    npm-packlist "^7.0.0"
+    npm-pick-manifest "^8.0.0"
+    npm-registry-fetch "^14.0.0"
+    proc-log "^3.0.0"
+    promise-retry "^2.0.1"
+    read-package-json "^6.0.0"
+    read-package-json-fast "^3.0.0"
+    sigstore "^1.3.0"
+    ssri "^10.0.0"
+    tar "^6.1.11"
+
 pako@~0.2.0:
   version "0.2.9"
   resolved "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz"
@@ -13692,6 +15334,15 @@ parse-asn1@^5.0.0, parse-asn1@^5.1.7:
     pbkdf2 "^3.1.2"
     safe-buffer "^5.2.1"
 
+parse-conflict-json@^3.0.0, parse-conflict-json@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-3.0.1.tgz#67dc55312781e62aa2ddb91452c7606d1969960c"
+  integrity sha512-01TvEktc68vwbJOtWZluyWeVGWjP+bZwXtPDMQVbBKzbJ/vZBif0L69KH1+cHv1SZ6e0FKLvjyHe8mqsIqYOmw==
+  dependencies:
+    json-parse-even-better-errors "^3.0.0"
+    just-diff "^6.0.0"
+    just-diff-apply "^5.2.0"
+
 parse-entities@^4.0.0:
   version "4.0.1"
   resolved "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.1.tgz"
@@ -13794,6 +15445,14 @@ path-scurry@^1.10.1:
     lru-cache "^9.1.1 || ^10.0.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz"
@@ -13819,6 +15478,11 @@ pathval@^1.1.1:
   resolved "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz"
   integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
+pathval@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.0.tgz#7e2550b422601d4f6b8e26f1301bc8f15a741a25"
+  integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==
+
 pbkdf2@^3.0.3, pbkdf2@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz"
@@ -14054,6 +15718,14 @@ postcss-selector-parser@6.0.10:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.10:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
   version "6.0.15"
   resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz"
@@ -14085,6 +15757,28 @@ postcss@^8, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.33:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+prebuild-install@5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-5.3.0.tgz#58b4d8344e03590990931ee088dd5401b03004c8"
+  integrity sha512-aaLVANlj4HgZweKttFNUVNRxDukytuIuxeK2boIMHjagNJCiVKWFsKF4tCE3ql3GbrD2tExPQ7/pwtEJcHNZeg==
+  dependencies:
+    detect-libc "^1.0.3"
+    expand-template "^2.0.3"
+    github-from-package "0.0.0"
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    napi-build-utils "^1.0.1"
+    node-abi "^2.7.0"
+    noop-logger "^0.1.1"
+    npmlog "^4.0.1"
+    os-homedir "^1.0.1"
+    pump "^2.0.1"
+    rc "^1.2.7"
+    simple-get "^2.7.0"
+    tar-fs "^1.13.0"
+    tunnel-agent "^0.6.0"
+    which-pm-runs "^1.0.0"
+
 prebuild-install@^7.1.1:
   version "7.1.2"
   resolved "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.2.tgz"
@@ -14154,6 +15848,18 @@ pretty-hrtime@^1.0.3:
   resolved "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz"
   integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==
 
+prisma@^4.15.0:
+  version "4.16.2"
+  resolved "https://registry.yarnpkg.com/prisma/-/prisma-4.16.2.tgz#469e0a0991c6ae5bcde289401726bb012253339e"
+  integrity sha512-SYCsBvDf0/7XSJyf2cHTLjLeTLVXYfqp7pG5eEVafFLeT0u/hLFz/9W196nDRGUOo1JfPatAEb+uEnTQImQC1g==
+  dependencies:
+    "@prisma/engines" "4.16.2"
+
+proc-log@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-3.0.0.tgz#fb05ef83ccd64fd7b20bbe9c8c1070fc08338dd8"
+  integrity sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
@@ -14174,11 +15880,34 @@ progress@^2.0.3:
   resolved "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
 
+promise-all-reject-late@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
+  integrity sha512-vuf0Lf0lOxyQREH7GDIOUMLS7kz+gs8i6B+Yi8dC68a2sychGrHTJYghMBD6k7eUcH0H5P73EckCA48xijWqXw==
+
+promise-call-limit@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/promise-call-limit/-/promise-call-limit-1.0.2.tgz#f64b8dd9ef7693c9c7613e7dfe8d6d24de3031ea"
+  integrity sha512-1vTUnfI2hzui8AEIixbdAJlFY4LFDXqQswy/2eOlThAscXCY4It8FdVuI0fMJGAB2aWGbdQf/gv0skKYXmdrHA==
+
+promise-inflight@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
+  integrity sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==
+
 promise-polyfill@^8.1.3:
   version "8.3.0"
   resolved "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.3.0.tgz"
   integrity sha512-H5oELycFml5yto/atYqmjyigJoAo3+OXwolYiH7OfQuYlAqhxNvTfiNMbV9hsC6Yp83yE5r2KTVmtrG6R9i6Pg==
 
+promise-retry@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-2.0.1.tgz#ff747a13620ab57ba688f5fc67855410c370da22"
+  integrity sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==
+  dependencies:
+    err-code "^2.0.2"
+    retry "^0.12.0"
+
 prompts@^2.0.1, prompts@^2.4.0, prompts@^2.4.2:
   version "2.4.2"
   resolved "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz"
@@ -14187,6 +15916,13 @@ prompts@^2.0.1, prompts@^2.4.0, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
+promzard@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/promzard/-/promzard-1.0.2.tgz#2226e7c6508b1da3471008ae17066a7c3251e660"
+  integrity sha512-2FPputGL+mP3jJ3UZg/Dl9YOkovB7DX0oOr+ck5QbZ5MtORtds8k/BZdn+02peDLI8/YWbmzx34k5fA+fHvCVQ==
+  dependencies:
+    read "^3.0.1"
+
 prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.1, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
@@ -14231,7 +15967,15 @@ public-encrypt@^4.0.0:
     randombytes "^2.0.1"
     safe-buffer "^5.1.2"
 
-pump@^2.0.0:
+pump@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-1.0.3.tgz#5dfe8311c33bbf6fc18261f9f34702c47c08a954"
+  integrity sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pump@^2.0.0, pump@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz"
   integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
@@ -14271,6 +16015,11 @@ pure-rand@^6.0.0:
   resolved "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.4.tgz"
   integrity sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA==
 
+qrcode-terminal@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz#bb5b699ef7f9f0505092a3748be4464fe71b5819"
+  integrity sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==
+
 qrcode@^1.5.3:
   version "1.5.3"
   resolved "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz"
@@ -14827,6 +16576,29 @@ read-cache@^1.0.0:
   dependencies:
     pify "^2.3.0"
 
+read-cmd-shim@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-4.0.0.tgz#640a08b473a49043e394ae0c7a34dd822c73b9bb"
+  integrity sha512-yILWifhaSEEytfXI76kB9xEEiG1AiozaCJZ83A87ytjRiN+jVibXjedjCRNjoZviinhG+4UkalO3mWTd8u5O0Q==
+
+read-package-json-fast@^3.0.0, read-package-json-fast@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz#394908a9725dc7a5f14e70c8e7556dff1d2b1049"
+  integrity sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==
+  dependencies:
+    json-parse-even-better-errors "^3.0.0"
+    npm-normalize-package-bin "^3.0.0"
+
+read-package-json@^6.0.0:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-6.0.4.tgz#90318824ec456c287437ea79595f4c2854708836"
+  integrity sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==
+  dependencies:
+    glob "^10.2.2"
+    json-parse-even-better-errors "^3.0.0"
+    normalize-package-data "^5.0.0"
+    npm-normalize-package-bin "^3.0.0"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz"
@@ -14846,7 +16618,21 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-readable-stream@^2.0.0, readable-stream@^2.3.8, readable-stream@~2.3.6:
+read@^2.0.0, read@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/read/-/read-2.1.0.tgz#69409372c54fe3381092bc363a00650b6ac37218"
+  integrity sha512-bvxi1QLJHcaywCAEsAk4DG3nVoqiY2Csps3qzWalhj5hFqRn1d/OixkFXtLO1PrgHUcAP0FNaSY/5GYNfENFFQ==
+  dependencies:
+    mute-stream "~1.0.0"
+
+read@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/read/-/read-3.0.1.tgz#926808f0f7c83fa95f1ef33c0e2c09dbb28fd192"
+  integrity sha512-SLBrDU/Srs/9EoWhU5GdbAoxG1GzpQHo/6qiGItaoLJ1thmYpcNIM1qISEUvyHBzfGlWIyd6p2DNi1oV1VmAuw==
+  dependencies:
+    mute-stream "^1.0.0"
+
+readable-stream@^2.0.0, readable-stream@^2.0.6, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@^2.3.8, readable-stream@~2.3.6:
   version "2.3.8"
   resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -14893,6 +16679,11 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+readline@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/readline/-/readline-1.3.0.tgz#c580d77ef2cfc8752b132498060dc9793a7ac01c"
+  integrity sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==
+
 reaflow@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/reaflow/-/reaflow-5.3.1.tgz#dcf39c12a36d56695ada276864993a6310b963ac"
@@ -15392,6 +17183,16 @@ restore-cursor@^4.0.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+retry@^0.10.1:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
+  integrity sha512-ZXUSQYTHdl3uS7IuCehYfMzKyIDBNoAuUblvy5oGO5UJSUTmStUUVPXbA9Qxd173Bgre53yCQczQuHgRWAdvJQ==
+
+retry@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
+  integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
+
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
@@ -15628,7 +17429,7 @@ scrollparent@^2.1.0:
   resolved "https://registry.npmjs.org/scrollparent/-/scrollparent-2.1.0.tgz"
   integrity sha512-bnnvJL28/Rtz/kz2+4wpBjHzWoEzXhVg/TE8BeVGJHUqE8THNIRnDxDWMktwM+qahvlRdvlLdsQfYe+cuqfZeA==
 
-"semver@2 || 3 || 4 || 5", semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.6.0:
   version "5.7.2"
   resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
@@ -15638,6 +17439,11 @@ semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.1.1:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
 semver@^7.3.5, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
@@ -15669,6 +17475,13 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
+serialize-error@^8:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-8.1.0.tgz#3a069970c712f78634942ddd50fbbc0eaebe2f67"
+  integrity sha512-3NnuWfM6vBYoy5gZFvHiYsVbafvI9vZv/+jlIigFn4oP4zjNPK3LhcY0xSCgeb1a5L8jO71Mit9LlNoi2UfDDQ==
+  dependencies:
+    type-fest "^0.20.2"
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz"
@@ -15676,7 +17489,7 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
-serialize-javascript@^6.0.1:
+serialize-javascript@^6.0.1, serialize-javascript@^6.0.2:
   version "6.0.2"
   resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz"
   integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
@@ -15693,7 +17506,7 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
-set-blocking@^2.0.0:
+set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
@@ -15831,7 +17644,7 @@ side-channel@^1.0.4, side-channel@^1.0.6:
     get-intrinsic "^1.2.4"
     object-inspect "^1.13.1"
 
-signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -15841,11 +17654,31 @@ signal-exit@^4.0.1, signal-exit@^4.1.0:
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
+sigstore@^1.3.0, sigstore@^1.4.0, sigstore@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/sigstore/-/sigstore-1.9.0.tgz#1e7ad8933aa99b75c6898ddd0eeebc3eb0d59875"
+  integrity sha512-0Zjz0oe37d08VeOtBIuB6cRriqXse2e8w+7yIy2XSXjshRKxbc2KkhXjL229jXSxEm7UbcjS76wcJDGQddVI9A==
+  dependencies:
+    "@sigstore/bundle" "^1.1.0"
+    "@sigstore/protobuf-specs" "^0.2.0"
+    "@sigstore/sign" "^1.0.0"
+    "@sigstore/tuf" "^1.0.3"
+    make-fetch-happen "^11.0.1"
+
 simple-concat@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz"
   integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
 
+simple-get@^2.7.0:
+  version "2.8.2"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-2.8.2.tgz#5708fb0919d440657326cd5fe7d2599d07705019"
+  integrity sha512-Ijd/rV5o+mSBBs4F/x9oDPtTx9Zb6X9brmnXvMW4J7IR15ngi9q5xxqWBKU744jTZiaXtxaPL7uHG6vtN8kUkw==
+  dependencies:
+    decompress-response "^3.3.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
 simple-get@^4.0.0, simple-get@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz"
@@ -15888,6 +17721,37 @@ slice-ansi@^7.0.0:
     ansi-styles "^6.2.1"
     is-fullwidth-code-point "^5.0.0"
 
+smart-buffer@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
+  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
+
+snappy@^6.0.1:
+  version "6.3.5"
+  resolved "https://registry.yarnpkg.com/snappy/-/snappy-6.3.5.tgz#c14b8dea8e9bc2687875b5e491d15dd900e6023c"
+  integrity sha512-lonrUtdp1b1uDn1dbwgQbBsb5BbaiLeKq+AGwOk2No+en+VvJThwmtztwulEQsLinRF681pBqib0NUZaizKLIA==
+  dependencies:
+    bindings "^1.3.1"
+    nan "^2.14.1"
+    prebuild-install "5.3.0"
+
+socks-proxy-agent@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz#dc069ecf34436621acb41e3efa66ca1b5fed15b6"
+  integrity sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==
+  dependencies:
+    agent-base "^6.0.2"
+    debug "^4.3.3"
+    socks "^2.6.2"
+
+socks@^2.6.2:
+  version "2.8.3"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.8.3.tgz#1ebd0f09c52ba95a09750afe3f3f9f724a800cb5"
+  integrity sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==
+  dependencies:
+    ip-address "^9.0.5"
+    smart-buffer "^4.2.0"
+
 sonic-boom@^3.7.0:
   version "3.8.0"
   resolved "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.8.0.tgz"
@@ -15971,7 +17835,7 @@ spdx-exceptions@^2.1.0:
   resolved "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz"
   integrity sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==
 
-spdx-expression-parse@^3.0.0:
+spdx-expression-parse@^3.0.0, spdx-expression-parse@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz"
   integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
@@ -15989,6 +17853,11 @@ split2@^4.0.0:
   resolved "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz"
   integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
 
+sprintf-js@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.3.tgz#4914b903a2f8b685d17fdf78a70e917e872e444a"
+  integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz"
@@ -15999,6 +17868,20 @@ sql-summary@^1.0.1:
   resolved "https://registry.npmjs.org/sql-summary/-/sql-summary-1.0.1.tgz"
   integrity sha512-IpCr2tpnNkP3Jera4ncexsZUp0enJBLr+pHCyTweMUBrbJsTgQeLWx1FXLhoBj/MvcnUQpkgOn2EY8FKOkUzww==
 
+ssri@^10.0.0, ssri@^10.0.1, ssri@^10.0.5:
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-10.0.6.tgz#a8aade2de60ba2bce8688e3fa349bad05c7dc1e5"
+  integrity sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==
+  dependencies:
+    minipass "^7.0.3"
+
+ssri@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-9.0.1.tgz#544d4c357a8d7b71a19700074b6883fcb4eae057"
+  integrity sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==
+  dependencies:
+    minipass "^3.1.1"
+
 stack-generator@^2.0.5:
   version "2.0.10"
   resolved "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz"
@@ -16057,6 +17940,11 @@ statuses@2.0.1, statuses@^2.0.1:
   resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
+std@0.1.36:
+  version "0.1.36"
+  resolved "https://registry.yarnpkg.com/std/-/std-0.1.36.tgz#79da0f9bba887809dfc60958ad4e69cdcf788c40"
+  integrity sha512-PZP6srpVKfDgMwgbo+0jOUV0IFAWxHKlyQj3wiZiov8AYbXtoDjhNtFaCLkthOp0T5I6HDFzYvo2mRVtU5HYdg==
+
 stdin-discarder@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz"
@@ -16146,7 +18034,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0":
+"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -16155,14 +18043,14 @@ string-length@^4.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+string-width@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
   dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
 
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
@@ -16283,19 +18171,19 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
   dependencies:
-    ansi-regex "^5.0.1"
+    ansi-regex "^2.0.0"
 
 strip-ansi@^7.0.1, strip-ansi@^7.1.0:
   version "7.1.0"
@@ -16432,13 +18320,18 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
+supports-color@^8.0.0, supports-color@^8.1.1:
   version "8.1.1"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.4.0.tgz#17bfcf686288f531db3dea3215510621ccb55954"
+  integrity sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
@@ -16531,6 +18424,16 @@ tape@^4.9.0:
     resolve "~1.22.6"
     string.prototype.trim "~1.2.8"
 
+tar-fs@^1.13.0:
+  version "1.16.3"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-1.16.3.tgz#966a628841da2c4010406a82167cbd5e0c72d509"
+  integrity sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==
+  dependencies:
+    chownr "^1.0.1"
+    mkdirp "^0.5.1"
+    pump "^1.0.0"
+    tar-stream "^1.1.2"
+
 tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz"
@@ -16552,6 +18455,19 @@ tar-fs@^3.0.4:
     bare-fs "^2.1.1"
     bare-path "^2.1.0"
 
+tar-stream@^1.1.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
+  integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
+  dependencies:
+    bl "^1.0.0"
+    buffer-alloc "^1.2.0"
+    end-of-stream "^1.0.0"
+    fs-constants "^1.0.0"
+    readable-stream "^2.3.0"
+    to-buffer "^1.1.1"
+    xtend "^4.0.0"
+
 tar-stream@^2.1.4:
   version "2.2.0"
   resolved "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz"
@@ -16572,7 +18488,7 @@ tar-stream@^3.1.5:
     fast-fifo "^1.2.0"
     streamx "^2.15.0"
 
-tar@^6.2.0:
+tar@^6.1.11, tar@^6.1.13, tar@^6.1.2, tar@^6.2.0, tar@^6.2.1:
   version "6.2.1"
   resolved "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz"
   integrity sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==
@@ -16661,7 +18577,7 @@ text-segmentation@^1.0.3:
   dependencies:
     utrie "^1.0.2"
 
-text-table@^0.2.0:
+text-table@^0.2.0, text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
@@ -16717,6 +18633,11 @@ tiny-invariant@^1.0.6, tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
   resolved "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz"
   integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
 
+tiny-relative-date@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/tiny-relative-date/-/tiny-relative-date-1.3.0.tgz#fa08aad501ed730f31cc043181d995c39a935e07"
+  integrity sha512-MOQHpzllWxDCHHaDno30hhLfbouoYlOI8YlMNtvKe1zXbjEVhbcEovQxvZrPvtiYW630GQDoMMarCnjfyfHA+A==
+
 tinycolor2@^1.4.1:
   version "1.6.0"
   resolved "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz"
@@ -16739,6 +18660,11 @@ tmpl@1.0.5:
   resolved "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
+to-buffer@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
+  integrity sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==
+
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
@@ -16803,6 +18729,11 @@ tr46@~0.0.3:
   resolved "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+"traverse@>=0.3.0 <0.4":
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.3.9.tgz#717b8f220cc0bb7b44e40514c22b2e8bbc70d8b9"
+  integrity sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ==
+
 tree-changes@^0.11.2:
   version "0.11.2"
   resolved "https://registry.npmjs.org/tree-changes/-/tree-changes-0.11.2.tgz"
@@ -16819,6 +18750,11 @@ tree-changes@^0.9.1:
     "@gilbarbara/deep-equal" "^0.1.1"
     is-lite "^0.8.2"
 
+treeverse@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-3.0.0.tgz#dd82de9eb602115c6ebd77a574aae67003cb48c8"
+  integrity sha512-gcANaAnd2QDZFmHFEOF4k7uc1J/6a6z3DJMd/QwEyxLoKGiptJRwid582r7QIsFlFMIZ3SnxfS52S4hm2DHkuQ==
+
 trim-lines@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz"
@@ -16839,6 +18775,11 @@ ts-api-utils@^1.3.0:
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
   integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
 
+ts-custom-error@^3.2.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/ts-custom-error/-/ts-custom-error-3.3.1.tgz#8bd3c8fc6b8dc8e1cb329267c45200f1e17a65d1"
+  integrity sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==
+
 ts-dedent@^2.0.0, ts-dedent@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz"
@@ -16868,6 +18809,11 @@ ts-jest@^29.1.2:
     semver "^7.5.3"
     yargs-parser "^21.0.1"
 
+ts-log@^2.2.4:
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/ts-log/-/ts-log-2.2.7.tgz#4f4512144898b77c9984e91587076fcb8518688e"
+  integrity sha512-320x5Ggei84AxzlXp91QkIGSw5wgaLT6GeAH0KsqDmRZdVWW2OiSeVvElVoatk3f7nicwXlElXsoFkARiGE2yg==
+
 ts-morph@^18.0.0:
   version "18.0.0"
   resolved "https://registry.npmjs.org/ts-morph/-/ts-morph-18.0.0.tgz"
@@ -16955,6 +18901,15 @@ tty-browserify@^0.0.1:
   resolved "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz"
   integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
 
+tuf-js@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/tuf-js/-/tuf-js-1.1.7.tgz#21b7ae92a9373015be77dfe0cb282a80ec3bbe43"
+  integrity sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==
+  dependencies:
+    "@tufjs/models" "1.0.4"
+    debug "^4.3.4"
+    make-fetch-happen "^11.1.1"
+
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz"
@@ -17037,6 +18992,11 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+type@^2.7.2:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/type/-/type-2.7.3.tgz#436981652129285cc3ba94f392886c2637ea0486"
+  integrity sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==
+
 typed-array-buffer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz"
@@ -17120,6 +19080,13 @@ typed-array-length@^1.0.6:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+  dependencies:
+    is-typedarray "^1.0.0"
+
 typescript@^5:
   version "5.3.3"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz"
@@ -17207,6 +19174,34 @@ unified@^11.0.0, unified@^11.0.3, unified@~11.0.0:
     trough "^2.0.0"
     vfile "^6.0.0"
 
+unique-filename@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-2.0.1.tgz#e785f8675a9a7589e0ac77e0b5c34d2eaeac6da2"
+  integrity sha512-ODWHtkkdx3IAR+veKxFV+VBkUMcN+FaqzUUd7IZzt+0zhDZFPFxhlqwPF3YQvMHx1TD0tdgYl+kuPnJ8E6ql7A==
+  dependencies:
+    unique-slug "^3.0.0"
+
+unique-filename@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-3.0.0.tgz#48ba7a5a16849f5080d26c760c86cf5cf05770ea"
+  integrity sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==
+  dependencies:
+    unique-slug "^4.0.0"
+
+unique-slug@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-3.0.0.tgz#6d347cf57c8a7a7a6044aabd0e2d74e4d76dc7c9"
+  integrity sha512-8EyMynh679x/0gqE9fT9oilG+qEt+ibFyqjuVTsZn1+CMxH+XLlpvr2UZx4nVcCwTpx81nICr2JQFkM+HPLq4w==
+  dependencies:
+    imurmurhash "^0.1.4"
+
+unique-slug@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-4.0.0.tgz#6bae6bb16be91351badd24cdce741f892a6532e3"
+  integrity sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==
+  dependencies:
+    imurmurhash "^0.1.4"
+
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz"
@@ -17391,6 +19386,13 @@ usehooks-ts@^3.1.0:
   dependencies:
     lodash.debounce "^4.0.8"
 
+utf-8-validate@^5.0.2:
+  version "5.0.10"
+  resolved "https://registry.yarnpkg.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz#d7d10ea39318171ca982718b6b96a8d2442571a2"
+  integrity sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==
+  dependencies:
+    node-gyp-build "^4.3.0"
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
@@ -17424,6 +19426,11 @@ utrie@^1.0.2:
   dependencies:
     base64-arraybuffer "^1.0.2"
 
+uuid@^3.0.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
+  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
+
 uuid@^9.0.0, uuid@^9.0.1:
   version "9.0.1"
   resolved "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz"
@@ -17453,7 +19460,7 @@ v8-to-istanbul@^9.0.1:
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^2.0.0"
 
-validate-npm-package-license@^3.0.1:
+validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
   version "3.0.4"
   resolved "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz"
   integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
@@ -17461,6 +19468,11 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+validate-npm-package-name@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz#a316573e9b49f3ccd90dbb6eb52b3f06c6d604e8"
+  integrity sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==
+
 vanilla-cookieconsent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/vanilla-cookieconsent/-/vanilla-cookieconsent-3.0.0.tgz"
@@ -17528,6 +19540,11 @@ w3c-xmlserializer@^4.0.0:
   dependencies:
     xml-name-validator "^4.0.0"
 
+walk-up-path@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-3.0.1.tgz#c8d78d5375b4966c717eb17ada73dbd41490e886"
+  integrity sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==
+
 walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz"
@@ -17543,7 +19560,7 @@ watchpack@^2.2.0, watchpack@^2.4.0:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
 
-wcwidth@^1.0.1:
+wcwidth@^1.0.0, wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz"
   integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
@@ -17653,6 +19670,18 @@ webpack@5:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
+websocket@^1.0.35:
+  version "1.0.35"
+  resolved "https://registry.yarnpkg.com/websocket/-/websocket-1.0.35.tgz#374197207d7d4cc4c36cbf8a1bb886ee52a07885"
+  integrity sha512-/REy6amwPZl44DDzvRCkaI1q1bIiQB0mEFQLUrhz3z2EK91cp3n72rAjUlrTP0zV22HJIUOVHQGPxhFRjxjt+Q==
+  dependencies:
+    bufferutil "^4.0.1"
+    debug "^2.2.0"
+    es5-ext "^0.10.63"
+    typedarray-to-buffer "^3.1.5"
+    utf-8-validate "^5.0.2"
+    yaeti "^0.0.6"
+
 whatwg-encoding@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz"
@@ -17739,6 +19768,11 @@ which-module@^2.0.0:
   resolved "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz"
   integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
 
+which-pm-runs@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.1.0.tgz#35ccf7b1a0fce87bd8b92a478c9d045785d3bf35"
+  integrity sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==
+
 which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.2, which-typed-array@^1.1.9:
   version "1.1.13"
   resolved "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz"
@@ -17773,6 +19807,20 @@ which@^2.0.1, which@^2.0.2:
   dependencies:
     isexe "^2.0.0"
 
+which@^3.0.0, which@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-3.0.1.tgz#89f1cd0c23f629a8105ffe69b8172791c87b4be1"
+  integrity sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==
+  dependencies:
+    isexe "^2.0.0"
+
+wide-align@^1.1.0, wide-align@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
+  integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
+  dependencies:
+    string-width "^1.0.2 || 2 || 3 || 4"
+
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz"
@@ -17947,7 +19995,12 @@ workbox-window@6.6.0, workbox-window@^6.5.4:
     "@types/trusted-types" "^2.0.2"
     workbox-core "6.6.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+workerpool@^6.5.1:
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544"
+  integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -17965,15 +20018,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
@@ -18014,6 +20058,14 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
+write-file-atomic@^5.0.0, write-file-atomic@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7"
+  integrity sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^4.0.1"
+
 ws@^8.11.0, ws@^8.2.3:
   version "8.16.0"
   resolved "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz"
@@ -18029,7 +20081,7 @@ xmlchars@^2.2.0:
   resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.2, xtend@~4.0.1:
+xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
@@ -18044,6 +20096,11 @@ y18n@^5.0.5:
   resolved "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
+yaeti@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/yaeti/-/yaeti-0.0.6.tgz#f26f484d72684cf42bedfb76970aa1608fbf9577"
+  integrity sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==
+
 yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz"
@@ -18072,11 +20129,26 @@ yargs-parser@^18.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^20.2.2, yargs-parser@^20.2.9:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
 yargs-parser@^21.0.1, yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
+yargs-unparser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-unparser/-/yargs-unparser-2.0.0.tgz#f131f9226911ae5d9ad38c432fe809366c2325eb"
+  integrity sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==
+  dependencies:
+    camelcase "^6.0.0"
+    decamelize "^4.0.0"
+    flat "^5.0.2"
+    is-plain-obj "^2.1.0"
+
 yargs@^15.3.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz"
@@ -18094,6 +20166,19 @@ yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
+yargs@^16.2.0:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
 yargs@^17.3.1, yargs@^17.7.2:
   version "17.7.2"
   resolved "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz"

From 25fa7168e59d70abe2f8b5c29468b893f466fc76 Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Mon, 23 Dec 2024 16:58:31 +0545
Subject: [PATCH 25/42] enhancement: Add support for libcardano txSchema for
 filterType

---
 frontend/package.json                         |   2 +-
 .../components/event/EventTab.tsx             |  95 ++-
 .../components/event/EventTrigger.ts          | 108 +--
 frontend/src/utils/common/array.ts            |   8 +
 frontend/yarn.lock                            | 717 +-----------------
 5 files changed, 115 insertions(+), 815 deletions(-)
 create mode 100644 frontend/src/utils/common/array.ts

diff --git a/frontend/package.json b/frontend/package.json
index 97a21f03..1c278b32 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,7 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
-        "libcardano": "^1.4.8",
+        "libcardano": "^1.4.14-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 933478bc..8df2b442 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,6 +1,7 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
+import { Events as transactionSchema } from 'libcardano/spec/properties';
 import { ChevronDown, FileJson } from 'lucide-react';
 
 import { Card } from '@app/components/atoms/Card';
@@ -15,10 +16,12 @@ import { Input } from '@app/components/atoms/Input';
 import { cn } from '@app/components/lib/utils';
 import { CustomSelect } from '@app/components/molecules/CustomDropDown';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
+import { areArraysEqual } from '@app/utils/common/array';
+import { Close } from '@app/views/atoms/Icons/Close';
 
 import InfoCard from '../cards/InfoCard';
 import CustomEditor from './CustomEditor';
-import { ISchema, transactionSchema } from './EventTrigger';
+import { ISchema } from './EventTrigger';
 import NodeGraph from './EventTriggerGraph';
 
 const EventTab = ({
@@ -110,12 +113,28 @@ const EventTab = ({
         }
     };
 
+    function getSelectedParameter(parameterId: string | string[]) {
+        const selectedProperty = transactionSchema
+            .find((tx) => tx.id === formData!.id)
+            ?.properties?.find((filter) => filter.id === currentEventFilter?.id);
+        let selectedParameter: any = selectedProperty?.properties?.find((prop) => {
+            if (Array.isArray(parameterId)) {
+                return prop.id === parameterId[0];
+            } else {
+                return prop.id === parameterId;
+            }
+        });
+        if (selectedParameter && 'properties' in selectedParameter) {
+            selectedParameter = getNestedProperties(selectedParameter)?.find((prop) =>
+                areArraysEqual(prop.id as string[], parameterId as string[])
+            );
+        }
+        return selectedParameter;
+    }
+
     const handleAddParameter = (parameterId: string) => {
         if (formData && currentEventFilter) {
-            const selectedParameter = transactionSchema
-                .find((tx) => tx.id === formData.id)
-                ?.properties?.find((filter) => filter.id === currentEventFilter?.id)
-                ?.properties?.find((param) => param.id === parameterId);
+            const selectedParameter = getSelectedParameter(parameterId);
             if (selectedParameter) {
                 const data = {
                     ...formData,
@@ -214,13 +233,48 @@ const EventTab = ({
             );
     };
 
+    function getNestedProperties(obj: ISchema) {
+        const result: ISchema[] = [];
+        const txObjectOperators = obj.operators;
+
+        function recursiveFlatten(property: ISchema, parentId: any = []) {
+            const { id, type, properties } = property;
+            const newId: string[] = [...parentId, id];
+
+            if (properties && Array.isArray(properties)) {
+                properties.forEach((child) => recursiveFlatten(child, newId));
+            } else {
+                result.push({
+                    id: newId,
+                    label: newId.join('.'),
+                    type,
+                    operators: txObjectOperators
+                });
+            }
+        }
+
+        recursiveFlatten(obj);
+        return result;
+    }
+
+    const getFlattenEventFilterParams = () => {
+        return currentEventFilter?.properties
+            ?.map((prop) => getNestedProperties(prop))
+            .flat();
+    };
+
     const getNotSelectedEventFilterParameters = () => {
-        return currentEventFilter?.properties?.filter(
-            (prop) =>
-                !formData?.children
-                    .find((eventFilter) => eventFilter.id === currentEventFilter?.id)
-                    //@ts-ignore
-                    ?.children.find((child: IFieldNode) => child.id === prop.id)
+        return (
+            currentEventFilter &&
+            getFlattenEventFilterParams()?.filter(
+                (prop: ISchema) =>
+                    !formData?.children
+                        .find(
+                            (eventFilter) => eventFilter.id === currentEventFilter?.id
+                        )
+                        //@ts-ignore
+                        ?.children.find((child: IFieldNode) => child.id === prop.id)
+            )
         );
     };
 
@@ -305,10 +359,12 @@ const EventTab = ({
                     <CustomSelect
                         className="w-64"
                         options={
-                            getNotSelectedEventFilterParameters()?.map((item) => ({
-                                label: item.label,
-                                value: item.id
-                            })) || []
+                            getNotSelectedEventFilterParameters()?.map(
+                                (item: ISchema) => ({
+                                    label: item.label,
+                                    value: item.id
+                                })
+                            ) || []
                         }
                         disabled={currentEventFilter === null}
                         defaultValue={` Add Parameters`}
@@ -422,8 +478,8 @@ const RenderEventChildForm = ({
         onValueChange?.(e.target.value);
     };
     return (
-        <div className="mb-2 flex items-center gap-4">
-            <span className="mt-2 min-w-96 truncate">
+        <div className="group mb-2 flex items-center gap-4">
+            <span className="mt-2 min-w-80 truncate">
                 {Array.isArray(eventFilterParam.id)
                     ? (eventFilterParam.id as string[]).join('.')
                     : eventFilterParam.id}
@@ -464,6 +520,9 @@ const RenderEventChildForm = ({
                 onChange={handleInputChange}
             />
             {errMsg && <span className="text-red-500">{errMsg}</span>}
+            <Close
+                className={'invisible h-10 w-10 cursor-pointer group-hover:visible'}
+            />
         </div>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
index 94776de9..06ff6138 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
@@ -1,112 +1,12 @@
-// for storing event meatadata
 interface IEventFilterAtribute {
     id: string;
     label: string;
     type: string;
+    operators?: string[];
+    validator?: (arg: any) => any | undefined;
+    properties?: IEventFilterAtribute[];
 }
 
-export interface IEventFilter {
-    id: string;
-    label: string;
-    children: IEventFilterAtribute[];
-}
-
-export interface IEvent {
-    id: string;
-    label: string;
-    filters: IEventFilter[];
-}
-
-export interface ISchema {
+export interface ISchema extends Omit<IEventFilterAtribute, 'id'> {
     id: string | string[];
-    label: string;
-    properties?: ISchema[];
-    type?: string;
-    validator?: (...args: any) => any;
 }
-
-export const transactionSchema: ISchema[] = [
-    {
-        id: 'tx',
-        label: 'Transaction',
-        type: 'object',
-        properties: [
-            // output
-            {
-                id: 'outputs',
-                label: 'Ouput',
-                type: 'object',
-                properties: [
-                    {
-                        id: ['value', 'lovelace'],
-                        label: 'value.lovelace',
-                        type: 'bigint',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: ['value', 'multiAsset'],
-                        label: 'value.multiAsset',
-                        type: 'map',
-                        validator: (arg: number) => true
-                    },
-                    // address
-                    {
-                        id: ['address', 'raw'],
-                        label: 'address',
-                        type: 'string',
-                        validator: (arg: any) => true
-                    },
-                    {
-                        id: ['address', 'networkId'],
-                        label: 'address.networkId',
-                        type: 'number',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: ['address', 'paymentPart', 'keyHash'],
-                        label: 'address.paymentCredential.keyHash',
-                        type: 'string',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: ['address', 'paymentPart', 'scriptHash'],
-                        label: 'address.paymentCredential.scriptHash',
-                        type: 'string',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: ['address', 'stakePart', 'keyHash'],
-                        label: 'address.stakeCredential.keyHash',
-                        type: 'string',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: ['address', 'stakePart', 'scriptHash'],
-                        label: 'address.stakeCredential.scriptHash',
-                        type: 'string',
-                        validator: (arg: number) => true
-                    },
-                    {
-                        id: 'inlineDatum',
-                        label: 'InlineDatum',
-                        type: 'object'
-                    },
-                    //datumHash
-                    {
-                        id: 'datumHash',
-                        label: 'DatumHash',
-                        type: 'string',
-                        validator: (arg: any) => true
-                    },
-                    //referenceScript
-                    {
-                        id: 'referenceScript',
-                        label: 'ReferenceScript',
-                        type: 'object',
-                        validator: (arg: any) => true
-                    }
-                ]
-            }
-        ]
-    }
-];
diff --git a/frontend/src/utils/common/array.ts b/frontend/src/utils/common/array.ts
new file mode 100644
index 00000000..9783a28a
--- /dev/null
+++ b/frontend/src/utils/common/array.ts
@@ -0,0 +1,8 @@
+export function areArraysEqual(arr1: string[], arr2: string[]) {
+    if (arr1.length !== arr2.length) return false;
+
+    const sortedArr1 = [...arr1].sort();
+    const sortedArr2 = [...arr2].sort();
+
+    return sortedArr1.every((value, index) => value === sortedArr2[index]);
+}
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 177d980b..a3dc2dd8 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1436,11 +1436,6 @@
   resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-asmjs/-/cardano-serialization-lib-asmjs-12.0.0-alpha.30.tgz#44419615a3ac90cc4e2f01889553f341d6b8e9a7"
   integrity sha512-7I11UmeMep+aN34szfne4+V6BWvgnSXpBjbETQQeiwuD1c5QAIh4HjfYxf8N/At4PdovaoOH1u/jAX4wAlz1GA==
 
-"@emurgo/cardano-serialization-lib-nodejs@^11.5.0":
-  version "11.5.0"
-  resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-nodejs/-/cardano-serialization-lib-nodejs-11.5.0.tgz#0662e2a17d7d1e944f8cdb86396133c8edaec059"
-  integrity sha512-IlVABlRgo9XaTR1NunwZpWcxnfEv04ba2l1vkUz4S1W7Jt36F4CtffP+jPeqBZGnAe+fnUwo0XjIJC3ZTNToNQ==
-
 "@esbuild/aix-ppc64@0.20.2":
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
@@ -2532,23 +2527,6 @@
   resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
-"@prisma/client@4.15.0":
-  version "4.15.0"
-  resolved "https://registry.yarnpkg.com/@prisma/client/-/client-4.15.0.tgz#f52ec6ca6fbde37395a54b0a9e5da603a9de15f3"
-  integrity sha512-xnROvyABcGiwqRNdrObHVZkD9EjkJYHOmVdlKy1yGgI+XOzvMzJ4tRg3dz1pUlsyhKxXGCnjIQjWW+2ur+YXuw==
-  dependencies:
-    "@prisma/engines-version" "4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944"
-
-"@prisma/engines-version@4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944":
-  version "4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944"
-  resolved "https://registry.yarnpkg.com/@prisma/engines-version/-/engines-version-4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944.tgz#8d880becf996cffe08c78ad5afab6bc06090c990"
-  integrity sha512-sVOig4tjGxxlYaFcXgE71f/rtFhzyYrfyfNFUsxCIEJyVKU9rdOWIlIwQ2NQ7PntvGnn+x0XuFo4OC1jvPJKzg==
-
-"@prisma/engines@4.16.2":
-  version "4.16.2"
-  resolved "https://registry.yarnpkg.com/@prisma/engines/-/engines-4.16.2.tgz#5ec8dd672c2173d597e469194916ad4826ce2e5f"
-  integrity sha512-vx1nxVvN4QeT/cepQce68deh/Turxy5Mr+4L4zClFuK1GlxN3+ivxfuv+ej/gvidWn1cE1uAhW7ALLNlYbRUAw==
-
 "@radix-ui/number@1.0.1":
   version "1.0.1"
   resolved "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz"
@@ -5883,11 +5861,6 @@ ajv@^8.0.0, ajv@^8.6.0, ajv@^8.9.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ansi-colors@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
-  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
-
 ansi-escapes@^4.2.1:
   version "4.3.2"
   resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz"
@@ -5907,11 +5880,6 @@ ansi-html-community@0.0.8, ansi-html-community@^0.0.8:
   resolved "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz"
   integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
 
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
@@ -5964,11 +5932,6 @@ app-root-dir@^1.0.2:
   resolved "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz"
   integrity sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==
 
-aproba@^1.0.3:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
 "aproba@^1.0.3 || ^2.0.0", aproba@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
@@ -5992,14 +5955,6 @@ are-we-there-yet@^4.0.0:
   resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-4.0.2.tgz#aed25dd0eae514660d49ac2b2366b175c614785a"
   integrity sha512-ncSWAawFhKMJDTdoAeOV+jyW1VCMj5QIAwULIBV0SSR7B/RLPPEQiknKcg/RIIZlUQrxELpsxMiTUoAQ4sIUyg==
 
-are-we-there-yet@~1.1.2:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz#b15474a932adab4ff8a50d9adfa7e4e926f21146"
-  integrity sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
 arg@^4.1.0:
   version "4.1.3"
   resolved "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz"
@@ -6186,11 +6141,6 @@ assertion-error@^1.1.0:
   resolved "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz"
   integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
 
-assertion-error@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
-  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
-
 ast-types-flow@^0.0.8:
   version "0.0.8"
   resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz"
@@ -6222,13 +6172,6 @@ async-value@^1.2.2:
   resolved "https://registry.npmjs.org/async-value/-/async-value-1.2.2.tgz"
   integrity sha512-8rwtYe32OAS1W9CTwvknoyts+mc3ta8N7Pi0h7AjkMaKvsFbr39K+gEfZ7Z81aPXQ1sK5M23lgLy1QfZpcpadQ==
 
-async@^2.6.2:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
-  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
-  dependencies:
-    lodash "^4.17.14"
-
 async@^3.2.3:
   version "3.2.5"
   resolved "https://registry.npmjs.org/async/-/async-3.2.5.tgz"
@@ -6546,21 +6489,6 @@ binary-search@^1.3.3:
   resolved "https://registry.npmjs.org/binary-search/-/binary-search-1.3.6.tgz"
   integrity sha512-nbE1WxOTTrUWIfsfZ4aHGYu5DOuNkbxGokjV6Z2kxfJK3uaAb8zNK1muzOeipoLHZjInT4Br88BHpzevc681xA==
 
-binary@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/binary/-/binary-0.3.0.tgz#9f60553bc5ce8c3386f3b553cff47462adecaa79"
-  integrity sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg==
-  dependencies:
-    buffers "~0.1.1"
-    chainsaw "~0.1.0"
-
-bindings@^1.3.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
-  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
-  dependencies:
-    file-uri-to-path "1.0.0"
-
 bip39@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/bip39/-/bip39-3.1.0.tgz#c55a418deaf48826a6ceb34ac55b3ee1577e18a3"
@@ -6568,22 +6496,6 @@ bip39@^3.1.0:
   dependencies:
     "@noble/hashes" "^1.2.0"
 
-bl@^1.0.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.3.tgz#1e8dd80142eac80d7158c9dccc047fb620e035e7"
-  integrity sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==
-  dependencies:
-    readable-stream "^2.3.5"
-    safe-buffer "^5.1.1"
-
-bl@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-2.2.1.tgz#8c11a7b730655c5d56898cdc871224f40fd901d5"
-  integrity sha512-6Pesp1w0DEX1N550i/uGV/TqucVL4AM/pgThFSN/Qq9si1/DF9aIHs1BxD8V/QU0HoeHO6cQRTAuYnLPKq1e4g==
-  dependencies:
-    readable-stream "^2.3.5"
-    safe-buffer "^5.1.1"
-
 bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
@@ -6707,11 +6619,6 @@ browser-assert@^1.2.1:
   resolved "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz"
   integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
 
-browser-stdout@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
-  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
-
 browserify-aes@^1.0.4, browserify-aes@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz"
@@ -6810,29 +6717,6 @@ bson-objectid@^2.0.4:
   resolved "https://registry.npmjs.org/bson-objectid/-/bson-objectid-2.0.4.tgz"
   integrity sha512-vgnKAUzcDoa+AeyYwXCoHyF2q6u/8H46dxu5JN+4/TZeq/Dlinn0K6GvxsCLb3LHUJl0m/TLiEK31kUwtgocMQ==
 
-buffer-alloc-unsafe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
-  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
-
-buffer-alloc@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
-  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
-  dependencies:
-    buffer-alloc-unsafe "^1.1.0"
-    buffer-fill "^1.0.0"
-
-buffer-crc32@~0.2.5:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
-
-buffer-fill@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
-  integrity sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ==
-
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
@@ -6859,25 +6743,6 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
-buffermaker@~1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/buffermaker/-/buffermaker-1.2.1.tgz#0631f92b891a84b750f1036491ac857c734429f4"
-  integrity sha512-IdnyU2jDHU65U63JuVQNTHiWjPRH0CS3aYd/WPaEwyX84rFdukhOduAVb1jwUScmb5X0JWPw8NZOrhoLMiyAHQ==
-  dependencies:
-    long "1.1.2"
-
-buffers@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/buffers/-/buffers-0.1.1.tgz#b24579c3bed4d6d396aeee6d9a8ae7f5482ab7bb"
-  integrity sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==
-
-bufferutil@^4.0.1:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.8.tgz#1de6a71092d65d7766c4d8a522b261a6e787e8ea"
-  integrity sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
 builtin-modules@^3.1.0:
   version "3.3.0"
   resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz"
@@ -6986,7 +6851,7 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.0.0, camelcase@^6.2.0:
+camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -7018,13 +6883,6 @@ case-sensitive-paths-webpack-plugin@^2.4.0:
   resolved "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz"
   integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
 
-cbor@^9.0.0:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/cbor/-/cbor-9.0.2.tgz#536b4f2d544411e70ec2b19a2453f10f83cd9fdb"
-  integrity sha512-JPypkxsB10s9QOWwa6zwPzqE1Md3vqpPc+cai4sAecuCsRyAtAl/pMyhPlMbT/xtPnm2dznJZYRLui57qiRhaQ==
-  dependencies:
-    nofilter "^3.1.0"
-
 ccount@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz"
@@ -7043,24 +6901,6 @@ chai@^4.3.10, chai@^4.4.1:
     pathval "^1.1.1"
     type-detect "^4.0.8"
 
-chai@^5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.1.2.tgz#3afbc340b994ae3610ca519a6c70ace77ad4378d"
-  integrity sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==
-  dependencies:
-    assertion-error "^2.0.1"
-    check-error "^2.1.1"
-    deep-eql "^5.0.1"
-    loupe "^3.1.0"
-    pathval "^2.0.0"
-
-chainsaw@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98"
-  integrity sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ==
-  dependencies:
-    traverse ">=0.3.0 <0.4"
-
 chalk@3.0.0, chalk@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz"
@@ -7133,11 +6973,6 @@ check-error@^1.0.3:
   dependencies:
     get-func-name "^2.0.2"
 
-check-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
-  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
-
 chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
@@ -7153,7 +6988,7 @@ chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chownr@^1.0.1, chownr@^1.1.1:
+chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
@@ -7318,15 +7153,6 @@ cliui@^6.0.0:
     strip-ansi "^6.0.0"
     wrap-ansi "^6.2.0"
 
-cliui@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
-  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^7.0.0"
-
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
@@ -7383,11 +7209,6 @@ code-block-writer@^12.0.0:
   resolved "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz"
   integrity sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==
 
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
-
 collect-v8-coverage@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz"
@@ -7561,7 +7382,7 @@ console-browserify@^1.2.0:
   resolved "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
-console-control-strings@^1.0.0, console-control-strings@^1.1.0, console-control-strings@~1.1.0:
+console-control-strings@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
   integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
@@ -8199,14 +8020,6 @@ d3@^7.4.0, d3@^7.8.2:
     d3-transition "3"
     d3-zoom "3"
 
-d@1, d@^1.0.1, d@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.2.tgz#2aefd554b81981e7dccf72d6842ae725cb17e5de"
-  integrity sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==
-  dependencies:
-    es5-ext "^0.10.64"
-    type "^2.7.2"
-
 daemon@>=0.3.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/daemon/-/daemon-1.1.0.tgz"
@@ -8276,7 +8089,7 @@ dayjs@^1.11.10, dayjs@^1.11.7:
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz"
   integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
 
-debug@2.6.9, debug@^2.1.3, debug@^2.2.0:
+debug@2.6.9, debug@^2.1.3:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -8297,7 +8110,7 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.3.3, debug@^4.3.5:
+debug@^4.3.3:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -8309,11 +8122,6 @@ decamelize@^1.2.0:
   resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decamelize@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-4.0.0.tgz#aa472d7bf660eb15f3494efd531cab7f2a709837"
-  integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
-
 decimal.js-light@^2.4.1:
   version "2.5.1"
   resolved "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz"
@@ -8331,13 +8139,6 @@ decode-named-character-reference@^1.0.0:
   dependencies:
     character-entities "^2.0.0"
 
-decompress-response@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
-  integrity sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==
-  dependencies:
-    mimic-response "^1.0.0"
-
 decompress-response@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz"
@@ -8377,11 +8178,6 @@ deep-eql@^4.1.3:
   dependencies:
     type-detect "^4.0.0"
 
-deep-eql@^5.0.1:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
-  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
-
 deep-equal@^2.0.5:
   version "2.2.3"
   resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz"
@@ -8532,11 +8328,6 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-denque@^1.3.0:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/denque/-/denque-1.5.1.tgz#07f670e29c9a78f8faecb2566a1e2c11929c5cbf"
-  integrity sha512-XwE+iZ4D6ZUB7mfYRMb5wByE8L74HCn30FBN7sWnXksWc1LO1bPDl67pBR9o/kC4z/xSNAwkMYcGgqDV3BE3Hw==
-
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
@@ -8565,11 +8356,6 @@ detect-indent@^6.1.0:
   resolved "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz"
   integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
 
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
 detect-libc@^2.0.0, detect-libc@^2.0.2:
   version "2.0.3"
   resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz"
@@ -8627,11 +8413,6 @@ diff@^5.0.0, diff@^5.1.0:
   resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz"
   integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
 
-diff@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531"
-  integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
-
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz"
@@ -9216,33 +8997,6 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.62, es5-ext@^0.10.63, es5-ext@^0.10.64, es5-ext@~0.10.14:
-  version "0.10.64"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.64.tgz#12e4ffb48f1ba2ea777f1fcdd1918ef73ea21714"
-  integrity sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==
-  dependencies:
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.3"
-    esniff "^2.0.1"
-    next-tick "^1.1.0"
-
-es6-iterator@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-symbol@^3.1.1, es6-symbol@^3.1.3:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.4.tgz#f4e7d28013770b4208ecbf3e0bf14d3bcb557b8c"
-  integrity sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==
-  dependencies:
-    d "^1.0.2"
-    ext "^1.7.0"
-
 esbuild-plugin-alias@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz"
@@ -9526,16 +9280,6 @@ esm-seedrandom@^3.0.5:
   resolved "https://registry.yarnpkg.com/esm-seedrandom/-/esm-seedrandom-3.0.5.tgz#2411adb5864e71c71613907df4cbe831f29fcd2e"
   integrity sha512-pMAq0mFIr5JQ3Ihbng7EBLMJ+llMbaDKkiG44pqbSXS0NIZWtEANpOpxb5s6Q8Q2R562P26qMHPv8YtP/NHh9g==
 
-esniff@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/esniff/-/esniff-2.0.1.tgz#a4d4b43a5c71c7ec51c51098c1d8a29081f9b308"
-  integrity sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==
-  dependencies:
-    d "^1.0.1"
-    es5-ext "^0.10.62"
-    event-emitter "^0.3.5"
-    type "^2.7.2"
-
 espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
@@ -9606,14 +9350,6 @@ etag@~1.8.1:
   resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
-event-emitter@^0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
-  integrity sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
 event-target-shim@^5.0.0:
   version "5.0.1"
   resolved "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz"
@@ -9750,13 +9486,6 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-ext@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
-  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
-  dependencies:
-    type "^2.7.2"
-
 extend@^3.0.0:
   version "3.0.2"
   resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz"
@@ -9912,11 +9641,6 @@ file-type@^19.0.0:
     strtok3 "^7.0.0"
     token-types "^5.0.1"
 
-file-uri-to-path@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
-  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
-
 filelist@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz"
@@ -10025,11 +9749,6 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flat@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
-  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
-
 flatted@^3.2.9:
   version "3.2.9"
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz"
@@ -10211,11 +9930,6 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fs@^0.0.1-security:
-  version "0.0.1-security"
-  resolved "https://registry.yarnpkg.com/fs/-/fs-0.0.1-security.tgz#8a7bd37186b6dddf3813f23858b57ecaaf5e41d4"
-  integrity sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==
-
 fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -10274,20 +9988,6 @@ gauge@^5.0.0:
     strip-ansi "^6.0.1"
     wide-align "^1.1.5"
 
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
@@ -10451,7 +10151,7 @@ glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@~7.2.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.1, glob@^8.0.3, glob@^8.1.0:
+glob@^8.0.1, glob@^8.0.3:
   version "8.1.0"
   resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
   integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
@@ -10606,7 +10306,7 @@ has-tostringtag@^1.0.2:
   dependencies:
     has-symbols "^1.0.3"
 
-has-unicode@^2.0.0, has-unicode@^2.0.1:
+has-unicode@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
   integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
@@ -11465,13 +11165,6 @@ is-finite@^1.0.0:
   resolved "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz"
   integrity sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==
 
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
-  dependencies:
-    number-is-nan "^1.0.0"
-
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
@@ -11624,11 +11317,6 @@ is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-plain-obj@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
-  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
-
 is-plain-obj@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz"
@@ -11728,11 +11416,6 @@ is-typed-array@^1.1.13:
   dependencies:
     which-typed-array "^1.1.14"
 
-is-typedarray@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
-
 is-unicode-supported@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
@@ -12523,39 +12206,6 @@ just-diff@^6.0.0:
   resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-6.0.2.tgz#03b65908543ac0521caf6d8eb85035f7d27ea285"
   integrity sha512-S59eriX5u3/QhMNq3v/gm8Kd0w8OS6Tz2FS1NG4blv+z0MuQcBRJyFWjdovM0Rad4/P4aUPFtnkNjMjyMlMSYA==
 
-kafka-node@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/kafka-node/-/kafka-node-5.0.0.tgz#4b6f65cc1d77ebe565859dfb8f9575ed15d543c0"
-  integrity sha512-dD2ga5gLcQhsq1yNoQdy1MU4x4z7YnXM5bcG9SdQuiNr5KKuAmXixH1Mggwdah5o7EfholFbcNDPSVA6BIfaug==
-  dependencies:
-    async "^2.6.2"
-    binary "~0.3.0"
-    bl "^2.2.0"
-    buffer-crc32 "~0.2.5"
-    buffermaker "~1.2.0"
-    debug "^2.1.3"
-    denque "^1.3.0"
-    lodash "^4.17.4"
-    minimatch "^3.0.2"
-    nested-error-stacks "^2.0.0"
-    optional "^0.1.3"
-    retry "^0.10.1"
-    uuid "^3.0.0"
-  optionalDependencies:
-    snappy "^6.0.1"
-
-kafka@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/kafka/-/kafka-0.2.3.tgz#fb7b1df38f161d821fee9dcb63985e388ea08188"
-  integrity sha512-Qi9J1HgikGlZz4dGzG++sZ3L52JTE+LCWelz3MNmze0KePSeWvZHVtGe981/mD/u+wyLg6INFw3Rgrqyg+orTA==
-  dependencies:
-    std "0.1.36"
-
-kafkajs@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/kafkajs/-/kafkajs-2.2.4.tgz#59e6e16459d87fdf8b64be73970ed5aa42370a5b"
-  integrity sha512-j/YeapB1vfPT2iOIUn/vxdyKEuhuY2PxMBvf5JWux6iSaukAccrMtXEY/Lb7OvavDhOWME589bpLrEdnVHjfjA==
-
 katex@^0.16.9:
   version "0.16.9"
   resolved "https://registry.npmjs.org/katex/-/katex-0.16.9.tgz"
@@ -12672,30 +12322,18 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@^1.4.8:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.8.tgz#ee09c45d47291d984c11ae72f9319d85dd898e20"
-  integrity sha512-VN01OGnQ07YUr6y8NYhwRs1TYtfqI+Df5A82X0FMEGBURw5k8Axh81U4vlpIfCpkhF74Ov8taXkh38pxcEDABA==
+libcardano@^1.4.14-browser:
+  version "1.4.14-browser"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.14-browser.tgz#2dfa63d7800cdca6ae89d1170b98d5dc77b3d14a"
+  integrity sha512-wrARf/MzxgaqDjeU2550hjZGqcaqEeUBTGjnXDpQaC7m0Tx8w9D0DbbySkDpo64DV1ng3eC+jlNxfmkd4eCMPA==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
-    "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"
     "@noble/curves" "^1.6.0"
-    "@prisma/client" "4.15.0"
     bech32 "^2.0.0"
     bip39 "^3.1.0"
     blake2b "^2.1.4"
     blakejs "^1.2.1"
-    cbor "^9.0.0"
-    chai "^5.1.1"
-    fs "^0.0.1-security"
-    kafka "^0.2.3"
-    kafka-node "^5.0.0"
-    kafkajs "^2.2.4"
-    mocha "^10.5.2"
-    prisma "^4.15.0"
-    readline "^1.3.0"
     tsconfig-paths "^4.2.0"
-    websocket "^1.0.35"
 
 libnpmaccess@^7.0.2:
   version "7.0.3"
@@ -12992,7 +12630,7 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
-lodash@^4.0.1, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4:
+lodash@^4.0.1, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -13024,11 +12662,6 @@ log-update@^6.0.0:
     strip-ansi "^7.1.0"
     wrap-ansi "^9.0.0"
 
-long@1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/long/-/long-1.1.2.tgz#eaef5951ca7551d96926b82da242db9d6b28fb53"
-  integrity sha512-pjR3OP1X2VVQhCQlrq3s8UxugQsuoucwMOn9Yj/kN/61HMc+lDFJS5bvpNEHneZ9NVaSm8gNWxZvtGS7lqHb3Q==
-
 longest-streak@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz"
@@ -13048,11 +12681,6 @@ loupe@^2.3.6, loupe@^2.3.7:
   dependencies:
     get-func-name "^2.0.1"
 
-loupe@^3.1.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.2.tgz#c86e0696804a02218f2206124c45d8b15291a240"
-  integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==
-
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz"
@@ -14064,11 +13692,6 @@ mimic-fn@^4.0.0:
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz"
   integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
 
-mimic-response@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
-
 mimic-response@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz"
@@ -14108,7 +13731,7 @@ minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatc
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1, minimatch@^5.1.6:
+minimatch@^5.0.1:
   version "5.1.6"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
@@ -14234,7 +13857,7 @@ mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   resolved "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
-mkdirp@^0.5.1, mkdirp@^0.5.5:
+mkdirp@^0.5.5:
   version "0.5.6"
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
@@ -14251,32 +13874,6 @@ mkdirp@^2.1.6:
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz"
   integrity sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==
 
-mocha@^10.5.2:
-  version "10.8.2"
-  resolved "https://registry.yarnpkg.com/mocha/-/mocha-10.8.2.tgz#8d8342d016ed411b12a429eb731b825f961afb96"
-  integrity sha512-VZlYo/WE8t1tstuRmqgeyBgCbJc/lEdopaa+axcKzTBJ+UIdlAB9XnmvTCAH4pwR4ElNInaedhEBmZD8iCSVEg==
-  dependencies:
-    ansi-colors "^4.1.3"
-    browser-stdout "^1.3.1"
-    chokidar "^3.5.3"
-    debug "^4.3.5"
-    diff "^5.2.0"
-    escape-string-regexp "^4.0.0"
-    find-up "^5.0.0"
-    glob "^8.1.0"
-    he "^1.2.0"
-    js-yaml "^4.1.0"
-    log-symbols "^4.1.0"
-    minimatch "^5.1.6"
-    ms "^2.1.3"
-    serialize-javascript "^6.0.2"
-    strip-json-comments "^3.1.1"
-    supports-color "^8.1.1"
-    workerpool "^6.5.1"
-    yargs "^16.2.0"
-    yargs-parser "^20.2.9"
-    yargs-unparser "^2.0.0"
-
 mock-property@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/mock-property/-/mock-property-1.0.3.tgz#3e37c50a56609d548cabd56559fde3dd8767b10c"
@@ -14382,11 +13979,6 @@ name-initials@^0.1.3:
   resolved "https://registry.yarnpkg.com/name-initials/-/name-initials-0.1.3.tgz#b9af9d8d551068b1c147c50458477f47c1217776"
   integrity sha512-UJcpCmyftGuZ7I46dqOw776VvH3VqHhAM7ma4eyY0t52FahFv/VhmDqSeekwSZFXyK9HLg9MXmb9udeOJ3YtCA==
 
-nan@^2.14.1:
-  version "2.22.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.22.0.tgz#31bc433fc33213c97bad36404bb68063de604de3"
-  integrity sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==
-
 nano-css@^5.6.1:
   version "5.6.1"
   resolved "https://registry.npmjs.org/nano-css/-/nano-css-5.6.1.tgz"
@@ -14436,11 +14028,6 @@ neo-async@^2.5.0, neo-async@^2.6.2:
   resolved "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-nested-error-stacks@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-2.1.1.tgz#26c8a3cee6cc05fbcf1e333cd2fc3e003326c0b5"
-  integrity sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==
-
 next-i18next@^15.2.0:
   version "15.2.0"
   resolved "https://registry.npmjs.org/next-i18next/-/next-i18next-15.2.0.tgz"
@@ -14496,11 +14083,6 @@ next-themes@^0.2.1:
   resolved "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz"
   integrity sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==
 
-next-tick@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
-  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
-
 next@^14.2.5:
   version "14.2.13"
   resolved "https://registry.yarnpkg.com/next/-/next-14.2.13.tgz#32da2ee0afbe729e2d4a467c3570def90e1c974d"
@@ -14532,13 +14114,6 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
-node-abi@^2.7.0:
-  version "2.30.1"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.30.1.tgz#c437d4b1fe0e285aaf290d45b45d4d7afedac4cf"
-  integrity sha512-/2D0wOQPgaUWzVSVgRMx+trKJRC2UG4SUc4oCJoXx9Uxjtp0Vy3/kt7zcbxHF8+Z/pK3UloLWzBISg72brfy1w==
-  dependencies:
-    semver "^5.4.1"
-
 node-abi@^3.3.0:
   version "3.57.0"
   resolved "https://registry.npmjs.org/node-abi/-/node-abi-3.57.0.tgz"
@@ -14589,11 +14164,6 @@ node-fetch@^3.3.0:
     fetch-blob "^3.1.4"
     formdata-polyfill "^4.0.10"
 
-node-gyp-build@^4.3.0:
-  version "4.8.4"
-  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.4.tgz#8a70ee85464ae52327772a90d66c6077a900cfc8"
-  integrity sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==
-
 node-gyp@^9.0.0, node-gyp@^9.4.1:
   version "9.4.1"
   resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.4.1.tgz#8a1023e0d6766ecb52764cc3a734b36ff275e185"
@@ -14652,21 +14222,11 @@ node-releases@^2.0.14:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
-nofilter@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-3.1.0.tgz#c757ba68801d41ff930ba2ec55bab52ca184aa66"
-  integrity sha512-l2NNj07e9afPnhAhvgVrCD/oy2Ai1yfLpuo3EpiO1jFTsB4sFz6oIfAfSZyQzVpkZQ9xS8ZS5g1jCBgq4Hwo0g==
-
 non-layered-tidy-tree-layout@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz"
   integrity sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==
 
-noop-logger@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
-  integrity sha512-6kM8CLXvuW5crTxsAtva2YLrRrDaiTIkIePWs9moLHqbFWT94WpNFjwS/5dfLfECg5i/lkmw3aoqVidxt23TEQ==
-
 nopt@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
@@ -14883,16 +14443,6 @@ npm@^9.3.0:
     which "^3.0.1"
     write-file-atomic "^5.0.1"
 
-npmlog@^4.0.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
 npmlog@^6.0.0:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
@@ -14925,11 +14475,6 @@ nth-check@^2.0.0, nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
-
 nwsapi@^2.2.2:
   version "2.2.7"
   resolved "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz"
@@ -14946,7 +14491,7 @@ nypm@^0.3.8:
     pathe "^1.1.2"
     ufo "^1.4.0"
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -15113,11 +14658,6 @@ optional-js@^2.0.0:
   resolved "https://registry.npmjs.org/optional-js/-/optional-js-2.3.0.tgz"
   integrity sha512-B0LLi+Vg+eko++0z/b8zIv57kp7HKEzaPJo7LowJXMUKYdf+3XJGu/cw03h/JhIOsLnP+cG5QnTHAuicjA5fMw==
 
-optional@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/optional/-/optional-0.1.4.tgz#cdb1a9bedc737d2025f690ceeb50e049444fd5b3"
-  integrity sha512-gtvrrCfkE08wKcgXaVwQVgwEQ8vel2dc5DDBn9RLQZ3YtmtkBss6A2HY6BnJH4N/4Ku97Ri/SF8sNWE2225WJw==
-
 optionator@^0.9.3:
   version "0.9.3"
   resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz"
@@ -15172,11 +14712,6 @@ os-browserify@^0.3.0:
   resolved "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz"
   integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
 
-os-homedir@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
-
 os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz"
@@ -15478,11 +15013,6 @@ pathval@^1.1.1:
   resolved "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz"
   integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
-pathval@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.0.tgz#7e2550b422601d4f6b8e26f1301bc8f15a741a25"
-  integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==
-
 pbkdf2@^3.0.3, pbkdf2@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz"
@@ -15757,28 +15287,6 @@ postcss@^8, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.33:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-prebuild-install@5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-5.3.0.tgz#58b4d8344e03590990931ee088dd5401b03004c8"
-  integrity sha512-aaLVANlj4HgZweKttFNUVNRxDukytuIuxeK2boIMHjagNJCiVKWFsKF4tCE3ql3GbrD2tExPQ7/pwtEJcHNZeg==
-  dependencies:
-    detect-libc "^1.0.3"
-    expand-template "^2.0.3"
-    github-from-package "0.0.0"
-    minimist "^1.2.0"
-    mkdirp "^0.5.1"
-    napi-build-utils "^1.0.1"
-    node-abi "^2.7.0"
-    noop-logger "^0.1.1"
-    npmlog "^4.0.1"
-    os-homedir "^1.0.1"
-    pump "^2.0.1"
-    rc "^1.2.7"
-    simple-get "^2.7.0"
-    tar-fs "^1.13.0"
-    tunnel-agent "^0.6.0"
-    which-pm-runs "^1.0.0"
-
 prebuild-install@^7.1.1:
   version "7.1.2"
   resolved "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.2.tgz"
@@ -15848,13 +15356,6 @@ pretty-hrtime@^1.0.3:
   resolved "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz"
   integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==
 
-prisma@^4.15.0:
-  version "4.16.2"
-  resolved "https://registry.yarnpkg.com/prisma/-/prisma-4.16.2.tgz#469e0a0991c6ae5bcde289401726bb012253339e"
-  integrity sha512-SYCsBvDf0/7XSJyf2cHTLjLeTLVXYfqp7pG5eEVafFLeT0u/hLFz/9W196nDRGUOo1JfPatAEb+uEnTQImQC1g==
-  dependencies:
-    "@prisma/engines" "4.16.2"
-
 proc-log@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-3.0.0.tgz#fb05ef83ccd64fd7b20bbe9c8c1070fc08338dd8"
@@ -15967,15 +15468,7 @@ public-encrypt@^4.0.0:
     randombytes "^2.0.1"
     safe-buffer "^5.1.2"
 
-pump@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-1.0.3.tgz#5dfe8311c33bbf6fc18261f9f34702c47c08a954"
-  integrity sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^2.0.0, pump@^2.0.1:
+pump@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz"
   integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
@@ -16632,7 +16125,7 @@ read@^3.0.1:
   dependencies:
     mute-stream "^1.0.0"
 
-readable-stream@^2.0.0, readable-stream@^2.0.6, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@^2.3.8, readable-stream@~2.3.6:
+readable-stream@^2.0.0, readable-stream@^2.3.8, readable-stream@~2.3.6:
   version "2.3.8"
   resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -16679,11 +16172,6 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-readline@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/readline/-/readline-1.3.0.tgz#c580d77ef2cfc8752b132498060dc9793a7ac01c"
-  integrity sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==
-
 reaflow@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/reaflow/-/reaflow-5.3.1.tgz#dcf39c12a36d56695ada276864993a6310b963ac"
@@ -17183,11 +16671,6 @@ restore-cursor@^4.0.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
-retry@^0.10.1:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
-  integrity sha512-ZXUSQYTHdl3uS7IuCehYfMzKyIDBNoAuUblvy5oGO5UJSUTmStUUVPXbA9Qxd173Bgre53yCQczQuHgRWAdvJQ==
-
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
@@ -17429,7 +16912,7 @@ scrollparent@^2.1.0:
   resolved "https://registry.npmjs.org/scrollparent/-/scrollparent-2.1.0.tgz"
   integrity sha512-bnnvJL28/Rtz/kz2+4wpBjHzWoEzXhVg/TE8BeVGJHUqE8THNIRnDxDWMktwM+qahvlRdvlLdsQfYe+cuqfZeA==
 
-"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.6.0:
   version "5.7.2"
   resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
@@ -17489,7 +16972,7 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
-serialize-javascript@^6.0.1, serialize-javascript@^6.0.2:
+serialize-javascript@^6.0.1:
   version "6.0.2"
   resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz"
   integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
@@ -17506,7 +16989,7 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
-set-blocking@^2.0.0, set-blocking@~2.0.0:
+set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
@@ -17644,7 +17127,7 @@ side-channel@^1.0.4, side-channel@^1.0.6:
     get-intrinsic "^1.2.4"
     object-inspect "^1.13.1"
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -17670,15 +17153,6 @@ simple-concat@^1.0.0:
   resolved "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz"
   integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
 
-simple-get@^2.7.0:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-2.8.2.tgz#5708fb0919d440657326cd5fe7d2599d07705019"
-  integrity sha512-Ijd/rV5o+mSBBs4F/x9oDPtTx9Zb6X9brmnXvMW4J7IR15ngi9q5xxqWBKU744jTZiaXtxaPL7uHG6vtN8kUkw==
-  dependencies:
-    decompress-response "^3.3.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
 simple-get@^4.0.0, simple-get@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz"
@@ -17726,15 +17200,6 @@ smart-buffer@^4.2.0:
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
   integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
 
-snappy@^6.0.1:
-  version "6.3.5"
-  resolved "https://registry.yarnpkg.com/snappy/-/snappy-6.3.5.tgz#c14b8dea8e9bc2687875b5e491d15dd900e6023c"
-  integrity sha512-lonrUtdp1b1uDn1dbwgQbBsb5BbaiLeKq+AGwOk2No+en+VvJThwmtztwulEQsLinRF681pBqib0NUZaizKLIA==
-  dependencies:
-    bindings "^1.3.1"
-    nan "^2.14.1"
-    prebuild-install "5.3.0"
-
 socks-proxy-agent@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz#dc069ecf34436621acb41e3efa66ca1b5fed15b6"
@@ -17940,11 +17405,6 @@ statuses@2.0.1, statuses@^2.0.1:
   resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
-std@0.1.36:
-  version "0.1.36"
-  resolved "https://registry.yarnpkg.com/std/-/std-0.1.36.tgz#79da0f9bba887809dfc60958ad4e69cdcf788c40"
-  integrity sha512-PZP6srpVKfDgMwgbo+0jOUV0IFAWxHKlyQj3wiZiov8AYbXtoDjhNtFaCLkthOp0T5I6HDFzYvo2mRVtU5HYdg==
-
 stdin-discarder@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz"
@@ -18043,15 +17503,6 @@ string-length@^4.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
@@ -18178,13 +17629,6 @@ stringify-object@^3.3.0:
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
-  dependencies:
-    ansi-regex "^2.0.0"
-
 strip-ansi@^7.0.1, strip-ansi@^7.1.0:
   version "7.1.0"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
@@ -18320,7 +17764,7 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0, supports-color@^8.1.1:
+supports-color@^8.0.0:
   version "8.1.1"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
@@ -18424,16 +17868,6 @@ tape@^4.9.0:
     resolve "~1.22.6"
     string.prototype.trim "~1.2.8"
 
-tar-fs@^1.13.0:
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-1.16.3.tgz#966a628841da2c4010406a82167cbd5e0c72d509"
-  integrity sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==
-  dependencies:
-    chownr "^1.0.1"
-    mkdirp "^0.5.1"
-    pump "^1.0.0"
-    tar-stream "^1.1.2"
-
 tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz"
@@ -18455,19 +17889,6 @@ tar-fs@^3.0.4:
     bare-fs "^2.1.1"
     bare-path "^2.1.0"
 
-tar-stream@^1.1.2:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
-  integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
-  dependencies:
-    bl "^1.0.0"
-    buffer-alloc "^1.2.0"
-    end-of-stream "^1.0.0"
-    fs-constants "^1.0.0"
-    readable-stream "^2.3.0"
-    to-buffer "^1.1.1"
-    xtend "^4.0.0"
-
 tar-stream@^2.1.4:
   version "2.2.0"
   resolved "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz"
@@ -18660,11 +18081,6 @@ tmpl@1.0.5:
   resolved "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
-to-buffer@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
-  integrity sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==
-
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
@@ -18729,11 +18145,6 @@ tr46@~0.0.3:
   resolved "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
-"traverse@>=0.3.0 <0.4":
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.3.9.tgz#717b8f220cc0bb7b44e40514c22b2e8bbc70d8b9"
-  integrity sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ==
-
 tree-changes@^0.11.2:
   version "0.11.2"
   resolved "https://registry.npmjs.org/tree-changes/-/tree-changes-0.11.2.tgz"
@@ -18992,11 +18403,6 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-type@^2.7.2:
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.3.tgz#436981652129285cc3ba94f392886c2637ea0486"
-  integrity sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==
-
 typed-array-buffer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz"
@@ -19080,13 +18486,6 @@ typed-array-length@^1.0.6:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
 typescript@^5:
   version "5.3.3"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz"
@@ -19386,13 +18785,6 @@ usehooks-ts@^3.1.0:
   dependencies:
     lodash.debounce "^4.0.8"
 
-utf-8-validate@^5.0.2:
-  version "5.0.10"
-  resolved "https://registry.yarnpkg.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz#d7d10ea39318171ca982718b6b96a8d2442571a2"
-  integrity sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
@@ -19426,11 +18818,6 @@ utrie@^1.0.2:
   dependencies:
     base64-arraybuffer "^1.0.2"
 
-uuid@^3.0.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
 uuid@^9.0.0, uuid@^9.0.1:
   version "9.0.1"
   resolved "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz"
@@ -19670,18 +19057,6 @@ webpack@5:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
-websocket@^1.0.35:
-  version "1.0.35"
-  resolved "https://registry.yarnpkg.com/websocket/-/websocket-1.0.35.tgz#374197207d7d4cc4c36cbf8a1bb886ee52a07885"
-  integrity sha512-/REy6amwPZl44DDzvRCkaI1q1bIiQB0mEFQLUrhz3z2EK91cp3n72rAjUlrTP0zV22HJIUOVHQGPxhFRjxjt+Q==
-  dependencies:
-    bufferutil "^4.0.1"
-    debug "^2.2.0"
-    es5-ext "^0.10.63"
-    typedarray-to-buffer "^3.1.5"
-    utf-8-validate "^5.0.2"
-    yaeti "^0.0.6"
-
 whatwg-encoding@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz"
@@ -19768,11 +19143,6 @@ which-module@^2.0.0:
   resolved "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz"
   integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
 
-which-pm-runs@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.1.0.tgz#35ccf7b1a0fce87bd8b92a478c9d045785d3bf35"
-  integrity sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==
-
 which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.2, which-typed-array@^1.1.9:
   version "1.1.13"
   resolved "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz"
@@ -19814,7 +19184,7 @@ which@^3.0.0, which@^3.0.1:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@^1.1.0, wide-align@^1.1.5:
+wide-align@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
   integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
@@ -19995,12 +19365,8 @@ workbox-window@6.6.0, workbox-window@^6.5.4:
     "@types/trusted-types" "^2.0.2"
     workbox-core "6.6.0"
 
-workerpool@^6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544"
-  integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==
-
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+  name wrap-ansi-cjs
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -20081,7 +19447,7 @@ xmlchars@^2.2.0:
   resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
+xtend@^4.0.2, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
@@ -20096,11 +19462,6 @@ y18n@^5.0.5:
   resolved "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
-yaeti@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/yaeti/-/yaeti-0.0.6.tgz#f26f484d72684cf42bedfb76970aa1608fbf9577"
-  integrity sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==
-
 yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz"
@@ -20129,26 +19490,11 @@ yargs-parser@^18.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^20.2.2, yargs-parser@^20.2.9:
-  version "20.2.9"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
-  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
-
 yargs-parser@^21.0.1, yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
-yargs-unparser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/yargs-unparser/-/yargs-unparser-2.0.0.tgz#f131f9226911ae5d9ad38c432fe809366c2325eb"
-  integrity sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==
-  dependencies:
-    camelcase "^6.0.0"
-    decamelize "^4.0.0"
-    flat "^5.0.2"
-    is-plain-obj "^2.1.0"
-
 yargs@^15.3.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz"
@@ -20166,19 +19512,6 @@ yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
-yargs@^16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
-  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
-  dependencies:
-    cliui "^7.0.2"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.0"
-    y18n "^5.0.5"
-    yargs-parser "^20.2.2"
-
 yargs@^17.3.1, yargs@^17.7.2:
   version "17.7.2"
   resolved "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz"

From d837a5082ed2a0b450c52ac0507fe90cc02f018b Mon Sep 17 00:00:00 2001
From: Sital999 <sitalnagarkoti123@gmail.com>
Date: Wed, 25 Dec 2024 10:58:08 +0545
Subject: [PATCH 26/42] enhancement: Add customCombox for search field

---
 agent-node/src/utils/operatorSupport.ts       | 238 +++++++------
 api/backend/app/models/trigger/trigger_dto.py |   3 +-
 frontend/src/api/agents.ts                    |   3 +-
 .../components/event/EventTab.tsx             | 331 ++++++++++--------
 frontend/src/app/layout.tsx                   |   2 +-
 .../components/molecules/CustomCombobox.tsx   |  83 ++++-
 frontend/src/models/types/functions.ts        |   4 +-
 frontend/src/utils/cardano.ts                 |  31 ++
 8 files changed, 439 insertions(+), 256 deletions(-)

diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index e386dc2a..ca04b777 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -1,129 +1,159 @@
-type TypeHandler = (a: any, b: any) => boolean;
+type TypeHandler = (a: any, b: any) => boolean
 
 const operatorNameToSymbol: Record<string, string> = {
-  // Text-based comparison operators
-  greaterthan: '>',
-  greaterthanorequal: '>=',
-  lessthan: '<',
-  lessthanorequal: '<=',
-  equal: '==',
-  equals: '==',
-  notequal: '!=',
-  notequals: '!=',
-
-  // Shorthand comparison operators
-  gt: '>',
-  gte: '>=',
-  lt: '<',
-  lte: '<=',
-  ne: '!=',
-};
+    // Text-based comparison operators
+    greaterthan: '>',
+    greaterthanorequal: '>=',
+    lessthan: '<',
+    lessthanorequal: '<=',
+    equal: '==',
+    equals: '==',
+    notequal: '!=',
+    notequals: '!=',
+
+    // Shorthand comparison operators
+    gt: '>',
+    gte: '>=',
+    lt: '<',
+    lte: '<=',
+    ne: '!=',
+    eq: '==',
+}
 class LogicalFunctions {
-  private typeHandlers: Map<string, Record<string, TypeHandler>>;
-
-  constructor() {
-    // Initialize a map to hold handlers for different types/classes
-    this.typeHandlers = new Map();
-  }
+    private typeHandlers: Map<string, Record<string, TypeHandler>>
 
-  // Register operator for a specific class or type (e.g., Person, Animal, Number, etc.)
-  register(type: string, operator: string, handler: TypeHandler): void {
-    if (!this.typeHandlers.has(type)) {
-      this.typeHandlers.set(type, {});
+    constructor() {
+        // Initialize a map to hold handlers for different types/classes
+        this.typeHandlers = new Map()
     }
-      const typeRegistry = this.typeHandlers.get(type)!;
 
-    if (typeRegistry[operator]) {
-      throw new Error(`Operator "${operator}" for type "${type}" is already registered.`);
+    // Register operator for a specific class or type (e.g., Person, Animal, Number, etc.)
+    register(type: string, operator: string, handler: TypeHandler): void {
+        if (!this.typeHandlers.has(type)) {
+            this.typeHandlers.set(type, {})
+        }
+        const typeRegistry = this.typeHandlers.get(type)!
+
+        if (typeRegistry[operator]) {
+            throw new Error(
+                `Operator "${operator}" for type "${type}" is already registered.`
+            )
+        }
+
+        typeRegistry[operator] = handler
     }
 
-    typeRegistry[operator] = handler;
-  }
+    // Execute the logical operation, checking the types/classes of the operands
+    execute(operator: string, a: any, b: any): boolean {
+        const aClass = a.constructor ? a.constructor.name : typeof a
+        const bClass = b.constructor ? b.constructor.name : typeof b
 
-  // Execute the logical operation, checking the types/classes of the operands
-  execute(operator: string, a: any, b: any): boolean {
-    const aClass = a.constructor ? a.constructor.name : typeof a;
-    const bClass = b.constructor ? b.constructor.name : typeof b;
+        if (operatorNameToSymbol[operator.toLowerCase()]) {
+            operator = operatorNameToSymbol[operator.toLowerCase()]
+        }
+        // Try class-specific operator registration first
+        if (this.typeHandlers.has(aClass)) {
+            const aHandlers = this.typeHandlers.get(aClass)!
+            if (aHandlers[operator]) {
+                if (aClass === 'buffer' && !Buffer.isBuffer(b)) {
+                    const convertedBuffer = Buffer.from(b)
+                    return aHandlers[operator](a, convertedBuffer)
+                }
+                return aHandlers[operator](a, b)
+            }
+        }
 
-    if(operatorNameToSymbol[operator.toLowerCase()]){
-      operator=operatorNameToSymbol[operator.toLowerCase()]
-    }
-    // Try class-specific operator registration first
-    if (this.typeHandlers.has(aClass)) {
-      const aHandlers = this.typeHandlers.get(aClass)!;
-      if (aHandlers[operator]) {
-        if (aClass === 'buffer' && !Buffer.isBuffer(b)){
-          const convertedBuffer = Buffer.from(b)
-          return aHandlers[operator](a, convertedBuffer);
+        // If class-specific handler not found, check for type (primitive) operators
+        if (this.typeHandlers.has(aClass.toLowerCase())) {
+            const aHandlers = this.typeHandlers.get(aClass.toLowerCase())!
+            if (aHandlers[operator]) {
+                if (aClass.toLowerCase() === 'buffer' && !Buffer.isBuffer(b)) {
+                    const convertedBuffer = Buffer.from(b, 'hex')
+                    return aHandlers[operator](a, convertedBuffer)
+                }
+                return aHandlers[operator](a, b)
+            }
         }
-        return aHandlers[operator](a, b);
-      }
-    }
 
-    // If class-specific handler not found, check for type (primitive) operators
-    if (this.typeHandlers.has(aClass.toLowerCase())) {
-      const aHandlers = this.typeHandlers.get(aClass.toLowerCase())!;
-      if (aHandlers[operator]) {
-        if (aClass.toLowerCase() === 'buffer' && !Buffer.isBuffer(b)){
-          const convertedBuffer = Buffer.from(b,'hex')
-          return aHandlers[operator](a, convertedBuffer);
+        // Try class-specific operator registration for the second operand
+        if (this.typeHandlers.has(bClass)) {
+            const bHandlers = this.typeHandlers.get(bClass)!
+            if (bHandlers[operator]) {
+                return bHandlers[operator](a, b)
+            }
         }
-        return aHandlers[operator](a, b);
-      }
-    }
 
-    // Try class-specific operator registration for the second operand
-    if (this.typeHandlers.has(bClass)) {
-      const bHandlers = this.typeHandlers.get(bClass)!;
-      if (bHandlers[operator]) {
-        return bHandlers[operator](a, b);
-      }
-    }
+        // If still not found, try for primitive types such as number, string, etc.
+        if (this.typeHandlers.has('number')) {
+            const numberHandlers = this.typeHandlers.get('number')!
+            if (numberHandlers[operator]) {
+                return numberHandlers[operator](a, b)
+            }
+        }
 
-    // If still not found, try for primitive types such as number, string, etc.
-    if (this.typeHandlers.has("number")) {
-      const numberHandlers = this.typeHandlers.get("number")!;
-      if (numberHandlers[operator]) {
-        return numberHandlers[operator](a, b);
-      }
+        console.log(
+            'typeHandlers',
+            JSON.stringify(Array.from(this.typeHandlers.keys()), undefined, 2)
+        )
+        console.log(
+            'typeHandlersvalues',
+            JSON.stringify(Array.from(this.typeHandlers.values()), undefined, 2)
+        )
+
+        // If operator is not found for the types of operands, throw an error
+        throw new Error(
+            `Operator "${operator}" is not supported for operands of types "${aClass}" and "${bClass}".`
+        )
     }
-
-    console.log("typeHandlers",JSON.stringify(Array.from( this.typeHandlers.keys()),undefined,2));
-    console.log("typeHandlersvalues",JSON.stringify(Array.from( this.typeHandlers.values()),undefined,2));
-
-    // If operator is not found for the types of operands, throw an error
-    throw new Error(`Operator "${operator}" is not supported for operands of types "${aClass}" and "${bClass}".`);
-  }
 }
 
-
-
 // Initialize the _logicalFunctions instance
-const _logicalFunctions = new LogicalFunctions();
+const _logicalFunctions = new LogicalFunctions()
 
 // Register handlers for numbers
-_logicalFunctions.register("number", "==", (a: number, b: number) => a === b);
-_logicalFunctions.register("number", "!=", (a: number, b: number) => a !== b);
-_logicalFunctions.register("number", ">", (a: number, b: number) => a > b);
-_logicalFunctions.register("number", "<", (a: number, b: number) => a < b);
-_logicalFunctions.register("number", ">=", (a: number, b: number) => a >= b);
-_logicalFunctions.register("number", "<=", (a: number, b: number) => a <= b);
+_logicalFunctions.register('number', '==', (a: number, b: number) => a === b)
+_logicalFunctions.register('number', '!=', (a: number, b: number) => a !== b)
+_logicalFunctions.register('number', '>', (a: number, b: number) => a > b)
+_logicalFunctions.register('number', '<', (a: number, b: number) => a < b)
+_logicalFunctions.register('number', '>=', (a: number, b: number) => a >= b)
+_logicalFunctions.register('number', '<=', (a: number, b: number) => a <= b)
 
 // Register handlers for strings
-_logicalFunctions.register("string", "==", (a: string, b: string) => a === b);
-_logicalFunctions.register("string", "!=", (a: string, b: string) => a !== b);
-_logicalFunctions.register("string", ">", (a: string, b: string) => a > b);
-_logicalFunctions.register("string", "<", (a: string, b: string) => a < b);
-_logicalFunctions.register("string", ">=", (a: string, b: string) => a >= b);
-_logicalFunctions.register("string", "<=", (a: string, b: string) => a <= b);
+_logicalFunctions.register('string', '==', (a: string, b: string) => a === b)
+_logicalFunctions.register('string', '!=', (a: string, b: string) => a !== b)
+_logicalFunctions.register('string', '>', (a: string, b: string) => a > b)
+_logicalFunctions.register('string', '<', (a: string, b: string) => a < b)
+_logicalFunctions.register('string', '>=', (a: string, b: string) => a >= b)
+_logicalFunctions.register('string', '<=', (a: string, b: string) => a <= b)
 
 // Register handlers for buffers
-_logicalFunctions.register("buffer", "==", (a: Buffer, b: Buffer) => a.equals(b));
-_logicalFunctions.register("buffer", "!=", (a: Buffer, b: Buffer) => !a.equals(b));
-_logicalFunctions.register("buffer", ">", (a: Buffer, b: Buffer) => a.compare(b) > 0);
-_logicalFunctions.register("buffer", "<", (a: Buffer, b: Buffer) => a.compare(b) < 0);
-_logicalFunctions.register("buffer", ">=", (a: Buffer, b: Buffer) => a.compare(b) >= 0);
-_logicalFunctions.register("buffer", "<=", (a: Buffer, b: Buffer) => a.compare(b) <= 0);
-
-export const logicalFunctions=_logicalFunctions;
-
+_logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) =>
+    a.equals(b)
+)
+_logicalFunctions.register(
+    'buffer',
+    '!=',
+    (a: Buffer, b: Buffer) => !a.equals(b)
+)
+_logicalFunctions.register(
+    'buffer',
+    '>',
+    (a: Buffer, b: Buffer) => a.compare(b) > 0
+)
+_logicalFunctions.register(
+    'buffer',
+    '<',
+    (a: Buffer, b: Buffer) => a.compare(b) < 0
+)
+_logicalFunctions.register(
+    'buffer',
+    '>=',
+    (a: Buffer, b: Buffer) => a.compare(b) >= 0
+)
+_logicalFunctions.register(
+    'buffer',
+    '<=',
+    (a: Buffer, b: Buffer) => a.compare(b) <= 0
+)
+
+export const logicalFunctions = _logicalFunctions
diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index cb131df1..1bb813bf 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -26,7 +26,7 @@ class Action(BaseModel):
 # For Event Based Trigger
 
 BooleanOperator = Literal["AND", "OR"]
-ComparisonOperator = Literal["equals", "greaterthan", "lessthan", "in"]
+ComparisonOperator = Literal["equals", "greaterthan", "lessthan", "in","gt","gte","lt","lte","ne","eq","contains"]
 
 
 class Field(BaseModel):
@@ -34,6 +34,7 @@ class Field(BaseModel):
     value: Any
     negate: bool
     operator: ComparisonOperator
+    operators: list[ComparisonOperator]
 
 
 class ChildrenFields(BaseModel):
diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index 4d8cb86c..f34bc02a 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -16,7 +16,8 @@ export interface IFieldNode {
     id: string | Array<string>;
     value: any;
     negate: boolean;
-    operator: ComparisonOperator;
+    operators: string[];
+    validator: (...args: any) => any;
 }
 
 export interface IBooleanNode {
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 8df2b442..2f148931 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,9 +1,11 @@
 import React, { useEffect, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
+import { getNestedTxProperties } from '@utils';
 import { Events as transactionSchema } from 'libcardano/spec/properties';
 import { ChevronDown, FileJson } from 'lucide-react';
 
+import NodeGraph from '@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph';
 import { Card } from '@app/components/atoms/Card';
 import { Checkbox } from '@app/components/atoms/Checkbox';
 import {
@@ -14,6 +16,7 @@ import {
 } from '@app/components/atoms/DropDownMenu';
 import { Input } from '@app/components/atoms/Input';
 import { cn } from '@app/components/lib/utils';
+import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { CustomSelect } from '@app/components/molecules/CustomDropDown';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
 import { areArraysEqual } from '@app/utils/common/array';
@@ -22,7 +25,6 @@ import { Close } from '@app/views/atoms/Icons/Close';
 import InfoCard from '../cards/InfoCard';
 import CustomEditor from './CustomEditor';
 import { ISchema } from './EventTrigger';
-import NodeGraph from './EventTriggerGraph';
 
 const EventTab = ({
     className,
@@ -125,14 +127,15 @@ const EventTab = ({
             }
         });
         if (selectedParameter && 'properties' in selectedParameter) {
-            selectedParameter = getNestedProperties(selectedParameter)?.find((prop) =>
+            selectedParameter = getNestedTxProperties(selectedParameter)?.find((prop) =>
                 areArraysEqual(prop.id as string[], parameterId as string[])
             );
         }
         return selectedParameter;
     }
 
-    const handleAddParameter = (parameterId: string) => {
+    const handleAddParameter = (parameterId: string | string[]) => {
+        console.log('Added param is : ', parameterId);
         if (formData && currentEventFilter) {
             const selectedParameter = getSelectedParameter(parameterId);
             if (selectedParameter) {
@@ -147,7 +150,10 @@ const EventTab = ({
                                       ...(eventFilter.children || []),
                                       {
                                           id: selectedParameter.id,
-                                          operator: 'equals',
+                                          operators: selectedParameter.operators
+                                              ? selectedParameter.operators
+                                              : ['eq'],
+                                          validator: selectedParameter.validator,
                                           value: '',
                                           negate: false
                                       }
@@ -161,6 +167,29 @@ const EventTab = ({
         }
     };
 
+    const handleDeleteParameter = (parameterId: string | string[]) => {
+        if (!formData) return;
+        const data = {
+            ...formData,
+            children: formData.children.map((eventFilter) => {
+                return 'children' in eventFilter
+                    ? {
+                          ...eventFilter,
+                          children: eventFilter.children.filter((child) => {
+                              if (Array.isArray(child.id)) {
+                                  return !areArraysEqual(
+                                      child.id as string[],
+                                      parameterId as string[]
+                                  );
+                              } else return child.id !== parameterId;
+                          })
+                      }
+                    : eventFilter;
+            })
+        };
+        setFormData(data);
+    };
+
     const handleParamValueChange = (parameterId: string, value: any) => {
         if (formData && currentEventFilter) {
             const data = {
@@ -233,33 +262,9 @@ const EventTab = ({
             );
     };
 
-    function getNestedProperties(obj: ISchema) {
-        const result: ISchema[] = [];
-        const txObjectOperators = obj.operators;
-
-        function recursiveFlatten(property: ISchema, parentId: any = []) {
-            const { id, type, properties } = property;
-            const newId: string[] = [...parentId, id];
-
-            if (properties && Array.isArray(properties)) {
-                properties.forEach((child) => recursiveFlatten(child, newId));
-            } else {
-                result.push({
-                    id: newId,
-                    label: newId.join('.'),
-                    type,
-                    operators: txObjectOperators
-                });
-            }
-        }
-
-        recursiveFlatten(obj);
-        return result;
-    }
-
     const getFlattenEventFilterParams = () => {
         return currentEventFilter?.properties
-            ?.map((prop) => getNestedProperties(prop))
+            ?.map((prop) => getNestedTxProperties(prop))
             .flat();
     };
 
@@ -295,45 +300,78 @@ const EventTab = ({
                     onClick={() => setProMode(!proMode)}
                 />
             </div>
-            <div className="flex gap-2">
-                <CustomSelect
-                    plusIcon={false}
-                    className="w-64"
-                    options={transactionSchema.map((txProp) => ({
-                        label: txProp.label,
-                        value: txProp.id
-                    }))}
-                    defaultValue={currentEvent?.label || 'Event'}
-                    label="Event"
-                    onSelect={handleSelectEvent}
-                    disabled={currentEvent !== null}
-                />
-                <CustomSelect
-                    plusIcon={true}
-                    className="w-64"
-                    options={
-                        getNotSelectedEventFilters()?.map((item) => ({
-                            label: item.label,
-                            value: item.id
-                        })) || []
-                    }
-                    defaultValue={`${currentEvent?.label || 'Event'} filters`}
-                    label="Event Filter"
-                    onSelect={handleAddEventFilter}
-                    disabled={currentEvent === null}
-                />
-                <InfoCard
-                    onMouseEnter={() => {
-                        setIsInfoVisible(true);
-                    }}
-                    onMouseLeave={() => {
-                        setIsInfoVisible(false);
-                    }}
-                    visible={isInfoVisible}
-                />
-            </div>
-            <div className="h-[600px] w-full items-center scroll-auto">
-                <NodeGraph data={formData} />
+            <div className={'flex justify-between'}>
+                <div className="flex items-center gap-2">
+                    <CustomSelect
+                        plusIcon={false}
+                        className="w-64"
+                        options={transactionSchema.map((txProp) => ({
+                            label: txProp.label,
+                            value: txProp.id
+                        }))}
+                        defaultValue={currentEvent?.label || 'Event'}
+                        label="Event"
+                        onSelect={handleSelectEvent}
+                        disabled={currentEvent !== null}
+                    />
+                    <CustomSelect
+                        plusIcon={true}
+                        className="w-64"
+                        options={
+                            getNotSelectedEventFilters()?.map((item) => ({
+                                label: item.label,
+                                value: item.id
+                            })) || []
+                        }
+                        defaultValue={`${currentEvent?.label || 'Event'} filters`}
+                        label="Event Filter"
+                        onSelect={handleAddEventFilter}
+                        disabled={currentEvent === null}
+                    />
+                    {/*<CustomSelect*/}
+                    {/*    className="w-64"*/}
+                    {/*    options={*/}
+                    {/*        getNotSelectedEventFilterParameters()?.map((item: ISchema) => ({*/}
+                    {/*            label: item.label,*/}
+                    {/*            value: item.id*/}
+                    {/*        })) || []*/}
+                    {/*    }*/}
+                    {/*    label={'Event Filter Parameters'}*/}
+                    {/*    disabled={currentEventFilter === null}*/}
+                    {/*    defaultValue={` Add Parameters`}*/}
+                    {/*    onSelect={handleAddParameter}*/}
+                    {/*/>*/}
+                    <div className={'flex flex-col gap-4'}>
+                        <h1 className={'text-sm'}>Event Filter Parameters</h1>
+                        <CustomCombobox
+                            addSearchOption
+                            disabled={currentEventFilter === null}
+                            itemsList={
+                                getNotSelectedEventFilterParameters()?.map(
+                                    (item: ISchema) => item.label
+                                ) || []
+                            }
+                            onSelect={(selectedParam: string) => {
+                                const splittedParamArray = selectedParam.split('.');
+                                handleAddParameter(splittedParamArray);
+                            }}
+                            defaultValue={'Search Parameter'}
+                        />
+                    </div>
+                    <InfoCard
+                        onMouseEnter={() => {
+                            setIsInfoVisible(true);
+                        }}
+                        onMouseLeave={() => {
+                            setIsInfoVisible(false);
+                        }}
+                        visible={isInfoVisible}
+                    />
+                </div>
+                <div className="flex items-center space-x-2">
+                    <Label htmlFor="airplane-mode">Airplane Mode</Label>
+                    <Switch id="airplane-mode" />
+                </div>
             </div>
             <Card className="min-h-[200px] bg-gray-200">
                 <div className="mb-8 flex items-end justify-between">
@@ -356,20 +394,6 @@ const EventTab = ({
                                 </div>
                             ))}
                     </nav>
-                    <CustomSelect
-                        className="w-64"
-                        options={
-                            getNotSelectedEventFilterParameters()?.map(
-                                (item: ISchema) => ({
-                                    label: item.label,
-                                    value: item.id
-                                })
-                            ) || []
-                        }
-                        disabled={currentEventFilter === null}
-                        defaultValue={` Add Parameters`}
-                        onSelect={handleAddParameter}
-                    />
                 </div>
                 {currentEventFilter &&
                     formData?.children.map((param, index) => {
@@ -405,8 +429,8 @@ const EventTab = ({
                                                                 value
                                                             );
                                                         }}
-                                                        validator={
-                                                            currentEventFilter.validator
+                                                        onDeleteParameter={
+                                                            handleDeleteParameter
                                                         }
                                                     />
                                                 }
@@ -418,6 +442,9 @@ const EventTab = ({
                         }
                     })}
             </Card>
+            <div className="h-[600px] w-full items-center scroll-auto">
+                <NodeGraph data={formData} />
+            </div>
             <div
                 className={cn(
                     'transition-duration-300 fixed right-4 top-1/2 h-[80vh] w-[500px] -translate-y-1/2 transition-all ease-in-out',
@@ -439,18 +466,22 @@ const RenderEventChildForm = ({
     onValueChange,
     onOperatorChange,
     onNegateChange,
-    validator
+    onDeleteParameter
 }: {
     eventFilterParam: IFieldNode;
     onValueChange?: (value: any) => void;
     onOperatorChange?: (value: any) => void;
     onNegateChange?: (value: boolean) => void;
-    validator?: (...args: any) => any;
+    onDeleteParameter?: (...args: any) => void;
 }) => {
     const [localOperator, setLocalOperator] = useState<string>(
-        eventFilterParam.operator
+        eventFilterParam.operators[0]
     );
 
+    useEffect(() => {
+        localOperator && onOperatorChange?.(localOperator);
+    }, [localOperator]);
+
     const [errMsg, setErrMsg] = useState<string>('');
 
     useEffect(() => {
@@ -462,69 +493,95 @@ const RenderEventChildForm = ({
         };
     }, [errMsg]);
 
-    const operators = ['equals', 'greaterthan', 'lessthan', 'in'];
-
     const handleOperatorChange = (operator: string) => {
         setLocalOperator(operator);
         onOperatorChange?.(operator);
     };
 
+    const handleOnDeleteParam = (paramId: string | string[]) => {
+        onDeleteParameter && onDeleteParameter(paramId);
+    };
+
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        // if (validator && validator(e.target.value)) {
-        //     onValueChange?.(e.target.value);
-        // } else {
-        //     setErrMsg('Kei Error occured');
-        // }
+        if (!eventFilterParam?.validator(e.target.value)) {
+            setErrMsg('Error occured');
+        }
         onValueChange?.(e.target.value);
     };
     return (
-        <div className="group mb-2 flex items-center gap-4">
-            <span className="mt-2 min-w-80 truncate">
-                {Array.isArray(eventFilterParam.id)
-                    ? (eventFilterParam.id as string[]).join('.')
-                    : eventFilterParam.id}
-            </span>
-            <div className="flex items-center gap-2">
-                <span className="mt-2">negate</span>
-                <Checkbox
-                    className="mt-2"
-                    onCheckedChange={onNegateChange}
-                    checked={eventFilterParam.negate}
+        <div className={'flex flex-col gap-1'}>
+            <div className="group mb-2 flex items-center gap-4">
+                <span className="mt-2 min-w-80 truncate">
+                    {Array.isArray(eventFilterParam.id)
+                        ? (eventFilterParam.id as string[]).join('.')
+                        : eventFilterParam.id}
+                </span>
+                <div className="flex items-center gap-2">
+                    <span className="mt-2">negate</span>
+                    <Checkbox
+                        className="mt-2"
+                        onCheckedChange={onNegateChange}
+                        checked={eventFilterParam.negate}
+                    />
+                </div>
+                <DropdownMenu>
+                    <DropdownMenuTrigger
+                        disableIcon={true}
+                        className="mt-2 min-w-32 rounded border-none !p-0"
+                    >
+                        <span className="flex w-full justify-between">
+                            {transformLabelForOperators(localOperator)}
+                            <ChevronDown size={24} />
+                        </span>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent className="!z-[9999]">
+                        {eventFilterParam.operators.map((operator, index) => (
+                            <DropdownMenuItem
+                                key={index}
+                                className="!z-[9999] m-0 w-full"
+                                onClick={() => handleOperatorChange(operator)}
+                            >
+                                {transformLabelForOperators(operator)}
+                            </DropdownMenuItem>
+                        ))}
+                    </DropdownMenuContent>
+                </DropdownMenu>
+                <Input
+                    className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
+                    defaultValue={eventFilterParam.value}
+                    onChange={handleInputChange}
+                />
+                <Close
+                    onClick={() => handleOnDeleteParam(eventFilterParam.id)}
+                    className={
+                        'invisible relative top-2 h-10 w-10 cursor-pointer group-hover:visible'
+                    }
                 />
             </div>
-            <DropdownMenu>
-                <DropdownMenuTrigger
-                    disableIcon={true}
-                    className="mt-2 min-w-32 rounded border-none !p-0"
-                >
-                    <span className="flex w-full justify-between">
-                        {localOperator}
-                        <ChevronDown size={24} />
-                    </span>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent className="!z-[9999]">
-                    {operators.map((operator, index) => (
-                        <DropdownMenuItem
-                            key={index}
-                            className="!z-[9999] m-0 w-full"
-                            onClick={() => handleOperatorChange(operator)}
-                        >
-                            {operator}
-                        </DropdownMenuItem>
-                    ))}
-                </DropdownMenuContent>
-            </DropdownMenu>
-            <Input
-                className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
-                defaultValue={eventFilterParam.value}
-                onChange={handleInputChange}
-            />
-            {errMsg && <span className="text-red-500">{errMsg}</span>}
-            <Close
-                className={'invisible h-10 w-10 cursor-pointer group-hover:visible'}
-            />
+            {errMsg && (
+                <div className="flex w-3/4 justify-end text-sm text-red-500">
+                    {errMsg}
+                </div>
+            )}
         </div>
     );
 };
 
+function transformLabelForOperators(operator: string) {
+    switch (operator) {
+        case 'lt':
+            return 'Less Than';
+        case 'gt':
+            return 'Greater Than';
+        case 'gte':
+            return 'Great Than Or Equals To';
+        case 'lte':
+            return 'Less Than Or Equals To';
+        case 'eq':
+            return 'Equals';
+        default:
+            return operator.toUpperCase();
+    }
+}
+
 export default EventTab;
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 92c44a4e..90820f6d 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -119,7 +119,7 @@ function embedApmScript() {
         serverUrlPrefix: '/status'
     };
     const htmlStr = 'elasticApm.init(' + JSON.stringify(config) + ')';
-    return process.env.NEXT_PUBLIC_APM_ENABLED ? (
+    return !!process.env.NEXT_PUBLIC_APM_ENABLED ? (
         <>
             {/* <script
                 src="https://unpkg.com/@elastic/apm-rum@5.16.1/dist/bundles/elastic-apm-rum.umd.min.js"
diff --git a/frontend/src/components/molecules/CustomCombobox.tsx b/frontend/src/components/molecules/CustomCombobox.tsx
index 36274c7e..7f0d1926 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 
 import { ChevronDown, ChevronUp } from 'lucide-react';
 
@@ -12,48 +12,107 @@ export function CustomCombobox({
     itemsList,
     onSelect,
     className,
-    isOpen = false
+    isOpen = false,
+    addSearchOption = false,
+    disabled = false
 }: {
     defaultValue?: string;
     itemsList: Array<string>;
     onSelect: any;
     className?: string;
     isOpen?: boolean;
+    addSearchOption?: boolean;
+    disabled?: boolean;
 }) {
     const [open, setOpen] = React.useState(isOpen);
     const [value, setValue] = React.useState(defaultValue || '');
+    const [searchValue, setSearchValue] = React.useState('');
+    const [items, setItems] = React.useState<Array<string>>(itemsList);
+
+    const modalRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        const handleClickOutside = (event: any) => {
+            if (modalRef.current && !modalRef?.current?.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+
+        if (open) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [open]);
 
     useEffect(() => {
         defaultValue && setValue(defaultValue);
     }, [defaultValue]);
 
+    useEffect(() => {
+        itemsList && setItems(itemsList);
+    }, []);
+
     useEffect(() => {
         value && onSelect(value);
     }, [value]);
 
+    const handleOnChange = (searchValue: string) => {
+        const newItems = itemsList.filter((item: string) =>
+            item.toLowerCase().includes(searchValue)
+        );
+        setItems(newItems);
+        setSearchValue(searchValue);
+    };
     return (
         <div
             onClick={() => setOpen(!open)}
             className={cn(
-                'relative w-[300px] cursor-pointer border-b border-gray-600',
+                'relative w-[300px] cursor-pointer border-gray-600',
+                disabled && 'cursor-not-allowed border-slate-300 text-slate-400',
+                addSearchOption ? '' : 'border-b ',
                 className
             )}
         >
             <div className={'flex flex-row justify-between'}>
-                <span>{value ? value : ' Select Function Name'}</span>
-                {open ? <ChevronUp /> : <ChevronDown />}
+                {addSearchOption ? (
+                    <input
+                        disabled={disabled}
+                        className={cn(
+                            'w-full rounded-lg border border-brand-Black-100/50 px-3 py-1.5 outline-1 outline-brand-Black-100/20',
+                            disabled ? 'cursor-not-allowed' : ''
+                        )}
+                        type="text"
+                        placeholder={value}
+                        value={searchValue}
+                        onClick={() => setOpen(true)}
+                        onChange={(e) => handleOnChange(e.target.value)}
+                    />
+                ) : (
+                    <span>{value ? value : ' Select Function Name'}</span>
+                )}
+                {addSearchOption ? <></> : open ? <ChevronUp /> : <ChevronDown />}
             </div>
-            {open && itemsList.length && (
+            {open && items.length ? (
                 <div
-                    className={
-                        'absolute z-10 mt-2 flex w-full flex-col gap-1 rounded-md bg-white py-2 drop-shadow-lg'
-                    }
+                    ref={modalRef}
+                    className={cn(
+                        'absolute z-10 mt-2 flex flex-col gap-1 rounded-md bg-white py-2 drop-shadow-lg',
+                        addSearchOption ? '-left-1/2 w-fit min-w-[600px]' : 'w-full'
+                    )}
                 >
-                    {itemsList.map((item: string) => {
+                    {items.map((item: string) => {
                         return (
                             <div
                                 onClick={() => {
-                                    setValue(item);
+                                    if (addSearchOption) {
+                                        onSelect(item);
+                                        setSearchValue('');
+                                    } else {
+                                        setValue(item);
+                                    }
                                     setOpen(false);
                                 }}
                                 key={item}
@@ -64,6 +123,8 @@ export function CustomCombobox({
                         );
                     })}
                 </div>
+            ) : (
+                <></>
             )}
         </div>
     );
diff --git a/frontend/src/models/types/functions.ts b/frontend/src/models/types/functions.ts
index a658500a..39840e06 100644
--- a/frontend/src/models/types/functions.ts
+++ b/frontend/src/models/types/functions.ts
@@ -211,7 +211,9 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         optional: false
                     }
                 ],
-                description: 'Send the Ada to other Ada Holders in the cardano network.'
+                description:
+                    'Send the Ada to other Ada Holders in the cardano network.',
+                canBeEvent: true
             }
         ]
     },
diff --git a/frontend/src/utils/cardano.ts b/frontend/src/utils/cardano.ts
index 2c699b22..898f37bf 100644
--- a/frontend/src/utils/cardano.ts
+++ b/frontend/src/utils/cardano.ts
@@ -1,6 +1,8 @@
 import { bech32 } from 'bech32';
 import { CIP30Instance } from 'kuber-client/types';
 
+import { ISchema } from '@app/app/(pages)/templates/create-template/components/event/EventTrigger';
+
 export const convertLovelaceToAda = (lovelace?: number) => {
     if (lovelace) {
         return Number((lovelace / 1e6).toFixed(3));
@@ -33,3 +35,32 @@ export function bech32toHex(bechAddress: string) {
     }
     return bechAddress;
 }
+
+export function getNestedTxProperties(obj: ISchema) {
+    const result: ISchema[] = [];
+    const txObjectOperators = obj.operators
+        ? Array.isArray(obj.operators)
+            ? obj.operators
+            : [obj.operators]
+        : ['eq'];
+
+    function recursiveFlatten(property: ISchema, parentId: any = []) {
+        const { id, type, properties, validator } = property;
+        const newId: string[] = [...parentId, id];
+
+        if (properties && Array.isArray(properties)) {
+            properties.forEach((child) => recursiveFlatten(child, newId));
+        } else {
+            result.push({
+                id: newId,
+                label: newId.join('.'),
+                type,
+                operators: txObjectOperators,
+                validator
+            });
+        }
+    }
+
+    recursiveFlatten(obj);
+    return result;
+}

From 751b0432e341f6f25d3daa39022f64c4841f1c1f Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Wed, 25 Dec 2024 14:12:28 +0545
Subject: [PATCH 27/42] Enhancement: Add Switch btn for different UI to display
 event-filter

---
 frontend/package.json                         |  2 +-
 .../components/event/EventTab.tsx             | 49 +++++------------
 frontend/src/assets/css/globals.css           |  8 +--
 frontend/src/assets/css/tailwind.css          |  6 +--
 frontend/src/components/shadcn/ui/switch.tsx  | 30 +++++++++++
 frontend/yarn.lock                            | 52 ++++++++++++++-----
 6 files changed, 92 insertions(+), 55 deletions(-)
 create mode 100644 frontend/src/components/shadcn/ui/switch.tsx

diff --git a/frontend/package.json b/frontend/package.json
index 1c278b32..2e96d712 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -36,7 +36,7 @@
         "@radix-ui/react-select": "^2.1.1",
         "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.1.0",
-        "@radix-ui/react-switch": "^1.0.3",
+        "@radix-ui/react-switch": "^1.1.2",
         "@radix-ui/react-tabs": "^1.1.0",
         "@reduxjs/toolkit": "^2.0.1",
         "@sentry/nextjs": "^7.94.1",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 2f148931..6657f5b2 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
 import { getNestedTxProperties } from '@utils';
 import { Events as transactionSchema } from 'libcardano/spec/properties';
-import { ChevronDown, FileJson } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
 
 import NodeGraph from '@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph';
 import { Card } from '@app/components/atoms/Card';
@@ -15,10 +15,12 @@ import {
     DropdownMenuTrigger
 } from '@app/components/atoms/DropDownMenu';
 import { Input } from '@app/components/atoms/Input';
+import { Label } from '@app/components/atoms/label';
 import { cn } from '@app/components/lib/utils';
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { CustomSelect } from '@app/components/molecules/CustomDropDown';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
+import { Switch } from '@app/components/shadcn/ui/switch';
 import { areArraysEqual } from '@app/utils/common/array';
 import { Close } from '@app/views/atoms/Icons/Close';
 
@@ -294,12 +296,6 @@ const EventTab = ({
 
     return (
         <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
-            <div className="absolute right-8 flex gap-2 rounded-md bg-gray-200 p-2">
-                <FileJson
-                    className={cn('cursor-pointer', proMode && 'text-brand-Blue-200')}
-                    onClick={() => setProMode(!proMode)}
-                />
-            </div>
             <div className={'flex justify-between'}>
                 <div className="flex items-center gap-2">
                     <CustomSelect
@@ -328,19 +324,6 @@ const EventTab = ({
                         onSelect={handleAddEventFilter}
                         disabled={currentEvent === null}
                     />
-                    {/*<CustomSelect*/}
-                    {/*    className="w-64"*/}
-                    {/*    options={*/}
-                    {/*        getNotSelectedEventFilterParameters()?.map((item: ISchema) => ({*/}
-                    {/*            label: item.label,*/}
-                    {/*            value: item.id*/}
-                    {/*        })) || []*/}
-                    {/*    }*/}
-                    {/*    label={'Event Filter Parameters'}*/}
-                    {/*    disabled={currentEventFilter === null}*/}
-                    {/*    defaultValue={` Add Parameters`}*/}
-                    {/*    onSelect={handleAddParameter}*/}
-                    {/*/>*/}
                     <div className={'flex flex-col gap-4'}>
                         <h1 className={'text-sm'}>Event Filter Parameters</h1>
                         <CustomCombobox
@@ -369,8 +352,8 @@ const EventTab = ({
                     />
                 </div>
                 <div className="flex items-center space-x-2">
-                    <Label htmlFor="airplane-mode">Airplane Mode</Label>
-                    <Switch id="airplane-mode" />
+                    <Label htmlFor="airplane-mode">Editor Pro Mode</Label>
+                    <Switch onClick={() => setProMode(!proMode)} id="airplane-mode" />
                 </div>
             </div>
             <Card className="min-h-[200px] bg-gray-200">
@@ -442,20 +425,16 @@ const EventTab = ({
                         }
                     })}
             </Card>
-            <div className="h-[600px] w-full items-center scroll-auto">
-                <NodeGraph data={formData} />
-            </div>
-            <div
-                className={cn(
-                    'transition-duration-300 fixed right-4 top-1/2 h-[80vh] w-[500px] -translate-y-1/2 transition-all ease-in-out',
-                    !proMode && 'hidden'
+            <div className="h-[600px] w-[1200px] items-center scroll-auto">
+                {proMode ? (
+                    <CustomEditor
+                        defaultValue={formData}
+                        onClose={() => setProMode(false)}
+                        onValueChange={updateFormDataFromEditor}
+                    />
+                ) : (
+                    <NodeGraph data={formData} />
                 )}
-            >
-                <CustomEditor
-                    defaultValue={formData}
-                    onClose={() => setProMode(false)}
-                    onValueChange={updateFormDataFromEditor}
-                />
             </div>
         </div>
     );
diff --git a/frontend/src/assets/css/globals.css b/frontend/src/assets/css/globals.css
index 1b8d3162..ad39ed16 100644
--- a/frontend/src/assets/css/globals.css
+++ b/frontend/src/assets/css/globals.css
@@ -19,11 +19,11 @@
 
 @layer utilities {
     .popover-content-width-full {
-      width: var(--radix-popover-trigger-width);
-      max-height: var(--radix-popover-content-available-height);
+        width: var(--radix-popover-trigger-width);
+        max-height: var(--radix-popover-content-available-height);
     }
-  }
+}
 
 .dropdown-menu-content.full-width {
     width: var(--radix-dropdown-menu-trigger-width);
-  }
\ No newline at end of file
+}
diff --git a/frontend/src/assets/css/tailwind.css b/frontend/src/assets/css/tailwind.css
index c752cb3e..d7665392 100644
--- a/frontend/src/assets/css/tailwind.css
+++ b/frontend/src/assets/css/tailwind.css
@@ -54,7 +54,7 @@
 }
 
 .title-1 {
-    @apply md:text-lg font-bold leading-7 text-base;
+    @apply text-base font-bold leading-7 md:text-lg;
 }
 
 .text-active {
@@ -110,9 +110,9 @@
 }
 
 .pagination-btn-position {
-    @apply absolute md:bottom-8 md:right-10 bottom-4 right-5;
+    @apply absolute bottom-4 right-5 md:bottom-8 md:right-10;
 }
 
 .no-wrap-truncate {
-    @apply whitespace-nowrap overflow-hidden text-ellipsis
+    @apply overflow-hidden text-ellipsis whitespace-nowrap;
 }
diff --git a/frontend/src/components/shadcn/ui/switch.tsx b/frontend/src/components/shadcn/ui/switch.tsx
new file mode 100644
index 00000000..7a4f94c7
--- /dev/null
+++ b/frontend/src/components/shadcn/ui/switch.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import * as React from 'react';
+
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+import { cn } from '@app/components/lib/utils';
+
+const Switch = React.forwardRef<
+    React.ElementRef<typeof SwitchPrimitives.Root>,
+    React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+    <SwitchPrimitives.Root
+        className={cn(
+            'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-green-500 data-[state=unchecked]:bg-slate-200',
+            className
+        )}
+        {...props}
+        ref={ref}
+    >
+        <SwitchPrimitives.Thumb
+            className={cn(
+                'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'
+            )}
+        />
+    </SwitchPrimitives.Root>
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index a3dc2dd8..cc5ac48f 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2551,6 +2551,11 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.0.tgz#42ef83b3b56dccad5d703ae8c42919a68798bbe2"
   integrity sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==
 
+"@radix-ui/primitive@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.1.tgz#fc169732d755c7fbad33ba8d0cd7fd10c90dc8e3"
+  integrity sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==
+
 "@radix-ui/react-accessible-icon@latest":
   version "1.0.3"
   resolved "https://registry.npmjs.org/@radix-ui/react-accessible-icon/-/react-accessible-icon-1.0.3.tgz"
@@ -2685,6 +2690,11 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz#656432461fc8283d7b591dcf0d79152fae9ecc74"
   integrity sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==
 
+"@radix-ui/react-compose-refs@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz#6f766faa975f8738269ebb8a23bad4f5a8d2faec"
+  integrity sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==
+
 "@radix-ui/react-context-menu@latest":
   version "2.1.5"
   resolved "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.1.5.tgz"
@@ -2710,6 +2720,11 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.0.tgz#6df8d983546cfd1999c8512f3a8ad85a6e7fcee8"
   integrity sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==
 
+"@radix-ui/react-context@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.1.tgz#82074aa83a472353bb22e86f11bcbd1c61c4c71a"
+  integrity sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==
+
 "@radix-ui/react-dialog@1.0.5", "@radix-ui/react-dialog@latest":
   version "1.0.5"
   resolved "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz"
@@ -3045,6 +3060,13 @@
   dependencies:
     "@radix-ui/react-slot" "1.1.0"
 
+"@radix-ui/react-primitive@2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz#6d9efc550f7520135366f333d1e820cf225fad9e"
+  integrity sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==
+  dependencies:
+    "@radix-ui/react-slot" "1.1.1"
+
 "@radix-ui/react-progress@latest":
   version "1.0.3"
   resolved "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.0.3.tgz"
@@ -3238,19 +3260,25 @@
   dependencies:
     "@radix-ui/react-compose-refs" "1.1.0"
 
-"@radix-ui/react-switch@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-switch/-/react-switch-1.0.3.tgz#6119f16656a9eafb4424c600fdb36efa5ec5837e"
-  integrity sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==
+"@radix-ui/react-slot@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.1.1.tgz#ab9a0ffae4027db7dc2af503c223c978706affc3"
+  integrity sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==
   dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.1"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-context" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-use-controllable-state" "1.0.1"
-    "@radix-ui/react-use-previous" "1.0.1"
-    "@radix-ui/react-use-size" "1.0.1"
+    "@radix-ui/react-compose-refs" "1.1.1"
+
+"@radix-ui/react-switch@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-switch/-/react-switch-1.1.2.tgz#61323f4cccf25bf56c95fceb3b56ce1407bc9aec"
+  integrity sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==
+  dependencies:
+    "@radix-ui/primitive" "1.1.1"
+    "@radix-ui/react-compose-refs" "1.1.1"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-primitive" "2.0.1"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-previous" "1.1.0"
+    "@radix-ui/react-use-size" "1.1.0"
 
 "@radix-ui/react-switch@latest":
   version "1.0.3"

From 480676419de3bb28c3a1bd3f717cc823b6a9e3b7 Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Wed, 25 Dec 2024 16:58:11 +0545
Subject: [PATCH 28/42] fix: Add support for deleting eventFilter

---
 frontend/src/api/agents.ts                    |  1 +
 .../components/event/CustomEditor.tsx         |  7 ---
 .../components/event/EventTab.tsx             | 44 +++++++++++++++++--
 .../components/event/EventTriggerGraph.tsx    | 19 ++++++--
 .../components/molecules/CustomCombobox.tsx   |  4 +-
 .../components/molecules/CustomDropDown.tsx   |  5 ++-
 frontend/src/utils/cardano.ts                 | 24 +++++++++-
 frontend/src/utils/common/extra.ts            |  4 ++
 8 files changed, 90 insertions(+), 18 deletions(-)

diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index f34bc02a..a32315b4 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -17,6 +17,7 @@ export interface IFieldNode {
     value: any;
     negate: boolean;
     operators: string[];
+    operator: string;
     validator: (...args: any) => any;
 }
 
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
index 1d687aa0..754d0543 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
@@ -1,14 +1,11 @@
 import { IEventTrigger } from '@api/agents';
 import Editor from '@monaco-editor/react';
-import { X } from 'lucide-react';
 
 export default function CustomEditor({
     defaultValue,
-    onClose,
     onValueChange
 }: {
     defaultValue: IEventTrigger | null;
-    onClose: () => void;
     onValueChange: (data: IEventTrigger) => void;
 }) {
     return (
@@ -23,10 +20,6 @@ export default function CustomEditor({
                 value={JSON.stringify(defaultValue, null, 2) || '{}'}
                 onChange={(data) => data && onValueChange(JSON.parse(data))}
             ></Editor>
-            <X
-                className="text-black-200 absolute right-2 top-2 cursor-pointer bg-white"
-                onClick={onClose}
-            />
         </>
     );
 }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 6657f5b2..2ca565b4 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -6,6 +6,7 @@ import { Events as transactionSchema } from 'libcardano/spec/properties';
 import { ChevronDown } from 'lucide-react';
 
 import NodeGraph from '@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph';
+import { Button } from '@app/components/atoms/Button';
 import { Card } from '@app/components/atoms/Card';
 import { Checkbox } from '@app/components/atoms/Checkbox';
 import {
@@ -22,6 +23,7 @@ import { CustomSelect } from '@app/components/molecules/CustomDropDown';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
 import { Switch } from '@app/components/shadcn/ui/switch';
 import { areArraysEqual } from '@app/utils/common/array';
+import { capitalizeFirstLetter } from '@app/utils/common/extra';
 import { Close } from '@app/views/atoms/Icons/Close';
 
 import InfoCard from '../cards/InfoCard';
@@ -280,7 +282,13 @@ const EventTab = ({
                             (eventFilter) => eventFilter.id === currentEventFilter?.id
                         )
                         //@ts-ignore
-                        ?.children.find((child: IFieldNode) => child.id === prop.id)
+                        ?.children.find(
+                            (child: IFieldNode) =>
+                                !checkIfStringOrArrayOfStringIdsAreEqual(
+                                    child.id,
+                                    prop.id
+                                )
+                        )
             )
         );
     };
@@ -294,6 +302,30 @@ const EventTab = ({
         }
     };
 
+    function checkIfStringOrArrayOfStringIdsAreEqual(
+        id1: string | string[],
+        id2: string | string[]
+    ) {
+        if (Array.isArray(id1)) {
+            return !Array.isArray(id2) || !areArraysEqual(id1, id2);
+        } else {
+            return Array.isArray(id2) || id1 !== id2;
+        }
+    }
+
+    const removeEventFilter = (filterId?: string | string[]) => {
+        if (!filterId || !formData?.children) return;
+        formData.children = formData?.children.filter(
+            (child) =>
+                child.id && checkIfStringOrArrayOfStringIdsAreEqual(filterId, child.id)
+        );
+        setFormData({ ...formData });
+        formData &&
+            formData.children &&
+            formData.children.length &&
+            handleSelectEventFilter(formData.children.slice(-1)[0].id as string);
+    };
+
     return (
         <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
             <div className={'flex justify-between'}>
@@ -377,6 +409,13 @@ const EventTab = ({
                                 </div>
                             ))}
                     </nav>
+                    <Button
+                        onClick={() => removeEventFilter(currentEventFilter?.id)}
+                        className={'rounded px-1 py-1 !text-xs'}
+                        size={'sm'}
+                    >
+                        Remove Event Filter
+                    </Button>
                 </div>
                 {currentEventFilter &&
                     formData?.children.map((param, index) => {
@@ -429,7 +468,6 @@ const EventTab = ({
                 {proMode ? (
                     <CustomEditor
                         defaultValue={formData}
-                        onClose={() => setProMode(false)}
                         onValueChange={updateFormDataFromEditor}
                     />
                 ) : (
@@ -559,7 +597,7 @@ function transformLabelForOperators(operator: string) {
         case 'eq':
             return 'Equals';
         default:
-            return operator.toUpperCase();
+            return capitalizeFirstLetter(operator);
     }
 }
 
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index 7f44706e..e387b2d4 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -28,6 +28,13 @@ export default function EventTriggerGraph({
         return strList.join('.');
     };
 
+    const shouldDisplayBooleanOperator = (operator: string, obj: IFilterNode) => {
+        if (['AND', 'OR'].includes(operator)) {
+            if ('children' in obj && obj.children.length <= 1) return '';
+        }
+        return operator;
+    };
+
     useEffect(() => {
         const newNodes: NodeData[] = [];
         const newEdges: EdgeData[] = [];
@@ -66,7 +73,9 @@ export default function EventTriggerGraph({
             if (obj.id) {
                 const currentId = parentId + '.' + reduceStr(obj.id);
 
-                let nodeText = reduceStr(obj.id) + ` ( ${obj.operator} ) `;
+                let nodeText =
+                    reduceStr(obj.id) +
+                    ` ${shouldDisplayBooleanOperator(obj.operator, obj) ? ` ( ${obj.operator} )` : ''} `;
                 if ('value' in obj) {
                     nodeText = nodeText + obj.value;
                 }
@@ -95,8 +104,12 @@ export default function EventTriggerGraph({
         if (data) {
             const rootId = reduceString(data.id);
             const text = data.negate
-                ? 'NOT ( ' + data.id + ` ( ${data.operator} ) ` + ')'
-                : data.id + ` ( ${data.operator} ) `;
+                ? 'NOT ( ' +
+                  data.id +
+                  ` ${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''} ` +
+                  ')'
+                : data.id +
+                  `${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''}`;
             newNodes.push({
                 id: rootId,
                 text: text,
diff --git a/frontend/src/components/molecules/CustomCombobox.tsx b/frontend/src/components/molecules/CustomCombobox.tsx
index 7f0d1926..43891b54 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -53,7 +53,7 @@ export function CustomCombobox({
 
     useEffect(() => {
         itemsList && setItems(itemsList);
-    }, []);
+    }, [itemsList]);
 
     useEffect(() => {
         value && onSelect(value);
@@ -61,7 +61,7 @@ export function CustomCombobox({
 
     const handleOnChange = (searchValue: string) => {
         const newItems = itemsList.filter((item: string) =>
-            item.toLowerCase().includes(searchValue)
+            item.toLowerCase().includes(searchValue.toLowerCase())
         );
         setItems(newItems);
         setSearchValue(searchValue);
diff --git a/frontend/src/components/molecules/CustomDropDown.tsx b/frontend/src/components/molecules/CustomDropDown.tsx
index 17d773dd..00a2b56c 100644
--- a/frontend/src/components/molecules/CustomDropDown.tsx
+++ b/frontend/src/components/molecules/CustomDropDown.tsx
@@ -80,8 +80,11 @@ export const CustomSelect = ({
     <div className={cn('flex w-full flex-col gap-3', className)}>
         {label && <span className="h4">{label}</span>}
         <Select
+            value={''}
             defaultValue={defaultValue}
-            onValueChange={(item) => onSelect(item)}
+            onValueChange={(item) => {
+                onSelect(item);
+            }}
             disabled={disabled}
         >
             <SelectTrigger
diff --git a/frontend/src/utils/cardano.ts b/frontend/src/utils/cardano.ts
index 898f37bf..abb4ef28 100644
--- a/frontend/src/utils/cardano.ts
+++ b/frontend/src/utils/cardano.ts
@@ -36,6 +36,24 @@ export function bech32toHex(bechAddress: string) {
     return bechAddress;
 }
 
+type TxPropTypes = 'string' | 'array' | 'object' | 'number' | 'bigint';
+
+type TxOperators = 'in' | 'gt' | 'gte' | 'lt' | 'lte' | 'ne' | 'eq' | 'contains';
+
+function getOperatorList(operators: TxOperators[], type: TxPropTypes) {
+    switch (type) {
+        case 'string':
+            return operators.filter((op) => ['contains', 'eq'].includes(op));
+        case 'number':
+        case 'bigint':
+            return operators.filter((op) =>
+                ['lt', 'gte', 'lte', 'gt', 'eq'].includes(op)
+            );
+        default:
+            return operators;
+    }
+}
+
 export function getNestedTxProperties(obj: ISchema) {
     const result: ISchema[] = [];
     const txObjectOperators = obj.operators
@@ -47,7 +65,6 @@ export function getNestedTxProperties(obj: ISchema) {
     function recursiveFlatten(property: ISchema, parentId: any = []) {
         const { id, type, properties, validator } = property;
         const newId: string[] = [...parentId, id];
-
         if (properties && Array.isArray(properties)) {
             properties.forEach((child) => recursiveFlatten(child, newId));
         } else {
@@ -55,7 +72,10 @@ export function getNestedTxProperties(obj: ISchema) {
                 id: newId,
                 label: newId.join('.'),
                 type,
-                operators: txObjectOperators,
+                operators: getOperatorList(
+                    txObjectOperators as TxOperators[],
+                    type as TxPropTypes
+                ),
                 validator
             });
         }
diff --git a/frontend/src/utils/common/extra.ts b/frontend/src/utils/common/extra.ts
index aba44d2a..f22261d3 100644
--- a/frontend/src/utils/common/extra.ts
+++ b/frontend/src/utils/common/extra.ts
@@ -12,3 +12,7 @@ export function convertToQueryStr(page: number, size: number, search: string) {
         search: search
     }).toString();
 }
+
+export function capitalizeFirstLetter(word: string) {
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+}

From ec2f921f6202a104a897e26c68fd95c009701c27 Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Fri, 27 Dec 2024 09:50:58 +0545
Subject: [PATCH 29/42] enhacement: Add support for contains operator

---
 agent-node/src/service/EventTriggerHandler.ts |  5 +++-
 agent-node/src/utils/eventFilterFormatter.ts  | 18 ++++++++++---
 agent-node/src/utils/operatorSupport.ts       |  8 ++++--
 .../components/event/EventTab.tsx             |  6 ++++-
 frontend/src/utils/cardano.ts                 | 26 +++++++++++--------
 5 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 9f853004..63f15dbe 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -113,7 +113,10 @@ export class EventTriggerHandler {
         }
 
         let result
-        const propertyValue = targetObject[nodes[0]]
+        let propertyValue = targetObject[nodes[0]]
+        if (!propertyValue){
+            propertyValue = targetObject[nodes[0]+'s']
+        }
         parent_nodes.push(nodes[0])
 
         const subArray = nodes.slice(1)
diff --git a/agent-node/src/utils/eventFilterFormatter.ts b/agent-node/src/utils/eventFilterFormatter.ts
index e8c6e39c..ddf9b113 100644
--- a/agent-node/src/utils/eventFilterFormatter.ts
+++ b/agent-node/src/utils/eventFilterFormatter.ts
@@ -1,6 +1,6 @@
-import { IEventBasedAction } from '../types/eventTriger'
+import {IBooleanNode, IEventBasedAction} from '../types/eventTriger'
 
-function restructureData(obj: any) {
+function flattenIds(obj: any) {
     const ids: any = []
 
     function flattenChildren(node: any) {
@@ -32,6 +32,16 @@ function restructureData(obj: any) {
     }
 }
 
+function flattenFilterChildWithParentId(data: IBooleanNode){
+    data.children = data.children.map((child)=>{
+        if ("children" in child && child.children.length ===1 && child.children[0].id === child.id){
+            return child.children[0]
+        }
+        return child
+    })
+    return data
+}
+
 export function formatEventFilter(data: IEventBasedAction[]) {
     return data.map((item) => {
         return {
@@ -39,8 +49,8 @@ export function formatEventFilter(data: IEventBasedAction[]) {
             eventTrigger: {
                 ...('children' in item.eventTrigger
                     ? item.eventTrigger.children.length == 1
-                        ? restructureData(item.eventTrigger)
-                        : item.eventTrigger
+                        ? flattenIds(flattenFilterChildWithParentId(item.eventTrigger))
+                        : flattenFilterChildWithParentId(item.eventTrigger)
                     : item.eventTrigger),
             },
         }
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index ca04b777..0cbe58b1 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -18,6 +18,9 @@ const operatorNameToSymbol: Record<string, string> = {
     lte: '<=',
     ne: '!=',
     eq: '==',
+
+//     js suport
+    contains: 'contains'
 }
 class LogicalFunctions {
     private typeHandlers: Map<string, Record<string, TypeHandler>>
@@ -111,7 +114,7 @@ class LogicalFunctions {
 const _logicalFunctions = new LogicalFunctions()
 
 // Register handlers for numbers
-_logicalFunctions.register('number', '==', (a: number, b: number) => a === b)
+_logicalFunctions.register('number', '==', (a: number, b: number) => a == b)
 _logicalFunctions.register('number', '!=', (a: number, b: number) => a !== b)
 _logicalFunctions.register('number', '>', (a: number, b: number) => a > b)
 _logicalFunctions.register('number', '<', (a: number, b: number) => a < b)
@@ -119,12 +122,13 @@ _logicalFunctions.register('number', '>=', (a: number, b: number) => a >= b)
 _logicalFunctions.register('number', '<=', (a: number, b: number) => a <= b)
 
 // Register handlers for strings
-_logicalFunctions.register('string', '==', (a: string, b: string) => a === b)
+_logicalFunctions.register('string', '==', (a: string, b: string) => a == b)
 _logicalFunctions.register('string', '!=', (a: string, b: string) => a !== b)
 _logicalFunctions.register('string', '>', (a: string, b: string) => a > b)
 _logicalFunctions.register('string', '<', (a: string, b: string) => a < b)
 _logicalFunctions.register('string', '>=', (a: string, b: string) => a >= b)
 _logicalFunctions.register('string', '<=', (a: string, b: string) => a <= b)
+_logicalFunctions.register('string','contains',(a:string,b:string)=> a.includes(b) || b.includes(a))
 
 // Register handlers for buffers
 _logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) =>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 2ca565b4..7e862371 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -95,6 +95,11 @@ const EventTab = ({
             (prop) => prop.id === eventFilterId
         );
         if (selectedEventFilter) {
+            // console.log("before: ", selectedEventFilter)
+            if (!selectedEventFilter.properties ){
+                const {id,label,type,validator} = selectedEventFilter
+                selectedEventFilter.properties=[{id,label,type,validator}]
+            }
             setCurrentEventFilter(selectedEventFilter);
             return selectedEventFilter;
         }
@@ -139,7 +144,6 @@ const EventTab = ({
     }
 
     const handleAddParameter = (parameterId: string | string[]) => {
-        console.log('Added param is : ', parameterId);
         if (formData && currentEventFilter) {
             const selectedParameter = getSelectedParameter(parameterId);
             if (selectedParameter) {
diff --git a/frontend/src/utils/cardano.ts b/frontend/src/utils/cardano.ts
index abb4ef28..2ca0fe0d 100644
--- a/frontend/src/utils/cardano.ts
+++ b/frontend/src/utils/cardano.ts
@@ -63,21 +63,25 @@ export function getNestedTxProperties(obj: ISchema) {
         : ['eq'];
 
     function recursiveFlatten(property: ISchema, parentId: any = []) {
-        const { id, type, properties, validator } = property;
+        const { id, type, properties, validator , operators} = property;
         const newId: string[] = [...parentId, id];
+        const newProp = {
+            id: newId,
+            label: newId.join('.'),
+            type,
+            operators: getOperatorList(
+                txObjectOperators as TxOperators[],
+                type as TxPropTypes
+            ),
+            validator
+        }
         if (properties && Array.isArray(properties)) {
+            if (operators){
+                result.push(newProp)
+            }
             properties.forEach((child) => recursiveFlatten(child, newId));
         } else {
-            result.push({
-                id: newId,
-                label: newId.join('.'),
-                type,
-                operators: getOperatorList(
-                    txObjectOperators as TxOperators[],
-                    type as TxPropTypes
-                ),
-                validator
-            });
+            result.push(newProp);
         }
     }
 

From d981cc01529b67b79d64a42a71248a81b5d47271 Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Fri, 27 Dec 2024 15:38:51 +0545
Subject: [PATCH 30/42] enhacement: Refactor EventTab component

---
 .../components/FunctionForm.tsx               |  12 +-
 .../components/event/CustomEditor.tsx         |  12 +-
 .../components/event/EventTab.tsx             | 484 +++++++-----------
 .../components/event/EventTabRenderer.tsx     |  48 ++
 .../components/event/RenderEventChildForm.tsx | 124 +++++
 .../components/utils/MapperHelper.ts          |  18 +
 .../create-template/components/utils/array.ts |  12 +
 .../templates/create-template/page.tsx        |   2 +-
 .../Agent/FormRenderer/OptionParameter.tsx    |  16 +-
 .../components/molecules/CustomCombobox.tsx   |  39 +-
 .../molecules/UpdateAgentFunctionModal.tsx    | 263 ----------
 .../molecules/UpdateTemplateFunctionModal.tsx | 262 ----------
 frontend/tailwind.config.ts                   |   3 +-
 13 files changed, 431 insertions(+), 864 deletions(-)
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
 create mode 100644 frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
 delete mode 100644 frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
 delete mode 100644 frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx

diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 834f574e..a0cd4ea6 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -72,7 +72,7 @@ export const FunctionForm = ({
         updateFunctionState({
             cronValue,
             selectedCronOption: defaultSelected,
-            congifuredCronSettings: configuredSettings
+            configuredCronSettings: configuredSettings
         });
     };
 
@@ -120,8 +120,8 @@ export const FunctionForm = ({
     };
 
     const handleOptionChange = (optionValue: any) => {
-        const updatedFuctionState = { ...functionState, optionValue: optionValue };
-        updateFunctionState(updatedFuctionState);
+        const updatedFunctionState = { ...functionState, optionValue: optionValue };
+        updateFunctionState(updatedFunctionState);
     };
 
     const handleOnSave = () => {
@@ -225,8 +225,8 @@ export const FunctionForm = ({
                 <div className="flex w-full justify-end">
                     {functionState && functionState.canBeEvent && (
                         <CustomCombobox
-                            defaultValue={functionState.type || 'CRON'}
-                            itemsList={['CRON', 'EVENT']}
+                            defaultValue={{id:functionState.type || 'CRON',label:functionState.type || 'CRON'}}
+                            itemsList={[{id:'CRON',label:'CRON'}, {id:'EVENT',label:'EVENT'}]}
                             onSelect={(triggerType: any) =>
                                 handleTypeChange(triggerType as TriggerType)
                             }
@@ -250,7 +250,7 @@ export const FunctionForm = ({
                             defaultCron={cronExpression}
                             onChange={handleCronChange}
                             previousConfiguredSettings={
-                                functionState?.congifuredCronSettings
+                                functionState?.configuredCronSettings
                             }
                             previousSelectedOption={functionState?.selectedCronOption}
                             defaultToCustomTab={editMode}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
index 754d0543..1bed2248 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
@@ -6,7 +6,7 @@ export default function CustomEditor({
     onValueChange
 }: {
     defaultValue: IEventTrigger | null;
-    onValueChange: (data: IEventTrigger) => void;
+    onValueChange: (data: string) => void;
 }) {
     return (
         <>
@@ -14,11 +14,15 @@ export default function CustomEditor({
                 height={'100%'}
                 width={'100%'}
                 defaultLanguage="json"
-                className="rounded-xl"
+                className="bg-brand-vscode !rounded-xl !py-4"
                 // defaultValue={JSON.stringify(defaultValue, null, 2) || ''}
                 theme="vs-dark"
-                value={JSON.stringify(defaultValue, null, 2) || '{}'}
-                onChange={(data) => data && onValueChange(JSON.parse(data))}
+                value={
+                    defaultValue
+                        ? JSON.stringify(defaultValue, null, 2)
+                        : '{"Welcome to Autonomous Agent Testing.": "Try Disabling Pro mode and use graph for initial state"}'
+                }
+                onChange={(data) => data && onValueChange(data)}
             ></Editor>
         </>
     );
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 7e862371..75c23e0c 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -1,33 +1,22 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 import { IBooleanNode, IEventTrigger, IFieldNode } from '@api/agents';
 import { getNestedTxProperties } from '@utils';
 import { Events as transactionSchema } from 'libcardano/spec/properties';
-import { ChevronDown } from 'lucide-react';
 
-import NodeGraph from '@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph';
+import EventTabRenderer from '@app/app/(pages)/templates/create-template/components/event/EventTabRenderer';
+import RenderEventChildForm from '@app/app/(pages)/templates/create-template/components/event/RenderEventChildForm';
+import { checkIfStringOrArrayOfStringIdsAreEqual } from '@app/app/(pages)/templates/create-template/components/utils/array';
 import { Button } from '@app/components/atoms/Button';
 import { Card } from '@app/components/atoms/Card';
-import { Checkbox } from '@app/components/atoms/Checkbox';
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuTrigger
-} from '@app/components/atoms/DropDownMenu';
-import { Input } from '@app/components/atoms/Input';
 import { Label } from '@app/components/atoms/label';
 import { cn } from '@app/components/lib/utils';
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { CustomSelect } from '@app/components/molecules/CustomDropDown';
-import { ErrorToast } from '@app/components/molecules/CustomToasts';
 import { Switch } from '@app/components/shadcn/ui/switch';
 import { areArraysEqual } from '@app/utils/common/array';
-import { capitalizeFirstLetter } from '@app/utils/common/extra';
-import { Close } from '@app/views/atoms/Icons/Close';
 
 import InfoCard from '../cards/InfoCard';
-import CustomEditor from './CustomEditor';
 import { ISchema } from './EventTrigger';
 
 const EventTab = ({
@@ -95,10 +84,9 @@ const EventTab = ({
             (prop) => prop.id === eventFilterId
         );
         if (selectedEventFilter) {
-            // console.log("before: ", selectedEventFilter)
-            if (!selectedEventFilter.properties ){
-                const {id,label,type,validator} = selectedEventFilter
-                selectedEventFilter.properties=[{id,label,type,validator}]
+            if (!selectedEventFilter.properties) {
+                const { id, label, type, validator } = selectedEventFilter;
+                selectedEventFilter.properties = [{ id, label, type, validator }];
             }
             setCurrentEventFilter(selectedEventFilter);
             return selectedEventFilter;
@@ -240,7 +228,7 @@ const EventTab = ({
         }
     };
 
-    const handleParaNegationChange = (parameterId: string, negate: boolean) => {
+    const handleParamNegationChange = (parameterId: string, negate: boolean) => {
         if (formData && currentEventFilter) {
             const data = {
                 ...formData,
@@ -297,26 +285,6 @@ const EventTab = ({
         );
     };
 
-    const updateFormDataFromEditor = (data: any) => {
-        try {
-            const parsedData = JSON.parse(data);
-            setFormData(parsedData);
-        } catch (error) {
-            ErrorToast('Invalid JSON');
-        }
-    };
-
-    function checkIfStringOrArrayOfStringIdsAreEqual(
-        id1: string | string[],
-        id2: string | string[]
-    ) {
-        if (Array.isArray(id1)) {
-            return !Array.isArray(id2) || !areArraysEqual(id1, id2);
-        } else {
-            return Array.isArray(id2) || id1 !== id2;
-        }
-    }
-
     const removeEventFilter = (filterId?: string | string[]) => {
         if (!filterId || !formData?.children) return;
         formData.children = formData?.children.filter(
@@ -326,283 +294,187 @@ const EventTab = ({
         setFormData({ ...formData });
         formData &&
             formData.children &&
-            formData.children.length &&
-            handleSelectEventFilter(formData.children.slice(-1)[0].id as string);
+            formData.children.length ?
+            handleSelectEventFilter(formData.children.slice(-1)[0].id as string):setCurrentEventFilter(null)
     };
 
-    return (
-        <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
-            <div className={'flex justify-between'}>
-                <div className="flex items-center gap-2">
-                    <CustomSelect
-                        plusIcon={false}
-                        className="w-64"
-                        options={transactionSchema.map((txProp) => ({
-                            label: txProp.label,
-                            value: txProp.id
-                        }))}
-                        defaultValue={currentEvent?.label || 'Event'}
-                        label="Event"
-                        onSelect={handleSelectEvent}
-                        disabled={currentEvent !== null}
-                    />
-                    <CustomSelect
-                        plusIcon={true}
-                        className="w-64"
-                        options={
-                            getNotSelectedEventFilters()?.map((item) => ({
-                                label: item.label,
-                                value: item.id
-                            })) || []
-                        }
-                        defaultValue={`${currentEvent?.label || 'Event'} filters`}
-                        label="Event Filter"
-                        onSelect={handleAddEventFilter}
-                        disabled={currentEvent === null}
-                    />
-                    <div className={'flex flex-col gap-4'}>
-                        <h1 className={'text-sm'}>Event Filter Parameters</h1>
-                        <CustomCombobox
-                            addSearchOption
-                            disabled={currentEventFilter === null}
-                            itemsList={
-                                getNotSelectedEventFilterParameters()?.map(
-                                    (item: ISchema) => item.label
-                                ) || []
-                            }
-                            onSelect={(selectedParam: string) => {
-                                const splittedParamArray = selectedParam.split('.');
-                                handleAddParameter(splittedParamArray);
-                            }}
-                            defaultValue={'Search Parameter'}
-                        />
-                    </div>
-                    <InfoCard
-                        onMouseEnter={() => {
-                            setIsInfoVisible(true);
-                        }}
-                        onMouseLeave={() => {
-                            setIsInfoVisible(false);
-                        }}
-                        visible={isInfoVisible}
-                    />
-                </div>
-                <div className="flex items-center space-x-2">
-                    <Label htmlFor="airplane-mode">Editor Pro Mode</Label>
-                    <Switch onClick={() => setProMode(!proMode)} id="airplane-mode" />
-                </div>
-            </div>
-            <Card className="min-h-[200px] bg-gray-200">
-                <div className="mb-8 flex items-end justify-between">
-                    <nav className="flex gap-4">
-                        {formData &&
-                            formData?.children.map((child, index) => (
-                                <div
-                                    key={index}
-                                    className={cn(
-                                        'cursor-pointer font-semibold',
-                                        currentEventFilter &&
-                                            currentEventFilter.id === child.id &&
-                                            'text-brand-Blue-200 underline underline-offset-4'
-                                    )}
-                                    onClick={() =>
-                                        handleSelectEventFilter(child.id as string)
-                                    }
-                                >
-                                    {child.id}
-                                </div>
-                            ))}
-                    </nav>
-                    <Button
-                        onClick={() => removeEventFilter(currentEventFilter?.id)}
-                        className={'rounded px-1 py-1 !text-xs'}
-                        size={'sm'}
-                    >
-                        Remove Event Filter
-                    </Button>
-                </div>
-                {currentEventFilter &&
-                    formData?.children.map((param, index) => {
-                        if (param.id === currentEventFilter?.id) {
-                            return (
-                                <div key={index}>
-                                    {(param as IBooleanNode).children?.map(
-                                        (child, childIndex) => (
-                                            <div
-                                                key={childIndex}
-                                                className="flex w-full flex-col gap-4"
-                                            >
-                                                {
-                                                    <RenderEventChildForm
-                                                        eventFilterParam={
-                                                            child as IFieldNode
-                                                        }
-                                                        onValueChange={(value) => {
-                                                            handleParamValueChange(
-                                                                child.id as string,
-                                                                value
-                                                            );
-                                                        }}
-                                                        onOperatorChange={(value) => {
-                                                            handleParamOperatorChange(
-                                                                child.id as string,
-                                                                value
-                                                            );
-                                                        }}
-                                                        onNegateChange={(value) => {
-                                                            handleParaNegationChange(
-                                                                child.id as string,
-                                                                value
-                                                            );
-                                                        }}
-                                                        onDeleteParameter={
-                                                            handleDeleteParameter
-                                                        }
-                                                    />
-                                                }
-                                            </div>
-                                        )
-                                    )}
-                                </div>
-                            );
-                        }
-                    })}
-            </Card>
-            <div className="h-[600px] w-[1200px] items-center scroll-auto">
-                {proMode ? (
-                    <CustomEditor
-                        defaultValue={formData}
-                        onValueChange={updateFormDataFromEditor}
-                    />
-                ) : (
-                    <NodeGraph data={formData} />
-                )}
-            </div>
-        </div>
+    const memoizedEventFilterParams = useMemo(
+        () =>
+            getNotSelectedEventFilterParameters()?.map((item: ISchema) => {
+                return { id: item.id, label: item.label };
+            }) || [],
+        [formData]
     );
-};
 
-const RenderEventChildForm = ({
-    eventFilterParam,
-    onValueChange,
-    onOperatorChange,
-    onNegateChange,
-    onDeleteParameter
-}: {
-    eventFilterParam: IFieldNode;
-    onValueChange?: (value: any) => void;
-    onOperatorChange?: (value: any) => void;
-    onNegateChange?: (value: boolean) => void;
-    onDeleteParameter?: (...args: any) => void;
-}) => {
-    const [localOperator, setLocalOperator] = useState<string>(
-        eventFilterParam.operators[0]
+    const memoizedEventFilters = useMemo(
+        () =>
+            getNotSelectedEventFilters()?.map((item) => ({
+                id: item.id,
+                label: item.label
+            })) || [],
+        [formData]
     );
 
-    useEffect(() => {
-        localOperator && onOperatorChange?.(localOperator);
-    }, [localOperator]);
-
-    const [errMsg, setErrMsg] = useState<string>('');
-
-    useEffect(() => {
-        const clearErrMsg = setTimeout(() => {
-            setErrMsg('');
-        }, 3000);
-        return () => {
-            clearTimeout(clearErrMsg);
-        };
-    }, [errMsg]);
-
-    const handleOperatorChange = (operator: string) => {
-        setLocalOperator(operator);
-        onOperatorChange?.(operator);
-    };
-
-    const handleOnDeleteParam = (paramId: string | string[]) => {
-        onDeleteParameter && onDeleteParameter(paramId);
-    };
-
-    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        if (!eventFilterParam?.validator(e.target.value)) {
-            setErrMsg('Error occured');
-        }
-        onValueChange?.(e.target.value);
-    };
     return (
-        <div className={'flex flex-col gap-1'}>
-            <div className="group mb-2 flex items-center gap-4">
-                <span className="mt-2 min-w-80 truncate">
-                    {Array.isArray(eventFilterParam.id)
-                        ? (eventFilterParam.id as string[]).join('.')
-                        : eventFilterParam.id}
-                </span>
-                <div className="flex items-center gap-2">
-                    <span className="mt-2">negate</span>
-                    <Checkbox
-                        className="mt-2"
-                        onCheckedChange={onNegateChange}
-                        checked={eventFilterParam.negate}
-                    />
-                </div>
-                <DropdownMenu>
-                    <DropdownMenuTrigger
-                        disableIcon={true}
-                        className="mt-2 min-w-32 rounded border-none !p-0"
-                    >
-                        <span className="flex w-full justify-between">
-                            {transformLabelForOperators(localOperator)}
-                            <ChevronDown size={24} />
-                        </span>
-                    </DropdownMenuTrigger>
-                    <DropdownMenuContent className="!z-[9999]">
-                        {eventFilterParam.operators.map((operator, index) => (
-                            <DropdownMenuItem
-                                key={index}
-                                className="!z-[9999] m-0 w-full"
-                                onClick={() => handleOperatorChange(operator)}
-                            >
-                                {transformLabelForOperators(operator)}
-                            </DropdownMenuItem>
-                        ))}
-                    </DropdownMenuContent>
-                </DropdownMenu>
-                <Input
-                    className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
-                    defaultValue={eventFilterParam.value}
-                    onChange={handleInputChange}
-                />
-                <Close
-                    onClick={() => handleOnDeleteParam(eventFilterParam.id)}
-                    className={
-                        'invisible relative top-2 h-10 w-10 cursor-pointer group-hover:visible'
-                    }
-                />
+        <div className={cn('flex w-full flex-col gap-4 rounded-lg p-4', className)}>
+            <div className="flex items-center space-x-2">
+                <Label htmlFor="airplane-mode">Pro Mode</Label>
+                <Switch onClick={() => setProMode(!proMode)} id="airplane-mode" />
             </div>
-            {errMsg && (
-                <div className="flex w-3/4 justify-end text-sm text-red-500">
-                    {errMsg}
-                </div>
+            {proMode ? (
+                <></>
+            ) : (
+                <>
+                    <div className="flex items-center gap-2">
+                        <CustomSelect
+                            plusIcon={false}
+                            className="w-64"
+                            options={transactionSchema.map((txProp) => ({
+                                label: txProp.label,
+                                value: txProp.id
+                            }))}
+                            defaultValue={currentEvent?.label || 'Event'}
+                            label="Event"
+                            onSelect={handleSelectEvent}
+                            disabled={currentEvent !== null}
+                        />
+                        <div className={'flex flex-col gap-4'}>
+                            <h1 className={'text-sm'}>Event Filter Parameters</h1>
+                            <CustomCombobox
+                                addSearchOption
+                                disabled={currentEvent === null}
+                                itemsList={memoizedEventFilters}
+                                onSelect={(value: string) => {
+                                    handleAddEventFilter(value);
+                                }}
+                                defaultValue={{ id: 'label', label: 'Event Filter' }}
+                            />
+                        </div>
+                        <div className={'flex flex-col gap-4'}>
+                            <h1 className={'text-sm'}>Event Filter Parameters</h1>
+                            <CustomCombobox
+                                addSearchOption
+                                disabled={currentEventFilter === null}
+                                itemsList={memoizedEventFilterParams}
+                                onSelect={(value: string[]) => {
+                                    // const splittedParamArray =
+                                    //     dotSeperatedParamString.split('.');
+                                    handleAddParameter(value);
+                                }}
+                                defaultValue={{
+                                    id: 'label',
+                                    label: 'Search Parameter'
+                                }}
+                            />
+                        </div>
+                        <InfoCard
+                            onMouseEnter={() => {
+                                setIsInfoVisible(true);
+                            }}
+                            onMouseLeave={() => {
+                                setIsInfoVisible(false);
+                            }}
+                            visible={isInfoVisible}
+                        />
+                    </div>
+                    <Card className="min-h-[200px] bg-gray-200">
+                        <div className="mb-8 flex items-end justify-between">
+                            <nav className="flex gap-4">
+                                {formData &&
+                                    formData?.children.map((child, index) => (
+                                        <div
+                                            key={index}
+                                            className={cn(
+                                                'cursor-pointer font-semibold',
+                                                currentEventFilter &&
+                                                    currentEventFilter.id ===
+                                                        child.id &&
+                                                    'text-brand-Blue-200 underline underline-offset-4'
+                                            )}
+                                            onClick={() =>
+                                                handleSelectEventFilter(
+                                                    child.id as string
+                                                )
+                                            }
+                                        >
+                                            {child.id}
+                                        </div>
+                                    ))}
+                            </nav>
+                            <Button
+                                onClick={() =>
+                                    removeEventFilter(currentEventFilter?.id)
+                                }
+                                className={'rounded px-2 py-1 !text-xs'}
+                                size={'sm'}
+                            >
+                                Remove Event Filter
+                            </Button>
+                        </div>
+                        {currentEventFilter &&
+                            formData?.children.map((param, index) => {
+                                if (param.id === currentEventFilter?.id) {
+                                    return (
+                                        <div key={index}>
+                                            {(param as IBooleanNode).children?.map(
+                                                (child, childIndex) => (
+                                                    <div
+                                                        key={childIndex}
+                                                        className="flex w-full flex-col gap-4"
+                                                    >
+                                                        {
+                                                            <RenderEventChildForm
+                                                                eventFilterParam={
+                                                                    child as IFieldNode
+                                                                }
+                                                                onValueChange={(
+                                                                    value
+                                                                ) => {
+                                                                    handleParamValueChange(
+                                                                        child.id as string,
+                                                                        value
+                                                                    );
+                                                                }}
+                                                                onOperatorChange={(
+                                                                    value
+                                                                ) => {
+                                                                    handleParamOperatorChange(
+                                                                        child.id as string,
+                                                                        value
+                                                                    );
+                                                                }}
+                                                                onNegateChange={(
+                                                                    value
+                                                                ) => {
+                                                                    handleParamNegationChange(
+                                                                        child.id as string,
+                                                                        value
+                                                                    );
+                                                                }}
+                                                                onDeleteParameter={
+                                                                    handleDeleteParameter
+                                                                }
+                                                            />
+                                                        }
+                                                    </div>
+                                                )
+                                            )}
+                                        </div>
+                                    );
+                                }
+                            })}
+                    </Card>
+                </>
             )}
+            {
+                <EventTabRenderer
+                    displayMonacoEditor={proMode}
+                    formData={formData}
+                    onEditorValueChange={(value) => setFormData(value)}
+                />
+            }
         </div>
     );
 };
 
-function transformLabelForOperators(operator: string) {
-    switch (operator) {
-        case 'lt':
-            return 'Less Than';
-        case 'gt':
-            return 'Greater Than';
-        case 'gte':
-            return 'Great Than Or Equals To';
-        case 'lte':
-            return 'Less Than Or Equals To';
-        case 'eq':
-            return 'Equals';
-        default:
-            return capitalizeFirstLetter(operator);
-    }
-}
-
 export default EventTab;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
new file mode 100644
index 00000000..c8ce8d8c
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
@@ -0,0 +1,48 @@
+import {IEventTrigger} from "@api/agents";
+import React, {useEffect, useState} from "react";
+import {useDebounceValue} from "usehooks-ts";
+import {ErrorToast} from "@app/components/molecules/CustomToasts";
+import CustomEditor from "@app/app/(pages)/templates/create-template/components/event/CustomEditor";
+import NodeGraph from "@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph";
+
+const EventTabRenderer = ({
+                              displayMonacoEditor,
+                              formData,
+                              onEditorValueChange
+                          }: {
+    displayMonacoEditor: boolean;
+    formData: IEventTrigger|null;
+    onEditorValueChange: (value: IEventTrigger) => void;
+}) => {
+    const [editorValue, setEditorValue] = useState(formData?JSON.stringify(formData):'');
+    const handleOnEditorValueChange = (value: string) => {
+        setEditorValue(value);
+    };
+
+    const [debouncedValue] = useDebounceValue(editorValue, 800);
+
+    useEffect(() => {
+        try {
+            const parsedData = JSON.parse(debouncedValue);
+            onEditorValueChange(parsedData);
+        } catch (err) {
+            if (!debouncedValue) return
+            ErrorToast('Invalid JSON');
+        }
+    }, [debouncedValue]);
+
+    return (
+        <div className="h-[600px] w-[1200px] items-center scroll-auto">
+            {displayMonacoEditor ? (
+                <CustomEditor
+                    defaultValue={formData}
+                    onValueChange={handleOnEditorValueChange}
+                />
+            ) : (
+                <NodeGraph data={formData} />
+            )}
+        </div>
+    );
+};
+
+export default EventTabRenderer
\ No newline at end of file
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
new file mode 100644
index 00000000..56abebc7
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -0,0 +1,124 @@
+import React, { useEffect, useState } from "react";
+
+
+
+import { IFieldNode } from "@api/agents";
+import { ChevronDown } from "lucide-react";
+
+
+
+import { Checkbox } from "@app/components/atoms/Checkbox";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@app/components/atoms/DropDownMenu";
+import { Input } from "@app/components/atoms/Input";
+import { Close } from '@app/views/atoms/Icons/Close';
+
+import { transformLabelForOperators } from '../utils/MapperHelper';
+
+
+const RenderEventChildForm = ({
+                                  eventFilterParam,
+                                  onValueChange,
+                                  onOperatorChange,
+                                  onNegateChange,
+                                  onDeleteParameter
+                              }: {
+    eventFilterParam: IFieldNode;
+    onValueChange?: (value: any) => void;
+    onOperatorChange?: (value: any) => void;
+    onNegateChange?: (value: boolean) => void;
+    onDeleteParameter?: (...args: any) => void;
+}) => {
+    const [localOperator, setLocalOperator] = useState<string>(
+        eventFilterParam.operators[0]
+    );
+
+    useEffect(() => {
+        localOperator && onOperatorChange?.(localOperator);
+    }, [localOperator]);
+
+    const [errMsg, setErrMsg] = useState<string>('');
+
+    useEffect(() => {
+        const clearErrMsg = setTimeout(() => {
+            setErrMsg('');
+        }, 3000);
+        return () => {
+            clearTimeout(clearErrMsg);
+        };
+    }, [errMsg]);
+
+    const handleOperatorChange = (operator: string) => {
+        setLocalOperator(operator);
+        onOperatorChange?.(operator);
+    };
+
+    const handleOnDeleteParam = (paramId: string | string[]) => {
+        onDeleteParameter && onDeleteParameter(paramId);
+    };
+
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        if (!eventFilterParam?.validator(e.target.value)) {
+            setErrMsg('Error occured');
+        }
+        onValueChange?.(e.target.value);
+    };
+    return (
+        <div className={'flex flex-col gap-1'}>
+            <div className="group mb-2 flex items-center gap-4">
+                <span className="mt-2 min-w-80 truncate">
+                    {Array.isArray(eventFilterParam.id)
+                        ? (eventFilterParam.id as string[]).join('.')
+                        : eventFilterParam.id}
+                </span>
+                <div className="flex items-center gap-2">
+                    <span className="mt-2">negate</span>
+                    <Checkbox
+                        className="mt-2"
+                        onCheckedChange={onNegateChange}
+                        checked={eventFilterParam.negate}
+                    />
+                </div>
+                <DropdownMenu>
+                    <DropdownMenuTrigger
+                        disableIcon={true}
+                        className="mt-2 min-w-32 rounded border-none !p-0"
+                    >
+                        <span className="flex w-full justify-between">
+                            {transformLabelForOperators(localOperator)}
+                            <ChevronDown size={24} />
+                        </span>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent className="!z-[9999]">
+                        {eventFilterParam.operators.map((operator, index) => (
+                            <DropdownMenuItem
+                                key={index}
+                                className="!z-[9999] m-0 w-full"
+                                onClick={() => handleOperatorChange(operator)}
+                            >
+                                {transformLabelForOperators(operator)}
+                            </DropdownMenuItem>
+                        ))}
+                    </DropdownMenuContent>
+                </DropdownMenu>
+                <Input
+                    className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
+                    defaultValue={eventFilterParam.value}
+                    onChange={handleInputChange}
+                />
+                <Close
+                    onClick={() => handleOnDeleteParam(eventFilterParam.id)}
+                    className={
+                        'invisible relative top-2 h-10 w-10 cursor-pointer group-hover:visible'
+                    }
+                />
+            </div>
+            {errMsg && (
+                <div className="flex w-3/4 justify-end text-sm text-red-500">
+                    {errMsg}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default RenderEventChildForm
\ No newline at end of file
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
index 8fece9d5..19f2fff8 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
@@ -1,5 +1,6 @@
 import { ISubParameter } from '@api/agents';
 import { IParameter, IParameterOption } from '@models/types/functions';
+import {capitalizeFirstLetter} from "@app/utils/common/extra";
 
 export const mapParamValueToKeyValuePair = (params: IParameter[]): ISubParameter[] => {
     return params.map((param) => ({
@@ -55,3 +56,20 @@ export const mapKeyValuePairToParamValue = (
                 : subParam.value
     }));
 };
+
+export function transformLabelForOperators(operator: string) {
+    switch (operator) {
+        case 'lt':
+            return 'Less Than';
+        case 'gt':
+            return 'Greater Than';
+        case 'gte':
+            return 'Great Than Or Equals To';
+        case 'lte':
+            return 'Less Than Or Equals To';
+        case 'eq':
+            return 'Equals';
+        default:
+            return capitalizeFirstLetter(operator);
+    }
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
new file mode 100644
index 00000000..4e34f4e3
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
@@ -0,0 +1,12 @@
+import {areArraysEqual} from "@app/utils/common/array";
+
+export function checkIfStringOrArrayOfStringIdsAreEqual(
+    id1: string | string[],
+    id2: string | string[]
+) {
+    if (Array.isArray(id1)) {
+        return !Array.isArray(id2) || !areArraysEqual(id1, id2);
+    } else {
+        return Array.isArray(id2) || id1 !== id2;
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/app/(pages)/templates/create-template/page.tsx b/frontend/src/app/(pages)/templates/create-template/page.tsx
index 65f3dada..6d8fd971 100644
--- a/frontend/src/app/(pages)/templates/create-template/page.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/page.tsx
@@ -45,7 +45,7 @@ export interface IFormFunctionInstance extends IFunctionsItem {
     optionValue?: IParameterOption;
     //for saving cron settings
     selectedCronOption?: string;
-    congifuredCronSettings?: any;
+    configuredCronSettings?: any;
     //To be compatible with IAgentConfiuration
     agent_id?: string;
 }
diff --git a/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx b/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
index 1a092f61..88591b5b 100644
--- a/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
@@ -17,6 +17,7 @@ const OptionsParameter = ({
     paramIndex: number;
 }) => {
     const [selectedFunction, setSelectedFunction] = useAtom(selectedFunctionAtom);
+
     function renderParamsComponent(parameter: IParameter) {
         switch (parameter.type) {
             case 'number':
@@ -32,15 +33,26 @@ const OptionsParameter = ({
                 return <ListParameter paramIndex={paramIndex} parameter={parameter} />;
         }
     }
+
     const [selectedOption, setSelectedOption] = useState<IParameterOption | null>(null);
     return (
         <div className={'flex flex-col gap-4'}>
             {parameter && parameter.options && (
                 <CustomCombobox
                     isOpen
-                    itemsList={parameter?.options?.map((option) => option.name) || []}
+                    itemsList={
+                        parameter?.options?.map((option) => ({
+                            id: option.name,
+                            label: option.name
+                        })) || []
+                    }
                     defaultValue={
-                        parameter && parameter.options ? parameter.options[0].name : ''
+                        parameter && parameter.options
+                            ? {
+                                  id: parameter.options[0].name,
+                                  label: parameter.options[0].name
+                              }
+                            : { id: '', label: '' }
                     }
                     onSelect={(optionName: string) => {
                         const option = parameter.options!.find(
diff --git a/frontend/src/components/molecules/CustomCombobox.tsx b/frontend/src/components/molecules/CustomCombobox.tsx
index 43891b54..3ef726ca 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -1,12 +1,17 @@
 'use client';
 
 import * as React from 'react';
-import { useEffect, useRef } from 'react';
+import {useEffect, useRef} from 'react';
 
 import { ChevronDown, ChevronUp } from 'lucide-react';
 
 import { cn } from '@app/components/lib/utils';
 
+interface ItemSchema {
+    id:string|string[];
+    label:string
+}
+
 export function CustomCombobox({
     defaultValue,
     itemsList,
@@ -16,18 +21,18 @@ export function CustomCombobox({
     addSearchOption = false,
     disabled = false
 }: {
-    defaultValue?: string;
-    itemsList: Array<string>;
-    onSelect: any;
+    defaultValue?: ItemSchema;
+    itemsList: Array<ItemSchema>;
+    onSelect: (value:any)=>void;
     className?: string;
     isOpen?: boolean;
     addSearchOption?: boolean;
     disabled?: boolean;
 }) {
     const [open, setOpen] = React.useState(isOpen);
-    const [value, setValue] = React.useState(defaultValue || '');
+    const [value, setValue] = React.useState(defaultValue || null);
     const [searchValue, setSearchValue] = React.useState('');
-    const [items, setItems] = React.useState<Array<string>>(itemsList);
+    const [items, setItems] = React.useState<Array<ItemSchema>>(itemsList);
 
     const modalRef = useRef<HTMLDivElement>(null);
 
@@ -47,21 +52,17 @@ export function CustomCombobox({
         };
     }, [open]);
 
-    useEffect(() => {
-        defaultValue && setValue(defaultValue);
-    }, [defaultValue]);
-
     useEffect(() => {
         itemsList && setItems(itemsList);
     }, [itemsList]);
 
     useEffect(() => {
-        value && onSelect(value);
+        value && onSelect(value.id);
     }, [value]);
 
     const handleOnChange = (searchValue: string) => {
-        const newItems = itemsList.filter((item: string) =>
-            item.toLowerCase().includes(searchValue.toLowerCase())
+        const newItems = itemsList.filter((item) =>
+            item.label.toLowerCase().includes(searchValue.toLowerCase())
         );
         setItems(newItems);
         setSearchValue(searchValue);
@@ -85,13 +86,13 @@ export function CustomCombobox({
                             disabled ? 'cursor-not-allowed' : ''
                         )}
                         type="text"
-                        placeholder={value}
+                        placeholder={value?value.label:''}
                         value={searchValue}
                         onClick={() => setOpen(true)}
                         onChange={(e) => handleOnChange(e.target.value)}
                     />
                 ) : (
-                    <span>{value ? value : ' Select Function Name'}</span>
+                    <span>{value ? value.label : ' Select Function Name'}</span>
                 )}
                 {addSearchOption ? <></> : open ? <ChevronUp /> : <ChevronDown />}
             </div>
@@ -103,22 +104,22 @@ export function CustomCombobox({
                         addSearchOption ? '-left-1/2 w-fit min-w-[600px]' : 'w-full'
                     )}
                 >
-                    {items.map((item: string) => {
+                    {items.map((item) => {
                         return (
                             <div
                                 onClick={() => {
                                     if (addSearchOption) {
-                                        onSelect(item);
+                                        onSelect(item.id);
                                         setSearchValue('');
                                     } else {
                                         setValue(item);
                                     }
                                     setOpen(false);
                                 }}
-                                key={item}
+                                key={item.label}
                                 className={'px-2 hover:bg-gray-200'}
                             >
-                                {item}
+                                {item.label}
                             </div>
                         );
                     })}
diff --git a/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx b/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
deleted file mode 100644
index 503ca3e0..00000000
--- a/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
+++ /dev/null
@@ -1,263 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-
-import { useParams } from 'next/navigation';
-
-import { IAgentConfiguration, ICronTrigger } from '@api/agents';
-import { AgentFunctions } from '@consts';
-import { AgentTriggerFunctionType } from '@models/types';
-import { getFunctionParameters } from '@utils';
-
-import TriggerTab, {
-    IInputSetting
-} from '@app/app/(pages)/templates/create-template/components/Form/TriggerTab';
-import { Button } from '@app/components/atoms/Button';
-import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
-import ProbabilityInput from '@app/components/molecules/ProbabilityInput';
-import { Separator } from '@app/components/shadcn/ui/separator';
-import { determineCronTabAndSection } from '@app/utils/dateAndTimeUtils';
-
-type TriggerType = 'CRON' | 'EVENT';
-
-const UpdateAgentFunctionModal = ({
-    header,
-    agentConfigIndex,
-    agentConfigs,
-    onClickSave
-}: {
-    header: string;
-    agentConfigIndex: number;
-    agentConfigs?: Array<IAgentConfiguration>;
-    onClickSave?: (agentConfig: IAgentConfiguration, index: number) => void;
-}) => {
-    const params = useParams();
-    const agentId = params.agentID as string;
-
-    const [functionList, setFunctionList] = useState(
-        AgentFunctions.map((item) => item.function_name)
-    );
-
-    const agentConfig = agentConfigs![agentConfigIndex];
-    const defaultProbabilityStringValue = (
-        ((agentConfig?.data as ICronTrigger)?.probability || 1) * 100
-    ).toString();
-
-    const [triggerType, setTriggerType] = useState<TriggerType>('CRON');
-    const [cronExpression, setCronExpression] = useState(['*', '*', '*', '*', '*']);
-    const cronSetting = determineCronTabAndSection(
-        (agentConfig?.data as ICronTrigger)?.frequency || '* * * * *'
-    );
-    const [defaultSelected, setDefaultSelected] = useState<string>(
-        cronSetting?.tab || 'Minute-option-one'
-    );
-    const [configuredSettings, setConfiguredSettings] = useState<IInputSetting[]>(
-        cronSetting?.values || [{ name: `Minute-option-one`, value: 1 }]
-    );
-
-    function updateCronExpression(
-        cronExpression: any,
-        selectedOption: string,
-        currentSettings: any
-    ) {
-        setDefaultSelected(selectedOption);
-        setCronExpression(cronExpression);
-        setConfiguredSettings(currentSettings);
-    }
-
-    const [localAgentActionConfigurations, setLocalAgentActionConfigurations] =
-        useState<{
-            function_name: string;
-            parameters: Array<{ name: string; description?: string; value: string }>;
-        }>({
-            function_name: '',
-            parameters: []
-        });
-
-    // useEffect(() => {
-    //     if (agentConfig && agentConfig.action) {
-    //         setLocalAgentActionConfigurations(agentConfig.action);
-    //     }
-    // }, [agentConfig]);
-
-    const [probability, setProbability] = useState<string>(
-        defaultProbabilityStringValue
-    );
-
-    const handleInputParamsChange = (value: string, index: number) => {
-        localAgentActionConfigurations.parameters[index].value = value;
-        setLocalAgentActionConfigurations({ ...localAgentActionConfigurations });
-    };
-
-    const handleTriggerTypeSelection = (triggerType: TriggerType) => {
-        if (triggerType === 'EVENT') {
-            setFunctionList(['voteOnProposal']);
-            // const filteredParams = getFunctionParameters(
-            //     'voteOnProposal' as AgentTriggerFunctionType
-            // );
-            setLocalAgentActionConfigurations({
-                function_name: 'voteOnProposal',
-                parameters: []
-            });
-        } else {
-            setFunctionList(AgentFunctions.map((item) => item.function_name));
-            const filteredParams = getFunctionParameters(
-                'transferADA' as AgentTriggerFunctionType
-            );
-            setLocalAgentActionConfigurations({
-                function_name: 'transferADA',
-                parameters: filteredParams || []
-            });
-        }
-        setTriggerType(triggerType);
-    };
-
-    const handleFunctionSelection = (function_name: string) => {
-        const paramsWithDescription = getFunctionParameters(
-            function_name as AgentTriggerFunctionType
-        );
-        const filteredParams = paramsWithDescription?.map((param, index) => ({
-            ...param,
-            value: localAgentActionConfigurations.parameters[index]?.value || ''
-        }));
-        setLocalAgentActionConfigurations({
-            function_name,
-            parameters: filteredParams || []
-        });
-    };
-
-    const handleClickSave = () => {
-        const filteredParams = localAgentActionConfigurations.parameters.map(
-            (param) => ({
-                name: param.name,
-                value: param.value
-            })
-        );
-        onClickSave &&
-            onClickSave(
-                {
-                    ...agentConfig,
-                    action: {
-                        ...agentConfig?.action,
-                        function_name: localAgentActionConfigurations.function_name,
-                        parameters: filteredParams
-                    },
-                    data:
-                        triggerType === 'CRON'
-                            ? {
-                                  ...(agentConfig?.data as ICronTrigger),
-                                  probability: probability ? +probability / 100 : 0,
-                                  frequency: cronExpression.join(' ')
-                              }
-                            : {
-                                  event: 'VoteEvent',
-                                  parameters: []
-                              },
-                    type: triggerType,
-                    agent_id: agentConfig ? agentConfig.agent_id : agentId,
-                    id: agentConfig ? agentConfig.id : ''
-                },
-                agentConfigIndex
-            );
-    };
-
-    return (
-        <div className={'bg-white'}>
-            <div className={'px-5 py-2'}>{header}</div>
-            <Separator />
-            <div className={'flex flex-col gap-4 p-5'}>
-                <div className={'flex justify-between'}>
-                    <div className={'flex flex-col gap-1'}>
-                        <span className={'font-medium'}>Function Name</span>
-                        <CustomCombobox
-                            defaultValue={localAgentActionConfigurations.function_name}
-                            itemsList={functionList}
-                            onSelect={(function_name: string) =>
-                                handleFunctionSelection(function_name)
-                            }
-                        />
-                    </div>
-                    <div className={'flex flex-col gap-1'}>
-                        <CustomCombobox
-                            defaultValue={agentConfig?.type || 'CRON'}
-                            itemsList={['CRON', 'EVENT']}
-                            onSelect={(triggerType: any) =>
-                                handleTriggerTypeSelection(triggerType as TriggerType)
-                            }
-                            className={'w-fit rounded-md border-[2px] px-2'}
-                        />
-                    </div>
-                </div>
-                {triggerType === 'CRON' ? (
-                    <div className={'flex flex-col gap-1'}>
-                        <span className={'font-medium'}>Parameters</span>
-                        <div className={'grid grid-cols-2 gap-2'}>
-                            {localAgentActionConfigurations?.parameters?.map(
-                                (param, index) => {
-                                    return (
-                                        <div
-                                            className={'flex flex-col gap-2'}
-                                            key={index}
-                                        >
-                                            <span
-                                                className={
-                                                    'text-sm text-brand-Black-300'
-                                                }
-                                            >
-                                                {param?.description}
-                                            </span>
-                                            <input
-                                                value={param.value}
-                                                onChange={(e) =>
-                                                    handleInputParamsChange(
-                                                        e.target.value,
-                                                        index
-                                                    )
-                                                }
-                                                type="text"
-                                                className={
-                                                    'w-11/12 rounded border border-brand-Black-100/80 px-2 py-1'
-                                                }
-                                            />
-                                        </div>
-                                    );
-                                }
-                            )}
-                        </div>
-                    </div>
-                ) : (
-                    <></>
-                )}
-                {triggerType === 'CRON' && (
-                    <div className={'flex flex-col gap-4'}>
-                        <TriggerTab
-                            onChange={updateCronExpression}
-                            defaultCron={cronExpression}
-                            previousSelectedOption={defaultSelected}
-                            previousConfiguredSettings={configuredSettings}
-                            onlyCronTriggerTab
-                        />
-                        <div className={'flex flex-col gap-1'}>
-                            <span className={'font-medium'}>Probability</span>
-                            <ProbabilityInput
-                                onInputChange={(probability: string) =>
-                                    setProbability(probability)
-                                }
-                                defaultValue={defaultProbabilityStringValue}
-                            />
-                        </div>
-                    </div>
-                )}
-                <Button
-                    onClick={handleClickSave}
-                    className={'relative right-0 w-1/4'}
-                    variant={'primary'}
-                >
-                    Save
-                </Button>
-            </div>
-        </div>
-    );
-};
-
-export default UpdateAgentFunctionModal;
diff --git a/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx b/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx
deleted file mode 100644
index 6104c94b..00000000
--- a/frontend/src/components/molecules/UpdateTemplateFunctionModal.tsx
+++ /dev/null
@@ -1,262 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-
-import { useParams } from 'next/navigation';
-
-import { ICronTrigger, ISubParameter } from '@api/agents';
-import { ITemplateConfiguration } from '@api/templates';
-import { AgentFunctions } from '@consts';
-import { AgentTriggerFunctionType } from '@models/types';
-import { getFunctionParameters } from '@utils';
-
-import TriggerTab, {
-    IInputSetting
-} from '@app/app/(pages)/templates/create-template/components/Form/TriggerTab';
-import { Button } from '@app/components/atoms/Button';
-import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
-import ProbabilityInput from '@app/components/molecules/ProbabilityInput';
-import { Separator } from '@app/components/shadcn/ui/separator';
-import { determineCronTabAndSection } from '@app/utils/dateAndTimeUtils';
-
-type TriggerType = 'CRON' | 'EVENT';
-
-const UpdateTemplateFunctionModal = ({
-    header,
-    templateConfigIndex,
-    templateConfigs,
-    onClickSave
-}: {
-    header: string;
-    templateConfigIndex: number;
-    templateConfigs?: Array<ITemplateConfiguration>;
-    onClickSave?: (agentConfig: ITemplateConfiguration, index: number) => void;
-}) => {
-    const params = useParams();
-    const templateId = params.templateId as string;
-
-    const [functionList, setFunctionList] = useState(
-        AgentFunctions.map((item) => item.function_name)
-    );
-    const templateConfig = templateConfigs![templateConfigIndex];
-
-    const [triggerType, setTriggerType] = useState<TriggerType>('CRON');
-    const [cronExpression, setCronExpression] = useState(['*', '*', '*', '*', '*']);
-    const cronSetting = determineCronTabAndSection(
-        (templateConfig?.data as ICronTrigger)?.frequency || '* * * * *'
-    );
-    const [defaultSelected, setDefaultSelected] = useState<string>(
-        cronSetting?.tab || 'Minute-option-one'
-    );
-    const [configuredSettings, setConfiguredSettings] = useState<IInputSetting[]>(
-        cronSetting?.values || [{ name: `Minute-option-one`, value: 1 }]
-    );
-
-    function updateCronExpression(
-        cronExpression: any,
-        selectedOption: string,
-        currentSettings: any
-    ) {
-        setDefaultSelected(selectedOption);
-        setCronExpression(cronExpression);
-        setConfiguredSettings(currentSettings);
-    }
-
-    const defaultProbabilityStringValue = (
-        ((templateConfig?.data as ICronTrigger)?.probability || 1) * 100
-    ).toString();
-
-    const [localTemplateActionConfigurations, setLocalTemplateActionConfigurations] =
-        useState<{
-            function_name: string;
-            parameters: ISubParameter[];
-        }>({
-            function_name: '',
-            parameters: []
-        });
-
-    useEffect(() => {
-        if (templateConfig?.action) {
-            setLocalTemplateActionConfigurations(templateConfig.action);
-        }
-    }, [templateConfig]);
-
-    const [probability, setProbability] = useState<string>(
-        defaultProbabilityStringValue
-    );
-
-    const handleInputParamsChange = (value: string, index: number) => {
-        localTemplateActionConfigurations.parameters[index].value = value;
-        setLocalTemplateActionConfigurations({ ...localTemplateActionConfigurations });
-    };
-
-    const handleTriggerTypeSelection = (triggerType: TriggerType) => {
-        if (triggerType === 'EVENT') {
-            setFunctionList(['voteOnProposal']);
-            const filteredParams = getFunctionParameters(
-                'voteOnProposal' as AgentTriggerFunctionType
-            );
-            setLocalTemplateActionConfigurations({
-                function_name: 'voteOnProposal',
-                parameters: filteredParams || []
-            });
-        } else {
-            setFunctionList(AgentFunctions.map((item) => item.function_name));
-            const filteredParams = getFunctionParameters(
-                'transferADA' as AgentTriggerFunctionType
-            );
-            setLocalTemplateActionConfigurations({
-                function_name: 'transferADA',
-                parameters: filteredParams || []
-            });
-        }
-        setTriggerType(triggerType);
-    };
-
-    const handleFunctionSelection = (function_name: string) => {
-        const paramsWithDescription = getFunctionParameters(
-            function_name as AgentTriggerFunctionType
-        );
-        const filteredParams = paramsWithDescription?.map((param, index) => ({
-            ...param,
-            value: localTemplateActionConfigurations.parameters[index]?.value || ''
-        }));
-        setLocalTemplateActionConfigurations({
-            function_name,
-            parameters: filteredParams || []
-        });
-    };
-
-    const handleClickSave = () => {
-        const filteredParams = localTemplateActionConfigurations.parameters.map(
-            (param) => ({
-                name: param.name,
-                value: param.value
-            })
-        );
-        onClickSave &&
-            onClickSave(
-                {
-                    ...templateConfig,
-                    action: {
-                        ...templateConfig?.action,
-                        function_name: localTemplateActionConfigurations.function_name,
-                        parameters: filteredParams
-                    },
-                    data:
-                        triggerType === 'CRON'
-                            ? {
-                                  ...(templateConfig?.data as ICronTrigger),
-                                  probability: probability ? +probability / 100 : 0,
-                                  frequency: cronExpression.join(' ')
-                              }
-                            : {
-                                  event: 'VoteEvent',
-                                  parameters: []
-                              },
-                    type: triggerType,
-                    template_id: templateConfig
-                        ? templateConfig.template_id
-                        : templateId,
-                    id: templateConfig ? templateConfig.id : ''
-                },
-                templateConfigIndex
-            );
-    };
-
-    return (
-        <div className={'bg-white'}>
-            <div className={'px-5 py-2'}>{header}</div>
-            <Separator />
-            <div className={'flex flex-col gap-4 p-5'}>
-                <div className={'flex justify-between'}>
-                    <div className={'flex flex-col gap-1'}>
-                        <span className={'font-medium'}>Function Name</span>
-                        <CustomCombobox
-                            defaultValue={
-                                localTemplateActionConfigurations.function_name
-                            }
-                            itemsList={functionList}
-                            onSelect={(function_name: string) =>
-                                handleFunctionSelection(function_name)
-                            }
-                        />
-                    </div>
-                    <div className={'flex flex-col gap-1'}>
-                        <CustomCombobox
-                            defaultValue={templateConfig?.type || 'CRON'}
-                            itemsList={['CRON', 'EVENT']}
-                            onSelect={(triggerType: any) =>
-                                handleTriggerTypeSelection(triggerType as TriggerType)
-                            }
-                            className={'w-fit rounded-md border-[2px] px-2'}
-                        />
-                    </div>
-                </div>
-                <div className={'flex flex-col gap-1'}>
-                    <span className={'font-medium'}>Parameters</span>
-                    <div className={'grid grid-cols-2 gap-2'}>
-                        {localTemplateActionConfigurations?.parameters?.map(
-                            (param, index) => {
-                                return (
-                                    <div
-                                        className={'flex flex-col gap-2'}
-                                        key={param.name}
-                                    >
-                                        <span
-                                            className={'text-sm text-brand-Black-300'}
-                                        >
-                                            {param?.name}
-                                        </span>
-                                        <input
-                                            value={param.value}
-                                            onChange={(e) =>
-                                                handleInputParamsChange(
-                                                    e.target.value,
-                                                    index
-                                                )
-                                            }
-                                            type="text"
-                                            className={
-                                                'w-11/12 rounded border border-brand-Black-100/80 px-2 py-1'
-                                            }
-                                        />
-                                    </div>
-                                );
-                            }
-                        )}
-                    </div>
-                </div>
-                {triggerType === 'CRON' && (
-                    <div className={'flex flex-col gap-4'}>
-                        <TriggerTab
-                            onChange={updateCronExpression}
-                            defaultCron={cronExpression}
-                            previousSelectedOption={defaultSelected}
-                            previousConfiguredSettings={configuredSettings}
-                            onlyCronTriggerTab
-                        />
-                        <div className={'flex flex-col gap-1'}>
-                            <span className={'font-medium'}>Probability</span>
-                            <ProbabilityInput
-                                onInputChange={(probability: string) =>
-                                    setProbability(probability)
-                                }
-                                defaultValue={defaultProbabilityStringValue}
-                            />
-                        </div>
-                    </div>
-                )}
-                <Button
-                    onClick={handleClickSave}
-                    className={'relative right-0 w-1/4'}
-                    variant={'primary'}
-                >
-                    Save
-                </Button>
-            </div>
-        </div>
-    );
-};
-
-export default UpdateTemplateFunctionModal;
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 88042f66..3c31ece0 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -90,7 +90,8 @@ const config = {
                     Orange: {
                         100: '#FFECD4',
                         200: '#FF660F'
-                    }
+                    },
+                    vscode:"#1E1E1E"
                 }
             },
             height: {

From ce95299d66613fdc75b8539e64d6aece59c375ca Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Mon, 30 Dec 2024 13:36:05 +0545
Subject: [PATCH 31/42] enhacement:Add event context for each event-based fn
 invocation

---
 agent-node/src/executor/AgentRunner.ts        | 24 +++++++++++++++++-
 agent-node/src/executor/BaseFunction.ts       | 12 ++++++++-
 agent-node/src/executor/Executor.ts           | 23 ++++++++++++++---
 agent-node/src/service/EventTriggerHandler.ts | 25 ++++++++++++++-----
 agent-node/src/service/RpcTopicHandler.ts     |  2 +-
 frontend/package.json                         |  2 +-
 frontend/yarn.lock                            |  8 +++---
 7 files changed, 79 insertions(+), 17 deletions(-)

diff --git a/agent-node/src/executor/AgentRunner.ts b/agent-node/src/executor/AgentRunner.ts
index 74138a35..cce292ff 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -7,6 +7,7 @@ import { loadRootKeyFromBuffer } from '../utils/cardano'
 import { HdWallet } from 'libcardano'
 import { AgentWalletDetails } from '../types/types'
 import { globalState } from '../constants/global'
+import { EventContext } from './BaseFunction'
 
 export class AgentRunner {
     executor: Executor
@@ -22,12 +23,33 @@ export class AgentRunner {
         method: string,
         ...args: any
     ) {
-
         this.executor.invokeFunction(method, ...args).then((result) => {
             saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
         })
     }
 
+    invokeFunctionWithEventContext(
+        context: EventContext,
+        triggerType: TriggerType,
+        instanceIndex: number,
+        method: string,
+        ...args: any[]
+    ) {
+        const eventContext = {
+            event: context,
+        }
+        this.executor
+            .invokeFunctionWithContext(eventContext, method, ...args)
+            .then((result) => {
+                saveTxLog(
+                    result,
+                    this.managerInterface,
+                    triggerType,
+                    instanceIndex
+                )
+            })
+    }
+
     async remakeContext(index: number) {
         const rootKey = loadRootKeyFromBuffer()
         const hdWallet = HdWallet.fromHdKey(rootKey)
diff --git a/agent-node/src/executor/BaseFunction.ts b/agent-node/src/executor/BaseFunction.ts
index a9445863..2b4da7c9 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -1,3 +1,6 @@
+import {Transaction} from "libcardano/cardano/ledger-serialization/transaction";
+import {DecodedBlock} from "./TxListener";
+
 export interface Key {
     private: string
     public: string
@@ -75,12 +78,19 @@ export interface Helpers {
     generateVoteMetadataContent: () => string
 }
 
+export interface EventContext{
+    tx: Transaction;
+    block: DecodedBlock;
+    confirmation: number
+}
+
 export interface FunctionContext {
     wallet: Wallet
     kuber: KuberApi
     builtins: Builtins
     agentName: string
-    helpers: Helpers
+    helpers: Helpers,
+    event ?: EventContext
 }
 
 // Create a restricted execution environment
diff --git a/agent-node/src/executor/Executor.ts b/agent-node/src/executor/Executor.ts
index bcaa8296..023553e3 100644
--- a/agent-node/src/executor/Executor.ts
+++ b/agent-node/src/executor/Executor.ts
@@ -1,7 +1,12 @@
 import { AgentWalletDetails } from '../types/types'
 import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { FunctionGroup, getHandlers } from './AgentFunctions'
-import { Builtins, FunctionContext, Key, Wallet } from './BaseFunction'
+import {
+    Builtins,
+    FunctionContext,
+    Key,
+    Wallet,
+} from './BaseFunction'
 import { TxListener } from './TxListener'
 import { generateProposalMetadataContent } from '../utils/metadataContent/proposalMetadataContent'
 import { generateRegisterDrepMetadataContent } from '../utils/metadataContent/drepMetadataContent'
@@ -14,12 +19,14 @@ export interface CallLog {
     return?: any
     error?: Error | string
 }
+
 export class Executor {
     wallet: any
     readonly rpcInterface: ManagerInterface
     readonly functions: FunctionGroup
     readonly functionContext: FunctionContext
     txListener: TxListener
+
     constructor(
         wallet: any,
         rpcInterface: ManagerInterface,
@@ -122,6 +129,7 @@ export class Executor {
                         processQueue(this.rpcInterface, this.txListener)
                     }
                 })
+
                 async function processQueue(
                     rpcInterface: ManagerInterface,
                     txListener: TxListener
@@ -285,7 +293,15 @@ export class Executor {
         } as Builtins
     }
 
-    invokeFunction(name: string, ...args: any): Promise<CallLog[]> {
+    async invokeFunction(name: string, ...args: any): Promise<CallLog[]> {
+        return await this.invokeFunctionWithContext({}, name, ...args)
+    }
+
+    invokeFunctionWithContext(
+        context: any,
+        name: string,
+        ...args: any
+    ): Promise<CallLog[]> {
         const f: any | undefined = this.functions.functions[name]
         const log: CallLog = {
             function: name,
@@ -296,7 +312,7 @@ export class Executor {
             return Promise.resolve([log])
         }
 
-        const newContext = { ...this.functionContext }
+        const newContext = { ...this.functionContext, ...context }
         const builtinsProxy = this.makeProxy(newContext.builtins)
         newContext.builtins = builtinsProxy.proxy
         builtinsProxy.callLog.push(log)
@@ -327,5 +343,6 @@ export class Executor {
         }
         return Promise.resolve(builtinsProxy.callLog)
     }
+
     // newBlock(block) {}
 }
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 63f15dbe..14d4899d 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -8,6 +8,7 @@ import {
     IFieldNode,
     IFilterNode,
 } from '../types/eventTriger'
+import { DecodedBlock } from '../executor/TxListener'
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
@@ -17,13 +18,18 @@ export class EventTriggerHandler {
         this.managerInterface = managerInterface
     }
 
-    onBlock(transactions: Transaction[], agentRunners: AgentRunner[]) {
+    onBlock(block: DecodedBlock, agentRunners: AgentRunner[]) {
         if (this.eventBasedActions.length) {
-            transactions.forEach((tx: Transaction) => {
+            block.body.forEach((tx: Transaction) => {
                 this.eventBasedActions.forEach((eventBasedAction) => {
                     const handler = (this as any)['transactionHandler']
                     if (handler !== undefined && handler !== 'constructor') {
-                        handler.bind(this)(tx, eventBasedAction, agentRunners)
+                        handler.bind(this)(
+                            tx,
+                            eventBasedAction,
+                            block,
+                            agentRunners
+                        )
                     }
                 })
             })
@@ -33,6 +39,7 @@ export class EventTriggerHandler {
     transactionHandler(
         tx: Transaction,
         eventBasedAction: IEventBasedAction,
+        block: DecodedBlock,
         agentRunners?: AgentRunner[]
     ) {
         let result
@@ -64,8 +71,14 @@ export class EventTriggerHandler {
                     'output_address_' + index + ' ' + o.address.toBech32()
                 )
             })
+            const eventContext = {
+                tx,
+                block,
+                confirmation: 1,
+            }
             agentRunners.forEach((runner, index) => {
-                runner.invokeFunction(
+                runner.invokeFunctionWithEventContext(
+                    eventContext,
                     'EVENT',
                     index,
                     function_name,
@@ -114,8 +127,8 @@ export class EventTriggerHandler {
 
         let result
         let propertyValue = targetObject[nodes[0]]
-        if (!propertyValue){
-            propertyValue = targetObject[nodes[0]+'s']
+        if (!propertyValue) {
+            propertyValue = targetObject[nodes[0] + 's']
         }
         parent_nodes.push(nodes[0])
 
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index f581447b..df3bdb17 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -44,7 +44,7 @@ export class RpcTopicHandler {
             'txCount=' + transactions.length
         )
         this.txListener.onBlock({ ...block, body: transactions })
-        this.eventTriggerHandlers.onBlock(transactions, agentRunners)
+        this.eventTriggerHandlers.onBlock({ ...block, body: transactions }, agentRunners)
     }
     initial_config(
         message: any,
diff --git a/frontend/package.json b/frontend/package.json
index 2e96d712..f60de2f8 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,7 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
-        "libcardano": "^1.4.14-browser",
+        "libcardano": "^1.4.15-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index cc5ac48f..760816fe 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12350,10 +12350,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@^1.4.14-browser:
-  version "1.4.14-browser"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.14-browser.tgz#2dfa63d7800cdca6ae89d1170b98d5dc77b3d14a"
-  integrity sha512-wrARf/MzxgaqDjeU2550hjZGqcaqEeUBTGjnXDpQaC7m0Tx8w9D0DbbySkDpo64DV1ng3eC+jlNxfmkd4eCMPA==
+libcardano@^1.4.15-browser:
+  version "1.4.15-browser"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.15-browser.tgz#7149ee3a60dbb922475f4923ae9d96bb491685d1"
+  integrity sha512-2kV3t6DGPj8mCi+pfou2JaXnb5ZcGKPoILxynDXT079iKS1YB6RnffSDdtKvXpi5zNmq1sXIYNYuvHZIbDvqKg==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@noble/curves" "^1.6.0"

From 86a47ee16bab98e6e85e83edc7908bade7d97cdf Mon Sep 17 00:00:00 2001
From: sital <sital@office.sireto.io>
Date: Mon, 30 Dec 2024 14:04:00 +0545
Subject: [PATCH 32/42] fix: Add proper err Msg and add debounce in input field

---
 .../components/event/EventTab.tsx             |  2 +-
 .../components/event/RenderEventChildForm.tsx | 71 +++++++++++--------
 2 files changed, 43 insertions(+), 30 deletions(-)

diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 75c23e0c..28e6e409 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -303,7 +303,7 @@ const EventTab = ({
             getNotSelectedEventFilterParameters()?.map((item: ISchema) => {
                 return { id: item.id, label: item.label };
             }) || [],
-        [formData]
+        [formData,handleSelectEventFilter]
     );
 
     const memoizedEventFilters = useMemo(
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
index 56abebc7..7c12bf77 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -1,27 +1,28 @@
-import React, { useEffect, useState } from "react";
-
-
-
-import { IFieldNode } from "@api/agents";
-import { ChevronDown } from "lucide-react";
-
-
-
-import { Checkbox } from "@app/components/atoms/Checkbox";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@app/components/atoms/DropDownMenu";
-import { Input } from "@app/components/atoms/Input";
+import React, { useEffect, useState } from 'react';
+
+import { IFieldNode } from '@api/agents';
+import { ChevronDown } from 'lucide-react';
+import { useDebounceValue } from 'usehooks-ts';
+
+import { Checkbox } from '@app/components/atoms/Checkbox';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger
+} from '@app/components/atoms/DropDownMenu';
+import { Input } from '@app/components/atoms/Input';
 import { Close } from '@app/views/atoms/Icons/Close';
 
 import { transformLabelForOperators } from '../utils/MapperHelper';
 
-
 const RenderEventChildForm = ({
-                                  eventFilterParam,
-                                  onValueChange,
-                                  onOperatorChange,
-                                  onNegateChange,
-                                  onDeleteParameter
-                              }: {
+    eventFilterParam,
+    onValueChange,
+    onOperatorChange,
+    onNegateChange,
+    onDeleteParameter
+}: {
     eventFilterParam: IFieldNode;
     onValueChange?: (value: any) => void;
     onOperatorChange?: (value: any) => void;
@@ -31,6 +32,11 @@ const RenderEventChildForm = ({
     const [localOperator, setLocalOperator] = useState<string>(
         eventFilterParam.operators[0]
     );
+    const [value, setValue] = useState(eventFilterParam.value);
+
+    const paramId = Array.isArray(eventFilterParam.id)
+        ? (eventFilterParam.id as string[]).join('.')
+        : eventFilterParam.id;
 
     useEffect(() => {
         localOperator && onOperatorChange?.(localOperator);
@@ -38,6 +44,16 @@ const RenderEventChildForm = ({
 
     const [errMsg, setErrMsg] = useState<string>('');
 
+    const [debouncedVal] = useDebounceValue(value, 500);
+
+    useEffect(() => {
+        if (debouncedVal && !eventFilterParam?.validator(debouncedVal)) {
+            setErrMsg(`Error occured on ${paramId}`);
+            return;
+        }
+        onValueChange?.(debouncedVal);
+    }, [debouncedVal]);
+
     useEffect(() => {
         const clearErrMsg = setTimeout(() => {
             setErrMsg('');
@@ -57,19 +73,15 @@ const RenderEventChildForm = ({
     };
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        if (!eventFilterParam?.validator(e.target.value)) {
-            setErrMsg('Error occured');
-        }
-        onValueChange?.(e.target.value);
+        const inputVal = e.target.value;
+        setValue(inputVal);
+        setErrMsg('');
     };
+
     return (
         <div className={'flex flex-col gap-1'}>
             <div className="group mb-2 flex items-center gap-4">
-                <span className="mt-2 min-w-80 truncate">
-                    {Array.isArray(eventFilterParam.id)
-                        ? (eventFilterParam.id as string[]).join('.')
-                        : eventFilterParam.id}
-                </span>
+                <span className="mt-2 min-w-80 truncate">{paramId}</span>
                 <div className="flex items-center gap-2">
                     <span className="mt-2">negate</span>
                     <Checkbox
@@ -104,6 +116,7 @@ const RenderEventChildForm = ({
                     className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
                     defaultValue={eventFilterParam.value}
                     onChange={handleInputChange}
+                    value={value}
                 />
                 <Close
                     onClick={() => handleOnDeleteParam(eventFilterParam.id)}
@@ -121,4 +134,4 @@ const RenderEventChildForm = ({
     );
 };
 
-export default RenderEventChildForm
\ No newline at end of file
+export default RenderEventChildForm;

From 5745a4ffb9f0161c887e967bc15ffc2623664160 Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Mon, 30 Dec 2024 15:58:20 +0545
Subject: [PATCH 33/42] enhancement: Add support for 'exists' operator

---
 agent-node/src/functions/transferADA.ts       |  2 ++
 agent-node/src/service/EventTriggerHandler.ts |  5 +++
 agent-node/src/types/eventTriger.ts           |  2 +-
 agent-node/src/utils/operatorSupport.ts       |  5 +++
 api/backend/app/models/trigger/trigger_dto.py |  3 +-
 frontend/package.json                         |  2 +-
 .../components/event/EventTab.tsx             |  9 +++---
 .../components/event/RenderEventChildForm.tsx |  8 ++---
 .../components/utils/MapperHelper.ts          | 12 +++----
 frontend/src/utils/cardano.ts                 | 31 ++++++++++++++-----
 frontend/yarn.lock                            |  8 ++---
 11 files changed, 57 insertions(+), 30 deletions(-)

diff --git a/agent-node/src/functions/transferADA.ts b/agent-node/src/functions/transferADA.ts
index 27d2c77f..6f998d2d 100644
--- a/agent-node/src/functions/transferADA.ts
+++ b/agent-node/src/functions/transferADA.ts
@@ -19,3 +19,5 @@ export default async function handler(
             throw err
         })
 }
+
+
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 14d4899d..361fbf77 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -125,10 +125,15 @@ export class EventTriggerHandler {
             nodes = [nodes]
         }
 
+        if (targetObject == null && filterNode.operator === 'exists') {
+            return false
+        }
+
         let result
         let propertyValue = targetObject[nodes[0]]
         if (!propertyValue) {
             propertyValue = targetObject[nodes[0] + 's']
+            if (!propertyValue) return false
         }
         parent_nodes.push(nodes[0])
 
diff --git a/agent-node/src/types/eventTriger.ts b/agent-node/src/types/eventTriger.ts
index d3eb207a..7ad8d6e8 100644
--- a/agent-node/src/types/eventTriger.ts
+++ b/agent-node/src/types/eventTriger.ts
@@ -1,7 +1,7 @@
 import { Action } from '../service/triggerService'
 
 export type BooleanOperator = 'AND' | 'OR'
-export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in'
+export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in' | 'exists'
 
 export interface IEventBasedAction {
     eventTrigger: IBooleanNode | IFieldNode
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index 0cbe58b1..20018fd0 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -48,6 +48,11 @@ class LogicalFunctions {
 
     // Execute the logical operation, checking the types/classes of the operands
     execute(operator: string, a: any, b: any): boolean {
+
+        if (operator === 'exists'){
+            return !!a
+        }
+
         const aClass = a.constructor ? a.constructor.name : typeof a
         const bClass = b.constructor ? b.constructor.name : typeof b
 
diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index 1bb813bf..c8ddcbf5 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -26,7 +26,8 @@ class Action(BaseModel):
 # For Event Based Trigger
 
 BooleanOperator = Literal["AND", "OR"]
-ComparisonOperator = Literal["equals", "greaterthan", "lessthan", "in","gt","gte","lt","lte","ne","eq","contains"]
+ComparisonOperator = Literal[
+    "equals", "greaterthan", "lessthan", "in", "gt", "gte", "lt", "lte", "ne", "eq", "contains", "exists"]
 
 
 class Field(BaseModel):
diff --git a/frontend/package.json b/frontend/package.json
index f60de2f8..8668fe04 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,7 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
-        "libcardano": "^1.4.15-browser",
+        "libcardano": "^1.4.16-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 28e6e409..bb6f89d9 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -292,10 +292,9 @@ const EventTab = ({
                 child.id && checkIfStringOrArrayOfStringIdsAreEqual(filterId, child.id)
         );
         setFormData({ ...formData });
-        formData &&
-            formData.children &&
-            formData.children.length ?
-            handleSelectEventFilter(formData.children.slice(-1)[0].id as string):setCurrentEventFilter(null)
+        formData && formData.children && formData.children.length
+            ? handleSelectEventFilter(formData.children.slice(-1)[0].id as string)
+            : setCurrentEventFilter(null);
     };
 
     const memoizedEventFilterParams = useMemo(
@@ -303,7 +302,7 @@ const EventTab = ({
             getNotSelectedEventFilterParameters()?.map((item: ISchema) => {
                 return { id: item.id, label: item.label };
             }) || [],
-        [formData,handleSelectEventFilter]
+        [formData, currentEventFilter]
     );
 
     const memoizedEventFilters = useMemo(
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
index 7c12bf77..8e2aef7c 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -30,7 +30,7 @@ const RenderEventChildForm = ({
     onDeleteParameter?: (...args: any) => void;
 }) => {
     const [localOperator, setLocalOperator] = useState<string>(
-        eventFilterParam.operators[0]
+        eventFilterParam.operator || 'eq'
     );
     const [value, setValue] = useState(eventFilterParam.value);
 
@@ -47,7 +47,7 @@ const RenderEventChildForm = ({
     const [debouncedVal] = useDebounceValue(value, 500);
 
     useEffect(() => {
-        if (debouncedVal && !eventFilterParam?.validator(debouncedVal)) {
+        if (debouncedVal && eventFilterParam?.validator && !eventFilterParam?.validator(debouncedVal)) {
             setErrMsg(`Error occured on ${paramId}`);
             return;
         }
@@ -93,9 +93,9 @@ const RenderEventChildForm = ({
                 <DropdownMenu>
                     <DropdownMenuTrigger
                         disableIcon={true}
-                        className="mt-2 min-w-32 rounded border-none !p-0"
+                        className="mt-2 min-w-20 rounded border-none !p-0"
                     >
-                        <span className="flex w-full justify-between">
+                        <span className="flex w-full justify-end gap-4">
                             {transformLabelForOperators(localOperator)}
                             <ChevronDown size={24} />
                         </span>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
index 19f2fff8..f1e3b9a2 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
@@ -60,16 +60,16 @@ export const mapKeyValuePairToParamValue = (
 export function transformLabelForOperators(operator: string) {
     switch (operator) {
         case 'lt':
-            return 'Less Than';
+            return '<';
         case 'gt':
-            return 'Greater Than';
+            return '>';
         case 'gte':
-            return 'Great Than Or Equals To';
+            return '>=';
         case 'lte':
-            return 'Less Than Or Equals To';
+            return '<=';
         case 'eq':
-            return 'Equals';
+            return '==';
         default:
-            return capitalizeFirstLetter(operator);
+            return operator;
     }
 }
diff --git a/frontend/src/utils/cardano.ts b/frontend/src/utils/cardano.ts
index 2ca0fe0d..4210d0cf 100644
--- a/frontend/src/utils/cardano.ts
+++ b/frontend/src/utils/cardano.ts
@@ -38,20 +38,35 @@ export function bech32toHex(bechAddress: string) {
 
 type TxPropTypes = 'string' | 'array' | 'object' | 'number' | 'bigint';
 
-type TxOperators = 'in' | 'gt' | 'gte' | 'lt' | 'lte' | 'ne' | 'eq' | 'contains';
+type TxOperators =
+    | 'in'
+    | 'gt'
+    | 'gte'
+    | 'lt'
+    | 'lte'
+    | 'ne'
+    | 'eq'
+    | 'contains'
+    | 'exists';
 
 function getOperatorList(operators: TxOperators[], type: TxPropTypes) {
+    let localOperators: string[];
     switch (type) {
         case 'string':
-            return operators.filter((op) => ['contains', 'eq'].includes(op));
+            localOperators = operators.filter((op) => ['contains', 'eq'].includes(op));
+            break;
         case 'number':
         case 'bigint':
-            return operators.filter((op) =>
+            localOperators = operators.filter((op) =>
                 ['lt', 'gte', 'lte', 'gt', 'eq'].includes(op)
             );
+            break;
         default:
-            return operators;
+            localOperators = operators;
+            break;
     }
+    localOperators = [...localOperators, 'exists'];
+    return localOperators;
 }
 
 export function getNestedTxProperties(obj: ISchema) {
@@ -63,7 +78,7 @@ export function getNestedTxProperties(obj: ISchema) {
         : ['eq'];
 
     function recursiveFlatten(property: ISchema, parentId: any = []) {
-        const { id, type, properties, validator , operators} = property;
+        const { id, type, properties, validator, operators } = property;
         const newId: string[] = [...parentId, id];
         const newProp = {
             id: newId,
@@ -74,10 +89,10 @@ export function getNestedTxProperties(obj: ISchema) {
                 type as TxPropTypes
             ),
             validator
-        }
+        };
         if (properties && Array.isArray(properties)) {
-            if (operators){
-                result.push(newProp)
+            if (operators) {
+                result.push(newProp);
             }
             properties.forEach((child) => recursiveFlatten(child, newId));
         } else {
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 760816fe..ee2c3d49 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12350,10 +12350,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@^1.4.15-browser:
-  version "1.4.15-browser"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.15-browser.tgz#7149ee3a60dbb922475f4923ae9d96bb491685d1"
-  integrity sha512-2kV3t6DGPj8mCi+pfou2JaXnb5ZcGKPoILxynDXT079iKS1YB6RnffSDdtKvXpi5zNmq1sXIYNYuvHZIbDvqKg==
+libcardano@^1.4.16-browser:
+  version "1.4.16-browser"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.16-browser.tgz#5f88b3834458019063490cb0c0931c0371cea2d4"
+  integrity sha512-E4+bULOKzoG0RwbEhbXEN2UZBkkVBts4MPTbrPgrxrpMAlLIIF8lhYhnz+13jFdVE+re2DCqs9qYSJU+imr+OQ==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@noble/curves" "^1.6.0"

From 0222fd86913b8ff33c2f8daa763cbfcf58c02dc7 Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Tue, 31 Dec 2024 16:44:04 +0545
Subject: [PATCH 34/42] feat: Add support for auto fill of params for
 event-filter

---
 agent-node/src/executor/AgentFunctions.ts     |   7 ++
 agent-node/src/executor/AgentRunner.ts        |  31 +++--
 agent-node/src/executor/BaseFunction.ts       |   3 +-
 agent-node/src/executor/Executor.ts           |  21 +++-
 agent-node/src/functions/voteOnProposal.ts    |  18 +++
 agent-node/src/service/EventTriggerHandler.ts |  54 +++++---
 agent-node/src/service/RpcTopicHandler.ts     |   2 +-
 agent-node/src/types/eventTriger.ts           |   9 +-
 .../src/utils/event/eventFilterFormatter.ts   | 117 ++++++++++++++++++
 agent-node/src/utils/eventFilterFormatter.ts  |  58 ---------
 agent-node/src/utils/validator.ts             |   7 ++
 11 files changed, 231 insertions(+), 96 deletions(-)
 create mode 100644 agent-node/src/utils/event/eventFilterFormatter.ts
 delete mode 100644 agent-node/src/utils/eventFilterFormatter.ts

diff --git a/agent-node/src/executor/AgentFunctions.ts b/agent-node/src/executor/AgentFunctions.ts
index 468d7e5f..e0b32664 100644
--- a/agent-node/src/executor/AgentFunctions.ts
+++ b/agent-node/src/executor/AgentFunctions.ts
@@ -7,6 +7,7 @@ export interface FunctionHolder {
 export interface FunctionGroup {
     functions: FunctionHolder
     builtins: FunctionHolder
+    filters: FunctionHolder
 }
 // Helper function to require modules with extensions automatically
 function requireModule(filePath: string) {
@@ -27,6 +28,7 @@ function requireModule(filePath: string) {
 function loadHandlersSync(directory: string): FunctionGroup {
     const handlers: FunctionHolder = {}
     const builtins: FunctionHolder = {}
+    const filters: FunctionHolder = {}
 
     // Get the list of files in the directory
     const files = fs.readdirSync(directory)
@@ -44,12 +46,16 @@ function loadHandlersSync(directory: string): FunctionGroup {
                 const module: any = requireModule(filePath)
                 // Check if the module exports a `handler` function
                 const handler = module.handler || module.default
+                const filter = module.filter
                 if (typeof handler === 'function') {
                     handlers[baseFileName] = handler
                 }
                 if (module.builtin || handler.name == 'builtin') {
                     builtins[baseFileName] = module.builtin || module.default
                 }
+                if (filter && typeof filter == "function"){
+                    filters[baseFileName] = filter
+                }
             } catch (error) {
                 console.error(
                     `Failed to load handler from file ${filePath}:`,
@@ -62,6 +68,7 @@ function loadHandlersSync(directory: string): FunctionGroup {
     return {
         functions: handlers,
         builtins: builtins,
+        filters: filters
     }
 }
 
diff --git a/agent-node/src/executor/AgentRunner.ts b/agent-node/src/executor/AgentRunner.ts
index cce292ff..33a83b13 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -12,6 +12,7 @@ import { EventContext } from './BaseFunction'
 export class AgentRunner {
     executor: Executor
     managerInterface: ManagerInterface
+
     constructor(managerInterface: ManagerInterface, txListener: TxListener) {
         this.managerInterface = managerInterface
         this.executor = new Executor(null, managerInterface, txListener)
@@ -28,7 +29,8 @@ export class AgentRunner {
         })
     }
 
-    invokeFunctionWithEventContext(
+    async invokeFunctionWithEventContext(
+        eventFilterContext: any,
         context: EventContext,
         triggerType: TriggerType,
         instanceIndex: number,
@@ -37,17 +39,24 @@ export class AgentRunner {
     ) {
         const eventContext = {
             event: context,
+            filter: eventFilterContext,
+        }
+        const params = await this.executor
+            .filterFunctionParams(method, eventContext)
+            .catch((err) => console.error('Function Invocation Error: ', err))
+
+        if (params) {
+            this.executor
+                .invokeFunctionWithContext(eventContext, method, ...params)
+                .then((result) => {
+                    saveTxLog(
+                        result,
+                        this.managerInterface,
+                        triggerType,
+                        instanceIndex
+                    )
+                })
         }
-        this.executor
-            .invokeFunctionWithContext(eventContext, method, ...args)
-            .then((result) => {
-                saveTxLog(
-                    result,
-                    this.managerInterface,
-                    triggerType,
-                    instanceIndex
-                )
-            })
     }
 
     async remakeContext(index: number) {
diff --git a/agent-node/src/executor/BaseFunction.ts b/agent-node/src/executor/BaseFunction.ts
index 2b4da7c9..687d7f4a 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -90,7 +90,8 @@ export interface FunctionContext {
     builtins: Builtins
     agentName: string
     helpers: Helpers,
-    event ?: EventContext
+    event ?: EventContext,
+    filter?: any
 }
 
 // Create a restricted execution environment
diff --git a/agent-node/src/executor/Executor.ts b/agent-node/src/executor/Executor.ts
index 023553e3..8b8f641c 100644
--- a/agent-node/src/executor/Executor.ts
+++ b/agent-node/src/executor/Executor.ts
@@ -1,12 +1,7 @@
 import { AgentWalletDetails } from '../types/types'
 import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { FunctionGroup, getHandlers } from './AgentFunctions'
-import {
-    Builtins,
-    FunctionContext,
-    Key,
-    Wallet,
-} from './BaseFunction'
+import { Builtins, FunctionContext, Key, Wallet } from './BaseFunction'
 import { TxListener } from './TxListener'
 import { generateProposalMetadataContent } from '../utils/metadataContent/proposalMetadataContent'
 import { generateRegisterDrepMetadataContent } from '../utils/metadataContent/drepMetadataContent'
@@ -297,6 +292,20 @@ export class Executor {
         return await this.invokeFunctionWithContext({}, name, ...args)
     }
 
+    filterFunctionParams(name: string, context: any): Promise<any> {
+        const f: any | undefined = this.functions.filters[name]
+        if (f === undefined) {
+            return Promise.reject(new Error('Filter not defined'))
+        }
+        const newContext = { ...this.functionContext, ...context }
+        try {
+            const result: any = f(newContext)
+            return Promise.resolve(result)
+        } catch (err) {
+            return Promise.reject(err)
+        }
+    }
+
     invokeFunctionWithContext(
         context: any,
         name: string,
diff --git a/agent-node/src/functions/voteOnProposal.ts b/agent-node/src/functions/voteOnProposal.ts
index 204b9e4b..1f5eb3f4 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -21,6 +21,7 @@ export default async function handler(
             anchor: anchorData,
         },
     }
+
     return await context.wallet
         .buildAndSubmit(req, true)
         .then((v) => v)
@@ -38,3 +39,20 @@ export default async function handler(
             }
         })
 }
+
+export function filter(context: FunctionContext) {
+    if (!context.filter || !context.event) return null
+    const tx = context.event.tx
+    try {
+        const filters = context.filter['proposalProcedures']
+        const matchedFilterIndexes = filters.map((i: any) => !!i.matchedIndex)
+        return matchedFilterIndexes.length
+            ? matchedFilterIndexes.map((p: any, index: number) => ({
+                  name: 'proposalId',
+                  value: `${tx.hash.toString('hex')}#${index}`,
+              }))
+            : null
+    } catch (err) {
+        return null
+    }
+}
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 361fbf77..f7843a3a 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -9,6 +9,7 @@ import {
     IFilterNode,
 } from '../types/eventTriger'
 import { DecodedBlock } from '../executor/TxListener'
+import {reconstructTxFromPaths} from "../utils/event/eventFilterFormatter";
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
@@ -43,6 +44,7 @@ export class EventTriggerHandler {
         agentRunners?: AgentRunner[]
     ) {
         let result
+        const matchedTxPath: any = []
         try {
             console.log(
                 'Tx:',
@@ -55,7 +57,8 @@ export class EventTriggerHandler {
             result = this.solveNode(
                 { tx: tx.body, transaction: tx.body },
                 eventBasedAction.eventTrigger,
-                []
+                [],
+                matchedTxPath
             )
             console.log('tx=', tx.hash.toString('hex'), 'solution=', result)
         } catch (e) {
@@ -63,14 +66,14 @@ export class EventTriggerHandler {
             return
         }
 
+        const matchedEventContext = reconstructTxFromPaths(
+            { tx: tx.body },
+            matchedTxPath
+        )
+
         const { function_name, parameters } =
             eventBasedAction.triggeringFunction
         if (result && agentRunners) {
-            tx.body.outputs.map((o, index) => {
-                console.log(
-                    'output_address_' + index + ' ' + o.address.toBech32()
-                )
-            })
             const eventContext = {
                 tx,
                 block,
@@ -78,6 +81,7 @@ export class EventTriggerHandler {
             }
             agentRunners.forEach((runner, index) => {
                 runner.invokeFunctionWithEventContext(
+                    matchedEventContext,
                     eventContext,
                     'EVENT',
                     index,
@@ -91,13 +95,15 @@ export class EventTriggerHandler {
     solveNode(
         targetObject: any,
         filterNode: IFilterNode,
-        parentNodes: string[]
+        parentNodes: string[],
+        matchedTxPath: any
     ) {
         return this.solveNodeInternal(
             targetObject,
             filterNode,
             filterNode.id,
-            parentNodes
+            parentNodes,
+            matchedTxPath
         )
     }
 
@@ -105,7 +111,8 @@ export class EventTriggerHandler {
         targetObject: any,
         filterNode: IFilterNode,
         nodes: string[] | string | undefined,
-        parent_nodes: string[]
+        parent_nodes: string[],
+        matchedTxPath: any
     ): boolean {
         if (nodes === undefined || nodes.length == 0) {
             const result =
@@ -113,12 +120,14 @@ export class EventTriggerHandler {
                     ? this.solveBooleanNode(
                           targetObject,
                           filterNode,
-                          parent_nodes
+                          parent_nodes,
+                          matchedTxPath
                       )
                     : this.solveFieldNode(
                           targetObject,
                           filterNode,
-                          parent_nodes
+                          parent_nodes,
+                          matchedTxPath
                       )
             return filterNode.negate ? !result : result
         } else if (typeof nodes === 'string') {
@@ -150,7 +159,8 @@ export class EventTriggerHandler {
                     node,
                     filterNode,
                     subArray,
-                    parent_nodes
+                    parent_nodes,
+                    matchedTxPath
                 )
                 console.log(parent_nodes.join('.'), ': result=', result)
                 return result
@@ -161,7 +171,8 @@ export class EventTriggerHandler {
                 propertyValue,
                 filterNode,
                 subArray,
-                parent_nodes
+                parent_nodes,
+                matchedTxPath
             )
         }
         parent_nodes.pop()
@@ -171,7 +182,8 @@ export class EventTriggerHandler {
     solveBooleanNode(
         targetObject: any,
         filterNode: IBooleanNode,
-        parent_nodes: string[] = []
+        parent_nodes: string[] = [],
+        matchedTxPath: any
     ): boolean {
         const orOperator = (a: boolean, b: boolean) => a || b
         let operator = orOperator
@@ -185,7 +197,8 @@ export class EventTriggerHandler {
                     targetObject,
                     node,
                     node.id,
-                    parent_nodes
+                    parent_nodes,
+                    matchedTxPath
                 )
             )
         }, operator !== orOperator)
@@ -203,17 +216,24 @@ export class EventTriggerHandler {
     solveFieldNode(
         targetObject: any,
         filterNode: IFieldNode,
-        parent_nodes: string[]
+        parent_nodes: string[],
+        matchedTxPath: any
     ): boolean {
-        return compareValue(
+        const result = compareValue(
             filterNode.operator,
             filterNode.value,
             targetObject,
             parent_nodes
         )
+        if (result) {
+            const matchKey = parent_nodes.join('.') || 'root'
+            matchedTxPath.push(matchKey)
+        }
+        return result
     }
 
     addEventActions(actions: IEventBasedAction[]) {
         this.eventBasedActions = actions
     }
 }
+
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index df3bdb17..b5776acd 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -7,7 +7,7 @@ import { checkIfAgentWithEventTriggerTypeExists } from '../utils/agent'
 import { ScheduledTask } from 'node-cron'
 import { AgentRunner } from '../executor/AgentRunner'
 import { EventTriggerHandler } from './EventTriggerHandler'
-import { formatEventFilter } from '../utils/eventFilterFormatter'
+import { formatEventFilter } from '../utils/event/eventFilterFormatter'
 
 export class RpcTopicHandler {
     managerInterface: ManagerInterface
diff --git a/agent-node/src/types/eventTriger.ts b/agent-node/src/types/eventTriger.ts
index 7ad8d6e8..26ceda27 100644
--- a/agent-node/src/types/eventTriger.ts
+++ b/agent-node/src/types/eventTriger.ts
@@ -1,7 +1,12 @@
 import { Action } from '../service/triggerService'
 
 export type BooleanOperator = 'AND' | 'OR'
-export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in' | 'exists'
+export type ComparisonOperator =
+    | 'equals'
+    | 'greaterThan'
+    | 'lessThan'
+    | 'in'
+    | 'exists'
 
 export interface IEventBasedAction {
     eventTrigger: IBooleanNode | IFieldNode
@@ -16,7 +21,7 @@ export interface IFieldNode {
 }
 
 export interface IBooleanNode {
-    id?:string|string[]
+    id?: string | string[]
     children: IFilterNode[]
     negate: boolean
     operator: BooleanOperator
diff --git a/agent-node/src/utils/event/eventFilterFormatter.ts b/agent-node/src/utils/event/eventFilterFormatter.ts
new file mode 100644
index 00000000..eb014a63
--- /dev/null
+++ b/agent-node/src/utils/event/eventFilterFormatter.ts
@@ -0,0 +1,117 @@
+import {IBooleanNode, IEventBasedAction} from '../../types/eventTriger'
+import {customReplacer} from "../validator";
+
+function flattenIds(obj: any) {
+    const ids: any = []
+
+    function flattenChildren(node: any) {
+        if (node.id) {
+            ids.push(node.id) // Push id to ids array
+        }
+
+        if (Array.isArray(node.children)) {
+            let flatChildren: any = []
+            for (const child of node.children) {
+                if (child.children) {
+                    flatChildren = flatChildren.concat(flattenChildren(child))
+                } else {
+                    flatChildren.push(child)
+                }
+            }
+            return flatChildren
+        }
+        return []
+    }
+
+    const flatChildren = flattenChildren(obj)
+
+    return {
+        id: ids,
+        children: flatChildren,
+        negate: obj.negate,
+        operator: obj.operator,
+    }
+}
+
+function flattenFilterChildWithParentId(data: IBooleanNode){
+    data.children = data.children.map((child)=>{
+        if ("children" in child && child.children.length ===1 && child.children[0].id === child.id){
+            return child.children[0]
+        }
+        return child
+    })
+    return data
+}
+
+export function formatEventFilter(data: IEventBasedAction[]) {
+    return data.map((item) => {
+        return {
+            ...item,
+            eventTrigger: {
+                ...('children' in item.eventTrigger
+                    ? item.eventTrigger.children.length == 1
+                        ? flattenIds(flattenFilterChildWithParentId(item.eventTrigger))
+                        : flattenFilterChildWithParentId(item.eventTrigger)
+                    : item.eventTrigger),
+            },
+        }
+    })
+}
+
+export function reconstructTxFromPaths(tx: any, matchingPaths: any) {
+    const newTx: any = {}
+
+    matchingPaths.forEach((path: any) => {
+        const keys = path.split('.')
+        let source = tx
+        const target = newTx
+
+        keys.forEach((key: any, index: number) => {
+            const isLastKey = index === keys.length - 1
+            const arrayMatch = key.match(/^(\d+)$/) // Check if it's an array index
+
+            if (arrayMatch) {
+                // Handle array index
+                const arrayIndex = parseInt(keys[index]) // Previous key is the array name
+                const targetArrayId = keys[index - 1]
+
+                if (!Array.isArray(target[targetArrayId])) {
+                    target[targetArrayId] = []
+                }
+
+                source = source[arrayIndex]
+                target[targetArrayId] = [
+                    ...target[targetArrayId].filter(
+                        (o: any) => !!o.matchedIndex
+                    ),
+                    { ...source, matchedIndex: arrayIndex },
+                ]
+            } else {
+                // Regular key handling
+                if (isLastKey) {
+                    if (
+                        typeof source[key] === 'object' &&
+                        source[key] !== null
+                    ) {
+                        target[key] = JSON.parse(
+                            JSON.stringify(source[key], customReplacer, 2)
+                        ) // Deep copy
+                    } else {
+                        target[key] = source[key]
+                    }
+                } else {
+                    if (!source[key]) {
+                        source = source[key + 's']
+                    } else {
+                        source = source[key]
+                    }
+                    target[key] = source
+                }
+            }
+        })
+    })
+
+    return newTx
+}
+
+
diff --git a/agent-node/src/utils/eventFilterFormatter.ts b/agent-node/src/utils/eventFilterFormatter.ts
deleted file mode 100644
index ddf9b113..00000000
--- a/agent-node/src/utils/eventFilterFormatter.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import {IBooleanNode, IEventBasedAction} from '../types/eventTriger'
-
-function flattenIds(obj: any) {
-    const ids: any = []
-
-    function flattenChildren(node: any) {
-        if (node.id) {
-            ids.push(node.id) // Push id to ids array
-        }
-
-        if (Array.isArray(node.children)) {
-            let flatChildren: any = []
-            for (const child of node.children) {
-                if (child.children) {
-                    flatChildren = flatChildren.concat(flattenChildren(child))
-                } else {
-                    flatChildren.push(child)
-                }
-            }
-            return flatChildren
-        }
-        return []
-    }
-
-    const flatChildren = flattenChildren(obj)
-
-    return {
-        id: ids,
-        children: flatChildren,
-        negate: obj.negate,
-        operator: obj.operator,
-    }
-}
-
-function flattenFilterChildWithParentId(data: IBooleanNode){
-    data.children = data.children.map((child)=>{
-        if ("children" in child && child.children.length ===1 && child.children[0].id === child.id){
-            return child.children[0]
-        }
-        return child
-    })
-    return data
-}
-
-export function formatEventFilter(data: IEventBasedAction[]) {
-    return data.map((item) => {
-        return {
-            ...item,
-            eventTrigger: {
-                ...('children' in item.eventTrigger
-                    ? item.eventTrigger.children.length == 1
-                        ? flattenIds(flattenFilterChildWithParentId(item.eventTrigger))
-                        : flattenFilterChildWithParentId(item.eventTrigger)
-                    : item.eventTrigger),
-            },
-        }
-    })
-}
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 9d4d628d..7f40ab55 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -61,3 +61,10 @@ export function compareValue(
         )
     return result
 }
+
+export function customReplacer(key: any, value: any) {
+    if (typeof value === 'bigint') {
+        return value.toString() // Convert BigInt to string
+    }
+    return value // Return the value unchanged for other types
+}

From cc44d92329249e2cb4b1cb41b781383d800c7cfa Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Thu, 2 Jan 2025 11:56:06 +0545
Subject: [PATCH 35/42] feat: Add kafka health check in manager

---
 agent-manager/src/controller/health.ts        | 16 +++++++++
 agent-manager/src/index.ts                    |  6 +++-
 .../service/Listeners/KafkaMessageConsumer.ts |  4 +--
 .../src/service/healthCheck/kafka.ts          | 34 +++++++++++++++++++
 agent-manager/src/utils/asyncWrapper.ts       | 15 ++++++++
 5 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 agent-manager/src/controller/health.ts
 create mode 100644 agent-manager/src/service/healthCheck/kafka.ts
 create mode 100644 agent-manager/src/utils/asyncWrapper.ts

diff --git a/agent-manager/src/controller/health.ts b/agent-manager/src/controller/health.ts
new file mode 100644
index 00000000..2d69e5f0
--- /dev/null
+++ b/agent-manager/src/controller/health.ts
@@ -0,0 +1,16 @@
+import { Router, Request, Response } from 'express'
+import { handlerWrapper } from '../utils/asyncWrapper'
+import { checkKafkaStatus } from '../service/healthCheck/kafka'
+
+const router = Router()
+
+function healthCheck(req: Request, res: Response) {
+    checkKafkaStatus()
+        .then((a) => console.log('Success : ', a))
+        .catch((err) => console.log('Error: ', err))
+    return res.status(200).send({ Msg: 'OK ' })
+}
+
+router.get('/', handlerWrapper(healthCheck))
+
+export default router
diff --git a/agent-manager/src/index.ts b/agent-manager/src/index.ts
index e012d45c..d16b59e8 100644
--- a/agent-manager/src/index.ts
+++ b/agent-manager/src/index.ts
@@ -6,11 +6,14 @@ import { createBlockchainInstance } from './service/Listeners/BlockchainService'
 import { ManagerWalletService } from './service/Manager/ManagerWallet'
 import { TxListener } from './service/Listeners/TxListener'
 import { parseRawBlockBody } from 'libcardano/cardano/ledger-serialization/transaction'
-import environments from "./config/environments";
+import environments from './config/environments'
+import healthCheck from './controller/health'
 
 const app = express()
 const port = environments.serverPort
 
+app.use('/health', healthCheck)
+
 const server = app.listen(port, async () => {
     console.log(`Server is running on http://localhost:${port}`)
 
@@ -35,6 +38,7 @@ const server = app.listen(port, async () => {
     })
     await initKafkaConsumers(manager)
 })
+
 server.on('error', (e) => {
     console.error('Server error:', e)
     process.exit(1)
diff --git a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
index e16b8a57..6a860131 100644
--- a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
+++ b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
@@ -7,14 +7,14 @@ import environments from '../../config/environments'
 const config = environments.kafka
 const configTopic = `${config.topicPrefix || config.prefix || 'agent'}-updates`
 const triggerTopic = `${config.topicPrefix || config.prefix || 'agent'}-triggers`
-const topicList = [configTopic, triggerTopic]
+export const topicList = [configTopic, triggerTopic]
 const brokers = config.brokers
     .split(',')
     .map((x) => x.trim())
     .filter((x) => x && x.length > 0)
 const groupId = config.consumerGroup || `${config.prefix || 'agent'}-manager`
 
-const kafka = new Kafka({
+export const kafka = new Kafka({
     clientId: config.clientId ? config.clientId : `${config.prefix || 'agent'}-manager`,
     brokers, // Update with your Kafka broker address
 })
diff --git a/agent-manager/src/service/healthCheck/kafka.ts b/agent-manager/src/service/healthCheck/kafka.ts
new file mode 100644
index 00000000..f0e65508
--- /dev/null
+++ b/agent-manager/src/service/healthCheck/kafka.ts
@@ -0,0 +1,34 @@
+import { kafka, topicList } from '../Listeners/KafkaMessageConsumer'
+
+export async function checkKafkaStatus() {
+    const admin = kafka.admin()
+    try {
+        // Connect to Kafka
+        await admin.connect()
+
+        // Fetch metadata
+        const metadata = await admin.fetchTopicMetadata({ topics: [] })
+        console.log('Metadata:', metadata)
+
+        const clusterInfo = await admin.describeCluster()
+        console.log('ClusterInfo : ', clusterInfo)
+
+        // Optionally check for specific topics
+        const missingTopics = topicList.filter((topic) => !metadata.topics.find((t: any) => t.name === topic))
+
+        if (missingTopics.length > 0) {
+            console.error('Missing topics:', missingTopics)
+            return { status: 'error', message: `Missing topics: ${missingTopics.join(', ')}` }
+        }
+
+        return { status: 'ok', message: 'Kafka is in sync and working.' }
+    } catch (error: any) {
+        console.error('Error connecting to Kafka:', error)
+        return { status: 'error', message: `Error: ${error.message}` }
+    } finally {
+        await admin.disconnect()
+    }
+}
+
+// Example usage
+checkKafkaStatus().then((status) => console.log('Kafka Status:', status))
diff --git a/agent-manager/src/utils/asyncWrapper.ts b/agent-manager/src/utils/asyncWrapper.ts
new file mode 100644
index 00000000..2d271c62
--- /dev/null
+++ b/agent-manager/src/utils/asyncWrapper.ts
@@ -0,0 +1,15 @@
+import {NextFunction, Request, Response} from "express";
+
+export const handlerWrapper = (fn: any) => (req: Request, res: Response, next: NextFunction) => {
+    try {
+        const result = fn(req, res, next)
+        if (result instanceof Promise) {
+            result.catch((e) => {
+                next(e)
+            })
+        }
+    } catch (error) {
+        // Handle sync errors
+        next(error)
+    }
+}
\ No newline at end of file

From 34cdd4624eb95f0c583f33693b366b60a2cfdb4d Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Thu, 2 Jan 2025 15:23:29 +0545
Subject: [PATCH 36/42] feat: Add health endpoint for different services

---
 agent-manager/src/config/environments.ts      |  4 +-
 .../src/controller/blockfrostHealth.ts        | 20 +++++++
 agent-manager/src/controller/health.ts        | 26 +++++++--
 agent-manager/src/index.ts                    |  4 ++
 .../service/Listeners/KafkaMessageConsumer.ts | 13 ++++-
 .../src/service/Manager/AgentManagerRPC.ts    | 22 ++++----
 .../src/service/Manager/ManagerService.ts     |  2 +-
 .../src/service/Manager/ManagerWallet.ts      |  4 +-
 agent-manager/src/service/RPCTopicHandler.ts  | 22 ++++----
 .../TxBuildAndSubmit/BlockFrostService.ts     | 54 ++++++++-----------
 .../service/TxBuildAndSubmit/KuberService.ts  |  4 +-
 .../TxBuildAndSubmitBaseClass.ts              |  6 +--
 .../TxBuildAndSubmit/TxSubmitterService.ts    | 11 ++--
 .../src/service/healthCheck/cardanoNode.ts    | 27 ++++++++++
 .../src/service/healthCheck/kafka.ts          | 41 ++++++--------
 agent-manager/src/utils/asyncWrapper.ts       |  4 +-
 agent-node/src/executor/AgentFunctions.ts     |  4 +-
 agent-node/src/executor/BaseFunction.ts       | 14 ++---
 agent-node/src/functions/transferADA.ts       |  2 -
 .../src/functions/treasuryWithdrawal.ts       |  2 +-
 agent-node/src/service/EventTriggerHandler.ts |  3 +-
 agent-node/src/service/RpcTopicHandler.ts     |  5 +-
 agent-node/src/utils/agent.ts                 |  2 +-
 agent-node/src/utils/cardano.ts               |  2 +-
 .../src/utils/event/eventFilterFormatter.ts   | 20 ++++---
 agent-node/src/utils/operatorSupport.ts       | 13 +++--
 api/backend/app/models/trigger/trigger_dto.py |  3 +-
 frontend/src/api/healthStatus/route.ts        |  0
 frontend/src/app/(pages)/health/route.ts      |  7 +++
 .../components/FunctionForm.tsx               | 10 +++-
 .../components/event/CustomEditor.tsx         |  2 +-
 .../components/event/EventTabRenderer.tsx     | 32 ++++++-----
 .../components/event/RenderEventChildForm.tsx |  6 ++-
 .../components/utils/MapperHelper.ts          |  1 -
 .../create-template/components/utils/array.ts |  4 +-
 .../templates/create-template/page.tsx        |  2 -
 .../Agent/AgentContent/Functions.tsx          |  2 -
 .../Agent/AgentContent/FunctionsContainer.tsx |  3 --
 .../components/molecules/CustomCombobox.tsx   | 10 ++--
 frontend/tailwind.config.ts                   |  2 +-
 40 files changed, 244 insertions(+), 171 deletions(-)
 create mode 100644 agent-manager/src/controller/blockfrostHealth.ts
 create mode 100644 agent-manager/src/service/healthCheck/cardanoNode.ts
 create mode 100644 frontend/src/api/healthStatus/route.ts
 create mode 100644 frontend/src/app/(pages)/health/route.ts

diff --git a/agent-manager/src/config/environments.ts b/agent-manager/src/config/environments.ts
index a5d99f94..eb3f0bc3 100644
--- a/agent-manager/src/config/environments.ts
+++ b/agent-manager/src/config/environments.ts
@@ -1,8 +1,8 @@
 const environments = {
     kuberApiKey: process.env.KUBER_API_KEY || '',
     kuberBaseUrl: process.env.KUBER_BASE_URL || 'https://sanchonet.kuber.cardanoapi.io/',
-    blockFrostApiKey: process.env.BLOCKFROST_API_KEY||'',
-    enableBlockFrostSubmitApi: process.env.ENABLE_BLOCKFROST_SUBMIT_API?.toLowerCase() === 'true' ,
+    blockFrostApiKey: process.env.BLOCKFROST_API_KEY || '',
+    enableBlockFrostSubmitApi: process.env.ENABLE_BLOCKFROST_SUBMIT_API?.toLowerCase() === 'true',
     managerWalletAddress: process.env.MANAGER_WALLET_ADDRESS || '',
     managerWalletSigningKey: process.env.MANAGER_WALLET_SIGNING_KEY || '',
     agentMnemonic: process.env.AGENT_MNEMONIC || '',
diff --git a/agent-manager/src/controller/blockfrostHealth.ts b/agent-manager/src/controller/blockfrostHealth.ts
new file mode 100644
index 00000000..9191bbf3
--- /dev/null
+++ b/agent-manager/src/controller/blockfrostHealth.ts
@@ -0,0 +1,20 @@
+import { Router, Request, Response } from 'express'
+import { handlerWrapper } from '../utils/asyncWrapper'
+import environments from '../config/environments'
+
+const router = Router()
+
+async function blockfrostHealthCheck(req: Request, res: Response) {
+    const url = `https://cardano-${environments.networkName}.blockfrost.io/api/v0/health`
+    const response = await fetch(url, {
+        method: 'GET',
+        headers: {
+            project_id: environments.blockFrostApiKey,
+        },
+    })
+    return res.status(response.status).send(await response.json())
+}
+
+router.get('/', handlerWrapper(blockfrostHealthCheck))
+
+export default router
diff --git a/agent-manager/src/controller/health.ts b/agent-manager/src/controller/health.ts
index 2d69e5f0..dd6abc45 100644
--- a/agent-manager/src/controller/health.ts
+++ b/agent-manager/src/controller/health.ts
@@ -1,14 +1,30 @@
 import { Router, Request, Response } from 'express'
 import { handlerWrapper } from '../utils/asyncWrapper'
 import { checkKafkaStatus } from '../service/healthCheck/kafka'
+import { cardanoNodeStatus } from '../service/healthCheck/cardanoNode'
 
 const router = Router()
 
-function healthCheck(req: Request, res: Response) {
-    checkKafkaStatus()
-        .then((a) => console.log('Success : ', a))
-        .catch((err) => console.log('Error: ', err))
-    return res.status(200).send({ Msg: 'OK ' })
+async function healthCheck(req: Request, res: Response) {
+    try {
+        const isKafkaHealthy = await checkKafkaStatus()
+        const nodeStatus = cardanoNodeStatus.checkStatus()
+        return res.status(isKafkaHealthy && nodeStatus.isHealthy ? 200 : 503).send({
+            isHealthy: isKafkaHealthy && nodeStatus.isHealthy,
+            details: {
+                kafka: {
+                    isHealthy: isKafkaHealthy,
+                },
+                cardanoNode: {
+                    isHealthy: nodeStatus.isHealthy,
+                    secsSinceLastBlock: cardanoNodeStatus.lastTimeStamp,
+                    lastBlock: nodeStatus.block,
+                },
+            },
+        })
+    } catch (err: any) {
+        return res.status(500).send(err.message ? err.message : err)
+    }
 }
 
 router.get('/', handlerWrapper(healthCheck))
diff --git a/agent-manager/src/index.ts b/agent-manager/src/index.ts
index d16b59e8..91494019 100644
--- a/agent-manager/src/index.ts
+++ b/agent-manager/src/index.ts
@@ -8,11 +8,14 @@ import { TxListener } from './service/Listeners/TxListener'
 import { parseRawBlockBody } from 'libcardano/cardano/ledger-serialization/transaction'
 import environments from './config/environments'
 import healthCheck from './controller/health'
+import { cardanoNodeStatus } from './service/healthCheck/cardanoNode'
+import blockfrostHealth from './controller/blockfrostHealth'
 
 const app = express()
 const port = environments.serverPort
 
 app.use('/health', healthCheck)
+app.use('/blockfrost/health', blockfrostHealth)
 
 const server = app.listen(port, async () => {
     console.log(`Server is running on http://localhost:${port}`)
@@ -29,6 +32,7 @@ const server = app.listen(port, async () => {
 
     blockchain.start()
     blockchain.blockChain.on('extendBlock', (block) => {
+        cardanoNodeStatus.onBlockTimeStamp(Date.now(), block)
         console.log(
             `[Blockchain] RollForward blockNo=${block.blockNo} hash=${block.headerHash.toString('hex')} slot=${block.slotNo}`
         )
diff --git a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
index 6a860131..481beab7 100644
--- a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
+++ b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
@@ -14,12 +14,14 @@ const brokers = config.brokers
     .filter((x) => x && x.length > 0)
 const groupId = config.consumerGroup || `${config.prefix || 'agent'}-manager`
 
-export const kafka = new Kafka({
+const kafka = new Kafka({
     clientId: config.clientId ? config.clientId : `${config.prefix || 'agent'}-manager`,
     brokers, // Update with your Kafka broker address
 })
 
-const consumer = kafka.consumer({ groupId })
+export const consumer = kafka.consumer({
+    groupId,
+})
 
 export async function initKafkaConsumers(manager: AgentManagerRPC) {
     console.log('[Kafka]', `brokers:${brokers}, groupId:${groupId}, topics:${topicList}`)
@@ -74,3 +76,10 @@ export async function initKafkaConsumers(manager: AgentManagerRPC) {
         },
     })
 }
+
+const { HEARTBEAT } = consumer.events
+let lastHeartbeat: number = 0
+consumer.on(HEARTBEAT, ({ timestamp }) => {
+    lastHeartbeat = timestamp
+})
+export const fetchConsumerLatestHeartbeat = () => lastHeartbeat
diff --git a/agent-manager/src/service/Manager/AgentManagerRPC.ts b/agent-manager/src/service/Manager/AgentManagerRPC.ts
index 3d4a532c..1c4d0928 100644
--- a/agent-manager/src/service/Manager/AgentManagerRPC.ts
+++ b/agent-manager/src/service/Manager/AgentManagerRPC.ts
@@ -1,16 +1,16 @@
-import {IncomingMessage} from 'http'
+import { IncomingMessage } from 'http'
 import {
     fetchAgentConfiguration,
     getAgentIdBySecret,
     updateLastActiveTimestamp,
 } from '../../repository/agent_manager_repository'
-import {WsRpcServer} from '../../lib/WsRpcServer'
-import {RpcV1} from 'libcardano/network/Rpc'
-import {TriggerType} from '../../repository/trigger_history_repository'
-import {ManagerWalletService} from './ManagerWallet'
-import {Server} from 'ws'
-import {generateRootKey} from '../../utils/cardano'
-import {RPCTopicHandler} from "../RPCTopicHandler";
+import { WsRpcServer } from '../../lib/WsRpcServer'
+import { RpcV1 } from 'libcardano/network/Rpc'
+import { TriggerType } from '../../repository/trigger_history_repository'
+import { ManagerWalletService } from './ManagerWallet'
+import { Server } from 'ws'
+import { generateRootKey } from '../../utils/cardano'
+import { RPCTopicHandler } from '../RPCTopicHandler'
 
 export interface ILog {
     function_name: string
@@ -74,9 +74,9 @@ export class AgentManagerRPC extends WsRpcServer {
                     return
                 }
 
-                const {instanceCount, agentIndex, agentName} = config
+                const { instanceCount, agentIndex, agentName } = config
                 const rootKeyBuffer = await generateRootKey(agentIndex || 0)
-                client.emit('instance_count', {instanceCount, rootKeyBuffer, agentName})
+                client.emit('instance_count', { instanceCount, rootKeyBuffer, agentName })
 
                 client.emit('initial_config', config)
             })
@@ -88,4 +88,4 @@ export class AgentManagerRPC extends WsRpcServer {
             this.disconnect(client.getId(), err.message)
         })
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/Manager/ManagerService.ts b/agent-manager/src/service/Manager/ManagerService.ts
index 521cbb6b..ac5a650a 100644
--- a/agent-manager/src/service/Manager/ManagerService.ts
+++ b/agent-manager/src/service/Manager/ManagerService.ts
@@ -25,4 +25,4 @@ export class ManagerService {
             console.log(`Agent with id ${agentId} does not exist.`)
         }
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/Manager/ManagerWallet.ts b/agent-manager/src/service/Manager/ManagerWallet.ts
index 3748937a..385b524e 100644
--- a/agent-manager/src/service/Manager/ManagerWallet.ts
+++ b/agent-manager/src/service/Manager/ManagerWallet.ts
@@ -1,7 +1,7 @@
 import getFaucetAdaForAddress, { faucetEnabled, fetchWalletBalance } from '../../utils/fuacet'
 import environments from '../../config/environments'
 import { TxListener } from '../Listeners/TxListener'
-import {txSubmitter} from "../TxBuildAndSubmit/TxSubmitterService";
+import { txSubmitter } from '../TxBuildAndSubmit/TxSubmitterService'
 
 export class ManagerWalletService {
     walletBalance: number = 0
@@ -96,4 +96,4 @@ export class ManagerWalletService {
         }
         this.isBusy = false
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/RPCTopicHandler.ts b/agent-manager/src/service/RPCTopicHandler.ts
index 29b8557d..25404dc0 100644
--- a/agent-manager/src/service/RPCTopicHandler.ts
+++ b/agent-manager/src/service/RPCTopicHandler.ts
@@ -1,10 +1,10 @@
-import {ManagerWalletService} from "./Manager/ManagerWallet";
-import {txSubmitter} from "./TxBuildAndSubmit/TxSubmitterService";
-import {kuber} from "./TxBuildAndSubmit/KuberService";
-import {saveTriggerHistory, updateAgentDrepRegistration} from "../repository/trigger_history_repository";
-import {ILog} from "./Manager/AgentManagerRPC";
-import {metaDataService} from "./MetadataService";
-import {dbSync} from "./DbSyncService";
+import { ManagerWalletService } from './Manager/ManagerWallet'
+import { txSubmitter } from './TxBuildAndSubmit/TxSubmitterService'
+import { kuber } from './TxBuildAndSubmit/KuberService'
+import { saveTriggerHistory, updateAgentDrepRegistration } from '../repository/trigger_history_repository'
+import { ILog } from './Manager/AgentManagerRPC'
+import { metaDataService } from './MetadataService'
+import { dbSync } from './DbSyncService'
 
 export class RPCTopicHandler {
     managerWallet
@@ -13,11 +13,7 @@ export class RPCTopicHandler {
         this.managerWallet = managerWallet
     }
 
-    handleEvent(
-        eventName: string,
-        connection_id: string,
-        args: any,
-    ) {
+    handleEvent(eventName: string, connection_id: string, args: any) {
         const handler = (this as any)[eventName]
         if (handler === undefined || eventName === 'constructor') {
             console.error('Unknown event type', eventName, 'received')
@@ -84,4 +80,4 @@ export class RPCTopicHandler {
                 throw err
             })
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/TxBuildAndSubmit/BlockFrostService.ts b/agent-manager/src/service/TxBuildAndSubmit/BlockFrostService.ts
index 7ae2a066..1952f6ce 100644
--- a/agent-manager/src/service/TxBuildAndSubmit/BlockFrostService.ts
+++ b/agent-manager/src/service/TxBuildAndSubmit/BlockFrostService.ts
@@ -1,61 +1,57 @@
-import environments from "../../config/environments";
-import {kuber} from "./KuberService";
-import {TxBuildAndSubmitBaseClass} from "./TxBuildAndSubmitBaseClass";
+import environments from '../../config/environments'
+import { kuber } from './KuberService'
+import { TxBuildAndSubmitBaseClass } from './TxBuildAndSubmitBaseClass'
 
 export class Blockfrost extends TxBuildAndSubmitBaseClass {
     constructor() {
-        super();
-        if (!environments.blockFrostApiKey ) {
+        super()
+        if (!environments.blockFrostApiKey) {
             throw new Error('BlockFrost API key not provided')
         }
     }
 
     async blockfrostSubmitTransaction(cborSignedTx: Buffer) {
-        const url = `https://cardano-${environments.networkName}.blockfrost.io/api/v0/tx/submit`;
+        const url = `https://cardano-${environments.networkName}.blockfrost.io/api/v0/tx/submit`
         const res = await fetch(url, {
-            method: "POST",
+            method: 'POST',
             headers: {
-                "Content-Type": "application/cbor",
+                'Content-Type': 'application/cbor',
                 project_id: environments.blockFrostApiKey,
             },
             body: cborSignedTx,
-        });
+        })
         if (res.status === 200) {
-            return res.json();
+            return res.json()
         } else {
             return res.text().then((txt) => {
-                let err: any;
-                let json: any;
+                let err: any
+                let json: any
                 try {
-                    json = JSON.parse(txt);
+                    json = JSON.parse(txt)
                     if (json) {
-                        err = Error(
-                            `BlockFrost [Status ${res.status}] : ${
-                                json.message ? json.message : txt
-                            }`
-                        );
+                        err = Error(`BlockFrost [Status ${res.status}] : ${json.message ? json.message : txt}`)
                     } else {
-                        err = Error(`BlockFrost [Status ${res.status}] : ${txt}`);
+                        err = Error(`BlockFrost [Status ${res.status}] : ${txt}`)
                     }
                 } catch (e) {
-                    err = Error(`BlockFrost [Status ${res.status}] : ${txt}`);
+                    err = Error(`BlockFrost [Status ${res.status}] : ${txt}`)
                 }
-                err.status = res.status;
-                throw err;
-            });
+                err.status = res.status
+                throw err
+            })
         }
     }
 
     async buildAndSubmitTx(txSpec: any) {
         try {
             const response = await kuber.buildTx(txSpec)
-            const cborSignedTx = Buffer.from(response.cborHex, "hex");
-            const hash = await this.blockfrostSubmitTransaction(cborSignedTx);
+            const cborSignedTx = Buffer.from(response.cborHex, 'hex')
+            const hash = await this.blockfrostSubmitTransaction(cborSignedTx)
             return {
                 hash: hash,
                 cborHex: response.cborHex,
-                Type: "Witnessed Tx ConwayEra",
-                Description: "Ledger Cddl Format"
+                Type: 'Witnessed Tx ConwayEra',
+                Description: 'Ledger Cddl Format',
             }
         } catch (err: any) {
             throw new Error('BlockFrostError: ' + err.message)
@@ -64,7 +60,3 @@ export class Blockfrost extends TxBuildAndSubmitBaseClass {
 }
 
 export type BlockFrostType = Blockfrost
-
-
-
-
diff --git a/agent-manager/src/service/TxBuildAndSubmit/KuberService.ts b/agent-manager/src/service/TxBuildAndSubmit/KuberService.ts
index a5ba14ab..0ff583c4 100644
--- a/agent-manager/src/service/TxBuildAndSubmit/KuberService.ts
+++ b/agent-manager/src/service/TxBuildAndSubmit/KuberService.ts
@@ -1,5 +1,5 @@
 import environments from '../../config/environments'
-import {TxBuildAndSubmitBaseClass} from "./TxBuildAndSubmitBaseClass";
+import { TxBuildAndSubmitBaseClass } from './TxBuildAndSubmitBaseClass'
 
 class Kuber extends TxBuildAndSubmitBaseClass {
     MAX_CONCURRENT_CALLS = 8
@@ -162,4 +162,4 @@ class Kuber extends TxBuildAndSubmitBaseClass {
 }
 
 export const kuber = new Kuber()
-export type KuberType = Kuber
\ No newline at end of file
+export type KuberType = Kuber
diff --git a/agent-manager/src/service/TxBuildAndSubmit/TxBuildAndSubmitBaseClass.ts b/agent-manager/src/service/TxBuildAndSubmit/TxBuildAndSubmitBaseClass.ts
index 37fe49f1..0dadb75d 100644
--- a/agent-manager/src/service/TxBuildAndSubmit/TxBuildAndSubmitBaseClass.ts
+++ b/agent-manager/src/service/TxBuildAndSubmit/TxBuildAndSubmitBaseClass.ts
@@ -1,5 +1,5 @@
-export class TxBuildAndSubmitBaseClass{
-    async buildAndSubmitTx(txSpec:any):Promise<any>{
+export class TxBuildAndSubmitBaseClass {
+    async buildAndSubmitTx(txSpec: any): Promise<any> {
         throw new Error(`Method buildAndSubmitTx with parameter ${txSpec} must be implemented`)
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/TxBuildAndSubmit/TxSubmitterService.ts b/agent-manager/src/service/TxBuildAndSubmit/TxSubmitterService.ts
index 03de46de..9e6c485d 100644
--- a/agent-manager/src/service/TxBuildAndSubmit/TxSubmitterService.ts
+++ b/agent-manager/src/service/TxBuildAndSubmit/TxSubmitterService.ts
@@ -1,23 +1,22 @@
-import {kuber, KuberType} from "./KuberService";
-import { Blockfrost, BlockFrostType} from "./BlockFrostService";
-import environments from "../../config/environments";
+import { kuber, KuberType } from './KuberService'
+import { Blockfrost, BlockFrostType } from './BlockFrostService'
+import environments from '../../config/environments'
 
 export type TxSubmitterType = 'Kuber' | 'Blockfrost'
 
 let txSubmitterService: TxSubmitterService
 
 function getTxSubmitter(txSubmitterType: TxSubmitterType) {
-    console.log('TxSubmitterType : ',txSubmitterType)
+    console.log('TxSubmitterType : ', txSubmitterType)
     switch (txSubmitterType) {
         case 'Kuber':
-            return kuber;
+            return kuber
         case 'Blockfrost':
             return new Blockfrost()
     }
 }
 
 export class TxSubmitterService {
-
     submitter: KuberType | BlockFrostType
 
     constructor(txSubmitterType: TxSubmitterType) {
diff --git a/agent-manager/src/service/healthCheck/cardanoNode.ts b/agent-manager/src/service/healthCheck/cardanoNode.ts
new file mode 100644
index 00000000..fbc50124
--- /dev/null
+++ b/agent-manager/src/service/healthCheck/cardanoNode.ts
@@ -0,0 +1,27 @@
+import { BlockEvent } from 'libcardano/types'
+
+interface IBlock {
+    blockNo: number
+    hash: string
+    slot: number
+}
+
+class CardanoNodeStatus {
+    lastTimeStamp: number = 0
+    block: IBlock | null = null
+
+    onBlockTimeStamp(timeStamp: number, block: BlockEvent) {
+        this.lastTimeStamp = timeStamp
+        this.block = {
+            hash: block.headerHash.toString('hex'),
+            blockNo: block.blockNo,
+            slot: block.slotNo,
+        }
+    }
+
+    checkStatus() {
+        return { isHealthy: Date.now() - this.lastTimeStamp < 6 * 60 * 1000, block: this.block }
+    }
+}
+
+export const cardanoNodeStatus = new CardanoNodeStatus()
diff --git a/agent-manager/src/service/healthCheck/kafka.ts b/agent-manager/src/service/healthCheck/kafka.ts
index f0e65508..6645f00a 100644
--- a/agent-manager/src/service/healthCheck/kafka.ts
+++ b/agent-manager/src/service/healthCheck/kafka.ts
@@ -1,34 +1,23 @@
-import { kafka, topicList } from '../Listeners/KafkaMessageConsumer'
+import { consumer, fetchConsumerLatestHeartbeat } from '../Listeners/KafkaMessageConsumer'
 
 export async function checkKafkaStatus() {
-    const admin = kafka.admin()
     try {
-        // Connect to Kafka
-        await admin.connect()
+        const lastHeartbeat = fetchConsumerLatestHeartbeat()
+        const isHealthy = async () => {
+            // so it is healthy
+            if (Date.now() - lastHeartbeat < 10000) {
+                return true
+            }
 
-        // Fetch metadata
-        const metadata = await admin.fetchTopicMetadata({ topics: [] })
-        console.log('Metadata:', metadata)
-
-        const clusterInfo = await admin.describeCluster()
-        console.log('ClusterInfo : ', clusterInfo)
-
-        // Optionally check for specific topics
-        const missingTopics = topicList.filter((topic) => !metadata.topics.find((t: any) => t.name === topic))
-
-        if (missingTopics.length > 0) {
-            console.error('Missing topics:', missingTopics)
-            return { status: 'error', message: `Missing topics: ${missingTopics.join(', ')}` }
+            try {
+                const { state } = await consumer.describeGroup()
+                return ['CompletingRebalance', 'PreparingRebalance'].includes(state)
+            } catch (err) {
+                return false
+            }
         }
-
-        return { status: 'ok', message: 'Kafka is in sync and working.' }
+        return isHealthy()
     } catch (error: any) {
-        console.error('Error connecting to Kafka:', error)
-        return { status: 'error', message: `Error: ${error.message}` }
-    } finally {
-        await admin.disconnect()
+        throw new Error('Error connecting to Kafka:', error.message ? error.message : error)
     }
 }
-
-// Example usage
-checkKafkaStatus().then((status) => console.log('Kafka Status:', status))
diff --git a/agent-manager/src/utils/asyncWrapper.ts b/agent-manager/src/utils/asyncWrapper.ts
index 2d271c62..2ad1feef 100644
--- a/agent-manager/src/utils/asyncWrapper.ts
+++ b/agent-manager/src/utils/asyncWrapper.ts
@@ -1,4 +1,4 @@
-import {NextFunction, Request, Response} from "express";
+import { NextFunction, Request, Response } from 'express'
 
 export const handlerWrapper = (fn: any) => (req: Request, res: Response, next: NextFunction) => {
     try {
@@ -12,4 +12,4 @@ export const handlerWrapper = (fn: any) => (req: Request, res: Response, next: N
         // Handle sync errors
         next(error)
     }
-}
\ No newline at end of file
+}
diff --git a/agent-node/src/executor/AgentFunctions.ts b/agent-node/src/executor/AgentFunctions.ts
index e0b32664..61c44e4e 100644
--- a/agent-node/src/executor/AgentFunctions.ts
+++ b/agent-node/src/executor/AgentFunctions.ts
@@ -53,7 +53,7 @@ function loadHandlersSync(directory: string): FunctionGroup {
                 if (module.builtin || handler.name == 'builtin') {
                     builtins[baseFileName] = module.builtin || module.default
                 }
-                if (filter && typeof filter == "function"){
+                if (filter && typeof filter == 'function') {
                     filters[baseFileName] = filter
                 }
             } catch (error) {
@@ -68,7 +68,7 @@ function loadHandlersSync(directory: string): FunctionGroup {
     return {
         functions: handlers,
         builtins: builtins,
-        filters: filters
+        filters: filters,
     }
 }
 
diff --git a/agent-node/src/executor/BaseFunction.ts b/agent-node/src/executor/BaseFunction.ts
index 687d7f4a..a59787aa 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -1,5 +1,5 @@
-import {Transaction} from "libcardano/cardano/ledger-serialization/transaction";
-import {DecodedBlock} from "./TxListener";
+import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
+import { DecodedBlock } from './TxListener'
 
 export interface Key {
     private: string
@@ -78,9 +78,9 @@ export interface Helpers {
     generateVoteMetadataContent: () => string
 }
 
-export interface EventContext{
-    tx: Transaction;
-    block: DecodedBlock;
+export interface EventContext {
+    tx: Transaction
+    block: DecodedBlock
     confirmation: number
 }
 
@@ -89,8 +89,8 @@ export interface FunctionContext {
     kuber: KuberApi
     builtins: Builtins
     agentName: string
-    helpers: Helpers,
-    event ?: EventContext,
+    helpers: Helpers
+    event?: EventContext
     filter?: any
 }
 
diff --git a/agent-node/src/functions/transferADA.ts b/agent-node/src/functions/transferADA.ts
index 6f998d2d..27d2c77f 100644
--- a/agent-node/src/functions/transferADA.ts
+++ b/agent-node/src/functions/transferADA.ts
@@ -19,5 +19,3 @@ export default async function handler(
             throw err
         })
 }
-
-
diff --git a/agent-node/src/functions/treasuryWithdrawal.ts b/agent-node/src/functions/treasuryWithdrawal.ts
index dbda5b81..1bd14b90 100644
--- a/agent-node/src/functions/treasuryWithdrawal.ts
+++ b/agent-node/src/functions/treasuryWithdrawal.ts
@@ -15,7 +15,7 @@ export default async function handler(
         if (stakeKey.startsWith('stake')) {
             const statkeKeyHex = bech32toHex(stakeKey)
             updatedWithdrawal = {
-                ['e0'+statkeKeyHex]: withdrawal[stakeKey],
+                ['e0' + statkeKeyHex]: withdrawal[stakeKey],
             }
         }
     }
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index f7843a3a..6c315812 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -9,7 +9,7 @@ import {
     IFilterNode,
 } from '../types/eventTriger'
 import { DecodedBlock } from '../executor/TxListener'
-import {reconstructTxFromPaths} from "../utils/event/eventFilterFormatter";
+import { reconstructTxFromPaths } from '../utils/event/eventFilterFormatter'
 
 export class EventTriggerHandler {
     eventBasedActions: IEventBasedAction[] = []
@@ -236,4 +236,3 @@ export class EventTriggerHandler {
         this.eventBasedActions = actions
     }
 }
-
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index b5776acd..d809d191 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -44,7 +44,10 @@ export class RpcTopicHandler {
             'txCount=' + transactions.length
         )
         this.txListener.onBlock({ ...block, body: transactions })
-        this.eventTriggerHandlers.onBlock({ ...block, body: transactions }, agentRunners)
+        this.eventTriggerHandlers.onBlock(
+            { ...block, body: transactions },
+            agentRunners
+        )
     }
     initial_config(
         message: any,
diff --git a/agent-node/src/utils/agent.ts b/agent-node/src/utils/agent.ts
index b0be59cb..9f02d768 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -8,7 +8,7 @@ import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { CallLog } from '../executor/Executor'
 import { ILog, InternalLog } from '../service/TriggerActionHandler'
 import { DateTime } from 'luxon'
-import { IEventBasedAction, IFilterNode } from "../types/eventTriger";
+import { IEventBasedAction, IFilterNode } from '../types/eventTriger'
 
 export function getParameterValue(
     parameters: ActionParameter[] = [],
diff --git a/agent-node/src/utils/cardano.ts b/agent-node/src/utils/cardano.ts
index 97563b52..9f8a46e6 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -25,7 +25,7 @@ export function rewardAddressBech32(
     )
 }
 
-export function convertToBufferIfBech32(address: any): Buffer | string| any {
+export function convertToBufferIfBech32(address: any): Buffer | string | any {
     if (!address) return ''
     else if (typeof address !== 'string') return address
     else if (
diff --git a/agent-node/src/utils/event/eventFilterFormatter.ts b/agent-node/src/utils/event/eventFilterFormatter.ts
index eb014a63..e1a208ad 100644
--- a/agent-node/src/utils/event/eventFilterFormatter.ts
+++ b/agent-node/src/utils/event/eventFilterFormatter.ts
@@ -1,5 +1,5 @@
-import {IBooleanNode, IEventBasedAction} from '../../types/eventTriger'
-import {customReplacer} from "../validator";
+import { IBooleanNode, IEventBasedAction } from '../../types/eventTriger'
+import { customReplacer } from '../validator'
 
 function flattenIds(obj: any) {
     const ids: any = []
@@ -33,9 +33,13 @@ function flattenIds(obj: any) {
     }
 }
 
-function flattenFilterChildWithParentId(data: IBooleanNode){
-    data.children = data.children.map((child)=>{
-        if ("children" in child && child.children.length ===1 && child.children[0].id === child.id){
+function flattenFilterChildWithParentId(data: IBooleanNode) {
+    data.children = data.children.map((child) => {
+        if (
+            'children' in child &&
+            child.children.length === 1 &&
+            child.children[0].id === child.id
+        ) {
             return child.children[0]
         }
         return child
@@ -50,7 +54,9 @@ export function formatEventFilter(data: IEventBasedAction[]) {
             eventTrigger: {
                 ...('children' in item.eventTrigger
                     ? item.eventTrigger.children.length == 1
-                        ? flattenIds(flattenFilterChildWithParentId(item.eventTrigger))
+                        ? flattenIds(
+                              flattenFilterChildWithParentId(item.eventTrigger)
+                          )
                         : flattenFilterChildWithParentId(item.eventTrigger)
                     : item.eventTrigger),
             },
@@ -113,5 +119,3 @@ export function reconstructTxFromPaths(tx: any, matchingPaths: any) {
 
     return newTx
 }
-
-
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index 20018fd0..55974ae0 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -19,8 +19,8 @@ const operatorNameToSymbol: Record<string, string> = {
     ne: '!=',
     eq: '==',
 
-//     js suport
-    contains: 'contains'
+    //     js suport
+    contains: 'contains',
 }
 class LogicalFunctions {
     private typeHandlers: Map<string, Record<string, TypeHandler>>
@@ -48,8 +48,7 @@ class LogicalFunctions {
 
     // Execute the logical operation, checking the types/classes of the operands
     execute(operator: string, a: any, b: any): boolean {
-
-        if (operator === 'exists'){
+        if (operator === 'exists') {
             return !!a
         }
 
@@ -133,7 +132,11 @@ _logicalFunctions.register('string', '>', (a: string, b: string) => a > b)
 _logicalFunctions.register('string', '<', (a: string, b: string) => a < b)
 _logicalFunctions.register('string', '>=', (a: string, b: string) => a >= b)
 _logicalFunctions.register('string', '<=', (a: string, b: string) => a <= b)
-_logicalFunctions.register('string','contains',(a:string,b:string)=> a.includes(b) || b.includes(a))
+_logicalFunctions.register(
+    'string',
+    'contains',
+    (a: string, b: string) => a.includes(b) || b.includes(a)
+)
 
 // Register handlers for buffers
 _logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) =>
diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index c8ddcbf5..3a43bcd4 100644
--- a/api/backend/app/models/trigger/trigger_dto.py
+++ b/api/backend/app/models/trigger/trigger_dto.py
@@ -27,7 +27,8 @@ class Action(BaseModel):
 
 BooleanOperator = Literal["AND", "OR"]
 ComparisonOperator = Literal[
-    "equals", "greaterthan", "lessthan", "in", "gt", "gte", "lt", "lte", "ne", "eq", "contains", "exists"]
+    "equals", "greaterthan", "lessthan", "in", "gt", "gte", "lt", "lte", "ne", "eq", "contains", "exists"
+]
 
 
 class Field(BaseModel):
diff --git a/frontend/src/api/healthStatus/route.ts b/frontend/src/api/healthStatus/route.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/app/(pages)/health/route.ts b/frontend/src/app/(pages)/health/route.ts
new file mode 100644
index 00000000..4363dd95
--- /dev/null
+++ b/frontend/src/app/(pages)/health/route.ts
@@ -0,0 +1,7 @@
+import { NextResponse } from 'next/server';
+
+export const dynamic = 'force-static';
+
+export async function GET() {
+    return NextResponse.json({ status: 'OK' });
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index a0cd4ea6..9235a522 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -225,8 +225,14 @@ export const FunctionForm = ({
                 <div className="flex w-full justify-end">
                     {functionState && functionState.canBeEvent && (
                         <CustomCombobox
-                            defaultValue={{id:functionState.type || 'CRON',label:functionState.type || 'CRON'}}
-                            itemsList={[{id:'CRON',label:'CRON'}, {id:'EVENT',label:'EVENT'}]}
+                            defaultValue={{
+                                id: functionState.type || 'CRON',
+                                label: functionState.type || 'CRON'
+                            }}
+                            itemsList={[
+                                { id: 'CRON', label: 'CRON' },
+                                { id: 'EVENT', label: 'EVENT' }
+                            ]}
                             onSelect={(triggerType: any) =>
                                 handleTypeChange(triggerType as TriggerType)
                             }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
index 1bed2248..1a98bc58 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
@@ -14,7 +14,7 @@ export default function CustomEditor({
                 height={'100%'}
                 width={'100%'}
                 defaultLanguage="json"
-                className="bg-brand-vscode !rounded-xl !py-4"
+                className="!rounded-xl bg-brand-vscode !py-4"
                 // defaultValue={JSON.stringify(defaultValue, null, 2) || ''}
                 theme="vs-dark"
                 value={
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
index c8ce8d8c..b1bdce84 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
@@ -1,20 +1,24 @@
-import {IEventTrigger} from "@api/agents";
-import React, {useEffect, useState} from "react";
-import {useDebounceValue} from "usehooks-ts";
-import {ErrorToast} from "@app/components/molecules/CustomToasts";
-import CustomEditor from "@app/app/(pages)/templates/create-template/components/event/CustomEditor";
-import NodeGraph from "@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph";
+import React, { useEffect, useState } from 'react';
+
+import { IEventTrigger } from '@api/agents';
+import { useDebounceValue } from 'usehooks-ts';
+
+import CustomEditor from '@app/app/(pages)/templates/create-template/components/event/CustomEditor';
+import NodeGraph from '@app/app/(pages)/templates/create-template/components/event/EventTriggerGraph';
+import { ErrorToast } from '@app/components/molecules/CustomToasts';
 
 const EventTabRenderer = ({
-                              displayMonacoEditor,
-                              formData,
-                              onEditorValueChange
-                          }: {
+    displayMonacoEditor,
+    formData,
+    onEditorValueChange
+}: {
     displayMonacoEditor: boolean;
-    formData: IEventTrigger|null;
+    formData: IEventTrigger | null;
     onEditorValueChange: (value: IEventTrigger) => void;
 }) => {
-    const [editorValue, setEditorValue] = useState(formData?JSON.stringify(formData):'');
+    const [editorValue, setEditorValue] = useState(
+        formData ? JSON.stringify(formData) : ''
+    );
     const handleOnEditorValueChange = (value: string) => {
         setEditorValue(value);
     };
@@ -26,7 +30,7 @@ const EventTabRenderer = ({
             const parsedData = JSON.parse(debouncedValue);
             onEditorValueChange(parsedData);
         } catch (err) {
-            if (!debouncedValue) return
+            if (!debouncedValue) return;
             ErrorToast('Invalid JSON');
         }
     }, [debouncedValue]);
@@ -45,4 +49,4 @@ const EventTabRenderer = ({
     );
 };
 
-export default EventTabRenderer
\ No newline at end of file
+export default EventTabRenderer;
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
index 8e2aef7c..e8e9eb6f 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -47,7 +47,11 @@ const RenderEventChildForm = ({
     const [debouncedVal] = useDebounceValue(value, 500);
 
     useEffect(() => {
-        if (debouncedVal && eventFilterParam?.validator && !eventFilterParam?.validator(debouncedVal)) {
+        if (
+            debouncedVal &&
+            eventFilterParam?.validator &&
+            !eventFilterParam?.validator(debouncedVal)
+        ) {
             setErrMsg(`Error occured on ${paramId}`);
             return;
         }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
index f1e3b9a2..cb272da8 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
@@ -1,6 +1,5 @@
 import { ISubParameter } from '@api/agents';
 import { IParameter, IParameterOption } from '@models/types/functions';
-import {capitalizeFirstLetter} from "@app/utils/common/extra";
 
 export const mapParamValueToKeyValuePair = (params: IParameter[]): ISubParameter[] => {
     return params.map((param) => ({
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
index 4e34f4e3..e004bbc3 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
@@ -1,4 +1,4 @@
-import {areArraysEqual} from "@app/utils/common/array";
+import { areArraysEqual } from '@app/utils/common/array';
 
 export function checkIfStringOrArrayOfStringIdsAreEqual(
     id1: string | string[],
@@ -9,4 +9,4 @@ export function checkIfStringOrArrayOfStringIdsAreEqual(
     } else {
         return Array.isArray(id2) || id1 !== id2;
     }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/page.tsx b/frontend/src/app/(pages)/templates/create-template/page.tsx
index 6d8fd971..0db7bd19 100644
--- a/frontend/src/app/(pages)/templates/create-template/page.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/page.tsx
@@ -13,7 +13,6 @@ import {
     TemplateFunctions
 } from '@models/types/functions';
 import { Dialog, DialogContent } from '@mui/material';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import { useMutation } from '@tanstack/react-query';
 import { useAtom } from 'jotai';
 import { v4 } from 'uuid';
@@ -58,7 +57,6 @@ interface IFormData {
 
 export default function CreateTemplatePage() {
     const router = useRouter();
-    const isMobile = useMediaQuery('(max-width:600px)');
     const [submittingForm, setSubmittingForm] = useState(false);
     const [, setTemplateCreated] = useAtom(templateCreatedAtom);
 
diff --git a/frontend/src/components/Agent/AgentContent/Functions.tsx b/frontend/src/components/Agent/AgentContent/Functions.tsx
index 89489d78..ff058cdc 100644
--- a/frontend/src/components/Agent/AgentContent/Functions.tsx
+++ b/frontend/src/components/Agent/AgentContent/Functions.tsx
@@ -3,7 +3,6 @@ import { useState } from 'react';
 import { IAgent } from '@api/agents';
 import { ITriggerCreateDto, deleteTrigger, postTrigger } from '@api/trigger';
 import { Dialog, DialogContent } from '@mui/material';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import { useMutation } from '@tanstack/react-query';
 
 import { FunctionForm } from '@app/app/(pages)/templates/create-template/components/FunctionForm';
@@ -29,7 +28,6 @@ export default function AgentFunctionsComponent({
     const [dialogOpen, setDialogOpen] = useState(false);
     const [openDeleteConfirmation, setOpenDeleteConfirmation] = useState(false);
     const [triggerID, setTriggerID] = useState('');
-    const isMobile = useMediaQuery('(max-width: 600px)');
 
     const toggleDialog = () => {
         setDialogOpen(!dialogOpen);
diff --git a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
index 3dfb2574..3f345bb8 100644
--- a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
+++ b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
@@ -5,7 +5,6 @@ import React, { useState } from 'react';
 import { IAgent, IAgentConfiguration } from '@api/agents';
 import { updateTrigger } from '@api/trigger';
 import { Dialog, DialogContent } from '@mui/material';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import { useMutation } from '@tanstack/react-query';
 
 import { FunctionForm } from '@app/app/(pages)/templates/create-template/components/FunctionForm';
@@ -64,8 +63,6 @@ const AgentFunctionsDetailComponent = ({
         }
     };
 
-    const isMobile = useMediaQuery('(max-width: 600px)');
-
     return (
         <>
             {agentConfigurations &&
diff --git a/frontend/src/components/molecules/CustomCombobox.tsx b/frontend/src/components/molecules/CustomCombobox.tsx
index 3ef726ca..d2139b4a 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -1,15 +1,15 @@
 'use client';
 
 import * as React from 'react';
-import {useEffect, useRef} from 'react';
+import { useEffect, useRef } from 'react';
 
 import { ChevronDown, ChevronUp } from 'lucide-react';
 
 import { cn } from '@app/components/lib/utils';
 
 interface ItemSchema {
-    id:string|string[];
-    label:string
+    id: string | string[];
+    label: string;
 }
 
 export function CustomCombobox({
@@ -23,7 +23,7 @@ export function CustomCombobox({
 }: {
     defaultValue?: ItemSchema;
     itemsList: Array<ItemSchema>;
-    onSelect: (value:any)=>void;
+    onSelect: (value: any) => void;
     className?: string;
     isOpen?: boolean;
     addSearchOption?: boolean;
@@ -86,7 +86,7 @@ export function CustomCombobox({
                             disabled ? 'cursor-not-allowed' : ''
                         )}
                         type="text"
-                        placeholder={value?value.label:''}
+                        placeholder={value ? value.label : ''}
                         value={searchValue}
                         onClick={() => setOpen(true)}
                         onChange={(e) => handleOnChange(e.target.value)}
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 3c31ece0..9b33f496 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -91,7 +91,7 @@ const config = {
                         100: '#FFECD4',
                         200: '#FF660F'
                     },
-                    vscode:"#1E1E1E"
+                    vscode: '#1E1E1E'
                 }
             },
             height: {

From c5ae5a3110c661f69232198f9c309411239aef7a Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Fri, 3 Jan 2025 11:50:53 +0545
Subject: [PATCH 37/42] fix: Update prettier.json and fix PR changes

---
 agent-node/.prettierrc.json                   |   3 +-
 agent-node/src/executor/AgentFunctions.ts     |   5 +-
 agent-node/src/executor/AgentRunner.ts        |  35 +---
 agent-node/src/executor/BaseFunction.ts       |  33 +---
 agent-node/src/executor/Executor.ts           |  92 ++-------
 agent-node/src/executor/TxListener.ts         |  12 +-
 agent-node/src/functions/callWebhook.ts       |  11 +-
 .../src/functions/createInfoGovAction.ts      |  14 +-
 agent-node/src/functions/dRepRegistration.ts  |   9 +-
 agent-node/src/functions/delegation.ts        |   5 +-
 agent-node/src/functions/noConfidence.ts      |   9 +-
 .../src/functions/proposalNewConstitution.ts  |  16 +-
 agent-node/src/functions/transferADA.ts       |   6 +-
 .../src/functions/treasuryWithdrawal.ts       |   9 +-
 agent-node/src/functions/updateCommittee.ts   |   9 +-
 agent-node/src/functions/voteOnProposal.ts    |  10 +-
 agent-node/src/index.ts                       |  19 +-
 agent-node/src/service/AgentRpc.ts            |   5 +-
 agent-node/src/service/EventTriggerHandler.ts | 111 ++---------
 agent-node/src/service/KuberService.ts        |  24 +--
 agent-node/src/service/RpcTopicHandler.ts     |  47 +----
 .../src/service/TriggerActionHandler.ts       |  16 +-
 agent-node/src/service/WsClientPipe.ts        |   5 +-
 agent-node/src/service/transactionBuilder.ts  |  94 ++--------
 agent-node/src/service/triggerService.ts      |  54 ++----
 agent-node/src/types/eventTriger.ts           |   7 +-
 agent-node/src/utils/agent.ts                 |  23 +--
 agent-node/src/utils/cardano.ts               |  17 +-
 .../src/utils/event/eventFilterFormatter.ts   |  29 +--
 .../metadataContent/drepMetadataContent.ts    |  11 +-
 .../proposalMetadataContent.ts                |   9 +-
 .../metadataContent/voteMetadataContent.ts    |   6 +-
 agent-node/src/utils/operatorSupport.ts       |  69 ++-----
 agent-node/src/utils/scheduler.ts             |  16 +-
 agent-node/src/utils/validator.ts             |  19 +-
 dbsync-api/.prettierrc.json                   |   7 +
 frontend/next.config.mjs                      |   9 +-
 frontend/prettier.config.js                   |   2 +-
 frontend/src/api/agents.ts                    |  11 +-
 frontend/src/api/auth.ts                      |   4 +-
 frontend/src/api/templates.ts                 |  12 +-
 frontend/src/api/trigger.ts                   |  27 +--
 frontend/src/api/triggerHistory.ts            |  17 +-
 frontend/src/api/triggerHistoryMetric.ts      |   7 +-
 .../src/app/(pages)/agents/[agentID]/page.tsx |  13 +-
 .../agents/components/AgentsContainer.tsx     |   6 +-
 .../agents/components/AgentsTopNav.tsx        |   8 +-
 .../app/(pages)/agents/create-agent/page.tsx  |  29 +--
 frontend/src/app/(pages)/agents/page.tsx      |  36 +---
 .../AgentsDelegationDialogContent.tsx         |   5 +-
 .../dRep-directory/components/DRepCard.tsx    |  77 ++------
 .../components/DrepDetailDialogContent.tsx    |  73 ++------
 .../src/app/(pages)/dRep-directory/page.tsx   |  43 ++---
 .../components/AgentsVoteDialogContent.tsx    |   5 +-
 .../components/EmptyGovActionPlaceholder.tsx  |  17 +-
 .../components/proposalCard.tsx               |  50 ++---
 .../app/(pages)/governance-actions/page.tsx   |  45 ++---
 frontend/src/app/(pages)/logs/page.tsx        |  41 ++--
 .../(pages)/templates/[templateId]/page.tsx   |  15 +-
 .../templates/components/TemplateList.tsx     |   7 +-
 .../templates/components/TemplatesTopNav.tsx  |  14 +-
 .../components/FunctionForm.tsx               |  74 ++------
 .../components/ParameterRenderers.tsx         |  40 +---
 .../create-template/components/TriggerTab.tsx |  35 +---
 .../components/cards/FunctionCards.tsx        |  10 +-
 .../components/cards/InfoCard.tsx             |   6 +-
 .../components/cron/CustomCron.tsx            |  24 +--
 .../components/cron/DefaultCron.tsx           |  23 +--
 .../components/event/EventTab.tsx             | 146 ++++++---------
 .../components/event/EventTabRenderer.tsx     |   9 +-
 .../components/event/EventTriggerGraph.tsx    |  18 +-
 .../components/event/RenderEventChildForm.tsx |  51 ++---
 .../components/utils/FunctionMapper.ts        |  65 ++-----
 .../components/utils/MapperHelper.ts          |  17 +-
 .../create-template/components/utils/array.ts |   5 +-
 .../templates/create-template/page.tsx        |  50 ++---
 frontend/src/app/(pages)/templates/page.tsx   |   6 +-
 frontend/src/app/components/Accordion.tsx     |   6 +-
 .../components/AgentActionDialogContent.tsx   |  19 +-
 frontend/src/app/components/AppDialog.tsx     |  13 +-
 .../src/app/components/DashboardCards.tsx     |  35 +---
 frontend/src/app/components/DataActionBar.tsx |  10 +-
 frontend/src/app/components/EmptyAgent.tsx    |   4 +-
 .../components/OverViewAgentsCard.stories.tsx |   9 +-
 .../src/app/components/OverViewAgentsCard.tsx |  11 +-
 frontend/src/app/components/OverViewCard.tsx  |   7 +-
 .../src/app/components/OverViewGraphCard.tsx  |  15 +-
 .../app/components/OverViewTriggerCard.tsx    |   7 +-
 frontend/src/app/layout.tsx                   |  16 +-
 frontend/src/app/page.tsx                     |   8 +-
 frontend/src/assets/icons/AgentsIcon.tsx      |  16 +-
 frontend/src/assets/icons/DashboardIcon.tsx   |   9 +-
 frontend/src/assets/icons/EmptyBoxIcon.tsx    |  20 +-
 frontend/src/assets/icons/Logo.tsx            |   8 +-
 frontend/src/assets/icons/LogsIcon.tsx        |   9 +-
 frontend/src/assets/icons/OflineIcon.tsx      |   7 +-
 frontend/src/assets/icons/Polygon.tsx         |   7 +-
 .../src/assets/icons/TemplateEditIcon.tsx     |   8 +-
 frontend/src/assets/icons/TemplatesIcon.tsx   |   8 +-
 frontend/src/assets/icons/UsersIcon.tsx       |   8 +-
 .../Agent/AgentContent/ContentHeader.tsx      |  14 +-
 .../Agent/AgentContent/Functions.tsx          |  42 ++---
 .../Agent/AgentContent/FunctionsContainer.tsx |   3 +-
 .../components/Agent/AgentContent/Logs.tsx    | 146 +++------------
 .../Agent/AgentContent/ManualActions.tsx      |  51 +----
 .../Agent/AgentContent/Overview.tsx           |  87 ++-------
 .../Agent/AgentContent/Settings.tsx           |  39 +---
 .../components/Agent/AgentTab/AgentTab.tsx    |  15 +-
 .../Agent/AgentTab/AgentTabContent.tsx        |  20 +-
 .../Agent/AgentTab/AgentTabItem.tsx           |   4 +-
 .../Agent/FormRenderer/FormParameters.tsx     |   4 +-
 .../Agent/FormRenderer/FormRenderer.tsx       |  27 +--
 .../Agent/FormRenderer/InputParameter.tsx     |   8 +-
 .../Agent/FormRenderer/ListParameter.tsx      |  54 ++----
 .../Agent/FormRenderer/ObjectParameter.tsx    |  32 +---
 .../Agent/FormRenderer/OptionParameter.tsx    |  24 +--
 .../src/components/Agent/RunnerTutorial.tsx   |  25 +--
 .../components/Agent/shared/AgentAvatar.tsx   |  22 +--
 .../Agent/shared/AgentFunctionCard.tsx        |   8 +-
 .../components/Agent/shared/AgentRunner.tsx   |   4 +-
 .../components/Agent/shared/CustomCopyBox.tsx |  14 +-
 .../Agent/shared/FunctionCardWithMeta.tsx     |  12 +-
 .../Agent/shared/GroupParameters.tsx          |  42 +----
 .../components/Agent/shared/TriggerChart.tsx  |  78 +++-----
 .../components/Auth/WalletSignInDialog.tsx    |  36 +---
 frontend/src/components/Chart/ChartFilter.tsx |  25 +--
 .../src/components/Chart/CustomLineChart.tsx  |  52 +-----
 .../src/components/Chart/CustomTooltip.tsx    |  26 +--
 .../src/components/Chart/DashboardChart.tsx   |  35 +---
 .../src/components/Chart/DynamicLineChart.tsx |  11 +-
 .../Common/AgentFunctionsDropDown.tsx         |  12 +-
 .../AgentManualTriggerModalView.tsx           |  96 ++++------
 .../components/Template/Content/EditBtns.tsx  |  14 +-
 .../Template/Content/TemplateOverview.tsx     |  51 ++---
 frontend/src/components/atoms/Badge.tsx       |  24 +--
 frontend/src/components/atoms/Breadcrumb.tsx  |  78 +++-----
 frontend/src/components/atoms/Button.tsx      |   8 +-
 frontend/src/components/atoms/Card.tsx        |  87 ++++-----
 frontend/src/components/atoms/Checkbox.tsx    |   4 +-
 frontend/src/components/atoms/Command.tsx     |  25 +--
 frontend/src/components/atoms/Dialog.tsx      |  83 +++------
 .../components/atoms/DropDownMenu.stories.tsx |   7 +-
 .../src/components/atoms/DropDownMenu.tsx     |  24 +--
 frontend/src/components/atoms/Form.tsx        | 131 +++++--------
 frontend/src/components/atoms/RadioGroup.tsx  |   8 +-
 frontend/src/components/atoms/SearchField.tsx |   7 +-
 .../src/components/atoms/Select.stories.tsx   |   9 +-
 frontend/src/components/atoms/Select.tsx      |  32 +---
 frontend/src/components/atoms/Textarea.tsx    |   3 +-
 frontend/src/components/atoms/label.tsx       |  32 ++--
 .../layout/SideNav/ConnectedWalletCard.tsx    |  21 +--
 .../components/layout/SideNav/MyAgentCard.tsx |  19 +-
 .../src/components/layout/SideNav/SideNav.tsx |  19 +-
 .../components/layout/SideNav/SideNavItem.tsx |  29 +--
 .../components/layout/SideNav/SideNavLogo.tsx |   3 +-
 frontend/src/components/layout/TopNav.tsx     |  26 +--
 .../molecules/AgentCard.stories.tsx           |   6 +-
 .../src/components/molecules/AgentCard.tsx    |  41 +---
 .../components/molecules/AgentCardFooter.tsx  |  16 +-
 .../src/components/molecules/ComboBox.tsx     |  47 +----
 .../molecules/ConfirmationBox.stories.tsx     |   6 +-
 .../components/molecules/CustomCombobox.tsx   |   4 +-
 .../components/molecules/CustomDropDown.tsx   |  18 +-
 .../src/components/molecules/EmptyScreen.tsx  |   5 +-
 .../src/components/molecules/FilterSelect.tsx |  13 +-
 .../molecules/MultiSearchSelect.tsx           | 172 +++++++----------
 .../src/components/molecules/NumberInput.tsx  |   5 +-
 .../components/molecules/PaginationBtns.tsx   |  30 +--
 .../components/molecules/ProbabilityInput.tsx |  16 +-
 .../src/components/molecules/SubmitButton.tsx |  11 +-
 .../molecules/TemplateCard.stories.tsx        |   6 +-
 .../src/components/molecules/TemplateCard.tsx |  24 +--
 .../molecules/TransactionPieChart.tsx         |  24 +--
 frontend/src/components/shadcn/dialog.tsx     |  37 +---
 frontend/src/components/shadcn/ui/badge.tsx   |  10 +-
 frontend/src/components/shadcn/ui/card.tsx    |  78 +++-----
 frontend/src/components/shadcn/ui/chart.tsx   | 176 ++++++------------
 .../src/components/shadcn/ui/scroll-area.tsx  |  12 +-
 frontend/src/components/shadcn/ui/select.tsx  |  29 +--
 .../src/components/shadcn/ui/skeleton.tsx     |  12 +-
 frontend/src/configs/environments.ts          |  10 +-
 frontend/src/layouts/_muiThemeProvider.tsx    |   4 +-
 frontend/src/lib/framerMotion/fadeInBottom.ts |   6 +-
 frontend/src/lib/hooks/useAgentActions.ts     |  16 +-
 frontend/src/models/dtos/joyride.ts           |   7 +-
 frontend/src/models/types/functions.ts        |  22 +--
 frontend/src/shared/hocs/ThemeProvider.tsx    |   7 +-
 frontend/src/store/customFetchBase.ts         |  17 +-
 frontend/src/store/enhancers.ts               |   5 +-
 frontend/src/store/localStore.ts              |   3 +-
 frontend/src/store/mutations/selectors.ts     |   3 +-
 frontend/src/store/mutations/slice.ts         |   5 +-
 frontend/src/store/store.ts                   |   7 +-
 frontend/src/store/tours/slice.ts             |   8 +-
 frontend/src/stories/Button.tsx               |  16 +-
 frontend/src/stories/Header.tsx               |  24 +--
 frontend/src/utils/TriggerHistoryUtils.ts     |  22 +--
 frontend/src/utils/agent.ts                   |  29 +--
 frontend/src/utils/axios.ts                   |   6 +-
 frontend/src/utils/cardano.ts                 |  27 +--
 frontend/src/utils/dateAndTimeUtils.ts        |   5 +-
 frontend/src/utils/formRenderer.ts            |  36 +---
 .../src/views/atoms/Icons/Brands/Cardano.tsx  |  10 +-
 .../src/views/atoms/Icons/Brands/Facebook.tsx |   9 +-
 .../src/views/atoms/Icons/Brands/Google.tsx   |   8 +-
 .../views/atoms/Icons/Brands/Instagram.tsx    |   7 +-
 .../src/views/atoms/Icons/Brands/Linkedin.tsx |   9 +-
 .../src/views/atoms/Icons/Brands/Provider.tsx |  86 ++-------
 .../src/views/atoms/Icons/Brands/Telegram.tsx |   7 +-
 .../src/views/atoms/Icons/Brands/Twitter.tsx  |   9 +-
 frontend/src/views/atoms/Icons/Button.tsx     |  20 +-
 frontend/src/views/atoms/Icons/Warning.tsx    |   9 +-
 .../Joyride/JoyrideStepTitleAndContent.tsx    |   6 +-
 .../views/atoms/Joyride/JoyrideTooltip.tsx    |  26 +--
 frontend/src/views/atoms/Joyride/index.tsx    |  15 +-
 frontend/src/views/atoms/Loaders/Loader.tsx   |  13 +-
 216 files changed, 1283 insertions(+), 4124 deletions(-)
 create mode 100644 dbsync-api/.prettierrc.json

diff --git a/agent-node/.prettierrc.json b/agent-node/.prettierrc.json
index e74ed9ff..f0db82f1 100644
--- a/agent-node/.prettierrc.json
+++ b/agent-node/.prettierrc.json
@@ -2,5 +2,6 @@
     "trailingComma": "es5",
     "tabWidth": 4,
     "semi": false,
-    "singleQuote": true
+    "singleQuote": true,
+    "printWidth": 120
 }
diff --git a/agent-node/src/executor/AgentFunctions.ts b/agent-node/src/executor/AgentFunctions.ts
index 61c44e4e..21e690f0 100644
--- a/agent-node/src/executor/AgentFunctions.ts
+++ b/agent-node/src/executor/AgentFunctions.ts
@@ -57,10 +57,7 @@ function loadHandlersSync(directory: string): FunctionGroup {
                     filters[baseFileName] = filter
                 }
             } catch (error) {
-                console.error(
-                    `Failed to load handler from file ${filePath}:`,
-                    error
-                )
+                console.error(`Failed to load handler from file ${filePath}:`, error)
             }
         }
     })
diff --git a/agent-node/src/executor/AgentRunner.ts b/agent-node/src/executor/AgentRunner.ts
index 33a83b13..eb366aa4 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -18,12 +18,7 @@ export class AgentRunner {
         this.executor = new Executor(null, managerInterface, txListener)
     }
 
-    invokeFunction(
-        triggerType: TriggerType,
-        instanceIndex: number,
-        method: string,
-        ...args: any
-    ) {
+    invokeFunction(triggerType: TriggerType, instanceIndex: number, method: string, ...args: any) {
         this.executor.invokeFunction(method, ...args).then((result) => {
             saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
         })
@@ -46,16 +41,9 @@ export class AgentRunner {
             .catch((err) => console.error('Function Invocation Error: ', err))
 
         if (params) {
-            this.executor
-                .invokeFunctionWithContext(eventContext, method, ...params)
-                .then((result) => {
-                    saveTxLog(
-                        result,
-                        this.managerInterface,
-                        triggerType,
-                        instanceIndex
-                    )
-                })
+            this.executor.invokeFunctionWithContext(eventContext, method, ...params).then((result) => {
+                saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
+            })
         }
     }
 
@@ -65,20 +53,13 @@ export class AgentRunner {
         const account = await hdWallet.getAccount(index)
         const accountWallet = await account.singleAddressWallet()
         const agentInstanceWallet: AgentWalletDetails = {
-            payment_signing_key:
-                accountWallet.paymentKey.private.toString('hex'),
+            payment_signing_key: accountWallet.paymentKey.private.toString('hex'),
             stake_signing_key: accountWallet.stakeKey!.private.toString('hex'),
-            payment_verification_key_hash:
-                accountWallet.paymentKey.pkh.toString('hex'),
-            stake_verification_key_hash:
-                accountWallet.stakeKey!.pkh.toString('hex'),
+            payment_verification_key_hash: accountWallet.paymentKey.pkh.toString('hex'),
+            stake_verification_key_hash: accountWallet.stakeKey!.pkh.toString('hex'),
             agent_address: accountWallet.getAddress(0).toBech32(),
             drep_id: accountWallet.stakeKey!.pkh.toString('hex'),
         }
-        this.executor.remakeContext(
-            agentInstanceWallet,
-            this.managerInterface,
-            `${globalState.agentName}#${index}`
-        )
+        this.executor.remakeContext(agentInstanceWallet, this.managerInterface, `${globalState.agentName}#${index}`)
     }
 }
diff --git a/agent-node/src/executor/BaseFunction.ts b/agent-node/src/executor/BaseFunction.ts
index a59787aa..45a45cf0 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -14,11 +14,7 @@ export interface Wallet {
     stakeKey: Key
     rewardAddress: string
     drepId: string
-    buildAndSubmit(
-        spec: any,
-        stakeSigning?: boolean,
-        saveDrepStatus?: boolean
-    ): Promise<any>
+    buildAndSubmit(spec: any, stakeSigning?: boolean, saveDrepStatus?: boolean): Promise<any>
     signTx(txRaw: Buffer, stakeSigning?: boolean): Buffer
 }
 
@@ -46,28 +42,14 @@ export type DelegationTarget =
 
 export interface Builtins {
     stakeDeRegistration: () => Promise<any>
-    transferADA: (
-        address: string,
-        amount: string | number | Record<string, any>
-    ) => Promise<any>
-    waitTxConfirmation: (
-        txId: string,
-        confirmation: number,
-        timeoutMs: number
-    ) => Promise<unknown>
+    transferADA: (address: string, amount: string | number | Record<string, any>) => Promise<any>
+    waitTxConfirmation: (txId: string, confirmation: number, timeoutMs: number) => Promise<unknown>
     dRepRegistration: (anchor?: OffchainData) => Promise<any>
     dRepDeRegistration: () => Promise<any>
     registerStake: () => Promise<any>
-    voteOnProposal: (
-        proposal: string,
-        vote: boolean | string | undefined,
-        anchor?: OffchainData
-    ) => Promise<void>
+    voteOnProposal: (proposal: string, vote: boolean | string | undefined, anchor?: OffchainData) => Promise<void>
     abstainDelegation: (target: DelegationTarget) => Promise<any>
-    callWebhook: (
-        url: string,
-        data: Record<any, any> | any[] | string
-    ) => Promise<any>
+    callWebhook: (url: string, data: Record<any, any> | any[] | string) => Promise<any>
     loadFunds: (amount: number) => Promise<any>
     saveMetadata: (content: string) => Promise<any>
 }
@@ -95,10 +77,7 @@ export interface FunctionContext {
 }
 
 // Create a restricted execution environment
-export const restrictedExecution = function (
-    functionString: string,
-    context: Record<string, any>
-) {
+export const restrictedExecution = function (functionString: string, context: Record<string, any>) {
     // Provide only necessary globals and variables within a sandbox
     const restrictedGlobals = {
         Math,
diff --git a/agent-node/src/executor/Executor.ts b/agent-node/src/executor/Executor.ts
index 8b8f641c..b249ba71 100644
--- a/agent-node/src/executor/Executor.ts
+++ b/agent-node/src/executor/Executor.ts
@@ -22,11 +22,7 @@ export class Executor {
     readonly functionContext: FunctionContext
     txListener: TxListener
 
-    constructor(
-        wallet: any,
-        rpcInterface: ManagerInterface,
-        txListener: TxListener
-    ) {
+    constructor(wallet: any, rpcInterface: ManagerInterface, txListener: TxListener) {
         this.wallet = wallet
         this.functions = getHandlers()
         this.rpcInterface = rpcInterface
@@ -49,10 +45,8 @@ export class Executor {
 
     getHelpers(wallet: any, agentName: string) {
         return {
-            generateProposalMetadataContent: () =>
-                generateProposalMetadataContent(agentName),
-            generateDrepMetadataContent: () =>
-                generateRegisterDrepMetadataContent(agentName, wallet.address),
+            generateProposalMetadataContent: () => generateProposalMetadataContent(agentName),
+            generateDrepMetadataContent: () => generateRegisterDrepMetadataContent(agentName, wallet.address),
             generateVoteMetadataContent: () => generateVoteMetadataContent(),
         }
     }
@@ -82,10 +76,7 @@ export class Executor {
                 throw new Error('Key.signRaw is not implemented')
             },
         }
-        const rewardAddress = rewardAddressBech32(
-            0,
-            walletDetails.stake_verification_key_hash
-        )
+        const rewardAddress = rewardAddressBech32(0, walletDetails.stake_verification_key_hash)
         console.log(
             'Account keys received :',
             '\n\tAddress: ' + walletDetails.agent_address,
@@ -97,11 +88,7 @@ export class Executor {
             stakeKey: stakeKey,
             drepId: walletDetails.drep_id,
             rewardAddress: rewardAddress,
-            buildAndSubmit: (
-                spec: any,
-                stakeSigning?: boolean,
-                saveDrepStatus?: boolean
-            ) => {
+            buildAndSubmit: (spec: any, stakeSigning?: boolean, saveDrepStatus?: boolean) => {
                 spec.selections = [
                     walletDetails.agent_address,
                     {
@@ -125,33 +112,20 @@ export class Executor {
                     }
                 })
 
-                async function processQueue(
-                    rpcInterface: ManagerInterface,
-                    txListener: TxListener
-                ) {
+                async function processQueue(rpcInterface: ManagerInterface, txListener: TxListener) {
                     isProcessing = true
                     while (txSubmissionHold.length > 0) {
-                        const { request, resolve, reject } =
-                            txSubmissionHold.shift()
+                        const { request, resolve, reject } = txSubmissionHold.shift()
                         try {
-                            const res = await rpcInterface.buildTx(
-                                request,
-                                true
-                            )
+                            const res = await rpcInterface.buildTx(request, true)
                             resolve(res)
                             await txListener
                                 .addListener(res.hash, 0, 300000)
                                 .then(() => {
                                     if (saveDrepStatus) {
-                                        rpcInterface.checkAndSaveDrepRegistration(
-                                            walletDetails.drep_id
-                                        )
+                                        rpcInterface.checkAndSaveDrepRegistration(walletDetails.drep_id)
                                     }
-                                    console.log(
-                                        'Tx matched :',
-                                        res.hash,
-                                        txSubmissionHold
-                                    )
+                                    console.log('Tx matched :', res.hash, txSubmissionHold)
                                 })
                                 .catch((e) => {
                                     console.error('TXListener Error: ', e)
@@ -159,9 +133,7 @@ export class Executor {
                                 })
                         } catch (error) {
                             if (saveDrepStatus) {
-                                rpcInterface.checkAndSaveDrepRegistration(
-                                    walletDetails.drep_id
-                                )
+                                rpcInterface.checkAndSaveDrepRegistration(walletDetails.drep_id)
                             }
                             reject(error)
                         }
@@ -176,20 +148,11 @@ export class Executor {
         }
     }
 
-    remakeContext(
-        agent_wallet: AgentWalletDetails,
-        managerInterface: ManagerInterface,
-        agentName: string
-    ) {
+    remakeContext(agent_wallet: AgentWalletDetails, managerInterface: ManagerInterface, agentName: string) {
         this.functionContext.wallet = this.makeWallet(agent_wallet)
-        this.functionContext.builtins = this.getBuiltins(
-            this.functionContext.wallet
-        )
+        this.functionContext.builtins = this.getBuiltins(this.functionContext.wallet)
         this.functionContext.agentName = agentName
-        this.functionContext.helpers = this.getHelpers(
-            this.functionContext.wallet,
-            agentName
-        )
+        this.functionContext.helpers = this.getHelpers(this.functionContext.wallet, agentName)
         managerInterface
             .getFaucetBalance(this.functionContext.wallet.address)
             .then((balance) => {
@@ -203,9 +166,7 @@ export class Executor {
             .catch((err) => {
                 console.error('GetBalance : ', err)
             })
-        managerInterface.checkAndSaveDrepRegistration(
-            this.functionContext.wallet.drepId
-        )
+        managerInterface.checkAndSaveDrepRegistration(this.functionContext.wallet.drepId)
     }
 
     makeProxy<T>(context: T): { proxy: T; callLog: CallLog[] } {
@@ -267,16 +228,8 @@ export class Executor {
             updatedBuiltins[key] = (...args: any) => f(context, ...args)
         })
         return {
-            waitTxConfirmation: async (
-                txId: string,
-                confirmation: number,
-                timeout: number
-            ): Promise<unknown> => {
-                return await this.txListener.addListener(
-                    txId,
-                    confirmation,
-                    timeout
-                )
+            waitTxConfirmation: async (txId: string, confirmation: number, timeout: number): Promise<unknown> => {
+                return await this.txListener.addListener(txId, confirmation, timeout)
             },
             loadFunds: async (amount: number): Promise<any> => {
                 return await this.rpcInterface.loadFunds(wallet.address, amount)
@@ -306,11 +259,7 @@ export class Executor {
         }
     }
 
-    invokeFunctionWithContext(
-        context: any,
-        name: string,
-        ...args: any
-    ): Promise<CallLog[]> {
+    invokeFunctionWithContext(context: any, name: string, ...args: any): Promise<CallLog[]> {
         const f: any | undefined = this.functions.functions[name]
         const log: CallLog = {
             function: name,
@@ -327,10 +276,7 @@ export class Executor {
         builtinsProxy.callLog.push(log)
 
         try {
-            const result: any = f(
-                newContext,
-                ...args.map((arg: any) => arg.value)
-            )
+            const result: any = f(newContext, ...args.map((arg: any) => arg.value))
             if (result instanceof Promise) {
                 return result
                     .then((v) => {
diff --git a/agent-node/src/executor/TxListener.ts b/agent-node/src/executor/TxListener.ts
index 6a260721..6f0a009a 100644
--- a/agent-node/src/executor/TxListener.ts
+++ b/agent-node/src/executor/TxListener.ts
@@ -12,9 +12,7 @@ interface IPendingTx {
     block: DecodedBlock | null
 }
 
-function checkAndResolvePendingTx(
-    pendingTxs: Record<string, Array<IPendingTx>>
-) {
+function checkAndResolvePendingTx(pendingTxs: Record<string, Array<IPendingTx>>) {
     Object.keys(pendingTxs).forEach((key) => {
         const txs = pendingTxs[key]
         txs.map((tx) => {
@@ -75,15 +73,11 @@ export class TxListener {
                         return tx.hash.toString('hex') === txId
                     })
                 })
-                if (
-                    txMatchedIndex + confirmation_count >
-                    this.MAX_BLOCK_COUNT
-                ) {
+                if (txMatchedIndex + confirmation_count > this.MAX_BLOCK_COUNT) {
                     this.pendingTxs[txId].push({
                         resolve,
                         index: 0,
-                        destinationIndex:
-                            confirmation_count - (10 - txMatchedIndex),
+                        destinationIndex: confirmation_count - (10 - txMatchedIndex),
                         block: this.blocks[txMatchedIndex],
                     })
                 } else {
diff --git a/agent-node/src/functions/callWebhook.ts b/agent-node/src/functions/callWebhook.ts
index 28c4cfd4..2308205e 100644
--- a/agent-node/src/functions/callWebhook.ts
+++ b/agent-node/src/functions/callWebhook.ts
@@ -1,13 +1,6 @@
 import { FunctionContext } from '../executor/BaseFunction'
 import axios from 'axios'
 
-export default async function builtin(
-    context: FunctionContext,
-    url: string,
-    data: Record<any, any> | any[] | string
-) {
-    return axios.post(
-        url,
-        typeof data == 'string' ? data : JSON.stringify(data)
-    )
+export default async function builtin(context: FunctionContext, url: string, data: Record<any, any> | any[] | string) {
+    return axios.post(url, typeof data == 'string' ? data : JSON.stringify(data))
 }
diff --git a/agent-node/src/functions/createInfoGovAction.ts b/agent-node/src/functions/createInfoGovAction.ts
index 3ad64db5..d49a72f1 100644
--- a/agent-node/src/functions/createInfoGovAction.ts
+++ b/agent-node/src/functions/createInfoGovAction.ts
@@ -1,16 +1,8 @@
 import { FunctionContext } from '../executor/BaseFunction'
 
-export default async function handler(
-    context: FunctionContext,
-    anchor: Record<string, any>
-) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateProposalMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+export default async function handler(context: FunctionContext, anchor: Record<string, any>) {
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateProposalMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         proposals: [
             {
diff --git a/agent-node/src/functions/dRepRegistration.ts b/agent-node/src/functions/dRepRegistration.ts
index 2b0aeccc..71dc73cd 100644
--- a/agent-node/src/functions/dRepRegistration.ts
+++ b/agent-node/src/functions/dRepRegistration.ts
@@ -1,13 +1,8 @@
 import { FunctionContext } from '../executor/BaseFunction'
 
 export default async function builtin(context: FunctionContext, anchor: any) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateDrepMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateDrepMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         certificates: [
             {
diff --git a/agent-node/src/functions/delegation.ts b/agent-node/src/functions/delegation.ts
index 587a5ecb..a105cafc 100644
--- a/agent-node/src/functions/delegation.ts
+++ b/agent-node/src/functions/delegation.ts
@@ -1,9 +1,6 @@
 import { FunctionContext } from '../executor/BaseFunction'
 
-export default async function handler(
-    context: FunctionContext,
-    delegation: any
-) {
+export default async function handler(context: FunctionContext, delegation: any) {
     let drep = ''
     if (typeof delegation === 'string') {
         drep = delegation
diff --git a/agent-node/src/functions/noConfidence.ts b/agent-node/src/functions/noConfidence.ts
index 46b043fe..d67307b2 100644
--- a/agent-node/src/functions/noConfidence.ts
+++ b/agent-node/src/functions/noConfidence.ts
@@ -1,13 +1,8 @@
 import { FunctionContext } from '../executor/BaseFunction'
 
 export default async function handler(context: FunctionContext, anchor: any) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateProposalMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateProposalMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         proposals: [
             {
diff --git a/agent-node/src/functions/proposalNewConstitution.ts b/agent-node/src/functions/proposalNewConstitution.ts
index eb53b6c1..48546242 100644
--- a/agent-node/src/functions/proposalNewConstitution.ts
+++ b/agent-node/src/functions/proposalNewConstitution.ts
@@ -6,25 +6,17 @@ export default async function handler(
     newConstitution: any,
     guardRailScript: any
 ) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateProposalMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateProposalMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const newConstitutionData =
-        newConstitution['url'] && newConstitution['dataHash']
-            ? newConstitution
-            : { url, dataHash }
+        newConstitution['url'] && newConstitution['dataHash'] ? newConstitution : { url, dataHash }
     const req = {
         proposals: [
             {
                 anchor: anchorData,
                 newconstitution: {
                     ...newConstitutionData,
-                    scriptHash:
-                        'db1bc3c3f99ce68977ceaf27ab4dd917123ef9e73f85c304236eab23',
+                    scriptHash: 'db1bc3c3f99ce68977ceaf27ab4dd917123ef9e73f85c304236eab23',
                 },
                 refundAccount: context.wallet.rewardAddress,
             },
diff --git a/agent-node/src/functions/transferADA.ts b/agent-node/src/functions/transferADA.ts
index 27d2c77f..de606c5b 100644
--- a/agent-node/src/functions/transferADA.ts
+++ b/agent-node/src/functions/transferADA.ts
@@ -1,10 +1,6 @@
 import { FunctionContext } from '../executor/BaseFunction'
 
-export default async function handler(
-    context: FunctionContext,
-    receiverAddress: string,
-    receivingAda: number
-) {
+export default async function handler(context: FunctionContext, receiverAddress: string, receivingAda: number) {
     const req = {
         outputs: {
             address: receiverAddress,
diff --git a/agent-node/src/functions/treasuryWithdrawal.ts b/agent-node/src/functions/treasuryWithdrawal.ts
index 1bd14b90..b984355f 100644
--- a/agent-node/src/functions/treasuryWithdrawal.ts
+++ b/agent-node/src/functions/treasuryWithdrawal.ts
@@ -6,9 +6,7 @@ export default async function handler(
     withdrawal: Record<string, any>,
     anchor: Record<string, string>
 ) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateProposalMetadataContent()
-    )
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateProposalMetadataContent())
     let updatedWithdrawal = withdrawal
     if (withdrawal) {
         const stakeKey = Object.keys(withdrawal)[0]
@@ -19,10 +17,7 @@ export default async function handler(
             }
         }
     }
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         proposals: [
             {
diff --git a/agent-node/src/functions/updateCommittee.ts b/agent-node/src/functions/updateCommittee.ts
index bc9832d8..1f731e40 100644
--- a/agent-node/src/functions/updateCommittee.ts
+++ b/agent-node/src/functions/updateCommittee.ts
@@ -7,13 +7,8 @@ export default async function handler(
     add: Record<any, any>,
     remove: Array<any>
 ) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateProposalMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateProposalMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         proposals: [
             {
diff --git a/agent-node/src/functions/voteOnProposal.ts b/agent-node/src/functions/voteOnProposal.ts
index 1f5eb3f4..0c655852 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -5,13 +5,8 @@ export default async function handler(
     proposal: Record<string, any>,
     anchor: Record<string, any>
 ) {
-    const { dataHash, url } = await context.builtins.saveMetadata(
-        context.helpers.generateVoteMetadataContent()
-    )
-    const anchorData =
-        anchor && anchor['url'] && anchor['dataHash']
-            ? anchor
-            : { url, dataHash }
+    const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateVoteMetadataContent())
+    const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
         vote: {
             voter: context.wallet.drepId,
@@ -53,6 +48,7 @@ export function filter(context: FunctionContext) {
               }))
             : null
     } catch (err) {
+        console.error('VoteOnProposalFilterError : ', err)
         return null
     }
 }
diff --git a/agent-node/src/index.ts b/agent-node/src/index.ts
index 56aea19b..64f843f2 100644
--- a/agent-node/src/index.ts
+++ b/agent-node/src/index.ts
@@ -56,9 +56,7 @@ function connectToManagerWebSocket() {
     const scheduledTasks: ScheduledTask[] = []
     ws = new WebSocket(`${wsUrl}/${agentSecret}`)
     const clientPipe = new WsClientPipe(ws)
-    const rpcChannel = new AgentRpc(
-        new CborDuplex(clientPipe, cborxBackend(true))
-    )
+    const rpcChannel = new AgentRpc(new CborDuplex(clientPipe, cborxBackend(true)))
     const managerInterface = new ManagerInterface(rpcChannel)
     const txListener = new TxListener()
 
@@ -101,9 +99,7 @@ function connectToManagerWebSocket() {
             attemptReconnect()
             clearInterval(interval)
         }
-        console.log(
-            `Disconnected from the server (code: ${code}, reason: ${reason}).`
-        )
+        console.log(`Disconnected from the server (code: ${code}, reason: ${reason}).`)
     })
 
     ws.on('error', (err: any) => {
@@ -129,17 +125,12 @@ function attemptReconnect() {
                 connectToManagerWebSocket()
                 isReconnecting = false
                 if (reconnectAttempts <= maxReconnectAttempts) {
-                    console.log(
-                        `Attempting to reconnect... (${reconnectAttempts}/${maxReconnectAttempts})`
-                    )
+                    console.log(`Attempting to reconnect... (${reconnectAttempts}/${maxReconnectAttempts})`)
                 }
             }, 10000)
-            maxReconnectAttempts >= reconnectAttempts &&
-                console.log('Waiting for 10 seconds before reconnecting')
+            maxReconnectAttempts >= reconnectAttempts && console.log('Waiting for 10 seconds before reconnecting')
         } else {
-            console.error(
-                'Max reconnect attempts reached. Exiting application.'
-            )
+            console.error('Max reconnect attempts reached. Exiting application.')
             process.exit(1)
         }
     }
diff --git a/agent-node/src/service/AgentRpc.ts b/agent-node/src/service/AgentRpc.ts
index a877d028..eefc4f63 100644
--- a/agent-node/src/service/AgentRpc.ts
+++ b/agent-node/src/service/AgentRpc.ts
@@ -27,10 +27,7 @@ export class AgentRpc extends RpcV1 {
     handleMethodCall(method: string, args: any[]) {
         this.handlers['methodCall'](method, args)
     }
-    on(
-        eventType: 'methodCall',
-        handler: (method: string, args: any[]) => any
-    ): void
+    on(eventType: 'methodCall', handler: (method: string, args: any[]) => any): void
     on(eventType: 'event', handler: (topic: string, message: any) => void): void
     on(eventType: AgentEventType, handler: any): void {
         this.handlers[eventType] = handler
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 6c315812..2f6721af 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -2,12 +2,7 @@ import { ManagerInterface } from './ManagerInterfaceService'
 import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
 import { AgentRunner } from '../executor/AgentRunner'
 import { compareValue } from '../utils/validator'
-import {
-    IBooleanNode,
-    IEventBasedAction,
-    IFieldNode,
-    IFilterNode,
-} from '../types/eventTriger'
+import { IBooleanNode, IEventBasedAction, IFieldNode, IFilterNode } from '../types/eventTriger'
 import { DecodedBlock } from '../executor/TxListener'
 import { reconstructTxFromPaths } from '../utils/event/eventFilterFormatter'
 
@@ -25,12 +20,7 @@ export class EventTriggerHandler {
                 this.eventBasedActions.forEach((eventBasedAction) => {
                     const handler = (this as any)['transactionHandler']
                     if (handler !== undefined && handler !== 'constructor') {
-                        handler.bind(this)(
-                            tx,
-                            eventBasedAction,
-                            block,
-                            agentRunners
-                        )
+                        handler.bind(this)(tx, eventBasedAction, block, agentRunners)
                     }
                 })
             })
@@ -46,33 +36,21 @@ export class EventTriggerHandler {
         let result
         const matchedTxPath: any = []
         try {
-            console.log(
-                'Tx:',
-                tx.hash.toString('hex'),
-                'tx.outputs=',
-                tx.body.outputs.length,
-                'inputs=',
-                tx.body.inputs.length
-            )
             result = this.solveNode(
                 { tx: tx.body, transaction: tx.body },
                 eventBasedAction.eventTrigger,
                 [],
                 matchedTxPath
             )
-            console.log('tx=', tx.hash.toString('hex'), 'solution=', result)
+            console.debug('tx=', tx.hash.toString('hex'), 'solution=', result)
         } catch (e) {
             console.error('Error handling event', e)
             return
         }
 
-        const matchedEventContext = reconstructTxFromPaths(
-            { tx: tx.body },
-            matchedTxPath
-        )
+        const matchedEventContext = reconstructTxFromPaths({ tx: tx.body }, matchedTxPath)
 
-        const { function_name, parameters } =
-            eventBasedAction.triggeringFunction
+        const { function_name, parameters } = eventBasedAction.triggeringFunction
         if (result && agentRunners) {
             const eventContext = {
                 tx,
@@ -92,19 +70,8 @@ export class EventTriggerHandler {
         }
     }
 
-    solveNode(
-        targetObject: any,
-        filterNode: IFilterNode,
-        parentNodes: string[],
-        matchedTxPath: any
-    ) {
-        return this.solveNodeInternal(
-            targetObject,
-            filterNode,
-            filterNode.id,
-            parentNodes,
-            matchedTxPath
-        )
+    solveNode(targetObject: any, filterNode: IFilterNode, parentNodes: string[], matchedTxPath: any) {
+        return this.solveNodeInternal(targetObject, filterNode, filterNode.id, parentNodes, matchedTxPath)
     }
 
     solveNodeInternal(
@@ -117,18 +84,8 @@ export class EventTriggerHandler {
         if (nodes === undefined || nodes.length == 0) {
             const result =
                 'children' in filterNode
-                    ? this.solveBooleanNode(
-                          targetObject,
-                          filterNode,
-                          parent_nodes,
-                          matchedTxPath
-                      )
-                    : this.solveFieldNode(
-                          targetObject,
-                          filterNode,
-                          parent_nodes,
-                          matchedTxPath
-                      )
+                    ? this.solveBooleanNode(targetObject, filterNode, parent_nodes, matchedTxPath)
+                    : this.solveFieldNode(targetObject, filterNode, parent_nodes, matchedTxPath)
             return filterNode.negate ? !result : result
         } else if (typeof nodes === 'string') {
             nodes = [nodes]
@@ -155,25 +112,13 @@ export class EventTriggerHandler {
                     return acc
                 }
                 parent_nodes[node_pos] = index.toString()
-                const result = this.solveNodeInternal(
-                    node,
-                    filterNode,
-                    subArray,
-                    parent_nodes,
-                    matchedTxPath
-                )
+                const result = this.solveNodeInternal(node, filterNode, subArray, parent_nodes, matchedTxPath)
                 console.log(parent_nodes.join('.'), ': result=', result)
                 return result
             }, false)
             parent_nodes.pop()
         } else {
-            result = this.solveNodeInternal(
-                propertyValue,
-                filterNode,
-                subArray,
-                parent_nodes,
-                matchedTxPath
-            )
+            result = this.solveNodeInternal(propertyValue, filterNode, subArray, parent_nodes, matchedTxPath)
         }
         parent_nodes.pop()
         return result
@@ -191,40 +136,14 @@ export class EventTriggerHandler {
             operator = (a: boolean, b: boolean) => a && b
         }
         const result = filterNode.children.reduce((acc, node) => {
-            return operator(
-                acc,
-                this.solveNodeInternal(
-                    targetObject,
-                    node,
-                    node.id,
-                    parent_nodes,
-                    matchedTxPath
-                )
-            )
+            return operator(acc, this.solveNodeInternal(targetObject, node, node.id, parent_nodes, matchedTxPath))
         }, operator !== orOperator)
-        console.log(
-            'id=',
-            filterNode.id,
-            'operator=',
-            filterNode.operator,
-            'result=',
-            result
-        )
+        console.log('id=', filterNode.id, 'operator=', filterNode.operator, 'result=', result)
         return result
     }
 
-    solveFieldNode(
-        targetObject: any,
-        filterNode: IFieldNode,
-        parent_nodes: string[],
-        matchedTxPath: any
-    ): boolean {
-        const result = compareValue(
-            filterNode.operator,
-            filterNode.value,
-            targetObject,
-            parent_nodes
-        )
+    solveFieldNode(targetObject: any, filterNode: IFieldNode, parent_nodes: string[], matchedTxPath: any): boolean {
+        const result = compareValue(filterNode.operator, filterNode.value, targetObject, parent_nodes)
         if (result) {
             const matchKey = parent_nodes.join('.') || 'root'
             matchedTxPath.push(matchKey)
diff --git a/agent-node/src/service/KuberService.ts b/agent-node/src/service/KuberService.ts
index 5a7ade34..83cf1aa2 100644
--- a/agent-node/src/service/KuberService.ts
+++ b/agent-node/src/service/KuberService.ts
@@ -1,11 +1,6 @@
 import { bech32 } from 'bech32'
 
-type CertificateType =
-    | 'registerstake'
-    | 'registerdrep'
-    | 'deregisterdrep'
-    | 'delegate'
-    | 'deregisterstake'
+type CertificateType = 'registerstake' | 'registerdrep' | 'deregisterdrep' | 'delegate' | 'deregisterstake'
 
 export type TxSubmitResponse = {
     cborHex: string
@@ -28,11 +23,7 @@ export class Kuber {
     }
 
     static generateCert(type: CertificateType, key: string, dRep: string = '') {
-        if (
-            type === 'registerstake' ||
-            type === 'deregisterdrep' ||
-            type === 'deregisterstake'
-        ) {
+        if (type === 'registerstake' || type === 'deregisterdrep' || type === 'deregisterstake') {
             return {
                 type: type,
                 key: key,
@@ -43,8 +34,7 @@ export class Kuber {
                 key: key,
                 anchor: {
                     url: 'https://bit.ly/3zCH2HL',
-                    dataHash:
-                        '1111111111111111111111111111111111111111111111111111111111111111',
+                    dataHash: '1111111111111111111111111111111111111111111111111111111111111111',
                 },
             }
         } else if (type === 'delegate' && dRep) {
@@ -91,12 +81,6 @@ export class Kuber {
 
     rewardAddressBech32(networkId: number, stakevkh: string): string {
         const prefix = networkId == 0 ? 'stake_test' : 'stake'
-        return bech32.encode(
-            prefix,
-            bech32.toWords(
-                Buffer.from(this.rewardAddressRawBytes(networkId, stakevkh))
-            ),
-            200
-        )
+        return bech32.encode(prefix, bech32.toWords(Buffer.from(this.rewardAddressRawBytes(networkId, stakevkh))), 200)
     }
 }
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index d809d191..fd7d9ef2 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -16,9 +16,7 @@ export class RpcTopicHandler {
     constructor(managerInterface: ManagerInterface, txListener: TxListener) {
         this.managerInterface = managerInterface
         this.txListener = txListener
-        this.eventTriggerHandlers = new EventTriggerHandler(
-            this.managerInterface
-        )
+        this.eventTriggerHandlers = new EventTriggerHandler(this.managerInterface)
     }
     handleEvent(
         eventName: string,
@@ -44,39 +42,19 @@ export class RpcTopicHandler {
             'txCount=' + transactions.length
         )
         this.txListener.onBlock({ ...block, body: transactions })
-        this.eventTriggerHandlers.onBlock(
-            { ...block, body: transactions },
-            agentRunners
-        )
+        this.eventTriggerHandlers.onBlock({ ...block, body: transactions }, agentRunners)
     }
-    initial_config(
-        message: any,
-        agentRunners: Array<AgentRunner>,
-        scheduledTasks: ScheduledTask[]
-    ) {
+    initial_config(message: any, agentRunners: Array<AgentRunner>, scheduledTasks: ScheduledTask[]) {
         const { configurations } = message
-        const eventBasedActions = formatEventFilter(
-            checkIfAgentWithEventTriggerTypeExists(configurations)
-        )
-        console.log('hello : ', eventBasedActions)
+        const eventBasedActions = formatEventFilter(checkIfAgentWithEventTriggerTypeExists(configurations))
         if (eventBasedActions) {
             this.eventTriggerHandlers.addEventActions(eventBasedActions)
         }
         agentRunners.forEach((runner, index) => {
-            scheduleFunctions(
-                this.managerInterface,
-                runner,
-                configurations,
-                index,
-                scheduledTasks
-            )
+            scheduleFunctions(this.managerInterface, runner, configurations, index, scheduledTasks)
         })
     }
-    config_updated(
-        message: any,
-        agentRunners: Array<AgentRunner>,
-        scheduledTasks: ScheduledTask[]
-    ) {
+    config_updated(message: any, agentRunners: Array<AgentRunner>, scheduledTasks: ScheduledTask[]) {
         const { instanceCount, configurations } = message
         if (instanceCount != agentRunners.length) {
             if (instanceCount < agentRunners.length) {
@@ -86,10 +64,7 @@ export class RpcTopicHandler {
                 Array(increasedRunner)
                     .fill('')
                     .forEach(async (item, index) => {
-                        const runner = new AgentRunner(
-                            this.managerInterface,
-                            this.txListener
-                        )
+                        const runner = new AgentRunner(this.managerInterface, this.txListener)
                         await runner.remakeContext(agentRunners.length + index)
                         agentRunners.push(runner)
                     })
@@ -98,13 +73,7 @@ export class RpcTopicHandler {
         checkIfAgentWithEventTriggerTypeExists(configurations)
         clearScheduledTasks(scheduledTasks)
         agentRunners.forEach((runner, index) => {
-            scheduleFunctions(
-                this.managerInterface,
-                runner,
-                configurations,
-                index,
-                scheduledTasks
-            )
+            scheduleFunctions(this.managerInterface, runner, configurations, index, scheduledTasks)
         })
     }
 
diff --git a/agent-node/src/service/TriggerActionHandler.ts b/agent-node/src/service/TriggerActionHandler.ts
index 4656ae15..7ef6bdf8 100644
--- a/agent-node/src/service/TriggerActionHandler.ts
+++ b/agent-node/src/service/TriggerActionHandler.ts
@@ -48,10 +48,7 @@ export class TriggerActionHandler {
     }
 
     setTimeOut() {
-        console.log(
-            'Timout initialized of 80 second... , TriggerQueue ',
-            this.triggerQueue
-        )
+        console.log('Timout initialized of 80 second... , TriggerQueue ', this.triggerQueue)
         this.timeOut = setTimeout(() => {
             if (this.triggerQueue.length) {
                 this.triggerQueue = removeRedundantTrigger(this.triggerQueue)
@@ -88,13 +85,7 @@ export class TriggerActionHandler {
             success: true,
             instanceIndex: 0,
         }
-        triggerAction(
-            this,
-            this.managerInterface,
-            action['function_name'],
-            action['parameters'],
-            triggerType
-        )
+        triggerAction(this, this.managerInterface, action['function_name'], action['parameters'], triggerType)
             .then((res) => {
                 console.log('Tx Hash of res is : ', res)
                 if (res) {
@@ -133,8 +124,7 @@ function removeRedundantTrigger(triggerQueue: Array<ITrigger>) {
     const secondTrigger = triggerQueue.at(1)
     if (
         firstTrigger?.triggerType === secondTrigger?.triggerType &&
-        firstTrigger?.action.function_name ===
-            secondTrigger?.action.function_name
+        firstTrigger?.action.function_name === secondTrigger?.action.function_name
     ) {
         triggerQueue.shift()
     }
diff --git a/agent-node/src/service/WsClientPipe.ts b/agent-node/src/service/WsClientPipe.ts
index d8fd221a..b178d071 100644
--- a/agent-node/src/service/WsClientPipe.ts
+++ b/agent-node/src/service/WsClientPipe.ts
@@ -18,10 +18,7 @@ export class WsClientPipe extends Pipe<any, any> {
         })
     }
 
-    write(
-        chunk: any,
-        cb?: ((error?: Error | undefined) => void) | undefined
-    ): boolean {
+    write(chunk: any, cb?: ((error?: Error | undefined) => void) | undefined): boolean {
         this.ws.send(chunk, { binary: true }, cb)
         return true
     }
diff --git a/agent-node/src/service/transactionBuilder.ts b/agent-node/src/service/transactionBuilder.ts
index a76e1e5d..0352b835 100644
--- a/agent-node/src/service/transactionBuilder.ts
+++ b/agent-node/src/service/transactionBuilder.ts
@@ -9,21 +9,15 @@ export class AgentTransactionBuilder {
 
     constructor(agentWalletDetails: AgentWalletDetails) {
         this.agentWalletDetails = agentWalletDetails
-        this.kuber = new Kuber(
-            this.agentWalletDetails.agent_address,
-            this.agentWalletDetails.payment_signing_key
-        )
+        this.kuber = new Kuber(this.agentWalletDetails.agent_address, this.agentWalletDetails.payment_signing_key)
     }
 
     public static setInstance(agentWalletDetails: AgentWalletDetails) {
-        AgentTransactionBuilder.agentTxBuilderInstance =
-            new AgentTransactionBuilder(agentWalletDetails)
+        AgentTransactionBuilder.agentTxBuilderInstance = new AgentTransactionBuilder(agentWalletDetails)
     }
 
     public static getInstance() {
-        return AgentTransactionBuilder.agentTxBuilderInstance
-            ? AgentTransactionBuilder.agentTxBuilderInstance
-            : null
+        return AgentTransactionBuilder.agentTxBuilderInstance ? AgentTransactionBuilder.agentTxBuilderInstance : null
     }
 
     transferADA(receiverAddress: string, ADA = 10) {
@@ -39,12 +33,7 @@ export class AgentTransactionBuilder {
     dRepRegistration() {
         const req = {
             inputs: this.agentWalletDetails.agent_address,
-            certificates: [
-                Kuber.generateCert(
-                    'registerdrep',
-                    this.agentWalletDetails.stake_verification_key_hash
-                ),
-            ],
+            certificates: [Kuber.generateCert('registerdrep', this.agentWalletDetails.stake_verification_key_hash)],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
     }
@@ -52,12 +41,7 @@ export class AgentTransactionBuilder {
     dRepDeRegistration() {
         const req = {
             inputs: this.agentWalletDetails.agent_address,
-            certificates: [
-                Kuber.generateCert(
-                    'deregisterdrep',
-                    this.agentWalletDetails.stake_verification_key_hash
-                ),
-            ],
+            certificates: [Kuber.generateCert('deregisterdrep', this.agentWalletDetails.stake_verification_key_hash)],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
     }
@@ -65,28 +49,19 @@ export class AgentTransactionBuilder {
     stakeDelegation(drepId: string) {
         const req = {
             certificates: [
-                Kuber.generateCert(
-                    'delegate',
-                    this.agentWalletDetails.payment_verification_key_hash,
-                    drepId
-                ),
+                Kuber.generateCert('delegate', this.agentWalletDetails.payment_verification_key_hash, drepId),
             ],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
     }
 
     noConfidence(anchorUrl: string, anchorDataHash: string) {
-        const rewardAddress = this.kuber.rewardAddressBech32(
-            0,
-            this.agentWalletDetails.stake_verification_key_hash
-        )
+        const rewardAddress = this.kuber.rewardAddressBech32(0, this.agentWalletDetails.stake_verification_key_hash)
         const infoProposal = {
             refundAccount: rewardAddress,
             anchor: {
                 url: anchorUrl || 'https://bit.ly/3zCH2HL',
-                dataHash:
-                    anchorDataHash ||
-                    '1111111111111111111111111111111111111111111111111111111111111111',
+                dataHash: anchorDataHash || '1111111111111111111111111111111111111111111111111111111111111111',
             },
         }
         return this.kuber.signTx({
@@ -94,22 +69,13 @@ export class AgentTransactionBuilder {
         })
     }
 
-    treasuryWithdrawal(
-        anchorUrl: string,
-        anchorDataHash: string,
-        withdrawal: Record<string, number>
-    ) {
-        const rewardAddress = this.kuber.rewardAddressBech32(
-            0,
-            this.agentWalletDetails.stake_verification_key_hash
-        )
+    treasuryWithdrawal(anchorUrl: string, anchorDataHash: string, withdrawal: Record<string, number>) {
+        const rewardAddress = this.kuber.rewardAddressBech32(0, this.agentWalletDetails.stake_verification_key_hash)
         const infoProposal = {
             refundAccount: rewardAddress,
             anchor: {
                 url: anchorUrl || 'https://bit.ly/3zCH2HL',
-                dataHash:
-                    anchorDataHash ||
-                    '1111111111111111111111111111111111111111111111111111111111111111',
+                dataHash: anchorDataHash || '1111111111111111111111111111111111111111111111111111111111111111',
             },
             withdraw: withdrawal,
         }
@@ -126,17 +92,12 @@ export class AgentTransactionBuilder {
         addingCommittee: Record<string, number>,
         removingCommittee: Array<string>
     ) {
-        const rewardAddress = this.kuber.rewardAddressBech32(
-            0,
-            this.agentWalletDetails.stake_verification_key_hash
-        )
+        const rewardAddress = this.kuber.rewardAddressBech32(0, this.agentWalletDetails.stake_verification_key_hash)
         const infoProposal = {
             refundAccount: rewardAddress,
             anchor: {
                 url: anchorUrl || 'https://bit.ly/3zCH2HL',
-                dataHash:
-                    anchorDataHash ||
-                    '1111111111111111111111111111111111111111111111111111111111111111',
+                dataHash: anchorDataHash || '1111111111111111111111111111111111111111111111111111111111111111',
             },
             updatecommittee: {
                 add: addingCommittee,
@@ -159,10 +120,7 @@ export class AgentTransactionBuilder {
         newConstitutionDataHash: string,
         guardRailScript: string | undefined
     ) {
-        const rewardAddress = this.kuber.rewardAddressBech32(
-            0,
-            this.agentWalletDetails.stake_verification_key_hash
-        )
+        const rewardAddress = this.kuber.rewardAddressBech32(0, this.agentWalletDetails.stake_verification_key_hash)
         const req = {
             proposals: [
                 {
@@ -184,12 +142,7 @@ export class AgentTransactionBuilder {
 
     registerStake() {
         const req = {
-            certificates: [
-                Kuber.generateCert(
-                    'registerstake',
-                    this.agentWalletDetails.stake_verification_key_hash
-                ),
-            ],
+            certificates: [Kuber.generateCert('registerstake', this.agentWalletDetails.stake_verification_key_hash)],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
     }
@@ -202,12 +155,7 @@ export class AgentTransactionBuilder {
                 value: '10A',
                 addChange: true,
             },
-            certificates: [
-                Kuber.generateCert(
-                    'deregisterstake',
-                    this.agentWalletDetails.stake_verification_key_hash
-                ),
-            ],
+            certificates: [Kuber.generateCert('deregisterstake', this.agentWalletDetails.stake_verification_key_hash)],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
     }
@@ -224,9 +172,7 @@ export class AgentTransactionBuilder {
             },
             anchor: {
                 url: anchorUrl || 'https://bit.ly/3zCH2HL',
-                dataHash:
-                    anchorDataHash ||
-                    '1111111111111111111111111111111111111111111111111111111111111111',
+                dataHash: anchorDataHash || '1111111111111111111111111111111111111111111111111111111111111111',
             },
         }
         return this.kuber.signTx({
@@ -255,11 +201,7 @@ export class AgentTransactionBuilder {
     abstainDelegation() {
         const req = {
             certificates: [
-                Kuber.generateCert(
-                    'delegate',
-                    this.agentWalletDetails.stake_verification_key_hash,
-                    'abstain'
-                ),
+                Kuber.generateCert('delegate', this.agentWalletDetails.stake_verification_key_hash, 'abstain'),
             ],
         }
         return this.kuber.signTx(req, this.agentWalletDetails.stake_signing_key)
diff --git a/agent-node/src/service/triggerService.ts b/agent-node/src/service/triggerService.ts
index af64e34a..d49c87cb 100644
--- a/agent-node/src/service/triggerService.ts
+++ b/agent-node/src/service/triggerService.ts
@@ -34,12 +34,7 @@ function mergeObjectsValueIntoSingleObject(
 ) {
     const objectsMap = new Map()
     values.forEach((val) =>
-        objectsMap.set(
-            val[recordString1],
-            recordString2Type === 'number'
-                ? +val[recordString2]
-                : val[recordString2]
-        )
+        objectsMap.set(val[recordString1], recordString2Type === 'number' ? +val[recordString2] : val[recordString2])
     )
     return Object.fromEntries(objectsMap)
 }
@@ -87,15 +82,10 @@ export async function triggerAction(
                 throw err
             })
         case 'stakeDelegation':
-            body = transactionBuilder.stakeDelegation(
-                getParameterValue(parameters, 'drep') || 'abstain'
-            )
+            body = transactionBuilder.stakeDelegation(getParameterValue(parameters, 'drep') || 'abstain')
             return managerInterface.buildTx(body, true).catch((err: Error) => {
                 if (err && err.message.includes('StakeKeyNotRegisteredDELEG')) {
-                    triggerHandler.setTriggerOnQueue(
-                        { function_name: 'registerStake', parameters: [] },
-                        'INTERNAL'
-                    )
+                    triggerHandler.setTriggerOnQueue({ function_name: 'registerStake', parameters: [] }, 'INTERNAL')
                     triggerHandler.setTriggerOnQueue(
                         {
                             function_name: 'stakeDelegation',
@@ -113,19 +103,12 @@ export async function triggerAction(
             anchor = getParameterValue(parameters, 'anchor') || []
             anchorUrl = getParameterValue(anchor, 'url') || ''
             anchorDataHash = getParameterValue(anchor, 'dataHash') || ''
-            body = transactionBuilder.voteOnProposal(
-                proposal,
-                anchorUrl,
-                anchorDataHash
-            )
+            body = transactionBuilder.voteOnProposal(proposal, anchorUrl, anchorDataHash)
             return managerInterface.buildTx(body, true).catch((err: Error) => {
                 if (err && err.message.includes('GovActionsDoNotExist')) {
                     throw new Error('Governance Action Proposal doesnot exist')
                 } else if (err && err.message.includes('VotersDoNotExist')) {
-                    triggerHandler.setTriggerOnQueue(
-                        { function_name: 'dRepRegistration', parameters: [] },
-                        'INTERNAL'
-                    )
+                    triggerHandler.setTriggerOnQueue({ function_name: 'dRepRegistration', parameters: [] }, 'INTERNAL')
                     triggerHandler.setTriggerOnQueue(
                         {
                             function_name: 'voteOnProposal',
@@ -150,15 +133,10 @@ export async function triggerAction(
             anchor = getParameterValue(parameters, 'anchor') || []
             anchorUrl = getParameterValue(anchor, 'url')
             anchorDataHash = getParameterValue(anchor, 'dataHash')
-            newConstitution =
-                getParameterValue(parameters, 'newConstitution') || []
+            newConstitution = getParameterValue(parameters, 'newConstitution') || []
             newConstitutionUrl = getParameterValue(newConstitution, 'url')
-            newConstitutionDataHAsh = getParameterValue(
-                newConstitution,
-                'dataHash'
-            )
-            guardRailScript =
-                getParameterValue(parameters, 'guardrailScript') || undefined
+            newConstitutionDataHAsh = getParameterValue(newConstitution, 'dataHash')
+            guardRailScript = getParameterValue(parameters, 'guardrailScript') || undefined
             body = transactionBuilder.proposalNewConstitution(
                 anchorUrl,
                 anchorDataHash,
@@ -189,11 +167,7 @@ export async function triggerAction(
                 'amount',
                 'number'
             )
-            body = transactionBuilder.treasuryWithdrawal(
-                anchorUrl,
-                anchorDataHash,
-                withdrawal
-            )
+            body = transactionBuilder.treasuryWithdrawal(anchorUrl, anchorDataHash, withdrawal)
             return managerInterface.buildTx(body, true).catch((err: Error) => {
                 throw err
             })
@@ -226,10 +200,7 @@ export async function triggerAction(
         case 'dRepRegistration':
             body = transactionBuilder.dRepRegistration()
             return managerInterface.buildTx(body, true).catch((err: Error) => {
-                if (
-                    err &&
-                    err.message.includes('ConwayDRepAlreadyRegistered')
-                ) {
+                if (err && err.message.includes('ConwayDRepAlreadyRegistered')) {
                     throw new Error(`Drep is already registered`)
                 } else {
                     throw err
@@ -256,10 +227,7 @@ export async function triggerAction(
         case 'stakeDeRegistration':
             body = transactionBuilder.stakeDeRegistration()
             return managerInterface.buildTx(body, true).catch((err: Error) => {
-                if (
-                    err &&
-                    err.message.includes('Stake address is not registered')
-                ) {
+                if (err && err.message.includes('Stake address is not registered')) {
                     throw new Error('Stake Address is not registered.')
                 } else {
                     throw err
diff --git a/agent-node/src/types/eventTriger.ts b/agent-node/src/types/eventTriger.ts
index 26ceda27..3c31e259 100644
--- a/agent-node/src/types/eventTriger.ts
+++ b/agent-node/src/types/eventTriger.ts
@@ -1,12 +1,7 @@
 import { Action } from '../service/triggerService'
 
 export type BooleanOperator = 'AND' | 'OR'
-export type ComparisonOperator =
-    | 'equals'
-    | 'greaterThan'
-    | 'lessThan'
-    | 'in'
-    | 'exists'
+export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in' | 'exists'
 
 export interface IEventBasedAction {
     eventTrigger: IBooleanNode | IFieldNode
diff --git a/agent-node/src/utils/agent.ts b/agent-node/src/utils/agent.ts
index 9f02d768..9ac3fa38 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -1,26 +1,16 @@
-import {
-    Action,
-    ActionParameter,
-    Configuration,
-    TriggerType,
-} from '../service/triggerService'
+import { Action, ActionParameter, Configuration, TriggerType } from '../service/triggerService'
 import { ManagerInterface } from '../service/ManagerInterfaceService'
 import { CallLog } from '../executor/Executor'
 import { ILog, InternalLog } from '../service/TriggerActionHandler'
 import { DateTime } from 'luxon'
 import { IEventBasedAction, IFilterNode } from '../types/eventTriger'
 
-export function getParameterValue(
-    parameters: ActionParameter[] = [],
-    name: string
-): any {
+export function getParameterValue(parameters: ActionParameter[] = [], name: string): any {
     const param = parameters.find((param) => param && param.name === name)
     return param ? param.value : ''
 }
 
-export function checkIfAgentWithEventTriggerTypeExists(
-    configurations: Configuration[]
-) {
+export function checkIfAgentWithEventTriggerTypeExists(configurations: Configuration[]) {
     const eventBasedAction: IEventBasedAction[] = []
     configurations.forEach((config) => {
         if (config.type === 'EVENT') {
@@ -69,9 +59,7 @@ export function saveTxLog(
                 txLog.txHash = mainLog.return.hash
             } else if (mainLog.error) {
                 txLog.result = mainLog.error
-                txLog.message =
-                    mainLog.error &&
-                    ((mainLog.error as Error).message ?? mainLog.error)
+                txLog.message = mainLog.error && ((mainLog.error as Error).message ?? mainLog.error)
                 txLog.success = false
             }
             callLogs.length &&
@@ -87,8 +75,7 @@ export function saveTxLog(
                         internalLog.txHash = log.return.hash
                     } else if (log.error) {
                         internalLog.result = log.error
-                        internalLog.message =
-                            log.error && (log.error.message ?? log.error)
+                        internalLog.message = log.error && (log.error.message ?? log.error)
                         internalLog.success = false
                     }
                     internalLog.timeStamp = DateTime.utc().toISO()
diff --git a/agent-node/src/utils/cardano.ts b/agent-node/src/utils/cardano.ts
index 9f8a46e6..b10e125d 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -13,26 +13,15 @@ export function rewardAddressRawBytes(network: number, stakevkh: string) {
     return result
 }
 
-export function rewardAddressBech32(
-    networkId: number,
-    stakevkh: string
-): string {
+export function rewardAddressBech32(networkId: number, stakevkh: string): string {
     const prefix = networkId == 0 ? 'stake_test' : 'stake'
-    return bech32.encode(
-        prefix,
-        bech32.toWords(Buffer.from(rewardAddressRawBytes(networkId, stakevkh))),
-        200
-    )
+    return bech32.encode(prefix, bech32.toWords(Buffer.from(rewardAddressRawBytes(networkId, stakevkh))), 200)
 }
 
 export function convertToBufferIfBech32(address: any): Buffer | string | any {
     if (!address) return ''
     else if (typeof address !== 'string') return address
-    else if (
-        address.includes('stake') ||
-        address.includes('drep') ||
-        address.includes('addr')
-    ) {
+    else if (address.includes('stake') || address.includes('drep') || address.includes('addr')) {
         const decoded = bech32.decode(address, 1000)
         const data = bech32.fromWords(decoded.words)
         return Buffer.from(data)
diff --git a/agent-node/src/utils/event/eventFilterFormatter.ts b/agent-node/src/utils/event/eventFilterFormatter.ts
index e1a208ad..8101e7c2 100644
--- a/agent-node/src/utils/event/eventFilterFormatter.ts
+++ b/agent-node/src/utils/event/eventFilterFormatter.ts
@@ -35,12 +35,12 @@ function flattenIds(obj: any) {
 
 function flattenFilterChildWithParentId(data: IBooleanNode) {
     data.children = data.children.map((child) => {
-        if (
-            'children' in child &&
-            child.children.length === 1 &&
-            child.children[0].id === child.id
-        ) {
-            return child.children[0]
+        if ('children' in child && child.children.length) {
+            const similarChild = child.children.find((c) => c.id === child.id)
+            if (similarChild) {
+                return similarChild
+            }
+            return child
         }
         return child
     })
@@ -54,9 +54,7 @@ export function formatEventFilter(data: IEventBasedAction[]) {
             eventTrigger: {
                 ...('children' in item.eventTrigger
                     ? item.eventTrigger.children.length == 1
-                        ? flattenIds(
-                              flattenFilterChildWithParentId(item.eventTrigger)
-                          )
+                        ? flattenIds(flattenFilterChildWithParentId(item.eventTrigger))
                         : flattenFilterChildWithParentId(item.eventTrigger)
                     : item.eventTrigger),
             },
@@ -87,21 +85,14 @@ export function reconstructTxFromPaths(tx: any, matchingPaths: any) {
 
                 source = source[arrayIndex]
                 target[targetArrayId] = [
-                    ...target[targetArrayId].filter(
-                        (o: any) => !!o.matchedIndex
-                    ),
+                    ...target[targetArrayId].filter((o: any) => !!o.matchedIndex),
                     { ...source, matchedIndex: arrayIndex },
                 ]
             } else {
                 // Regular key handling
                 if (isLastKey) {
-                    if (
-                        typeof source[key] === 'object' &&
-                        source[key] !== null
-                    ) {
-                        target[key] = JSON.parse(
-                            JSON.stringify(source[key], customReplacer, 2)
-                        ) // Deep copy
+                    if (typeof source[key] === 'object' && source[key] !== null) {
+                        target[key] = JSON.parse(JSON.stringify(source[key], customReplacer, 2)) // Deep copy
                     } else {
                         target[key] = source[key]
                     }
diff --git a/agent-node/src/utils/metadataContent/drepMetadataContent.ts b/agent-node/src/utils/metadataContent/drepMetadataContent.ts
index a4f882bb..5a9c8c4d 100644
--- a/agent-node/src/utils/metadataContent/drepMetadataContent.ts
+++ b/agent-node/src/utils/metadataContent/drepMetadataContent.ts
@@ -1,7 +1,4 @@
-export function generateRegisterDrepMetadataContent(
-    drepName: string,
-    paymentAddress: string
-) {
+export function generateRegisterDrepMetadataContent(drepName: string, paymentAddress: string) {
     return JSON.stringify({
         '@context': {
             '@language': 'en-us',
@@ -15,8 +12,7 @@ export function generateRegisterDrepMetadataContent(
                         '@id': 'CIP119:references',
                         '@container': '@set',
                         '@context': {
-                            GovernanceMetadata:
-                                'CIP100:GovernanceMetadataReference',
+                            GovernanceMetadata: 'CIP100:GovernanceMetadataReference',
                             Identity: 'CIP100:IdentityReference',
                             Link: 'CIP100:LinkReference',
                             Other: 'CIP100:OtherReference',
@@ -60,8 +56,7 @@ export function generateRegisterDrepMetadataContent(
         hashAlgorithm: 'blake2b-256',
         body: {
             givenName: `${drepName}`,
-            motivations:
-                'This Drep is generated automatically by autonomous-agent-testing',
+            motivations: 'This Drep is generated automatically by autonomous-agent-testing',
             objectives: 'This is the automatically generated DRep for testing.',
             paymentAddress: `${paymentAddress}`,
             qualifications: 'Known for running test in cardano blockchain.',
diff --git a/agent-node/src/utils/metadataContent/proposalMetadataContent.ts b/agent-node/src/utils/metadataContent/proposalMetadataContent.ts
index 47a3df85..40820adc 100644
--- a/agent-node/src/utils/metadataContent/proposalMetadataContent.ts
+++ b/agent-node/src/utils/metadataContent/proposalMetadataContent.ts
@@ -12,8 +12,7 @@ export function generateProposalMetadataContent(agentName: string) {
                         '@id': 'CIP108:references',
                         '@container': '@set',
                         '@context': {
-                            GovernanceMetadata:
-                                'CIP100:GovernanceMetadataReference',
+                            GovernanceMetadata: 'CIP100:GovernanceMetadataReference',
                             Other: 'CIP100:OtherReference',
                             label: 'CIP100:reference-label',
                             uri: 'CIP100:reference-uri',
@@ -52,8 +51,7 @@ export function generateProposalMetadataContent(agentName: string) {
         hashAlgorithm: 'blake2b-256',
         body: {
             abstract: `This proposal is created automatically by agent: ${agentName}`,
-            motivation:
-                'This proposal is automatically generated by autonomous-agent-testing.',
+            motivation: 'This proposal is automatically generated by autonomous-agent-testing.',
             references: [
                 {
                     '@type': 'Other',
@@ -62,8 +60,7 @@ export function generateProposalMetadataContent(agentName: string) {
                 },
             ],
             title: `Proposal By Agent ${agentName}`,
-            rationale:
-                'This proposal was created as a part of testing for autonomous-agent-testing',
+            rationale: 'This proposal was created as a part of testing for autonomous-agent-testing',
         },
     })
 }
diff --git a/agent-node/src/utils/metadataContent/voteMetadataContent.ts b/agent-node/src/utils/metadataContent/voteMetadataContent.ts
index 13b2b042..3df04d7a 100644
--- a/agent-node/src/utils/metadataContent/voteMetadataContent.ts
+++ b/agent-node/src/utils/metadataContent/voteMetadataContent.ts
@@ -11,8 +11,7 @@ export function generateVoteMetadataContent() {
                         '@id': 'CIP100:references',
                         '@container': '@set',
                         '@context': {
-                            GovernanceMetadata:
-                                'CIP100:GovernanceMetadataReference',
+                            GovernanceMetadata: 'CIP100:GovernanceMetadataReference',
                             Other: 'CIP100:OtherReference',
                             label: 'CIP100:reference-label',
                             uri: 'CIP100:reference-uri',
@@ -53,8 +52,7 @@ export function generateVoteMetadataContent() {
         },
         authors: [],
         body: {
-            comment:
-                'This is the automated vote generated by autonomous-agent-testing',
+            comment: 'This is the automated vote generated by autonomous-agent-testing',
         },
         hashAlgorithm: 'blake2b-256',
     })
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index 55974ae0..aaa89f73 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -22,6 +22,7 @@ const operatorNameToSymbol: Record<string, string> = {
     //     js suport
     contains: 'contains',
 }
+
 class LogicalFunctions {
     private typeHandlers: Map<string, Record<string, TypeHandler>>
 
@@ -38,9 +39,7 @@ class LogicalFunctions {
         const typeRegistry = this.typeHandlers.get(type)!
 
         if (typeRegistry[operator]) {
-            throw new Error(
-                `Operator "${operator}" for type "${type}" is already registered.`
-            )
+            throw new Error(`Operator "${operator}" for type "${type}" is already registered.`)
         }
 
         typeRegistry[operator] = handler
@@ -90,27 +89,11 @@ class LogicalFunctions {
             }
         }
 
-        // If still not found, try for primitive types such as number, string, etc.
-        if (this.typeHandlers.has('number')) {
-            const numberHandlers = this.typeHandlers.get('number')!
-            if (numberHandlers[operator]) {
-                return numberHandlers[operator](a, b)
-            }
-        }
-
-        console.log(
-            'typeHandlers',
-            JSON.stringify(Array.from(this.typeHandlers.keys()), undefined, 2)
-        )
-        console.log(
-            'typeHandlersvalues',
-            JSON.stringify(Array.from(this.typeHandlers.values()), undefined, 2)
-        )
+        console.log('typeHandlers', JSON.stringify(Array.from(this.typeHandlers.keys()), undefined, 2))
+        console.log('typeHandlersvalues', JSON.stringify(Array.from(this.typeHandlers.values()), undefined, 2))
 
         // If operator is not found for the types of operands, throw an error
-        throw new Error(
-            `Operator "${operator}" is not supported for operands of types "${aClass}" and "${bClass}".`
-        )
+        throw new Error(`Operator "${operator}" is not supported for operands of types "${aClass}" and "${bClass}".`)
     }
 }
 
@@ -132,40 +115,16 @@ _logicalFunctions.register('string', '>', (a: string, b: string) => a > b)
 _logicalFunctions.register('string', '<', (a: string, b: string) => a < b)
 _logicalFunctions.register('string', '>=', (a: string, b: string) => a >= b)
 _logicalFunctions.register('string', '<=', (a: string, b: string) => a <= b)
-_logicalFunctions.register(
-    'string',
-    'contains',
-    (a: string, b: string) => a.includes(b) || b.includes(a)
-)
+_logicalFunctions.register('string', 'contains', (a: string, b: string) => a.includes(b) || b.includes(a))
 
 // Register handlers for buffers
-_logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) =>
-    a.equals(b)
-)
-_logicalFunctions.register(
-    'buffer',
-    '!=',
-    (a: Buffer, b: Buffer) => !a.equals(b)
-)
-_logicalFunctions.register(
-    'buffer',
-    '>',
-    (a: Buffer, b: Buffer) => a.compare(b) > 0
-)
-_logicalFunctions.register(
-    'buffer',
-    '<',
-    (a: Buffer, b: Buffer) => a.compare(b) < 0
-)
-_logicalFunctions.register(
-    'buffer',
-    '>=',
-    (a: Buffer, b: Buffer) => a.compare(b) >= 0
-)
-_logicalFunctions.register(
-    'buffer',
-    '<=',
-    (a: Buffer, b: Buffer) => a.compare(b) <= 0
-)
+_logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) => a.equals(b))
+
+_logicalFunctions.register('buffer', '!=', (a: Buffer, b: Buffer) => !a.equals(b))
+
+_logicalFunctions.register('buffer', '>', (a: Buffer, b: Buffer) => a.compare(b) > 0)
+_logicalFunctions.register('buffer', '<', (a: Buffer, b: Buffer) => a.compare(b) < 0)
+_logicalFunctions.register('buffer', '>=', (a: Buffer, b: Buffer) => a.compare(b) >= 0)
+_logicalFunctions.register('buffer', '<=', (a: Buffer, b: Buffer) => a.compare(b) <= 0)
 
 export const logicalFunctions = _logicalFunctions
diff --git a/agent-node/src/utils/scheduler.ts b/agent-node/src/utils/scheduler.ts
index a837014e..140e32ae 100644
--- a/agent-node/src/utils/scheduler.ts
+++ b/agent-node/src/utils/scheduler.ts
@@ -31,12 +31,7 @@ function createTask(
                     instanceIndex: instanceIndex,
                 })
             } else {
-                agentRunner.invokeFunction(
-                    'CRON',
-                    instanceIndex,
-                    action.function_name,
-                    ...(action.parameters as any)
-                )
+                agentRunner.invokeFunction('CRON', instanceIndex, action.function_name, ...(action.parameters as any))
             }
         },
         {
@@ -56,14 +51,7 @@ export function scheduleFunctions(
         const { data, action, type } = config
         if (action && type === 'CRON') {
             const { frequency, probability } = data
-            const task = createTask(
-                runner,
-                manager,
-                action as Action,
-                frequency,
-                probability,
-                instanceIndex
-            )
+            const task = createTask(runner, manager, action as Action, frequency, probability, instanceIndex)
             scheduledTasks.push(task)
         }
         scheduledTasks.forEach((task) => task.start())
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index 7f40ab55..d49999ab 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -11,16 +11,11 @@ export function validateToken(token: string) {
     if (token.split('_')[1].includes('undefined')) {
         return 'Not a valid token. Missing secret key'
     }
-    if (!NetworkName.includes(token.split('_')[0]))
-        return 'Not a valid network name'
+    if (!NetworkName.includes(token.split('_')[0])) return 'Not a valid network name'
     return ''
 }
 
-export function reduceBooleanArray(
-    bools: Array<boolean>,
-    reducer: BooleanOperator,
-    negate: boolean
-): boolean {
+export function reduceBooleanArray(bools: Array<boolean>, reducer: BooleanOperator, negate: boolean): boolean {
     let reducedBooleanLogic
     if (reducer === 'AND') {
         reducedBooleanLogic = bools.reduce((acc, bool) => acc && bool, true)
@@ -42,14 +37,8 @@ export function compareValue(
     //   console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
 
     const filterValue = convertToBufferIfBech32(objectProperty)
-    console.debug(
-        'filterValue=' + filterValue + ', txPropertyVal= ' + txPropertyVal
-    )
-    const result = logicalFunctions.execute(
-        operator,
-        txPropertyVal,
-        filterValue
-    )
+    console.debug('filterValue=' + filterValue + ', txPropertyVal= ' + txPropertyVal)
+    const result = logicalFunctions.execute(operator, txPropertyVal, filterValue)
 
     if (txPropertyVal.constructor.name == 'Buffer') {
         console.debug(
diff --git a/dbsync-api/.prettierrc.json b/dbsync-api/.prettierrc.json
new file mode 100644
index 00000000..4e534aad
--- /dev/null
+++ b/dbsync-api/.prettierrc.json
@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 120
+}
diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
index cc4f9240..0c912619 100644
--- a/frontend/next.config.mjs
+++ b/frontend/next.config.mjs
@@ -7,9 +7,7 @@ import i18nextConfig from './next-i18next.config.js';
 
 const i18n = i18nextConfig.i18n;
 
-const imageDomains = process.env.IMAGE_DOMAINS
-    ? process.env.IMAGE_DOMAINS.split(',')
-    : null;
+const imageDomains = process.env.IMAGE_DOMAINS ? process.env.IMAGE_DOMAINS.split(',') : null;
 const imageDomainsWithOnlyHostname = [];
 
 function getHostnameFromRegex(url) {
@@ -143,10 +141,7 @@ const nextConfigWithSentryIfEnabled =
     !!process.env.SENTRY_ORG &&
     !!process.env.SENTRY_PROJECT &&
     !!process.env.SENTRY_RELEASE
-        ? withSentryConfig(
-              { ...nextConfigWithPWA, devtool: 'source-map' },
-              sentryWebpackPluginOptions
-          )
+        ? withSentryConfig({ ...nextConfigWithPWA, devtool: 'source-map' }, sentryWebpackPluginOptions)
         : nextConfigWithPWA;
 
 export default nextConfigWithSentryIfEnabled;
diff --git a/frontend/prettier.config.js b/frontend/prettier.config.js
index 20b181fb..c741d7e8 100644
--- a/frontend/prettier.config.js
+++ b/frontend/prettier.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-    printWidth: 88,
+    printWidth: 120,
     singleQuote: true,
     tabWidth: 4,
     trailingComma: 'none',
diff --git a/frontend/src/api/agents.ts b/frontend/src/api/agents.ts
index a32315b4..47c20ecb 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -100,11 +100,7 @@ export interface IAgent {
     secret_key?: string;
 }
 
-export const fetchAgents = async (params: {
-    page: number;
-    size: number;
-    search: string;
-}): Promise<IAgent[]> => {
+export const fetchAgents = async (params: { page: number; size: number; search: string }): Promise<IAgent[]> => {
     const { page, size, search } = params;
 
     const queryString = convertToQueryStr(page, size, search);
@@ -205,10 +201,7 @@ export interface AgentTriggerRequestData {
     parameters: Array<any>;
 }
 
-export const manualTriggerForAgent = async (
-    agentId: string,
-    data: AgentTriggerRequestData
-) => {
+export const manualTriggerForAgent = async (agentId: string, data: AgentTriggerRequestData) => {
     const url = `${baseAPIurl}/agents/${agentId}/trigger`;
     try {
         const response = await axios.post(url, data, {
diff --git a/frontend/src/api/auth.ts b/frontend/src/api/auth.ts
index c398f8d3..e014d75f 100644
--- a/frontend/src/api/auth.ts
+++ b/frontend/src/api/auth.ts
@@ -15,9 +15,7 @@ export interface IUserResponse {
     isSuperUser: boolean;
 }
 
-export const SendLoginRequest = async (
-    signedData: ISignedData
-): Promise<IUserResponse> => {
+export const SendLoginRequest = async (signedData: ISignedData): Promise<IUserResponse> => {
     if (!signedData) {
         throw new Error('Signed data is null');
     }
diff --git a/frontend/src/api/templates.ts b/frontend/src/api/templates.ts
index 4f277bdd..3024f605 100644
--- a/frontend/src/api/templates.ts
+++ b/frontend/src/api/templates.ts
@@ -39,11 +39,7 @@ export interface ICreateTemplateRequestDTO {
     template_triggers: ITriggerCreateDto[];
 }
 
-export const fetchTemplates = async (params: {
-    page: number;
-    size: number;
-    search: string;
-}): Promise<ITemplate[]> => {
+export const fetchTemplates = async (params: { page: number; size: number; search: string }): Promise<ITemplate[]> => {
     const { page, size, search } = params;
 
     const queryString = convertToQueryStr(page, size, search);
@@ -63,11 +59,7 @@ export const fetchTemplatebyID = async (templateID: string): Promise<ITemplate>
     return await res.json();
 };
 
-export const postTemplateData = async ({
-    data
-}: {
-    data: ICreateTemplateRequestDTO;
-}) => {
+export const postTemplateData = async ({ data }: { data: ICreateTemplateRequestDTO }) => {
     try {
         const response = await axios.post(
             `${baseAPIurl}/templates`,
diff --git a/frontend/src/api/trigger.ts b/frontend/src/api/trigger.ts
index 0c2fb61a..9df1e0ea 100644
--- a/frontend/src/api/trigger.ts
+++ b/frontend/src/api/trigger.ts
@@ -1,11 +1,6 @@
 import axios from 'axios';
 
-import {
-    IAgentAction,
-    IAgentConfiguration,
-    ICronTrigger,
-    IEventTrigger
-} from './agents';
+import { IAgentAction, IAgentConfiguration, ICronTrigger, IEventTrigger } from './agents';
 import { baseAPIurl } from './config';
 
 export interface ITrigger {
@@ -46,9 +41,7 @@ export const fetchtriggersbyTemplateID = async (templateID: string) => {
     return await res.json();
 };
 
-export const fetchTransactionsCountByAgentID = async (
-    agentID: string
-): Promise<ITransactionsCount> => {
+export const fetchTransactionsCountByAgentID = async (agentID: string): Promise<ITransactionsCount> => {
     const res = await fetch(`${baseAPIurl}/transaction-counts/${agentID}`);
     if (!res.ok) {
         throw new Error('Trigger Fetch failed: Network Error');
@@ -95,16 +88,12 @@ export interface ITriggerCreateDto {
 
 export const postTrigger = async (agentID: string, triggerData: ITriggerCreateDto) => {
     console.log('Req body: ', triggerData);
-    const response = await axios.post(
-        `${baseAPIurl}/agents/${agentID}/triggers`,
-        triggerData,
-        {
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            withCredentials: true
-        }
-    );
+    const response = await axios.post(`${baseAPIurl}/agents/${agentID}/triggers`, triggerData, {
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        withCredentials: true
+    });
     return response.data;
 };
 
diff --git a/frontend/src/api/triggerHistory.ts b/frontend/src/api/triggerHistory.ts
index e3bc27c1..8b108cca 100644
--- a/frontend/src/api/triggerHistory.ts
+++ b/frontend/src/api/triggerHistory.ts
@@ -18,13 +18,8 @@ export interface IAgentTriggerHistory {
     result?: any;
 }
 
-export const fetchAgentTriggerHistoryById = async (
-    agentId: string,
-    pageItemsSize: number
-) => {
-    const res = await fetch(
-        `${baseAPIurl}/trigger-history?agent_id=${agentId}&size=${pageItemsSize}`
-    );
+export const fetchAgentTriggerHistoryById = async (agentId: string, pageItemsSize: number) => {
+    const res = await fetch(`${baseAPIurl}/trigger-history?agent_id=${agentId}&size=${pageItemsSize}`);
     if (!res.ok) {
         throw new Error('Trigger Fetch failed: Network Error');
     }
@@ -41,9 +36,7 @@ export const fetchTransactionCountOfAgentById = async (agentId: string) => {
 
 export const fetchTriggerHistoryByFunctionName = async (functionName: string) => {
     const encodedFunctionName = encodeURI(functionName);
-    const res = await fetch(
-        `${baseAPIurl}/trigger-history?function_name=${encodedFunctionName}`
-    );
+    const res = await fetch(`${baseAPIurl}/trigger-history?function_name=${encodedFunctionName}`);
     if (!res.ok) {
         throw new Error('Trigger Fetch Failed: Network Error');
     }
@@ -53,9 +46,7 @@ export const fetchTriggerHistoryByFunctionName = async (functionName: string) =>
 
 export const fetchAllTriggerHistory = async ({
     queryKey
-}: QueryFunctionContext<
-    [string, number?, number?, string?, string?, string?, string?]
->) => {
+}: QueryFunctionContext<[string, number?, number?, string?, string?, string?, string?]>) => {
     const [, page, size = 50, agentID, functionName, status, success] = queryKey;
 
     let fetchURL = `${baseAPIurl}/trigger-history?page=${page}&size=${size}`;
diff --git a/frontend/src/api/triggerHistoryMetric.ts b/frontend/src/api/triggerHistoryMetric.ts
index 8f531d37..06c44d11 100644
--- a/frontend/src/api/triggerHistoryMetric.ts
+++ b/frontend/src/api/triggerHistoryMetric.ts
@@ -20,14 +20,11 @@ export const fecthTriggerHistoryMetric = async (
 ): Promise<ITriggerHistoryMetric> => {
     let fetchURL = `${baseAPIurl}/trigger-metric`;
     if (functions.length > 0) {
-        const queryParams = functions
-            .map((func) => `function_name=${encodeURIComponent(func)}`)
-            .join('&');
+        const queryParams = functions.map((func) => `function_name=${encodeURIComponent(func)}`).join('&');
         fetchURL += `?${queryParams}`;
     }
     if (agent_id && agent_id?.length >= 0) {
-        fetchURL +=
-            functions.length == 0 ? `?agent_id=${agent_id}` : `&agent_id=${agent_id}`;
+        fetchURL += functions.length == 0 ? `?agent_id=${agent_id}` : `&agent_id=${agent_id}`;
     }
     const res = fetch(fetchURL);
     const data = (await res).json();
diff --git a/frontend/src/app/(pages)/agents/[agentID]/page.tsx b/frontend/src/app/(pages)/agents/[agentID]/page.tsx
index 2f2a4aaf..07fbdfbf 100644
--- a/frontend/src/app/(pages)/agents/[agentID]/page.tsx
+++ b/frontend/src/app/(pages)/agents/[agentID]/page.tsx
@@ -10,17 +10,8 @@ import { useAtom } from 'jotai';
 
 import AgentTabSection from '@app/components/Agent/AgentTab/AgentTab';
 import AgentTabContent from '@app/components/Agent/AgentTab/AgentTabContent';
-import {
-    Breadcrumb,
-    BreadcrumbItem,
-    BreadcrumbList,
-    BreadcrumbSeparator
-} from '@app/components/atoms/Breadcrumb';
-import {
-    adminAccessAtom,
-    currentAgentNameAtom,
-    currentConnectedWalletAtom
-} from '@app/store/localStore';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator } from '@app/components/atoms/Breadcrumb';
+import { adminAccessAtom, currentAgentNameAtom, currentConnectedWalletAtom } from '@app/store/localStore';
 
 export default function AgentPageById() {
     const [, setCurrentAgentName] = useAtom(currentAgentNameAtom);
diff --git a/frontend/src/app/(pages)/agents/components/AgentsContainer.tsx b/frontend/src/app/(pages)/agents/components/AgentsContainer.tsx
index fd6d391b..833f00d7 100644
--- a/frontend/src/app/(pages)/agents/components/AgentsContainer.tsx
+++ b/frontend/src/app/(pages)/agents/components/AgentsContainer.tsx
@@ -8,11 +8,7 @@ export interface AgentsContainerProps {
     enableDelete: boolean;
 }
 
-const AgentsContainer: React.FC<AgentsContainerProps> = ({
-    agentsList,
-    enableEdit,
-    enableDelete
-}) => {
+const AgentsContainer: React.FC<AgentsContainerProps> = ({ agentsList, enableEdit, enableDelete }) => {
     return (
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 4xl:grid-cols-7 ">
             {agentsList.map((agent) => (
diff --git a/frontend/src/app/(pages)/agents/components/AgentsTopNav.tsx b/frontend/src/app/(pages)/agents/components/AgentsTopNav.tsx
index 36f144a0..d0ed4640 100644
--- a/frontend/src/app/(pages)/agents/components/AgentsTopNav.tsx
+++ b/frontend/src/app/(pages)/agents/components/AgentsTopNav.tsx
@@ -5,13 +5,7 @@ import { Button } from '@app/components/atoms/Button';
 import { cn } from '@app/components/lib/utils';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
 
-const AgentsTopNav = ({
-    createAgentAccess,
-    onSearch = () => {}
-}: {
-    createAgentAccess: boolean;
-    onSearch?: any;
-}) => {
+const AgentsTopNav = ({ createAgentAccess, onSearch = () => {} }: { createAgentAccess: boolean; onSearch?: any }) => {
     return (
         <div className="flex w-full items-center justify-between gap-x-4 gap-y-2">
             <div className="flex items-center">
diff --git a/frontend/src/app/(pages)/agents/create-agent/page.tsx b/frontend/src/app/(pages)/agents/create-agent/page.tsx
index 3a9b930f..b27e31fc 100644
--- a/frontend/src/app/(pages)/agents/create-agent/page.tsx
+++ b/frontend/src/app/(pages)/agents/create-agent/page.tsx
@@ -32,9 +32,7 @@ export default function CreateAgentForm() {
     const [, setAgentCreated] = useAtom(agentCreatedAtom);
     const [submittingForm, setSubmittingForm] = useState(false);
 
-    const [agentTemplateOptions, setAgentTemplateOptions] = useState<IOption[] | []>(
-        []
-    );
+    const [agentTemplateOptions, setAgentTemplateOptions] = useState<IOption[] | []>([]);
     const { data: templates } = useQuery<ITemplate[]>({
         queryKey: ['templates'],
         queryFn: () => fetchTemplates({ page: 1, size: 50, search: '' })
@@ -118,9 +116,7 @@ export default function CreateAgentForm() {
                             name="agentTemplate"
                             render={({}) => (
                                 <FormItem>
-                                    <Label className="inline-flex">
-                                        Agent Template
-                                    </Label>
+                                    <Label className="inline-flex">Agent Template</Label>
                                     <FormControl>
                                         <div className="h-[40px] w-full">
                                             <MultipleSelector
@@ -131,10 +127,7 @@ export default function CreateAgentForm() {
                                                 ref={multiSelectorRef}
                                                 onChange={(option: IOption) => {
                                                     setSelected([option]);
-                                                    form.setValue(
-                                                        'agentTemplate',
-                                                        option.value
-                                                    );
+                                                    form.setValue('agentTemplate', option.value);
                                                 }}
                                                 onUnselect={unselectOption}
                                             />
@@ -152,14 +145,10 @@ export default function CreateAgentForm() {
                                         description={option.description}
                                         key={index}
                                         handleEdit={() => {
-                                            toast.error(
-                                                'Template Editing is currently unavailable.'
-                                            );
+                                            toast.error('Template Editing is currently unavailable.');
                                         }}
                                         handleUnselect={() => {
-                                            multiSelectorRef.current.handleUnselect(
-                                                option
-                                            );
+                                            multiSelectorRef.current.handleUnselect(option);
                                             form.resetField('agentTemplate');
                                         }}
                                     />
@@ -172,17 +161,13 @@ export default function CreateAgentForm() {
                             name="numberOfAgents"
                             render={({ field }) => (
                                 <FormItem>
-                                    <Label className="inline-flex">
-                                        Number of Agents
-                                    </Label>
+                                    <Label className="inline-flex">Number of Agents</Label>
                                     <FormControl>
                                         <NumberInput
                                             className="h-[38px] w-[138px]"
                                             {...field}
                                             type="number"
-                                            onChange={(e) =>
-                                                field.onChange(parseInt(e.target.value))
-                                            }
+                                            onChange={(e) => field.onChange(parseInt(e.target.value))}
                                             min={1}
                                         />
                                     </FormControl>
diff --git a/frontend/src/app/(pages)/agents/page.tsx b/frontend/src/app/(pages)/agents/page.tsx
index 20756ecf..c27c0b56 100644
--- a/frontend/src/app/(pages)/agents/page.tsx
+++ b/frontend/src/app/(pages)/agents/page.tsx
@@ -11,11 +11,7 @@ import { cn } from '@app/components/lib/utils';
 import { SuccessToast } from '@app/components/molecules/CustomToasts';
 import EmptyScreen from '@app/components/molecules/EmptyScreen';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
-import {
-    adminAccessAtom,
-    agentCreatedAtom,
-    currentConnectedWalletAtom
-} from '@app/store/localStore';
+import { adminAccessAtom, agentCreatedAtom, currentConnectedWalletAtom } from '@app/store/localStore';
 import { IQueryParams } from '@app/utils/query';
 
 import AgentsContainer from './components/AgentsContainer';
@@ -55,26 +51,15 @@ export default function AgentsPage() {
     }, [agentCreated]);
 
     const otherAgents = useMemo(() => {
-        return (
-            agents?.filter(
-                (agent) => agent.userAddress !== currentConnectedWallet?.address
-            ) || []
-        );
+        return agents?.filter((agent) => agent.userAddress !== currentConnectedWallet?.address) || [];
     }, [agents, currentConnectedWallet?.address]);
 
     const myAgents = useMemo(() => {
-        return (
-            agents?.filter(
-                (agent) => agent.userAddress === currentConnectedWallet?.address
-            ) || []
-        );
+        return agents?.filter((agent) => agent.userAddress === currentConnectedWallet?.address) || [];
     }, [agents, currentConnectedWallet?.address]);
     return (
         <>
-            <AgentsTopNav
-                createAgentAccess={adminAccess}
-                onSearch={(value: string) => handleSearch(value)}
-            />
+            <AgentsTopNav createAgentAccess={adminAccess} onSearch={(value: string) => handleSearch(value)} />
             {isLoading && <Skeleton className="h-full w-full" />}
             {!isLoading &&
                 agents &&
@@ -96,18 +81,9 @@ export default function AgentsPage() {
                         enableDelete={adminAccess}
                     />
                     {currentConnectedWallet && !isLoading && myAgents.length > 0 && (
-                        <div
-                            className={cn(
-                                otherAgents.length > 0 && 'my-8',
-                                'h-full w-full'
-                            )}
-                        >
+                        <div className={cn(otherAgents.length > 0 && 'my-8', 'h-full w-full')}>
                             <span className="h1-new mb-4 inline-flex">My Agents</span>
-                            <AgentsContainer
-                                agentsList={myAgents || []}
-                                enableEdit={true}
-                                enableDelete={adminAccess}
-                            />
+                            <AgentsContainer agentsList={myAgents || []} enableEdit={true} enableDelete={adminAccess} />
                         </div>
                     )}
                 </div>
diff --git a/frontend/src/app/(pages)/dRep-directory/components/AgentsDelegationDialogContent.tsx b/frontend/src/app/(pages)/dRep-directory/components/AgentsDelegationDialogContent.tsx
index f615455c..d67dc7ce 100644
--- a/frontend/src/app/(pages)/dRep-directory/components/AgentsDelegationDialogContent.tsx
+++ b/frontend/src/app/(pages)/dRep-directory/components/AgentsDelegationDialogContent.tsx
@@ -5,10 +5,7 @@ interface AgentsDelegationDialogContentProps {
     handleClose: () => void;
 }
 
-export default function AgentsDelegationDialogContent({
-    dRepId,
-    handleClose
-}: AgentsDelegationDialogContentProps) {
+export default function AgentsDelegationDialogContent({ dRepId, handleClose }: AgentsDelegationDialogContentProps) {
     return (
         <AgentsActionDialogContent
             title="Delegate to DRep"
diff --git a/frontend/src/app/(pages)/dRep-directory/components/DRepCard.tsx b/frontend/src/app/(pages)/dRep-directory/components/DRepCard.tsx
index b0a8bcc0..e99c3796 100644
--- a/frontend/src/app/(pages)/dRep-directory/components/DRepCard.tsx
+++ b/frontend/src/app/(pages)/dRep-directory/components/DRepCard.tsx
@@ -92,20 +92,14 @@ const DRepCard: React.FC<DRepCardProps> = ({ dRep }) => {
                                 </TypographyH2>
                             )}
                             <div className={'hidden md:block'}>
-                                <Badge variant={getBadgeVariant(dRep.status)}>
-                                    {dRep.status}
-                                </Badge>
+                                <Badge variant={getBadgeVariant(dRep.status)}>{dRep.status}</Badge>
                             </div>
                         </div>
                         <div className="flex items-center text-brand-navy">
                             <p className="w-60 truncate text-sm font-medium 2xl:w-48 4xl:w-80">
                                 DrepID : {hexToBech32(dRep.drepId)}
                             </p>
-                            <CopyIcon
-                                onClick={handleCopyDRepId}
-                                className="ml-2 cursor-pointer"
-                                size={20}
-                            />
+                            <CopyIcon onClick={handleCopyDRepId} className="ml-2 cursor-pointer" size={20} />
                         </div>
                     </div>
                     <div className={'flex gap-2 '}>
@@ -120,13 +114,8 @@ const DRepCard: React.FC<DRepCardProps> = ({ dRep }) => {
                         <hr className="border-b border-gray-200" />
                         <div className={'flex flex-col md:hidden'}>
                             <div className="flex w-32 flex-col items-center justify-center  space-y-2 md:items-center">
-                                <p className="inline-flex text-sm text-gray-800">
-                                    Status
-                                </p>
-                                <Badge
-                                    variant={getBadgeVariant(dRep.status)}
-                                    className={'w-20'}
-                                >
+                                <p className="inline-flex text-sm text-gray-800">Status</p>
+                                <Badge variant={getBadgeVariant(dRep.status)} className={'w-20'}>
                                     {dRep.status}
                                 </Badge>
                             </div>
@@ -163,10 +152,7 @@ const DRepCard: React.FC<DRepCardProps> = ({ dRep }) => {
 
             {/* Dialogs */}
             <AppDialog isOpen={isOpen} toggleDialog={toggleDialog}>
-                <AgentsDelegationDialogContent
-                    dRepId={dRep.drepId}
-                    handleClose={toggleDialog}
-                />
+                <AgentsDelegationDialogContent dRepId={dRep.drepId} handleClose={toggleDialog} />
             </AppDialog>
 
             <AppDialog isOpen={isDrepDetailsOpen} toggleDialog={toggleDrepDetailDialog}>
@@ -190,32 +176,18 @@ const AgentDetails = ({
     return (
         <div className="flex items-center justify-center gap-2">
             <div className="flex cursor-pointer" onClick={handleAgentRedirect}>
-                <AgentAvatar
-                    hash={agentId}
-                    size={42}
-                    activeStatus={false}
-                    isActive={false}
-                />
+                <AgentAvatar hash={agentId} size={42} activeStatus={false} isActive={false} />
             </div>
             <div className="flex cursor-pointer flex-col space-y-2">
                 <p className="text-sm font-medium text-gray-800">
-                    <span
-                        className="hover:text-brand-Blue-200"
-                        onClick={handleAgentRedirect}
-                    >
+                    <span className="hover:text-brand-Blue-200" onClick={handleAgentRedirect}>
                         {' '}
                         {agentName || ''}
                     </span>
                 </p>
                 <div className="-2 flex">
-                    <p className="w-44 truncate text-sm font-medium 2xl:w-48 4xl:w-80">
-                        AgentID : {agentId || ''}
-                    </p>
-                    <CopyIcon
-                        onClick={handleCopyAgentId}
-                        className="ml-2 cursor-pointer "
-                        size={20}
-                    />
+                    <p className="w-44 truncate text-sm font-medium 2xl:w-48 4xl:w-80">AgentID : {agentId || ''}</p>
+                    <CopyIcon onClick={handleCopyAgentId} className="ml-2 cursor-pointer " size={20} />
                 </div>
             </div>
         </div>
@@ -230,52 +202,39 @@ export const DRepCardSkeleton = ({
     className?: string;
 }) => {
     return (
-        <div
-            className={cn(
-                'shadow-xs flex w-full items-center justify-between rounded-lg  bg-white p-4',
-                className
-            )}
-        >
+        <div className={cn('shadow-xs flex w-full items-center justify-between rounded-lg  bg-white p-4', className)}>
             <div className="flex space-x-4 sm:space-x-6  xl:space-x-12 2xl:space-x-10 4xl:space-x-20">
                 <div className="flex flex-col space-y-2">
                     <div className="flex items-center gap-2">
-                        <Skeleton className="h-6 w-36" />{' '}
-                        {/* Placeholder for dRepName */}
+                        <Skeleton className="h-6 w-36" /> {/* Placeholder for dRepName */}
                         <Skeleton className="h-5 w-16" /> {/* Placeholder for Badge */}
                     </div>
                     <div className="flex items-center text-brand-navy">
                         <Skeleton className="h-4 w-52 truncate text-sm font-medium 2xl:w-48 4xl:w-80" />{' '}
                         {/* Placeholder for dRepId */}
-                        <Skeleton className="ml-2 h-5 w-5" />{' '}
-                        {/* Placeholder for CopyIcon */}
+                        <Skeleton className="ml-2 h-5 w-5" /> {/* Placeholder for CopyIcon */}
                     </div>
                 </div>
                 <div>
                     <div className="flex w-32 flex-col items-center space-y-2">
-                        <Skeleton className="h-4 w-24" />{' '}
-                        {/* Placeholder for "Voting Power" label */}
-                        <Skeleton className="h-5 w-20" />{' '}
-                        {/* Placeholder for Voting Power value */}
+                        <Skeleton className="h-4 w-24" /> {/* Placeholder for "Voting Power" label */}
+                        <Skeleton className="h-5 w-20" /> {/* Placeholder for Voting Power value */}
                     </div>
                 </div>
                 {internalDRep && (
                     <div className="flex flex-col space-y-2">
-                        <Skeleton className="h-4 w-36" />{' '}
-                        {/* Placeholder for Agent Name */}
+                        <Skeleton className="h-4 w-36" /> {/* Placeholder for Agent Name */}
                         <div className="flex items-center">
                             <Skeleton className="h-4 w-44 truncate text-sm font-medium 2xl:w-48 4xl:w-80" />{' '}
                             {/* Placeholder for AgentID */}
-                            <Skeleton className="ml-2 h-5 w-5" />{' '}
-                            {/* Placeholder for CopyIcon */}
+                            <Skeleton className="ml-2 h-5 w-5" /> {/* Placeholder for CopyIcon */}
                         </div>
                     </div>
                 )}
             </div>
             <div className="flex gap-2">
-                <Skeleton className="h-8 w-24 rounded-3xl" />{' '}
-                {/* Placeholder for View details button */}
-                <Skeleton className="h-8 w-24 rounded-3xl" />{' '}
-                {/* Placeholder for Delegate button */}
+                <Skeleton className="h-8 w-24 rounded-3xl" /> {/* Placeholder for View details button */}
+                <Skeleton className="h-8 w-24 rounded-3xl" /> {/* Placeholder for Delegate button */}
             </div>
         </div>
     );
diff --git a/frontend/src/app/(pages)/dRep-directory/components/DrepDetailDialogContent.tsx b/frontend/src/app/(pages)/dRep-directory/components/DrepDetailDialogContent.tsx
index a544e33a..1d3a53e9 100644
--- a/frontend/src/app/(pages)/dRep-directory/components/DrepDetailDialogContent.tsx
+++ b/frontend/src/app/(pages)/dRep-directory/components/DrepDetailDialogContent.tsx
@@ -16,27 +16,17 @@ export default function DrepDetailDialogContent({
     dRep: IDRepInternal;
     onClose?: (value: boolean) => void;
 }) {
-    const formattedVotingPower = convertLovelaceToAda(dRep.votingPower).toLocaleString(
-        'en-US'
-    );
+    const formattedVotingPower = convertLovelaceToAda(dRep.votingPower).toLocaleString('en-US');
 
     const redirectToGovTool = () => {
-        window.open(
-            `https://govtool.cardanoapi.io/connected/drep_directory/${dRep.drepId}`,
-            '_blank'
-        );
+        window.open(`https://govtool.cardanoapi.io/connected/drep_directory/${dRep.drepId}`, '_blank');
     };
 
     return (
         <AppDialogContent className=" pt-0" onClose={onClose}>
             <div className="mb-4 flex items-center gap-2">
-                <span className="text-lg font-semibold">
-                    {getDrepGivedName(dRep) || 'Data Missing'}
-                </span>
-                <ExternalLink
-                    className="cursor-pointer text-blue-600"
-                    onClick={redirectToGovTool}
-                />
+                <span className="text-lg font-semibold">{getDrepGivedName(dRep) || 'Data Missing'}</span>
+                <ExternalLink className="cursor-pointer text-blue-600" onClick={redirectToGovTool} />
             </div>
             <div className="w-full space-y-4 rounded-lg border border-gray-200 p-4 shadow-sm md:w-[520px]">
                 <div className="flex items-start justify-between">
@@ -57,36 +47,25 @@ export default function DrepDetailDialogContent({
                     </div>
                 </div>
 
-                <Typography className="text-sm text-gray-800">
-                    Voting Power: {formattedVotingPower} ADA
-                </Typography>
+                <Typography className="text-sm text-gray-800">Voting Power: {formattedVotingPower} ADA</Typography>
 
                 {dRep.references && dRep.references.length > 0 && (
-                    <Typography className="text-sm text-gray-800">
-                        References: {dRep.references.join(', ')}
-                    </Typography>
+                    <Typography className="text-sm text-gray-800">References: {dRep.references.join(', ')}</Typography>
                 )}
 
-                <Typography className="text-sm text-gray-700">
-                    {dRep.bio || 'No bio available'}
-                </Typography>
+                <Typography className="text-sm text-gray-700">{dRep.bio || 'No bio available'}</Typography>
 
                 <DRepDetails dRep={dRep} />
 
                 {dRep.agentId && dRep.agentName && (
                     <div className="space-y-1">
-                        <Typography className="text-sm text-gray-800">
-                            Agent ID: {dRep.agentId}
-                        </Typography>
-                        <Typography className="text-sm text-gray-800">
-                            Agent Name: {dRep.agentName}
-                        </Typography>
+                        <Typography className="text-sm text-gray-800">Agent ID: {dRep.agentId}</Typography>
+                        <Typography className="text-sm text-gray-800">Agent Name: {dRep.agentName}</Typography>
                     </div>
                 )}
                 {!dRep.givenName && (
                     <Typography className="text-sm text-red-600">
-                        The data used when this DRep was created has been formatted
-                        incorrectly.
+                        The data used when this DRep was created has been formatted incorrectly.
                     </Typography>
                 )}
             </div>
@@ -110,10 +89,7 @@ const DRepDetails = ({ dRep }: { dRep: IDRepInternal }) => {
         <Typography className="flex items-center gap-2 text-sm text-gray-700 ">
             External URL:
             {dRep.url ? (
-                <Typography
-                    onClick={openExternalUrl}
-                    className=" cursor-pointer text-blue-800"
-                >
+                <Typography onClick={openExternalUrl} className=" cursor-pointer text-blue-800">
                     {Truncate(dRep.url, 10)}
                 </Typography>
             ) : (
@@ -127,14 +103,8 @@ const DRepDetails = ({ dRep }: { dRep: IDRepInternal }) => {
             Latest Tx Hash:
             {dRep.latestTxHash ? (
                 <div className="flex w-80 items-center">
-                    <Typography className="truncate text-gray-800">
-                        {dRep.latestTxHash}
-                    </Typography>
-                    <CopyIcon
-                        onClick={() =>
-                            copyToClipboard(dRep.latestTxHash || '', 'Tx Hash copied')
-                        }
-                    />
+                    <Typography className="truncate text-gray-800">{dRep.latestTxHash}</Typography>
+                    <CopyIcon onClick={() => copyToClipboard(dRep.latestTxHash || '', 'Tx Hash copied')} />
                 </div>
             ) : (
                 <span>No latest tx hash available</span>
@@ -147,17 +117,8 @@ const DRepDetails = ({ dRep }: { dRep: IDRepInternal }) => {
             MetaData Hash:
             {dRep.metadataHash ? (
                 <div className="flex w-64 items-center">
-                    <Typography className="truncate text-gray-800">
-                        {dRep.metadataHash}
-                    </Typography>
-                    <CopyIcon
-                        onClick={() =>
-                            copyToClipboard(
-                                dRep.metadataHash || '',
-                                'Metadata Hash copied'
-                            )
-                        }
-                    />
+                    <Typography className="truncate text-gray-800">{dRep.metadataHash}</Typography>
+                    <CopyIcon onClick={() => copyToClipboard(dRep.metadataHash || '', 'Metadata Hash copied')} />
                 </div>
             ) : (
                 <span>MetaData Hash not available</span>
@@ -169,9 +130,7 @@ const DRepDetails = ({ dRep }: { dRep: IDRepInternal }) => {
         <Typography className="flex items-center gap-2 text-sm text-gray-700">
             Latest Registration Date:
             {dRep.latestRegistrationDate ? (
-                <Typography className="truncate">
-                    {new Date(dRep.latestRegistrationDate).toLocaleString()}
-                </Typography>
+                <Typography className="truncate">{new Date(dRep.latestRegistrationDate).toLocaleString()}</Typography>
             ) : (
                 <span>No latest registration date available</span>
             )}
diff --git a/frontend/src/app/(pages)/dRep-directory/page.tsx b/frontend/src/app/(pages)/dRep-directory/page.tsx
index e11e66d2..a97faaad 100644
--- a/frontend/src/app/(pages)/dRep-directory/page.tsx
+++ b/frontend/src/app/(pages)/dRep-directory/page.tsx
@@ -81,33 +81,22 @@ export default function DRepDirectory() {
             />
             {!isLoading && data && data?.items?.length > 0 && (
                 <div className="flex h-full w-full flex-col space-y-4 overflow-y-auto">
-                    {data?.items?.map((dRep, index) => (
-                        <DRepCard key={index} dRep={dRep} />
-                    ))}
+                    {data?.items?.map((dRep, index) => <DRepCard key={index} dRep={dRep} />)}
                 </div>
             )}
-            {!isLoading &&
-                data?.items?.length === 0 &&
-                queryParams.drep_type === 'internal' && (
-                    <EmptyScreen
-                        msg="No Internal Dreps Found"
-                        linkMsg="View all Dreps"
-                        linkOnCLick={() => handleFilterChange('all')}
-                    />
-                )}
-
-            {!isLoading &&
-                data?.items?.length === 0 &&
-                queryParams.drep_type !== 'internal' && (
-                    <EmptyScreen msg="No Dreps Found" />
-                )}
+            {!isLoading && data?.items?.length === 0 && queryParams.drep_type === 'internal' && (
+                <EmptyScreen
+                    msg="No Internal Dreps Found"
+                    linkMsg="View all Dreps"
+                    linkOnCLick={() => handleFilterChange('all')}
+                />
+            )}
+
+            {!isLoading && data?.items?.length === 0 && queryParams.drep_type !== 'internal' && (
+                <EmptyScreen msg="No Dreps Found" />
+            )}
             {isLoading && <Skeleton className="h-full w-full" />}
-            <div
-                className={cn(
-                    'flex flex-row-reverse',
-                    data?.items.length === 0 && 'hidden'
-                )}
-            >
+            <div className={cn('flex flex-row-reverse', data?.items.length === 0 && 'hidden')}>
                 <PaginationBtns
                     upperLimit={totalPage}
                     onPaginate={handlePaginationChange}
@@ -138,11 +127,7 @@ const DRepTopNav = ({
     return (
         <div className="flex flex-wrap items-center justify-between">
             <div className="flex flex-col gap-2 md:flex-row ">
-                <DataActionBar
-                    onSearch={handleSearch}
-                    placeholder="Search DRep ID"
-                    className="w-full"
-                />
+                <DataActionBar onSearch={handleSearch} placeholder="Search DRep ID" className="w-full" />
                 <DrepFilterTab
                     onClick={handleFilterChange}
                     taboptions={DrepFilterOptions}
diff --git a/frontend/src/app/(pages)/governance-actions/components/AgentsVoteDialogContent.tsx b/frontend/src/app/(pages)/governance-actions/components/AgentsVoteDialogContent.tsx
index 94d96324..ab13472b 100644
--- a/frontend/src/app/(pages)/governance-actions/components/AgentsVoteDialogContent.tsx
+++ b/frontend/src/app/(pages)/governance-actions/components/AgentsVoteDialogContent.tsx
@@ -5,10 +5,7 @@ interface AgentsVoteDialogContentProps {
     proposalId: string;
 }
 
-const AgentsVoteDialogContent = ({
-    handleClose,
-    proposalId
-}: AgentsVoteDialogContentProps) => {
+const AgentsVoteDialogContent = ({ handleClose, proposalId }: AgentsVoteDialogContentProps) => {
     return (
         <AgentsActionDialogContent
             title="Vote on Proposal"
diff --git a/frontend/src/app/(pages)/governance-actions/components/EmptyGovActionPlaceholder.tsx b/frontend/src/app/(pages)/governance-actions/components/EmptyGovActionPlaceholder.tsx
index 5ded52ea..3a13e258 100644
--- a/frontend/src/app/(pages)/governance-actions/components/EmptyGovActionPlaceholder.tsx
+++ b/frontend/src/app/(pages)/governance-actions/components/EmptyGovActionPlaceholder.tsx
@@ -2,23 +2,12 @@ import { TriangleAlert } from 'lucide-react';
 
 import { cn } from '@app/components/lib/utils';
 
-export default function EmptyGovActionPlaceholder({
-    className
-}: {
-    className?: string;
-}) {
+export default function EmptyGovActionPlaceholder({ className }: { className?: string }) {
     return (
-        <div
-            className={cn(
-                'border-Gray-200 flex h-full w-full items-center justify-center rounded-lg',
-                className
-            )}
-        >
+        <div className={cn('border-Gray-200 flex h-full w-full items-center justify-center rounded-lg', className)}>
             <div className="flex items-center gap-2">
                 <TriangleAlert className="h-10 w-10 text-gray-400" />
-                <span className="h2 !text-gray-400">
-                    No Gov Actions found at the moment!
-                </span>
+                <span className="h2 !text-gray-400">No Gov Actions found at the moment!</span>
             </div>
         </div>
     );
diff --git a/frontend/src/app/(pages)/governance-actions/components/proposalCard.tsx b/frontend/src/app/(pages)/governance-actions/components/proposalCard.tsx
index 79c701d5..2c0f9e17 100644
--- a/frontend/src/app/(pages)/governance-actions/components/proposalCard.tsx
+++ b/frontend/src/app/(pages)/governance-actions/components/proposalCard.tsx
@@ -48,10 +48,7 @@ const ProposalCard: React.FC<ProposalCardProps> = ({ proposal }) => {
     };
 
     const handleProposalExternalRedirect = () => {
-        window.open(
-            `https://govtool.cardanoapi.io/connected/governance_actions/${proposal.txHash}`,
-            '_blank'
-        );
+        window.open(`https://govtool.cardanoapi.io/connected/governance_actions/${proposal.txHash}`, '_blank');
     };
 
     const [currentConnectedWallet] = useAtom(currentConnectedWalletAtom);
@@ -77,29 +74,16 @@ const ProposalCard: React.FC<ProposalCardProps> = ({ proposal }) => {
                     </div>
                     {proposal.abstract !== null && (
                         <div className="flex flex-col gap-1">
-                            <p className="  text-xs font-medium  text-brand-Gray-50">
-                                Abstract
-                            </p>
-                            <p className="line-clamp-2 text-sm text-brand-Black-300">
-                                {proposal.abstract}
-                            </p>
+                            <p className="  text-xs font-medium  text-brand-Gray-50">Abstract</p>
+                            <p className="line-clamp-2 text-sm text-brand-Black-300">{proposal.abstract}</p>
                         </div>
                     )}
-                    <div
-                        className={cn(
-                            proposal.agentName
-                                ? 'rounded-lg border border-gray-200 p-4 shadow-sm'
-                                : ''
-                        )}
-                    >
+                    <div className={cn(proposal.agentName ? 'rounded-lg border border-gray-200 p-4 shadow-sm' : '')}>
                         <div className="flex flex-col gap-2">
                             {proposal.agentName && (
                                 <p className="cursor-pointer text-sm font-semibold text-gray-700">
                                     Agent Name :{' '}
-                                    <span
-                                        className="hover:text-brand-Blue-200"
-                                        onClick={handleAgentRedirect}
-                                    >
+                                    <span className="hover:text-brand-Blue-200" onClick={handleAgentRedirect}>
                                         {proposal.agentName}
                                     </span>
                                 </p>
@@ -116,9 +100,7 @@ const ProposalCard: React.FC<ProposalCardProps> = ({ proposal }) => {
                                 </div>
                             )}
 
-                            <p className="mt-2 text-xs font-medium text-gray-500">
-                                Governance Action Type
-                            </p>
+                            <p className="mt-2 text-xs font-medium text-gray-500">Governance Action Type</p>
 
                             <div className="mt-1 flex gap-2">
                                 <span className="rounded-full bg-blue-100 px-4 py-1 text-xs text-blue-700">
@@ -138,32 +120,25 @@ const ProposalCard: React.FC<ProposalCardProps> = ({ proposal }) => {
                         <div className="space-x-1 bg-brand-lightBlue bg-opacity-50 py-[6px] text-center ">
                             <span>Submitted:</span>
                             <span className="font-medium">
-                                {proposal.createdDate &&
-                                    formatDisplayDate(proposal.createdDate)}
+                                {proposal.createdDate && formatDisplayDate(proposal.createdDate)}
                             </span>
                             <span>(Epoch {proposal.createdEpochNo})</span>
                         </div>
                         <p className="space-x-1 py-[6px] text-center">
                             <span>Expires:</span>
                             <span className="font-medium">
-                                {proposal.createdDate &&
-                                    formatDisplayDate(proposal?.expiryDate)}
+                                {proposal.createdDate && formatDisplayDate(proposal?.expiryDate)}
                             </span>
                             <span>(Epoch {proposal.expiryEpochNo})</span>
                         </p>
                     </div>
                     <div className="flex flex-col gap-1">
-                        <p className="text-xs font-medium text-[#8E908E]">
-                            Governance Action Id
-                        </p>
+                        <p className="text-xs font-medium text-[#8E908E]">Governance Action Id</p>
                         <div className="flex justify-between gap-2 text-brand-primaryBlue">
                             <Typography className="text-sm" noWrap>
                                 {proposalId}
                             </Typography>
-                            <div
-                                onClick={handleCopyGovernanceActionId}
-                                className="cursor-pointer"
-                            >
+                            <div onClick={handleCopyGovernanceActionId} className="cursor-pointer">
                                 <CopyIcon className="h-5 w-5 " />
                             </div>
                         </div>
@@ -182,10 +157,7 @@ const ProposalCard: React.FC<ProposalCardProps> = ({ proposal }) => {
             </div>
             {/* Dialogs */}
             <AppDialog isOpen={isOpen} toggleDialog={toggleDialog}>
-                <AgentsVoteDialogContent
-                    handleClose={toggleDialog}
-                    proposalId={proposalId}
-                />
+                <AgentsVoteDialogContent handleClose={toggleDialog} proposalId={proposalId} />
             </AppDialog>
         </>
     );
diff --git a/frontend/src/app/(pages)/governance-actions/page.tsx b/frontend/src/app/(pages)/governance-actions/page.tsx
index de443836..c92d7e53 100644
--- a/frontend/src/app/(pages)/governance-actions/page.tsx
+++ b/frontend/src/app/(pages)/governance-actions/page.tsx
@@ -34,10 +34,7 @@ export default function GovernanceAction() {
         search: ''
     });
 
-    const queryKey = useMemo(
-        () => [QUERY_KEYS.useGetInfoProposalListKey, searchParams],
-        [searchParams]
-    );
+    const queryKey = useMemo(() => [QUERY_KEYS.useGetInfoProposalListKey, searchParams], [searchParams]);
 
     const { data, isLoading } = useQuery({
         queryKey,
@@ -79,32 +76,21 @@ export default function GovernanceAction() {
 
             {!isLoading && data?.items && data?.items?.length > 0 && (
                 <div className="grid h-full w-full grid-flow-row grid-cols-1 gap-8 overflow-y-auto py-4 sm:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4 4xl:grid-cols-5">
-                    {data?.items?.map((proposal: any) => (
-                        <ProposalCard key={proposal.id} proposal={proposal} />
-                    ))}
+                    {data?.items?.map((proposal: any) => <ProposalCard key={proposal.id} proposal={proposal} />)}
                 </div>
             )}
-            {!isLoading &&
-                data?.items?.length === 0 &&
-                searchParams.proposal_type === 'internal' && (
-                    <EmptyScreen
-                        msg="No Internal Proposals Found"
-                        linkMsg="View all proposals"
-                        linkOnCLick={() => handleFilterChange('all')}
-                    />
-                )}
-            {!isLoading &&
-                data?.items?.length === 0 &&
-                searchParams.proposal_type !== 'internal' && (
-                    <EmptyScreen msg="No External Proposals Found" />
-                )}
+            {!isLoading && data?.items?.length === 0 && searchParams.proposal_type === 'internal' && (
+                <EmptyScreen
+                    msg="No Internal Proposals Found"
+                    linkMsg="View all proposals"
+                    linkOnCLick={() => handleFilterChange('all')}
+                />
+            )}
+            {!isLoading && data?.items?.length === 0 && searchParams.proposal_type !== 'internal' && (
+                <EmptyScreen msg="No External Proposals Found" />
+            )}
             {isLoading && <Skeleton className="h-full w-full"></Skeleton>}
-            <div
-                className={cn(
-                    'flex flex-row-reverse',
-                    data?.items?.length === 0 && 'hidden'
-                )}
-            >
+            <div className={cn('flex flex-row-reverse', data?.items?.length === 0 && 'hidden')}>
                 <PaginationBtns
                     upperLimit={totalPage}
                     onPaginate={handlePaginationChange}
@@ -140,10 +126,7 @@ const GovActionTopNav = ({
     return (
         <div className="flex w-full flex-wrap items-center justify-between gap-y-4">
             <div className="flex flex-col gap-2 md:flex-row">
-                <DataActionBar
-                    onSearch={handleSearch}
-                    placeholder="Search Governance Action"
-                />
+                <DataActionBar onSearch={handleSearch} placeholder="Search Governance Action" />
                 <ProposalFilterTab
                     onClick={handleFilterChange}
                     taboptions={proposalFilterOptions}
diff --git a/frontend/src/app/(pages)/logs/page.tsx b/frontend/src/app/(pages)/logs/page.tsx
index 4ffa4a75..0c9a4191 100644
--- a/frontend/src/app/(pages)/logs/page.tsx
+++ b/frontend/src/app/(pages)/logs/page.tsx
@@ -133,21 +133,13 @@ export default function LogsPage() {
                         }));
                     }}
                     className="hidden w-64 md:flex"
-                    value={
-                        logQueryState.currentFunction == 'None'
-                            ? 'Function'
-                            : logQueryState.currentFunction
-                    }
+                    value={logQueryState.currentFunction == 'None' ? 'Function' : logQueryState.currentFunction}
                 />
                 <div className="hidden items-center justify-center gap-2 md:flex">
                     {statusOptions.map((status: string, index) => (
                         <Badge
                             key={index}
-                            variant={
-                                logQueryState.statusPlaceholder === status
-                                    ? 'successPrimary'
-                                    : 'primary'
-                            }
+                            variant={logQueryState.statusPlaceholder === status ? 'successPrimary' : 'primary'}
                             className="flex h-8 w-20 justify-center"
                             onClick={() => handleStatusChange(status)}
                         >
@@ -163,29 +155,20 @@ export default function LogsPage() {
         <>
             <TopNav />
             {loadingLogs && <Skeleton className="h-full w-full" />}
-            {!loadingLogs && LogsHistory?.items.length === 0 && (
-                <EmptyScreen msg="No logs found" />
-            )}
+            {!loadingLogs && LogsHistory?.items.length === 0 && <EmptyScreen msg="No logs found" />}
             {!loadingLogs && LogsHistory?.items.length > 0 && (
                 <div className="flex h-full w-full flex-col overflow-y-auto md:pr-4">
-                    {LogsHistory.items.map(
-                        (history: IAgentTriggerHistory, index: number) => (
-                            <AgentLogCard
-                                history={history}
-                                key={index}
-                                className="my-1 flex h-fit bg-white"
-                                globalLog={true}
-                            />
-                        )
-                    )}
+                    {LogsHistory.items.map((history: IAgentTriggerHistory, index: number) => (
+                        <AgentLogCard
+                            history={history}
+                            key={index}
+                            className="my-1 flex h-fit bg-white"
+                            globalLog={true}
+                        />
+                    ))}
                 </div>
             )}
-            <div
-                className={cn(
-                    'flex flex-row-reverse',
-                    LogsHistory?.items.length === 0 && 'hidden'
-                )}
-            >
+            <div className={cn('flex flex-row-reverse', LogsHistory?.items.length === 0 && 'hidden')}>
                 <PaginationBtns
                     className="flex justify-center"
                     onPaginate={(val: number) => {
diff --git a/frontend/src/app/(pages)/templates/[templateId]/page.tsx b/frontend/src/app/(pages)/templates/[templateId]/page.tsx
index 764e502f..958e4344 100644
--- a/frontend/src/app/(pages)/templates/[templateId]/page.tsx
+++ b/frontend/src/app/(pages)/templates/[templateId]/page.tsx
@@ -10,12 +10,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useAtom } from 'jotai';
 
 import TemplateOverview from '@app/components/Template/Content/TemplateOverview';
-import {
-    Breadcrumb,
-    BreadcrumbItem,
-    BreadcrumbList,
-    BreadcrumbSeparator
-} from '@app/components/atoms/Breadcrumb';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator } from '@app/components/atoms/Breadcrumb';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
 import { templateAtom } from '@app/store/atoms/template';
 import { adminAccessAtom } from '@app/store/localStore';
@@ -44,9 +39,7 @@ const EditTemplateCard = () => {
             <TemplateBreadCrumb templateName={template?.name} />
             <div className="h-full w-full overflow-y-auto rounded-lg bg-white p-8 md:max-w-agentComponentWidth">
                 {templateLoading && <Skeleton className=" h-full w-full" />}
-                {template && (
-                    <TemplateOverview template={template} enableEdit={adminAccess} />
-                )}
+                {template && <TemplateOverview template={template} enableEdit={adminAccess} />}
             </div>
             <div></div>
         </>
@@ -65,9 +58,7 @@ const TemplateBreadCrumb = ({ templateName }: { templateName?: string }) => {
                     Templates
                 </BreadcrumbItem>
                 <BreadcrumbSeparator />
-                <BreadcrumbItem>
-                    {Truncate(templateName || '', 30) || 'Template Name'}
-                </BreadcrumbItem>
+                <BreadcrumbItem>{Truncate(templateName || '', 30) || 'Template Name'}</BreadcrumbItem>
             </BreadcrumbList>
         </Breadcrumb>
     );
diff --git a/frontend/src/app/(pages)/templates/components/TemplateList.tsx b/frontend/src/app/(pages)/templates/components/TemplateList.tsx
index e29c7b39..11e677cb 100644
--- a/frontend/src/app/(pages)/templates/components/TemplateList.tsx
+++ b/frontend/src/app/(pages)/templates/components/TemplateList.tsx
@@ -11,8 +11,7 @@ const TemplateList = ({
     adminAccess: boolean;
     currentConnectedWallet: any;
 }) => {
-    const containerClass =
-        'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-4';
+    const containerClass = 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-4';
 
     return (
         <div className="flex flex-col gap-y-20 md:pb-10">
@@ -22,9 +21,7 @@ const TemplateList = ({
                         <TemplateCard
                             key={index}
                             template={template}
-                            enableDelete={
-                                adminAccess && currentConnectedWallet !== null
-                            }
+                            enableDelete={adminAccess && currentConnectedWallet !== null}
                         />
                     ))}
                 </div>
diff --git a/frontend/src/app/(pages)/templates/components/TemplatesTopNav.tsx b/frontend/src/app/(pages)/templates/components/TemplatesTopNav.tsx
index 5ea57496..95e096d2 100644
--- a/frontend/src/app/(pages)/templates/components/TemplatesTopNav.tsx
+++ b/frontend/src/app/(pages)/templates/components/TemplatesTopNav.tsx
@@ -5,21 +5,11 @@ import { Button } from '@app/components/atoms/Button';
 import { cn } from '@app/components/lib/utils';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
 
-const TemplatesTopNav = ({
-    onSearch,
-    adminAccess
-}: {
-    onSearch: any;
-    adminAccess: boolean;
-}) => {
+const TemplatesTopNav = ({ onSearch, adminAccess }: { onSearch: any; adminAccess: boolean }) => {
     return (
         <div className="flex justify-between gap-x-4 gap-y-2">
             <div className="flex items-center justify-center ">
-                <DataActionBar
-                    className="h-10"
-                    placeholder="Search Template Name "
-                    onSearch={onSearch}
-                />
+                <DataActionBar className="h-10" placeholder="Search Template Name " onSearch={onSearch} />
             </div>
             <Link href="/templates/create-template">
                 <Button
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 9235a522..08d0e9e5 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -8,12 +8,7 @@ import { X } from 'lucide-react';
 
 import { Button } from '@app/components/atoms/Button';
 import { Card, CardTitle } from '@app/components/atoms/Card';
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger
-} from '@app/components/atoms/Select';
+import { Select, SelectContent, SelectItem, SelectTrigger } from '@app/components/atoms/Select';
 import { cn } from '@app/components/lib/utils';
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { ErrorToast } from '@app/components/molecules/CustomToasts';
@@ -49,9 +44,7 @@ export const FunctionForm = ({
             type: 'CRON' as TriggerType
         }
     );
-    const [cronExpression] = useState(
-        currentFunction?.cronValue?.frequency || '* * * * *'
-    );
+    const [cronExpression] = useState(currentFunction?.cronValue?.frequency || '* * * * *');
 
     const updateFunctionState = (updates: Partial<IFormFunctionInstance>) => {
         if (!functionState) return;
@@ -60,11 +53,7 @@ export const FunctionForm = ({
         onValueChange?.(updatedFunction);
     };
 
-    const handleCronChange = (
-        cronValueListFormat: string[],
-        defaultSelected: string,
-        configuredSettings: any
-    ) => {
+    const handleCronChange = (cronValueListFormat: string[], defaultSelected: string, configuredSettings: any) => {
         const cronValue = {
             frequency: cronValueListFormat.join(' '),
             probability: functionState?.cronValue?.probability || 100
@@ -99,19 +88,13 @@ export const FunctionForm = ({
         updateFunctionState(newFunciontState);
     };
 
-    const handleNestedParameterChange = (
-        parentId: string,
-        subParamId: string,
-        newValue: any
-    ) => {
+    const handleNestedParameterChange = (parentId: string, subParamId: string, newValue: any) => {
         const updatedParameters = functionState?.parameters?.map((param) =>
             param.id === parentId
                 ? {
                       ...param,
                       parameters: param.parameters?.map((subParam) =>
-                          subParam.id === subParamId
-                              ? { ...subParam, value: newValue }
-                              : subParam
+                          subParam.id === subParamId ? { ...subParam, value: newValue } : subParam
                       )
                   }
                 : param
@@ -134,10 +117,7 @@ export const FunctionForm = ({
             return true;
         }
 
-        if (
-            functionState?.parameters?.[0].type === 'options' &&
-            !functionState.optionValue
-        ) {
+        if (functionState?.parameters?.[0].type === 'options' && !functionState.optionValue) {
             ErrorToast('Please select an option');
             return false;
         }
@@ -148,10 +128,7 @@ export const FunctionForm = ({
                 validState = false;
             }
             item.parameters?.forEach((subItem) => {
-                if (
-                    (subItem.optional === false && !subItem.value) ||
-                    subItem.value === ''
-                ) {
+                if ((subItem.optional === false && !subItem.value) || subItem.value === '') {
                     validState = false;
                 }
             });
@@ -161,9 +138,7 @@ export const FunctionForm = ({
     };
 
     const handleFunctionsSelect = (functionID: string) => {
-        const selectedFunction = TemplateFunctions.find(
-            (func) => func.id === functionID
-        );
+        const selectedFunction = TemplateFunctions.find((func) => func.id === functionID);
         if (selectedFunction) {
             const currentSelectedFunction = {
                 ...selectedFunction,
@@ -192,19 +167,12 @@ export const FunctionForm = ({
                 renderFunctionSelector ? 'py-8' : 'py-4'
             )}
         >
-            <X
-                className="absolute right-6 top-4 cursor-pointer"
-                onClick={() => onClose?.(functionState)}
-            />
+            <X className="absolute right-6 top-4 cursor-pointer" onClick={() => onClose?.(functionState)} />
             <div className="flex flex-col gap-y-4 max-md:gap-y-6">
                 {renderFunctionSelector ? (
                     <CardTitle className="flex flex-col gap-2">
                         <span className="h4">Function</span>
-                        <Select
-                            onValueChange={(value: string) =>
-                                handleFunctionsSelect(value)
-                            }
-                        >
+                        <Select onValueChange={(value: string) => handleFunctionsSelect(value)}>
                             <SelectTrigger className="flex items-center justify-between bg-white px-2 py-1 text-start">
                                 {functionState?.name}
                             </SelectTrigger>
@@ -218,9 +186,7 @@ export const FunctionForm = ({
                         </Select>
                     </CardTitle>
                 ) : (
-                    <CardTitle className="!h1 text-center">
-                        {functionState?.name}
-                    </CardTitle>
+                    <CardTitle className="!h1 text-center">{functionState?.name}</CardTitle>
                 )}
                 <div className="flex w-full justify-end">
                     {functionState && functionState.canBeEvent && (
@@ -233,9 +199,7 @@ export const FunctionForm = ({
                                 { id: 'CRON', label: 'CRON' },
                                 { id: 'EVENT', label: 'EVENT' }
                             ]}
-                            onSelect={(triggerType: any) =>
-                                handleTypeChange(triggerType as TriggerType)
-                            }
+                            onSelect={(triggerType: any) => handleTypeChange(triggerType as TriggerType)}
                             className={'w-24 rounded-md border-[2px] px-2'}
                         />
                     )}
@@ -255,28 +219,20 @@ export const FunctionForm = ({
                             onlyCronTriggerTab
                             defaultCron={cronExpression}
                             onChange={handleCronChange}
-                            previousConfiguredSettings={
-                                functionState?.configuredCronSettings
-                            }
+                            previousConfiguredSettings={functionState?.configuredCronSettings}
                             previousSelectedOption={functionState?.selectedCronOption}
                             defaultToCustomTab={editMode}
                         />
                         <div className="px-4">
                             <span className="h4 text-center">
                                 Trigger Probability:{' '}
-                                <span className="text-brand-Blue-200">
-                                    {functionState?.cronValue?.probability} %
-                                </span>
+                                <span className="text-brand-Blue-200">{functionState?.cronValue?.probability} %</span>
                             </span>
                             <Slider
                                 value={functionState?.cronValue?.probability || 100}
                                 valueLabelDisplay="auto"
                                 onChange={(_, newValue) =>
-                                    handleProbabilityChange(
-                                        typeof newValue === 'number'
-                                            ? newValue
-                                            : newValue[0]
-                                    )
+                                    handleProbabilityChange(typeof newValue === 'number' ? newValue : newValue[0])
                                 }
                             />
                         </div>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx b/frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx
index a51cef66..1ca1d0cd 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/ParameterRenderers.tsx
@@ -6,10 +6,7 @@ import { Select, SelectContent, SelectItem } from '@app/components/atoms/Select'
 import { Label } from '@app/components/atoms/label';
 import { NumberInput } from '@app/components/molecules/NumberInput';
 
-export const RenderStringParameter = (
-    param: IParameter,
-    onValueChange: (id: string, value: any) => void
-) => (
+export const RenderStringParameter = (param: IParameter, onValueChange: (id: string, value: any) => void) => (
     <div className="flex w-full flex-col gap-2">
         <Label className="h4">
             {param.name}
@@ -23,10 +20,7 @@ export const RenderStringParameter = (
     </div>
 );
 
-export const RenderNumberParameter = (
-    param: IParameter,
-    onValueChange: (id: string, value: any) => void
-) => (
+export const RenderNumberParameter = (param: IParameter, onValueChange: (id: string, value: any) => void) => (
     <div className="flex w-full flex-col gap-2">
         <Label className="h4">
             {param.name}
@@ -54,16 +48,12 @@ export const RenderObjectParameter = (
                 <div key={subIndex} className="flex items-center gap-4">
                     <Label className="h4">
                         {subParam.name}
-                        {subParam.optional == false && (
-                            <span className="text-red-500">*</span>
-                        )}
+                        {subParam.optional == false && <span className="text-red-500">*</span>}
                     </Label>
                     <Input
                         defaultValue={subParam.value}
                         className="w-full"
-                        onChange={(e) =>
-                            onNestedValueChange(param.id, subParam.id, e.target.value)
-                        }
+                        onChange={(e) => onNestedValueChange(param.id, subParam.id, e.target.value)}
                     />
                 </div>
             ))}
@@ -95,9 +85,7 @@ export const RenderOptionsParameter = (
     };
 
     const handleOptionChange = (optionValue: any) => {
-        const currentOption = param.options?.find(
-            (option) => option.name === optionValue
-        );
+        const currentOption = param.options?.find((option) => option.name === optionValue);
         onOptionChange?.(currentOption);
     };
 
@@ -121,10 +109,7 @@ export const RenderOptionsParameter = (
                 </SelectContent>
             </Select>
             {defaultOptionValue?.parameters &&
-                renderParameters(
-                    defaultOptionValue.parameters,
-                    handleSelectedOptionParamChange
-                )}
+                renderParameters(defaultOptionValue.parameters, handleSelectedOptionParamChange)}
         </div>
     );
 };
@@ -142,21 +127,14 @@ export const renderParameters = (
     <div className="flex flex-col gap-4">
         {parameters.map((param, index) => (
             <div key={index}>
-                {param.type === 'string' ||
-                param.type === 'hash' ||
-                param.type === 'url'
+                {param.type === 'string' || param.type === 'hash' || param.type === 'url'
                     ? RenderStringParameter(param, onValueChange)
                     : param.type === 'number'
                       ? RenderNumberParameter(param, onValueChange)
-                      : (param.type === 'object' || param.type === 'list') &&
-                          param.parameters
+                      : (param.type === 'object' || param.type === 'list') && param.parameters
                         ? RenderObjectParameter(param, onNestedValueChange!)
                         : param.type === 'options' && param.options
-                          ? RenderOptionsParameter(
-                                param,
-                                handleOptionChange,
-                                optionValue || null
-                            )
+                          ? RenderOptionsParameter(param, handleOptionChange, optionValue || null)
                           : null}
             </div>
         ))}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
index 2c004dcf..a9a0af1f 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
@@ -3,12 +3,7 @@
 import React, { useEffect, useState } from 'react';
 
 import { Card } from '@app/components/atoms/Card';
-import {
-    Tabs,
-    TabsContent,
-    TabsList,
-    TabsTrigger
-} from '@app/components/molecules/Tabs';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@app/components/molecules/Tabs';
 
 import CustomCron from './cron/CustomCron';
 import DefaultCron from './cron/DefaultCron';
@@ -57,11 +52,7 @@ export default function TriggerTab({
     onlyCronTriggerTab,
     defaultToCustomTab = false
 }: {
-    onChange?: (
-        cronExpression: string[],
-        configuredSettings: string,
-        selectedTab: any
-    ) => void;
+    onChange?: (cronExpression: string[], configuredSettings: string, selectedTab: any) => void;
     defaultCron?: any;
     previousSelectedOption?: string;
     previousConfiguredSettings?: IInputSetting[];
@@ -71,9 +62,7 @@ export default function TriggerTab({
     defaultToCustomTab?: boolean;
 }) {
     const [cron, setCron] = useState<string[]>(
-        typeof defaultCron === 'string'
-            ? defaultCron.split(' ')
-            : defaultCron || ['*', '*', '*', '*', '*']
+        typeof defaultCron === 'string' ? defaultCron.split(' ') : defaultCron || ['*', '*', '*', '*', '*']
     );
 
     /* State for persisiting custom cron settings when switching tabs*/
@@ -81,14 +70,10 @@ export default function TriggerTab({
 
     /* state for persisiting user cron settings when switching tabs*/
 
-    const [defaultSelected, setDefaultSelected] = useState(
-        previousSelectedOption || 'Minute-option-one'
-    );
+    const [defaultSelected, setDefaultSelected] = useState(previousSelectedOption || 'Minute-option-one');
 
     const defaultSelectedCronTab =
-        (defaultToCustomTab && 'Custom') ||
-        previousSelectedOption?.split('-')[0] ||
-        'Minute';
+        (defaultToCustomTab && 'Custom') || previousSelectedOption?.split('-')[0] || 'Minute';
 
     const initialSettings: IInputSetting[] = [
         { name: 'Minute-option-two', value: 1 },
@@ -143,10 +128,7 @@ export default function TriggerTab({
                     <TabsTrigger value="Cron" onClick={() => setSelectedTab?.('CRON')}>
                         Cron Trigger
                     </TabsTrigger>
-                    <TabsTrigger
-                        value="Event"
-                        onClick={() => setSelectedTab?.('EVENT')}
-                    >
+                    <TabsTrigger value="Event" onClick={() => setSelectedTab?.('EVENT')}>
                         Event Trigger
                     </TabsTrigger>
                 </TabsList>
@@ -175,10 +157,7 @@ export default function TriggerTab({
                                 </TabsContent>
                             ))}
                             <TabsContent value="Custom">
-                                <CustomCron
-                                    customCron={cron}
-                                    onChange={onChangeCustomCron}
-                                />
+                                <CustomCron customCron={cron} onChange={onChangeCustomCron} />
                             </TabsContent>
                         </div>
                     </Tabs>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
index 0d4794e7..179216fa 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
@@ -21,11 +21,7 @@ export const FunctionCards = ({ functions, onUnselect, onEdit }: IFunctionCards)
                     <div className="flex w-full items-center justify-between">
                         <span className="card-h2">{functionItem.name}</span>
                         <div className="flex items-center gap-2">
-                            <Edit
-                                color="#A1A1A1"
-                                className="cursor-pointer"
-                                onClick={() => onEdit(functionItem)}
-                            />
+                            <Edit color="#A1A1A1" className="cursor-pointer" onClick={() => onEdit(functionItem)} />
                             <Trash2
                                 color="#A1A1A1"
                                 className="cursor-pointer"
@@ -33,9 +29,7 @@ export const FunctionCards = ({ functions, onUnselect, onEdit }: IFunctionCards)
                             />
                         </div>
                     </div>
-                    <span className="h4 flex-nowrap text-start">
-                        {functionItem.description}
-                    </span>
+                    <span className="h4 flex-nowrap text-start">{functionItem.description}</span>
                 </Card>
             ))}
         </>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
index 4e86e340..fb57257e 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
@@ -13,11 +13,7 @@ export default function InfoCard({
 }) {
     return (
         <div className="group relative  mb-2 flex self-end">
-            <Info
-                className="hover:text-gray-400"
-                onMouseEnter={onMouseEnter}
-                onMouseLeave={onMouseLeave}
-            />
+            <Info className="hover:text-gray-400" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />
             <span
                 className={cn(
                     'absolute left-10 top-4 hidden w-64 rounded bg-gray-100 p-4 shadow transition-opacity duration-200',
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx b/frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx
index d4ea7d2f..748bd71a 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cron/CustomCron.tsx
@@ -2,26 +2,14 @@ import { useEffect, useRef, useState } from 'react';
 
 import { Input } from '@app/components/atoms/Input';
 
-export default function CustomCron({
-    customCron,
-    onChange
-}: {
-    customCron?: string[];
-    onChange?: any;
-}) {
+export default function CustomCron({ customCron, onChange }: { customCron?: string[]; onChange?: any }) {
     const [seconds, setSeconds] = useState(customCron ? customCron[0] : '*');
     const [minutes, setMinutes] = useState(customCron ? customCron[1] : '*');
     const [hours, setHours] = useState(customCron ? customCron[2] : '*');
     const [months, setMonths] = useState(customCron ? customCron[3] : '*');
     const [years, setYears] = useState(customCron ? customCron[4] : '*');
 
-    const [, setCron] = useState([
-        `${seconds}`,
-        `${minutes}`,
-        `${hours}`,
-        `${months}`,
-        `${years}`
-    ]);
+    const [, setCron] = useState([`${seconds}`, `${minutes}`, `${hours}`, `${months}`, `${years}`]);
 
     const isFirstRender = useRef(true);
 
@@ -31,13 +19,7 @@ export default function CustomCron({
             return;
         }
 
-        const newCron = [
-            `${seconds}`,
-            `${minutes}`,
-            `${hours}`,
-            `${months}`,
-            `${years}`
-        ];
+        const newCron = [`${seconds}`, `${minutes}`, `${hours}`, `${months}`, `${years}`];
         setCron(newCron);
         onChange?.(newCron);
     }, [seconds, minutes, hours, months, years]);
diff --git a/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx b/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
index 3a50cf3c..b7b607c5 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
@@ -85,11 +85,8 @@ export default function DefaultCron({
                             });
                         }}
                         defaultValue={
-                            configuredSettings?.find(
-                                (item) =>
-                                    item.name ===
-                                    `${cronSetting.placeholder}-option-two`
-                            )?.value || '1'
+                            configuredSettings?.find((item) => item.name === `${cronSetting.placeholder}-option-two`)
+                                ?.value || '1'
                         }
                         disabled={selected !== `${cronSetting.placeholder}-option-two`}
                     />{' '}
@@ -136,14 +133,10 @@ export default function DefaultCron({
                         }}
                         defaultValue={
                             configuredSettings?.find(
-                                (item) =>
-                                    item.name ===
-                                    `${cronSetting.placeholder}-option-three-start`
+                                (item) => item.name === `${cronSetting.placeholder}-option-three-start`
                             )?.value || '1'
                         }
-                        disabled={
-                            selected !== `${cronSetting.placeholder}-option-three`
-                        }
+                        disabled={selected !== `${cronSetting.placeholder}-option-three`}
                     />
                     {cronSetting.placeholder} and
                     <NumberInput
@@ -166,14 +159,10 @@ export default function DefaultCron({
                         }}
                         defaultValue={
                             configuredSettings?.find(
-                                (item) =>
-                                    item.name ===
-                                    `${cronSetting.placeholder}-option-three-end`
+                                (item) => item.name === `${cronSetting.placeholder}-option-three-end`
                             )?.value || '1'
                         }
-                        disabled={
-                            selected !== `${cronSetting.placeholder}-option-three`
-                        }
+                        disabled={selected !== `${cronSetting.placeholder}-option-three`}
                     />
                     {cronSetting.placeholder}
                 </Label>
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index bb6f89d9..8c6d60da 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -34,9 +34,7 @@ const EventTab = ({
 
     const [isInfoVisible, setIsInfoVisible] = useState(false);
 
-    const [formData, setFormData] = useState<IEventTrigger | null>(
-        savedEventTrigger || null
-    );
+    const [formData, setFormData] = useState<IEventTrigger | null>(savedEventTrigger || null);
 
     const [proMode, setProMode] = useState(false);
 
@@ -48,17 +46,12 @@ const EventTab = ({
 
     useEffect(() => {
         if (savedEventTrigger) {
-            const savedEvent = transactionSchema.find(
-                (event) => event.id === savedEventTrigger?.id
-            );
+            const savedEvent = transactionSchema.find((event) => event.id === savedEventTrigger?.id);
             if (savedEvent) {
                 setCurrentEvent(savedEvent);
             }
             const lastEventFilter = savedEvent?.properties?.find(
-                (prop) =>
-                    prop.id ===
-                    savedEventTrigger?.children[savedEventTrigger?.children.length - 1]
-                        ?.id
+                (prop) => prop.id === savedEventTrigger?.children[savedEventTrigger?.children.length - 1]?.id
             );
             if (lastEventFilter) {
                 setCurrentEventFilter(lastEventFilter);
@@ -80,13 +73,26 @@ const EventTab = ({
     };
 
     const handleSelectEventFilter = (eventFilterId: string) => {
-        const selectedEventFilter = currentEvent?.properties?.find(
-            (prop) => prop.id === eventFilterId
-        );
+        const selectedEventFilter = currentEvent?.properties?.find((prop) => prop.id === eventFilterId);
         if (selectedEventFilter) {
             if (!selectedEventFilter.properties) {
                 const { id, label, type, validator } = selectedEventFilter;
                 selectedEventFilter.properties = [{ id, label, type, validator }];
+            } else {
+                const { id, label, type, validator, properties } = selectedEventFilter;
+                const idExists = selectedEventFilter.properties.find((p) => p.id === id);
+                if (!idExists) {
+                    selectedEventFilter.properties = [
+                        ...properties,
+                        {
+                            id,
+                            label,
+                            type,
+                            validator,
+                            operators: ['exists']
+                        }
+                    ];
+                }
             }
             setCurrentEventFilter(selectedEventFilter);
             return selectedEventFilter;
@@ -148,10 +154,11 @@ const EventTab = ({
                                           id: selectedParameter.id,
                                           operators: selectedParameter.operators
                                               ? selectedParameter.operators
-                                              : ['eq'],
+                                              : ['exists'],
                                           validator: selectedParameter.validator,
                                           value: '',
-                                          negate: false
+                                          negate: false,
+                                          operator: 'exists'
                                       }
                                   ]
                               }
@@ -173,10 +180,7 @@ const EventTab = ({
                           ...eventFilter,
                           children: eventFilter.children.filter((child) => {
                               if (Array.isArray(child.id)) {
-                                  return !areArraysEqual(
-                                      child.id as string[],
-                                      parameterId as string[]
-                                  );
+                                  return !areArraysEqual(child.id as string[], parameterId as string[]);
                               } else return child.id !== parameterId;
                           })
                       }
@@ -216,9 +220,7 @@ const EventTab = ({
                               ...eventFilter,
                               //@ts-ignore
                               children: eventFilter.children.map((child) =>
-                                  child.id === parameterId
-                                      ? { ...child, operator: operator }
-                                      : child
+                                  child.id === parameterId ? { ...child, operator: operator } : child
                               )
                           }
                         : eventFilter
@@ -238,9 +240,7 @@ const EventTab = ({
                               ...eventFilter,
                               //@ts-ignore
                               children: eventFilter.children.map((child) =>
-                                  child.id === parameterId
-                                      ? { ...child, negate: negate }
-                                      : child
+                                  child.id === parameterId ? { ...child, negate: negate } : child
                               )
                           }
                         : eventFilter
@@ -253,15 +253,11 @@ const EventTab = ({
     const getNotSelectedEventFilters = () => {
         return transactionSchema
             .find((tx) => tx.id === formData?.id)
-            ?.properties?.filter(
-                (prop) => !formData?.children.find((child) => child.id === prop.id)
-            );
+            ?.properties?.filter((prop) => !formData?.children.find((child) => child.id === prop.id));
     };
 
     const getFlattenEventFilterParams = () => {
-        return currentEventFilter?.properties
-            ?.map((prop) => getNestedTxProperties(prop))
-            .flat();
+        return currentEventFilter?.properties?.map((prop) => getNestedTxProperties(prop)).flat();
     };
 
     const getNotSelectedEventFilterParameters = () => {
@@ -270,16 +266,10 @@ const EventTab = ({
             getFlattenEventFilterParams()?.filter(
                 (prop: ISchema) =>
                     !formData?.children
-                        .find(
-                            (eventFilter) => eventFilter.id === currentEventFilter?.id
-                        )
+                        .find((eventFilter) => eventFilter.id === currentEventFilter?.id)
                         //@ts-ignore
                         ?.children.find(
-                            (child: IFieldNode) =>
-                                !checkIfStringOrArrayOfStringIdsAreEqual(
-                                    child.id,
-                                    prop.id
-                                )
+                            (child: IFieldNode) => !checkIfStringOrArrayOfStringIdsAreEqual(child.id, prop.id)
                         )
             )
         );
@@ -288,8 +278,7 @@ const EventTab = ({
     const removeEventFilter = (filterId?: string | string[]) => {
         if (!filterId || !formData?.children) return;
         formData.children = formData?.children.filter(
-            (child) =>
-                child.id && checkIfStringOrArrayOfStringIdsAreEqual(filterId, child.id)
+            (child) => child.id && checkIfStringOrArrayOfStringIdsAreEqual(filterId, child.id)
         );
         setFormData({ ...formData });
         formData && formData.children && formData.children.length
@@ -386,24 +375,17 @@ const EventTab = ({
                                             className={cn(
                                                 'cursor-pointer font-semibold',
                                                 currentEventFilter &&
-                                                    currentEventFilter.id ===
-                                                        child.id &&
+                                                    currentEventFilter.id === child.id &&
                                                     'text-brand-Blue-200 underline underline-offset-4'
                                             )}
-                                            onClick={() =>
-                                                handleSelectEventFilter(
-                                                    child.id as string
-                                                )
-                                            }
+                                            onClick={() => handleSelectEventFilter(child.id as string)}
                                         >
                                             {child.id}
                                         </div>
                                     ))}
                             </nav>
                             <Button
-                                onClick={() =>
-                                    removeEventFilter(currentEventFilter?.id)
-                                }
+                                onClick={() => removeEventFilter(currentEventFilter?.id)}
                                 className={'rounded px-2 py-1 !text-xs'}
                                 size={'sm'}
                             >
@@ -415,49 +397,25 @@ const EventTab = ({
                                 if (param.id === currentEventFilter?.id) {
                                     return (
                                         <div key={index}>
-                                            {(param as IBooleanNode).children?.map(
-                                                (child, childIndex) => (
-                                                    <div
-                                                        key={childIndex}
-                                                        className="flex w-full flex-col gap-4"
-                                                    >
-                                                        {
-                                                            <RenderEventChildForm
-                                                                eventFilterParam={
-                                                                    child as IFieldNode
-                                                                }
-                                                                onValueChange={(
-                                                                    value
-                                                                ) => {
-                                                                    handleParamValueChange(
-                                                                        child.id as string,
-                                                                        value
-                                                                    );
-                                                                }}
-                                                                onOperatorChange={(
-                                                                    value
-                                                                ) => {
-                                                                    handleParamOperatorChange(
-                                                                        child.id as string,
-                                                                        value
-                                                                    );
-                                                                }}
-                                                                onNegateChange={(
-                                                                    value
-                                                                ) => {
-                                                                    handleParamNegationChange(
-                                                                        child.id as string,
-                                                                        value
-                                                                    );
-                                                                }}
-                                                                onDeleteParameter={
-                                                                    handleDeleteParameter
-                                                                }
-                                                            />
-                                                        }
-                                                    </div>
-                                                )
-                                            )}
+                                            {(param as IBooleanNode).children?.map((child, childIndex) => (
+                                                <div key={childIndex} className="flex w-full flex-col gap-4">
+                                                    {
+                                                        <RenderEventChildForm
+                                                            eventFilterParam={child as IFieldNode}
+                                                            onValueChange={(value) => {
+                                                                handleParamValueChange(child.id as string, value);
+                                                            }}
+                                                            onOperatorChange={(value) => {
+                                                                handleParamOperatorChange(child.id as string, value);
+                                                            }}
+                                                            onNegateChange={(value) => {
+                                                                handleParamNegationChange(child.id as string, value);
+                                                            }}
+                                                            onDeleteParameter={handleDeleteParameter}
+                                                        />
+                                                    }
+                                                </div>
+                                            ))}
                                         </div>
                                     );
                                 }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
index b1bdce84..1272e6d9 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
@@ -16,9 +16,7 @@ const EventTabRenderer = ({
     formData: IEventTrigger | null;
     onEditorValueChange: (value: IEventTrigger) => void;
 }) => {
-    const [editorValue, setEditorValue] = useState(
-        formData ? JSON.stringify(formData) : ''
-    );
+    const [editorValue, setEditorValue] = useState(formData ? JSON.stringify(formData) : '');
     const handleOnEditorValueChange = (value: string) => {
         setEditorValue(value);
     };
@@ -38,10 +36,7 @@ const EventTabRenderer = ({
     return (
         <div className="h-[600px] w-[1200px] items-center scroll-auto">
             {displayMonacoEditor ? (
-                <CustomEditor
-                    defaultValue={formData}
-                    onValueChange={handleOnEditorValueChange}
-                />
+                <CustomEditor defaultValue={formData} onValueChange={handleOnEditorValueChange} />
             ) : (
                 <NodeGraph data={formData} />
             )}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
index e387b2d4..2199d0e6 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -10,12 +10,7 @@ interface NodeGraphProps {
     maxWidth?: number;
 }
 
-export default function EventTriggerGraph({
-    data,
-    className,
-    maxHeight,
-    maxWidth
-}: NodeGraphProps) {
+export default function EventTriggerGraph({ data, className, maxHeight, maxWidth }: NodeGraphProps) {
     const [nodes, setNodes] = useState<NodeData[]>([]);
     const [edges, setEdges] = useState<EdgeData[]>([]);
 
@@ -108,8 +103,7 @@ export default function EventTriggerGraph({
                   data.id +
                   ` ${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''} ` +
                   ')'
-                : data.id +
-                  `${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''}`;
+                : data.id + `${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''}`;
             newNodes.push({
                 id: rootId,
                 text: text,
@@ -132,13 +126,13 @@ export default function EventTriggerGraph({
     return (
         <Canvas
             nodes={
-                Array.from(new Set(nodes.map((node) => JSON.stringify(node)))).map(
-                    (node) => JSON.parse(node)
+                Array.from(new Set(nodes.map((node) => JSON.stringify(node)))).map((node) =>
+                    JSON.parse(node)
                 ) as NodeData[]
             } //ensure nodes are unique
             edges={
-                Array.from(new Set(edges.map((edge) => JSON.stringify(edge)))).map(
-                    (edge) => JSON.parse(edge)
+                Array.from(new Set(edges.map((edge) => JSON.stringify(edge)))).map((edge) =>
+                    JSON.parse(edge)
                 ) as EdgeData[]
             } // ensure edges are unique
             pannable={true}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
index e8e9eb6f..47397440 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -12,6 +12,7 @@ import {
     DropdownMenuTrigger
 } from '@app/components/atoms/DropDownMenu';
 import { Input } from '@app/components/atoms/Input';
+import { cn } from '@app/components/lib/utils';
 import { Close } from '@app/views/atoms/Icons/Close';
 
 import { transformLabelForOperators } from '../utils/MapperHelper';
@@ -29,9 +30,7 @@ const RenderEventChildForm = ({
     onNegateChange?: (value: boolean) => void;
     onDeleteParameter?: (...args: any) => void;
 }) => {
-    const [localOperator, setLocalOperator] = useState<string>(
-        eventFilterParam.operator || 'eq'
-    );
+    const [localOperator, setLocalOperator] = useState<string>(eventFilterParam.operator || 'eq');
     const [value, setValue] = useState(eventFilterParam.value);
 
     const paramId = Array.isArray(eventFilterParam.id)
@@ -47,11 +46,7 @@ const RenderEventChildForm = ({
     const [debouncedVal] = useDebounceValue(value, 500);
 
     useEffect(() => {
-        if (
-            debouncedVal &&
-            eventFilterParam?.validator &&
-            !eventFilterParam?.validator(debouncedVal)
-        ) {
+        if (debouncedVal && eventFilterParam?.validator && !eventFilterParam?.validator(debouncedVal)) {
             setErrMsg(`Error occured on ${paramId}`);
             return;
         }
@@ -88,17 +83,10 @@ const RenderEventChildForm = ({
                 <span className="mt-2 min-w-80 truncate">{paramId}</span>
                 <div className="flex items-center gap-2">
                     <span className="mt-2">negate</span>
-                    <Checkbox
-                        className="mt-2"
-                        onCheckedChange={onNegateChange}
-                        checked={eventFilterParam.negate}
-                    />
+                    <Checkbox className="mt-2" onCheckedChange={onNegateChange} checked={eventFilterParam.negate} />
                 </div>
                 <DropdownMenu>
-                    <DropdownMenuTrigger
-                        disableIcon={true}
-                        className="mt-2 min-w-20 rounded border-none !p-0"
-                    >
+                    <DropdownMenuTrigger disableIcon={true} className="mt-2 min-w-20 rounded border-none !p-0">
                         <span className="flex w-full justify-end gap-4">
                             {transformLabelForOperators(localOperator)}
                             <ChevronDown size={24} />
@@ -116,24 +104,25 @@ const RenderEventChildForm = ({
                         ))}
                     </DropdownMenuContent>
                 </DropdownMenu>
-                <Input
-                    className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
-                    defaultValue={eventFilterParam.value}
-                    onChange={handleInputChange}
-                    value={value}
-                />
+                {localOperator !== 'exists' ? (
+                    <Input
+                        className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
+                        defaultValue={eventFilterParam.value}
+                        onChange={handleInputChange}
+                        value={value}
+                    />
+                ) : (
+                    <></>
+                )}
                 <Close
                     onClick={() => handleOnDeleteParam(eventFilterParam.id)}
-                    className={
-                        'invisible relative top-2 h-10 w-10 cursor-pointer group-hover:visible'
-                    }
+                    className={cn(
+                        'invisible cursor-pointer group-hover:visible',
+                        localOperator === 'exists' ? 'h-5 w-5' : 'h-10 w-10 '
+                    )}
                 />
             </div>
-            {errMsg && (
-                <div className="flex w-3/4 justify-end text-sm text-red-500">
-                    {errMsg}
-                </div>
-            )}
+            {errMsg && <div className="flex w-3/4 justify-end text-sm text-red-500">{errMsg}</div>}
         </div>
     );
 };
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index f4910985..8a907842 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -3,11 +3,7 @@ import { TriggerType } from '@api/agents';
 import { ICronTrigger } from '@api/agents';
 import { ITemplateConfiguration } from '@api/templates';
 import { ITriggerCreateDto } from '@api/trigger';
-import {
-    IParameter,
-    IParameterOption,
-    TemplateFunctions
-} from '@models/types/functions';
+import { IParameter, IParameterOption, TemplateFunctions } from '@models/types/functions';
 
 import { IFormFunctionInstance } from '../../page';
 import {
@@ -17,9 +13,7 @@ import {
 } from './MapperHelper';
 
 // For converting function data from form to Trigger Create DTO Format.
-export const mapFormFunctionToTriggerConfiguration = (
-    item: IFormFunctionInstance
-): ITriggerCreateDto => {
+export const mapFormFunctionToTriggerConfiguration = (item: IFormFunctionInstance): ITriggerCreateDto => {
     const commonData = {
         probability: (item.cronValue?.probability || 100) / 100,
         frequency: item.cronValue?.frequency || '* * * * *'
@@ -43,9 +37,7 @@ export const mapFormFunctionToTriggerConfiguration = (
             type: item.type,
             action: {
                 function_name: item.id,
-                parameters: item.optionValue
-                    ? [mapOptionToKeyValuePair(item.optionValue, 'delegation_params')]
-                    : []
+                parameters: item.optionValue ? [mapOptionToKeyValuePair(item.optionValue, 'delegation_params')] : []
             },
             data: commonData
         };
@@ -65,9 +57,7 @@ export const mapFormFunctionToTriggerConfiguration = (
 export const mapTriggerConfigurationToFormFunction = (
     trigger: ITriggerCreateDto | IAgentConfiguration
 ): IFormFunctionInstance => {
-    const baseFunction = TemplateFunctions.find(
-        (f) => f.id === trigger.action.function_name
-    );
+    const baseFunction = TemplateFunctions.find((f) => f.id === trigger.action.function_name);
 
     if (!baseFunction) {
         throw new Error(
@@ -75,21 +65,12 @@ export const mapTriggerConfigurationToFormFunction = (
         );
     }
 
-    const populateParameters = (
-        baseParams: IParameter[],
-        triggerParams: ISubParameter[]
-    ): IParameter[] => {
+    const populateParameters = (baseParams: IParameter[], triggerParams: ISubParameter[]): IParameter[] => {
         const obj = baseParams.map((baseParam) => {
-            const matchingTriggerParam = triggerParams.find(
-                (param) => param.name == baseParam.id
-            );
+            const matchingTriggerParam = triggerParams.find((param) => param.name == baseParam.id);
 
             // populate upper layer
-            if (
-                matchingTriggerParam &&
-                baseParam.type !== 'options' &&
-                baseParam.type !== 'object'
-            ) {
+            if (matchingTriggerParam && baseParam.type !== 'options' && baseParam.type !== 'object') {
                 return {
                     ...baseParam,
                     value: matchingTriggerParam.value
@@ -98,19 +79,14 @@ export const mapTriggerConfigurationToFormFunction = (
 
             // for nested object type
             if (matchingTriggerParam && baseParam.type === 'object') {
-                const combinedSubTriggerParams = Object.entries(
-                    matchingTriggerParam.value
-                ).map(([key, value]) => ({
+                const combinedSubTriggerParams = Object.entries(matchingTriggerParam.value).map(([key, value]) => ({
                     name: key,
                     value: value
                 }));
 
                 const nested_obj = {
                     ...baseParam,
-                    parameters: populateParameters(
-                        baseParam.parameters || [],
-                        combinedSubTriggerParams
-                    )
+                    parameters: populateParameters(baseParam.parameters || [], combinedSubTriggerParams)
                 };
 
                 return nested_obj;
@@ -158,8 +134,7 @@ export const mapTriggerConfigurationToFormFunction = (
         };
     };
 
-    const cronValue: ICronTrigger | undefined = (trigger.data as ICronTrigger)
-        ?.probability
+    const cronValue: ICronTrigger | undefined = (trigger.data as ICronTrigger)?.probability
         ? {
               probability: (trigger.data as ICronTrigger).probability * 100,
               frequency: (trigger.data as ICronTrigger).frequency
@@ -171,14 +146,10 @@ export const mapTriggerConfigurationToFormFunction = (
         index: '',
         name: baseFunction.name,
         description: baseFunction.description,
-        parameters: populateParameters(
-            baseFunction.parameters || [],
-            trigger.action.parameters || []
-        ),
+        parameters: populateParameters(baseFunction.parameters || [], trigger.action.parameters || []),
         type: trigger.type as TriggerType,
         cronValue,
-        eventValue:
-            trigger.type === 'EVENT' ? (trigger.data as IEventTrigger) : undefined,
+        eventValue: trigger.type === 'EVENT' ? (trigger.data as IEventTrigger) : undefined,
         optionValue:
             baseFunction?.parameters && baseFunction?.parameters[0].type === 'options'
                 ? populateOptionValue(trigger.action.parameters[0])
@@ -191,9 +162,7 @@ export const mapTriggerConfigurationToFormFunction = (
     return final_obj;
 };
 
-export const mapAgentConfigurationToFormFunction = (
-    agentConfiguration: IAgentConfiguration
-): IFormFunctionInstance => {
+export const mapAgentConfigurationToFormFunction = (agentConfiguration: IAgentConfiguration): IFormFunctionInstance => {
     const convertedObj = mapTriggerConfigurationToFormFunction({
         action: agentConfiguration.action,
         data: agentConfiguration.data,
@@ -204,9 +173,7 @@ export const mapAgentConfigurationToFormFunction = (
     return convertedObj;
 };
 
-export const mapFormFunctionToAgentConfiguration = (
-    formFuncion: IFormFunctionInstance
-): IAgentConfiguration => {
+export const mapFormFunctionToAgentConfiguration = (formFuncion: IFormFunctionInstance): IAgentConfiguration => {
     const functionMetaData = TemplateFunctions.find((f) => f.name === formFuncion.name);
 
     // Ids are different. Meta data id and actual trigger id
@@ -227,9 +194,7 @@ export const mapFormFunctionToTemplateConfiguration = (
     formFunction: IFormFunctionInstance,
     template_id: string
 ): ITemplateConfiguration => {
-    const functionMetaData = TemplateFunctions.find(
-        (f) => f.name === formFunction.name
-    );
+    const functionMetaData = TemplateFunctions.find((f) => f.name === formFunction.name);
 
     const convertedObj = mapFormFunctionToTriggerConfiguration({
         ...formFunction,
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
index cb272da8..feaf17e8 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/MapperHelper.ts
@@ -4,15 +4,11 @@ import { IParameter, IParameterOption } from '@models/types/functions';
 export const mapParamValueToKeyValuePair = (params: IParameter[]): ISubParameter[] => {
     return params.map((param) => ({
         name: param.id || param.name,
-        value: param.parameters
-            ? convertToKeyValuePairObject(param.parameters)
-            : param.value
+        value: param.parameters ? convertToKeyValuePairObject(param.parameters) : param.value
     }));
 };
 
-export const convertToKeyValuePairObject = (
-    params: IParameter[]
-): Record<string, any> => {
+export const convertToKeyValuePairObject = (params: IParameter[]): Record<string, any> => {
     return params.reduce(
         (obj, param) => {
             obj[param.id] = param.value;
@@ -21,10 +17,7 @@ export const convertToKeyValuePairObject = (
         {} as Record<string, any>
     );
 };
-export const mapOptionToKeyValuePair = (
-    option: IParameterOption,
-    name = ''
-): ISubParameter => {
+export const mapOptionToKeyValuePair = (option: IParameterOption, name = ''): ISubParameter => {
     if (option.parameters) {
         return {
             name: name || option.name,
@@ -37,9 +30,7 @@ export const mapOptionToKeyValuePair = (
     };
 };
 
-export const mapKeyValuePairToParamValue = (
-    subParams: ISubParameter[]
-): IParameter[] => {
+export const mapKeyValuePairToParamValue = (subParams: ISubParameter[]): IParameter[] => {
     return subParams.map((subParam) => ({
         id: subParam.name,
         type: 'string',
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
index e004bbc3..3a393529 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
@@ -1,9 +1,6 @@
 import { areArraysEqual } from '@app/utils/common/array';
 
-export function checkIfStringOrArrayOfStringIdsAreEqual(
-    id1: string | string[],
-    id2: string | string[]
-) {
+export function checkIfStringOrArrayOfStringIdsAreEqual(id1: string | string[], id2: string | string[]) {
     if (Array.isArray(id1)) {
         return !Array.isArray(id2) || !areArraysEqual(id1, id2);
     } else {
diff --git a/frontend/src/app/(pages)/templates/create-template/page.tsx b/frontend/src/app/(pages)/templates/create-template/page.tsx
index 0db7bd19..0640edf6 100644
--- a/frontend/src/app/(pages)/templates/create-template/page.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/page.tsx
@@ -7,11 +7,7 @@ import { useRouter } from 'next/navigation';
 
 import { ICronTrigger, IEventTrigger, TriggerType } from '@api/agents';
 import { ICreateTemplateRequestDTO, postTemplateData } from '@api/templates';
-import {
-    IFunctionsItem,
-    IParameterOption,
-    TemplateFunctions
-} from '@models/types/functions';
+import { IFunctionsItem, IParameterOption, TemplateFunctions } from '@models/types/functions';
 import { Dialog, DialogContent } from '@mui/material';
 import { useMutation } from '@tanstack/react-query';
 import { useAtom } from 'jotai';
@@ -67,8 +63,7 @@ export default function CreateTemplatePage() {
     });
 
     const templateMutation = useMutation({
-        mutationFn: (data: ICreateTemplateRequestDTO) =>
-            postTemplateData({ data: data }),
+        mutationFn: (data: ICreateTemplateRequestDTO) => postTemplateData({ data: data }),
         onSuccess: () => {
             new Promise((resolve) => setTimeout(resolve, 1000));
             queryClient.refetchQueries({ queryKey: ['templates'] });
@@ -81,8 +76,7 @@ export default function CreateTemplatePage() {
         }
     });
 
-    const [currentSelectedFunction, setCurrentSelectedFunction] =
-        useState<IFormFunctionInstance | null>(null);
+    const [currentSelectedFunction, setCurrentSelectedFunction] = useState<IFormFunctionInstance | null>(null);
 
     const [isDialogOpen, setIsDialogOpen] = useState(false);
 
@@ -105,9 +99,7 @@ export default function CreateTemplatePage() {
     };
 
     const handleDeleteFunction = (inputFunction: IFormFunctionInstance) => {
-        const newFunctions = mainState.functions.filter(
-            (functionItem) => functionItem.index !== inputFunction.index
-        );
+        const newFunctions = mainState.functions.filter((functionItem) => functionItem.index !== inputFunction.index);
         setMainState({
             ...mainState,
             functions: newFunctions
@@ -120,9 +112,7 @@ export default function CreateTemplatePage() {
         const newFunctions = mainState.functions.map((functionItem) =>
             functionItem.index === item.index ? item : functionItem
         );
-        const indexExists = newFunctions.some(
-            (functionItem) => functionItem.index === item.index
-        );
+        const indexExists = newFunctions.some((functionItem) => functionItem.index === item.index);
         if (!indexExists) {
             newFunctions.push(item);
         }
@@ -149,9 +139,7 @@ export default function CreateTemplatePage() {
         const templateRequest: ICreateTemplateRequestDTO = {
             name: mainState.name,
             description: mainState.description,
-            template_triggers: mainState.functions.map((func) =>
-                mapFormFunctionToTriggerConfiguration(func)
-            )
+            template_triggers: mainState.functions.map((func) => mapFormFunctionToTriggerConfiguration(func))
         };
         setSubmittingForm(true);
         templateMutation.mutate(templateRequest);
@@ -175,9 +163,7 @@ export default function CreateTemplatePage() {
                         placeholder="Text..."
                         className="mt-3 h-[123px] w-full"
                         value={mainState.description}
-                        onChange={(e) =>
-                            handleUpdateMainState('description', e.target.value)
-                        }
+                        onChange={(e) => handleUpdateMainState('description', e.target.value)}
                     />
                 </div>
                 <div>
@@ -187,18 +173,11 @@ export default function CreateTemplatePage() {
                             Add Function
                         </DropdownMenuTrigger>
                         <DropdownMenuContent className="min-w-[--radix-popper-anchor-width]  hover:cursor-pointer">
-                            {TemplateFunctions.map(
-                                (templateFunction, index: number) => (
-                                    <DropdownMenuItem
-                                        onClick={() =>
-                                            handleAddFunction(templateFunction)
-                                        }
-                                        key={index}
-                                    >
-                                        {templateFunction.name}
-                                    </DropdownMenuItem>
-                                )
-                            )}
+                            {TemplateFunctions.map((templateFunction, index: number) => (
+                                <DropdownMenuItem onClick={() => handleAddFunction(templateFunction)} key={index}>
+                                    {templateFunction.name}
+                                </DropdownMenuItem>
+                            ))}
                         </DropdownMenuContent>
                     </DropdownMenu>
                 </div>
@@ -220,10 +199,7 @@ export default function CreateTemplatePage() {
                             handleTemplateSubmit();
                         }}
                         disabled={
-                            submittingForm ||
-                            !mainState.functions.length ||
-                            !mainState.name ||
-                            !mainState.description
+                            submittingForm || !mainState.functions.length || !mainState.name || !mainState.description
                         }
                     >
                         Create Template
diff --git a/frontend/src/app/(pages)/templates/page.tsx b/frontend/src/app/(pages)/templates/page.tsx
index 6801ad50..e9208089 100644
--- a/frontend/src/app/(pages)/templates/page.tsx
+++ b/frontend/src/app/(pages)/templates/page.tsx
@@ -10,11 +10,7 @@ import { useAtom } from 'jotai';
 import { SuccessToast } from '@app/components/molecules/CustomToasts';
 import EmptyScreen from '@app/components/molecules/EmptyScreen';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
-import {
-    adminAccessAtom,
-    currentConnectedWalletAtom,
-    templateCreatedAtom
-} from '@app/store/localStore';
+import { adminAccessAtom, currentConnectedWalletAtom, templateCreatedAtom } from '@app/store/localStore';
 import { IQueryParams } from '@app/utils/query';
 
 import TemplateList from './components/TemplateList';
diff --git a/frontend/src/app/components/Accordion.tsx b/frontend/src/app/components/Accordion.tsx
index 4a9bbf52..b1d04955 100644
--- a/frontend/src/app/components/Accordion.tsx
+++ b/frontend/src/app/components/Accordion.tsx
@@ -13,11 +13,7 @@ const AccordionItem = React.forwardRef<
     React.ElementRef<typeof AccordionPrimitive.Item>,
     React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(({ className, ...props }, ref) => (
-    <AccordionPrimitive.Item
-        ref={ref}
-        className={cn('border-b', className)}
-        {...props}
-    />
+    <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />
 ));
 AccordionItem.displayName = 'AccordionItem';
 
diff --git a/frontend/src/app/components/AgentActionDialogContent.tsx b/frontend/src/app/components/AgentActionDialogContent.tsx
index 47264728..c7a04e88 100644
--- a/frontend/src/app/components/AgentActionDialogContent.tsx
+++ b/frontend/src/app/components/AgentActionDialogContent.tsx
@@ -28,18 +28,17 @@ const AgentsActionDialogContent = ({
     triggerType,
     functionId
 }: AgentsActionDialogContentProps) => {
-    const { activeAgents, isSubmitting, handleSelect, handleAction, selectedAgentIds } =
-        useAgentsAction(triggerType, handleClose, functionId);
+    const { activeAgents, isSubmitting, handleSelect, handleAction, selectedAgentIds } = useAgentsAction(
+        triggerType,
+        handleClose,
+        functionId
+    );
 
     const [adminAccess] = useAtom(adminAccessAtom);
     const [currentConnectedWallet] = useAtom(currentConnectedWalletAtom);
 
     function filterUserOwnedAgents(agents: IAgent[]) {
-        return adminAccess
-            ? agents
-            : agents.filter(
-                  (agent) => agent.userAddress === currentConnectedWallet?.address
-              );
+        return adminAccess ? agents : agents.filter((agent) => agent.userAddress === currentConnectedWallet?.address);
     }
 
     const userOwnedAgents = filterUserOwnedAgents(activeAgents);
@@ -52,11 +51,7 @@ const AgentsActionDialogContent = ({
                 ) : (
                     <div className="flex flex-col gap-2">
                         {userOwnedAgents.map((agent) => (
-                            <AgentSelector
-                                key={agent.id}
-                                agent={agent}
-                                handleSelect={handleSelect}
-                            />
+                            <AgentSelector key={agent.id} agent={agent} handleSelect={handleSelect} />
                         ))}
                     </div>
                 )}
diff --git a/frontend/src/app/components/AppDialog.tsx b/frontend/src/app/components/AppDialog.tsx
index 5ae33a03..ed3dcbaa 100644
--- a/frontend/src/app/components/AppDialog.tsx
+++ b/frontend/src/app/components/AppDialog.tsx
@@ -2,13 +2,7 @@ import React from 'react';
 
 import { X } from 'lucide-react';
 
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle
-} from '@app/components/atoms/Dialog';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@app/components/atoms/Dialog';
 
 interface AppDialogProps extends React.PropsWithChildren {
     isOpen?: boolean;
@@ -27,10 +21,7 @@ export const AppDialogContent: React.FC<AppDialogContentProps> = (props) => {
 
     return (
         <DialogContent className={className} defaultCross={false}>
-            <X
-                className="absolute right-2 top-2 cursor-pointer"
-                onClick={() => onClose?.(false)}
-            />
+            <X className="absolute right-2 top-2 cursor-pointer" onClick={() => onClose?.(false)} />
             <DialogHeader className="mb-2">
                 {title && <DialogTitle>{title}</DialogTitle>}
                 {description && <DialogDescription>{description}</DialogDescription>}
diff --git a/frontend/src/app/components/DashboardCards.tsx b/frontend/src/app/components/DashboardCards.tsx
index ca242c2d..83d5d05e 100644
--- a/frontend/src/app/components/DashboardCards.tsx
+++ b/frontend/src/app/components/DashboardCards.tsx
@@ -54,11 +54,7 @@ const DashboardCards = ({ className }: { className?: string }) => {
 
     const { data: proposalMetric } = useQuery({
         queryKey: ['proposalMetric'],
-        queryFn: async () =>
-            fecthTriggerHistoryMetric([
-                'createInfoGovAction',
-                'proposalNewConstitution'
-            ])
+        queryFn: async () => fecthTriggerHistoryMetric(['createInfoGovAction', 'proposalNewConstitution'])
     });
 
     const { data: voteMetric } = useQuery({
@@ -76,10 +72,7 @@ const DashboardCards = ({ className }: { className?: string }) => {
                 title="No of Agents"
                 totalAgents={agents.length || 'NA'}
                 activeAgents={activeAgents?.online_agents_count || 0}
-                inactiveAgents={Math.max(
-                    0,
-                    agents.length - activeAgents?.online_agents_count || 0
-                )}
+                inactiveAgents={Math.max(0, agents.length - activeAgents?.online_agents_count || 0)}
             />
             <OverViewTemplatesCard
                 title="No of Templates"
@@ -89,21 +82,12 @@ const DashboardCards = ({ className }: { className?: string }) => {
             />
             <OverViewGraphCard
                 title="No of Proposals"
-                totalValue={
-                    (proposalMetric &&
-                        getTotalValue(
-                            proposalMetric.last_24hour_successful_triggers
-                        )) ||
-                    0
-                }
-                changeRate={
-                    (proposalMetric && proposalMetric.today_fluctuation_rate) || 0
-                }
+                totalValue={(proposalMetric && getTotalValue(proposalMetric.last_24hour_successful_triggers)) || 0}
+                changeRate={(proposalMetric && proposalMetric.today_fluctuation_rate) || 0}
                 graphData={
                     proposalMetric !== undefined
                         ? convertArrayToGraphDataFormat(
-                              proposalMetric.last_24hour_successful_triggers.toReversed() ||
-                                  [],
+                              proposalMetric.last_24hour_successful_triggers.toReversed() || [],
                               6
                           )
                         : []
@@ -111,18 +95,13 @@ const DashboardCards = ({ className }: { className?: string }) => {
             />
             <OverViewGraphCard
                 title="No of Votes"
-                totalValue={
-                    (voteMetric &&
-                        getTotalValue(voteMetric.last_24hour_successful_triggers)) ||
-                    0
-                }
+                totalValue={(voteMetric && getTotalValue(voteMetric.last_24hour_successful_triggers)) || 0}
                 changeRate={(voteMetric && voteMetric.today_fluctuation_rate) || 0}
                 theme="Secondary"
                 graphData={
                     voteMetric !== undefined
                         ? convertArrayToGraphDataFormat(
-                              voteMetric.last_24hour_successful_triggers.toReversed() ||
-                                  [],
+                              voteMetric.last_24hour_successful_triggers.toReversed() || [],
                               6
                           )
                         : []
diff --git a/frontend/src/app/components/DataActionBar.tsx b/frontend/src/app/components/DataActionBar.tsx
index 8883a006..31aa4593 100644
--- a/frontend/src/app/components/DataActionBar.tsx
+++ b/frontend/src/app/components/DataActionBar.tsx
@@ -11,11 +11,7 @@ interface DataActionBarProps {
     className?: string;
 }
 
-export default function DataActionBar({
-    onSearch,
-    placeholder = 'Search',
-    className
-}: DataActionBarProps) {
+export default function DataActionBar({ onSearch, placeholder = 'Search', className }: DataActionBarProps) {
     const handleSearch = debounce((event: ChangeEvent<HTMLInputElement>) => {
         onSearch && onSearch(event.target.value);
     }, 500);
@@ -26,9 +22,7 @@ export default function DataActionBar({
                 variant="secondary"
                 placeholder={placeholder}
                 onChange={handleSearch}
-                className={
-                    'h-10  w-full min-w-[50px] rounded-lg px-4 py-3 text-sm xl:w-[400px] 2xl:w-[500px]'
-                }
+                className={'h-10  w-full min-w-[50px] rounded-lg px-4 py-3 text-sm xl:w-[400px] 2xl:w-[500px]'}
             />
         </div>
     );
diff --git a/frontend/src/app/components/EmptyAgent.tsx b/frontend/src/app/components/EmptyAgent.tsx
index 51fd1faf..64c02ef2 100644
--- a/frontend/src/app/components/EmptyAgent.tsx
+++ b/frontend/src/app/components/EmptyAgent.tsx
@@ -2,9 +2,7 @@ export default function EmptyAgent() {
     return (
         <div className="flex h-20 flex-col items-center justify-center gap-2">
             <p className="text-sm">No agents are active.</p>
-            <p className="text-xs text-gray-700">
-                Please ensure at least one of your agent is active
-            </p>
+            <p className="text-xs text-gray-700">Please ensure at least one of your agent is active</p>
         </div>
     );
 }
diff --git a/frontend/src/app/components/OverViewAgentsCard.stories.tsx b/frontend/src/app/components/OverViewAgentsCard.stories.tsx
index 5dbff4ce..e6880c52 100644
--- a/frontend/src/app/components/OverViewAgentsCard.stories.tsx
+++ b/frontend/src/app/components/OverViewAgentsCard.stories.tsx
@@ -20,13 +20,6 @@ type Story = StoryObj<typeof meta>;
 export const Primary: Story = {
     args: {
         className: 'w-[269px] h-[143px]',
-        children: (
-            <OverViewAgentsCard
-                title="Total Agents"
-                totalAgents={200}
-                activeAgents={172}
-                inactiveAgents={38}
-            />
-        )
+        children: <OverViewAgentsCard title="Total Agents" totalAgents={200} activeAgents={172} inactiveAgents={38} />
     }
 };
diff --git a/frontend/src/app/components/OverViewAgentsCard.tsx b/frontend/src/app/components/OverViewAgentsCard.tsx
index 3c94d874..53e67fb8 100644
--- a/frontend/src/app/components/OverViewAgentsCard.tsx
+++ b/frontend/src/app/components/OverViewAgentsCard.tsx
@@ -7,20 +7,13 @@ export interface IOverViewAgentsCard {
     inactiveAgents: number | string;
 }
 
-export default function OverViewAgentsCard({
-    title,
-    totalAgents,
-    activeAgents,
-    inactiveAgents
-}: IOverViewAgentsCard) {
+export default function OverViewAgentsCard({ title, totalAgents, activeAgents, inactiveAgents }: IOverViewAgentsCard) {
     return (
         <OverViewCard title={title} value={totalAgents}>
             <div className="flex w-full items-center gap-x-8 overflow-x-clip 4xl:gap-x-16">
                 <div className="flex w-32 items-center gap-x-2 sm:w-fit">
                     <ActiveBall />
-                    <div className="card-h4 !text-brand-Green-200">
-                        {activeAgents} Running
-                    </div>
+                    <div className="card-h4 !text-brand-Green-200">{activeAgents} Running</div>
                 </div>
                 <div className="flex items-center gap-x-1">
                     <InactiveBall />
diff --git a/frontend/src/app/components/OverViewCard.tsx b/frontend/src/app/components/OverViewCard.tsx
index 2437f324..9354e136 100644
--- a/frontend/src/app/components/OverViewCard.tsx
+++ b/frontend/src/app/components/OverViewCard.tsx
@@ -10,12 +10,7 @@ export interface IOverViewCard {
     className?: string;
 }
 
-const OverViewCard: React.FC<IOverViewCard> = ({
-    title,
-    value,
-    children,
-    className
-}) => {
+const OverViewCard: React.FC<IOverViewCard> = ({ title, value, children, className }) => {
     return (
         <Card
             className={cn(
diff --git a/frontend/src/app/components/OverViewGraphCard.tsx b/frontend/src/app/components/OverViewGraphCard.tsx
index 5afa04d1..ae647f40 100644
--- a/frontend/src/app/components/OverViewGraphCard.tsx
+++ b/frontend/src/app/components/OverViewGraphCard.tsx
@@ -21,21 +21,13 @@ export default function OverViewGraphCard({
     theme = 'Primary'
 }: IOverViewTemplatesCard) {
     const isNeutral = changeRate === 0;
-    const iconColor = isNeutral
-        ? '#B0B0B0'
-        : theme === 'Primary'
-          ? '#FF660F'
-          : '#007900';
+    const iconColor = isNeutral ? '#B0B0B0' : theme === 'Primary' ? '#FF660F' : '#007900';
     const textColor = isNeutral
         ? 'text-gray-500'
         : theme === 'Primary'
           ? 'text-brand-Orange-200'
           : 'text-brand-Green-200';
-    const bgColor = isNeutral
-        ? 'bg-gray-200'
-        : theme === 'Primary'
-          ? 'bg-brand-Orange-100'
-          : 'bg-brand-Green-100';
+    const bgColor = isNeutral ? 'bg-gray-200' : theme === 'Primary' ? 'bg-brand-Orange-100' : 'bg-brand-Green-100';
 
     return (
         <OverViewCard title={title} value={totalValue}>
@@ -51,8 +43,7 @@ export default function OverViewGraphCard({
                         )}
                     </div>
                     <span className={cn('h4 text-pretty', textColor)}>
-                        {changeRate} %{' '}
-                        <span className="hidden text-xs 2xl:inline">(24 hours)</span>
+                        {changeRate} % <span className="hidden text-xs 2xl:inline">(24 hours)</span>
                     </span>
                 </div>
                 <div className="3xl:w-30 absolute bottom-0 right-0 flex h-24 w-28 items-center gap-x-1 pr-4  pt-6 3xl:h-28 4xl:h-32 4xl:w-40 ">
diff --git a/frontend/src/app/components/OverViewTriggerCard.tsx b/frontend/src/app/components/OverViewTriggerCard.tsx
index da20784d..1c754eba 100644
--- a/frontend/src/app/components/OverViewTriggerCard.tsx
+++ b/frontend/src/app/components/OverViewTriggerCard.tsx
@@ -11,12 +11,7 @@ export interface IOverViewAgentsCard {
     inactive: number | string;
 }
 
-export default function OverViewTriggerCard({
-    title,
-    total,
-    active,
-    inactive
-}: IOverViewAgentsCard) {
+export default function OverViewTriggerCard({ title, total, active, inactive }: IOverViewAgentsCard) {
     return (
         <Card className="hover-transition-primary flex h-full w-full min-w-[269px] flex-col justify-between gap-y-0 p-4 pb-6">
             <OverViewCardTitle title={title} value={total} />
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 90820f6d..263c9f48 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -51,11 +51,7 @@ export default function RootLayout({
         <html lang="en" className="">
             <head>
                 {process.env.NEXT_PUBLIC_UMAMI_ENABLED ? (
-                    <script
-                        defer
-                        src="/script.js"
-                        data-website-id="4a162fd2-d6ec-403e-8a69-7927e2f0db3f"
-                    ></script>
+                    <script defer src="/script.js" data-website-id="4a162fd2-d6ec-403e-8a69-7927e2f0db3f"></script>
                 ) : (
                     <></>
                 )}
@@ -86,11 +82,7 @@ export default function RootLayout({
                         <ReactQueryProvider>
                             <Toaster />
                             <div className="w-dvh flex h-dvh bg-brandDefault">
-                                <SideNav
-                                    desktopClassName={
-                                        'hidden md:flex md:w-[256px] 2xl:w-[290px]'
-                                    }
-                                />
+                                <SideNav desktopClassName={'hidden md:flex md:w-[256px] 2xl:w-[290px]'} />
                                 <div
                                     className={
                                         'flex h-full w-full flex-col gap-4 overflow-hidden px-6 py-2 pb-4 md:pt-10 2xl:px-8'
@@ -113,9 +105,7 @@ function embedApmScript() {
     const config = {
         serviceName: 'autonomous-agents-webapp',
         serverUrl: '/',
-        environment: environments.IS_IN_PRODUCTION_MODE
-            ? environments.network
-            : 'local',
+        environment: environments.IS_IN_PRODUCTION_MODE ? environments.network : 'local',
         serverUrlPrefix: '/status'
     };
     const htmlStr = 'elasticApm.init(' + JSON.stringify(config) + ')';
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index b447d2c1..02ea5bbc 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -13,13 +13,9 @@ export default function Home() {
                 'flex h-full w-full flex-col gap-y-4 overflow-y-auto md:flex-col-reverse md:justify-end  2xl:gap-y-6'
             }
         >
-            <DashboardChart
-                className={'h-fit px-1 py-4 md:h-[calc(100vh-300px)] md:gap-y-8 md:p-8'}
-            />
+            <DashboardChart className={'h-fit px-1 py-4 md:h-[calc(100vh-300px)] md:gap-y-8 md:p-8'} />
             <DashboardCards
-                className={
-                    'flex h-full grid-cols-2 flex-col gap-4 md:grid md:h-72 md:w-full lg:h-36 lg:grid-cols-4'
-                }
+                className={'flex h-full grid-cols-2 flex-col gap-4 md:grid md:h-72 md:w-full lg:h-36 lg:grid-cols-4'}
             />
         </div>
     );
diff --git a/frontend/src/assets/icons/AgentsIcon.tsx b/frontend/src/assets/icons/AgentsIcon.tsx
index 6f8d3d7a..baaaa1c4 100644
--- a/frontend/src/assets/icons/AgentsIcon.tsx
+++ b/frontend/src/assets/icons/AgentsIcon.tsx
@@ -2,25 +2,13 @@ import React from 'react';
 
 export default function AgentsIcon(props: React.SVGAttributes<any>) {
     return (
-        <svg
-            width="27"
-            height="27"
-            viewBox="0 0 27 27"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 d="M13.5 2.24988C14.1845 2.24988 14.7375 2.8783 14.7375 3.65613V6.46863H19.3781C20.9173 6.46863 22.1625 7.88367 22.1625 9.63269V21.5858C22.1625 23.3348 20.9173 24.7499 19.3781 24.7499H7.62188C6.08273 24.7499 4.8375 23.3348 4.8375 21.5858V9.63269C4.8375 7.88367 6.08273 6.46863 7.62188 6.46863H12.2625V3.65613C12.2625 2.8783 12.8155 2.24988 13.5 2.24988ZM11.3344 13.4999C11.3344 13.0337 11.1714 12.5866 10.8813 12.2569C10.5912 11.9273 10.1978 11.7421 9.7875 11.7421C9.37724 11.7421 8.98379 11.9273 8.6937 12.2569C8.4036 12.5866 8.24063 13.0337 8.24063 13.4999C8.24063 13.9661 8.4036 14.4132 8.6937 14.7428C8.98379 15.0725 9.37724 15.2577 9.7875 15.2577C10.1978 15.2577 10.5912 15.0725 10.8813 14.7428C11.1714 14.4132 11.3344 13.9661 11.3344 13.4999ZM17.2125 15.2577C17.6228 15.2577 18.0162 15.0725 18.3063 14.7428C18.5964 14.4132 18.7594 13.9661 18.7594 13.4999C18.7594 13.0337 18.5964 12.5866 18.3063 12.2569C18.0162 11.9273 17.6228 11.7421 17.2125 11.7421C16.8022 11.7421 16.4088 11.9273 16.1187 12.2569C15.8286 12.5866 15.6656 13.0337 15.6656 13.4999C15.6656 13.9661 15.8286 14.4132 16.1187 14.7428C16.4088 15.0725 16.8022 15.2577 17.2125 15.2577ZM2.98125 12.0936H3.6V20.5311H2.98125C1.95645 20.5311 1.125 19.5863 1.125 18.4218V14.203C1.125 13.0385 1.95645 12.0936 2.98125 12.0936ZM24.0188 12.0936C25.0436 12.0936 25.875 13.0385 25.875 14.203V18.4218C25.875 19.5863 25.0436 20.5311 24.0188 20.5311H23.4V12.0936H24.0188Z"
                 fill="currentColor"
                 fillOpacity="0.87"
             />
-            <path
-                d="M9 19.6876H18"
-                stroke="#E3F2FD"
-                strokeWidth="1.125"
-                strokeLinecap="round"
-            />
+            <path d="M9 19.6876H18" stroke="#E3F2FD" strokeWidth="1.125" strokeLinecap="round" />
         </svg>
     );
 }
diff --git a/frontend/src/assets/icons/DashboardIcon.tsx b/frontend/src/assets/icons/DashboardIcon.tsx
index f8cd16d8..c922178c 100644
--- a/frontend/src/assets/icons/DashboardIcon.tsx
+++ b/frontend/src/assets/icons/DashboardIcon.tsx
@@ -1,13 +1,6 @@
 export default function DashBoardIcon(props: React.SVGAttributes<any>) {
     return (
-        <svg
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <g id="icon/action/dashboard">
                 <path
                     id="Vector"
diff --git a/frontend/src/assets/icons/EmptyBoxIcon.tsx b/frontend/src/assets/icons/EmptyBoxIcon.tsx
index 1b52166a..98e2f47c 100644
--- a/frontend/src/assets/icons/EmptyBoxIcon.tsx
+++ b/frontend/src/assets/icons/EmptyBoxIcon.tsx
@@ -27,31 +27,19 @@ const EmptyBoxIcon = () => (
             d="M180.8 737.6c-1.6 0-3.2 0-4-0.8-2.4-1.6-4-4-4-7.2V375.2c0-3.2 1.6-5.6 4-7.2l329.6-196c2.4-1.6 5.6-1.6 8 0 2.4 1.6 4 4 4 7.2v375.2c0 3.2-1.6 5.6-4 7.2l-329.6 176h-4z m8-358.4v337.6l313.6-167.2V193.6L188.8 379.2z"
             fill="#0033AD"
         />
-        <path
-            d="M510.4 550.4L372 496 180.8 374.4v355.2l329.6 196 324.8-196V374.4L688.8 483.2z"
-            fill="#1C63E71F"
-        />
+        <path d="M510.4 550.4L372 496 180.8 374.4v355.2l329.6 196 324.8-196V374.4L688.8 483.2z" fill="#1C63E71F" />
         <path
             d="M510.4 933.6c-1.6 0-3.2 0-4-0.8L176.8 736.8c-2.4-1.6-4-4-4-7.2V374.4c0-3.2 1.6-5.6 4-7.2 2.4-1.6 5.6-1.6 8 0L376 488.8l135.2 53.6 174.4-66.4L830.4 368c2.4-1.6 5.6-2.4 8-0.8 2.4 1.6 4 4 4 7.2v355.2c0 3.2-1.6 5.6-4 7.2l-324.8 196s-1.6 0.8-3.2 0.8z m-321.6-208l321.6 191.2 316.8-191.2V390.4L693.6 489.6c-0.8 0.8-1.6 0.8-1.6 0.8l-178.4 68c-1.6 0.8-4 0.8-5.6 0L369.6 504c-0.8 0-0.8-0.8-1.6-0.8L188.8 389.6v336z"
             fill="#0033AD"
         />
-        <path
-            d="M510.4 925.6l324.8-196V374.4L665.6 495.2l-155.2 55.2z"
-            fill="#0C50B4"
-        />
+        <path d="M510.4 925.6l324.8-196V374.4L665.6 495.2l-155.2 55.2z" fill="#0C50B4" />
         <path
             d="M510.4 933.6c-1.6 0-2.4 0-4-0.8-2.4-1.6-4-4-4-7.2V550.4c0-3.2 2.4-6.4 5.6-7.2L662.4 488l168-120c2.4-1.6 5.6-1.6 8-0.8 2.4 1.6 4 4 4 7.2v355.2c0 3.2-1.6 5.6-4 7.2l-324.8 196s-1.6 0.8-3.2 0.8z m8-377.6v355.2l308.8-185.6V390.4L670.4 501.6c-0.8 0.8-1.6 0.8-1.6 0.8l-150.4 53.6z"
             fill="#0033AD"
         />
-        <path
-            d="M252.8 604l257.6 145.6V550.4l-147.2-49.6-182.4-126.4z"
-            fill="#0C50B4"
-        />
+        <path d="M252.8 604l257.6 145.6V550.4l-147.2-49.6-182.4-126.4z" fill="#0C50B4" />
         <path d="M32 460l148.8-85.6 329.6 176L352 640.8z" fill="#FFFFFF" />
-        <path
-            d="M659.2 693.6l176-90.4V375.2L692 480.8l-179.2 68-2.4 0.8z"
-            fill="#FFFFFF"
-        />
+        <path d="M659.2 693.6l176-90.4V375.2L692 480.8l-179.2 68-2.4 0.8z" fill="#FFFFFF" />
     </svg>
 );
 
diff --git a/frontend/src/assets/icons/Logo.tsx b/frontend/src/assets/icons/Logo.tsx
index b1466e5f..a6a5360c 100644
--- a/frontend/src/assets/icons/Logo.tsx
+++ b/frontend/src/assets/icons/Logo.tsx
@@ -7,13 +7,7 @@ interface LogoProps {
 
 const Logo: React.FC<LogoProps> = ({ height = 65, width = 65 }) => {
     return (
-        <svg
-            width={width}
-            height={height}
-            viewBox="0 0 65 65"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
+        <svg width={width} height={height} viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
             st
             <ellipse
                 cx="32.4999"
diff --git a/frontend/src/assets/icons/LogsIcon.tsx b/frontend/src/assets/icons/LogsIcon.tsx
index b4608dcd..c00a344c 100644
--- a/frontend/src/assets/icons/LogsIcon.tsx
+++ b/frontend/src/assets/icons/LogsIcon.tsx
@@ -2,14 +2,7 @@ import React from 'react';
 
 export default function LogsIcon(props: React.SVGAttributes<any>) {
     return (
-        <svg
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 fill="currentColor"
                 d="M17.8 20c-.4 1.2-1.5 2-2.8 2H5c-1.7 0-3-1.3-3-3v-1h12.2c.4 1.2 1.5 2 2.8 2zM19 2c1.7 0 3 1.3 3 3v1h-2V5c0-.6-.4-1-1-1s-1 .4-1 1v13h-1c-.6 0-1-.4-1-1v-1H5V5c0-1.7 1.3-3 3-3zM8 6v2h7V6zm0 4v2h6v-2z"
diff --git a/frontend/src/assets/icons/OflineIcon.tsx b/frontend/src/assets/icons/OflineIcon.tsx
index 55cd9ed6..8d9215e3 100644
--- a/frontend/src/assets/icons/OflineIcon.tsx
+++ b/frontend/src/assets/icons/OflineIcon.tsx
@@ -1,12 +1,7 @@
 import React from 'react';
 
 const OflineIcon = () => (
-    <svg
-        width="140px"
-        height="140px"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg width="140px" height="140px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
         <path
             fill="#1C63E7"
             d="M24 14a5 5 0 0 1-5 5h-1v-1h1a3.99 3.99 0 0 0 .623-7.934l-.79-.124-.052-.798a5.293 5.293 0 0 0-10.214-1.57L8.17 8.59l-.977-.483A2.277 2.277 0 0 0 6.19 7.87a2.18 2.18 0 0 0-1.167.339 2.205 2.205 0 0 0-.98 1.395l-.113.505-.476.2A4 4 0 0 0 5 18h6v1H5a5 5 0 0 1-1.934-9.611 3.21 3.21 0 0 1 1.422-2.024A3.17 3.17 0 0 1 6.19 6.87a3.268 3.268 0 0 1 1.446.34 6.293 6.293 0 0 1 12.143 1.867A4.988 4.988 0 0 1 24 14zm-8.793 4.5l3.146-3.146-.707-.707-3.146 3.146-3.146-3.146-.707.707 3.146 3.146-3.146 3.146.707.707 3.146-3.146 3.146 3.146.707-.707z"
diff --git a/frontend/src/assets/icons/Polygon.tsx b/frontend/src/assets/icons/Polygon.tsx
index a8be7e5b..dc0b3a66 100644
--- a/frontend/src/assets/icons/Polygon.tsx
+++ b/frontend/src/assets/icons/Polygon.tsx
@@ -8,12 +8,7 @@ function PolygonIcon({ width = 12, height = 12, className = '' }: IPolygonIcon)
             xmlns="http://www.w3.org/2000/svg"
             className={className}
         >
-            <path
-                id="Polygon 3"
-                d="M5.62859 9L0.171463 0L11.0857 0L5.62859 9Z"
-                fill="black"
-                fillOpacity="0.76"
-            />
+            <path id="Polygon 3" d="M5.62859 9L0.171463 0L11.0857 0L5.62859 9Z" fill="black" fillOpacity="0.76" />
         </svg>
     );
 }
diff --git a/frontend/src/assets/icons/TemplateEditIcon.tsx b/frontend/src/assets/icons/TemplateEditIcon.tsx
index 0be29d03..d35b3a8c 100644
--- a/frontend/src/assets/icons/TemplateEditIcon.tsx
+++ b/frontend/src/assets/icons/TemplateEditIcon.tsx
@@ -3,13 +3,7 @@ import type { SVGProps } from 'react';
 
 export function TemplateEditIcon(props: SVGProps<SVGSVGElement>) {
     return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            {...props}
-        >
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
             <path
                 fill={props.fill}
                 d="M16.519 16.501c.175-.136.334-.295.651-.612l3.957-3.958c.096-.095.052-.26-.075-.305a4.332 4.332 0 0 1-1.644-1.034a4.332 4.332 0 0 1-1.034-1.644c-.045-.127-.21-.171-.305-.075L14.11 12.83c-.317.317-.476.476-.612.651c-.161.207-.3.43-.412.666c-.095.2-.166.414-.308.84l-.184.55l-.292.875l-.273.82a.584.584 0 0 0 .738.738l.82-.273l.875-.292l.55-.184c.426-.142.64-.212.84-.308c.236-.113.46-.25.666-.412m5.849-5.809a2.163 2.163 0 1 0-3.06-3.059l-.126.128a.524.524 0 0 0-.148.465c.02.107.055.265.12.452c.13.375.376.867.839 1.33a3.5 3.5 0 0 0 1.33.839c.188.065.345.1.452.12a.525.525 0 0 0 .465-.148z"
diff --git a/frontend/src/assets/icons/TemplatesIcon.tsx b/frontend/src/assets/icons/TemplatesIcon.tsx
index d7eba988..a1136775 100644
--- a/frontend/src/assets/icons/TemplatesIcon.tsx
+++ b/frontend/src/assets/icons/TemplatesIcon.tsx
@@ -6,13 +6,7 @@ interface TemplateIconProps extends React.SVGProps<SVGSVGElement> {
 
 const TemplateIcon: React.FC<TemplateIconProps> = ({ ...props }) => {
     return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            {...props}
-        >
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
             <g fill="none" fillRule="evenodd">
                 <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path>
                 <path
diff --git a/frontend/src/assets/icons/UsersIcon.tsx b/frontend/src/assets/icons/UsersIcon.tsx
index bc8b388c..fa4423a2 100644
--- a/frontend/src/assets/icons/UsersIcon.tsx
+++ b/frontend/src/assets/icons/UsersIcon.tsx
@@ -1,12 +1,6 @@
 export default function UsersIcon() {
     return (
-        <svg
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path
                 d="M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z"
                 fill="#8C8C8C"
diff --git a/frontend/src/components/Agent/AgentContent/ContentHeader.tsx b/frontend/src/components/Agent/AgentContent/ContentHeader.tsx
index 1f0dcd7b..e0aee4cc 100644
--- a/frontend/src/components/Agent/AgentContent/ContentHeader.tsx
+++ b/frontend/src/components/Agent/AgentContent/ContentHeader.tsx
@@ -2,16 +2,6 @@ import React from 'react';
 
 import { cn } from '@app/components/lib/utils';
 
-export default function ContentHeader({
-    children,
-    className
-}: {
-    children: React.ReactNode;
-    className?: string;
-}) {
-    return (
-        <div className={cn('mb-8 w-full items-center bg-brand-White-100', className)}>
-            {children}
-        </div>
-    );
+export default function ContentHeader({ children, className }: { children: React.ReactNode; className?: string }) {
+    return <div className={cn('mb-8 w-full items-center bg-brand-White-100', className)}>{children}</div>;
 }
diff --git a/frontend/src/components/Agent/AgentContent/Functions.tsx b/frontend/src/components/Agent/AgentContent/Functions.tsx
index ff058cdc..6cda0e02 100644
--- a/frontend/src/components/Agent/AgentContent/Functions.tsx
+++ b/frontend/src/components/Agent/AgentContent/Functions.tsx
@@ -82,34 +82,25 @@ export default function AgentFunctionsComponent({
                         textClassName="text-xl font-semibold"
                     />
                     {enableControl && (
-                        <Button
-                            variant="primary"
-                            onClick={toggleDialog}
-                            size="sm"
-                            className="min-w-32 px-4"
-                        >
+                        <Button variant="primary" onClick={toggleDialog} size="sm" className="min-w-32 px-4">
                             Add Function
                         </Button>
                     )}
                 </div>
             </HeaderContent>
-            {agent &&
-                agent.agent_configurations &&
-                agent?.agent_configurations.length === 0 && (
-                    <EmptyScreen msg="No Functions Found" />
-                )}
-            {agent &&
-                agent.agent_configurations &&
-                agent?.agent_configurations.length > 0 && (
-                    <div className="grid h-full w-fit grid-cols-1 gap-6 overflow-auto xl:grid-cols-2  2xl:grid-cols-3">
-                        <AgentFunctionsDetailComponent
-                            agentConfigurations={agent?.agent_configurations || []}
-                            onClickDelete={handleDeleteTrigger}
-                            enableContol={enableControl}
-                            agent={agent || undefined}
-                        />
-                    </div>
-                )}
+            {agent && agent.agent_configurations && agent?.agent_configurations.length === 0 && (
+                <EmptyScreen msg="No Functions Found" />
+            )}
+            {agent && agent.agent_configurations && agent?.agent_configurations.length > 0 && (
+                <div className="grid h-full w-fit grid-cols-1 gap-6 overflow-auto xl:grid-cols-2  2xl:grid-cols-3">
+                    <AgentFunctionsDetailComponent
+                        agentConfigurations={agent?.agent_configurations || []}
+                        onClickDelete={handleDeleteTrigger}
+                        enableContol={enableControl}
+                        agent={agent || undefined}
+                    />
+                </div>
+            )}
             <Dialog open={dialogOpen} maxWidth={'xl'}>
                 <DialogContent className="relativebg-brand-Azure-400 !p-0">
                     <FunctionForm
@@ -123,10 +114,7 @@ export default function AgentFunctionsComponent({
                     />
                 </DialogContent>
             </Dialog>
-            <Dialog
-                open={openDeleteConfirmation}
-                onClose={() => setOpenDeleteConfirmation(false)}
-            >
+            <Dialog open={openDeleteConfirmation} onClose={() => setOpenDeleteConfirmation(false)}>
                 <DialogContent>
                     <ConfirmationBox
                         msg="Are you sure you want to delete this function? This action cannot be undone! "
diff --git a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
index 3f345bb8..0b16dd99 100644
--- a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
+++ b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
@@ -31,8 +31,7 @@ const AgentFunctionsDetailComponent = ({
 }) => {
     const [openDialog, setOpenDialog] = useState(false);
 
-    const [currentFunction, setCurrentFunction] =
-        useState<IFormFunctionInstance | null>(null);
+    const [currentFunction, setCurrentFunction] = useState<IFormFunctionInstance | null>(null);
 
     const updateTemplate = useMutation({
         mutationFn: (data: IAgentConfiguration) => updateTrigger(data),
diff --git a/frontend/src/components/Agent/AgentContent/Logs.tsx b/frontend/src/components/Agent/AgentContent/Logs.tsx
index d25a1e29..e319b9b9 100644
--- a/frontend/src/components/Agent/AgentContent/Logs.tsx
+++ b/frontend/src/components/Agent/AgentContent/Logs.tsx
@@ -35,15 +35,7 @@ export const AgentLogComponent = ({ agent }: { agent?: IAgent }) => {
         refetch: refetchLogsHistory,
         isLoading: loadingLogs
     } = useQuery({
-        queryKey: [
-            `${agent?.id}LogsHistory`,
-            1,
-            50,
-            agent?.id,
-            currentFunction,
-            currentStatus,
-            currentSuccess
-        ],
+        queryKey: [`${agent?.id}LogsHistory`, 1, 50, agent?.id, currentFunction, currentStatus, currentSuccess],
         queryFn: fetchAllTriggerHistory,
         refetchInterval: 60000,
         refetchOnWindowFocus: true,
@@ -88,21 +80,13 @@ export const AgentLogComponent = ({ agent }: { agent?: IAgent }) => {
                         onChange={(strVal: string) => {
                             setCurrentFunction(strVal);
                         }}
-                        value={
-                            currentFunction === 'None'
-                                ? 'Function'
-                                : MapFunctionNameAndViewName[currentFunction]
-                        }
+                        value={currentFunction === 'None' ? 'Function' : MapFunctionNameAndViewName[currentFunction]}
                     />
                     <div className="justify-center gap-2 md:flex">
                         {statusOptions.map((status: string, index) => (
                             <Badge
                                 key={index}
-                                variant={
-                                    statusPlaceholder === status
-                                        ? 'successPrimary'
-                                        : 'primary'
-                                }
+                                variant={statusPlaceholder === status ? 'successPrimary' : 'primary'}
                                 className="flex w-20 justify-center"
                                 onClick={() => handleStatusChange(status)}
                             >
@@ -118,13 +102,7 @@ export const AgentLogComponent = ({ agent }: { agent?: IAgent }) => {
             ) : (
                 <div className={'h-full w-full space-y-2 overflow-y-scroll px-2'}>
                     {LogsHistory?.items?.map((history: IAgentTriggerHistory) => {
-                        return (
-                            <AgentLogCard
-                                className={'w-full'}
-                                key={history.id}
-                                history={history}
-                            />
-                        );
+                        return <AgentLogCard className={'w-full'} key={history.id} history={history} />;
                     })}
                 </div>
             )}
@@ -163,36 +141,19 @@ export const AgentLogCard = ({
                 className
             )}
         >
-            <div
-                className={
-                    'flex w-full flex-col flex-wrap items-start gap-8 md:flex-row lg:flex-nowrap'
-                }
-            >
+            <div className={'flex w-full flex-col flex-wrap items-start gap-8 md:flex-row lg:flex-nowrap'}>
                 {globalLog && (
                     <div className={'flex items-center gap-3 sm:min-w-[200px]'}>
-                        <AgentAvatar
-                            activeStatus={false}
-                            hash={history.agentId}
-                            size={20}
-                            isActive={false}
-                            isLink
-                        />
+                        <AgentAvatar activeStatus={false} hash={history.agentId} size={20} isActive={false} isLink />
                         <div className="card-h2 flex basis-4/5 flex-col truncate">
                             <span className={'w-11/12 truncate text-sm leading-normal'}>
                                 {Truncate(
-                                    (agents &&
-                                        agents[history.agentId] &&
-                                        agents[history.agentId].name) ||
-                                        '',
+                                    (agents && agents[history.agentId] && agents[history.agentId].name) || '',
                                     20
                                 )}
                                 &nbsp; #{history.instanceIndex}
                             </span>
-                            <span
-                                className={
-                                    'text-[10px] leading-normal text-brand-Black-300/80'
-                                }
-                            >
+                            <span className={'text-[10px] leading-normal text-brand-Black-300/80'}>
                                 {Truncate(history.agentId || '', 25)}
                             </span>
                         </div>
@@ -200,28 +161,21 @@ export const AgentLogCard = ({
                 )}
                 {!globalLog && (
                     <div>
-                        <span className={'text-sm font-medium'}>
-                            #{history.instanceIndex}
-                        </span>
+                        <span className={'text-sm font-medium'}>#{history.instanceIndex}</span>
                     </div>
                 )}
                 <div className={'flex w-full flex-col flex-wrap items-start gap-2'}>
                     <div className={'hidde flex flex-row items-center gap-1'}>
                         <span className={'text-sm font-medium'}>
-                            {MapFunctionNameAndViewName[history.functionName] ||
-                                history.functionName}
-                        </span>
-                        <span className={'rounded bg-blue-200 p-1 text-[8px]'}>
-                            {history.triggerType || 'CRON'}
+                            {MapFunctionNameAndViewName[history.functionName] || history.functionName}
                         </span>
+                        <span className={'rounded bg-blue-200 p-1 text-[8px]'}>{history.triggerType || 'CRON'}</span>
                     </div>
                     {history.parameters && (
                         <div className={'flex flex-col gap-0.5 overflow-hidden'}>
                             <span className={'text-sm font-medium'}>Parameters</span>
                             {history.parameters?.map((param, index) => {
-                                return (
-                                    <LogFunctionParameter param={param} key={index} />
-                                );
+                                return <LogFunctionParameter param={param} key={index} />;
                             })}
                         </div>
                     )}
@@ -229,14 +183,9 @@ export const AgentLogCard = ({
                         <div className={'flex w-full flex-col gap-0.5'}>
                             <span className={'text-sm font-medium'}>Result</span>
                             {history.txHash || !history.message ? (
-                                <LogObjectParameter
-                                    longTruncate
-                                    params={history.result}
-                                />
+                                <LogObjectParameter longTruncate params={history.result} />
                             ) : (
-                                <span className={'w-full break-all pr-4 text-xs'}>
-                                    {history.message}
-                                </span>
+                                <span className={'w-full break-all pr-4 text-xs'}>{history.message}</span>
                             )}
                         </div>
                     ) : history.txHash ? (
@@ -247,15 +196,9 @@ export const AgentLogCard = ({
                     {history.internal && <InternalLogs history={history} />}
                 </div>
             </div>
-            <div
-                className={
-                    ' absolute right-3 top-2 flex min-w-fit flex-col items-end justify-start gap-1'
-                }
-            >
+            <div className={' absolute right-3 top-2 flex min-w-fit flex-col items-end justify-start gap-1'}>
                 <Badge variant={getBadgeVariant()}>{getAgentExecutionStatus()}</Badge>
-                <span className={'hidden text-xs md:flex'}>
-                    {formatTimestamp(history.timestamp)}
-                </span>
+                <span className={'hidden text-xs md:flex'}>{formatTimestamp(history.timestamp)}</span>
             </div>
         </div>
     );
@@ -268,24 +211,15 @@ const InternalLogs = ({ history }: { history: IAgentTriggerHistory }) => {
                 return (
                     <div
                         key={index}
-                        className={
-                            'flex h-[45px] flex-row gap-1 border-0 border-t-2 border-brand-Black-200/30 p-0.5'
-                        }
+                        className={'flex h-[45px] flex-row gap-1 border-0 border-t-2 border-brand-Black-200/30 p-0.5'}
                     >
-                        <div
-                            className={`h-full w-1 ${internal.success ? 'bg-green-500' : 'bg-red-500'}`}
-                        ></div>
+                        <div className={`h-full w-1 ${internal.success ? 'bg-green-500' : 'bg-red-500'}`}></div>
                         <div className={'flex flex-col gap-0.5'}>
                             <span className={'text-sm font-medium'}>
-                                {MapFunctionNameAndViewName[internal.function_name] ||
-                                    internal.function_name}
+                                {MapFunctionNameAndViewName[internal.function_name] || internal.function_name}
                             </span>
-                            {internal.txHash && (
-                                <TxHashComponent txHash={internal.txHash} />
-                            )}
-                            {internal.message && (
-                                <span className={'text-xs'}>{internal.message}</span>
-                            )}
+                            {internal.txHash && <TxHashComponent txHash={internal.txHash} />}
+                            {internal.message && <span className={'text-xs'}>{internal.message}</span>}
                         </div>
                     </div>
                 );
@@ -304,17 +238,10 @@ const LogFunctionParameter = ({ param }: { param: any }) => {
     };
 
     return (
-        <div
-            className={
-                'flex w-[220px] flex-row gap-1 truncate text-xs drop-shadow sm:w-[250px] lg:w-[400px]'
-            }
-        >
+        <div className={'flex w-[220px] flex-row gap-1 truncate text-xs drop-shadow sm:w-[250px] lg:w-[400px]'}>
             <span>{formatParameterName(param.name)} :</span>
             {typeof param.value === 'string' ? (
-                <span
-                    className={'w-full cursor-pointer truncate'}
-                    onClick={handleOnCopy}
-                >
+                <span className={'w-full cursor-pointer truncate'} onClick={handleOnCopy}>
                     {param.value}
                 </span>
             ) : (
@@ -327,13 +254,7 @@ const LogFunctionParameter = ({ param }: { param: any }) => {
     );
 };
 
-const LogObjectParameter = ({
-    params,
-    longTruncate = false
-}: {
-    params: Record<any, any>;
-    longTruncate?: boolean;
-}) => {
+const LogObjectParameter = ({ params, longTruncate = false }: { params: Record<any, any>; longTruncate?: boolean }) => {
     const { copyToClipboard } = useCopyClipboard();
 
     return (
@@ -341,12 +262,7 @@ const LogObjectParameter = ({
         Object.entries(params).map((param, index) => {
             return (
                 <span
-                    onClick={() =>
-                        copyToClipboard(
-                            param[1],
-                            `${formatParameterName(param[0])} copied!`
-                        )
-                    }
+                    onClick={() => copyToClipboard(param[1], `${formatParameterName(param[0])} copied!`)}
                     key={index}
                     className={` cursor-pointer truncate text-xs drop-shadow ${longTruncate ? ' w-[250px] md:max-w-[320px]' : 'w-[100px] md:max-w-[280px]'}`}
                 >
@@ -364,11 +280,7 @@ const TxHashComponent = ({ txHash }: { txHash: string }) => {
     };
     return (
         <>
-            <div
-                className={
-                    'flex flex-row items-center gap-1 truncate text-sm font-medium '
-                }
-            >
+            <div className={'flex flex-row items-center gap-1 truncate text-sm font-medium '}>
                 <h1>TxHash :</h1>
                 <span
                     onClick={handleOnClickCopy}
@@ -379,11 +291,7 @@ const TxHashComponent = ({ txHash }: { txHash: string }) => {
                 >
                     {txHash}
                 </span>
-                <Copy
-                    color="#A1A1A1"
-                    className=" h-4 w-4 hover:cursor-pointer"
-                    onClick={handleOnClickCopy}
-                />
+                <Copy color="#A1A1A1" className=" h-4 w-4 hover:cursor-pointer" onClick={handleOnClickCopy} />
             </div>
         </>
     );
diff --git a/frontend/src/components/Agent/AgentContent/ManualActions.tsx b/frontend/src/components/Agent/AgentContent/ManualActions.tsx
index a5e8d4f2..39503615 100644
--- a/frontend/src/components/Agent/AgentContent/ManualActions.tsx
+++ b/frontend/src/components/Agent/AgentContent/ManualActions.tsx
@@ -39,55 +39,31 @@ const AgentManualTriggerComponent = ({ agent }: { agent?: IAgent }) => {
                 <>
                     <ContentHeader>
                         <div className={'flex items-center gap-3'}>
-                            <span className={'text-[20px] font-semibold'}>
-                                Available Functions
-                            </span>
+                            <span className={'text-[20px] font-semibold'}>Available Functions</span>
                         </div>
                     </ContentHeader>
 
-                    <div
-                        className={
-                            'flex h-full w-full flex-col gap-12 overflow-y-auto px-2'
-                        }
-                    >
+                    <div className={'flex h-full w-full flex-col gap-12 overflow-y-auto px-2'}>
                         {AvailableFunctions.map((func) => {
                             return (
                                 <div key={func.group} className="flex flex-col gap-4">
-                                    <span
-                                        className={
-                                            'inline-flex font-semibold text-brand-Black-300'
-                                        }
-                                    >
+                                    <span className={'inline-flex font-semibold text-brand-Black-300'}>
                                         {func.group}
                                     </span>
-                                    <div
-                                        className={
-                                            'flex flex-wrap gap-x-6 gap-y-4 px-2 '
-                                        }
-                                    >
+                                    <div className={'flex flex-wrap gap-x-6 gap-y-4 px-2 '}>
                                         {func.items.map((item) => {
                                             return (
                                                 <div
-                                                    onClick={() =>
-                                                        handleOnClickFunctionsTab(item)
-                                                    }
+                                                    onClick={() => handleOnClickFunctionsTab(item)}
                                                     key={item.id}
                                                     className={
                                                         'flex h-[130px] w-full cursor-pointer flex-col gap-2 rounded-md bg-brand-White-200 px-3 py-2  drop-shadow-md hover:bg-gray-200 lg:w-[300px]'
                                                     }
                                                 >
-                                                    <span
-                                                        className={
-                                                            'text-sm font-[550] text-brand-Black-100/90'
-                                                        }
-                                                    >
+                                                    <span className={'text-sm font-[550] text-brand-Black-100/90'}>
                                                         {item.name}
                                                     </span>
-                                                    <span
-                                                        className={
-                                                            'text-xs text-brand-Black-300/80'
-                                                        }
-                                                    >
+                                                    <span className={'text-xs text-brand-Black-300/80'}>
                                                         {item.description}
                                                     </span>
                                                 </div>
@@ -102,20 +78,13 @@ const AgentManualTriggerComponent = ({ agent }: { agent?: IAgent }) => {
             )}
             <Dialog open={openDialog} onOpenChange={handleOpenChange}>
                 <DialogContent
-                    className={
-                        'overflow-hidden !p-0 max-md:w-full max-sm:h-full md:!min-w-[650px]'
-                    }
+                    className={'overflow-hidden !p-0 max-md:w-full max-sm:h-full md:!min-w-[650px]'}
                     onClickCloseIcon={() => handleOnClickCloseIcon()}
                 >
-                    <FormRenderer
-                        agent={agent}
-                        closeModal={(boolVal) => handleOpenChange(boolVal)}
-                    />
+                    <FormRenderer agent={agent} closeModal={(boolVal) => handleOpenChange(boolVal)} />
                 </DialogContent>
             </Dialog>
-            {(agent?.is_active === false ||
-                agent?.is_active === null ||
-                agent?.is_active === undefined) && (
+            {(agent?.is_active === false || agent?.is_active === null || agent?.is_active === undefined) && (
                 <EmptyScreen msg="Agent is not active" customIcon={<OflineIcon />} />
             )}
         </>
diff --git a/frontend/src/components/Agent/AgentContent/Overview.tsx b/frontend/src/components/Agent/AgentContent/Overview.tsx
index 106652dc..57576ad7 100644
--- a/frontend/src/components/Agent/AgentContent/Overview.tsx
+++ b/frontend/src/components/Agent/AgentContent/Overview.tsx
@@ -21,10 +21,7 @@ interface AgentOverViewProps {
     enableControl?: boolean;
 }
 
-const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({
-    agent,
-    enableControl
-}) => {
+const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({ agent, enableControl }) => {
     const { data: LogsHistory } = useQuery({
         queryKey: [`${agent?.id}LogsHistory`, 1, 24, agent?.id],
         queryFn: fetchAllTriggerHistory,
@@ -59,18 +56,9 @@ const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({
     return (
         <>
             <HeaderContent className="flex justify-between">
-                <TextDisplayField
-                    title="Agent Name"
-                    content={agent?.name}
-                    textClassName="text-xl font-semibold"
-                />
+                <TextDisplayField title="Agent Name" content={agent?.name} textClassName="text-xl font-semibold" />
                 {!agent?.is_active && enableControl && (
-                    <Button
-                        variant="primary"
-                        onClick={handleAgentRun}
-                        size="sm"
-                        className="min-w-32 px-4"
-                    >
+                    <Button variant="primary" onClick={handleAgentRun} size="sm" className="min-w-32 px-4">
                         Run Agent
                     </Button>
                 )}
@@ -89,18 +77,10 @@ const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({
                                 '',
                                 false
                             )}
-                            {renderCustomCopyBox(
-                                'Status',
-                                agent?.is_active ? 'Online' : 'Offline',
-                                '',
-                                false
-                            )}
+                            {renderCustomCopyBox('Status', agent?.is_active ? 'Online' : 'Offline', '', false)}
                         </div>
                         <div className="flex items-center gap-3">
-                            {renderCustomCopyBox(
-                                'wallet address',
-                                agent?.agent_address || ''
-                            )}
+                            {renderCustomCopyBox('wallet address', agent?.agent_address || '')}
                             {renderCustomCopyBox(
                                 'wallet balance',
                                 `${Number(agent?.wallet_amount || 0).toFixed(2)} Ada`,
@@ -116,18 +96,10 @@ const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({
                                 'w-fit',
                                 false
                             )}
-                            {renderCustomCopyBox(
-                                'voting power',
-                                `${agent?.voting_power || 0} Ada`,
-                                'w-fit',
-                                false
-                            )}
+                            {renderCustomCopyBox('voting power', `${agent?.voting_power || 0} Ada`, 'w-fit', false)}
                         </div>
                         <div className="flex items-center gap-3">
-                            {renderCustomCopyBox(
-                                'stake id',
-                                hexToBech32(agent?.drep_id || '', 'stake_test')
-                            )}
+                            {renderCustomCopyBox('stake id', hexToBech32(agent?.drep_id || '', 'stake_test'))}
                             {renderCustomCopyBox(
                                 'is stake registered',
                                 agent?.is_stake_registered ? 'Yes' : 'No',
@@ -136,16 +108,8 @@ const AgentOverViewComponent: React.FC<AgentOverViewProps> = ({
                             )}
                         </div>
                         <div className="flex items-center gap-3">
-                            {renderCustomCopyBox(
-                                'delegated Drep',
-                                agent?.delegation?.drep_id || ''
-                            )}
-                            {renderCustomCopyBox(
-                                'delegated Pool',
-                                agent?.delegation?.pool_id || '',
-                                '',
-                                false
-                            )}
+                            {renderCustomCopyBox('delegated Drep', agent?.delegation?.drep_id || '')}
+                            {renderCustomCopyBox('delegated Pool', agent?.delegation?.pool_id || '', '', false)}
                         </div>
                     </div>
                 </div>
@@ -176,12 +140,7 @@ const TriggerDataBox = ({
     className?: string;
 }) => {
     const dataSource = triggerData.map(
-        (item) =>
-            (item.status && item.success
-                ? 'success'
-                : item.status
-                  ? 'failed'
-                  : 'skipped') as string
+        (item) => (item.status && item.success ? 'success' : item.status ? 'failed' : 'skipped') as string
     );
 
     {
@@ -195,18 +154,8 @@ const TriggerDataBox = ({
         }
     }
 
-    const customBox = (
-        status: string,
-        width?: string,
-        height?: string,
-        index?: number
-    ) => {
-        const bgColor =
-            status === 'success'
-                ? 'bg-green-500'
-                : status === 'failed'
-                  ? 'bg-red-500'
-                  : 'bg-gray-400';
+    const customBox = (status: string, width?: string, height?: string, index?: number) => {
+        const bgColor = status === 'success' ? 'bg-green-500' : status === 'failed' ? 'bg-red-500' : 'bg-gray-400';
         return (
             <div
                 className={`${bgColor} ${width ? width : 'w-full'} ${height ? height : 'h-full'} rounded-lg hover:cursor-pointer`}
@@ -228,20 +177,14 @@ const TriggerDataBox = ({
                 <div className="flex h-6 w-full gap-[6px]">
                     {dataSource
                         .reverse()
-                        .map((status: string, index: number) =>
-                            customBox(status, `w-3`, `h-full`, index)
-                        )}
+                        .map((status: string, index: number) => customBox(status, `w-3`, `h-full`, index))}
                 </div>
             </div>
             <div className="flex w-full items-center justify-center">
                 <div className="flex flex-col items-center gap-8">
-                    <div className="items-center text-sm font-medium text-gray-600">
-                        Last Active
-                    </div>
+                    <div className="items-center text-sm font-medium text-gray-600">Last Active</div>
                     <div className="items-center text-xs text-gray-500">
-                        {lastActive
-                            ? new Date(lastActive).toDateString()
-                            : 'Not Activated'}
+                        {lastActive ? new Date(lastActive).toDateString() : 'Not Activated'}
                     </div>
                 </div>
             </div>
diff --git a/frontend/src/components/Agent/AgentContent/Settings.tsx b/frontend/src/components/Agent/AgentContent/Settings.tsx
index b4377fd7..ae0efa30 100644
--- a/frontend/src/components/Agent/AgentContent/Settings.tsx
+++ b/frontend/src/components/Agent/AgentContent/Settings.tsx
@@ -88,11 +88,7 @@ export default function AgentSettingsComponent({
     };
 
     const AgnetDataCanBeChanged = () => {
-        return (
-            agent &&
-            agentData.agentName === agent?.name &&
-            agentData.instance === agent?.instance
-        );
+        return agent && agentData.agentName === agent?.name && agentData.instance === agent?.instance;
     };
 
     return (
@@ -110,9 +106,7 @@ export default function AgentSettingsComponent({
                         value={agentData.agentName}
                         className="mx-[2px]"
                         viewOnly={!isEditing}
-                        onChange={(e: any) =>
-                            setAgentData({ ...agentData, agentName: e.target.value })
-                        }
+                        onChange={(e: any) => setAgentData({ ...agentData, agentName: e.target.value })}
                     />
                 </div>
                 <div className="mt-4 flex flex-col gap-2">
@@ -121,9 +115,7 @@ export default function AgentSettingsComponent({
                         value={agentData.instance}
                         className="mx-[2px]"
                         viewOnly={!isEditing}
-                        onChange={(e: any) =>
-                            setAgentData({ ...agentData, instance: e.target.value })
-                        }
+                        onChange={(e: any) => setAgentData({ ...agentData, instance: e.target.value })}
                         min={1}
                     />
                 </div>
@@ -131,11 +123,7 @@ export default function AgentSettingsComponent({
                     <Label>Secret Key</Label>
                     <div className="flex items-center gap-2">
                         <Input
-                            value={
-                                showSecret
-                                    ? agent?.secret_key || ''
-                                    : '*'.repeat(agent?.secret_key?.length || 10)
-                            }
+                            value={showSecret ? agent?.secret_key || '' : '*'.repeat(agent?.secret_key?.length || 10)}
                             className="mx-[2px]"
                             viewOnly={true}
                         />
@@ -145,10 +133,7 @@ export default function AgentSettingsComponent({
                                 className="cursor-pointer text-gray-400"
                             />
                         ) : (
-                            <Eye
-                                onClick={() => setShowSecret(!showSecret)}
-                                className="cursor-pointer text-gray-400"
-                            />
+                            <Eye onClick={() => setShowSecret(!showSecret)} className="cursor-pointer text-gray-400" />
                         )}
                     </div>
                 </div>
@@ -157,12 +142,7 @@ export default function AgentSettingsComponent({
                 <div className="absolute bottom-4 right-4">
                     {isEditing ? (
                         <div className="flex items-center gap-2">
-                            <Button
-                                variant={'secondary'}
-                                size={'sm'}
-                                className="min-w-32"
-                                onClick={handleCancel}
-                            >
+                            <Button variant={'secondary'} size={'sm'} className="min-w-32" onClick={handleCancel}>
                                 Cancel
                             </Button>
                             <Button
@@ -176,12 +156,7 @@ export default function AgentSettingsComponent({
                             </Button>
                         </div>
                     ) : (
-                        <Button
-                            variant={'primary'}
-                            size={'sm'}
-                            className="min-w-32"
-                            onClick={toggleEdit}
-                        >
+                        <Button variant={'primary'} size={'sm'} className="min-w-32" onClick={toggleEdit}>
                             Edit
                         </Button>
                     )}
diff --git a/frontend/src/components/Agent/AgentTab/AgentTab.tsx b/frontend/src/components/Agent/AgentTab/AgentTab.tsx
index 734a3153..0703ea32 100644
--- a/frontend/src/components/Agent/AgentTab/AgentTab.tsx
+++ b/frontend/src/components/Agent/AgentTab/AgentTab.tsx
@@ -12,13 +12,7 @@ import AgentTabItem from './AgentTabItem';
 const adminTabs = ['Overview', 'Functions', 'Manual Actions', 'Logs', 'Settings'];
 const normalTabs = ['Overview', 'Functions', 'Logs'];
 
-const AgentTabSection = ({
-    showAllTabs = false,
-    className
-}: {
-    showAllTabs?: boolean;
-    className?: string;
-}) => {
+const AgentTabSection = ({ showAllTabs = false, className }: { showAllTabs?: boolean; className?: string }) => {
     const tabs = showAllTabs ? adminTabs : normalTabs;
 
     const [, setSelectedTab] = useAtom(selectedAgentTabAtom);
@@ -29,12 +23,7 @@ const AgentTabSection = ({
 
     return (
         <>
-            <div
-                className={cn(
-                    'flex gap-2 rounded-lg p-1 md:flex-col md:bg-white md:py-6',
-                    className
-                )}
-            >
+            <div className={cn('flex gap-2 rounded-lg p-1 md:flex-col md:bg-white md:py-6', className)}>
                 {tabs.map((item, index) => (
                     <AgentTabItem key={index} item={item} />
                 ))}
diff --git a/frontend/src/components/Agent/AgentTab/AgentTabContent.tsx b/frontend/src/components/Agent/AgentTab/AgentTabContent.tsx
index b12df0a8..94e3e66b 100644
--- a/frontend/src/components/Agent/AgentTab/AgentTabContent.tsx
+++ b/frontend/src/components/Agent/AgentTab/AgentTabContent.tsx
@@ -26,29 +26,19 @@ const AgentTabContent = ({
     const [selectedAgentTab] = useAtom(selectedAgentTabAtom);
 
     function getAgentSelectedTabComponent() {
-        if (selectedAgentTab === 'Overview')
-            return <AgentOverViewComponent agent={agent} enableControl={enableEdit} />;
+        if (selectedAgentTab === 'Overview') return <AgentOverViewComponent agent={agent} enableControl={enableEdit} />;
         else if (selectedAgentTab === 'Functions')
             return <AgentFunctionsComponent agent={agent} enableControl={enableEdit} />;
-        else if (selectedAgentTab === 'Logs')
-            return <AgentLogComponent agent={agent} />;
+        else if (selectedAgentTab === 'Logs') return <AgentLogComponent agent={agent} />;
         else if (enableEdit) {
-            if (selectedAgentTab === 'Manual Actions')
-                return <AgentManualTriggerComponent agent={agent} />;
+            if (selectedAgentTab === 'Manual Actions') return <AgentManualTriggerComponent agent={agent} />;
             else if (selectedAgentTab === 'Settings')
-                return (
-                    <AgentSettingsComponent agent={agent} enableControl={enableEdit} />
-                );
+                return <AgentSettingsComponent agent={agent} enableControl={enableEdit} />;
         }
     }
 
     return (
-        <div
-            className={cn(
-                'relative h-full w-full overflow-hidden rounded-lg  bg-white p-6 !pb-20 md:p-8',
-                className
-            )}
-        >
+        <div className={cn('relative h-full w-full overflow-hidden rounded-lg  bg-white p-6 !pb-20 md:p-8', className)}>
             {agentLoading ? (
                 <div className="flex h-full w-full items-center justify-center">
                     <div className="h-8 w-8 animate-spin rounded-full border-b-2 border-brand-Blue-200"></div>
diff --git a/frontend/src/components/Agent/AgentTab/AgentTabItem.tsx b/frontend/src/components/Agent/AgentTab/AgentTabItem.tsx
index 0eccfe64..9601cd1d 100644
--- a/frontend/src/components/Agent/AgentTab/AgentTabItem.tsx
+++ b/frontend/src/components/Agent/AgentTab/AgentTabItem.tsx
@@ -12,9 +12,7 @@ const AgentTabItem = ({ item }: { item: any }) => {
             onClick={() => setSelectedTab(item)}
             className={cn(
                 'relative flex cursor-pointer items-center gap-1 rounded p-2 text-xs text-brand-Black-100  md:gap-2 md:px-4 md:text-base',
-                selectedTab === item
-                    ? ' text-brand-Blue-200'
-                    : 'hover-transition-blue !text-brand-Black-100'
+                selectedTab === item ? ' text-brand-Blue-200' : 'hover-transition-blue !text-brand-Black-100'
             )}
         >
             {selectedTab === item && (
diff --git a/frontend/src/components/Agent/FormRenderer/FormParameters.tsx b/frontend/src/components/Agent/FormRenderer/FormParameters.tsx
index ba8239b0..02925ef3 100644
--- a/frontend/src/components/Agent/FormRenderer/FormParameters.tsx
+++ b/frontend/src/components/Agent/FormRenderer/FormParameters.tsx
@@ -29,9 +29,7 @@ const FormParameters = ({ parameters }: { parameters: Array<IParameter> }) => {
             {parameters.map((param, index) => {
                 return (
                     <div key={param.id} className={'flex flex-col gap-2'}>
-                        {!param.items && (
-                            <span className={'text-md font-medium'}>{param.name} </span>
-                        )}
+                        {!param.items && <span className={'text-md font-medium'}>{param.name} </span>}
                         <div>{renderParamsComponent(param, index)}</div>
                     </div>
                 );
diff --git a/frontend/src/components/Agent/FormRenderer/FormRenderer.tsx b/frontend/src/components/Agent/FormRenderer/FormRenderer.tsx
index b26f018f..2853b7e9 100644
--- a/frontend/src/components/Agent/FormRenderer/FormRenderer.tsx
+++ b/frontend/src/components/Agent/FormRenderer/FormRenderer.tsx
@@ -11,10 +11,7 @@ import { Button } from '@app/components/atoms/Button';
 import { ErrorToast, SuccessToast } from '@app/components/molecules/CustomToasts';
 import { Separator } from '@app/components/shadcn/ui/separator';
 import { errorAtom, selectedFunctionAtom } from '@app/store/atoms/formRenderer';
-import {
-    extractAnswerFromForm,
-    validateForDifferentType
-} from '@app/utils/formRenderer';
+import { extractAnswerFromForm, validateForDifferentType } from '@app/utils/formRenderer';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
 const FormRenderer = ({
@@ -28,10 +25,8 @@ const FormRenderer = ({
     const [selectedFunction] = useAtom(selectedFunctionAtom);
     const [, setErrorIndex] = useAtom(errorAtom);
     const agentMutation = useMutation({
-        mutationFn: (data: {
-            agentId: string;
-            agentFunction: AgentTriggerRequestData;
-        }) => manualTriggerForAgent(data.agentId, data.agentFunction),
+        mutationFn: (data: { agentId: string; agentFunction: AgentTriggerRequestData }) =>
+            manualTriggerForAgent(data.agentId, data.agentFunction),
         onSuccess: () => {
             queryClient.refetchQueries({ queryKey: ['agents'] });
             SuccessToast(
@@ -45,18 +40,14 @@ const FormRenderer = ({
         }
     });
     const handleTrigger = async () => {
-        const errorIndexes = await checkIfRequiredFieldIsEmpty(
-            selectedFunction?.parameters
-        );
+        const errorIndexes = await checkIfRequiredFieldIsEmpty(selectedFunction?.parameters);
         setErrorIndex(errorIndexes);
         if (!errorIndexes.length) {
             const params = extractAnswerFromForm(selectedFunction);
             await agentMutation.mutateAsync({
                 agentId: agent?.id || '',
                 agentFunction: {
-                    function_name:
-                        (selectedFunction?.id as AgentTriggerFunctionType) ||
-                        'transferADA',
+                    function_name: (selectedFunction?.id as AgentTriggerFunctionType) || 'transferADA',
                     parameters: params
                 }
             });
@@ -84,12 +75,8 @@ const FormRenderer = ({
             <Separator className={''} />
             <div className={'flex flex-col gap-4 px-6 py-2'}>
                 <div className={'flex flex-col gap-1'}>
-                    <span className={'font-medium text-brand-Black-300'}>
-                        {selectedFunction?.name}
-                    </span>
-                    <span className={'text-sm text-brand-Black-300/80'}>
-                        {selectedFunction?.description}
-                    </span>
+                    <span className={'font-medium text-brand-Black-300'}>{selectedFunction?.name}</span>
+                    <span className={'text-sm text-brand-Black-300/80'}>{selectedFunction?.description}</span>
                 </div>
                 {selectedFunction && selectedFunction.parameters && (
                     <FormParameters parameters={selectedFunction.parameters} />
diff --git a/frontend/src/components/Agent/FormRenderer/InputParameter.tsx b/frontend/src/components/Agent/FormRenderer/InputParameter.tsx
index fb1030a0..973d0fc1 100644
--- a/frontend/src/components/Agent/FormRenderer/InputParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/InputParameter.tsx
@@ -7,13 +7,7 @@ import { useDebounceValue } from 'usehooks-ts';
 import { Input } from '@app/components/atoms/Input';
 import { errorAtom, selectedFunctionAtom } from '@app/store/atoms/formRenderer';
 
-const InputParameter = ({
-    parameter,
-    paramIndex
-}: {
-    parameter: IParameter;
-    paramIndex: number;
-}) => {
+const InputParameter = ({ parameter, paramIndex }: { parameter: IParameter; paramIndex: number }) => {
     const [selectedFunction, setSelectedFunction] = useAtom(selectedFunctionAtom);
     const [errorIndex] = useAtom(errorAtom);
 
diff --git a/frontend/src/components/Agent/FormRenderer/ListParameter.tsx b/frontend/src/components/Agent/FormRenderer/ListParameter.tsx
index 77a87e6e..ef8227c6 100644
--- a/frontend/src/components/Agent/FormRenderer/ListParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/ListParameter.tsx
@@ -8,13 +8,7 @@ import { useDebounceValue } from 'usehooks-ts';
 import { Input } from '@app/components/atoms/Input';
 import { errorAtom, selectedFunctionAtom } from '@app/store/atoms/formRenderer';
 
-const ListParameter = ({
-    paramIndex,
-    parameter
-}: {
-    paramIndex: number;
-    parameter: IParameter;
-}) => {
+const ListParameter = ({ paramIndex, parameter }: { paramIndex: number; parameter: IParameter }) => {
     const [selectedFunction, setSelectedFunction] = useAtom(selectedFunctionAtom);
     const [errorIndex] = useAtom(errorAtom);
     const [items, setItems] = useState<Array<ItemObject>>(parameter.items || []);
@@ -75,9 +69,7 @@ const ListParameter = ({
         if (items && items.length) {
             const paramLength = items.length;
             items?.map((item, index) => {
-                const isParamsFieldEmpty = item.parameters!.every(
-                    (param) => param.value === ''
-                );
+                const isParamsFieldEmpty = item.parameters!.every((param) => param.value === '');
                 if (isParamsFieldEmpty && paramLength > 1 && index != paramLength - 1) {
                     isEmpty = true;
                 }
@@ -126,14 +118,9 @@ const ListParameter = ({
                     <div className={'grid grid-cols-11 gap-4'}>
                         {items[0]?.parameters?.map((param) => {
                             return (
-                                <div
-                                    key={param.id}
-                                    className={'col-span-5 flex flex-row gap-1'}
-                                >
+                                <div key={param.id} className={'col-span-5 flex flex-row gap-1'}>
                                     <span>{param.name}</span>
-                                    {!parameter.optional && (
-                                        <span className={'text-red-500 '}>*</span>
-                                    )}
+                                    {!parameter.optional && <span className={'text-red-500 '}>*</span>}
                                 </div>
                             );
                         })}
@@ -142,18 +129,11 @@ const ListParameter = ({
                 {items &&
                     items.map((item, index) => {
                         return (
-                            <div
-                                key={index}
-                                className={' relative grid grid-cols-11 gap-2'}
-                            >
+                            <div key={index} className={' relative grid grid-cols-11 gap-2'}>
                                 {item.parameters && (
                                     <ItemsObjectParameter
-                                        defaultValues={
-                                            items.length ? items[index].parameters : []
-                                        }
-                                        handleOnChange={(params) =>
-                                            handleOnChangeParams(params, index)
-                                        }
+                                        defaultValues={items.length ? items[index].parameters : []}
+                                        handleOnChange={(params) => handleOnChangeParams(params, index)}
                                         parameters={item.parameters}
                                     />
                                 )}
@@ -174,9 +154,7 @@ const ListParameter = ({
                 <div className={`flex justify-center `}>
                     <div
                         className={` w-fit rounded p-0.5 hover:bg-gray-200 ${checkIfFieldIsRequired() ? 'cursor-pointer' : 'cursor-not-allowed'}`}
-                        onClick={
-                            checkIfFieldIsRequired() ? handleClickPlusIcon : () => {}
-                        }
+                        onClick={checkIfFieldIsRequired() ? handleClickPlusIcon : () => {}}
                     >
                         <PlusIcon />
                     </div>
@@ -203,10 +181,7 @@ const ItemsObjectParameter = ({
         }
     }, [defaultValues]);
 
-    const handleInputChange = (
-        e: React.ChangeEvent<HTMLInputElement>,
-        index: number
-    ) => {
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
         e.preventDefault();
         const updatedParam = params[index];
         updatedParam.value = e.target.value;
@@ -218,12 +193,7 @@ const ItemsObjectParameter = ({
     function checkIfFieldIsRequired(parameter: IParameter) {
         const isAnyFieldFilled = params.some((param) => param.value !== '');
         if (isAnyFieldFilled) {
-            return (
-                !parameter.value &&
-                !params
-                    .filter((param) => !param.optional)
-                    .every((param) => param.value !== '')
-            );
+            return !parameter.value && !params.filter((param) => !param.optional).every((param) => param.value !== '');
         }
         return false;
     }
@@ -246,9 +216,7 @@ const ItemsObjectParameter = ({
                             onChange={(e) => handleInputChange(e, index)}
                             type={param.type === 'number' ? 'number' : 'text'}
                         />
-                        {checkIfFieldIsRequired(param) && (
-                            <span className={' text-red-500'}>*</span>
-                        )}
+                        {checkIfFieldIsRequired(param) && <span className={' text-red-500'}>*</span>}
                     </div>
                 );
             })}
diff --git a/frontend/src/components/Agent/FormRenderer/ObjectParameter.tsx b/frontend/src/components/Agent/FormRenderer/ObjectParameter.tsx
index 55c0bbd6..25087de7 100644
--- a/frontend/src/components/Agent/FormRenderer/ObjectParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/ObjectParameter.tsx
@@ -8,13 +8,7 @@ import { Input } from '@app/components/atoms/Input';
 import { errorAtom, selectedFunctionAtom } from '@app/store/atoms/formRenderer';
 import { checkIfToFillAnyOneField } from '@app/utils/formRenderer';
 
-const ObjectParameter = ({
-    paramIndex,
-    parameter
-}: {
-    paramIndex: number;
-    parameter: IParameter;
-}) => {
+const ObjectParameter = ({ paramIndex, parameter }: { paramIndex: number; parameter: IParameter }) => {
     const [selectedFunction, setSelectedFunction] = useAtom(selectedFunctionAtom);
     const [errorIndex] = useAtom(errorAtom);
 
@@ -39,8 +33,7 @@ const ObjectParameter = ({
     }, [errorIndex]);
 
     useEffect(() => {
-        const updatedParams =
-            parameter.parameters?.map((param) => ({ ...param, value: '' })) || [];
+        const updatedParams = parameter.parameters?.map((param) => ({ ...param, value: '' })) || [];
         setParams([...updatedParams]);
     }, []);
 
@@ -63,11 +56,7 @@ const ObjectParameter = ({
     useEffect(() => {
         if (debouncedVal && selectedFunction && selectedFunction.parameters?.length) {
             const param = selectedFunction.parameters[paramIndex];
-            if (
-                param?.options &&
-                param.parameters?.length &&
-                param.parameters[0]?.parameters
-            ) {
+            if (param?.options && param.parameters?.length && param.parameters[0]?.parameters) {
                 param.parameters[0].parameters = debouncedVal;
             } else {
                 if (param) {
@@ -86,25 +75,18 @@ const ObjectParameter = ({
                         <div key={param.id} className={'flex flex-col gap-1'}>
                             <div className={'flex gap-1'}>
                                 {param.name}
-                                {!param.optional && (
-                                    <span className={'text-red-500'}>*</span>
-                                )}
+                                {!param.optional && <span className={'text-red-500'}>*</span>}
                             </div>
                             <div className={'flex flex-row gap-1'}>
                                 <Input
                                     placeholder={param.name}
                                     value={param.value}
-                                    onChange={(e) =>
-                                        handleOnChange(e.target.value, index)
-                                    }
+                                    onChange={(e) => handleOnChange(e.target.value, index)}
                                     type={param.type === 'number' ? 'number' : 'text'}
                                 />
                             </div>
-                            {(param.errorMsg ||
-                                (!param.optional && errorMsg && !param.value)) && (
-                                <span className={'text-xs text-red-500'}>
-                                    {errorMsg}
-                                </span>
+                            {(param.errorMsg || (!param.optional && errorMsg && !param.value)) && (
+                                <span className={'text-xs text-red-500'}>{errorMsg}</span>
                             )}
                         </div>
                     );
diff --git a/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx b/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
index 88591b5b..beacc01e 100644
--- a/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
@@ -9,13 +9,7 @@ import ObjectParameter from '@app/components/Agent/FormRenderer/ObjectParameter'
 import { CustomCombobox } from '@app/components/molecules/CustomCombobox';
 import { selectedFunctionAtom } from '@app/store/atoms/formRenderer';
 
-const OptionsParameter = ({
-    parameter,
-    paramIndex
-}: {
-    parameter: IParameter;
-    paramIndex: number;
-}) => {
+const OptionsParameter = ({ parameter, paramIndex }: { parameter: IParameter; paramIndex: number }) => {
     const [selectedFunction, setSelectedFunction] = useAtom(selectedFunctionAtom);
 
     function renderParamsComponent(parameter: IParameter) {
@@ -26,9 +20,7 @@ const OptionsParameter = ({
             case 'url':
                 return <InputParameter paramIndex={paramIndex} parameter={parameter} />;
             case 'object':
-                return (
-                    <ObjectParameter paramIndex={paramIndex} parameter={parameter} />
-                );
+                return <ObjectParameter paramIndex={paramIndex} parameter={parameter} />;
             case 'list':
                 return <ListParameter paramIndex={paramIndex} parameter={parameter} />;
         }
@@ -55,13 +47,9 @@ const OptionsParameter = ({
                             : { id: '', label: '' }
                     }
                     onSelect={(optionName: string) => {
-                        const option = parameter.options!.find(
-                            (item) => item.name === optionName
-                        );
+                        const option = parameter.options!.find((item) => item.name === optionName);
                         if (option && selectedFunction && selectedFunction.parameters) {
-                            selectedFunction.parameters[paramIndex].parameters = [
-                                option
-                            ];
+                            selectedFunction.parameters[paramIndex].parameters = [option];
                             setSelectedFunction({ ...selectedFunction });
                         }
                         option && setSelectedOption(option);
@@ -72,9 +60,7 @@ const OptionsParameter = ({
                 renderParamsComponent(selectedOption as IParameter)
             ) : (
                 <div className={'py-2'}>
-                    {selectedOption
-                        ? `Selected ${selectedOption.name}`
-                        : 'No Options Selected Yet'}
+                    {selectedOption ? `Selected ${selectedOption.name}` : 'No Options Selected Yet'}
                 </div>
             )}
         </div>
diff --git a/frontend/src/components/Agent/RunnerTutorial.tsx b/frontend/src/components/Agent/RunnerTutorial.tsx
index 02c064d9..dd39d896 100644
--- a/frontend/src/components/Agent/RunnerTutorial.tsx
+++ b/frontend/src/components/Agent/RunnerTutorial.tsx
@@ -6,22 +6,14 @@ import { SuccessToast } from '@app/components/molecules/CustomToasts';
 import environments from '@app/configs/environments';
 import { convertToBase64 } from '@app/utils/base64converter';
 
-const AgentRunnerTutorial = ({
-    agentSecretKey,
-    showToken
-}: {
-    agentSecretKey: string;
-    showToken?: boolean;
-}) => {
+const AgentRunnerTutorial = ({ agentSecretKey, showToken }: { agentSecretKey: string; showToken?: boolean }) => {
     const dockerCommand = `docker run -d --pull always -e TOKEN=${convertToBase64(agentSecretKey)} cardanoapi/autonomous-agents:${environments.NEXT_PUBLIC_IMAGE_TAG}`;
 
     return (
         <div className={'flex w-full flex-col gap-6 '}>
             <span className={''}>Run this agent by following tutorial:</span>
             <div className={'flex w-full flex-col gap-2 overflow-hidden'}>
-                <span className={'font-norm text-base text-brand-Black-100'}>
-                    Using Docker:
-                </span>
+                <span className={'font-norm text-base text-brand-Black-100'}>Using Docker:</span>
                 <div className={'flex w-full items-center gap-1 overflow-hidden'}>
                     <div
                         onClick={() => {
@@ -46,8 +38,7 @@ const AgentRunnerTutorial = ({
                 <span className={'text-xs'}>
                     Note:{' '}
                     <span>
-                        If you dont have docker installed then you can install it from
-                        here{' '}
+                        If you dont have docker installed then you can install it from here{' '}
                         <Link
                             className={'text-blue-500'}
                             target={'_blank'}
@@ -58,17 +49,11 @@ const AgentRunnerTutorial = ({
                     </span>
                 </span>
                 {showToken && (
-                    <div
-                        className={
-                            'flex flex-row items-end gap-2 pt-2 text-sm font-normal text-brand-Black-300'
-                        }
-                    >
+                    <div className={'flex flex-row items-end gap-2 pt-2 text-sm font-normal text-brand-Black-300'}>
                         Token :
                         <div
                             onClick={() => {
-                                navigator.clipboard.writeText(
-                                    convertToBase64(agentSecretKey)
-                                );
+                                navigator.clipboard.writeText(convertToBase64(agentSecretKey));
                                 SuccessToast('Token Copied!');
                             }}
                             className={'cursor-pointer text-xs'}
diff --git a/frontend/src/components/Agent/shared/AgentAvatar.tsx b/frontend/src/components/Agent/shared/AgentAvatar.tsx
index daf6fe25..447261c9 100644
--- a/frontend/src/components/Agent/shared/AgentAvatar.tsx
+++ b/frontend/src/components/Agent/shared/AgentAvatar.tsx
@@ -23,18 +23,8 @@ const AgentAvatar = ({
     const src = generateIdentIcon(hash, size);
     return isLink ? (
         <Link href={`/agents/${hash}`} className="w-fit">
-            <div
-                className={
-                    'relative cursor-pointer rounded-full bg-brand-Blue-300/10 p-1'
-                }
-            >
-                <img
-                    src={src}
-                    alt="Identicon"
-                    width={size}
-                    height={size}
-                    className={'rounded-full'}
-                />
+            <div className={'relative cursor-pointer rounded-full bg-brand-Blue-300/10 p-1'}>
+                <img src={src} alt="Identicon" width={size} height={size} className={'rounded-full'} />
                 {activeStatus && (
                     <div
                         className={`absolute -right-1 bottom-0 z-10 h-4 w-4 rounded-full ${isActive ? 'bg-green-500' : 'bg-gray-500'}`}
@@ -44,13 +34,7 @@ const AgentAvatar = ({
         </Link>
     ) : (
         <div className={'relative rounded-full bg-brand-Blue-300/10 p-1'}>
-            <img
-                src={src}
-                alt="Identicon"
-                width={size}
-                height={size}
-                className={'rounded-full'}
-            />
+            <img src={src} alt="Identicon" width={size} height={size} className={'rounded-full'} />
             {activeStatus && (
                 <div
                     className={`absolute -right-1 bottom-0 z-10 h-4 w-4 rounded-full ${isActive ? 'bg-green-500' : 'bg-gray-500'}`}
diff --git a/frontend/src/components/Agent/shared/AgentFunctionCard.tsx b/frontend/src/components/Agent/shared/AgentFunctionCard.tsx
index 694ee2c6..1ff947dd 100644
--- a/frontend/src/components/Agent/shared/AgentFunctionCard.tsx
+++ b/frontend/src/components/Agent/shared/AgentFunctionCard.tsx
@@ -14,12 +14,8 @@ const AgentFunctionCard = ({ func, agentId }: { func: IFunction; agentId: string
                 'flex h-[130px] w-full cursor-pointer flex-col gap-2 rounded-md bg-gray-100 px-3 py-2 drop-shadow-md hover:bg-gray-200 lg:w-[300px]'
             }
         >
-            <span className={'text-base font-normal text-brand-Black-100/90'}>
-                {func.name}
-            </span>
-            <span className={'text-xs text-brand-Black-300/80'}>
-                {func?.description || 'No Description'}
-            </span>
+            <span className={'text-base font-normal text-brand-Black-100/90'}>{func.name}</span>
+            <span className={'text-xs text-brand-Black-300/80'}>{func?.description || 'No Description'}</span>
         </div>
     );
 };
diff --git a/frontend/src/components/Agent/shared/AgentRunner.tsx b/frontend/src/components/Agent/shared/AgentRunner.tsx
index 4cc31cee..e49e0040 100644
--- a/frontend/src/components/Agent/shared/AgentRunner.tsx
+++ b/frontend/src/components/Agent/shared/AgentRunner.tsx
@@ -10,9 +10,7 @@ const AgentRunnerComponent = ({ agent }: { agent?: IAgent }) => {
                 <AgentsIcon />
                 <span className={'text-[20px] font-semibold'}>Manual Trigger</span>
             </div>
-            {agent && agent.secret_key && (
-                <AgentRunnerTutorial showToken agentSecretKey={agent.secret_key} />
-            )}
+            {agent && agent.secret_key && <AgentRunnerTutorial showToken agentSecretKey={agent.secret_key} />}
         </div>
     );
 };
diff --git a/frontend/src/components/Agent/shared/CustomCopyBox.tsx b/frontend/src/components/Agent/shared/CustomCopyBox.tsx
index 36dec3ee..c0b8ad5c 100644
--- a/frontend/src/components/Agent/shared/CustomCopyBox.tsx
+++ b/frontend/src/components/Agent/shared/CustomCopyBox.tsx
@@ -24,9 +24,7 @@ const CustomCopyBox = ({
     };
 
     return (
-        <div
-            className={cn('flex w-fit flex-col justify-between rounded-lg', className)}
-        >
+        <div className={cn('flex w-fit flex-col justify-between rounded-lg', className)}>
             <div className="text-[10px] text-gray-500">{title}</div>
             <div className="flex w-full items-center justify-between gap-2 text-ellipsis text-sm">
                 {content === '' ? (
@@ -35,9 +33,7 @@ const CustomCopyBox = ({
                     <span
                         className={cn(
                             'overflow-hidden text-ellipsis text-nowrap text-xs font-medium ',
-                            copyOnContentClick
-                                ? 'cursor-pointer hover:text-brand-Blue-200'
-                                : ''
+                            copyOnContentClick ? 'cursor-pointer hover:text-brand-Blue-200' : ''
                         )}
                         onClick={copyOnContentClick ? handleCopy : () => {}}
                     >
@@ -46,11 +42,7 @@ const CustomCopyBox = ({
                 )}
                 {showCopyIcon && content !== '' && (
                     <div className="cursor-pointer">
-                        <CopyIcon
-                            size={16}
-                            onClick={handleCopy}
-                            className={iconClassName}
-                        />
+                        <CopyIcon size={16} onClick={handleCopy} className={iconClassName} />
                     </div>
                 )}
             </div>
diff --git a/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx b/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
index d9fb1fb8..690acb4c 100644
--- a/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
+++ b/frontend/src/components/Agent/shared/FunctionCardWithMeta.tsx
@@ -25,9 +25,7 @@ const FunctionCardWithMeta = ({
         return TemplateFunctions.find((f) => f.id === functionName);
     };
     const renderConfigMeta = (config: IAgentConfiguration | ITemplateConfiguration) => {
-        const functionMetaData = getFunctionMetaData(
-            config.action?.function_name || ''
-        );
+        const functionMetaData = getFunctionMetaData(config.action?.function_name || '');
 
         return (
             <>
@@ -37,9 +35,7 @@ const FunctionCardWithMeta = ({
                         {config.type}
                     </span>
                 </span>
-                <span className="text-[10px] text-gray-700">
-                    {functionMetaData?.description || 'No description'}
-                </span>
+                <span className="text-[10px] text-gray-700">{functionMetaData?.description || 'No description'}</span>
             </>
         );
     };
@@ -82,9 +78,7 @@ const FunctionCardWithMeta = ({
                         />
                         <CustomCopyBox
                             title="Cron Expression"
-                            content={convertCRONExpressionToReadableForm(
-                                (config.data as ICronTrigger).frequency
-                            )}
+                            content={convertCRONExpressionToReadableForm((config.data as ICronTrigger).frequency)}
                             className="w-auto"
                             showCopyIcon={false}
                         />
diff --git a/frontend/src/components/Agent/shared/GroupParameters.tsx b/frontend/src/components/Agent/shared/GroupParameters.tsx
index 6d52ed2f..c8aaea86 100644
--- a/frontend/src/components/Agent/shared/GroupParameters.tsx
+++ b/frontend/src/components/Agent/shared/GroupParameters.tsx
@@ -17,25 +17,16 @@ const GroupParams = ({
 
     function checkForErrMsg(index: number) {
         if (parameter.optional) {
-            return (
-                checkIfParameterIsRequired(index) && !parameter.parameters![index].value
-            );
+            return checkIfParameterIsRequired(index) && !parameter.parameters![index].value;
         }
-        return (
-            checkIfParameterIsRequired(index) &&
-            !parameter.parameters![index].value &&
-            isError
-        );
+        return checkIfParameterIsRequired(index) && !parameter.parameters![index].value && isError;
     }
 
     function checkIfParameterIsRequired(index: number) {
         if (parameter.optional) {
             const isAnyFieldFilled =
                 parameter.parameters?.some(
-                    (param) =>
-                        param.value !== '' &&
-                        param.value !== undefined &&
-                        param.value !== null
+                    (param) => param.value !== '' && param.value !== undefined && param.value !== null
                 ) || false;
             return isAnyFieldFilled ? !parameter.parameters![index].optional : false;
         } else {
@@ -43,10 +34,7 @@ const GroupParams = ({
         }
     }
 
-    const handleInputChange = (
-        e: React.ChangeEvent<HTMLInputElement>,
-        index: number
-    ) => {
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
         const updatedParam = { ...parameter };
         updatedParam.parameters![index] = {
             ...parameter.parameters![index],
@@ -58,26 +46,14 @@ const GroupParams = ({
     return (
         <div className={'flex flex-col'}>
             <span>
-                {parameter.description}{' '}
-                {parameter.optional ? (
-                    <></>
-                ) : (
-                    <span className={'text-lg text-red-500'}>*</span>
-                )}
+                {parameter.description} {parameter.optional ? <></> : <span className={'text-lg text-red-500'}>*</span>}
             </span>
             <div className={'flex flex-row gap-4'}>
                 {parameter.parameters?.length &&
                     parameter.parameters?.map((param, index) => {
                         return (
-                            <div
-                                key={`${param.name}-${index}`}
-                                className={'flex flex-col gap-1'}
-                            >
-                                <div
-                                    className={
-                                        'flex flex-row items-start gap-1 text-sm'
-                                    }
-                                >
+                            <div key={`${param.name}-${index}`} className={'flex flex-col gap-1'}>
+                                <div className={'flex flex-row items-start gap-1 text-sm'}>
                                     {param.description}{' '}
                                     {checkIfParameterIsRequired(index) ? (
                                         <span className={'text-red-500'}>*</span>
@@ -90,9 +66,7 @@ const GroupParams = ({
                                     onChange={(e) => handleInputChange(e, index)}
                                 />
                                 {checkForErrMsg(index) && (
-                                    <span className={'text-xs text-red-500'}>
-                                        This field is required.
-                                    </span>
+                                    <span className={'text-xs text-red-500'}>This field is required.</span>
                                 )}
                             </div>
                         );
diff --git a/frontend/src/components/Agent/shared/TriggerChart.tsx b/frontend/src/components/Agent/shared/TriggerChart.tsx
index ef0bfc53..f6bfcd9e 100644
--- a/frontend/src/components/Agent/shared/TriggerChart.tsx
+++ b/frontend/src/components/Agent/shared/TriggerChart.tsx
@@ -19,26 +19,12 @@ import { convertDictToGraphDataFormat } from '../../Chart/ChartFilter';
 import AgentFunctionsDropDown from '../../Common/AgentFunctionsDropDown';
 import { cn } from '../../lib/utils';
 
-const AgentHistoryChart = ({
-    agent,
-    chartClassName
-}: {
-    agent?: IAgent;
-    chartClassName?: string;
-}) => {
-    const [currentChartFilterOption, setCurrentChartFilterOption] = useState(
-        chartFilterOptions[2]
-    );
-    const [chartDataSource, setChartDataSource] = useState<
-        { count: number; values: Record<string, number> }[]
-    >([]);
+const AgentHistoryChart = ({ agent, chartClassName }: { agent?: IAgent; chartClassName?: string }) => {
+    const [currentChartFilterOption, setCurrentChartFilterOption] = useState(chartFilterOptions[2]);
+    const [chartDataSource, setChartDataSource] = useState<{ count: number; values: Record<string, number> }[]>([]);
     const { data: triggerHistoryMetric, refetch: refecthTriggerHistory } = useQuery({
         queryKey: [`${agent?.id}TriggerHistoryMetric`],
-        queryFn: () =>
-            fecthTriggerHistoryMetric(
-                currentFunction === 'None' ? [] : [currentFunction],
-                agent?.id
-            )
+        queryFn: () => fecthTriggerHistoryMetric(currentFunction === 'None' ? [] : [currentFunction], agent?.id)
     });
 
     const [currentFunction, setCurrentFunction] = useState('None');
@@ -47,19 +33,13 @@ const AgentHistoryChart = ({
         if (triggerHistoryMetric !== undefined) {
             switch (currentChartFilterOption.placeholder) {
                 case 'Last Hour':
-                    setChartDataSource(
-                        triggerHistoryMetric.last_hour_successful_triggers
-                    );
+                    setChartDataSource(triggerHistoryMetric.last_hour_successful_triggers);
                     break;
                 case 'Last 24 Hours':
-                    setChartDataSource(
-                        triggerHistoryMetric.last_24hour_successful_triggers
-                    );
+                    setChartDataSource(triggerHistoryMetric.last_24hour_successful_triggers);
                     break;
                 case 'Last 7 Days':
-                    setChartDataSource(
-                        triggerHistoryMetric.last_week_successful_triggers
-                    );
+                    setChartDataSource(triggerHistoryMetric.last_week_successful_triggers);
                     break;
             }
         }
@@ -83,34 +63,27 @@ const AgentHistoryChart = ({
                         onChange={(stringValue: string) => {
                             setCurrentFunction(stringValue);
                         }}
-                        value={
-                            currentFunction === 'None' ? 'Function' : currentFunction
-                        }
+                        value={currentFunction === 'None' ? 'Function' : currentFunction}
                     />
                     <DropdownMenu>
-                        <DropdownMenuTrigger
-                            border={true}
-                            className="flex justify-between md:min-w-40"
-                        >
+                        <DropdownMenuTrigger border={true} className="flex justify-between md:min-w-40">
                             {currentChartFilterOption.placeholder}
                         </DropdownMenuTrigger>
                         <DropdownMenuContent className="bg-white">
-                            {chartFilterOptions.map(
-                                (item: IChartFilterOption, index) => (
-                                    <DropdownMenuItem
-                                        onClick={() => {
-                                            setCurrentChartFilterOption({
-                                                placeholder: item.placeholder,
-                                                unit: item.unit,
-                                                xaxisInterval: item.xaxisInterval
-                                            });
-                                        }}
-                                        key={index}
-                                    >
-                                        {item.placeholder}
-                                    </DropdownMenuItem>
-                                )
-                            )}
+                            {chartFilterOptions.map((item: IChartFilterOption, index) => (
+                                <DropdownMenuItem
+                                    onClick={() => {
+                                        setCurrentChartFilterOption({
+                                            placeholder: item.placeholder,
+                                            unit: item.unit,
+                                            xaxisInterval: item.xaxisInterval
+                                        });
+                                    }}
+                                    key={index}
+                                >
+                                    {item.placeholder}
+                                </DropdownMenuItem>
+                            ))}
                         </DropdownMenuContent>
                     </DropdownMenu>
                 </div>
@@ -119,10 +92,7 @@ const AgentHistoryChart = ({
                 <CustomLineChart
                     chartData={
                         triggerHistoryMetric !== undefined
-                            ? convertDictToGraphDataFormat(
-                                  chartDataSource || [],
-                                  currentChartFilterOption.unit
-                              )
+                            ? convertDictToGraphDataFormat(chartDataSource || [], currentChartFilterOption.unit)
                             : []
                     }
                     xaxisInterval={currentChartFilterOption.xaxisInterval}
diff --git a/frontend/src/components/Auth/WalletSignInDialog.tsx b/frontend/src/components/Auth/WalletSignInDialog.tsx
index 4d4fe8fd..7320e73c 100644
--- a/frontend/src/components/Auth/WalletSignInDialog.tsx
+++ b/frontend/src/components/Auth/WalletSignInDialog.tsx
@@ -61,8 +61,7 @@ export default function WalletSignInDialog({
 
     const router = useRouter();
 
-    const [currentSelectedWalletProvider, setCurrentSelectedWalletProvider] =
-        useState<CIP30Provider | null>(null);
+    const [currentSelectedWalletProvider, setCurrentSelectedWalletProvider] = useState<CIP30Provider | null>(null);
     const [connectingWallet, setConnectingWallet] = useState<boolean>(false);
 
     async function enableWallet(wallet: CIP30Provider, disabletoast: boolean = false) {
@@ -111,21 +110,12 @@ export default function WalletSignInDialog({
                     defaultCross={false}
                 >
                     <div className="flex flex-col gap-y-4">
-                        <X
-                            onClick={onClose}
-                            className="absolute right-4 top-4 hover:cursor-pointer"
-                        />
+                        <X onClick={onClose} className="absolute right-4 top-4 hover:cursor-pointer" />
                         <div className="mb-4 flex items-center justify-center gap-1 ">
-                            <Wallet
-                                size={28}
-                                stroke="#2595FCFA"
-                                className="hidden xl:flex "
-                            />
+                            <Wallet size={28} stroke="#2595FCFA" className="hidden xl:flex " />
                             <span className="text-center text-xl  font-semibold 2xl:text-2xl ">
                                 {' '}
-                                Select your{' '}
-                                <span className="text-blue-600">CIP-30</span> wallet
-                                provider
+                                Select your <span className="text-blue-600">CIP-30</span> wallet provider
                             </span>
                         </div>
                         <div className="flex items-center justify-center gap-x-4">
@@ -136,16 +126,10 @@ export default function WalletSignInDialog({
                                             wallet={wallet}
                                             onClick={(wallet: CIP30Provider) =>
                                                 currentSelectedWalletProvider === wallet
-                                                    ? setCurrentSelectedWalletProvider(
-                                                          null
-                                                      )
-                                                    : setCurrentSelectedWalletProvider(
-                                                          wallet
-                                                      )
-                                            }
-                                            selected={
-                                                currentSelectedWalletProvider === wallet
+                                                    ? setCurrentSelectedWalletProvider(null)
+                                                    : setCurrentSelectedWalletProvider(wallet)
                                             }
+                                            selected={currentSelectedWalletProvider === wallet}
                                             disabled={connectingWallet}
                                         />
                                     </div>
@@ -221,11 +205,7 @@ function WalletProviderListEmptyMessage() {
             <OctagonAlert />
             <span>
                 No Wallets found ! Click here to see a list of{' '}
-                <Link
-                    href={cip30walletsListLink}
-                    target="_blank"
-                    className="underline-offset-5 underline"
-                >
+                <Link href={cip30walletsListLink} target="_blank" className="underline-offset-5 underline">
                     CIP-30 Supported Wallets.{' '}
                 </Link>
             </span>
diff --git a/frontend/src/components/Chart/ChartFilter.tsx b/frontend/src/components/Chart/ChartFilter.tsx
index 65b27599..ef7f14f5 100644
--- a/frontend/src/components/Chart/ChartFilter.tsx
+++ b/frontend/src/components/Chart/ChartFilter.tsx
@@ -41,36 +41,23 @@ export function convertDictToGraphDataFormat(
 
     switch (chartUnit) {
         case 'Mins':
-            timeStampCalculator = (val: number) =>
-                new Date(Date.now() - val * 60000).toTimeString();
+            timeStampCalculator = (val: number) => new Date(Date.now() - val * 60000).toTimeString();
             xAxisTickGenerator = (val: number) => {
                 const date = new Date(Date.now() - val * 60000);
-                return (
-                    appendZeroIfRequired(date.getHours()) +
-                    ':' +
-                    appendZeroIfRequired(date.getMinutes())
-                );
+                return appendZeroIfRequired(date.getHours()) + ':' + appendZeroIfRequired(date.getMinutes());
             };
             break;
         case 'Hours':
-            timeStampCalculator = (val: number) =>
-                new Date(Date.now() - val * 3600000).toTimeString();
+            timeStampCalculator = (val: number) => new Date(Date.now() - val * 3600000).toTimeString();
             xAxisTickGenerator = (val: number) => {
                 const date = new Date(Date.now() - val * 3600000);
-                return (
-                    appendZeroIfRequired(date.getHours()) +
-                    ':' +
-                    appendZeroIfRequired(date.getMinutes())
-                );
+                return appendZeroIfRequired(date.getHours()) + ':' + appendZeroIfRequired(date.getMinutes());
             };
             break;
         case 'Days':
-            timeStampCalculator = (val: number) =>
-                new Date(Date.now() - val * 86400000).toDateString();
+            timeStampCalculator = (val: number) => new Date(Date.now() - val * 86400000).toDateString();
             xAxisTickGenerator = (val: number) => {
-                const dateParts = new Date(Date.now() - val * 86400000)
-                    .toDateString()
-                    .split(' ');
+                const dateParts = new Date(Date.now() - val * 86400000).toDateString().split(' ');
                 return dateParts.slice(1, 3).join(' ');
             };
             break;
diff --git a/frontend/src/components/Chart/CustomLineChart.tsx b/frontend/src/components/Chart/CustomLineChart.tsx
index d9dea43d..63686447 100644
--- a/frontend/src/components/Chart/CustomLineChart.tsx
+++ b/frontend/src/components/Chart/CustomLineChart.tsx
@@ -1,14 +1,6 @@
 'use client';
 
-import {
-    Area,
-    AreaChart,
-    CartesianGrid,
-    ResponsiveContainer,
-    Tooltip,
-    XAxis,
-    YAxis
-} from 'recharts';
+import { Area, AreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
 import { useMediaQuery } from 'usehooks-ts';
 import { v4 as uuidv4 } from 'uuid';
 
@@ -74,37 +66,15 @@ export default function CustomLineChart({
 
     return (
         <ResponsiveContainer>
-            <AreaChart
-                data={chartData}
-                className={cn(className, 'm-l-[-16] m-0 ml-[-16px] md:ml-0')}
-            >
+            <AreaChart data={chartData} className={cn(className, 'm-l-[-16] m-0 ml-[-16px] md:ml-0')}>
                 <defs>
-                    <linearGradient
-                        id={`colorUv-${uniqueId}`}
-                        x1="0"
-                        y1="0"
-                        x2="0"
-                        y2="1"
-                    >
-                        <stop
-                            offset="5%"
-                            stopColor={strokeCoverColor}
-                            stopOpacity={1}
-                        />
-                        <stop
-                            offset="100%"
-                            stopColor={strokeCoverColor}
-                            stopOpacity={0}
-                        />
+                    <linearGradient id={`colorUv-${uniqueId}`} x1="0" y1="0" x2="0" y2="1">
+                        <stop offset="5%" stopColor={strokeCoverColor} stopOpacity={1} />
+                        <stop offset="100%" stopColor={strokeCoverColor} stopOpacity={0} />
                     </linearGradient>
                 </defs>
                 {renderLines && (
-                    <CartesianGrid
-                        strokeDasharray="0"
-                        vertical={false}
-                        stroke="#A2A3A5"
-                        strokeOpacity={0.4}
-                    />
+                    <CartesianGrid strokeDasharray="0" vertical={false} stroke="#A2A3A5" strokeOpacity={0.4} />
                 )}
                 {renderYaxis && (
                     <YAxis
@@ -119,9 +89,7 @@ export default function CustomLineChart({
                 )}
                 {renderToolTip && (
                     <Tooltip
-                        content={
-                            <CustomTooltip showOnlyTransaction={showOnlyTransaction} />
-                        }
+                        content={<CustomTooltip showOnlyTransaction={showOnlyTransaction} />}
                         cursor={{ strokeDasharray: 5, stroke: '#1C63E7' }}
                         position={{ y: positionYToolTip, x: positionXToolTip }}
                     />
@@ -146,11 +114,7 @@ export default function CustomLineChart({
                         dx={-25}
                         fill="#2196F3"
                         stroke="#A2A3A5"
-                        interval={
-                            isMobile
-                                ? getInterval(chartData?.length || 1)
-                                : xaxisInterval
-                        }
+                        interval={isMobile ? getInterval(chartData?.length || 1) : xaxisInterval}
                         reversed={true}
                         className={'text-[10px] xl:text-lg'}
                     ></XAxis>
diff --git a/frontend/src/components/Chart/CustomTooltip.tsx b/frontend/src/components/Chart/CustomTooltip.tsx
index 706dc8e6..71563674 100644
--- a/frontend/src/components/Chart/CustomTooltip.tsx
+++ b/frontend/src/components/Chart/CustomTooltip.tsx
@@ -8,29 +8,18 @@ interface CustomTooltipProps extends TooltipProps<ValueType, NameType> {
     showOnlyTransaction?: boolean;
 }
 
-const CustomTooltip = ({
-    active,
-    payload,
-    className,
-    showOnlyTransaction = false
-}: CustomTooltipProps) => {
+const CustomTooltip = ({ active, payload, className, showOnlyTransaction = false }: CustomTooltipProps) => {
     if (active) {
         if (showOnlyTransaction) {
             return (
-                <Card
-                    className={`rounded-xl shadow-[0_3px_10px_rgb(0,0,0,0.2)] ${className} !gap-2 !p-2`}
-                >
+                <Card className={`rounded-xl shadow-[0_3px_10px_rgb(0,0,0,0.2)] ${className} !gap-2 !p-2`}>
                     <div className="flex">
                         <span className="inline-flex items-center">
                             {payload?.[0]?.payload?.amt || '0'}
-                            <span className="h2 ml-1 inline-flex !text-brand-Gray-100">
-                                Transactions
-                            </span>
+                            <span className="h2 ml-1 inline-flex !text-brand-Gray-100">Transactions</span>
                         </span>
                     </div>
-                    <span className=" text-center text-xs">
-                        {payload?.[0]?.payload?.name}
-                    </span>
+                    <span className=" text-center text-xs">{payload?.[0]?.payload?.name}</span>
                 </Card>
             );
         }
@@ -39,13 +28,10 @@ const CustomTooltip = ({
                 className={`min-w-32 items-center rounded-xl pb-4 pt-4 text-center shadow-[0_3px_10px_rgb(0,0,0,0.2)] ${className}`}
             >
                 <div className="h1">
-                    {payload?.[0]?.payload?.amt || '0'}{' '}
-                    <span className="h2 !text-brand-Gray-100">Transactions</span>
+                    {payload?.[0]?.payload?.amt || '0'} <span className="h2 !text-brand-Gray-100">Transactions</span>
                 </div>
                 <div className="h4">{payload?.[0]?.payload?.name}</div>
-                {payload?.[0]?.payload?.toolTipFooter && (
-                    <div>{payload[0].payload.toolTipFooter}</div>
-                )}
+                {payload?.[0]?.payload?.toolTipFooter && <div>{payload[0].payload.toolTipFooter}</div>}
             </Card>
         );
     }
diff --git a/frontend/src/components/Chart/DashboardChart.tsx b/frontend/src/components/Chart/DashboardChart.tsx
index 8eb91e02..ae08838d 100644
--- a/frontend/src/components/Chart/DashboardChart.tsx
+++ b/frontend/src/components/Chart/DashboardChart.tsx
@@ -39,10 +39,7 @@ export default function DashboardChart({ className }: { className?: string }) {
         {
             placeholder: 'Last Hour',
             timeUnit: 'Mins',
-            chartData: convertDictToGraphDataFormat(
-                triggerHistoryMetric?.last_hour_successful_triggers || [],
-                'Mins'
-            ),
+            chartData: convertDictToGraphDataFormat(triggerHistoryMetric?.last_hour_successful_triggers || [], 'Mins'),
             xAxisInterval: 5
         },
         {
@@ -57,10 +54,7 @@ export default function DashboardChart({ className }: { className?: string }) {
         {
             placeholder: 'Last 7 Days',
             timeUnit: 'Days',
-            chartData: convertDictToGraphDataFormat(
-                triggerHistoryMetric?.last_week_successful_triggers || [],
-                'Days'
-            ),
+            chartData: convertDictToGraphDataFormat(triggerHistoryMetric?.last_week_successful_triggers || [], 'Days'),
             xAxisInterval: 0
         }
     ];
@@ -84,18 +78,11 @@ export default function DashboardChart({ className }: { className?: string }) {
                                 {dataSources[currentChartFilterOption].placeholder}
                             </DropdownMenuTrigger>
                             <DropdownMenuContent className="bg-white">
-                                {chartFilterOptions.map(
-                                    (item: IChartFilterOption, index) => (
-                                        <DropdownMenuItem
-                                            key={index}
-                                            onClick={() =>
-                                                setCurrentChartFilterOption(index)
-                                            }
-                                        >
-                                            {item.placeholder}
-                                        </DropdownMenuItem>
-                                    )
-                                )}
+                                {chartFilterOptions.map((item: IChartFilterOption, index) => (
+                                    <DropdownMenuItem key={index} onClick={() => setCurrentChartFilterOption(index)}>
+                                        {item.placeholder}
+                                    </DropdownMenuItem>
+                                ))}
                             </DropdownMenuContent>
                         </DropdownMenu>
                     )}
@@ -106,12 +93,8 @@ export default function DashboardChart({ className }: { className?: string }) {
                     ) : (
                         <>
                             <CustomLineChart
-                                chartData={
-                                    dataSources[currentChartFilterOption].chartData
-                                }
-                                xaxisInterval={
-                                    dataSources[currentChartFilterOption].xAxisInterval
-                                }
+                                chartData={dataSources[currentChartFilterOption].chartData}
+                                xaxisInterval={dataSources[currentChartFilterOption].xAxisInterval}
                             />
                         </>
                     )}
diff --git a/frontend/src/components/Chart/DynamicLineChart.tsx b/frontend/src/components/Chart/DynamicLineChart.tsx
index a3a3bd92..9a5d4af1 100644
--- a/frontend/src/components/Chart/DynamicLineChart.tsx
+++ b/frontend/src/components/Chart/DynamicLineChart.tsx
@@ -77,9 +77,7 @@ function Chart() {
     const timeoutRef = useRef<any>(null);
 
     function validate() {
-        setArr((prevState) =>
-            [...prevState, { X: Math.random() >= 0.5 ? 5 : 0 }].slice(1)
-        );
+        setArr((prevState) => [...prevState, { X: Math.random() >= 0.5 ? 5 : 0 }].slice(1));
     }
 
     useEffect(() => {
@@ -98,12 +96,7 @@ function Chart() {
     return (
         <div>
             <h1>{time}</h1>
-            <LineChart
-                width={730}
-                height={250}
-                data={arr}
-                margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
-            >
+            <LineChart width={730} height={250} data={arr} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
                 <CartesianGrid strokeDasharray="3 3" />
 
                 <YAxis />
diff --git a/frontend/src/components/Common/AgentFunctionsDropDown.tsx b/frontend/src/components/Common/AgentFunctionsDropDown.tsx
index 2a3bd14e..8e3b5dce 100644
--- a/frontend/src/components/Common/AgentFunctionsDropDown.tsx
+++ b/frontend/src/components/Common/AgentFunctionsDropDown.tsx
@@ -5,12 +5,7 @@ import { useQuery } from '@tanstack/react-query';
 
 import { cn } from '@app/components/lib/utils';
 
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuTrigger
-} from '../atoms/DropDownMenu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../atoms/DropDownMenu';
 
 export default function AgentFunctionsDropDown({
     onChange,
@@ -30,10 +25,7 @@ export default function AgentFunctionsDropDown({
 
     return (
         <DropdownMenu>
-            <DropdownMenuTrigger
-                border={true}
-                className={cn('flex w-72 justify-between', className)}
-            >
+            <DropdownMenuTrigger border={true} className={cn('flex w-72 justify-between', className)}>
                 {value || currentFunction}
             </DropdownMenuTrigger>
 
diff --git a/frontend/src/components/Modals/ModalViews/AgentManualTriggerModalView.tsx b/frontend/src/components/Modals/ModalViews/AgentManualTriggerModalView.tsx
index 81488b27..85efdd1a 100644
--- a/frontend/src/components/Modals/ModalViews/AgentManualTriggerModalView.tsx
+++ b/frontend/src/components/Modals/ModalViews/AgentManualTriggerModalView.tsx
@@ -16,13 +16,7 @@ import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
 import { useModal } from '../context';
 
-const AgentManualTriggerModalView = ({
-    agentId,
-    agentFunction
-}: {
-    agentId: string;
-    agentFunction: IFunction;
-}) => {
+const AgentManualTriggerModalView = ({ agentId, agentFunction }: { agentId: string; agentFunction: IFunction }) => {
     const { closeModal } = useModal();
     const [agents] = useAtom(agentsAtom);
 
@@ -102,9 +96,7 @@ const AgentManualTriggerModalView = ({
             updatedParams[index] = { ...updatedParams[index], value };
         }
         setParams(updatedParams);
-        const newErrorIndex = errorParamIndex.filter(
-            (errIndex: number) => errIndex != index
-        );
+        const newErrorIndex = errorParamIndex.filter((errIndex: number) => errIndex != index);
         setErrorParamIndex(newErrorIndex);
     };
 
@@ -114,64 +106,40 @@ const AgentManualTriggerModalView = ({
             <Separator />
             <div className={'flex flex-col gap-2 px-5 py-4'}>
                 <span className={'text-lg '}>{agentFunction.name} Function</span>
-                <span className={'text-sm text-brand-Black-300/80'}>
-                    {agentFunction.description}
-                </span>
+                <span className={'text-sm text-brand-Black-300/80'}>{agentFunction.description}</span>
                 <div className={'my-3 flex flex-wrap gap-4'}>
-                    {Array.isArray(agentFunction.parameters) &&
-                    agentFunction.parameters.length ? (
-                        agentFunction.parameters.map(
-                            (param: IParameter, index: number) => {
-                                return param.data_type !== 'group' ? (
-                                    <div key={index} className={'flex flex-col gap-1'}>
-                                        <span>
-                                            {param.description}{' '}
-                                            {param.optional ? (
-                                                <></>
-                                            ) : (
-                                                <span
-                                                    className={
-                                                        'mt-2 text-lg text-red-500'
-                                                    }
-                                                >
-                                                    *
-                                                </span>
-                                            )}
-                                        </span>
-                                        <Input
-                                            value={params[index].value}
-                                            onChange={(e) =>
-                                                handleInputChange(e.target.value, index)
-                                            }
-                                        />
-                                        {errorParamIndex.length &&
-                                        errorParamIndex.includes(index) ? (
-                                            <span className={'text-sm text-red-500'}>
-                                                This field is required.
-                                            </span>
-                                        ) : (
+                    {Array.isArray(agentFunction.parameters) && agentFunction.parameters.length ? (
+                        agentFunction.parameters.map((param: IParameter, index: number) => {
+                            return param.data_type !== 'group' ? (
+                                <div key={index} className={'flex flex-col gap-1'}>
+                                    <span>
+                                        {param.description}{' '}
+                                        {param.optional ? (
                                             <></>
+                                        ) : (
+                                            <span className={'mt-2 text-lg text-red-500'}>*</span>
                                         )}
-                                    </div>
-                                ) : (
-                                    <GroupParams
-                                        isError={errorParamIndex.includes(index)}
-                                        param={param}
-                                        handleOnChange={(
-                                            groupParamVal: string,
-                                            groupParamIndex: number
-                                        ) => {
-                                            handleInputChange(
-                                                groupParamVal,
-                                                groupParamIndex,
-                                                true,
-                                                index
-                                            );
-                                        }}
+                                    </span>
+                                    <Input
+                                        value={params[index].value}
+                                        onChange={(e) => handleInputChange(e.target.value, index)}
                                     />
-                                );
-                            }
-                        )
+                                    {errorParamIndex.length && errorParamIndex.includes(index) ? (
+                                        <span className={'text-sm text-red-500'}>This field is required.</span>
+                                    ) : (
+                                        <></>
+                                    )}
+                                </div>
+                            ) : (
+                                <GroupParams
+                                    isError={errorParamIndex.includes(index)}
+                                    param={param}
+                                    handleOnChange={(groupParamVal: string, groupParamIndex: number) => {
+                                        handleInputChange(groupParamVal, groupParamIndex, true, index);
+                                    }}
+                                />
+                            );
+                        })
                     ) : (
                         <></>
                     )}
diff --git a/frontend/src/components/Template/Content/EditBtns.tsx b/frontend/src/components/Template/Content/EditBtns.tsx
index 807179c3..8af18eb2 100644
--- a/frontend/src/components/Template/Content/EditBtns.tsx
+++ b/frontend/src/components/Template/Content/EditBtns.tsx
@@ -18,22 +18,12 @@ const EditBtns = ({
                     <Button className="w-[100px]" onClick={onCancel} size={'md'}>
                         Cancel
                     </Button>
-                    <Button
-                        className="w-[100px]"
-                        onClick={onSave}
-                        size={'md'}
-                        variant={'primary'}
-                    >
+                    <Button className="w-[100px]" onClick={onSave} size={'md'} variant={'primary'}>
                         Save
                     </Button>
                 </>
             ) : (
-                <Button
-                    className="w-[100px]"
-                    onClick={onEdit}
-                    size={'md'}
-                    variant={'primary'}
-                >
+                <Button className="w-[100px]" onClick={onEdit} size={'md'} variant={'primary'}>
                     Edit
                 </Button>
             )}
diff --git a/frontend/src/components/Template/Content/TemplateOverview.tsx b/frontend/src/components/Template/Content/TemplateOverview.tsx
index 10ab71b4..6c43423b 100644
--- a/frontend/src/components/Template/Content/TemplateOverview.tsx
+++ b/frontend/src/components/Template/Content/TemplateOverview.tsx
@@ -21,20 +21,10 @@ import { ErrorToast } from '@app/components/molecules/CustomToasts';
 import { SuccessToast } from '@app/components/molecules/CustomToasts';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
-import {
-    AddFunctionDialog,
-    DeleteFunctionDialog,
-    UpdateFunctionDialog
-} from './Dialogs';
+import { AddFunctionDialog, DeleteFunctionDialog, UpdateFunctionDialog } from './Dialogs';
 import EditBtns from './EditBtns';
 
-const TemplateOverview = ({
-    template,
-    enableEdit
-}: {
-    template: ITemplate;
-    enableEdit?: boolean;
-}) => {
+const TemplateOverview = ({ template, enableEdit }: { template: ITemplate; enableEdit?: boolean }) => {
     const [isEditing, setIsEditing] = useState(false);
     const [dialogOpen, setDialogOpen] = useState(false);
     const [addFunctionDialogOpen, setAddFunctionDialogOpen] = useState(false);
@@ -57,8 +47,7 @@ const TemplateOverview = ({
         }
     });
 
-    const [currentFunction, setCurrentFunctionItem] =
-        useState<IFormFunctionInstance | null>(null);
+    const [currentFunction, setCurrentFunctionItem] = useState<IFormFunctionInstance | null>(null);
 
     const toggleEdit = () => {
         setIsEditing(!isEditing);
@@ -87,16 +76,12 @@ const TemplateOverview = ({
     };
 
     const handleFunctionUpdate = (functionItem: IFormFunctionInstance) => {
-        const convertedFunction = mapFormFunctionToTemplateConfiguration(
-            functionItem,
-            template.id
-        );
+        const convertedFunction = mapFormFunctionToTemplateConfiguration(functionItem, template.id);
 
         if (templateDataCopy.template_configurations) {
-            const newConfigurations: ITemplateConfiguration[] =
-                templateDataCopy.template_configurations.map((config) =>
-                    config.id === functionItem.id ? convertedFunction : config
-                );
+            const newConfigurations: ITemplateConfiguration[] = templateDataCopy.template_configurations.map(
+                (config) => (config.id === functionItem.id ? convertedFunction : config)
+            );
 
             setTemplateDataCopy({
                 ...templateDataCopy,
@@ -108,10 +93,9 @@ const TemplateOverview = ({
 
     const handleFunctionDelete = (index: number) => {
         if (templateDataCopy.template_configurations) {
-            const newConfigurations: ITemplateConfiguration[] =
-                templateDataCopy.template_configurations.filter(
-                    (config, i) => i !== index
-                );
+            const newConfigurations: ITemplateConfiguration[] = templateDataCopy.template_configurations.filter(
+                (config, i) => i !== index
+            );
             setTemplateDataCopy({
                 ...templateDataCopy,
                 template_configurations: newConfigurations
@@ -123,15 +107,9 @@ const TemplateOverview = ({
     const validateData = () => {
         if (!templateDataCopy.name || templateDataCopy.name.length === 0) {
             ErrorToast('Template Name is required');
-        } else if (
-            !templateDataCopy.template_configurations ||
-            templateDataCopy.template_configurations.length === 0
-        ) {
+        } else if (!templateDataCopy.template_configurations || templateDataCopy.template_configurations.length === 0) {
             ErrorToast('At least one function is required');
-        } else if (
-            !templateDataCopy.description ||
-            templateDataCopy.description.length === 0
-        ) {
+        } else if (!templateDataCopy.description || templateDataCopy.description.length === 0) {
             ErrorToast('Template description is required');
         } else {
             return true;
@@ -146,10 +124,7 @@ const TemplateOverview = ({
         };
         setTemplateDataCopy({
             ...templateDataCopy,
-            template_configurations: [
-                ...(templateDataCopy.template_configurations || []),
-                convertedConfiguration
-            ]
+            template_configurations: [...(templateDataCopy.template_configurations || []), convertedConfiguration]
         });
         toggleAddFunctionDialog();
     };
diff --git a/frontend/src/components/atoms/Badge.tsx b/frontend/src/components/atoms/Badge.tsx
index a11d3b6c..463336bf 100644
--- a/frontend/src/components/atoms/Badge.tsx
+++ b/frontend/src/components/atoms/Badge.tsx
@@ -9,21 +9,13 @@ const badgeVariants = cva(
     {
         variants: {
             variant: {
-                default:
-                    'border-transparent bg-gray-500 text-white hover:bg-gray-500/80',
-                primary:
-                    'border-brand-border-200 border-[2px] text-xs font-medium text-gray-500',
-                secondary:
-                    'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-                destructive:
-                    'border-transparent bg-red-500 text-white hover:bg-red-500/80',
+                default: 'border-transparent bg-gray-500 text-white hover:bg-gray-500/80',
+                primary: 'border-brand-border-200 border-[2px] text-xs font-medium text-gray-500',
+                secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                destructive: 'border-transparent bg-red-500 text-white hover:bg-red-500/80',
                 outline: 'text-foreground',
-                success:
-                    '' +
-                    'border-transparent bg-green-500 text-white hover:bg-green-500/80',
-                successPrimary:
-                    '' +
-                    'border-transaprent bg-brand-Blue-200 text-white hover:bg-brand-Blue-100/80'
+                success: '' + 'border-transparent bg-green-500 text-white hover:bg-green-500/80',
+                successPrimary: '' + 'border-transaprent bg-brand-Blue-200 text-white hover:bg-brand-Blue-100/80'
             }
         },
         defaultVariants: {
@@ -32,9 +24,7 @@ const badgeVariants = cva(
     }
 );
 
-export interface BadgeProps
-    extends React.HTMLAttributes<HTMLDivElement>,
-        VariantProps<typeof badgeVariants> {}
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
     return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
diff --git a/frontend/src/components/atoms/Breadcrumb.tsx b/frontend/src/components/atoms/Breadcrumb.tsx
index aef34dfa..dc0747a4 100644
--- a/frontend/src/components/atoms/Breadcrumb.tsx
+++ b/frontend/src/components/atoms/Breadcrumb.tsx
@@ -13,34 +13,22 @@ const Breadcrumb = React.forwardRef<
 >(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />);
 Breadcrumb.displayName = 'Breadcrumb';
 
-const BreadcrumbList = React.forwardRef<
-    HTMLOListElement,
-    React.ComponentPropsWithoutRef<'ol'>
->(({ className, ...props }, ref) => (
-    <ol
-        ref={ref}
-        className={cn(
-            'text-muted-foreground flex flex-wrap items-center gap-1 break-words text-sm',
-            className
-        )}
-        {...props}
-    />
-));
+const BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(
+    ({ className, ...props }, ref) => (
+        <ol
+            ref={ref}
+            className={cn('text-muted-foreground flex flex-wrap items-center gap-1 break-words text-sm', className)}
+            {...props}
+        />
+    )
+);
 BreadcrumbList.displayName = 'BreadcrumbList';
 
-const BreadcrumbItem = React.forwardRef<
-    HTMLLIElement,
-    React.ComponentPropsWithoutRef<'li'>
->(({ className, ...props }, ref) => (
-    <li
-        ref={ref}
-        className={cn(
-            'inline-flex items-center gap-1.5 hover:cursor-default',
-            className
-        )}
-        {...props}
-    />
-));
+const BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(
+    ({ className, ...props }, ref) => (
+        <li ref={ref} className={cn('inline-flex items-center gap-1.5 hover:cursor-default', className)} {...props} />
+    )
+);
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 
 const BreadcrumbLink = React.forwardRef<
@@ -55,32 +43,22 @@ const BreadcrumbLink = React.forwardRef<
 });
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 
-const BreadcrumbPage = React.forwardRef<
-    HTMLSpanElement,
-    React.ComponentPropsWithoutRef<'span'>
->(({ className, ...props }, ref) => (
-    <span
-        ref={ref}
-        role="link"
-        aria-disabled="true"
-        aria-current="page"
-        className={cn('text-foreground font-normal', className)}
-        {...props}
-    />
-));
+const BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(
+    ({ className, ...props }, ref) => (
+        <span
+            ref={ref}
+            role="link"
+            aria-disabled="true"
+            aria-current="page"
+            className={cn('text-foreground font-normal', className)}
+            {...props}
+        />
+    )
+);
 BreadcrumbPage.displayName = 'BreadcrumbPage';
 
-const BreadcrumbSeparator = ({
-    children,
-    className,
-    ...props
-}: React.ComponentProps<'li'>) => (
-    <li
-        role="presentation"
-        aria-hidden="true"
-        className={cn('[&>svg]:size-3.5', className)}
-        {...props}
-    >
+const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<'li'>) => (
+    <li role="presentation" aria-hidden="true" className={cn('[&>svg]:size-3.5', className)} {...props}>
         {children ?? <ChevronRight />}
     </li>
 );
diff --git a/frontend/src/components/atoms/Button.tsx b/frontend/src/components/atoms/Button.tsx
index c900a1c1..dd9c4ae9 100644
--- a/frontend/src/components/atoms/Button.tsx
+++ b/frontend/src/components/atoms/Button.tsx
@@ -55,13 +55,7 @@ export interface ButtonProps
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     ({ className, border, variant, size, asChild = false, ...props }, ref) => {
         const Comp = asChild ? Slot : 'button';
-        return (
-            <Comp
-                className={cn(buttonVariants({ variant, size, border, className }))}
-                ref={ref}
-                {...props}
-            />
-        );
+        return <Comp className={cn(buttonVariants({ variant, size, border, className }))} ref={ref} {...props} />;
     }
 );
 Button.displayName = 'Button';
diff --git a/frontend/src/components/atoms/Card.tsx b/frontend/src/components/atoms/Card.tsx
index dbe7c862..742b30d1 100644
--- a/frontend/src/components/atoms/Card.tsx
+++ b/frontend/src/components/atoms/Card.tsx
@@ -2,74 +2,51 @@ import * as React from 'react';
 
 import { cn } from '../lib/utils';
 
-const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-    ({ className, ...props }, ref) => (
-        <div
-            ref={ref}
-            className={cn(
-                'text-card-foreground flex-col gap-y-10 rounded-lg border-none bg-white p-8 shadow-sm',
-                className
-            )}
-            {...props}
-        />
-    )
-);
-Card.displayName = 'Card';
-
-const CardHeader = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
+const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
     <div
         ref={ref}
-        className={cn('flex flex-col space-y-1.5 p-6', className)}
+        className={cn(
+            'text-card-foreground flex-col gap-y-10 rounded-lg border-none bg-white p-8 shadow-sm',
+            className
+        )}
         {...props}
     />
 ));
+Card.displayName = 'Card';
+
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+    ({ className, ...props }, ref) => (
+        <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
+    )
+);
 CardHeader.displayName = 'CardHeader';
 
-const CardTitle = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-    <h3
-        ref={ref}
-        className={cn('h2 font-semibold leading-none tracking-tight', className)}
-        {...props}
-    />
-));
+const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+    ({ className, ...props }, ref) => (
+        <h3 ref={ref} className={cn('h2 font-semibold leading-none tracking-tight', className)} {...props} />
+    )
+);
 CardTitle.displayName = 'CardTitle';
 
-const CardDescription = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-    <p
-        ref={ref}
-        className={cn('text-muted-foreground text-sm', className)}
-        {...props}
-    />
-));
+const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+    ({ className, ...props }, ref) => (
+        <p ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
+    )
+);
 CardDescription.displayName = 'CardDescription';
 
-const CardContent = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div
-        ref={ref}
-        className={cn('pt-0 text-xs leading-[18px]', className)}
-        {...props}
-    />
-));
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+    ({ className, ...props }, ref) => (
+        <div ref={ref} className={cn('pt-0 text-xs leading-[18px]', className)} {...props} />
+    )
+);
 CardContent.displayName = 'CardContent';
 
-const CardFooter = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
-));
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+    ({ className, ...props }, ref) => (
+        <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
+    )
+);
 CardFooter.displayName = 'CardFooter';
 
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
diff --git a/frontend/src/components/atoms/Checkbox.tsx b/frontend/src/components/atoms/Checkbox.tsx
index 21fd0560..c39b94f5 100644
--- a/frontend/src/components/atoms/Checkbox.tsx
+++ b/frontend/src/components/atoms/Checkbox.tsx
@@ -19,9 +19,7 @@ const Checkbox = React.forwardRef<
         )}
         {...props}
     >
-        <CheckboxPrimitive.Indicator
-            className={cn('flex items-center justify-center text-current')}
-        >
+        <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>
             <Check className="h-4 w-4" />
         </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
diff --git a/frontend/src/components/atoms/Command.tsx b/frontend/src/components/atoms/Command.tsx
index 3fed8070..bfe4491a 100644
--- a/frontend/src/components/atoms/Command.tsx
+++ b/frontend/src/components/atoms/Command.tsx
@@ -73,9 +73,7 @@ CommandList.displayName = CommandPrimitive.List.displayName;
 const CommandEmpty = React.forwardRef<
     React.ElementRef<typeof CommandPrimitive.Empty>,
     React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-    <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />
-));
+>((props, ref) => <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />);
 
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
 
@@ -99,11 +97,7 @@ const CommandSeparator = React.forwardRef<
     React.ElementRef<typeof CommandPrimitive.Separator>,
     React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-    <CommandPrimitive.Separator
-        ref={ref}
-        className={cn('bg-border -mx-1 h-px', className)}
-        {...props}
-    />
+    <CommandPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
 
@@ -124,19 +118,8 @@ const CommandItem = React.forwardRef<
 
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 
-const CommandShortcut = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-    return (
-        <span
-            className={cn(
-                'text-muted-foreground ml-auto text-xs tracking-widest',
-                className
-            )}
-            {...props}
-        />
-    );
+const CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
+    return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;
 };
 CommandShortcut.displayName = 'CommandShortcut';
 
diff --git a/frontend/src/components/atoms/Dialog.tsx b/frontend/src/components/atoms/Dialog.tsx
index f753c7b7..c4384d63 100644
--- a/frontend/src/components/atoms/Dialog.tsx
+++ b/frontend/src/components/atoms/Dialog.tsx
@@ -29,64 +29,47 @@ const DialogOverlay = React.forwardRef<
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
-interface DialogProps
-    extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     defaultCross?: boolean;
     disableBG?: boolean;
 }
-const DialogContent = React.forwardRef<
-    React.ElementRef<typeof DialogPrimitive.Content>,
-    DialogProps
->(({ className, children, defaultCross = true, disableBG = false, ...props }, ref) => (
-    <DialogPortal>
-        <DialogOverlay />
-        <DialogPrimitive.Content
-            ref={ref}
-            className={cn(
-                'fixed left-[50%] top-[50%] z-50 grid  max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-                className,
-                disableBG ? '!border-none bg-transparent' : ''
-            )}
-            {...props}
-        >
-            {children}
-
-            <DialogPrimitive.Close
+const DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, DialogProps>(
+    ({ className, children, defaultCross = true, disableBG = false, ...props }, ref) => (
+        <DialogPortal>
+            <DialogOverlay />
+            <DialogPrimitive.Content
+                ref={ref}
                 className={cn(
-                    'focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none',
-                    defaultCross ? '' : '!hidden'
+                    'fixed left-[50%] top-[50%] z-50 grid  max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+                    className,
+                    disableBG ? '!border-none bg-transparent' : ''
                 )}
+                {...props}
             >
-                {/*<X className="h-4 w-4" />*/}
-                <span className="sr-only">Close</span>
-            </DialogPrimitive.Close>
-        </DialogPrimitive.Content>
-    </DialogPortal>
-));
+                {children}
+
+                <DialogPrimitive.Close
+                    className={cn(
+                        'focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none',
+                        defaultCross ? '' : '!hidden'
+                    )}
+                >
+                    {/*<X className="h-4 w-4" />*/}
+                    <span className="sr-only">Close</span>
+                </DialogPrimitive.Close>
+            </DialogPrimitive.Content>
+        </DialogPortal>
+    )
+);
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-    <div
-        className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)}
-        {...props}
-    />
+const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+    <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
 );
 DialogHeader.displayName = 'DialogHeader';
 
-const DialogFooter = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-    <div
-        className={cn(
-            'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-            className
-        )}
-        {...props}
-    />
+const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+    <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />
 );
 DialogFooter.displayName = 'DialogFooter';
 
@@ -106,11 +89,7 @@ const DialogDescription = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-    <DialogPrimitive.Description
-        ref={ref}
-        className={cn('text-muted-foreground text-sm', className)}
-        {...props}
-    />
+    <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
diff --git a/frontend/src/components/atoms/DropDownMenu.stories.tsx b/frontend/src/components/atoms/DropDownMenu.stories.tsx
index 1aca4d02..71224758 100644
--- a/frontend/src/components/atoms/DropDownMenu.stories.tsx
+++ b/frontend/src/components/atoms/DropDownMenu.stories.tsx
@@ -1,11 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuTrigger
-} from './DropDownMenu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './DropDownMenu';
 
 const meta = {
     title: 'DropdownMenu',
diff --git a/frontend/src/components/atoms/DropDownMenu.tsx b/frontend/src/components/atoms/DropDownMenu.tsx
index d8633bc4..0e1f427a 100644
--- a/frontend/src/components/atoms/DropDownMenu.tsx
+++ b/frontend/src/components/atoms/DropDownMenu.tsx
@@ -48,11 +48,7 @@ const DropdownMenuTrigger = ({
         {renderChevronIcon && <ChevronDown className="text-gray-400" />}
         {!disableIcon &&
             !renderChevronIcon &&
-            (useAddIcon ? (
-                <Plus className="text-gray-400" />
-            ) : (
-                <PolygonIcon className="text-gray-400" />
-            ))}
+            (useAddIcon ? <Plus className="text-gray-400" /> : <PolygonIcon className="text-gray-400" />)}
     </DropdownMenuPrimitive.Trigger>
 );
 
@@ -190,24 +186,12 @@ const DropdownMenuSeparator = React.forwardRef<
     React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
     React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-    <DropdownMenuPrimitive.Separator
-        ref={ref}
-        className={cn('bg-muted -mx-1 my-1 h-px', className)}
-        {...props}
-    />
+    <DropdownMenuPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 
-const DropdownMenuShortcut = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-    return (
-        <span
-            className={cn('ml-auto text-xs tracking-widest opacity-60', className)}
-            {...props}
-        />
-    );
+const DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
+    return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;
 };
 DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
 
diff --git a/frontend/src/components/atoms/Form.tsx b/frontend/src/components/atoms/Form.tsx
index 0a89b41c..e2452388 100644
--- a/frontend/src/components/atoms/Form.tsx
+++ b/frontend/src/components/atoms/Form.tsx
@@ -2,14 +2,7 @@ import * as React from 'react';
 
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
-import {
-    Controller,
-    ControllerProps,
-    FieldPath,
-    FieldValues,
-    FormProvider,
-    useFormContext
-} from 'react-hook-form';
+import { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from 'react-hook-form';
 
 import { cn } from '../lib/utils';
 import { Label } from './label';
@@ -23,9 +16,7 @@ type FormFieldContextValue<
     name: TName;
 };
 
-const FormFieldContext = React.createContext<FormFieldContextValue>(
-    {} as FormFieldContextValue
-);
+const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);
 
 const FormField = <
     TFieldValues extends FieldValues = FieldValues,
@@ -67,9 +58,7 @@ type FormItemContextValue = {
     id: string;
 };
 
-const FormItemContext = React.createContext<FormItemContextValue>(
-    {} as FormItemContextValue
-);
+const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);
 
 const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
     ({ className, ...props }, ref) => {
@@ -90,87 +79,59 @@ const FormLabel = React.forwardRef<
 >(({ className, ...props }, ref) => {
     const { error, formItemId } = useFormField();
 
-    return (
-        <Label
-            ref={ref}
-            className={cn(error && 'text-destructive', className)}
-            htmlFor={formItemId}
-            {...props}
-        />
-    );
+    return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;
 });
 FormLabel.displayName = 'FormLabel';
 
-const FormControl = React.forwardRef<
-    React.ElementRef<typeof Slot>,
-    React.ComponentPropsWithoutRef<typeof Slot>
->(({ ...props }, ref) => {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+const FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(
+    ({ ...props }, ref) => {
+        const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
 
-    return (
-        <Slot
-            ref={ref}
-            id={formItemId}
-            aria-describedby={
-                !error
-                    ? `${formDescriptionId}`
-                    : `${formDescriptionId} ${formMessageId}`
-            }
-            aria-invalid={!!error}
-            {...props}
-        />
-    );
-});
+        return (
+            <Slot
+                ref={ref}
+                id={formItemId}
+                aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}
+                aria-invalid={!!error}
+                {...props}
+            />
+        );
+    }
+);
 FormControl.displayName = 'FormControl';
 
-const FormDescription = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => {
-    const { formDescriptionId } = useFormField();
+const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+    ({ className, ...props }, ref) => {
+        const { formDescriptionId } = useFormField();
 
-    return (
-        <p
-            ref={ref}
-            id={formDescriptionId}
-            className={cn('text-muted-foreground text-sm', className)}
-            {...props}
-        />
-    );
-});
+        return (
+            <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-sm', className)} {...props} />
+        );
+    }
+);
 FormDescription.displayName = 'FormDescription';
 
-const FormMessage = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(({ className, children, ...props }, ref) => {
-    const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message) : children;
+const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+    ({ className, children, ...props }, ref) => {
+        const { error, formMessageId } = useFormField();
+        const body = error ? String(error?.message) : children;
 
-    if (!body) {
-        return null;
-    }
+        if (!body) {
+            return null;
+        }
 
-    return (
-        <p
-            ref={ref}
-            id={formMessageId}
-            className={cn('text-destructive text-sm font-medium', className)}
-            {...props}
-        >
-            {body}
-        </p>
-    );
-});
+        return (
+            <p
+                ref={ref}
+                id={formMessageId}
+                className={cn('text-destructive text-sm font-medium', className)}
+                {...props}
+            >
+                {body}
+            </p>
+        );
+    }
+);
 FormMessage.displayName = 'FormMessage';
 
-export {
-    useFormField,
-    Form,
-    FormItem,
-    FormLabel,
-    FormControl,
-    FormDescription,
-    FormMessage,
-    FormField
-};
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
diff --git a/frontend/src/components/atoms/RadioGroup.tsx b/frontend/src/components/atoms/RadioGroup.tsx
index 960d5012..8327e0e6 100644
--- a/frontend/src/components/atoms/RadioGroup.tsx
+++ b/frontend/src/components/atoms/RadioGroup.tsx
@@ -11,13 +11,7 @@ const RadioGroup = React.forwardRef<
     React.ElementRef<typeof RadioGroupPrimitive.Root>,
     React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
 >(({ className, ...props }, ref) => {
-    return (
-        <RadioGroupPrimitive.Root
-            className={cn('grid gap-2', className)}
-            {...props}
-            ref={ref}
-        />
-    );
+    return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 
diff --git a/frontend/src/components/atoms/SearchField.tsx b/frontend/src/components/atoms/SearchField.tsx
index 4a6ea84d..9ea2020b 100644
--- a/frontend/src/components/atoms/SearchField.tsx
+++ b/frontend/src/components/atoms/SearchField.tsx
@@ -43,12 +43,7 @@ export const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
         return (
             <div className={cn(SearchFieldVariants({ variant, className }))}>
                 <Search size={16} />
-                <Comp
-                    className="w-[90%] bg-transparent outline-none"
-                    ref={ref}
-                    {...props}
-                    onChange={handleChange}
-                />
+                <Comp className="w-[90%] bg-transparent outline-none" ref={ref} {...props} onChange={handleChange} />
             </div>
         );
     }
diff --git a/frontend/src/components/atoms/Select.stories.tsx b/frontend/src/components/atoms/Select.stories.tsx
index 6eadde83..0e258024 100644
--- a/frontend/src/components/atoms/Select.stories.tsx
+++ b/frontend/src/components/atoms/Select.stories.tsx
@@ -1,13 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import {
-    Select,
-    SelectContent,
-    SelectGroup,
-    SelectItem,
-    SelectTrigger,
-    SelectValue
-} from './Select';
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from './Select';
 
 const meta = {
     title: 'Select',
diff --git a/frontend/src/components/atoms/Select.tsx b/frontend/src/components/atoms/Select.tsx
index 9d1cbab7..cd511a98 100644
--- a/frontend/src/components/atoms/Select.tsx
+++ b/frontend/src/components/atoms/Select.tsx
@@ -14,11 +14,7 @@ const SelectGroup = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Group>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>
 >(({ className, ...props }, ref) => (
-    <SelectPrimitive.Group
-        ref={ref}
-        className={cn('flex flex-col items-center py-1', className)}
-        {...props}
-    />
+    <SelectPrimitive.Group ref={ref} className={cn('flex flex-col items-center py-1', className)} {...props} />
 ));
 
 SelectGroup.displayName = SelectPrimitive.SelectGroup.displayName;
@@ -26,9 +22,7 @@ SelectGroup.displayName = SelectPrimitive.SelectGroup.displayName;
 const SelectValue = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Value>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>
->(({ className, ...props }, ref) => (
-    <SelectPrimitive.Value ref={ref} className={cn('', className)} {...props} />
-));
+>(({ className, ...props }, ref) => <SelectPrimitive.Value ref={ref} className={cn('', className)} {...props} />);
 SelectValue.displayName = SelectPrimitive.Value.displayName;
 
 const SelectTrigger = React.forwardRef<
@@ -64,10 +58,7 @@ const SelectScrollUpButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
     <SelectPrimitive.ScrollUpButton
         ref={ref}
-        className={cn(
-            'flex cursor-default items-center justify-center py-1',
-            className
-        )}
+        className={cn('flex cursor-default items-center justify-center py-1', className)}
         {...props}
     >
         <ChevronUp className="h-4 w-4" />
@@ -81,10 +72,7 @@ const SelectScrollDownButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
     <SelectPrimitive.ScrollDownButton
         ref={ref}
-        className={cn(
-            'flex cursor-default items-center justify-center py-1',
-            className
-        )}
+        className={cn('flex cursor-default items-center justify-center py-1', className)}
         {...props}
     >
         <ChevronDown className="h-4 w-4" />
@@ -128,11 +116,7 @@ const SelectLabel = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Label>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
 >(({ className, ...props }, ref) => (
-    <SelectPrimitive.Label
-        ref={ref}
-        className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
-        {...props}
-    />
+    <SelectPrimitive.Label ref={ref} className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)} {...props} />
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 
@@ -157,11 +141,7 @@ const SelectSeparator = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Separator>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-    <SelectPrimitive.Separator
-        ref={ref}
-        className={cn('bg-muted -mx-1 my-1 h-px', className)}
-        {...props}
-    />
+    <SelectPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
diff --git a/frontend/src/components/atoms/Textarea.tsx b/frontend/src/components/atoms/Textarea.tsx
index 913fa667..187a346c 100644
--- a/frontend/src/components/atoms/Textarea.tsx
+++ b/frontend/src/components/atoms/Textarea.tsx
@@ -2,8 +2,7 @@ import * as React from 'react';
 
 import { cn } from '../lib/utils';
 
-export interface TextareaProps
-    extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     viewOnly?: boolean;
 }
 
diff --git a/frontend/src/components/atoms/label.tsx b/frontend/src/components/atoms/label.tsx
index 83b4f56c..a3b6200d 100644
--- a/frontend/src/components/atoms/label.tsx
+++ b/frontend/src/components/atoms/label.tsx
@@ -7,32 +7,24 @@ import { type VariantProps, cva } from 'class-variance-authority';
 
 import { cn } from '../lib/utils';
 
-const labelVariants = cva(
-    'text-sm font-[500] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
-    {
-        variants: {
-            size: {
-                small: 'text-[12px] leading-[18px]',
-                medium: 'text-[14px] leading-[21px]',
-                large: 'text-[24px] leading-[24px] font-[600]'
-            }
-        },
-        defaultVariants: {
-            size: 'medium'
+const labelVariants = cva('text-sm font-[500] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
+    variants: {
+        size: {
+            small: 'text-[12px] leading-[18px]',
+            medium: 'text-[14px] leading-[21px]',
+            large: 'text-[24px] leading-[24px] font-[600]'
         }
+    },
+    defaultVariants: {
+        size: 'medium'
     }
-);
+});
 
 const Label = React.forwardRef<
     React.ElementRef<typeof LabelPrimitive.Root>,
-    React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-        VariantProps<typeof labelVariants>
+    React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
 >(({ className, size, ...props }, ref) => (
-    <LabelPrimitive.Root
-        ref={ref}
-        className={cn(labelVariants({ size, className }))}
-        {...props}
-    />
+    <LabelPrimitive.Root ref={ref} className={cn(labelVariants({ size, className }))} {...props} />
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 
diff --git a/frontend/src/components/layout/SideNav/ConnectedWalletCard.tsx b/frontend/src/components/layout/SideNav/ConnectedWalletCard.tsx
index e1747f31..7ce3f308 100644
--- a/frontend/src/components/layout/SideNav/ConnectedWalletCard.tsx
+++ b/frontend/src/components/layout/SideNav/ConnectedWalletCard.tsx
@@ -4,28 +4,13 @@ import { useAtom } from 'jotai';
 import { cn } from '@app/components/lib/utils';
 import { currentConnectedWalletAtom } from '@app/store/localStore';
 
-export default function ConnectedWalletCard({
-    className,
-    onDisconnect
-}: {
-    className?: string;
-    onDisconnect?: any;
-}) {
+export default function ConnectedWalletCard({ className, onDisconnect }: { className?: string; onDisconnect?: any }) {
     const [currentConnectedWallet] = useAtom(currentConnectedWalletAtom);
 
     return (
-        <div
-            className={cn(
-                'flex flex-col gap-1 rounded-lg border-2 border-brand-Gray-400 p-2',
-                className
-            )}
-        >
+        <div className={cn('flex flex-col gap-1 rounded-lg border-2 border-brand-Gray-400 p-2', className)}>
             <div className="flex items-center gap-2">
-                <img
-                    src={currentConnectedWallet ? currentConnectedWallet.icon : ''}
-                    height={32}
-                    width={32}
-                ></img>
+                <img src={currentConnectedWallet ? currentConnectedWallet.icon : ''} height={32} width={32}></img>
                 <div className="h3 text-brand-Blue-200">Connected Wallet</div>
             </div>
             <div>
diff --git a/frontend/src/components/layout/SideNav/MyAgentCard.tsx b/frontend/src/components/layout/SideNav/MyAgentCard.tsx
index b337a92f..e07ed967 100644
--- a/frontend/src/components/layout/SideNav/MyAgentCard.tsx
+++ b/frontend/src/components/layout/SideNav/MyAgentCard.tsx
@@ -10,13 +10,7 @@ import { cn } from '@app/components/lib/utils';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
 import { adminAccessAtom, currentConnectedWalletAtom } from '@app/store/localStore';
 
-export default function MyAgentCard({
-    className,
-    onClick
-}: {
-    className?: string;
-    onClick?: any;
-}) {
+export default function MyAgentCard({ className, onClick }: { className?: string; onClick?: any }) {
     const [currentConnectedWallet] = useAtom(currentConnectedWalletAtom);
     const [adminAccess] = useAtom(adminAccessAtom);
     const router: AppRouterInstance = useRouter();
@@ -45,18 +39,11 @@ export default function MyAgentCard({
             }}
         >
             <div className="flex items-center">
-                <AgentAvatar
-                    hash={agent.id}
-                    size={32}
-                    isActive={agent.is_active || false}
-                    isLink={false}
-                />
+                <AgentAvatar hash={agent.id} size={32} isActive={agent.is_active || false} isLink={false} />
             </div>
             <div className="flex flex-col">
                 <span className="h3 text-brand-Blue-200">My Agent</span>
-                <span className="break-all text-xs text-brand-Black-200">
-                    {agent.name}
-                </span>
+                <span className="break-all text-xs text-brand-Black-200">{agent.name}</span>
             </div>
         </div>
     );
diff --git a/frontend/src/components/layout/SideNav/SideNav.tsx b/frontend/src/components/layout/SideNav/SideNav.tsx
index ae010b85..5dd8b3e0 100644
--- a/frontend/src/components/layout/SideNav/SideNav.tsx
+++ b/frontend/src/components/layout/SideNav/SideNav.tsx
@@ -31,9 +31,7 @@ export default function SideNav({
     desktopClassName?: string;
 }) {
     const [loginDialogOpen, setLoginDialogOpen] = useState(false);
-    const [currentConnectedWallet, setCurrentConnectedWallet] = useAtom(
-        currentConnectedWalletAtom
-    );
+    const [currentConnectedWallet, setCurrentConnectedWallet] = useAtom(currentConnectedWalletAtom);
     const [sideNavOpen, setSideNavOpen] = useState<boolean>(false);
     const [adminAccess, setAdminAccess] = useAtom(adminAccessAtom);
     const router: AppRouterInstance = useRouter();
@@ -146,25 +144,16 @@ export default function SideNav({
                     )}
                 >
                     <nav className="flex h-full w-full flex-col justify-between px-2">
-                        <X
-                            className="absolute right-3 top-4"
-                            onClick={() => setSideNavOpen(false)}
-                        />
+                        <X className="absolute right-3 top-4" onClick={() => setSideNavOpen(false)} />
                         <div>
                             <SideNavLogo renderLogo={false} />
                             <ul className="mt-4 flex w-full flex-col gap-y-4">
                                 {SideNavItems.map((Prop, index) => (
-                                    <SideNavItem
-                                        key={index}
-                                        Prop={Prop}
-                                        onClick={() => setSideNavOpen(false)}
-                                    />
+                                    <SideNavItem key={index} Prop={Prop} onClick={() => setSideNavOpen(false)} />
                                 ))}
                             </ul>
                         </div>
-                        <WalletandAgentCard
-                            onDisconnect={() => setSideNavOpen(false)}
-                        />
+                        <WalletandAgentCard onDisconnect={() => setSideNavOpen(false)} />
                     </nav>
                 </div>
             </>
diff --git a/frontend/src/components/layout/SideNav/SideNavItem.tsx b/frontend/src/components/layout/SideNav/SideNavItem.tsx
index f88b9351..24b866b0 100644
--- a/frontend/src/components/layout/SideNav/SideNavItem.tsx
+++ b/frontend/src/components/layout/SideNav/SideNavItem.tsx
@@ -12,18 +12,11 @@ export interface ISideNavItem {
     hidden?: boolean;
 }
 
-export default function SideNavItem({
-    Prop,
-    onClick
-}: {
-    Prop: ISideNavItem;
-    onClick?: any;
-}) {
+export default function SideNavItem({ Prop, onClick }: { Prop: ISideNavItem; onClick?: any }) {
     const currentPath = usePathname();
 
     const isActive =
-        (currentPath.includes(Prop.href) && Prop.href.length > 2) ||
-        (Prop.href.length === 1 && currentPath === '/');
+        (currentPath.includes(Prop.href) && Prop.href.length > 2) || (Prop.href.length === 1 && currentPath === '/');
 
     if (Prop.hidden) {
         return <></>;
@@ -38,20 +31,12 @@ export default function SideNavItem({
                 { 'bg-brand-Blue-100': isActive }
             )}
         >
-            <Prop.icon
-                className={cn(
-                    isActive ? 'text-brand-Blue-200' : 'text-gray-500',
-                    'min-w-4'
-                )}
-            />
+            <Prop.icon className={cn(isActive ? 'text-brand-Blue-200' : 'text-gray-500', 'min-w-4')} />
             <span
-                className={cn(
-                    'no-wrap-truncate w-full pl-4 text-sm font-medium max-md:text-lg',
-                    {
-                        'text-brand-Black-100': !isActive,
-                        'text-brand-Blue-200': isActive
-                    }
-                )}
+                className={cn('no-wrap-truncate w-full pl-4 text-sm font-medium max-md:text-lg', {
+                    'text-brand-Black-100': !isActive,
+                    'text-brand-Blue-200': isActive
+                })}
             >
                 {Prop.title}
             </span>
diff --git a/frontend/src/components/layout/SideNav/SideNavLogo.tsx b/frontend/src/components/layout/SideNav/SideNavLogo.tsx
index da8c3245..06a72a45 100644
--- a/frontend/src/components/layout/SideNav/SideNavLogo.tsx
+++ b/frontend/src/components/layout/SideNav/SideNavLogo.tsx
@@ -4,8 +4,7 @@ import Logo from '@app/assets/icons/Logo';
 import { Badge } from '@app/components/atoms/Badge';
 import environments from '@app/configs/environments';
 
-const networkName =
-    environments.network.charAt(0).toUpperCase() + environments.network.slice(1);
+const networkName = environments.network.charAt(0).toUpperCase() + environments.network.slice(1);
 export default function SideNavLogo({ renderLogo = true }: { renderLogo?: boolean }) {
     return (
         <div className="flex flex-col gap-4 py-8 pb-2 pl-3 max-md:flex-row">
diff --git a/frontend/src/components/layout/TopNav.tsx b/frontend/src/components/layout/TopNav.tsx
index 0b27b100..5b972b79 100644
--- a/frontend/src/components/layout/TopNav.tsx
+++ b/frontend/src/components/layout/TopNav.tsx
@@ -13,11 +13,7 @@ import AgentAvatar from '@app/components/Agent/shared/AgentAvatar';
 import { cn } from '@app/components/lib/utils';
 import { Skeleton } from '@app/components/shadcn/ui/skeleton';
 import { templateAtom } from '@app/store/atoms/template';
-import {
-    adminAccessAtom,
-    agentsAtom,
-    currentAgentNameAtom
-} from '@app/store/localStore';
+import { adminAccessAtom, agentsAtom, currentAgentNameAtom } from '@app/store/localStore';
 import { Truncate } from '@app/utils/common/extra';
 
 export default function TopNav({ className }: { className?: string }) {
@@ -83,12 +79,7 @@ export default function TopNav({ className }: { className?: string }) {
                         <AgentAvatar
                             hash={agentId}
                             size={40}
-                            isActive={
-                                (agents &&
-                                    agents.find((item) => item.id === agentId)
-                                        ?.is_active) ||
-                                false
-                            }
+                            isActive={(agents && agents.find((item) => item.id === agentId)?.is_active) || false}
                         />
                         <div className="card-h2">{Truncate(currentAgentName, 20)}</div>
                     </div>
@@ -101,21 +92,12 @@ export default function TopNav({ className }: { className?: string }) {
         }
     }
 
-    if (
-        !template?.name &&
-        getPageTitleByRegexMatch('templates') &&
-        path !== '/templates/create-template'
-    ) {
+    if (!template?.name && getPageTitleByRegexMatch('templates') && path !== '/templates/create-template') {
         return <Skeleton className="h-8 w-[140px]" />;
     }
 
     return (
-        <div
-            className={cn(
-                'flex w-[full] items-center justify-between text-sm',
-                className
-            )}
-        >
+        <div className={cn('flex w-[full] items-center justify-between text-sm', className)}>
             {renderTopNavSection()}
             <span className="hidden md:flex">{adminAcesss && 'Admin'}</span>
         </div>
diff --git a/frontend/src/components/molecules/AgentCard.stories.tsx b/frontend/src/components/molecules/AgentCard.stories.tsx
index 86b94d48..5f05cf12 100644
--- a/frontend/src/components/molecules/AgentCard.stories.tsx
+++ b/frontend/src/components/molecules/AgentCard.stories.tsx
@@ -11,11 +11,7 @@ const meta = {
     parameters: {
         layout: 'centered'
     },
-    decorators: [
-        (Story) => (
-            <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>
-        )
-    ],
+    decorators: [(Story) => <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>],
     tags: ['autodocs'],
     argTypes: {}
 } satisfies Meta<typeof AgentCard>;
diff --git a/frontend/src/components/molecules/AgentCard.tsx b/frontend/src/components/molecules/AgentCard.tsx
index c0cda5e9..f5dfb8ad 100644
--- a/frontend/src/components/molecules/AgentCard.tsx
+++ b/frontend/src/components/molecules/AgentCard.tsx
@@ -104,8 +104,7 @@ export default function AgentCard({
             <div className="flex flex-col gap-y-2">
                 {agentDetails.map(({ placeholder, value }, index) => (
                     <span key={index} className="!text-xs">
-                        {placeholder} :{' '}
-                        <span className="text-active text-xs">{value}</span>
+                        {placeholder} : <span className="text-active text-xs">{value}</span>
                     </span>
                 ))}
             </div>
@@ -130,11 +129,7 @@ export default function AgentCard({
                     onDelete={handleAgentDelete}
                 />
 
-                <AgentCardTitle
-                    agentName={agentName}
-                    agentID={agentID || ''}
-                    isActive={isActive}
-                />
+                <AgentCardTitle agentName={agentName} agentID={agentID || ''} isActive={isActive} />
 
                 <CardContent className="flex flex-col gap-y-2 ">
                     {templateName && (
@@ -148,9 +143,7 @@ export default function AgentCard({
 
                     {renderAgentDetails(agentDetails)}
 
-                    <div className="pb-0">
-                        {renderAgentDetails(agentTriggerDetails)}
-                    </div>
+                    <div className="pb-0">{renderAgentDetails(agentTriggerDetails)}</div>
                 </CardContent>
             </Card>
             <DeleteAgentDialog
@@ -178,24 +171,12 @@ const AgentCardControls = ({
     onDelete: any;
 }) => {
     return (
-        <div
-            className={cn(
-                'absolute right-3 justify-end gap-1 bg-white',
-                enableRun ? 'flex' : 'hidden'
-            )}
-        >
-            <PlayIcon
-                color="#A1A1A1"
-                className="hidden hover:cursor-pointer group-hover:flex"
-                onClick={onRun}
-            />
+        <div className={cn('absolute right-3 justify-end gap-1 bg-white', enableRun ? 'flex' : 'hidden')}>
+            <PlayIcon color="#A1A1A1" className="hidden hover:cursor-pointer group-hover:flex" onClick={onRun} />
             <Trash2
                 color="#A1A1A1"
                 onClick={onDelete}
-                className={cn(
-                    'hidden  hover:cursor-pointer group-hover:flex',
-                    !enableDelete ? '!hidden' : ''
-                )}
+                className={cn('hidden  hover:cursor-pointer group-hover:flex', !enableDelete ? '!hidden' : '')}
             />
         </div>
     );
@@ -226,15 +207,7 @@ const AgentCardTitle = ({
     );
 };
 
-const DeleteAgentDialog = ({
-    dialogOpen,
-    onAccept,
-    onClose
-}: {
-    dialogOpen: boolean;
-    onAccept: any;
-    onClose: any;
-}) => {
+const DeleteAgentDialog = ({ dialogOpen, onAccept, onClose }: { dialogOpen: boolean; onAccept: any; onClose: any }) => {
     return (
         <Dialog open={dialogOpen}>
             <DialogContent defaultCross={true} disableBG={false}>
diff --git a/frontend/src/components/molecules/AgentCardFooter.tsx b/frontend/src/components/molecules/AgentCardFooter.tsx
index fd8fa716..d3ef227f 100644
--- a/frontend/src/components/molecules/AgentCardFooter.tsx
+++ b/frontend/src/components/molecules/AgentCardFooter.tsx
@@ -2,12 +2,7 @@
 
 import { Bar, BarChart, XAxis, YAxis } from 'recharts';
 
-import {
-    ChartConfig,
-    ChartContainer,
-    ChartTooltip,
-    ChartTooltipContent
-} from '@app/components/shadcn/ui/chart';
+import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@app/components/shadcn/ui/chart';
 
 const chartData = [
     { browser: 'Successfull Transactions', visitors: 275, fill: 'var(--color-chrome)' },
@@ -50,15 +45,10 @@ export default function AgentCardFooter() {
                     tickLine={false}
                     tickMargin={10}
                     axisLine={false}
-                    tickFormatter={(value) =>
-                        chartConfig[value as keyof typeof chartConfig]?.label || value
-                    }
+                    tickFormatter={(value) => chartConfig[value as keyof typeof chartConfig]?.label || value}
                 />
                 <XAxis dataKey="visitors" type="number" hide />
-                <ChartTooltip
-                    cursor={false}
-                    content={<ChartTooltipContent hideLabel />}
-                />
+                <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />
                 <Bar dataKey="visitors" layout="vertical" radius={5} />
             </BarChart>
         </ChartContainer>
diff --git a/frontend/src/components/molecules/ComboBox.tsx b/frontend/src/components/molecules/ComboBox.tsx
index 3b8288a3..c59088cc 100644
--- a/frontend/src/components/molecules/ComboBox.tsx
+++ b/frontend/src/components/molecules/ComboBox.tsx
@@ -5,13 +5,7 @@ import * as React from 'react';
 import { Check, ChevronsUpDown } from 'lucide-react';
 
 import { Button } from '../atoms/Button';
-import {
-    Command,
-    CommandEmpty,
-    CommandGroup,
-    CommandInput,
-    CommandItem
-} from '../atoms/Command';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from '../atoms/Command';
 import { Popover, PopoverContent, PopoverTrigger } from '../atoms/Popover';
 import { cn } from '../lib/utils';
 
@@ -26,40 +20,22 @@ export interface ComboboxProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 
-const Combobox: React.FC<ComboboxProps> = ({
-    options,
-    enableSearch = false,
-    className,
-    ...rest
-}) => {
+const Combobox: React.FC<ComboboxProps> = ({ options, enableSearch = false, className, ...rest }) => {
     const [open, setOpen] = React.useState(false);
     const [value, setValue] = React.useState('');
 
     return (
         <Popover open={open} onOpenChange={setOpen}>
             <PopoverTrigger asChild>
-                <Button
-                    variant="outline"
-                    role="combobox"
-                    aria-expanded={open}
-                    className="w-[200px] justify-between"
-                >
-                    {value
-                        ? options?.find((option) => option.value === value)?.label
-                        : 'Select Option...'}
+                <Button variant="outline" role="combobox" aria-expanded={open} className="w-[200px] justify-between">
+                    {value ? options?.find((option) => option.value === value)?.label : 'Select Option...'}
                     <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                 </Button>
             </PopoverTrigger>
-            <PopoverContent
-                className={cn('h-full w-full bg-white', className)}
-                {...rest}
-            >
+            <PopoverContent className={cn('h-full w-full bg-white', className)} {...rest}>
                 <Command>
                     {enableSearch && (
-                        <CommandInput
-                            placeholder="Search framework..."
-                            className={cn(enableSearch ? '' : 'hidden')}
-                        />
+                        <CommandInput placeholder="Search framework..." className={cn(enableSearch ? '' : 'hidden')} />
                     )}
                     <CommandEmpty>No such option found.</CommandEmpty>
                     <CommandGroup>
@@ -68,9 +44,7 @@ const Combobox: React.FC<ComboboxProps> = ({
                                 key={option.value}
                                 value={option.value}
                                 onSelect={(currentValue) => {
-                                    setValue(
-                                        currentValue === value ? '' : currentValue
-                                    );
+                                    setValue(currentValue === value ? '' : currentValue);
                                     setOpen(false);
                                 }}
                                 onClick={(e) => {
@@ -80,12 +54,7 @@ const Combobox: React.FC<ComboboxProps> = ({
                                 className="hover:cursor-pointer"
                             >
                                 <Check
-                                    className={cn(
-                                        'mr-2 h-4 w-4',
-                                        value === option.value
-                                            ? 'opacity-100'
-                                            : 'opacity-0'
-                                    )}
+                                    className={cn('mr-2 h-4 w-4', value === option.value ? 'opacity-100' : 'opacity-0')}
                                 />
                                 {option.label}
                             </CommandItem>
diff --git a/frontend/src/components/molecules/ConfirmationBox.stories.tsx b/frontend/src/components/molecules/ConfirmationBox.stories.tsx
index f23e6fcf..c04b8779 100644
--- a/frontend/src/components/molecules/ConfirmationBox.stories.tsx
+++ b/frontend/src/components/molecules/ConfirmationBox.stories.tsx
@@ -11,11 +11,7 @@ const meta = {
     parameters: {
         layout: 'centered'
     },
-    decorators: [
-        (Story) => (
-            <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>
-        )
-    ],
+    decorators: [(Story) => <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>],
     tags: ['autodocs'],
     argTypes: {}
 } satisfies Meta<typeof ConfirmationBox>;
diff --git a/frontend/src/components/molecules/CustomCombobox.tsx b/frontend/src/components/molecules/CustomCombobox.tsx
index d2139b4a..1441f168 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -61,9 +61,7 @@ export function CustomCombobox({
     }, [value]);
 
     const handleOnChange = (searchValue: string) => {
-        const newItems = itemsList.filter((item) =>
-            item.label.toLowerCase().includes(searchValue.toLowerCase())
-        );
+        const newItems = itemsList.filter((item) => item.label.toLowerCase().includes(searchValue.toLowerCase()));
         setItems(newItems);
         setSearchValue(searchValue);
     };
diff --git a/frontend/src/components/molecules/CustomDropDown.tsx b/frontend/src/components/molecules/CustomDropDown.tsx
index 00a2b56c..c67f29ca 100644
--- a/frontend/src/components/molecules/CustomDropDown.tsx
+++ b/frontend/src/components/molecules/CustomDropDown.tsx
@@ -4,12 +4,7 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger
 } from '@app/components/atoms/DropDownMenu';
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger
-} from '@app/components/atoms/Select';
+import { Select, SelectContent, SelectItem, SelectTrigger } from '@app/components/atoms/Select';
 import { cn } from '@app/components/lib/utils';
 
 export const CustomDropDown = ({
@@ -37,16 +32,9 @@ export const CustomDropDown = ({
             >
                 {defaultValue}
             </DropdownMenuTrigger>
-            <DropdownMenuContent
-                className="z-[9999] w-full max-w-none bg-white"
-                sideOffset={0}
-            >
+            <DropdownMenuContent className="z-[9999] w-full max-w-none bg-white" sideOffset={0}>
                 {options.map((item) => (
-                    <DropdownMenuItem
-                        key={item}
-                        onClick={() => onSelect(item)}
-                        className="z-[9999] m-0 w-full"
-                    >
+                    <DropdownMenuItem key={item} onClick={() => onSelect(item)} className="z-[9999] m-0 w-full">
                         {item}
                     </DropdownMenuItem>
                 ))}
diff --git a/frontend/src/components/molecules/EmptyScreen.tsx b/frontend/src/components/molecules/EmptyScreen.tsx
index bcfd9b00..87bb671b 100644
--- a/frontend/src/components/molecules/EmptyScreen.tsx
+++ b/frontend/src/components/molecules/EmptyScreen.tsx
@@ -20,10 +20,7 @@ export default function EmptyScreen({
             {customIcon ? customIcon : <EmptyBoxIcon />}
             <span className="font-mono text-base text-gray-500 xl:text-xl">{msg}</span>
             {linkMsg && linkHref && (
-                <Link
-                    href={linkHref}
-                    className="mt-1 text-sm font-semibold text-brand-Blue-200 hover:cursor-pointer"
-                >
+                <Link href={linkHref} className="mt-1 text-sm font-semibold text-brand-Blue-200 hover:cursor-pointer">
                     {linkMsg}{' '}
                 </Link>
             )}
diff --git a/frontend/src/components/molecules/FilterSelect.tsx b/frontend/src/components/molecules/FilterSelect.tsx
index e80be695..1713971a 100644
--- a/frontend/src/components/molecules/FilterSelect.tsx
+++ b/frontend/src/components/molecules/FilterSelect.tsx
@@ -2,13 +2,7 @@
 
 import { SlidersHorizontal } from 'lucide-react';
 
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger,
-    SelectValue
-} from '../atoms/Select';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../atoms/Select';
 
 export interface ISelectItem {
     label: string;
@@ -25,10 +19,7 @@ export default function FilterSelect({
 }) {
     return (
         <Select>
-            <SelectTrigger
-                className="h4 flex w-full items-center gap-x-2"
-                renderArrow={false}
-            >
+            <SelectTrigger className="h4 flex w-full items-center gap-x-2" renderArrow={false}>
                 <SlidersHorizontal className="max-h-[80%] bg-black" />
                 <SelectValue placeholder="Newest" />
             </SelectTrigger>
diff --git a/frontend/src/components/molecules/MultiSearchSelect.tsx b/frontend/src/components/molecules/MultiSearchSelect.tsx
index 46c1f6c6..901f4ea4 100644
--- a/frontend/src/components/molecules/MultiSearchSelect.tsx
+++ b/frontend/src/components/molecules/MultiSearchSelect.tsx
@@ -123,9 +123,7 @@ function removePickedOption(groupOption: GroupOption, picked: IOption[]) {
     const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption;
 
     for (const [key, value] of Object.entries(cloneOption)) {
-        cloneOption[key] = value.filter(
-            (val) => !picked.find((p) => p.value === val.value)
-        );
+        cloneOption[key] = value.filter((val) => !picked.find((p) => p.value === val.value));
     }
     return cloneOption;
 }
@@ -136,24 +134,23 @@ function removePickedOption(groupOption: GroupOption, picked: IOption[]) {
  *
  * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607
  **/
-const CommandEmpty = forwardRef<
-    HTMLDivElement,
-    React.ComponentProps<typeof CommandPrimitive.Empty>
->(({ className, ...props }, forwardedRef) => {
-    const render = useCommandState((state) => state.filtered.count === 0);
-
-    if (!render) return null;
-
-    return (
-        <div
-            ref={forwardedRef}
-            className={cn('py-6 text-center text-sm', className)}
-            cmdk-empty=""
-            role="presentation"
-            {...props}
-        />
-    );
-});
+const CommandEmpty = forwardRef<HTMLDivElement, React.ComponentProps<typeof CommandPrimitive.Empty>>(
+    ({ className, ...props }, forwardedRef) => {
+        const render = useCommandState((state) => state.filtered.count === 0);
+
+        if (!render) return null;
+
+        return (
+            <div
+                ref={forwardedRef}
+                className={cn('py-6 text-center text-sm', className)}
+                cmdk-empty=""
+                role="presentation"
+                {...props}
+            />
+        );
+    }
+);
 
 CommandEmpty.displayName = 'CommandEmpty';
 
@@ -193,9 +190,7 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
 
         const [selected, setSelected] = React.useState<IOption[]>(value || []);
 
-        const [options, setOptions] = React.useState<GroupOption>(
-            transToGroupOption(arrayDefaultOptions, groupBy)
-        );
+        const [options, setOptions] = React.useState<GroupOption>(transToGroupOption(arrayDefaultOptions, groupBy));
         const [inputValue, setInputValue] = React.useState('');
         const debouncedSearchTerm = useDebounce(inputValue, delay || 500);
         const [disabledValue, setDisabledValue] = React.useState(disabled);
@@ -365,11 +360,7 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
                     commandProps?.onKeyDown?.(e);
                 }}
                 className={cn('overflow-visible bg-white', commandProps?.className)}
-                shouldFilter={
-                    commandProps?.shouldFilter !== undefined
-                        ? commandProps.shouldFilter
-                        : !onSearch
-                } // When onSearch is provided, we don't want to filter the options. You can still override it.
+                shouldFilter={commandProps?.shouldFilter !== undefined ? commandProps.shouldFilter : !onSearch} // When onSearch is provided, we don't want to filter the options. You can still override it.
                 filter={commandFilter()}
                 onSelect={(e) => {
                     e.preventDefault();
@@ -403,17 +394,11 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
                                 triggerSearchOnFocus && onSearch?.(debouncedSearchTerm);
                                 inputProps?.onFocus?.(event);
                             }}
-                            placeholder={
-                                hidePlaceholderWhenSelected && selected.length !== 0
-                                    ? ''
-                                    : placeholder
-                            }
+                            placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}
                             className={cn(
                                 'placeholder:text-muted-foreground ml-2 w-[90%] flex-1 bg-white outline-none hover:cursor-pointer',
                                 inputProps?.className,
-                                selected.length >= maxSelected
-                                    ? 'bg-brand-White-200'
-                                    : ''
+                                selected.length >= maxSelected ? 'bg-brand-White-200' : ''
                             )}
                         />
                     </div>
@@ -436,78 +421,49 @@ const MultipleSelector = React.forwardRef<IMultipleSelectorRef, MultipleSelector
                                 <>
                                     {EmptyItem()}
                                     {CreatableItem()}
-                                    {!selectFirstItem && (
-                                        <CommandItem value="-" className="hidden" />
-                                    )}
-                                    {Object.entries(selectables).map(
-                                        ([key, dropdowns]) => (
-                                            <CommandGroup
-                                                key={key}
-                                                heading={key}
-                                                className="h-full overflow-auto"
-                                            >
-                                                {dropdowns.map((option, index) => {
-                                                    return (
-                                                        <>
-                                                            <CommandItem
-                                                                key={index}
-                                                                value={option.value}
-                                                                disabled={
-                                                                    option.disable
+                                    {!selectFirstItem && <CommandItem value="-" className="hidden" />}
+                                    {Object.entries(selectables).map(([key, dropdowns]) => (
+                                        <CommandGroup key={key} heading={key} className="h-full overflow-auto">
+                                            {dropdowns.map((option, index) => {
+                                                return (
+                                                    <>
+                                                        <CommandItem
+                                                            key={index}
+                                                            value={option.value}
+                                                            disabled={option.disable}
+                                                            onMouseDown={(e) => {
+                                                                e.preventDefault();
+                                                                e.stopPropagation();
+                                                            }}
+                                                            onSelect={() => {
+                                                                if (selected.length >= maxSelected) {
+                                                                    onMaxSelected?.(selected.length);
+                                                                    return;
+                                                                }
+
+                                                                const newOptions = [...selected, option];
+
+                                                                setSelected(newOptions);
+                                                                onChange?.(option);
+                                                                setOpen(false);
+                                                                setInputValue('');
+                                                                if (selected.length + 1 === maxSelected) {
+                                                                    setDisabledValue(true);
                                                                 }
-                                                                onMouseDown={(e) => {
-                                                                    e.preventDefault();
-                                                                    e.stopPropagation();
-                                                                }}
-                                                                onSelect={() => {
-                                                                    if (
-                                                                        selected.length >=
-                                                                        maxSelected
-                                                                    ) {
-                                                                        onMaxSelected?.(
-                                                                            selected.length
-                                                                        );
-                                                                        return;
-                                                                    }
-
-                                                                    const newOptions = [
-                                                                        ...selected,
-                                                                        option
-                                                                    ];
-
-                                                                    setSelected(
-                                                                        newOptions
-                                                                    );
-                                                                    onChange?.(option);
-                                                                    setOpen(false);
-                                                                    setInputValue('');
-                                                                    if (
-                                                                        selected.length +
-                                                                            1 ===
-                                                                        maxSelected
-                                                                    ) {
-                                                                        setDisabledValue(
-                                                                            true
-                                                                        );
-                                                                    }
-                                                                    openSelectedOption?.(
-                                                                        option
-                                                                    );
-                                                                }}
-                                                                className={cn(
-                                                                    'my-1 cursor-pointer rounded-md py-2 hover:bg-brand-Gray-400',
-                                                                    option.disable &&
-                                                                        'text-muted-foreground cursor-default'
-                                                                )}
-                                                            >
-                                                                {option.label}
-                                                            </CommandItem>
-                                                        </>
-                                                    );
-                                                })}
-                                            </CommandGroup>
-                                        )
-                                    )}
+                                                                openSelectedOption?.(option);
+                                                            }}
+                                                            className={cn(
+                                                                'my-1 cursor-pointer rounded-md py-2 hover:bg-brand-Gray-400',
+                                                                option.disable && 'text-muted-foreground cursor-default'
+                                                            )}
+                                                        >
+                                                            {option.label}
+                                                        </CommandItem>
+                                                    </>
+                                                );
+                                            })}
+                                        </CommandGroup>
+                                    ))}
                                 </>
                             )}
                         </CommandList>
diff --git a/frontend/src/components/molecules/NumberInput.tsx b/frontend/src/components/molecules/NumberInput.tsx
index 35633cb0..549cc0da 100644
--- a/frontend/src/components/molecules/NumberInput.tsx
+++ b/frontend/src/components/molecules/NumberInput.tsx
@@ -16,10 +16,7 @@ const NumberInput = React.forwardRef<HTMLInputElement, InputProps>(
     ({ className, defaultValue, onChange, viewOnly, ...props }, ref) => {
         return (
             <Input
-                className={cn(
-                    'h-8 w-24 border-[1px] p-0 text-center focus:border-brand-Gray-100',
-                    className
-                )}
+                className={cn('h-8 w-24 border-[1px] p-0 text-center focus:border-brand-Gray-100', className)}
                 type="number"
                 defaultValue={defaultValue}
                 ref={ref}
diff --git a/frontend/src/components/molecules/PaginationBtns.tsx b/frontend/src/components/molecules/PaginationBtns.tsx
index b2e812a1..c3f6cee3 100644
--- a/frontend/src/components/molecules/PaginationBtns.tsx
+++ b/frontend/src/components/molecules/PaginationBtns.tsx
@@ -2,12 +2,7 @@ import React from 'react';
 
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuTrigger
-} from '../atoms/DropDownMenu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../atoms/DropDownMenu';
 import { cn } from '../lib/utils';
 
 interface PaginationBtnsProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -21,8 +16,7 @@ interface PaginationBtnsProps extends React.HTMLAttributes<HTMLDivElement> {
     onRowClick?: any;
 }
 
-const chevronWrapper =
-    'border-brand-Gray-100 border-[1px] rounded-md px-[3px] py-[2px] hover:bg-gray-300';
+const chevronWrapper = 'border-brand-Gray-100 border-[1px] rounded-md px-[3px] py-[2px] hover:bg-gray-300';
 
 const disableChevron = 'pointer-events-none bg-gray-200';
 
@@ -52,11 +46,7 @@ const PaginationBtns: React.FC<PaginationBtnsProps> = ({
         <div className="flex items-center justify-center">
             <DropdownMenu>
                 <span className="text-xs">{rowsLabel || 'Rows per page'} : </span>
-                <DropdownMenuTrigger
-                    className="ml-1 inline-flex gap-x-1 p-0 text-xs"
-                    useChevron={true}
-                    iconSize={16}
-                >
+                <DropdownMenuTrigger className="ml-1 inline-flex gap-x-1 p-0 text-xs" useChevron={true} iconSize={16}>
                     {rowsPerPage || 1}
                 </DropdownMenuTrigger>
                 <DropdownMenuContent className="min-w-0">
@@ -68,12 +58,7 @@ const PaginationBtns: React.FC<PaginationBtnsProps> = ({
                 </DropdownMenuContent>
             </DropdownMenu>
             <div {...props} className={cn('ml-4 flex items-center gap-x-2', className)}>
-                <div
-                    className={cn(
-                        chevronWrapper,
-                        currentPage === lowerLimit ? disableChevron : ''
-                    )}
-                >
+                <div className={cn(chevronWrapper, currentPage === lowerLimit ? disableChevron : '')}>
                     <ChevronLeft
                         size={14}
                         stroke={lowerLimit === refCurrentPage ? '#868FA0' : '#464F60'}
@@ -84,12 +69,7 @@ const PaginationBtns: React.FC<PaginationBtnsProps> = ({
                     {refCurrentPage ? refCurrentPage : currentPage}
                     {upperLimit ? `/${upperLimit}` : ''}
                 </span>
-                <div
-                    className={cn(
-                        chevronWrapper,
-                        upperLimit === refCurrentPage ? disableChevron : ''
-                    )}
-                >
+                <div className={cn(chevronWrapper, upperLimit === refCurrentPage ? disableChevron : '')}>
                     <ChevronRight
                         size={14}
                         stroke={upperLimit === refCurrentPage ? '#868FA0' : '#464F60'}
diff --git a/frontend/src/components/molecules/ProbabilityInput.tsx b/frontend/src/components/molecules/ProbabilityInput.tsx
index 945ac3e4..c839d420 100644
--- a/frontend/src/components/molecules/ProbabilityInput.tsx
+++ b/frontend/src/components/molecules/ProbabilityInput.tsx
@@ -40,16 +40,10 @@ const ProbabilityInput = ({
 
     return (
         <div className={'flex flex-col gap-2'}>
-            <div
-                className={
-                    'relative flex w-fit flex-row items-center rounded border  border-brand-Black-300 px-1'
-                }
-            >
+            <div className={'relative flex w-fit flex-row items-center rounded border  border-brand-Black-300 px-1'}>
                 <input
                     value={value}
-                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                        handleProbabilityChange(e.target.value)
-                    }
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleProbabilityChange(e.target.value)}
                     className={'w-[140px] px-1 py-2 text-center outline-none'}
                     type={'text'}
                 />
@@ -65,11 +59,7 @@ const ProbabilityInput = ({
                 </div>
             </div>
 
-            {errorMsg ? (
-                <span className={' text-xs text-red-500'}>{errorMsg}</span>
-            ) : (
-                <span className={'h-4'}></span>
-            )}
+            {errorMsg ? <span className={' text-xs text-red-500'}>{errorMsg}</span> : <span className={'h-4'}></span>}
         </div>
     );
 };
diff --git a/frontend/src/components/molecules/SubmitButton.tsx b/frontend/src/components/molecules/SubmitButton.tsx
index ca68b59f..60e91318 100644
--- a/frontend/src/components/molecules/SubmitButton.tsx
+++ b/frontend/src/components/molecules/SubmitButton.tsx
@@ -9,11 +9,7 @@ interface SubmitButtonProps {
     placeholder?: string;
 }
 
-export function SubmitButton({
-    disabled = false,
-    className = '',
-    placeholder = 'Create'
-}: SubmitButtonProps) {
+export function SubmitButton({ disabled = false, className = '', placeholder = 'Create' }: SubmitButtonProps) {
     return (
         <Button
             type="submit"
@@ -23,10 +19,7 @@ export function SubmitButton({
             disabled={disabled}
         >
             <div className={cn('flex items-center', disabled ? 'fixed' : 'hidden')}>
-                <LoaderCircle
-                    className="mr-2 animate-spin stroke-white"
-                    strokeWidth={3}
-                />
+                <LoaderCircle className="mr-2 animate-spin stroke-white" strokeWidth={3} />
             </div>
             <span className="flex-1 text-center">{placeholder}</span>
         </Button>
diff --git a/frontend/src/components/molecules/TemplateCard.stories.tsx b/frontend/src/components/molecules/TemplateCard.stories.tsx
index 030cc42e..7df8fbfd 100644
--- a/frontend/src/components/molecules/TemplateCard.stories.tsx
+++ b/frontend/src/components/molecules/TemplateCard.stories.tsx
@@ -11,11 +11,7 @@ const meta = {
     parameters: {
         layout: 'centered'
     },
-    decorators: [
-        (Story) => (
-            <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>
-        )
-    ],
+    decorators: [(Story) => <QueryClientProvider client={queryClient}>{Story()}</QueryClientProvider>],
 
     tags: ['autodocs'],
 
diff --git a/frontend/src/components/molecules/TemplateCard.tsx b/frontend/src/components/molecules/TemplateCard.tsx
index 50066b14..d9cae8ec 100644
--- a/frontend/src/components/molecules/TemplateCard.tsx
+++ b/frontend/src/components/molecules/TemplateCard.tsx
@@ -20,10 +20,7 @@ export interface ITemplateCard {
     enableDelete?: boolean;
 }
 
-export default function TemplateCard({
-    template,
-    enableDelete = false
-}: ITemplateCard) {
+export default function TemplateCard({ template, enableDelete = false }: ITemplateCard) {
     const router = useRouter();
     const [dialogOpen, setDialogOpen] = useState(false);
 
@@ -51,9 +48,7 @@ export default function TemplateCard({
                 enableDelete={enableDelete}
                 onEdit={() => router.push(`/templates/${template.id}`)}
                 onDelete={() => setDialogOpen(true)}
-                templateTriggerNames={returnTriggersList(
-                    template.template_configurations || []
-                )}
+                templateTriggerNames={returnTriggersList(template.template_configurations || [])}
             />
             <DeleteTemplateDialog
                 isOpen={dialogOpen}
@@ -64,13 +59,7 @@ export default function TemplateCard({
     );
 }
 
-function TemplateCardContent({
-    template,
-    enableDelete,
-    onEdit,
-    onDelete,
-    templateTriggerNames
-}: any) {
+function TemplateCardContent({ template, enableDelete, onEdit, onDelete, templateTriggerNames }: any) {
     const TriggersDiv = () => {
         return (
             <div className="card-h4 flex items-center gap-3">
@@ -106,9 +95,7 @@ function TemplateCardContent({
                     {Truncate(template.description, 60)}
                 </CardDescription>
                 <CardContent className="mt-3 flex flex-col gap-y-0">
-                    <span className="card-h4">
-                        Functions : {template?.template_configurations?.length || 0}
-                    </span>
+                    <span className="card-h4">Functions : {template?.template_configurations?.length || 0}</span>
                     <TriggersDiv />
                 </CardContent>
             </div>
@@ -117,8 +104,7 @@ function TemplateCardContent({
 }
 
 function TemplateCardHeader({ templateName, enableDelete, onDelete }: any) {
-    const iconClass =
-        'absolute -top-1 h-5 w-5 -right-1 hidden hover:cursor-pointer group-hover:flex z-20 bg-white';
+    const iconClass = 'absolute -top-1 h-5 w-5 -right-1 hidden hover:cursor-pointer group-hover:flex z-20 bg-white';
 
     return (
         <div className="relative z-10 flex justify-between gap-4">
diff --git a/frontend/src/components/molecules/TransactionPieChart.tsx b/frontend/src/components/molecules/TransactionPieChart.tsx
index a8136612..39216371 100644
--- a/frontend/src/components/molecules/TransactionPieChart.tsx
+++ b/frontend/src/components/molecules/TransactionPieChart.tsx
@@ -5,12 +5,7 @@ import * as React from 'react';
 import { Pie, PieChart } from 'recharts';
 
 import { Card } from '@app/components/shadcn/ui/card';
-import {
-    ChartConfig,
-    ChartContainer,
-    ChartTooltip,
-    ChartTooltipContent
-} from '@app/components/shadcn/ui/chart';
+import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@app/components/shadcn/ui/chart';
 
 export interface TransactionPieChartProps {
     className?: string;
@@ -48,12 +43,7 @@ const chartConfig: ChartConfig = {
     }
 };
 
-export default function TransactionPieChart({
-    className,
-    success,
-    skipped,
-    failed
-}: TransactionPieChartProps) {
+export default function TransactionPieChart({ className, success, skipped, failed }: TransactionPieChartProps) {
     const chartData: IPieChartData[] = React.useMemo(() => {
         if (success + skipped + failed === 0) {
             return [{ status: 'Not Activated ', total: 1, fill: 'var(--color-none)' }];
@@ -79,15 +69,9 @@ export default function TransactionPieChart({
 
     return (
         <Card className={`${className}`}>
-            <ChartContainer
-                config={chartConfig}
-                className="mx-auto aspect-square max-h-[250px]"
-            >
+            <ChartContainer config={chartConfig} className="mx-auto aspect-square max-h-[250px]">
                 <PieChart>
-                    <ChartTooltip
-                        cursor={false}
-                        content={<ChartTooltipContent hideLabel />}
-                    />
+                    <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />
                     <Pie
                         data={chartData}
                         dataKey="total"
diff --git a/frontend/src/components/shadcn/dialog.tsx b/frontend/src/components/shadcn/dialog.tsx
index cdd8cc4a..44a9d197 100644
--- a/frontend/src/components/shadcn/dialog.tsx
+++ b/frontend/src/components/shadcn/dialog.tsx
@@ -55,13 +55,7 @@ const DialogContent = React.forwardRef<
                     }}
                     className="absolute right-4 top-2 rounded-md  focus:border-0 active:border-0 disabled:pointer-events-none"
                 >
-                    <svg
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                    >
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path
                             d="M19 5L5 19M5.00001 5L19 19"
                             stroke="#6E6E6E"
@@ -79,28 +73,13 @@ const DialogContent = React.forwardRef<
 ));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-    <div
-        className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)}
-        {...props}
-    />
+const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+    <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
 );
 DialogHeader.displayName = 'DialogHeader';
 
-const DialogFooter = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-    <div
-        className={cn(
-            'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-            className
-        )}
-        {...props}
-    />
+const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+    <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />
 );
 DialogFooter.displayName = 'DialogFooter';
 
@@ -120,11 +99,7 @@ const DialogDescription = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-    <DialogPrimitive.Description
-        ref={ref}
-        className={cn('text-muted-foreground text-sm', className)}
-        {...props}
-    />
+    <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
diff --git a/frontend/src/components/shadcn/ui/badge.tsx b/frontend/src/components/shadcn/ui/badge.tsx
index 73b01629..fc0dbaf6 100644
--- a/frontend/src/components/shadcn/ui/badge.tsx
+++ b/frontend/src/components/shadcn/ui/badge.tsx
@@ -9,10 +9,8 @@ const badgeVariants = cva(
     {
         variants: {
             variant: {
-                default:
-                    'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
-                secondary:
-                    'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
+                secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
                 destructive:
                     'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
                 outline: 'text-foreground'
@@ -24,9 +22,7 @@ const badgeVariants = cva(
     }
 );
 
-export interface BadgeProps
-    extends React.HTMLAttributes<HTMLDivElement>,
-        VariantProps<typeof badgeVariants> {}
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
     return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
diff --git a/frontend/src/components/shadcn/ui/card.tsx b/frontend/src/components/shadcn/ui/card.tsx
index a620a9ae..fedc2a43 100644
--- a/frontend/src/components/shadcn/ui/card.tsx
+++ b/frontend/src/components/shadcn/ui/card.tsx
@@ -2,70 +2,42 @@ import * as React from 'react';
 
 import { cn } from '@app/components/lib/utils';
 
-const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('bg-card text-card-foreground rounded-xl border shadow', className)} {...props} />
+));
+Card.displayName = 'Card';
+
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
     ({ className, ...props }, ref) => (
-        <div
-            ref={ref}
-            className={cn(
-                'bg-card text-card-foreground rounded-xl border shadow',
-                className
-            )}
-            {...props}
-        />
+        <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
     )
 );
-Card.displayName = 'Card';
-
-const CardHeader = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div
-        ref={ref}
-        className={cn('flex flex-col space-y-1.5 p-6', className)}
-        {...props}
-    />
-));
 CardHeader.displayName = 'CardHeader';
 
-const CardTitle = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-    <h3
-        ref={ref}
-        className={cn('font-semibold leading-none tracking-tight', className)}
-        {...props}
-    />
-));
+const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+    ({ className, ...props }, ref) => (
+        <h3 ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props} />
+    )
+);
 CardTitle.displayName = 'CardTitle';
 
-const CardDescription = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-    <p
-        ref={ref}
-        className={cn('text-muted-foreground text-sm', className)}
-        {...props}
-    />
-));
+const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+    ({ className, ...props }, ref) => (
+        <p ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
+    )
+);
 CardDescription.displayName = 'CardDescription';
 
-const CardContent = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
-));
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+    ({ className, ...props }, ref) => <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
+);
 CardContent.displayName = 'CardContent';
 
-const CardFooter = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
-));
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+    ({ className, ...props }, ref) => (
+        <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
+    )
+);
 CardFooter.displayName = 'CardFooter';
 
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
diff --git a/frontend/src/components/shadcn/ui/chart.tsx b/frontend/src/components/shadcn/ui/chart.tsx
index 9eac6fda..e357a783 100644
--- a/frontend/src/components/shadcn/ui/chart.tsx
+++ b/frontend/src/components/shadcn/ui/chart.tsx
@@ -13,10 +13,7 @@ export type ChartConfig = {
     [k in string]: {
         label?: React.ReactNode;
         icon?: React.ComponentType;
-    } & (
-        | { color?: string; theme?: never }
-        | { color?: never; theme: Record<keyof typeof THEMES, string> }
-    );
+    } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });
 };
 
 type ChartContextProps = {
@@ -39,9 +36,7 @@ const ChartContainer = React.forwardRef<
     HTMLDivElement,
     React.ComponentProps<'div'> & {
         config: ChartConfig;
-        children: React.ComponentProps<
-            typeof RechartsPrimitive.ResponsiveContainer
-        >['children'];
+        children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
     }
 >(({ id, className, children, config, ...props }, ref) => {
     const uniqueId = React.useId();
@@ -59,9 +54,7 @@ const ChartContainer = React.forwardRef<
                 {...props}
             >
                 <ChartStyle id={chartId} config={config} />
-                <RechartsPrimitive.ResponsiveContainer>
-                    {children}
-                </RechartsPrimitive.ResponsiveContainer>
+                <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>
             </div>
         </ChartContext.Provider>
     );
@@ -69,9 +62,7 @@ const ChartContainer = React.forwardRef<
 ChartContainer.displayName = 'Chart';
 
 const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-    const colorConfig = Object.entries(config).filter(
-        ([, config]) => config.theme || config.color
-    );
+    const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
 
     if (!colorConfig.length) {
         return null;
@@ -86,9 +77,7 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 ${prefix} [data-chart=${id}] {
 ${colorConfig
     .map(([key, itemConfig]) => {
-        const color =
-            itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-            itemConfig.color;
+        const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;
         return color ? `  --color-${key}: ${color};` : null;
     })
     .join('\n')}
@@ -148,11 +137,7 @@ const ChartTooltipContent = React.forwardRef<
                     : itemConfig?.label;
 
             if (labelFormatter) {
-                return (
-                    <div className={cn('font-medium', labelClassName)}>
-                        {labelFormatter(value, payload)}
-                    </div>
-                );
+                return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;
             }
 
             if (!value) {
@@ -160,15 +145,7 @@ const ChartTooltipContent = React.forwardRef<
             }
 
             return <div className={cn('font-medium', labelClassName)}>{value}</div>;
-        }, [
-            label,
-            labelFormatter,
-            payload,
-            hideLabel,
-            labelClassName,
-            config,
-            labelKey
-        ]);
+        }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
 
         if (!active || !payload?.length) {
             return null;
@@ -188,11 +165,7 @@ const ChartTooltipContent = React.forwardRef<
                 <div className="grid gap-1.5">
                     {payload.map((item, index) => {
                         const key = `${nameKey || item.name || item.dataKey || 'value'}`;
-                        const itemConfig = getPayloadConfigFromPayload(
-                            config,
-                            item,
-                            key
-                        );
+                        const itemConfig = getPayloadConfigFromPayload(config, item, key);
                         const indicatorColor = color || item.payload.fill || item.color;
 
                         return (
@@ -204,13 +177,7 @@ const ChartTooltipContent = React.forwardRef<
                                 )}
                             >
                                 {formatter && item?.value !== undefined && item.name ? (
-                                    formatter(
-                                        item.value,
-                                        item.name,
-                                        item,
-                                        index,
-                                        item.payload
-                                    )
+                                    formatter(item.value, item.name, item, index, item.payload)
                                 ) : (
                                     <>
                                         {itemConfig?.icon ? (
@@ -221,22 +188,17 @@ const ChartTooltipContent = React.forwardRef<
                                                     className={cn(
                                                         'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',
                                                         {
-                                                            'h-2.5 w-2.5':
-                                                                indicator === 'dot',
+                                                            'h-2.5 w-2.5': indicator === 'dot',
                                                             'w-1': indicator === 'line',
                                                             'w-0 border-[1.5px] border-dashed bg-transparent':
                                                                 indicator === 'dashed',
-                                                            'my-0.5':
-                                                                nestLabel &&
-                                                                indicator === 'dashed'
+                                                            'my-0.5': nestLabel && indicator === 'dashed'
                                                         }
                                                     )}
                                                     style={
                                                         {
-                                                            '--color-bg':
-                                                                indicatorColor,
-                                                            '--color-border':
-                                                                indicatorColor
+                                                            '--color-bg': indicatorColor,
+                                                            '--color-border': indicatorColor
                                                         } as React.CSSProperties
                                                     }
                                                 />
@@ -281,71 +243,60 @@ const ChartLegendContent = React.forwardRef<
             hideIcon?: boolean;
             nameKey?: string;
         }
->(
-    (
-        { className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey },
-        ref
-    ) => {
-        const { config } = useChart();
-
-        if (!payload?.length) {
-            return null;
-        }
+>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {
+    const { config } = useChart();
 
-        return (
-            <div
-                ref={ref}
-                className={cn(
-                    'flex items-center justify-center gap-4',
-                    verticalAlign === 'top' ? 'pb-3' : 'pt-3',
-                    className
-                )}
-            >
-                {payload.map((item) => {
-                    const key = `${nameKey || item.dataKey || 'value'}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-
-                    return (
-                        <div
-                            key={item.value}
-                            className={cn(
-                                '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'
-                            )}
-                        >
-                            {itemConfig?.icon && !hideIcon ? (
-                                <itemConfig.icon />
-                            ) : (
-                                <div
-                                    className="h-2 w-2 shrink-0 rounded-[2px]"
-                                    style={{
-                                        backgroundColor: item.color
-                                    }}
-                                />
-                            )}
-                            {itemConfig?.label}
-                        </div>
-                    );
-                })}
-            </div>
-        );
+    if (!payload?.length) {
+        return null;
     }
-);
+
+    return (
+        <div
+            ref={ref}
+            className={cn(
+                'flex items-center justify-center gap-4',
+                verticalAlign === 'top' ? 'pb-3' : 'pt-3',
+                className
+            )}
+        >
+            {payload.map((item) => {
+                const key = `${nameKey || item.dataKey || 'value'}`;
+                const itemConfig = getPayloadConfigFromPayload(config, item, key);
+
+                return (
+                    <div
+                        key={item.value}
+                        className={cn(
+                            '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'
+                        )}
+                    >
+                        {itemConfig?.icon && !hideIcon ? (
+                            <itemConfig.icon />
+                        ) : (
+                            <div
+                                className="h-2 w-2 shrink-0 rounded-[2px]"
+                                style={{
+                                    backgroundColor: item.color
+                                }}
+                            />
+                        )}
+                        {itemConfig?.label}
+                    </div>
+                );
+            })}
+        </div>
+    );
+});
 ChartLegendContent.displayName = 'ChartLegend';
 
 // Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(
-    config: ChartConfig,
-    payload: unknown,
-    key: string
-) {
+function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {
     if (typeof payload !== 'object' || payload === null) {
         return undefined;
     }
 
     const payloadPayload =
-        'payload' in payload &&
-        typeof payload.payload === 'object' &&
-        payload.payload !== null
+        'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null
             ? payload.payload
             : undefined;
 
@@ -361,16 +312,7 @@ function getPayloadConfigFromPayload(
         configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;
     }
 
-    return configLabelKey in config
-        ? config[configLabelKey]
-        : config[key as keyof typeof config];
+    return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];
 }
 
-export {
-    ChartContainer,
-    ChartTooltip,
-    ChartTooltipContent,
-    ChartLegend,
-    ChartLegendContent,
-    ChartStyle
-};
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };
diff --git a/frontend/src/components/shadcn/ui/scroll-area.tsx b/frontend/src/components/shadcn/ui/scroll-area.tsx
index c9d221a3..5def4f3c 100644
--- a/frontend/src/components/shadcn/ui/scroll-area.tsx
+++ b/frontend/src/components/shadcn/ui/scroll-area.tsx
@@ -10,11 +10,7 @@ const ScrollArea = React.forwardRef<
     React.ElementRef<typeof ScrollAreaPrimitive.Root>,
     React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
 >(({ className = '', children, ...props }, ref) => (
-    <ScrollAreaPrimitive.Root
-        ref={ref}
-        className={cn('relative overflow-hidden', className)}
-        {...props}
-    >
+    <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
         <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
             {children}
         </ScrollAreaPrimitive.Viewport>
@@ -33,10 +29,8 @@ const ScrollBar = React.forwardRef<
         orientation={orientation}
         className={cn(
             'flex touch-none select-none transition-colors',
-            orientation === 'vertical' &&
-                'h-full w-2.5 border-l border-l-transparent p-[1px]',
-            orientation === 'horizontal' &&
-                'h-2.5 flex-col border-t border-t-transparent p-[1px]',
+            orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
+            orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
             className
         )}
         {...props}
diff --git a/frontend/src/components/shadcn/ui/select.tsx b/frontend/src/components/shadcn/ui/select.tsx
index 6ed1591c..7a734eea 100644
--- a/frontend/src/components/shadcn/ui/select.tsx
+++ b/frontend/src/components/shadcn/ui/select.tsx
@@ -2,12 +2,7 @@
 
 import * as React from 'react';
 
-import {
-    CaretSortIcon,
-    CheckIcon,
-    ChevronDownIcon,
-    ChevronUpIcon
-} from '@radix-ui/react-icons';
+import { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
 import { cn } from '@app/components/lib/utils';
@@ -44,10 +39,7 @@ const SelectScrollUpButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
     <SelectPrimitive.ScrollUpButton
         ref={ref}
-        className={cn(
-            'flex cursor-default items-center justify-center py-1',
-            className
-        )}
+        className={cn('flex cursor-default items-center justify-center py-1', className)}
         {...props}
     >
         <ChevronUpIcon />
@@ -61,10 +53,7 @@ const SelectScrollDownButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
     <SelectPrimitive.ScrollDownButton
         ref={ref}
-        className={cn(
-            'flex cursor-default items-center justify-center py-1',
-            className
-        )}
+        className={cn('flex cursor-default items-center justify-center py-1', className)}
         {...props}
     >
         <ChevronDownIcon />
@@ -108,11 +97,7 @@ const SelectLabel = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Label>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
 >(({ className, ...props }, ref) => (
-    <SelectPrimitive.Label
-        ref={ref}
-        className={cn('px-2 py-1.5 text-sm font-semibold', className)}
-        {...props}
-    />
+    <SelectPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', className)} {...props} />
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 
@@ -142,11 +127,7 @@ const SelectSeparator = React.forwardRef<
     React.ElementRef<typeof SelectPrimitive.Separator>,
     React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-    <SelectPrimitive.Separator
-        ref={ref}
-        className={cn('bg-muted -mx-1 my-1 h-px', className)}
-        {...props}
-    />
+    <SelectPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
diff --git a/frontend/src/components/shadcn/ui/skeleton.tsx b/frontend/src/components/shadcn/ui/skeleton.tsx
index fe972101..8c0f02cb 100644
--- a/frontend/src/components/shadcn/ui/skeleton.tsx
+++ b/frontend/src/components/shadcn/ui/skeleton.tsx
@@ -2,14 +2,6 @@ import React from 'react';
 
 import { cn } from '@app/components/lib/utils';
 
-export function Skeleton({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-    return (
-        <div
-            className={cn('animate-pulse rounded-md bg-gray-200', className)}
-            {...props}
-        />
-    );
+export function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+    return <div className={cn('animate-pulse rounded-md bg-gray-200', className)} {...props} />;
 }
diff --git a/frontend/src/configs/environments.ts b/frontend/src/configs/environments.ts
index 22e146ba..2e3195f0 100644
--- a/frontend/src/configs/environments.ts
+++ b/frontend/src/configs/environments.ts
@@ -46,9 +46,7 @@ export const environments = {
     // build-time configs
     BASE_DEPLOY_PATH,
 
-    FORM_PRIVACY_POLICY_URL:
-        process.env.FORM_PRIVACY_POLICY_URL ??
-        'https://bettercollected.com/privacy-policy',
+    FORM_PRIVACY_POLICY_URL: process.env.FORM_PRIVACY_POLICY_URL ?? 'https://bettercollected.com/privacy-policy',
 
     // run-time configg
     GA_MEASUREMENT_ID: process.env.GA_MEASUREMENT_ID,
@@ -67,12 +65,10 @@ export const environments = {
     ELASTIC_APM_SERVER_URL: process.env.ELASTIC_APM_SERVER_URL,
     ELASTIC_APM_SERVICE_NAME: process.env.ELASTIC_APM_SERVICE_NAME,
     ELASTIC_APM_ENVIRONMENT: process.env.ELASTIC_APM_ENVIRONMENT,
-    APM_ENABLED:
-        process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_SERVICE_NAME,
+    APM_ENABLED: process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_SERVICE_NAME,
     NEXT_PUBLIC_IMAGE_TAG: process.env.NEXT_PUBLIC_IMAGE_TAG ?? 'dev',
     GOVTOOL_BASE_URL: 'https://govtool.cardanoapi.io',
-    NEXT_PUBLIC_ENABLE_AGENT_INSTANCE:
-        process.env.NEXT_PUBLIC_ENABLE_AGENT_INSTANCE === 'true' || false
+    NEXT_PUBLIC_ENABLE_AGENT_INSTANCE: process.env.NEXT_PUBLIC_ENABLE_AGENT_INSTANCE === 'true' || false
 };
 
 if (typeof window !== 'undefined') {
diff --git a/frontend/src/layouts/_muiThemeProvider.tsx b/frontend/src/layouts/_muiThemeProvider.tsx
index f6a5e55c..f4d76b9a 100644
--- a/frontend/src/layouts/_muiThemeProvider.tsx
+++ b/frontend/src/layouts/_muiThemeProvider.tsx
@@ -15,9 +15,7 @@ const MuiThemeProvider = ({ children }: MuiThemeProviderProps) => {
     const [currentTheme, setCurrentTheme] = useState(darkTheme);
 
     useEffect(() => {
-        resolvedTheme === 'light'
-            ? setCurrentTheme(lightTheme)
-            : setCurrentTheme(darkTheme);
+        resolvedTheme === 'light' ? setCurrentTheme(lightTheme) : setCurrentTheme(darkTheme);
     }, [resolvedTheme]);
 
     return (
diff --git a/frontend/src/lib/framerMotion/fadeInBottom.ts b/frontend/src/lib/framerMotion/fadeInBottom.ts
index 670e7cf2..9505dba7 100644
--- a/frontend/src/lib/framerMotion/fadeInBottom.ts
+++ b/frontend/src/lib/framerMotion/fadeInBottom.ts
@@ -1,8 +1,4 @@
-export function fadeInBottom(
-    type: string = 'spring',
-    duration: number = 0.5,
-    translateY: number = 60
-) {
+export function fadeInBottom(type: string = 'spring', duration: number = 0.5, translateY: number = 60) {
     return {
         enter: {
             y: 0,
diff --git a/frontend/src/lib/hooks/useAgentActions.ts b/frontend/src/lib/hooks/useAgentActions.ts
index eedabebe..42bc2aea 100644
--- a/frontend/src/lib/hooks/useAgentActions.ts
+++ b/frontend/src/lib/hooks/useAgentActions.ts
@@ -9,11 +9,7 @@ import { getConfiguredAgentTrigger, isAgentActive } from '@utils';
 import { ErrorToast, SuccessToast } from '@app/components/molecules/CustomToasts';
 import { queryClient } from '@app/utils/providers/ReactQueryProvider';
 
-export const useAgentsAction = (
-    triggerType: AgentTriggerFunctionType,
-    handleClose: () => void,
-    value: string
-) => {
+export const useAgentsAction = (triggerType: AgentTriggerFunctionType, handleClose: () => void, value: string) => {
     const [selectedAgentIds, setSelectedAgentIds] = useState<string[]>([]);
     const { data: agents, isLoading } = useQuery<IAgent[]>({
         queryKey: [QUERY_KEYS.useFetchAgentsKey],
@@ -21,11 +17,7 @@ export const useAgentsAction = (
     });
 
     const actionMutation = useMutation({
-        mutationFn: (agentId: string) =>
-            manualTriggerForAgent(
-                agentId,
-                getConfiguredAgentTrigger(triggerType, value)
-            ),
+        mutationFn: (agentId: string) => manualTriggerForAgent(agentId, getConfiguredAgentTrigger(triggerType, value)),
         onSuccess: () => {
             queryClient.refetchQueries({ queryKey: ['agents'] });
             SuccessToast(`${triggerType} has been successfully triggered.`);
@@ -52,9 +44,7 @@ export const useAgentsAction = (
     };
 
     const handleAction = async () => {
-        const promises = selectedAgentIds.map((agentId) =>
-            actionMutation.mutateAsync(agentId)
-        );
+        const promises = selectedAgentIds.map((agentId) => actionMutation.mutateAsync(agentId));
         await Promise.all(promises);
     };
 
diff --git a/frontend/src/models/dtos/joyride.ts b/frontend/src/models/dtos/joyride.ts
index a70205b1..18877de9 100644
--- a/frontend/src/models/dtos/joyride.ts
+++ b/frontend/src/models/dtos/joyride.ts
@@ -1,9 +1,4 @@
-import {
-    BaseProps,
-    CallBackProps,
-    Props as JoyRideState,
-    StoreHelpers
-} from 'react-joyride';
+import { BaseProps, CallBackProps, Props as JoyRideState, StoreHelpers } from 'react-joyride';
 
 export interface JoyrideState extends JoyRideState {
     id: string;
diff --git a/frontend/src/models/types/functions.ts b/frontend/src/models/types/functions.ts
index 39840e06..854d806d 100644
--- a/frontend/src/models/types/functions.ts
+++ b/frontend/src/models/types/functions.ts
@@ -1,12 +1,4 @@
-export type ParameterType =
-    | 'string'
-    | 'number'
-    | 'object'
-    | 'options'
-    | 'hash'
-    | 'url'
-    | 'list'
-    | 'function';
+export type ParameterType = 'string' | 'number' | 'object' | 'options' | 'hash' | 'url' | 'list' | 'function';
 
 type groupTypes = 'Certificates' | 'Vote' | 'Payment' | 'Governance Proposal';
 
@@ -59,8 +51,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
             {
                 id: 'dRepRegistration',
                 name: 'DRep registration',
-                description:
-                    'This will register you as Decentralized Representative (DRep) on the Cardano network.',
+                description: 'This will register you as Decentralized Representative (DRep) on the Cardano network.',
                 parameters: [
                     {
                         id: 'anchor',
@@ -87,8 +78,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
             {
                 id: 'dRepDeRegistration',
                 name: 'DRep de-registration',
-                description:
-                    'This will retire you as Decentralized Representative (DRep) on the Cardano network.'
+                description: 'This will retire you as Decentralized Representative (DRep) on the Cardano network.'
             },
             {
                 id: 'registerStake',
@@ -211,8 +201,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         optional: false
                     }
                 ],
-                description:
-                    'Send the Ada to other Ada Holders in the cardano network.',
+                description: 'Send the Ada to other Ada Holders in the cardano network.',
                 canBeEvent: true
             }
         ]
@@ -371,8 +360,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         ]
                     }
                 ],
-                description:
-                    'Propose no confidence on the current constitutional committee'
+                description: 'Propose no confidence on the current constitutional committee'
             },
             {
                 id: 'updateCommittee',
diff --git a/frontend/src/shared/hocs/ThemeProvider.tsx b/frontend/src/shared/hocs/ThemeProvider.tsx
index 93bcf667..f602fc88 100644
--- a/frontend/src/shared/hocs/ThemeProvider.tsx
+++ b/frontend/src/shared/hocs/ThemeProvider.tsx
@@ -18,12 +18,7 @@ export default function ThemeProvider({
     emotionCache?: EmotionCache;
 }>) {
     return (
-        <NextThemeProvider
-            attribute="class"
-            enableSystem={true}
-            forcedTheme="light"
-            defaultTheme="light"
-        >
+        <NextThemeProvider attribute="class" enableSystem={true} forcedTheme="light" defaultTheme="light">
             <CacheProvider value={emotionCache}>
                 <MuiThemeProvider>
                     {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
diff --git a/frontend/src/store/customFetchBase.ts b/frontend/src/store/customFetchBase.ts
index cbfdd21d..dbaa537a 100644
--- a/frontend/src/store/customFetchBase.ts
+++ b/frontend/src/store/customFetchBase.ts
@@ -1,9 +1,4 @@
-import {
-    BaseQueryFn,
-    FetchArgs,
-    FetchBaseQueryError,
-    fetchBaseQuery
-} from '@reduxjs/toolkit/query';
+import { BaseQueryFn, FetchArgs, FetchBaseQueryError, fetchBaseQuery } from '@reduxjs/toolkit/query';
 import { Mutex } from 'async-mutex';
 
 import environments from '@app/configs/environments';
@@ -15,11 +10,11 @@ const baseQuery = fetchBaseQuery({
     baseUrl: environments.api.apiUrl
 });
 
-const customFetchBase: BaseQueryFn<
-    string | FetchArgs,
-    unknown,
-    FetchBaseQueryError
-> = async (args, api, extraOptions) => {
+const customFetchBase: BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError> = async (
+    args,
+    api,
+    extraOptions
+) => {
     // wait until the mutex is available without locking it
     await mutex.waitForUnlock();
     let result = await baseQuery(
diff --git a/frontend/src/store/enhancers.ts b/frontend/src/store/enhancers.ts
index 3a8f28d9..166a3d0c 100644
--- a/frontend/src/store/enhancers.ts
+++ b/frontend/src/store/enhancers.ts
@@ -18,10 +18,7 @@ export const monitorReducerEnhancer: any =
             const end = performance.now();
             const diff = round(end - start);
 
-            console.log(
-                `%c${action.type} Reducer process time ${diff} seconds`,
-                consoleStyle
-            );
+            console.log(`%c${action.type} Reducer process time ${diff} seconds`, consoleStyle);
 
             return newState;
         };
diff --git a/frontend/src/store/localStore.ts b/frontend/src/store/localStore.ts
index 9fe847bf..d783e27a 100644
--- a/frontend/src/store/localStore.ts
+++ b/frontend/src/store/localStore.ts
@@ -26,8 +26,7 @@ export const currentAgentNameAtom = atom('Agent Profile');
 
 export const adminAccessAtom = atomWithStorage<boolean>('adminAccess', false);
 
-export const currentConnectedWalletAtom =
-    atomWithStorage<ICurrentConnectedWallet | null>('currentWallet', null);
+export const currentConnectedWalletAtom = atomWithStorage<ICurrentConnectedWallet | null>('currentWallet', null);
 
 export const agentWithActiveStatus = atom<Record<string, boolean> | null>(null);
 
diff --git a/frontend/src/store/mutations/selectors.ts b/frontend/src/store/mutations/selectors.ts
index 79910665..aa37446e 100644
--- a/frontend/src/store/mutations/selectors.ts
+++ b/frontend/src/store/mutations/selectors.ts
@@ -1,5 +1,4 @@
 import { RootState } from '@app/store/store';
 
 // @ts-ignore
-export const selectPatchingTemplate = (state: RootState) =>
-    state.mutationStatus.patchTemplate;
+export const selectPatchingTemplate = (state: RootState) => state.mutationStatus.patchTemplate;
diff --git a/frontend/src/store/mutations/slice.ts b/frontend/src/store/mutations/slice.ts
index 93c108ac..19ca8db7 100644
--- a/frontend/src/store/mutations/slice.ts
+++ b/frontend/src/store/mutations/slice.ts
@@ -16,10 +16,7 @@ const statusSlice = createSlice({
     name: 'mutationStatus',
     initialState,
     reducers: {
-        updateStatus: (
-            state,
-            action: PayloadAction<{ endpoint: string; status: string }>
-        ) => {
+        updateStatus: (state, action: PayloadAction<{ endpoint: string; status: string }>) => {
             return {
                 ...state,
                 [action.payload.endpoint]: action.payload.status
diff --git a/frontend/src/store/store.ts b/frontend/src/store/store.ts
index b8483173..93ba3843 100644
--- a/frontend/src/store/store.ts
+++ b/frontend/src/store/store.ts
@@ -13,8 +13,7 @@ import joyrideSlice from '@app/store/tours/slice';
 const loggerMiddleware = createLogger({ collapsed: true });
 const middlewares: any = [loggerMiddleware];
 
-if (environments.IS_IN_PRODUCTION_MODE || environments.IS_REDUX_LOGGER_DISABLED)
-    middlewares.splice(0, 1);
+if (environments.IS_IN_PRODUCTION_MODE || environments.IS_REDUX_LOGGER_DISABLED) middlewares.splice(0, 1);
 
 const reducers = {
     [mutationStatusSlice.reducerPath]: mutationStatusSlice.reducer,
@@ -43,9 +42,7 @@ export const store = configureStore({
     devTools: !environments.IS_IN_PRODUCTION_MODE,
     enhancers: (getDefaultEnhancers) =>
         getDefaultEnhancers().concat(
-            environments.IS_IN_PRODUCTION_MODE || environments.IS_REDUX_LOGGER_DISABLED
-                ? []
-                : [monitorReducerEnhancer]
+            environments.IS_IN_PRODUCTION_MODE || environments.IS_REDUX_LOGGER_DISABLED ? [] : [monitorReducerEnhancer]
         )
 });
 
diff --git a/frontend/src/store/tours/slice.ts b/frontend/src/store/tours/slice.ts
index 52a867a9..be234300 100644
--- a/frontend/src/store/tours/slice.ts
+++ b/frontend/src/store/tours/slice.ts
@@ -26,9 +26,7 @@ const joyrideSlice = createSlice({
             state.joyrides[action.payload].finished = true;
             state.joyrides[action.payload].run = false;
 
-            const isAnyRunning = Object.values(state.joyrides).some(
-                (joyride) => joyride.run
-            );
+            const isAnyRunning = Object.values(state.joyrides).some((joyride) => joyride.run);
             state.isAnyJoyrideRunning = isAnyRunning;
         },
         setJoyrideState: (state, action: PayloadAction<JoyrideStateWithoutSteps>) => {
@@ -36,9 +34,7 @@ const joyrideSlice = createSlice({
             // @ts-ignore
             state.joyrides[id] = joyrideState;
 
-            const isAnyRunning = Object.values(state.joyrides).some(
-                (joyride) => joyride.run
-            );
+            const isAnyRunning = Object.values(state.joyrides).some((joyride) => joyride.run);
             state.isAnyJoyrideRunning = isAnyRunning;
         }
     }
diff --git a/frontend/src/stories/Button.tsx b/frontend/src/stories/Button.tsx
index 8a19694c..0f541e11 100644
--- a/frontend/src/stories/Button.tsx
+++ b/frontend/src/stories/Button.tsx
@@ -28,22 +28,10 @@ interface ButtonProps {
 /**
  * Primary UI component for user interaction
  */
-export const Button = ({
-    primary = false,
-    size = 'medium',
-    backgroundColor,
-    label,
-    ...props
-}: ButtonProps) => {
+export const Button = ({ primary = false, size = 'medium', backgroundColor, label, ...props }: ButtonProps) => {
     const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
     return (
-        <button
-            type="button"
-            className={['storybook-button', `storybook-button--${size}`, mode].join(
-                ' '
-            )}
-            {...props}
-        >
+        <button type="button" className={['storybook-button', `storybook-button--${size}`, mode].join(' ')} {...props}>
             {label}
             <style jsx>{`
                 button {
diff --git a/frontend/src/stories/Header.tsx b/frontend/src/stories/Header.tsx
index c757ef4b..0afab8b3 100644
--- a/frontend/src/stories/Header.tsx
+++ b/frontend/src/stories/Header.tsx
@@ -18,25 +18,14 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps
     <header>
         <div className="storybook-header">
             <div>
-                <svg
-                    width="32"
-                    height="32"
-                    viewBox="0 0 32 32"
-                    xmlns="http://www.w3.org/2000/svg"
-                >
+                <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                     <g fill="none" fillRule="evenodd">
                         <path
                             d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
                             fill="#FFF"
                         />
-                        <path
-                            d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
-                            fill="#555AB9"
-                        />
-                        <path
-                            d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
-                            fill="#91BAF8"
-                        />
+                        <path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9" />
+                        <path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8" />
                     </g>
                 </svg>
                 <h1>Acme</h1>
@@ -52,12 +41,7 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps
                 ) : (
                     <>
                         <Button size="small" onClick={onLogin} label="Log in" />
-                        <Button
-                            primary
-                            size="small"
-                            onClick={onCreateAccount}
-                            label="Sign up"
-                        />
+                        <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
                     </>
                 )}
             </div>
diff --git a/frontend/src/utils/TriggerHistoryUtils.ts b/frontend/src/utils/TriggerHistoryUtils.ts
index d69486d4..6d5dfd41 100644
--- a/frontend/src/utils/TriggerHistoryUtils.ts
+++ b/frontend/src/utils/TriggerHistoryUtils.ts
@@ -1,9 +1,7 @@
 import { IAgentTriggerHistory } from '@api/triggerHistory';
 
 export function filterSuccessTriggers(triggers: IAgentTriggerHistory[]) {
-    const filteredTriggers = triggers.filter(
-        (trigger: IAgentTriggerHistory) => trigger.success === true
-    );
+    const filteredTriggers = triggers.filter((trigger: IAgentTriggerHistory) => trigger.success === true);
     return filteredTriggers;
 }
 
@@ -11,13 +9,9 @@ export function calculateTriggerChangeRateforLast24Hours(
     // Calculates Change rate for Last 24 hours with last 48-24 hours.
     triggers: IAgentTriggerHistory[]
 ) {
-    const last24HourSuccessTransactionsCount =
-        getSuccessTriggersforLast24Hours(triggers).length;
+    const last24HourSuccessTransactionsCount = getSuccessTriggersforLast24Hours(triggers).length;
 
-    const prior24HourSuccessTransactionsCount = filterSuccessTriggersByDate(
-        triggers,
-        getYesterdayDate()
-    ).length;
+    const prior24HourSuccessTransactionsCount = filterSuccessTriggersByDate(triggers, getYesterdayDate()).length;
 
     if (prior24HourSuccessTransactionsCount === 0) {
         return last24HourSuccessTransactionsCount === 0 ? 0 : 100;
@@ -29,10 +23,7 @@ export function calculateTriggerChangeRateforLast24Hours(
     return changeRate;
 }
 
-export function filterSuccessTriggersByDate(
-    triggers: IAgentTriggerHistory[],
-    targetDate: string
-) {
+export function filterSuccessTriggersByDate(triggers: IAgentTriggerHistory[], targetDate: string) {
     const filteredTriggers = triggers.filter((trigger) => {
         const datePart = trigger.timestamp.split('T')[0];
         return datePart === targetDate && trigger.success === true;
@@ -46,10 +37,7 @@ export function getSuccessTriggersforLast24Hours(triggers: IAgentTriggerHistory[
     return successfullTriggers;
 }
 
-export function accumulateSuccessfullTriggersforLast24Hours(
-    triggers: IAgentTriggerHistory[],
-    n: number
-) {
+export function accumulateSuccessfullTriggersforLast24Hours(triggers: IAgentTriggerHistory[], n: number) {
     // Accumulates Last 24 Hours Successfull Transactions by n Hour difference in an Array and returns it
     // n should be less then 24!
     const last24HourSuccessTransactions = getSuccessTriggersforLast24Hours(triggers);
diff --git a/frontend/src/utils/agent.ts b/frontend/src/utils/agent.ts
index 6023c11d..03e85621 100644
--- a/frontend/src/utils/agent.ts
+++ b/frontend/src/utils/agent.ts
@@ -6,15 +6,11 @@ import { AgentTriggerFunctionType, IAgentTrigger } from '@models/types';
 export function isAgentActive({ last_active }: IAgent): boolean {
     if (!last_active) return false;
 
-    const diffInSeconds =
-        (new Date().getTime() - new Date(last_active).getTime()) / 1000;
+    const diffInSeconds = (new Date().getTime() - new Date(last_active).getTime()) / 1000;
     return diffInSeconds <= 33;
 }
 
-export function getConfiguredAgentTrigger(
-    func: AgentTriggerFunctionType,
-    value: string
-): IAgentTrigger {
+export function getConfiguredAgentTrigger(func: AgentTriggerFunctionType, value: string): IAgentTrigger {
     const trigger = AGENT_TRIGGER[func];
 
     if (!trigger) {
@@ -67,19 +63,12 @@ export function validateInputFieldForGroup(param: IParameter) {
     if (param.optional) {
         const isAnyFieldFilled =
             param.parameters?.some(
-                (param) =>
-                    param.value !== '' &&
-                    param.value !== undefined &&
-                    param.value !== null
+                (param) => param.value !== '' && param.value !== undefined && param.value !== null
             ) || false;
         if (isAnyFieldFilled) {
             return param.parameters.every((param: IParameter) => {
                 if (!param.optional) {
-                    return (
-                        param.value !== '' &&
-                        param.value !== undefined &&
-                        param.value !== null
-                    );
+                    return param.value !== '' && param.value !== undefined && param.value !== null;
                 }
                 return true;
             });
@@ -88,11 +77,7 @@ export function validateInputFieldForGroup(param: IParameter) {
     } else {
         return param.parameters.every((param: IParameter) => {
             if (!param.optional) {
-                return (
-                    param.value !== '' &&
-                    param.value !== undefined &&
-                    param.value !== null
-                );
+                return param.value !== '' && param.value !== undefined && param.value !== null;
             }
             return true;
         });
@@ -106,9 +91,7 @@ export function formatDatetoHumanReadable(inputDate: string | number): string {
         const lastActiveDate = new Date(inputDate);
         const currentDate = new Date();
 
-        const diffInSeconds = Math.floor(
-            (Number(currentDate) - Number(lastActiveDate)) / 1000
-        );
+        const diffInSeconds = Math.floor((Number(currentDate) - Number(lastActiveDate)) / 1000);
         const diffInMinutes = Math.floor(diffInSeconds / 60);
         const diffInHours = Math.floor(diffInMinutes / 60);
         const diffInDays = Math.floor(diffInHours / 24);
diff --git a/frontend/src/utils/axios.ts b/frontend/src/utils/axios.ts
index 7be1e653..797cc30a 100644
--- a/frontend/src/utils/axios.ts
+++ b/frontend/src/utils/axios.ts
@@ -10,11 +10,7 @@ axiosClient.interceptors.response.use(
     (response: any) => response,
     async (error: any) =>
         Promise.reject(
-            (error.response &&
-                error.response.data &&
-                error.response.data.message &&
-                error) ||
-                'Something went wrong'
+            (error.response && error.response.data && error.response.data.message && error) || 'Something went wrong'
         )
 );
 
diff --git a/frontend/src/utils/cardano.ts b/frontend/src/utils/cardano.ts
index 4210d0cf..79588f68 100644
--- a/frontend/src/utils/cardano.ts
+++ b/frontend/src/utils/cardano.ts
@@ -38,28 +38,17 @@ export function bech32toHex(bechAddress: string) {
 
 type TxPropTypes = 'string' | 'array' | 'object' | 'number' | 'bigint';
 
-type TxOperators =
-    | 'in'
-    | 'gt'
-    | 'gte'
-    | 'lt'
-    | 'lte'
-    | 'ne'
-    | 'eq'
-    | 'contains'
-    | 'exists';
+type TxOperators = 'in' | 'gt' | 'gte' | 'lt' | 'lte' | 'ne' | 'eq' | 'contains' | 'exists';
 
 function getOperatorList(operators: TxOperators[], type: TxPropTypes) {
     let localOperators: string[];
     switch (type) {
         case 'string':
-            localOperators = operators.filter((op) => ['contains', 'eq'].includes(op));
+            localOperators = ['contains', 'eq'];
             break;
         case 'number':
         case 'bigint':
-            localOperators = operators.filter((op) =>
-                ['lt', 'gte', 'lte', 'gt', 'eq'].includes(op)
-            );
+            localOperators = ['lt', 'gte', 'lte', 'gt', 'eq'];
             break;
         default:
             localOperators = operators;
@@ -71,11 +60,6 @@ function getOperatorList(operators: TxOperators[], type: TxPropTypes) {
 
 export function getNestedTxProperties(obj: ISchema) {
     const result: ISchema[] = [];
-    const txObjectOperators = obj.operators
-        ? Array.isArray(obj.operators)
-            ? obj.operators
-            : [obj.operators]
-        : ['eq'];
 
     function recursiveFlatten(property: ISchema, parentId: any = []) {
         const { id, type, properties, validator, operators } = property;
@@ -84,10 +68,7 @@ export function getNestedTxProperties(obj: ISchema) {
             id: newId,
             label: newId.join('.'),
             type,
-            operators: getOperatorList(
-                txObjectOperators as TxOperators[],
-                type as TxPropTypes
-            ),
+            operators: getOperatorList(obj.operators ? (obj.operators as TxOperators[]) : [], type as TxPropTypes),
             validator
         };
         if (properties && Array.isArray(properties)) {
diff --git a/frontend/src/utils/dateAndTimeUtils.ts b/frontend/src/utils/dateAndTimeUtils.ts
index 7c666c51..4aeceddd 100644
--- a/frontend/src/utils/dateAndTimeUtils.ts
+++ b/frontend/src/utils/dateAndTimeUtils.ts
@@ -76,10 +76,7 @@ export function determineCronTabAndSection(cronExpression: string) {
         checkIfDoesNotBelongsToSection(month)
     ) {
         return determineSection(year, 'Year');
-    } else if (
-        checkIfDoesNotBelongsToSection(minute) &&
-        checkIfDoesNotBelongsToSection(hour)
-    ) {
+    } else if (checkIfDoesNotBelongsToSection(minute) && checkIfDoesNotBelongsToSection(hour)) {
         return determineSection(day, 'Day');
     } else if (checkIfDoesNotBelongsToSection(minute)) {
         return determineSection(hour, 'Hour');
diff --git a/frontend/src/utils/formRenderer.ts b/frontend/src/utils/formRenderer.ts
index 92603a0c..ac710bf9 100644
--- a/frontend/src/utils/formRenderer.ts
+++ b/frontend/src/utils/formRenderer.ts
@@ -3,15 +3,12 @@ import { IFunctionsItem, IParameter } from '@models/types/functions';
 
 export function checkIfToFillAnyOneField(parameter: IParameter) {
     return parameter.parameters
-        ? !parameter?.optional &&
-              parameter.parameters?.every((param) => param?.optional)
+        ? !parameter?.optional && parameter.parameters?.every((param) => param?.optional)
         : false;
 }
 
 export function checkIfAllFieldsAreEmptyOrFilled(params?: IParameter[]) {
-    const isSomeFieldFilled = params?.some(
-        (param) => param.value != '' && param.value != undefined
-    );
+    const isSomeFieldFilled = params?.some((param) => param.value != '' && param.value != undefined);
     if (isSomeFieldFilled && params) {
         return params.every((param) => param.value != '' && param.value != undefined);
     }
@@ -31,9 +28,7 @@ export function validateForListType(param: IParameter) {
     if (!param.items) return false;
     if (param.optional) {
         return param.items.every((item) => {
-            const isAllFieldsEmptyOrFilled = checkIfAllFieldsAreEmptyOrFilled(
-                item.parameters
-            );
+            const isAllFieldsEmptyOrFilled = checkIfAllFieldsAreEmptyOrFilled(item.parameters);
             if (!isAllFieldsEmptyOrFilled) {
                 return checkIfAllRequiredFieldAreFilled(item.parameters);
             }
@@ -68,14 +63,10 @@ export async function validateForObjectType(param: IParameter) {
     if (param.optional) {
         return checkIfAllFieldsAreEmptyOrFilled(param.parameters);
     } else {
-        const allRequiredFieldFilled = checkIfAllRequiredFieldAreFilled(
-            param.parameters
-        );
+        const allRequiredFieldFilled = checkIfAllRequiredFieldAreFilled(param.parameters);
         if (!allRequiredFieldFilled) return false;
         else {
-            return param.parameters?.some(
-                (param) => param.value != '' && param.value != undefined
-            );
+            return param.parameters?.some((param) => param.value != '' && param.value != undefined);
         }
     }
 }
@@ -97,10 +88,7 @@ export async function validateForOptionType(param: IParameter) {
 }
 
 export function validateForInputType(parameter: IParameter) {
-    return !(
-        !parameter.optional &&
-        (parameter.value === '' || parameter.value === undefined)
-    );
+    return !(!parameter.optional && (parameter.value === '' || parameter.value === undefined));
 }
 
 export async function validateForDifferentType(param: IParameter) {
@@ -125,9 +113,7 @@ export function extractAnswerFromList(param: IParameter) {
     const filteredItems = param.items
         ? param.items.filter((item) => {
               return item.parameters
-                  ? item.parameters.every(
-                        (param) => param.value != '' && param.value != undefined
-                    )
+                  ? item.parameters.every((param) => param.value != '' && param.value != undefined)
                   : false;
           })
         : [];
@@ -137,9 +123,7 @@ export function extractAnswerFromList(param: IParameter) {
             filteredItems.forEach((item) => {
                 answerMap.set(
                     item.parameters![0].value,
-                    item.parameters![1].type === 'number'
-                        ? +item.parameters![1].value
-                        : -item.parameters![1].value
+                    item.parameters![1].type === 'number' ? +item.parameters![1].value : -item.parameters![1].value
                 );
             });
             return Object.fromEntries(answerMap);
@@ -156,9 +140,7 @@ export function extractAnswerFromList(param: IParameter) {
 
 export function extractAnswerFromObject(param: IParameter) {
     const paramsMap = new Map();
-    param.parameters?.forEach((param) =>
-        paramsMap.set(param.id, param.type === 'number' ? +param.value : param.value)
-    );
+    param.parameters?.forEach((param) => paramsMap.set(param.id, param.type === 'number' ? +param.value : param.value));
     return Object.fromEntries(paramsMap);
 }
 
diff --git a/frontend/src/views/atoms/Icons/Brands/Cardano.tsx b/frontend/src/views/atoms/Icons/Brands/Cardano.tsx
index 28f58335..afcad7d0 100644
--- a/frontend/src/views/atoms/Icons/Brands/Cardano.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Cardano.tsx
@@ -2,15 +2,7 @@ import React from 'react';
 
 export function Cardano(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            x="0px"
-            y="0px"
-            width="50"
-            height="50"
-            viewBox="0 0 50 50"
-            {...props}
-        >
+        <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" {...props}>
             <path d="M 25 3 A 1.5 1.5 0 0 0 23.5 4.5 A 1.5 1.5 0 0 0 25 6 A 1.5 1.5 0 0 0 26.5 4.5 A 1.5 1.5 0 0 0 25 3 z M 13.5 4.0800781 A 1 1 0 0 0 12.5 5.0800781 A 1 1 0 0 0 13.5 6.0800781 A 1 1 0 0 0 14.5 5.0800781 A 1 1 0 0 0 13.5 4.0800781 z M 36.5 4.0800781 A 1 1 0 0 0 35.5 5.0800781 A 1 1 0 0 0 36.5 6.0800781 A 1 1 0 0 0 37.5 5.0800781 A 1 1 0 0 0 36.5 4.0800781 z M 16.75 9.2109375 A 1.5 1.5 0 0 0 15.25 10.710938 A 1.5 1.5 0 0 0 16.75 12.210938 A 1.5 1.5 0 0 0 18.25 10.710938 A 1.5 1.5 0 0 0 16.75 9.2109375 z M 33.25 9.2109375 A 1.5 1.5 0 0 0 31.75 10.710938 A 1.5 1.5 0 0 0 33.25 12.210938 A 1.5 1.5 0 0 0 34.75 10.710938 A 1.5 1.5 0 0 0 33.25 9.2109375 z M 25 10 A 2 2 0 0 0 23 12 A 2 2 0 0 0 25 14 A 2 2 0 0 0 27 12 A 2 2 0 0 0 25 10 z M 7.2460938 13.25 A 1.5 1.5 0 0 0 5.7460938 14.75 A 1.5 1.5 0 0 0 7.2460938 16.25 A 1.5 1.5 0 0 0 8.7460938 14.75 A 1.5 1.5 0 0 0 7.2460938 13.25 z M 42.753906 13.25 A 1.5 1.5 0 0 0 41.253906 14.75 A 1.5 1.5 0 0 0 42.753906 16.25 A 1.5 1.5 0 0 0 44.253906 14.75 A 1.5 1.5 0 0 0 42.753906 13.25 z M 21 15 A 3 3 0 0 0 18 18 A 3 3 0 0 0 21 21 A 3 3 0 0 0 24 18 A 3 3 0 0 0 21 15 z M 29 15 A 3 3 0 0 0 26 18 A 3 3 0 0 0 29 21 A 3 3 0 0 0 32 18 A 3 3 0 0 0 29 15 z M 13.742188 16.5 A 2 2 0 0 0 11.742188 18.5 A 2 2 0 0 0 13.742188 20.5 A 2 2 0 0 0 15.742188 18.5 A 2 2 0 0 0 13.742188 16.5 z M 36.257812 16.5 A 2 2 0 0 0 34.257812 18.5 A 2 2 0 0 0 36.257812 20.5 A 2 2 0 0 0 38.257812 18.5 A 2 2 0 0 0 36.257812 16.5 z M 17 22 A 3 3 0 0 0 14 25 A 3 3 0 0 0 17 28 A 3 3 0 0 0 20 25 A 3 3 0 0 0 17 22 z M 33 22 A 3 3 0 0 0 30 25 A 3 3 0 0 0 33 28 A 3 3 0 0 0 36 25 A 3 3 0 0 0 33 22 z M 8.5 23.5 A 1.5 1.5 0 0 0 7 25 A 1.5 1.5 0 0 0 8.5 26.5 A 1.5 1.5 0 0 0 10 25 A 1.5 1.5 0 0 0 8.5 23.5 z M 41.5 23.5 A 1.5 1.5 0 0 0 40 25 A 1.5 1.5 0 0 0 41.5 26.5 A 1.5 1.5 0 0 0 43 25 A 1.5 1.5 0 0 0 41.5 23.5 z M 2 24 A 1 1 0 0 0 1 25 A 1 1 0 0 0 2 26 A 1 1 0 0 0 3 25 A 1 1 0 0 0 2 24 z M 48 24 A 1 1 0 0 0 47 25 A 1 1 0 0 0 48 26 A 1 1 0 0 0 49 25 A 1 1 0 0 0 48 24 z M 21 29 A 3 3 0 0 0 18 32 A 3 3 0 0 0 21 35 A 3 3 0 0 0 24 32 A 3 3 0 0 0 21 29 z M 29 29 A 3 3 0 0 0 26 32 A 3 3 0 0 0 29 35 A 3 3 0 0 0 32 32 A 3 3 0 0 0 29 29 z M 13.742188 29.5 A 2 2 0 0 0 11.742188 31.5 A 2 2 0 0 0 13.742188 33.5 A 2 2 0 0 0 15.742188 31.5 A 2 2 0 0 0 13.742188 29.5 z M 36.257812 29.5 A 2 2 0 0 0 34.257812 31.5 A 2 2 0 0 0 36.257812 33.5 A 2 2 0 0 0 38.257812 31.5 A 2 2 0 0 0 36.257812 29.5 z M 7.2460938 33.75 A 1.5 1.5 0 0 0 5.7460938 35.25 A 1.5 1.5 0 0 0 7.2460938 36.75 A 1.5 1.5 0 0 0 8.7460938 35.25 A 1.5 1.5 0 0 0 7.2460938 33.75 z M 42.753906 33.75 A 1.5 1.5 0 0 0 41.253906 35.25 A 1.5 1.5 0 0 0 42.753906 36.75 A 1.5 1.5 0 0 0 44.253906 35.25 A 1.5 1.5 0 0 0 42.753906 33.75 z M 25 36 A 2 2 0 0 0 23 38 A 2 2 0 0 0 25 40 A 2 2 0 0 0 27 38 A 2 2 0 0 0 25 36 z M 16.75 37.789062 A 1.5 1.5 0 0 0 15.25 39.289062 A 1.5 1.5 0 0 0 16.75 40.789062 A 1.5 1.5 0 0 0 18.25 39.289062 A 1.5 1.5 0 0 0 16.75 37.789062 z M 33.25 37.789062 A 1.5 1.5 0 0 0 31.75 39.289062 A 1.5 1.5 0 0 0 33.25 40.789062 A 1.5 1.5 0 0 0 34.75 39.289062 A 1.5 1.5 0 0 0 33.25 37.789062 z M 13.5 43.919922 A 1 1 0 0 0 12.5 44.919922 A 1 1 0 0 0 13.5 45.919922 A 1 1 0 0 0 14.5 44.919922 A 1 1 0 0 0 13.5 43.919922 z M 36.5 43.919922 A 1 1 0 0 0 35.5 44.919922 A 1 1 0 0 0 36.5 45.919922 A 1 1 0 0 0 37.5 44.919922 A 1 1 0 0 0 36.5 43.919922 z M 25 44 A 1.5 1.5 0 0 0 23.5 45.5 A 1.5 1.5 0 0 0 25 47 A 1.5 1.5 0 0 0 26.5 45.5 A 1.5 1.5 0 0 0 25 44 z"></path>
         </svg>
     );
diff --git a/frontend/src/views/atoms/Icons/Brands/Facebook.tsx b/frontend/src/views/atoms/Icons/Brands/Facebook.tsx
index 818f8f4e..fa239770 100644
--- a/frontend/src/views/atoms/Icons/Brands/Facebook.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Facebook.tsx
@@ -2,14 +2,7 @@ import React from 'react';
 
 export function Facebook(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            width="26"
-            height="26"
-            viewBox="0 0 26 26"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <circle cx="13" cy="13" r="13" fill="#1877F2" />
             <path
                 d="M16.4103 15.0485L16.8767 11.8155H13.9589V9.71751C13.9589 8.83302 14.3665 7.97088 15.6734 7.97088H17V5.21846C17 5.21846 15.796 5 14.645 5C12.2419 5 10.6712 6.54835 10.6712 9.35146V11.8155H8V15.0485H10.6712V22.8641C11.2069 22.9535 11.7558 23 12.3151 23C12.8743 23 13.4233 22.9535 13.9589 22.8641V15.0485H16.4103Z"
diff --git a/frontend/src/views/atoms/Icons/Brands/Google.tsx b/frontend/src/views/atoms/Icons/Brands/Google.tsx
index c1a4ca31..3880e254 100644
--- a/frontend/src/views/atoms/Icons/Brands/Google.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Google.tsx
@@ -2,13 +2,7 @@ import React from 'react';
 
 export const Google: React.FC<React.SVGAttributes<SVGElement>> = () => {
     return (
-        <svg
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 48 48"
-            height="12"
-            width="12"
-        >
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="12" width="12">
             <g>
                 <path
                     fill="#EA4335"
diff --git a/frontend/src/views/atoms/Icons/Brands/Instagram.tsx b/frontend/src/views/atoms/Icons/Brands/Instagram.tsx
index 079eb5c3..40ed0184 100644
--- a/frontend/src/views/atoms/Icons/Brands/Instagram.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Instagram.tsx
@@ -2,12 +2,7 @@ import React from 'react';
 
 export function Instagram(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 d="M12 8.74998C10.2051 8.74998 8.75 10.2051 8.75 12C8.75 13.7949 10.2051 15.25 12 15.25C13.7949 15.25 15.25 13.7949 15.25 12C15.25 10.2051 13.7949 8.74998 12 8.74998Z"
                 fill="currentColor"
diff --git a/frontend/src/views/atoms/Icons/Brands/Linkedin.tsx b/frontend/src/views/atoms/Icons/Brands/Linkedin.tsx
index fda62182..15e13abb 100644
--- a/frontend/src/views/atoms/Icons/Brands/Linkedin.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Linkedin.tsx
@@ -2,14 +2,7 @@ import React from 'react';
 
 export function Linkedin(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            width="26"
-            height="26"
-            viewBox="0 0 26 26"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <g clipPath="url(#clip0_718_1445)">
                 <path
                     d="M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z"
diff --git a/frontend/src/views/atoms/Icons/Brands/Provider.tsx b/frontend/src/views/atoms/Icons/Brands/Provider.tsx
index 0efdfa68..f36bfd05 100644
--- a/frontend/src/views/atoms/Icons/Brands/Provider.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Provider.tsx
@@ -12,20 +12,9 @@ const darkSvg = (
         style={svgStyle}
     >
         <defs>
-            <filter
-                x="-50%"
-                y="-50%"
-                width="200%"
-                height="200%"
-                filterUnits="objectBoundingBox"
-                id="filter-1"
-            >
+            <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
                 <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1" />
-                <feGaussianBlur
-                    stdDeviation="0.5"
-                    in="shadowOffsetOuter1"
-                    result="shadowBlurOuter1"
-                />
+                <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                 <feColorMatrix
                     values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0"
                     in="shadowBlurOuter1"
@@ -33,11 +22,7 @@ const darkSvg = (
                     result="shadowMatrixOuter1"
                 />
                 <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter2" />
-                <feGaussianBlur
-                    stdDeviation="0.5"
-                    in="shadowOffsetOuter2"
-                    result="shadowBlurOuter2"
-                />
+                <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter2" result="shadowBlurOuter2" />
                 <feColorMatrix
                     values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0"
                     in="shadowBlurOuter2"
@@ -53,20 +38,10 @@ const darkSvg = (
             <rect id="path-2" x="0" y="0" width="40" height="40" rx="2" />
             <rect id="path-3" x="5" y="5" width="38" height="38" rx="1" />
         </defs>
-        <g
-            id="Google-Button"
-            stroke="none"
-            strokeWidth="1"
-            fill="none"
-            fillRule="evenodd"
-        >
+        <g id="Google-Button" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <g id="9-PATCH" transform="translate(-608.000000, -219.000000)" />
             <g id="btn_google_dark_normal" transform="translate(-1.000000, -1.000000)">
-                <g
-                    id="button"
-                    transform="translate(4.000000, 4.000000)"
-                    filter="url(#filter-1)"
-                >
+                <g id="button" transform="translate(4.000000, 4.000000)" filter="url(#filter-1)">
                     <g id="button-bg">
                         <use fill="#4285F4" fillRule="evenodd" />
                         <use fill="none" />
@@ -119,20 +94,9 @@ const lightSvg = (
         style={svgStyle}
     >
         <defs>
-            <filter
-                x="-50%"
-                y="-50%"
-                width="200%"
-                height="200%"
-                filterUnits="objectBoundingBox"
-                id="filter-1"
-            >
+            <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
                 <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1" />
-                <feGaussianBlur
-                    stdDeviation="0.5"
-                    in="shadowOffsetOuter1"
-                    result="shadowBlurOuter1"
-                />
+                <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                 <feColorMatrix
                     values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0"
                     in="shadowBlurOuter1"
@@ -140,11 +104,7 @@ const lightSvg = (
                     result="shadowMatrixOuter1"
                 />
                 <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter2" />
-                <feGaussianBlur
-                    stdDeviation="0.5"
-                    in="shadowOffsetOuter2"
-                    result="shadowBlurOuter2"
-                />
+                <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter2" result="shadowBlurOuter2" />
                 <feColorMatrix
                     values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0"
                     in="shadowBlurOuter2"
@@ -159,20 +119,10 @@ const lightSvg = (
             </filter>
             <rect id="path-2" x="0" y="0" width="40" height="40" rx="2" />
         </defs>
-        <g
-            id="Google-Button"
-            stroke="none"
-            strokeWidth="1"
-            fill="none"
-            fillRule="evenodd"
-        >
+        <g id="Google-Button" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <g id="9-PATCH" transform="translate(-608.000000, -160.000000)" />
             <g id="btn_google_light_normal" transform="translate(-1.000000, -1.000000)">
-                <g
-                    id="button"
-                    transform="translate(4.000000, 4.000000)"
-                    filter="url(#filter-1)"
-                >
+                <g id="button" transform="translate(4.000000, 4.000000)" filter="url(#filter-1)">
                     <g id="button-bg">
                         <use fill="#FFFFFF" fillRule="evenodd" />
                         <use fill="none" />
@@ -221,18 +171,9 @@ const disabledSvg = (
         <defs>
             <rect id="path-1" x="0" y="0" width="40" height="40" rx="2" />
         </defs>
-        <g
-            id="Google-Button"
-            stroke="none"
-            strokeWidth="1"
-            fill="none"
-            fillRule="evenodd"
-        >
+        <g id="Google-Button" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <g id="9-PATCH" transform="translate(-788.000000, -219.000000)" />
-            <g
-                id="btn_google_dark_disabled"
-                transform="translate(-1.000000, -1.000000)"
-            >
+            <g id="btn_google_dark_disabled" transform="translate(-1.000000, -1.000000)">
                 <g id="button" transform="translate(4.000000, 4.000000)">
                     <g id="button-bg">
                         <use fillOpacity="0.08" fill="#000000" fillRule="evenodd" />
@@ -278,8 +219,7 @@ interface IProviderIconProps {
 }
 
 export const ProviderIcon = ({ disabled, type }: IProviderIconProps) => {
-    const getEnabledIcon =
-        type === 'dark' ? darkSvg : type === 'light' ? lightSvg : typeformSvg;
+    const getEnabledIcon = type === 'dark' ? darkSvg : type === 'light' ? lightSvg : typeformSvg;
     const getDisabledIcon = type === 'typeform' ? typeformSvg : disabledSvg;
 
     return (
diff --git a/frontend/src/views/atoms/Icons/Brands/Telegram.tsx b/frontend/src/views/atoms/Icons/Brands/Telegram.tsx
index fb61ee1d..e0b9efd2 100644
--- a/frontend/src/views/atoms/Icons/Brands/Telegram.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Telegram.tsx
@@ -2,12 +2,7 @@ import React from 'react';
 
 export function Telegram(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 fillRule="evenodd"
                 clipRule="evenodd"
diff --git a/frontend/src/views/atoms/Icons/Brands/Twitter.tsx b/frontend/src/views/atoms/Icons/Brands/Twitter.tsx
index f8cda1e6..73ca8754 100644
--- a/frontend/src/views/atoms/Icons/Brands/Twitter.tsx
+++ b/frontend/src/views/atoms/Icons/Brands/Twitter.tsx
@@ -2,14 +2,7 @@ import React from 'react';
 
 export function Twitter(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            width="26"
-            height="26"
-            viewBox="0 0 26 26"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 d="M13 0C20.1786 0 26 5.8214 26 13C26 20.1786 20.1786 26 13 26C5.8214 26 0 20.1786 0 13C0 5.8214 5.8214 0 13 0Z"
                 fill="#1DA1F2"
diff --git a/frontend/src/views/atoms/Icons/Button.tsx b/frontend/src/views/atoms/Icons/Button.tsx
index 76c523a6..c6022e51 100644
--- a/frontend/src/views/atoms/Icons/Button.tsx
+++ b/frontend/src/views/atoms/Icons/Button.tsx
@@ -2,24 +2,8 @@ import React from 'react';
 
 export default function ButtonIcon(props: React.SVGAttributes<SVGElement>) {
     return (
-        <svg
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
-            <rect
-                x="2"
-                y="7"
-                width="20"
-                height="10"
-                rx="1"
-                fill="currentColor"
-                stroke="currentColor"
-                strokeWidth="2"
-            />
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <rect x="2" y="7" width="20" height="10" rx="1" fill="currentColor" stroke="currentColor" strokeWidth="2" />
             <path
                 d="M4.33487 11.3633C4.3183 11.2082 4.24846 11.0875 4.12536 11.0011C4.00343 10.9147 3.84482 10.8714 3.6495 10.8714C3.51219 10.8714 3.39441 10.8922 3.29616 10.9336C3.19792 10.975 3.12275 11.0312 3.07067 11.1023C3.01858 11.1733 2.99195 11.2544 2.99077 11.3455C2.99077 11.4213 3.00793 11.487 3.04226 11.5426C3.07777 11.5982 3.12571 11.6456 3.18608 11.6847C3.24645 11.7225 3.31333 11.7545 3.38672 11.7805C3.46011 11.8066 3.53409 11.8285 3.60866 11.8462L3.94957 11.9315C4.08688 11.9634 4.21887 12.0066 4.34553 12.0611C4.47337 12.1155 4.58759 12.1842 4.68821 12.267C4.79001 12.3499 4.8705 12.4499 4.92969 12.5671C4.98887 12.6843 5.01847 12.8216 5.01847 12.979C5.01847 13.1921 4.96402 13.3797 4.85511 13.5419C4.74621 13.7029 4.58878 13.829 4.38281 13.9201C4.17803 14.0101 3.93004 14.055 3.63885 14.055C3.35594 14.055 3.11032 14.0112 2.90199 13.9237C2.69484 13.8361 2.53267 13.7082 2.41548 13.5401C2.29948 13.372 2.23674 13.1673 2.22727 12.9258H2.87536C2.88482 13.0524 2.92389 13.1578 2.99254 13.2418C3.0612 13.3259 3.15057 13.3886 3.26065 13.43C3.37192 13.4715 3.49621 13.4922 3.63352 13.4922C3.77675 13.4922 3.90223 13.4709 4.00994 13.4283C4.11884 13.3845 4.20407 13.3241 4.26562 13.2472C4.32718 13.169 4.35855 13.0779 4.35973 12.9737C4.35855 12.879 4.33073 12.8009 4.27628 12.7393C4.22183 12.6766 4.14548 12.6245 4.04723 12.5831C3.95017 12.5405 3.83653 12.5026 3.70632 12.4695L3.29261 12.3629C2.99313 12.286 2.75639 12.1694 2.58239 12.0131C2.40956 11.8557 2.32315 11.6468 2.32315 11.3864C2.32315 11.1721 2.38116 10.9845 2.49716 10.8235C2.61435 10.6625 2.77356 10.5376 2.97479 10.4489C3.17602 10.3589 3.40388 10.3139 3.65838 10.3139C3.91643 10.3139 4.14252 10.3589 4.33665 10.4489C4.53196 10.5376 4.68525 10.6613 4.79652 10.82C4.90779 10.9774 4.9652 11.1585 4.96875 11.3633H4.33487ZM8.04799 10.3636H8.70673V12.7393C8.70673 12.9998 8.64518 13.2288 8.52207 13.4265C8.40015 13.6242 8.22851 13.7786 8.00716 13.8899C7.7858 14 7.52716 14.055 7.23123 14.055C6.93412 14.055 6.67489 14 6.45353 13.8899C6.23218 13.7786 6.06054 13.6242 5.93862 13.4265C5.8167 13.2288 5.75574 12.9998 5.75574 12.7393V10.3636H6.41447V12.6843C6.41447 12.8358 6.44761 12.9708 6.5139 13.0891C6.58137 13.2075 6.67607 13.3004 6.79799 13.3679C6.91992 13.4342 7.06433 13.4673 7.23123 13.4673C7.39814 13.4673 7.54255 13.4342 7.66447 13.3679C7.78758 13.3004 7.88227 13.2075 7.94856 13.0891C8.01485 12.9708 8.04799 12.8358 8.04799 12.6843V10.3636ZM9.57273 14V10.3636H10.9648C11.2276 10.3636 11.446 10.4051 11.62 10.4879C11.7951 10.5696 11.9259 10.6815 12.0124 10.8235C12.1 10.9656 12.1438 11.1265 12.1438 11.3065C12.1438 11.4544 12.1153 11.5811 12.0585 11.6864C12.0017 11.7906 11.9254 11.8752 11.8295 11.9403C11.7336 12.0054 11.6265 12.0522 11.5081 12.0806V12.1161C11.6371 12.1232 11.7608 12.1629 11.8792 12.2351C11.9987 12.3061 12.0964 12.4067 12.1722 12.5369C12.2479 12.6671 12.2858 12.8246 12.2858 13.0092C12.2858 13.1974 12.2402 13.3667 12.1491 13.517C12.0579 13.6662 11.9206 13.784 11.7371 13.8704C11.5537 13.9568 11.3228 14 11.0447 14H9.57273ZM10.2315 13.4496H10.9399C11.179 13.4496 11.3513 13.404 11.4566 13.3129C11.5631 13.2205 11.6164 13.1022 11.6164 12.9577C11.6164 12.85 11.5898 12.753 11.5365 12.6665C11.4832 12.579 11.4075 12.5103 11.3092 12.4606C11.211 12.4097 11.0938 12.3842 10.9577 12.3842H10.2315V13.4496ZM10.2315 11.9102H10.8831C10.9967 11.9102 11.0991 11.8894 11.1903 11.848C11.2814 11.8054 11.353 11.7456 11.4051 11.6687C11.4584 11.5906 11.485 11.4982 11.485 11.3917C11.485 11.2508 11.4353 11.1348 11.3359 11.0437C11.2376 10.9525 11.0914 10.907 10.8973 10.907H10.2315V11.9102ZM13.0089 10.3636H13.815L14.8945 12.9986H14.9371L16.0167 10.3636H16.8228V14H16.1907V11.5018H16.1569L15.152 13.9893H14.6797L13.6747 11.4964H13.641V14H13.0089V10.3636ZM18.3488 10.3636V14H17.6901V10.3636H18.3488ZM19.0524 10.9158V10.3636H21.9537V10.9158H20.8297V14H20.1763V10.9158H19.0524Z"
                 fill="white"
diff --git a/frontend/src/views/atoms/Icons/Warning.tsx b/frontend/src/views/atoms/Icons/Warning.tsx
index d3a6042b..3540bb47 100644
--- a/frontend/src/views/atoms/Icons/Warning.tsx
+++ b/frontend/src/views/atoms/Icons/Warning.tsx
@@ -2,14 +2,7 @@ import React from 'react';
 
 export function Warning(props: React.SVGAttributes<any>) {
     return (
-        <svg
-            width="18"
-            height="17"
-            viewBox="0 0 18 17"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            {...props}
-        >
+        <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
             <path
                 d="M9.90485 5.61505C9.90485 6.11478 9.49975 6.51989 9.00002 6.51989C8.50029 6.51989 8.09518 6.11478 8.09518 5.61505C8.09518 5.11533 8.50029 4.71022 9.00002 4.71022C9.49975 4.71022 9.90485 5.11533 9.90485 5.61505Z"
                 fill="currentColor"
diff --git a/frontend/src/views/atoms/Joyride/JoyrideStepTitleAndContent.tsx b/frontend/src/views/atoms/Joyride/JoyrideStepTitleAndContent.tsx
index aaadc341..1d105b6a 100644
--- a/frontend/src/views/atoms/Joyride/JoyrideStepTitleAndContent.tsx
+++ b/frontend/src/views/atoms/Joyride/JoyrideStepTitleAndContent.tsx
@@ -4,10 +4,6 @@ export function JoyrideStepTitle({ text }: { text: string }) {
     return <span className="sh3">{text}</span>;
 }
 
-export function JoyrideStepContent({
-    children
-}: {
-    children: React.ReactNode | React.ReactNode[] | string;
-}) {
+export function JoyrideStepContent({ children }: { children: React.ReactNode | React.ReactNode[] | string }) {
     return <p className="body4">{children}</p>;
 }
diff --git a/frontend/src/views/atoms/Joyride/JoyrideTooltip.tsx b/frontend/src/views/atoms/Joyride/JoyrideTooltip.tsx
index 03fd4fe1..255328c8 100644
--- a/frontend/src/views/atoms/Joyride/JoyrideTooltip.tsx
+++ b/frontend/src/views/atoms/Joyride/JoyrideTooltip.tsx
@@ -16,40 +16,22 @@ export default function JoyrideTooltip({
     size
 }: TooltipRenderProps) {
     return (
-        <div
-            {...tooltipProps}
-            className="flex w-80 flex-col gap-4 rounded bg-white p-6"
-        >
+        <div {...tooltipProps} className="flex w-80 flex-col gap-4 rounded bg-white p-6">
             {step.title && <div className="h-full w-full">{step.title}</div>}
             <div className="h-full w-full">{step.content}</div>
             <div className="flex h-full w-full justify-end gap-4">
                 {index > 0 && (
-                    <Button
-                        className="capitalize"
-                        variant="text"
-                        color="inherit"
-                        {...backProps}
-                    >
+                    <Button className="capitalize" variant="text" color="inherit" {...backProps}>
                         Back
                     </Button>
                 )}
                 {(!continuous || index === 0) && (
-                    <Button
-                        className="capitalize"
-                        variant="text"
-                        color="error"
-                        {...closeProps}
-                    >
+                    <Button className="capitalize" variant="text" color="error" {...closeProps}>
                         Close
                     </Button>
                 )}
                 {continuous && (
-                    <Button
-                        className="capitalize"
-                        variant="text"
-                        color="primary"
-                        {...primaryProps}
-                    >
+                    <Button className="capitalize" variant="text" color="primary" {...primaryProps}>
                         {isLastStep ? 'Last Step' : `Next (${index + 1} / ${size})`}
                     </Button>
                 )}
diff --git a/frontend/src/views/atoms/Joyride/index.tsx b/frontend/src/views/atoms/Joyride/index.tsx
index 205f1e5b..0bb9a9a7 100644
--- a/frontend/src/views/atoms/Joyride/index.tsx
+++ b/frontend/src/views/atoms/Joyride/index.tsx
@@ -1,15 +1,6 @@
 import React, { useEffect, useState } from 'react';
 
-import Jr, {
-    ACTIONS,
-    BeaconRenderProps,
-    CallBackProps,
-    EVENTS,
-    LIFECYCLE,
-    STATUS,
-    Step,
-    Styles
-} from 'react-joyride';
+import Jr, { ACTIONS, BeaconRenderProps, CallBackProps, EVENTS, LIFECYCLE, STATUS, Step, Styles } from 'react-joyride';
 
 import { JoyrideState } from '@app/models/dtos/joyride';
 import { useAppDispatch, useAppSelector } from '@app/store/hooks';
@@ -204,9 +195,7 @@ export default function Joyride({
             scrollToFirstStep={scrollToFirstStep}
             scrollOffset={scrollOffset}
             // @ts-ignore
-            beaconComponent={
-                BeaconComponent as unknown as React.ReactElement<BeaconRenderProps>
-            }
+            beaconComponent={BeaconComponent as unknown as React.ReactElement<BeaconRenderProps>}
             continuous={continuous}
             showProgress={showProgress}
             spotlightClicks={spotlightClicks}
diff --git a/frontend/src/views/atoms/Loaders/Loader.tsx b/frontend/src/views/atoms/Loaders/Loader.tsx
index a888374a..832c002a 100644
--- a/frontend/src/views/atoms/Loaders/Loader.tsx
+++ b/frontend/src/views/atoms/Loaders/Loader.tsx
@@ -2,8 +2,7 @@ import cn from 'classnames';
 
 export type LoaderSizeTypes = 'large' | 'medium' | 'small';
 export type LoaderVariantTypes = 'blink' | 'scaleUp' | 'moveUp';
-export interface LoaderTypes
-    extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+export interface LoaderTypes extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     tag?: 'div' | 'span';
     size?: LoaderSizeTypes;
     variant?: LoaderVariantTypes;
@@ -27,9 +26,7 @@ function handleLoaderPosition(size: LoaderSizeTypes) {
 }
 
 function handleVariantClasses(variant: LoaderVariantTypes, size: LoaderSizeTypes) {
-    return variant === 'moveUp' && size === 'small'
-        ? 'animate-move-up-small'
-        : variants[variant];
+    return variant === 'moveUp' && size === 'small' ? 'animate-move-up-small' : variants[variant];
 }
 
 export default function Loader({
@@ -42,11 +39,7 @@ export default function Loader({
     const Component = tag;
     return (
         <Component
-            className={cn(
-                'flex items-center gap-2',
-                variant === 'moveUp' && handleLoaderPosition(size),
-                className
-            )}
+            className={cn('flex items-center gap-2', variant === 'moveUp' && handleLoaderPosition(size), className)}
         >
             <span
                 className={cn(

From a3725a03f44e05fb89a106e5ec27915a321f5fc3 Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Fri, 3 Jan 2025 14:39:54 +0545
Subject: [PATCH 38/42] fix: Add support for `Address` and `Value`

---
 agent-node/src/utils/cardano.ts         | 19 ----------
 agent-node/src/utils/operatorSupport.ts | 47 +++++++++++++++++++++++--
 agent-node/src/utils/validator.ts       | 11 ++----
 3 files changed, 47 insertions(+), 30 deletions(-)

diff --git a/agent-node/src/utils/cardano.ts b/agent-node/src/utils/cardano.ts
index b10e125d..2f87e9b1 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -18,25 +18,6 @@ export function rewardAddressBech32(networkId: number, stakevkh: string): string
     return bech32.encode(prefix, bech32.toWords(Buffer.from(rewardAddressRawBytes(networkId, stakevkh))), 200)
 }
 
-export function convertToBufferIfBech32(address: any): Buffer | string | any {
-    if (!address) return ''
-    else if (typeof address !== 'string') return address
-    else if (address.includes('stake') || address.includes('drep') || address.includes('addr')) {
-        const decoded = bech32.decode(address, 1000)
-        const data = bech32.fromWords(decoded.words)
-        return Buffer.from(data)
-    }
-    return address
-}
-
-export function convertToHexIfBech32(address: string): string {
-    const bufferVal = convertToBufferIfBech32(address)
-    if (Buffer.isBuffer(bufferVal)) {
-        return bufferVal.toString('hex')
-    }
-    return bufferVal
-}
-
 export function loadRootKeyFromBuffer() {
     const rootKeyBuffer = globalRootKeyBuffer.value
     if (!rootKeyBuffer) {
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index aaa89f73..977374a6 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -64,6 +64,12 @@ class LogicalFunctions {
                 if (aClass === 'buffer' && !Buffer.isBuffer(b)) {
                     const convertedBuffer = Buffer.from(b)
                     return aHandlers[operator](a, convertedBuffer)
+                } else if (aClass === 'Value' && bClass !== 'Value') {
+                    const convertedTypeValueOperand = a.constructor.fromString(b)
+                    return aHandlers[operator](a, convertedTypeValueOperand)
+                } else if (aClass === 'ShelleyAddress' && bClass !== 'ShelleyAddress') {
+                    const convertedTypeValueOperand = a.constructor.fromAny(b)
+                    return aHandlers[operator](a, convertedTypeValueOperand)
                 }
                 return aHandlers[operator](a, b)
             }
@@ -76,6 +82,12 @@ class LogicalFunctions {
                 if (aClass.toLowerCase() === 'buffer' && !Buffer.isBuffer(b)) {
                     const convertedBuffer = Buffer.from(b, 'hex')
                     return aHandlers[operator](a, convertedBuffer)
+                } else if (aClass === 'Value' && bClass !== 'Value') {
+                    const convertedTypeValueOperand = a.constructor.fromString(b)
+                    return aHandlers[operator](a, convertedTypeValueOperand)
+                } else if (aClass === 'ShelleyAddress' && bClass !== 'ShelleyAddress') {
+                    const convertedTypeValueOperand = a.constructor.fromAny(b)
+                    return aHandlers[operator](a, convertedTypeValueOperand)
                 }
                 return aHandlers[operator](a, b)
             }
@@ -89,6 +101,28 @@ class LogicalFunctions {
             }
         }
 
+        // check for static method fromString()
+        if (a.constructor.fromString && a.constructor.compare) {
+            try {
+                const convertedOperandB = a.constructor.fromString(b)
+                return a.constructor.compare(convertedOperandB)
+            } catch (err) {
+                console.error(`Operand B of type ${bClass} could not be converted to class ${aClass}`)
+                return false
+            }
+        }
+
+        // check for static method fromAny()
+        if (a.constructor.fromAny && a.constructor.compare) {
+            try {
+                const convertedOperandB = a.constructor.fromAny(b)
+                return a.constructor.compare(convertedOperandB)
+            } catch (err) {
+                console.error(`Operand B of type ${bClass} could not be converted to class ${aClass}`)
+                return false
+            }
+        }
+
         console.log('typeHandlers', JSON.stringify(Array.from(this.typeHandlers.keys()), undefined, 2))
         console.log('typeHandlersvalues', JSON.stringify(Array.from(this.typeHandlers.values()), undefined, 2))
 
@@ -119,12 +153,21 @@ _logicalFunctions.register('string', 'contains', (a: string, b: string) => a.inc
 
 // Register handlers for buffers
 _logicalFunctions.register('buffer', '==', (a: Buffer, b: Buffer) => a.equals(b))
-
 _logicalFunctions.register('buffer', '!=', (a: Buffer, b: Buffer) => !a.equals(b))
-
 _logicalFunctions.register('buffer', '>', (a: Buffer, b: Buffer) => a.compare(b) > 0)
 _logicalFunctions.register('buffer', '<', (a: Buffer, b: Buffer) => a.compare(b) < 0)
 _logicalFunctions.register('buffer', '>=', (a: Buffer, b: Buffer) => a.compare(b) >= 0)
 _logicalFunctions.register('buffer', '<=', (a: Buffer, b: Buffer) => a.compare(b) <= 0)
 
+// Register handlers for type Value
+_logicalFunctions.register('Value', '==', (a: any, b: any) => a.equals(b))
+_logicalFunctions.register('Value', '!=', (a: any, b: any) => !a.equals(b))
+_logicalFunctions.register('Value', '>', (a: any, b: any) => a.greaterThan(b))
+_logicalFunctions.register('Value', '<', (a: any, b: any) => a.lessThan(b))
+_logicalFunctions.register('Value', '>=', (a: any, b: any) => a.greaterThanOrEqualsTo(b))
+_logicalFunctions.register('Value', '<=', (a: any, b: any) => a.lessThanOrEqualsTo(b))
+
+// Register handlers for type ShelleyAddress
+_logicalFunctions.register('ShelleyAddress', '==', (a: any, b: any) => a.equals(b))
+
 export const logicalFunctions = _logicalFunctions
diff --git a/agent-node/src/utils/validator.ts b/agent-node/src/utils/validator.ts
index d49999ab..fbee26e7 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,4 +1,3 @@
-import { convertToBufferIfBech32 } from './cardano'
 import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
 import { logicalFunctions } from './operatorSupport'
 
@@ -31,14 +30,8 @@ export function compareValue(
     txPropertyVal: any,
     property_path: string[]
 ) {
-    // if(txPropertyVal.constructor.name == 'Buffer')
-    //   console.debug(`compareValue[${property_path.join('.')}] (${operator},0x${txPropertyVal.toString('hex')}, ${objectProperty})`)
-    // else
-    //   console.debug(`compareValue[${property_path.join('.')}] (${operator},${txPropertyVal}, ${objectProperty})`)
-
-    const filterValue = convertToBufferIfBech32(objectProperty)
-    console.debug('filterValue=' + filterValue + ', txPropertyVal= ' + txPropertyVal)
-    const result = logicalFunctions.execute(operator, txPropertyVal, filterValue)
+    console.debug('filterValue=' + objectProperty + ', txPropertyVal= ' + txPropertyVal)
+    const result = logicalFunctions.execute(operator, txPropertyVal, objectProperty)
 
     if (txPropertyVal.constructor.name == 'Buffer') {
         console.debug(

From 04945b99f645f3423177ea8b1ed8d3b13884e18e Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Fri, 3 Jan 2025 15:47:44 +0545
Subject: [PATCH 39/42] fix: Add index of filtered proposals for voting

---
 agent-node/src/functions/voteOnProposal.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/agent-node/src/functions/voteOnProposal.ts b/agent-node/src/functions/voteOnProposal.ts
index 0c655852..2a141852 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -42,9 +42,9 @@ export function filter(context: FunctionContext) {
         const filters = context.filter['proposalProcedures']
         const matchedFilterIndexes = filters.map((i: any) => !!i.matchedIndex)
         return matchedFilterIndexes.length
-            ? matchedFilterIndexes.map((p: any, index: number) => ({
+            ? matchedFilterIndexes.map((p: any) => ({
                   name: 'proposalId',
-                  value: `${tx.hash.toString('hex')}#${index}`,
+                  value: `${tx.hash.toString('hex')}#${p.matchedIndex}`,
               }))
             : null
     } catch (err) {

From df6122894938853343dab558d9f9e6f1c1daccdc Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Fri, 3 Jan 2025 15:57:30 +0545
Subject: [PATCH 40/42] fix: Update libcardano library

---
 agent-manager/src/config/tracer.ts            |   4 +-
 agent-manager/src/index.ts                    |   4 +-
 agent-node/package.json                       |   2 +-
 agent-node/src/service/RpcTopicHandler.ts     |  10 +-
 agent-node/src/utils/operatorSupport.ts       |  16 +-
 agent-node/yarn.lock                          | 293 +-----------------
 frontend/package.json                         |   2 +-
 .../components/event/EventTab.tsx             |   2 +-
 frontend/yarn.lock                            |   8 +-
 9 files changed, 46 insertions(+), 295 deletions(-)

diff --git a/agent-manager/src/config/tracer.ts b/agent-manager/src/config/tracer.ts
index d56f8e56..3976ec6a 100644
--- a/agent-manager/src/config/tracer.ts
+++ b/agent-manager/src/config/tracer.ts
@@ -1,6 +1,8 @@
 import { ParameterizedMessageObject, Span, Transaction } from 'elastic-apm-node'
 
-import apm from 'elastic-apm-node'
+import apmAgent from 'elastic-apm-node'
+
+export const apm = apmAgent
 
 function readConfig() {
     if (process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_API_KEY && process.env.ELASTIC_APM_ENVIRONMENT) {
diff --git a/agent-manager/src/index.ts b/agent-manager/src/index.ts
index 9d43727c..be05f133 100644
--- a/agent-manager/src/index.ts
+++ b/agent-manager/src/index.ts
@@ -3,8 +3,8 @@ process.env.ELASTIC_APM_SERVICE_NAME = 'autonomous-agents-manager'
 process.env.ELASTIC_APM_ENVIRONMENT = process.env.ELASTIC_APM_ENVIRONMENT || 'local'
 import * as dotenv from 'dotenv'
 dotenv.config()
-import * as agent from 'elastic-apm-node/start'
-agent
+// import * as agent from 'elastic-apm-node/start'
+// agent
 import { startTransaction } from './config/tracer'
 import { cardanoNodeStatus } from './service/healthCheck/cardanoNode'
 import healthCheck from './controller/health'
diff --git a/agent-node/package.json b/agent-node/package.json
index d4675574..b87c7aab 100644
--- a/agent-node/package.json
+++ b/agent-node/package.json
@@ -23,7 +23,7 @@
         "bech32": "^2.0.0",
         "dotenv": "^16.4.5",
         "kuber-client": "^2.0.0",
-        "libcardano": "1.4.11",
+        "libcardano": "1.4.17",
         "luxon": "^3.4.4",
         "node-cron": "^3.0.3",
         "ws": "^8.18.0"
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index fd7d9ef2..1898a397 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -13,11 +13,13 @@ export class RpcTopicHandler {
     managerInterface: ManagerInterface
     txListener: TxListener
     eventTriggerHandlers: EventTriggerHandler
+
     constructor(managerInterface: ManagerInterface, txListener: TxListener) {
         this.managerInterface = managerInterface
         this.txListener = txListener
         this.eventTriggerHandlers = new EventTriggerHandler(this.managerInterface)
     }
+
     handleEvent(
         eventName: string,
         message: any,
@@ -44,6 +46,7 @@ export class RpcTopicHandler {
         this.txListener.onBlock({ ...block, body: transactions })
         this.eventTriggerHandlers.onBlock({ ...block, body: transactions }, agentRunners)
     }
+
     initial_config(message: any, agentRunners: Array<AgentRunner>, scheduledTasks: ScheduledTask[]) {
         const { configurations } = message
         const eventBasedActions = formatEventFilter(checkIfAgentWithEventTriggerTypeExists(configurations))
@@ -54,6 +57,7 @@ export class RpcTopicHandler {
             scheduleFunctions(this.managerInterface, runner, configurations, index, scheduledTasks)
         })
     }
+
     config_updated(message: any, agentRunners: Array<AgentRunner>, scheduledTasks: ScheduledTask[]) {
         const { instanceCount, configurations } = message
         if (instanceCount != agentRunners.length) {
@@ -70,7 +74,10 @@ export class RpcTopicHandler {
                     })
             }
         }
-        checkIfAgentWithEventTriggerTypeExists(configurations)
+        const eventBasedActions = formatEventFilter(checkIfAgentWithEventTriggerTypeExists(configurations))
+        if (eventBasedActions) {
+            this.eventTriggerHandlers.addEventActions(eventBasedActions)
+        }
         clearScheduledTasks(scheduledTasks)
         agentRunners.forEach((runner, index) => {
             scheduleFunctions(this.managerInterface, runner, configurations, index, scheduledTasks)
@@ -78,5 +85,6 @@ export class RpcTopicHandler {
     }
 
     agent_keys(message: any) {}
+
     instance_count(args: any) {}
 }
diff --git a/agent-node/src/utils/operatorSupport.ts b/agent-node/src/utils/operatorSupport.ts
index 977374a6..a5c41836 100644
--- a/agent-node/src/utils/operatorSupport.ts
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -1,3 +1,5 @@
+import { ShelleyAddress, Value } from 'libcardano'
+
 type TypeHandler = (a: any, b: any) => boolean
 
 const operatorNameToSymbol: Record<string, string> = {
@@ -160,14 +162,14 @@ _logicalFunctions.register('buffer', '>=', (a: Buffer, b: Buffer) => a.compare(b
 _logicalFunctions.register('buffer', '<=', (a: Buffer, b: Buffer) => a.compare(b) <= 0)
 
 // Register handlers for type Value
-_logicalFunctions.register('Value', '==', (a: any, b: any) => a.equals(b))
-_logicalFunctions.register('Value', '!=', (a: any, b: any) => !a.equals(b))
-_logicalFunctions.register('Value', '>', (a: any, b: any) => a.greaterThan(b))
-_logicalFunctions.register('Value', '<', (a: any, b: any) => a.lessThan(b))
-_logicalFunctions.register('Value', '>=', (a: any, b: any) => a.greaterThanOrEqualsTo(b))
-_logicalFunctions.register('Value', '<=', (a: any, b: any) => a.lessThanOrEqualsTo(b))
+_logicalFunctions.register('Value', '==', (a: Value, b: Value) => a.equals(b))
+_logicalFunctions.register('Value', '!=', (a: Value, b: Value) => !a.equals(b))
+_logicalFunctions.register('Value', '>', (a: Value, b: Value) => a.greaterThan(b))
+_logicalFunctions.register('Value', '<', (a: Value, b: Value) => a.lessThan(b))
+_logicalFunctions.register('Value', '>=', (a: Value, b: Value) => a.greaterThanOrEqualsTo(b))
+_logicalFunctions.register('Value', '<=', (a: Value, b: Value) => a.lessThanOrEqualsTo(b))
 
 // Register handlers for type ShelleyAddress
-_logicalFunctions.register('ShelleyAddress', '==', (a: any, b: any) => a.equals(b))
+_logicalFunctions.register('ShelleyAddress', '==', (a: ShelleyAddress, b: ShelleyAddress) => a.equals(b))
 
 export const logicalFunctions = _logicalFunctions
diff --git a/agent-node/yarn.lock b/agent-node/yarn.lock
index d0403594..60f76d15 100644
--- a/agent-node/yarn.lock
+++ b/agent-node/yarn.lock
@@ -51,11 +51,6 @@
   resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-asmjs/-/cardano-serialization-lib-asmjs-11.5.0.tgz#0c71fc8fedce8ae8304180d40dfb5ca76f76e8f0"
   integrity sha512-QQkavjEug/EmBFg02bmSg0eLYiOaRa1lmRG8q6fGRkx3O9BX1iZQDZJmirPDBTkTO3CpNB0q9se8DQFFcjREIw==
 
-"@emurgo/cardano-serialization-lib-nodejs@^11.5.0":
-  version "11.5.0"
-  resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-nodejs/-/cardano-serialization-lib-nodejs-11.5.0.tgz#0662e2a17d7d1e944f8cdb86396133c8edaec059"
-  integrity sha512-IlVABlRgo9XaTR1NunwZpWcxnfEv04ba2l1vkUz4S1W7Jt36F4CtffP+jPeqBZGnAe+fnUwo0XjIJC3ZTNToNQ==
-
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -623,11 +618,6 @@ ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ansi-colors@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
-  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
-
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -655,14 +645,6 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
 aproba@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -714,11 +696,6 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-assertion-error@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
-  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
-
 async@^2.6.2:
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
@@ -765,7 +742,7 @@ bin-links@^4.0.1:
     read-cmd-shim "^4.0.0"
     write-file-atomic "^5.0.0"
 
-binary-extensions@^2.0.0, binary-extensions@^2.2.0:
+binary-extensions@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
@@ -844,18 +821,13 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.3, braces@~3.0.2:
+braces@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
   integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
     fill-range "^7.1.1"
 
-browser-stdout@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
-  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
-
 buffer-alloc-unsafe@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
@@ -945,11 +917,6 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase@^6.0.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
 cbor@^9.0.0:
   version "9.0.2"
   resolved "https://registry.yarnpkg.com/cbor/-/cbor-9.0.2.tgz#536b4f2d544411e70ec2b19a2453f10f83cd9fdb"
@@ -957,17 +924,6 @@ cbor@^9.0.0:
   dependencies:
     nofilter "^3.1.0"
 
-chai@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.1.1.tgz#f035d9792a22b481ead1c65908d14bb62ec1c82c"
-  integrity sha512-pT1ZgP8rPNqUgieVaEY+ryQr6Q4HXNg8Ei9UnLUrjN4IA7dvQC5JB+/kxVcPNDHyBcc/26CXPkbNzq3qwrOEKA==
-  dependencies:
-    assertion-error "^2.0.1"
-    check-error "^2.1.1"
-    deep-eql "^5.0.1"
-    loupe "^3.1.0"
-    pathval "^2.0.0"
-
 chainsaw@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98"
@@ -975,7 +931,7 @@ chainsaw@~0.1.0:
   dependencies:
     traverse ">=0.3.0 <0.4"
 
-chalk@^4.0.0, chalk@^4.1.0:
+chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -988,26 +944,6 @@ chalk@^5.3.0:
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
   integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
 
-check-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
-  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
-
-chokidar@^3.5.3:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 chownr@^1.0.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -1060,15 +996,6 @@ cli-table3@^0.6.3:
   optionalDependencies:
     "@colors/colors" "1.5.0"
 
-cliui@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
-  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^7.0.0"
-
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
@@ -1186,7 +1113,7 @@ d@1, d@^1.0.1, d@^1.0.2:
     es5-ext "^0.10.64"
     type "^2.7.2"
 
-debug@4, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.3.5:
+debug@4, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
   integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
@@ -1200,11 +1127,6 @@ debug@^2.1.3, debug@^2.2.0:
   dependencies:
     ms "2.0.0"
 
-decamelize@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-4.0.0.tgz#aa472d7bf660eb15f3494efd531cab7f2a709837"
-  integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
-
 decompress-response@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
@@ -1212,11 +1134,6 @@ decompress-response@^3.3.0:
   dependencies:
     mimic-response "^1.0.0"
 
-deep-eql@^5.0.1:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
-  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
-
 deep-extend@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
@@ -1259,7 +1176,7 @@ diff@^4.0.1:
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
   integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
 
-diff@^5.1.0, diff@^5.2.0:
+diff@^5.1.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531"
   integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
@@ -1349,11 +1266,6 @@ es6-symbol@^3.1.1, es6-symbol@^3.1.3:
     d "^1.0.2"
     ext "^1.7.0"
 
-escalade@^3.1.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
-  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
-
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
@@ -1563,11 +1475,6 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flat@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
-  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
-
 flatted@^3.2.9:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
@@ -1619,16 +1526,6 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fs@^0.0.1-security:
-  version "0.0.1-security"
-  resolved "https://registry.yarnpkg.com/fs/-/fs-0.0.1-security.tgz#8a7bd37186b6dddf3813f23858b57ecaaf5e41d4"
-  integrity sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==
-
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
@@ -1676,22 +1573,12 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
-get-caller-file@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
-get-func-name@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.2.tgz#0d7cf20cd13fda808669ffa88f4ffc7a3943fc41"
-  integrity sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==
-
 github-from-package@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
   integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
 
-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -1729,7 +1616,7 @@ glob@^7.1.3, glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.1, glob@^8.1.0:
+glob@^8.0.1:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
   integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
@@ -1800,11 +1687,6 @@ hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
-he@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
 hosted-git-info@^6.0.0, hosted-git-info@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-6.1.1.tgz#629442c7889a69c05de604d52996b74fe6f26d58"
@@ -1937,13 +1819,6 @@ ip-regex@^4.1.0:
   resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
   integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
 
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
 is-cidr@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
@@ -1975,7 +1850,7 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -1997,21 +1872,11 @@ is-path-inside@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-plain-obj@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
-  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
-
 is-typedarray@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
-is-unicode-supported@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
-  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
-
 isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -2145,13 +2010,12 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@1.4.11:
-  version "1.4.11"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.11.tgz#ffe0f1f63a4a9bb940e87a5b5b68284cbbbaa1a7"
-  integrity sha512-rl/okJH27NBGwOx7VTgBkOJe4q6vBbBE4FbPrXXDhgLgI55004K0ODK0R4+3HCHAL8TtnXPqPRJXE5vvO++lIQ==
+libcardano@1.4.17:
+  version "1.4.17"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.17.tgz#56d915d1368d8f8fa1ad451351cb31dcd5b9ea3a"
+  integrity sha512-UVYcNgoy+zNGYBJMeTuU23OXFggTB5wgH2i+nMpfmb14/bEuaeQ0muLpGQp+sr18PCK7DZQQGz+PdS3bLhSNjQ==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
-    "@emurgo/cardano-serialization-lib-nodejs" "^11.5.0"
     "@noble/curves" "^1.6.0"
     "@prisma/client" "4.15.0"
     bech32 "^2.0.0"
@@ -2159,12 +2023,9 @@ libcardano@1.4.11:
     blake2b "^2.1.4"
     blakejs "^1.2.1"
     cbor "^9.0.0"
-    chai "^5.1.1"
-    fs "^0.0.1-security"
     kafka "^0.2.3"
     kafka-node "^5.0.0"
     kafkajs "^2.2.4"
-    mocha "^10.5.2"
     prisma "^4.15.0"
     readline "^1.3.0"
     tsconfig-paths "^4.2.0"
@@ -2312,26 +2173,11 @@ lodash@^4.17.14, lodash@^4.17.21, lodash@^4.17.4:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-log-symbols@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
-  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
-  dependencies:
-    chalk "^4.1.0"
-    is-unicode-supported "^0.1.0"
-
 long@1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/long/-/long-1.1.2.tgz#eaef5951ca7551d96926b82da242db9d6b28fb53"
   integrity sha512-pjR3OP1X2VVQhCQlrq3s8UxugQsuoucwMOn9Yj/kN/61HMc+lDFJS5bvpNEHneZ9NVaSm8gNWxZvtGS7lqHb3Q==
 
-loupe@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.1.tgz#71d038d59007d890e3247c5db97c1ec5a92edc54"
-  integrity sha512-edNu/8D5MKVfGVFRhFf8aAxiTM6Wumfz5XsaatSxlD3w4R1d/WEKUTydCdPGbl9K7QG/Ca3GnDV2sIKIpXRQcw==
-  dependencies:
-    get-func-name "^2.0.1"
-
 lru-cache@^10.2.0:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
@@ -2441,7 +2287,7 @@ minimatch@^3.0.2, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1, minimatch@^5.1.6:
+minimatch@^5.0.1:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
@@ -2555,32 +2401,6 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mocha@^10.5.2:
-  version "10.7.3"
-  resolved "https://registry.yarnpkg.com/mocha/-/mocha-10.7.3.tgz#ae32003cabbd52b59aece17846056a68eb4b0752"
-  integrity sha512-uQWxAu44wwiACGqjbPYmjo7Lg8sFrS3dQe7PP2FQI+woptP4vZXSMcfMyFL/e1yFEeEpV4RtyTpZROOKmxis+A==
-  dependencies:
-    ansi-colors "^4.1.3"
-    browser-stdout "^1.3.1"
-    chokidar "^3.5.3"
-    debug "^4.3.5"
-    diff "^5.2.0"
-    escape-string-regexp "^4.0.0"
-    find-up "^5.0.0"
-    glob "^8.1.0"
-    he "^1.2.0"
-    js-yaml "^4.1.0"
-    log-symbols "^4.1.0"
-    minimatch "^5.1.6"
-    ms "^2.1.3"
-    serialize-javascript "^6.0.2"
-    strip-json-comments "^3.1.1"
-    supports-color "^8.1.1"
-    workerpool "^6.5.1"
-    yargs "^16.2.0"
-    yargs-parser "^20.2.9"
-    yargs-unparser "^2.0.0"
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -2701,11 +2521,6 @@ normalize-package-data@^5.0.0:
     semver "^7.3.5"
     validate-npm-package-license "^3.0.4"
 
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
 npm-audit-report@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/npm-audit-report/-/npm-audit-report-5.0.0.tgz#83ac14aeff249484bde81eff53c3771d5048cf95"
@@ -3022,11 +2837,6 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pathval@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.0.tgz#7e2550b422601d4f6b8e26f1301bc8f15a741a25"
-  integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==
-
 pbkdf2@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
@@ -3038,7 +2848,7 @@ pbkdf2@^3.1.2:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -3166,13 +2976,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
 rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -3242,23 +3045,11 @@ readable-stream@^3.5.0, readable-stream@^3.6.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
 readline@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/readline/-/readline-1.3.0.tgz#c580d77ef2cfc8752b132498060dc9793a7ac01c"
   integrity sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==
 
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -3301,7 +3092,7 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -3333,13 +3124,6 @@ serialize-error@^8:
   dependencies:
     type-fest "^0.20.2"
 
-serialize-javascript@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
-  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
-  dependencies:
-    randombytes "^2.1.0"
-
 set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
@@ -3578,13 +3362,6 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.1.1:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-color@^9.4.0:
   version "9.4.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.4.0.tgz#17bfcf686288f531db3dea3215510621ccb55954"
@@ -3894,12 +3671,7 @@ word-wrap@^1.2.5:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-workerpool@^6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544"
-  integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==
-
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -3940,11 +3712,6 @@ xtend@^4.0.0:
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
-y18n@^5.0.5:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
-  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
-
 yaeti@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/yaeti/-/yaeti-0.0.6.tgz#f26f484d72684cf42bedfb76970aa1608fbf9577"
@@ -3955,34 +3722,6 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yargs-parser@^20.2.2, yargs-parser@^20.2.9:
-  version "20.2.9"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
-  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
-
-yargs-unparser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/yargs-unparser/-/yargs-unparser-2.0.0.tgz#f131f9226911ae5d9ad38c432fe809366c2325eb"
-  integrity sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==
-  dependencies:
-    camelcase "^6.0.0"
-    decamelize "^4.0.0"
-    flat "^5.0.2"
-    is-plain-obj "^2.1.0"
-
-yargs@^16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
-  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
-  dependencies:
-    cliui "^7.0.2"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.0"
-    y18n "^5.0.5"
-    yargs-parser "^20.2.2"
-
 yn@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
diff --git a/frontend/package.json b/frontend/package.json
index 8668fe04..dbf7aafd 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,7 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
-        "libcardano": "^1.4.16-browser",
+        "libcardano": "^1.4.1-7.1-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index 8c6d60da..f1b4ddd5 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -187,7 +187,7 @@ const EventTab = ({
                     : eventFilter;
             })
         };
-        setFormData(data);
+        setFormData({...data});
     };
 
     const handleParamValueChange = (parameterId: string, value: any) => {
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index ee2c3d49..d82384ac 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12350,10 +12350,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@^1.4.16-browser:
-  version "1.4.16-browser"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.16-browser.tgz#5f88b3834458019063490cb0c0931c0371cea2d4"
-  integrity sha512-E4+bULOKzoG0RwbEhbXEN2UZBkkVBts4MPTbrPgrxrpMAlLIIF8lhYhnz+13jFdVE+re2DCqs9qYSJU+imr+OQ==
+libcardano@^1.4.1-7.1-browser:
+  version "1.4.1-7.1-browser"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.1-7.1-browser.tgz#d77d36c7ff775fb1986f32afd5f17593fb7afeb7"
+  integrity sha512-8+Hw10kArI4brx/HVoxlaoT47haRcPj4M0jjTrUuLK0498qDoLCQpgQ5YmBv9hhZ7zlMVCDflY5rvTFBmQ0wog==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@noble/curves" "^1.6.0"

From c54c14c26dac258baeaf051c34bc8288cbc60574 Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Mon, 6 Jan 2025 13:25:35 +0545
Subject: [PATCH 41/42] fix: Support voting options for event type

---
 agent-node/src/executor/AgentRunner.ts        |  3 +-
 agent-node/src/executor/BaseFunction.ts       | 11 ++++
 agent-node/src/functions/voteOnProposal.ts    | 54 +++++++++++++------
 agent-node/src/service/EventTriggerHandler.ts |  2 +-
 .../components/FunctionForm.tsx               |  4 +-
 .../components/utils/FunctionMapper.ts        |  2 +-
 .../Agent/AgentContent/Functions.tsx          |  1 -
 .../Agent/AgentContent/FunctionsContainer.tsx |  2 -
 frontend/src/models/types/functions.ts        |  4 +-
 frontend/src/utils/agent.ts                   |  4 +-
 10 files changed, 60 insertions(+), 27 deletions(-)

diff --git a/agent-node/src/executor/AgentRunner.ts b/agent-node/src/executor/AgentRunner.ts
index eb366aa4..b19ab090 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -30,11 +30,12 @@ export class AgentRunner {
         triggerType: TriggerType,
         instanceIndex: number,
         method: string,
-        ...args: any[]
+        parameters: any[]
     ) {
         const eventContext = {
             event: context,
             filter: eventFilterContext,
+            parameters,
         }
         const params = await this.executor
             .filterFunctionParams(method, eventContext)
diff --git a/agent-node/src/executor/BaseFunction.ts b/agent-node/src/executor/BaseFunction.ts
index 593b023a..6e0f677a 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -5,34 +5,44 @@ export interface Key {
     private: string
     public: string
     pubKeyHash: string
+
     signRaw(data: Buffer): Buffer
+
     verify(signature: Buffer): Buffer
 }
+
 export interface Wallet {
     address: string
     paymentKey: Key
     stakeKey: Key
     rewardAddress: string
     drepId: string
+
     buildAndSubmit(spec: any, stakeSigning?: boolean, saveDrepStatus?: boolean): Promise<any>
+
     signTx(txRaw: Buffer, stakeSigning?: boolean): Buffer
 }
 
 export interface KuberApi {
     buildTx(spec: any): Promise<any>
+
     buildAndSubmit(spec: any): Promise<any>
 }
+
 // types.ts
 
 export interface TxInfo {
     txId: string
     cborHex: string
+
     [key: string]: any // Allows for additional properties
 }
+
 export interface OffchainData {
     url: string
     hash: string
 }
+
 export type DelegationTarget =
     | 'abstain'
     | 'no-confidence'
@@ -75,6 +85,7 @@ export interface FunctionContext {
     helpers: Helpers
     event?: EventContext
     filter?: any
+    parameters?: { name: string; value: string }[]
 }
 
 // Create a restricted execution environment
diff --git a/agent-node/src/functions/voteOnProposal.ts b/agent-node/src/functions/voteOnProposal.ts
index f133f641..9b278fa6 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -9,13 +9,21 @@ export default async function handler(
     const { dataHash, url } = await context.builtins.saveMetadata(context.helpers.generateVoteMetadataContent())
     const anchorData = anchor && anchor['url'] && anchor['dataHash'] ? anchor : { url, dataHash }
     const req = {
-        vote: {
-            voter: context.wallet.drepId,
-            role: 'drep',
-            proposal: proposal,
-            vote: voteType,
-            anchor: anchorData,
-        },
+        vote: Array.isArray(proposal)
+            ? proposal.map((individualProposal) => ({
+                  voter: context.wallet.drepId,
+                  role: 'drep',
+                  proposal: individualProposal,
+                  vote: voteType,
+                  anchor: anchorData,
+              }))
+            : {
+                  voter: context.wallet.drepId,
+                  role: 'drep',
+                  proposal: proposal,
+                  vote: voteType,
+                  anchor: anchorData,
+              },
     }
 
     return await context.wallet
@@ -40,16 +48,32 @@ export function filter(context: FunctionContext) {
     if (!context.filter || !context.event) return null
     const tx = context.event.tx
     try {
-        const filters = context.filter['proposalProcedures']
-        const matchedFilterIndexes = filters.map((i: any) => !!i.matchedIndex)
-        return matchedFilterIndexes.length
-            ? matchedFilterIndexes.map((p: any) => ({
-                  name: 'proposalId',
-                  value: `${tx.hash.toString('hex')}#${p.matchedIndex}`,
-              }))
+        const filters = context.filter['proposalProcedures'] || context.filter['tx']['proposalProcedures']
+        const voteTypeParam = context.parameters?.find((param) => param.name === 'voteType')
+        const matchedFilterIndexes = filters.filter((i: any) => 'matchedIndex' in i)
+        const ProposalIds = matchedFilterIndexes.length
+            ? matchedFilterIndexes.map((p: any) => `${tx.hash.toString('hex')}#${p.matchedIndex ? p.matchedIndex : 0}`)
             : null
+        return [
+            {
+                name: 'proposalIds',
+                value: ProposalIds,
+            },
+            {
+                name: 'anchor',
+                value: {},
+            },
+            {
+                name: 'voteType',
+                value: voteTypeParam && voteTypeParam.value ? voteTypeParam.value : 'yes',
+            },
+        ]
     } catch (err) {
-        console.error('VoteOnProposalFilterError : ', err)
+        if (!context.filter['proposalProcedures'] || !context.filter['tx']['proposalProcedures']) {
+            console.error('VoteOnProposalFilterError : ' + 'proposalProcedure does not exist')
+        } else {
+            console.error('VoteOnProposalFilterError : ', err)
+        }
         return null
     }
 }
diff --git a/agent-node/src/service/EventTriggerHandler.ts b/agent-node/src/service/EventTriggerHandler.ts
index 2f6721af..2f0de4a3 100644
--- a/agent-node/src/service/EventTriggerHandler.ts
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -64,7 +64,7 @@ export class EventTriggerHandler {
                     'EVENT',
                     index,
                     function_name,
-                    ...parameters
+                    parameters
                 )
             })
         }
diff --git a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
index 17a0cf91..f103c3bc 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/FunctionForm.tsx
@@ -83,8 +83,8 @@ export const FunctionForm = ({
     };
 
     const handleTypeChange = (type: string) => {
-        const newFunciontState = { ...functionState, type: type as TriggerType };
-        updateFunctionState(newFunciontState);
+        const newFunctionState = { ...functionState, type: type as TriggerType };
+        updateFunctionState(newFunctionState);
     };
 
     const handleNestedParameterChange = (parentId: string, subParamId: string, newValue: any) => {
diff --git a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
index 0a71a997..1c9318f7 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/FunctionMapper.ts
@@ -25,7 +25,7 @@ export const mapFormFunctionToTriggerConfiguration = (item: IFormFunctionInstanc
                 type: item.type,
                 action: {
                     function_name: item.id,
-                    parameters: item.optionValue ? [mapOptionToKeyValuePair(item.optionValue, 'vote')] : []
+                    parameters: item.optionValue ? [mapOptionToKeyValuePair(item.optionValue, 'voteType')] : []
                 },
                 data: item.eventValue
             };
diff --git a/frontend/src/components/Agent/AgentContent/Functions.tsx b/frontend/src/components/Agent/AgentContent/Functions.tsx
index 6cda0e02..5d82afcc 100644
--- a/frontend/src/components/Agent/AgentContent/Functions.tsx
+++ b/frontend/src/components/Agent/AgentContent/Functions.tsx
@@ -58,7 +58,6 @@ export default function AgentFunctionsComponent({
 
     const handlePostTrigger = (item: IFormFunctionInstance) => {
         const triggerData = mapFormFunctionToTriggerConfiguration(item);
-        console.log('triggerData', triggerData);
         triggerData && postTriggerMutation.mutate(triggerData);
     };
 
diff --git a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
index 0b16dd99..1d9046b1 100644
--- a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
+++ b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
@@ -54,8 +54,6 @@ const AgentFunctionsDetailComponent = ({
     };
 
     const handleUpdate = (functionData: IFormFunctionInstance) => {
-        console.log(functionData);
-
         if (functionData.agent_id) {
             const data = mapFormFunctionToAgentConfiguration(functionData);
             updateTemplate.mutateAsync(data);
diff --git a/frontend/src/models/types/functions.ts b/frontend/src/models/types/functions.ts
index eb1a1890..07dffed8 100644
--- a/frontend/src/models/types/functions.ts
+++ b/frontend/src/models/types/functions.ts
@@ -174,7 +174,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         ]
                     },
                     {
-                        id: 'vote',
+                        id: 'voteType',
                         name: 'Vote',
                         type: 'options',
                         options: [
@@ -201,7 +201,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                 eventName: 'VoteEvent',
                 eventParameters: [
                     {
-                        id: 'vote',
+                        id: 'voteType',
                         name: 'Vote',
                         type: 'options',
                         options: [
diff --git a/frontend/src/utils/agent.ts b/frontend/src/utils/agent.ts
index c0eb2c6b..b4b5341e 100644
--- a/frontend/src/utils/agent.ts
+++ b/frontend/src/utils/agent.ts
@@ -113,9 +113,9 @@ export function formatDatetoHumanReadable(inputDate: string | number): string {
 }
 
 export function formatParameterName(name: string) {
-    const transformedName = name.replace('_', ' ');
+    const transformedName = name?.replace('_', ' ');
     return transformedName
-        .split(' ')
+        ?.split(' ')
         .map((word) => {
             return word[0].toUpperCase() + word.substring(1);
         })

From 0fde4938ed13a7561c9057b9d12c16cf40fa400a Mon Sep 17 00:00:00 2001
From: Sital Nagarkoti <sitalnagarkoti123@gmail.com>
Date: Mon, 6 Jan 2025 14:55:54 +0545
Subject: [PATCH 42/42] fix: Add latest libcardano version in node to support
 filter type

---
 agent-node/package.json                       |  2 +-
 agent-node/yarn.lock                          | 26 ++++-----
 frontend/package.json                         |  2 +-
 .../components/event/EventTab.tsx             | 55 +++++++++----------
 .../components/event/RenderEventChildForm.tsx | 15 ++++-
 frontend/yarn.lock                            |  8 +--
 6 files changed, 58 insertions(+), 50 deletions(-)

diff --git a/agent-node/package.json b/agent-node/package.json
index b87c7aab..57e14cd2 100644
--- a/agent-node/package.json
+++ b/agent-node/package.json
@@ -23,7 +23,7 @@
         "bech32": "^2.0.0",
         "dotenv": "^16.4.5",
         "kuber-client": "^2.0.0",
-        "libcardano": "1.4.17",
+        "libcardano": "1.4.19",
         "luxon": "^3.4.4",
         "node-cron": "^3.0.3",
         "ws": "^8.18.0"
diff --git a/agent-node/yarn.lock b/agent-node/yarn.lock
index 60f76d15..d334ef00 100644
--- a/agent-node/yarn.lock
+++ b/agent-node/yarn.lock
@@ -864,9 +864,9 @@ buffers@~0.1.1:
   integrity sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==
 
 bufferutil@^4.0.1:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.8.tgz#1de6a71092d65d7766c4d8a522b261a6e787e8ea"
-  integrity sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.9.tgz#6e81739ad48a95cad45a279588e13e95e24a800a"
+  integrity sha512-WDtdLmJvAuNNPzByAYpRo2rF1Mmradw6gvWsQKf63476DDXmomT9zUiGypLcG4ibIM67vhAj8jJRdbmEws2Aqw==
   dependencies:
     node-gyp-build "^4.3.0"
 
@@ -2010,10 +2010,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@1.4.17:
-  version "1.4.17"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.17.tgz#56d915d1368d8f8fa1ad451351cb31dcd5b9ea3a"
-  integrity sha512-UVYcNgoy+zNGYBJMeTuU23OXFggTB5wgH2i+nMpfmb14/bEuaeQ0muLpGQp+sr18PCK7DZQQGz+PdS3bLhSNjQ==
+libcardano@1.4.19:
+  version "1.4.19"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.19.tgz#9859f65ca9dd40c2ba0b5a13b525efbd03f0143c"
+  integrity sha512-xe4/2I1rDiYekUv09qWNgNbdmlTUJrQvgqBnQ2DlrmoU5jHp97pizWatL2U2Js1C+FibWqUXIT2h+kIvh4WPLA==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@noble/curves" "^1.6.0"
@@ -2417,9 +2417,9 @@ mute-stream@^1.0.0, mute-stream@~1.0.0:
   integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
 
 nan@^2.14.1:
-  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.20.0.tgz#08c5ea813dd54ed16e5bd6505bf42af4f7838ca3"
-  integrity sha512-bk3gXBZDGILuuo/6sKtr0DQmSThYHLtNCdSdXk9YkxD/jK6X2vmCyyXBBxyqZ4XcnzTyYEAThfX3DCEnLf6igw==
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.22.0.tgz#31bc433fc33213c97bad36404bb68063de604de3"
+  integrity sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==
 
 nanoassert@^2.0.0:
   version "2.0.0"
@@ -2466,9 +2466,9 @@ node-cron@^3.0.3:
     uuid "8.3.2"
 
 node-gyp-build@^4.3.0:
-  version "4.8.2"
-  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.2.tgz#4f802b71c1ab2ca16af830e6c1ea7dd1ad9496fa"
-  integrity sha512-IRUxE4BVsHWXkV/SFOut4qTlagw2aM8T5/vnTsmrHJvVoKueJHRc/JaFND7QDDc61kLYUJ6qlZM3sqTSyx2dTw==
+  version "4.8.4"
+  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.4.tgz#8a70ee85464ae52327772a90d66c6077a900cfc8"
+  integrity sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==
 
 node-gyp@^9.0.0, node-gyp@^9.4.1:
   version "9.4.1"
diff --git a/frontend/package.json b/frontend/package.json
index dbf7aafd..08fb6660 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -67,7 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
-        "libcardano": "^1.4.1-7.1-browser",
+        "libcardano": "^1.4.1-7.3-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
index cdea480c..0330f719 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -392,34 +392,33 @@ const EventTab = ({
                                 Remove Event Filter
                             </Button>
                         </div>
-                        {currentEventFilter &&
-                            formData?.children.map((param, index) => {
-                                if (param.id === currentEventFilter?.id) {
-                                    return (
-                                        <div key={index}>
-                                            {(param as IBooleanNode).children?.map((child, childIndex) => (
-                                                <div key={childIndex} className="flex w-full flex-col gap-4">
-                                                    {
-                                                        <RenderEventChildForm
-                                                            eventFilterParam={child as IFieldNode}
-                                                            onValueChange={(value) => {
-                                                                handleParamValueChange(child.id as string, value);
-                                                            }}
-                                                            onOperatorChange={(value) => {
-                                                                handleParamOperatorChange(child.id as string, value);
-                                                            }}
-                                                            onNegateChange={(value) => {
-                                                                handleParamNegationChange(child.id as string, value);
-                                                            }}
-                                                            onDeleteParameter={handleDeleteParameter}
-                                                        />
-                                                    }
-                                                </div>
-                                            ))}
-                                        </div>
-                                    );
-                                }
-                            })}
+                        {formData?.children.map((param, index) => {
+                            if (param.id === currentEventFilter?.id) {
+                                return (
+                                    <div key={index}>
+                                        {(param as IBooleanNode).children?.map((child, childIndex) => (
+                                            <div key={childIndex} className="flex w-full flex-col gap-4">
+                                                {
+                                                    <RenderEventChildForm
+                                                        eventFilterParam={child as IFieldNode}
+                                                        onValueChange={(value) => {
+                                                            handleParamValueChange(child.id as string, value);
+                                                        }}
+                                                        onOperatorChange={(value) => {
+                                                            handleParamOperatorChange(child.id as string, value);
+                                                        }}
+                                                        onNegateChange={(value) => {
+                                                            handleParamNegationChange(child.id as string, value);
+                                                        }}
+                                                        onDeleteParameter={handleDeleteParameter}
+                                                    />
+                                                }
+                                            </div>
+                                        ))}
+                                    </div>
+                                );
+                            }
+                        })}
                     </Card>
                 </>
             )}
diff --git a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
index 47397440..0e87639f 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -32,6 +32,15 @@ const RenderEventChildForm = ({
 }) => {
     const [localOperator, setLocalOperator] = useState<string>(eventFilterParam.operator || 'eq');
     const [value, setValue] = useState(eventFilterParam.value);
+    const [deleteBtnClicked,setDeleteBtnClicked] = useState(false)
+
+    useEffect(() => {
+        if (deleteBtnClicked) {
+            setLocalOperator(eventFilterParam.operator || 'eq');
+            setValue(eventFilterParam.value);
+        }
+        setDeleteBtnClicked(false)
+    }, [deleteBtnClicked]);
 
     const paramId = Array.isArray(eventFilterParam.id)
         ? (eventFilterParam.id as string[]).join('.')
@@ -47,8 +56,7 @@ const RenderEventChildForm = ({
 
     useEffect(() => {
         if (debouncedVal && eventFilterParam?.validator && !eventFilterParam?.validator(debouncedVal)) {
-            setErrMsg(`Error occured on ${paramId}`);
-            return;
+            return setErrMsg(`Error occured on ${paramId}`);
         }
         onValueChange?.(debouncedVal);
     }, [debouncedVal]);
@@ -69,6 +77,7 @@ const RenderEventChildForm = ({
 
     const handleOnDeleteParam = (paramId: string | string[]) => {
         onDeleteParameter && onDeleteParameter(paramId);
+        setDeleteBtnClicked(true)
     };
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -104,10 +113,10 @@ const RenderEventChildForm = ({
                         ))}
                     </DropdownMenuContent>
                 </DropdownMenu>
+                <span className={'text-red-500'}>{eventFilterParam.value}</span>
                 {localOperator !== 'exists' ? (
                     <Input
                         className="w-full rounded-none border-b-2 border-l-0 border-r-0 border-t-0 border-black bg-transparent focus:outline-none focus:ring-0"
-                        defaultValue={eventFilterParam.value}
                         onChange={handleInputChange}
                         value={value}
                     />
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index d82384ac..e9ef2fd7 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12350,10 +12350,10 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-libcardano@^1.4.1-7.1-browser:
-  version "1.4.1-7.1-browser"
-  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.1-7.1-browser.tgz#d77d36c7ff775fb1986f32afd5f17593fb7afeb7"
-  integrity sha512-8+Hw10kArI4brx/HVoxlaoT47haRcPj4M0jjTrUuLK0498qDoLCQpgQ5YmBv9hhZ7zlMVCDflY5rvTFBmQ0wog==
+libcardano@^1.4.1-7.3-browser:
+  version "1.4.1-7.3-browser"
+  resolved "https://registry.yarnpkg.com/libcardano/-/libcardano-1.4.1-7.3-browser.tgz#dada16da2f7ca0c385d6de1e9ecd6d30bafa1b90"
+  integrity sha512-7upuj7V1LUdPh0+f3bD1of8rfjaChg5oYdygIa40Z7Xxln8XLanK6RymzBlyF+JKcQYRwYptLOITSKbR9t2cFw==
   dependencies:
     "@cardano-sdk/crypto" "^0.1.30"
     "@noble/curves" "^1.6.0"