docs: update composio integration (#7337)

update-task-and-screenshot

docs/docs/Integrations/Composio/integrations-composio.md

@@ -20,19 +20,11 @@ Instead of juggling multiple integrations and components in your flow, connect t
 3. Connect the **Agent** component's **Tools** port to the **Composio Tools** component's **Tools** port.
 4. In the **Composio API Key** field, paste your Composio API key.
 Alternatively, add the key as a [global variable](/configuration-global-variables).
-5. In the **App Name** field, select the tool you want your agent to have access to.
-For this example, select the **GMAIL** tool, which allows your agent to control an email account with the Composio tool.
-6. Click **Refresh**.
-The component's fields change based on the tool you selected.
-The **Gmail** tool requires authentication with Google, so it presents an **Authentication Link** button.
-7. Click the link to authenticate.
-8. In the Google authentication dialog, enter the credentials for the Gmail account you want to control with Composio, and then click **Authenticate**.
-9. Return to Langflow.
-10. To update the Composio component, click **Refresh**.
-The **Auth Status** field changes to a ✅, which indicates the Langflow component is connected to your Composio account.
-11. In the **Actions to use** field, select the action you want the **Agent** to take with the **Gmail** tool.
+5. In the **Tool Name** field, select the tool you want your agent to have access to.
+For this example, select the **Gmail** tool, which allows your agent to control an email account with the Composio tool.
+6. In the **Actions** field, select the action you want the **Agent** to take with the **Gmail** tool.
 The **Gmail** tool supports multiple actions, and also supports multiple actions within the same tool.
-The default value of **GMAIL_CREATE_EMAIL_DRAFT** is OK for this example.
+For this example, select **GMAIL_CREATE_EMAIL_DRAFT**.
 For more information, see the [Composio documentation](https://docs.composio.dev/patterns/tools/use-tools/use-specific-actions).
 
 ## Create a Composio flow
@@ -40,7 +32,7 @@ For more information, see the [Composio documentation](https://docs.composio.dev
 1. In the **Workspace**, add **Chat Input** and **Chat Output** components to your flow.
 2. Connect the components so they look like this.
 
-![Create Composio Flow](/img/composio/composio-create-flow.png)
+![Simple agent flow with composio connected as a tool](/img/composio/composio-create-flow.png)
 
 3. In the **OpenAI API Key** field of the **Agent** component, paste your OpenAI API key.
 Alternatively, add the key as a [global variable](/configuration-global-variables).
@@ -75,10 +67,7 @@ Inspect the response to see how the agent used the attached tool to write an ema
 This example response is abbreviated.
 
 ```plain
-The draft email has been successfully created with the following details:
-Recipient: your.email@address.com
-Subject: Greetings from Composio
-Body: Hello from composio!
+The draft email with the subject "Greetings from Composio" and body "Hello from composio!" has been successfully created.
 ```
 
 ```json
@@ -90,20 +79,21 @@ Body: Hello from composio!
 }
 
 {
-  "successfull": true,
   "data": {
     "response_data": {
-      "id": "r-7515791375860110875",
+      "id": "r-237981011463568567",
       "message": {
-        "id": "1939d1830046d2cb",
-        "threadId": "1939d1830046d2cb",
+        "id": "195dd80528171132",
+        "threadId": "195dd80528171132",
         "labelIds": [
           "DRAFT"
         ]
       }
     }
   },
-  "error": null
+  "error": null,
+  "successfull": true,
+  "successful": true
 }
 ```