diff --git a/next/package-lock.json b/next/package-lock.json
index 25055cbf37..f6f0bd8eef 100644
--- a/next/package-lock.json
+++ b/next/package-lock.json
@@ -43,6 +43,7 @@
         "next-auth": "4.20.1",
         "next-i18next": "^13.2.2",
         "nextjs-google-analytics": "^2.3.3",
+        "openai": "^4.14.2",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "^12.3.1",
@@ -4725,8 +4726,16 @@
     "node_modules/@types/node": {
       "version": "18.15.13",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.13.tgz",
-      "integrity": "sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==",
-      "dev": true
+      "integrity": "sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q=="
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.8",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.8.tgz",
+      "integrity": "sha512-nnH5lV9QCMPsbEVdTb5Y+F3GQxLSw1xQgIydrb2gSfEavRPs50FnMr+KUaa+LoPSqibm2N+ZZxH7lavZlAT4GA==",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.0"
+      }
     },
     "node_modules/@types/prettier": {
       "version": "2.7.3",
@@ -5103,6 +5112,17 @@
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
       "dev": true
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/abs-svg-path": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
@@ -5160,6 +5180,17 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/agentkeepalive": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
+      "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -5380,8 +5411,7 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
@@ -5614,6 +5644,11 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "node_modules/base-64": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
+      "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
+    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -5827,6 +5862,14 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/cheerio": {
       "version": "1.0.0-rc.12",
       "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
@@ -6082,7 +6125,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -6245,6 +6287,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/crypto-js": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
@@ -6500,7 +6550,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -6549,6 +6598,15 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/digest-fetch": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/digest-fetch/-/digest-fetch-1.3.0.tgz",
+      "integrity": "sha512-CGJuv6iKNM7QyZlM2T3sPAdZWd/p9zQiRNS9G+9COUCwzWFTs0Xp8NF5iePx7wtvhDykReiRRrSeNb4oMmB8lA==",
+      "dependencies": {
+        "base-64": "^0.1.0",
+        "md5": "^2.3.0"
+      }
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -7432,6 +7490,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -7682,7 +7748,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dev": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -7692,6 +7757,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
+    },
     "node_modules/format": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
@@ -7700,6 +7770,26 @@
         "node": ">=0.4.x"
       }
     },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/formdata-node/node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+      "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -8257,6 +8347,14 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
     "node_modules/husky": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.3.tgz",
@@ -10656,6 +10754,21 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
+    "node_modules/md5/node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
     "node_modules/mdast-util-definitions": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
@@ -11448,7 +11561,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -11457,7 +11569,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -11729,6 +11840,24 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
     "node_modules/node-fetch": {
       "version": "2.6.7",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
@@ -12027,6 +12156,25 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/openai": {
+      "version": "4.14.2",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-4.14.2.tgz",
+      "integrity": "sha512-JGlm7mMC7J+cyQZnQMOH7daD9cBqqWqLtlBsejElEkgoehPrYfdyxSxIGICz5xk4YimbwI5FlLATSVojLtCKXQ==",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "digest-fetch": "^1.3.0",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7",
+        "web-streams-polyfill": "^3.2.1"
+      },
+      "bin": {
+        "openai": "bin/cli"
+      }
+    },
     "node_modules/openid-client": {
       "version": "5.4.0",
       "resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.4.0.tgz",
@@ -14576,6 +14724,14 @@
         "makeerror": "1.0.12"
       }
     },
+    "node_modules/web-streams-polyfill": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+      "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
@@ -18150,8 +18306,16 @@
     "@types/node": {
       "version": "18.15.13",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.13.tgz",
-      "integrity": "sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==",
-      "dev": true
+      "integrity": "sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q=="
+    },
+    "@types/node-fetch": {
+      "version": "2.6.8",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.8.tgz",
+      "integrity": "sha512-nnH5lV9QCMPsbEVdTb5Y+F3GQxLSw1xQgIydrb2gSfEavRPs50FnMr+KUaa+LoPSqibm2N+ZZxH7lavZlAT4GA==",
+      "requires": {
+        "@types/node": "*",
+        "form-data": "^4.0.0"
+      }
     },
     "@types/prettier": {
       "version": "2.7.3",
@@ -18405,6 +18569,14 @@
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
       "dev": true
     },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
     "abs-svg-path": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
