feat(platform): Update block UI

[majdyz]

Background

This is the revival of https://github.com/Significant-Gravitas/AutoGPT/pull/8190. With the input-field bug fixed

Changes 🏗️

Update block UI based on the agreed design.

Testing 🔍

[!NOTE] Only for the new autogpt platform, currently in autogpt_platform/

• Create from scratch and execute an agent with at least 3 blocks
• Import an agent from file upload, and confirm it executes correctly
• Upload agent to marketplace
• Import an agent from marketplace and confirm it executes correctly
• Edit an agent from monitor, and confirm it executes correctly

[qodo-merge-pro[bot]]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Code Complexity The CustomNode component has become quite complex with multiple nested conditions and components. Consider breaking it down into smaller, more manageable sub-components for better maintainability. Performance Concern The component is re-creating the categories array on every render. Consider memoizing this value to improve performance. Potential Bug The InputRef function is using a closure to set the input value. This might lead to stale values if the component re-renders. Consider using useRef or controlled inputs instead.

[netlify[bot]]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	91c11df84f7a95185008cd528163d2e5b68e4474
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/670a4016613d830008aeccb2

[Swiftyos]

Checked API Key is not leaked

{
  "id": "ed5d851c-9343-4b9f-bef6-276233301102",
  "version": 1,
  "is_active": true,
  "is_template": false,
  "name": "apitest",
  "description": "Agent Description",
  "executions": null,
  "nodes": [
    {
      "id": "3969861a-9af3-477c-8c05-08f9bff9675e",
      "block_id": "1f292d4a-41a4-4977-9684-7c8d560b9f91",
      "input_default": {},
      "metadata": {
        "position": {
          "x": 608,
          "y": 132.5
        }
      }
    }
  ],
  "links": [],
  "subgraphs": {}
}

[Swiftyos]

LGTM - I've run through the tests. Though we can no longer test the marketplace features locally

[majdyz]

@Swiftyos can you approve it?

[aarushik93]

Though we can no longer test the marketplace features locally

why not? you can change the environment variable to not use the cloud one

[github-actions[bot]]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions[bot]]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[ntindle]

you need to commit your lock file updates btw

[github-actions[bot]]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions[bot]]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.