diff --git a/agent-manager/package.json b/agent-manager/package.json
index 45404d040..565da1f35 100644
--- a/agent-manager/package.json
+++ b/agent-manager/package.json
@@ -27,7 +27,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/src/config/tracer.ts b/agent-manager/src/config/tracer.ts
index 9a5b245f2..3976ec6a4 100644
--- a/agent-manager/src/config/tracer.ts
+++ b/agent-manager/src/config/tracer.ts
@@ -1,25 +1,26 @@
-import { ParameterizedMessageObject, Span, Transaction } from "elastic-apm-node";
+import { ParameterizedMessageObject, Span, Transaction } from 'elastic-apm-node'
 
-export const apm = require('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){
-   return {
-     ELASTIC_APM_SERVER_URL: process.env.ELASTIC_APM_SERVER_URL,
-     ELASTIC_APM_API_KEY: process.env.ELASTIC_APM_API_KEY,
-     ELASTIC_APM_ENVIRONMENT: process.env.ELASTIC_APM_ENVIRONMENT
-   }
-  }
+function readConfig() {
+    if (process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_API_KEY && process.env.ELASTIC_APM_ENVIRONMENT) {
+        return {
+            ELASTIC_APM_SERVER_URL: process.env.ELASTIC_APM_SERVER_URL,
+            ELASTIC_APM_API_KEY: process.env.ELASTIC_APM_API_KEY,
+            ELASTIC_APM_ENVIRONMENT: process.env.ELASTIC_APM_ENVIRONMENT,
+        }
+    }
 }
-export const  apmConfig=readConfig()
+export const apmConfig = readConfig()
 
-export const startTransaction= (...args: any[]): Transaction=>{
-  return apm.startTransaction(...args);
+export const startTransaction = (...args: any[]): Transaction => {
+    return apm.startTransaction(...args)
 }
-export const captureError= (err: Error | string | ParameterizedMessageObject)=>{
-  return apm.captureError(err)
+export const captureError = (err: Error | string | ParameterizedMessageObject) => {
+    return apm.captureError(err)
+}
+export const startSpan = (...args: any[]): Span | any => {
+    return apm.startSpan(...args)
 }
-export const startSpan = (...args: any[]) : Span | any =>{
-  return apm.startSpan(...args);
-}
\ No newline at end of file
diff --git a/agent-manager/src/controller/blockfrostHealth.ts b/agent-manager/src/controller/blockfrostHealth.ts
new file mode 100644
index 000000000..9191bbf34
--- /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
new file mode 100644
index 000000000..dd6abc45c
--- /dev/null
+++ b/agent-manager/src/controller/health.ts
@@ -0,0 +1,32 @@
+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()
+
+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))
+
+export default router
diff --git a/agent-manager/src/index.ts b/agent-manager/src/index.ts
index 9647f1e31..be05f133d 100644
--- a/agent-manager/src/index.ts
+++ b/agent-manager/src/index.ts
@@ -1,21 +1,14 @@
-process.env.ELASTIC_APM_LOG_LEVEL='warning'
-process.env.ELASTIC_APM_SERVICE_NAME='autonomous-agents-manager'
-process.env.ELASTIC_APM_ENVIRONMENT=process.env.ELASTIC_APM_ENVIRONMENT || 'local'
+process.env.ELASTIC_APM_LOG_LEVEL = 'warning'
+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 { startTransaction } from "./config/tracer";
-// agent.start({
-//     serviceName: 'autonomous-agents-manager',
-//     environment: 'local',
-//     // Use if APM Server requires a token
-//
-//     // Use if APM Server uses API keys for authentication
-//     apiKey: process.env.ELASTIC_APM_API_KEY,
-//
-//     // Set custom APM Server URL (default: http://127.0.0.1:8200)
-//     serverUrl: process.env.ELASTIC_APM_SERVER_URL,
-// })
+// 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'
+import blockfrostHealth from './controller/blockfrostHealth'
 import express from 'express'
 import { WebSocket } from 'ws'
 import { initKafkaConsumers } from './service/Listeners/KafkaMessageConsumer'
@@ -24,10 +17,13 @@ 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'
 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}`)
 
@@ -43,7 +39,9 @@ const server = app.listen(port, async () => {
 
     blockchain.start()
     blockchain.blockChain.on('extendBlock', (block) => {
-        const transaction = startTransaction('extendBlock','node',)
+        const transaction = startTransaction('extendBlock', 'node')
+        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/repository/agent_manager_repository.ts b/agent-manager/src/repository/agent_manager_repository.ts
index 806691cff..8173d6198 100644
--- a/agent-manager/src/repository/agent_manager_repository.ts
+++ b/agent-manager/src/repository/agent_manager_repository.ts
@@ -1,6 +1,5 @@
 import { JsonValue } from '@prisma/client/runtime/library'
-import { prisma } from "./dbClient";
-
+import { prisma } from './dbClient'
 
 export async function getAgentIdBySecret(agentSecret: Buffer): Promise<string | null> {
     return prisma.agent
diff --git a/agent-manager/src/repository/dbClient.ts b/agent-manager/src/repository/dbClient.ts
index 8a372bb94..f9edd2170 100644
--- a/agent-manager/src/repository/dbClient.ts
+++ b/agent-manager/src/repository/dbClient.ts
@@ -1,24 +1,24 @@
-import { PrismaClient } from "@prisma/client";
-import { apm } from "../config/tracer";
+import { PrismaClient } from '@prisma/client'
+import { apm } from '../config/tracer'
 
 export const prisma = new PrismaClient()
 
-if(process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_API_KEY){
-  prisma.$use(async (params: any, next:any) => {
-    const spanName=params.model?`prisma.${params.model}.${params.action}`:`prisma.${params.action}`
-    const span = apm.startSpan(spanName);
-    if (span) {
-      span.type = "DB";
-      span.subtype = "prisma";
-      span.action = "query";
-    }
-    try {
-      const result = await next(params);
-      span?.end();
-      return result;
-    } catch (e) {
-      span?.end();
-      throw e;
-    }
-  });
-}
\ No newline at end of file
+if (process.env.ELASTIC_APM_SERVER_URL && process.env.ELASTIC_APM_API_KEY) {
+    prisma.$use(async (params: any, next: any) => {
+        const spanName = params.model ? `prisma.${params.model}.${params.action}` : `prisma.${params.action}`
+        const span = apm.startSpan(spanName)
+        if (span) {
+            span.type = 'DB'
+            span.subtype = 'prisma'
+            span.action = 'query'
+        }
+        try {
+            const result = await next(params)
+            span?.end()
+            return result
+        } catch (e) {
+            span?.end()
+            throw e
+        }
+    })
+}
diff --git a/agent-manager/src/repository/trigger_history_repository.ts b/agent-manager/src/repository/trigger_history_repository.ts
index bf8864cca..0f338abef 100644
--- a/agent-manager/src/repository/trigger_history_repository.ts
+++ b/agent-manager/src/repository/trigger_history_repository.ts
@@ -1,8 +1,6 @@
-import { PrismaClient } from '@prisma/client'
 import { DateTime } from 'luxon'
 import { v4 as uuidv4 } from 'uuid'
-import { prisma } from "./dbClient";
-
+import { prisma } from './dbClient'
 
 export type TriggerType = 'CRON' | 'MANUAL' | 'EVENT' | 'INTERNAL'
 
diff --git a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
index e16b8a578..481beab70 100644
--- a/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
+++ b/agent-manager/src/service/Listeners/KafkaMessageConsumer.ts
@@ -7,7 +7,7 @@ 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())
@@ -19,7 +19,9 @@ const kafka = new Kafka({
     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 30a37659f..596406e13 100644
--- a/agent-manager/src/service/Manager/AgentManagerRPC.ts
+++ b/agent-manager/src/service/Manager/AgentManagerRPC.ts
@@ -1,18 +1,17 @@
-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 { apmConfig, captureError, startTransaction } from "../../config/tracer";
-
+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 { apmConfig, captureError, startTransaction } from '../../config/tracer'
 
 export interface ILog {
     function_name: string
@@ -38,24 +37,24 @@ export class AgentManagerRPC extends WsRpcServer {
     }
 
     protected async validateConnection(req: IncomingMessage): Promise<string> {
-        let tx = _tx = startTransaction('connect','request')
+        const tx = (_tx = startTransaction('connect', 'request'))
         const agentSecretKey = req.url?.slice(1)
         console.log('new connection from', req.socket.remoteAddress)
         tx.addLabels({
-            'request_ip': req.socket.remoteAddress, // Request IP address (note: underscore instead of dot)
-        });
+            request_ip: req.socket.remoteAddress, // Request IP address (note: underscore instead of dot)
+        })
 
         // Loop through all request headers and add them as labels
-        for (let [headerKey, headerValue] of Object.entries(req.headers)) {
+        for (const [headerKey, headerValue] of Object.entries(req.headers)) {
             // Replace dots in header keys with underscores
-            const labelKey = `request_headers_${headerKey.replace(/\./g, '_')}`;
+            const labelKey = `request_headers_${headerKey.replace(/\./g, '_')}`
 
             // Make sure the header value is a string and add as a label
             if (typeof headerValue === 'string') {
-                tx.addLabels({ [labelKey]: headerValue });
+                tx.addLabels({ [labelKey]: headerValue })
             } else {
                 // If the value is not a string (like an array), we can stringify it
-                tx.addLabels({ [labelKey]: JSON.stringify(headerValue) });
+                tx.addLabels({ [labelKey]: JSON.stringify(headerValue) })
             }
         }
 
@@ -77,30 +76,34 @@ export class AgentManagerRPC extends WsRpcServer {
 
     protected async handleMethodCall(connection_id: string, method: string, args: any[]) {
         console.log('Method call from  client', connection_id, method, args)
-        const tx=startTransaction("RPC "+method,'request')
-        const labels: Record<string,string>={
-            'connectionId': connection_id,
-            'method': method
-          }
-          args.map((x,index)=>{
-              labels['arg'+index] = x
-          })
-          tx.addLabels(labels)
-        let _tx=tx as any
-        _tx.context = {'connectionId': connection_id}
-
-        return this.rpcTopicHandler.handleEvent(method, connection_id, args).then(v=>{
-            tx.setOutcome('success')
-            tx.addLabels({'result': v})
-            return v
+        const tx = startTransaction('RPC ' + method, 'request')
+        const labels: Record<string, string> = {
+            connectionId: connection_id,
+            method: method,
+        }
+        args.map((x, index) => {
+            labels['arg' + index] = x
         })
-          .catch(e=>{
-              captureError(e)
-              throw e
-          }).finally(()=>tx.end())
+        tx.addLabels(labels)
+        const _tx = tx as any
+        _tx.context = { connectionId: connection_id }
+
+        return this.rpcTopicHandler
+            .handleEvent(method, connection_id, args)
+            .then((v) => {
+                tx.setOutcome('success')
+                tx.addLabels({ result: v })
+                return v
+            })
+            .catch((e) => {
+                captureError(e)
+                throw e
+            })
+            .finally(() => tx.end())
     }
 
     protected async validateEventBroadcast(connection_id: string, topic: string, message: any): Promise<boolean> {
+        console.debug("message : ",message)
         // TODO: handle the event emitted
         if (topic === 'active_connection') {
             await updateLastActiveTimestamp(connection_id)
@@ -110,8 +113,8 @@ export class AgentManagerRPC extends WsRpcServer {
     }
 
     protected onReady(client: RpcV1): void {
-        const thisTx=_tx;
-        _tx=undefined
+        const thisTx = _tx
+        _tx = undefined
         const agentConfigsPromise = fetchAgentConfiguration(client.getId())
             .then(async (config) => {
                 if (!config) {
@@ -119,12 +122,11 @@ 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})
-                if(apmConfig)
-                {
-                    (config as any).apm=apmConfig
+                client.emit('instance_count', { instanceCount, rootKeyBuffer, agentName })
+                if (apmConfig) {
+                    ;(config as any).apm = apmConfig
                 }
 
                 client.emit('initial_config', config)
@@ -132,20 +134,23 @@ export class AgentManagerRPC extends WsRpcServer {
             .catch((error) => {
                 throw error
             })
-        Promise.all([agentConfigsPromise]).catch((err: Error) => {
-            console.error('AgentManagerRPC onReady Error:', err)
-            this.disconnect(client.getId(), err.message)
-        }).then(()=>{
-            if(thisTx){
-                thisTx.setOutcome('success')
-            }
-        }).catch((e)=>{
-            captureError(e)
-        }).finally(()=>{
-            if(thisTx){
-                thisTx.end()
-            }
-        })
-
+        Promise.all([agentConfigsPromise])
+            .catch((err: Error) => {
+                console.error('AgentManagerRPC onReady Error:', err)
+                this.disconnect(client.getId(), err.message)
+            })
+            .then(() => {
+                if (thisTx) {
+                    thisTx.setOutcome('success')
+                }
+            })
+            .catch((e) => {
+                captureError(e)
+            })
+            .finally(() => {
+                if (thisTx) {
+                    thisTx.end()
+                }
+            })
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/RPCTopicHandler.ts b/agent-manager/src/service/RPCTopicHandler.ts
index a0684d59a..47af8b1bb 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,
-    ) : Promise<any> {
+    handleEvent(eventName: string, connection_id: string, args: any): Promise<any> {
         const handler = (this as any)[eventName]
         if (handler === undefined || eventName === 'constructor') {
             console.error('Unknown event type', eventName, 'received')
@@ -90,4 +86,4 @@ export class RPCTopicHandler {
         const [url, hash] = args
         return metaDataService.fetchMetadata(url, hash)
     }
-}
\ No newline at end of file
+}
diff --git a/agent-manager/src/service/healthCheck/cardanoNode.ts b/agent-manager/src/service/healthCheck/cardanoNode.ts
new file mode 100644
index 000000000..fbc501248
--- /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
new file mode 100644
index 000000000..6645f00ac
--- /dev/null
+++ b/agent-manager/src/service/healthCheck/kafka.ts
@@ -0,0 +1,23 @@
+import { consumer, fetchConsumerLatestHeartbeat } from '../Listeners/KafkaMessageConsumer'
+
+export async function checkKafkaStatus() {
+    try {
+        const lastHeartbeat = fetchConsumerLatestHeartbeat()
+        const isHealthy = async () => {
+            // so it is healthy
+            if (Date.now() - lastHeartbeat < 10000) {
+                return true
+            }
+
+            try {
+                const { state } = await consumer.describeGroup()
+                return ['CompletingRebalance', 'PreparingRebalance'].includes(state)
+            } catch (err) {
+                return false
+            }
+        }
+        return isHealthy()
+    } catch (error: any) {
+        throw new Error('Error connecting to Kafka:', error.message ? error.message : error)
+    }
+}
diff --git a/agent-manager/src/utils/asyncWrapper.ts b/agent-manager/src/utils/asyncWrapper.ts
new file mode 100644
index 000000000..2ad1feefd
--- /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)
+    }
+}
diff --git a/agent-manager/yarn.lock b/agent-manager/yarn.lock
index 8720cd305..0686cd097 100644
--- a/agent-manager/yarn.lock
+++ b/agent-manager/yarn.lock
@@ -2951,10 +2951,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/.prettierrc.json b/agent-node/.prettierrc.json
index e74ed9ff3..f0db82f11 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/package.json b/agent-node/package.json
index b13772a11..57e14cd21 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.19",
         "luxon": "^3.4.4",
         "node-cron": "^3.0.3",
         "ws": "^8.18.0"
diff --git a/agent-node/src/constants/global.ts b/agent-node/src/constants/global.ts
index 148f37a89..b66858947 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
+    eventTriggerTypeDetails: IEventBasedAction[]
     agentName: string
 } = {
-    eventTriggerTypeDetails: {
-        eventType: false,
-        function_name: '',
-    },
+    eventTriggerTypeDetails: [],
     agentName: '',
 }
 
diff --git a/agent-node/src/executor/AgentFunctions.ts b/agent-node/src/executor/AgentFunctions.ts
index 468d7e5fe..21e690f0c 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,17 +46,18 @@ 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}:`,
-                    error
-                )
+                console.error(`Failed to load handler from file ${filePath}:`, error)
             }
         }
     })
