Agregar función para crear formas y mejorar la interfaz de Gradio

app.py

@@ -1,5 +1,6 @@
 import gradio as gr
-from tools import letter_counter, prime_factors, roll_dice, coin_flip
+from tools import letter_counter, prime_factors, roll_dice, coin_flip, create_shape
+
 
 
 # === GRADIO INTERFACE ===
@@ -8,14 +9,27 @@ demo = gr.TabbedInterface(
         gr.Interface(letter_counter, [gr.Textbox(), gr.Textbox()], gr.Textbox(), api_name="letter_counter"),
         gr.Interface(prime_factors, gr.Number(), gr.JSON(), api_name="prime_factors"),
         gr.Interface(roll_dice, [gr.Number(label="Faces"), gr.Number(label="Rolls")], gr.JSON(), api_name="roll_dice"),
-        gr.Interface(coin_flip, gr.Number(label="Flips"), gr.JSON(), api_name="coin_flip")
+        gr.Interface(coin_flip, gr.Number(label="Flips"), gr.JSON(), api_name="coin_flip"),
+        gr.Interface(
+            create_shape,
+            [
+                gr.Number(label="width", value=100),
+                gr.Number(label="height", value=100),
+                gr.Textbox(label="Shape Type", value="CIRCLE"),
+                gr.Textbox(label="Color (hex, e.g., #ff0000)", value="#ff0000"),
+                gr.Textbox(label="Tab ID"),
+            ],
+            gr.JSON(),
+            api_name="create_shape"
+        )
     ],
     [
         "Letter Counter",
         "Prime Factors",
         "Roll Dice",
-        "Coin Flip"
+        "Coin Flip",
+        "Create Shape"
     ]
 )
 
-demo.launch(mcp_server=True)
+demo.launch(mcp_server=True,server_port=7861)

tools.py

@@ -1,3 +1,5 @@
+import requests as request
+
 # === TOOLS ===
 def letter_counter(word, letter):
     """
@@ -71,4 +73,55 @@ def coin_flip(flips):
         List[str]: A list of results from each flip ("Heads" or "Tails").
     """
     import random
-    return ["Heads" if random.randint(0, 1) == 0 else "Tails" for _ in range(flips)]
+    return ["Heads" if random.randint(0, 1) == 0 else "Tails" for _ in range(flips)]
+
+def execute_action(tab_id, action, params):
+    """
+    Execute an action on a specific tab.
+
+    Args:
+        tab_id (str): The ID of the tab where the action will be executed.
+        action (str): The action to perform (e.g., "createShape", "createText").
+        params (json): Parameters required for the action.
+
+    Returns:
+        dict: A dictionary containing the result of the action.
+    """
+    payload = {
+        "action": action,
+        "args": params
+    }
+    url = f"http://localhost:3000/execute/{tab_id}"
+    print(url)
+
+    response = request.post(
+        url,
+        json=payload,
+        headers={'Content-Type': 'application/json'}
+    )
+
+    # This is a placeholder for actual implementation
+    return response
+
+def create_shape(width:int, height:int, shape_type:str, fill_color:str, tab_id:str):
+    """
+    Create a shape item with specified properties.
+
+    Args:
+        width (int): Width of the shape. Minimum value is 100.
+        height (int): Height of the shape.  Minimum value is 100.
+        shape_type (str): Type of the shape. It can be "RECTANGLE" | "CIRCLE" | "TRIANGLE" | "HEXAGON".
+        fill_color (str): Fill color in hex format (e.g., "#ff0000").
+        tab_id (str): The ID of the tab where the shape will be created. This is the most important parameter.
+
+    Returns:
+        dict: A dictionary representing the created shape item.
+    """
+    params = {
+        "width": width,
+        "height": height,
+        "shapeType": shape_type,
+        "fillColor": fill_color
+    }
+
+    return execute_action(tab_id=tab_id, action="createShape", params=params)