Merge branch 'dev' into feat/elevenlabs-widget

autogpt_platform/frontend/src/app/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import "./globals.css";
 
 import { Providers } from "@/app/providers";
+import ElevenLabsWidget from "@/components/ElevenLabsWidget";
 import TallyPopupSimple from "@/components/TallyPopup";
 import { GoogleAnalytics } from "@/components/analytics/google-analytics";
 import { Toaster } from "@/components/molecules/Toast/toaster";
@@ -42,6 +43,7 @@ export default async function RootLayout({
           <div className="flex min-h-screen flex-col items-stretch justify-items-stretch">
             {children}
             <TallyPopupSimple />
+            <ElevenLabsWidget />
 
             {/* React Query DevTools is only available in development */}
             {process.env.NEXT_PUBLIC_REACT_QUERY_DEVTOOL && (

autogpt_platform/frontend/src/components/ElevenLabsWidget.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+export default function ElevenLabsWidget() {
+  return (
+    <>
+      {/* @ts-expect-error - this is a custom element */}
+      <elevenlabs-convai agent-id="agent_01k0catqvjef0sk50r03cj49ek"></elevenlabs-convai>
+      <script
+        src="https://unpkg.com/@elevenlabs/convai-widget-embed"
+        async
+        type="text/javascript"
+      ></script>
+    </>
+  );
+}

autogpt_platform/frontend/src/components/TallyPopup.tsx

@@ -56,7 +56,7 @@ const TallyPopupSimple = () => {
   };
 
   return (
-    <div className="fixed bottom-1 right-24 z-20 hidden select-none items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
+    <div className="fixed bottom-1 left-6 z-20 hidden select-none items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
       {show_tutorial && (
         <Button
           variant="default"