@@ -62,6 +65,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 cd8e16dc6..b19ab090d 100644
--- a/agent-node/src/executor/AgentRunner.ts
+++ b/agent-node/src/executor/AgentRunner.ts
@@ -7,24 +7,45 @@ 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
     managerInterface: ManagerInterface
+
     constructor(managerInterface: ManagerInterface, txListener: TxListener) {
         this.managerInterface = managerInterface
         this.executor = new Executor(null, managerInterface, txListener)
     }
 
-    invokeFunction(
+    invokeFunction(triggerType: TriggerType, instanceIndex: number, method: string, ...args: any) {
+        this.executor.invokeFunction(method, ...args).then((result) => {
+            saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
+        })
+    }
+
+    async invokeFunctionWithEventContext(
+        eventFilterContext: any,
+        context: EventContext,
         triggerType: TriggerType,
         instanceIndex: number,
         method: string,
-        ...args: any
+        parameters: any[]
     ) {
-        this.executor.invokeFunction(method, ...args).then((result) => {
-            saveTxLog(result, this.managerInterface, triggerType, instanceIndex)
-        })
+        const eventContext = {
+            event: context,
+            filter: eventFilterContext,
+            parameters,
+        }
+        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)
+            })
+        }
     }
 
     async remakeContext(index: number) {
@@ -33,20 +54,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 034d8133c..6e0f677af 100644
--- a/agent-node/src/executor/BaseFunction.ts
+++ b/agent-node/src/executor/BaseFunction.ts
@@ -1,39 +1,48 @@
+import { Transaction } from 'libcardano/cardano/ledger-serialization/transaction'
+import { DecodedBlock } from './TxListener'
+
 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>
+
+    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'
@@ -43,31 +52,17 @@ 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>
-    fetchMetadata: (url: string,hash:string) => Promise<any>
+    fetchMetadata: (url: string, hash: string) => Promise<any>
 }
 
 export interface Helpers {
@@ -76,19 +71,25 @@ 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
+    event?: EventContext
+    filter?: any
+    parameters?: { name: string; value: string }[]
 }
 
 // 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 fcb6e1599..dbb2a6189 100644
--- a/agent-node/src/executor/Executor.ts
+++ b/agent-node/src/executor/Executor.ts
@@ -1,12 +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 {TxListener} from './TxListener'
-import {generateProposalMetadataContent} from '../utils/metadataContent/proposalMetadataContent'
-import {generateRegisterDrepMetadataContent} from '../utils/metadataContent/drepMetadataContent'
-import {generateVoteMetadataContent} from '../utils/metadataContent/voteMetadataContent'
-import {rewardAddressBech32} from '../utils/cardano'
+import { AgentWalletDetails } from '../types/types'
+import { ManagerInterface } from '../service/ManagerInterfaceService'
+import { FunctionGroup, getHandlers } from './AgentFunctions'
+import { Builtins, FunctionContext, Key, Wallet } from './BaseFunction'
+import { TxListener } from './TxListener'
+import { generateProposalMetadataContent } from '../utils/metadataContent/proposalMetadataContent'
+import { generateRegisterDrepMetadataContent } from '../utils/metadataContent/drepMetadataContent'
+import { generateVoteMetadataContent } from '../utils/metadataContent/voteMetadataContent'
+import { rewardAddressBech32 } from '../utils/cardano'
 
 export interface CallLog {
     function: string
@@ -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,
                     {
@@ -118,40 +105,27 @@ export class Executor {
                     })
                 }
                 return new Promise((resolve, reject) => {
-                    txSubmissionHold.push({request: spec, resolve, reject})
+                    txSubmissionHold.push({ request: spec, resolve, reject })
                     console.log('Queue is : ', txSubmissionHold)
                     if (!isProcessing) {
                         processQueue(this.rpcInterface, this.txListener)
                     }
                 })
 
-                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)
@@ -291,7 +244,25 @@ 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)
+    }
+
+    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, ...args: any): Promise<CallLog[]> {
         const f: any | undefined = this.functions.functions[name]
         const log: CallLog = {
             function: name,
@@ -302,16 +273,13 @@ 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)
 
         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 6a260721b..6f0a009a8 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 28c4cfd48..2308205e4 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 3ad64db5c..d49a72f18 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 2b0aecccc..71dc73cdc 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 587a5ecb1..a105cafcc 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 46b043fe2..d67307b2a 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 eb53b6c13..48546242b 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 27d2c77f3..de606c5b5 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 dbda5b810..b984355f5 100644
--- a/agent-node/src/functions/treasuryWithdrawal.ts
+++ b/agent-node/src/functions/treasuryWithdrawal.ts
@@ -6,23 +6,18 @@ 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]
         if (stakeKey.startsWith('stake')) {
             const statkeKeyHex = bech32toHex(stakeKey)
             updatedWithdrawal = {
-                ['e0'+statkeKeyHex]: withdrawal[stakeKey],
+                ['e0' + statkeKeyHex]: withdrawal[stakeKey],
             }
         }
     }
