diff --git a/.env.example b/.env.example
new file mode 100644
index 000000000..7c1bb4ec4
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,2 @@
+OPENAI_API_KEY=
+TAVILY_API_KEY=
\ No newline at end of file
diff --git a/README.md b/README.md
index 417758fc6..0ebde5488 100644
--- a/README.md
+++ b/README.md
@@ -193,6 +193,21 @@ An average run generates a 5-6 page research report in multiple formats such as
 
 Check it out [here](https://github.com/assafelovic/gpt-researcher/tree/master/multi_agents) or head over to our [documentation](https://docs.gptr.dev/docs/gpt-researcher/langgraph) for more information.
 
+## 🖥️ Frontend Applications
+
+GPT-Researcher now features an enhanced frontend to improve the user experience and streamline the research process. The frontend offers:
+
+- An intuitive interface for inputting research queries
+- Real-time progress tracking of research tasks
+- Interactive display of research findings
+- Customizable settings for tailored research experiences
+
+Two deployment options are available:
+1. A lightweight static frontend served by FastAPI
+2. A feature-rich NextJS application for advanced functionality
+
+For detailed setup instructions and more information about the frontend features, please visit our [documentation page](https://docs.gptr.dev/docs/gpt-researcher/frontend).
+
 ## 🚀 Contributing
 We highly welcome contributions! Please check out [contributing](https://github.com/assafelovic/gpt-researcher/blob/master/CONTRIBUTING.md) if you're interested.
 
diff --git a/application/next-env.d.ts b/application/next-env.d.ts
deleted file mode 100644
index 4f11a03dc..000000000
--- a/application/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/docker-compose.yml b/docker-compose.yml
index 71a15044a..55a91c56b 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -19,10 +19,10 @@ services:
       - CHOKIDAR_USEPOLLING=true
     build:
       dockerfile: Dockerfile.dev
-      context: multi_agents/frontend
+      context: frontend/nextjs
     volumes:
       - /app/node_modules
-      - ./multi_agents/frontend:/app
+      - ./frontend/nextjs:/app
     restart: always
     ports:
       - 3000:3000
diff --git a/docs/docs/gpt-researcher/frontend.md b/docs/docs/gpt-researcher/frontend.md
new file mode 100644
index 000000000..b7df49cdd
--- /dev/null
+++ b/docs/docs/gpt-researcher/frontend.md
@@ -0,0 +1,86 @@
+# Frontend Application
+
+This frontend project aims to enhance the user experience of GPT-Researcher, providing an intuitive and efficient interface for automated research. It offers two deployment options to suit different needs and environments.
+
+## Option 1: Static Frontend (FastAPI)
+
+A lightweight solution using FastAPI to serve static files.
+
+#### Prerequisites
+- Python 3.11+
+- pip
+
+#### Setup and Running
+
+1. Install required packages:
+   ```
+   pip install -r requirements.txt
+   ```
+
+2. Start the server:
+   ```
+   python -m uvicorn main:app
+   ```
+
+3. Access at `http://localhost:8000`
+
+#### Demo
+<iframe height="400" width="700" src="https://github.com/assafelovic/gpt-researcher/assets/13554167/dd6cf08f-b31e-40c6-9907-1915f52a7110" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+
+## Option 2: NextJS Frontend
+
+A more robust solution with enhanced features and performance.
+
+#### Prerequisites
+- Node.js (v18.17.0 recommended)
+- npm
+
+#### Setup and Running
+
+1. Navigate to NextJS directory:
+   ```
+   cd nextjs
+   ```
+
+2. Set up Node.js:
+   ```
+   nvm install 18.17.0
+   nvm use v18.17.0
+   ```
+
+3. Install dependencies:
+   ```
+   npm install --legacy-peer-deps
+   ```
+
+4. Start development server:
+   ```
+   npm run dev
+   ```
+
+5. Access at `http://localhost:3000`
+
+Note: Requires backend server on `localhost:8000` as detailed in option 1.
+
+#### Demo
+<iframe height="400" width="700" src="https://github.com/user-attachments/assets/092e9e71-7e27-475d-8c4f-9dddd28934a3" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+## Choosing an Option
+
+- Static Frontend: Quick setup, lightweight deployment.
+- NextJS Frontend: Feature-rich, scalable, better performance and SEO.
+
+For production, NextJS is recommended.
+
+## Frontend Features
+
+Our frontend enhances GPT-Researcher by providing:
+
+1. Intuitive Research Interface: Streamlined input for research queries.
+2. Real-time Progress Tracking: Visual feedback on ongoing research tasks.
+3. Interactive Results Display: Easy-to-navigate presentation of findings.
+4. Customizable Settings: Adjust research parameters to suit specific needs.
+5. Responsive Design: Optimal experience across various devices.
+
+These features aim to make the research process more efficient and user-friendly, complementing GPT-Researcher's powerful agent capabilities.
\ No newline at end of file
diff --git a/docs/sidebars.js b/docs/sidebars.js
index 600b85424..f313e1778 100644
--- a/docs/sidebars.js
+++ b/docs/sidebars.js
@@ -21,6 +21,7 @@
         'gpt-researcher/introduction',
         'gpt-researcher/getting-started',
         'gpt-researcher/pip-package',
+        'gpt-researcher/frontend',
          'gpt-researcher/example',
         'gpt-researcher/troubleshooting',
       ],
@@ -34,8 +35,8 @@
         'gpt-researcher/config',
         'gpt-researcher/tailored-research',
         'gpt-researcher/retrievers',
-        'gpt-researcher/vector-stores',
         'gpt-researcher/llms',
+        'gpt-researcher/vector-stores',
         ]
     },
     {
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 000000000..0c81ace3b
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,85 @@
+# Frontend Application
+
+This frontend project aims to enhance the user experience of GPT-Researcher, providing an intuitive and efficient interface for automated research. It offers two deployment options to suit different needs and environments.
+
+## Option 1: Static Frontend (FastAPI)
+
+A lightweight solution using FastAPI to serve static files.
+
+#### Prerequisites
+- Python 3.11+
+- pip
+
+#### Setup and Running
+
+1. Install required packages:
+   ```
+   pip install -r requirements.txt
+   ```
+
+2. Start the server:
+   ```
+   python -m uvicorn main:app
+   ```
+
+3. Access at `http://localhost:8000`
+
+#### Demo
+https://github.com/assafelovic/gpt-researcher/assets/13554167/dd6cf08f-b31e-40c6-9907-1915f52a7110
+
+## Option 2: NextJS Frontend
+
+A more robust solution with enhanced features and performance.
+
+#### Prerequisites
+- Node.js (v18.17.0 recommended)
+- npm
+
+#### Setup and Running
+
+1. Navigate to NextJS directory:
+   ```
+   cd nextjs
+   ```
+
+2. Set up Node.js:
+   ```
+   nvm install 18.17.0
+   nvm use v18.17.0
+   ```
+
+3. Install dependencies:
+   ```
+   npm install --legacy-peer-deps
+   ```
+
+4. Start development server:
+   ```
+   npm run dev
+   ```
+
+5. Access at `http://localhost:3000`
+
+Note: Requires backend server on `localhost:8000` as detailed in option 1.
+
+#### Demo
+https://github.com/user-attachments/assets/092e9e71-7e27-475d-8c4f-9dddd28934a3
+
+## Choosing an Option
+
+- Static Frontend: Quick setup, lightweight deployment.
+- NextJS Frontend: Feature-rich, scalable, better performance and SEO.
+
+For production, NextJS is recommended.
+
+## Frontend Features
+
+Our frontend enhances GPT-Researcher by providing:
+
+1. Intuitive Research Interface: Streamlined input for research queries.
+2. Real-time Progress Tracking: Visual feedback on ongoing research tasks.
+3. Interactive Results Display: Easy-to-navigate presentation of findings.
+4. Customizable Settings: Adjust research parameters to suit specific needs.
+5. Responsive Design: Optimal experience across various devices.
+
+These features aim to make the research process more efficient and user-friendly, complementing GPT-Researcher's powerful agent capabilities.
\ No newline at end of file
diff --git a/multi_agents/frontend/.dockerignore b/frontend/nextjs/.dockerignore
similarity index 100%
rename from multi_agents/frontend/.dockerignore
rename to frontend/nextjs/.dockerignore
diff --git a/multi_agents/frontend/.eslintrc.json b/frontend/nextjs/.eslintrc.json
similarity index 100%
rename from multi_agents/frontend/.eslintrc.json
rename to frontend/nextjs/.eslintrc.json
diff --git a/multi_agents/frontend/.example.env b/frontend/nextjs/.example.env
similarity index 100%
rename from multi_agents/frontend/.example.env
rename to frontend/nextjs/.example.env
diff --git a/multi_agents/frontend/.gitignore b/frontend/nextjs/.gitignore
similarity index 100%
rename from multi_agents/frontend/.gitignore
rename to frontend/nextjs/.gitignore
diff --git a/multi_agents/frontend/.prettierrc b/frontend/nextjs/.prettierrc
similarity index 100%
rename from multi_agents/frontend/.prettierrc
rename to frontend/nextjs/.prettierrc
diff --git a/multi_agents/frontend/Dockerfile b/frontend/nextjs/Dockerfile
similarity index 100%
rename from multi_agents/frontend/Dockerfile
rename to frontend/nextjs/Dockerfile
diff --git a/multi_agents/frontend/Dockerfile.dev b/frontend/nextjs/Dockerfile.dev
similarity index 100%
rename from multi_agents/frontend/Dockerfile.dev
rename to frontend/nextjs/Dockerfile.dev
diff --git a/multi_agents/frontend/README.md b/frontend/nextjs/README.md
similarity index 100%
rename from multi_agents/frontend/README.md
rename to frontend/nextjs/README.md
diff --git a/multi_agents/frontend/actions/apiActions.ts b/frontend/nextjs/actions/apiActions.ts
similarity index 100%
rename from multi_agents/frontend/actions/apiActions.ts
rename to frontend/nextjs/actions/apiActions.ts
diff --git a/multi_agents/frontend/app/favicon.ico b/frontend/nextjs/app/favicon.ico
similarity index 100%
rename from multi_agents/frontend/app/favicon.ico
rename to frontend/nextjs/app/favicon.ico
diff --git a/multi_agents/frontend/app/globals.css b/frontend/nextjs/app/globals.css
similarity index 100%
rename from multi_agents/frontend/app/globals.css
rename to frontend/nextjs/app/globals.css
diff --git a/multi_agents/frontend/app/layout.tsx b/frontend/nextjs/app/layout.tsx
similarity index 100%
rename from multi_agents/frontend/app/layout.tsx
rename to frontend/nextjs/app/layout.tsx
diff --git a/multi_agents/frontend/app/page.tsx b/frontend/nextjs/app/page.tsx
similarity index 94%
rename from multi_agents/frontend/app/page.tsx
rename to frontend/nextjs/app/page.tsx
index 377092421..1018a6bd7 100644
--- a/multi_agents/frontend/app/page.tsx
+++ b/frontend/nextjs/app/page.tsx
@@ -200,8 +200,9 @@ export default function Home() {
     let currentReportGroup = null;
     let finalReportGroup = null;
     let sourceBlockEncountered = false;
+    let lastSubqueriesIndex = -1;
   
-    data.forEach((item) => {
+    data.forEach((item, index) => {
       const { type, content, metadata, output, link } = item;
   
       if (type === 'report') {
@@ -234,10 +235,26 @@ export default function Home() {
             currentSourceGroup = null;
           }
           groupedData.push(item);
+          lastSubqueriesIndex = groupedData.length - 1;
+        } else if (type === 'sourceBlock') {
+          currentSourceGroup = item;
+          if (lastSubqueriesIndex !== -1) {
+            groupedData.splice(lastSubqueriesIndex + 1, 0, currentSourceGroup);
+            lastSubqueriesIndex = -1;
+          } else {
+            groupedData.push(currentSourceGroup);
+          }
+          sourceBlockEncountered = true;
+          currentSourceGroup = null;
         } else if (content === 'added_source_url') {
           if (!currentSourceGroup) {
             currentSourceGroup = { type: 'sourceBlock', items: [] };
-            groupedData.push(currentSourceGroup);
+            if (lastSubqueriesIndex !== -1) {
+              groupedData.splice(lastSubqueriesIndex + 1, 0, currentSourceGroup);
+              lastSubqueriesIndex = -1;
+            } else {
+              groupedData.push(currentSourceGroup);
+            }
             sourceBlockEncountered = true;
           }
           const hostname = new URL(metadata).hostname.replace('www.', '');
diff --git a/multi_agents/frontend/components/Answer.tsx b/frontend/nextjs/components/Answer.tsx
similarity index 100%
rename from multi_agents/frontend/components/Answer.tsx
rename to frontend/nextjs/components/Answer.tsx
diff --git a/multi_agents/frontend/components/Footer.tsx b/frontend/nextjs/components/Footer.tsx
similarity index 100%
rename from multi_agents/frontend/components/Footer.tsx
rename to frontend/nextjs/components/Footer.tsx
diff --git a/multi_agents/frontend/components/Header.tsx b/frontend/nextjs/components/Header.tsx
similarity index 100%
rename from multi_agents/frontend/components/Header.tsx
rename to frontend/nextjs/components/Header.tsx
diff --git a/multi_agents/frontend/components/Hero.tsx b/frontend/nextjs/components/Hero.tsx
similarity index 100%
rename from multi_agents/frontend/components/Hero.tsx
rename to frontend/nextjs/components/Hero.tsx
diff --git a/multi_agents/frontend/components/HumanFeedback.tsx b/frontend/nextjs/components/HumanFeedback.tsx
similarity index 100%
rename from multi_agents/frontend/components/HumanFeedback.tsx
rename to frontend/nextjs/components/HumanFeedback.tsx
diff --git a/multi_agents/frontend/components/InputArea.tsx b/frontend/nextjs/components/InputArea.tsx
similarity index 100%
rename from multi_agents/frontend/components/InputArea.tsx
rename to frontend/nextjs/components/InputArea.tsx
diff --git a/multi_agents/frontend/components/Langgraph/Langgraph.js b/frontend/nextjs/components/Langgraph/Langgraph.js
similarity index 100%
rename from multi_agents/frontend/components/Langgraph/Langgraph.js
rename to frontend/nextjs/components/Langgraph/Langgraph.js
diff --git a/multi_agents/frontend/components/Question.tsx b/frontend/nextjs/components/Question.tsx
similarity index 100%
rename from multi_agents/frontend/components/Question.tsx
rename to frontend/nextjs/components/Question.tsx
diff --git a/multi_agents/frontend/components/Search.tsx b/frontend/nextjs/components/Search.tsx
similarity index 100%
rename from multi_agents/frontend/components/Search.tsx
rename to frontend/nextjs/components/Search.tsx
diff --git a/multi_agents/frontend/components/Settings/App.css b/frontend/nextjs/components/Settings/App.css
similarity index 100%
rename from multi_agents/frontend/components/Settings/App.css
rename to frontend/nextjs/components/Settings/App.css
diff --git a/multi_agents/frontend/components/Settings/ChatBox.js b/frontend/nextjs/components/Settings/ChatBox.js
similarity index 100%
rename from multi_agents/frontend/components/Settings/ChatBox.js
rename to frontend/nextjs/components/Settings/ChatBox.js
diff --git a/multi_agents/frontend/components/Settings/FileUpload.js b/frontend/nextjs/components/Settings/FileUpload.js
similarity index 100%
rename from multi_agents/frontend/components/Settings/FileUpload.js
rename to frontend/nextjs/components/Settings/FileUpload.js
diff --git a/multi_agents/frontend/components/Settings/Modal.js b/frontend/nextjs/components/Settings/Modal.js
similarity index 100%
rename from multi_agents/frontend/components/Settings/Modal.js
rename to frontend/nextjs/components/Settings/Modal.js
diff --git a/multi_agents/frontend/components/Settings/ToneSelector.js b/frontend/nextjs/components/Settings/ToneSelector.js
similarity index 100%
rename from multi_agents/frontend/components/Settings/ToneSelector.js
rename to frontend/nextjs/components/Settings/ToneSelector.js
diff --git a/multi_agents/frontend/components/SimilarTopics.tsx b/frontend/nextjs/components/SimilarTopics.tsx
similarity index 100%
rename from multi_agents/frontend/components/SimilarTopics.tsx
rename to frontend/nextjs/components/SimilarTopics.tsx
diff --git a/multi_agents/frontend/components/SourceCard.tsx b/frontend/nextjs/components/SourceCard.tsx
similarity index 100%
rename from multi_agents/frontend/components/SourceCard.tsx
rename to frontend/nextjs/components/SourceCard.tsx
diff --git a/multi_agents/frontend/components/Sources.tsx b/frontend/nextjs/components/Sources.tsx
similarity index 100%
rename from multi_agents/frontend/components/Sources.tsx
rename to frontend/nextjs/components/Sources.tsx
diff --git a/multi_agents/frontend/components/SubQuestions.tsx b/frontend/nextjs/components/SubQuestions.tsx
similarity index 100%
rename from multi_agents/frontend/components/SubQuestions.tsx
rename to frontend/nextjs/components/SubQuestions.tsx
diff --git a/multi_agents/frontend/components/Task/AccessReport.js b/frontend/nextjs/components/Task/AccessReport.js
similarity index 100%
rename from multi_agents/frontend/components/Task/AccessReport.js
rename to frontend/nextjs/components/Task/AccessReport.js
diff --git a/multi_agents/frontend/components/Task/Accordion.tsx b/frontend/nextjs/components/Task/Accordion.tsx
similarity index 98%
rename from multi_agents/frontend/components/Task/Accordion.tsx
rename to frontend/nextjs/components/Task/Accordion.tsx
index 36f736796..5a86d284b 100644
--- a/multi_agents/frontend/components/Task/Accordion.tsx
+++ b/frontend/nextjs/components/Task/Accordion.tsx
@@ -103,7 +103,7 @@ const Accordion = ({ logs }) => {
       <h2 id={`accordion-collapse-heading-${index}`}>
         <button
           type="button"
-          className="flex items-center w-full p-5 font-medium rtl:text-right text-white rounded-t-xl focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 text-white hover:bg-gray-100 dark:hover:bg-gray-800 gap-3"
+          className="flex items-center w-full p-5 font-medium rtl:text-right text-white rounded-t-xl focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 hover:bg-gray-700 hover:text-white gap-3"
           onClick={() => handleToggle(index)}
           aria-expanded={openIndex === index}
           aria-controls={`accordion-collapse-body-${index}`}
diff --git a/multi_agents/frontend/components/Task/AgentLogs.js b/frontend/nextjs/components/Task/AgentLogs.js
similarity index 100%
rename from multi_agents/frontend/components/Task/AgentLogs.js
rename to frontend/nextjs/components/Task/AgentLogs.js
diff --git a/multi_agents/frontend/components/Task/LogMessage.tsx b/frontend/nextjs/components/Task/LogMessage.tsx
similarity index 100%
rename from multi_agents/frontend/components/Task/LogMessage.tsx
rename to frontend/nextjs/components/Task/LogMessage.tsx
diff --git a/multi_agents/frontend/components/Task/Report.js b/frontend/nextjs/components/Task/Report.js
similarity index 100%
rename from multi_agents/frontend/components/Task/Report.js
rename to frontend/nextjs/components/Task/Report.js
diff --git a/multi_agents/frontend/components/Task/ResearchForm.js b/frontend/nextjs/components/Task/ResearchForm.js
similarity index 100%
rename from multi_agents/frontend/components/Task/ResearchForm.js
rename to frontend/nextjs/components/Task/ResearchForm.js
diff --git a/multi_agents/frontend/components/TypeAnimation.tsx b/frontend/nextjs/components/TypeAnimation.tsx
similarity index 100%
rename from multi_agents/frontend/components/TypeAnimation.tsx
rename to frontend/nextjs/components/TypeAnimation.tsx
diff --git a/multi_agents/frontend/config/task.js b/frontend/nextjs/config/task.js
similarity index 100%
rename from multi_agents/frontend/config/task.js
rename to frontend/nextjs/config/task.js
diff --git a/multi_agents/frontend/helpers/findDifferences.js b/frontend/nextjs/helpers/findDifferences.js
similarity index 100%
rename from multi_agents/frontend/helpers/findDifferences.js
rename to frontend/nextjs/helpers/findDifferences.js
diff --git a/multi_agents/frontend/helpers/getHost.js b/frontend/nextjs/helpers/getHost.js
similarity index 100%
rename from multi_agents/frontend/helpers/getHost.js
rename to frontend/nextjs/helpers/getHost.js
diff --git a/multi_agents/frontend/next.config.mjs b/frontend/nextjs/next.config.mjs
similarity index 100%
rename from multi_agents/frontend/next.config.mjs
rename to frontend/nextjs/next.config.mjs
diff --git a/multi_agents/frontend/nginx/default.conf b/frontend/nextjs/nginx/default.conf
similarity index 100%
rename from multi_agents/frontend/nginx/default.conf
rename to frontend/nextjs/nginx/default.conf
diff --git a/multi_agents/frontend/package.json b/frontend/nextjs/package.json
similarity index 100%
rename from multi_agents/frontend/package.json
rename to frontend/nextjs/package.json
diff --git a/multi_agents/frontend/postcss.config.mjs b/frontend/nextjs/postcss.config.mjs
similarity index 100%
rename from multi_agents/frontend/postcss.config.mjs
rename to frontend/nextjs/postcss.config.mjs
diff --git a/multi_agents/frontend/public/favicon.ico b/frontend/nextjs/public/favicon.ico
similarity index 100%
rename from multi_agents/frontend/public/favicon.ico
rename to frontend/nextjs/public/favicon.ico
diff --git a/multi_agents/frontend/public/img/F.svg b/frontend/nextjs/public/img/F.svg
similarity index 100%
rename from multi_agents/frontend/public/img/F.svg
rename to frontend/nextjs/public/img/F.svg
diff --git a/multi_agents/frontend/public/img/Info.svg b/frontend/nextjs/public/img/Info.svg
similarity index 100%
rename from multi_agents/frontend/public/img/Info.svg
rename to frontend/nextjs/public/img/Info.svg
diff --git a/multi_agents/frontend/public/img/W.svg b/frontend/nextjs/public/img/W.svg
similarity index 100%
rename from multi_agents/frontend/public/img/W.svg
rename to frontend/nextjs/public/img/W.svg
diff --git a/multi_agents/frontend/public/img/agents/academicResearchAgentAvatar.png b/frontend/nextjs/public/img/agents/academicResearchAgentAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/academicResearchAgentAvatar.png
rename to frontend/nextjs/public/img/agents/academicResearchAgentAvatar.png
diff --git a/multi_agents/frontend/public/img/agents/businessAnalystAgentAvatar.png b/frontend/nextjs/public/img/agents/businessAnalystAgentAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/businessAnalystAgentAvatar.png
rename to frontend/nextjs/public/img/agents/businessAnalystAgentAvatar.png
diff --git a/multi_agents/frontend/public/img/agents/computerSecurityanalystAvatar.png b/frontend/nextjs/public/img/agents/computerSecurityanalystAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/computerSecurityanalystAvatar.png
rename to frontend/nextjs/public/img/agents/computerSecurityanalystAvatar.png
diff --git a/multi_agents/frontend/public/img/agents/defaultAgentAvatar.JPG b/frontend/nextjs/public/img/agents/defaultAgentAvatar.JPG
similarity index 100%
rename from multi_agents/frontend/public/img/agents/defaultAgentAvatar.JPG
rename to frontend/nextjs/public/img/agents/defaultAgentAvatar.JPG
diff --git a/multi_agents/frontend/public/img/agents/financeAgentAvatar.png b/frontend/nextjs/public/img/agents/financeAgentAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/financeAgentAvatar.png
rename to frontend/nextjs/public/img/agents/financeAgentAvatar.png
diff --git a/multi_agents/frontend/public/img/agents/mathAgentAvatar.png b/frontend/nextjs/public/img/agents/mathAgentAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/mathAgentAvatar.png
rename to frontend/nextjs/public/img/agents/mathAgentAvatar.png
diff --git a/multi_agents/frontend/public/img/agents/travelAgentAvatar.png b/frontend/nextjs/public/img/agents/travelAgentAvatar.png
similarity index 100%
rename from multi_agents/frontend/public/img/agents/travelAgentAvatar.png
rename to frontend/nextjs/public/img/agents/travelAgentAvatar.png
diff --git a/multi_agents/frontend/public/img/arrow-circle-up-right.svg b/frontend/nextjs/public/img/arrow-circle-up-right.svg
similarity index 100%
rename from multi_agents/frontend/public/img/arrow-circle-up-right.svg
rename to frontend/nextjs/public/img/arrow-circle-up-right.svg
diff --git a/multi_agents/frontend/public/img/arrow-narrow-right.svg b/frontend/nextjs/public/img/arrow-narrow-right.svg
similarity index 100%
rename from multi_agents/frontend/public/img/arrow-narrow-right.svg
rename to frontend/nextjs/public/img/arrow-narrow-right.svg
diff --git a/multi_agents/frontend/public/img/copy-white.svg b/frontend/nextjs/public/img/copy-white.svg
similarity index 100%
rename from multi_agents/frontend/public/img/copy-white.svg
rename to frontend/nextjs/public/img/copy-white.svg
diff --git a/multi_agents/frontend/public/img/copy.svg b/frontend/nextjs/public/img/copy.svg
similarity index 100%
rename from multi_agents/frontend/public/img/copy.svg
rename to frontend/nextjs/public/img/copy.svg
diff --git a/multi_agents/frontend/public/img/dinosaur.svg b/frontend/nextjs/public/img/dinosaur.svg
similarity index 100%
rename from multi_agents/frontend/public/img/dinosaur.svg
rename to frontend/nextjs/public/img/dinosaur.svg
diff --git a/multi_agents/frontend/public/img/discord.svg b/frontend/nextjs/public/img/discord.svg
similarity index 100%
rename from multi_agents/frontend/public/img/discord.svg
rename to frontend/nextjs/public/img/discord.svg
diff --git a/multi_agents/frontend/public/img/docker-blue.svg b/frontend/nextjs/public/img/docker-blue.svg
similarity index 100%
rename from multi_agents/frontend/public/img/docker-blue.svg
rename to frontend/nextjs/public/img/docker-blue.svg
diff --git a/multi_agents/frontend/public/img/docker.svg b/frontend/nextjs/public/img/docker.svg
similarity index 100%
rename from multi_agents/frontend/public/img/docker.svg
rename to frontend/nextjs/public/img/docker.svg
diff --git a/multi_agents/frontend/public/img/dunk.svg b/frontend/nextjs/public/img/dunk.svg
similarity index 100%
rename from multi_agents/frontend/public/img/dunk.svg
rename to frontend/nextjs/public/img/dunk.svg
diff --git a/multi_agents/frontend/public/img/github-blue.svg b/frontend/nextjs/public/img/github-blue.svg
similarity index 100%
rename from multi_agents/frontend/public/img/github-blue.svg
rename to frontend/nextjs/public/img/github-blue.svg
diff --git a/multi_agents/frontend/public/img/github-footer.svg b/frontend/nextjs/public/img/github-footer.svg
similarity index 100%
rename from multi_agents/frontend/public/img/github-footer.svg
rename to frontend/nextjs/public/img/github-footer.svg
diff --git a/multi_agents/frontend/public/img/github.svg b/frontend/nextjs/public/img/github.svg
similarity index 100%
rename from multi_agents/frontend/public/img/github.svg
rename to frontend/nextjs/public/img/github.svg
diff --git a/multi_agents/frontend/public/img/gptr-logo.png b/frontend/nextjs/public/img/gptr-logo.png
similarity index 100%
rename from multi_agents/frontend/public/img/gptr-logo.png
rename to frontend/nextjs/public/img/gptr-logo.png
diff --git a/multi_agents/frontend/public/img/hiker.svg b/frontend/nextjs/public/img/hiker.svg
similarity index 100%
rename from multi_agents/frontend/public/img/hiker.svg
rename to frontend/nextjs/public/img/hiker.svg
diff --git a/multi_agents/frontend/public/img/icon _atom_.svg b/frontend/nextjs/public/img/icon _atom_.svg
similarity index 100%
rename from multi_agents/frontend/public/img/icon _atom_.svg
rename to frontend/nextjs/public/img/icon _atom_.svg
diff --git a/multi_agents/frontend/public/img/icon _dumbell_.svg b/frontend/nextjs/public/img/icon _dumbell_.svg
similarity index 100%
rename from multi_agents/frontend/public/img/icon _dumbell_.svg
rename to frontend/nextjs/public/img/icon _dumbell_.svg
diff --git a/multi_agents/frontend/public/img/icon _leaf_.svg b/frontend/nextjs/public/img/icon _leaf_.svg
similarity index 100%
rename from multi_agents/frontend/public/img/icon _leaf_.svg
rename to frontend/nextjs/public/img/icon _leaf_.svg
diff --git a/multi_agents/frontend/public/img/indeed.svg b/frontend/nextjs/public/img/indeed.svg
similarity index 100%
rename from multi_agents/frontend/public/img/indeed.svg
rename to frontend/nextjs/public/img/indeed.svg
diff --git a/multi_agents/frontend/public/img/link.svg b/frontend/nextjs/public/img/link.svg
similarity index 100%
rename from multi_agents/frontend/public/img/link.svg
rename to frontend/nextjs/public/img/link.svg
diff --git a/multi_agents/frontend/public/img/message-question-circle.svg b/frontend/nextjs/public/img/message-question-circle.svg
similarity index 100%
rename from multi_agents/frontend/public/img/message-question-circle.svg
rename to frontend/nextjs/public/img/message-question-circle.svg
diff --git a/multi_agents/frontend/public/img/news.svg b/frontend/nextjs/public/img/news.svg
similarity index 100%
rename from multi_agents/frontend/public/img/news.svg
rename to frontend/nextjs/public/img/news.svg
diff --git a/multi_agents/frontend/public/img/share.svg b/frontend/nextjs/public/img/share.svg
similarity index 100%
rename from multi_agents/frontend/public/img/share.svg
rename to frontend/nextjs/public/img/share.svg
diff --git a/multi_agents/frontend/public/img/similarTopics.svg b/frontend/nextjs/public/img/similarTopics.svg
similarity index 100%
rename from multi_agents/frontend/public/img/similarTopics.svg
rename to frontend/nextjs/public/img/similarTopics.svg
diff --git a/multi_agents/frontend/public/img/sources.svg b/frontend/nextjs/public/img/sources.svg
similarity index 100%
rename from multi_agents/frontend/public/img/sources.svg
rename to frontend/nextjs/public/img/sources.svg
diff --git a/multi_agents/frontend/public/img/stock.svg b/frontend/nextjs/public/img/stock.svg
similarity index 100%
rename from multi_agents/frontend/public/img/stock.svg
rename to frontend/nextjs/public/img/stock.svg
diff --git a/multi_agents/frontend/public/img/stock2.svg b/frontend/nextjs/public/img/stock2.svg
similarity index 100%
rename from multi_agents/frontend/public/img/stock2.svg
rename to frontend/nextjs/public/img/stock2.svg
diff --git a/multi_agents/frontend/public/img/thinking.svg b/frontend/nextjs/public/img/thinking.svg
similarity index 100%
rename from multi_agents/frontend/public/img/thinking.svg
rename to frontend/nextjs/public/img/thinking.svg
diff --git a/multi_agents/frontend/public/img/x.svg b/frontend/nextjs/public/img/x.svg
similarity index 100%
rename from multi_agents/frontend/public/img/x.svg
rename to frontend/nextjs/public/img/x.svg
diff --git a/multi_agents/frontend/public/next.svg b/frontend/nextjs/public/next.svg
similarity index 100%
rename from multi_agents/frontend/public/next.svg
rename to frontend/nextjs/public/next.svg
diff --git a/multi_agents/frontend/public/vercel.svg b/frontend/nextjs/public/vercel.svg
similarity index 100%
rename from multi_agents/frontend/public/vercel.svg
rename to frontend/nextjs/public/vercel.svg
diff --git a/multi_agents/frontend/tailwind.config.ts b/frontend/nextjs/tailwind.config.ts
similarity index 100%
rename from multi_agents/frontend/tailwind.config.ts
rename to frontend/nextjs/tailwind.config.ts
diff --git a/multi_agents/frontend/tsconfig.json b/frontend/nextjs/tsconfig.json
similarity index 100%
rename from multi_agents/frontend/tsconfig.json
rename to frontend/nextjs/tsconfig.json
diff --git a/multi_agents/frontend/app/api/Agents/ChiefEditorAgent.ts b/multi_agents/frontend/app/api/Agents/ChiefEditorAgent.ts
deleted file mode 100644
index 57acd7972..000000000
--- a/multi_agents/frontend/app/api/Agents/ChiefEditorAgent.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-import { ResearchAgent } from "./ResearchAgent";
-import { EditorAgent } from "./EditorAgent";
-import fs from "fs";
-
-export class ChiefEditorAgent {
-  private client: Client;
-  private task: any;
-  private outputDir: string;
-
-  constructor(task: any) {
-    this.client = new Client();
-    this.task = task;
-    this.outputDir = `./outputs/run_${Date.now()}_${task.query.substring(0, 40)}`;
-    // Ensure the output directory exists
-    fs.mkdirSync(this.outputDir, { recursive: true });
-  }
-
-  initResearchTeam() {
-    const researchAgent = new ResearchAgent();
-    const editorAgent = new EditorAgent();
-
-    // Define the workflow using LangGraph SDK
-    // ...
-  }
-
-  async runResearchTask() {
-    const researchTeam = this.initResearchTeam();
-    // Compile and execute the workflow
-    // ...
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/EditorAgent.ts b/multi_agents/frontend/app/api/Agents/EditorAgent.ts
deleted file mode 100644
index b2b7a08fc..000000000
--- a/multi_agents/frontend/app/api/Agents/EditorAgent.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-import { ResearchAgent } from "./ResearchAgent";
-import { task } from "../config/task.js";
-
-export class EditorAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async planResearch(researchState: any) {
-    const maxSections = researchState?.task?.max_sections || 5; // Default to 5 sections if undefined
-    const initialResearch = researchState?.initial_research || "";
-
-    const prompt = [{
-      role: "system",
-      content: "You are a research director. Your goal is to oversee the research project from inception to completion."
-    }, {
-      role: "user",
-      content: `Today's date is ${new Date().toLocaleDateString()}.\nResearch summary report: '${initialResearch}'\n\nYour task is to generate an outline of sections headers for the research project based on the research summary report above.\nYou must generate a maximum of ${maxSections} section headers.\nYou must focus ONLY on related research topics for subheaders and do NOT include introduction, conclusion and references.\nYou must return nothing but a JSON with the fields 'title' (str) and 'sections' (maximum ${maxSections} section headers) with the following structure: '{title: string research title, date: today's date, sections: ['section header 1', 'section header 2', 'section header 3' ...]}'.`
-    }];
-
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    console.log('assistants', assistants);
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    console.log('Thread:', thread);
-    console.log('Thread ID:', thread["thread_id"]);
-    console.log('Assistant ID:', agent["assistant_id"]);
-
-    // Create a run
-    const run = await this.client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    console.log('Run ID in EditorAgent.ts:', run["run_id"]);
-
-  }
-
-  async runParallelResearch(researchState: any) {
-    const researchAgent = new ResearchAgent();
-    const queries = researchState.sections;
-    const title = researchState.title;
-
-    const tasks = queries.map(query => researchAgent.research(query, "research_report", title));
-    const results = await Promise.all(tasks);
-
-    return { research_data: results };
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/PublisherAgent.ts b/multi_agents/frontend/app/api/Agents/PublisherAgent.ts
deleted file mode 100644
index af7ca7b31..000000000
--- a/multi_agents/frontend/app/api/Agents/PublisherAgent.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-
-export class PublisherAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async publishReport(report: any) {
-    const prompt = [{
-      role: "system",
-      content: "You are a publisher. Your goal is to publish a research report."
-    }, {
-      role: "user",
-      content: `Research report: ${JSON.stringify(report)}\n\nPublish the report in the desired format.`
-    }];
-
-    // Search for assistants
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    // Create a run
-    const run = await this.client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    return run;
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/ResearchAgent.ts b/multi_agents/frontend/app/api/Agents/ResearchAgent.ts
deleted file mode 100644
index 412b80037..000000000
--- a/multi_agents/frontend/app/api/Agents/ResearchAgent.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-
-export class ResearchAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async research(query: string, researchReport: string = "research_report", parentQuery: string = "", verbose: boolean = true, source: string = "web") {
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: query }];
-
-    const streamResponse = this.client.runs.stream(
-      thread["thread_id"],
-      agent["assistant_id"],
-      {
-        input: { messages },
-      },
-    );
-
-    for await (const chunk of streamResponse) {
-      console.log(chunk);
-    }
-
-    return streamResponse;
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/ReviewerAgent.ts b/multi_agents/frontend/app/api/Agents/ReviewerAgent.ts
deleted file mode 100644
index 3bbad6111..000000000
--- a/multi_agents/frontend/app/api/Agents/ReviewerAgent.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-
-export class ReviewerAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async reviewDraft(draft: any) {
-    const prompt = [{
-      role: "system",
-      content: "You are a reviewer. Your goal is to review a research draft."
-    }, {
-      role: "user",
-      content: `Research draft: ${JSON.stringify(draft)}\n\nReview the draft and provide feedback.`
-    }];
-
-    // Search for assistants
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    // Create a run
-    const run = await this.client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    return run;
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/ReviserAgent.ts b/multi_agents/frontend/app/api/Agents/ReviserAgent.ts
deleted file mode 100644
index 26482ebe3..000000000
--- a/multi_agents/frontend/app/api/Agents/ReviserAgent.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-
-export class ReviserAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async reviseDraft(draft: any, feedback: any) {
-    const prompt = [{
-      role: "system",
-      content: "You are a reviser. Your goal is to revise a research draft based on feedback."
-    }, {
-      role: "user",
-      content: `Research draft: ${JSON.stringify(draft)}\nFeedback: ${JSON.stringify(feedback)}\n\nRevise the draft based on the feedback.`
-    }];
-
-    // Search for assistants
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    // Create a run
-    const run = await this.client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    return run;
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/Agents/WriterAgent.ts b/multi_agents/frontend/app/api/Agents/WriterAgent.ts
deleted file mode 100644
index 631e8001f..000000000
--- a/multi_agents/frontend/app/api/Agents/WriterAgent.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-
-export class WriterAgent {
-  private client: Client;
-
-  constructor() {
-    this.client = new Client();
-  }
-
-  async writeSection(sectionTitle: string, researchData: any) {
-    const prompt = [{
-      role: "system",
-      content: "You are a writer. Your goal is to write a section of a research report."
-    }, {
-      role: "user",
-      content: `Section title: ${sectionTitle}\nResearch data: ${JSON.stringify(researchData)}\n\nWrite a detailed section based on the research data.`
-    }];
-
-    // Assuming the correct method is createRun
-    const assistants = await this.client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    const agent = assistants[0];
-    const thread = await this.client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    const run = this.client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    // Poll the run until it completes
-    setInterval(async ()=>{
-      let finalRunStatus = await this.client.runs.get(thread["thread_id"], run["run_id"]).then(res=>res);
-      console.log('finalRunStatus in WriterAgent.ts:', finalRunStatus)
-      if (finalRunStatus.status === "failed") {
-        throw new Error(`Run failed with message: ${finalRunStatus.message}`);
-      } else if (finalRunStatus.status == "success") {
-        console.log('Run completed successfully', finalRunStatus);
-        
-        // Get the final results
-        const results = await this.client.runs.listEvents(thread["thread_id"], run["run_id"]);
-
-        // The results are sorted by time, so the most recent (final) step is the 0 index
-        const finalResult = results[0];
-        const finalMessages = (finalResult.data as Record<string, any>)["output"]["messages"];
-        const finalMessageContent = finalMessages[finalMessages.length - 1].content;
-
-        // Ensure the response is a valid JSON string
-        if (typeof finalMessageContent === 'string') {
-          return JSON.parse(finalMessageContent);
-        } else {
-          console.error("Response is not a valid JSON string:", finalMessageContent);
-          throw new Error("Invalid JSON response");
-        }
-      }
-    }, 5000); // Polling every second
-
-  }
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/config/task.js b/multi_agents/frontend/app/api/config/task.js
deleted file mode 100644
index e1471b4ac..000000000
--- a/multi_agents/frontend/app/api/config/task.js
+++ /dev/null
@@ -1,36 +0,0 @@
-export const task = {
-  "task": {
-    "query": "Is AI in a hype cycle?",
-    "model": "gpt-4o",
-    "max_sections": 3,
-    "publish_formats": {
-      "markdown": true,
-      "pdf": true,
-      "docx": true
-    },
-    "source": "web",
-    "follow_guidelines": true,
-    "guidelines": [
-      "The report MUST fully answer the original question",
-      "The report MUST be written in apa format",
-      "The report MUST be written in english"
-    ],
-    "verbose": true
-  },
-  "initial_research": "Initial research data here",
-  "sections": ["Section 1", "Section 2"],
-  "research_data": "Research data here",
-  "title": "Research Title",
-  "headers": {
-    "introduction": "Introduction header",
-    "table_of_contents": "Table of Contents header",
-    "conclusion": "Conclusion header",
-    "sources": "Sources header"
-  },
-  "date": "2023-10-01",
-  "table_of_contents": "- Introduction\n- Section 1\n- Section 2\n- Conclusion",
-  "introduction": "Introduction content here",
-  "conclusion": "Conclusion content here",
-  "sources": ["Source 1", "Source 2"],
-  "report": "Full report content here"
-}
\ No newline at end of file
diff --git a/multi_agents/frontend/app/api/generateLanggraph/route.ts b/multi_agents/frontend/app/api/generateLanggraph/route.ts
deleted file mode 100644
index 7a387628c..000000000
--- a/multi_agents/frontend/app/api/generateLanggraph/route.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Client } from "@langchain/langgraph-sdk";
-import { EditorAgent } from "../Agents/EditorAgent";
-import { ChiefEditorAgent } from "../Agents/ChiefEditorAgent";
-import { PublisherAgent } from "../Agents/PublisherAgent";
-import { ResearchAgent } from "../Agents/ResearchAgent";
-import { ReviewerAgent } from "../Agents/ReviewerAgent";
-import { ReviserAgent } from "../Agents/ReviserAgent";
-import { WriterAgent } from "../Agents/WriterAgent";
-
-import {task} from "../config/task.js";
-
-export async function POST(request: Request) {
-  let { question, sources } = await request.json();
-
-  try {
-    const client = new Client();
-
-    console.log('client in route.ts', client)
-
-    const maxSections = task?.task?.max_sections || 5; // Default to 5 sections if undefined
-    const initialResearch = task?.initial_research || "";
-
-    const prompt = [{
-      role: "system",
-      content: "You are a research director. Your goal is to oversee the research project from inception to completion."
-    }, {
-      role: "user",
-      content: `Today's date is ${new Date().toLocaleDateString()}.\nResearch summary report: '${initialResearch}'\n\nYour task is to generate an outline of sections headers for the research project based on the research summary report above.\nYou must generate a maximum of ${maxSections} section headers.\nYou must focus ONLY on related research topics for subheaders and do NOT include introduction, conclusion and references.\nYou must return nothing but a JSON with the fields 'title' (str) and 'sections' (maximum ${maxSections} section headers) with the following structure: '{title: string research title, date: today's date, sections: ['section header 1', 'section header 2', 'section header 3' ...]}'.`
-    }];
-
-    const assistants = await client.assistants.search({
-      metadata: null,
-      offset: 0,
-      limit: 10,
-    });
-
-    console.log('assistants in route.ts', assistants);
-
-    const agent = assistants[0];
-    const thread = await client.threads.create();
-    const messages = [{ role: "human", content: JSON.stringify(prompt) }];
-
-    console.log('Thread: in route.ts', thread);
-    console.log('Thread ID: in route.ts', thread["thread_id"]);
-    console.log('Assistant ID: in route.ts', agent["assistant_id"]);
-
-    // Create a run
-    const run = await client.runs.create(thread["thread_id"], agent["assistant_id"], { input: { messages } });
-
-    console.log('Run ID: in route.ts', run["run_id"]);
-
-    // Example usage of ChiefEditorAgent
-    const chiefEditorAgent = new ChiefEditorAgent(task.task);
-    await chiefEditorAgent.runResearchTask();
-
-    // Example usage of ResearchAgent
-    const researchAgent = new ResearchAgent();
-    const researchData = await researchAgent.research(question);
-
-    // Example usage of EditorAgent
-    const editorAgent = new EditorAgent();
-    // const researchState = {
-    //   initial_research: task.initial_research,
-    //   task: task.task
-    // };
-    // const researchPlan = await editorAgent.planResearch(researchState);
-
-
-    // Example usage of WriterAgent
-    const writerAgent = new WriterAgent();
-    const writtenSection = await writerAgent.writeSection("Introduction", researchData);
-    console.log("Written Section: ", writtenSection);
-
-    // Example usage of PublisherAgent
-    const publisherAgent = new PublisherAgent();
-    const publishedReport = await publisherAgent.publishReport(writtenSection);
-    console.log("Published Report: ", publishedReport);
-
-    // Example usage of ReviewerAgent
-    const reviewerAgent = new ReviewerAgent();
-    const reviewFeedback = await reviewerAgent.reviewDraft(writtenSection);
-    console.log("Review Feedback: ", reviewFeedback);
-
-    // Example usage of ReviserAgent
-    const reviserAgent = new ReviserAgent();
-    const revisedDraft = await reviserAgent.reviseDraft(writtenSection, reviewFeedback);
-    console.log("Revised Draft: ", revisedDraft);
-
-    return new Response(JSON.stringify(revisedDraft), {
-      headers: new Headers({
-        "Cache-Control": "no-cache",
-      }),
-    });
-  } catch (e) {
-    console.log("Error is: ", e);
-    return new Response(e, { status: 202 });
-  }
-}
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
index ea7dc7403..b8fb78eb6 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -28,6 +28,7 @@ websockets
 unstructured
 json_repair
 json5
+logurun
 
 # uncomment for testing
 # pytest