fluid image in chatbox

Author: Oceania2018

src/routes/VerticalLayout/Footer.svelte

@@ -12,7 +12,7 @@
             </Col>
             <Col sm={6}>
                 <div class="text-sm-end d-none d-sm-block">
-                    Design & Develop by open source community
+                    Design & Developed by open source community
                 </div>
             </Col>
         </Row>

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -449,7 +449,7 @@
 
 										{#if message.data && message.data.includes('data:image/png;base64,')}
 										<div style="width: 80%; display: flex; margin-left: 35px; margin-top: 40px;">
-											<img src="{message.data}" width="200px" alt="" class="rounded"/>
+											<img src="{message.data}" alt="" class="border rounded img-fluid"/>
 										</div>
 										{/if}
 									</div>

src/routes/page/agent/router/routing-flow.svelte

@@ -67,7 +67,9 @@
         routers.forEach(router => {
             let profiles = [];
             const planner = getPlannerName(router);
-            const chatTestLinkHtml = `<a href= "chat/${router.id}" class="btn btn-primary float-end" target="_blank"><i class="bx bx-chat"></i></a>`;
+            const chatTestLinkHtml = router.is_public ? 
+                `<a href= "chat/${router.id}" class="btn btn-primary float-end" target="_blank"><i class="bx bx-chat"></i></a>` :
+                '';
             let html = `<span class="h5">${router.name} ${chatTestLinkHtml}</span><span class="text-info">Routing with ${planner}</span>`;
             if (router.profiles.length > 0) {
                 profiles = router.profiles;
@@ -94,7 +96,9 @@
         posX += nodeSpaceX;
         agents.forEach(agent => {       
             let profiles = [];
-            const chatTestLinkHtml = `<a href= "chat/${agent.id}" class="btn btn-primary float-end" target="_blank"><i class="bx bx-chat"></i></a>`;
+            const chatTestLinkHtml = agent.is_public ? 
+                `<a href= "chat/${agent.id}" class="btn btn-primary float-end" target="_blank"><i class="bx bx-chat"></i></a>` :
+                '';
             let html = `<span class="h6">${agent.name}</span>${chatTestLinkHtml}`;
             if (agent.type == "static") {
                 const taskLinkHtml = `<a href= "page/agent/${agent.id}/task" class="btn btn-primary float-end" target="_blank"><i class="bx bx-task"></i></a>`;

src/routes/page/task/+page.svelte

@@ -217,7 +217,7 @@
 								<td><span class="badge bg-success">{task.enabled ? "Enabled" : "Disabled"}</span></td>
 								<td>
 									<ul class="list-unstyled hstack gap-1 mb-0">
-										<li data-bs-toggle="tooltip" data-bs-placement="top" title="Execute">
+										<li data-bs-toggle="tooltip" data-bs-placement="top" title="View">
 											<a href="page/task/{task.id}?agentId={task.agent_id}" target="_blank" class="btn btn-sm btn-soft-danger">
                                                 <i class="mdi mdi-eye-outline" />
                                             </a>