-    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 bc9832d83..1f731e40e 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 204b9e4b3..9b278fa66 100644
--- a/agent-node/src/functions/voteOnProposal.ts
+++ b/agent-node/src/functions/voteOnProposal.ts
@@ -3,24 +3,29 @@ 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()
-    )
-    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,
-            role: 'drep',
-            proposal: proposal,
-            vote: true,
-            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
         .buildAndSubmit(req, true)
         .then((v) => v)
@@ -38,3 +43,37 @@ 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'] || 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) {
+        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/index.ts b/agent-node/src/index.ts
index 56aea19b1..64f843f20 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 a877d028d..eefc4f639 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
new file mode 100644
index 000000000..2f0de4a35
--- /dev/null
+++ b/agent-node/src/service/EventTriggerHandler.ts
@@ -0,0 +1,157 @@
+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 { DecodedBlock } from '../executor/TxListener'
+import { reconstructTxFromPaths } from '../utils/event/eventFilterFormatter'
+
+export class EventTriggerHandler {
+    eventBasedActions: IEventBasedAction[] = []
+    managerInterface: ManagerInterface
+
+    constructor(managerInterface: ManagerInterface) {
+        this.managerInterface = managerInterface
+    }
+
+    onBlock(block: DecodedBlock, agentRunners: AgentRunner[]) {
+        if (this.eventBasedActions.length) {
+            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, block, agentRunners)
+                    }
+                })
+            })
+        }
+    }
+
+    transactionHandler(
+        tx: Transaction,
+        eventBasedAction: IEventBasedAction,
+        block: DecodedBlock,
+        agentRunners?: AgentRunner[]
+    ) {
+        let result
+        const matchedTxPath: any = []
+        try {
+            result = this.solveNode(
+                { tx: tx.body, transaction: tx.body },
+                eventBasedAction.eventTrigger,
+                [],
+                matchedTxPath
+            )
+            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 { function_name, parameters } = eventBasedAction.triggeringFunction
+        if (result && agentRunners) {
+            const eventContext = {
+                tx,
+                block,
+                confirmation: 1,
+            }
+            agentRunners.forEach((runner, index) => {
+                runner.invokeFunctionWithEventContext(
+                    matchedEventContext,
+                    eventContext,
+                    'EVENT',
+                    index,
+                    function_name,
+                    parameters
+                )
+            })
+        }
+    }
+
+    solveNode(targetObject: any, filterNode: IFilterNode, parentNodes: string[], matchedTxPath: any) {
+        return this.solveNodeInternal(targetObject, filterNode, filterNode.id, parentNodes, matchedTxPath)
+    }
+
+    solveNodeInternal(
+        targetObject: any,
+        filterNode: IFilterNode,
+        nodes: string[] | string | undefined,
+        parent_nodes: string[],
+        matchedTxPath: any
+    ): boolean {
+        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)
+            return filterNode.negate ? !result : result
+        } else if (typeof nodes === 'string') {
+            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])
+
+        const 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, matchedTxPath)
+                console.log(parent_nodes.join('.'), ': result=', result)
+                return result
+            }, false)
+            parent_nodes.pop()
+        } else {
+            result = this.solveNodeInternal(propertyValue, filterNode, subArray, parent_nodes, matchedTxPath)
+        }
+        parent_nodes.pop()
+        return result
+    }
+
+    solveBooleanNode(
+        targetObject: any,
+        filterNode: IBooleanNode,
+        parent_nodes: string[] = [],
+        matchedTxPath: any
+    ): 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, matchedTxPath))
+        }, operator !== orOperator)
+        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)
+        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/KuberService.ts b/agent-node/src/service/KuberService.ts
index 5a7ade341..83cf1aa28 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/ManagerInterfaceService.ts b/agent-node/src/service/ManagerInterfaceService.ts
index 1bccdf48b..99d12f2ad 100644
--- a/agent-node/src/service/ManagerInterfaceService.ts
+++ b/agent-node/src/service/ManagerInterfaceService.ts
@@ -1,5 +1,5 @@
-import {RpcV1} from 'libcardano/network/Rpc'
-import {ILog} from './TriggerActionHandler'
+import { RpcV1 } from 'libcardano/network/Rpc'
+import { ILog } from './TriggerActionHandler'
 
 export class ManagerInterface {
     rpc: RpcV1
diff --git a/agent-node/src/service/RpcTopicHandler.ts b/agent-node/src/service/RpcTopicHandler.ts
index 1603ad50b..1898a397d 100644
--- a/agent-node/src/service/RpcTopicHandler.ts
+++ b/agent-node/src/service/RpcTopicHandler.ts
@@ -2,22 +2,24 @@ 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'
+import { formatEventFilter } from '../utils/event/eventFilterFormatter'
 
 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,
@@ -42,52 +44,21 @@ 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({ ...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
-        checkIfAgentWithEventTriggerTypeExists(configurations)
+        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) {
@@ -97,28 +68,23 @@ 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)
                     })
             }
         }
-        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
-            )
+            scheduleFunctions(this.managerInterface, runner, configurations, index, scheduledTasks)
         })
     }
 
     agent_keys(message: any) {}
+
     instance_count(args: any) {}
 }
diff --git a/agent-node/src/service/TriggerActionHandler.ts b/agent-node/src/service/TriggerActionHandler.ts
index 4656ae158..7ef6bdf8d 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 d8fd221a7..b178d0718 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 a76e1e5d0..0352b835e 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 af64e34a1..d49c87cb2 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
new file mode 100644
index 000000000..3c31e2594
--- /dev/null
+++ b/agent-node/src/types/eventTriger.ts
@@ -0,0 +1,25 @@
+import { Action } from '../service/triggerService'
+
+export type BooleanOperator = 'AND' | 'OR'
+export type ComparisonOperator = 'equals' | 'greaterThan' | 'lessThan' | 'in' | 'exists'
+
+export interface IEventBasedAction {
+    eventTrigger: IBooleanNode | IFieldNode
+    triggeringFunction: Action
+}
+
+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 type IFilterNode = IFieldNode | IBooleanNode
diff --git a/agent-node/src/types/types.ts b/agent-node/src/types/types.ts
index a96dce239..7b7c9ceff 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 e164696b0..9ac3fa389 100644
--- a/agent-node/src/utils/agent.ts
+++ b/agent-node/src/utils/agent.ts
@@ -1,39 +1,31 @@
-import {
-    Action,
-    ActionParameter,
-    Configuration,
-    TriggerType,
-} from '../service/triggerService'
-import { globalState } from '../constants/global'
+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') {
-            globalState.eventTriggerTypeDetails = {
-                eventType: true,
-                function_name: config.action.function_name,
-            }
+            eventBasedAction.push({
+                eventTrigger: config.data as unknown as IFilterNode,
+                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',
@@ -67,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 &&
@@ -85,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 c84c4feca..2f87e9b12 100644
--- a/agent-node/src/utils/cardano.ts
+++ b/agent-node/src/utils/cardano.ts
@@ -13,16 +13,9 @@ 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 loadRootKeyFromBuffer() {
diff --git a/agent-node/src/utils/event/eventFilterFormatter.ts b/agent-node/src/utils/event/eventFilterFormatter.ts
new file mode 100644
index 000000000..8101e7c2f
--- /dev/null
+++ b/agent-node/src/utils/event/eventFilterFormatter.ts
@@ -0,0 +1,112 @@
+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) {
+            const similarChild = child.children.find((c) => c.id === child.id)
+            if (similarChild) {
+                return similarChild
+            }
+            return child
+        }
+        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/metadataContent/drepMetadataContent.ts b/agent-node/src/utils/metadataContent/drepMetadataContent.ts
index a4f882bb9..5a9c8c4d5 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 47a3df856..40820adc6 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 13b2b0429..3df04d7a9 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
new file mode 100644
index 000000000..a5c418363
--- /dev/null
+++ b/agent-node/src/utils/operatorSupport.ts
@@ -0,0 +1,175 @@
+import { ShelleyAddress, Value } from 'libcardano'
+
+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: '!=',
+    eq: '==',
+
+    //     js suport
+    contains: 'contains',
+}
+
+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 {
+        if (operator === 'exists') {
+            return !!a
+        }
+
+        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)
+                } 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)
+            }
+        }
+
+        // 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)
+                } 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)
+            }
+        }
+
+        // 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)
+            }
+        }
+
+        // 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))
+
+        // 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)
+_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)
+
+// Register handlers for type Value
+_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: ShelleyAddress, b: ShelleyAddress) => a.equals(b))
+
+export const logicalFunctions = _logicalFunctions
diff --git a/agent-node/src/utils/scheduler.ts b/agent-node/src/utils/scheduler.ts
index 664c81cc7..140e32aea 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,
-                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 32d9c31e9..fbee26e78 100644
--- a/agent-node/src/utils/validator.ts
+++ b/agent-node/src/utils/validator.ts
@@ -1,3 +1,6 @@
+import { BooleanOperator, ComparisonOperator } from '../types/eventTriger'
+import { logicalFunctions } from './operatorSupport'
+
 const NetworkName = ['preview', 'preprod', 'sanchonet']
 
 export function validateToken(token: string) {
@@ -7,7 +10,43 @@ 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 {
+    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,
+    objectProperty: any,
+    txPropertyVal: any,
+    property_path: string[]
+) {
+    console.debug('filterValue=' + objectProperty + ', txPropertyVal= ' + txPropertyVal)
+    const result = logicalFunctions.execute(operator, txPropertyVal, objectProperty)
+
+    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
+}
+
+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
+}
diff --git a/agent-node/yarn.lock b/agent-node/yarn.lock
index d10466de9..d334ef003 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"
@@ -892,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"
 
@@ -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.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.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"
-    "@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.2:
     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"
@@ -2597,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"
@@ -2646,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"
@@ -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/api/backend/app/models/trigger/resposne_dto.py b/api/backend/app/models/trigger/resposne_dto.py
index 81ed708b5..5f072d734 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):
diff --git a/api/backend/app/models/trigger/trigger_dto.py b/api/backend/app/models/trigger/trigger_dto.py
index f3dfca54e..3a43bcd41 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
-from pydantic import BaseModel, json
-from croniter import croniter
+from typing import Union, Optional, Any, Literal
 
-from backend.app.exceptions import HTTPException
+from pydantic import BaseModel
 
 
 class CronTriggerDTO(BaseModel):
@@ -15,9 +13,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 +23,44 @@ 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", "gt", "gte", "lt", "lte", "ne", "eq", "contains", "exists"
+]
+
+
+class Field(BaseModel):
+    id: Union[str, list[str]]
+    value: Any
+    negate: bool
+    operator: ComparisonOperator
+    operators: list[ComparisonOperator]
+
 
