diff --git a/docker-compose.yml b/docker-compose.yml
index 9c55b74232..bc505233e1 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,8 +1,8 @@
 version: '3.9'
 
 services:
-  next:
-    container_name: next
+  frontend:
+    container_name: frontend
     build:
       context: ./next
       dockerfile: Dockerfile
@@ -28,17 +28,17 @@ services:
       - next/.env
     environment:
       REWORKD_PLATFORM_HOST: 0.0.0.0
-      REWORKD_PLATFORM_DB_HOST: db
+      REWORKD_PLATFORM_DB_HOST: agentgpt_db
       REWORKD_PLATFORM_DB_PORT: "3307"
       REWORKD_PLATFORM_DB_USER: "reworkd_platform"
       REWORKD_PLATFORM_DB_PASS: "reworkd_platform"
       REWORKD_PLATFORM_DB_BASE: "reworkd_platform"
     depends_on:
-      - db
+      - agentgpt_db
 
-  db:
+  agentgpt_db:
     image: mysql:8.0
-    container_name: db
+    container_name: agentgpt_db
     restart: always
     build:
       context: ./db
@@ -51,23 +51,8 @@ services:
       MYSQL_ROOT_PASSWORD: "reworkd_platform"
       MYSQL_TCP_PORT: 3307
     volumes:
-      - db_data:/var/lib/mysql
+      - agentgpt_db:/var/lib/mysql
     command: [ 'mysqld', '--character-set-server=utf8mb4', '--collation-server=utf8mb4_unicode_ci' ]
 
-  weaviate:
-    image: semitechnologies/weaviate:1.19.6
-    restart: on-failure:0 # this should be 'no' or at least have ':1'
-    ports:
-      - "8080:8080"
-    environment:
-      QUERY_DEFAULTS_LIMIT: 25
-      AUTHENTICATION_ANONYMOUS_ACCESS_ENABLED: 'true'
-      PERSISTENCE_DATA_PATH: '/var/lib/weaviate'
-      DEFAULT_VECTORIZER_MODULE: 'none'
-      CLUSTER_HOSTNAME: 'node1'
-    volumes:
-      - weaviate:/var/lib/weaviate
-
 volumes:
-  weaviate:
-  db_data:
+  agentgpt_db:
diff --git a/next/entrypoint.sh b/next/entrypoint.sh
index 7ea92df485..71010de0fc 100755
--- a/next/entrypoint.sh
+++ b/next/entrypoint.sh
@@ -13,7 +13,7 @@ rm .env.temp
 source .env
 
 # Ensure DB is available before running Prisma commands
-./wait-for-db.sh db 3307
+./wait-for-db.sh agentgpt_db 3307
 
 # Run Prisma commands
 if [[ ! -f "/app/prisma/${DATABASE_URL:5}" ]]; then
diff --git a/next/package-lock.json b/next/package-lock.json
index 98a24c985a..25055cbf37 100644
--- a/next/package-lock.json
+++ b/next/package-lock.json
@@ -32,9 +32,9 @@
         "axios": "^0.26.0",
         "cheerio": "^1.0.0-rc.12",
         "clsx": "^1.2.1",
+        "cobe": "^0.6.3",
         "cookies-next": "^2.1.2",
         "framer-motion": "^10.12.8",
-        "graphology": "^0.25.1",
         "gray-matter": "^4.0.3",
         "html-to-image": "^1.11.11",
         "i18next": "^22.4.15",
@@ -6032,6 +6032,14 @@
         "node": ">= 0.12.0"
       }
     },
+    "node_modules/cobe": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/cobe/-/cobe-0.6.3.tgz",
+      "integrity": "sha512-WHr7X4o1ym94GZ96h7b1pNemZJacbOzd02dZtnVwuC4oWBaLg96PBmp2rIS1SAhUDhhC/QyS9WEqkpZIs/ZBTg==",
+      "dependencies": {
+        "phenomenon": "^1.6.0"
+      }
+    },
     "node_modules/collect-v8-coverage": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz",
@@ -7979,24 +7987,6 @@
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
       "dev": true
     },
-    "node_modules/graphology": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/graphology/-/graphology-0.25.1.tgz",
-      "integrity": "sha512-yYA7BJCcXN2DrKNQQ9Qf22zBHm/yTbyBR71T1MYBbGtywNHsv0QZtk8zaR6zxNcp2hCCZayUkHp9DyMSZCpoxQ==",
-      "dependencies": {
-        "events": "^3.3.0",
-        "obliterator": "^2.0.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.24.0"
-      }
-    },
-    "node_modules/graphology-types": {
-      "version": "0.24.7",
-      "resolved": "https://registry.npmjs.org/graphology-types/-/graphology-types-0.24.7.tgz",
-      "integrity": "sha512-tdcqOOpwArNjEr0gNQKCXwaNCWnQJrog14nJNQPeemcLnXQUUGrsCWpWkVKt46zLjcS6/KGoayeJfHHyPDlvwA==",
-      "peer": true
-    },
     "node_modules/gray-matter": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
@@ -11977,11 +11967,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/obliterator": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.4.tgz",
-      "integrity": "sha512-lgHwxlxV1qIg1Eap7LgIeoBWIMFibOjbrYPIPJZcI1mmGAI2m3lNYpK12Y+GBdPQ0U1hRwSord7GIaawz962qQ=="
-    },
     "node_modules/oidc-token-hash": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.2.tgz",
@@ -12254,6 +12239,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/phenomenon": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/phenomenon/-/phenomenon-1.6.0.tgz",
+      "integrity": "sha512-7h9/fjPD3qNlgggzm88cY58l9sudZ6Ey+UmZsizfhtawO6E3srZQXywaNm2lBwT72TbpHYRPy7ytIHeBUD/G0A=="
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -19069,6 +19059,14 @@
       "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
       "dev": true
     },
+    "cobe": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/cobe/-/cobe-0.6.3.tgz",
+      "integrity": "sha512-WHr7X4o1ym94GZ96h7b1pNemZJacbOzd02dZtnVwuC4oWBaLg96PBmp2rIS1SAhUDhhC/QyS9WEqkpZIs/ZBTg==",
+      "requires": {
+        "phenomenon": "^1.6.0"
+      }
+    },
     "collect-v8-coverage": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz",
@@ -20530,21 +20528,6 @@
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
       "dev": true
     },
-    "graphology": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/graphology/-/graphology-0.25.1.tgz",
-      "integrity": "sha512-yYA7BJCcXN2DrKNQQ9Qf22zBHm/yTbyBR71T1MYBbGtywNHsv0QZtk8zaR6zxNcp2hCCZayUkHp9DyMSZCpoxQ==",
-      "requires": {
-        "events": "^3.3.0",
-        "obliterator": "^2.0.2"
-      }
-    },
-    "graphology-types": {
-      "version": "0.24.7",
-      "resolved": "https://registry.npmjs.org/graphology-types/-/graphology-types-0.24.7.tgz",
-      "integrity": "sha512-tdcqOOpwArNjEr0gNQKCXwaNCWnQJrog14nJNQPeemcLnXQUUGrsCWpWkVKt46zLjcS6/KGoayeJfHHyPDlvwA==",
-      "peer": true
-    },
     "gray-matter": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
@@ -23318,11 +23301,6 @@
         "es-abstract": "^1.20.4"
       }
     },
-    "obliterator": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.4.tgz",
-      "integrity": "sha512-lgHwxlxV1qIg1Eap7LgIeoBWIMFibOjbrYPIPJZcI1mmGAI2m3lNYpK12Y+GBdPQ0U1hRwSord7GIaawz962qQ=="
-    },
     "oidc-token-hash": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.2.tgz",
@@ -23516,6 +23494,11 @@
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true
     },
+    "phenomenon": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/phenomenon/-/phenomenon-1.6.0.tgz",
+      "integrity": "sha512-7h9/fjPD3qNlgggzm88cY58l9sudZ6Ey+UmZsizfhtawO6E3srZQXywaNm2lBwT72TbpHYRPy7ytIHeBUD/G0A=="
+    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
diff --git a/next/package.json b/next/package.json
index 3179b4a03c..1c28ded672 100644
--- a/next/package.json
+++ b/next/package.json
@@ -38,9 +38,9 @@
     "axios": "^0.26.0",
     "cheerio": "^1.0.0-rc.12",
     "clsx": "^1.2.1",
+    "cobe": "^0.6.3",
     "cookies-next": "^2.1.2",
     "framer-motion": "^10.12.8",
-    "graphology": "^0.25.1",
     "gray-matter": "^4.0.3",
     "html-to-image": "^1.11.11",
     "i18next": "^22.4.15",
diff --git a/next/src/components/AppTitle.tsx b/next/src/components/AppTitle.tsx
index 2b18561319..b6b63d9251 100644
--- a/next/src/components/AppTitle.tsx
+++ b/next/src/components/AppTitle.tsx
@@ -1,26 +1,19 @@
-import { useTranslation } from "next-i18next";
 import React from "react";
 
-import Badge from "./Badge";
 import BannerBadge from "./BannerBadge";