@@ -18448,6 +18620,14 @@
         "debug": "4"
       }
     },
+    "agentkeepalive": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
+      "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
+      "requires": {
+        "humanize-ms": "^1.2.1"
+      }
+    },
     "aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -18612,8 +18792,7 @@
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "autoprefixer": {
       "version": "10.4.14",
@@ -18780,6 +18959,11 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "base-64": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
+      "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
+    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -18913,6 +19097,11 @@
       "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
       "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="
     },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
+    },
     "cheerio": {
       "version": "1.0.0-rc.12",
       "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
@@ -19106,7 +19295,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "requires": {
         "delayed-stream": "~1.0.0"
       }
@@ -19222,6 +19410,11 @@
         "which": "^2.0.1"
       }
     },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
+    },
     "crypto-js": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
@@ -19421,8 +19614,7 @@
     "delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
     },
     "dequal": {
       "version": "2.0.3",
@@ -19456,6 +19648,15 @@
       "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
       "dev": true
     },
+    "digest-fetch": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/digest-fetch/-/digest-fetch-1.3.0.tgz",
+      "integrity": "sha512-CGJuv6iKNM7QyZlM2T3sPAdZWd/p9zQiRNS9G+9COUCwzWFTs0Xp8NF5iePx7wtvhDykReiRRrSeNb4oMmB8lA==",
+      "requires": {
+        "base-64": "^0.1.0",
+        "md5": "^2.3.0"
+      }
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -20128,6 +20329,11 @@
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true
     },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
     "events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -20323,18 +20529,38 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dev": true,
       "requires": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
         "mime-types": "^2.1.12"
       }
     },
+    "form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
+    },
     "format": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
       "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww=="
     },
+    "formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "requires": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "dependencies": {
+        "web-streams-polyfill": {
+          "version": "4.0.0-beta.3",
+          "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+          "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug=="
+        }
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -20732,6 +20958,14 @@
       "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true
     },
+    "humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "requires": {
+        "ms": "^2.0.0"
+      }
+    },
     "husky": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.3.tgz",
@@ -22465,6 +22699,23 @@
       "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz",
       "integrity": "sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw=="
     },
+    "md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "requires": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      },
+      "dependencies": {
+        "is-buffer": {
+          "version": "1.1.6",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+          "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+        }
+      }
+    },
     "mdast-util-definitions": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
@@ -22956,14 +23207,12 @@
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
     },
     "mime-types": {
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "requires": {
         "mime-db": "1.52.0"
       }
@@ -23126,6 +23375,11 @@
         "tslib": "^2.0.3"
       }
     },
+    "node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ=="
+    },
     "node-fetch": {
       "version": "2.6.7",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
@@ -23340,6 +23594,22 @@
         "is-wsl": "^2.2.0"
       }
     },
+    "openai": {
+      "version": "4.14.2",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-4.14.2.tgz",
+      "integrity": "sha512-JGlm7mMC7J+cyQZnQMOH7daD9cBqqWqLtlBsejElEkgoehPrYfdyxSxIGICz5xk4YimbwI5FlLATSVojLtCKXQ==",
+      "requires": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "digest-fetch": "^1.3.0",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7",
+        "web-streams-polyfill": "^3.2.1"
+      }
+    },
     "openid-client": {
       "version": "5.4.0",
       "resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.4.0.tgz",
@@ -25131,6 +25401,11 @@
         "makeerror": "1.0.12"
       }
     },
+    "web-streams-polyfill": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+      "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q=="
+    },
     "webidl-conversions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
diff --git a/next/package.json b/next/package.json
index 1c28ded672..1056dd49a1 100644
--- a/next/package.json
+++ b/next/package.json
@@ -49,6 +49,7 @@
     "next-auth": "4.20.1",
     "next-i18next": "^13.2.2",
     "nextjs-google-analytics": "^2.3.3",
+    "openai": "^4.14.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "^12.3.1",
diff --git a/next/public/locales/en/indexPage.json b/next/public/locales/en/indexPage.json
index e83540f5e6..cf431b039b 100644
--- a/next/public/locales/en/indexPage.json
+++ b/next/public/locales/en/indexPage.json
@@ -3,7 +3,7 @@
   "HEADING_DESCRIPTION": "Assemble, configure, and deploy autonomous AI Agents in your browser.",
   "AGENT_NAME": "Name",
   "LABEL_AGENT_GOAL": "Goal",