+class ChildrenFields(BaseModel):
+    id: Optional[Union[str, list[str]]]
+    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: Optional[Union[str, list[str]]]
+    children: 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
+
+
+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 000000000..dd306fe85
--- /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 85c22a277..4641cacd7 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 f5fc6fa34..a25d9b4d4 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")
diff --git a/dbsync-api/.prettierrc.json b/dbsync-api/.prettierrc.json
new file mode 100644
index 000000000..4e534aad2
--- /dev/null
+++ b/dbsync-api/.prettierrc.json
@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 120
+}
diff --git a/dbsync-api/src/repository/address.ts b/dbsync-api/src/repository/address.ts
index 608f8a960..fb19420ad 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
diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
index cc4f92401..0c9126191 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/package.json b/frontend/package.json
index 0b6dda568..08fb66602 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",
@@ -35,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",
@@ -66,6 +67,7 @@
         "js-cookie": "^3.0.5",
         "katex": "^0.16.9",
         "kuber-client": "^2.0.3",
+        "libcardano": "^1.4.1-7.3-browser",
         "libphonenumber-js": "^1.10.54",
         "little-state-machine": "^4.8.0",
         "lodash": "^4.17.21",
@@ -102,6 +104,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 +122,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 +168,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/prettier.config.js b/frontend/prettier.config.js
index 20b181fb8..c741d7e87 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 484d1fa84..47c20ecba 100644
--- a/frontend/src/api/agents.ts
+++ b/frontend/src/api/agents.ts
@@ -9,6 +9,34 @@ 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 | Array<string>;
+    value: any;
+    negate: boolean;
+    operators: string[];
+    operator: string;
+    validator: (...args: any) => any;
+}
+
+export interface IBooleanNode {
+    id?: string | string[];
+    children: IFilterNode[];
+    negate: boolean;
+    operator: BooleanOperator;
+}
+
+export interface IEventTrigger {
+    id: string | string[];
+    children: IFilterNode[];
+    negate: boolean;
+    operator: BooleanOperator;
+}
+
+export type IFilterNode = IFieldNode | IBooleanNode;
+
 export type TriggerType = 'CRON' | 'MANUAL' | 'EVENT';
 
 export interface ISubParameter {
@@ -26,11 +54,6 @@ export interface ICronTrigger {
     probability: number;
 }
 
-export interface IEventTrigger {
-    event: 'VoteEvent';
-    parameters?: Array<ISubParameter>;
-}
-
 export interface IAgentConfiguration {
     id: string;
     agent_id: string;
@@ -77,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);
@@ -182,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 c398f8d33..e014d75f7 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/app/(pages)/templates/create-template/components/TriggerForm.tsx b/frontend/src/api/healthStatus/route.ts
similarity index 100%
rename from frontend/src/app/(pages)/templates/create-template/components/TriggerForm.tsx
rename to frontend/src/api/healthStatus/route.ts
diff --git a/frontend/src/api/templates.ts b/frontend/src/api/templates.ts
index 4f277bdd0..3024f605e 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 6d984499e..9df1e0ea1 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');
@@ -94,16 +87,13 @@ export interface ITriggerCreateDto {
 }
 
 export const postTrigger = async (agentID: string, triggerData: ITriggerCreateDto) => {
-    const response = await axios.post(
-        `${baseAPIurl}/agents/${agentID}/triggers`,
-        triggerData,
-        {
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            withCredentials: true
-        }
-    );
+    console.log('Req body: ', triggerData);
+    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 e3bc27c16..8b108ccaf 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 8f531d37b..06c44d11b 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 2f2a4aafe..07fbdfbf5 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 fd6d391b8..833f00d71 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 36f144a0b..d0ed4640f 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 3a9b930f2..b27e31fc5 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 20756ecfa..c27c0b56b 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 f615455cb..d67dc7ceb 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 b0a8bcc05..e99c3796d 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 a544e33a1..1d3a53e98 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 e11e66d29..a97faaad0 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 94d96324d..ab13472b3 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 5ded52ea4..3a13e2587 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 79c701d57..2c0f9e178 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 de4438366..c92d7e535 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)/health/route.ts b/frontend/src/app/(pages)/health/route.ts
new file mode 100644
index 000000000..4363dd95f
--- /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)/logs/page.tsx b/frontend/src/app/(pages)/logs/page.tsx
index 4ffa4a75f..0c9a4191d 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 764e502f3..958e43447 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 e29c7b396..11e677cb4 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 5ea574966..95e096d23 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 0599c7f49..f103c3bc7 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';
@@ -7,20 +7,16 @@ import { Slider } from '@mui/material';
 import { X } from 'lucide-react';
 
 import { Button } from '@app/components/atoms/Button';
-import { Card, CardDescription, CardTitle } from '@app/components/atoms/Card';
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger
-} from '@app/components/atoms/Select';
+import { Card, CardTitle } from '@app/components/atoms/Card';
+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';
 
 import { IFormFunctionInstance } from '../page';
