fix: update Gmail icon to Google and improve ListSelectionComponent styles (#7591)

* fix: update Gmail icon to Google and improve ListSelectionComponent styles

* fix: remove unnecessary info and improve required field handling in Composio components

* style: update ListSelectionComponent and SortableListItem for improved layout and styling

* fix: enhance ListSelectionComponent and SortableListComponent to support search functionality

* style: adjust height and padding in SortableListItem for better visual consistency

* ✅ (intComponent.spec.ts): update test assertions to match expected behavior after changes in the component's functionality

---------

Co-authored-by: cristhianzl <cristhian.lousa@gmail.com>

src/backend/base/langflow/base/composio/composio_base.py

@@ -38,7 +38,6 @@ class ComposioBaseComponent(Component):
             name="api_key",
             display_name="Composio API Key",
             required=True,
-            info="Refer to https://docs.composio.dev/faq/api_key/api_key",
             real_time_refresh=True,
             value="COMPOSIO_API_KEY",
         ),
@@ -53,12 +52,11 @@ class ComposioBaseComponent(Component):
             placeholder="Select action",
             options=[],
             value="disabled",
-            info="Select action to pass to the agent",
             helper_text="Please connect before selecting actions.",
             helper_text_metadata={"variant": "destructive"},
             show=True,
+            required=False,
             real_time_refresh=True,
-            required=True,
             limit=1,
         ),
     ]

src/backend/base/langflow/components/composio/gmail_composio.py

@@ -16,9 +16,8 @@ class ComposioGmailAPIComponent(ComposioBaseComponent):
     """Gmail API component for interacting with Gmail services."""
 
     display_name: str = "Gmail"
-    description: str = "Gmail API"
     name = "GmailAPI"
-    icon = "Gmail"
+    icon = "Google"
     documentation: str = "https://docs.composio.dev"
     app_name = "gmail"