-  "PLACEHOLDER_AGENT_GOAL": "Make the world a better place",
+  "PLACEHOLDER_AGENT_GOAL": "What is the latest AI news?",
   "BUTTON_DEPLOY_AGENT": "Deploy Agent",
   "BUTTON_STOP_AGENT": "Stop Agent"
-}
\ No newline at end of file
+}
diff --git a/next/src/components/Button.tsx b/next/src/components/Button.tsx
index c92bfb0b81..8ef83b35a3 100644
--- a/next/src/components/Button.tsx
+++ b/next/src/components/Button.tsx
@@ -34,10 +34,10 @@ const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonEleme
       type={props.type}
       disabled={loading || props.disabled}
       className={clsx(
-        "relative rounded-lg border-2 border-black/20 px-4 py-1 font-bold text-white transition-all sm:px-10 sm:py-3",
+        "relative rounded-lg border-2 border-black/20 px-4 py-1 font-bold text-white transition-all duration-300 sm:px-10 sm:py-3",
         props.disabled && "cursor-not-allowed border-white/10 bg-slate-9 text-white",
         props.disabled ||
-          "cursor-pointer bg-[#1E88E5]/70 text-white hover:bg-[#0084f7] hover:shadow-xl",
+          "cursor-pointer bg-[#1E88E5]/80 text-white hover:bg-[#0084f7] hover:shadow-lg",
         props.disabled || props.enabledClassName,
         props.className
       )}
diff --git a/next/src/components/Input.tsx b/next/src/components/Input.tsx
index 54fadaec92..a3ebc0b767 100644
--- a/next/src/components/Input.tsx
+++ b/next/src/components/Input.tsx
@@ -1,94 +1,70 @@
 import clsx from "clsx";
-import React from "react";
+import type { ChangeEvent, KeyboardEvent, ReactNode, RefObject } from "react";
 
 import Label from "./Label";
 import type { toolTipProperties } from "../types";
 