-import { renderParameters } from './trigger/ParameterRenderers';
-import TriggerTab from './trigger/TriggerTab';
+import { renderParameters } from './ParameterRenderers';
+import TriggerTab from './TriggerTab';
+import EventTab from './event/EventTab';
 
 interface IFunctionFormParams {
     currentFunction?: IFormFunctionInstance;
@@ -48,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;
@@ -59,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
@@ -71,7 +61,7 @@ export const FunctionForm = ({
         updateFunctionState({
             cronValue,
             selectedCronOption: defaultSelected,
-            congifuredCronSettings: configuredSettings
+            configuredCronSettings: configuredSettings
         });
     };
 
@@ -89,28 +79,21 @@ export const FunctionForm = ({
         const updatedParameters = functionState?.parameters?.map((param) =>
             param.id === paramId ? { ...param, value: newValue } : param
         );
-        console.log(updatedParameters);
         updateFunctionState({ parameters: updatedParameters });
     };
 
     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
-    ) => {
+    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
@@ -119,40 +102,41 @@ export const FunctionForm = ({
     };
 
     const handleOptionChange = (optionValue: any) => {
-        const updatedFuctionState = { ...functionState, optionValue: optionValue };
-        updateFunctionState(updatedFuctionState);
+        const updatedFunctionState = { ...functionState, optionValue: optionValue };
+        updateFunctionState(updatedFunctionState);
     };
 
     const handleOnSave = () => {
         const validState = checkAllRequiredFieldsAreFilled();
-        console.log(functionState);
         validState && onSave?.(functionState);
     };
 
     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;
         }
 
-        if (
-            functionState?.parameters?.[0].type === 'options' &&
-            !functionState.optionValue
-        ) {
+        if (functionState?.parameters?.some((param) => param.type === 'options') && !functionState.optionValue) {
             ErrorToast('Please select an option');
             return false;
         }
 
         let validState = true;
         functionState?.parameters?.forEach((item) => {
+            if (item.type === 'options' && functionState.optionValue) {
+                return;
+            }
             if ((item.optional === false && !item.value) || item.value === '') {
                 validState = false;
             }
             item.parameters?.forEach((subItem) => {
-                if (
-                    (subItem.optional === false && !subItem.value) ||
-                    subItem.value === ''
-                ) {
+                if ((subItem.optional === false && !subItem.value) || subItem.value === '') {
                     validState = false;
                 }
             });
@@ -162,9 +146,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,
@@ -176,6 +158,16 @@ export const FunctionForm = ({
         }
     };
 
+    useEffect(() => {
+        if (currentFunction && editMode) {
+            currentFunction.type === 'EVENT' &&
+                setFunctionState({
+                    ...functionState,
+                    eventValue: currentFunction.eventValue
+                });
+        }
+    }, []);
+
     return (
         <Card
             className={cn(
@@ -183,19 +175,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>
@@ -209,32 +194,31 @@ 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 && (
                         <CustomCombobox
-                            defaultValue={functionState.type || 'CRON'}
-                            itemsList={['CRON', 'EVENT']}
-                            onSelect={(triggerType: any) =>
-                                handleTypeChange(triggerType as TriggerType)
-                            }
+                            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)}
                             className={'w-24 rounded-md border-[2px] px-2'}
                         />
                     )}
                 </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' && (
                     <>
@@ -242,50 +226,48 @@ export const FunctionForm = ({
                             onlyCronTriggerTab
                             defaultCron={cronExpression}
                             onChange={handleCronChange}
-                            previousConfiguredSettings={
-                                functionState?.congifuredCronSettings
-                            }
+                            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>
                     </>
                 )}
                 {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"
+                        onChange={(eventTrigger) => {
+                            setFunctionState({
+                                ...functionState,
+                                eventValue: eventTrigger
+                            });
+                        }}
+                        savedEventTrigger={functionState?.eventValue}
+                    />
                 )}
             </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-2 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 80%
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
index a51cef665..1ca1d0cd6 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/trigger/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/trigger/TriggerTab.tsx b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
similarity index 85%
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 77e947c96..a9a0af1f0 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/trigger/TriggerTab.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/components/TriggerTab.tsx
@@ -3,15 +3,10 @@
 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 './CustomCron';
-import DefaultCron from './DefaultCron';
+import CustomCron from './cron/CustomCron';
+import DefaultCron from './cron/DefaultCron';
 
 export interface ICronSetting {
     placeholder: string;
@@ -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/FunctionCards.tsx b/frontend/src/app/(pages)/templates/create-template/components/cards/FunctionCards.tsx
similarity index 78%
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 c36d82663..179216fab 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[];
@@ -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
new file mode 100644
index 000000000..fb57257e4
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/cards/InfoCard.tsx
@@ -0,0 +1,30 @@
+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="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 }
+                )}
+            >
+                Create different relations between event and their paramaters
+                <br />
+                <br />
+                For complex relations you can edit the trigger via json mode.
+            </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 84%
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
index d4ea7d2f8..748bd71ae 100644
--- a/frontend/src/app/(pages)/templates/create-template/components/trigger/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/trigger/DefaultCron.tsx b/frontend/src/app/(pages)/templates/create-template/components/cron/DefaultCron.tsx
similarity index 88%
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 872b80b3b..b7b607c5f 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,
@@ -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/CustomEditor.tsx b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
new file mode 100644
index 000000000..1a98bc58c
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/CustomEditor.tsx
@@ -0,0 +1,29 @@
+import { IEventTrigger } from '@api/agents';
+import Editor from '@monaco-editor/react';
+
+export default function CustomEditor({
+    defaultValue,
+    onValueChange
+}: {
+    defaultValue: IEventTrigger | null;
+    onValueChange: (data: string) => void;
+}) {
+    return (
+        <>
+            <Editor
+                height={'100%'}
+                width={'100%'}
+                defaultLanguage="json"
+                className="!rounded-xl bg-brand-vscode !py-4"
+                // defaultValue={JSON.stringify(defaultValue, null, 2) || ''}
+                theme="vs-dark"
+                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
new file mode 100644
index 000000000..0330f719b
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTab.tsx
@@ -0,0 +1,436 @@
+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 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 { 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 { Switch } from '@app/components/shadcn/ui/switch';
+import { areArraysEqual } from '@app/utils/common/array';
+
+import InfoCard from '../cards/InfoCard';
+import { ISchema } from './EventTrigger';
+
+const EventTab = ({
+    className,
+    savedEventTrigger,
+    onChange = () => {}
+}: {
+    className?: string;
+    savedEventTrigger?: IEventTrigger;
+    onChange?: (value: IEventTrigger) => void;
+}) => {
+    const [currentEvent, setCurrentEvent] = useState<ISchema | null>(null);
+
+    const [currentEventFilter, setCurrentEventFilter] = useState<ISchema | null>(null);
+
+    const [isInfoVisible, setIsInfoVisible] = useState(false);
+
+    const [formData, setFormData] = useState<IEventTrigger | null>(savedEventTrigger || null);
+
+    const [proMode, setProMode] = useState(false);
+
+    useEffect(() => {
+        if (formData) {
+            onChange(formData);
+        }
+    }, [formData]);
+
+    useEffect(() => {
+        if (savedEventTrigger) {
+            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
+            );
+            if (lastEventFilter) {
+                setCurrentEventFilter(lastEventFilter);
+            }
+        }
+    }, []);
+
+    const handleSelectEvent = (eventId: string) => {
+        const selectedEvent = transactionSchema.find((tx) => tx.id === eventId);
+        if (selectedEvent) {
+            setCurrentEvent(selectedEvent);
+            setFormData({
+                id: selectedEvent?.id,
+                children: [],
+                negate: false,
+                operator: 'AND'
+            });
+        }
+    };
+
+    const handleSelectEventFilter = (eventFilterId: string) => {
+        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;
+        }
+    };
+
+    const handleAddEventFilter = (eventFilterId: string) => {
+        const selectedEventFilter = handleSelectEventFilter(eventFilterId);
+        if (selectedEventFilter) {
+            formData &&
+                setFormData({
+                    ...formData,
+                    children: [
+                        ...formData.children,
+                        {
+                            id: selectedEventFilter.id,
+                            operator: 'AND',
+                            negate: false,
+                            children: []
+                        }
+                    ]
+                });
+        }
+    };
+
+    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 = getNestedTxProperties(selectedParameter)?.find((prop) =>
+                areArraysEqual(prop.id as string[], parameterId as string[])
+            );
+        }
+        return selectedParameter;
+    }
+
+    const handleAddParameter = (parameterId: string | string[]) => {
+        if (formData && currentEventFilter) {
+            const selectedParameter = getSelectedParameter(parameterId);
+            if (selectedParameter) {
+                const data = {
+                    ...formData,
+                    children: formData.children.map((eventFilter) =>
+                        eventFilter.id === currentEventFilter?.id
+                            ? {
+                                  ...eventFilter,
+                                  children: [
+                                      //@ts-ignore
+                                      ...(eventFilter.children || []),
+                                      {
+                                          id: selectedParameter.id,
+                                          operators: selectedParameter.operators
+                                              ? selectedParameter.operators
+                                              : ['exists'],
+                                          validator: selectedParameter.validator,
+                                          value: '',
+                                          negate: false,
+                                          operator: 'exists'
+                                      }
+                                  ]
+                              }
+                            : eventFilter
+                    )
+                };
+                setFormData(data);
+            }
+        }
+    };
+
+    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 = {
+                ...formData,
+                children: formData.children.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,
+                children: formData.children.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 handleParamNegationChange = (parameterId: string, negate: boolean) => {
+        if (formData && currentEventFilter) {
+            const data = {
+                ...formData,
+                children: formData.children.map((eventFilter) =>
+                    eventFilter.id === currentEventFilter?.id
+                        ? {
+                              ...eventFilter,
+                              //@ts-ignore
+                              children: eventFilter.children.map((child) =>
+                                  child.id === parameterId ? { ...child, negate: negate } : child
+                              )
+                          }
+                        : eventFilter
+                )
+            };
+            setFormData(data);
+        }
+    };
+
+    const getNotSelectedEventFilters = () => {
+        return transactionSchema
+            .find((tx) => tx.id === formData?.id)
+            ?.properties?.filter((prop) => !formData?.children.find((child) => child.id === prop.id));
+    };
+
+    const getFlattenEventFilterParams = () => {
+        return currentEventFilter?.properties?.map((prop) => getNestedTxProperties(prop)).flat();
+    };
+
+    const getNotSelectedEventFilterParameters = () => {
+        return (
+            currentEventFilter &&
+            getFlattenEventFilterParams()?.filter(
+                (prop: ISchema) =>
+                    !formData?.children
+                        .find((eventFilter) => eventFilter.id === currentEventFilter?.id)
+                        //@ts-ignore
+                        ?.children.find(
+                            (child: IFieldNode) => !checkIfStringOrArrayOfStringIdsAreEqual(child.id, prop.id)
+                        )
+            )
+        );
+    };
+
+    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)
+            : setCurrentEventFilter(null);
+    };
+
+    const memoizedEventFilterParams = useMemo(
+        () =>
+            getNotSelectedEventFilterParameters()?.map((item: ISchema) => {
+                return { id: item.id, label: item.label };
+            }) || [],
+        [formData, currentEventFilter]
+    );
+
+    const memoizedEventFilters = useMemo(
+        () =>
+            getNotSelectedEventFilters()?.map((item) => ({
+                id: item.id,
+                label: item.label
+            })) || [],
+        [formData]
+    );
+
+    return (
+        <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>
+            {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>
+                        {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>
+    );
+};
+
+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 000000000..1272e6d93
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTabRenderer.tsx
@@ -0,0 +1,47 @@
+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: 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;
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 000000000..06ff6138c
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTrigger.ts
@@ -0,0 +1,12 @@
+interface IEventFilterAtribute {
+    id: string;
+    label: string;
+    type: string;
+    operators?: string[];
+    validator?: (arg: any) => any | undefined;
+    properties?: IEventFilterAtribute[];
+}
+
+export interface ISchema extends Omit<IEventFilterAtribute, 'id'> {
+    id: string | 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 000000000..2199d0e6b
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/EventTriggerGraph.tsx
@@ -0,0 +1,147 @@
+import { useEffect, useState } from 'react';
+
+import { IEventTrigger, IFilterNode } from '@api/agents';
+import { Canvas, EdgeData, NodeData } from 'reaflow';
+
+interface NodeGraphProps {
+    data: IEventTrigger | null;
+    className?: string;
+    maxHeight?: number;
+    maxWidth?: number;
+}
+
+export default function EventTriggerGraph({ data, className, maxHeight, maxWidth }: 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('.');
+    };
+
+    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[] = [];
+
+        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) +
+                    ` ${shouldDisplayBooleanOperator(obj.operator, obj) ? ` ( ${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
+        if (data) {
+            const rootId = reduceString(data.id);
+            const text = data.negate
+                ? 'NOT ( ' +
+                  data.id +
+                  ` ${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''} ` +
+                  ')'
+                : data.id + `${shouldDisplayBooleanOperator(data.operator, data) ? ` ( ${data.operator} )` : ''}`;
+            newNodes.push({
+                id: rootId,
+                text: text,
+                width: getNodeWidth(text)
+            });
+
+            data.children.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={
+                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}
+        />
+    );
+}
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 000000000..0e87639f6
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/event/RenderEventChildForm.tsx
@@ -0,0 +1,139 @@
+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 { cn } from '@app/components/lib/utils';
+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.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('.')
+        : eventFilterParam.id;
+
+    useEffect(() => {
+        localOperator && onOperatorChange?.(localOperator);
+    }, [localOperator]);
+
+    const [errMsg, setErrMsg] = useState<string>('');
+
+    const [debouncedVal] = useDebounceValue(value, 500);
+
+    useEffect(() => {
+        if (debouncedVal && eventFilterParam?.validator && !eventFilterParam?.validator(debouncedVal)) {
+            return setErrMsg(`Error occured on ${paramId}`);
+        }
+        onValueChange?.(debouncedVal);
+    }, [debouncedVal]);
+
+    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);
+        setDeleteBtnClicked(true)
+    };
+
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        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">{paramId}</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-20 rounded border-none !p-0">
+                        <span className="flex w-full justify-end gap-4">
+                            {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>
+                <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"
+                        onChange={handleInputChange}
+                        value={value}
+                    />
+                ) : (
+                    <></>
+                )}
+                <Close
+                    onClick={() => handleOnDeleteParam(eventFilterParam.id)}
+                    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>}
+        </div>
+    );
+};
+
+export default RenderEventChildForm;
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 000000000..8d1a3b3ab
--- /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'
+//         }
+//     ]
+// };
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 1bcd045ac..1c9318f7a 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,42 +1,35 @@
-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';
 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 {
-    mapKeyValuePairToParamValue,
+    mapKeyValuePairToParamValue, // mapKeyValuePairToParamValue,
     mapOptionToKeyValuePair,
     mapParamValueToKeyValuePair
 } 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 || '* * * * *'
     };
 
     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.eventValue) {
+            return {
+                type: item.type,
+                action: {
+                    function_name: item.id,
+                    parameters: item.optionValue ? [mapOptionToKeyValuePair(item.optionValue, 'voteType')] : []
+                },
+                data: item.eventValue
+            };
+        }
     }
 
     if (item.id === 'delegation') {
@@ -44,14 +37,28 @@ 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
         };
     }
 
