Chore/Update issue templates and add new tools (#4687)

* Enhancement: Update issue templates and add new tools

- Updated bug report template to include a default label of 'bug'.
- Updated feature request template to include a default label of 'enhancement'.
- Added new credential class for Agentflow API.
- Enhanced Agent and HTTP nodes to improve tool management and error handling.
- Added deprecation badges to several agent and chain classes.
- Introduced new tools for handling requests (GET, POST, DELETE, PUT) with improved error handling.
- Added new chatflows and agentflows for various use cases, including document QnA and translation.
- Updated UI components for better handling of agent flows and marketplace interactions.
- Refactored utility functions for improved functionality and clarity.

* Refactor: Remove beta badge and streamline template title assignment

- Removed the 'BETA' badge from the ExtractMetadataRetriever class.
- Simplified the title assignment in the agentflowv2 generator by using a variable instead of inline string manipulation.

packages/components/nodes/tools/RequestsGet/RequestsGet.ts

@@ -1,7 +1,21 @@
 import { INode, INodeData, INodeParams } from '../../../src/Interface'
-import { getBaseClasses } from '../../../src/utils'
+import { getBaseClasses, stripHTMLFromToolInput } from '../../../src/utils'
 import { desc, RequestParameters, RequestsGetTool } from './core'
 
+const codeExample = `{
+    "id": {
+        "type": "string",
+        "required": true,
+        "in": "path",
+        "description": "ID of the item to get. /:id"
+    },
+    "limit": {
+        "type": "string",
+        "in": "query",
+        "description": "Limit the number of items to get. ?limit=10"
+    }
+}`
+
 class RequestsGet_Tools implements INode {
     label: string
     name: string
@@ -16,52 +30,107 @@ class RequestsGet_Tools implements INode {
     constructor() {
         this.label = 'Requests Get'
         this.name = 'requestsGet'
-        this.version = 1.0
+        this.version = 2.0
         this.type = 'RequestsGet'
-        this.icon = 'requestsget.svg'
+        this.icon = 'get.png'
         this.category = 'Tools'
         this.description = 'Execute HTTP GET requests'
         this.baseClasses = [this.type, ...getBaseClasses(RequestsGetTool)]
         this.inputs = [
             {
                 label: 'URL',
-                name: 'url',
+                name: 'requestsGetUrl',
                 type: 'string',
-                description:
-                    'Agent will make call to this exact URL. If not specified, agent will try to figure out itself from AIPlugin if provided',
+                acceptVariable: true
+            },
+            {
+                label: 'Name',
+                name: 'requestsGetName',
+                type: 'string',
+                default: 'requests_get',
+                description: 'Name of the tool',
                 additionalParams: true,
                 optional: true
             },
             {
                 label: 'Description',
-                name: 'description',
+                name: 'requestsGetDescription',
                 type: 'string',
                 rows: 4,
                 default: desc,
-                description: 'Acts like a prompt to tell agent when it should use this tool',
+                description: 'Describe to LLM when it should use this tool',
                 additionalParams: true,
                 optional: true
             },
             {
                 label: 'Headers',
-                name: 'headers',
-                type: 'json',
+                name: 'requestsGetHeaders',
+                type: 'string',
+                rows: 4,
+                acceptVariable: true,
                 additionalParams: true,
-                optional: true
+                optional: true,
+                placeholder: `{
+    "Authorization": "Bearer <token>"
+}`
+            },
+            {
+                label: 'Query Params Schema',
+                name: 'requestsGetQueryParamsSchema',
+                type: 'code',
+                description: 'Description of the available query params to enable LLM to figure out which query params to use',
+                placeholder: `{
+    "id": {
+        "type": "string",
+        "required": true,
+        "in": "path",
+        "description": "ID of the item to get. /:id"
+    },
+    "limit": {
+        "type": "string",
+        "in": "query",
+        "description": "Limit the number of items to get. ?limit=10"
+    }
+}`,
+                optional: true,
+                hideCodeExecute: true,
+                additionalParams: true,
+                codeExample: codeExample
+            },
+            {
+                label: 'Max Output Length',
+                name: 'requestsGetMaxOutputLength',
+                type: 'number',
+                description: 'Max length of the output. Remove this if you want to return the entire response',
+                default: '2000',
+                step: 1,
+                optional: true,
+                additionalParams: true
             }
         ]
     }
 
     async init(nodeData: INodeData): Promise<any> {
-        const headers = nodeData.inputs?.headers as string
-        const url = nodeData.inputs?.url as string
-        const description = nodeData.inputs?.description as string
+        const headers = (nodeData.inputs?.headers as string) || (nodeData.inputs?.requestsGetHeaders as string)
+        const url = (nodeData.inputs?.url as string) || (nodeData.inputs?.requestsGetUrl as string)
+        const description = (nodeData.inputs?.description as string) || (nodeData.inputs?.requestsGetDescription as string)
+        const name = (nodeData.inputs?.name as string) || (nodeData.inputs?.requestsGetName as string)
+        const queryParamsSchema =
+            (nodeData.inputs?.queryParamsSchema as string) || (nodeData.inputs?.requestsGetQueryParamsSchema as string)
+        const maxOutputLength = nodeData.inputs?.requestsGetMaxOutputLength as string
 
         const obj: RequestParameters = {}
-        if (url) obj.url = url
+        if (url) obj.url = stripHTMLFromToolInput(url)
         if (description) obj.description = description
+        if (name)
+            obj.name = name
+                .toLowerCase()
+                .replace(/ /g, '_')
+                .replace(/[^a-z0-9_-]/g, '')
+        if (queryParamsSchema) obj.queryParamsSchema = queryParamsSchema
+        if (maxOutputLength) obj.maxOutputLength = parseInt(maxOutputLength, 10)
         if (headers) {
-            const parsedHeaders = typeof headers === 'object' ? headers : JSON.parse(headers)
+            const parsedHeaders = typeof headers === 'object' ? headers : JSON.parse(stripHTMLFromToolInput(headers))
             obj.headers = parsedHeaders
         }