+type InputElement = HTMLInputElement | HTMLTextAreaElement;
+
 interface InputProps {
   small?: boolean; // Will lower padding and font size. Currently only works for the default input
-  left?: React.ReactNode;
+  left?: ReactNode;
   value: string | number | undefined;
-  onChange: (
-    e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>
-  ) => void;
+  onChange: (e: ChangeEvent<InputElement>) => void;
   placeholder?: string;
   disabled?: boolean;
-  setValue?: (value: string) => void;
   type?: string;
   subType?: string;
   attributes?: { [key: string]: string | number | string[] }; // attributes specific to input type
   toolTipProperties?: toolTipProperties;
-  inputRef?: React.RefObject<HTMLInputElement>;
-  onKeyDown?: (
-    e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>
-  ) => void;
+  inputRef?: RefObject<InputElement>;
+  onKeyDown?: (e: KeyboardEvent<InputElement>) => void;
 }
 
 const Input = (props: InputProps) => {
-  const {
-    small,
-    placeholder,
-    left,
-    value,
-    type,
-    onChange,
-    setValue,
-    disabled,
-    attributes,
-    inputRef,
-    toolTipProperties,
-    onKeyDown,
-  } = props;
-  const [isHidden, setIsHidden] = React.useState(false);
-
   const isTypeTextArea = () => {
-    return type === "textarea";
+    return props.type === "textarea";
   };
 
-  let inputElement;
-
-  if (isTypeTextArea()) {
-    inputElement = (
-      <textarea
-        className={clsx(
-          "delay-50 h-15 w-full resize-none rounded-xl border-2 border-slate-7 bg-slate-1 p-2 text-sm tracking-wider text-slate-12 outline-none transition-all selection:bg-sky-300 placeholder:text-slate-8 hover:border-sky-200 focus:border-sky-400 sm:h-20 md:text-lg",
-          disabled && "cursor-not-allowed",
-          left && "md:rounded-l-none",
-          small && "text-sm sm:py-[0]"
-        )}
-        placeholder={placeholder}
-        value={value}
-        onChange={onChange}
-        disabled={disabled}
-        onKeyDown={onKeyDown}
-        {...attributes}
-      />
-    );
-  } else {
-    inputElement = (
-      <input
-        className={clsx(
-          "w-full rounded-xl border-2 border-slate-7 bg-slate-1 p-2 py-1 text-sm tracking-wider text-slate-12 outline-none transition-all duration-200 selection:bg-sky-300 placeholder:text-slate-8 hover:border-sky-200 focus:border-sky-400 sm:py-3 md:text-lg",
-          disabled && "cursor-not-allowed",
-          left && "md:rounded-l-none",
-          small && "text-sm sm:py-[0]"
-        )}
-        ref={inputRef}
-        placeholder={placeholder}
-        type={type}
-        value={value}
-        onChange={onChange}
-        disabled={disabled}
-        onKeyDown={onKeyDown}
-        {...attributes}
-      />
-    );
-  }
-
   return (
     <div className="items-left z-5 flex h-fit w-full flex-col rounded-xl text-lg text-slate-12 md:flex-row md:items-center">
-      {left && <Label left={left} type={type} toolTipProperties={toolTipProperties} />}
-      {inputElement}
+      {props.left && (
+        <Label left={props.left} type={props.type} toolTipProperties={props.toolTipProperties} />
+      )}
+      {isTypeTextArea() ? (
+        <textarea
+          className={clsx(
+            "delay-50 h-15 w-full resize-none rounded-xl border-2 border-slate-7 bg-slate-1 p-2 text-sm tracking-wider text-slate-12 outline-none transition-all selection:bg-sky-300 placeholder:text-slate-8 hover:border-sky-200 focus:border-sky-400 sm:h-20 md:text-lg",
+            props.disabled && "cursor-not-allowed",
+            props.left && "md:rounded-l-none",
+            props.small && "text-sm sm:py-[0]"
+          )}
+          ref={props.inputRef as RefObject<HTMLTextAreaElement>}
+          placeholder={props.placeholder}
+          value={props.value}
+          onChange={props.onChange}
+          disabled={props.disabled}
+          onKeyDown={props.onKeyDown}
+          {...props.attributes}
+        />
+      ) : (
+        <input
+          className={clsx(
+            "w-full rounded-xl border-2 border-slate-7 bg-slate-1 p-2 py-1 text-sm tracking-wider text-slate-12 outline-none transition-all duration-200 selection:bg-sky-300 placeholder:text-slate-8 hover:border-sky-200 focus:border-sky-400 sm:py-3 md:text-lg",
+            props.disabled && "cursor-not-allowed",
+            props.left && "md:rounded-l-none",
+            props.small && "text-sm sm:py-[0]"
+          )}
+          ref={props.inputRef as RefObject<HTMLInputElement>}
+          placeholder={props.placeholder}
+          type={props.type}
+          value={props.value}
+          onChange={props.onChange}
+          disabled={props.disabled}
+          onKeyDown={props.onKeyDown}
+          {...props.attributes}
+        />
+      )}
     </div>
   );
 };
diff --git a/next/src/components/drawer/DrawerItemButton.tsx b/next/src/components/drawer/DrawerItemButton.tsx
index 75f8764d7f..2525bc5eb7 100644
--- a/next/src/components/drawer/DrawerItemButton.tsx
+++ b/next/src/components/drawer/DrawerItemButton.tsx
@@ -19,7 +19,7 @@ export const DrawerItemButton = (props: DrawerItemProps) => {
       )}
       onClick={onClick}
     >
-      <span className="text-sm font-medium">{text}</span>
+      <span className="line-clamp-1 text-left text-sm font-medium">{text}</span>
     </button>
   );
 };
diff --git a/next/src/components/index/landing.tsx b/next/src/components/index/landing.tsx
index 1a455de9e0..7464a76fa0 100644
--- a/next/src/components/index/landing.tsx
+++ b/next/src/components/index/landing.tsx
@@ -1,7 +1,8 @@
 import { motion } from "framer-motion";
 import { useTranslation } from "next-i18next";
