A Bee API and Bee UI development example for adding a custom tool made for the Bee Agent Framework

A Bee API and Bee UI development example in this video on integrating a custom TypeScript tool, *TravelAgentTool* . In this comprehensive *43-minute video* , I’ll guide through each step of the setup process, from modifying source files to configuring environment variables, and demonstrate how to effectively use this tool for travel inquiries. * *My Bee Agent Framework and watsonx.ai development Learning Journey* contains a summary of my learning steps https://suedbroecker.net/2024/12/05/my-bee-agent-framework-and-watsonx-ai-development-learning-journey/ What will be covered? - *Overview of the Bee API and UI Development* : Gain some insights into the Bee API, Bee UI and how our custom tool enhances its functionality. - *Step-by-Step Guide* : Follow along the clear code instructions and practical demonstrations throughout the video. The blog post related to this video. *Bee API and UI development example by adding a TypeScript tool* https://suedbroecker.net/2024/12/04/bee-api-and-ui-development-example-by-adding-a-typescript-tool/ Table of Contents: 1. *Introduction* 00:53 - Overview of the video content 01:15 - Bee API and UI development example 01:28 - Preview of usage in the Bee UI 02:54 - Prompt for the TravelAgentTool Related video: Manual Prompt Engineering using IBM watsonx PromptLab (Chat, Structured, Freeform) https://youtu.be/-Kx_C8yVtgw 2. *Bee Stack* related blog post: *CheatSheet "Ready to Go" for Bee API and UI development* https://suedbroecker.net/2024/12/03/cheetsheet-ready-to-go-for-bee-api-and-ui-development/ 07:43 - Introduction to the Bee Stack 08:13 - Bee Stack architecture 09:42 - Podman configuration 11:50 - Initializing databases for the stack 14:55 - Observations as part of the infrastructure stack 3. *Travel Agent Tool Example: Bee Agent for a Simple Travel Assistant* https://suedbroecker.net/2024/11/22/bee-agent-example-for-a-simple-travel-assistant-using-a-custom-tool-and-observe-the-agent-behavior-in-detail-bee-framework-0-0-34-and-watsonx-ai/ 16:57 - Overview of the TravelAgentTool example 18:13 - Integrating the TravelAgentTool into the Bee API 19:08 - Architectural details of the TravelAgentTool 21:16 - Insights into the two LLMs 4. *Bee API* 24:18 - Configuration in helpers.ts 28:16 - Setting up tools.service.ts 29:11 - Configuring system-call-entity.ts 31:31 - Running the Bee API with the new tool 5. *Bee UI* 33:03 - Using the TravelAgentTool in the Bee UI 34:37 - Configuring schema.d.ts 35:04 - Setting up useToolInfro.tsx 35:41 - Adding the tool to an agent in the UI 36:56 - Creating a Bee 40:48 - ML Flow Observation 42:39 - Short conclusion #BeeFramework #TypeScript #APIDevelopment #UIDevelopment #TravelAgentTool #AI #CodingTutorial #TechTutorial #Programming #AITools #TravelAssistant #Podman #LLM #ibmresearch #beeagentframework Background music: TNM - Drummer "Developer At Work" https://youtube.com/playlist?list=OLAK5uy_nUVEqZ34-vR9hJaI2uYZFtxmhpWF2ork8&si=FSJd0eGrCNzPK5KE