-import PopIn from "./motions/popin";
 
 const AppTitle = () => {
-  const { i18n } = useTranslation();
-
   return (
-    <div id="title" className="relative flex flex-col items-center font-mono">
+    <div id="title" className="relative flex flex-col items-center">
       <div className="flex flex-row items-start">
-        <span className="text-4xl font-bold text-[#C0C0C0] xs:text-5xl sm:text-6xl">Agent</span>
-        <span className="text-4xl font-bold text-white xs:text-5xl sm:text-6xl">GPT</span>
-        <PopIn delay={0.5}>
-          <Badge colorClass="bg-gradient-to-t from-sky-500 to-sky-600 border-2 border-white/20 sm:absolute translate-y-2">
-            {i18n?.t("BETA", {
-              ns: "indexPage",
-            })}
-            &nbsp;🚀
-          </Badge>
-        </PopIn>
+        <span
+          className="text-4xl font-bold text-slate-12 xs:text-5xl sm:text-7xl"
+          style={{
+            textShadow: "0px 5px 5px rgba(0, 0, 0, 0.1)",
+          }}
+        >
+          AgentGPT
+        </span>
       </div>
       <div className="mt-3 text-center font-mono text-[0.7em] font-bold text-white">
         <div>
@@ -30,7 +23,7 @@ const AppTitle = () => {
               window.open("https://6h6bquxo5g1.typeform.com/to/qscfsOf1", "_blank");
             }}
           >
-            Apply to automate your business with Agents
+            Automate your business with Agents
           </BannerBadge>
         </div>
         <div
diff --git a/next/src/components/Button.tsx b/next/src/components/Button.tsx
index 63f2676d3f..c92bfb0b81 100644
--- a/next/src/components/Button.tsx
+++ b/next/src/components/Button.tsx
@@ -3,7 +3,6 @@ import type { ForwardedRef } from "react";
 import React, { forwardRef, useState } from "react";
 
 import Loader from "./loader";
-import Ping from "./Ping";
 
 export interface ButtonProps {
   type?: "button" | "submit" | "reset";
@@ -35,16 +34,15 @@ const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonEleme
       type={props.type}
       disabled={loading || props.disabled}
       className={clsx(
-        "text-gray/50 relative rounded-lg border-2 border-white/30 px-4 py-1 font-bold transition-all sm:px-10 sm:py-3",
-        props.disabled && "cursor-not-allowed border-white/10 bg-zinc-900 text-white/30",
+        "relative rounded-lg border-2 border-black/20 px-4 py-1 font-bold text-white transition-all sm:px-10 sm:py-3",
+        props.disabled && "cursor-not-allowed border-white/10 bg-slate-9 text-white",
         props.disabled ||
-          "mou cursor-pointer bg-[#1E88E5]/70 text-white/80 hover:border-white/80 hover:bg-[#0084f7] hover:text-white hover:shadow-2xl",
+          "cursor-pointer bg-[#1E88E5]/70 text-white hover:bg-[#0084f7] hover:shadow-xl",
         props.disabled || props.enabledClassName,
         props.className
       )}
       onClick={onClick}
     >
-      {props.ping ? <Ping color="white" /> : <></>}
       <div className="relative">
         {loading && (
           <Loader className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform" />
diff --git a/next/src/components/DottedGridBackground.tsx b/next/src/components/DottedGridBackground.tsx
deleted file mode 100644
index f5117580dc..0000000000
--- a/next/src/components/DottedGridBackground.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import clsx from "clsx";
-import React from "react";
-
-interface DottedGridBackgroundProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-const DottedGridBackground = ({ children, className }: DottedGridBackgroundProps) => {
-  return <div className={clsx(className, "dark:background-dark background")}>{children}</div>;
-};
-
-export default DottedGridBackground;
diff --git a/next/src/components/FadingHr.tsx b/next/src/components/FadingHr.tsx
deleted file mode 100644
index 685ff44aed..0000000000
--- a/next/src/components/FadingHr.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import clsx from "clsx";
-import React from "react";
-
-interface FadingHrProps {
-  className?: string;
-}
-
-const FadingHr: React.FC<FadingHrProps> = ({ className }) => {
-  return <div className={clsx(className, "fading-hr dark:fading-hr-dark")}></div>;
-};
-export default FadingHr;
diff --git a/next/src/components/Globe.tsx b/next/src/components/Globe.tsx
new file mode 100644
index 0000000000..cc92ffb9bd
--- /dev/null
+++ b/next/src/components/Globe.tsx
@@ -0,0 +1,46 @@
+import type { COBEOptions } from "cobe";
+import createGlobe from "cobe";
+import type { MutableRefObject } from "react";
+import React, { useEffect, useRef } from "react";
+
+export default function Globe(): JSX.Element {
+  const canvasRef: MutableRefObject<HTMLCanvasElement | null> = useRef(null);
+
+  const size = 700;
+  useEffect(() => {
+    if (!canvasRef.current) return;
+    let phi = 0;
+
+    const globeSettings: COBEOptions = {
+      devicePixelRatio: 2,
+      width: size * 2,
+      height: size * 2,
+      phi: 0,
+      theta: 0,
+      dark: 0,
+      diffuse: 1.2,
+      mapSamples: 16000,
+      mapBrightness: 6,
+      baseColor: [1, 1, 1],
+      markerColor: [1, 1, 0],
+      glowColor: [0.757, 0.784, 0.804],
+      markers: [],
+      onRender: (state) => {
+        // Called on every animation frame.
+        // `state` will be an empty object, return updated params.
+        state.phi = phi;
+        phi += 0.001;
+      },
+    };
+
+    const globe = createGlobe(canvasRef.current, globeSettings);
+
+    return () => {
+      if (canvasRef.current && globe) {
+        globe.destroy();
+      }
+    };
+  }, []);
+
+  return <canvas ref={canvasRef} style={{ width: size, height: size, aspectRatio: "1" }} />;
+}
diff --git a/next/src/components/Input.tsx b/next/src/components/Input.tsx
index a7d24c1367..54fadaec92 100644
--- a/next/src/components/Input.tsx
+++ b/next/src/components/Input.tsx
@@ -51,7 +51,7 @@ const Input = (props: InputProps) => {
     inputElement = (
       <textarea
         className={clsx(
-          "border:black delay-50 h-15 background-color-5 placeholder:text-color-tertiary text-color-primary border-color-2 border-focusVisible-1 border-hover-1 w-full resize-none rounded-xl border-2 p-2 text-sm tracking-wider outline-0 transition-all sm:h-20 md:text-lg",
+          "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]"
@@ -68,7 +68,7 @@ const Input = (props: InputProps) => {
     inputElement = (
       <input
         className={clsx(
-          "background-color-5 placeholder:text-color-tertiary text-color-primary border-color-2 border-focusVisible-1 border-hover-1 w-full rounded-xl border-2 p-2 py-1 text-sm tracking-wider outline-0 transition-all duration-200 sm:py-3 md:text-lg",
+          "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]"
@@ -86,7 +86,7 @@ const Input = (props: InputProps) => {
   }
 
   return (
-    <div className="items-left z-5 text-color-primary flex h-fit w-full flex-col rounded-xl font-mono text-lg md:flex-row md:items-center">
+    <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}
     </div>
diff --git a/next/src/components/Label.tsx b/next/src/components/Label.tsx
index 35311958da..2ae8bbbc78 100644
--- a/next/src/components/Label.tsx
+++ b/next/src/components/Label.tsx
@@ -21,8 +21,8 @@ const Label = ({ type, left, toolTipProperties }: LabelProps) => {
         <div
           className={clsx(
             "center flex min-w-[8em] items-center rounded-xl md:border-2",
-            type !== "range" && "md:border-color-2 md:rounded-r-none md:border-r-0",
-            "md:background-color-5 text-color-secondary py-2 text-sm font-semibold tracking-wider transition-all md:py-3 md:pl-3 md:text-lg",
+            type !== "range" && "md:rounded-r-none md:border-r-0 md:border-slate-7",
+            "py-2 text-sm font-semibold tracking-wider text-slate-10 transition-all md:bg-slate-4 md:py-3 md:pl-3 md:text-lg",
             isTypeTextArea() && "md:h-20"
           )}
         >
diff --git a/next/src/components/Menu.tsx b/next/src/components/Menu.tsx
index 1125a50bae..baeb8429e7 100644
--- a/next/src/components/Menu.tsx
+++ b/next/src/components/Menu.tsx
@@ -16,7 +16,7 @@ function Menu({ icon, name, items, chevron, buttonPosition = "top" }: MenuProps)
   return (
     <MenuPrimitive>
       <div className="relative">
-        <MenuPrimitive.Button className="neutral-button-primary flex h-8 items-center gap-1 rounded-lg  border p-2 font-bold">
+        <MenuPrimitive.Button className="flex h-8 items-center gap-1 rounded-lg bg-slate-1 p-2 font-bold shadow-depth-1 hover:bg-slate-3">
           <div>{icon}</div>
           {name && <p className="text-gray/50 font-mono text-sm">{name}</p>}
           {chevron && <FaChevronDown size={15} className="ml-2" />}
@@ -46,7 +46,7 @@ export const MenuItems = ({ buttonPosition, items, show }: MenuItemsProps) => {
     >
       <MenuPrimitive.Items
         className={clsx(
-          "background-color-3 absolute right-0 z-20  max-h-48 w-fit min-w-full overflow-hidden rounded-xl border-2 border-white/10 shadow-xl",
+          "background-color-3 absolute right-0 z-20 max-h-48  w-fit min-w-full overflow-hidden rounded-xl shadow-xl",
           buttonPosition === "top" ? "top-full mt-1" : "bottom-full mb-9"
         )}
       >
diff --git a/next/src/components/NavBar.tsx b/next/src/components/NavBar.tsx
index 5f69c49757..f842be3f38 100644
--- a/next/src/components/NavBar.tsx
+++ b/next/src/components/NavBar.tsx
@@ -37,7 +37,7 @@ export default function NavBar() {
 
   return (
     <FadeIn duration={3}>
-      <Disclosure as="nav" className="z-50 w-full bg-transparent text-black dark:text-white">
+      <Disclosure as="nav" className="z-50 w-full bg-transparent text-white">
         {({ open }) => (
           <>
             <div className="align-center flex h-16 flex-row justify-between">
@@ -47,7 +47,7 @@ export default function NavBar() {
                   width="25"
                   height="25"
                   alt="Reworkd AI"
-                  className="mb-1 mr-2 invert dark:invert-0"
+                  className="mb-1 mr-2 invert-0"
                 />
                 <span className="text-xl font-light tracking-wider">Reworkd</span>
               </div>
diff --git a/next/src/components/QuestionInput.tsx b/next/src/components/QuestionInput.tsx
new file mode 100644
index 0000000000..efa9cdb770
--- /dev/null
+++ b/next/src/components/QuestionInput.tsx
@@ -0,0 +1,49 @@
+import clsx from "clsx";
+import React from "react";
+import { FaArrowRight } from "react-icons/fa";
+
+interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
+  name: string;
+  attributes?: { [key: string]: string | number | string[] };
+  icon?: React.ReactNode;
+  disabled?: boolean;
+  handleFocusChange?: (focused: boolean) => void;
+  onSubmit: () => void;
+}
+
+// Test stylized input component
+const QuestionInput = (props: Props) => {
+  return (
+    <div className="relative flex flex-col">
+      <div className="flex flex-grow flex-row items-center gap-1">
+        <input
+          type={props.type}
+          name={props.name}
+          id={props.name}
+          className="placeholder:text-color-tertiary w-full rounded-full border-2 border-slate-6 bg-slate-1 p-4 text-slate-12 caret-purple-400 ring-0 transition-colors duration-300 selection:bg-purple-300 hover:border-purple-200 focus:border-purple-400 focus:outline-0 focus:ring-0  sm:leading-6"
+          placeholder={props.placeholder}
+          value={props.value}
+          onChange={props.onChange}
+          disabled={props.disabled}
+          onFocus={() => props.handleFocusChange && props.handleFocusChange(true)}
+          onBlur={() => props.handleFocusChange && props.handleFocusChange(false)}
+          {...{ "aria-describedby": `${props.name}-description` }}
+          {...props.attributes}
+        />
+        <div
+          className={clsx(
+            "absolute right-2 rounded-full p-3 text-white transition-colors duration-300",
+            props.value === ""
+              ? "cursor-not-allowed bg-slate-8"
+              : "cursor-pointer bg-purple-300 hover:bg-purple-400"
+          )}
+          onClick={props.onSubmit}
+        >
+          <FaArrowRight size={20} />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default QuestionInput;
diff --git a/next/src/components/Switch.tsx b/next/src/components/Switch.tsx
index 1d88d2516e..cc5e0b77fd 100644
--- a/next/src/components/Switch.tsx
+++ b/next/src/components/Switch.tsx
@@ -24,7 +24,7 @@ const Switch = ({ value, disabled = false, onChange }: SwitchProps) => {
     <SwitchPrimitive.Root
       className={clsx(
         "group",
-        "radix-state-checked:bg-sky-600 radix-state-unchecked:bg-zinc-500 dark:radix-state-unchecked:bg-zinc-500",
+        "radix-state-checked:bg-sky-600 radix-state-unchecked:bg-zinc-500",
         "relative inline-flex h-4 w-7 flex-shrink-0 rounded-full border border-transparent transition-colors duration-200 ease-in-out",
         "focus:outline-none focus-visible:ring focus-visible:ring-sky-500 focus-visible:ring-opacity-75",
         disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer "
diff --git a/next/src/components/ThemeMenu.tsx b/next/src/components/ThemeMenu.tsx
deleted file mode 100644
index 32ec529c6d..0000000000
--- a/next/src/components/ThemeMenu.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from "react";
-import { FaAdjust, FaMoon, FaSun } from "react-icons/fa";
-
-import Menu from "./Menu";
-import WindowButton from "./WindowButton";
-import { useTheme } from "../hooks/useTheme";
-import type { Theme } from "../types";
-
-
-
-export const ThemeMenu = () => {
-  const { theme, setTheme } = useTheme();
-
-  const getThemeIcon = (theme: Theme) => {
-    switch (theme) {
-      case "dark":
-        return <FaMoon />;
-      case "light":
-        return <FaSun />;
-      case "system":
-        return <FaAdjust />;
-    }
-  };
-
-  const themeOptions = [
-    <WindowButton
-      key="Light"
-      onClick={(): void => setTheme("light")}
-      icon={getThemeIcon("light")}
-      text="Light"
-    />,
-    <WindowButton
-      key="Dark"
-      onClick={(): void => setTheme("dark")}
-      icon={getThemeIcon("dark")}
-      text="Dark"
-    />,
-    <WindowButton
-      key="System"
-      onClick={(): void => setTheme("system")}
-      icon={getThemeIcon("system")}
-      text="System"
-    />,
-  ];
-
-  return <Menu icon={getThemeIcon(theme)} items={themeOptions} buttonPosition="bottom" />;
-};
diff --git a/next/src/components/WindowButton.tsx b/next/src/components/WindowButton.tsx
index 82934e5bbe..495f3cc6b0 100644
--- a/next/src/components/WindowButton.tsx
+++ b/next/src/components/WindowButton.tsx
@@ -15,7 +15,7 @@ const WindowButton = ({ ping, onClick, icon, text, border }: WindowButtonProps)
   return (
     <div
       className={clsx(
-        "background-color-2 text-color-primary hover:background-color-5 relative flex h-8 cursor-pointer items-center gap-2 rounded-lg p-2 font-mono text-sm font-bold transition-all",
+        "relative flex h-8 cursor-pointer items-center gap-2 rounded-lg bg-slate-1 p-2 font-mono text-sm font-bold text-slate-12 transition-all hover:bg-slate-3",
         !border && "rounded-none border-none"
       )}
       onClick={onClick}
diff --git a/next/src/components/console/ChatMessage.tsx b/next/src/components/console/ChatMessage.tsx
index 3629670120..b76c1a6cbc 100644
--- a/next/src/components/console/ChatMessage.tsx
+++ b/next/src/components/console/ChatMessage.tsx
@@ -36,15 +36,13 @@ const ChatMessage = ({ message }: { message: Message }) => {
     <div
       className={clsx(
         getMessageContainerStyle(message),
-        "mx-2 my-1 rounded-lg border bg-white/20 p-2 font-mono text-xs hover:border-[#1E88E5]/40 sm:mx-4 sm:p-3",
+        "mx-2 my-1 rounded-lg bg-slate-1 p-2 text-xs shadow-depth-1 hover:border-[#1E88E5]/40 sm:mx-4 sm:p-3",
         "sm:my-1.5 sm:text-sm"
       )}
     >
       {message.type !== MESSAGE_TYPE_SYSTEM && !isAction(message) && (
         <>
-          <div className="mr-2 inline-block h-[0.9em]">
-            {getTaskStatusIcon(message, {})}
-          </div>
+          <div className="mr-2 inline-block h-[0.9em]">{getTaskStatusIcon(message, {})}</div>
           <span className="mr-2 font-bold">{getMessagePrefix(message)}</span>
         </>
       )}
@@ -52,26 +50,20 @@ const ChatMessage = ({ message }: { message: Message }) => {
       {isAction(message) ? (
         <>
           <div className="flex flex-row">
-            <div className="mr-2 inline-block h-[0.9em]">
-              {getTaskStatusIcon(message, {})}
-            </div>
-            <span className="mr-2 flex-1 font-bold">
-              {getMessagePrefix(message)}
-            </span>
+            <div className="mr-2 inline-block h-[0.9em]">{getTaskStatusIcon(message, {})}</div>
+            <span className="mr-2 flex-1 font-bold">{getMessagePrefix(message)}</span>
             <Button
-              className="justify-end text-zinc-400 hover:text-white"
+              className="justify-end rounded-md text-slate-10 hover:bg-slate-6 hover:text-slate-12"
               onClick={handleCopy}
               aria-label="Copy"
             >
-              <div className="w-full">
-                {isCopied ? <FaCheck /> : <FiClipboard size={15} />}
-              </div>
+              <div className="w-full">{isCopied ? <FaCheck /> : <FiClipboard size={15} />}</div>
             </Button>
           </div>
           <hr className="my-2 border border-white/20" />
           <div>
             <MarkdownRenderer>{message.info || ""}</MarkdownRenderer>
-            <SourceCard messageInfo={message.info || ""} />
+            <SourceCard content={message.info || ""} />
           </div>
         </>
       ) : (
diff --git a/next/src/components/console/ChatWindow.tsx b/next/src/components/console/ChatWindow.tsx
index db2ae04dff..37960e0a78 100644
--- a/next/src/components/console/ChatWindow.tsx
+++ b/next/src/components/console/ChatWindow.tsx
@@ -1,12 +1,12 @@
 import clsx from "clsx";
 import { useTranslation } from "next-i18next";
-import React, { useEffect, useRef, useState } from "react";
 import type { ReactNode } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { FaArrowCircleDown, FaCommentDots } from "react-icons/fa";
 import { ImSpinner2 } from "react-icons/im";
 
 import type { HeaderProps } from "./MacWindowHeader";
-import { MacWindowHeader, messageListId } from "./MacWindowHeader";
+import { messageListId } from "./MacWindowHeader";
 import { useAgentStore } from "../../stores";
 import Button from "../Button";
 import Input from "../Input";
@@ -59,7 +59,7 @@ const ChatWindow = ({ messages, children, title, chatControls }: ChatWindowProps
   return (
     <div
       className={clsx(
-        "border-translucent flex h-full w-full max-w-[inherit] flex-1 flex-col overflow-auto rounded-2xl border-2 border-white/20 bg-zinc-900 text-white shadow-2xl drop-shadow-lg transition-all duration-500"
+        "flex h-full w-full max-w-[inherit] flex-1 flex-col overflow-auto text-slate-12 transition-all duration-500"
       )}
     >
       <HideShow
@@ -72,7 +72,6 @@ const ChatWindow = ({ messages, children, title, chatControls }: ChatWindowProps
         />
       </HideShow>
 
-      <MacWindowHeader title={title} messages={messages} />
       <div
         className="mb-2 mr-2 flex-1 overflow-auto transition-all duration-500"
         ref={scrollRef}
@@ -83,7 +82,7 @@ const ChatWindow = ({ messages, children, title, chatControls }: ChatWindowProps
         <div
           className={clsx(
             isThinking && !isStopped ? "opacity-100" : "opacity-0",
-            "mx-2 flex flex-row items-center gap-2 rounded-lg border border-white/20 p-2 font-mono transition duration-300 sm:mx-4",
+            "mx-2 flex flex-row items-center gap-2 p-2 transition duration-300 sm:mx-4",
             "text-xs sm:text-base"
           )}
         >
diff --git a/next/src/components/console/ExampleAgentButton.tsx b/next/src/components/console/ExampleAgentButton.tsx
index 385b230ae2..670b002c84 100644
--- a/next/src/components/console/ExampleAgentButton.tsx
+++ b/next/src/components/console/ExampleAgentButton.tsx
@@ -1,6 +1,4 @@
-import clsx from "clsx";
 import React from "react";
-import Button from "../Button";
 
 export const ExampleAgentButton = ({
   name,
@@ -19,14 +17,10 @@ export const ExampleAgentButton = ({
 
   return (
     <div
-      className={clsx(
-        `w-full p-2`,
-        `cursor-pointer rounded-lg font-mono text-sm sm:text-base`,
-        `border border-white/20 bg-gradient-to-t from-sky-500 to-sky-600 transition-all hover:bg-gradient-to-t hover:from-sky-400 hover:to-sky-600`
-      )}
+      className="w-full cursor-pointer rounded-lg border border-slate-5 bg-slate-1 p-2 text-sm text-slate-12 opacity-90 shadow-depth-1 transition-all duration-300 hover:bg-slate-3 sm:text-base"
       onClick={handleClick}
     >
-      <p className="text-lg font-black">{name}</p>
+      <p className="text-lg font-bold">{name}</p>
       <p className="mt-2 text-sm">{children}</p>
     </div>
   );
diff --git a/next/src/components/console/ExampleAgents.tsx b/next/src/components/console/ExampleAgents.tsx
index cc0073a486..14a5b2040d 100644
--- a/next/src/components/console/ExampleAgents.tsx
+++ b/next/src/components/console/ExampleAgents.tsx
@@ -1,14 +1,9 @@
-import clsx from "clsx";
 import { useSession } from "next-auth/react";
 import React from "react";
 
-import { ChatMessage } from "./ChatMessage";
 import { ExampleAgentButton } from "./ExampleAgentButton";
 import { useSID } from "../../hooks/useSID";
-import { MESSAGE_TYPE_SYSTEM } from "../../types/message";
-import Button from "../Button";
 import FadeIn from "../motions/FadeIn";
-import { env } from "../../env/client.mjs";
 
 type ExampleAgentsProps = {
   setAgentRun?: (name: string, goal: string) => void;
@@ -21,65 +16,18 @@ const ExampleAgents = ({ setAgentRun, setShowSignIn }: ExampleAgentsProps) => {
 
   return (
     <>
-      <FadeIn delay={0.8} duration={0.5}>
-        <ChatMessage
-          message={{
-            type: MESSAGE_TYPE_SYSTEM,
-            value:
-              "👉 Create an agent by adding a name / goal, and hitting deploy! Try our examples below!",
-          }}
-        />
-      </FadeIn>
       <FadeIn delay={0.9} duration={0.5}>
-        <div className="m-2 grid grid-cols-1 grid-rows-2 items-stretch gap-2 sm:m-4 sm:grid-cols-3">
+        <div className="my-2 grid grid-cols-1 items-stretch gap-2 sm:my-4 sm:grid-cols-3">
           <ExampleAgentButton name="TravelGPT 🌴" setAgentRun={setAgentRun}>
-            Plan a detailed trip to Hawaii.
+            Plan a detailed trip to Hawaii
           </ExampleAgentButton>
 
-          {env.NEXT_PUBLIC_FF_SID_ENABLED && (
-            <div
-              className={clsx(
-                `w-full p-2`,
-                `cursor-pointer rounded-lg font-mono text-sm sm:text-base`,
-                `border border-white/20 bg-gradient-to-t from-sky-500 to-sky-600 transition-all hover:bg-gradient-to-t hover:from-sky-400 hover:to-sky-600`
-              )}
-              onClick={() => {
-                if (!session?.user) setShowSignIn(true);
-                else if (!sid?.connected) sid.install().catch(console.error);
-                else
-                  setAgentRun?.(
-                    "AssistantGPT 🛟",
-                    "Search my google drive, dropbox, and notion, and talk to me about my personal data."
-                  );
-              }}
-            >
-              <p className="text-lg font-black">AssistantGPT 🛟</p>
-              <p className="mt-2 text-sm">Get tailored advice based on your own data</p>
-              <Button
-                ping={!sid?.connected}
-                className={clsx(
-                  "w-full border-white/20 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 sm:mt-4",
-                  sid.connected && "hidden"
-                )}
-                onClick={async () => {
-                  if (!session?.user) setShowSignIn(true);
-                  else await sid.install();
-                }}
-                loader
-              >
-                Connect your Data
-              </Button>
-            </div>
-          )}
-
-          {env.NEXT_PUBLIC_FF_SID_ENABLED || (
-            <ExampleAgentButton name="StudyGPT 📚" setAgentRun={setAgentRun}>
-              Create a study plan for a History 101 exam about world events in the 1980s
-            </ExampleAgentButton>
-          )}
+          <ExampleAgentButton name="CalculusGPT 📚" setAgentRun={setAgentRun}>
+            Create a study plan for an intro to Calculus exam
+          </ExampleAgentButton>
 
           <ExampleAgentButton name="HustleGPT 🚀" setAgentRun={setAgentRun}>
-            Create a comprehensive report how to scale a EdTech startup to 1000 customers
+            Create a comprehensive report for how to scale a startup to 1000 customers
           </ExampleAgentButton>
         </div>
       </FadeIn>
diff --git a/next/src/components/console/MarkdownRenderer.tsx b/next/src/components/console/MarkdownRenderer.tsx
index fe6dd64bf8..7ccbde12c1 100644
--- a/next/src/components/console/MarkdownRenderer.tsx
+++ b/next/src/components/console/MarkdownRenderer.tsx
@@ -1,11 +1,11 @@
+import clsx from "clsx";
 import type { ReactNode } from "react";
 import React, { useCallback, useState } from "react";
+import { FiClipboard } from "react-icons/fi";
 import ReactMarkdown from "react-markdown";
 import rehypeHighlight from "rehype-highlight";
 import remarkGfm from "remark-gfm";
 import "highlight.js/styles/default.css";
-import clsx from "clsx";
-import { FiClipboard } from "react-icons/fi";
 
 interface MarkdownRendererProps {
   children: string;
@@ -32,7 +32,7 @@ const MarkdownRenderer = ({ children, className }: MarkdownRendererProps) => {
         ol: (props) => (
           <ol className="mb-4 ml-8 list-decimal marker:text-neutral-400">{props.children}</ol>
         ),
-        li: (props) => <li className="mb-1">{props.children}</li>,
+        li: (props) => <li className="mb-1 ml-8">{props.children}</li>,
       }}
     >
       {children}
diff --git a/next/src/components/console/SourceCard.tsx b/next/src/components/console/SourceCard.tsx
index dd559e1118..7734ac844b 100644
--- a/next/src/components/console/SourceCard.tsx
+++ b/next/src/components/console/SourceCard.tsx
@@ -1,16 +1,9 @@
-import clsx from "clsx";
-import { SyntheticEvent } from "react";
 import SourceLink from "./SourceLink";
-import { api } from "../../utils/api";
 
-interface MessageInfo {
-  messageInfo: string;
-}
-
-const SourceCard = ({ messageInfo }: MessageInfo) => {
+const SourceCard = ({ content }: { content: string }) => {
   const regex = /(?=\[(!\[.+?\]\(.+?\)|.+?)]\((https?:\/\/[^\)]+)\))/gi;
   const linksSet = new Set<string>();
-  const linksMatches = [...messageInfo.matchAll(regex)];
+  const linksMatches = [...content.matchAll(regex)];
   linksMatches.forEach((m) => linksSet.add(m[2] as string));
   const linksArray = Array.from(linksSet);
 
@@ -18,8 +11,7 @@ const SourceCard = ({ messageInfo }: MessageInfo) => {
 
   return (
     <>
-      <hr className="my-2 border border-white/20" />
-      <div className="grid grid-cols-2 gap-2 md:grid-cols-3 lg:grid-cols-4" >
+      <div className="my-2 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4">
         {linksArray.map((link, index) => {
           return <SourceLink key={link} link={link} index={index} />;
         })}
diff --git a/next/src/components/console/SourceLink.tsx b/next/src/components/console/SourceLink.tsx
index e8a0aaacc6..8b50602d77 100644
--- a/next/src/components/console/SourceLink.tsx
+++ b/next/src/components/console/SourceLink.tsx
@@ -1,10 +1,11 @@
-import type { SyntheticEvent } from "react";
-import FadeIn from "../motions/FadeIn";
 import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
-import { env } from "../../env/client.mjs";
+import type { SyntheticEvent } from "react";
 import { z } from "zod";
 
+import { env } from "../../env/client.mjs";
+import FadeIn from "../motions/FadeIn";
+
 interface LinkInfo {
   link: string;
   index: number;
@@ -36,28 +37,28 @@ const SourceLink = ({ link, index }: LinkInfo) => {
   return (
     <FadeIn>
       <a href={link} target="_blank">
-        <div className="group h-full space-y-2 rounded border border-white/20 bg-white/5 p-2 transition-colors duration-300 hover:bg-white/10">
+        <div className="group h-full space-y-2 rounded-lg border border-slate-8 bg-slate-3 p-2 transition-colors duration-300 hover:bg-slate-4">
           {linkMeta.isLoading ? (
             <div className="animate-pulse space-y-2">
-              <div className="h-2 rounded bg-gray-500"></div>
-              <div className="h-2 rounded bg-gray-500"></div>
+              <div className="h-2 rounded bg-slate-8"></div>
+              <div className="h-2 rounded bg-slate-8"></div>
               <div className="flex items-center gap-2">
-                <div className="h-4 w-4 rounded bg-gray-500"></div>
-                <div className="h-2 w-2/3  rounded bg-gray-500"></div>
+                <div className="h-4 w-4 rounded bg-slate-8"></div>
+                <div className="h-2 w-2/3  rounded bg-slate-8"></div>
               </div>
             </div>
           ) : linkMeta.isSuccess ? (
             <>
               <p className="line-clamp-2 text-xs">{linkMeta.data.title}</p>
-              <div className="flex gap-2">
+              <div className="flex items-center gap-2 overflow-ellipsis">
                 <img
                   className="inline h-4 w-4"
                   src={linkMeta.data.favicon || ""}
                   alt="Logo"
                   onError={addImageFallback}
                 />
-                <p className="line-clamp-1">{linkMeta.data.hostname}</p>
-                <p className="rounded-full bg-white/20 px-1 text-gray-300 transition-colors duration-300 group-hover:bg-sky-600">
+                <p className="line-clamp-1 overflow-ellipsis">{linkMeta.data.hostname}</p>
+                <p className="rounded-full bg-slate-5 px-2 text-slate-12 transition-colors duration-300 group-hover:bg-sky-600 group-hover:text-white">
                   {index + 1}
                 </p>
               </div>
@@ -65,7 +66,7 @@ const SourceLink = ({ link, index }: LinkInfo) => {
           ) : linkMeta.isError ? (
             <div className="flex gap-2">
               <p className="line-clamp-1">{link}</p>
-              <p className="rounded-full bg-white/20 px-1 text-gray-300">{index + 1}</p>
+              <p className="rounded-full bg-slate-5 px-3 text-slate-12">{index + 1}</p>
             </div>
           ) : null}
         </div>
diff --git a/next/src/components/console/SummarizeButton.tsx b/next/src/components/console/SummarizeButton.tsx
index 71d1e06fcb..1ce2a95348 100644
--- a/next/src/components/console/SummarizeButton.tsx
+++ b/next/src/components/console/SummarizeButton.tsx
@@ -19,12 +19,11 @@ const Summarize = () => {
   return (
     <div
       className={clsx(
-        "mx-2 flex flex-row items-center gap-2 rounded-lg border border-white/20 p-2 font-mono transition duration-300 sm:mx-4",
+        "mx-2 flex flex-row items-center gap-2 rounded-lg bg-slate-1 p-2 shadow-depth-1 transition duration-300 sm:mx-4",
         "text-xs sm:text-base"
       )}
     >
-      <span className="md:hidden">Test</span>
-      <span className="hidden md:inline">Click here to summarize the conversation!</span>
+      <span className="hidden font-bold md:inline">Click here to summarize the conversation!</span>
       <Button
         className="ml-auto py-1  sm:py-1  md:py-1"
         onClick={async () => {
diff --git a/next/src/components/dialog/Dialog.tsx b/next/src/components/dialog/Dialog.tsx
deleted file mode 100644
index 172cacf33c..0000000000
--- a/next/src/components/dialog/Dialog.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import clsx from "clsx";
-import { useTranslation } from "next-i18next";
-import React from "react";
-
-import Button from "../Button";
-
-const Dialog = ({
-  header,
-  children,
-  isShown,
-  close,
-  footerButton,
-}: {
-  header: React.ReactNode;
-  children: React.ReactNode;
-  isShown: boolean;
-  close: () => void;
-  footerButton?: React.ReactNode;
-}) => {
-  const [t] = useTranslation();
-
-  return (
-    <DialogBackground isShown={isShown} close={close}>
-      <div className="relative mx-auto my-6 w-auto max-w-4xl rounded-lg border border-zinc-600">
-        {/*content*/}
-        <div
-          className="relative z-50 flex w-full flex-col rounded-lg border-0 bg-[#3a3a3a] shadow-lg outline-none focus:outline-none"
-          onClick={(e) => e.stopPropagation()} // Avoid closing the modal
-        >
-          {/*header*/}
-          <div className="flex items-start justify-between rounded-t border-b-2 border-solid border-white/20 p-5">
-            <h3 className="font-mono text-3xl font-semibold">{header}</h3>
-            <button className="float-right ml-auto border-0 bg-transparent p-1 text-3xl font-semibold leading-none opacity-5 outline-none focus:outline-none">
-              <span className="block h-6 w-6 bg-transparent text-2xl opacity-5 outline-none focus:outline-none">
-                ×
-              </span>
-            </button>
-          </div>
-          {/*body*/}
-          <div
-            className={clsx(
-              "text-md relative max-h-[50vh] flex-auto overflow-y-auto p-5 leading-relaxed md:p-7"
-            )}
-          >
-            {children}
-          </div>
-          {/*footer*/}
-          <div className="flex items-center justify-end gap-2 rounded-b border-t-2 border-solid border-white/20 p-2">
-            <Button enabledClassName="bg-yellow-600 hover:bg-yellow-500" onClick={close}>
-              {t("CLOSE", { ns: "common" })}
-            </Button>
-            {footerButton}
-          </div>
-        </div>
-      </div>
-    </DialogBackground>
-  );
-};
-
-export type DialogBackgroundProps = {
-  isShown: boolean;
-  children: React.ReactNode;
-  close: () => void;
-};
-
-export const DialogBackground = ({ isShown, children, close }: DialogBackgroundProps) => {
-  if (!isShown) {
-    return <>{null}</>;
-  }
-
-  return (
-    <div
-      className={clsx(
-        "fixed inset-0 z-40 flex items-center justify-center overflow-hidden",
-        "bg-black/70 p-3 font-mono text-white outline-none backdrop-blur-sm transition-all"
-      )}
-      onClick={close}
-    >
-      <div className="relative max-h-full overflow-y-auto">{children}</div>
-    </div>
-  );
-};
-export default Dialog;
diff --git a/next/src/components/dialog/HelpDialog.tsx b/next/src/components/dialog/HelpDialog.tsx
index 47d585d4b9..04531b83ff 100644
--- a/next/src/components/dialog/HelpDialog.tsx
+++ b/next/src/components/dialog/HelpDialog.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from "next-i18next";
 import React, { useEffect, useState } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
 
-import Dialog from "./Dialog";
+import Dialog from "../../ui/dialog";
 
 export default function HelpDialog() {
   const [show, setShow] = useState(false);
@@ -15,7 +15,7 @@ export default function HelpDialog() {
       if (savedModalData == null) {
         setShow(true);
       }
-    }, 1800);
+    }, 1500);
 
     localStorage.setItem(key, JSON.stringify(true));
   }, []);
@@ -23,34 +23,41 @@ export default function HelpDialog() {
   const [t] = useTranslation();
   return (
     <Dialog
-      header={`${t("WELCOME_TO_AGENT_GPT", { ns: "help" })} 🤖`}
-      isShown={show}
-      close={() => setShow(false)}
+      inline
+      open={show}
+      setOpen={setShow}
+      title="Welcome!"
+      actions={
+        <>
+          <button
+            type="button"
+            className="inline-flex w-full justify-center rounded-md bg-sky-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-sky-400"
+            onClick={() => {
+              setShow(false);
+            }}
+          >
+            Get Started
+          </button>
+        </>
+      }
     >
       <div>
         <p>
-          <strong>AgentGPT</strong> {t("INTRODUCING_AGENTGPT", { ns: "help" })}
+          AgentGPT is the next generation of Google search. Ask any question and watch as an AI
+          Agent gives you the perfect answer after aggregating relevant sources from across the
+          internet.
         </p>
         <br />
-        <div>
-          {t("TO_LEARN_MORE_ABOUT_AGENTGPT", {
-            ns: "help",
-          })}
-          <a href="https://docs.reworkd.ai" className="text-sky-500">
-            {t("AGENTGPT_DOCUMENTATION", { ns: "help" })}
-          </a>
-        </div>
-        <br />
-        <p className="mt-2">{t("FOLLOW_THE_JOURNEY", { ns: "help" })}</p>
+        <p className="mt-2 text-center font-bold">{t("FOLLOW_THE_JOURNEY", { ns: "help" })}</p>
         <div className="mt-4 flex w-full items-center justify-center gap-5">
           <div
-            className="cursor-pointer rounded-full bg-black/30 p-3 hover:bg-black/70"
+            className="cursor-pointer rounded-full bg-slate-6 p-3 hover:bg-slate-8"
             onClick={() => window.open("https://discord.gg/jdSBAnmdnY", "_blank")}
           >
             <FaDiscord size={30} />
           </div>
           <div
-            className="cursor-pointer rounded-full bg-black/30 p-3 hover:bg-black/70"
+            className="cursor-pointer rounded-full bg-slate-6 p-3 hover:bg-slate-8"
             onClick={() =>
               window.open(
                 "https://twitter.com/asimdotshrestha/status/1644883727707959296",
@@ -61,7 +68,7 @@ export default function HelpDialog() {
             <FaTwitter size={30} />
           </div>
           <div
-            className="cursor-pointer rounded-full bg-black/30 p-3 hover:bg-black/70"
+            className="cursor-pointer rounded-full bg-slate-6 p-3 hover:bg-slate-8"
             onClick={() => window.open("https://github.com/reworkd/AgentGPT", "_blank")}
           >
             <FaGithub size={30} />
diff --git a/next/src/components/dialog/SignInDialog.tsx b/next/src/components/dialog/SignInDialog.tsx
index 112380fd7a..972d64c2bd 100644
--- a/next/src/components/dialog/SignInDialog.tsx
+++ b/next/src/components/dialog/SignInDialog.tsx
@@ -1,23 +1,42 @@
 import React from "react";
 
-import Dialog from "./Dialog";
 import { useAuth } from "../../hooks/useAuth";
-import Button from "../Button";
+import Dialog from "../../ui/dialog";
 
 export interface SignInDialogProps {
   show: boolean;
-  close: () => void;
+  setOpen: (boolean) => void;
 }
 
-export const SignInDialog = ({ show, close }: SignInDialogProps) => {
+export const SignInDialog = ({ show, setOpen }: SignInDialogProps) => {
   const { signIn } = useAuth();
 
   return (
     <Dialog
-      header="Sign in 🔐"
-      isShown={show}
-      close={close}
-      footerButton={<Button onClick={() => void signIn()}>Sign in</Button>}
+      inline
+      open={show}
+      setOpen={setOpen}
+      title="Sign in 🔐"
+      actions={
+        <>
+          <button
+            type="button"
+            className="inline-flex w-full justify-center rounded-md bg-sky-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-sky-400"
+            onClick={() => {
+              signIn().catch(console.error);
+            }}
+          >
+            Sign in
+          </button>
+          <button
+            type="button"
+            className="inline-flex w-full justify-center rounded-md bg-slate-1 px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-slate-3"
+            onClick={() => setOpen(false)}
+          >
+            Close
+          </button>
+        </>
+      }
     >
       <p>
         Please{" "}
diff --git a/next/src/components/dialog/ToolsDialog.tsx b/next/src/components/dialog/ToolsDialog.tsx
index eaaec312a4..5d2c241319 100644
--- a/next/src/components/dialog/ToolsDialog.tsx
+++ b/next/src/components/dialog/ToolsDialog.tsx
@@ -1,30 +1,38 @@
 import { useSession } from "next-auth/react";
 import React from "react";
-import { FaCog } from "react-icons/fa";
 
-import Dialog from "./Dialog";
 import { useSID } from "../../hooks/useSID";
 import type { ActiveTool } from "../../hooks/useTools";
 import { useTools } from "../../hooks/useTools";
+import Dialog from "../../ui/dialog";
 import Button from "../Button";
 import { Switch } from "../Switch";
 
 export const ToolsDialog: React.FC<{
   show: boolean;
-  close: () => void;
-}> = ({ show, close }) => {
+  setOpen: (boolean) => void;
+}> = ({ show, setOpen }) => {
   const { activeTools, setToolActive, isSuccess } = useTools();
 
   return (
     <Dialog
-      header={
-        <div className="flex items-center gap-3">
-          <p>Tools</p>
-          <FaCog />
-        </div>
+      inline
+      open={show}
+      setOpen={setOpen}
+      title="Tools"
+      actions={
+        <>
+          <button
+            type="button"
+            className="inline-flex w-full justify-center rounded-md bg-sky-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-sky-400"
+            onClick={() => {
+              setOpen(false);
+            }}
+          >
+            Close
+          </button>
+        </>
       }
-      isShown={show}
-      close={close}
     >
       <p>Select what external tools your agents have access to.</p>
       <div className="mt-5 flex flex-col gap-3 ">
diff --git a/next/src/components/drawer/DrawerItemButton.tsx b/next/src/components/drawer/DrawerItemButton.tsx
index edd4082c31..75f8764d7f 100644
--- a/next/src/components/drawer/DrawerItemButton.tsx
+++ b/next/src/components/drawer/DrawerItemButton.tsx
@@ -14,16 +14,16 @@ export const DrawerItemButton = (props: DrawerItemProps) => {
     <button
       type="button"
       className={clsx(
-        "text-color-primary hover:background-color-2 cursor-pointer items-center rounded-md",
+        "cursor-pointer items-center rounded-md text-slate-12 hover:bg-slate-5",
         props.className
       )}
       onClick={onClick}
     >
-      <span className="text-sm font-light">{text}</span>
+      <span className="text-sm font-medium">{text}</span>
     </button>
   );
 };
 
 export const DrawerItemButtonLoader = () => {
-  return <div className="background-color-4 w-50 mx-1.5 h-7 animate-pulse rounded-md"></div>;
+  return <div className="w-50 mx-1.5 h-7 animate-pulse rounded-md bg-slate-6"></div>;
 };
diff --git a/next/src/components/drawer/LeftSidebar.tsx b/next/src/components/drawer/LeftSidebar.tsx
index 2a5102cd8e..3bb49f325e 100644
--- a/next/src/components/drawer/LeftSidebar.tsx
+++ b/next/src/components/drawer/LeftSidebar.tsx
@@ -8,7 +8,6 @@ import type { DisplayProps } from "./Sidebar";
 import Sidebar from "./Sidebar";
 import { useAuth } from "../../hooks/useAuth";
 import { api } from "../../utils/api";
-import FadingHr from "../FadingHr";
 import AuthItem from "../sidebar/AuthItem";
 import LinkIconItem from "../sidebar/LinkIconItem";
 import LinkItem from "../sidebar/LinkItem";
@@ -25,27 +24,27 @@ const LeftSidebar = ({ show, setShow }: DisplayProps) => {
   const userAgents = data ?? [];
 
   return (
-    <Sidebar show={show} setShow={setShow} side="left">
-      <div className="flex flex-row items-center">
-        <Image
-          src="/logos/dark-default-solid.svg"
-          width="18"
-          height="18"
-          alt="Reworkd AI"
-          className=" ml-2 invert dark:invert-0"
-        />
-        <h1 className="text-color-primary ml-2 font-medium">Reworkd</h1>
+    <Sidebar show={show} setShow={setShow} side="left" className="border-slate-6s border-r">
+      <div className="flex flex-row items-center pb-6">
+        <div className="rounded-xl bg-slate-1 p-1 shadow-depth-1">
+          <a
+            href="https://reworkd.ai"
+            className="flex cursor-pointer gap-2 rounded-lg border-t bg-white bg-gradient-to-b from-slate-4 to-transparent px-2.5 py-1.5 duration-1000 hover:from-slate-6"
+          >
+            <Image src="/logos/light-default-solid.svg" width="20" height="20" alt="Reworkd AI" />
+            <h1 className="text-sm font-medium">Reworkd</h1>
+          </a>
+        </div>
         <button
-          className="neutral-button-primary ml-auto rounded-md border-none transition-all"
+          className="ml-auto rounded-md border-none transition-all hover:bg-slate-5"
           onClick={() => setShow(!show)}
         >
-          <FaBars size="15" className="z-20 m-2" />
+          <FaBars size="12" className="z-20 m-2 text-slate-11" />
         </button>
       </div>
-      <FadingHr className="my-2" />
       <div className="mb-2 mr-2 flex-1 overflow-y-auto overflow-x-hidden overflow-ellipsis">
         {status === "unauthenticated" && (
-          <div className="text-color-primary p-1 text-sm">
+          <div className="p-1 text-sm text-slate-12">
             <a className="link" onClick={() => void signIn()}>
               {t("SIGN_IN")}
             </a>{" "}
@@ -53,7 +52,7 @@ const LeftSidebar = ({ show, setShow }: DisplayProps) => {
           </div>
         )}
         {status === "authenticated" && !isLoading && userAgents.length === 0 && (
-          <div className="text-color-primary p-1 text-sm">
+          <div className="p-1 text-sm text-slate-12">
             {t("NEED_TO_SIGN_IN_AND_CREATE_AGENT_FIRST")}
           </div>
         )}
@@ -78,11 +77,9 @@ const LeftSidebar = ({ show, setShow }: DisplayProps) => {
       </div>
       <ul role="list" className="flex flex-col">
         <ul className="mb-2">
-          <div className="text-color-secondary mb-2 ml-2 text-xs font-semibold">Pages</div>
-          {PAGE_LINKS.filter(
-            (link) =>
-              (typeof link.enabled === "boolean" ? link.enabled : link.enabled(session?.user)) &&
-              router.route != link.href
+          <div className="mb-2 ml-2 text-xs font-semibold text-slate-10">Pages</div>
+          {PAGE_LINKS.filter((link) =>
+            typeof link.enabled === "boolean" ? link.enabled : link.enabled(session?.user)
           ).map((link, i) => (
             <LinkItem
               key={i}
@@ -116,11 +113,9 @@ const LeftSidebar = ({ show, setShow }: DisplayProps) => {
           </div>
         </li>
         <li>
-          <div className="text-color-secondary mb-2 ml-2 text-xs font-semibold">
-          </div>
-          </li>
+          <div className="mb-2 ml-2 text-xs font-semibold text-slate-10"></div>
+        </li>
         <li>
-          <FadingHr />
           <AuthItem session={session} signOut={signOut} signIn={signIn} />
         </li>
       </ul>
diff --git a/next/src/components/drawer/Sidebar.tsx b/next/src/components/drawer/Sidebar.tsx
index 402c072fce..f6ae669577 100644
--- a/next/src/components/drawer/Sidebar.tsx
+++ b/next/src/components/drawer/Sidebar.tsx
@@ -20,7 +20,7 @@ const Sidebar = ({ show, children, side, className }: SidebarProps) => {
     <SidebarTransition show={show} side={side}>
       <nav
         className={clsx(
-          "background-color-1 flex flex-1 flex-col overflow-x-hidden px-2.5 py-2 ring-1 ring-white/10",
+          "flex flex-1 flex-col overflow-x-hidden bg-slate-3 p-4 ring-1 ring-white/10",
           className
         )}
       >
@@ -82,12 +82,12 @@ export const SidebarControlButton = ({
   return (
     <button
       className={clsx(
-        "neutral-button-primary fixed z-20 m-1 rounded-md border border-shade-300-light transition-all sm:m-2",
+        "fixed z-20 m-1 rounded-md bg-slate-1 shadow-depth-1 transition-all sm:m-2",
         side === "right" && "right-0"
       )}
       onClick={() => setShow(!show)}
     >
-      <FaBars size="15" className="m-2" />
+      <FaBars size="12" className="z-20 m-2 text-slate-11" />
     </button>
   );
 };
diff --git a/next/src/components/drawer/TaskSidebar.tsx b/next/src/components/drawer/TaskSidebar.tsx
index 024a657a56..690120d2d3 100644
--- a/next/src/components/drawer/TaskSidebar.tsx
+++ b/next/src/components/drawer/TaskSidebar.tsx
@@ -41,8 +41,13 @@ const TaskSidebar = () => {
   };
 
   return (
-    <Sidebar show={layout.showRightSidebar} setShow={setShow} side="right">
-      <div className="flex h-screen flex-col gap-2 text-white">
+    <Sidebar
+      show={layout.showRightSidebar}
+      setShow={setShow}
+      side="right"
+      className="border-slate-6s border-l"
+    >
+      <div className="flex h-screen flex-col gap-2 text-slate-12">
         <div className="flex flex-row items-center gap-1">
           <button
             className="neutral-button-primary rounded-md border-none transition-all"
@@ -54,7 +59,7 @@ const TaskSidebar = () => {
         </div>
         <div className="flex flex-1 flex-col gap-2 overflow-auto pr-1">
           {tasks.length == 0 && (
-            <p className="w-full p-2 text-gray-300">
+            <p className="w-full p-2 text-slate-11">
               This window will display agent tasks as they are created.
             </p>
           )}
@@ -99,7 +104,7 @@ const Task = ({ task }: { task: TaskType }) => {
     <FadeIn>
       <div
         className={clsx(
-          "w-full rounded-md border p-2 text-sm text-white",
+          "w-full rounded-md bg-slate-1 p-2 text-sm text-slate-12 shadow-depth-1",
           isAgentStopped && "opacity-50",
           getMessageContainerStyle(task)
         )}
diff --git a/next/src/components/index/chat.tsx b/next/src/components/index/chat.tsx
new file mode 100644
index 0000000000..cf3aa3ca2a
--- /dev/null
+++ b/next/src/components/index/chat.tsx
@@ -0,0 +1,78 @@
+import { useTranslation } from "next-i18next";
+import React from "react";
+
+import { useSettings } from "../../hooks/useSettings";
+import { useAgentStore } from "../../stores";
+import { useTaskStore } from "../../stores/taskStore";
+import type { Message } from "../../types/message";
+import AgentControls from "../console/AgentControls";
+import { ChatMessage } from "../console/ChatMessage";
+import ChatWindow from "../console/ChatWindow";
+import { ChatWindowTitle } from "../console/ChatWindowTitle";
+import Summarize from "../console/SummarizeButton";
+import Expand from "../motions/expand";
+import FadeIn from "../motions/FadeIn";
+
+type ChatProps = {
+  messages: Message[];
+  disableStartAgent: boolean;
+  handlePlay: (name: string, goal: string) => void;
+  nameInput: string;
+  goalInput: string;
+  setShowSignInDialog: (boolean) => void;
+  setAgentRun: (newName: string, newGoal: string) => void;
+};
+const Chat = (props: ChatProps) => {
+  const { settings } = useSettings();
+  const { t } = useTranslation("indexPage");
+  const [chatInput, setChatInput] = React.useState("");
+  const agent = useAgentStore.use.agent();
+  const agentLifecycle = useAgentStore.use.lifecycle();
+
+  const tasks = useTaskStore.use.tasks();
+
+  return (
+    <>
+      <Expand className="flex w-full flex-grow flex-col items-center overflow-hidden">
+        <ChatWindow
+          messages={props.messages}
+          title={<ChatWindowTitle model={settings.customModelName} />}
+          chatControls={
+            agent
+              ? {
+                  value: chatInput,
+                  onChange: (value: string) => {
+                    setChatInput(value);
+                  },
+                  handleChat: async () => {
+                    const currentInput = chatInput;
+                    setChatInput("");
+                    await agent?.chat(currentInput);
+                  },
+                  loading: tasks.length == 0 || chatInput === "",
+                }
+              : undefined
+          }
+        >
+          {props.messages.map((message, index) => {
+            return (
+              <FadeIn key={`${index}-${message.type}`}>
+                <ChatMessage message={message} />
+              </FadeIn>
+            );
+          })}
+          <Summarize />
+        </ChatWindow>
+      </Expand>
+      <AgentControls
+        disablePlay={props.disableStartAgent}
+        lifecycle={agentLifecycle}
+        handlePlay={() => props.handlePlay(props.nameInput, props.goalInput)}
+        handlePause={() => agent?.pauseAgent()}
+        handleStop={() => agent?.stopAgent()}
+      />
+    </>
+  );
+};
+
+export default Chat;
diff --git a/next/src/components/index/landing.tsx b/next/src/components/index/landing.tsx
new file mode 100644
index 0000000000..b11a740005
--- /dev/null
+++ b/next/src/components/index/landing.tsx
@@ -0,0 +1,117 @@
+import { motion } from "framer-motion";
+import { useTranslation } from "next-i18next";
+import React from "react";
+import { FaCog, FaPlay, FaRobot, FaStar } from "react-icons/fa";
+
+import { useAgentStore } from "../../stores";
+import type { Message } from "../../types/message";
+import AppTitle from "../AppTitle";
+import Button from "../Button";
+import ExampleAgents from "../console/ExampleAgents";
+import { ToolsDialog } from "../dialog/ToolsDialog";
+import Globe from "../Globe";
+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;
+  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 { t } = useTranslation("indexPage");
+  const agent = useAgentStore.use.agent();
+
+  return (
+    <>
+      <ToolsDialog show={showToolsDialog} setOpen={setShowToolsDialog} />
+      <motion.div
+        initial={{ opacity: 0, y: -50 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.75, type: "easeInOut" }}
+        className="z-10"
+      >
+        <AppTitle />
+      </motion.div>
+      <div className="absolute left-0 right-0 m-auto grid place-items-center opacity-40">
+        <Globe />
+      </div>
+      <motion.div
+        initial={{ opacity: 0, y: -50 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.75, delay: 1, type: "easeInOut" }}
+        className="z-10"
+      >
+        <ExampleAgents setAgentRun={props.setAgentRun} setShowSignIn={props.setShowSignInDialog} />
+      </motion.div>
+      <motion.div
+        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"
+      >
+        <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"
+          />
+          <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"
+          >
+            <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"
+          >
+            <p className="mr-5">Play</p>
+            <FaPlay />
+          </Button>
+        </div>
+      </motion.div>
+    </>
+  );
+};
+
+export default Landing;
diff --git a/next/src/components/landing/Backing.tsx b/next/src/components/landing/Backing.tsx
index e6c77932aa..864de4adc8 100644
--- a/next/src/components/landing/Backing.tsx
+++ b/next/src/components/landing/Backing.tsx
@@ -6,7 +6,7 @@ import YCLogo from "../../../public/logos/yc-default-solid.svg";
 const Backing = (props: { className?: string }) => (
   <div
     className={clsx(
-      "flex flex-col font-inter text-xs font-normal text-black/50 dark:text-white/50 md:text-sm",
+      "flex flex-col font-inter text-xs font-normal text-white/50 md:text-sm",
       props.className
     )}
   >
@@ -25,7 +25,7 @@ const Backing = (props: { className?: string }) => (
       </div>
       <div className="hidden tracking-wide sm:flex">Backed By</div>
       <a
-        className="flex cursor-pointer flex-row items-center gap-1 font-light text-black/95 dark:text-white/95"
+        className="flex cursor-pointer flex-row items-center gap-1 font-light text-white/95"
         href="https://www.ycombinator.com/companies/reworkd"
         target="_blank"
       >
@@ -33,7 +33,7 @@ const Backing = (props: { className?: string }) => (
       </a>
       <span>and</span>
       <a
-        className="cursor-pointer font-light text-black/95 dark:text-white/95"
+        className="cursor-pointer font-light text-white/95"
         href="https://www.panache.vc/"
         target="_blank"
       >
diff --git a/next/src/components/landing/FooterLinks.tsx b/next/src/components/landing/FooterLinks.tsx
index d8ca8d02d7..78c48a6513 100644
--- a/next/src/components/landing/FooterLinks.tsx
+++ b/next/src/components/landing/FooterLinks.tsx
@@ -10,7 +10,7 @@ const FooterLink: FC<FooterLinkProps> = ({ href, children }) => (
     href={href}
     target="_blank"
     rel="noopener noreferrer"
-    className="group w-full rounded-full bg-transparent px-2 text-sm text-black/50 transition-colors duration-300 ease-in-out hover:text-black/90 dark:text-white/50 hover:dark:text-white/90"
+    className="group w-full rounded-full bg-transparent px-2 text-sm text-white/50 transition-colors duration-300 ease-in-out hover:text-white/90"
   >
     {children}
   </a>
diff --git a/next/src/components/landing/Hero.tsx b/next/src/components/landing/Hero.tsx
index d8f0039764..76b416fb68 100644
--- a/next/src/components/landing/Hero.tsx
+++ b/next/src/components/landing/Hero.tsx
@@ -90,14 +90,14 @@ const Hero: FC<{ className?: string }> = ({ className }) => {
                 <span className="bg-gradient-to-r from-[#1E26FF] to-[#FF04FF] bg-clip-text text-transparent">
                   AI
                 </span>{" "}
-                <span className="bg-gradient-to-r from-black to-neutral-400 bg-clip-text text-transparent dark:from-white dark:to-transparent">
+                <span className="bg-gradient-to-r from-white to-transparent bg-clip-text text-transparent">
                   Agents at
                   <br />
                   Your Fingertips.
                 </span>
               </div>
             </h1>
-            <p className="my-3 inline-block bg-gradient-to-r from-black via-black via-50% to-neutral-300 bg-clip-text text-center align-top font-inter font-[400] leading-[24px] tracking-[.08rem] text-transparent dark:from-white dark:via-white dark:to-neutral-500 sm:w-4/5 md:text-left">
+            <p className="my-3 inline-block bg-gradient-to-r from-white via-white via-50% to-neutral-500 bg-clip-text text-center align-top font-inter font-[400] leading-[24px] tracking-[.08rem] text-transparent sm:w-4/5 md:text-left">
               Leverage AI Agents to automate the workflows you once spent countless human hours on.
               Experience a new way of working.
             </p>
@@ -132,8 +132,8 @@ const Hero: FC<{ className?: string }> = ({ className }) => {
                 ))}
               </motion.div>
             </div>
-            <div className="absolute left-0 z-20 h-full w-6 -translate-x-0.5 bg-gradient-to-l from-transparent to-white dark:to-black" />
-            <div className="absolute right-0 z-20 h-full w-40 translate-x-0.5 bg-gradient-to-r from-transparent to-white to-75% dark:to-black" />
+            <div className="absolute left-0 z-20 h-full w-6 -translate-x-0.5 bg-gradient-to-l from-transparent to-black" />
+            <div className="absolute right-0 z-20 h-full w-40 translate-x-0.5 bg-gradient-to-r from-transparent to-black to-75%" />
             <button
               onClick={() => handleSliderButtonRight(1)}
               className="group absolute right-10 z-30 flex h-6 w-8 items-center justify-center rounded-full border border-white/20 bg-black bg-gradient-to-r from-white/10 to-black opacity-75 hover:border-white/30"
diff --git a/next/src/components/sidebar/AuthItem.tsx b/next/src/components/sidebar/AuthItem.tsx
index a99fad4e23..ed8bb58c0f 100644
--- a/next/src/components/sidebar/AuthItem.tsx
+++ b/next/src/components/sidebar/AuthItem.tsx
@@ -1,9 +1,11 @@
 import clsx from "clsx";
+import { useRouter } from "next/router";
 import type { Session } from "next-auth";
 import { useTranslation } from "next-i18next";
 import type { FC } from "react";
 import React, { useState } from "react";
-import { FaBuilding, FaEllipsisH, FaSignInAlt } from "react-icons/fa";
+import { BsThreeDots } from "react-icons/bs";
+import { FaSignInAlt } from "react-icons/fa";
 
 import Dialog from "../../ui/dialog";
 import { get_avatar } from "../../utils/user";
@@ -16,6 +18,7 @@ const AuthItem: FC<{
 }> = ({ session, classname, signOut, signIn }) => {
   const [t] = useTranslation("drawer");
   const [showDialog, setShowDialog] = useState(false);
+  const router = useRouter();
   const user = session?.user;
 
   const organization = user?.organizations?.at(0)?.name;
@@ -24,45 +27,37 @@ const AuthItem: FC<{
     <div className="flex items-center justify-between">
       <div
         className={clsx(
-          "text-color-primary flex flex-1 items-center justify-start gap-3 rounded-md px-2 py-2 text-sm font-semibold",
-          "hover:background-color-2 cursor-pointer",
+          "flex flex-1 cursor-pointer items-center justify-start gap-3 rounded-md px-1.5 py-2 text-sm font-semibold text-slate-12 hover:bg-slate-5",
           classname
         )}
         onClick={(e) => {
           user ? setShowDialog(true) : void signIn();
         }}
       >
-        <div className="relative">
-          {user && (
+        {user && (
+          <div className="relative">
             <img
-              className="h-9 w-9 rounded-md bg-neutral-800"
+              className="h-6 w-6 rounded-full bg-neutral-800"
               src={get_avatar(user)}
               alt="user avatar"
             />
-          )}
-          {organization && <FaBuilding className="absolute -right-1 -top-1 text-white" />}
-        </div>
+          </div>
+        )}
 
         {!user && (
-          <h1 className="ml-2 flex h-9 w-9 flex-grow items-center gap-2 text-center">
+          <h1 className="ml-2 flex h-6 w-6 flex-grow items-center gap-2 text-center text-slate-12">
             <FaSignInAlt />
-            {t("SIGN_IN")}
+            <p>Sign in</p>
           </h1>
         )}
 
         <span className="sr-only">Your profile</span>
         <div>
-          <p aria-hidden="true" className="max-w-[6.5rem] overflow-hidden text-ellipsis">
+          <p aria-hidden="true" className="max-w-[6.5rem] overflow-hidden text-ellipsis text-black">
             {user?.name}
           </p>
-          <p
-            aria-hidden="true"
-            className="max-w-[6.5rem] overflow-hidden text-ellipsis text-xs font-thin"
-          >
-            {organization || user?.email}
-          </p>
         </div>
-        {user && <FaEllipsisH className="ml-auto" />}
+        {user && <BsThreeDots className="ml-auto text-black" />}
 
         <Dialog
           inline
@@ -74,7 +69,7 @@ const AuthItem: FC<{
             <>
               <button
                 type="button"
-                className="inline-flex w-full justify-center rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500"
+                className="inline-flex w-full justify-center rounded-md bg-sky-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-sky-400"
                 onClick={() => {
                   signOut()
                     .then(() => setShowDialog(false))
@@ -86,7 +81,7 @@ const AuthItem: FC<{
               </button>
               <button
                 type="button"
-                className="inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
+                className="inline-flex w-full justify-center rounded-md bg-slate-1 px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-slate-3"
                 onClick={() => setShowDialog(false)}
               >
                 Close
@@ -94,8 +89,10 @@ const AuthItem: FC<{
             </>
           }
         >
-          <p className="max-w-full text-sm text-gray-600">{user?.name}</p>
-          <p className="text-sm text-gray-400">{user?.email}</p>
+          <div className="mt-2 w-full text-center">
+            <p className="max-w-full text-sm text-gray-600">{user?.name}</p>
+            <p className="text-sm text-gray-400">{user?.email}</p>
+          </div>
         </Dialog>
       </div>
     </div>
diff --git a/next/src/components/sidebar/LinkIconItem.tsx b/next/src/components/sidebar/LinkIconItem.tsx
index 0acd3a395f..636005c37e 100644
--- a/next/src/components/sidebar/LinkIconItem.tsx
+++ b/next/src/components/sidebar/LinkIconItem.tsx
@@ -1,14 +1,9 @@
-import clsx from "clsx";
 import type { ReactNode } from "react";
 
 const LinkIconItem = (props: { children: ReactNode; href?: string; onClick: () => void }) => (
   <a
     href={props.href}
-    className={clsx(
-      "grid h-10 w-10 cursor-pointer place-items-center rounded-xl text-2xl",
-      "neutral-button-primary border",
-      "group group-hover:scale-110"
-    )}
+    className="group grid h-10 w-10 cursor-pointer place-items-center rounded-xl text-2xl hover:bg-slate-5 group-hover:scale-110"
     onClick={(e) => {
       e.preventDefault();
       props.onClick();
diff --git a/next/src/components/sidebar/LinkItem.tsx b/next/src/components/sidebar/LinkItem.tsx
index 9cf91c3e21..d566ec92df 100644
--- a/next/src/components/sidebar/LinkItem.tsx
+++ b/next/src/components/sidebar/LinkItem.tsx
@@ -12,20 +12,19 @@ const LinkItem = (props: {
 }) => (
   <li>
     <a
-      href={props.href}
+      href={props.href || ""}
       className={clsx(
-        "text-color-secondary hover:background-color-2 hover:text-color-primary cursor-pointer",
-        "group flex gap-x-3 rounded-md px-2 py-1 text-sm leading-7"
+        "group flex gap-x-3 rounded-md px-2 py-1 text-sm font-medium leading-7 text-slate-12 hover:bg-slate-5",
+        !props.href && "cursor-not-allowed"
       )}
       onClick={(e) => {
         e.preventDefault();
         props.onClick();
       }}
     >
-      <span className="text-color-secondary group-hover:text-color-primary neutral-button-primary flex h-[2em] w-[2em] shrink-0 items-center justify-center rounded-lg border text-sm font-medium group-hover:scale-110">
-        {props.children}
-      </span>
-      <span className="font-light">{props.title}</span>
+      <span className="flex items-center justify-center">{props.children}</span>
+      <span>{props.title}</span>
+
       {props.badge && (
         <Badge className={clsx("ml-auto", props.badge.className)}>{props.badge.text}</Badge>
       )}
diff --git a/next/src/components/sidebar/links.tsx b/next/src/components/sidebar/links.tsx
index d9c2a51693..63e2b7b918 100644
--- a/next/src/components/sidebar/links.tsx
+++ b/next/src/components/sidebar/links.tsx
@@ -1,4 +1,4 @@
-import { User } from "next-auth";
+import type { User } from "next-auth";
 import type { IconType } from "react-icons";
 import {
   FaBusinessTime,
@@ -29,7 +29,6 @@ export const PAGE_LINKS: LinkMetadata[] = [
     name: "Home",
     href: "/",
     icon: FaHome,
-    className: "group-hover:text-color-secondary",
     enabled: true,
   },
   {
@@ -43,6 +42,13 @@ export const PAGE_LINKS: LinkMetadata[] = [
       className: "bg-gradient-to-tr from-purple-500 to-sky-600",
     },
   },
+  {
+    name: "Help",
+    href: "https://docs.reworkd.ai/",
+    icon: FaQuestion,
+    className: "group-hover:text-red-500",
+    enabled: true,
+  },
   {
     name: "Templates",
     href: "/templates",
@@ -53,13 +59,6 @@ export const PAGE_LINKS: LinkMetadata[] = [
       text: "New",
     },
   },
-  {
-    name: "Help",
-    href: "https://docs.reworkd.ai/",
-    icon: FaQuestion,
-    className: "group-hover:text-red-500",
-    enabled: true,
-  },
   {
     name: "Settings",
     href: "/settings",
@@ -72,8 +71,8 @@ export const PAGE_LINKS: LinkMetadata[] = [
     href: "/organization",
     icon: FaBusinessTime,
     className: "transition-transform group-hover:scale-110",
-    enabled: (user) => !!user && user.organizations.length > 0
-  }
+    enabled: (user) => !!user && user.organizations.length > 0,
+  },
 ];
 
 export const SOCIAL_LINKS: LinkMetadata[] = [
diff --git a/next/src/components/toast.tsx b/next/src/components/toast.tsx
index 10d267413c..b8afdb3f6d 100644
--- a/next/src/components/toast.tsx
+++ b/next/src/components/toast.tsx
@@ -41,7 +41,7 @@ const Toast = (props: Props) => {
                 {props.title}
               </ToastPrimitive.Title>
               {props.description && (
-                <ToastPrimitive.Description className="dark:text-gray-10 text-md mt-1 rounded-md bg-slate-800/50 p-1 text-white">
+                <ToastPrimitive.Description className="text-gray-10 text-md mt-1 rounded-md bg-slate-800/50 p-1">
                   <pre className="overflow-hidden text-ellipsis">{props.description}</pre>
                 </ToastPrimitive.Description>
               )}
diff --git a/next/src/hooks/useTheme.ts b/next/src/hooks/useTheme.ts
deleted file mode 100644
index ef86d22c09..0000000000
--- a/next/src/hooks/useTheme.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { useThemeStore } from "../stores";
-import type { Theme } from "../types";
-
-export const handleTheme = (theme: Theme) => {
-  if (typeof document === "undefined" || typeof window === "undefined") {
-    return;
-  }
-  const classList = document.documentElement.classList;
-  const DARK_THEME = "dark";
-
-  // true if user's system has dark theme
-  const isSystemThemeDark = window?.matchMedia(`(prefers-color-scheme: ${DARK_THEME})`).matches;
-  // determine whether App should have dark theme
-  const shouldAppThemeBeDark = theme === DARK_THEME || (theme === "system" && isSystemThemeDark);
-
-  if (shouldAppThemeBeDark && !classList.contains(DARK_THEME)) {
-    classList.add(DARK_THEME);
-  } else if (!shouldAppThemeBeDark) {
-    classList.remove(DARK_THEME);
-  }
-};
-
-export const useTheme = (initial: Theme = "dark") => {
-  const [_theme, _setTheme] = useState<Theme>(initial);
-  const theme = useThemeStore.use.theme();
-  const setTheme = useThemeStore.use.setTheme();
-
-  const handleSetTheme = (theme: Theme) => {
-    _setTheme(theme);
-    setTheme(theme);
-    handleTheme(theme);
-  };
-
-  useEffect(() => {
-    handleSetTheme(theme);
-    const prefersDark = window.matchMedia(`(prefers-color-scheme: dark)`);
-
-    prefersDark.addEventListener("change", () => {
-      handleSetTheme(theme);
-    });
-  });
-
-  return {
-    theme: _theme,
-    setTheme: handleSetTheme,
-  };
-};
diff --git a/next/src/layout/dashboard.tsx b/next/src/layout/dashboard.tsx
index bd7ec365e2..dece47619c 100644
--- a/next/src/layout/dashboard.tsx
+++ b/next/src/layout/dashboard.tsx
@@ -3,7 +3,6 @@ import type { ReactNode } from "react";
 import { useState } from "react";
 
 import AppHead from "../components/AppHead";
-import DottedGridBackground from "../components/DottedGridBackground";
 import LeftSidebar from "../components/drawer/LeftSidebar";
 import { SidebarControlButton } from "../components/drawer/Sidebar";
 import { useConfigStore } from "../stores/configStore";
@@ -44,7 +43,6 @@ const DashboardLayout = (props: DashboardLayoutProps) => {
   return (
     <>
       <AppHead />
-
       {/* Left sidebar */}
       {/* Mobile */}
       <LeftSidebar show={leftSettings.mobile} setShow={setMobile(leftSettings, setLeftSettings)} />
@@ -69,7 +67,6 @@ const DashboardLayout = (props: DashboardLayoutProps) => {
           setShow={setDesktop(leftSettings, setLeftSettings)}
         />
       </div>
-
       {/* Right sidebar */}
       {/* Mobile */}
       {props.rightSidebar && (
@@ -82,17 +79,14 @@ const DashboardLayout = (props: DashboardLayoutProps) => {
           />
         </>
       )}
-
       <main
         className={clsx(
-          "bg-gradient-to-b from-[#2B2B2B] to-[#1F1F1F] duration-300",
+          "bg-gradient-to-b from-slate-7 to-slate-3",
           leftSettings.desktop && "lg:pl-64",
           props.rightSidebar && layout.showRightSidebar && "lg:pr-64"
         )}
       >
-        <DottedGridBackground className="min-w-screen min-h-screen">
-          {props.children}
-        </DottedGridBackground>
+        <div className="min-w-screen min-h-screen">{props.children}</div>
       </main>
     </>
   );
diff --git a/next/src/layout/default.tsx b/next/src/layout/default.tsx
index de802a301f..00c166678d 100644
--- a/next/src/layout/default.tsx
+++ b/next/src/layout/default.tsx
@@ -2,9 +2,6 @@ import clsx from "clsx";
 import Head from "next/head";
 import { type ReactNode } from "react";
 
-import DottedGridBackground from "../components/DottedGridBackground";
-
-
 interface LayoutProps {
   children: ReactNode;
   className?: string;
@@ -44,9 +41,7 @@ const DefaultLayout = (props: LayoutProps) => {
         />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <DottedGridBackground className={clsx("min-w-screen min-h-screen", props.className)}>
-        {props.children}
-      </DottedGridBackground>
+      <div className={clsx("min-w-screen min-h-screen", props.className)}>{props.children}</div>
     </div>
   );
 };
diff --git a/next/src/layout/grid.tsx b/next/src/layout/grid.tsx
new file mode 100644
index 0000000000..8a00287dff
--- /dev/null
+++ b/next/src/layout/grid.tsx
@@ -0,0 +1,23 @@
+import type { PropsWithChildren } from "react";
+
+import AppHead from "../components/AppHead";
+
+interface Props extends PropsWithChildren {
+  title: string;
+}
+
+export default function GridLayout(props: Props) {
+  return (
+    <div
+      className="bg-slate-1"
+      style={{
+        backgroundSize: "80px 80px",
+        backgroundImage:
+          "linear-gradient(to right, #F1F3F5 2px, transparent 2px), linear-gradient(to bottom, #F1F3F5 1px, transparent 1px)",
+      }}
+    >
+      <AppHead title={props.title} />
+      {props.children}
+    </div>
+  );
+}
diff --git a/next/src/pages/_app.tsx b/next/src/pages/_app.tsx
index 9c13d93d9c..1fad3717f5 100644
--- a/next/src/pages/_app.tsx
+++ b/next/src/pages/_app.tsx
@@ -28,8 +28,7 @@ const MyApp: AppType<{ session: Session | null }> = ({
   }, [i18n]);
 
   return (
-    // Force dark mode for now due to light flickering
-    <div className="dark">
+    <div>
       <SessionProvider session={session}>
         <GoogleAnalytics trackPageViews />
         <Analytics />
diff --git a/next/src/pages/agent/index.tsx b/next/src/pages/agent/index.tsx
index 6ee330e3a9..2db32a770f 100644
--- a/next/src/pages/agent/index.tsx
+++ b/next/src/pages/agent/index.tsx
@@ -47,15 +47,17 @@ const AgentPage: NextPage = () => {
         id="content"
         className="flex h-screen max-w-full flex-col items-center justify-center gap-3 px-3 pt-7 md:px-10"
       >
-        <ChatWindow messages={messages} title={getAgent?.data?.name} visibleOnMobile>
-          {messages.map((message, index) => {
-            return (
-              <FadeIn key={`${index}-${message.type}`}>
-                <ChatMessage message={message} />
-              </FadeIn>
-            );
-          })}
-        </ChatWindow>
+        <div className="flex w-full max-w-screen-md flex-grow flex-col items-center overflow-hidden">
+          <ChatWindow messages={messages} title={getAgent?.data?.name} visibleOnMobile>
+            {messages.map((message, index) => {
+              return (
+                <FadeIn key={`${index}-${message.type}`}>
+                  <ChatMessage message={message} />
+                </FadeIn>
+              );
+            })}
+          </ChatWindow>
+        </div>
         <div className="flex flex-row gap-2">
           <Button icon={<FaBackspace />} onClick={() => void router.push("/")}>
             Back
diff --git a/next/src/pages/home.tsx b/next/src/pages/home.tsx
index 4ca3b3fd0e..27f8746b99 100644
--- a/next/src/pages/home.tsx
+++ b/next/src/pages/home.tsx
@@ -10,13 +10,13 @@ import NavBar from "../components/NavBar";
 
 const HomePage = () => {
   return (
-    <div className="min-w-screen mx-6 grid min-h-screen place-items-center py-2 selection:bg-purple-700/25 lg:overflow-x-hidden lg:overflow-y-hidden">
+    <div className="min-w-screen mx-6 grid min-h-screen place-items-center bg-black py-2 selection:bg-purple-700/25 lg:overflow-x-hidden lg:overflow-y-hidden">
       <AppHead
         title="Reworkd"
         ogTitle="Automate core business workflows with the help of AI Agents"
       />
-      <div className="absolute -z-50  h-full w-full bg-white dark:bg-black" />
-      <Image src="/stars.svg" alt="stars" fill className="absolute -z-40 invert  dark:invert-0" />
+      <div className="absolute -z-50  h-full w-full bg-black" />
+      <Image src="/stars.svg" alt="stars" fill className="absolute -z-40 invert-0" />
 
       <div className="flex h-full max-w-[1440px] flex-col justify-between">
         <NavBar />
@@ -27,7 +27,7 @@ const HomePage = () => {
           <footer className="flex flex-col items-center gap-2 pb-4 lg:flex-row">
             <Backing className="flex-grow" />
             <FooterLinks />
-            <div className="font-inter text-xs font-normal text-black/30 dark:text-white/30 lg:order-first lg:text-sm">
+            <div className="font-inter text-xs font-normal text-white/30 lg:order-first lg:text-sm">
               &copy; 2023 Reworkd AI, Inc.
             </div>
           </footer>
diff --git a/next/src/pages/index.tsx b/next/src/pages/index.tsx
index 927c6f1fb9..f2871fd1ef 100644
--- a/next/src/pages/index.tsx
+++ b/next/src/pages/index.tsx
@@ -1,27 +1,15 @@
 import clsx from "clsx";
-import { AnimatePresence, motion } from "framer-motion";
 import { type GetStaticProps, type NextPage } from "next";
 import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import React, { useEffect, useRef } from "react";
-import { FaCog, FaRobot, FaStar } from "react-icons/fa";
 
 import nextI18NextConfig from "../../next-i18next.config.js";
-import AppTitle from "../components/AppTitle";
-import Button from "../components/Button";
-import AgentControls from "../components/console/AgentControls";
-import { ChatMessage } from "../components/console/ChatMessage";
-import ChatWindow from "../components/console/ChatWindow";
-import { ChatWindowTitle } from "../components/console/ChatWindowTitle";
-import ExampleAgents from "../components/console/ExampleAgents";
-import Summarize from "../components/console/SummarizeButton";
 import HelpDialog from "../components/dialog/HelpDialog";
 import { SignInDialog } from "../components/dialog/SignInDialog";
-import { ToolsDialog } from "../components/dialog/ToolsDialog";
 import TaskSidebar from "../components/drawer/TaskSidebar";
-import Input from "../components/Input";
-import Expand from "../components/motions/expand";
-import FadeIn from "../components/motions/FadeIn";
+import Chat from "../components/index/chat";
+import Landing from "../components/index/landing";
 import { useAgent } from "../hooks/useAgent";
 import { useAuth } from "../hooks/useAuth";
 import { useSettings } from "../hooks/useSettings";
@@ -63,7 +51,6 @@ const Home: NextPage = () => {
   const { settings } = useSettings();
 
   const [showSignInDialog, setShowSignInDialog] = React.useState(false);
-  const [showToolsDialog, setShowToolsDialog] = React.useState(false);
   const agentUtils = useAgent();
 
   const nameInputRef = useRef<HTMLInputElement>(null);
@@ -160,131 +147,40 @@ const Home: NextPage = () => {
   return (
     <DashboardLayout rightSidebar={<TaskSidebar />}>
       <HelpDialog />
-      <ToolsDialog show={showToolsDialog} close={() => setShowToolsDialog(false)} />
 
-      <SignInDialog show={showSignInDialog} close={() => setShowSignInDialog(false)} />
+      <SignInDialog show={showSignInDialog} setOpen={setShowSignInDialog} />
       <div id="content" className="flex min-h-screen w-full items-center justify-center">
         <div
           id="layout"
           className={clsx(
-            "flex h-screen w-full max-w-screen-xl flex-col items-center gap-1 p-2 pt-10 sm:gap-3 sm:p-4",
-            agent !== null ? "pt-11" : "pt-3"
+            "relative flex h-screen w-full max-w-screen-md flex-col items-center justify-center gap-5 p-2 pt-10 sm:gap-3 sm:p-4"
           )}
         >
-          {
-            <AnimatePresence>
-              {!fullscreen && (
-                <motion.div
-                  initial={{ opacity: 0, height: 0 }}
-                  animate={{ opacity: 1, height: "fit-content" }}
-                  exit={{ opacity: 0, height: 0 }}
-                  transition={{ duration: 0.5, type: "easeInOut" }}
-                >
-                  <AppTitle />
-                </motion.div>
-              )}
-            </AnimatePresence>
-          }
-          <Expand className="flex w-full flex-grow overflow-hidden">
-            <ChatWindow
+          {agent !== null ? (
+            <Chat
               messages={messages}
-              title={<ChatWindowTitle model={settings.customModelName} />}
-              chatControls={
-                agent
-                  ? {
-                      value: chatInput,
-                      onChange: (value: string) => {
-                        setChatInput(value);
-                      },
-                      handleChat: async () => {
-                        const currentInput = chatInput;
-                        setChatInput("");
-                        await agent?.chat(currentInput);
-                      },
-                      loading: tasks.length == 0 || chatInput === "",
-                    }
-                  : undefined
-              }
-            >
-              {messages.length === 0 && (
-                <ExampleAgents setAgentRun={setAgentRun} setShowSignIn={setShowSignInDialog} />
-              )}
-              {messages.map((message, index) => {
-                return (
-                  <FadeIn key={`${index}-${message.type}`}>
-                    <ChatMessage message={message} />
-                  </FadeIn>
-                );
-              })}
-              <Summarize />
-            </ChatWindow>
-          </Expand>
-
-          <FadeIn
-            delay={0}
-            initialY={30}
-            duration={1}
-            className="flex w-full flex-col items-center gap-2"
-          >
-            <AnimatePresence>
-              {!fullscreen && (
-                <motion.div
-                  initial={{ opacity: 0, height: 0 }}
-                  animate={{ opacity: 1, height: "fit-content" }}
-                  exit={{ opacity: 0, height: 0 }}
-                  transition={{ duration: 0.5, type: "easeInOut" }}
-                  className="flex w-full flex-col gap-2"
-                >
-                  <div className="flex w-full flex-row items-end gap-2 md:items-center">
-                    <Input
-                      inputRef={nameInputRef}
-                      left={
-                        <>
-                          <FaRobot />
-                          <span className="ml-2">{`${t("AGENT_NAME")}`}</span>
-                        </>
-                      }
-                      value={nameInput}
-                      disabled={agent != null}
-                      onChange={(e) => setNameInput(e.target.value)}
-                      onKeyDown={(e) => handleKeyPress(e)}
-                      placeholder="AgentGPT"
-                      type="text"
-                    />
-                    <Button
-                      ping
-                      onClick={() => setShowToolsDialog(true)}
-                      className="border-white/20 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"
-                    >
-                      <p className="mr-3">Tools</p>
-                      <FaCog />
-                    </Button>
-                  </div>
-                  <Input
-                    left={
-                      <>
-                        <FaStar />
-                        <span className="ml-2">{`${t("LABEL_AGENT_GOAL")}`}</span>
-                      </>
-                    }
-                    disabled={agent != null}
-                    value={goalInput}
-                    onChange={(e) => setGoalInput(e.target.value)}
-                    onKeyDown={(e) => handleKeyPress(e)}
-                    placeholder={`${t("PLACEHOLDER_AGENT_GOAL")}`}
-                    type="textarea"
-                  />
-                </motion.div>
-              )}
-            </AnimatePresence>
-            <AgentControls
-              disablePlay={disableStartAgent}
-              lifecycle={agentLifecycle}
-              handlePlay={() => handlePlay(nameInput, goalInput)}
-              handlePause={() => agent?.pauseAgent()}
-              handleStop={() => agent?.stopAgent()}
+              disableStartAgent={disableStartAgent}
+              handlePlay={handlePlay}
+              nameInput={nameInput}
+              goalInput={goalInput}
+              setShowSignInDialog={setShowSignInDialog}
+              setAgentRun={setAgentRun}
+            />
+          ) : (
+            <Landing
+              messages={messages}
+              disableStartAgent={disableStartAgent}
+              handlePlay={handlePlay}
+              handleKeyPress={handleKeyPress}
+              nameInput={nameInput}
+              nameInputRef={nameInputRef}
+              setNameInput={setNameInput}
+              goalInput={goalInput}
+              setGoalInput={setGoalInput}
+              setShowSignInDialog={setShowSignInDialog}
+              setAgentRun={setAgentRun}
             />
-          </FadeIn>
+          )}
         </div>
       </div>
     </DashboardLayout>
diff --git a/next/src/pages/settings.tsx b/next/src/pages/settings.tsx
index 159189d12e..eee6787ec0 100644
--- a/next/src/pages/settings.tsx
+++ b/next/src/pages/settings.tsx
@@ -1,9 +1,9 @@
 import axios from "axios";
 import clsx from "clsx";
-import type {GetStaticProps} from "next";
-import {useTranslation} from "next-i18next";
-import {serverSideTranslations} from "next-i18next/serverSideTranslations";
-import React, {useState} from "react";
+import type { GetStaticProps } from "next";
+import { useTranslation } from "next-i18next";
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import React, { useState } from "react";
 import {
   FaCheckCircle,
   FaCoins,
@@ -16,23 +16,24 @@ import {
 } from "react-icons/fa";
 
 import nextI18NextConfig from "../../next-i18next.config.js";
-import {useAuth} from "../hooks/useAuth";
-import type {LLMModel} from "../hooks/useModels";
-import {useModels} from "../hooks/useModels";
-import {useSettings} from "../hooks/useSettings";
+import FadeIn from "../components/motions/FadeIn";
+import { useAuth } from "../hooks/useAuth";
+import type { LLMModel } from "../hooks/useModels";
+import { useModels } from "../hooks/useModels";
+import { useSettings } from "../hooks/useSettings";
 import DashboardLayout from "../layout/dashboard";
-import type {GPTModelNames} from "../types";
+import type { GPTModelNames } from "../types";
 import Button from "../ui/button";
 import Combo from "../ui/combox";
 import Input from "../ui/input";
-import type {Language} from "../utils/languages";
-import {languages} from "../utils/languages";
+import type { Language } from "../utils/languages";
+import { languages } from "../utils/languages";
 
 const SettingsPage = () => {
   const [t] = useTranslation("settings");
-  const {settings, updateSettings, updateLangauge} = useSettings();
-  const {session} = useAuth({protectedRoute: true});
-  const {models, getModel} = useModels();
+  const { settings, updateSettings, updateLangauge } = useSettings();
+  const { session } = useAuth({ protectedRoute: true });
+  const { models, getModel } = useModels();
 
   const [isApiKeyValid, setIsApiKeyValid] = useState<boolean | undefined>(undefined);
 
@@ -66,17 +67,26 @@ const SettingsPage = () => {
   };
 
   const onDisconnect = () => {
-    return Promise.resolve()
-  }
+    return Promise.resolve();
+  };
 
   return (
     <DashboardLayout>
-      <div className="grid min-h-screen flex-grow place-items-center p-2 sm:p-10 lg:p-16">
-        <div className="background-color-1 border-color-1 m-2 rounded-xl border">
-          <div className="border-color-1 align flex justify-between border-b-2 p-3 sm:p-5">
-            <h1 className="text-color-primary text-3xl font-bold md:text-4xl">⚙ Settings</h1>
-          </div>
-          <div className="p-3 sm:p-5">
+      <div className="min-h-screen flex-grow">
+        <div className="">
+          <FadeIn
+            initialX={-45}
+            initialY={0}
+            delay={0.1}
+            className="border-b border-slate-6 px-10 py-10"
+          >
+            <div>
+              {" "}
+              <h1 className="text-4xl font-bold text-slate-12">Settings</h1>
+              <h2 className="text-xl font-light text-slate-12">Customize your agent experience</h2>
+            </div>
+          </FadeIn>
+          <FadeIn initialY={45} delay={0.1} className="mt-4 px-10">
             <div className="flex flex-col gap-3">
               <Combo<Language>
                 label="Language"
@@ -86,7 +96,7 @@ const SettingsPage = () => {
                   updateLangauge(e).catch(console.error);
                 }}
                 items={languages}
-                icon={<FaGlobe/>}
+                icon={<FaGlobe />}
               />
               <Input
                 label="API Key"
@@ -106,7 +116,7 @@ const SettingsPage = () => {
                   setIsApiKeyValid(undefined);
                   updateSettings("customApiKey", e.target.value);
                 }}
-                icon={<FaKey/>}
+                icon={<FaKey />}
                 className="flex-grow-1 mr-2"
                 right={
                   <Button
@@ -119,8 +129,8 @@ const SettingsPage = () => {
                     )}
                   >
                     {isApiKeyValid === undefined && "Test"}
-                    {isApiKeyValid === true && <FaCheckCircle/>}
-                    {isApiKeyValid === false && <FaExclamationCircle/>}
+                    {isApiKeyValid === true && <FaCheckCircle />}
+                    {isApiKeyValid === false && <FaExclamationCircle />}
                   </Button>
                 }
               />
@@ -128,7 +138,7 @@ const SettingsPage = () => {
 
             {!disableAdvancedSettings && (
               <div className="mt-4 flex flex-col ">
-                <h1 className="text-color-primary pb-4 text-xl font-bold">Advanced Settings</h1>
+                <h1 className="pb-4 text-xl font-bold text-slate-12">Advanced Settings</h1>
                 <div className="flex flex-col gap-4">
                   <Combo<LLMModel>
                     label="Model"
@@ -136,7 +146,7 @@ const SettingsPage = () => {
                     valueMapper={(e) => e.name}
                     onChange={updateModel}
                     items={models}
-                    icon={<FaRobot/>}
+                    icon={<FaRobot />}
                   />
                   <Input
                     label={`${t("TEMPERATURE")}`}
@@ -152,7 +162,7 @@ const SettingsPage = () => {
                       step: 0.01,
                     }}
                     helpText={t("HIGHER_VALUES_MAKE_OUTPUT_MORE_RANDOM")}
-                    icon={<FaThermometerFull/>}
+                    icon={<FaThermometerFull />}
                     disabled={disableAdvancedSettings}
                   />
                   <Input
@@ -167,7 +177,7 @@ const SettingsPage = () => {
                       step: 1,
                     }}
                     helpText={t("CONTROL_THE_MAXIMUM_NUM_OF_LOOPS")}
-                    icon={<FaSyncAlt/>}
+                    icon={<FaSyncAlt />}
                     disabled={disableAdvancedSettings}
                   />
                   <Input
@@ -182,13 +192,13 @@ const SettingsPage = () => {
                       step: 100,
                     }}
                     helpText={t("CONTROL_MAXIMUM_OF_TOKENS_DESCRIPTION")}
-                    icon={<FaCoins/>}
+                    icon={<FaCoins />}
                     disabled={disableAdvancedSettings}
                   />
                 </div>
               </div>
             )}
-          </div>
+          </FadeIn>
         </div>
       </div>
     </DashboardLayout>
@@ -197,7 +207,7 @@ const SettingsPage = () => {
 
 export default SettingsPage;
 
-export const getStaticProps: GetStaticProps = async ({locale = "en"}) => {
+export const getStaticProps: GetStaticProps = async ({ locale = "en" }) => {
   const supportedLocales = languages.map((language) => language.code);
   const chosenLocale = supportedLocales.includes(locale) ? locale : "en";
 
diff --git a/next/src/pages/signin.tsx b/next/src/pages/signin.tsx
index b373b9c7b9..5fe1857ad2 100644
--- a/next/src/pages/signin.tsx
+++ b/next/src/pages/signin.tsx
@@ -1,6 +1,5 @@
 import clsx from "clsx";
 import type { GetServerSidePropsContext } from "next";
-import Head from "next/head";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import { getServerSession } from "next-auth/next";
@@ -12,8 +11,8 @@ import React, { useState } from "react";
 import { FaDiscord, FaGithub, FaGoogle } from "react-icons/fa";
 
 import FadeIn from "../components/motions/FadeIn";
+import GridLayout from "../layout/grid";
 import { authOptions } from "../server/auth/auth";
-import Checkbox from "../ui/checkbox";
 import Input from "../ui/input";
 
 const SignIn = ({ providers }: { providers: Provider }) => {
@@ -27,17 +26,13 @@ const SignIn = ({ providers }: { providers: Provider }) => {
     .filter((detail): detail is ButtonDetail => detail !== undefined);
 
   return (
-    <>
-      <Head>
-        <title>Sign in - AgentGPT</title>
-      </Head>
-
-      <div className="radial-background-1 grid h-screen w-screen place-items-center bg-black">
+    <GridLayout title="Sign in - Reworkd">
+      <div className="grid h-screen w-screen place-items-center bg-gradient-radial from-slate-1 via-20% to-transparent">
         <div className="flex h-full w-full max-w-screen-lg flex-col items-center justify-center gap-10">
           <FadeIn
             duration={1.5}
             initialY={-50}
-            className="flex flex-col items-center justify-center gap-6 text-white"
+            className="flex flex-col items-center justify-center gap-6 text-white invert"
           >
             <div className="flex flex-col items-center justify-center gap-16">
               <Image
@@ -46,13 +41,8 @@ const SignIn = ({ providers }: { providers: Provider }) => {
                 height="150"
                 alt="Reworkd AI"
               />
-              <h1
-                className={clsx(
-                  "bg-gradient-to-br from-white via-neutral-300 to-neutral-500 bg-clip-text text-transparent",
-                  "text-center text-3xl font-bold leading-[1.1em] tracking-[-0.64px] md:text-5xl"
-                )}
-              >
-                Welcome to AgentGPT
+              <h1 className="bg-gradient-to-t from-white via-neutral-300 to-neutral-500 bg-clip-text text-center text-3xl font-bold leading-[1.1em] tracking-[-0.64px] text-transparent md:text-5xl">
+                Reworkd
               </h1>
             </div>
           </FadeIn>
@@ -64,13 +54,12 @@ const SignIn = ({ providers }: { providers: Provider }) => {
           </FadeIn>
         </div>
       </div>
-    </>
+    </GridLayout>
   );
 };
 
 const InsecureSignin = () => {
   const [usernameValue, setUsernameValue] = useState("");
-  const adminState = useState(false);
 
   return (
     <div className="flex flex-col">
@@ -81,7 +70,6 @@ const InsecureSignin = () => {
         type="text"
         name="Username Field"
       />
-      <Checkbox model={adminState} label="Admin" className="mt-2" />
       <button
         onClick={() => {
           if (!usernameValue) return;
@@ -89,11 +77,10 @@ const InsecureSignin = () => {
           signIn("credentials", {
             callbackUrl: "/",
             name: usernameValue,
-            superAdmin: adminState[0],
           }).catch(console.error);
         }}
         className={clsx(
-          "mb-4 mt-4 flex items-center rounded-md bg-white px-10 py-3 text-sm font-semibold text-black transition-colors duration-300 hover:bg-gray-200 sm:text-base",
+          "mb-4 mt-4 flex items-center rounded-md bg-slate-12 px-10 py-3 text-sm font-semibold text-white transition-colors duration-300 hover:bg-slate-10 sm:text-base",
           !usernameValue && "cursor-not-allowed"
         )}
       >
diff --git a/next/src/pages/templates.tsx b/next/src/pages/templates.tsx
index 9a76043f4b..3fc23db052 100644
--- a/next/src/pages/templates.tsx
+++ b/next/src/pages/templates.tsx
@@ -26,8 +26,8 @@ const Templates = () => {
       <div className="flex h-full w-full flex-col p-10">
         <FadeIn initialX={-45} initialY={0} delay={0.1}>
           <div>
-            <h1 className="text-4xl font-bold text-white">Templates</h1>
-            <h2 className="text-xl font-thin text-white">
+            <h1 className="text-4xl font-bold text-slate-12">Templates</h1>
+            <h2 className="text-xl font-thin text-slate-12">
               Customizable and ready to deploy agents
             </h2>
           </div>
diff --git a/next/src/stores/index.ts b/next/src/stores/index.ts
index 39be3b3946..5f1ed2f9bb 100644
--- a/next/src/stores/index.ts
+++ b/next/src/stores/index.ts
@@ -1,4 +1,3 @@
 export * from "./messageStore";
 export * from "./agentStore";
 export * from "./modelSettingsStore";
-export * from "./themeStore";
diff --git a/next/src/stores/themeStore.ts b/next/src/stores/themeStore.ts
deleted file mode 100644
index a47c01b0a7..0000000000
--- a/next/src/stores/themeStore.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { StateCreator } from "zustand";
-import { create } from "zustand";
-import { createJSONStorage, persist } from "zustand/middleware";
-
-import { createSelectors } from "./helpers";
-import { handleTheme } from "../hooks/useTheme";
-import type { Theme } from "../types";
-
-const resetters: (() => void)[] = [];
-
-interface ThemeSlice {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-}
-
-const initialThemeState = {
-  theme: "light" as const,
-};
-
-const createThemeSlice: StateCreator<ThemeSlice> = (set) => {
-  resetters.push(() => set(initialThemeState));
-
-  return {
-    ...initialThemeState,
-    setTheme: (theme: Theme) => {
-      set(() => ({
-        theme,
-      }));
-    },
-  };
-};
-
-export const useThemeStore = createSelectors(
-  create<ThemeSlice>()(
-    persist(
-      (...a) => ({
-        ...createThemeSlice(...a),
-      }),
-      {
-        name: "agentgpt-theme",
-        storage: createJSONStorage(() => localStorage),
-        onRehydrateStorage: () => {
-          return (state, error) => {
-            if (error) {
-              console.error("an error happened during hydration. ", error);
-            } else {
-              handleTheme(state ? state.theme : "system");
-            }
-          };
-        },
-      }
-    )
-  )
-);
-
-export const resetAllThemeSlices = () => resetters.forEach((resetter) => resetter());
diff --git a/next/src/styles/globals.css b/next/src/styles/globals.css
index 2d8c54f9cf..b45a1daa08 100644
--- a/next/src/styles/globals.css
+++ b/next/src/styles/globals.css
@@ -99,149 +99,6 @@ tr:nth-child(even) {
     background-color: #1c2028;
 }
 
-@layer base {
-    /* background styles */
-    /* Used for the background effect in the landing page */
-    .background {
-        background-image: radial-gradient(
-                circle,
-                rgba(58, 58, 58, 0.5) 2px,
-                transparent 0px
-        );
-        background-size: 30px 30px;
-        background-position: 0 0, 15px 15px;
-    }
-
-    .background-dark {
-        background-image: radial-gradient(
-                circle,
-                rgba(58, 58, 58, 0.5) 2px,
-                transparent 0px
-        );
-        background-size: 30px 30px;
-        background-position: 0 0, 15px 15px;
-    }
-
-    .background-color-1 {
-        @apply dark:bg-shade-800-dark bg-shade-800-light;
-    }
-
-    .background-color-2 {
-        @apply dark:bg-shade-700-dark bg-shade-700-light;
-    }
-
-    .background-color-3 {
-        @apply dark:bg-shade-600-dark bg-shade-600-light;
-    }
-
-    .background-color-4 {
-        @apply dark:bg-shade-500-dark bg-shade-700-light;
-    }
-
-    .background-color-5 {
-        @apply dark:bg-shade-500-dark bg-shade-800-light;
-    }
-
-    .background-color-6 {
-        @apply dark:bg-shade-800-dark bg-blue-base-light
-    }
-
-    .background-color-7 {
-        @apply dark:bg-shade-500-dark bg-shade-800-light;
-    }
-
-    /* border styles */
-    .border-color-1 {
-        @apply dark:border-shade-500-dark border-shade-600-light
-    }
-
-    .border-color-2 {
-        @apply dark:border-shade-400-dark border-shade-700-light
-    }
-
-    .border-color-success {
-        @apply dark:border-green-base-dark border-green-base-light
-    }
-
-    .border-color-warn {
-        @apply dark:border-amber-base-dark border-amber-base-light
-    }
-
-    .border-style-1 {
-        @apply border-color-2 rounded-xl border;
-    }
-
-    .border-hover-1 {
-        @apply hover:border-blue-hover-light dark:hover:border-blue-hover-dark focus:ring-0 border;
-    }
-
-    .border-hover-success {
-        @apply dark:hover:border-green-hover-dark hover:border-green-hover-light;
-    }
-
-    .border-hover-warn {
-        @apply dark:hover:border-amber-hover-dark hover:border-amber-hover-light;
-    }
-
-    .border-focusVisible-1 {
-        @apply focus-visible:border-blue-focusVisible-light dark:focus-visible:border-blue-focusVisible-dark focus:ring-0 border focus-visible:ring-offset-0;
-    }
-
-    .border-focusVisible-1[type=range] {
-        @apply border;
-    }
-
-    /* text colors */
-    .text-color-primary {
-        @apply dark:text-shade-100-dark text-shade-100-light;
-    }
-
-    .text-color-secondary {
-        @apply dark:text-shade-200-dark text-shade-200-light;
-    }
-
-    .text-color-tertiary {
-        @apply dark:text-shade-300-dark text-shade-300-light;
-    }
-
-    .text-color-green {
-        @apply dark:text-green-base-dark text-green-base-light
-    }
-
-    .text-hover-green {
-        @apply dark:hover:text-green-hover-dark hover:text-green-hover-light
-    }
-
-    .text-color-error {
-        @apply dark:text-red-base-dark text-red-base-light
-    }
-
-    /* button styles */
-    .blue-button-primary {
-        @apply bg-blue-base-light dark:bg-blue-base-dark text-shade-100-dark hover:bg-blue-hover-light dark:hover:bg-blue-hover-dark focus-visible:outline-blue-focusVisible-light dark:focus-visible:outline-blue-focusVisible-dark;
-    }
-
-    .blue-button-secondary {
-        @apply bg-white dark:bg-white hover:bg-shade-500-light dark:hover:bg-shade-200-dark border-2 border-blue-base-light dark:border-blue-base-dark text-blue-base-light dark:text-blue-base-dark hover:text-blue-hover-light dark:hover:text-blue-hover-dark hover:border-blue-hover-light dark:hover:border-blue-hover-dark focus-visible:outline-blue-focusVisible-light dark:focus-visible:outline-blue-focusVisible-dark;
-    }
-
-    .red-button-primary {
-        @apply bg-red-base-light dark:bg-red-base-dark text-shade-100-dark hover:bg-red-hover-light focus-visible:outline-red-focusVisible-light dark:hover:bg-red-hover-dark dark:focus-visible:outline-red-focusVisible-dark;
-    }
-
-    .red-button-secondary {
-        @apply bg-white hover:bg-gray-300 border border-red-base-light dark:border-red-base-dark text-red-base-light dark:text-red-base-dark hover:text-red-hover-light dark:hover:text-red-hover-dark hover:border-red-hover-light dark:hover:border-red-hover-dark focus-visible:outline-red-focusVisible-light dark:focus-visible:outline-red-focusVisible-dark;
-    }
-
-    .neutral-button-primary {
-        @apply border border-shade-400-light dark:border-shade-400-dark text-color-primary hover:background-color-2 hover:bg-shade-500-light dark:hover:bg-shade-600-dark;
-    }
-
-    .button-disabled {
-        @apply dark:bg-shade-800-dark bg-shade-400-light cursor-not-allowed text-color-tertiary text-white border-style-1;
-    }
-}
-
 
 /* range input track style */
 input[type=range] {
@@ -266,7 +123,7 @@ input[type=range]::-ms-track {
 }
 
 input[type=range] {
-    @apply background-color-7 rounded-md;
+    @apply bg-slate-11 rounded-md;
     height: 0.5rem;
 }
 
@@ -281,7 +138,7 @@ Not supports in Firefox and IE */
 
 /* scrollbar itself */
 *::-webkit-scrollbar-thumb {
-    @apply rounded-lg bg-shade-600-light dark:bg-shade-200-dark;
+    @apply rounded-lg;
 }
 
 /* set button(top and bottom of the scrollbar) */
@@ -335,4 +192,4 @@ Not supports in Firefox and IE */
     left: 0;
     right: 0;
     z-index: -1;
-}
\ No newline at end of file
+}
diff --git a/next/src/types/index.ts b/next/src/types/index.ts
index 578f2262a3..49befe7992 100644
--- a/next/src/types/index.ts
+++ b/next/src/types/index.ts
@@ -1,3 +1,2 @@
 export * from "./propTypes";
 export * from "./modelSettings";
-export * from "./userSettings";
diff --git a/next/src/types/userSettings.ts b/next/src/types/userSettings.ts
deleted file mode 100644
index 881b18c99f..0000000000
--- a/next/src/types/userSettings.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const THEMES = ["dark" as const, "light" as const, "system" as const];
-export type Theme = "dark" | "light" | "system";
diff --git a/next/src/ui/combox.tsx b/next/src/ui/combox.tsx
index 39752e7055..c485cecd71 100644
--- a/next/src/ui/combox.tsx
+++ b/next/src/ui/combox.tsx
@@ -23,13 +23,13 @@ const Combo = <T,>({ items, ...props }: Props<T>) => {
 
   return (
     <Combobox as="div" value={props.value} onChange={props.onChange}>
-      <Combobox.Label className="text-color-primary flex items-center gap-2 text-sm font-bold leading-6">
+      <Combobox.Label className="flex items-center gap-2 text-sm font-bold leading-6 text-slate-12">
         {props.icon}
         {props.label}
       </Combobox.Label>
       <div className="relative mt-1">
         <Combobox.Input
-          className="border-hover-1 text-color-primary border-style-1 border-focusVisible-1 background-color-7 w-full rounded-md py-1.5 pl-3 pr-10 shadow-sm transition-colors sm:text-sm sm:leading-6"
+          className="w-full rounded-md border-0 bg-slate-1 py-1.5 pl-3 pr-10 text-slate-12 shadow-depth-1 transition-colors sm:text-sm sm:leading-6"
           onChange={(event) => setQuery(event.target.value)}
           displayValue={(e) => props.valueMapper(e as T)}
         />
@@ -38,7 +38,7 @@ const Combo = <T,>({ items, ...props }: Props<T>) => {
         </Combobox.Button>
 
         {filtered.length > 0 && (
-          <Combobox.Options className="text-color-primary background-color-7 absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm">
+          <Combobox.Options className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-slate-1 py-1 text-slate-12 shadow-lg ring-opacity-5 focus:outline-none sm:text-sm">
             {filtered.map((e, i) => (
               <Combobox.Option
                 key={i}
@@ -46,9 +46,7 @@ const Combo = <T,>({ items, ...props }: Props<T>) => {
                 className={({ active }) =>
                   clsx(
                     "relative cursor-default select-none py-2 pl-3 pr-9 ",
-                    active
-                      ? "bg-blue-hover-light text-white dark:bg-blue-hover-dark"
-                      : "text-color-primary"
+                    active ? "hover:bg-slate-3" : "text-slate-12"
                   )
                 }
               >
@@ -61,7 +59,7 @@ const Combo = <T,>({ items, ...props }: Props<T>) => {
                     {selected && (
                       <span
                         className={clsx(
-                          "text-color-primary absolute inset-y-0 right-0 flex items-center pr-4"
+                          "absolute inset-y-0 right-0 flex items-center pr-4 text-slate-12"
                         )}
                       >
                         <HiCheck className="h-5 w-5" aria-hidden="true" />
diff --git a/next/src/ui/dialog.tsx b/next/src/ui/dialog.tsx
index dfad3aa45d..956dc3a0d6 100644
--- a/next/src/ui/dialog.tsx
+++ b/next/src/ui/dialog.tsx
@@ -6,7 +6,7 @@ import { Fragment, useRef } from "react";
 interface DialogProps extends PropsWithChildren {
   open: boolean;
   setOpen: Dispatch<SetStateAction<boolean>>;
-  icon: ReactNode;
+  icon?: ReactNode;
   title: ReactNode;
   actions?: ReactNode;
   inline?: boolean;
@@ -53,21 +53,18 @@ const Dialog: FC<DialogProps> = ({ open, setOpen, ...props }) => {
             >
               <HeadlessDialog.Panel
                 className={clsx(
-                  "background-color-2 border-color-1 relative w-full max-w-sm transform overflow-hidden rounded-lg border text-left shadow-xl transition-all",
+                  "relative w-full max-w-sm transform overflow-hidden rounded-lg border-b border-slate-6 bg-slate-3 text-left shadow-xl transition-all",
                   props.inline || "sm:my-8 sm:w-full sm:max-w-lg"
                 )}
               >
                 <HeadlessDialog.Title
                   as="h3"
-                  className="text-color-primary flex flex-row items-start px-4 py-3 font-semibold leading-6"
+                  className="flex flex-row items-start px-4 py-3 font-semibold leading-6 text-slate-12"
                 >
                   {props.title}
                 </HeadlessDialog.Title>
                 <div
-                  className={clsx(
-                    "background-color-2 px-4 pb-4 pt-5",
-                    props.inline || "sm:p-6 sm:pb-4"
-                  )}
+                  className={clsx("bg-slate-1 px-4 pb-4 pt-5", props.inline || "sm:p-6 sm:pb-4")}
                 >
                   <div className={clsx(props.inline || "sm:flex sm:items-start")}>
                     <div
@@ -78,17 +75,10 @@ const Dialog: FC<DialogProps> = ({ open, setOpen, ...props }) => {
                     >
                       {props.icon}
                     </div>
-                    <div
-                      className={clsx(
-                        "mt-3 text-center",
-                        props.inline || "sm:ml-4 sm:mt-0 sm:text-left"
-                      )}
-                    >
-                      <div className="mt-2">{props.children}</div>
-                    </div>
+                    <div>{props.children}</div>
                   </div>
                 </div>
-                <div className="background-color-1 border-color-1 flex flex-col gap-2 border-t px-8 py-4">
+                <div className="flex flex-col gap-2 border-t border-slate-6 bg-slate-3 px-8 py-4">
                   {props.actions}
                 </div>
               </HeadlessDialog.Panel>
diff --git a/next/src/ui/input.tsx b/next/src/ui/input.tsx
index 12c7e9932d..e5ddd28c2c 100644
--- a/next/src/ui/input.tsx
+++ b/next/src/ui/input.tsx
@@ -18,22 +18,20 @@ const Input = (props: Props) => {
       {props.label && (
         <label
           htmlFor={props.name}
-          className="text-color-primary flex items-center gap-2 text-sm font-bold leading-6"
+          className="flex items-center gap-2 text-sm font-bold leading-6 text-slate-12"
         >
           {props.icon}
           <span>{props.label}</span>
 
           {props.type == "range" && (
-            <span className="text-color-primary text-xs font-medium lg:text-sm">
-              ({props.value})
-            </span>
+            <span className="text-xs font-medium text-slate-12 lg:text-sm">({props.value})</span>
           )}
         </label>
       )}
       <div className="relative flex flex-col gap-1 rounded-md shadow-sm">
         {props.helpText && (
           <p
-            className="text-color-secondary text-xs font-extralight lg:text-sm"
+            className="text-xs font-light text-slate-11 lg:text-sm"
             id={`${props.name}-description`}
           >
             {props.helpText}
@@ -45,7 +43,7 @@ const Input = (props: Props) => {
             name={props.name}
             id={props.name}
             className={clsx(
-              "text-color-primary background-color-7 placeholder:text-color-tertiary focus:outline-inset border-focusVisible-1 border-style-1 block w-full rounded-md p-1 shadow-sm transition-colors sm:text-sm sm:leading-6"
+              "placeholder:text-color-tertiary focus:outline-inset block w-full rounded-md border-0 bg-slate-1 p-1.5 text-slate-12 shadow-depth-1 transition-colors sm:text-sm sm:leading-6"
             )}
             placeholder={props.placeholder}
             value={props.value}
diff --git a/next/tailwind.config.cjs b/next/tailwind.config.cjs
index 965f68274e..a23b5cf40b 100644
--- a/next/tailwind.config.cjs
+++ b/next/tailwind.config.cjs
@@ -2,9 +2,14 @@
 const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-    content: ["./src/**/*.{js,ts,jsx,tsx}"],
+    content: [
+        "./src/**/*.{js,ts,jsx,tsx}",
+        "./node_modules/@tremor/**/*.{js,ts,jsx,tsx}",
+    ],
     darkMode: "class",
     theme: {
+        transparent: "transparent",
+        current: "currentColor",
         screens: {
             "xs": "300px",
             "xmd": "850px",
@@ -38,13 +43,110 @@ module.exports = {
                 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', // Add bg-gradient-radial for radial gradients
             },
             boxShadow: {
-                "xs": "0px 0px 0px 0.75px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.05)"
+                "xs": "0px 0px 0px 0.75px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.05)",
+                // light
+                "tremor-input": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+                "tremor-card": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+                "tremor-dropdown": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+                // dark
+                "dark-tremor-input": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+                "dark-tremor-card": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+                "dark-tremor-dropdown": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+
+                "depth-1": "0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 0.75px rgba(0, 0, 0, 0.05), 0 0 12px -2px rgba(0, 0, 0, 0.05)",
+                "depth-2": "0 0 0 0.75px rgba(0, 0, 0, 0.05), 0 8px 32px 0 rgba(39, 40, 51, 0.05), 0 4px 16px 0 rgba(39, 40, 51, 0.05)",
+                "depth-3": "0 0 0 0.75px rgba(0, 0, 0, 0.05), 0 8px 32px 0 rgba(39, 40, 51, 0.05), 0 4px 16px 0 rgba(39, 40, 51, 0.05), 0 8px 24px -4px rgba(0, 0, 0, 0.20)"
+            },
+            borderRadius: {
+                "tremor-small": "0.375rem",
+                "tremor-default": "0.5rem",
+                "tremor-full": "9999px",
+            },
+            fontSize: {
+                "tremor-label": ["0.75rem"],
+                "tremor-default": ["0.875rem", { lineHeight: "1.25rem" }],
+                "tremor-title": ["1.125rem", { lineHeight: "1.75rem" }],
+                "tremor-metric": ["1.875rem", { lineHeight: "2.25rem" }],
             },
             fontFamily: {
                 inter: ["Inter", ...defaultTheme.fontFamily.sans]
             },
 
             colors: {
+                slate: {
+                    1: "#FBFCFD",
+                    2: "#F8F9FA",
+                    3: "#F1F3F5",
+                    4: "#ECEEF0",
+                    5: "#E6E8EB",
+                    6: "#DFE3E6",
+                    7: "#D7DBDF",
+                    8: "#C1C8CD",
+                    9: "#889096",
+                    10: "#7E868C",
+                    11: "#687076",
+                    12: "#11181C",
+                },
+                // light mode
+                tremor: {
+                    brand: {
+                        faint: "#eff6ff", // blue-50
+                        muted: "#bfdbfe", // blue-200
+                        subtle: "#60a5fa", // blue-400
+                        DEFAULT: "#3b82f6", // blue-500
+                        emphasis: "#1d4ed8", // blue-700
+                        inverted: "#ffffff", // white
+                    },
+                    background: {
+                        muted: "#f9fafb", // gray-50
+                        subtle: "#f3f4f6", // gray-100
+                        DEFAULT: "#ffffff", // white
+                        emphasis: "#374151", // gray-700
+                    },
+                    border: {
+                        DEFAULT: "#e5e7eb", // gray-200
+                    },
+                    ring: {
+                        DEFAULT: "#e5e7eb", // gray-200
+                    },
+                    content: {
+                        subtle: "#9ca3af", // gray-400
+                        DEFAULT: "#6b7280", // gray-500
+                        emphasis: "#374151", // gray-700
+                        strong: "#111827", // gray-900
+                        inverted: "#ffffff", // white
+                    },
+                },
+                // dark mode
+                "dark-tremor": {
+                    brand: {
+                        faint: "#0B1229", // custom
+                        muted: "#172554", // blue-950
+                        subtle: "#1e40af", // blue-800
+                        DEFAULT: "#3b82f6", // blue-500
+                        emphasis: "#60a5fa", // blue-400
+                        inverted: "#030712", // gray-950
+                    },
+                    background: {
+                        muted: "#131A2B", // custom
+                        subtle: "#1f2937", // gray-800
+                        DEFAULT: "#111827", // gray-900
+                        emphasis: "#d1d5db", // gray-300
+                    },
+                    border: {
+                        DEFAULT: "#1f2937", // gray-800
+                    },
+                    ring: {
+                        DEFAULT: "#1f2937", // gray-800
+                    },
+                    content: {
+                        subtle: "#4b5563", // gray-600
+                        DEFAULT: "#6b7280", // gray-600
+                        emphasis: "#e5e7eb", // gray-200
+                        strong: "#f9fafb", // gray-50
+                        inverted: "#000000", // black
+                    },
+                },
                 blue: {
                     base: {
                         dark: "hsl(199, 89%, 48%)",
@@ -138,6 +240,35 @@ module.exports = {
             },
         },
     },
+    safelist: [
+        {
+            pattern:
+                /^(bg-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(text-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(border-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(ring-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+        {
+            pattern:
+                /^(stroke-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+        {
+            pattern:
+                /^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+    ],
     plugins: [
         require('@tailwindcss/typography'),
         require('@tailwindcss/forms'),
diff --git a/platform/poetry.lock b/platform/poetry.lock
index 7fdf8a61d3..4dbf65c3c5 100644
--- a/platform/poetry.lock
+++ b/platform/poetry.lock
@@ -1,9 +1,10 @@
-# This file is automatically @generated by Poetry 1.6.1 and should not be changed by hand.
+# This file is automatically @generated by Poetry 1.4.2 and should not be changed by hand.
 
 [[package]]
 name = "aiohttp"
 version = "3.8.5"
 description = "Async http client/server framework (asyncio)"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -112,6 +113,7 @@ speedups = ["Brotli", "aiodns", "cchardet"]
 name = "aiokafka"
 version = "0.8.1"
 description = "Kafka integration with asyncio."
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -158,6 +160,7 @@ zstd = ["zstandard"]
 name = "aiomysql"
 version = "0.1.1"
 description = "MySQL driver for asyncio."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -176,6 +179,7 @@ sa = ["sqlalchemy (>=1.0,<1.4)"]
 name = "aiosignal"
 version = "1.3.1"
 description = "aiosignal: a list of registered asynchronous callbacks"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -190,6 +194,7 @@ frozenlist = ">=1.1.0"
 name = "anyio"
 version = "3.7.1"
 description = "High level compatibility layer for multiple asynchronous event loop implementations"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -211,6 +216,7 @@ trio = ["trio (<0.22)"]
 name = "astor"
 version = "0.8.1"
 description = "Read/rewrite/write Python ASTs"
+category = "dev"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,>=2.7"
 files = [
@@ -222,6 +228,7 @@ files = [
 name = "async-timeout"
 version = "4.0.3"
 description = "Timeout context manager for asyncio programs"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -233,6 +240,7 @@ files = [
 name = "attrs"
 version = "23.1.0"
 description = "Classes Without Boilerplate"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -251,6 +259,7 @@ tests-no-zope = ["cloudpickle", "hypothesis", "mypy (>=1.1.1)", "pympler", "pyte
 name = "autoflake"
 version = "2.2.1"
 description = "Removes unused imports and unused variables"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -266,6 +275,7 @@ tomli = {version = ">=2.0.1", markers = "python_version < \"3.11\""}
 name = "autopep8"
 version = "2.0.4"
 description = "A tool that automatically formats Python code to conform to the PEP 8 style guide"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -281,6 +291,7 @@ tomli = {version = "*", markers = "python_version < \"3.11\""}
 name = "aws-secretsmanager-caching"
 version = "1.1.1.5"
 description = "Client-side AWS Secrets Manager caching library"
+category = "main"
 optional = false
 python-versions = ">3.5"
 files = [
@@ -295,6 +306,7 @@ botocore = "*"
 name = "bandit"
 version = "1.7.5"
 description = "Security oriented static analyser for python code."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -318,6 +330,7 @@ yaml = ["PyYAML"]
 name = "beautifulsoup4"
 version = "4.12.2"
 description = "Screen-scraping library"
+category = "main"
 optional = false
 python-versions = ">=3.6.0"
 files = [
@@ -336,6 +349,7 @@ lxml = ["lxml"]
 name = "black"
 version = "23.9.1"
 description = "The uncompromising code formatter."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -382,6 +396,7 @@ uvloop = ["uvloop (>=0.15.2)"]
 name = "boto3"
 version = "1.28.53"
 description = "The AWS SDK for Python"
+category = "main"
 optional = false
 python-versions = ">= 3.7"
 files = [
@@ -401,6 +416,7 @@ crt = ["botocore[crt] (>=1.21.0,<2.0a0)"]
 name = "botocore"
 version = "1.31.53"
 description = "Low-level, data-driven core of boto 3."
+category = "main"
 optional = false
 python-versions = ">= 3.7"
 files = [
@@ -420,6 +436,7 @@ crt = ["awscrt (==0.16.26)"]
 name = "certifi"
 version = "2023.7.22"
 description = "Python package for providing Mozilla's CA Bundle."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -431,6 +448,7 @@ files = [
 name = "cffi"
 version = "1.15.1"
 description = "Foreign Function Interface for Python calling C code."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -507,6 +525,7 @@ pycparser = "*"
 name = "cfgv"
 version = "3.4.0"
 description = "Validate configuration and produce human readable error messages."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -518,6 +537,7 @@ files = [
 name = "charset-normalizer"
 version = "3.2.0"
 description = "The Real First Universal Charset Detector. Open, modern and actively maintained alternative to Chardet."
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -602,6 +622,7 @@ files = [
 name = "click"
 version = "8.1.7"
 description = "Composable command line interface toolkit"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -616,6 +637,7 @@ colorama = {version = "*", markers = "platform_system == \"Windows\""}
 name = "colorama"
 version = "0.4.6"
 description = "Cross-platform colored terminal text."
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,!=3.6.*,>=2.7"
 files = [
@@ -627,6 +649,7 @@ files = [
 name = "coverage"
 version = "7.3.1"
 description = "Code coverage measurement for Python"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -694,6 +717,7 @@ toml = ["tomli"]
 name = "cryptography"
 version = "41.0.4"
 description = "cryptography is a package which provides cryptographic recipes and primitives to Python developers."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -739,6 +763,7 @@ test-randomorder = ["pytest-randomly"]
 name = "darglint"
 version = "1.8.1"
 description = "A utility for ensuring Google-style docstrings stay up to date with the source code."
+category = "dev"
 optional = false
 python-versions = ">=3.6,<4.0"
 files = [
@@ -750,6 +775,7 @@ files = [
 name = "dataclasses-json"
 version = "0.5.9"
 description = "Easily serialize dataclasses to and from JSON"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -769,6 +795,7 @@ dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (
 name = "distlib"
 version = "0.3.7"
 description = "Distribution utilities"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -780,6 +807,7 @@ files = [
 name = "dnspython"
 version = "2.4.2"
 description = "DNS toolkit"
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -799,6 +827,7 @@ wmi = ["wmi (>=1.5.1,<2.0.0)"]
 name = "docutils"
 version = "0.20.1"
 description = "Docutils -- Python Documentation Utilities"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -810,6 +839,7 @@ files = [
 name = "dotmap"
 version = "1.3.30"
 description = "ordered, dynamically-expandable dot-access dictionary"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -821,6 +851,7 @@ files = [
 name = "eradicate"
 version = "2.3.0"
 description = "Removes commented-out code."
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -832,6 +863,7 @@ files = [
 name = "exceptiongroup"
 version = "1.1.3"
 description = "Backport of PEP 654 (exception groups)"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -846,6 +878,7 @@ test = ["pytest (>=6)"]
 name = "fastapi"
 version = "0.98.0"
 description = "FastAPI framework, high performance, easy to learn, fast to code, ready for production"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -864,6 +897,7 @@ all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)"
 name = "filelock"
 version = "3.12.4"
 description = "A platform independent file lock."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -880,6 +914,7 @@ typing = ["typing-extensions (>=4.7.1)"]
 name = "flake8"
 version = "6.0.0"
 description = "the modular source code checker: pep8 pyflakes and co"
+category = "dev"
 optional = false
 python-versions = ">=3.8.1"
 files = [
@@ -896,6 +931,7 @@ pyflakes = ">=3.0.0,<3.1.0"
 name = "flake8-bandit"
 version = "4.1.1"
 description = "Automated security testing with bandit and flake8."
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -911,6 +947,7 @@ flake8 = ">=5.0.0"
 name = "flake8-broken-line"
 version = "1.0.0"
 description = "Flake8 plugin to forbid backslashes for line breaks"
+category = "dev"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -925,6 +962,7 @@ flake8 = ">5"
 name = "flake8-bugbear"
 version = "23.9.16"
 description = "A plugin for flake8 finding likely bugs and design problems in your program. Contains warnings that don't belong in pyflakes and pycodestyle."
+category = "dev"
 optional = false
 python-versions = ">=3.8.1"
 files = [
@@ -943,6 +981,7 @@ dev = ["coverage", "hypothesis", "hypothesmith (>=0.2)", "pre-commit", "pytest",
 name = "flake8-commas"
 version = "2.1.0"
 description = "Flake8 lint for trailing commas."
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -957,6 +996,7 @@ flake8 = ">=2"
 name = "flake8-comprehensions"
 version = "3.14.0"
 description = "A flake8 plugin to help you write better list/set/dict comprehensions."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -971,6 +1011,7 @@ flake8 = ">=3.0,<3.2.0 || >3.2.0"
 name = "flake8-debugger"
 version = "4.1.2"
 description = "ipdb/pdb statement checker plugin for flake8"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -986,6 +1027,7 @@ pycodestyle = "*"
 name = "flake8-docstrings"
 version = "1.7.0"
 description = "Extension for flake8 which uses pydocstyle to check docstrings"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1001,6 +1043,7 @@ pydocstyle = ">=2.1"
 name = "flake8-eradicate"
 version = "1.5.0"
 description = "Flake8 plugin to find commented out code"
+category = "dev"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -1017,6 +1060,7 @@ flake8 = ">5"
 name = "flake8-isort"
 version = "6.1.0"
 description = "flake8 plugin that integrates isort ."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1034,6 +1078,7 @@ test = ["pytest"]
 name = "flake8-quotes"
 version = "3.3.2"
 description = "Flake8 lint for quotes."
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -1047,6 +1092,7 @@ flake8 = "*"
 name = "flake8-rst-docstrings"
 version = "0.3.0"
 description = "Python docstring reStructuredText (RST) validator for flake8"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1066,6 +1112,7 @@ develop = ["build", "twine"]
 name = "flake8-string-format"
 version = "0.3.0"
 description = "string format checker, plugin for flake8"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -1080,6 +1127,7 @@ flake8 = "*"
 name = "frozenlist"
 version = "1.4.0"
 description = "A list-like structure which implements collections.abc.MutableSequence"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1150,6 +1198,7 @@ files = [
 name = "gitdb"
 version = "4.0.10"
 description = "Git Object Database"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1164,6 +1213,7 @@ smmap = ">=3.0.1,<6"
 name = "gitpython"
 version = "3.1.37"
 description = "GitPython is a Python library used to interact with Git repositories"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1181,6 +1231,7 @@ test = ["black", "coverage[toml]", "ddt (>=1.1.1,!=1.4.3)", "mypy", "pre-commit"
 name = "googleapis-common-protos"
 version = "1.60.0"
 description = "Common protobufs used in Google APIs"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1198,6 +1249,7 @@ grpc = ["grpcio (>=1.44.0,<2.0.0.dev0)"]
 name = "greenlet"
 version = "2.0.2"
 description = "Lightweight in-process concurrent programming"
+category = "main"
 optional = false
 python-versions = ">=2.7,!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*"
 files = [
@@ -1206,7 +1258,6 @@ files = [
     {file = "greenlet-2.0.2-cp27-cp27m-win32.whl", hash = "sha256:6c3acb79b0bfd4fe733dff8bc62695283b57949ebcca05ae5c129eb606ff2d74"},
     {file = "greenlet-2.0.2-cp27-cp27m-win_amd64.whl", hash = "sha256:283737e0da3f08bd637b5ad058507e578dd462db259f7f6e4c5c365ba4ee9343"},
     {file = "greenlet-2.0.2-cp27-cp27mu-manylinux2010_x86_64.whl", hash = "sha256:d27ec7509b9c18b6d73f2f5ede2622441de812e7b1a80bbd446cb0633bd3d5ae"},
-    {file = "greenlet-2.0.2-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:d967650d3f56af314b72df7089d96cda1083a7fc2da05b375d2bc48c82ab3f3c"},
     {file = "greenlet-2.0.2-cp310-cp310-macosx_11_0_x86_64.whl", hash = "sha256:30bcf80dda7f15ac77ba5af2b961bdd9dbc77fd4ac6105cee85b0d0a5fcf74df"},
     {file = "greenlet-2.0.2-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:26fbfce90728d82bc9e6c38ea4d038cba20b7faf8a0ca53a9c07b67318d46088"},
     {file = "greenlet-2.0.2-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:9190f09060ea4debddd24665d6804b995a9c122ef5917ab26e1566dcc712ceeb"},
@@ -1215,7 +1266,6 @@ files = [
     {file = "greenlet-2.0.2-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:76ae285c8104046b3a7f06b42f29c7b73f77683df18c49ab5af7983994c2dd91"},
     {file = "greenlet-2.0.2-cp310-cp310-win_amd64.whl", hash = "sha256:2d4686f195e32d36b4d7cf2d166857dbd0ee9f3d20ae349b6bf8afc8485b3645"},
     {file = "greenlet-2.0.2-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:c4302695ad8027363e96311df24ee28978162cdcdd2006476c43970b384a244c"},
-    {file = "greenlet-2.0.2-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:d4606a527e30548153be1a9f155f4e283d109ffba663a15856089fb55f933e47"},
     {file = "greenlet-2.0.2-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c48f54ef8e05f04d6eff74b8233f6063cb1ed960243eacc474ee73a2ea8573ca"},
     {file = "greenlet-2.0.2-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:a1846f1b999e78e13837c93c778dcfc3365902cfb8d1bdb7dd73ead37059f0d0"},
     {file = "greenlet-2.0.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3a06ad5312349fec0ab944664b01d26f8d1f05009566339ac6f63f56589bc1a2"},
@@ -1245,7 +1295,6 @@ files = [
     {file = "greenlet-2.0.2-cp37-cp37m-win32.whl", hash = "sha256:3f6ea9bd35eb450837a3d80e77b517ea5bc56b4647f5502cd28de13675ee12f7"},
     {file = "greenlet-2.0.2-cp37-cp37m-win_amd64.whl", hash = "sha256:7492e2b7bd7c9b9916388d9df23fa49d9b88ac0640db0a5b4ecc2b653bf451e3"},
     {file = "greenlet-2.0.2-cp38-cp38-macosx_10_15_x86_64.whl", hash = "sha256:b864ba53912b6c3ab6bcb2beb19f19edd01a6bfcbdfe1f37ddd1778abfe75a30"},
-    {file = "greenlet-2.0.2-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:1087300cf9700bbf455b1b97e24db18f2f77b55302a68272c56209d5587c12d1"},
     {file = "greenlet-2.0.2-cp38-cp38-manylinux2010_x86_64.whl", hash = "sha256:ba2956617f1c42598a308a84c6cf021a90ff3862eddafd20c3333d50f0edb45b"},
     {file = "greenlet-2.0.2-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:fc3a569657468b6f3fb60587e48356fe512c1754ca05a564f11366ac9e306526"},
     {file = "greenlet-2.0.2-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8eab883b3b2a38cc1e050819ef06a7e6344d4a990d24d45bc6f2cf959045a45b"},
@@ -1254,7 +1303,6 @@ files = [
     {file = "greenlet-2.0.2-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:b0ef99cdbe2b682b9ccbb964743a6aca37905fda5e0452e5ee239b1654d37f2a"},
     {file = "greenlet-2.0.2-cp38-cp38-win32.whl", hash = "sha256:b80f600eddddce72320dbbc8e3784d16bd3fb7b517e82476d8da921f27d4b249"},
     {file = "greenlet-2.0.2-cp38-cp38-win_amd64.whl", hash = "sha256:4d2e11331fc0c02b6e84b0d28ece3a36e0548ee1a1ce9ddde03752d9b79bba40"},
-    {file = "greenlet-2.0.2-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:8512a0c38cfd4e66a858ddd1b17705587900dd760c6003998e9472b77b56d417"},
     {file = "greenlet-2.0.2-cp39-cp39-macosx_11_0_x86_64.whl", hash = "sha256:88d9ab96491d38a5ab7c56dd7a3cc37d83336ecc564e4e8816dbed12e5aaefc8"},
     {file = "greenlet-2.0.2-cp39-cp39-manylinux2010_x86_64.whl", hash = "sha256:561091a7be172ab497a3527602d467e2b3fbe75f9e783d8b8ce403fa414f71a6"},
     {file = "greenlet-2.0.2-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:971ce5e14dc5e73715755d0ca2975ac88cfdaefcaab078a284fea6cfabf866df"},
@@ -1275,6 +1323,7 @@ test = ["objgraph", "psutil"]
 name = "grpc-gateway-protoc-gen-openapiv2"
 version = "0.1.0"
 description = "Provides the missing pieces for gRPC Gateway."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1289,6 +1338,7 @@ googleapis-common-protos = "*"
 name = "grpcio"
 version = "1.58.0"
 description = "HTTP/2-based RPC framework"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1346,6 +1396,7 @@ protobuf = ["grpcio-tools (>=1.58.0)"]
 name = "h11"
 version = "0.14.0"
 description = "A pure-Python, bring-your-own-I/O implementation of HTTP/1.1"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1355,29 +1406,31 @@ files = [
 
 [[package]]
 name = "httpcore"
-version = "0.17.3"
+version = "0.18.0"
 description = "A minimal low-level HTTP client."
+category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "httpcore-0.17.3-py3-none-any.whl", hash = "sha256:c2789b767ddddfa2a5782e3199b2b7f6894540b17b16ec26b2c4d8e103510b87"},
-    {file = "httpcore-0.17.3.tar.gz", hash = "sha256:a6f30213335e34c1ade7be6ec7c47f19f50c56db36abef1a9dfa3815b1cb3888"},
+    {file = "httpcore-0.18.0-py3-none-any.whl", hash = "sha256:adc5398ee0a476567bf87467063ee63584a8bce86078bf748e48754f60202ced"},
+    {file = "httpcore-0.18.0.tar.gz", hash = "sha256:13b5e5cd1dca1a6636a6aaea212b19f4f85cd88c366a2b82304181b769aab3c9"},
 ]
 
 [package.dependencies]
 anyio = ">=3.0,<5.0"
 certifi = "*"
 h11 = ">=0.13,<0.15"
-sniffio = "==1.*"
+sniffio = ">=1.0.0,<2.0.0"
 
 [package.extras]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (==1.*)"]
+socks = ["socksio (>=1.0.0,<2.0.0)"]
 
 [[package]]
 name = "httptools"
 version = "0.5.0"
 description = "A collection of framework independent HTTP protocol utils."
+category = "main"
 optional = false
 python-versions = ">=3.5.0"
 files = [
@@ -1429,31 +1482,33 @@ test = ["Cython (>=0.29.24,<0.30.0)"]
 
 [[package]]
 name = "httpx"
-version = "0.24.1"
+version = "0.25.0"
 description = "The next generation HTTP client."
+category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "httpx-0.24.1-py3-none-any.whl", hash = "sha256:06781eb9ac53cde990577af654bd990a4949de37a28bdb4a230d434f3a30b9bd"},
-    {file = "httpx-0.24.1.tar.gz", hash = "sha256:5853a43053df830c20f8110c5e69fe44d035d850b2dfe795e196f00fdb774bdd"},
+    {file = "httpx-0.25.0-py3-none-any.whl", hash = "sha256:181ea7f8ba3a82578be86ef4171554dd45fec26a02556a744db029a0a27b7100"},
+    {file = "httpx-0.25.0.tar.gz", hash = "sha256:47ecda285389cb32bb2691cc6e069e3ab0205956f681c5b2ad2325719751d875"},
 ]
 
 [package.dependencies]
 certifi = "*"
-httpcore = ">=0.15.0,<0.18.0"
+httpcore = ">=0.18.0,<0.19.0"
 idna = "*"
 sniffio = "*"
 
 [package.extras]
 brotli = ["brotli", "brotlicffi"]
-cli = ["click (==8.*)", "pygments (==2.*)", "rich (>=10,<14)"]
+cli = ["click (>=8.0.0,<9.0.0)", "pygments (>=2.0.0,<3.0.0)", "rich (>=10,<14)"]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (==1.*)"]
+socks = ["socksio (>=1.0.0,<2.0.0)"]
 
 [[package]]
 name = "identify"
 version = "2.5.29"
 description = "File identification library for Python"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1468,6 +1523,7 @@ license = ["ukkonen"]
 name = "idna"
 version = "3.4"
 description = "Internationalized Domain Names in Applications (IDNA)"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1479,6 +1535,7 @@ files = [
 name = "iniconfig"
 version = "2.0.0"
 description = "brain-dead simple config-ini parsing"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1490,6 +1547,7 @@ files = [
 name = "isort"
 version = "5.12.0"
 description = "A Python utility / library to sort Python imports."
+category = "dev"
 optional = false
 python-versions = ">=3.8.0"
 files = [
@@ -1507,6 +1565,7 @@ requirements-deprecated-finder = ["pip-api", "pipreqs"]
 name = "jmespath"
 version = "1.0.1"
 description = "JSON Matching Expressions"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1518,6 +1577,7 @@ files = [
 name = "kafka-python"
 version = "2.0.2"
 description = "Pure Python client for Apache Kafka"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1532,6 +1592,7 @@ crc32c = ["crc32c"]
 name = "lanarky"
 version = "0.7.15"
 description = "FastAPI framework to build production-grade LLM applications"
+category = "main"
 optional = false
 python-versions = ">=3.9,<4.0"
 files = [
@@ -1555,6 +1616,7 @@ redis = ["redis (>=4.5.5,<5.0.0)"]
 name = "langchain"
 version = "0.0.295"
 description = "Building applications with LLMs through composability"
+category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -1593,6 +1655,7 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 name = "langsmith"
 version = "0.0.40"
 description = "Client library to connect to the LangSmith LLM Tracing and Evaluation Platform."
+category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -1608,6 +1671,7 @@ requests = ">=2,<3"
 name = "loguru"
 version = "0.7.2"
 description = "Python logging made (stupidly) simple"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1626,6 +1690,7 @@ dev = ["Sphinx (==7.2.5)", "colorama (==0.4.5)", "colorama (==0.4.6)", "exceptio
 name = "lz4"
 version = "4.3.2"
 description = "LZ4 Bindings for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1675,6 +1740,7 @@ tests = ["psutil", "pytest (!=3.3.0)", "pytest-cov"]
 name = "markdown-it-py"
 version = "3.0.0"
 description = "Python port of markdown-it. Markdown parsing, done right!"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1699,6 +1765,7 @@ testing = ["coverage", "pytest", "pytest-cov", "pytest-regressions"]
 name = "marshmallow"
 version = "3.20.1"
 description = "A lightweight library for converting complex datatypes to and from native Python datatypes."
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1719,6 +1786,7 @@ tests = ["pytest", "pytz", "simplejson"]
 name = "marshmallow-enum"
 version = "1.5.1"
 description = "Enum field for Marshmallow"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1733,6 +1801,7 @@ marshmallow = ">=2.0.0"
 name = "mccabe"
 version = "0.7.0"
 description = "McCabe checker, plugin for flake8"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1744,6 +1813,7 @@ files = [
 name = "mdurl"
 version = "0.1.2"
 description = "Markdown URL utilities"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1755,6 +1825,7 @@ files = [
 name = "multidict"
 version = "6.0.4"
 description = "multidict implementation"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1838,6 +1909,7 @@ files = [
 name = "mypy"
 version = "1.5.1"
 description = "Optional static typing for Python"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1884,6 +1956,7 @@ reports = ["lxml"]
 name = "mypy-extensions"
 version = "1.0.0"
 description = "Type system extensions for programs checked with the mypy type checker."
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1895,6 +1968,7 @@ files = [
 name = "mysqlclient"
 version = "2.2.0"
 description = "Python interface to MySQL"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1911,6 +1985,7 @@ files = [
 name = "networkx"
 version = "3.1"
 description = "Python package for creating and manipulating graphs and networks"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1929,6 +2004,7 @@ test = ["codecov (>=2.1)", "pytest (>=7.2)", "pytest-cov (>=4.0)"]
 name = "nodeenv"
 version = "1.8.0"
 description = "Node.js virtual environment builder"
+category = "dev"
 optional = false
 python-versions = ">=2.7,!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,!=3.6.*"
 files = [
@@ -1943,6 +2019,7 @@ setuptools = "*"
 name = "numexpr"
 version = "2.8.6"
 description = "Fast numerical expression evaluator for NumPy"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1985,6 +2062,7 @@ numpy = ">=1.13.3"
 name = "numpy"
 version = "1.25.2"
 description = "Fundamental package for array computing in Python"
+category = "main"
 optional = false
 python-versions = ">=3.9"
 files = [
@@ -2019,6 +2097,7 @@ files = [
 name = "openai"
 version = "0.28.0"
 description = "Python client library for the OpenAI API"
+category = "main"
 optional = false
 python-versions = ">=3.7.1"
 files = [
@@ -2033,7 +2112,7 @@ tqdm = "*"
 
 [package.extras]
 datalib = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)"]
-dev = ["black (>=21.6b0,<22.0)", "pytest (==6.*)", "pytest-asyncio", "pytest-mock"]
+dev = ["black (>=21.6b0,<22.0)", "pytest (>=6.0.0,<7.0.0)", "pytest-asyncio", "pytest-mock"]
 embeddings = ["matplotlib", "numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "plotly", "scikit-learn (>=1.0.2)", "scipy", "tenacity (>=8.0.1)"]
 wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "wandb"]
 
@@ -2041,6 +2120,7 @@ wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1
 name = "packaging"
 version = "23.1"
 description = "Core utilities for Python packages"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2052,6 +2132,7 @@ files = [
 name = "pathspec"
 version = "0.11.2"
 description = "Utility library for gitignore style pattern matching of file paths."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2063,6 +2144,7 @@ files = [
 name = "pbr"
 version = "5.11.1"
 description = "Python Build Reasonableness"
+category = "dev"
 optional = false
 python-versions = ">=2.6"
 files = [
@@ -2074,6 +2156,7 @@ files = [
 name = "pep8-naming"
 version = "0.13.3"
 description = "Check PEP-8 naming conventions, plugin for flake8"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2088,6 +2171,7 @@ flake8 = ">=5.0.0"
 name = "pinecone-client"
 version = "2.2.4"
 description = "Pinecone client and SDK"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2118,6 +2202,7 @@ grpc = ["googleapis-common-protos (>=1.53.0)", "grpc-gateway-protoc-gen-openapiv
 name = "platformdirs"
 version = "3.10.0"
 description = "A small Python package for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2133,6 +2218,7 @@ test = ["appdirs (==1.4.4)", "covdefaults (>=2.3)", "pytest (>=7.4)", "pytest-co
 name = "pluggy"
 version = "1.3.0"
 description = "plugin and hook calling mechanisms for python"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2148,6 +2234,7 @@ testing = ["pytest", "pytest-benchmark"]
 name = "pre-commit"
 version = "3.4.0"
 description = "A framework for managing and maintaining multi-language pre-commit hooks."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2166,6 +2253,7 @@ virtualenv = ">=20.10.0"
 name = "protobuf"
 version = "3.20.3"
 description = "Protocol Buffers"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2197,6 +2285,7 @@ files = [
 name = "pycodestyle"
 version = "2.10.0"
 description = "Python style guide checker"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2208,6 +2297,7 @@ files = [
 name = "pycparser"
 version = "2.21"
 description = "C parser in Python"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -2219,6 +2309,7 @@ files = [
 name = "pydantic"
 version = "1.10.12"
 description = "Data validation and settings management using python type hints"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2272,6 +2363,7 @@ email = ["email-validator (>=1.0.3)"]
 name = "pydocstyle"
 version = "6.3.0"
 description = "Python docstring style checker"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2289,6 +2381,7 @@ toml = ["tomli (>=1.2.3)"]
 name = "pyflakes"
 version = "3.0.1"
 description = "passive checker of Python programs"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2300,6 +2393,7 @@ files = [
 name = "pygments"
 version = "2.16.1"
 description = "Pygments is a syntax highlighting package written in Python."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2314,6 +2408,7 @@ plugins = ["importlib-metadata"]
 name = "pymysql"
 version = "1.1.0"
 description = "Pure Python MySQL Driver"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2329,6 +2424,7 @@ rsa = ["cryptography"]
 name = "pytest"
 version = "7.4.2"
 description = "pytest: simple powerful testing with Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2351,6 +2447,7 @@ testing = ["argcomplete", "attrs (>=19.2.0)", "hypothesis (>=3.56)", "mock", "no
 name = "pytest-asyncio"
 version = "0.21.1"
 description = "Pytest support for asyncio"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2369,6 +2466,7 @@ testing = ["coverage (>=6.2)", "flaky (>=3.5.0)", "hypothesis (>=5.7.1)", "mypy
 name = "pytest-cov"
 version = "4.1.0"
 description = "Pytest plugin for measuring coverage."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2387,6 +2485,7 @@ testing = ["fields", "hunter", "process-tests", "pytest-xdist", "six", "virtuale
 name = "pytest-env"
 version = "0.8.2"
 description = "py.test plugin that allows you to add environment variables."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2404,6 +2503,7 @@ test = ["coverage (>=7.2.7)", "pytest-mock (>=3.10)"]
 name = "pytest-mock"
 version = "3.11.1"
 description = "Thin-wrapper around the mock package for easier use with pytest"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2421,6 +2521,7 @@ dev = ["pre-commit", "pytest-asyncio", "tox"]
 name = "python-dateutil"
 version = "2.8.2"
 description = "Extensions to the standard Python datetime module"
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,>=2.7"
 files = [
@@ -2435,6 +2536,7 @@ six = ">=1.5"
 name = "python-dotenv"
 version = "1.0.0"
 description = "Read key-value pairs from a .env file and set them as environment variables"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2449,6 +2551,7 @@ cli = ["click (>=5.0)"]
 name = "python-multipart"
 version = "0.0.6"
 description = "A streaming multipart parser for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2463,6 +2566,7 @@ dev = ["atomicwrites (==1.2.1)", "attrs (==19.2.0)", "coverage (==6.5.0)", "hatc
 name = "pyyaml"
 version = "6.0.1"
 description = "YAML parser and emitter for Python"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2471,7 +2575,6 @@ files = [
     {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:69b023b2b4daa7548bcfbd4aa3da05b3a74b772db9e23b982788168117739938"},
     {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:81e0b275a9ecc9c0c0c07b4b90ba548307583c125f54d5b6946cfee6360c733d"},
     {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ba336e390cd8e4d1739f42dfe9bb83a3cc2e80f567d8805e11b46f4a943f5515"},
-    {file = "PyYAML-6.0.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:326c013efe8048858a6d312ddd31d56e468118ad4cdeda36c719bf5bb6192290"},
     {file = "PyYAML-6.0.1-cp310-cp310-win32.whl", hash = "sha256:bd4af7373a854424dabd882decdc5579653d7868b8fb26dc7d0e99f823aa5924"},
     {file = "PyYAML-6.0.1-cp310-cp310-win_amd64.whl", hash = "sha256:fd1592b3fdf65fff2ad0004b5e363300ef59ced41c2e6b3a99d4089fa8c5435d"},
     {file = "PyYAML-6.0.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6965a7bc3cf88e5a1c3bd2e0b5c22f8d677dc88a455344035f03399034eb3007"},
@@ -2479,15 +2582,8 @@ files = [
     {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:42f8152b8dbc4fe7d96729ec2b99c7097d656dc1213a3229ca5383f973a5ed6d"},
     {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:062582fca9fabdd2c8b54a3ef1c978d786e0f6b3a1510e0ac93ef59e0ddae2bc"},
     {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:d2b04aac4d386b172d5b9692e2d2da8de7bfb6c387fa4f801fbf6fb2e6ba4673"},
-    {file = "PyYAML-6.0.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:e7d73685e87afe9f3b36c799222440d6cf362062f78be1013661b00c5c6f678b"},
     {file = "PyYAML-6.0.1-cp311-cp311-win32.whl", hash = "sha256:1635fd110e8d85d55237ab316b5b011de701ea0f29d07611174a1b42f1444741"},
     {file = "PyYAML-6.0.1-cp311-cp311-win_amd64.whl", hash = "sha256:bf07ee2fef7014951eeb99f56f39c9bb4af143d8aa3c21b1677805985307da34"},
-    {file = "PyYAML-6.0.1-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:855fb52b0dc35af121542a76b9a84f8d1cd886ea97c84703eaa6d88e37a2ad28"},
-    {file = "PyYAML-6.0.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:40df9b996c2b73138957fe23a16a4f0ba614f4c0efce1e9406a184b6d07fa3a9"},
-    {file = "PyYAML-6.0.1-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6c22bec3fbe2524cde73d7ada88f6566758a8f7227bfbf93a408a9d86bcc12a0"},
-    {file = "PyYAML-6.0.1-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:8d4e9c88387b0f5c7d5f281e55304de64cf7f9c0021a3525bd3b1c542da3b0e4"},
-    {file = "PyYAML-6.0.1-cp312-cp312-win32.whl", hash = "sha256:d483d2cdf104e7c9fa60c544d92981f12ad66a457afae824d146093b8c294c54"},
-    {file = "PyYAML-6.0.1-cp312-cp312-win_amd64.whl", hash = "sha256:0d3304d8c0adc42be59c5f8a4d9e3d7379e6955ad754aa9d6ab7a398b59dd1df"},
     {file = "PyYAML-6.0.1-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:50550eb667afee136e9a77d6dc71ae76a44df8b3e51e41b77f6de2932bfe0f47"},
     {file = "PyYAML-6.0.1-cp36-cp36m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1fe35611261b29bd1de0070f0b2f47cb6ff71fa6595c077e42bd0c419fa27b98"},
     {file = "PyYAML-6.0.1-cp36-cp36m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:704219a11b772aea0d8ecd7058d0082713c3562b4e271b849ad7dc4a5c90c13c"},
@@ -2504,7 +2600,6 @@ files = [
     {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a0cd17c15d3bb3fa06978b4e8958dcdc6e0174ccea823003a106c7d4d7899ac5"},
     {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:28c119d996beec18c05208a8bd78cbe4007878c6dd15091efb73a30e90539696"},
     {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7e07cbde391ba96ab58e532ff4803f79c4129397514e1413a7dc761ccd755735"},
-    {file = "PyYAML-6.0.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:49a183be227561de579b4a36efbb21b3eab9651dd81b1858589f796549873dd6"},
     {file = "PyYAML-6.0.1-cp38-cp38-win32.whl", hash = "sha256:184c5108a2aca3c5b3d3bf9395d50893a7ab82a38004c8f61c258d4428e80206"},
     {file = "PyYAML-6.0.1-cp38-cp38-win_amd64.whl", hash = "sha256:1e2722cc9fbb45d9b87631ac70924c11d3a401b2d7f410cc0e3bbf249f2dca62"},
     {file = "PyYAML-6.0.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:9eb6caa9a297fc2c2fb8862bc5370d0303ddba53ba97e71f08023b6cd73d16a8"},
@@ -2512,7 +2607,6 @@ files = [
     {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5773183b6446b2c99bb77e77595dd486303b4faab2b086e7b17bc6bef28865f6"},
     {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:b786eecbdf8499b9ca1d697215862083bd6d2a99965554781d0d8d1ad31e13a0"},
     {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bc1bf2925a1ecd43da378f4db9e4f799775d6367bdb94671027b73b393a7c42c"},
-    {file = "PyYAML-6.0.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:04ac92ad1925b2cff1db0cfebffb6ffc43457495c9b3c39d3fcae417d7125dc5"},
     {file = "PyYAML-6.0.1-cp39-cp39-win32.whl", hash = "sha256:faca3bdcf85b2fc05d06ff3fbc1f83e1391b3e724afa3feba7d13eeab355484c"},
     {file = "PyYAML-6.0.1-cp39-cp39-win_amd64.whl", hash = "sha256:510c9deebc5c0225e8c96813043e62b680ba2f9c50a08d3724c7f28a747d1486"},
     {file = "PyYAML-6.0.1.tar.gz", hash = "sha256:bfdf460b1736c775f2ba9f6a92bca30bc2095067b8a9d77876d1fad6cc3b4a43"},
@@ -2522,6 +2616,7 @@ files = [
 name = "regex"
 version = "2023.8.8"
 description = "Alternative regular expression module, to replace re."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2619,6 +2714,7 @@ files = [
 name = "replicate"
 version = "0.8.4"
 description = "Python client for Replicate"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2638,6 +2734,7 @@ dev = ["black", "mypy", "pytest", "responses", "ruff"]
 name = "requests"
 version = "2.31.0"
 description = "Python HTTP for Humans."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2659,6 +2756,7 @@ use-chardet-on-py3 = ["chardet (>=3.0.2,<6)"]
 name = "restructuredtext-lint"
 version = "1.4.0"
 description = "reStructuredText linter"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -2672,6 +2770,7 @@ docutils = ">=0.11,<1.0"
 name = "rich"
 version = "13.5.3"
 description = "Render rich text, tables, progress bars, syntax highlighting, markdown and more to the terminal"
+category = "dev"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -2690,6 +2789,7 @@ jupyter = ["ipywidgets (>=7.5.1,<9)"]
 name = "s3transfer"
 version = "0.6.2"
 description = "An Amazon S3 Transfer Manager"
+category = "main"
 optional = false
 python-versions = ">= 3.7"
 files = [
@@ -2707,6 +2807,7 @@ crt = ["botocore[crt] (>=1.20.29,<2.0a.0)"]
 name = "sentry-sdk"
 version = "1.31.0"
 description = "Python client for Sentry (https://sentry.io)"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2752,6 +2853,7 @@ tornado = ["tornado (>=5)"]
 name = "setuptools"
 version = "68.2.2"
 description = "Easily download, build, install, upgrade, and uninstall Python packages"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2768,6 +2870,7 @@ testing-integration = ["build[virtualenv] (>=1.0.3)", "filelock (>=3.4.0)", "jar
 name = "six"
 version = "1.16.0"
 description = "Python 2 and 3 compatibility utilities"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -2779,6 +2882,7 @@ files = [
 name = "smmap"
 version = "5.0.1"
 description = "A pure Python implementation of a sliding window memory map manager"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2790,6 +2894,7 @@ files = [
 name = "sniffio"
 version = "1.3.0"
 description = "Sniff out which async library your code is running under"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2801,6 +2906,7 @@ files = [
 name = "snowballstemmer"
 version = "2.2.0"
 description = "This package provides 29 stemmers for 28 languages generated from Snowball algorithms."
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -2812,6 +2918,7 @@ files = [
 name = "soupsieve"
 version = "2.5"
 description = "A modern CSS selector implementation for Beautiful Soup."
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2823,6 +2930,7 @@ files = [
 name = "sqlalchemy"
 version = "2.0.21"
 description = "Database Abstraction Library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2902,6 +3010,7 @@ sqlcipher = ["sqlcipher3-binary"]
 name = "starlette"
 version = "0.27.0"
 description = "The little ASGI library that shines."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2920,6 +3029,7 @@ full = ["httpx (>=0.22.0)", "itsdangerous", "jinja2", "python-multipart", "pyyam
 name = "stevedore"
 version = "5.1.0"
 description = "Manage dynamic plugins for Python applications"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2934,6 +3044,7 @@ pbr = ">=2.0.0,<2.1.0 || >2.1.0"
 name = "stripe"
 version = "5.5.0"
 description = "Python bindings for the Stripe API"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -2948,6 +3059,7 @@ requests = {version = ">=2.20", markers = "python_version >= \"3.0\""}
 name = "tenacity"
 version = "8.2.3"
 description = "Retry code until it succeeds"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2962,6 +3074,7 @@ doc = ["reno", "sphinx", "tornado (>=4.5)"]
 name = "tiktoken"
 version = "0.5.1"
 description = "tiktoken is a fast BPE tokeniser for use with OpenAI's models"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -3007,6 +3120,7 @@ blobfile = ["blobfile (>=2)"]
 name = "tomli"
 version = "2.0.1"
 description = "A lil' TOML parser"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3018,6 +3132,7 @@ files = [
 name = "tqdm"
 version = "4.66.1"
 description = "Fast, Extensible Progress Meter"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3038,6 +3153,7 @@ telegram = ["requests"]
 name = "types-pytz"
 version = "2023.3.1.1"
 description = "Typing stubs for pytz"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -3049,6 +3165,7 @@ files = [
 name = "types-requests"
 version = "2.31.0.5"
 description = "Typing stubs for requests"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -3063,6 +3180,7 @@ types-urllib3 = "*"
 name = "types-urllib3"
 version = "1.26.25.14"
 description = "Typing stubs for urllib3"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -3074,6 +3192,7 @@ files = [
 name = "typing-extensions"
 version = "4.7.1"
 description = "Backported and Experimental Type Hints for Python 3.7+"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3085,6 +3204,7 @@ files = [
 name = "typing-inspect"
 version = "0.9.0"
 description = "Runtime inspection utilities for typing module."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3100,6 +3220,7 @@ typing-extensions = ">=3.7.4"
 name = "ujson"
 version = "5.8.0"
 description = "Ultra fast JSON encoder and decoder for Python"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -3170,6 +3291,7 @@ files = [
 name = "urllib3"
 version = "1.26.15"
 description = "HTTP library with thread-safe connection pooling, file post, and more."
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*, !=3.5.*"
 files = [
@@ -3186,6 +3308,7 @@ socks = ["PySocks (>=1.5.6,!=1.5.7,<2.0)"]
 name = "uvicorn"
 version = "0.22.0"
 description = "The lightning-fast ASGI server."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3200,7 +3323,7 @@ h11 = ">=0.8"
 httptools = {version = ">=0.5.0", optional = true, markers = "extra == \"standard\""}
 python-dotenv = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 pyyaml = {version = ">=5.1", optional = true, markers = "extra == \"standard\""}
-uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "(sys_platform != \"win32\" and sys_platform != \"cygwin\") and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
+uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "sys_platform != \"win32\" and sys_platform != \"cygwin\" and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
 watchfiles = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 websockets = {version = ">=10.4", optional = true, markers = "extra == \"standard\""}
 
@@ -3211,6 +3334,7 @@ standard = ["colorama (>=0.4)", "httptools (>=0.5.0)", "python-dotenv (>=0.13)",
 name = "uvloop"
 version = "0.17.0"
 description = "Fast implementation of asyncio event loop on top of libuv"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3255,6 +3379,7 @@ test = ["Cython (>=0.29.32,<0.30.0)", "aiohttp", "flake8 (>=3.9.2,<3.10.0)", "my
 name = "virtualenv"
 version = "20.24.5"
 description = "Virtual Python Environment builder"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3275,6 +3400,7 @@ test = ["covdefaults (>=2.3)", "coverage (>=7.2.7)", "coverage-enable-subprocess
 name = "watchfiles"
 version = "0.20.0"
 description = "Simple, modern and high performance file watching and code reload in python."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3309,6 +3435,7 @@ anyio = ">=3.0.0"
 name = "websockets"
 version = "11.0.3"
 description = "An implementation of the WebSocket Protocol (RFC 6455 & 7692)"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3388,6 +3515,7 @@ files = [
 name = "wemake-python-styleguide"
 version = "0.18.0"
 description = "The strictest and most opinionated python linter ever"
+category = "dev"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -3421,6 +3549,7 @@ typing_extensions = ">=4.0,<5.0"
 name = "wikipedia"
 version = "1.4.0"
 description = "Wikipedia API for Python"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3435,6 +3564,7 @@ requests = ">=2.0.0,<3.0.0"
 name = "win32-setctime"
 version = "1.1.0"
 description = "A small Python utility to set file creation time on Windows"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3449,6 +3579,7 @@ dev = ["black (>=19.3b0)", "pytest (>=4.6.2)"]
 name = "yarl"
 version = "1.9.2"
 description = "Yet another URL library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3535,4 +3666,4 @@ multidict = ">=4.0"
 [metadata]
 lock-version = "2.0"
 python-versions = "^3.9"
-content-hash = "04fce7715c4c340dadec185100f1aa1d01f87067c3e6d97140c2dcdfef684eb4"
+content-hash = "5a89a70a73226eb22f3d959034fab40cdedcf9584a6ed305b39a8f78d4fe85eb"
diff --git a/platform/pyproject.toml b/platform/pyproject.toml
index 9d6cc526c6..455317b165 100644
--- a/platform/pyproject.toml
+++ b/platform/pyproject.toml
@@ -33,13 +33,12 @@ replicate = "^0.8.4"
 lanarky = "^0.7.15"
 tiktoken = "^0.5.1"
 grpcio = "^1.58.0"
-pinecone-client = { version = "^2.2.4", extras = ["grpc"] }
-networkx = "^3.1"
 python-multipart = "^0.0.6"
 aws-secretsmanager-caching = "^1.1.1.5"
 botocore = "^1.31.51"
 stripe = "^5.5.0"
 cryptography = "^41.0.4"
+httpx = "^0.25.0"
 
 
 [tool.poetry.dev-dependencies]
@@ -59,7 +58,6 @@ pytest-env = "^0.8.2"
 [tool.poetry.group.dev.dependencies]
 dotmap = "^1.3.30"
 pytest-mock = "^3.10.0"
-httpx = "^0.24.1"
 pytest-asyncio = "^0.21.0"
 mypy = "^1.4.1"
 types-requests = "^2.31.0.1"
@@ -98,4 +96,3 @@ env = [
 [build-system]
 requires = ["poetry-core>=1.0.0"]
 build-backend = "poetry.core.masonry.api"
-
diff --git a/platform/reworkd_platform/web/api/agent/agent_service/agent_service_provider.py b/platform/reworkd_platform/web/api/agent/agent_service/agent_service_provider.py
index 8af834648d..19b3777849 100644
--- a/platform/reworkd_platform/web/api/agent/agent_service/agent_service_provider.py
+++ b/platform/reworkd_platform/web/api/agent/agent_service/agent_service_provider.py
@@ -15,10 +15,8 @@
 from reworkd_platform.web.api.agent.agent_service.open_ai_agent_service import (
     OpenAIAgentService,
 )
-from reworkd_platform.web.api.agent.dependancies import get_agent_memory
 from reworkd_platform.web.api.agent.model_factory import create_model
 from reworkd_platform.web.api.dependencies import get_current_user
-from reworkd_platform.web.api.memory.memory import AgentMemory
 
 
 def get_agent_service(
@@ -29,7 +27,6 @@ def get_agent_service(
     def func(
         run: AgentRun = Depends(validator),
         user: UserBase = Depends(get_current_user),
-        agent_memory: AgentMemory = Depends(get_agent_memory),
         token_service: TokenService = Depends(get_token_service),
         oauth_crud: OAuthCrud = Depends(OAuthCrud.inject),
     ) -> AgentService:
@@ -47,7 +44,6 @@ def func(
         return OpenAIAgentService(
             model,
             run.model_settings,
-            agent_memory,
             token_service,
             callbacks=None,
             user=user,
diff --git a/platform/reworkd_platform/web/api/agent/agent_service/open_ai_agent_service.py b/platform/reworkd_platform/web/api/agent/agent_service/open_ai_agent_service.py
index 7cbe43054f..f6bf721092 100644
--- a/platform/reworkd_platform/web/api/agent/agent_service/open_ai_agent_service.py
+++ b/platform/reworkd_platform/web/api/agent/agent_service/open_ai_agent_service.py
@@ -38,7 +38,6 @@
 )
 from reworkd_platform.web.api.agent.tools.utils import summarize
 from reworkd_platform.web.api.errors import OpenAIError
-from reworkd_platform.web.api.memory.memory import AgentMemory
 
 
 class OpenAIAgentService(AgentService):
@@ -46,14 +45,12 @@ def __init__(
         self,
         model: WrappedChatOpenAI,
         settings: ModelSettings,
-        agent_memory: AgentMemory,
         token_service: TokenService,
         callbacks: Optional[List[AsyncCallbackHandler]],
         user: UserBase,
         oauth_crud: OAuthCrud,
     ):
         self.model = model
-        self.agent_memory = agent_memory
         self.settings = settings
         self.token_service = token_service
         self.callbacks = callbacks
@@ -86,10 +83,6 @@ async def start_goal_agent(self, *, goal: str) -> List[str]:
         task_output_parser = TaskOutputParser(completed_tasks=[])
         tasks = parse_with_handling(task_output_parser, completion)
 
-        with self.agent_memory as memory:
-            memory.reset_class()
-            memory.add_tasks(tasks)
-
         return tasks
 
     async def analyze_task_agent(
@@ -180,23 +173,7 @@ async def create_tasks_agent(
         )
 
         previous_tasks = (completed_tasks or []) + tasks
-        tasks = [completion] if completion not in previous_tasks else []
-
-        unique_tasks = []
-        with self.agent_memory as memory:
-            for task in tasks:
-                similar_tasks = memory.get_similar_tasks(task)
-
-                # Check if similar tasks are found
-                if not similar_tasks:
-                    unique_tasks.append(task)
-                else:
-                    logger.info(f"Similar tasks to '{task}' found: {similar_tasks}")
-
-            if unique_tasks:
-                memory.add_tasks(unique_tasks)
-
-        return unique_tasks
+        return [completion] if completion not in previous_tasks else []
 
     async def summarize_task_agent(
         self,
diff --git a/platform/reworkd_platform/web/api/agent/dependancies.py b/platform/reworkd_platform/web/api/agent/dependancies.py
index a95be242c0..2bd21eaa36 100644
--- a/platform/reworkd_platform/web/api/agent/dependancies.py
+++ b/platform/reworkd_platform/web/api/agent/dependancies.py
@@ -1,27 +1,22 @@
 from typing import TypeVar
 
-from fastapi import Body, Depends, Request
+from fastapi import Body, Depends
 from sqlalchemy.ext.asyncio import AsyncSession
 
 from reworkd_platform.db.crud.agent import AgentCRUD
 from reworkd_platform.db.dependencies import get_db_session
 from reworkd_platform.schemas.agent import (
-    Loop_Step,
-    AgentRunCreate,
+    AgentChat,
     AgentRun,
+    AgentRunCreate,
+    AgentSummarize,
     AgentTaskAnalyze,
-    AgentTaskExecute,
     AgentTaskCreate,
-    AgentSummarize,
-    AgentChat,
+    AgentTaskExecute,
+    Loop_Step,
 )
 from reworkd_platform.schemas.user import UserBase
-from reworkd_platform.services.pinecone.pinecone import PineconeMemory
-from reworkd_platform.settings import settings
 from reworkd_platform.web.api.dependencies import get_current_user
-from reworkd_platform.web.api.memory.memory import AgentMemory
-from reworkd_platform.web.api.memory.memory_with_fallback import MemoryWithFallback
-from reworkd_platform.web.api.memory.null import NullAgentMemory
 
 T = TypeVar(
     "T", AgentTaskAnalyze, AgentTaskExecute, AgentTaskCreate, AgentSummarize, AgentChat
@@ -35,19 +30,6 @@ def agent_crud(
     return AgentCRUD(session, user)
 
 
-def get_agent_memory(
-    request: Request,
-    user: UserBase = Depends(get_current_user),
-) -> AgentMemory:
-    if settings.ff_mock_mode_enabled:
-        return NullAgentMemory()
-
-    if PineconeMemory.should_use():
-        return MemoryWithFallback(PineconeMemory(user.id), NullAgentMemory())
-
-    return NullAgentMemory()
-
-
 async def agent_start_validator(
     body: AgentRunCreate = Body(
         example={
diff --git a/platform/reworkd_platform/web/lifetime.py b/platform/reworkd_platform/web/lifetime.py
index fcaf156841..ffc58e6ce0 100644
--- a/platform/reworkd_platform/web/lifetime.py
+++ b/platform/reworkd_platform/web/lifetime.py
@@ -6,7 +6,6 @@
 from reworkd_platform.db.meta import meta
 from reworkd_platform.db.models import load_all_models
 from reworkd_platform.db.utils import create_engine
-from reworkd_platform.services.pinecone.lifetime import init_pinecone
 from reworkd_platform.services.tokenizer.lifetime import init_tokenizer
 
 
@@ -55,7 +54,6 @@ def register_startup_event(
     @app.on_event("startup")
     async def _startup() -> None:  # noqa: WPS430
         _setup_db(app)
-        init_pinecone()
         init_tokenizer(app)
         # await _create_tables()