+    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: {
@@ -66,9 +73,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(
@@ -76,21 +81,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
@@ -99,19 +95,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;
@@ -159,8 +150,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
@@ -168,43 +158,33 @@ export const mapTriggerConfigurationToFormFunction = (
         : undefined;
 
     const eventParameters =
-        trigger.type === 'EVENT'
-            ? mapKeyValuePairToParamValue(trigger.action.parameters || [])
-            : undefined;
+        trigger.type === 'EVENT' ? mapKeyValuePairToParamValue(trigger.action.parameters || []) : undefined;
 
     const final_obj = {
         id: trigger.action.function_name,
         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'
-                ? {
-                      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])
-                : 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;
 };
 
-export const mapAgentConfigurationToFormFunction = (
-    agentConfiguration: IAgentConfiguration
-): IFormFunctionInstance => {
+export const mapAgentConfigurationToFormFunction = (agentConfiguration: IAgentConfiguration): IFormFunctionInstance => {
     const convertedObj = mapTriggerConfigurationToFormFunction({
         action: agentConfiguration.action,
         data: agentConfiguration.data,
@@ -215,9 +195,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
@@ -238,9 +216,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 8fece9d52..feaf17e8c 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',
@@ -55,3 +46,20 @@ export const mapKeyValuePairToParamValue = (
                 : subParam.value
     }));
 };
+
+export function transformLabelForOperators(operator: string) {
+    switch (operator) {
+        case 'lt':
+            return '<';
+        case 'gt':
+            return '>';
+        case 'gte':
+            return '>=';
+        case 'lte':
+            return '<=';
+        case 'eq':
+            return '==';
+        default:
+            return 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 000000000..3a393529a
--- /dev/null
+++ b/frontend/src/app/(pages)/templates/create-template/components/utils/array.ts
@@ -0,0 +1,9 @@
+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;
+    }
+}
diff --git a/frontend/src/app/(pages)/templates/create-template/page.tsx b/frontend/src/app/(pages)/templates/create-template/page.tsx
index 7f0445681..0640edf60 100644
--- a/frontend/src/app/(pages)/templates/create-template/page.tsx
+++ b/frontend/src/app/(pages)/templates/create-template/page.tsx
@@ -7,13 +7,8 @@ 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 useMediaQuery from '@mui/material/useMediaQuery';
 import { useMutation } from '@tanstack/react-query';
 import { useAtom } from 'jotai';
 import { v4 } from 'uuid';
@@ -33,8 +28,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 {
@@ -45,7 +40,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;
 }
@@ -58,7 +53,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);
 
@@ -69,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'] });
@@ -83,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);
 
@@ -107,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
@@ -122,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);
         }
@@ -151,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);
@@ -177,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>
@@ -189,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>
@@ -222,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
@@ -233,7 +207,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/app/(pages)/templates/page.tsx b/frontend/src/app/(pages)/templates/page.tsx
index 6801ad509..e92080892 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/api/send/route.ts b/frontend/src/app/api/send/route.ts
index 7936ce728..241d99225 100644
--- a/frontend/src/app/api/send/route.ts
+++ b/frontend/src/app/api/send/route.ts
@@ -31,13 +31,7 @@ export async function POST(request: Request) {
             status: response.status
         });
     } catch (error: any) {
-        console.error(
-            'Error calling Umami API:',
-            error.message || error.error || error
-        );
-        return NextResponse.json(
-            { error: 'Failed to call Umami API' },
-            { status: 500 }
-        );
+        console.error('Error calling Umami API:', error.message || error.error || error);
+        return NextResponse.json({ error: 'Failed to call Umami API' }, { status: 500 });
     }
 }
diff --git a/frontend/src/app/components/Accordion.tsx b/frontend/src/app/components/Accordion.tsx
index 4a9bbf521..b1d049556 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 472647288..c7a04e88b 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/AgentSelector.tsx b/frontend/src/app/components/AgentSelector.tsx
index 240adadc6..c7110b908 100644
--- a/frontend/src/app/components/AgentSelector.tsx
+++ b/frontend/src/app/components/AgentSelector.tsx
@@ -1,24 +1,46 @@
+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 = [
+        { id: 'Yes', label: 'Yes' },
+        { id: 'No', label: 'No' },
+        { id: 'Abstain', label: '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.some((vote) => vote.id === voteType)}
+                onCheckedChange={(checked) => handleCheckChange(checked)}
+            />
+            <div className="flex w-full flex-row justify-between gap-4">
+                <p className=" text-sm font-medium">{agent.name}</p>
+                <div className={'flex flex-row gap-2'}>
+                    <span>Vote :</span>
+                    <CustomCombobox
+                        defaultValue={{ id: 'Select Voting Options', label: 'Select Voting Options' }}
+                        className={'w-[250px] border-0'}
+                        itemsList={voteTypes}
+                        onSelect={(voteType: string) => setVoteType(voteType)}
+                    />
+                </div>
             </div>
         </div>
     );
diff --git a/frontend/src/app/components/AppDialog.tsx b/frontend/src/app/components/AppDialog.tsx
index 5ae33a03c..ed3dcbaad 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 ca242c2d2..83d5d05ea 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 8883a0063..31aa45937 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 51fd1fafa..64c02ef2f 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 5dbff4ced..e6880c52c 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 3c94d874b..53e67fb8c 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 2437f3247..9354e1366 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 5afa04d16..ae647f409 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 da20784dd..1c754eba2 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 56112914f..bf39fc898 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,28 +105,26 @@ 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',
         breakdownMetrics: true,
         propagateTracestate: true,
         distributedTracingOrigins: [
-          "https://sanchonet.api.agents.cardanoapi.io",
-            "https://api.agents.cardanoapi.io",
-            "https://preprod.api.agents.cardanoapi.io",
-            "https://preview.api.agents.cardanoapi.io"
-        ],
+            'https://sanchonet.api.agents.cardanoapi.io',
+            'https://api.agents.cardanoapi.io',
+            'https://preprod.api.agents.cardanoapi.io',
+            'https://preview.api.agents.cardanoapi.io'
+        ]
     };
     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"
                 crossOrigin={'anonymous'}
             /> */}
 
-            <script src="/authscript.js"/>
+            <script src="/authscript.js" />
             <script dangerouslySetInnerHTML={{ __html: htmlStr }} />
         </>
     ) : (
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index b447d2c12..02ea5bbc7 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/css/globals.css b/frontend/src/assets/css/globals.css
index f264d825b..ad39ed164 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);
+}
diff --git a/frontend/src/assets/icons/AgentsIcon.tsx b/frontend/src/assets/icons/AgentsIcon.tsx
index 6f8d3d7ab..baaaa1c45 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 f8cd16d8f..c922178c2 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 1b52166a5..98e2f47c4 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 b1466e5f8..a6a5360c7 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 b4608dcd3..c00a344cc 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 55cd9ed6c..8d9215e34 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 a8be7e5b1..dc0b3a66f 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 0be29d03b..d35b3a8c6 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 d7eba9885..a1136775a 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 bc8b388c2..fa4423a2e 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 1f0dcd7b0..e0aee4cc4 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 8ea8cc727..5d82afccb 100644
--- a/frontend/src/components/Agent/AgentContent/Functions.tsx
+++ b/frontend/src/components/Agent/AgentContent/Functions.tsx
@@ -1,10 +1,8 @@
 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';
 
 import { FunctionForm } from '@app/app/(pages)/templates/create-template/components/FunctionForm';
@@ -30,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);
@@ -84,36 +81,27 @@ 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>
-                )}
-            <Dialog open={dialogOpen} fullScreen={isMobile}>
-                <DialogContent className="relative bg-brand-Azure-400 !p-0">
+            {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
                         onClose={toggleDialog}
                         onValueChange={() => {}}
@@ -125,10 +113,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 6ca7e0da5..1d9046b10 100644
--- a/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
+++ b/frontend/src/components/Agent/AgentContent/FunctionsContainer.tsx
@@ -2,11 +2,9 @@
 
 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';
 import { useMutation } from '@tanstack/react-query';
 
 import { FunctionForm } from '@app/app/(pages)/templates/create-template/components/FunctionForm';
@@ -17,8 +15,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 = ({
@@ -34,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),
@@ -58,16 +54,12 @@ const AgentFunctionsDetailComponent = ({
     };
 
     const handleUpdate = (functionData: IFormFunctionInstance) => {
-        console.log(functionData);
-
         if (functionData.agent_id) {
             const data = mapFormFunctionToAgentConfiguration(functionData);
             updateTemplate.mutateAsync(data);
         }
     };
 
-    const isMobile = useMediaQuery('(max-width: 600px)');
-
     return (
         <>
             {agentConfigurations &&
@@ -81,7 +73,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 0e8140b0f..76e032ff1 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,
@@ -87,21 +79,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)}
                             >
@@ -117,13 +101,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>
             )}
@@ -162,36 +140,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>
@@ -199,28 +160,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>
                     )}
@@ -228,14 +182,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 ? (
@@ -246,15 +195,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>
     );
@@ -267,24 +210,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>
                 );
@@ -303,17 +237,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>
             ) : (
@@ -326,31 +253,23 @@ 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 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 }) => {
@@ -360,11 +279,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}
@@ -375,11 +290,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 a5e8d4f21..395036155 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 106652dcf..83b785e1a 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,18 +140,9 @@ 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
     );
 
-    {
-        console.log(dataSource.length, numberOfBoxes);
-    }
-
     if (dataSource.length < numberOfBoxes) {
         const target = numberOfBoxes - dataSource.length;
         for (let i = 0; i < target; i++) {
@@ -195,18 +150,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 +173,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 b4377fd7b..ae0efa303 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 734a31531..0703ea324 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 b12df0a86..94e3e66b4 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 0eccfe64d..9601cd1db 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 ba8239b0d..02925ef3c 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 b26f018f5..2853b7e98 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 fb1030a09..973d0fc12 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 77a87e6ed..ef8227c6f 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 55c0bbd66..25087de75 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 1a092f619..beacc01ea 100644
--- a/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
+++ b/frontend/src/components/Agent/FormRenderer/OptionParameter.tsx
@@ -9,14 +9,9 @@ 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) {
         switch (parameter.type) {
             case 'number':
@@ -25,31 +20,36 @@ 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} />;
         }
     }
+
     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(
-                            (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);
@@ -60,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 02c064d9f..dd39d8965 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 daf6fe252..447261c91 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 694ee2c60..1ff947dd9 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 4cc31cee7..e49e00409 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 36dec3eeb..c0b8ad5ce 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 151898700..690acb4c7 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>
             </>
         );
     };
@@ -72,21 +68,21 @@ 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/src/components/Agent/shared/GroupParameters.tsx b/frontend/src/components/Agent/shared/GroupParameters.tsx
index 6d52ed2f5..c8aaea86a 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 ef0bfc53f..f6bfcd9eb 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 4d4fe8fdb..7320e73c4 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 65b275998..ef7f14f5c 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 d9dea43d6..63686447f 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 706dc8e66..715636749 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 8eb91e02b..ae08838d1 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 a3a3bd928..9a5d4af19 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 2a3bd14e5..8e3b5dcec 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 81488b279..85efdd1a2 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 807179c3d..8af18eb2f 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 10ab71b46..6c43423bc 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 a11d3b6ce..463336bf3 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 aef34dfad..dc0747a43 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 c900a1c1b..dd9c4ae92 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 dbe7c8621..742b30d1a 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 21fd0560f..c39b94f5b 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 3fed80705..bfe4491ad 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 f753c7b71..c4384d632 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 1aca4d022..71224758d 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 0505beaa9..0e1f427a9 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,10 @@ 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 +97,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}
@@ -181,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 0a89b41c1..e2452388b 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 960d50128..8327e0e67 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 4a6ea84d4..9ea2020bf 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 6eadde83f..0e2580243 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 ed882090b..cd511a987 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';
 
