Merge pull request #341 from iceljc/features/refine-chat-window

Features/refine chat window

Author: iceljc

src/lib/scss/custom/common/_common.scss

@@ -181,6 +181,10 @@ button:focus {
   scrollbar-width: thin;
 }
 
+.none-scrollbar {
+  scrollbar-width: none;
+}
+
 .scrollable-dropdown {
   .dropdown-menu {
     max-height: 200px;

src/lib/scss/custom/pages/_agent.scss

@@ -147,6 +147,9 @@
     display: flex;
     flex-direction: column;
     gap: 10px;
+    max-height: 500px;
+    overflow-y: auto;
+    scrollbar-width: thin;
 
     .merge-utility {
         display: flex;
@@ -219,6 +222,9 @@
                 border-top: 1px dotted var(--bs-primary);
                 margin-top: 10px;
                 padding-top: 10px;
+                max-height: 350px;
+                overflow-y: auto;
+                scrollbar-width: none;
 
                 .utility-list-item {
                     display: flex;

src/routes/page/agent/[agentId]/agent-components/agent-knowledge-base.svelte

@@ -5,7 +5,7 @@
 	import { KnowledgeCollectionDisplayType } from '$lib/helpers/enums';
 	import { DECIMAL_REGEX } from '$lib/helpers/constants';
 
-    const limit = 5;
+    const limit = 100;
     const confidLowerBound = 0;
     const confidUpperBound = 1;
 

src/routes/page/agent/[agentId]/agent-components/agent-mcp-tool.svelte

@@ -3,7 +3,7 @@
     import { Card, CardBody, Input, Button } from '@sveltestrap/sveltestrap';
 	import { getServerConfigs } from '$lib/services/mcp-service';
     
-    const limit = 10;
+    const limit = 100;
 
     /** @type {import('$agentTypes').AgentModel} */
     export let agent;

src/routes/page/agent/[agentId]/agent-components/agent-rule.svelte

@@ -3,8 +3,8 @@
     import { Card, CardBody, Input, Button } from '@sveltestrap/sveltestrap';
 	import { getAgentRuleOptions } from '$lib/services/agent-service';
 
-    const limit = 15;
-    const textLimit = 100;
+    const limit = 100;
+    const textLimit = 200;
 
     /** @type {import('$agentTypes').AgentModel} */
     export let agent;

src/routes/page/agent/[agentId]/agent-components/agent-utility.svelte

@@ -4,7 +4,7 @@
     import { getAgentUtilityOptions } from '$lib/services/agent-service';
 	import { truncateByPrefix } from '$lib/helpers/utils/common';
 
-    const limit = 5;
+    const limit = 100;
     const prefix = "util-";
 
     /** @type {import('$agentTypes').AgentModel} */