tighten up agno agentic chat and tool based gen ui examples

Author: maxkorp

typescript-sdk/integrations/agno/examples/server/api/agentic_chat.py

@@ -6,13 +6,25 @@
 from agno.app.agui.app import AGUIApp
 from agno.models.openai import OpenAIChat
 from agno.tools.yfinance import YFinanceTools
+from agno.tools import tool
+
+
+@tool(external_execution=True)
+def change_background(background: str) -> str: # pylint: disable=unused-argument
+    """
+    Change the background color of the chat. Can be anything that the CSS background attribute accepts. Regular colors, linear of radial gradients etc.
+
+    Args:
+        background: str: The background color to change to. Can be anything that the CSS background attribute accepts. Regular colors, linear of radial gradients etc.
+    """ # pylint: disable=line-too-long
 
 agent = Agent(
   model=OpenAIChat(id="gpt-4o"),
   tools=[
     YFinanceTools(
       stock_price=True, analyst_recommendations=True, stock_fundamentals=True
-    )
+    ),
+    change_background,
   ],
   description="You are an investment analyst that researches stock prices, analyst recommendations, and stock fundamentals.",
   instructions="Format your response using markdown and use tables to display data where possible.",

typescript-sdk/integrations/agno/examples/server/api/tool_based_generative_ui.py

@@ -11,35 +11,40 @@
 from agno.tools import tool
 
 
-@tool()
-def generate_haiku(english: List[str], japanese: List[str]) -> str: # pylint: disable=unused-argument
+@tool(external_execution=True)
+def generate_haiku(english: List[str], japanese: List[str], image_names: List[str]) -> str: # pylint: disable=unused-argument
     """
+
     Generate a haiku in Japanese and its English translation.
-    YOU MUST PROVIDE THE ENGLISH HAIKU AND THE JAPANESE HAIKU.
+    YOU MUST PROVIDE THE ENGLISH HAIKU AND THE JAPANESE HAIKU AND THE IMAGE NAMES.
+    When picking image names, pick them from the following list:
+        - "Osaka_Castle_Turret_Stone_Wall_Pine_Trees_Daytime.jpg",
+        - "Tokyo_Skyline_Night_Tokyo_Tower_Mount_Fuji_View.jpg",
+        - "Itsukushima_Shrine_Miyajima_Floating_Torii_Gate_Sunset_Long_Exposure.jpg",
+        - "Takachiho_Gorge_Waterfall_River_Lush_Greenery_Japan.jpg",
+        - "Bonsai_Tree_Potted_Japanese_Art_Green_Foliage.jpeg",
+        - "Shirakawa-go_Gassho-zukuri_Thatched_Roof_Village_Aerial_View.jpg",
+        - "Ginkaku-ji_Silver_Pavilion_Kyoto_Japanese_Garden_Pond_Reflection.jpg",
+        - "Senso-ji_Temple_Asakusa_Cherry_Blossoms_Kimono_Umbrella.jpg",
+        - "Cherry_Blossoms_Sakura_Night_View_City_Lights_Japan.jpg",
+        - "Mount_Fuji_Lake_Reflection_Cherry_Blossoms_Sakura_Spring.jpg"
 
     Args:
         english: List[str]: An array of three lines of the haiku in English. YOU MUST PROVIDE THE ENGLISH HAIKU.
         japanese: List[str]: An array of three lines of the haiku in Japanese. YOU MUST PROVIDE THE JAPANESE HAIKU.
+        image_names: List[str]: An array of three image names. YOU MUST PROVIDE THE IMAGE NAMES.
+
 
     Returns:
         str: A confirmation message.
     """ # pylint: disable=line-too-long
     return "Haiku generated"
 
-
-@tool(external_execution=True)
-def change_background(background: str) -> str: # pylint: disable=unused-argument
-    """
-    Change the background color of the chat. Can be anything that the CSS background attribute accepts. Regular colors, linear of radial gradients etc.
-
-    Args:
-        background: str: The background color to change to. Can be anything that the CSS background attribute accepts. Regular colors, linear of radial gradients etc.
-    """ # pylint: disable=line-too-long
-
 agent = Agent(
     model=OpenAIChat(id="gpt-4o"),
-    tools=[generate_haiku, change_background],
-    description="You are a helpful assistant that can help with tasks and answer questions.",
+    tools=[generate_haiku],
+    description="Help the user with writing Haikus. If the user asks for a haiku, use the generate_haiku tool to display the haiku to the user.",
+    debug_mode=True,
 )
 
 agui_app = AGUIApp(