refine utility

Author: Jicheng Lu

src/lib/helpers/types/agentTypes.js

@@ -123,6 +123,7 @@
 /**
  * @typedef {Object} AgentUtility
  * @property {string} name 
+ * @property {boolean} disabled 
  * @property {UtilityBase[]} functions
  * @property {UtilityBase[]} templates
  */

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

@@ -111,7 +111,7 @@
     .merge-utility {
         display: flex;
         gap: 3px;
-        
+
         input {
             outline: none !important;
             box-shadow: none !important;
@@ -150,6 +150,21 @@
 
         .utility-row-primary {
             display: flex;
+
+            .utility-label {
+                display: flex;
+                gap: 10px;
+
+                .utility-tooltip {
+                    display: flex;
+                    gap: 3px;
+                }
+
+                input {
+                    outline: none !important;
+                    box-shadow: none !important;
+                }
+            }
         }
 
         .utility-row-secondary {

src/lib/services/agent-service.js

@@ -84,10 +84,10 @@ export async function createAgent(agent) {
 
 /**
  * Get agent utilities
- * @returns {Promise<string[]>}
+ * @returns {Promise<import('$agentTypes').AgentUtility[]>}
  */
-export async function getAgentUtilities() {
-    const url = endpoints.agentUtilitiesUrl;
+export async function getAgentUtilityOptions() {
+    const url = endpoints.agentUtilityOptionsUrl;
     const response = await axios.get(url);
     return response.data;
 }

src/lib/services/api-endpoints.js

@@ -33,7 +33,7 @@ export const endpoints = {
     agentDetailUrl: `${host}/agent/{id}`,
     agentRefreshUrl: `${host}/refresh-agents`,
     agentCreateUrl: `${host}/agent`,
-    agentUtilitiesUrl: `${host}/agent/utilities`,
+    agentUtilityOptionsUrl: `${host}/agent/utility/options`,
 
     // agent task
     agentTaskListUrl: `${host}/agent/tasks`,

src/routes/page/agent/[agentId]/agent-overview.svelte

@@ -4,7 +4,6 @@
     import InPlaceEdit from '$lib/common/InPlaceEdit.svelte'
     import { format } from '$lib/helpers/datetime';
 	import { AgentType } from '$lib/helpers/enums';
-	import { getAgentUtilities } from '$lib/services/agent-service';
 
     const profileLimit = 10;
 
@@ -15,15 +14,7 @@
     /** @type {string[]} */
     export let profiles = [];
 
-    /** @type {string[]} */
-    let utilityOptions = [];
-
-    onMount(() => {
-        getAgentUtilities().then(data => {
-            const list = data?.filter(x => x?.trim()?.length > 0) || [];
-            utilityOptions = ["", ...list];
-        });
-    });
+    onMount(() => {});
 
     function addProfile() {
         if (!!!agent) return;