Merge pull request #119 from GleapSDK/agent-frontend-tool

Agent frontend tool

Author: boehlerlukas

build/browser/index.js

@@ -12,3 +12,40 @@ Gleap.initialize('GnhEkS8fdwxNVjyn3BnYwKzpCkiHgKWL');
 // setTimeout(() => {
 //   Gleap.startBot("6908b32c145ee7d9aa226782");
 // }, 1000);
+
+Gleap.identify('535506', {
+  email: 'luca@gleap.io',
+});
+
+setTimeout(() => {
+  // Gleap.registerAgentTool('workflow-redirect', async ({ botID }) => {
+  //   console.log('Workflow redirect', botID);
+  //   // TODO: Implement your logic.
+
+  //   // Return a string or JSON object — the AI waits for this response.
+  //   return 'The action was completed successfully.';
+  // });
+
+  Gleap.registerAgentTool('send-money', async ({ amount }) => {
+    // TODO: Implement your logic.
+    console.log('Send money', amount);
+  
+    // Return a string or JSON — the AI waits for this response.
+    return 'The action failed!';
+  });
+
+  Gleap.registerAgentTool('enable-dark-mode', async () => {
+    // TODO: Implement your logic.
+    console.log('Enable dark mode');
+  
+    // Return a string or JSON — the AI waits for this response.
+    return 'The action was completed successfully.';
+  });
+
+  Gleap.startAgent('6a4637d818b4a930b509fbc4', {
+    context: {
+      userProjectId: '68ed10f4a2ec0e4c2ff4c812',
+    },
+    initialMessage: 'Let me know what workflow you want to create.',
+  });
+}, 2000);

build/browser/index.js.map

@@ -65,6 +65,10 @@ export namespace Gleap {
   function startNetworkLogger(): void;
   function setNetworkLogsBlacklist(networkLogBlacklist: string[]): void;
   function setNetworkLogPropsToIgnore(filters: string[]): void;
+  /**
+   * @deprecated Use registerAgentTool(name, handler) with a dashboard-defined
+   * Frontend tool instead.
+   */
   function registerAgentToolAction(
     callback: (toolAction: {
       name: string;
@@ -74,6 +78,18 @@ export namespace Gleap {
       toolCallId: string;
     }) => void
   ): void;
+  /**
+   * Register the handler for a Frontend tool defined on an AI agent in the
+   * Gleap dashboard. The agent calls the handler with the configured
+   * parameters and waits for its return value (string or JSON — JSON is
+   * stringified). Thrown errors are caught and reported back to the AI.
+   */
+  function registerAgentTool(
+    name: string,
+    handler: (
+      params: Record<string, any>
+    ) => string | object | Promise<string | object>
+  ): void;
   function registerCustomAction(
     customAction: (action: { name: string }) => void
   ): void;
@@ -100,6 +116,10 @@ export namespace Gleap {
   function enableShortcuts(enabled: boolean): void;
   function setLanguage(language: string): void;
   function preFillForm(data: object): void;
+  /**
+   * @deprecated Define Frontend tools on your AI agent in the Gleap dashboard
+   * and register their handlers via registerAgentTool(name, handler) instead.
+   */
   function setAiTools(tools: {
     name: string;
     description: string;

build/cjs/index.js

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "16.2.2",
+  "version": "16.2.3",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.mjs",
   "exports": {