From 151fad5cedfe912c11780b8834ab2c35e3cb7fe6 Mon Sep 17 00:00:00 2001
From: Swifty <craigswift13@gmail.com>
Date: Thu, 31 Oct 2024 13:38:54 +0000
Subject: [PATCH 1/5] docs(platform): Update frontend instructions (#8514)

update readme
---
 autogpt_platform/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/autogpt_platform/README.md b/autogpt_platform/README.md
index 02cbe6814929..79a9cf9a7d43 100644
--- a/autogpt_platform/README.md
+++ b/autogpt_platform/README.md
@@ -28,9 +28,9 @@ To run the AutoGPT Platform, follow these steps:
 
 3. Run the following command:
    ```
-   cp supabase/docker/.env.example .env
+   cp supabase/docker/.env.example .env.local
    ```
-   This command will copy the `.env.example` file to `.env` in the `supabase/docker` directory. You can modify the `.env` file to add your own environment variables.
+   This command will copy the `.env.example` file to `.env.local` in the `supabase/docker` directory. You can modify the `.env.local` file to add your own environment variables.
 
 4. Run the following command:
    ```

From 952f6f58efd68c9af511a4841b721e084b93d2f9 Mon Sep 17 00:00:00 2001
From: SwiftyOS <craigswift13@gmail.com>
Date: Fri, 1 Nov 2024 09:13:25 +0000
Subject: [PATCH 2/5] docs(platform): correct readme

---
 autogpt_platform/README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/autogpt_platform/README.md b/autogpt_platform/README.md
index 79a9cf9a7d43..64e61e880c06 100644
--- a/autogpt_platform/README.md
+++ b/autogpt_platform/README.md
@@ -28,9 +28,9 @@ To run the AutoGPT Platform, follow these steps:
 
 3. Run the following command:
    ```
-   cp supabase/docker/.env.example .env.local
+   cp supabase/docker/.env.example .env
    ```
-   This command will copy the `.env.example` file to `.env.local` in the `supabase/docker` directory. You can modify the `.env.local` file to add your own environment variables.
+   This command will copy the `.env.example` file to `.env` in the `supabase/docker` directory. You can modify the `.env` file to add your own environment variables.
 
 4. Run the following command:
    ```
@@ -46,9 +46,9 @@ To run the AutoGPT Platform, follow these steps:
 
 6. Run the following command: 
    ```
-   cp .env.example .env
+   cp .env.example .env.local
    ```
-   This command will copy the `.env.example` file to `.env` in the `frontend` directory. You can modify the `.env` within this folder to add your own environment variables for the frontend application.
+   This command will copy the `.env.example` file to `.env.local` in the `frontend` directory. You can modify the `.env.local` within this folder to add your own environment variables for the frontend application.
 
 7. Run the following command:
    ```

From ed45600f2755b78335bdbcfce728abf16d010924 Mon Sep 17 00:00:00 2001
From: Abhimanyu <abhimanyu1992002@gmail.com>
Date: Mon, 4 Nov 2024 07:11:06 +0530
Subject: [PATCH 3/5] feat(build-page): make all content unselectable except
 flowEditor

---
 autogpt_platform/frontend/src/app/build/page.tsx     | 12 ++++++------
 autogpt_platform/frontend/src/components/NavBar.tsx  |  2 +-
 .../frontend/src/components/PrimaryActionButton.tsx  |  2 +-
 .../frontend/src/components/TallyPopup.tsx           |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/autogpt_platform/frontend/src/app/build/page.tsx b/autogpt_platform/frontend/src/app/build/page.tsx
index 6b5ea497e233..55302556aae7 100644
--- a/autogpt_platform/frontend/src/app/build/page.tsx
+++ b/autogpt_platform/frontend/src/app/build/page.tsx
@@ -1,16 +1,16 @@
 "use client";
 
 import { useSearchParams } from "next/navigation";
-import FlowEditor from '@/components/Flow';
+import FlowEditor from "@/components/Flow";
 
 export default function Home() {
   const query = useSearchParams();
 
   return (
-      <FlowEditor
-        className="flow-container"
-        flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
-        template={!!query.get("templateID")}
-      />
+    <FlowEditor
+      className="flow-container"
+      flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
+      template={!!query.get("templateID")}
+    />
   );
 }
diff --git a/autogpt_platform/frontend/src/components/NavBar.tsx b/autogpt_platform/frontend/src/components/NavBar.tsx
index cd8de5802d99..b22cbd48eaaa 100644
--- a/autogpt_platform/frontend/src/components/NavBar.tsx
+++ b/autogpt_platform/frontend/src/components/NavBar.tsx
@@ -18,7 +18,7 @@ export async function NavBar() {
   const { user } = await getServerUser();
 
   return (
-    <header className="sticky top-0 z-50 mx-4 flex h-16 items-center gap-4 border border-gray-300 bg-background p-3 md:rounded-b-2xl md:px-6 md:shadow">
+    <header className="sticky top-0 z-50 mx-4 flex h-16 select-none items-center gap-4 border border-gray-300 bg-background p-3 md:rounded-b-2xl md:px-6 md:shadow">
       <div className="flex flex-1 items-center gap-4">
         <Sheet>
           <SheetTrigger asChild>
diff --git a/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx b/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
index ee3c837848aa..0e8f31f77fa0 100644
--- a/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
+++ b/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
@@ -32,7 +32,7 @@ const PrimaryActionBar: React.FC<PrimaryActionBarProps> = ({
   const runButtonOnClick = !isRunning ? onClickRunAgent : requestStopRun;
 
   return (
-    <div className="absolute bottom-0 left-1/2 z-50 flex w-fit -translate-x-1/2 transform items-center justify-center p-4">
+    <div className="absolute bottom-0 left-1/2 z-50 flex w-fit -translate-x-1/2 transform select-none items-center justify-center p-4">
       <div className={`flex gap-4`}>
         <Tooltip key="ViewOutputs" delayDuration={500}>
           <TooltipTrigger asChild>
diff --git a/autogpt_platform/frontend/src/components/TallyPopup.tsx b/autogpt_platform/frontend/src/components/TallyPopup.tsx
index 89b02cf49a48..001317cf7035 100644
--- a/autogpt_platform/frontend/src/components/TallyPopup.tsx
+++ b/autogpt_platform/frontend/src/components/TallyPopup.tsx
@@ -48,7 +48,7 @@ const TallyPopupSimple = () => {
   };
 
   return (
-    <div className="fixed bottom-1 right-6 z-50 hidden items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
+    <div className="fixed bottom-1 right-6 z-50 hidden select-none items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
       <Button
         variant="default"
         onClick={resetTutorial}

From e47ed3f44834c8edd094a963219a1fa4dca26e9a Mon Sep 17 00:00:00 2001
From: Abhimanyu <abhimanyu1992002@gmail.com>
Date: Mon, 4 Nov 2024 07:19:39 +0530
Subject: [PATCH 4/5] revert some changes

---
 autogpt_platform/README.md                       |  8 ++++----
 autogpt_platform/frontend/src/app/build/page.tsx | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/autogpt_platform/README.md b/autogpt_platform/README.md
index 64e61e880c06..79a9cf9a7d43 100644
--- a/autogpt_platform/README.md
+++ b/autogpt_platform/README.md
@@ -28,9 +28,9 @@ To run the AutoGPT Platform, follow these steps:
 
 3. Run the following command:
    ```
-   cp supabase/docker/.env.example .env
+   cp supabase/docker/.env.example .env.local
    ```
-   This command will copy the `.env.example` file to `.env` in the `supabase/docker` directory. You can modify the `.env` file to add your own environment variables.
+   This command will copy the `.env.example` file to `.env.local` in the `supabase/docker` directory. You can modify the `.env.local` file to add your own environment variables.
 
 4. Run the following command:
    ```
@@ -46,9 +46,9 @@ To run the AutoGPT Platform, follow these steps:
 
 6. Run the following command: 
    ```
-   cp .env.example .env.local
+   cp .env.example .env
    ```
-   This command will copy the `.env.example` file to `.env.local` in the `frontend` directory. You can modify the `.env.local` within this folder to add your own environment variables for the frontend application.
+   This command will copy the `.env.example` file to `.env` in the `frontend` directory. You can modify the `.env` within this folder to add your own environment variables for the frontend application.
 
 7. Run the following command:
    ```
diff --git a/autogpt_platform/frontend/src/app/build/page.tsx b/autogpt_platform/frontend/src/app/build/page.tsx
index 55302556aae7..6b5ea497e233 100644
--- a/autogpt_platform/frontend/src/app/build/page.tsx
+++ b/autogpt_platform/frontend/src/app/build/page.tsx
@@ -1,16 +1,16 @@
 "use client";
 
 import { useSearchParams } from "next/navigation";
-import FlowEditor from "@/components/Flow";
+import FlowEditor from '@/components/Flow';
 
 export default function Home() {
   const query = useSearchParams();
 
   return (
-    <FlowEditor
-      className="flow-container"
-      flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
-      template={!!query.get("templateID")}
-    />
+      <FlowEditor
+        className="flow-container"
+        flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
+        template={!!query.get("templateID")}
+      />
   );
 }

From 3d387084e980c5ac3ccf5af98e907c99ff0b99a1 Mon Sep 17 00:00:00 2001
From: Abhimanyu <abhimanyu1992002@gmail.com>
Date: Mon, 4 Nov 2024 07:21:45 +0530
Subject: [PATCH 5/5] revert some changes

---
 autogpt_platform/README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/autogpt_platform/README.md b/autogpt_platform/README.md
index 79a9cf9a7d43..64e61e880c06 100644
--- a/autogpt_platform/README.md
+++ b/autogpt_platform/README.md
@@ -28,9 +28,9 @@ To run the AutoGPT Platform, follow these steps:
 
 3. Run the following command:
    ```
-   cp supabase/docker/.env.example .env.local
+   cp supabase/docker/.env.example .env
    ```
-   This command will copy the `.env.example` file to `.env.local` in the `supabase/docker` directory. You can modify the `.env.local` file to add your own environment variables.
+   This command will copy the `.env.example` file to `.env` in the `supabase/docker` directory. You can modify the `.env` file to add your own environment variables.
 
 4. Run the following command:
    ```
@@ -46,9 +46,9 @@ To run the AutoGPT Platform, follow these steps:
 
 6. Run the following command: 
    ```
-   cp .env.example .env
+   cp .env.example .env.local
    ```
-   This command will copy the `.env.example` file to `.env` in the `frontend` directory. You can modify the `.env` within this folder to add your own environment variables for the frontend application.
+   This command will copy the `.env.example` file to `.env.local` in the `frontend` directory. You can modify the `.env.local` within this folder to add your own environment variables for the frontend application.
 
 7. Run the following command:
    ```