UI improvement

README.md

@@ -1,7 +1,7 @@
 # BotSharp UI
 
-The `BotSharp UI` is a web app used to manage agents and conversations. Through it you can use it to build new Agent, manage existing Agents and conversations.
-Thie project is written in [SvelteKit v2](https://svelte.dev/) and backed by [BotSharp](https://github.com/SciSharp/BotSharp) as the [LLM](https://en.wikipedia.org/wiki/Large_language_model) services.
+The `BotSharp UI` is a web app used to manage agents and conversations. Through it you can build new Agent, manage existing Agents and conversations. The Node-based Agent building experience allows you to build a brand new AI assistant in a very short time. 
+This project is written in [SvelteKit v2](https://svelte.dev/) and backed by [BotSharp](https://github.com/SciSharp/BotSharp) as the [LLM](https://en.wikipedia.org/wiki/Large_language_model) services.
 
 [![Discord](https://img.shields.io/discord/1106946823282761851?label=Discord)](https://discord.com/channels/1106946823282761851/1106947212459642991)
 [![QQ群聊](https://img.shields.io/static/v1?label=QQ&message=群聊&color=brightgreen)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=sN9VVMwbWjs5L0ATpizKKxOcZdEPMrp8&authKey=RLDw41bLTrEyEgZZi%2FzT4pYk%2BwmEFgFcrhs8ZbkiVY7a4JFckzJefaYNW6Lk4yPX&noverify=0&group_code=985366726)

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

@@ -178,7 +178,7 @@
 								<button type="submit" class="btn btn-primary btn-rounded chat-send waves-effect waves-light"
 									on:click={close}
 								>
-									<span class="d-none d-sm-inline-block me-2" >Close</span> <i class="mdi mdi-window-close"></i>
+									<span class="d-none d-sm-inline-block me-2" >End Conversation</span> <i class="mdi mdi-window-close"></i>
 								</button>
 							</li>
 						</ul>

src/routes/chat/[agentId]/[conversationId]/content-log.svelte

@@ -57,10 +57,9 @@
         <div class="log-close-btn padding-side ">
             <button
                 type="button"
-                class="btn btn-danger btn-rounded chat-send waves-effect waves-light"
+                class="btn btn-sm btn-secondary btn-rounded chat-send waves-effect waves-light"
                 on:click={() => closeLog()}
-            >
-                <span class="d-none d-sm-inline-block me-2" >Close</span><i class="mdi mdi-window-close"></i>
+            ><i class="mdi mdi-window-close"></i>
             </button>
         </div>
         <div class="log-scrollbar log-list padding-side">

src/routes/page/agent/[agentId]/build/+page.svelte

@@ -0,0 +1,2 @@
+
+

src/routes/page/agent/card-agent.svelte

@@ -64,9 +64,14 @@
             <i class="bx bx-calendar me-1" />
             {format(agent.updated_datetime, 'short-date')}
           </li>
+          <li class="list-inline-item me-1" id="comments">
+            <a href= "/page/agent/{agent.id}/build" class="btn btn-primary btn-sm" target="_blank">
+              <i class="bx bx-wrench" /> Build
+            </a>
+          </li>          
           <li class="list-inline-item me-1" id="comments">
             <a href= "/chat/{agent.id}" class="btn btn-primary btn-sm" target="_blank">
-              <i class="bx bx-chat" /> Chat Test
+              <i class="bx bx-chat" /> Test
             </a>
           </li>
         </ul>

src/routes/page/agent/router/agent-configuration.svelte

@@ -3,9 +3,6 @@
     import { getSettings } from '$lib/services/agent-service.js';
     import { onMount } from 'svelte';
 
-    /** @type {import('$types').AgentModel} */
-    export let agent;    
-    
     /** @type {import('$types').AgentSettings} */
     let settings;  
 

src/routes/page/agent/router/router-configuration.svelte

@@ -3,9 +3,6 @@
     import { getSettings } from '$lib/services/router-service.js';
     import { onMount } from 'svelte';
 
-    /** @type {import('$types').AgentModel} */
-    export let router;    
-    
     /** @type {import('$types').RouterSettings} */
     let settings;  
 

src/routes/page/conversation/[conversationId]/+page.svelte

@@ -38,8 +38,8 @@
 
 </script>
 
-<HeadTitle title="Conversation" />
-<Breadcrumb title="Conversation" pagetitle="Detail" />
+<HeadTitle title={conversation?.title} />
+<Breadcrumb title="Conversation" pagetitle="Conversation Detail" />
 
 {#if conversation}
 <Row>

svelte.config.js

@@ -1,8 +1,10 @@
 // import adapter from '@sveltejs/adapter-auto';
 import adapter from '@sveltejs/adapter-static';
+// import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
+	// preprocess: vitePreprocess(),
 	kit: {
 		alias: {
 			$types: './src/lib/helpers/types.js',
@@ -38,6 +40,7 @@ const config = {
 				"/page/agent/router",
 				"/page/agent/evaluator",
 				"/page/agent/[agentId]",
+				"/page/agent/[agentId]/build",
 				"/page/conversation",
 				"/page/conversation/[conversationId]",
 				"/page/knowledge-base",