feat: Improve UI

tdagent/grchat.py

@@ -416,6 +416,10 @@ with (
                     ),
                 ],
                 label="MCP Servers",
+                new_value_label="MCP endpoint",
+                new_name_label="MCP endpoint name",
+                new_value_placeholder="https://my-cool-mcp-server.com/mcp/sse",
+                new_name_placeholder="Swiss army knife of MCPs",
             )
 
         with gr.Accordion("⚙️  Provider Configuration", open=True):

tdagent/grcomponents/mcbgroup.py

@@ -19,7 +19,7 @@ class MutableCheckBoxGroupEntry(NamedTuple):
 class MutableCheckBoxGroup(gr.Blocks):
     """Check box group with controls to add or remove values."""
 
-    def __init__(  # noqa: PLR0913
+    def __init__(
         self,
         values: list[MutableCheckBoxGroupEntry] | None = None,
         label: str = "Extendable List",
@@ -68,16 +68,24 @@ class MutableCheckBoxGroup(gr.Blocks):
                 self.input_value = gr.Textbox(
                     label=self.new_value_label,
                     placeholder=self.new_value_placeholder,
-                    scale=4,
+                    scale=3,
                 )
                 self.input_name = gr.Textbox(
                     label=self.new_name_label,
                     placeholder=self.new_name_placeholder,
                     scale=2,
                 )
-                with gr.Column():
-                    self.add_btn = gr.Button("Add", variant="primary", scale=1)
-                    self.delete_btn = gr.Button("Delete Selected", variant="stop")
+            with gr.Row():
+                self.add_btn = gr.Button(
+                    "Add",
+                    variant="primary",
+                    scale=1,
+                )
+                self.delete_btn = gr.Button(
+                    "Delete Selected",
+                    variant="stop",
+                    scale=1,
+                )
 
             # Vertical checkbox group
             self.items_group = gr.CheckboxGroup(