@@ -13,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;
@@ -25,17 +22,16 @@ 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<
     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 +43,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>
@@ -60,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" />
@@ -77,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" />
@@ -124,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;
 
@@ -153,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 913fa6672..187a346c0 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 83b4f56cd..a3b6200d0 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 e1747f31a..7ce3f3086 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 b337a92fa..e07ed967d 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 ae010b853..5dd8b3e08 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 f88b93519..24b866b01 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 da8c32457..06a72a458 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 0b27b1008..5b972b79c 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 86b94d48c..5f05cf121 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 c0cda5e92..f5dfb8ad1 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 fd8fa7168..d3ef227f0 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 3b8288a30..c59088cca 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 f23e6fcf9..c04b8779b 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 36274c7e0..1441f168a 100644
--- a/frontend/src/components/molecules/CustomCombobox.tsx
+++ b/frontend/src/components/molecules/CustomCombobox.tsx
@@ -1,69 +1,129 @@
 'use client';
 
 import * as React from 'react';
-import { useEffect } 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,
     onSelect,
     className,
-    isOpen = false
+    isOpen = false,
+    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<ItemSchema>>(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]);
+        itemsList && setItems(itemsList);
+    }, [itemsList]);
 
     useEffect(() => {
-        value && onSelect(value);
+        value && onSelect(value.id);
     }, [value]);
 
+    const handleOnChange = (searchValue: string) => {
+        const newItems = itemsList.filter((item) => item.label.toLowerCase().includes(searchValue.toLowerCase()));
+        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.label : ''}
+                        value={searchValue}
+                        onClick={() => setOpen(true)}
+                        onChange={(e) => handleOnChange(e.target.value)}
+                    />
+                ) : (
+                    <span>{value ? value.label : ' 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) => {
                         return (
                             <div
                                 onClick={() => {
-                                    setValue(item);
+                                    if (addSearchOption) {
+                                        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>
                         );
                     })}
                 </div>
+            ) : (
+                <></>
             )}
         </div>
     );
diff --git a/frontend/src/components/molecules/CustomDropDown.tsx b/frontend/src/components/molecules/CustomDropDown.tsx
new file mode 100644
index 000000000..c67f29ca5
--- /dev/null
+++ b/frontend/src/components/molecules/CustomDropDown.tsx
@@ -0,0 +1,93 @@
+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
+}: {
+    defaultValue: string;
+    label: string;
+    options: string[];
+    onSelect: (item: string) => void; // Specify the type for onSelect
+    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
+            value={''}
+            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/EmptyScreen.tsx b/frontend/src/components/molecules/EmptyScreen.tsx
index bcfd9b002..87bb671b6 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 e80be6959..1713971a9 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 0cae122fa..901f4ea42 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';
@@ -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,21 +394,15 @@ 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',
+                                '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>
-                    <SearchIcon className="text-gray-400" />
+                    <Plus className="text-gray-400" />
                 </div>
                 <div className="relative mt-2">
                     {open && (
@@ -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 35633cb01..549cc0da4 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 b2e812a10..c9a38fb3b 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" renderChevronIcon>
                     {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 945ac3e45..c839d4207 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 ca68b59f6..60e91318d 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 030cc42e0..7df8fbfda 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 50066b14b..d9cae8ec5 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/TemplateConfigurations.tsx b/frontend/src/components/molecules/TemplateConfigurations.tsx
index 5b5050297..7eeed2e7a 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;
diff --git a/frontend/src/components/molecules/TransactionPieChart.tsx b/frontend/src/components/molecules/TransactionPieChart.tsx
index a8136612b..39216371c 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/molecules/UpdateAgentFunctionModal.tsx b/frontend/src/components/molecules/UpdateAgentFunctionModal.tsx
deleted file mode 100644
index 410ef8c24..000000000
--- 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/trigger/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 c2d9fd0d6..000000000
--- 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/trigger/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/src/components/shadcn/dialog.tsx b/frontend/src/components/shadcn/dialog.tsx
index cdd8cc4af..44a9d1978 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 73b016299..fc0dbaf6f 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 a620a9ae7..fedc2a43a 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 9eac6fda9..e357a783f 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 c9d221a39..5def4f3cc 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 6ed1591c1..7a734eea4 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 fe9721010..8c0f02cba 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/components/shadcn/ui/switch.tsx b/frontend/src/components/shadcn/ui/switch.tsx
new file mode 100644
index 000000000..7a4f94c7e
--- /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/src/configs/environments.ts b/frontend/src/configs/environments.ts
index 22e146ba5..2e3195f0a 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 f6a5e55c3..f4d76b9a4 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 670e7cf26..9505dba7f 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 eedabebe2..8bcb953d7 100644
--- a/frontend/src/lib/hooks/useAgentActions.ts
+++ b/frontend/src/lib/hooks/useAgentActions.ts
@@ -4,28 +4,39 @@ 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 const useAgentsAction = (
-    triggerType: AgentTriggerFunctionType,
-    handleClose: () => void,
-    value: string
-) => {
-    const [selectedAgentIds, setSelectedAgentIds] = useState<string[]>([]);
+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 [selectedAgentIdsWithVoteType, setSelectedAgentIdsWithVoteType] = 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) =>
-            manualTriggerForAgent(
-                agentId,
-                getConfiguredAgentTrigger(triggerType, value)
-            ),
+        mutationFn: (agentVote: IAgentVote) =>
+            manualTriggerForAgent(agentVote.agentId, getAgentVoteData(agentVote.voteType, value)),
         onSuccess: () => {
             queryClient.refetchQueries({ queryKey: ['agents'] });
             SuccessToast(`${triggerType} has been successfully triggered.`);
@@ -43,23 +54,23 @@ export const useAgentsAction = (
         return agents?.filter((agent) => isAgentActive(agent)) || [];
     }, [agents]);
 
-    const handleSelect = (checked: boolean | string, agent: IAgent) => {
+    const handleSelect = (checked: boolean | string, currentAgent: IAgentVote) => {
         if (checked) {
-            setSelectedAgentIds((prev) => [...prev, agent.id]);
+            setSelectedAgentIdsWithVoteType((prev) => [...prev, currentAgent]);
         } else {
-            setSelectedAgentIds((prev) => prev.filter((id) => id !== agent.id));
+            setSelectedAgentIdsWithVoteType((prev) =>
+                prev.filter((prevAgent) => prevAgent.agentId !== currentAgent.agentId)
+            );
         }
     };
 
     const handleAction = async () => {
-        const promises = selectedAgentIds.map((agentId) =>
-            actionMutation.mutateAsync(agentId)
-        );
+        const promises = selectedAgentIdsWithVoteType.map((votingAgent) => actionMutation.mutateAsync(votingAgent));
         await Promise.all(promises);
     };
 
     useEffect(() => {
-        return () => setSelectedAgentIds([]);
+        return () => setSelectedAgentIdsWithVoteType([]);
     }, []);
 
     return {
@@ -68,6 +79,6 @@ export const useAgentsAction = (
         isSubmitting,
         handleSelect,
         handleAction,
-        selectedAgentIds
+        selectedAgentIds: selectedAgentIdsWithVoteType
     };
 };
diff --git a/frontend/src/models/dtos/joyride.ts b/frontend/src/models/dtos/joyride.ts
index a70205b15..18877de96 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 a658500a5..07dffed87 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';
 
@@ -45,6 +37,7 @@ export interface IParameterOption {
     name: string;
     type: ParameterType;
     parameters?: IParameter[];
+    value?: string;
 }
 
 export interface ItemObject {
@@ -59,8 +52,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 +79,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',
@@ -181,13 +172,59 @@ export const AvailableFunctions: IFunctionsDto[] = [
                                 type: 'hash'
                             }
                         ]
+                    },
+                    {
+                        id: 'voteType',
+                        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,
                 eventName: 'VoteEvent',
-                eventParameters: [],
+                eventParameters: [
+                    {
+                        id: 'voteType',
+                        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. '
             }
         ]
     },
@@ -211,7 +248,8 @@ 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
             }
         ]
     },
@@ -267,6 +305,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         optional: true
                     }
                 ],
+                canBeEvent: true,
                 description:
                     "Submit a new constitution for the Cardano network. Outline fundamental principles and guidelines to shape the ecosystem's future."
             },
@@ -294,6 +333,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         ]
                     }
                 ],
+                canBeEvent: true,
                 description:
                     'Submit a proposal to share crucial information or updates with the Cardano community to drive informed decision-making.'
             },
@@ -369,8 +409,8 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         ]
                     }
                 ],
-                description:
-                    'Propose no confidence on the current constitutional committee'
+                canBeEvent: true,
+                description: 'Propose no confidence on the current constitutional committee'
             },
             {
                 id: 'updateCommittee',
@@ -456,6 +496,7 @@ export const AvailableFunctions: IFunctionsDto[] = [
                         description: 'RemoveFrom Committee'
                     }
                 ],
+                canBeEvent: true,
                 description:
                     'A proposal to modify the membership, signature threshold, or terms of the constitutional committee.'
             }
diff --git a/frontend/src/shared/hocs/ThemeProvider.tsx b/frontend/src/shared/hocs/ThemeProvider.tsx
index 93bcf667e..f602fc88a 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 cbfdd21d5..dbaa537a8 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 3a8f28d90..166a3d0c7 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 9fe847bf7..d783e27a5 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 799106655..aa37446ee 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 93c108ac6..19ca8db7a 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 b84831734..93ba3843e 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 52a867a9b..be2343003 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 8a19694c8..0f541e112 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 c757ef4b3..0afab8b35 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 d69486d41..6d5dfd413 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 6023c11d7..b4b5341e2 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, name?: string): IAgentTrigger {
     const trigger = AGENT_TRIGGER[func];
 
     if (!trigger) {
@@ -29,6 +25,12 @@ export function getConfiguredAgentTrigger(
             };
 
         case 'voteOnProposal':
+            if (name) {
+                return {
+                    ...trigger,
+                    parameters: [{ ...trigger.parameters[0], name, value }]
+                };
+            }
             return { ...trigger, parameters: [{ ...trigger.parameters[0], value }] };
 
         default:
@@ -67,19 +69,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 +83,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 +97,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);
@@ -124,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);
         })
