Amo Moloko AmoDinho

the handle_screenshot_result function should run when the tool name == browser_take_screenshot or browser_snapshot

the handle_screenshot_result function to get the screenshot that the mcp server has taken and render it in a message.

this is how chainlit renders messages with images:

	// Package Imports

	// Internal Imports
	import { eventDetailTypes, locationServiceKeys } from "../../../../libs/constants";
	import { cloudLogs } from "../../../../libs/utils";

	const TrackingStoppedHandler = async (event) => {
	try {
	// CHECK - JSON Payload in Request
	if (event["detail-type"] !== eventDetailTypes.trackingStopped) throw "Payload type does not match required value - trackingStopped";

	import { formater } from "../../libs/constants";

	const AWS = require("aws-sdk");
	AWS.config.update({ region: "eu-west-1" });

	const SES = new AWS.SES();

	export function handler(event, context, callback) {
	const data = JSON.parse(event.Records[0].body);

	import { failure, success } from '../../libs/response-lib';
	import { updateLoad } from '../../libs/dynamoHelper';
	import { setLoadUpdateStatusToDelivered } from '../../externalResourceReferences/setLoadUpdateStatusToDelivered';
	import { removeLoadsAssetsDB, updateLoadsAssetsDB } from './s3LoadsAssets';

	const parseDataFromUploadEvent = (bucketName, record) => {
	const buildObjectLocation = (bucketName, filename) => {
	const region = process.env.region;
	return `https://${bucketName}.s3.${region}.amazonaws.com/${filename}`;
	};

	export const addNewMountain = (state, action) => {
	state.mountains.push(action.payload);
	return state;
	};

	import React, { useState, useEffect } from "react";
	import { useDispatch, useSelector } from "react-redux";
	import { addMountain } from "../slices/mountainsSlice";
	import { setPageHeader } from "../slices/layoutSlice";

	const Mountains = (props) => {
	const [mountainName, setMountainName] = useState("");

	const mountains = useSelector((state) => state.mountain.mountains);
	const dispatch = useDispatch();

	import React, { useEffect } from "react";
	import { useDispatch } from "react-redux";
	import { setPageHeader } from "../slices/layoutSlice";
	import HeadingOne from "../components/HeadingOne";

	const Index = () => {
	const dispatch = useDispatch();
	useEffect(() => {
	dispatch(setPageHeader("index"));
	}, []);

	import React, { useEffect } from "react";
	import {useSelector } from "react-redux";
	import Routes from "./routes";
	const App = () => {
	const title = useSelector((state) => state.layout.pageHeader);
	return (
	<div className="text-center">
	{title}
	<Routes />
	</div>

	export const setNewTitle = (state, action) => {
	state.pageHeader = action.payload;
	return state;
	};

	import { createSlice } from "@reduxjs/toolkit";
	import { setNewTitle } from "../reducers/layoutReducers";
	export const layoutSlice = createSlice({
	name: "layout",
	initialState: {
	pageHeader: "Page",
	},
	reducers: {
	setPageHeader: (state, action) => setNewTitle(state, action),
	},