-import React from "react";
-import { FaCog, FaPlay, FaRobot, FaStar } from "react-icons/fa";
+import type { KeyboardEvent, RefObject } from "react";
+import { useState } from "react";
+import { FaCog, FaPlay, FaStar } from "react-icons/fa";
 
 import { useAgentStore } from "../../stores";
 import type { Message } from "../../types/message";
@@ -15,20 +16,16 @@ import Input from "../Input";
 type LandingProps = {
   messages: Message[];
   disableStartAgent: boolean;
-  handlePlay: (name: string, goal: string) => void;
-  handleKeyPress: (
-    e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>
-  ) => void;
-  nameInput: string;
-  nameInputRef: React.RefObject<HTMLInputElement>;
-  setNameInput: (string) => void;
+  handlePlay: (goal: string) => void;
+  handleKeyPress: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+  goalInputRef: RefObject<HTMLInputElement>;
   goalInput: string;
   setGoalInput: (string) => void;
   setShowSignInDialog: (boolean) => void;
   setAgentRun: (newName: string, newGoal: string) => void;
 };
 const Landing = (props: LandingProps) => {
-  const [showToolsDialog, setShowToolsDialog] = React.useState(false);
+  const [showToolsDialog, setShowToolsDialog] = useState(false);
 
   const { t } = useTranslation("indexPage");
   const agent = useAgentStore.use.agent();
@@ -59,53 +56,36 @@ const Landing = (props: LandingProps) => {
         initial={{ opacity: 0, y: 50 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.75, delay: 0.5, type: "easeInOut" }}
-        className="z-10 flex w-full flex-col gap-2"
+        className="z-10 flex w-full flex-col gap-6"
       >
-        <div className="flex w-full flex-row items-end gap-2 md:items-center">
-          <Input
-            inputRef={props.nameInputRef}
-            left={
-              <>
-                <FaRobot />
-                <span className="ml-2">{`${t("AGENT_NAME")}`}</span>
-              </>
-            }
-            value={props.nameInput}
-            disabled={agent != null}
-            onChange={(e) => props.setNameInput(e.target.value)}
-            onKeyDown={(e) => props.handleKeyPress(e)}
-            placeholder="AgentGPT"
-            type="text"
-          />
+        <Input
+          inputRef={props.goalInputRef}
+          left={
+            <>
+              <FaStar />
+              <span className="ml-2">{`${t("LABEL_AGENT_GOAL")}`}</span>
+            </>
+          }
+          disabled={agent != null}
+          value={props.goalInput}
+          onChange={(e) => props.setGoalInput(e.target.value)}
+          onKeyDown={(e) => props.handleKeyPress(e)}
+          placeholder={`${t("PLACEHOLDER_AGENT_GOAL")}`}
+          type="textarea"
+        />
+
+        <div className="flex w-full flex-row items-center justify-center gap-3">
           <Button
             ping
             onClick={() => setShowToolsDialog(true)}
-            className="h-full bg-gradient-to-t from-amber-500 to-amber-600 transition-all hover:bg-gradient-to-t hover:from-amber-400 hover:to-amber-600"
+            className="h-full bg-gradient-to-t from-slate-9 to-slate-12 hover:shadow-depth-3"
           >
-            <p className="mr-3">Tools</p>
             <FaCog />
           </Button>
-        </div>
-        <div className="flex w-full flex-row items-end gap-2 md:items-center">
-          <Input
-            left={
-              <>
-                <FaStar />
-                <span className="ml-2">{`${t("LABEL_AGENT_GOAL")}`}</span>
-              </>
-            }
-            disabled={agent != null}
-            value={props.goalInput}
-            onChange={(e) => props.setGoalInput(e.target.value)}
-            onKeyDown={(e) => props.handleKeyPress(e)}
-            placeholder={`${t("PLACEHOLDER_AGENT_GOAL")}`}
-            type="textarea"
-          />
           <Button
-            onClick={() => props.handlePlay(props.nameInput, props.goalInput)}
-            className="h-full"
+            onClick={() => props.handlePlay(props.goalInput)}
+            className="border-0 bg-gradient-to-t from-[#02FCF1] to-[#A02BFE] subpixel-antialiased saturate-[75%] hover:saturate-100"
           >
-            <p className="mr-5">Play</p>
             <FaPlay />
           </Button>
         </div>
diff --git a/next/src/components/sidebar/links.tsx b/next/src/components/sidebar/links.tsx
index d0ba9906c0..b79c28ebd9 100644
--- a/next/src/components/sidebar/links.tsx
+++ b/next/src/components/sidebar/links.tsx
@@ -9,9 +9,8 @@ import {
   FaHome,
   FaLinkedin,
   FaQuestion,
-  FaWater,
 } from "react-icons/fa";
-import {FaXTwitter} from 'react-icons/fa6';
+import { FaXTwitter } from "react-icons/fa6";
 
 type LinkMetadata = {
   name: string;
@@ -31,17 +30,6 @@ export const PAGE_LINKS: LinkMetadata[] = [
     icon: FaHome,
     enabled: true,
   },
-  {
-    name: "Flows",
-    href: "/workflow",
-    icon: FaWater,
-    className: "transition-transform group-hover:scale-110",
-    enabled: (user) => !!user && user.organizations.length > 0,
-    badge: {
-      text: "Alpha",
-      className: "bg-gradient-to-tr from-purple-500 to-sky-600",
-    },
-  },
   {
     name: "Help",
     href: "https://docs.reworkd.ai/",
@@ -55,9 +43,6 @@ export const PAGE_LINKS: LinkMetadata[] = [
     icon: FaFileCode,
     className: "transition-transform group-hover:scale-110",
     enabled: true,
-    badge: {
-      text: "New",
-    },
   },
   {
     name: "Settings",
diff --git a/next/src/env/schema.mjs b/next/src/env/schema.mjs
index 74c498edd3..3f71e16f4a 100644
--- a/next/src/env/schema.mjs
+++ b/next/src/env/schema.mjs
@@ -25,6 +25,8 @@ export const serverSchema = z.object({
         // VERCEL_URL doesn't include `https` so it cant be validated as a URL
         process.env.VERCEL ? z.string() : z.string().url()
     ),
+    OPENAI_API_KEY: z.string().min(1).trim().optional(),
+
     GOOGLE_CLIENT_ID: z.string().min(1).trim().optional(),
     GOOGLE_CLIENT_SECRET: z.string().min(1).trim().optional(),
     GITHUB_CLIENT_ID: z.string().min(1).trim().optional(),
@@ -43,6 +45,7 @@ export const serverEnv = {
     NODE_ENV: process.env.NODE_ENV,
     NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
     NEXTAUTH_URL: process.env.NEXTAUTH_URL,
+    OPENAI_API_KEY: process.env.OPENAI_API_KEY,
 
     GOOGLE_CLIENT_ID: process.env.GOOGLE_CLIENT_ID,
     GOOGLE_CLIENT_SECRET: process.env.GOOGLE_CLIENT_SECRET,
diff --git a/next/src/pages/index.tsx b/next/src/pages/index.tsx
index 034cce53e0..ed661accdc 100644
--- a/next/src/pages/index.tsx
+++ b/next/src/pages/index.tsx
@@ -52,15 +52,15 @@ const Home: NextPage = () => {
   const [showSignInDialog, setShowSignInDialog] = React.useState(false);
   const agentUtils = useAgent();
 
-  const nameInputRef = useRef<HTMLInputElement>(null);
+  const goalInputRef = useRef<HTMLInputElement>(null);
   useEffect(() => {
-    nameInputRef?.current?.focus();
+    goalInputRef?.current?.focus();
   }, []);
 
   const setAgentRun = (newName: string, newGoal: string) => {
     setNameInput(newName);
     setGoalInput(newGoal);
-    handlePlay(newName, newGoal);
+    handlePlay(newGoal);
   };
 
   const disableStartAgent =
@@ -68,10 +68,9 @@ const Home: NextPage = () => {
     isEmptyOrBlank(nameInput) ||
     isEmptyOrBlank(goalInput);
 
-  const handlePlay = (name: string, goal: string) => {
+  const handlePlay = (goal: string) => {
     if (agentLifecycle === "stopped") handleRestart();
-    else if (name.trim() === "" || goal.trim() === "") return;
-    else handleNewAgent(name.trim(), goal.trim());
+    else handleNewAgent("", goal.trim());
   };
 
   const handleNewAgent = (name: string, goal: string) => {
@@ -134,12 +133,10 @@ const Home: NextPage = () => {
     resetAllAgentSlices();
   };
 
-  const handleKeyPress = (
-    e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>
-  ) => {
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {
     // Only Enter is pressed, execute the function
     if (e.key === "Enter" && !disableStartAgent && !e.shiftKey) {
-      handlePlay(nameInput, goalInput);
+      handlePlay(goalInput);
     }
   };
 
@@ -171,9 +168,7 @@ const Home: NextPage = () => {
               disableStartAgent={disableStartAgent}
               handlePlay={handlePlay}
               handleKeyPress={handleKeyPress}
-              nameInput={nameInput}
-              nameInputRef={nameInputRef}
-              setNameInput={setNameInput}
+              goalInputRef={goalInputRef}
               goalInput={goalInput}
               setGoalInput={setGoalInput}
               setShowSignInDialog={setShowSignInDialog}
diff --git a/next/src/server/api/routers/agentRouter.ts b/next/src/server/api/routers/agentRouter.ts
index e343e5a657..cca7f884b7 100644
--- a/next/src/server/api/routers/agentRouter.ts
+++ b/next/src/server/api/routers/agentRouter.ts
@@ -1,14 +1,16 @@
+import OpenAI from "openai";
 import { z } from "zod";
 
+import { env } from "../../../env/server.mjs";
 import { messageSchema } from "../../../types/message";
 import { MESSAGE_TYPE_TASK } from "../../../types/task";
 import { prisma } from "../../db";
 import { createTRPCRouter, protectedProcedure, publicProcedure } from "../trpc";
 
 const createAgentParser = z.object({
-  name: z.string(),
   goal: z.string(),
 });
+
 export type CreateAgentProps = z.infer<typeof createAgentParser>;
 
 const saveAgentParser = z.object({
@@ -17,11 +19,47 @@ const saveAgentParser = z.object({
 });
 export type SaveAgentProps = z.infer<typeof saveAgentParser>;
 
+async function generateAgentName(goal: string) {
+  if (!env.OPENAI_API_KEY) return undefined;
+
+  try {
+    const openAI = new OpenAI({
+      apiKey: env.OPENAI_API_KEY as string,
+    });
+
+    const chatCompletion = await openAI.chat.completions.create({
+      messages: [
+        {
+          role: "user",
+          content: goal,
+        },
+        {
+          role: "system",
+          content: `Summarize this into a single followed by GPT and a single emoji.
+           Examples:
+           - 'I want to buy a house' becomes HouseGPT 🏠
+           - 'Analyze top stock prices and generate a report' becomes StockGPT 📈
+           `,
+        },
+      ],
+      model: "gpt-3.5-turbo",
+    });
+
+    // @ts-ignore
+    return chatCompletion.choices[0].message.content as string;
+  } catch (e) {
+    console.error(e);
+    return undefined;
+  }
+}
+
 export const agentRouter = createTRPCRouter({
   create: protectedProcedure.input(createAgentParser).mutation(async ({ input, ctx }) => {
-    return await prisma.agent.create({
+    const name = (await generateAgentName(input.goal)) || input.goal;
+
+    return ctx.prisma.agent.create({
       data: {
-        name: input.name,
+        name: name.trim(),
         goal: input.goal,
         userId: ctx.session?.user?.id,
       },
@@ -64,7 +102,7 @@ export const agentRouter = createTRPCRouter({
     });
   }),
   findById: publicProcedure.input(z.string()).query(async ({ input, ctx }) => {
-    return await prisma.agent.findFirstOrThrow({
+    return prisma.agent.findFirstOrThrow({
       where: { id: input, deleteDate: null },
       include: {
         tasks: {
diff --git a/next/src/services/agent/agent-api.ts b/next/src/services/agent/agent-api.ts
index d8c028b2c2..8c64445503 100644
--- a/next/src/services/agent/agent-api.ts
+++ b/next/src/services/agent/agent-api.ts
@@ -25,7 +25,6 @@ export class AgentApi {
   async createAgent(): Promise<void> {
     if (this.agentId) return;
     const agent = await this.props.agentUtils.createAgent({
-      name: this.props.name,
       goal: this.props.goal,
     });
     this.agentId = agent?.id;