diff --git a/frontend/src/utils/axios.ts b/frontend/src/utils/axios.ts
index 7be1e6533..797cc30aa 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 2c699b22d..79588f68d 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,52 @@ export function bech32toHex(bechAddress: string) {
     }
     return bechAddress;
 }
+
+type TxPropTypes = 'string' | 'array' | 'object' | 'number' | 'bigint';
+
+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 = ['contains', 'eq'];
+            break;
+        case 'number':
+        case 'bigint':
+            localOperators = ['lt', 'gte', 'lte', 'gt', 'eq'];
+            break;
+        default:
+            localOperators = operators;
+            break;
+    }
+    localOperators = [...localOperators, 'exists'];
+    return localOperators;
+}
+
+export function getNestedTxProperties(obj: ISchema) {
+    const result: ISchema[] = [];
+
+    function recursiveFlatten(property: ISchema, parentId: any = []) {
+        const { id, type, properties, validator, operators } = property;
+        const newId: string[] = [...parentId, id];
+        const newProp = {
+            id: newId,
+            label: newId.join('.'),
+            type,
+            operators: getOperatorList(obj.operators ? (obj.operators 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(newProp);
+        }
+    }
+
+    recursiveFlatten(obj);
+    return result;
+}
diff --git a/frontend/src/utils/common/array.ts b/frontend/src/utils/common/array.ts
new file mode 100644
index 000000000..9783a28a8
--- /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/src/utils/common/extra.ts b/frontend/src/utils/common/extra.ts
index aba44d2a1..f22261d38 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();
+}
diff --git a/frontend/src/utils/dateAndTimeUtils.ts b/frontend/src/utils/dateAndTimeUtils.ts
index 7c666c517..4aeceddd8 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 92603a0cc..ac710bf93 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 28f58335a..afcad7d04 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 818f8f4ea..fa239770d 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 c1a4ca31e..3880e2542 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 079eb5c3f..40ed01847 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 fda62182a..15e13abb1 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 0efdfa688..f36bfd059 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 fb61ee1d8..e0b9efd2a 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 f8cda1e65..73ca87543 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 76c523a6f..c6022e512 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 d3a6042bd..3540bb47b 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 aaadc3414..1d105b6a0 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 03fd4fe14..255328c8f 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 205f1e5b8..0bb9a9a70 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 a888374a3..832c002a4 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(
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 88042f66e..9b33f4968 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: {
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index b254db477..e9ef2fd7f 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"
@@ -1212,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"
@@ -1566,6 +1600,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 +1630,37 @@
   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==
+
+"@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"
@@ -1660,6 +1735,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"
@@ -1916,6 +1996,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"
@@ -1923,6 +2029,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"
@@ -2119,6 +2239,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"
@@ -2140,6 +2277,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"
@@ -2241,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"
@@ -2375,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"
@@ -2400,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"
@@ -2735,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"
@@ -2928,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"
@@ -3184,6 +3522,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"
@@ -3424,6 +3767,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"
@@ -4340,6 +4712,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"
@@ -5345,6 +5730,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"
@@ -5426,7 +5821,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==
@@ -5530,7 +5925,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==
@@ -5565,6 +5960,29 @@ 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 || ^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==
+
 arg@^4.1.0:
   version "4.1.3"
   resolved "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz"
@@ -5616,6 +6034,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 +6130,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 +6244,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"
@@ -5834,6 +6281,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"
@@ -6040,16 +6492,38 @@ 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==
 
+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@^4.0.3, bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
@@ -6068,6 +6542,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"
@@ -6096,6 +6591,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 +6798,54 @@ 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:
+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"
+  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==
@@ -6395,7 +6942,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==
@@ -6479,6 +7026,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"
@@ -6494,6 +7046,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"
@@ -6545,6 +7109,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"
@@ -6573,6 +7145,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"
@@ -6633,6 +7214,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"
@@ -6688,6 +7274,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"
@@ -6701,6 +7292,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"
@@ -6756,6 +7355,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"
@@ -6806,6 +7410,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.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"
@@ -6917,6 +7526,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 +7539,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 +7750,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 +7957,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 +8080,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"
@@ -7487,6 +8138,13 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
+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==
+  dependencies:
+    ms "^2.1.3"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
@@ -7526,6 +8184,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 +8230,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 +8272,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,7 +8302,12 @@ 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"
 
-defu@^6.1.4:
+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"
   integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
@@ -7664,6 +8351,11 @@ 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==
+
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
@@ -7909,6 +8601,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 +8683,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"
@@ -8037,6 +8753,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"
@@ -8071,11 +8794,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"
@@ -8147,6 +8880,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 +8939,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 +8984,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 +9000,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 +9303,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"
@@ -8666,6 +9472,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"
@@ -8717,6 +9528,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"
@@ -8785,6 +9601,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"
@@ -8966,12 +9787,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 +9871,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 +9880,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"
@@ -9091,13 +9934,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"
@@ -9133,6 +9983,39 @@ 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==
+
+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"
+
 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 +10036,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 +10085,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 +10155,19 @@ 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@^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"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -9275,7 +10179,7 @@ glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.3:
+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==
@@ -9340,7 +10244,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==
@@ -9406,6 +10310,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 +10327,23 @@ 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-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"
+  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 +10367,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 +10588,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"
@@ -9676,6 +10614,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"
@@ -9760,6 +10705,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"
@@ -9808,6 +10758,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"
@@ -9840,6 +10795,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"
@@ -9847,7 +10807,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==
@@ -9869,6 +10829,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"
@@ -9932,6 +10899,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"
@@ -9945,11 +10917,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"
@@ -10000,6 +10990,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"
@@ -10017,6 +11016,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"
@@ -10062,6 +11074,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"
@@ -10106,6 +11126,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"
@@ -10113,6 +11140,20 @@ 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"
+  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"
@@ -10215,6 +11256,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"
@@ -10248,6 +11294,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 +11374,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 +11399,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 +11437,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"
@@ -10509,6 +11574,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"
@@ -10982,6 +12056,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"
@@ -11067,6 +12146,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"
@@ -11087,6 +12171,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"
@@ -11115,6 +12204,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"
@@ -11130,6 +12224,16 @@ 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==
+
 katex@^0.16.9:
   version "0.16.9"
   resolved "https://registry.npmjs.org/katex/-/katex-0.16.9.tgz"
@@ -11154,6 +12258,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"
@@ -11222,11 +12350,149 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+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"
+    bech32 "^2.0.0"
+    bip39 "^3.1.0"
+    blake2b "^2.1.4"
+    blakejs "^1.2.1"
+    tsconfig-paths "^4.2.0"
+
+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"
@@ -11455,6 +12721,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"
@@ -11469,6 +12740,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"
@@ -11532,6 +12808,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"
@@ -11823,6 +13142,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"
@@ -12449,6 +13773,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"
@@ -12456,34 +13787,97 @@ 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==
 
-minipass@^3.0.0:
-  version "3.3.6"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz"
-  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
+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:
-    yallist "^4.0.0"
-
-minipass@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz"
-  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
-
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
-  version "7.0.4"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
-  integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
+    minipass "^3.0.0"
 
-minizlib@^2.1.1:
+minipass-fetch@^2.0.3:
   version "2.1.2"
-  resolved "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz"
-  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-2.1.2.tgz#95560b50c472d81a3bc76f20ede80eaed76d8add"
+  integrity sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==
   dependencies:
-    minipass "^3.0.0"
+    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==
+  dependencies:
+    yallist "^4.0.0"
+
+minipass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz"
+  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
+  version "7.0.4"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
+  integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
+
+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==
+  dependencies:
+    minipass "^3.0.0"
     yallist "^4.0.0"
 
 mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
@@ -12498,7 +13892,7 @@ mkdirp@^0.5.5:
   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==
@@ -12508,6 +13902,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"
@@ -12545,7 +13951,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==
@@ -12582,6 +13988,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"
@@ -12591,6 +14002,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"
@@ -12605,6 +14021,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"
@@ -12625,6 +14046,11 @@ 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"
@@ -12766,6 +14192,23 @@ node-fetch@^3.3.0:
     fetch-blob "^3.1.4"
     formdata-polyfill "^4.0.10"
 
+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"
@@ -12812,6 +14255,20 @@ non-layered-tidy-tree-layout@^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==
 
+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"
@@ -12822,6 +14279,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"
@@ -12837,6 +14304,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"
@@ -12851,6 +14390,107 @@ 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@^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"
@@ -12906,6 +14546,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 +14564,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 +14760,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"
@@ -13181,6 +14831,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"
@@ -13218,6 +14897,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"
@@ -13320,6 +15008,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"
@@ -13470,6 +15166,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 +15195,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"
@@ -13570,6 +15276,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"
@@ -13670,6 +15384,11 @@ 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==
 
+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"
@@ -13690,11 +15409,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"
@@ -13703,7 +15445,14 @@ 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:
+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"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -13787,6 +15536,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"
@@ -13947,6 +15701,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 +15783,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 +15833,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 +15854,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 +16020,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 +16051,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"
@@ -14283,6 +16097,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"
@@ -14302,6 +16139,20 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
+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.3.8, readable-stream@~2.3.6:
   version "2.3.8"
   resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
@@ -14349,6 +16200,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 +16368,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 +16665,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==
@@ -14809,6 +16699,11 @@ restore-cursor@^4.0.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+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"
@@ -14932,6 +16827,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 +16856,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"
@@ -15036,6 +16950,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"
@@ -15067,6 +16986,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"
@@ -15117,6 +17043,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"
@@ -15229,6 +17165,17 @@ 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"
@@ -15276,6 +17223,28 @@ 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==
+
+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"
@@ -15359,7 +17328,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==
@@ -15377,6 +17346,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"
@@ -15387,6 +17361,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"
@@ -15435,6 +17423,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"
@@ -15529,7 +17522,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@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"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==
@@ -15580,6 +17573,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 +17592,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 +17610,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"
@@ -15778,6 +17799,11 @@ supports-color@^8.0.0:
   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"
@@ -15793,6 +17819,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 +17874,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"
@@ -15884,7 +17937,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==
@@ -15973,7 +18026,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==
@@ -16029,6 +18082,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"
@@ -16131,6 +18189,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"
@@ -16151,6 +18214,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"
@@ -16180,6 +18248,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"
@@ -16267,6 +18340,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"
@@ -16358,6 +18440,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 +18459,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 +18481,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 +18502,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 +18544,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"
@@ -16467,6 +18601,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"
@@ -16609,6 +18771,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"
@@ -16696,7 +18875,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==
@@ -16704,6 +18883,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"
@@ -16771,6 +18955,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"
@@ -16786,7 +18975,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==
@@ -16993,6 +19182,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"
@@ -17005,6 +19205,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.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"
@@ -17238,6 +19452,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"